/*#region font */

@font-face {
    font-family: 'roboto-black';
    src: url("fonts/Roboto/Roboto-Black.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-black-italic';
    src: url("fonts/Roboto/Roboto-BlackItalic.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-bold';
    src: url("fonts/Roboto/Roboto-Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-bold-italic';
    src: url("fonts/Roboto/Roboto-BoldItalic.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-italic';
    src: url("fonts/Roboto/Roboto-Italic.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-light';
    src: url("fonts/Roboto/Roboto-Light.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-light-italic';
    src: url("fonts/Roboto/Roboto-LightItalic.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-medium';
    src: url("fonts/Roboto/Roboto-Medium.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-medium-italic';
    src: url("fonts/Roboto/Roboto-MediumItalic.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-regular';
    src: url("fonts/Roboto/Roboto-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-thin';
    src: url("fonts/Roboto/Roboto-Thin.ttf") format('truetype');
}

@font-face {
    font-family: 'roboto-thin-italic';
    src: url("fonts/Roboto/Roboto-ThinItalic.ttf") format('truetype');
}

@font-face {
    font-family: 'icomoon2';
    src: url('fonts/icons2/icomoon.eot?k6f7e');
    src: url('fonts/icons2/icomoon.eot?k6f7e#iefix') format('embedded-opentype'),
    url('fonts/icons2/icomoon.ttf?k6f7e') format('truetype'),
    url('fonts/icons2/icomoon.woff?k6f7e') format('woff'),
    url('fonts/icons2/icomoon.svg?k6f7e#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/*#region customize icon */
.Main.standalone .DttMainSelectionScreen .icon-ic_freeLearning:before {
    content: "\e904";
}

/*#endregion customize icon */

/*#endregion*/

/*#region MyData */

.Main.mobile .DttAccountMyData.DttDetailsView .addLicenseKeyWrap .FormElement.editing {
    margin: 0 0 14px 0;
}

/*#endregion*/


/*#region MyData */

.Main.standalone .DttAccountMyData.DttDetailsView .editSaveButton,
.Main.standalone .DttAccountMyData.DttDetailsView .titleSelect,
.Main.standalone .DttAccountMyData.DttDetailsView .firstNameInput,
.Main.standalone .DttAccountMyData.DttDetailsView .lastNameInput,
.Main.standalone .DttAccountMyData.DttDetailsView .addressInput,
.Main.standalone .DttAccountMyData.DttDetailsView .zipInput,
.Main.standalone .DttAccountMyData.DttDetailsView .townInput,
.Main.standalone .DttAccountMyData.DttDetailsView .phoneInput,
.Main.standalone .DttAccountMyData.DttDetailsView .dobInput,
.Main.standalone .DttAccountMyData.DttDetailsView .emailInput,
.Main.standalone .DttAccountMyData.DttDetailsView .addLicenseKeyWrap,
.Main.standalone .DttAccountMyData.DttDetailsView .licenseKeyOutput,
.Main.standalone .DttAccountMyData.DttDetailsView .teacherSchoolNameOutput,
.Main.standalone .DttAccountMyData.DttDetailsView .teacherAddressOutput,
.Main.standalone .DttAccountMyData.DttDetailsView .teacherZipOutput,
.Main.standalone .DttAccountMyData.DttDetailsView .teacherTownOutput,
.Main.standalone .DttAccountMyData.DttDetailsView .teacherPhoneOutput,
.Main.standalone .DttAccountMyData.DttDetailsView .teacherMailAddressesOutput {
    display: none;
}

/*#endregion*/


/*#region standalone class selector */

.ModalDialog.ModalSelectDialog .FormLicenseClassSelect .wrapper {
    background: #e0e0e0;
    border-radius: 4px;
    margin: 10px 10px 0 5px;
    color: #555;
    padding: 30px;
    /*padding-bottom: 33px;*/
    /* position: absolute; */
    width: 100%;
}

.ModalDialog.ModalSelectDialog .FormLicenseClassSelect .wrapper .rbWrap {
    margin-bottom: 10px;
}


.ModalDialog.ModalSelectDialog .FormLicenseClassSelect .wrapper .FormElement.DttLicenseClassSelector {
    height: auto;
}

/*#endregion*/

/*#region loginScreen */

.LoginScreen .standaloneLoginWrap {
    width: 290px;
    position: relative;
    margin: 24px auto 0;
    /*background: rgba(225,225,225,0.9);*/
    /*border-radius: 7px;*/
    /*-webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 30%);*/
    /*-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);*/
    /*box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 30%);*/
    /*padding: 25px 25px 39px 25px;*/
    /*opacity: 1;*/
    /*transition: opacity,margin 0.6s;*/
    /*-webkit-transition: opacity,margin 0.6s;*/
}

.LoginScreen .standaloneLoginWrap .bTrayAgain {
    font-family: "dosis-semibold";
    font-size: 16px;
    padding: 7px 0;
    margin: 9px 0 17px 0;
}

.LoginScreen .loginWrap.hidden {
    display: none;
}

.LoginScreen .standaloneLoginWrap.hidden {
    display: none;
}


/*#endregion*/

.Main.standalone .DttMainSelectionScreen .teacherInfo {
    display: none;
}


.ModalDialog.ModalSelectDialog .modalBtns.hidden {
    display: none;
}

.selfResetProgress.hidden {
    display: none;
}

.selfResetProgress .reverseButton {
    margin-left: 16px;
    margin-right: 16px;
    max-width: 300px;
    color: white;
}

.DttLearningProgress .cwuItemsWrap .cwuItem.light_gray {
    background: #b5b5b5;
    color: #fff;
}

/*for current */
.DttLearningProgress .cwuItemWrap.current .cwuItem.light_gray {
    color: #84abbd;
    background: #fff;
}


.Main.mobile .DttHeadlineSublineBlock .headline {
    font-family: "dosis-regular";
    font-size: 23px;
    display: inline;
    text-transform: uppercase;
}


/*#region new layout*/

body.Main.standalone {
    font-family: roboto-regular, serif;
}

/*#region DttMenuBar*/

.Main.standalone.mobile .DttMenuBar .headerContainer.bigger {
    display: flex;
    align-items: center;
}

.Main.standalone .DttMenuBar {
    background: rgb(54, 54, 54);
    background: -moz-linear-gradient(4deg, rgba(54, 54, 54, 1) 0%, rgba(56, 55, 55, 1) 25%, rgba(58, 58, 58, 1) 50%, rgba(61, 60, 60, 1) 75%, rgba(62, 61, 61, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(54, 54, 54, 1) 0%, rgba(56, 55, 55, 1) 25%, rgba(58, 58, 58, 1) 50%, rgba(61, 60, 60, 1) 75%, rgba(62, 61, 61, 1) 100%);
    background: linear-gradient(4deg, rgba(54, 54, 54, 1) 0%, rgba(56, 55, 55, 1) 25%, rgba(58, 58, 58, 1) 50%, rgba(61, 60, 60, 1) 75%, rgba(62, 61, 61, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#3e3d3d", GradientType=1);
    color: #fff;
    /* transition: all 0.1s; */
    /* -webkit-transition: all 0.1s; */
}

.Main.standalone .DttMenuBar .headerContainer .DttMenuBarTitleHeader,
.Main.standalone .DttMenuBar .headerContainer .screenMenuHeader {
    font-family: roboto-regular, serif;
    color: #ffffff;
}

.Main.standalone.mobile .DttMenuBar .headerContainer .screenMenuHeader.appearing {
    margin: 0 0 0 28px;
}

.Main.standalone .insetHalf .DttMenuBar .headerContainer .DttMenuBarTitleHeader,
.Main.standalone .insetHalf .DttMenuBar .headerContainer .screenMenuHeader {
    font-family: roboto-regular, serif;
    color: #ffffff;
}

.Main.standalone .DttMenuBar .DttButton {
    background: none;
    border-radius: 0;
}

.Main.standalone .DttMenuBar .backBtn {

}

.Main.standalone .DttMenuBar .DttButton.hoverClass:not(.disabled) .innerBtn {
    border: 3px solid #2e2c2c;
}

.Main.standalone .DttMenuBar .statsBtn.hoverClass,
.Main.standalone .DttMenuBar .fullscreenBtn.hoverClass,
.Main.standalone .DttMenuBar .helpBtn.hoverClass {
    background: #2e2c2c;
}

.Main.standalone .DttMenuBar .logoContainer {
    display: none;
}


.DttMenuBar .DttButton .icon,
.DttMenuBar .DttButton.nonButton.withIcon .icon {
    margin-top: 2px;
}


/*#endregion DttMenuBar*/

.Main.standalone .burgerMenuButton .open {
    padding: 0 0 0 7px;
    width: 26px;
    height: 34px;
}

/*#region burgerMenuButton*/

/*#endRegion*/

/*#region Main Content*/

.Main.standalone .mainContent {
    color: #ffffff;
    background: #2e2c2c;
}

.Main.standalone .mainContent > .DttMainSelectionScreen {
    background: #2e2c2c;
}

.Main.standalone .mainContent > .DttAdditionalSelectionScreen {
    background: #2e2c2c;
}

.Main.standalone .mainContent > .CategoryReviewSelectScreen {
    background: #2e2c2c;
}

.Main.standalone .mainContent > .QuestionStatusSelectScreen {
    background: #2e2c2c;
}

.Main.standalone .mainContent > .DttTestChoiceScreen {
    background: #2e2c2c;
}

.Main.standalone .mainContent > .DttTestBlockAnalysisScreen {
    background: #2e2c2c;
}

.Main.standalone .mainContent > .DttStatisticsScreen {
    background: #2e2c2c;
}

.Main.standalone .mainContent > .DttExerciseBlockAnalysisScreen {
    background: #2e2c2c;
}

.Main.standalone .mainContent > * {
    background-color: #2e2c2c;
}


/*#endregion Main Content*/

/*#region DttMainSelectionScreen */


/*#region wrap left */
.Main.standalone .DttMainSelectionScreen .wrapLeft {
    font-family: roboto-bold, serif;
    font-size: 16px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 7px 5px 0 1px rgba(43, 40, 40, 1);
    -moz-box-shadow: 7px 5px 0 1px rgba(43, 40, 40, 1);
    box-shadow: 7px 5px 0 1px rgba(43, 40, 40, 1);
    color: #ffffff;
    background: #363636;
}

.Main.standalone .DttMainSelectionScreen.msMobile .wrapLeft {
    right: 0;
    left: 0;
}

/*set all child left margin to 8px*/

.Main.standalone .DttMainSelectionScreen.msMobile .wrapLeft .headline,
.Main.standalone .DttMainSelectionScreen.msMobile .wrapLeft .message,
.Main.standalone .DttMainSelectionScreen.msMobile .wrapLeft .lcHeadline,
.Main.standalone .DttMainSelectionScreen.msMobile .wrapLeft .classesWrap,
.Main.standalone .DttMainSelectionScreen.msMobile .wrapLeft .ltHeadline,
.Main.standalone .DttMainSelectionScreen.msMobile .wrapLeft .timeWrap {
    margin-left: 8px;
}


.Main.standalone .DttMainSelectionScreen .wrapLeft .headline {
    font-family: roboto-regular, serif;
    font-size: 27px;
    color: #ffffff;
}

.Main.standalone .DttMainSelectionScreen .wrapLeft .timeWrap {
    color: #ffffff;
}

.Main.standalone .DttMainSelectionScreen .wrapLeft .timeWrap .lineWrap .TranslatableText {
    font-family: roboto-regular, serif;
    color: #ffffff;
}

.Main.standalone .DttMainSelectionScreen .wrapLeft .timeWrap .lineWrap .SimpleDiv {
    font-family: roboto-bold, serif;
    border: none;
    border-radius: 0;
    color: #343434;
    background: rgb(225, 225, 225);
    background: -moz-linear-gradient(4deg, rgba(225, 225, 225, 1) 0%, rgba(229, 229, 229, 1) 30%, rgba(233, 233, 233, 1) 60%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(225, 225, 225, 1) 0%, rgba(229, 229, 229, 1) 30%, rgba(233, 233, 233, 1) 60%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(4deg, rgba(225, 225, 225, 1) 0%, rgba(229, 229, 229, 1) 30%, rgba(233, 233, 233, 1) 60%, rgba(237, 237, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e1e1", endColorstr="#ededed", GradientType=1);
}

.Main.standalone .DttMainSelectionScreen .wrapLeft .lastSyncWrap {
    font-family: roboto-regular, serif;
    color: #f1f1f1;
}

.Main.standalone .DttMainSelectionScreen .wrapLeft .lastSyncWrap.hidden,
.Main.standalone .DttMainSelectionScreen .wrapLeft .lastSyncTime.hidden {
    display: none;
}

/*endregion wrap left*/

/*#region wrap top */
.Main.standalone .DttMainSelectionScreen .wrapTop {
    border: none;
    border-radius: 0;
    background: #383838;
    -webkit-box-shadow: -7px 5px 0 1px rgba(43, 40, 40, 1);
    -moz-box-shadow: -7px 5px 0 1px rgba(43, 40, 40, 1);
    box-shadow: -7px 5px 0 1px rgba(43, 40, 40, 1);
}


/*endregion wrap top*/

/*#region wrap bottom*/

.Main.standalone .DttMainSelectionScreen .wrapBottom {
    border-radius: 0;
    background: #383838;
}

/*#endregion wrap bottom*/

.Main.standalone .DttMainSelectionScreen .classesItem {
    border-radius: 0;
    color: #343434;
    background: rgb(84, 206, 169);
    background: -moz-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 217, 173, 1) 30%, rgba(85, 233, 179, 1) 60%, rgba(85, 244, 183, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 217, 173, 1) 30%, rgba(85, 233, 179, 1) 60%, rgba(85, 244, 183, 1) 100%);
    background: linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 217, 173, 1) 30%, rgba(85, 233, 179, 1) 60%, rgba(85, 244, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f4b7", GradientType=1);
}

/*#region DttCorrectWrongUnansweredBar*/

.Main.standalone .DttCorrectWrongUnansweredBar .cBar,
.Main.standalone .DttCorrectWrongUnansweredBar .bgC {
    background: #58d9b0;
}

.Main.standalone .DttCorrectWrongUnansweredBar .wBar,
.Main.standalone .DttCorrectWrongUnansweredBar .bgW {
    background: #c45558;
}

.Main.standalone .DttCorrectWrongUnansweredBar .uBar,
.Main.standalone .DttCorrectWrongUnansweredBar .bgU {
    background: #ffffff;
}

.Main.standalone .DttCorrectWrongUnansweredBar .cwuWrap .cwuBar.disabled {
    background: #b2b2b2;
}

.Main.standalone .DttCorrectWrongUnansweredBar .cwuWrap .cwuBar.firstChild {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.Main.standalone .DttCorrectWrongUnansweredBar .cwuWrap .cwuBar.lastChild {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.Main.standalone .DttCorrectWrongUnansweredBar .cwuLegend {
    font-family: roboto-bold;
    color: #ffffff;
}

.Main.standalone .DttCorrectWrongUnansweredBar .cwuLegend .legendCLabel {
    line-height: normal;
}


/*#endregion DttCorrectWrongUnansweredBar*/

.Main.standalone .DttMainSelectionScreen .DttButton .caption {
    font-size: 15px;
}

.Main.standalone .DttHeadlineSublineBlock > .icon {
    color: #f1f1f1;
}


/*#endregion DttMainSelectionScreen */

/*#region DttAdditionalSelectionScreen*/

/*TODO: Check */
.Main.standalone .DttAdditionalSelectionScreen .DttButton {

}


/*TODO: Make sure the color is okay */
.Main.standalone .DttAdditionalSelectionScreen .DttButton.hl {
    color: #343434;
    background: rgb(132, 192, 223);
    background: -moz-linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    background: linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#84c0df", endColorstr="#44a0d0", GradientType=1);

}

.Main.standalone .DttAdditionalSelectionScreen .DttButton.hl.hoverClass:not(.disabled) .innerBtn {
    border-color: #44a0d0;
}

.Main.standalone .DttAdditionalSelectionScreen .DttButton.withIcon .caption {
    font-size: 23px;
    font-family: roboto-regular, serif;
    width: 80%;
    left: 20px;
    right: 20px;
}


/*#endregion DttAdditionalSelectionScreen*/

/*#region CategoryReviewSelectScreen*/


.Main.standalone .CategoryReviewSelectScreen .lineWrap {
    background: #383838;
    border-radius: 0;
}

.Main.standalone .CategoryReviewSelectScreen .CollapseExpandButton:hover {
    color: #55eeb5;
}

.Main.standalone .CategoryReviewSelectScreen .idWrap {
    font-family: roboto-regular, serif;
    font-size: 16px;
    color: #ffffff;
}

.Main.standalone.full .CategoryReviewSelectScreen .idWrap {
    font-size: 24px;
}

.Main.standalone .CategoryReviewSelectScreen .nameWrap {
    font-family: roboto-regular, serif;
    font-size: 16px;
    color: #ffffff;
}

.Main.standalone .CategoryReviewSelectScreen .headline .idWrap,
.Main.standalone .CategoryReviewSelectScreen .headline .nameWrap {
    font-family: roboto-regular, serif;
    font-size: 31px;
}

.Main.standalone.full .CategoryReviewSelectScreen .headline .idWrap,
.Main.standalone.full .CategoryReviewSelectScreen .headline .nameWrap {
    font-size: 48px;
}

.Main.standalone .CategoryReviewSelectScreen .lineWrap .DttButton.withIcon .caption {
    font-family: roboto-medium, serif;
    font-size: 16px;
}


/*#endregion CategoryReviewSelectScreen*/

/*#region QuestionStatusSelectScreen*/

.Main.standalone .QuestionStatusSelectScreen .wrongWrap,
.Main.standalone .QuestionStatusSelectScreen .correctWrap,
.Main.standalone .QuestionStatusSelectScreen .allWrap {
    background: #383838;
    border-radius: 0;
}

/*TODO: Not clear what to do */
.Main.standalone .QuestionStatusSelectScreen .wrongWrap .bgC {
    background-color: grey;
}

/*TODO:*/
.Main.standalone .QuestionStatusSelectScreen.ScrollContainer .DttHeadlineSublineBlock > .icon {
    background: #979797;
    border-radius: 100px;
    color: #e0e0e0; /* grey bg color */
    text-align: center;
    font-size: 36px;
}

.Main.standalone.full .QuestionStatusSelectScreen.ScrollContainer .DttHeadlineSublineBlock > .icon {
    font-size: 54px;
}

.Main.standalone .QuestionStatusSelectScreen .qSelectBtn.withIcon .caption {
    font-family: roboto-bold, serif;
    font-size: 16px;
}

/*#endregion QuestionStatusSelectScreen*/

/*#region DttTestChoiceScreen*/

.Main.standalone .DttTestChoiceScreen .wrapTop {
    border-radius: 0;
    background: #383838;
}

.Main.standalone .DttTestChoiceScreen .wrapBottom {
    border-radius: 0;
    background: #383838;
}

.Main.standalone .DttTestChoiceScreen .qwBtn,
.Main.standalone .DttTestChoiceScreen .aBtn {
    font-family: roboto-bold, serif;

}

.Main.standalone .DttTestChoiceScreen .wrapTop .DttLearningProgress  .testProgress {
    height: 19px;
}


/*#endregion DttTestChoiceScreen*/

/*#region DttTestBlockAnalysisScreen*/

.Main.standalone .DttTestBlockAnalysisScreen .wrapTop {
    border-radius: 0;
    background: #383838;
}

/*TODO: I'm not sure what to do */
.Main.standalone .DttTestBlockAnalysisScreen .wrapTop .DttHeadlineSublineBlock > .icon {
    border-radius: 100px;
    background: #979797;
    color: #f1f1f1;
    font-size: 36px;
}

.Main.standalone.full .DttTestBlockAnalysisScreen .wrapTop .DttHeadlineSublineBlock > .icon {
    font-size: 54px;
}

.Main.standalone .DttTestBlockAnalysisScreen .wrapBottom {
    border-radius: 0;
    background: #383838;
}

/*#endregion DttTestBlockAnalysisScreen*/

/*#region DttStatisticsScreen*/

.Main.mobile.standalone .DttStatisticsScreen .mgButton.DttButton {
    right: 10px;
}

.Main.standalone .DttStatisticsScreen .DttHeadlineSublineBlock {
    background: #383838;
}

.Main.standalone .DttStatisticsScreen .classesWrap .classesItem {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: roboto-bold, serif;
    font-size: 13px;
    border-radius: 0;
    background: #58d9b0;
    color: #343434;
    width: 25px;
    height: 25px;
}

.Main.standalone .DttStatisticsScreen.mobile .classesWrap {
    top: 0;
}

.Main.standalone.full .DttStatisticsScreen .DttTabBar .DttButton .caption {
    font-size: 16px;
}


.Main.standalone .DttStatisticsScreen .lpBarWrap {
    border-radius: 0;
    background: #383838;
}

.Main.standalone .DttStatisticsScreen .DttHeadlineSublineBlock > .icon {
    font-size: 42px;
    border-radius: 100px;
    background: #979797;
    color: #f1f1f1;
}

.Main.standalone.full .DttStatisticsScreen .DttHeadlineSublineBlock > .icon {
    font-size: 54px;
}

.Main.standalone .DttStatisticsScreen .timeWrap {
    border: none;
    border-radius: 0;
    background: #383838;
}

.Main.standalone .DttStatisticsScreen .timeWrap .timeHeader {
    font-family: roboto-bold, serif;
    font-size: 17px;
    color: #ffffff;
}

.Main.standalone .DttStatisticsScreen .timeWrap .blockWrap .TranslatableText {
    font-family: roboto-regular, serif;
    font-size: 16px;
    color: #ffffff;
}

.Main.standalone.full .DttStatisticsScreen .timeWrap .blockWrap .TranslatableText {
    font-size: 22px;
}

.Main.standalone .DttStatisticsScreen .timeWrap .blockWrap .SimpleDiv {
    font-family: roboto-medium, serif;
    font-size: 16px;
    border-radius: 0;
    background: #e1e1e1;
    color: #343434;
}

.Main.standalone.full .DttStatisticsScreen .timeWrap .blockWrap .SimpleDiv {
    font-size: 24px;
}

.Main.standalone .DttStatisticsScreen .bottomWrap {
    font-size: 18px;
    color: #545454;
}

.Main.standalone .DttStatisticsScreen .snWrap {
    font-size: 13px;
    border: none;
    border-radius: 0;
    background: #383838;
    color: #ffffff;
}

.Main.standalone.full .DttStatisticsScreen .snWrap {
    font-size: 19px;
}

.Main.standalone .DttStatisticsScreen .snWrap .schoolName {
    font-family: roboto-bold, serif;
}

.Main.standalone .DttStatisticsScreen .ltWrap {
    font-family: roboto-bold, serif;
    font-size: 13px;
    border: none;
    border-radius: 0;
    background: #383838;
    color: #ffffff;
}

.Main.standalone.full .DttStatisticsScreen .ltWrap {
    font-size: 19px;
}


.Main.standalone .DttStatisticsScreen .testsWrap .testWrap {
    margin: 0 0 5px;
    color: #545454;
    background: #383838;
    padding: 10px 10px;
}

/*@media only screen*/
/*and (max-device-width: 414px)*/
/*and (-webkit-device-pixel-ratio: 2)*/
/*and (orientation: portrait){*/
/*    .Main.standalone .DttStatisticsScreen .testsWrap .testWrap {*/
/*        padding: 10px 10px;*/
/*    }*/

/*}*/

.Main.standalone .DttStatisticsScreen .testWrap .segmentDate {
    border: none;
    color: #ffffff;
}

/*TODO:*/
.Main.standalone .cwuScheduledTests {
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
}

/*TODO*/
.Main.standalone .DttStatisticsScreen .testWrap .segmentDate {
    border-top-style: none;
    margin-top: 0px;
    padding-top: 20px;
}

/*TODO*/
.Main.standalone.full .testWrap .segmentDate {
    font-size: 18px !important;
    margin-bottom: 30px;
    margin-top: 0px;
    padding-top: 25px;
    border-top-color: white;
    border-top-width: 24px;
    border-top-style: solid;
}

.Main.standalone .DttStatisticsScreen .byCategoryWrap .lineWrap {
    background: #383838;
}

.Main.standalone .DttStatisticsScreen .byCategoryWrap .idWrap {
    font-family: roboto-regular, serif;
    font-size: 16px;
    color: #ffffff;
}

.Main.standalone.full .DttStatisticsScreen .byCategoryWrap .idWrap {
    font-size: 24px;
}

.Main.standalone .DttStatisticsScreen .byCategoryWrap .nameWrap {
    font-family: roboto-regular, serif;
    font-size: 16px;
    color: #ffffff;
}

.Main.standalone.full .DttStatisticsScreen .byCategoryWrap .nameWrap {
    font-size: 24px;
}

.Main.standalone .DttStatisticsScreen .DttButton.withIcon.mgButton .icon {
    color: #343434;
    font-size: 27px;
}

.Main.standalone .DttStatisticsScreen.mobile .DttTabBar .DttButton .caption {
    text-align: center;
}


/*#endregion DttStatisticsScreen*/

/*#region DttExerciseBlockAnalysisScreen*/

.Main.standalone .DttExerciseBlockAnalysisScreen .wrapTop {
    background: #383838;
    border-radius: 0;
}

.Main.standalone.mobile .DttExerciseBlockAnalysisScreen .wrapTop {
    height: 310px;
}


.Main.standalone .DttExerciseBlockAnalysisScreen .wrapBottom {
    background: #383838;
    border-radius: 0;
}

/*TODO*/
.Main.standalone .DttExerciseBlockAnalysisScreen .wrapTop .DttHeadlineSublineBlock > .icon {
    border-radius: 100px;
    color: #f1f1f1;
    font-size: 36px;
}

/*TODO*/
.Main.standalone.Main.full .DttExerciseBlockAnalysisScreen .wrapTop .DttHeadlineSublineBlock > .icon {
    font-size: 54px;
}

/*TODO*/
.Main.standalone .DttExerciseBlockAnalysisScreen .wrapTop .DttHeadlineSublineBlock.grey > .icon {
    background: #979797;
}

/*TODO*/
.Main.standalone .DttExerciseBlockAnalysisScreen .wrapTop .DttHeadlineSublineBlock.green > .icon {
    background: #89c8a7;
}

/*TODO*/
.Main.standalone .DttExerciseBlockAnalysisScreen .wrapTop .DttHeadlineSublineBlock.gold > .icon {
    background: #ffd700;
}

.Main.standalone .DttExerciseBlockAnalysisScreen .qwBtn,
.Main.standalone .DttExerciseBlockAnalysisScreen .statsBtn {
    font-family: roboto-medium, serif;
}

/*#endregion DttExerciseBlockAnalysisScreen*/

/*#region LoginScreen*/

.Main.standalone .LoginScreen .bottomMenu .DttButton {
    font-family: roboto-regular, serif, serif;
    font-size: 9px;
    background: none;
    color: #555;
}

.Main.standalone.full .LoginScreen .bottomMenu .DttButton {
    font-size: 15px;
}

.Main.standalone .LoginScreen .bottomMenu .DttButton .caption {
    font-family: roboto-regular, serif;
}

.Main.standalone .LoginScreen .progressBar {
    border-radius: 0;
    background: #fff;
}

.Main.standalone .LoginScreen .progressBar .progress {
    border-radius: 0;
    background: #54cea9;
    background: -moz-linear-gradient(0deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(84, 206, 169)), color-stop(100%, rgb(85, 244, 183)));
    background: -webkit-linear-gradient(0deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    background: -o-linear-gradient(0deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    background: -ms-linear-gradient(0deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    background: linear-gradient(90deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54cea9', endColorstr='#55f4b7', GradientType=1);
}

.Main.standalone .LoginScreen .progressCaption {
    font-family: roboto-bold, serif;
    color: #fff;
    font-size: 19px;
}


/*#endregion LoginScreen*/

/*#region DttPrivacy*/
.Main.standalone .DttPrivacy .privacyWrap {
    border: 2px solid #f1f1f1;
    border-radius: 0;
}

.Main.standalone .DttPrivacy .privacyText {
    color: #ffffff;
}

.Main.standalone .DttPrivacy a {
    color: #55eeb5;
}


/*#endregion DttPrivacy*/

/*#region DttTOS*/

.Main.standalone .DttTOS {
    color: #f1f1f1;
}

.Main.standalone .DttTOS .tosTopWrap {
    border: 2px solid #f1f1f1;
    border-radius: 0;
}

.Main.standalone .DttTOS .tosMiddleWrap,
.Main.standalone .DttTOS .tosBottomWrap {
    border-radius: 0;
    background: #383838; /* grey bg color from eaeaeb */
}

.Main.standalone .DttTOS a {
    color: #55eeb5;
}


/*#endregion DttTOS*/

/*#region DttHeadlineSublineBlock*/

.Main.standalone .DttHeadlineSublineBlock {
    color: #ffffff;
}

.Main.standalone .DttHeadlineSublineBlock .headline {
    font-family: roboto-regular, serif;
}

.Main.standalone .DttHeadlineSublineBlock .subline {
    font-family: roboto-regular, serif;
}

.Main.standalone .DttHeadlineSublineBlock .icon {
    font-size: 33px;
    /* padding-top: 10px; */
}

.Main.standalone .DttHeadlineSublineBlock > .icon {
    color: #f1f1f1;
}

.Main.standalone .DttHeadlineSublineBlock.iconAfter .icon {
    font-size: 22px;
}

.Main.standalone .DttMainSelectionScreen .DttHeadlineSublineBlock .icon {
    font-size: 58px;
}

.Main.standalone.full .DttHeadlineSublineBlock .icon {
    font-size: 82px;
}

.Main.standalone.full .DttMainSelectionScreen .DttHeadlineSublineBlock .icon {
    font-size: 82px;
}

.Main.standalone .DttHeadlineSublineBlock .headline {
    font-family: roboto-regular, serif;
    font-size: 27px;
    line-height: 100%;
}

.Main.standalone.full .DttHeadlineSublineBlock .headline {
    font-size: 48px;
}

.Main.standalone .DttHeadlineSublineBlock .subline {
    font-family: roboto-regular, serif;
    font-size: 16px;
}

.Main.standalone.full .DttHeadlineSublineBlock .subline {
    font-size: 24px;
}

.Main.standalone .DttHeadlineSublineBlock .icon {
    margin-top: 0;
}


.Main.standalone .DttHeadlineSublineBlock .helpBtn,
.Main.standalone .DttHelpButton .helpBtn {
    color: #f1f1f1;
    font-size: 32px;
}

.Main.standalone .DttHeadlineSublineBlock .helpBtn.hoverClass, .DttHelpButton .helpBtn.hoverClass {
    color: #54cea9;
}

.Main.standalone.full .DttHeadlineSublineBlock .helpBtn .icon {
    font-size: 48px;
}

.Main.standalone .DttHeadlineSublineBlock .helpBtn .icon {
    font-size: 54px;
}

.Main.standalone .lpSmall .DttHeadlineSublineBlock .helpBtn .icon {
    font-size: 26px;
}

.Main.standalone .DttHelpButton .helpBtn .icon {
    font-size: 26px;
}

.Main.standalone .DttLearningProgress.lpSmall .DttHeadlineSublineBlock .headline {
    font-size: 16px;
    font-family: roboto-bold, serif;
}


/*#endregion DttHeadlineSublineBlock*/

/*#region DttEasyMediumHardBlocks*/

.Main.standalone.standalone_free .DttEasyMediumHardBlocks .cwuItemsWrap {
    width: 160px;
}

.Main.standalone .DttEasyMediumHardBlocks .cwuItemWrap {
    border: 2px solid transparent;
    border-radius: 0;
}

.Main.standalone .DttEasyMediumHardBlocks .cwuItemWrap.current {
    border-color: #54cea9;
}

.Main.standalone .DttEasyMediumHardBlocks .cwuItemsWrap .cwuItem {
    font-family: roboto-bold, serif;
    font-size: 10px;
    border-radius: 0;
    background: #e1e1e1;
    color: #343434;
}

.Main.standalone.full .DttEasyMediumHardBlocks .cwuItemsWrap .cwuItem {
    font-size: 14px;
}

.Main.standalone .DttEasyMediumHardBlocks .cwuItemsWrap .cwuItem.green {
    background: #58d9b0;
    color: #343434;
}

.Main.standalone .DttEasyMediumHardBlocks .captions {
    font-family: roboto-bold, serif;
    font-size: 16px;
    color: #ffffff;
}

.Main.standalone.full .DttEasyMediumHardBlocks .captions {
    font-size: 24px;
}


/*#endregion DttEasyMediumHardBlocks*/

/*#region DttAccountMenu*/

.Main.standalone .DttAccountMenu,
.Main.standalone .DttDetailsView,
.Main.standalone .DttAdminAccountMenu {
    margin-top: 10px;
}

.Main.standalone .DttAccountMenu {
    background: #383838;
}


/*TODO: not sure */
.Main.standalone .DttLeftMenu {
    background: #fff;
    padding-top: 36px;
}

.Main.standalone .DttAccountMenu .DttLeftMenuButton {
    font-size: 23px;
    background: #2f2f2f;
    color: #ffffff;
}

.Main.standalone .DttLeftMenuButton.hoverClass,
.Main.standalone .DttLeftMenuButton.active {
    background: #2e2d2d;
}

.Main.standalone .DttLeftMenuButton .caption {
    font-family: roboto-bold, serif;
    color: #ffffff;
    font-size: 15px;
}

.Main.standalone.full .DttLeftMenuButton .caption {
    font-size: 22px;
    left: 62px;
}

.Main.standalone .DttLeftMenuButton.withIcon .icon {
    font-size: 22px;
    color: #ffffff;
}

.Main.standalone.full .DttLeftMenuButton.withIcon .icon {
    font-size: 35px;
}

/*DttDetailsView*/

.Main.standalone .DttDetailsView {
    background: #383838;
}

.Main.standalone .DttDetailsView .wrapper {
    border-radius: 0;
    background: #2e2d2d;
    color: #ffffff;
}

.Main.standalone .DttDetailsView .FormHeader {
    font-family: roboto-medium, serif;
    font-size: 18px;
    background: #252323;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.Main.standalone.full .DttDetailsView .FormHeader {
    font-size: 27px;
}

.Main.standalone .DttAccountMyData .syncButton {
    color: #343434;
}

.Main.standalone .FormHeader .helpButton.withIcon {
    background: none;
    color: #ffffff;
}

.Main.standalone .FormHeader .helpButton.hoverClass.withIcon {
    color: #55eeb5;
}

.Main.standalone .FormHeader .helpButton.withIcon .icon {
    font-size: 33px;
}

.Main.standalone.full .FormHeader .helpButton.withIcon .icon {
    font-size: 48px;
}

/*TODO*/
.Main.standalone .formSubHeader {
    font-family: roboto-bold, serif;
    font-size: 16px;
    color: #646464;
    display: inline;
}

/*TODO*/
.Main.standalone .schoolSectionEntry {
    font-family: roboto-regular, serif;
    font-size: 22px;
    color: #646464;
}

.Main.standalone .dvHeader {
    background: #fafafa;
    color: #646464;
}

.Main.standalone .dvHeader .SimpleDiv {
    font-size: 14px;
}

.Main.standalone .dvHeader .name {
    font-size: 18px;
}

.Main.standalone.full .dvHeader .name {
    font-size: 27px;
}

.Main.standalone .dvHeader .statusIcon .entryIcon {
    font-size: 20px;
    border-radius: 0;
    color: #fff;
}

.Main.standalone.full .dvHeader .statusIcon .entryIcon {
    font-size: 30px;
}

.Main.standalone .FormElement {
    color: #2c2c2c;
}

.Main.standalone .DttDetailsView .FormElement {
    color: #ffffff;
}

.Main.standalone .DttDetailsView .FormElement .label {
    font-family: roboto-regular, serif;
    font-size: 15px;
    color: #ffffff;
}


/*#endregion DttAccountMenu*/


/*#region DttLicenseClassSelector*/

.Main.standalone .DttLicenseClassSelector .DttButton {
    border-radius: 0;
    border: 2px solid #ffffff;
    background: #ffffff;
    color: #3c3c3c;
}

.Main.standalone .DttLicenseClassSelector .DttButton .caption {
    font-family: roboto-bold, serif;
    font-size: 13px;
}

.Main.standalone .DttLicenseClassSelector .DttButton.withIcon .icon {
    font-size: 52px;
}

.Main.standalone.full .DttLicenseClassSelector .DttButton .caption {
    font-size: 20px;
}

.Main.standalone.full .DttLicenseClassSelector .DttButton .caption {
    font-size: 20px;
}

.Main.standalone.full .DttLicenseClassSelector .DttButton.withIcon .icon {
    font-size: 72px;
}

.Main.standalone .DttLicenseClassSelector .DttButton.locked {
    border-color: #396758;
    background: #396758;
    color: #343434;
}

.Main.standalone .DttLicenseClassSelector .DttButton.active {
    border-color: #2e2c2c;
    background: #59d8af;
    color: #343434;
}

.Main.standalone .DttLicenseClassSelector.disabled .DttButton.active {

    opacity: 0.5;
}

.Main.standalone .ModalDialog.ModalSelectDialog .FormLicenseClassSelect .wrapper {
    background: #2e2d2d;
    color: #ffffff;
}


/*#endregion DttLicenseClassSelector*/

/*#region sideMenu*/

.Main.standalone .sideMenu .smSep {
    background: #ffffff;
}

.Main.standalone .sideMenu .DttButton {
    font-family: roboto-regular, serif;
    background: none;
    color: #ffffff;
    font-size: 18px;
}

.Main.standalone.full .sideMenu .DttButton {
    font-size: 28px;
}

.Main.standalone .sideMenu .DttButton.nonButton.withIcon .icon {
    font-size: 24px;
}

.Main.standalone.full .sideMenu .DttButton.nonButton.withIcon .icon {
    font-size: 38px;
}

.Main.standalone .sideMenu .DttButton.withIcon .caption {
    font-family: roboto-regular, serif;
}

.Main.standalone .sideMenu .DttButton.hoverClass .caption,
.Main.standalone .sideMenu .DttButton.activeClass .caption {
    color: #55eeb5;
}

.Main.standalone .sideMenu .DttButton.hoverClass .icon,
.Main.standalone .sideMenu .DttButton.activeClass .icon {
    color: #55eeb5;
}


/*#endregion sideMenu*/

/*#region DttLanguageSelect*/

.Main.standalone .DttLanguageSelect .DttButton {
    background: none;
}

.Main.standalone .ModalDialog .DttLanguageSelect .DttButton {
    background: none;
}

.Main.standalone .DttLanguageSelect .SimpleDiv.caption {
    font-family: roboto-regular, serif;
    font-size: 15px;
    color: #ffffff;
}

.Main.standalone.full .DttLanguageSelect .SimpleDiv.caption {
    font-size: 21px;
}

.Main.standalone .DttLanguageSelect .DttButton.withIcon .icon {
    background: no-repeat center center;
    background-size: 82px 62px;
    border: 1px solid transparent;
    border-radius: 0;
}

.Main.standalone .DttLanguageSelect .DttButton.active .SimpleDiv.icon {
    border: 1px solid #ffffff;
}


/*#endregion DttLanguageSelect*/

/*#region DttBar */

.Main.standalone .DttBar {
    background: #ffffff;
    border-radius: 0;
}

.Main.standalone .DttBar .captionWrap {
    font-family: roboto-bold, serif;
    color: #343434;
}

.Main.standalone .DttBar .background {
    border-radius: 0;
}


.Main.standalone .DttBar.blue .background {
    background: rgb(84, 206, 169);
    background: -moz-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(85, 244, 183, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(85, 244, 183, 1) 100%);
    background: linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(85, 244, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f4b7", GradientType=1);
}

.Main.standalone .DttBar.green .background {
    background: rgb(84, 206, 169);
    background: -moz-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(85, 244, 183, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(85, 244, 183, 1) 100%);
    background: linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(85, 244, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f4b7", GradientType=1);
}

/*#endregion DttBar*/

/*#region DttLearningProgress*/

.Main.standalone .DttLearningProgress .light .traffic_light {
    width: 46px;
    height: 46px;
    border-radius: 0;
    border-style: none;
    border-color: white;
    border-width: 4px;
    margin: 10px 12px;
}

.Main.standalone.full .DttLearningProgress .light .traffic_light {
    width: 70px;
    height: 70px;
}

.Main.standalone .DttLearningProgress.mobile .light .traffic_light {
    width: 21px;
    height: 21px;
    margin: 10px 8px 0 8px;
}

.Main.standalone .DttLearningProgress.lpSmall .light .traffic_light {
    width: 18px;
    height: 18px;
    margin: 4px 8px 0 8px;
}

.Main.standalone .DttLearningProgress.mobile.lpSmall .light .traffic_light:first-child {
    margin-top: 10px;
}

.Main.standalone .DttLearningProgress .light .light_red {
    color: #ffffff;
    background: none;
    opacity: 1;
    border-color: white;
    background: url("fonts/SVG/ic_freeLearning_standalone_white.svg") no-repeat 0 0 / 100% 100%;

}

.Main.standalone .DttLearningProgress .light .light_yellow {
    background: none;
    opacity: 1;
    border-color: white;
    background: url("fonts/SVG/ic_freeLearning_standalone_white.svg") no-repeat 0 0 / 100% 100%;

}

.Main.standalone .DttLearningProgress .light .light_green {
    background: none;
    opacity: 1;
    border-color: white;
    background: url("fonts/SVG/ic_freeLearning_standalone_white.svg") no-repeat 0 0 / 100% 100%;

}

.Main.standalone .DttLearningProgress .light .light_red.active {
    background: none;
    opacity: 1;
    border-color: white;
    color: #ba4b4e;
    background: url("fonts/SVG/ic_freeLearning_standalone_red.svg") no-repeat 0 0 / 100% 100%;
}

.Main.standalone .DttLearningProgress .light .light_yellow.active {
    background: none;
    opacity: 1;
    border-color: white;
    color: #fff568;
    background: url("fonts/SVG/ic_freeLearning_standalone_yellow.svg") no-repeat 0 0 / 100% 100%;
}

.Main.standalone .DttLearningProgress .light .light_green.active {
    background: none;
    opacity: 1;
    border-color: white;
    color: #55f3b7;
    background: url("fonts/SVG/ic_freeLearning_standalone_green.svg") no-repeat 0 0 / 100% 100%;

}


/*cwuItems*/
.Main.standalone .DttLearningProgress .cwuItemsWrap .cwuItemWrap {
    border: 2px solid transparent;
    border-radius: 0;
}

.Main.standalone .DttLearningProgress .cwuItemsWrap .cwuItemWrap.current {
    border-color: #58d9b0;
}

.Main.standalone .DttLearningProgress .cwuItemsWrap .cwuItem {
    font-family: roboto-bold, serif;
    font-size: 11px;
    color: #55eeb5;
    background: #fff;
    padding: 4px 4px 4px;
    border-radius: 0;
}

.Main.standalone .DttLearningProgress .cwuItemsWrap .cwuItem.green {
    background: #58d9b0;
    color: #ffffff;
}


/*#endregion DttLearningProgress*/

/*#region DttExerciseBlockScreenHeader*/

.Main.standalone .DttExerciseBlockScreenHeader {
    font-family: roboto-regular, serif;
    font-size: 16px;
    color: #ffffff;
}

/*tab version */
.Main.standalone .DttMenuBar .DttExerciseBlockScreenHeader.appearing .blockCounterWrap {
    display: flex;
    align-items: center;
    margin-top: 2px;
}

.Main.standalone.full .DttExerciseBlockScreenHeader {
    font-size: 24px;
}

.Main.standalone .DttExerciseBlockScreenHeader .classWrap .itemWrap {
    font-family: roboto-medium, serif;
    border-radius: 0;
    background: #58d9b0;
    color: #343434;
}

.Main.standalone .DttExerciseBlockScreenHeader .blockCounterWrap .icon {
    font-size: 33px;
}

.Main.standalone.full .DttExerciseBlockScreenHeader .blockCounterWrap .icon {
    font-size: 48px;
}

.Main.standalone .DttExerciseBlockScreenHeader .typeIconWrap {
    font-size: 32px;
}

.Main.standalone.full .DttExerciseBlockScreenHeader .typeIconWrap {
    font-size: 32px;
}

.Main.standalone .DttExerciseBlockScreenHeader .rightSide .errorPointsWrap {
    font-family: roboto-medium, serif;
    border-radius: 0;
    background: #58d9b0;
    color: #343434;
}


/*#endregion DttExerciseBlockScreenHeader*/

/*#region ModalDialog*/

/*TODO:*/
.Main.standalone .ModalContainer.hasModals {
    background-color: rgba(47, 45, 45, 0.9);
    /*background: #2f2d2d;*/
    pointer-events: auto;
}

/*TODO:*/
.Main.standalone .ModalDialog.mNumPad .ScrollContainer {
    background: #e2e2e2;
}

/*TODO:*/
.Main.standalone .ModalAlertDialog .dismissButton {
    border-top-style: solid;
    border-top-width: 1px;
}

.Main.standalone .ModalContainer .ModalOptionDialog,
.Main.standalone .ModalContainer .ModalSelectDialog,
.Main.standalone .ModalContainer .ModalAlertDialog {
    border: 2px solid #f1f1f1;
    border-radius: 0;
    background: #383838;
    -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
}

/*TODO*/
.Main.standalone.mobile .ModalContainer .ModalOptionDialog,
.Main.standalone.mobile .ModalContainer .ModalSelectDialog:not(.mNumPad),
.Main.standalone.mobile .ModalContainer .ModalAlertDialog {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
}

.Main.standalone .ModalOptionDialog .headline,
.Main.standalone .ModalSelectDialog .headline,
.Main.standalone .ModalAlertDialog .headline {
    font-family: roboto-bold, serif;
    font-size: 20px;
    color: #ffffff;
}

.Main.standalone .ModalOptionDialog.videoModal .headline,
.Main.standalone .ModalOptionDialog.finishTestModal .headline,
.Main.standalone .ModalAlertDialog.demoHint .headline {
    font-family: roboto-regular, serif;
}


.Main.standalone .ModalOptionDialog .contentText,
.Main.standalone .ModalAlertDialog .contentText {
    font-family: roboto-regular, serif;
    color: #ffffff;
}

.Main.standalone .ModalOptionDialog.finishTestModal .contentText,
.Main.standalone .ModalAlertDialog.demoHint .contentText,
.Main.standalone .ModalOptionDialog.finishedTestModal .headline {
    font-family: roboto-bold, serif;
}

.Main.standalone .ModalOptionDialog.videoModal .contentText {
    font-family: roboto-regular, serif;
}

.Main.standalone .ModalOptionDialog.videoModal .contentText b {
    font-family: roboto-bold, serif;
}

.Main.standalone .ModalContainer .ModalOptionDialog .modalBtns,
.Main.standalone .ModalContainer .ModalSelectDialog .modalBtns,
.Main.standalone .ModalContainer .ModalAlertDialog .modalBtns {
    color: #343434;
    bottom: 28px;
}

.Main.standalone .ModalContainer .ModalSelectDialog.mNumPad .modalBtns {
    bottom: 10px;
}

.Main.standalone .ModalContainer .ModalOptionDialog .modalBtns .DttButton.blueBg {

    background: rgb(114, 114, 114);
    background: -moz-linear-gradient(90deg, rgba(104, 104, 104, 1) 0%, rgba(114, 114, 114, 1) 25%, rgba(124, 124, 124, 1) 50%, rgba(134, 134, 134, 1) 75%, rgba(144, 144, 144, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(104, 104, 104, 1) 0%, rgba(114, 114, 114, 1) 25%, rgba(124, 124, 124, 1) 50%, rgba(134, 134, 134, 1) 75%, rgba(144, 144, 144, 1) 100%);
    background: linear-gradient(90deg, rgba(104, 104, 104, 1) 0%, rgba(114, 114, 114, 1) 25%, rgba(124, 124, 124, 1) 50%, rgba(134, 134, 134, 1) 75%, rgba(144, 144, 144, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#686868", endColorstr="#909090", GradientType=1);
}

.Main.standalone .ModalContainer .ModalOptionDialog .DttButton .caption {
    /*font-size: 15px;*/
    color: #343434;
}

/*assets loading*/

/*TODO*/
.Main.standalone .AssetsLoadingDialog .progressBar {
    border-radius: 4px;
    background: #fff;
    -webkit-transition: all 0.6s;
    -webkit-box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.3);
}


.Main.standalone .AssetsLoadingDialog .progressBar .progress {
    border-radius: 4px;
    background: #54cea9;
    background: -moz-linear-gradient(0deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(84, 206, 169)), color-stop(100%, rgb(85, 244, 183)));
    background: -webkit-linear-gradient(0deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    background: -o-linear-gradient(0deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    background: -ms-linear-gradient(0deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    background: linear-gradient(90deg, rgb(84, 206, 169) 0%, rgb(85, 244, 183) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54cea9', endColorstr='#55f4b7', GradientType=1);
}

.Main.standalone .AssetsLoadingDialog .assetsPercentage {
    font-family: roboto-bold, serif;
    color: #eeeeee;
}

.Main.standalone .AssetsLoadingDialog .legend {
    font-family: roboto-bold, serif;
    color: #ffffff;
}

.Main.standalone .AssetsLoadingDialog .legend2 {
    font-family: roboto-bold, serif;
    color: #ffffff;
}

.Main.standalone .AssetsLoadingDialog .info {
    font-family: asap-regular;
    color: #ffffff;
}

.Main.standalone .ModalDialog .closeBtn {
    color: #ffffff;
}

.Main.standalone .ModalDialog .closeBtn:hover {
    color: #55eeb5;
}

/* buy dialog */
.Main.standalone .ModalDialog.iapDialog  .modalBtns .DttButton.blueBg{
    border-radius: 0;
    background: rgb(84, 206, 169);
    background: -moz-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 216, 173, 1) 28%, rgba(85, 236, 180, 1) 65%, rgba(85, 244, 183, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 216, 173, 1) 28%, rgba(85, 236, 180, 1) 65%, rgba(85, 244, 183, 1) 100%);
    background: linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 216, 173, 1) 28%, rgba(85, 236, 180, 1) 65%, rgba(85, 244, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f4b7", GradientType=1);
    -webkit-box-shadow: 2px 2px 2px 0 #323131;
    -moz-box-shadow: 2px 2px 2px 0 #323131;
    box-shadow: 2px 2px 2px 0 #323131;
    color: #343434;
}

.Main.standalone .ModalDialog.iapDialog  .modalBtns .DttButton{
    background: rgb(114, 114, 114);
    background: -moz-linear-gradient(90deg, rgba(104, 104, 104, 1) 0%, rgba(114, 114, 114, 1) 25%, rgba(124, 124, 124, 1) 50%, rgba(134, 134, 134, 1) 75%, rgba(144, 144, 144, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(104, 104, 104, 1) 0%, rgba(114, 114, 114, 1) 25%, rgba(124, 124, 124, 1) 50%, rgba(134, 134, 134, 1) 75%, rgba(144, 144, 144, 1) 100%);
    background: linear-gradient(90deg, rgba(104, 104, 104, 1) 0%, rgba(114, 114, 114, 1) 25%, rgba(124, 124, 124, 1) 50%, rgba(134, 134, 134, 1) 75%, rgba(144, 144, 144, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#686868", endColorstr="#909090", GradientType=1);
}

/*.Main.standalone .ModalDialog .DttButton {*/
/*    background: rgb(84, 206, 169);*/
/*    background: -moz-linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(84, 214, 172, 1) 25%, rgba(84, 224, 176, 1) 50%, rgba(85, 235, 180, 1) 75%, rgba(85, 243, 183, 1) 100%);*/
/*    background: -webkit-linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(84, 214, 172, 1) 25%, rgba(84, 224, 176, 1) 50%, rgba(85, 235, 180, 1) 75%, rgba(85, 243, 183, 1) 100%);*/
/*    background: linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(84, 214, 172, 1) 25%, rgba(84, 224, 176, 1) 50%, rgba(85, 235, 180, 1) 75%, rgba(85, 243, 183, 1) 100%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f3b7", GradientType=1);*/
/*}*/


.Main.standalone .ModalDialog .DttButton.blueBg.hoverClass:not(.disabled) .innerBtn {
    border-color: #54cea9;
}

/*#endregion ModalDialog*/

/*#region DttButton */
.Main.standalone .DttButton {
    border-radius: 0;
    background: rgb(84, 206, 169);
    background: -moz-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 216, 173, 1) 28%, rgba(85, 236, 180, 1) 65%, rgba(85, 244, 183, 1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 216, 173, 1) 28%, rgba(85, 236, 180, 1) 65%, rgba(85, 244, 183, 1) 100%);
    background: linear-gradient(4deg, rgba(84, 206, 169, 1) 0%, rgba(84, 216, 173, 1) 28%, rgba(85, 236, 180, 1) 65%, rgba(85, 244, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f4b7", GradientType=1);
    -webkit-box-shadow: 2px 2px 2px 0 #323131;
    -moz-box-shadow: 2px 2px 2px 0 #323131;
    box-shadow: 2px 2px 2px 0 #323131;
    color: #343434;
}

.Main.standalone .DttButton.hoverClass:not(.disabled) .innerBtn {
    border: 3px solid #54cea9;
}


.Main.standalone .DttButton.blueBg.hoverClass:not(.disabled) .innerBtn {
    border-color: #44a0d0;
}

.Main.standalone .DttButton.RefVehicle.hoverClass:not(.disabled) .innerBtn {
    border-color: #868686FF;
}

/*TODO:*/
.Main.standalone .DttButton.whiteBg.hoverClass:not(.disabled) .innerBtn {
    border-color: #cecece;
}

.Main.standalone .DttButton.mgButton.whiteBg.hoverClass:not(.disabled) .innerBtn {
    border-color: #54cea9;
}

.Main.standalone .DttButton.activeClass:not(.disabled) {
    -webkit-box-shadow: inset 2px 2px 2px 0 #323131;
    -moz-box-shadow: inset 2px 2px 2px 0 #323131;
    box-shadow: inset 2px 2px 2px 0 #323131;
}

/*TODO*/
.DttButton.blueBg.activeClass:not(.disabled), .DttButton.whiteBg.activeClass:not(.disabled) {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

.Main.standalone .DttButton .caption {
    font-family: roboto-bold, serif;
}

.standalone .DttButton .caption.smallsize {
    font-size: 9px;
    max-height: 36px;
}

.Main.standalone.full .DttButton .caption.smallsize {
    font-size: 15px;
}


.Main.standalone .DttButton.nonButton,
.Main.standalone .BlockScreen.testMode .DttButton {
    box-shadow: none;
}

.Main.standalone .DttButton.nonButton.activeClass,
.Main.standalone .BlockScreen.testMode .DttButton.activeClass {
    box-shadow: none;
}

.Main.standalone .DttButton.nonButton {
    color: #ffffff;
}

.Main.standalone .DttHeadlineSublineBlock .helpBtn,
.Main.standalone .DttHelpButton .helpBtn {
    color: #ffffff;
    background: none;
}

/*#endregion DttButton*/

/*region DttBooleanRadioButtons*/

.Main.standalone .DttBooleanRadioButtons .rbWrap,
.Main.standalone .DttBooleanRadioButtons .rbWrap2 {
    font-family: roboto-regular, serif;
    font-size: 13px;
    color: #ffffff;
}

.Main.standalone.full .DttBooleanRadioButtons .rbWrap,
.Main.standalone.full .DttBooleanRadioButtons .rbWrap2 {
    font-size: 23px;
}


/*endregion DttBooleanRadioButtons*/

/*#region DttRadioButton*/

.Main.standalone .DttRadioButton .radioBtn {
    border: 3px solid #9af1d0;
    background: #9af1d0;
    border-radius: 20px;
}

.Main.standalone.full .DttRadioButton .radioBtn {
    border: 5px solid #9af1d0;
    width: 10px;
    height: 10px;
    margin-top: 4px;
}

.Main.standalone .DttRadioButton.active .radioBtn {
    background: #343434;
    border-color: #55f3b7;
}

/*#endregion DttRadioButton*/

/*#region DttCheckBox*/

.Main.standalone .lineWrap .DttCheckBox.check,
.Main.standalone .lineWrap .DttCheckBox.check {
    background: #343434;
    border-color: #55f3b7;
}

/*#endregion DttCheckBox*/


.Main.standalone .teacherInfo .tiBlock {
    font-family: roboto-regular, serif;
    color: #f1f1f1;
}


/*#region BlockScreen */

.Main.standalone .BlockScreen {
}

.Main.standalone .BlockScreen.testMode {
    background-color: #d3f6da;
}

.Main.standalone .BlockScreen.exerciseMode {
    background-color: #2e2c2c;
}

.Main.standalone .BlockScreen.testMode .questionTitle {
    font-family: roboto-black, serif;
}

.Main.standalone .BlockScreen.exerciseMode .questionTitle {
    font-family: roboto-black, serif;
    color: #ffffff;
}

.Main.standalone .BlockScreen .testMenuBar {
    font-family: Arial;
    background: #379149;
    color: #fff;
}

.Main.standalone .BlockScreen.exerciseMode .content {
    border-radius: 0;
    background: #383838;
}

.Main.standalone .BlockScreen .imageSubline {
    font-family: roboto-regular, serif;
    color: #ffffff;
}

/*TODO: */
.Main.standalone .BlockScreen.testMode .imageLoadingWrap {
    /*background: #d3f6da;*/
}

/*TODO: */
.Main.standalone .BlockScreen.exerciseMode .imageLoadingWrap {
    background: #ededed;
}

/*TODO: */
.Main.standalone .BlockScreen.testMode .imageSubline {
    font-family: roboto-black, serif;
    /*color: #0b333c;*/
}

.Main.standalone .BlockScreen .eAddBtns .DttButton.withIcon .icon {
    color: #55eeb5;
}

/*TODO: */
.Main.standalone.full .BlockScreen .eAddBtns .DttButton.withIcon .icon {
    font-size: 40px;
    color: #2493a6;
    line-height: 30px;
}

/*TODO: */
.Main.standalone .BlockScreen .eAddBtns.eAddBg {
    background: #ededed;
}

.Main.standalone .BlockScreen .DttButton.info.noCaption.withIcon.nonButton {
    color: #ffffff;
    background: none;
}

.Main.standalone .BlockScreen .textInput,
.Main.standalone .BlockScreen .reviewText {
    font-family: roboto-bold, serif;
    border: 3px solid #54cea9;
    border-radius: 0;
    color: #797979;
    background: #fff;
}

/*TODO: */
.Main.standalone .BlockScreen.exerciseMode .textInput,
.Main.standalone .BlockScreen.exerciseMode .reviewText {
    font-family: roboto-regular, serif;
    color: #323232;
}

/*TODO: */
.Main.standalone .BlockScreen.testMode .textInput {
    font-family: roboto-black, serif;
    /*font-weight: bold;*/
    /*border-radius: 0;*/
    /*border: 1px solid #c9cbcc;*/
    /*color: #0b333c;*/
}

/*TODO: */
.Main.standalone .BlockScreen.testMode .textInput {
    font-family: roboto-black, serif;
    /*border-radius: 0;*/
    /*border: 1px solid #c9cbcc;*/
    /*color: #0b333c;*/
}

.Main.standalone .BlockScreen .textInput.focused {
    border-color: #54cea9;
}

/*TODO: */
.Main.standalone .BlockScreen .textInput.focused:after {
    content: "|";
    color: #323232;
    animation: 1s blink step-end infinite;
    -webkit-animation: 1s blink step-end infinite;
}

/*TODO: */
.BlockScreen.testMode .textInput.focused {
    /*border-color: #379149;*/
}

/*TODO: keyframe 2761 */

.Main.standalone .BlockScreen .qSubline {
    font-family: roboto-regular, serif;
    color: #ffffff;
}

.Main.standalone .BlockScreen.testMode .qSubline {
    font-family: roboto-black, serif;
    color: #0b333c;
}

.Main.standalone .BlockScreen.exerciseMode .qSubline {
    font-family: roboto-black, serif;
    color: #ffffff;
}

.Main.standalone .BlockScreen.testMode .qText1,
.Main.standalone .BlockScreen.testMode .qText2,
.Main.standalone .BlockScreen.testMode .qText3 {
    font-family: roboto-black, serif;
    color: #000000;
}

.Main.standalone .BlockScreen.exerciseMode .qText1,
.Main.standalone .BlockScreen.exerciseMode .qText2,
.Main.standalone .BlockScreen.exerciseMode .qText3 {
    font-family: roboto-regular, serif;
    color: #ffffff;
}

.Main.standalone .BlockScreen.testMode .reviewWrap {
    /*background: #ba4b4e;*/
}

.Main.standalone .BlockScreen.testMode .reviewWrap.allCorrect {
    /*background: #55f3b7;*/
}

.Main.standalone .BlockScreen.exerciseMode .reviewWrap {
    background: #D43B3C;
}

.Main.standalone .BlockScreen.exerciseMode .reviewWrap.allCorrect {
    background: #55f3b7;
}

.Main.standalone .BlockScreen.exerciseMode .answersWrap {
    background: #383838;
}

/*TODO: */
.Main.standalone .BlockScreen.testMode .videoWrap {
    /*background: #d3f6da;*/
}

/*TODO: */
.Main.standalone .BlockScreen.exerciseMode .videoWrap {
    background: #383838;
}

.Main.standalone .BlockScreen.testMode .videoWrap .videoHeadline {
    font-family: roboto-black, serif;
    /*color: #0b333c;*/
}

.Main.standalone .BlockScreen.exerciseMode .videoWrap .videoHeadline {
    font-family: roboto-regular, serif;
    color: #ffffff;
}


.Main.standalone .BlockScreen.testMode .videoWrap .videoHeadline b {
    /*color: #ba4b4e;*/
}

.Main.standalone .BlockScreen.exerciseMode .videoWrap .videoHeadline b {
    color: #55eeb5;
}

/*TODO: */
.BlockScreen.testMode .videoWrap .videoBtns .DttButton {
    /*border-radius: 0;*/
    /*border: 1px solid #5d5f60;*/
    /*background: rgba(107, 107, 181, 1);*/
    /*background: -moz-linear-gradient(top, rgba(107, 107, 181, 1) 0%, rgba(69, 69, 162, 1) 50%, rgba(69, 69, 162, 1) 51%, rgba(51, 51, 153, 1) 71%, rgba(51, 51, 153, 1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107, 107, 181, 1)), color-stop(50%, rgba(69, 69, 162, 1)), color-stop(51%, rgba(69, 69, 162, 1)), color-stop(71%, rgba(51, 51, 153, 1)), color-stop(100%, rgba(51, 51, 153, 1)));*/
    /*background: -webkit-linear-gradient(top, rgba(107, 107, 181, 1) 0%, rgba(69, 69, 162, 1) 50%, rgba(69, 69, 162, 1) 51%, rgba(51, 51, 153, 1) 71%, rgba(51, 51, 153, 1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(107, 107, 181, 1) 0%, rgba(69, 69, 162, 1) 50%, rgba(69, 69, 162, 1) 51%, rgba(51, 51, 153, 1) 71%, rgba(51, 51, 153, 1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(107, 107, 181, 1) 0%, rgba(69, 69, 162, 1) 50%, rgba(69, 69, 162, 1) 51%, rgba(51, 51, 153, 1) 71%, rgba(51, 51, 153, 1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(107, 107, 181, 1) 0%, rgba(69, 69, 162, 1) 50%, rgba(69, 69, 162, 1) 51%, rgba(51, 51, 153, 1) 71%, rgba(51, 51, 153, 1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6bb5', endColorstr='#333399', GradientType=0);*/
}

.Main.standalone .BlockScreen.testMode .videoWrap .videoBtns .DttButton .caption {
    font-family: roboto-black, serif;
}

.Main.standalone .BlockScreen.testMode.reviewMode .reviewWrap .lineWrap .reviewText {
    font-family: roboto-black, serif;
    /*border-radius: 0;*/
    /*border: 1px solid #c9cbcc;*/
    /*color: #0b333c;*/
}

.Main.standalone .BlockScreen.exerciseMode .videoWrap .videoBtns .DttButton {
    color: #343434;
}


.Main.standalone .BlockScreen .videoPlayBtn {
    margin: -40px 0 0 0;
}

.Main.full.standalone .BlockScreen .videoPlayBtn {
    margin: -50px 0 0 -45px;
}


.Main.standalone .BlockScreen.exerciseMode .answersWrap .entryLine {
    font-family: roboto-regular, serif;
    color: #ffffff;
}

/*review */
.Main.standalone .exerciseMode .reviewCB {
    border-right-color: #0c0c0c;
    background: #2e2c2c;
}

.Main.standalone.full .exerciseMode .reviewCB {
    border-right-color: #0c0c0c;
}

/*.Main.standalone .reviewCB.reviewCorrect {*/
/*    background: #2e2c2c;*/
/*}*/

/*.Main.standalone .reviewCB.reviewWrong {*/
/*    background: #2e2c2c;*/
/*}*/

.Main.standalone .exerciseMode .reviewCB.reviewCorrect {
    background: #2e2c2c;
}

.Main.standalone .exerciseMode .reviewCB.reviewWrong {
    background: #2e2c2c;
}

/*testCheckBox*/

.Main.standalone .testCheckBox {
}

.Main.standalone .testMode .testCheckBox.check {
    background: #000;
    line-height: 20px;
    color: #fff;
}

.Main.standalone .exerciseMode .testCheckBox {
    border: 2px solid #f1f1f1;
    border-radius: 0;
    background: transparent;
    font-size: 16px;
}

.Main.standalone .exerciseMode .testCheckBox {
    width: 25px;
    height: 25px;
}

.Main.standalone .exerciseMode .testCheckBox.check {
    color: #ffffff;
    background: transparent;
}

.Main.standalone .exerciseMode .testCheckBox:before {
    margin-left: 1px;
    top: 6px;
    position: relative;
}

.Main.standalone .testMode .testCheckBox{
    font-size: 18px;
}

.Main.standalone .testMode .testCheckBox.check{

}

.Main.standalone .testMode .testCheckBox:before{
    margin-left: -1px;
    top: 4px;
    position: relative;
}

.Main.standalone .testMode .answersWrap .entryLine .TranslatableText{
    padding-top: 0px;
}

/*TODO:*/
.Main.standalone .exerciseMode .reviewCB {
    border-right-color: #0c0c0c;
}

.Main.standalone .answerResultContainer {
    font-family: roboto-bold, serif;
    display: none;
}

/*TODO:*/
.Main.standalone .testMode .answerResultContainer.correct {
    color: #379149;
    border-color: #379149;
}

.Main.standalone .answerResultContainer.correct {
    color: #55eeb5;
    border-color: #55eeb5;
}

.Main.standalone .answerResultContainer.wrong.shown {
    /*color: #ba4b4e;*/
    /*border-color: #ba4b4e;*/
    background: #D43B3C;
    color: #FFFFFF;
    font-size: 15px;
    border: none;
    padding: 2px 10px;
    margin: 10px 0px;
    width: 92%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Main.standalone .answerResultContainer.correct.shown {
    /*color: #ba4b4e;*/
    /*border-color: #ba4b4e;*/
    background: #55f3b7;
    color: #000000;
    font-size: 15px;
    border: none;
    padding: 2px 10px;
    margin: 10px 0px;
    width: 92%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Main.standalone .answerResultContainer .answerResult {
    transform: none;
}

.Main.standalone .answerResultContainer .info {
    height: 35px;
}

.Main.standalone .answerResultContainer.wrong .DttButton.info.noCaption.withIcon.nonButton {
    color: #ffffff;
    background: none;
}

/*TestNavigationButton*/


/*DttNumPad*/


/*#endregion BlockScreen */

/*#region DttNumPad*/
.Main.standalone .DttNumPad {
}

.Main.standalone .DttMobileNumPad {
    background: #e2e2e2;
}

.DttMobileNumPad .textInput {
    color: #0c0c0c;
}

.Main.standalone .DttNumPad .numItem, .DttMobileNumPad .numItem {
    font-family: roboto-bold, serif;
    border-radius: 0;
    color: #343434;
    background: #ffffff;
}

.Main.standalone .DttMobileNumPad .numItem {
    padding: 9px 0;
    width: 38px;
    margin: 0 10px 10px 0;
    font-size: 18.5px;
}

.Main.standalone .BlockScreen .DttNumPad .numItem.num_clear,
.Main.standalone .DttMobileNumPad .numItem.num_clear {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*#endregion DttNumPad*/

/*#region TestNavigationButton*/

.Main.standalone .TestNavigationButton input {
    font-family: roboto-regular, serif;
    border: 1px solid #000;
    color: #2d2d2d;
    background: #fff;
}

.Main.standalone .TestNavigationButton.touched input {
    color: #fff;
    background: #379149;
}

.Main.standalone .BlockScreen.exerciseMode .TestNavigationButton {
    padding: 3px;
    border-radius: 0;
    border: none;
}

.Main.standalone .BlockScreen.exerciseMode .TestNavigationButton.correct input {
    background: #54cea9;
}

.Main.standalone .BlockScreen.exerciseMode .TestNavigationButton.wrong input {
    background: #D43B3C;
    color: #ffffff;
}

.Main.standalone .BlockScreen.exerciseMode .TestNavigationButton.active {
    border: 2px solid #54cea9;
    /*border-color: ;*/
}

.Main.standalone .BlockScreen.exerciseMode .TestNavigationButton input {
    font-family: roboto-bold, serif;
    font-size: 15px;
    border-radius: 0;
    color: #343434;
    background: #e1e1e1;
}

.Main.standalone .BlockScreen.testMode .TestNavigationButton .mark {
    /*border: 1px solid #000;*/
    /*background: #eaae01;*/
}

.Main.standalone .BlockScreen.exerciseMode .TestNavigationButton .mark {
    border: 1px solid #2493a6;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #2493a6;
}

.Main.standalone .BlockScreen.exerciseMode .TestNavigationButton .video {
    color: #555;
}

.Main.standalone .BlockScreen.testMode .TestNavigationButton.active input {
    /*border: 3px solid #000;*/
    /*margin-top: -2px;*/
    /*margin-left: 0;*/
    /*margin-right: 4px;*/
    /*width: 37px;*/
}

.Main.standalone .TestNavigationButton.submitted input {
    background: green;
}

.Main.standalone .TestNavigationButton.submitted input,
.Main.standalone .reviewMode .TestNavigationButton.wrong input,
.Main.standalone .reviewMode .TestNavigationButton.correct input {
    color: #fff;
}

.Main.standalone .BlockScreen.testMode.reviewMode .TestNavigationButton input {
    /*background: #e0e0e0;*/
}

.Main.standalone .BlockScreen.testMode.reviewMode .TestNavigationButton.correct input {
    /*background: #379149;*/
}

.Main.standalone .BlockScreen.testMode.reviewMode .TestNavigationButton.wrong input {
    /*background: #d1002d;*/
}

.Main.standalone .BlockScreen.testMode .TestNavigationButton .video {
    /*top: 14px;*/
    /*left: 27px;*/
    /*width: 9px;*/
    /*height: 11px;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*background: #333;*/
    /*font-size: 13px;*/
    /*line-height: 12px;*/
    /*pointer-events: none;*/
}

.Main.standalone .BlockScreen .TestNavigationButton.markedTeacher .mark {
    display: block;
    background: #dc6c56;
    border-color: #dc6c56;
}


/*NaviButton*/

/*TODO*/
.testMode .blockUiNav {
    /*background: #379149;*/
}

.Main.standalone .DttButton.scrollNav.withIcon .icon {
    color: #ffffff;
}

.Main.standalone .DttButton.hoverClass.scrollNav.withIcon .icon {
    color: #55eeb5;
}

.Main.standalone .DttButton.noCaption.withIcon.scrollNav.nonButton {
    background: none;
}

.Main.standalone .DttButton.scrollNav.back-full {
    left: 10px;
    bottom: 15px;
}

.Main.standalone.full .DttButton.scrollNav.back-full {
    left: 36px;
    bottom: 37px;
}

.Main.standalone .DttButton.scrollNav.back {
    left: 41px;
    bottom: 15px;
}

.Main.standalone.full .DttButton.scrollNav.back {
    left: 85px;
    bottom: 37px;
}

.Main.standalone .DttButton.scrollNav.forward {
    right: 41px;
    bottom: 15px;
}

.Main.standalone.full .DttButton.scrollNav.forward {
    right: 98px;
    bottom: 37px;
}

.Main.standalone .DttButton.scrollNav.forward-full {
    right: 10px;
    bottom: 15px;
}

.Main.standalone.full .DttButton.scrollNav.forward-full {
    right: 50px;
    bottom: 37px;
}


.Main.standalone .BlockScreen.exerciseMode .biggerNav .scrollWrapOuter .blockUiNav .inner {
    top: 0;
}

.Main.standalone .BlockScreen.exerciseMode .scrollWrapOuter .blockUiNav .inner {
    top: 0;
}

.Main.standalone .exerciseMode .navBtns .RefVehicle {
    color: #343434;
    background: #c5c5c5;
}

.Main.standalone .exerciseMode .navBtns .Mark .caption,
.Main.standalone .exerciseMode .navBtns .RefVehicle .caption {
    font-size: 16px;
}

.Main.standalone .exerciseMode .navBtns .DttButton.Mark.withIcon.blueBg {
    color: #343434;
    background: rgb(132, 192, 223);
    background: -moz-linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    background: linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#84c0df", endColorstr="#44a0d0", GradientType=1);

}

.Main.standalone .exerciseMode .navBtns .DttButton.Next.withIcon {
    background: rgb(84, 206, 169);
    background: -moz-linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(85, 233, 179, 1) 34%, rgba(85, 233, 179, 1) 67%, rgba(85, 243, 183, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(85, 233, 179, 1) 34%, rgba(85, 233, 179, 1) 67%, rgba(85, 243, 183, 1) 100%);
    background: linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(85, 233, 179, 1) 34%, rgba(85, 233, 179, 1) 67%, rgba(85, 243, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f3b7", GradientType=1);
}

.Main.standalone .exerciseMode .navBtns .DttButton.Mark.withIcon.blueBg .caption {
    color: #343434;
}

.Main.standalone .exerciseMode .navBtns .DttButton.Mark.withIcon.blueBg.whiteBg {
    background: #c5c5c5;
    color: #323232;
}


.Main.standalone .testMode .navBtns .RefVehicle {
    color: #fff;
    background: #888888;
}

.Main.standalone .testMode .navBtns .Submit {
    color: #fff;
    background: #e0010c;
    background: -moz-linear-gradient(90deg, rgba(224, 1, 12, 1) 0%, rgba(232, 71, 79, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 71, 79, 1)), color-stop(100%, rgba(224, 1, 12, 1)));
    background: -webkit-linear-gradient(90deg, rgba(224, 1, 12, 1) 0%, rgba(232, 71, 79, 1) 100%);
    background: -o-linear-gradient(90deg, rgba(224, 1, 12, 1) 0%, rgba(232, 71, 79, 1) 100%);
    background: -ms-linear-gradient(90deg, rgba(224, 1, 12, 1) 0%, rgba(232, 71, 79, 1) 100%);
    background: linear-gradient(0deg, rgba(224, 1, 12, 1) 0%, rgba(232, 71, 79, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8474f', endColorstr='#e0010c', GradientType=0);
}

.Main.standalone .testMode .navBtns .Mark {
    color: #000;
    background: #eaae01;
    background: -moz-linear-gradient(90deg, rgba(234, 174, 1, 1) 0%, rgba(240, 196, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 196, 71, 1)), color-stop(100%, rgba(234, 174, 1, 1)));
    background: -webkit-linear-gradient(90deg, rgba(234, 174, 1, 1) 0%, rgba(240, 196, 71, 1) 100%);
    background: -o-linear-gradient(90deg, rgba(234, 174, 1, 1) 0%, rgba(240, 196, 71, 1) 100%);
    background: -ms-linear-gradient(90deg, rgba(234, 174, 1, 1) 0%, rgba(240, 196, 71, 1) 100%);
    background: linear-gradient(0deg, rgba(234, 174, 1, 1) 0%, rgba(240, 196, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c447', endColorstr='#eaae01', GradientType=0);
}

.Main.standalone .testMode .navBtns .Mark.whiteBg {
    background: white !important;
}


.Main.standalone .testMode .navBtns .Next {
    color: #fff;
    background: #379149;
    background: -moz-linear-gradient(90deg, rgba(55, 145, 73, 1) 0%, rgba(110, 175, 123, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(110, 175, 123, 1)), color-stop(100%, rgba(55, 145, 73, 1)));
    background: -webkit-linear-gradient(90deg, rgba(55, 145, 73, 1) 0%, rgba(110, 175, 123, 1) 100%);
    background: -o-linear-gradient(90deg, rgba(55, 145, 73, 1) 0%, rgba(110, 175, 123, 1) 100%);
    background: -ms-linear-gradient(90deg, rgba(55, 145, 73, 1) 0%, rgba(110, 175, 123, 1) 100%);
    background: linear-gradient(0deg, rgba(55, 145, 73, 1) 0%, rgba(110, 175, 123, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eaf7b', endColorstr='#379149', GradientType=0);
}

/*#endregion TestNavigationButton*/

/*region DttSubSegmentAnalysisBar*/

.Main.standalone .DttSubSegmentAnalysisBar {
    font-family: roboto-regular, serif;
    font-size: 16px;
    color: #ffffff;
    height: 160px;
}

.Main.standalone.full .DttSubSegmentAnalysisBar {
    font-size: 24px;
}

/*tab version*/
.Main.standalone .DttSubSegmentAnalysisBar .DttCorrectWrongUnansweredBar {
    left: 165px;
    right: 15px;
}

.Main.standalone.mobile .DttSubSegmentAnalysisBar .DttCorrectWrongUnansweredBar {
    top:30px;
    left:0;
    right:0;
}

/*tab version  */
.Main.standalone .DttSubSegmentAnalysisBar .errorPointsWrap {
    top: 80px;
    left: 0;
}

.Main.standalone.mobile .DttSubSegmentAnalysisBar .errorPointsWrap {
    top:98px;
    left:0;
    margin-top:0;
}

.Main.standalone .DttSubSegmentAnalysisBar .errorPointsWrap {
    font-family: roboto-bold, serif;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
}

.Main.standalone .DttSubSegmentAnalysisBar .errorPointsWrap .epOutput {
    font-family: roboto-regular, serif;
    /* min-width: 16px; */
    text-align: center;
    border-radius: 0;
    background: #54CEA9;
    height: 47px;
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    padding: 0;
    font-weight: 500;
    color: #2E2C2D;

}

.Main.standalone.full .DttSubSegmentAnalysisBar .errorPointsWrap .epOutput {
    font-size: 22px;
}

.Main.standalone .DttSubSegmentAnalysisBar .errorPointsWrap .epCaption {
    font-size: 15px;
}

.Main.standalone.full .DttSubSegmentAnalysisBar .errorPointsWrap .epCaption {
    font-size: 18px;
}

.Main.standalone .DttSubSegmentAnalysisBar .warning {
    font-family: roboto-bold, serif;
    font-size: 12px;
    color: #D43B3C;
}

.Main.standalone.full .DttSubSegmentAnalysisBar .warning {
    font-size: 19px;
}

.Main.standalone .DttSubSegmentAnalysisBar .result {
    min-height: 43px;
    border-radius: 0;
    border: 2px solid #f1f1f1;
    position: absolute;
    width: 185px;

    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0 0 0 10px;
}

.Main.standalone .DttSubSegmentAnalysisBar .result.wrong {
    border-color: #D43B3C;
    color: #FFFFFF;;
    background: #D43B3C;
}

/*tab version*/
.Main.standalone .DttSubSegmentAnalysisBar .resIcon {
    line-height: 20px;
    width: 26px;
}

.Main.standalone .DttSubSegmentAnalysisBar .result.correct {
    border-color: #55eeb5;
    color: #55eeb5;
}

.Main.standalone .DttSubSegmentAnalysisBar .resIcon {
    font-size: 34px;
    color: #fff;
    height: 26px;
}

/*tab version*/
.Main.standalone .DttSubSegmentAnalysisBar .resIcon:before {
    font-size: 26px;
}

/*tab version*/
.Main.standalone .DttSubSegmentAnalysisBar .result{
    top: 77px;
}

.Main.standalone.mobile .DttSubSegmentAnalysisBar .result {
    right:0;
    top:97px;
}

.Main.standalone .DttSubSegmentAnalysisBar .result .resCaption {
    font-family: roboto-bold, serif;
    font-size: 15px;
    text-align: left;
    left: 45px;
}

.Main.standalone .DttSubSegmentAnalysisBar .result .resCaption.fs3 {
    font-size: 10px;
}

.Main.standalone .DttSubSegmentAnalysisBar .result .resCaption.fs2 {
    font-size: 8px;
}

.Main.standalone .DttSubSegmentAnalysisBar .result .resCaption.fs1 {
    font-size: 5px;
    margin-top: 10px;
}


.Main.standalone .DttSubSegmentAnalysisBar .result.wrong .resIcon {
    background: none;

}

.DttSubSegmentAnalysisBar .result.correct .resIcon {
    background: #55eeb5;
}

.Main.mobile.standalone .DttSubSegmentAnalysisBar .result.undefined {
    display: none;
}

/*tab version*/
.Main.standalone .DttSubSegmentAnalysisBar .result.undefined {
    display: none;
}

/*endregion DttSubSegmentAnalysisBar*/

/*#region DttTabBar*/

.Main.standalone .DttTabBar .DttButton {
    background: rgb(96, 96, 96);
    background: -moz-linear-gradient(123deg, rgba(96, 96, 96, 1) 0%, rgba(96, 96, 96, 1) 20%, rgba(97, 97, 97, 1) 40%, rgba(105, 105, 105, 1) 60%, rgba(112, 112, 112, 1) 80%, rgba(112, 112, 112, 1) 100%);
    background: -webkit-linear-gradient(123deg, rgba(96, 96, 96, 1) 0%, rgba(96, 96, 96, 1) 20%, rgba(97, 97, 97, 1) 40%, rgba(105, 105, 105, 1) 60%, rgba(112, 112, 112, 1) 80%, rgba(112, 112, 112, 1) 100%);
    background: linear-gradient(123deg, rgba(96, 96, 96, 1) 0%, rgba(96, 96, 96, 1) 20%, rgba(97, 97, 97, 1) 40%, rgba(105, 105, 105, 1) 60%, rgba(112, 112, 112, 1) 80%, rgba(112, 112, 112, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#606060", endColorstr="#707070", GradientType=1);

}

.Main.standalone .DttTabBar .DttButton.selected {
    background: #383838;
}

.Main.standalone .DttTabBar .DttButton.hoverClass {
    background: #383838;
}


.Main.standalone .DttTabBar .DttButton .caption {
    font-family: roboto-regular, serif;
    color: #ffffff;
    font-size: 12px;
}

.Main.standalone .BlockScreen.testMode .DttTabBar .DttButton .caption {
    color: #2d2d2d;
}

.Main.standalone .BlockScreen.testMode .DttTabBar .DttButton.hoverClass {
    background: transparent;
}

.Main.standalone.full .DttTabBar .DttButton .caption {
    font-size: 15px;
}

.Main.standalone .DttTabBar.iconBtn .DttButton .icon {
    color: #ffffff;
    font-size: 38px;
}


/*#endregion DttTabBar*/


.Main.standalone .loadBlocker {
    background-color: rgba(47, 45, 45, 0.9);
}


/*#endregion new layout*/


/*#region colors reference */


.colorRef_n_background_main_black {
    color: #2e2c2c;
}

.colorRef_n_background_main_black_border {
    color: #0c0c0c;
}


.colorRef_n_background_left_light_black {
    color: #363636;
}

.colorRef_n_background_right_light_black {
    color: #383838;
}

.colorRef_n_background_black_second {
    color: #2e2d2d;
}

.colorRef_n_background_gray {
    color: #e1e1e1;
}

.colorRef_n_background_green {
    color: #58d9b0;
}

.colorRef_n_shadow {
    color: #323131;
}


.colorRef_n_background_progress_bar_dark_green {
    color: #54cea9;
}

.colorRef_n_background_progress_bar_better_dark_green {
    color: #54d9ad;
}

.colorRef_n_background_progress_bar_better_light_green {
    color: #55e9b3;
}

.colorRef_n_background_progress_bar_light_green {
    color: #55f4b7;
}

.colorRef_n_background_progress_bar_red {
    color: #c45558;
}

.colorRef_n_background_button_dark_green {
    color: #54cea9;
}

.colorRef_n_background_button_better_dark_green {
    color: #54d8ad;
}

.colorRef_n_background_button_better_light_green {
    color: #55ecb4;
}

.colorRef_n_background_button_light_green {
    color: #55f4b7;
}

/*black*/
.colorRef_n_background_gradient_black_dark_100 {
    color: #363636;
}

.colorRef_n_background_gradient_black_dark_75 {
    color: #383737;
}

.colorRef_n_background_gradient_black_dark_50 {
    color: #3a3a3a;
}

.colorRef_n_background_gradient_black_dark_25 {
    color: #3d3c3c;
}

.colorRef_n_background_gradient_black_dark_0 {
    color: #3e3d3d;
}

/*gray */
.colorRef_n_background_gradient_gray {
    color: #868686;
}

/*blue*/
.colorRef_n_background_gradient_blue_100 {
    color: #44a0d0;
}

.colorRef_n_background_gradient_blue_67 {
    color: #59aad4;
}

.colorRef_n_background_gradient_blue_34 {
    color: #74b8db;
}

.colorRef_n_background_gradient_blue_0 {
    color: #84c0df;

    background: rgb(132, 192, 223);
    background: -moz-linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    background: linear-gradient(90deg, rgba(132, 192, 223, 1) 0%, rgba(116, 184, 219, 1) 34%, rgba(89, 170, 212, 1) 67%, rgba(68, 160, 208, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#84c0df", endColorstr="#44a0d0", GradientType=1);

}

.colorRef_n_background_gradient_green {
    background: rgb(84, 206, 169);
    background: -moz-linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(85, 233, 179, 1) 34%, rgba(85, 233, 179, 1) 67%, rgba(85, 243, 183, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(85, 233, 179, 1) 34%, rgba(85, 233, 179, 1) 67%, rgba(85, 243, 183, 1) 100%);
    background: linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(85, 233, 179, 1) 34%, rgba(85, 233, 179, 1) 67%, rgba(85, 243, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f3b7", GradientType=1);
}

.colorRef_n_background_gradient_green_dialog {
    background: rgb(84, 206, 169);
    background: -moz-linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(84, 214, 172, 1) 25%, rgba(84, 224, 176, 1) 50%, rgba(85, 235, 180, 1) 75%, rgba(85, 243, 183, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(84, 214, 172, 1) 25%, rgba(84, 224, 176, 1) 50%, rgba(85, 235, 180, 1) 75%, rgba(85, 243, 183, 1) 100%);
    background: linear-gradient(90deg, rgba(84, 206, 169, 1) 0%, rgba(84, 214, 172, 1) 25%, rgba(84, 224, 176, 1) 50%, rgba(85, 235, 180, 1) 75%, rgba(85, 243, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54cea9", endColorstr="#55f3b7", GradientType=1);
}

.colorRef_n_background_gradient_red {

    background: rgb(186, 75, 78);
    background: -moz-linear-gradient(90deg, rgba(186, 75, 78, 1) 0%, rgba(189, 78, 81, 1) 25%, rgba(200, 89, 92, 1) 50%, rgba(208, 97, 100, 1) 75%, rgba(210, 100, 103, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(186, 75, 78, 1) 0%, rgba(189, 78, 81, 1) 25%, rgba(200, 89, 92, 1) 50%, rgba(208, 97, 100, 1) 75%, rgba(210, 100, 103, 1) 100%);
    background: linear-gradient(90deg, rgba(186, 75, 78, 1) 0%, rgba(189, 78, 81, 1) 25%, rgba(200, 89, 92, 1) 50%, rgba(208, 97, 100, 1) 75%, rgba(210, 100, 103, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ba4b4e", endColorstr="#d26467", GradientType=1);

}


.colorRef_n_background_gradient_gray_tab {
    background: rgb(96, 96, 96);
    background: -moz-linear-gradient(123deg, rgba(96, 96, 96, 1) 0%, rgba(96, 96, 96, 1) 20%, rgba(97, 97, 97, 1) 40%, rgba(105, 105, 105, 1) 60%, rgba(112, 112, 112, 1) 80%, rgba(112, 112, 112, 1) 100%);
    background: -webkit-linear-gradient(123deg, rgba(96, 96, 96, 1) 0%, rgba(96, 96, 96, 1) 20%, rgba(97, 97, 97, 1) 40%, rgba(105, 105, 105, 1) 60%, rgba(112, 112, 112, 1) 80%, rgba(112, 112, 112, 1) 100%);
    background: linear-gradient(123deg, rgba(96, 96, 96, 1) 0%, rgba(96, 96, 96, 1) 20%, rgba(97, 97, 97, 1) 40%, rgba(105, 105, 105, 1) 60%, rgba(112, 112, 112, 1) 80%, rgba(112, 112, 112, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#606060", endColorstr="#707070", GradientType=1);
}


.colorRef_circle_red {
    color: #ba4b4e;
}

.colorRef_circle_yellow {
    color: #fff568;
}

.colorRef_circle_green {
    color: #55f3b7;
}

.colorRef_green_light {
    color: #9af1d0;
}


.colorRef_n_text_red {
    color: #ba4b4e;
}

.colorRef_n_text_green {
    color: #55eeb5;
}

.colorRef_n_text_light_white {
    color: #ffffff;
}

.colorRef_n_text_dark_white {
    color: #f1f1f1;
}

.colorRef_n_text_black {
    color: #343434;
}

/*#endregion*/

.ModalDialog.limitations .ScrollContainer {
    top: 180px;
}

.Main.standalone .Container .imageWrap.passet {

    background-color: white;
}

.Main.standalone .ModalContainer .ModalDialog.passet {

    background-color: white;
}

.Main.standalone .ModalContainer .ModalDialog.passet .closeBtn {

    color: black;
}