* {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    box-sizing: border-box;
}

::before,
::after {
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
}

body {
    line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

blockquote:before,
blockquote:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
    text-decoration: none;
}

p {
    line-height: normal;
}

button,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

textarea {
    overflow: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

q:before,
q:after {
    content: '';
}

fieldset,
img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

dl::after {
    clear: both;
}

dl dt {
    float: left;
}

.TextContent .Imageimg,
input,
th,
td {
    vertical-align: middle;
}

.Box {
    zoom: 1;
}

.Box:after {
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both;
    font-size: 0;
    line-height: 0;
    content: ".";
}

.Fix {
    float: none;
    clear: both;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0;
    line-height: 0;
}

.Clear::after {
    display: block;
    content: "";
    clear: both;
}

.ClearBefore::before {
    display: block;
    content: "";
    clear: both;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

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

.TextCenter {
    text-align: center !important;
}

.TextRight {
    text-align: right !important;
}

.TextJustify {
    text-align: justify !important;
}

.VerticalTop {
    vertical-align: top !important;
}

.VerticalMiddle {
    vertical-align: middle !important;
}

.VerticalBottom {
    vertical-align: bottom !important;
}

.NoMargin {
    margin: 0 !important;
}

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

.NoMarginBottom {
    margin-bottom: 0 !important;
}

.NoWrap {
    white-space: nowrap;
}

.Block {
    display: block;
}

.Inline {
    display: inline;
}

.InlineBlock {
    display: inline-block;
}

.Hidden {
    display: none !important;
}

.Image {
    overflow: hidden;
    text-align: center;
}

.Image img {
    max-width: 100%;
}

.ImageLeft {
    float: left;
    margin: 0 15px 15px 0;
    border: 3px solid black;
}

.ImageRight {
    float: right;
    margin: 0 0 15px 15px;
    border: 3px solid black;
}

a img {
    border: none;
}

.Center {
    width: 100%;
    text-align: center;
    margin: auto;
}

.Bold {
    font-weight: bold;
}

.Size0 {
    display: block;
    height: 0;
    overflow: hidden;
}

.SliderPanel {
    z-index: 1000;
}

.PrintVisible {
    display: none;
}

.Submit {
    white-space: nowrap;
    cursor: pointer;
}

.TableLike {
    display: table;
}

.TrLike {
    display: table-row;
}

.TdLike {
    display: table-cell;
    vertical-align: middle;
}

.NoTransition {
    transition: none !important;
}

.TextContent p,
.TextContent table,
.TextContent ul,
.TextContent ol {
    margin-bottom: 20px;
}

.TextContent ul,
.TextContent ol {
    padding-left: 15px;
}

.TextContent ul li,
.TextContent ol li {
    padding-bottom: 5px;
}

.TextContent ul li {
    list-style: disc;
}

.TextContent ol li {
    list-style: decimal;
}

.TextContent table th {
    font-weight: bold;
}

.TextContent table td,
.TextContent table th {
    padding: 2px 7px;
}

.Separator.Input {
    display: inline-block;
    width: 300px;
    border: 1px solid gray;
    line-height: 25px;
}

.Separator.Input>[contenteditable] {
    display: block;
    margin-left: auto;
    min-height: 25px;
}

.Separator.Input .Tags {
    float: left;
}

.Separator.Input .Tags .Tag {
    display: inline-block;
    margin-right: 5px;
    padding: 0 5px;
    border: 1px solid blue;
    border-radius: 5px;
    background: #00b4ff;
    white-space: nowrap;
}

.Separator.Input .Tags .Tag .Delete {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: white;
}

.Files .Item {
    height: 110px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
}

.Files .Item a {
    display: block;
}

.Files .Item img {
    max-width: 76px;
    max-height: 69px;
}

.Files .Item .Image {
    display: inline-block;
    width: 78px;
    height: 71px;
    line-height: 71px;
}

.Files .Item .Name {
    display: block;
    width: 76px;
    margin-top: 8px;
}

.Files .Item .PDFIcon {
    display: inline-block;
    width: 100%;
    height: 80px;
    background: url(/Grace/Core/Design/Images/FileIconPDF.png) center center no-repeat;
}

.Files .Item .TxtIcon {
    display: inline-block;
    width: 100%;
    height: 80px;
    background: url(/Grace/Core/Design/Images/FileIconTxt.png) center center no-repeat;
}

.Files .Item .XlsIcon {
    display: inline-block;
    width: 100%;
    height: 80px;
    background: url(/Grace/Core/Design/Images/FileIconXls.png) center center no-repeat;
}

.Files .Item .MPxIcon {
    display: inline-block;
    width: 100%;
    height: 80px;
    background: url(/Grace/Core/Design/Images/FileIconMPx.png) center center no-repeat;
}

.Files .Item .DocIcon {
    display: inline-block;
    width: 100%;
    height: 80px;
    background: url(/Grace/Core/Design/Images/FileIconDoc.png) center center no-repeat;
}

.FileTypeIcon {
    display: none;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.FileTypeapplicationmsword {
    display: inline-block;
    background: url(/Grace/Core/Design/Images/FileTypeDocSmall.png);
}

.FileTypeapplicationpdf {
    display: inline-block;
    background: url(/Grace/Core/Design/Images/FileTypePdfSmall.png);
}

.ContextMenu .Delete {
    background-image: url(/Grace/Core/Design/Images/FilemanagerDelete.png);
}

.DialogModal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

.DialogModal .Hidden {
    display: none;
}

.DialogBox {
    padding: 50px;
    margin: auto;
    text-align: center;
}

.DialogHead {
    width: 100%;
    padding: 20px;
    background: black;
    color: white;
}

.DialogContent {
    margin: auto;
    padding: 20px;
    background: white;
    overflow: auto;
    text-align: left;
}

@media (max-width: 800px) {
    .DialogBox {
        padding: 20px;
    }
}

@media (max-width: 460px) {
    .DialogBox {
        padding: 5px;
    }
}

.Error {
    padding: 5px 10px 5px 30px;
    width: auto;
    margin-top: 2px;
    color: white;
    font-weight: bold;
}

.Success {
    padding: 5px 10px 5px 30px;
    width: auto;
    margin-top: 2px;
    color: white;
    font-weight: bold;
}

.Carousel {
    position: relative;
    overflow: hidden;
}

.Carousel .Item {
    position: absolute;
    display: block;
    width: 100%;
    left: 100%;
    top: 0;
    background: no-repeat center center;
    background-size: cover;
    list-style: none;
    overflow: hidden;
    opacity: 0;
    transition: none;
}

.Carousel .Item,
.Carousel .Item .Image {
    background: center center no-repeat;
    background-size: cover;
}

.Carousel .Item .Image {
    display: block;
    height: 100%;
}

.Carousel .Item.Active {
    position: relative;
    opacity: 1;
    display: block;
    left: 0;
    z-index: 2;
}

.Carousel .Item video,
.Carousel .Item img {
    width: 100%;
}

.Carousel .Switchers {
    position: absolute;
}

.Carousel .Switchers .Switcher {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 7px;
    cursor: pointer;
    border-radius: 100%;
    background: white;
}

.Carousel .Switchers .Switcher.Active {
    background: red;
}

.Carousel .Arrow {
    position: absolute;
    width: 54px;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 3;
}

.Carousel .Arrow.Prev {
    left: 0;
    background: url(/Grace/Core/Design/Images/CarouselPreview.png) no-repeat center center;
}

.Carousel .Arrow.Next {
    right: 0;
    background: url(/Grace/Core/Design/Images/CarouselNext.png) no-repeat center center;
}

.Carousel .Item.SlideToNext:not(.Active) {
    opacity: 1;
    top: 0;
    left: 0%;
    -webkit-animation: CarouselToActualFromNext;
    -moz-animation: CarouselToActualFromNext;
    -ms-animation: CarouselToActualFromNext;
    -o-animation: CarouselToActualFromNext;
    animation: CarouselToActualFromNext;
}

.Carousel .Item.Active.SlideToNext {
    left: -100%;
    -webkit-animation: CarouselToNextFromActual;
    -moz-animation: CarouselToNextFromActual;
    -ms-animation: CarouselToNextFromActual;
    -o-animation: CarouselToNextFromActual;
    animation: CarouselToNextFromActual;
}

.Carousel .Item.SlideToPrev:not(.Active) {
    opacity: 1;
    top: 0;
    left: 0;
    -webkit-animation: CarouselToActualFromPrev;
    -moz-animation: CarouselToActualFromPrev;
    -ms-animation: CarouselToActualFromPrev;
    -o-animation: CarouselToActualFromPrev;
    animation: CarouselToActualFromPrev;
}

.Carousel .Item.Active.SlideToPrev {
    left: 100%;
    -webkit-animation: CarouselToPrevFromActual;
    -moz-animation: CarouselToPrevFromActual;
    -ms-animation: CarouselToPrevFromActual;
    -o-animation: CarouselToPrevFromActual;
    animation: CarouselToPrevFromActual;
}

.Carousel[data-animation="Fade"] .Item {
    left: 0;
    top: 0;
}

.Carousel .Item.FadeToNext:not(.Active) {
    opacity: 0;
    animation: CarouselFadeToActualFromNext;
}

.Carousel .Item.Active.FadeToNext {
    animation: CarouselFadeToNextFromActual;
}

.Carousel .Item.FadeToPrev:not(.Active) {
    opacity: 1;
    animation: CarouselFadeToActualFromPrev;
}

.Carousel .Item.Active.FadeToPrev {
    animation: CarouselFadeToPrevFromActual;
}

.Carousel .Item.SwipeOutToNext:not(.Active) {
    opacity: 1;
    top: 0;
    left: 0%;
    width: 100%;
    transition: none;
}

.Carousel .Item.Active.SwipeOutToNext {
    left: -100%;
    transition-property: left;
}

@-webkit-keyframes CarouselToActualFromPrev {
    from {
        left: -100%;
    }
    to {
        left: 0%;
    }
}

@-webkit-keyframes CarouselToPrevFromActual {
    from {
        left: 0%;
    }
    to {
        left: 100%;
    }
}

@-webkit-keyframes CarouselToActualFromNext {
    from {
        left: 100%;
    }
    to {
        left: 0%;
    }
}

@-webkit-keyframes CarouselToNextFromActual {
    from {
        left: 0%;
    }
    to {
        left: -100%;
    }
}

@-moz-keyframes CarouselToActualFromPrev {
    from {
        left: -100%;
    }
    to {
        left: 0%;
    }
}

@-moz-keyframes CarouselToPrevFromActual {
    from {
        left: 0%;
    }
    to {
        left: 100%;
    }
}

@-moz-keyframes CarouselToActualFromNext {
    from {
        left: 100%;
    }
    to {
        left: 0%;
    }
}

@-moz-keyframes CarouselToNextFromActual {
    from {
        left: 0%;
    }
    to {
        left: -100%;
    }
}

@-ms-keyframes CarouselToActualFromPrev {
    from {
        left: -100%;
    }
    to {
        left: 0%;
    }
}

@-ms-keyframes CarouselToPrevFromActual {
    from {
        left: 0%;
    }
    to {
        left: 100%;
    }
}

@-ms-keyframes CarouselToActualFromNext {
    from {
        left: 100%;
    }
    to {
        left: 0%;
    }
}

@-ms-keyframes CarouselToNextFromActual {
    from {
        left: 0%;
    }
    to {
        left: -100%;
    }
}

@-o-keyframes CarouselToActualFromPrev {
    from {
        left: -100%;
    }
    to {
        left: 0%;
    }
}

@-o-keyframes CarouselToPrevFromActual {
    from {
        left: 0%;
    }
    to {
        left: 100%;
    }
}

@-o-keyframes CarouselToActualFromNext {
    from {
        left: 100%;
    }
    to {
        left: 0%;
    }
}

@-o-keyframes CarouselToNextFromActual {
    from {
        left: 0%;
    }
    to {
        left: -100%;
    }
}

@keyframes CarouselToActualFromPrev {
    from {
        left: -100%;
    }
    to {
        left: 0%;
    }
}

@keyframes CarouselToPrevFromActual {
    from {
        left: 0%;
    }
    to {
        left: 100%;
    }
}

@keyframes CarouselToActualFromNext {
    from {
        left: 100%;
    }
    to {
        left: 0%;
    }
}

@keyframes CarouselToNextFromActual {
    from {
        left: 0%;
    }
    to {
        left: -100%;
    }
}

@keyframes CarouselFadeToActualFromPrev {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes CarouselFadeToPrevFromActual {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes CarouselFadeToActualFromNext {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes CarouselFadeToNextFromActual {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.TooltipImage {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/Grace/Core/Design/Images/HelpIcon.png) no-repeat;
    vertical-align: middle;
}

.TooltipBox {
    max-width: 300px;
    padding: 10px;
    display: none;
    position: absolute;
    border: 1px solid #509107;
    background: #f5f5f5;
    z-index: 1000;
    text-align: left;
}

.Opener {
    position: relative;
}

.Opener .Panel {
    position: absolute;
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
    z-index: 1;
}

.Opener .PanelBox {
    position: absolute;
    overflow: hidden;
    transition: all 0.5s;
    z-index: 1;
}

.Opener.Opened .Panel {
    overflow: auto;
}

.Crumbs {
    margin-top: 12px;
    height: 48px;
    background: url(/Grace/Core/Design/Images/CrumbsBg.png) no-repeat left center;
    color: #373737;
}

.Crumbs .Out {
    margin: 17px 0 0 28px;
}

.Crumbs img {
    vertical-align: middle;
}

.Crumbs a {
    color: #2b5c98;
}

.Crumbs a:hover {
    color: #5270b9;
}

.Tabs::after {
    display: block;
    content: '';
    clear: both;
}

[data-tab] {
    margin-right: 10px;
    float: left;
}

[data-tab]:not(.Disabled) {
    cursor: pointer;
}

[data-tab].Disabled {
    opacity: 0.7;
}

.Loading {
    background: white;
    opacity: 0.8;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    text-align: center;
}

.Loading.Absolute {
    position: absolute;
}

.Gallery .Image {
    float: left;
    width: 230px;
    height: 200px;
    margin: 5px;
    line-height: 200px;
    background: black;
    border: 1px solid black;
}

.GalleryDialog {
    background-color: rgba(0, 0, 0, 0.5);
}

.GalleryDialog .DialogBox {
    padding: 5px;
}

.GalleryDialog .DialogBox,
.GalleryDialog .DialogContent {
    height: 100%;
}

.GalleryDialog .DialogContent {
    position: relative;
    background: none;
    overflow: hidden;
}

.GalleryDialog .GalleryImages {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    overflow: auto;
}

.GalleryDialog .MainImage,
.GalleryDialog .SideImage {
    background: black no-repeat center center;
    background-size: contain;
    border: 2px solid black;
}

.GalleryDialog .MainImage {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 110px);
    height: 100%;
}

.GalleryDialog .SideImage {
    height: 100px;
    margin-bottom: 10px;
    cursor: pointer;
    opacity: 0.5;
}

.GalleryDialog .SideImage.Active,
.GalleryDialog .SideImage:hover {
    opacity: 1;
}

.GalleryDialog .Arrow {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100px;
    background: no-repeat;
    cursor: pointer;
    opacity: 0.3;
}

.GalleryDialog .Arrow.Previous {
    left: 0;
    background-image: url(/Grace/Core/Design/Images/GalleryArrowPrevious.png);
    background-position: left center;
}

.GalleryDialog .Arrow.Next {
    right: 0;
    background-image: url(/Grace/Core/Design/Images/GalleryArrowNext.png);
    background-position: right center;
}

.GalleryDialog .MainImage:hover .Arrow {
    opacity: 1;
}

.GalleryDialog [data-type="first"] .Arrow.Previous {
    display: none;
}

.GalleryDialog [data-type="last"] .Arrow.Next {
    display: none;
}

.GalleryDialog[data-view="portrait"] .GalleryImages {
    right: auto;
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 100px;
    white-space: nowrap;
    overflow-y: hidden;
}

.GalleryDialog[data-view="portrait"] .SideImage {
    display: inline-block;
    white-space: nowrap;
    width: 100px;
    height: 100%;
    margin-bottom: 0;
    margin-right: 10px;
}

.GalleryDialog[data-view="portrait"] .MainImage {
    width: 100%;
    height: calc(100% - 110px);
}

.FileUpload input[type="file"] {
    display: none;
}

.FileUpload .Upload,
.Safari .FileUpload input[type="file"] {
    display: block;
    width: 180px;
    height: 180px;
    border: gray 2px dashed;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    padding: 10px;
    font-size: 20px;
    line-height: normal;
    color: gray;
}

.FileUpload .Upload:hover,
.Safari .FileUpload input[type="file"]:hover {
    background: #eeeeee;
}

.Safari .FileUpload .Upload {
    display: none;
}

.FileUpload .Files {
    float: left;
}

.FileUpload .Files .File {
    float: left;
    height: 180px;
}

.FileUpload .Files .File .Image {
    max-height: 180px;
    max-width: 400px;
}

.FileUpload .Files .File .Image>img {
    max-height: 180px !important;
    max-width: 400px;
}

.FileUpload .FinishButton {
    float: left;
    width: 180px;
    margin-left: 10px;
}

.FileUpload .Delete {
    float: left;
    width: 14px;
    height: 16px;
    margin: 8px 8px 0 10px;
    background: url(/Grace/Core/Design/Images/Close.png);
    cursor: pointer;
    padding: 0;
}

.FileUpload .Progress .Meter {
    height: 50px;
    width: 0;
    background: red;
}

.Context {
    padding: 5px;
    background: #FFFF99;
    border: 1px solid black;
    z-index: 1000;
}

.Context .Langs>div {
    display: inline-block;
}

.Langs a {
    opacity: 0.7;
}

.Langs a.Active,
.Langs a:hover {
    opacity: 1;
}

.AdminPanel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #f5f5f5;
    color: #404040;
    font-size: 13px;
}

.AdminPanel>.Out {
    min-height: 100px;
    margin: 0 16px;
    overflow: hidden;
}

.AdminPanel.Small>.Out {
    min-height: 0;
    max-height: 25px;
}

.AdminPanel .BottomControl {
    height: 19px;
    border-bottom: 3px solid #ececec;
    background: url(/Grace/Core/Design/Images/AdminPanelBottomControl.png) no-repeat top center;
    cursor: pointer;
}

.AdminPanel.Small .BottomControl {
    background-image: url(/Grace/Core/Design/Images/AdminPanelBottomControlOpen.png);
}

.AdminPanel .Warning>div {
    padding: 0 0 0 27px;
    line-height: 25px;
    background: url(/Grace/Core/Design/Images/AdminPanelWarning.png) no-repeat left center;
    text-align: left;
}

.Reporting {
    color: red;
    background-color: yellow;
    border: dashed red 2px;
    font-weight: bold;
}

.Pagelist ul li {
    float: left;
    list-style: none;
    padding: 0;
    background: none;
}

.Pagelist a,
.Pagelist strong {
    padding: 0 5px;
}

.NumbersRange .SliderBar,
.NumbersRange .SelectedBar,
.SlidePoint .SliderBar {
    height: 3px;
    background: gray;
    border-bottom: 3px solid black;
}

.NumbersRange .SelectedBar {
    position: absolute;
}

.NumbersRange .DragValue,
.SlidePoint .DragValue {
    height: 12px;
    width: 3px;
    position: absolute;
    margin-top: -4px;
    background: green;
    cursor: pointer;
}

.NumbersRange input[type="text"],
.SlidePoint input[type="text"] {
    width: 50px;
}

.NumbersRange input.ValueTo {
    float: right;
}

.ContextMenu {
    border: 4px solid #d2d2d2;
    z-index: 100;
    box-shadow: 0 0 10px black
}

.ContextMenu .Item {
    width: 110px;
    max-width: 200px;
    padding: 0 30px;
    color: #0f4e8a;
    line-height: 23px;
    background: #fff6c4 no-repeat 8px center;
    border-bottom: 1px solid #d2d2d2;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}

.ContextMenu .Item:hover {
    text-decoration: underline;
}

.ContextMenu .Item.Edit {
    background-image: url(/Grace/Core/Design/Images/ContextEdit.png);
}

.ContextMenu .Item.Delete {
    background-image: url(/Grace/Core/Design/Images/ContextDelete.png);
    background-position: 10px center;
}

.ContextMenu .Item.Add {
    background-image: url(/Grace/Core/Design/Images/ContextAdd.png);
}

.TooltipBox.Editable {
    width: 22px;
    height: 19px;
    background: url(/Grace/Core/Design/Images/EditableIcon.png) no-repeat;
    border: none;
}

.Graph .AxisPoint path {
    stroke: #ececec;
}

.GraphPoints .GraphPoint circle {
    fill: white;
    stroke: #30b5e1;
    stroke-width: 2px;
    display: block;
}

.GraphPoints .GraphPoint:hover circle {
    fill: #30b5e1;
}

.GraphPoints .GraphPoint path {
    display: none;
    stroke: #387f00;
    stroke-width: 1px;
}

.GraphPoints .GraphPoint:hover path {
    display: block;
}

.UnderPointsPlace {
    fill: #bdbfc3;
}

.UnderPointsPlaceTop {
    stroke-width: 6px;
    stroke: #5cbfe8;
    fill: none;
}

.GraphBars .GraphPoint path {
    stroke: #387f00;
}

.GraphBars .GraphPoint .StrokeX {
    display: none;
}

.GraphBars .GraphPoint .StrokeY {
    display: block;
    stroke-width: 13px;
}

.GraphBars .GraphPoint rect {
    fill: white;
    stroke-width: 1px;
    stroke: #30b5e1;
}

.GraphBars .GraphPoint circle {
    display: none;
}

.GraphBars .GraphPoint:hover .StrokeX {
    display: block;
}

.GraphBars .GraphPoint:hover rect {
    fill: #30b5e1;
}

.Graph text {
    fill: #8c8989;
    font-size: 13px;
}

.Graph circle {
    display: none;
}

.StatisticsPage th {
    padding: 8px;
}

.PositionCover {
    position: absolute;
    background: black;
    opacity: 0.2;
}

.ModuleCover {
    position: absolute;
    background: yellow;
    opacity: 0.2;
}

.AdminPanel {
    text-align: left;
}

.Video {
    position: relative;
}

.Video .Controls {
    position: absolute;
    bottom: 5px;
    left: 0;
    height: 30px;
    width: 100%;
    line-height: 30px;
    z-index: 10000;
}

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

.Video .Controls .PlayPause {
    width: 30px;
    height: 30px;
    background: red;
    cursor: pointer;
}

.Video .Controls .ProgressBar {
    width: 50%;
    background: black;
    cursor: pointer;
}

.Video .Controls .ProgressBar,
.Video .Controls .ProgressBar .Progress {
    height: 30px;
}

.Video .Controls .ProgressBar .Progress {
    width: 0;
    background: white;
}

.Video .Controls .VolumeBar {
    width: 50px;
    background: black;
    cursor: pointer;
}

.Video .Controls .VolumeBar,
.Video .Controls .VolumeBar .Volume {
    height: 30px;
}

.Video .Controls .VolumeBar .Volume {
    width: 100%;
    background: white;
}

.Video .Controls .FullScreen {
    width: 30px;
    height: 30px;
    background: red;
    cursor: pointer;
}

.Calendar,
.Calendar th {
    text-align: center;
}

.Calendar .Header .Previous,
.Calendar .Header .Next {
    cursor: pointer;
}

.Calendar .Day>div {
    cursor: pointer;
}

.Calendar .Day {
    width: 14.28%;
}

div.Time {
    padding: 5px;
    background: #f2f5f7;
}

div.Time .MinutesTable {
    margin: 20px 0;
}

div.Time .TextInfo input,
div.Time .TextInfo button {
    width: 49%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

div.Time .TextInfo button {
    background: #e0e0e0;
    cursor: pointer;
}

div.Time .TextInfo input {
    margin-right: 1%;
    background: white;
}

div.Time,
div.Time th {
    text-align: center;
}

div.Time th {
    line-height: 27px;
    color: white;
}

div.Time table {
    border-collapse: collapse;
    border-spacing: 0;
}

div.Time table td>div {
    position: relative;
    display: block;
    margin: 1px;
    padding: 3px 8px;
    cursor: pointer;
    border: 1px solid #aed0ea;
    background: #e4eff6;
    color: #0a739e;
    font-weight: bold;
    text-align: right;
}

div.Time table td div:empty {
    display: none;
}

div.Time table td.Today>div {
    background: #0a739e;
    border-color: #2694e8;
    color: #ffffff;
}

div.Time table td:hover>div {
    border-color: #0a739e;
}

div.Time table td.Inactive>div {
    background: #f0f0f0;
    border-color: #f6f6f6;
    color: slategray;
    cursor: auto;
}

.MakeVisible {
    position: relative;
}

.MakeVisible::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: red;
    content: '';
    display: block;
    min-height: 50px;
    min-width: 50px;
    opacity: 0.5;
}

.GraceMessages {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
}

.Grace {
    background: rgba(12, 116, 212, 0.75) no-repeat 10px center;
    background-size: 50px;
    color: white;
    width: 0;
}

.GraceMessage {
    height: 50px;
}

.Grace.MsgType3 {
    background-color: rgba(65, 145, 7, 0.75);
}

.Grace .Msg {
    padding: 5px 20px 5px 20px;
    font-size: 15px;
    font-weight: 600;
}

.GraceConfirmation {
    position: absolute;
    width: 500px;
}

.GraceConfirmation.MsgType3 {
    transition: background-color 0.5s;
}

.Grace .Msg button {
    margin-top: 10px;
    padding: 10px 21px 10px 21px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    cursor: pointer;
}

.Grace .Msg button:hover {
    border-color: rgb(255, 255, 255);
}

.CookiesInfoBar {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.CookiesInfoBar .CookiesInfoContainer {
    max-width: 1030px;
    padding: 10px 15px;
    margin: auto;
    display: flex;
    align-items: center;
}

.CookiesInfoBar .CookieInfoText p {
    width: 85%;
}

.CookiesInfoBar .CookieConfirmBtn {
    display: inline-block;
    padding: 0 20px;
    background: #006cab;
    text-align: center;
    height: 45px;
    line-height: 45px;
}

.CookiesInfoBar .CookieConfirmBtn:hover {
    opacity: 0.9;
}

.CookieConfirmBtn {
    cursor: pointer;
}

@media (max-width:640px) {
    .CookiesInfoBar .CookieInfoText p {
        width: 100%;
    }
    .CookiesInfoBar .CookiesInfoContainer {
        display: block;
        text-align: center;
    }
    .CookiesInfoBar .CookieConfirmBtn {
        margin: 10px auto 0 auto;
    }
}

form .SelectOpener.PassTheRequest {
    float: right;
    width: auto;
    margin-right: 11px;
}

form .SelectOpener.PassTheRequest .Handler {
    background: #007AFF;
    color: white;
    border: 0;
}

form .SelectOpener.PassTheRequest .Handler svg {
    margin-left: 35px;
}

.PurchaseItems {
    padding: 0 25px;
    z-index: 1000;
    border-top: 1px solid #E0E0E0;
}

.OrderProduct {
    padding: 33px 0 45px 0;
    border-bottom: 1px solid #E0E0E0;
}

.OrderProduct .Image {
    float: left;
    width: 187px;
    margin-right: 35px;
}

.OrderProduct .Image img {
    max-height: 187px;
}

.OrderProduct .SpecsData {
    float: left;
    width: 360px;
    font-size: 17px;
}

.OrderProduct .QuantityData {
    float: left;
    width: 52px;
}

.OrderProduct .QuantityData .Qnt {
    border: 1px solid #007AFF;
    color: #007AFF;
    border-radius: 8px;
    line-height: 30px;
    text-align: center;
    font-size: 17px;
}

.OrderProduct .PriceData {
    float: left;
    width: 145px;
    margin-left: 25px;
    font-size: 12px;
    text-align: right;
}

.OrderProduct .PriceData .Amount {
    font-size: 26px;
}

.OrderProduct .PriceData.NoTaxPriceData {
    color: #BABABA;
}

.OrderProduct h2 {
    font-size: 22px;
    font-weight: bold;
}

.OrderProductAdd .AddData {
    width: 525px;
    margin-left: 30px;
    margin-right: 55px;
}

.OrderProductAdd svg,
.OrderProductAdd .AddData,
.OrderProductAdd .PriceData {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.DeleteClient {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 13px;
}

.DialogBlock.VideoBlock video,
.DialogBlock.ImageBlock .Image {
    float: left;
    width: calc(16px * 10);
    height: calc(9px * 10);
    margin-right: 15px;
    margin-bottom: 25px;
    background: no-repeat #A7B3BF;
    background-size: cover;
}

.DialogBlock.VideoBlock label,
.DialogBlock.ImageBlock label {
    cursor: pointer;
}

.DialogBlock.VideoBlock input,
.DialogBlock.ImageBlock input {
    display: none;
}

.DialogBlock.VideoBlock h3,
.DialogBlock.ImageBlock h3 {
    margin-bottom: 5px;
}

.DialogBlock .SideBlock {
    float: left;
    width: 150px;
}

.DialogBlock .SideBlock .ErrorMsg {
    color: red;
}

.VideoDeleteBlock {
    text-align: center;
    padding: 10px 0;
}

.VideoDeleteBlock .DeleteBtn {
    cursor: pointer;
}

.GEditor .Image.VideoBlockDetail {
    display: block !important;
    max-width: 100%;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
}

.GEditor .Image video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    max-width: 100%;
    min-width: 100%;
    background: transparent no-repeat;
    background-size: cover;
}

@media (max-width: 1024px) {
    [data-type="AdminProducts"] .Variants thead th:not([data-spec="code"]):not([data-spec="no_tax_price"]):not([data-spec="edit"]) {
        display: none;
    }
    [data-type="AdminProducts"] .Variants thead th[data-spec="code"] {
        display: table-cell !important;
        width: 200px;
    }
    [data-type="AdminProducts"] .Variants thead th[data-spec="no_tax_price"] {
        display: table-cell !important;
        white-space: nowrap;
        width: 200px;
        text-align: center !important;
    }
    [data-type="AdminProducts"] .Variants thead th[data-spec="edit"] {
        display: table-cell !important;
        width: 70px;
    }
    [data-type="AdminProducts"] .Variants thead th {
        text-align: left !important;
    }
    [data-type="AdminProducts"] .Variants tbody td {
        text-align: left !important;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="code"] {
        width: 200px;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="no_tax_price"] {
        width: 200px;
        text-align: center !important;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="edit"] {
        width: 70px;
        text-align: right !important;
    }
    [data-type="AdminProducts"] .Variants tbody td,
    [data-type="AdminProducts"] .Variants tbody th {
        display: none !important;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="code"],
    [data-type="AdminProducts"] .Variants tbody td[data-spec="no_tax_price"],
    [data-type="AdminProducts"] .Variants tbody td[data-spec="edit"],
    [data-type="AdminProducts"] .Variants tbody th[data-spec="code"],
    [data-type="AdminProducts"] .Variants tbody th[data-spec="no_tax_price"],
    [data-type="AdminProducts"] .Variants tbody th[data-spec="edit"] {
        display: table-cell !important;
    }
}

@font-face {
    font-family: 'ApercuPro';
    font-weight: normal;
    src: local('ApercuProRegular'), local('ApercuProRegular'), url(/fonts/ApercuProRegular.ttf) format('TrueType');
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 100;
    src: local('Raleway Thin Italic'), local('Raleway-ThinItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptqg8zYS_SKggPNyCgwLrFoJfU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 200;
    src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgwgqB_DNCb_Vo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 200;
    src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgwgqB_AtCb.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 300;
    src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgw5qN_DNCb_Vo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 300;
    src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgw5qN_AtCb.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: local('Raleway Italic'), local('Raleway-Italic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: local('Raleway Italic'), local('Raleway-Italic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 500;
    src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgwvqJ_DNCb_Vo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 500;
    src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgwvqJ_AtCb.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 600;
    src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgwkqV_DNCb_Vo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 600;
    src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgwkqV_AtCb.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 700;
    src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgw9qR_DNCb_Vo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 700;
    src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgw9qR_AtCb.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 800;
    src: local('Raleway ExtraBold Italic'), local('Raleway-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgw6qd_DNCb_Vo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 800;
    src: local('Raleway ExtraBold Italic'), local('Raleway-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgw6qd_AtCb.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 900;
    src: local('Raleway Black Italic'), local('Raleway-BlackItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgwzqZ_DNCb_Vo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 900;
    src: local('Raleway Black Italic'), local('Raleway-BlackItalic'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptpg8zYS_SKggPNyCgwzqZ_AtCb.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: local('Raleway Thin'), local('Raleway-Thin'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptsg8zYS_SKggPNwE44Q4FqPfE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: local('Raleway Thin'), local('Raleway-Thin'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptsg8zYS_SKggPNwE44TYFq.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwOIpWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwOIpWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIouWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIouWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Bariol';
    src: url('fonts/bariolbold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bariol';
    src: url('fonts/bariolregular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bariol';
    src: url('fonts/bariolthin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

.DialogModal {
    background-color: rgba(44, 45, 65, 0.33);
}

.DialogModalArticles {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.DialogModalArticles .DialogBox {
    padding: 0 !important;
}

.DialogContent {
    position: relative;
}

.DialogContent .Close:not(.Button) {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.DialogContent .Close:not(.Button) rect {
    fill: #a7b3bf;
    transition: fill 200ms;
}

.DialogContent .Close:not(.Button):hover rect {
    fill: black;
}

.SupportDialog.DialogContent {
    max-width: 600px;
    padding: 70px;
}

.SupportDialog .Out {
    margin-top: 70px;
    padding-top: 10px;
    border-top: 1px solid rgba(44, 45, 65, 0.08);
}

.SupportDialog .Heading {
    margin-bottom: 30px;
    text-align: center;
}

.SupportDialog .Label {
    color: #A7B3BF;
}

.SupportDialog .Phone,
.SupportDialog .Email {
    display: block;
    line-height: 60px;
    text-decoration: none;
    transition: color 200ms;
}

.SupportDialog .Phone:hover,
.SupportDialog .Email:hover {
    color: $blue;
}

.SupportDialog .Phone {
    margin-bottom: 15px;
    font-size: 28px;
}

.SupportDialog .Email {
    font-size: 28px;
}

.SupportDialog .Phone svg,
.SupportDialog .Email svg {
    margin-right: 15px;
    vertical-align: middle;
}

.UserDialog.DialogContent {
    position: absolute;
    right: 23px;
    top: 23px;
    width: 210px;
    padding: 16px;
}

.UserDialog nav {
    margin-top: 15px;
    padding-left: 55px;
}

.UserDialog nav a {
    display: block;
    padding: 8px 0 8px 0;
    text-align: left;
    text-decoration: none;
    color: #000;
    transition: color 200ms;
    font-size: 18px;
}

.UserDialog nav .SVG {
    display: inline-block;
    width: 26px;
    vertical-align: middle;
}

.UserDialog nav path {
    fill: #A7B3BF;
    transition: fill 200ms;
}

.UserDialog nav a:hover {
    color: rgba(44, 45, 65, 0.8);
}

.UserDialog nav a:hover path {
    fill: rgba(44, 45, 65, 0.8);
}

.UserDialog .Avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.UserDialog .Close:not(.Button) {
    right: 10px;
    top: 10px;
    transform: scale(0.7);
}

.UserDialog .UserName {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    width: 110px;
}

.UserDialog .UserData {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 15px;
}

.NotificationsDialog.DialogContent {
    position: absolute;
    right: 23px;
    top: 23px;
    width: 330px;
    padding: 15px;
}

.NotificationsDialog .SVG {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    position: relative;
    top: 2px;
}

.NotificationsDialog .SVG :hover {
    opacity: 0.8
}

.NotificationsDialog .CircleNot {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FF7878;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    text-align: center;
    color: #fff;
    font-size: 9px;
    line-height: 16px;
}

.NotificationsDialog svg path {
    fill: #A7B3BF;
}

.NotificationsDialog .Close:not(.Button) {
    z-index: 10;
    right: 10px;
    top: 10px;
    transform: scale(0.7);
}

.NotificationsDialog .Heading {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    margin-bottom: 0;
}

.NotificationsDialog .Top {
    padding-bottom: 14px;
    border-bottom: 1px solid #E0E0E0;
    position: relative;
}

.NotificationsDialog .MarkAs {
    position: absolute;
    right: 0;
    bottom: 2px;
    font-size: 11px;
    cursor: pointer;
}

.NotificationsDialog .MarkAs:hover {
    text-decoration: underline;
}

.NotificationsDialog .Items .Item {
    padding: 10px 0;
    border-bottom: 1px solid #E0E0E0;
}

.NotificationsDialog .Items .Item:hover {
    opacity: 0.8;
    cursor: pointer;
}

.NotificationsDialog .Items .Item .SeenIcon {
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FF7878;
}

.NotificationsDialog .Items .Item.Seen .SeenIcon {
    background: #979797;
}

.NotificationsDialog .Items .Item .Name {
    width: 185px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.NotificationsDialog .Items .Item .Date {
    width: 65px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #BBBBBB;
}

.ImportDialog {
    max-width: 490px;
    padding: 50px;
}

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

.ImportDialog h3 {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: bold;
}

.ImportDialog .Text {
    font-size: 17px;
    margin-bottom: 25px;
}

.ImportDialog .Text a {
    color: $blue;
    text-decoration: none;
}

.ImportDialog .Text label {
    color: $blue;
    text-decoration: none;
    cursor: pointer;
}

.ImportDialog .Text a:hover {
    text-decoration: underline;
}

.ImportDialog .Text label:hover {
    text-decoration: underline;
}

.ImportDialog input[type="file"] {
    display: none;
}

.ImportDialog .OverviewTable {
    border: 1px solid #C6C6C6;
    border-radius: 5px;
    padding: 30px 0;
    text-align: center;
    margin-bottom: 25px;
}

.ImportDialog .OverviewTable table {
    width: 220px;
    margin: auto;
}

.ImportDialog .OverviewTable table td {
    padding: 5px;
}

.ImportDialog .OverviewTable table tr {
    border-bottom: 0;
}

.SuccessDialog {
    max-width: 350px;
    padding: 40px 20px;
    text-align: center;
}

.SuccessDialog p {
    margin-bottom: 20px;
    font-size: 18px;
    color: #6D6D6D;
}

.SuccessDialogc svg {
    vertical-align: middle;
}

.UserUpdateDialog {
    max-width: 772px;
}

.CalendarDialog {
    max-width: 390px;
    width: 100%;
}

.CalendarDialog {
    width: 390px;
}

.CalendarDialog table td,
.CalendarDialog table th {
    width: auto;
    padding: 0;
    text-align: center;
    font-size: 16px;
}

.CalendarDialog .Day {
    width: 49px;
    height: 49px;
}

.CalendarDialog .Day>div {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    top: 4px;
    line-height: 40px;
    border-radius: 100%;
    transition: background-color 200ms, color 200ms;
    cursor: pointer;
}

.CalendarDialog .Today>div {
    background: #F4F5F7;
    transition: none;
    color: $blue;
}

.CalendarDialog .Day:not(.Inactive)>div:hover {
    background-color: $blue;
    color: white;
}

.CalendarDialog .Month,
.CalendarDialog .Year {
    display: inline-block;
    margin: 0 2px;
    padding: 20px 0;
    font-size: 20px;
}

.CalendarDialog .Previous,
.CalendarDialog .Next {
    margin: 5px;
}

.CalendarDialog .Header td:first-of-type,
.CalendarDialog .Header td:last-of-type {
    width: 50px;
}

.CalendarDialog .Heading {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

.AddInvoice .NiceRadio {
    display: inline-block;
    margin-top: 20px;
    width: 48%;
}

.AddInvoice label[for="file"] {
    text-decoration: underline;
    color: $blue;
    cursor: pointer;
}

.AddInvoice label[for="file"]:hover {
    text-decoration: none;
}

.AddInvoice .CalendarOpener .Handler {
    cursor: pointer;
    padding: 0 20px;
    height: 42px;
    font-size: 15px;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    line-height: 42px;
    position: relative;
}

.AddInvoice.DialogContent .CalendarOpener .Value {
    height: 100%;
    width: 100%;
    border: none;
    padding: 0;
    font-size: 15px;
}

.AddInvoice .CalendarOpener .Handler svg {
    position: absolute;
    top: 11px;
    right: 13px;
}

.ArticleDialog {
    max-width: 750px;
}

.ArticleDialog .ArticleDetail {
    width: 100%;
}

.SuccessDialog.NewReq p {
    color: #A7B3BF;
    margin: 10px 0 25px 0;
    font-size: 18px;
}

[data-type="AdminArticles"] .SuccessDialog {
    margin: auto;
}

body {
    min-width: 1440px;
}

.Block {
    border-radius: 8px;
}

.Block .Inner {
    padding: 60px;
}

#SidePanel {
    position: fixed;
    float: left;
    width: 295px;
    height: 100%;
}

#SidePanel .Inner {}

#MainPanel {
    position: relative;
    width: calc(100% - 295px);
    margin-left: 295px;
}

#MainPanel .Inner {
    width: 1085px;
    margin: auto;
}

.ThirdBlock {
    float: left;
    width: 348px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 25px 40px;
}

.ThirdBlock.BlogBlock {
    padding: 0;
    background: none;
}

.ThirdBlock.BlogBlock .BottomInfo {
    padding: 25px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.ThirdBlock.Third {
    margin-right: 0;
}

.ThirdBlock .LeftSide {
    float: left;
    width: 125px;
}

.ThirdBlock .RightSide {
    float: right;
    width: 140px;
}

.ThirdBlock .StatusIcon::before,
.ThirdBlock .StatusIcon::after {
    position: absolute;
    content: '';
    border-radius: 100%;
}

.ThirdBlock .StatusIcon::before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.ThirdBlock .StatusIcon::after {
    left: 15px;
    top: 15px;
    right: 15px;
    bottom: 15px;
}

.TwoThirdsBlock {
    float: left;
    width: 716px;
    margin-right: 20px;
    padding: 40px;
}

.RightDoubleBlock .ThirdBlock {
    padding: 31px 40px;
}

.RightDoubleBlock .ThirdBlock .LeftSide {
    width: 120px;
}

.RightDoubleBlock .ThirdBlock .RightSide {
    width: 147px;
}

.LoginBlock {
    position: relative;
    max-width: 530px;
    padding: 40px 50px;
}

.LoginBlock.Block {
    margin: 0 auto 50px auto;
}

.LoginBlock .Error {
    color: red;
}

.RegisterBlock {
    max-width: 530px;
    margin: 80px auto;
}

.Invitees .Block {
    max-width: 772px;
    margin: auto;
}

.ResBlock {
    margin-bottom: 25px;
}

.ResBlock.Left {
    float: left;
    width: 50%;
}

.ResBlock.Right {
    float: right;
    width: 50%;
}

.order_notes_div {
    display: flex;
    flex-direction: row;
}

.OfferButton {
    margin-bottom: 200px !important;
}

@media (max-width:768px) {
    .order_notes_div {
        flex-direction: column-reverse;
    }
    .notes_textarea {
        width: 100% !important;
    }
    .notes_input {
        width: 100% !important;
    }
}

.notes_textarea {
    width: 70%;
    padding: 10px;
}

.notes_textarea textarea {
    height: 100px !important;
    font-size: 16px;
    padding: 18px;
    border: none;
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
}

.notes_textarea textarea:focus {
    border: none;
}

.notes_input {
    width: 30%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.notes_input input {
    height: 45px !important;
    font-size: 16px !important;
    border: none !important;
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
}

.notes_input input:focus {
    border: none !important;
}

.RowBox {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.RowBoxCol2 {
    display: flex;
    flex-direction: column;
}

.FlexGrow {
    flex-grow: 1;
}

.Credits .AdditionalClientInputs {
    padding: 40px;
    float: left;
    width: 570px;
}

.Credits .AdditionalClientInputs .Item {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
    margin-right: 0;
    padding-top: 5px;
}

.Credits .AdditionalClientInputs .Item:nth-child(3) {
    margin-left: 25px;
}

.Credits .AdditionalClientInputs .Item:nth-child(5) {
    margin-left: 25px;
}

.Credits .AdditionalClientInputs input {
    height: 41px;
    line-height: 41px;
    font-size: 15px;
}

.Credits .AdditionalClientInputs .Item:first-child {
    width: 100%;
}

.Credits .AdditionalClientInputs .TextCenter {
    text-align: left !important;
}

.Credits .AdditionalClientInputs .Button {
    width: 175px;
    text-align: center;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
}

.Credits .AdminAdditionalClientInputs {
    padding: 40px;
    float: left;
    width: 570px;
}

.Credits .AdminAdditionalClientInputs .Item {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
    margin-right: 0;
    padding-top: 5px;
}

.Credits .AdminAdditionalClientInputs .Item:nth-of-type(2n) {
    margin-left: 25px;
}

.Credits .AdminAdditionalClientInputs input {
    height: 41px;
    line-height: 41px;
    font-size: 15px;
}

.Credits .AdminAdditionalClientInputs .TextCenter {
    text-align: left !important;
}

.Credits .AdminAdditionalClientInputs .Button {
    width: 175px;
    text-align: center;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
}

.FloatRight.Hotovo {
    display: none !important;
}

.FloatRight.Zrušeno {
    display: none !important;
}

.ReplyButton.Hotovo {
    display: none !important;
}

.ReplyButton.Zrušeno {
    display: none !important;
}

@media(max-width:1125px) {
    .RowBox {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .RowBoxCol2 {
        display: flex;
        flex-direction: row;
    }
    .Credits .AdditionalClientInputs {
        padding: 40px;
        float: left;
        width: 100%;
    }
    .Credits .AdminAdditionalClientInputs {
        padding: 40px;
        float: left;
        width: 100%;
    }
    .FlexGrow:nth-child(1) {
        margin-right: 7px;
    }
    .FlexGrow:nth-child(2) {
        margin-left: 8px;
    }
    .Credits .CurrentState .Amount {
        width: 50% !important;
    }
}

@media(max-width:768px) {
    .FlexGrow:nth-child(1) {
        margin-right: 0px;
    }
    .FlexGrow:nth-child(2) {
        margin-left: 0px;
    }
    .RowBoxCol2 {
        display: flex;
        flex-direction: column;
    }
}

@media(max-width:600px) {
    .Credits .AdditionalClientInputs .Item {
        width: 100%;
    }
    .Credits .AdditionalClientInputs .Item:nth-child(3) {
        margin-left: 0px !important;
    }
    .Credits .AdditionalClientInputs .Item:nth-child(5) {
        margin-left: 0px !important;
    }
    .Credits .AdditionalClientInputs .Item:nth-of-type(2n) {
        margin-left: 0px !important;
    }
    .Credits .AdminAdditionalClientInputs .Item {
        width: 100%;
    }
    .Credits .AdminAdditionalClientInputs .Item:nth-of-type(2n) {
        margin-left: 0px;
    }
}

@media (min-width:430px) {
    .Credits .AdditionalClientInputs .Button {
        margin-top: 55px;
    }
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 200;
    src: local('FontAwesome'), local('FontAwesome'), url(/Grace/Core/Design/Fonts/FontAwesome.woff) format('woff');
}

* {
    outline: none;
}

body {
    background: #F6F7F9;
    font-size: 14px;
    font-family: Bariol, ApercuPro, Arial;
    position: relative;
    min-height: 100vh;
    padding-bottom: 30px;
}

.DialogOpened,
.DialogOpened body {
    overflow: hidden;
}

body,
body a {
    color: #2C2D41;
}

.loading-active {
    display: flex !important;
}

.loading-deactive {
    display: none !important;
}

.form-loading2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    color: white;
    opacity: 0.2;
    z-index: 10000000000;
}

.form-loading-text {
    margin: auto;
}

.form-loading-text h2 {
    font-size: 25px;
    margin-bottom: 0;
    border-bottom: 0;
}

.form-loading-text p {
    margin-top: 1rem;
}

.form-load {
    display: none;
}

.form-load .active {
    display: flex;
}

svg.Icon path {
    fill: #9d9d9c;
}

[data-link] {
    cursor: pointer;
}

[data-append-link] {
    cursor: pointer;
}

.Button {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    line-height: 58px;
    border: 1px solid #08C493;
    text-decoration: none;
    color: white;
    background: #08C493;
    transition: background-color 200ms, color 200ms;
    cursor: pointer;
    border-radius: 8px;
    font-size: 26px;
}

.Button:hover,
.Button:active {
    background-color: white;
    color: #08C493;
    border-color: #08C493;
}

button {
    -webkit-appearance: none;
}

input[type="submit"] {
    -webkit-appearance: none;
}

.directclass {
    display: none !important;
}

.DialogOpened {
    overflow: hidden;
}

.Button.WithoutBg {
    background-color: white;
    color: #08C493;
}

.Button.WithoutBg:hover {
    color: white;
    background: #08C493;
}

.Button.Smaller {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
}

.Heading {
    margin-bottom: 14px;
    font-size: 28px;
}

.Heading.Bigger {
    font-size: 42px;
}

.Heading.Blue {
    color: #08C493;
}

.Label {
    color: #A7B3BF;
}

#Logo {
    display: block;
}

#SidePanel {
    border-right: 1px solid rgba(44, 45, 65, 0.1);
    background: white;
}

#SidePanel #PageLogo {
    margin: 50px 0 50px 55px;
    display: block;
}

.logo_box_wrap {
    margin: 30px 20px 30px 20px !important;
    display: block;
}

.logo_box_wrap .main_logo img {
    max-width: 110px !important;
}

.logo_box_wrap .reseller_logo img {
    max-width: 110px !important;
}

.logo_box {
    display: flex;
    align-items: center;
}

.separator {
    width: 1px;
    height: 100%;
    background: black;
    margin: 0 10px 0 10px;
}

.main_logo img {
    max-width: 100%;
}

.reseller_logo img {
    max-width: 120px;
}

#SidePanel #PageLogo.AdminLogo {
    height: 43px;
    line-height: 43px;
    font-size: 30px;
    color: #000;
    font-weight: bold;
}

#SidePanel nav a {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(100% + 1px);
    padding: 20px 0 20px 55px;
    font-size: 16px;
    text-decoration: none;
    border-right: 2px solid transparent;
    cursor: pointer;
}

#SidePanel nav a .SVG {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
}

#SidePanel nav a path,
#SidePanel nav a rect {
    fill: #A7B3BF;
}

#SidePanel nav a .StrokeColor {
    fill: none;
    stroke: #A7B3BF;
}

#SidePanel nav a:hover {
    color: #08C493;
}

#SidePanel nav a:hover path,
#SidePanel nav a:hover rect {
    fill: #08C493;
}

#SidePanel nav a:hover .StrokeColor {
    fill: none;
    stroke: #08C493;
}

#SidePanel nav a.Active {
    color: #fff;
    background: #08C493;
    font-weight: bold;
}

#SidePanel nav a.Active {
    border-right-color: #08C493;
}

#SidePanel nav a.Active path,
#SidePanel nav a.Active rect {
    fill: #fff;
}

#SidePanel nav a.Active .StrokeColor {
    fill: none;
    stroke: #fff;
}

#SidePanel .SupportNav {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

header h1 {
    float: left;
    margin-top: 45px;
    margin-bottom: 30px;
    font-size: 28px;
    color: #A7B3BF;
    font-weight: bold;
}

header h1 a {
    margin-right: 22px;
    text-decoration: none;
    vertical-align: middle;
}

header .RightHead {
    float: right;
    padding-top: 37px;
}

header .Button {
    width: 174px;
    margin-right: 42px;
    font-size: 16px;
}

header .Button svg {
    position: relative;
    top: 13px;
    vertical-align: top;
    margin-right: 10px;
}

header .Button rect {
    fill: white;
    transition: fill 200ms;
}

header .Button:hover rect,
header .Button:active rect {
    fill: #08C493;
}

[data-type="Articles"] .ThirdBlock .Text p {
    font-size: 15px;
}

.ThirdBlock[data-link] .Last {
    line-height: 27px;
}

[data-position="Head"] {
    float: right;
    white-space: nowrap;
}

.Block {
    margin-bottom: 15px;
    background: white;
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
}

tbody.Block {
    display: table-row-group;
}

.ThirdBlock {
    transition: box-shadow 200ms;
}

.ThirdBlock[data-link] {
    cursor: pointer;
}

.ThirdBlock[data-link]:not(.BlogBlock) {
    padding: 25px 30px;
}

.ThirdBlock[data-link]:hover {
    box-shadow: 0 0 30px rgba(44, 45, 65, 0.26);
}

.ThirdBlock .RightSide {
    text-align: left;
}

.ThirdBlock .Text {
    margin-bottom: 3px;
    font-size: 17px;
    color: #6A6A6A;
    margin-top: 10px;
}

.ThirdBlock .Last {
    color: #000;
    font-size: 24px;
}

.ThirdBlock .Count {
    font-size: 100px;
    color: #08C493;
    font-weight: 100;
    position: relative;
    top: -5px;
    line-height: 110px;
    text-align: center;
}

.ThirdBlock .Arrow {
    opacity: 0;
    transition: opacity 200ms;
}

.ThirdBlock:hover .Arrow {
    opacity: 1;
}

.ThirdBlock .StatusIcon {
    position: relative;
    width: 50px;
    height: 50px;
    margin: -15px 0 23px -16px;
}

.ThirdBlock .StatusIcon::before {
    opacity: 0.15;
}

.ThirdBlock .StatusIcon::after {
    border: 7px solid;
}

.ThirdBlock .StatusIcon.StatusFinished::before {
    background-color: #40D372;
}

.ThirdBlock .StatusIcon.StatusFinished::after {
    border-color: #40D372;
}

.ThirdBlock .StatusIcon.StatusWaiting::before {
    background-color: #FF9500;
}

.ThirdBlock .StatusIcon.StatusWaiting::after {
    border-color: #40D372;
}

.ThirdBlock .StatusIcon.StatusCurrent::before {
    background-color: #A7B3BF;
}

.ThirdBlock .StatusIcon.StatusCurrent::after {
    border-color: #A7B3BF;
}

.BlogBlock {
    transition: box-shadow 0.5s;
}

.BlogBlock[data-link]:hover {
    box-shadow: 0 0 30px rgba(44, 45, 65, 0.25);
    cursor: pointer;
}

.BlogBlock .Image {
    height: 160px;
    position: relative;
    border-radius: 8px 8px 0 0;
}

.BlogBlock .Image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.BlogBlock .Image .ViewTag {
    position: absolute;
    background: #08C493;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    top: 9px;
    left: 9px;
    line-height: 25px;
    color: #fff;
    font-size: 13px;
    display: none;
}

.BlogBlock .Image .ViewTag.ActiveTag {
    display: block;
}

.BlogBlock .Image .PriceTag {
    position: absolute;
    background: #08C493;
    height: 25px;
    width: 80px;
    border-radius: 8px;
    top: 9px;
    right: 9px;
    line-height: 25px;
    color: #fff;
    font-size: 13px;
}

.BlogBlock .Image .FormatTag {
    position: absolute;
    background: #fff;
    height: 20px;
    width: 65px;
    bottom: 0px;
    left: 25px;
    line-height: 26px;
    color: #000;
    font-size: 11px;
}

.BlogBlock .Image .FavTag {
    position: absolute;
    text-align: center;
    padding-left: 2px;
    padding-top: 0px;
    background: #fff;
    height: 20px;
    width: 35px;
    bottom: 0px;
    right: 10px;
    line-height: 30px;
    color: #000;
    font-size: 11px;
}

.BlogBlock .Image .FavTag svg {
    top: -1px;
    position: relative;
}

.BlogBlock .Image .FavTag path {
    fill: none;
    stroke: #08C493;
}

.BlogBlock .Image .FavTag:hover path {
    fill: rgba(103, 116, 194, 0.34);
}

.BlogBlock .Image .FavTag.active path {
    fill: #08C493;
}

.BlogBlock[data-fav="1"] .Image .FavTag path {
    fill: #08C493;
}

.FloatRightViewTag {
    display: flex;
}

.ViewTag {
    position: absolute;
    background: #08C493;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    top: 9px;
    left: 9px;
    line-height: 25px;
    color: #fff;
    font-size: 13px;
    display: none;
}

.ViewTag.ActiveTag {
    display: block;
}

.ViewTagDetail {
    margin: auto;
    margin-right: 10px;
    background: #08C493;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    top: 9px;
    left: 9px;
    line-height: 25px;
    color: #fff;
    font-size: 13px;
    display: none;
}

.ViewTagDetail.ActiveTag {
    display: block;
}

.BlogBlock .Last {
    font-weight: bold;
}

.BlogBlock:nth-of-type(3n) {
    margin-right: 0;
}

.BlogBlock .BottomInfo {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.BlogBlock .BottomInfo .Text {
    font-size: 15px;
}

.BlogItems .BlogBlock.ThirdBlock:nth-of-type(3n) {
    margin-right: 0;
}

.FavLi {
    float: right
}

.FavLi svg {
    margin-right: 5px;
}

.FavLi svg path {
    fill: #C2C2C2;
}

.FavLi.Active svg path {
    fill: #000;
}

.FavLi:hover svg path {
    fill: #000;
}

.RightDoubleBlock .ThirdBlock svg {}

.RightDoubleBlock .ThirdBlock .Header {
    margin-bottom: 16px;
}

.RightDoubleBlock .ThirdBlock .Credit {
    margin-bottom: 15px;
    font-size: 64px;
    color: #249200;
    text-align: center;
    font-weight: bold;
}

.RightDoubleBlock .ThirdBlock .Credit .Currency {
    font-size: 50px;
    font-weight: 300;
}

.RightDoubleBlock .ThirdBlock .Button {
    margin: auto;
    width: 180px;
    font-size: 15px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
}

.RightDoubleBlock .Header.GrayHeader {
    margin-bottom: 15px;
    color: #A7B3BF;
}

.RightDoubleBlock .NewsBlockDash {
    height: 222px;
}

.RightDoubleBlock .NewsBlockDash .TextContent {
    max-height: 120px;
    overflow: hidden;
}

.RightDoubleBlock .NewsBlockDash .TextContent p {
    margin-bottom: 0;
}

.TextContent p,
.TextContent li {
    line-height: 23px;
}

.TextContent .video_iframe {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    margin-bottom: 50px;
}

.TextContent .video_iframe iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.TextContent img {
    max-width: 100%;
}

table tr {
    border-bottom: 1px solid #f4f5f9;
    transition: background-color 200ms;
}

table tr[data-link]:hover {
    background: #f4f5f9;
}

table th,
table td {
    padding: 22px 32px;
    text-align: left;
}

table th {
    color: #A7B3BF;
    font-size: 12px;
    font-weight: normal;
}

.LastRequestItems {
    float: left;
    font-size: 16px;
    padding: 30px 20px;
}

.LastRequestItems .Name {
    font-size: 17px;
}

.LastRequestItems tr:last-child {
    border-bottom: 0;
}

.LastRequestItems+.ThirdBlock {
    width: 325px;
}

.LastRequestItems .StatusCircle::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 7px;
    display: inline-block;
}

.LastRequestItems .StatusCircle {
    font-weight: bold;
    min-width: 160px;
}

.LastRequestItems .StatusCircle.Probíhá::before {
    background: #EB7700;
}

.LastRequestItems .StatusCircle.Probíhá {
    color: #EB7700;
}

.LastRequestItems .StatusCircle.Hotovo::before {
    background: #249200;
}

.LastRequestItems .StatusCircle.Hotovo {
    color: #249200;
}

.LastRequestItems .StatusCircle.Zrušeno::before {
    background: black;
}

.LastRequestItems .StatusCircle.Zrušeno {
    color: black;
}

.LastRequestItems .StatusCircle.Nový::before {
    background: #08C493;
}

.LastRequestItems .StatusCircle.Nový {
    color: #08C493;
}

.LastRequestItems .Time {
    color: #919191;
}

.Block .Header {
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
}

.Block .Header svg {
    margin-right: 26px;
    vertical-align: middle;
}

.TwoThirdsBlock .Header path {
    fill: #A7B3BF;
}

.TwoThirdsBlock.MinHeightTable {
    min-height: 481px;
}

.TwoThirdsBlock.MinHeightTable .Inn {
    max-width: 290px;
    width: 100%;
    margin: 100px auto 70px auto;
    text-align: center;
}

.TwoThirdsBlock.MinHeightTable .Title {
    color: #868686;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 7px;
}

.TwoThirdsBlock.MinHeightTable .SubTitle {
    color: #868686;
    font-size: 17px;
    margin-bottom: 15px;
}

.TwoThirdsBlock.MinHeightTable .Button {
    max-width: 180px;
    margin: auto;
}

.Status {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    border: 3px solid;
    border-radius: 100%;
    vertical-align: middle;
}

.Status[data-status="0"] {
    border-color: #A7B3BF;
    opacity: 0.5;
}

.Status[data-status="1"] {
    border-color: #A7B3BF;
    opacity: 0.5;
}

.Status[data-status="2"] {
    border-color: #40D372;
}

.Status[data-status="3"] {
    border-color: #40D372;
}

.Status[data-status="4"] {
    border-color: #FF9500;
}

.Result {
    display: inline-block;
    width: 90px;
    line-height: 26px;
    color: white;
    border-radius: 3px;
    text-align: center;
}

.Result[data-result="1"] {
    background-color: #40D372;
}

.Result[data-result="2"] {
    background-color: #EE4949;
}

.Listing {
    padding: 50px 0;
    text-align: center;
}

.Parts {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.Parts .Part {
    border-bottom: 1px solid #f4f5f9;
}

.Parts .Part .Line {
    padding: 15px 30px;
    cursor: pointer;
    transition: background-color 200ms;
}

.Parts .Part .Line:hover {
    background-color: #F4F5F9;
}

.Parts .Part .CheckName {
    display: inline-block;
    min-width: 200px;
    margin-right: 15px;
    font-weight: bold;
}

.Parts .Opener+.Panel {
    transition: height 300ms;
}

.Parts .Opener.Opened+.Panel {
    height: auto !important;
}

.Parts .Opener svg {
    transition: transform 200ms;
}

.Parts .Opener.Opened svg,
.Parts .Opener.Opening svg {
    transform: rotate(180deg);
}

.Parts .ItemsRow::after {
    display: block;
    clear: both;
    content: '';
}

.IDvalidity .Item:nth-of-type(3) {
    width: auto;
    margin-right: 0;
}

.AddingMultiRows .Item label {
    display: block;
}

.AddingMultiRows .AllRows {
    position: relative;
    display: inline-block;
}

.AddingMultiRows .AddOneMore {
    display: none;
    vertical-align: top;
    color: #08C493;
    font-size: 40px;
    line-height: 42px;
    cursor: pointer;
}

.AddingMultiRows .AddOneMore::after {
    display: inline-block;
    content: '+';
}

.AddingMultiRows .ItemsRow:last-of-type .AddOneMore {
    display: inline-block;
}

form {
    margin: auto;
}

form .ErrorMsg {
    float: right;
}

form [data-type="AgreementCheckbox"] .ErrorMsg {
    width: 100%;
}

form .Table::after {
    display: block;
    content: '';
    clear: both;
}

form .Item {
    float: left;
    width: 300px;
    margin-right: 30px;
    padding: 15px 0;
    outline: none;
}

.Parts form .Item:nth-of-type(3n),
form .Item[data-input="register_u__password2"],
form .Item[data-input="userupdate_post"],
form .Item[data-input="billinfo_zip_code"] {
    margin-right: 0;
}

form label {
    line-height: 30px;
    color: #A7B3BF;
}

form [type="text"],
form [type="number"],
form [type="date"],
form [type="password"],
form [type="email"],
form textarea,
form select,
form .SelectOpener .Handler,
form .SelectOpener .Panel .Item,
form .GEditor .TextContent {
    transition: border 0.5s;
    height: 74px;
    padding: 0 20px;
    background: white;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    font-size: 25px;
}

form [type="text"]:focus,
form [type="number"]:focus,
form [type="date"]:focus,
form [type="password"]:focus,
form [type="email"]:focus,
form textarea:focus,
form select:focus,
form:focus {
    border: 1px solid #08C493;
    outline: none;
}

form [type="text"],
form [type="number"],
form [type="date"],
form [type="password"],
form [type="email"],
form textarea,
form select {
    width: 100%;
}

form select {
    width: 100%;
    background: #F4F5F9;
}

form select option {
    padding: 10px 20px;
}

form textarea {
    height: 200px;
}

textarea {
    resize: none;
}

form legend {
    padding: 25px 0;
    font-size: 20px;
}

form fieldset {
    clear: both;
}

form [type="date"] {
    -webkit-appearance: none;
}

form [type="date"]::-webkit-inner-spin-button,
form [type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

form .Invalid,
form .Invalid * {
    color: red !important;
}

form .Invalid input,
form .Invalid select,
form .Invalid textarea {
    border-color: red;
}

.GEditor {
    width: 700px;
    border: 1px solid black;
    background: white;
    margin-bottom: 25px;
}

.GEditor.ControlsOnly {
    width: auto;
}

.GEditor .TextContent {
    overflow: auto;
}

.GEditor .TextContent,
form .Table .Item .GEditor .HTMLcode {
    width: 100%;
    height: 300px;
    border: none;
    padding: 0;
    overflow: auto;
}

.GEditor .TextContent:not(.Hidden)+.HTMLcode,
form .Table .Item .GEditor:not(.NoStyle) .TextContent:not(.Hidden)+.HTMLcode {
    border-top: 1px solid #919191;
}

.GEditor textarea {
    display: none;
}

.GEditor .Controls {
    border-bottom: 1px solid black;
    color: black;
}

.GEditor .Controls .IconsSet {
    display: inline-block;
    vertical-align: middle;
}

.GEditor .Controls .IconsSet::after {
    display: inline-block;
    content: '';
    height: 30px;
    border-right: 1px solid lightsteelblue;
    vertical-align: middle;
}

.GEditor .Controls .Icon {
    display: inline-block;
    width: auto;
    cursor: pointer;
    transition: all 0.2s;
    vertical-align: middle;
}

.GEditor .Controls .Icon:hover,
.GEditor .Controls .Icon.Active {
    background-color: #eef4f8;
    box-shadow: inset 0 0 10px lightsteelblue;
}

.GEditor .Controls .Icon::before {
    display: block;
    content: '';
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-family: FontAwesome;
}

.GEditor .Controls .Icon.Bold::before {
    content: '\f032';
}

.GEditor .Controls .Icon.Italic::before {
    content: '\f033';
}

.GEditor .Controls .Icon.Underline::before {
    content: '\f0cd';
}

.GEditor .Controls .Icon.P::before {
    content: '\f1dd';
}

.GEditor .Controls .Icon.H2::before {
    content: '\f1dc 2';
}

.GEditor .Controls .Icon.H3::before {
    content: '\f1dc 3';
}

.GEditor .Controls .Icon.H4::before {
    content: '\f1dc 4';
}

.GEditor .Controls .Icon.Table::before {
    content: '\f0ce';
}

.GEditor .Controls .Icon.Link::before {
    content: '\f0c1';
}

.GEditor .Controls .Icon.Unlink::before {
    content: '\f127';
}

.GEditor .Controls .Icon.UL::before {
    content: '\f0ca';
}

.GEditor .Controls .Icon.OL::before {
    content: '\f0cb';
}

.GEditor .Controls .Icon.ImageUpload::before {
    content: '\f03e';
}

.GEditor .Controls .Icon.VideoUpload::before {
    content: '\f04b';
}

.GEditor .Controls .Icon.TranslateSave {
    margin-left: 50px;
}

.GEditor .Controls .Icon.TranslateSave::before {
    width: auto;
    padding: 0 5px;
    content: 'Save';
}

.GEditor .Controls .Icon.TranslateCancel::before {
    width: auto;
    padding: 0 5px;
    content: 'Cancel';
}

.GEditor .Controls .Icon.HTML,
.GEditor .Controls .IconsSet.HTML {
    float: right;
}

.GEditor .Controls .IconsSet.HTML::after {
    margin-top: 5px;
}

.GEditor .Controls .Icon.HTML::before {
    content: '\f121';
}

.GEditor:not(.NoStyle) .TextContent {
    padding: 5px;
}

.GEditor:not(.NoStyle) .TextContent table {
    width: 100%;
}

.GEditor:not(.NoStyle) .TextContent td,
.GEditor:not(.NoStyle) .TextContent th {
    border: 1px dashed gray;
}

.GEditor:not(.NoStyle) .TextContent td:empty,
.GEditor:not(.NoStyle) .TextContent th:empty {
    height: 18px;
}

.GEditorDialog .DialogContent {
    max-width: 500px;
}

.GEditorDialog label span {
    display: block;
}

.GEditorDialog input {
    border: 1px solid #A7B3BF;
    outline: none;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.GEditorDialog select {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.GEditorDialog label {
    font-size: 14px;
    color: #000;
    margin-bottom: 7px;
    display: block;
}

.GEditorDialog.ImageDialog .Image {
    float: right;
    width: 125px;
    margin: 35px 15px 15px 15px;
    background-size: cover;
    background-position: center center;
}

.GEditorDialog.ImageDialog input {
    width: 55%;
    padding: 0 10px;
    border-radius: 5px;
}

.GEditorDialog.ImageDialog button {
    margin-top: 15px;
}

.GEditor:not(.NoStyle) {
    background: none;
    border: none;
    width: 100%;
}

.GEditor .Controls {
    border: none;
}

.GEditor .Controls .Icon {
    color: $yellow;
}

.GEditor .Controls .IconsSet::after {
    border: none;
    margin-right: 10px;
}

.GEditor .Controls .Icon:hover,
.GEditor .Controls .Icon.Active {
    background: $yellow;
    color: black;
    box-shadow: none;
}

.GEditor:not(.NoStyle) .TextContent,
.GEditor:not(.NoStyle) textarea {
    height: 200px;
}

form .SelectOpener {
    display: inline-block;
    width: 93px;
    margin-right: 3px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

form .SelectOpener.Opened,
form .SelectOpener.Opening {
    z-index: 10;
}

form .SelectOpener .Handler {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 8px;
}

form .SelectOpener svg {
    float: right;
    margin-top: 18px;
    margin-right: -8px;
}

form .SelectOpener::after {
    width: 1px;
    background: #C2C2C2;
    height: 100%;
    position: absolute;
    top: 0;
    right: 40px;
    content: "";
    pointer-events: none;
}

form .SelectOpener::before {
    pointer-events: none;
    background: url(/Grace/Theme/Design/Images/SelectArrow.svg) no-repeat;
    display: block;
    content: "";
    width: 11px;
    height: 6px;
    position: absolute;
    top: 17px;
    right: 15px;
}

form .SearchPanel .SelectOpener::before {
    display: none;
}

form .SelectOpener.PassTheRequest::before {
    display: none;
}

form .SelectOpener .Panel {
    width: 100%;
}

form .SelectOpener .Panel .In {
    border: 1px solid rgba(44, 45, 65, 0.08);
}

form .SelectOpener .Panel .InItem {
    padding: 5px;
    background: white;
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

form .SelectOpener .Panel .InItem:hover {
    background-color: rgb(247, 247, 247);
}

.StepsOver {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 0;
}

.Stepsbar {
    max-width: 500px;
    margin: 20px auto auto auto;
}

.Stepsbar::after {
    display: block;
    clear: both;
    content: '';
}

.Stepsbar .Step {
    float: left;
    padding: 15px;
    text-align: center;
}

.Stepsbar.StepsCnt2 .Step {
    width: 208px;
}

.Stepsbar .Step .Icon {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin: auto auto 8px auto;
}

.Stepsbar .Step .Icon::before,
.Stepsbar .Step .Icon::after {
    position: absolute;
    content: '';
    border-radius: 100%;
}

.Stepsbar .Step .Icon::before {
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.15;
    background-color: #08C493;
}

.Stepsbar .Step .Icon::after {
    left: 15px;
    top: 15px;
    right: 15px;
    bottom: 15px;
    border: 7px solid #A7B3BF;
}

.Stepsbar .Step.Active .Icon::before {
    display: block;
}

.Stepsbar .Step.Active .Icon::after,
.Stepsbar .Step.PreActive .Icon::after {
    border-color: #08C493;
}

.Stepsbar .Step .Icon .Line {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 208px;
    height: 2px;
    background: rgba(167, 179, 191, 0.5);
}

form .Item.ChecksInput {
    float: none;
    width: 100%;
}

.ChecksInput .SingleInput {
    float: left;
    width: 295px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.ChecksInput .SingleInput input {
    display: none;
}

.ChecksInput .SingleInput .ChItem {
    position: relative;
    display: block;
    padding: 30px;
    border: 1px solid rgba(44, 45, 65, 0.12);
    border-radius: 7px;
    cursor: pointer;
    color: #2C2D41;
    transition: background-color 200ms;
}

.ChecksInput .SingleInput:nth-of-type(3n) {
    margin-right: 0;
}

.ChecksInput .SingleInput .ChItem.SingleItem {
    padding: 15px 24px;
}

.ChecksInput .SingleInput .ChItem:hover,
.ChecksInput .SingleInput :checked+.ChItem {
    background: #F4F5F7;
}

.ChecksInput .SingleInput .ChItem .Heading {
    display: block;
    margin-bottom: 70px;
}

.ChecksInput .SingleInput .ChItem.SingleItem .Heading {
    font-size: 16px;
    margin-bottom: 5px;
}

.ChecksInput .SingleInput .ChItem .Description {
    display: block;
    height: 100px;
    font-size: 16px;
}

.ChecksInput .SingleInput .ChItem .Description p {
    line-height: 27px;
}

.ChecksInput .SingleInput .ChItem .Price {
    display: block;
    font-size: 16px;
    color: #A7B3BF;
}

.ChecksInput .SingleInput :checked+.ChItem .Price {
    color: #2C2D41;
}

.ChecksInput .SingleInput .ChItem::after,
.ChecksInput .SingleInput .ChItem::before {
    position: absolute;
    right: 15px;
    top: 15px;
    content: '';
    width: 18px;
    height: 18px;
    transition: opacity 200ms;
}

.ChecksInput .SingleInput .ChItem::after {
    background: url(/Grace/Theme/Design/Images/GrayPlus.svg) no-repeat center center;
}

.ChecksInput .SingleInput .ChItem::before {
    background: url(/Grace/Theme/Design/Images/BlueCheck.svg) no-repeat center center;
    opacity: 0;
}

.ChecksInput .SingleInput :checked+.ChItem::before {
    opacity: 1;
}

.ChecksInput .SingleInput :checked+.ChItem::after {
    opacity: 0;
}

.NewRequestForm .NeededNote {
    font-size: 16px;
}

.NewRequestForm .NeededNote .Needs {
    font-weight: bold;
}

.NewRequestForm .Step2 .Stepsbar .Step:nth-of-type(1) {
    cursor: pointer;
}

.NewRequestForm .Step2 .Stepsbar .Step:nth-of-type(1):hover {
    background: #06A8F9;
    color: white;
}

.NewRequestForm .GoToStep1 {
    cursor: pointer;
}

.NewRequestForm .Item:nth-of-type(3) {
    margin-right: 0;
}

.NewRequestForm .Country {
    padding: 0 20px;
    border-top: 1px solid rgba(44, 45, 65, 0.08);
}

.NewRequestForm .Country:last-of-type {
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

.NewRequestForm .Country .Name {
    margin-bottom: 30px;
    padding-top: 30px;
    font-size: 20px;
    cursor: pointer;
}

.NewRequestForm .Country .Label {
    margin-bottom: 25px;
    font-size: 12px;
    color: #A7B3BF;
}

.NewRequestForm .Country .ShowPanel {
    height: 0;
    overflow: hidden;
}

.NewRequestForm .Country.Opened .ShowPanel {
    height: auto;
}

.NewRequestForm .Country .Name .Icon {
    position: relative;
    float: right;
    color: #08C493;
    font-size: 30px;
}

.NewRequestForm .Country .Name .Icon::after,
.NewRequestForm .Country .Name .Icon::before {
    position: absolute;
    right: 0;
    top: 0;
}

.NewRequestForm .Country .Name .Icon::after {
    content: '+';
}

.NewRequestForm .Country .Name .Icon::before {
    content: '-';
    opacity: 0;
}

.NewRequestForm .Country.Opened .Name .Icon::after {
    opacity: 0;
}

.NewRequestForm .Country.Opened .Name .Icon::before {
    opacity: 1;
}

.NewRequestForm [data-step] {
    display: none;
}

.NewRequestForm [data-step].Active {
    display: block;
}

.NewRequestForm .Person {
    margin-bottom: 65px;
    color: rgba(44, 45, 65, 0.8);
    font-size: 16px;
}

.NewRequestForm .Person span {
    margin-right: 15px;
}

.NewRequestForm .PCHItem {
    padding: 20px 0;
    border-top: 1px solid rgba(44, 45, 65, 0.08);
}

.NewRequestForm .PCHItem .Price {
    float: right;
    font-size: 16px;
    line-height: 32px;
}

.NewRequestForm .PCHItem .Name {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 32px;
    cursor: auto;
}

.NewRequestForm .PCHItem .Description {
    font-size: 16px;
    color: rgba(44, 45, 65, 0.8);
}

.NewRequestForm .Pricing {
    Margin-bottom: 60px;
    font-size: 20px;
}

.NewRequestForm .Pricing .TotalPrice {
    float: right;
    font-size: 42px;
}

.NewRequestForm .Pricing .TotalPrice span {
    margin-left: 3px;
    vertical-align: top;
    font-size: 16px;
}

.NewRequestForm .Pricing .TotalText {
    margin-top: 15px;
}

.NewRequestForm .Buttons .Button {
    float: right;
    width: auto;
    padding: 0 25px;
}

.NewRequestForm .Buttons .Button svg {
    vertical-align: top;
    position: relative;
    top: 5px;
    margin-left: 10px;
}

.NewRequestForm .Buttons .Button svg rect {
    fill: white;
    transition: color 200ms;
}

.NewRequestForm .Buttons .Button svg path {
    stroke: white;
    transition: color 200ms;
}

.NewRequestForm .Buttons .Button:hover svg rect {
    fill: #08C493;
}

.NewRequestForm .Buttons .Button:hover svg path {
    stroke: #08C493;
}

.NewRequestForm .Buttons .GoBack {
    margin-top: 12px;
}

.NewRequestForm .FirstStepButtons {
    margin-top: 50px;
}

.NewRequestForm .FirstStepButtons .PriceInfo {
    float: left;
}

.NewRequestForm .FirstStepButtons .TotalPrice {
    font-size: 42px;
    vertical-align: middle;
}

.NewRequestForm .FirstStepButtons .Currency {
    vertical-align: top;
    font-size: 16px;
}

.NewRequestAdminForm .NeededNote {
    font-size: 16px;
}

.NewRequestAdminForm .NeededNote .Needs {
    font-weight: bold;
}

.NewRequestAdminForm .Step2 .Stepsbar .Step:nth-of-type(1) {
    cursor: pointer;
}

.NewRequestAdminForm .Step2 .Stepsbar .Step:nth-of-type(1):hover {
    background: #06A8F9;
    color: white;
}

.NewRequestAdminForm .GoToStep1 {
    cursor: pointer;
}

.NewRequestAdminForm .Item:nth-of-type(3) {
    margin-right: 0;
}

.NewRequestAdminForm .Country {
    padding: 0 20px;
    border-top: 1px solid rgba(44, 45, 65, 0.08);
}

.NewRequestAdminForm .Country:last-of-type {
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

.NewRequestAdminForm .Country .Name {
    margin-bottom: 30px;
    padding-top: 30px;
    font-size: 20px;
    cursor: pointer;
}

.NewRequestAdminForm .Country .Label {
    margin-bottom: 25px;
    font-size: 12px;
    color: #A7B3BF;
}

.NewRequestAdminForm .Country .ShowPanel {
    height: 0;
    overflow: hidden;
}

.NewRequestAdminForm .Country.Opened .ShowPanel {
    height: auto;
}

.NewRequestAdminForm .Country .Name .Icon {
    position: relative;
    float: right;
    color: #08C493;
    font-size: 30px;
}

.NewRequestAdminForm .Country .Name .Icon::after,
.NewRequestAdminForm .Country .Name .Icon::before {
    position: absolute;
    right: 0;
    top: 0;
}

.NewRequestAdminForm .Country .Name .Icon::after {
    content: '+';
}

.NewRequestAdminForm .Country .Name .Icon::before {
    content: '-';
    opacity: 0;
}

.NewRequestAdminForm .Country.Opened .Name .Icon::after {
    opacity: 0;
}

.NewRequestAdminForm .Country.Opened .Name .Icon::before {
    opacity: 1;
}

.NewRequestAdminForm [data-step] {
    display: none;
}

.NewRequestAdminForm [data-step].Active {
    display: block;
}

.NewRequestAdminForm .Person {
    margin-bottom: 65px;
    color: rgba(44, 45, 65, 0.8);
    font-size: 16px;
}

.NewRequestAdminForm .Person span {
    margin-right: 15px;
}

.NewRequestAdminForm .PCHItem {
    padding: 20px 0;
    border-top: 1px solid rgba(44, 45, 65, 0.08);
}

.NewRequestAdminForm .PCHItem .Price {
    float: right;
    font-size: 16px;
    line-height: 32px;
}

.NewRequestAdminForm .PCHItem .Name {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 32px;
    cursor: auto;
}

.NewRequestAdminForm .PCHItem .Description {
    font-size: 16px;
    color: rgba(44, 45, 65, 0.8);
}

.NewRequestAdminForm .Pricing {
    Margin-bottom: 60px;
    font-size: 20px;
}

.NewRequestAdminForm .Pricing .TotalPrice {
    float: right;
    font-size: 42px;
}

.NewRequestAdminForm .Pricing .TotalPrice span {
    margin-left: 3px;
    vertical-align: top;
    font-size: 16px;
}

.NewRequestAdminForm .Pricing .TotalText {
    margin-top: 15px;
}

.NewRequestAdminForm .Buttons .Button {
    float: right;
    width: auto;
    padding: 0 25px;
}

.NewRequestAdminForm .Buttons .Button svg {
    vertical-align: top;
    position: relative;
    top: 5px;
    margin-left: 10px;
}

.NewRequestAdminForm .Buttons .Button svg rect {
    fill: white;
    transition: color 200ms;
}

.NewRequestAdminForm .Buttons .Button svg path {
    stroke: white;
    transition: color 200ms;
}

.NewRequestAdminForm .Buttons .Button:hover svg rect {
    fill: #08C493;
}

.NewRequestAdminForm .Buttons .Button:hover svg path {
    stroke: #08C493;
}

.NewRequestAdminForm .Buttons .GoBack {
    margin-top: 12px;
}

.NewRequestAdminForm .FirstStepButtons {
    margin-top: 50px;
}

.NewRequestAdminForm .FirstStepButtons .PriceInfo {
    float: left;
}

.NewRequestAdminForm .FirstStepButtons .TotalPrice {
    font-size: 42px;
    vertical-align: middle;
}

.NewRequestAdminForm .FirstStepButtons .Currency {
    vertical-align: top;
    font-size: 16px;
}

.InputItemSelextbox {
    width: 100%;
    display: flex;
    margin-bottom: 27px;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
}

.select2-container .select2-selection--single {
    height: 42Px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
}

.SmallerButton.BlueButtonArrowRight {
    text-transform: uppercase;
    width: 165px;
    font-weight: normal;
}

.SmallerButton.BlueButtonArrowRight:hover svg path {
    fill: #08C493;
}

.SmallerButton.BlueButtonArrowRight svg {
    transform: scale(0.7);
    position: relative;
    top: 3px;
    left: 2px;
}

.Stats {
    max-width: 1000px;
    margin: auto;
    padding-bottom: 30px;
}

.Stats .LeftStats {
    width: 40%;
    padding-left: 200px;
}

.LoginBlock form .Item {
    width: 100%;
    float: none;
}

.Item[data-type="AgreementCheckbox"] input {
    height: auto !important;
}

.Item[data-type="AgreementCheckbox"] label {
    line-height: 22px;
}

.Item[data-type="AgreementCheckbox"] label span {
    padding: 0 0 0 0;
}

.Item[data-type="AgreementCheckbox"]:nth-child(1) {
    padding-bottom: 10px;
}

.Item[data-type="AgreementCheckbox"]:nth-child(2) {
    padding-top: 5px;
    padding-bottom: 10px;
}

.Item[data-type="AgreementCheckbox"]:nth-child(3) {
    padding-top: 5px;
}

.LoginBlock form .Item label {
    font-size: 20px;
    color: #000;
    margin-bottom: 5px;
    position: relative;
    top: -6px;
}

.LoginBlock form .Item input {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
}

.LoginBlock .TextContent {
    font-size: 18px;
}

.LoginBlock .Heading {
    font-size: 35px;
    color: #08C493;
}

.LoginBlock .Button {
    margin: 25px 0;
}

.LoginBlock .ForgotPassLink {
    font-size: 18px;
    text-decoration: none;
}

.LoginBlock .ForgotPassLink:hover {
    text-decoration: underline;
}

.LoginBlock .LogInLink {
    font-size: 26px;
    color: #08C493;
    text-decoration: none;
}

.LoginBlock .LogInLink:hover {
    text-decoration: underline;
}

.LoginBlock .InnerFoot .Left,
.LoginBlock .InnerFoot .Right {
    width: 50%;
    line-height: 80px;
    text-decoration: none;
    color: #A7B3BF;
    cursor: pointer;
}

.LoginBlock .InnerFoot .Left {
    float: left;
    padding-left: 70px;
}

.LoginBlock .InnerFoot .Right {
    float: right;
    padding-right: 70px;
    text-align: right;
}

.LoginBlock .InnerFoot .Left:hover,
.LoginBlock .InnerFoot .Right:hover,
.LoginBlock .BackLink:hover,
.LoginBlock .LoginLink:hover {
    background-color: rgba(44, 45, 65, 0.03);
}

.LoginBlock .Nav {
    text-align: center;
    margin-bottom: 45px;
}

.LoginBlock .Nav ul li {
    margin-left: -4px;
    width: 200px;
    display: inline-block;
}

.LoginBlock .Nav ul li a {
    display: block;
    text-decoration: none;
    font-size: 24px;
    color: #C2C2C2;
    text-align: center;
    border-bottom: 4px solid #DBDBDB;
    padding-bottom: 3px;
}

.LoginBlock .Nav ul li.Active a {
    color: black;
    border-bottom: 4px solid #08C493;
}

.LoginBlock .Nav ul li:hover a {
    color: black;
    border-bottom: 4px solid #08C493;
}

#LoginPageHeader {
    padding: 50px;
}

#PageLogo {
    text-decoration: none;
}

#PageLogo:hover {
    opacity: 0.7;
}

#PageLogo .Deli {
    background: #929292;
    height: 40px;
    width: 1px;
    margin: 0 8px;
    display: inline-block;
    vertical-align: middle;
}

#PageLogo .CareTitle {
    font-size: 28px;
    color: #929292;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    top: -2px;
}

#PageLogo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 140px;
}

.LoginBlock .BackLink {
    position: absolute;
    left: 0;
    padding: 0 40px;
    line-height: 80px;
    color: #A7B3BF;
    text-decoration: none;
}

.LoginBlock .BackLink svg {
    margin-right: 10px;
}

.LoginBlock .BackLink svg .StrokeColor {
    stroke: #A7B3BF;
    fill: none;
}

.LoginBlock .BackLink svg .FillColor {
    fill: #A7B3BF;
}

.LoginBlock .LoginLink {
    position: absolute;
    right: 0;
    padding: 0 40px;
    line-height: 80px;
    color: #A7B3BF;
    text-decoration: none;
}

.RegisterBlock legend {
    font-size: 27px;
    color: #08C493;
}

#register_u__check {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5;
    visibility: hidden;
    height: 0;
    pointer-events: none;
}

.Item[data-input="register_u__check"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5;
    visibility: hidden;
    height: 0;
    pointer-events: none;
}

#AbsoluteFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 60px;
    line-height: 58px;
    text-align: right;
    color: #A7B3BF;
}

.Avatar {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    background: #D8D8D8 no-repeat center center;
    background-size: cover;
    color: white;
}

.Avatar .Initials {
    display: none;
}

.Avatar[data-image=""] .Initials {
    display: block;
}

header .Notifications {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    position: relative;
    top: 5px;
}

header .Notifications:hover svg path {
    fill: #b7c3d0;
}

header .Notifications .CircleNot {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FF7878;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    text-align: center;
    color: #fff;
    font-size: 9px;
    line-height: 16px;
}

header .Notifications svg path {
    fill: #A7B3BF;
}

header .Cart {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
    top: 4px;
}

header .Cart:hover svg path {
    fill: #b7c3d0;
}

header .Cart .CircleNot {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FF7878;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    text-align: center;
    color: #fff;
    font-size: 9px;
    line-height: 16px;
}

header .Cart svg path {
    fill: #A7B3BF;
}

header .Cart2 {
    opacity: 0;
    visibility: hidden;
}

header .Avatar,
header .CircleButton {
    position: relative;
    top: 3px;
    display: inline-block;
}

header .Avatar {
    margin-right: 10px;
    cursor: pointer;
    vertical-align: bottom;
    top: -2px;
}

header .Avatar+.UserName {
    vertical-align: middle;
    font-size: 22px;
    cursor: pointer;
}

header .CircleButton {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    padding-top: 10px;
    border-radius: 100%;
    text-align: center;
    background: white;
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
    transition: background-color 200ms;
}

header .CircleButton path {
    fill: #A7B3BF;
    transition: fill 200ms;
}

header .CircleButton:hover path {
    fill: #08C493;
}

.CheckingDetail .Name {
    color: #08C493;
    font-size: 42px;
    line-height: 56px;
}

.CheckingDetail .Created {
    margin-top: 50px;
}

.CheckingDetail .Opener .Handler {
    font-size: 20px;
    line-height: 50px;
    cursor: pointer;
}

.CheckingDetail .Opener .Panel {
    position: static;
}

.CheckingDetail .SelectOpener {
    vertical-align: top;
}

.CheckingDetail .SelectOpener,
.CheckingDetail .SelectOpener .Value {
    font-size: 14px;
}

.CheckingDetail .SelectOpener .Panel {
    position: absolute;
    background: white;
}

.CheckingDetail .PersonalItem {
    border-top: 1px solid rgba(44, 45, 65, 0.08);
    font-size: 16px;
}

.CheckingDetail .PersonalItem:last-of-type {
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

.CheckingDetail .PersonalItem::after {
    display: block;
    content: '';
    clear: both;
}

.CheckingDetail .PersonalItem .Column {
    float: left;
    width: 50%;
    padding: 15px 10px;
}

.CheckingDetail .CheckInfo {
    margin-bottom: 50px;
}

.CheckingDetail .CheckInfo .LeftSide {
    float: left;
    width: 564px;
}

.CheckingDetail .CheckInfo .RightSide {
    float: right;
    width: 332px;
}

.CheckingDetail .CheckInfo .LeftSide .Left50 {
    float: left;
    width: 50%;
}

.CheckingDetail .CheckInfo .Handler,
.CheckingDetail .PersonalItem .Handler {
    position: relative;
}

.CheckingDetail .CheckInfo .Handler::before,
.CheckingDetail .CheckInfo .Handler::after,
.CheckingDetail .PersonalInfo .Handler::before,
.CheckingDetail .PersonalInfo .Handler::after {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 25px;
    color: #08C493;
    line-height: 35px;
}

.CheckingDetail .CheckInfo .Handler::before,
.CheckingDetail .PersonalInfo .Handler::before {
    content: '+';
}

.CheckingDetail .CheckInfo.Opened .Handler::before,
.CheckingDetail .PersonalInfo.Opened .Handler::before,
.CheckingDetail .CheckInfo.Opening .Handler::before,
.CheckingDetail .PersonalInfo.Opening .Handler::before {
    opacity: 0;
}

.CheckingDetail .CheckInfo .Handler::after,
.CheckingDetail .PersonalInfo .Handler::after {
    content: '-';
}

.DataTable {
    width: 100%;
    border: 1px solid rgba(44, 45, 65, 0.08);
    border-radius: 7px;
}

.DataTable .Row {
    transition: background-color 200ms;
    cursor: pointer;
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

.DataTable .Row:hover {
    background-color: rgba(238, 73, 73, 0.08);
}

.DataTable .Row::after {
    display: block;
    content: '';
    clear: both;
}

.DataTable .Column {
    float: left;
    padding: 15px 20px;
}

.CheckingDetail .DataTable .Column:nth-of-type(1) {
    width: 500px;
}

.CheckingDetail .DataTable .Column:nth-of-type(2) {
    width: 315px;
}

.DataTable .Opener+.Panel {
    width: 100%;
    height: 0;
    overflow: hidden;
    background: rgba(44, 45, 65, 0.02);
}

.DataTable .Opener+.Panel .Inside {
    padding: 15px;
}

.DataTable .Opener.Opened {
    background: rgba(44, 45, 65, 0.02);
}

.DataTable .Opener.Opened+.Panel {
    height: auto;
    overflow: visible;
}

.TabNav {
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

.TabNav li {
    float: left;
}

.TabNav li a {
    position: relative;
    display: block;
    margin: 0 19px;
    padding: 22px 0;
    text-decoration: none;
    font-size: 16px;
    color: #A7B3BF;
}

.TabNav li:first-of-type a {
    margin-left: 0;
}

.TabNav li.Active a,
.TabNav li:not(.Active) a:hover {
    color: #2C2D41;
}

.TabNav li a::after {
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -1px;
    height: 2px;
    background: #08C493;
    content: '';
    opacity: 0;
}

.TabNav li.Active a::after {
    opacity: 1;
}

.MultiInput {
    border-radius: 6px;
    border: 1px solid #EFEFF0;
}

.MultiInput th,
.MultiInput td {
    height: 49px;
    padding: 0;
    border: 1px solid #EFEFF0;
}

.MultiInput th:first-of-type,
.MultiInput td:first-of-type {
    border-left: none;
}

.MultiInput th:last-of-type,
.MultiInput td:last-of-type {
    border-right: none;
}

.MultiInput thead th {
    border-top: none;
}

.MultiInput tbody tr:last-of-type td {
    border-bottom: none;
}

.MultiInput th {
    padding: 0 14px;
    background: rgba(44, 45, 65, 0.02);
}

.MultiInput input {
    width: 100%;
    height: 49px;
    padding: 0 14px;
    border: none;
}

.MultiInput td {
    width: 182px;
}

.MultiInput .No {
    width: 49px;
    padding: 0 14px;
    text-align: right;
    color: #A7B3BF;
}

form .Item[data-type="MultiTable"] {
    width: 100%;
}

.CheckingPeople {
    margin-bottom: 60px;
    font-size: 16px;
}

.CheckingPeople .No {
    color: #A7B3BF;
    font-size: 14px;
}

.UserUpdateForm {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

form .Item[data-input="userupdate_id_sys_files__avatar"] {
    width: 100%;
}

form .Item[data-input="userupdate_id_sys_files__avatar"] .LabelColumn {
    display: none;
}

[data-type="UserUpdate"] .Note {
    width: 300px;
    margin-bottom: 30px;
    line-height: 23px;
    color: rgba(44, 45, 65, 0.8);
}

.UserUpdateForm .Avatar {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    line-height: 80px;
    font-size: 36px;
}

.UserUpdateForm .Avatar+.Info {
    float: left;
    padding: 15px 0;
    line-height: 24px;
    font-size: 16px;
}

.UserUpdateForm .Avatar+.Info .UploadBtn {
    color: #A7B3BF;
    font-size: 16px;
    cursor: pointer;
    transition: color 200ms;
}

.UserUpdateForm .Avatar+.Info .UploadBtn:hover {
    color: #2C2D41;
}

form .Item[data-input="passwordupdate_old_password"],
form .Item[data-input="billinfo_name"] {
    width: 100%;
}

.PasswordUpdateForm .Table {
    margin-bottom: 25px;
}

.UsersList .DataTable {
    border: none;
}

.UsersList .TableHead .Row {
    background-color: transparent !important;
}

.UsersList .TableBody {
    border: 1px solid rgba(44, 45, 65, 0.08);
    border-radius: 7px;
}

.UsersList .Row {
    cursor: auto;
}

.UsersList .Column {
    width: 300px;
    transition: color 200ms;
}

.UsersList .Column:nth-of-type(3),
.UsersList .Column:nth-of-type(4) {
    width: 118px;
}

.UsersList .Column:nth-of-type(5) {
    width: 74px;
}

.UsersList [data-active="0"] .Column {
    color: rgba(44, 45, 65, 0.5);
}

.UsersList .Inside::after {
    display: block;
    content: '';
    clear: both;
}

.UsersList .DataTable .Item {
    float: left;
    width: 300px;
}

.UsersList .DataTable .Item:nth-of-type(3) {
    width: 150px;
}

.UsersList .DataTable .Item .Label {
    margin-bottom: 5px;
}

.UsersList .Handler {
    cursor: pointer;
}

.UsersList .Opened .Handler svg,
.UsersList .Opening .Handler svg {
    transform: rotate(180deg);
}

.UsersList .Buttons {
    float: right;
}

.UsersList .NewUserButton {
    float: right;
    margin-top: -30px;
}

.UsersList h2 {
    margin-bottom: 50px;
}

.Bool {
    position: relative;
    width: 46px;
    height: 24px;
    border-radius: 12px;
    background: rgba(44, 45, 65, 0.12);
}

.Bool::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: white;
    content: '';
    transition: left 200ms;
}

.Bool[data-bool="1"] {
    background: #08C493;
}

.Bool[data-bool="1"]::after {
    left: calc(100% - 22px);
}

.MyCompany form {
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

.MyCompany form {
    margin-bottom: 50px;
}

.List {
    margin-top: 30px;
    border-top: 1px solid rgba(44, 45, 65, 0.08);
}

.List .Item {
    padding: 22px 0;
    border-bottom: 1px solid rgba(44, 45, 65, 0.08);
}

.List .Item::after {
    display: block;
    content: '';
    clear: both;
}

.List .Item .Column {
    float: left;
}

.List .Item .Column:first-of-type {
    padding-top: 5px;
}

.List .Item .Column:last-of-type {
    float: right;
}

.Invitees {
    color: rgba(44, 45, 65, 0.8);
}

.Invitees header {
    background: white;
}

.Invitees header #Logo {
    padding: 20px 40px;
}

.Invitees header #Logo img {
    width: 90px;
    vertical-align: middle;
}

.Invitees header #Logo .TextLogo {
    display: inline-block;
    margin-left: 18px;
    padding-left: 18px;
    line-height: 40px;
    font-size: 20px;
    color: #A7B3BF;
    border-left: 1px solid #A7B3BF;
    vertical-align: middle;
}

.Invitees h1 {
    margin-bottom: 15px;
    font-size: 42px;
    color: #08C493;
}

.Invitees footer {
    padding: 30px 0;
    text-align: center;
    color: #A7B3BF;
}

.History .Label {
    margin-bottom: 25px;
}

.History .HItem {
    position: relative;
    margin-bottom: 6px;
    padding: 0 0 25px 25px;
    font-size: 14px;
    border-left: 1px solid rgba(44, 45, 65, 0.08);
}

.History .HItem:last-of-type {
    border-left: none;
}

.History .HItem::before {
    position: absolute;
    left: -4px;
    top: -6px;
    width: 7px;
    height: 7px;
    border: 2px solid #A7B3BF;
    border-radius: 100%;
    content: '';
}

.History .HItem:last-of-type::before {
    left: -3px;
}

.History .HItem .HIn {
    position: relative;
    top: -13px;
}

.History .HItem .HName {
    margin-right: 20px;
    font-size: 16px;
}

.History .HItem .Time {
    color: #A7B3BF;
}

.Doc a {
    color: #A7B3BF;
    text-decoration: none;
}

.Doc a::after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    content: '';
    width: 10px;
    height: 10px;
    background: url(/Grace/Theme/Design/Images/DownloadIcon.svg);
    opacity: 0;
    transition: opacity 200ms;
}

.Doc a:hover::after {
    opacity: 1;
}

.SearchBlock {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    position: relative;
    margin-bottom: 25px;
}

.SearchBlock .SearchInput {
    outline: none;
    width: 100%;
    height: 70px;
    font-size: 19px;
    padding: 0;
}

.SearchBlock .InputBlock {
    padding-left: 70px;
    border: none;
}

.SearchBlock .InputBlock input {
    border: none;
}

.SearchBlock svg#SearchIcon {
    position: absolute;
    top: 21px;
    left: 19px;
}

.SearchBlock svg#SearchIcon path {
    fill: #000;
}

.SearchBlock:not(.Opened) .HideMoreIcon {
    display: none;
}

.SearchBlock.Opened .ShowMoreIcon {
    display: none;
}

.SearchBlock .ShowMoreIcon,
.SearchBlock .HideMoreIcon {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.SearchBlock .ShowMoreIcon:hover,
.SearchBlock .HideMoreIcon:hover {
    opacity: 0.8;
}

.SearchBlock .SearchPanel {
    background: white;
    position: static;
    border-radius: 0 0 8px 8px;
}

.SearchBlock .SearchPanel .Inner {
    padding: 35px 45px 45px 45px;
    border-top: 1px solid #E0E0E0;
}

.SearchBlock.Opened .SearchPanel {
    overflow: visible;
}

.SearchBlock .SearchHandler {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 66px;
    cursor: pointer;
    text-align: center;
}

.SearchBlock .SearchPanel .Item {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-right: 23px;
    padding: 5px 0;
}

.SearchBlock .SearchPanel .Item.Date {
    width: 125px;
    margin-right: 12px;
}

.SearchBlock .SearchPanel .Item label {
    display: block;
    color: #8C8C8C;
    font-size: 15px;
}

.SearchBlock .SearchPanel .Item .Opener {
    cursor: pointer;
    width: 100%;
    height: 42px;
}

.SearchBlock .SearchPanel .Item .Handler:hover {
    opacity: 0.7;
}

.SearchBlock .SearchPanel .Item .Opener .Handler {
    height: 42px;
    font-size: 15px;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    line-height: 42px;
}

.SearchBlock .SearchPanel .Item.Date .Opener .Handler {
    padding: 0 10px;
}

.SearchBlock .SearchPanel .Item.Date svg {
    position: absolute;
    top: 11px;
    right: 13px;
}

.SearchBlock .SearchPanel .Item .Panel {
    margin-top: 10px;
    z-index: 10;
    border-radius: 5px;
}

.SearchBlock .SearchPanel .Item .Panel .InItem {
    border: 1px solid #C1C1C1;
    border-bottom: 0;
    padding: 15px;
}

.SearchBlock .SearchPanel .Item .Panel .InItem:hover {
    background-color: #efefef;
}

.SearchBlock .SearchPanel .Item .Panel .InItem:first-of-type {
    border-radius: 5px 5px 0 0;
}

.SearchBlock .SearchPanel .Item .Panel .InItem:last-of-type {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #C1C1C1;
}

.RequestItems .RequestItem.Block {
    transition: box-shadow 0.5s;
    position: relative;
    padding: 17px 30px;
    margin-right: 17px;
    margin-bottom: 17px;
    width: 350px;
    height: 272px;
    display: inline-block;
    vertical-align: top;
}

.RequestItems .RequestItem.Block::after {
    content: "";
    background: #fff;
    height: 35px;
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0;
    left: 0;
    border-radius: 0 0 8px 8px;
}

.RequestItems .RequestItem.Block:hover {
    box-shadow: 0 0 30px rgba(44, 45, 65, 0.26);
}

.RequestItems .RequestItem.Block:nth-of-type(3n) {
    margin-right: 0;
}

.RequestItems .RequestItem.Block .ID {
    font-size: 17px;
    float: left;
}

.RequestItems .RequestItem.Block .Stat {
    font-size: 14px;
    float: right;
    font-size: 14px;
    font-weight: bold;
}

.RequestItems .RequestItem.Block .Stat::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    display: inline-block;
    margin-right: 5px;
}

.RequestItems .RequestItem.Block .Stat.Probíhá::before {
    background: #EB7700;
}

.RequestItems .RequestItem.Block .Stat.Probíhá {
    color: #EB7700;
}

.RequestItems .RequestItem.Block .Stat.Hotovo::before {
    background: #249200;
}

.RequestItems .RequestItem.Block .Stat.Hotovo {
    color: #249200;
}

.RequestItems .RequestItem.Block .Stat.Zrušeno::before {
    background: black;
}

.RequestItems .RequestItem.Block .Stat.Zrušeno {
    color: black;
}

.RequestItems .RequestItem.Block .Stat.Nový::before {
    background: #08C493;
}

.RequestItems .RequestItem.Block .Stat.Nový {
    color: #08C493;
}

.RequestItems .RequestItem.Block .Heading {
    margin-top: 25px;
    font-weight: bold;
}

.RequestItems .RequestItem.Block .Text {
    font-size: 15px;
    color: #6A6A6A;
    word-break: break-word;
    max-height: 100px;
    overflow: hidden;
}

.RequestItems .RequestItem.Block .InsertDate {
    font-size: 13px;
    color: #6A6A6A;
    position: absolute;
    left: 30px;
    bottom: 13px;
    z-index: 10;
}

.RequestItems .RequestItem.Block .ClientName {
    position: absolute;
    right: 30px;
    bottom: 13px;
    z-index: 10;
}

form .SelectOpener.PassTheRequest::after {
    display: none;
}

form .SelectOpener.PassTheRequest .Panel {
    border-radius: 5px;
    margin-top: 10px;
}

form .SelectOpener.PassTheRequest .Panel .InItem:hover {
    background: rgb(249, 249, 249);
}

form .SelectOpener.PassTheRequest .Panel .InItem:first-of-type {
    border-top: 1px solid #C1C1C1;
    border-radius: 5px 5px 0 0;
}

form .SelectOpener.PassTheRequest .Panel .InItem:last-of-type {
    border-bottom: 1px solid #C1C1C1;
    border-radius: 0 0 5px 5px;
}

form .SelectOpener.PassTheRequest .Panel .InItem {
    font-size: 19px;
    text-align: center;
    border-right: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
    padding: 5px;
    background: #fff;
    position: relative;
    z-index: 100;
}

.NewRequestForm h2 {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 8px;
}

.NewRequestForm .Title {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bold;
}

.NewRequestForm .Subtitle {
    font-size: 16px;
    margin-bottom: 5px;
}

.NewRequestForm .InputTitle {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bold;
}

.NewRequestForm .step2 {
    display: flex;
    justify-content: space-between;
}

.NewRequestForm .step2 #newrequest_name {
    height: 42px;
    margin-bottom: 27px;
    font-size: 16px;
}

.MarginBottom27 {
    margin-bottom: 27px;
}

.NewRequestForm .step2 #inputname {
    height: 42px;
    font-size: 16px;
}

.NewRequestForm .step2 .inputname {
    height: 42px;
    font-size: 16px;
}

.NewRequestForm .step2 #newrequest_area {
    height: 110px;
    padding: 13px 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

.NewRequestForm .step2 .Block.Left {
    padding: 50px;
    float: left;
    width: 715px;
}

.NewRequestForm .step2 .Block.Full {
    padding: 50px;
    float: left;
    width: 100%;
}

.NewRequestForm .step2 .Right {
    float: right;
    width: 336px;
}

.NewRequestForm .step2 .FileBlock {
    display: block;
}

.NewRequestForm .step2 .ButtonsFile {
    display: block;
}

.NewRequestAdminForm h2 {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 8px;
}

.NewRequestAdminForm .Title {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bold;
}

.NewRequestAdminForm .Subtitle {
    font-size: 16px;
    margin-bottom: 5px;
}

.NewRequestAdminForm .InputTitle {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bold;
}

.NewRequestAdminForm .step2 {
    display: flex;
    justify-content: space-between;
}

.NewRequestAdminForm .step2 #newrequest_name {
    height: 42px;
    margin-bottom: 27px;
    font-size: 16px;
}

.NewRequestAdminForm .step2 #newrequest_area {
    height: 110px;
    padding: 13px 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

.NewRequestAdminForm .step2 .Block.Left {
    padding: 50px;
    float: left;
    width: 715px;
}

.NewRequestAdminForm .step2 .Block.Full {
    padding: 50px;
    float: left;
    width: 100%;
}

.NewRequestAdminForm .step2 .Right {
    float: right;
    width: 336px;
}

.NewRequestAdminForm .step2 .FileBlock {
    display: block;
}

.NewRequestAdminForm .step2 .ButtonsFile {
    display: block;
}

.ButtonsFile {
    text-align: center;
    margin-top: 50px;
}

.ButtonsFile .Button {
    width: 180px;
    height: 40px;
    font-size: 16px;
    margin: 0 12px;
    font-size: 16px;
    line-height: 38px;
    font-weight: bold;
}

.FileBlock .FileDiv {
    width: 120px;
    float: right;
    margin-top: -20px;
}

.FileBlock .InputTitle {
    width: 350px;
    float: left;
}

.FileBlock .Gray {
    color: #BBBBBB;
}

.FileBlock #newrequest_file {
    width: 0;
    height: 0;
    overflow: hidden;
}

.FileBlock label[for="newrequest_file"] {
    line-height: 28px;
    transition: 0.5s;
    cursor: pointer;
    color: #08C493;
    font-size: 14px;
    font-weight: bold;
    width: 120px;
    height: 30px;
    border-radius: 8px;
    border: 2px solid #08C493;
    display: inline-block;
    text-align: center;
}

.FileBlock label[for="newrequest_file"]:hover {
    background: #08C493;
    color: #fff;
}

.FilesList {
    border-top: 1px solid #E0E0E0;
    margin: 15px 0 0px 0;
}

.FilesList .Item {
    padding: 15px;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    font-size: 17px;
    display: block;
    float: none;
}

.FilesList .Item .Name {
    font-weight: bold;
}

.FilesList .Item .Icon {
    position: relative;
    top: -3px;
    background: url(/Grace/Theme/Design/Images/FileIcon.svg) center center no-repeat;
    width: 14px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.FilesList .Item .Delete {
    cursor: pointer;
}

.FilesList .Item .Delete:hover {
    opacity: 0.7;
}

.CheckboxItem {
    transition: 0.5s;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    height: 70px;
    width: 31%;
    margin-bottom: 30px;
    margin-right: 30px;
    border: 1px solid #C1C1C1;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #000;
    border-radius: 8px;
}

.CheckboxItem:hover {
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
}

.CheckboxItem .Inn {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.NewRequestForm input[type="checkbox"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.NewRequestForm input[type="radio"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.NewRequestForm input[type=checkbox]:checked+label.CheckboxItem {
    border: 2px solid #08C493;
}

.NewRequestForm input[type=radio]:checked+label.CheckboxItem {
    border: 2px solid #08C493;
}

.NewRequestAdminForm input[type="checkbox"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.NewRequestAdminForm input[type="radio"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.NewRequestAdminForm input[type=checkbox]:checked+label.CheckboxItem {
    border: 2px solid #08C493;
}

.NewRequestAdminForm input[type=radio]:checked+label.CheckboxItem {
    border: 2px solid #08C493;
}

.CheckboxItem:nth-of-type(3n) {
    margin-right: 0;
}

.ButtonRightArrow {
    cursor: pointer;
    font-size: 27px;
    float: right;
    padding-right: 40px;
    position: relative;
    margin-top: 25px;
    margin-bottom: 10px;
}

.ButtonRightArrow:hover {
    opacity: 0.7;
}

.ButtonRightArrow::after {
    content: "";
    background: url(/Grace/Theme/Design/Images/ButtonRightArrow.svg) center center no-repeat;
    width: 27px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 11px;
}

.NoLine .SpecNav::after {
    display: none;
}

.SpecNav.Overflows {
    position: relative;
    width: 9999px;
}

.NavWrapper.Overflows {
    margin-left: 30px;
    margin-right: 30px;
}

.NavWrapper.Overflows .ArrowMenu {
    display: block;
}

.SpecNav {
    margin: 30px 0;
    margin-left: 4px;
    transition: left 0.5s, right 0.5s;
    position: relative;
}

.SpecNav::after {
    height: 4px;
    background: #DBDBDB;
    width: 100%;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
}

.SpecNav li {
    min-width: 115px;
    display: inline-block;
}

.SpecNav li a {
    cursor: pointer;
}

.SpecNav li a,
.SpecNav li div {
    line-height: 27px;
    display: block;
    margin-left: -4px;
    text-decoration: none;
    font-size: 20px;
    color: #C2C2C2;
    text-align: center;
    padding: 0 20px 8px 20px;
    position: relative;
    margin-bottom: -4px;
}

.SpecNav li a::after,
.SpecNav li div::after {
    display: block;
    content: attr(title);
    font-size: 20px;
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.SpecNav li a::before,
.SpecNav li div::before {
    content: "";
    height: 4px;
    background: #DBDBDB;
    width: 100%;
    position: absolute;
    bottom: 0px;
    display: block;
    z-index: 1;
    left: 0;
}

.SpecNav li.Active a,
.SpecNav li.Active div {
    color: #000;
    font-weight: bold;
}

.SpecNav li.Active a::before,
.SpecNav li.Active div::before {
    background: #08C493;
}

@media(min-width:1125px) {
    .SpecNav li:hover a {
        color: #000;
        font-weight: bold;
    }
    .SpecNav li:hover a::before {
        background: #08C493;
    }
}

@media(max-width:1125px) {
    .SpecNav li:active a::before {
        background: #08C493;
    }
    .SpecNav li:active a {
        font-weight: bold;
        color: #000;
    }
}

.SpecNav li a.active,
.SpecNav li div.active {
    font-weight: bold;
    color: #000;
}

.SpecNav li a.active::before,
.SpecNav li div.active::before {
    background: #08C493;
}

.SpecNav li.NoBorder {
    border-bottom: none;
    margin-top: -14px;
}

.SpecNav li.RightButton {
    float: right;
}

.SpecNav li.NoBorder a {
    border-bottom: none;
}

.SpecNav li.NoRights {
    pointer-events: none;
    opacity: 0.5;
}

.SpecNav li.NoRights .Button {
    color: #000;
    background: none;
    border: none;
    position: relative;
    top: 7px;
    padding: 0;
}

.MobileBtnMenu .NoRights {
    pointer-events: none;
    opacity: 0.5;
}

.MobileBtnMenu .NoRights .Button {
    color: #000;
    background: none;
    border: none;
}

.SpecNav li.SpecPrice {
    text-align: right;
    color: #08C493;
    font-size: 22px;
    font-weight: bold;
    padding-right: 10px;
}

.NavWrapper .ArrowMenu {
    display: none;
    position: absolute;
    cursor: pointer;
}

.NavWrapper .ArrowMenu.Disabled {
    display: none;
}

.NavWrapper .ArrowMenu:first-of-type {
    left: -30px;
    top: 35px;
    transform: rotate(180deg)
}

.NavWrapper .ArrowMenu:last-of-type {
    right: -30px;
    top: 35px;
}

.NavWrapper .ArrowMenu:active {
    opacity: 0.7;
}

.NavWrapper {
    position: relative;
}

.SpecNavWrap {
    max-width: 100%;
    overflow: hidden;
}

[data-position="Settings nav"] li {
    max-width: 130px;
}

[data-position="User info nav"] li {
    max-width: 130px;
}

[data-position="New check nav"] li {
    max-width: 130px;
}

.LiDesktopFloat {
    float: right;
}

.NewUserButtonLi {
    float: right;
    margin-top: -15px;
    max-width: 250px !important;
}

.RequestItems .RequestItem.Block {
    position: relative;
    padding: 17px 30px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 346px;
    height: 272px;
    display: inline-block;
    vertical-align: top;
}

.RequestItems .RequestItem.Block:nth-of-type(3n) {
    margin-right: 0;
}

.ProductsItems .ProductsItemBlock.Block {
    cursor: pointer;
    border: 2px solid #fff;
    position: relative;
    padding: 17px 30px;
    margin-right: 15px;
    margin-bottom: 20px;
    width: 346px;
    height: 165px;
    display: inline-block;
    vertical-align: top;
}

.ProductsItems .ProductsItemBlock.Block:nth-of-type(3n) {
    margin-right: 0 !important;
}

.ProductsItems .ProductsItemBlock.Block .Image {
    width: 130px;
    text-align: center;
    height: 145px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.ProductsItems .ProductsItemBlock.Block .Image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.ProductsItems .ProductsItemBlock.Block .Inn {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.ProductsItems .ProductsItemBlock.Block.Inactive .Inn {
    opacity: 0.4;
}

.ProductsItems .ProductsItemBlock.Block .Info {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
}

.ProductsItems .ProductsItemBlock.Block .Info a {
    text-decoration: none;
    font-size: 16px;
}

.ProductsItems .ProductsItemBlock.Block .Info .Price {
    font-size: 16px;
    font-weight: bold;
    color: #08C493;
}

.ProductsItems .ProductsItemBlock.Block.AddItem {
    font-size: 74px;
    color: #08C493;
    text-align: center;
}

.ProductsItems .ProductsItemBlock.Block.AddItem .Inn {
    margin-top: -10px;
}

.ProductsItems .ProductsItemBlock.Block.Admin .Info a {
    font-weight: bold;
    font-size: 16px;
}

.ProductsItems .ProductsItemBlock.Block:hover {
    border: 2px solid #08C493;
}

.next-photo {
    background: none;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99 !important;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    font-weight: normal;
}

.next-photo-button {
    line-height: 36px;
    transition: 0.5s;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #08C493;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 2px solid #08C493;
    display: inline-block;
    text-align: center;
    position: relative;
}

.ArticlesItems .ArticlesItemBlock.Block {
    transition: border 0.5s;
    cursor: pointer;
    text-align: center;
    box-shadow: none;
    border: 1px solid #E0E0E0;
    position: relative;
    padding: 17px 30px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 346px;
    height: 270px;
    display: inline-block;
    vertical-align: top;
}

.ArticlesItems .ArticlesItemBlock.Block:hover {
    border: 2px solid #08C493;
}

.ArticlesItems .ArticlesItemBlock.Block:nth-of-type(3n) {
    margin-right: 0;
}

.ArticlesItems .ArticlesItemBlock.Block a {
    text-decoration: none;
    font-size: 24px;
    margin-bottom: 5px;
}

.ArticlesItems .ArticlesItemBlock.Block .Inn {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.ArticlesItems .ArticlesItemBlock.Block .Image {
    width: 150px;
    text-align: center;
    max-height: 175px;
    overflow: hidden;
    margin: auto;
}

.NewRequestItems .NewRequestItem.Block {
    transition: border 0.5s;
    cursor: pointer;
    text-align: center;
    box-shadow: none;
    border: 1px solid #E0E0E0;
    position: relative;
    padding: 17px 30px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 346px;
    height: 270px;
    display: inline-block;
    vertical-align: top;
}

.NewRequestItems .NewRequestItem.Block:hover {
    border: 2px solid #08C493;
}

.NewRequestItems .NewRequestItem.Block:nth-of-type(3n) {
    margin-right: 0;
}

.NewRequestItems .NewRequestItem.Block a {
    text-decoration: none;
    font-size: 24px;
    margin-bottom: 5px;
}

.NewRequestItems .NewRequestItem.Block .Inn {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.NewRequestItems .NewRequestItem.Block .Image {
    width: 150px;
    text-align: center;
    max-height: 175px;
    overflow: hidden;
    margin: auto;
}

.DevicesItems .DevicesItem.Block {
    box-shadow: none;
    border: 2px solid transparent;
    transition: border 0.5s;
    position: relative;
    padding: 5px 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 346px;
    height: 165px;
    display: inline-block;
    vertical-align: top;
}

.DevicesItems .DevicesItem.Block:hover {
    border: 2px solid #08C493;
}

.DevicesItems .DevicesItem.Block:nth-of-type(3n) {
    margin-right: 0;
}

.DevicesItems .DevicesItem.Block .Image {
    width: 130px;
    text-align: center;
    max-height: 145px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.DevicesItems .DevicesItem.Block .Inn {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.DevicesItems .DevicesItem.Block .Info {
    display: inline-block;
    vertical-align: middle;
    width: 180px;
}

.DevicesItems .DevicesItem.Block .Info a {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}

.DevicesItems .DevicesItem.Block .Info .Model {
    font-size: 14px;
    color: #A7B3BF;
    margin-bottom: 14px;
}

.DevicesItems .DevicesItem.Block .Info .WarrantyDate {
    font-size: 12px;
}

.DevicesItems .DevicesItem.Block .WarrantyStatus {
    font-size: 14px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    right: 15px;
}

.DevicesItems .DevicesItem.Block .WarrantyStatus::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    display: inline-block;
    margin-right: 5px;
}

.DevicesItems .DevicesItem.Block .WarrantyStatus.Green {
    color: #249200;
}

.DevicesItems .DevicesItem.Block .WarrantyStatus.Red {
    color: #E02020;
}

.DevicesItems .DevicesItem.Block .WarrantyStatus.Green::before {
    background: #249200;
}

.DevicesItems .DevicesItem.Block .WarrantyStatus.Red::before {
    background: #E02020;
}

.RequestDetail .OverviewHead {
    background: #fff;
    border-radius: 8px;
    padding: 22px 22px 0px 22px;
    box-shadow: 0 0 15px rgba(44, 45, 65, 0.05);
}

.RequestDetail.RequestDetailPurchase .OverviewHead {
    margin-bottom: 25px;
    box-shadow: none;
}

.RequestDetail.RequestDetailPurchase .PurchaseItems {
    border-top: 0;
}

.RequestDetail.RequestDetailPurchase .PurchaseItems .OrderProduct {
    border-top: 1px solid #E0E0E0;
    border-bottom: 0;
    position: relative;
    padding: 30px 0 30px 0 !important;
}

.RequestDetail.RequestDetailPurchase .PurchaseItems .OrderProductAdd {
    padding: 15px 0 15px 0 !important;
}

.RequestDetail.RequestDetailPurchase .PurchaseItems .OrderProduct .PayType {
    font-weight: bold;
}

@media (min-width: 1126px) {
    .RequestDetail.RequestDetailPurchase .PurchaseItems .OrderProduct .PayType {
        position: absolute;
        bottom: 30px;
        right: 0;
        font-weight: bold;
    }
}

.RequestDetail .OverviewHead a[href^="mailto:"] {
    text-decoration: none;
}

.RequestDetail .OverviewHead a:hover {
    opacity: 0.7;
}

.RequestDetail .OverviewHead .Heading {
    color: #08C493;
    font-size: 30px;
    font-weight: bold;
    max-width: 60%;
    float: left;
    display: inline-block;
}

.RequestDetail .OverviewHead .Stat {
    float: right;
    margin-top: 15px;
    font-weight: bold;
}

.RequestDetail .OverviewHead .Stat::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
}

.RequestDetail .OverviewHead .Stat.Probíhá::before {
    background: #EB7700;
}

.RequestDetail .OverviewHead .Stat.Probíhá {
    color: #EB7700;
}

.RequestDetail .OverviewHead .Stat.Hotovo::before {
    background: #249200;
}

.RequestDetail .OverviewHead .Stat.Hotovo {
    color: #249200;
}

.RequestDetail .OverviewHead .Stat.Zrušeno::before {
    background: black;
}

.RequestDetail .OverviewHead .Stat.Zrušeno {
    color: black;
}

.RequestDetail .OverviewHead .Stat.Nový::before {
    background: #08C493;
}

.RequestDetail .OverviewHead .Stat.Nový {
    color: #08C493;
}

.RequestDetail .OverviewHead {
    margin-bottom: 40px;
}

.RequestDetail .OverviewHead .TableOpener {
    border-top: 1px solid #E0E0E0;
    padding: 20px 50px 0 0;
    position: relative;
    width: 100%;
}

.RequestDetail .OverviewHead .TableOpener .Title {
    font-size: 21px;
    font-weight: bold;
}

.RequestDetail .OverviewHead .TableOpener .OpenIcon {
    position: absolute;
    right: 15px;
    top: 30px;
    cursor: pointer;
    transition: 0.5s;
}

.RequestDetail .OverviewHead .Bottom.Opened .TableOpener .OpenIcon {
    transform: rotate(180deg);
}

.RequestDetail .OverviewHead .Bottom.Opening .TableOpener .OpenIcon {
    transform: rotate(180deg);
}

.RequestDetail .OverviewHead .TableOpener {
    cursor: pointer;
}

.RequestDetail .OverviewHead .TableOpener:hover {
    opacity: 0.8;
}

.RequestDetail .OverviewHead .Bottom table {
    display: table;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.RequestDetail .OverviewHead .Bottom .Panel {
    position: static;
    margin-top: 20px;
    overflow: hidden;
}

.RequestDetail .OverviewHead .Bottom.Opened table {
    border-top: 1px solid #E0E0E0;
}

.RequestDetail .OverviewHead .Bottom.Opening table {
    border-top: 1px solid #E0E0E0;
}

.RequestDetail .OverviewHead .Bottom table tr {
    border-bottom: 0;
}

.RequestDetail .OverviewHead .Bottom table tr td {
    font-size: 18px;
    padding: 10px 25px;
    vertical-align: top;
}

.RequestDetail .OverviewHead .Bottom table tr td:nth-of-type(odd) {
    width: 25%;
}

.RequestDetail .OverviewHead .Bottom table tr td:nth-of-type(even) {
    width: 35%;
}

.RequestDetail .MessagesBlock .FloatLeft {
    margin-left: 22px;
}

.RequestDetail .FloatLeft {
    margin-left: 22px;
}

.RequestDetail .FloatLeft .Title {
    font-size: 24px;
    font-weight: bold;
}

.RequestDetail .FloatLeft .SubTitle {
    font-size: 14px;
}

.RequestDetail .FloatRight .SmallerButton {
    margin-top: 10px;
}

.Messages {
    background: #fff;
    border-radius: 8px;
    padding: 0px 15px;
    margin: 15px 0 45px 0;
    box-shadow: 0 0 15px rgba(44, 45, 65, 0.05);
}

.Messages .MessageItem {
    min-height: 110px;
    position: relative;
    padding: 22px 220px 22px 150px;
    border-top: 1px solid #E0E0E0;
}

.Messages .MessageItem.DisplayedFullText .OpenIcon {
    display: none;
}

.Messages .MessageItem:first-of-type {
    border-top: 0;
}

.Messages .MessageItem .SeenIcon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    top: 45px;
    left: 10px;
    background: #08C493;
}

.Messages .MessageItem[data-msg-seen="1"] .SeenIcon {
    background: #BBBBBB;
    opacity: 0;
    width: 0;
    margin: 0;
}

.Messages .MessageItem.Seen .SeenIcon {
    background: #BBBBBB;
}

.Messages .MessageItem .Avatar {
    position: absolute;
    left: 55px;
    top: 25px;
    width: 66px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    border-radius: 100%;
    background: #D8D8D8 no-repeat center center;
    background-size: cover;
    color: white;
    background-size: cover;
    background-position: center center;
}

.Messages .MessageItem .Avatar .Initials {
    display: none;
}

.Messages .MessageItem .Avatar[data-image=""] .Initials {
    display: block;
    color: #B4B4B4;
    font-size: 27px;
    font-weight: bold;
}

.Messages .MessageItem .Name {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.Messages .MessageItem .InsertedDate {
    width: 120px;
    position: absolute;
    right: 40px;
    top: 45px;
    font-size: 18px;
    text-align: left;
}

.Messages .MessageItem.WithAnswerButton .InsertedDate {
    top: 17px;
}

.Messages .MessageItem .OpenIcon {
    position: absolute;
    right: 15px;
    top: 50px;
    cursor: pointer;
    transition: 0.5s;
}

.Messages .MessageItem .OpenIcon:hover {
    opacity: 0.6;
}

.Messages .MessageItem.Opened .OpenIcon {
    transform: rotate(180deg);
}

.Messages .MessageItem.Opening .OpenIcon {
    transform: rotate(180deg);
}

.Messages .MessageItem .Text.Panel {
    height: 0;
    line-height: 18px;
    font-size: 16px;
    position: static;
    min-height: 36px;
    overflow: hidden;
}

.Messages .MessageItem .Text .SmallerButton {
    opacity: 0;
    width: 115px;
    position: absolute;
    right: 70px;
    top: 105px;
    transition: opacity 0.5s;
    visibility: hidden;
}

.Messages .MessageItem .SmallerButton {
    width: 105px;
    margin-top: 12px;
}

.Messages .MessageItem.Opened .Text {}

[data-type="Requests"] .RequestDetail .Messages .MessageItem .Name,
[data-type="AdminRequests"] .Messages .MessageItem .Name {
    margin-top: -2px;
}

[data-type="AdminRequests"] .Messages .MessageItem[data-current-rows="1"] {
    padding-bottom: 16px;
}

[data-type="Requests"] .RequestDetail .Messages .MessageItem[data-current-rows="1"] .Name,
[data-type="AdminRequests"] .Messages .MessageItem[data-current-rows="1"] .Name {
    margin-top: 6px;
}

@media (max-width: 430px) {
    [data-type="AdminRequests"] .Messages .MessageItem .Name {
        margin-top: 8px !important;
    }
}

.HideTheWord {
    visibility: hidden;
}

.Opening .EndOfLine,
.Opened .EndOfLine {
    display: none;
}

.Opening .HideTheWord,
.Opened .HideTheWord,
.Closing .HideTheWord {
    visibility: visible;
}

.RequestDetail .ArticlesBlock {
    margin-top: 15px;
}

.DialogContent {
    border-radius: 8px;
}

.DialogContent .Close:hover svg path {
    fill: #000;
}

.DialogContent.NewMessageDialog.ReplyMsg {
    max-width: 575px;
    padding: 45px;
    font-size: 15px;
    color: #9E9E9E;
}

.DialogContent.NewMessageDialog.NewMsg {
    max-width: 500px;
    padding: 45px;
    font-size: 15px;
    color: #9E9E9E;
}

.DialogContent.NewMessageDialog .LabelColumn label {
    display: none;
}

.DialogContent.NewMessageDialog .Item {
    width: 100%;
    margin-bottom: 20px;
}

.DialogContent h2 {
    font-size: 31px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #000;
}

.DialogContent textarea {
    font-size: 16px;
    padding: 17px;
}

.DialogContent .Button.BlueButton {
    width: 380px;
    margin: auto;
}

.DialogContent.NewMessageDialog.NewMsg .Button.BlueButton {
    width: 100%;
    margin: auto;
}

.DialogArticles {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    max-width: 100% !important;
    width: 100%;
    background: #08C493;
    position: fixed;
    bottom: 0;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex;
    animation-name: fromDown;
    animation-duration: 1s;
    transform: translateY(0);
    transition: 1s;
}

.DialogArticles.HiddenDown {
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
}

.DialogArticles .ArtilesSuccessBox {
    display: flex;
    margin: auto;
}

.DialogArticles .ArtilesSuccessBox .CirclePoints {
    padding: 10px;
    margin-left: 20Px;
    background: white;
    border-radius: 100%;
    display: flex;
    margin: auto;
}

.DialogArticles .ArtilesSuccessBox .CirclePoints p {
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    margin: auto;
}

.DialogArticles .ArtilesSuccessBox .PointsText {
    text-align: left;
    margin-left: 15px;
}

.DialogArticles .ArtilesSuccessBox .PointsText h3 {
    color: white;
    font-weight: bold;
    font-size: 23px;
    margin-top: 15px;
}

.DialogArticles .ArtilesSuccessBox .PointsText p {
    color: white;
    font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
}

.SuccessModule {
    display: flex;
}

@media (max-width: 1125px) {
    .SuccessModule .TwoThirdsBlock {
        width: 716px !important;
    }
    .SuccessModule .AdminMessagesDash {
        width: 345px !important;
    }
}

@media (max-width: 768px) {
    .SuccessModule {
        display: flex;
        flex-direction: column;
    }
    .SuccessModule .TwoThirdsBlock {
        width: 100% !important;
        float: left !important;
        order: 2;
    }
    .SuccessModule .AdminMessagesDash {
        order: 1;
        width: 100% !important;
        float: left !important;
    }
}

.SuccessList {
    padding: 43px;
    width: 100%;
}

.SuccessList h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
}

.MySuccessBox {
    display: flex;
    margin: auto;
}

.MySuccessBox .CirclePoints {
    color: white !important;
    border-radius: 100%;
    display: flex;
    margin: auto 0;
}

.MySuccessBox .CirclePoints p {
    background: #08C493;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    margin: auto;
    padding: 10px;
    border-radius: 100%;
}

.MySuccessBox .PointsText {
    text-align: left;
    margin-left: 15px;
}

.MySuccessBox .PointsText h3 {
    color: black;
    font-weight: bold;
    font-size: 17px;
    margin-top: 15px;
}

.MySuccessBox .PointsText p {
    color: black;
    font-size: 12px;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 500;
}

.SuccessDate {
    opacity: 0.5;
}

.MySuccessTr td {
    padding: 10px !important;
}

.SuccessLevelBox .SuccessCircle {
    background: #08C493;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: white;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.SuccessLevelBox .SuccessCircle .SuccessCenter {
    margin: auto;
}

.SuccessLevelBox .SuccessCircle .SuccessCenter p:first-child {
    font-size: 55px;
    padding: 0;
}

.SuccessLevelBox .SuccessCircle .SuccessCenter p:last-child {
    font-size: 18px;
    padding: 0;
}

.SuccessLevelBox .SuccessProgress {
    width: 100%;
    display: flex;
    margin-top: 30px;
    font-size: 16px;
    line-height: 18px;
    justify-content: space-between;
}

.SuccessLevelBox .SuccessProgress progress {
    -webkit-appearance: none;
    margin: 0 5px 0 5px;
    height: 18px;
    width: 80%;
}

.SuccessLevelBox .SuccessProgress progress::-webkit-progress-bar {
    border-radius: 20px;
    background: #DCDCDC;
}

.SuccessLevelBox .SuccessProgress progress::-webkit-progress-value {
    border-radius: 20px;
    background: #08C493;
}

.SuccessLevelBox .SucessExp {
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
    color: #808080;
    font-weight: 600;
}

.SuccessLevelBox .SucessLevel {
    margin-top: 25px;
    text-align: center;
    font-size: 45px;
    color: #08C493;
}

.SuccessLevelBox .SucessNextlevel {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
}

@keyframes fromDown {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.SmallerButton {
    line-height: 36px;
    transition: 0.5s;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #08C493;
    width: 190px;
    height: 40px;
    border-radius: 8px;
    border: 2px solid #08C493;
    display: inline-block;
    text-align: center;
}

.SmallerButton:hover {
    color: #08C493;
    background: none;
}

.SmallerButton.Inv {
    color: #08C493;
    background: none;
}

.SmallerButton.Inv:hover {
    color: #fff;
    background: #08C493;
}

.Button.AddDeviceBtn {
    width: 175px;
    color: #fff;
    text-transform: uppercase;
}

.Button.AddDeviceBtn:hover {
    border: 1px solid #08C493;
    color: #08C493;
}

.PurchaseForm .Left {
    float: left;
    width: 350px;
    margin-right: 30px;
    margin-top: 20px;
}

.PurchaseForm .Left .Image {
    margin-bottom: 20px;
}

.PurchaseForm .Left .Desc {
    color: #8D8D8D;
    font-size: 20px;
    max-width: 100%;
}

.PurchaseForm .Right .Desc {
    color: #8D8D8D;
    font-size: 20px;
}

.PurchaseForm .Desc.Mobile {
    margin-top: 25px;
}

.PurchaseForm .Mobile {
    display: none;
}

.PurchaseForm .Right .Desc .ItemParameters {
    margin-top: 30px;
}

.Mobile .ItemParameters {
    margin-top: 30px;
}

.Mobile .ItemParameters .ParTitle {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #2C2D41;
    margin-bottom: 10px;
}

.ItemParameters .ParTitle {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    color: #2C2D41;
    margin-bottom: 10px;
}

.PurchaseForm .Right {
    float: right;
    width: 630px;
    margin-top: 20px;
}

.PurchaseForm .Name {
    font-weight: bold;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
}

.PurchaseForm .Quantity {
    display: block;
    vertical-align: middle;
    font-size: 20px;
    color: #8D8D8D;
    margin-top: 10px;
}

.PurchaseForm .Quantity input {
    width: 80px;
    height: 46px;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background: #fff;
    text-align: center;
    outline: none;
    margin-right: 5px;
    font-size: 17px;
}

.PurchaseForm .Variants,
.PurchaseForm .Colors {
    margin-top: 25px;
}

.PurchaseForm .Variants .VarName,
.PurchaseForm .Colors .VarName {
    font-size: 24px;
    margin-bottom: 15px;
}

.PurchaseForm .Variants .VarName .Selected,
.PurchaseForm .Colors .VarName .Selected {
    color: #08C493;
    font-size: 20px;
}

.PurchaseForm .RadioItem {
    font-size: 16px;
    padding: 0 15px;
    text-align: left;
    margin-right: 0;
}

.PurchaseForm .RadioItem.Disabled,
.PurchaseForm .VarName.Disabled,
.PurchaseForm .VarName.Disabled+.Params,
.PurchaseForm .Disabled {
    display: none;
}

.PurchaseForm .Variants .Params {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.SpecStock {
    font-size: 17px;
    font-weight: bold;
}

.SpecStockDiv {
    margin-top: 20px;
    margin-bottom: 10px;
}

.SpecPN {
    font-size: 17px;
    font-weight: bold;
}

.SpecPNDiv {
    font-size: 17px;
    font-weight: bold;
}

.RadioItem {
    transition: 0.5s;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    height: 85px;
    width: 300px;
    margin-bottom: 30px;
    margin-right: 15px;
    border: 2px solid #fff;
    background: #fff;
    text-align: center;
    font-size: 23px;
    color: #000;
    border-radius: 8px;
}

.Params .RadioItem:nth-of-type(2n) {
    margin-right: 0;
}

.RadioItem:hover {
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
}

.RadioItem .Inn {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.Params input[type="radio"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.Params input[type="radio"]:checked+.RadioItem {
    border: 2px solid #08C493;
}

.Colors .RadioItem {
    width: 45px;
    height: 45px;
    margin-right: 20px !important;
    border-radius: 50%;
}

.Colors .RadioItem .Inn {
    display: none;
}

.RadioItemStep2 {
    height: 100px;
    position: relative;
    text-align: left;
    transition: 0.5s;
    cursor: pointer;
    padding: 30px;
    display: inline-block;
    vertical-align: middle;
    width: 32%;
    margin-bottom: 20px;
    margin-right: 15px;
    border: 2px solid #fff;
    background: #fff;
    font-size: 23px;
    color: #000;
    border-radius: 8px;
}

.RadioItemStep2.Smaller {
    height: auto;
}

.RadioItemStep2.Smaller .NameSmaller {
    font-size: 20px;
    border-bottom: 2px solid #eeeeee;
    margin-bottom: 17px;
    padding-bottom: 5px;
    display: inline-block;
    padding-right: 15px;
}

.RadioItemStep2.Smaller .PriceSmaller {
    font-size: 25px;
}

.RadioItemStep2 .Title {
    color: #C5C5C5;
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 20px;
}

.RadioItemStep2 .Name {
    font-size: 27px;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 30px;
    width: 100%;
}

.RadioItemStep2 .Price {
    position: absolute;
    bottom: 25px;
    left: 30px;
    font-size: 25px;
}

.RadioItemStep2 ul li {
    font-size: 20px;
    line-height: 38px;
    color: #717171;
}

.PurchaseForm2 .RadioItemStep2:nth-of-type(3n) {
    margin-right: 0;
}

.RadioItemStep2:hover {
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
}

.PurchaseForm2 input[type="radio"] {
    width: 0;
    height: 0;
    overflow: hidden;
    display: none;
    position: absolute;
    left: -99999px;
}

.PurchaseForm2 input[type="radio"]:checked+.RadioItemStep2 {
    border: 2px solid #08C493;
}

.PurchaseForm2 .MobileTitleStep2 {
    display: none;
}

.PurchaseForm2 {
    margin-top: 30px;
    display: flex;
    flex-flow: row wrap;
}

.PurchaseForm2 .ButtonRightArrow {
    width: 100%;
    text-align: right;
}

.PurchaseForm2 .HidingGroup {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.ExtraItem {
    margin-bottom: 30px;
}

.ExtraItem h2 {
    font-size: 25px;
    font-weight: bold;
}

.ExtraItem h3 {
    font-size: 16px;
    margin-bottom: 30px;
}

.ExtraItem label {
    color: #000;
    cursor: pointer;
    position: relative;
    transition: 0.5s;
    padding: 18px 130px 18px 70px;
    background: #fff;
    display: block;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #fff;
}

.ExtraItem label .IconPlus {
    position: absolute;
    left: 24px;
    top: 32px;
}

.ExtraItem label .IconChecked {
    display: none;
    position: absolute;
    left: 24px;
    top: 44px;
}

.ExtraItem label .Name {
    font-size: 22px;
    max-width: 570px;
    font-weight: bold;
}

.ExtraItem label .Text {
    font-size: 15px;
    max-width: 570px;
}

.ExtraItem label .Price {
    position: absolute;
    right: 15px;
    top: 35px;
    font-size: 22px;
    font-weight: bold;
}

.ExtraItem label .Price span {
    font-size: 13px;
}

.ExtraItem label:hover {
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}

.ExtraItem input[type="checkbox"]:checked+label {
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}

.ExtraItem input[type="checkbox"]:checked+label .IconChecked {
    display: flex;
}

.ExtraItem input[type="checkbox"]:checked+label .IconPlus {
    display: none;
}

.ExtraItem input[type="checkbox"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.ExtraItem input[type="radio"]:checked+label {
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}

.ExtraItem input[type="radio"]:checked+label .IconChecked {
    display: block;
}

.ExtraItem input[type="radio"]:checked+label .IconPlus {
    display: none;
}

.ExtraItem input[type="radio"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.ExtraItem.LastStep .RemoveAddFromPurchase {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    transform: scale(0.65);
}

.ExtraItem.LastStep .RemoveAddFromPurchase:hover {
    opacity: 0.7;
}

/* .ExtraItem.LastStep .Price {
    top: 55px;
} */

.ExtraItem.LastStep .IconChecked {
    display: block;
}

.ExtraItem.LastStep {
    margin-bottom: 15px;
}

.ExtraItem.LastStep label {
    cursor: default;
}

.products_item {
    margin-bottom: 150px;
}

.products_item .Image a:not(:first-child) {
    position: absolute;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
}

.products_item .Title {
    font-size: 23px;
    margin-bottom: 5px;
    font-weight: bold;
}

.products_item .Subtitle {
    font-size: 18px;
    margin-bottom: 5px;
}

.products_item_order {
    margin-bottom: 0;
}

.FixedPrice {
    background: #F6F7F9;
    border-top: 2px solid #DBDBDB;
    position: fixed;
    bottom: 0;
    left: 295px;
    width: calc(100% - 295px);
    padding: 25px 0;
    text-align: right;
    transition: bottom 0.5s;
}

.FixedPrice.Non {
    bottom: -150px;
}

.FixedPrice .Inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.FixedPrice .Continue {}

.FixedPrice .PriceBlock {
    margin-right: 50px;
}

.FixedPrice .PriceBlock .SpecPrice {
    color: #08C493;
    font-size: 30px;
    font-weight: bold;
}

.FixedPrice .PriceBlock .TaxTag {
    font-size: 18px;
}

.FixedPrice.LastStep {
    text-align: center;
}

.FixedPrice.LastStep .Inner {
    display: block;
}

.FixedPrice.LastStep .PriceBlock {
    float: right;
    margin-right: 0;
    width: 275px;
    text-align: right;
}

.FixedPrice.LastStep .PriceBlock .SpecPriceText {
    font-size: 30px;
    font-weight: bold;
}

.FixedPrice.LastStep .ButtonsBlock {
    margin-right: -250px;
    display: inline-block;
    padding-top: 10px;
}

.FixedPrice.LastStep .ButtonsBlock .Button {
    margin: 5px 20px;
}

.ArticleDetail {
    padding: 35px 55px;
    float: left;
    width: 848px;
}

.ArticleDetail .Top .FloatLeft {
    font-size: 16px;
    color: #959595;
    padding-top: 3px;
}

.ArticleDetail .Top .Price {
    font-size: 14px;
    font-weight: bold;
    width: 110px;
    border: 1px solid #959595;
    border-radius: 8px;
    color: #959595;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.ArticleDetail .Top {
    margin-bottom: 60px;
}

.ArticleDetail .PriceBox {
    float: right;
    width: 190px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #E0E0E0;
    padding: 22px 25px 20px 25px;
}

.ArticleDetail .PriceBox .PriceTitle {
    font-size: 18px;
    margin-bottom: 5px;
}

.ArticleDetail .PriceBox .PriceBlue {
    font-size: 18px;
    margin-bottom: 15px;
    color: #08C493;
}

.ArticleDetail .PriceBox .ReadTime {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.ArticleDetail .PriceBox .SmallerButton {
    width: 100%;
}

.ArticleDetail .ArticleInnerLocked {
    width: 100%;
    max-width: 500px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
}

.ArticleDetail .ArticleInnerLocked .Name {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 40px;
}

.ArticleDetail .ArticleInnerLocked .Text {
    font-size: 16px;
}

.ArticleDetail .ArticleInner {
    float: left;
}

.ArticleDetail .ArticleInner .Name {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 40px;
}

.ArticleDetail .ArticleInner .Text {
    font-size: 20px;
}

.ArticleDetail .Image.VideoBlockDetail {
    display: block !important;
    max-width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.ArticleDetail .Image video {
    max-width: 100%;
    min-width: 100%;
    background: transparent no-repeat;
    background-size: cover;
}

textarea.TextContent {
    font-size: 16px;
}

.TextContent h2 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 24px;
}

.TextContent h3 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
}

.TextContent h4 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
}

.TextContent p {
    margin-bottom: 15px;
    font-size: 18px;
}

.TextContent a {
    color: #08C493;
    cursor: pointer;
    text-decoration: none;
}

.TextContent a:hover {
    text-decoration: underline;
}

.TextContent .Image video {
    max-width: 100%;
    margin-bottom: 10px;
}

.TextContent ul {
    margin-left: 25px;
}

.TextContent ol {
    margin-left: 25px;
}

.TextContent ol li {
    list-style-type: decimal;
    font-size: 18px;
}

.TextContent ul li {
    list-style-type: disc;
    font-size: 18px;
}

.OthersArticles {
    float: right;
    width: 200px;
    margin-top: 5px;
}

.OthersArticles h2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.ArticleDetailArticle {
    padding: 15px 20px;
    transition: background 0.3s;
}

.ArticleDetailArticle:hover {
    background: #fbfbfb;
}

.ArticleDetailArticle .Top .FloatLeft {
    font-size: 11px;
    color: #959595;
    padding-top: 3px;
}

.ArticleDetailArticle .Top .Price {
    font-size: 11px;
    font-weight: bold;
    color: #08C493;
}

.ArticleDetailArticle .Top {
    margin-bottom: 20px;
}

.ArticleDetailArticle .Name {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
}

.ArticleDetailArticle .Text {
    font-size: 16px;
    max-height: 103px;
    overflow: hidden;
    color: #7B7B7B;
}

.ArticleDetailArticle .Text .HideTheWord {
    display: none;
}

.DialogContent.UnlockArticleDialog {
    max-width: 360px;
    padding: 50px;
    text-align: center;
}

.DialogContent.UnlockArticleDialog p {
    color: #868686;
    font-size: 17px;
    margin-bottom: 18px;
}

.DialogContent.UnlockArticleDialog .Price {
    font-weight: bold;
    font-size: 33px;
    margin-bottom: 5px;
}

.DialogContent.AddDevice {
    max-width: 390px;
    padding: 45px;
}

.DialogContent.AddDevice input {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.DialogContent.AddDevice .NiceSelectWrapper select {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.DialogContent.AddDevice label {
    font-size: 14px;
    color: #000;
    margin-bottom: 7px;
    display: block;
}

.DialogContent.AddDevice .CalendarOpener.Invalid .Value {
    border: 1px solid red !important;
}

.NiceSelectWrapper .ErrorMsg {
    display: none !important;
}

.DialogArticle {
    cursor: pointer;
}

.DialogContent .CalendarOpener .Value {
    cursor: pointer;
    position: relative;
    padding: 0 20px;
    background: white;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.DialogContent .CalendarOpener .Value svg {
    position: absolute;
    top: 9px;
    right: 11px;
}

.DeviceDetail {
    margin-bottom: 40px;
}

.DeviceDetail .ItemDetail {
    padding: 30px;
    width: 345px;
    float: left;
    vertical-align: middle;
    height: 165px;
    background: #fff;
    border-radius: 8px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.DeviceDetail .ItemDetail:nth-of-type(3n+2) {
    margin-right: 0;
}

.DeviceDetail .ItemDetail.First {
    position: relative;
    width: 710px;
    margin-left: 0;
    background: none;
    border: 2px solid #08C493;
}

.DeviceDetail .ItemDetail.First .DeleteDevice {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.DeviceDetail .ItemDetail.First .DeleteDevice:hover {
    opacity: 0.7;
}

.DeviceDetail .ItemDetail.First .Image {
    width: 165px;
    height: 97px;
    display: inline-block;
    vertical-align: middle;
}

.DeviceDetail .ItemDetail.First .Image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.DeviceDetail .ItemDetail.First .Info {
    width: 350px;
    display: inline-block;
    vertical-align: middle;
}

.DeviceDetail .ItemDetail.First .Info .Name {
    font-weight: bold;
    font-size: 28px;
}

.DeviceDetail .ItemDetail.First .Info .Model {
    font-size: 20px;
    color: #6D6D6D;
    margin-bottom: 4px;
}

.DeviceDetail .ItemDetail.First .Info .Warranty {
    font-size: 16px;
}

.DeviceDetail .ItemDetail.Last {
    width: 710px;
    margin-right: 0;
    margin-left: 0;
}

.DeviceDetail .ItemDetail.Last textarea {
    width: 100%;
    height: 100%;
    border: 0;
    color: #B2B2B2;
    font-size: 18px;
    padding: 0;
}

.DeviceDetail .Button {
    width: 180px;
    margin-top: 10px;
}

.DeviceDetail .ButtonPlace {
    width: 100%;
    display: block;
}

.DeviceDetail .ItemDetail .InfoBlock {
    width: 205px;
    display: inline-block;
    vertical-align: top;
}

.DeviceDetail .ItemDetail .InfoBlock .Heading {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 5px;
}

.DeviceDetail .ItemDetail .InfoBlock .SubHeading {
    border-bottom: 1px solid #A7B3BF;
    padding-bottom: 5px;
    font-size: 17px;
}

.DeviceDetail .ItemDetail .InfoBlock .SubHeading input {
    font-size: 17px;
    background: none;
    border: none;
    height: auto;
    padding: 0;
    border-radius: 0;
}

.DeviceDetail .ItemDetail .InfoBlock .Link {
    margin-top: 20px;
    color: #08C493;
    cursor: pointer;
}

.DeviceDetail .ItemDetail .InfoBlock .Link:hover {
    text-decoration: underline;
}

.DeviceDetail .ItemDetail .Icon {
    width: 40px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.UserUpdateForm {
    padding: 45px;
}

.UserUpdateForm {
    float: left;
    width: 730px;
}

.UserUpdateForm h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
}

.plusicon {
    position: relative;
    top: -2px;
}

.ChangePass.Block h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
}

.ChangePass.Block {
    float: right;
    width: 325px;
    padding: 45px 40px;
}

.ChangePass.Block .Item {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
}

.ChangePass.Block .Item .LabelColumn {
    font-size: 15px;
    color: #888888;
}

.ChangePass.Block .Item .LabelColumn .ErrorMsg {
    position: relative;
    top: 6px;
}

.ChangePass.Block .Item input {
    width: 100%;
    height: 42px;
    line-height: 42px;
}

.NotificationsList {
    padding: 43px;
}

.NotificationsList h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 35px;
}

.ButtonsAdminProducts .Button {
    display: inline-block;
    width: auto;
    margin-right: 10px;
    padding: 0 25px;
}

.ButtonsAdminProducts {
    margin-bottom: 25px;
}

.ItemStep4 {
    padding: 30px;
    min-height: 240px;
    position: relative;
}

.ItemStep4 .Image {
    width: 210px;
    height: 210px;
    display: inline-block;
    vertical-align: middle;
}

.ItemStep4 .Image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ItemStep4 .InfoBlock {
    width: 330px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.ItemStep4 .InfoBlock .Name {
    font-weight: bold;
    font-size: 22px;
}

.ItemStep4 .InfoBlock .Params {
    font-size: 17px;
}

.ItemStep4 .RemoveProductFromPurchase {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    transform: scale(0.65);
}

.ItemStep4 .RemoveProductFromPurchase:hover {
    opacity: 0.7;
}

@media (min-width: 1001px) {
    .ItemStep4 .GntBox {
        height: 32px;
        display: flex;
        line-height: 32px;
        position: absolute;
        top: 110px;
        right: 400px;
    }
}

.ItemStep4 .Gnt {
    height: 32px;
    border: 1px solid #08C493;
    border-radius: 8px;
    padding: 0 10px;
    color: #08C493;
    display: inline-block;
    line-height: 32px;
}

.ItemStep4 .QuantityButton {
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    background: #08C493;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.ItemStep4 .QuantityButtonPlus {
    margin-left: 3px;
}

.ItemStep4 .QuantityButtonMinus {
    margin-right: 3px;
}

.ItemStep4 .QuantityButton:hover {
    opacity: .8;
}

.ItemStep4 .Price {
    width: 170px;
    color: #000;
    font-size: 26px;
    text-align: right;
    position: absolute;
    top: 100px;
    right: 30px;
}

.ItemStep4 .NoTaxPrice {
    width: 170px;
    color: #BABABA;
    font-size: 26px;
    text-align: right;
    position: absolute;
    top: 100px;
    right: 220px;
}

.ItemStep4 .DescPrice {
    font-size: 12px;
    display: block;
}

.ItemStep4 .PayType {
    width: 220px;
    text-align: right;
    font-size: 17px;
    display: block;
    font-weight: bold;
    position: absolute;
    right: 30px;
    bottom: 15px;
}

@media (max-width: 1000px) {
    .ItemStep4 .GntBox {
        height: 50px;
        display: flex;
        line-height: 32px;
        position: relative;
        top: auto !important;
        right: auto !important;
        display: flex;
        justify-content: center;
        margin: 8px 0;
    }
    .ItemStep4 .GntBox form {
        margin: auto 5px !important;
    }
}

.FinishPurchaseForm {
    text-align: center;
    margin: 50px 0;
}

.FinishPurchaseForm .Button {
    margin: 5px;
}

.AddProductsCategoriesLi {
    float: right;
}

.AddDeviceBtnLi {
    float: right;
}

.DialogContent.SuccessOrder {
    max-width: 400px;
    text-align: center;
    padding: 50px 0;
}

.DialogContent.SuccessOrder p {
    margin: 10px 0 25px 0;
    font-size: 18px;
}

[data-type="AdminProducts"] .SpecNav .AddProductVariant {
    position: relative;
    top: -15px;
}

[data-type="AdminProducts"] .TopSection {
    padding: 20px;
    margin: 20px 0 25px 0;
}

[data-type="AdminProducts"] .TopSection .Column {
    display: inline-block;
    vertical-align: top;
}

[data-type="AdminProducts"] .TopSection .Column.First {
    width: 140px;
    text-align: center;
    margin-right: 15px;
}

[data-type="AdminProducts"] .TopSection .Column.First label:hover {
    text-decoration: underline;
    cursor: pointer;
}

[data-type="AdminProducts"] .TopSection .Column.Second {
    width: 530px;
}

[data-type="AdminProducts"] .TopSection .Column.Second .ItemBlock {
    margin-bottom: 20px;
    width: 235px;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
}

[data-type="AdminProducts"] .TopSection .Column.Second .ItemBlock:nth-of-type(2n) {
    margin-right: 0;
}

[data-type="AdminProducts"] .TopSection .Column.Second .ItemBlock .NiceCheck .Text {
    width: 70%;
    top: -1px;
}

[data-type="AdminProducts"] .TopSection .Column.Second .ItemBlock .NiceCheck {
    margin-top: 15px;
}

[data-type="AdminProducts"] .TopSection .Column.Second input {
    height: 41px;
    font-size: 15px;
}

[data-type="AdminProducts"] .TopSection .Column.Second select {
    height: 41px;
    font-size: 15px;
    background: #fff;
}

[data-type="AdminProducts"] .TopSection .Column.Second .Name {
    font-weight: bold;
    font-size: 15px;
    color: #444444;
}

[data-type="AdminProducts"] .TopSection .Column.Second .Desc {
    font-size: 11px;
    color: #444444;
    float: right;
}

[data-type="AdminProducts"] .TopSection .Column.Third {
    width: 340px;
}

[data-type="AdminProducts"] .TopSection .Column.Third .Name {
    font-weight: bold;
    font-size: 15px;
    color: #444444;
}

[data-type="AdminProducts"] .TopSection .Column.Third textarea {
    font-size: 15px;
    padding: 20px;
    height: 140px;
}

[data-type="AdminProducts"] .Variants {
    padding: 30px;
}

[data-type="AdminProducts"] .Variants h2 {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 20px;
}

[data-type="AdminProducts"] .Variants table .EditProductVariant {
    font-size: 17px;
    font-weight: bold;
    color: #08C493;
    cursor: pointer;
}

[data-type="AdminProducts"] .Variants table .EditProductVariant:hover {
    opacity: 0.8;
}

[data-type="AdminProducts"] .Variants table td {
    font-size: 17px;
    padding: 15px 25px
}

[data-type="AdminProducts"] .Variants table th {
    font-size: 17px;
    font-weight: bold;
    color: #444444;
    padding: 15px 25px
}

[data-type="AdminProducts"] .Buttons .Button {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.AddProductVariantDialog {
    max-width: 790px;
    padding: 70px;
}

.AddProductVariantDialog .Item input {
    height: 41px;
    font-size: 17px;
}

.AddProductVariantDialog .Item label {
    font-size: 15px;
    font-weight: bold;
    color: #444444;
    line-height: 35px;
}

.AddProductVariantDialog .Item[data-input-spec="cpu"] {
    width: 100%;
    margin-right: 0;
}

.AddProductVariantDialog .Item {
    width: 47%;
    float: none;
    margin-right: 0;
    padding: 0;
    margin-bottom: 27px;
}

.AddProductVariantDialog .Item.TextItem {
    font-size: 17px;
}

.AddProductVariantDialog .Items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
}

.AddProductVariantDialog .Button {
    width: 300px;
    display: block;
    margin: 20px auto 0px auto;
    font-size: 16px;
    font-weight: bold;
}

.AddProductVariantDialog .Button.DeleteProductVariant {
    background: none;
    color: #08C493;
    border: none;
}

.AddProductVariantDialog .Button.DeleteProductVariant:hover {
    opacity: 0.85;
}

.AddProductVariantDialog .Button.DeleteProductVariant[data-id=""] {
    display: none;
}

.AddProductVariantDialog .Hr {
    border: 1px solid #E0E0E0;
    position: relative;
    left: -40px;
    width: calc(100% + 80px);
    display: block;
    margin: 35px 0;
}

.AddProductVariantDialog .RadiosBlock {
    float: right;
    margin-top: -38px;
}

.AddProductVariantDialog .RadiosBlock .NiceRadio {
    display: inline-block;
    vertical-align: midlde;
    margin: 0 10px;
}

.AddProductVariantDialog .RadiosBlock .NiceRadio .Bg {
    width: 22px;
    height: 22px;
}

.AddProductVariantDialog .RadiosBlock .NiceRadio input[type="radio"]:checked+label span .InnCircle {
    width: 10px;
    height: 10px;
    top: 5px;
}

.AddProductVariantDialog .RadiosBlock .NiceRadio .InnerText {
    position: relative;
    top: -4px;
}

.UsersItems {
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
}

.UsersItems .Item {
    padding: 30px 15px;
    width: 350px;
    position: relative;
    margin-right: 17px;
}

.UsersItems .Item:nth-of-type(3n) {
    margin-right: 0;
}

.UsersItems .Item .Avatar {
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    line-height: 100px;
}

.UsersItems .Item .Avatar .Initials {
    font-size: 42px;
    font-weight: bold;
    color: #B4B4B4;
}

.UsersItems .Item .InfoBlock {
    width: 185px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.UsersItems .Item .InfoBlock .Name {
    font-weight: bold;
    font-size: 21px;
}

.UsersItems .Item .InfoBlock .Email {
    font-size: 15px;
    color: #6D6D6D;
    margin-bottom: 15px;
}

.UsersItems .Item .InfoBlock .UpdateSingleUser,
.UsersItems .Item .InfoBlock .UpdateEmployee {
    font-size: 14px;
    color: #08C493;
    font-weight: bold;
    cursor: pointer;
}

.UsersItems .Item .InfoBlock .UpdateSingleUser:hover,
.UsersItems .Item .InfoBlock .UpdateEmployee:hover {
    text-decoration: underline;
}

.UsersItems .Item .InfoBlock .ShowSuccessUser,
.UsersItems .Item .InfoBlock .UpdateEmployee {
    font-size: 14px;
    color: #08C493;
    font-weight: bold;
    cursor: pointer;
}

.UsersItems .Item .InfoBlock .ShowSuccessUser:hover,
.UsersItems .Item .InfoBlock .UpdateEmployee:hover {
    text-decoration: underline;
}

.UsersItems .Item .InfoBlock .UpdateSingleUserPassword,
.UsersItems .Item .InfoBlock .UpdateEmployeePassword {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 14px;
    color: #08C493;
    font-weight: bold;
}

.UsersItems .Item .InfoBlock .UpdateSingleUserPassword:hover,
.UsersItems .Item .InfoBlock .UpdateEmployeePassword:hover {
    text-decoration: underline;
}

.DialogContent.NewUser {
    max-width: 390px;
    padding: 65px 50px 40px 50px;
}

.DialogContent.NewUser label {
    font-size: 15px;
    color: #444444;
    margin-bottom: 10px;
    display: block;
}

.DialogContent.NewUser label .Smaller {
    font-size: 10px;
    margin-top: 20px;
}

.DialogContent.NewUser button.Smaller {
    margin-top: 20px;
}

.DialogContent.NewUser label input {
    height: 40px;
    font-size: 15px;
}

.NiceRadio .Bg {
    margin-right: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block !important;
    text-align: center;
    line-height: 15px;
    position: relative;
    top: 2px;
}

.NiceRadio input[type="radio"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    left: -99999px;
}

.NiceRadio input[type="radio"]:checked+label span .InnCircle {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    display: block;
    background: #08C493;
    margin: auto;
    position: relative;
    top: 4px;
}

.NiceRadio label {
    cursor: pointer;
    font-size: 14px !important;
}

.NiceRadio label:hover {
    opacity: 0.8;
}

[data-type="AdminArticles"] .NiceRadio .Bg {
    width: 22px;
    height: 22px;
    top: 5px;
    margin-right: 10px;
    border: 1px solid #C5C5C5;
}

[data-type="AdminArticles"] .NiceRadio label {
    cursor: pointer;
    font-size: 17px !important;
    color: #000;
}

[data-type="AdminArticles"] .NiceRadio input[type="radio"]:checked+label span .InnCircle {
    height: 10px;
    width: 10px;
    top: 5px;
}

.DashBoardFlex {
    display: flex;
    align-items: stretch;
    margin-bottom: 15px;
}

.DashBoardFlex .TwoThirdsBlock.MinHeightTable {
    float: none;
    margin-bottom: 0;
}

.DashBoardFlex .RightDoubleBlock .ThirdBlock {
    float: none;
    height: calc(50% - 7px);
    margin-bottom: 0;
}

.DashBoardFlex .RightDoubleBlock .ThirdBlock:not(.NewsBlockDash) {
    margin-bottom: 14px;
}

.NiceCheck .Bg {
    margin-right: 5px;
    width: 23px;
    height: 23px;
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block !important;
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
    position: relative;
    top: -1px;
}

.NiceCheck input[type="checkbox"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.NiceCheck input[type="checkbox"]:checked+label span .InnCircle {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block;
    background: #08C493;
    margin: auto;
    position: relative;
    top: 5px;
}

.NiceCheck label {
    cursor: pointer;
    font-size: 14px !important;
}

.NiceCheck label:hover {
    opacity: 0.8;
}

.NiceCheck .Text {
    padding-left: 10px;
    width: 89%;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    color: #000;
    position: relative;
    top: 0px;
}

.DialogContent.UpdateUserClient {
    max-width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.DialogContent.UpdateUserClient .InputBlock {
    margin-bottom: 40px;
}

.DialogContent.UpdateUserClient .InputBlock label,
.DialogContent.UpdateUserClient .InputBlock .LabelLike {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
}

.DialogContent.UpdateUserClient .InputBlock label.FulLWidthLabel {
    width: 100%;
}

.DialogContent.UpdateUserClient .InputBlock label:nth-of-type(2n) {
    margin-left: 15px;
}

.DialogContent.UpdateUserClient .InputBlock .LabelLike {
    margin-right: 15px;
}

.DialogContent.UpdateUserClient .InputBlock input {
    height: 41px;
    line-height: 41px;
    font-size: 15px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    font-size: 15px;
    color: #000;
    margin-left: 15px;
    margin-bottom: 10px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock .Avatar {
    margin-right: 5px;
    line-height: 152px;
    height: 152px;
    width: 152px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock .Avatar .Initials {
    font-size: 30px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock .Button {
    text-align: center;
    width: 105px;
    font-size: 11px;
    height: 30px;
    line-height: 27px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock label {
    margin-bottom: 0;
    font-size: 13px;
    vertical-align: middle;
    width: 40%;
    text-align: center;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarRow .ResellerBlockWrap {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarRow .ResellerBlockWrap .Avatar {
    height: 60px;
    width: 170px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarBlock {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    font-size: 15px;
    color: #000;
    margin-left: 15px;
    margin-bottom: 10px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarBlock .Avatar {
    margin-right: 5px;
    line-height: 71px;
    height: 71px;
    width: 71px;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 0;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarBlock .Avatar .Initials {
    font-size: 15px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarBlock .Button {
    text-align: center;
    width: 105px;
    font-size: 11px;
    height: 30px;
    line-height: 27px;
}

.DialogContent.UpdateUserClient .InputBlock .AvatarBlock label {
    margin-bottom: 0;
    font-size: 13px;
    vertical-align: middle;
    width: 40%;
    text-align: left;
}

.DialogContent.UpdateUserClient .InputBlock .Column {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

.DialogContent.UpdateUserClient .InputBlock .Column label {
    width: 100%;
}

.DialogContent.UpdateUserClient .InputBlock .Column label:nth-of-type(2n) {
    margin-left: 0;
}

.DialogContent.UpdateUserClient .InputBlock #AvatarUpdateUser {
    /* width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px; */
}

.DialogContent.UpdateUserClient .InputBlock #ResellerLogoUpdate {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.DialogContent.UpdateUserClient .SubTitle {
    font-size: 15px;
    margin-bottom: 15px;
}

.DialogContent.UpdateUserClient .SubTitle2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.DialogContent.UpdateUserClient .NiceCheck {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-bottom: 5px;
}

.DialogContent.UpdateUserClient .NiceCheck.FullWidth {
    width: 100%;
    margin-bottom: 40px;
}

.DialogContent.UpdateUserClient.NewClient .NiceCheck .Text {
    width: auto;
}

.DialogContent.UpdateUserClient.NewClient .Passwords label:nth-of-type(2) {
    margin-left: 0;
}

.DialogContent.UpdateUserClient .Button.Bottom {
    max-width: 290px;
    width: 100%;
}

.DialogContent.UpdateUserClient hr {
    border-bottom: 1px solid #A7B3BF;
    margin: 15px 0;
}

.NotificationsList table {
    font-size: 19px;
}

.NotificationsList table th {
    border-top: 0;
    font-size: 19px;
}

.NotificationsList table .TextCenter {
    text-align: center;
}

.NotificationsList table .TextCenter .Bool {
    margin: auto;
    cursor: pointer;
}

.NotificationsList table .Right {
    float: right !important;
}

.AdminRights table tr td {
    font-weight: 500;
}

.NotificationsList table .HeadingTd {
    font-weight: bold;
    font-size: 22px;
    color: #08C493;
    padding: 30px 32px 22px 5px;
}

.ProductsResellerList table {
    font-size: 14px;
}

.ProductsResellerList table th {
    border-top: 0;
    font-size: 19px;
}

.ProductsResellerList table .TextCenter {
    text-align: center;
}

.ProductsResellerList table .TextCenter .Bool {
    margin: auto;
    cursor: pointer;
}

.ProductsResellerList table .Right {
    float: right !important;
}

.AdminRights table tr td {
    font-weight: 500;
}

.ProductsResellerList table .HeadingTd {
    font-weight: bold;
    font-size: 22px;
    color: #08C493;
    padding: 30px 32px 22px 5px;
}

.Credits h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
}

.Credits .BillsInputs {
    padding: 40px;
    float: left;
    width: 570px;
}

.Credits .BillsInputs .Item {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
    margin-right: 0;
    padding-top: 5px;
}

.Credits .BillsInputs .Item:nth-of-type(2n) {
    margin-left: 25px;
}

.Credits .BillsInputs input {
    height: 41px;
    line-height: 41px;
    font-size: 15px;
}

@media (min-width:1126px) {
    .Credits .BillsInputs1 {
        width: 535px;
        float: left;
    }
    .Credits .BillsInputs2 {
        float: right;
        width: 535px;
        min-height: 505px;
    }
}

.Credits .DeliveryInfo p {
    padding-bottom: 20px !important;
}

.Credits .CreditsUserAdmin {
    min-height: 289px !important;
}

.Credits .BillsInputs .TextCenter {
    text-align: left !important;
}

.Credits .BillsInputs .Button {
    width: 175px;
    text-align: center;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
}

@media (min-width:430px) {
    .Credits .BillsInputs .Button {
        margin-top: 55px;
    }
}

.Credits .CurrentState {
    padding: 35px 35px 20px 35px;
}

.Credits .CurrentState .Amount {
    width: 65%;
    display: inline-block;
    vertical-align: top;
    font-size: 64px;
    color: #249200;
    text-align: left;
    font-weight: bold;
}

.Credits .CurrentState .Amount .Currency {
    font-weight: 300;
    font-size: 50px;
}

.Credits .CurrentState .RecentPurchase {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    color: #888888;
    font-size: 15px;
    padding-top: 10px;
}

.Credits .PurchaseCredit,
.Credits .ChargeCredit {
    padding: 30px 10px 40px 30px;
}

.Credits .PurchaseCredit .Amount,
.Credits .ChargeCredit .Amount {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.Credits .PurchaseCredit .Amount input,
.Credits .ChargeCredit .Amount input {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
}

.Credits .PurchaseCredit .TextContent,
.Credits .ChargeCredit .TextContent {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    color: #888888;
    font-size: 15px;
    padding-top: 25px;
    padding-left: 20px;
}

.Credits .PurchaseCredit .Button,
.Credits .ChargeCredit .Button {
    width: 175px;
    text-align: center;
    font-size: 15px;
    height: 40px;
    line-height: 36px;
    margin-top: 42px;
}

.Credits .Invoices {
    padding: 40px;
}

.Credits .Invoices .UploadInvoice {
    float: right;
}

.Credits .Invoices h2 {
    float: left;
}

.Credits .Invoices .DownloadPDF {
    font-weight: bold;
    text-decoration: none;
    color: #08C493;
}

.Credits .Invoices .DownloadPDF:hover {
    text-decoration: underline;
}

.Credits .Invoices table {
    font-size: 17px;
}

.Credits .Invoices table .IconPaid {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: center;
    line-height: 15px;
}

.Credits .Invoices table .IconPaid::after {
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    display: block;
    background: #08C493;
    margin: auto;
    position: relative;
    top: 4px;
}

.Credits .Invoices table .IconNonPaid {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: center;
    line-height: 15px;
}

.MessagesBlockAdmin {
    background: #fff;
    border-radius: 8px;
    padding: 0px 15px;
    margin: 15px 0 45px 0;
    box-shadow: 0 0 15px rgba(44, 45, 65, 0.05);
}

.MessagesBlockAdmin .MessageItem {
    height: 115px;
    position: relative;
    padding: 15px 220px 15px 150px;
    border-top: 1px solid #E0E0E0;
    overflow: hidden;
}

.MessagesBlockAdmin .MessageItem:hover {
    opacity: 0.7;
}

.MessagesBlockAdmin .MessageItem:first-of-type {
    border-top: 0;
}

.MessagesBlockAdmin .MessageItem .SeenIcon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    top: 45px;
    left: 10px;
    background: #08C493;
}

.MessagesBlockAdmin .MessageItem[data-msg-seen="1"] .SeenIcon {
    background: #BBBBBB;
    opacity: 0;
}

.MessagesBlockAdmin .MessageItem.Seen .SeenIcon {
    background: #BBBBBB;
}

.MessagesBlockAdmin .MessageItem .Avatar {
    position: absolute;
    left: 55px;
    top: 25px;
    width: 66px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    border-radius: 100%;
    background: #D8D8D8 no-repeat center center;
    background-size: cover;
    color: white;
}

.MessagesBlockAdmin .MessageItem .Avatar .Initials {
    display: none;
}

.MessagesBlockAdmin .MessageItem .Avatar[data-image=""] .Initials {
    display: block;
    color: #B4B4B4;
    font-size: 27px;
    font-weight: bold;
}

.MessagesBlockAdmin .MessageItem .Name .InName {
    font-size: 22px;
    font-weight: bold;
}

.MessagesBlockAdmin .MessageItem .Name.Desktop {
    display: none;
}

.MessagesBlockAdmin .MessageItem .Name.Mobile {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.MessagesBlockAdmin .MessageItem .Name .InText {
    font-size: 16px;
    margin-top: 8px;
    overflow: hidden;
    max-height: 45px;
}

.MessagesBlockAdmin .MessageItem .InsertedDate {
    width: 150px;
    position: absolute;
    right: 110px;
    top: 45px;
    font-size: 18px;
    text-align: right;
}

.MessagesBlockAdmin .MessageItem .OpenIcon {
    position: absolute;
    right: 15px;
    top: 50px;
    cursor: pointer;
    transition: 0.5s;
}

.MessagesBlockAdmin .MessageItem .OpenIcon:hover {
    opacity: 0.6;
}

.StatusChanger {}

.StatusChanger .NewAdminMessageButton {
    width: 140px;
    margin-bottom: 30px;
    float: right;
    background: #A7B3BF;
    border: 1px solid #A7B3BF;
}

.StatusChanger .NewAdminMessageButton:hover {
    background: #fff;
    color: #A7B3BF;
}

.StatusChanger .Btn {
    font-size: 14px;
    top: -13px;
    position: relative;
    cursor: pointer;
}

.StatusChanger .Btn:hover {
    text-decoration: underline;
}

.StatusChanger input[type="radio"] {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: none;
    position: absolute;
    left: -99999px;
}

.StatusChanger .CheckboxItem {
    height: 40px;
    line-height: 42px;
    border-radius: 8px;
    width: 130px;
    margin-right: 10px !important;
    margin-bottom: 30px;
    background: none;
    font-size: 16px;
    font-weight: bold;
}

.StatusChanger .CheckboxItem.Status0 {
    border: 1px solid #08C493;
    color: #08C493;
}

.StatusChanger .CheckboxItem.Status2 {
    border: 1px solid #249200;
    color: #249200;
}

.StatusChanger .CheckboxItem.Status3 {
    border: 1px solid black;
    color: black;
}

.StatusChanger .CheckboxItem.Status1 {
    border: 1px solid #EB7700;
    color: #EB7700;
}

.StatusChanger input[type=radio]:checked+label.CheckboxItem.Status0 {
    background: #08C493;
    color: #fff;
}

.StatusChanger input[type=radio]:checked+label.CheckboxItem.Status2 {
    background: #249200;
    color: #fff;
}

.StatusChanger input[type=radio]:checked+label.CheckboxItem.Status3 {
    background: black;
    color: white;
}

.StatusChanger input[type=radio]:checked+label.CheckboxItem.Status1 {
    background: #EB7700;
    color: #fff;
}

.ArticleEdit {
    margin-bottom: 20px;
}

.ArticleEdit .Left {
    float: left;
    width: 800px;
}

.ArticleEdit .Left input[name="name"] {
    border: none;
    margin-bottom: 20px;
}

.ArticleEdit .Left .Invalid input[name="name"] {
    border: 1px solid red;
}

.ArticleEdit .Left textarea[name="description"] {
    border: none;
    margin-bottom: 20px;
    height: 140px;
    padding-top: 20px;
}

.ArticleEdit .Left .TextContent {
    border: none;
}

.ArticleEdit .Left .TextContent .GEditor {
    margin-bottom: 0;
}

.ArticleEdit .Left .TextContent .GEditor .TextContent {
    padding: 15px;
    height: auto;
    min-height: 1470px;
    font-size: 16px;
    line-height: 23px;
}

.ArticleEdit .Left .HTMLcode {
    background: #fff;
    padding: 15px;
}

.ArticleEdit .Right {
    float: right;
    width: 250px;
}

.ArticleEdit .Right .SmallRight {
    padding: 25px;
}

.ArticleEdit .Right .SmallRight h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ArticleEdit .Right .SmallRight input {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

.ArticleEdit .Right .SmallRight select {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

.ArticleEdit .Right .Button {
    margin-bottom: 10px;
}

.ArticleEdit .Right .Edit {
    color: #08C493;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    text-align: right;
    display: block;
}

.ArticleEdit .DeleteArticle {
    cursor: pointer;
}

.ArticleEdit .DeleteArticle:hover {
    text-decoration: underline;
}

.UploadProgress {
    margin-top: 15px;
    height: 20px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #08C493;
    position: relative;
}

.UploadProgress::after {
    content: "Nahrávám";
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    line-height: 17px;
    width: 100%;
    top: 0;
    text-align: center;
}

.UploadProgress.Uploaded::after {
    content: 'Nahráno';
}

.UploadProgress .Bar {
    height: 100%;
    background: #08C493;
}

.ArticleEdit .Right .ImageBlock .Image {
    width: 115px;
    height: 75px;
    background: #A7B3BF;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
}

.ArticleEdit .Right .ImageBlock label {
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #08C493;
    cursor: pointer;
}

.ArticleEdit .Right .ImageBlock label:hover {
    text-decoration: underline;
}

.ArticleEdit .Right .ImageBlock input {
    display: none;
}

.ArticleEdit .Right .ImageBlock video {
    width: 115px;
    height: 75px;
    background: #A7B3BF;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
}

.ArticleEdit .Left .GEditor .Controls {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 5px 5px 0 0;
}

.AroundTable {
    overflow-x: auto;
}

.NewCategoryArticles .Image {
    width: 115px;
    height: 75px;
    background: #A7B3BF;
    background-size: contain;
    background-position: center center;
}

.NewCategoryArticles .Image[data-image] {
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.NewCategoryArticles .Image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.NewCategoryArticles label[for="file"] {
    text-decoration: underline;
    cursor: pointer;
}

.NewCategoryArticles label[for="file"]:hover {
    opacity: 0.8;
}

.NewCategoryProducts {
    max-width: 700px;
    padding: 55px 55px 40px 55px;
}

.NewCategoryProducts label {
    font-size: 15px;
    color: #444444;
    margin-bottom: 10px;
    display: block;
}

.NewCategoryProducts .Right label {
    margin-bottom: 40px;
}

.NewCategoryProducts .Right .NiceSelectWrapper {
    margin-bottom: 20px;
}

.NewCategoryProducts label .Smaller {
    font-size: 10px;
    margin-top: 20px;
}

.NewCategoryProducts label[for="file"] {
    color: #08C493;
    text-decoration: none;
    text-align: center;
    margin-top: -15px;
    cursor: pointer;
}

.NewCategoryProducts label[for="file"]:hover {
    text-decoration: underline;
}

.NewCategoryProducts button.Smaller {
    margin-top: 20px;
}

.NewCategoryProducts label input {
    height: 40px;
    font-size: 15px;
}

.NewCategoryProducts select {
    height: 40px;
    font-size: 15px;
}

.NewCategoryProducts textarea {
    height: 160px;
    font-size: 15px;
}

.NewCategoryProducts .Image {
    margin: 0 auto 10px auto;
    width: 115px;
    height: 75px;
    background: #A7B3BF;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.NewCategoryProducts .Image[data-image] {
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.NewCategoryProducts .Image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.NewCategoryProducts .Left {
    float: left;
    width: 235px;
}

.NewCategoryProducts .Left .ErrorMsg {
    color: red !important;
    float: none;
    margin-top: -15px;
    margin-bottom: 7px;
    text-align: center;
}

.NewCategoryProducts .Right {
    float: right;
    width: 300px;
}

.NewCategoryProducts .ActiveChange {
    float: right;
    width: 38%;
    position: relative;
    top: 10px;
}

.NewCategoryProducts .ActiveChange .NiceRadio {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.NewCategoryProducts h2 {
    width: 60%;
    float: left;
}

.NiceSelectWrapper {
    position: relative;
}

.NiceSelectWrapper::before {
    pointer-events: none;
    z-index: 1;
    background: url(/Grace/Theme/Design/Images/SelectArrow.svg) no-repeat;
    display: block;
    content: "";
    width: 11px;
    height: 6px;
    position: absolute;
    top: 17px;
    right: 15px;
}

.NiceSelectWrapper::after {
    pointer-events: none;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 1px;
    background: #A7B3BF;
    position: absolute;
    right: 40px;
    display: block;
    content: "";
}

.NiceSelect {
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position: relative;
    cursor: pointer;
}

.NiceSelect:hover {
    opacity: 0.7;
}

.NiceSelect::-ms-expand {
    display: none;
}

[data-type="Clients"] .NiceSelectWrapper::before {
    display: none;
}

[data-type="Clients"] .NiceSelectWrapper::after {
    display: none;
}

.NiceSelectWrapper .Panel {
    z-index: 100;
}

.NiceSelectWrapper .Panel .InItem:first-of-type {
    border-top: 1px solid #C1C1C1;
    border-radius: 5px 5px 0 0;
}

.NiceSelectWrapper .Panel .InItem:last-of-type {
    border-bottom: 1px solid #C1C1C1;
    border-radius: 0 0 5px 5px;
}

.NiceSelectWrapper .Panel .InItem {
    text-align: center;
    border-right: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
    padding: 5px;
    background: #fff;
    position: relative;
    z-index: 100;
}

.Settings .Block {
    padding: 35px;
}

.Settings .Block h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
}

.Settings .Block textarea {
    padding-top: 20px;
    font-size: 16px;
    max-width: 550px;
}

.EditReseller {
    cursor: pointer !important;
}

.Clients .Client {
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
    position: relative;
    transition: box-shadow 0.5s;
    display: inline-block;
    vertical-align: middle;
    height: 100px;
    width: 338px;
    margin-bottom: 30px;
    margin-right: 30px;
    border: 2px solid #fff;
    background: #fff;
    text-align: center;
    font-size: 23px;
    color: #000;
    border-radius: 8px;
}

.Clients .Client[data-link] {
    cursor: pointer;
}

.Clients .Client[data-link]:hover {
    box-shadow: 0px 5px 10px #c5c5c5;
}

.Clients .Client .Inn {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.Clients .Items .Client:nth-of-type(3n) {
    margin-right: 0;
}

.Clients .Client .CreditsPrice {
    position: absolute;
    color: #249200;
    font-size: 14px;
    width: 100px;
    right: 5px;
    top: 5px;
    text-align: right;
}

.Clients .Client .Name {
    font-weight: bold;
    font-size: 21px;
}

.Clients .Client .Email {
    color: #6D6D6D;
    font-size: 14px;
}

.Clients .Client[data-link] .DeleteClient:hover {
    text-decoration: underline;
}

.Clients .Client .UpdateEmployeePassword {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 13px;
}

.Clients .Client .UpdateResellerPassword {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 13px;
}

.Clients .Client .UpdateEmployee {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 13px;
}

.Clients .Client .DeleteThisEmployee {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 13px;
}

.Clients .Client .DeleteThisReseller {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 13px;
}

.AdminRights .NiceSelectWrapper {
    width: 160px;
}

.AdminRights .SelectOpener {
    width: 100%;
}

.AdminRights .SelectOpener .Handler {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.AdminRights tr td .Bool {
    margin: auto;
}

[data-type="LastAdminRequests"] {
    display: flex;
}

.AdminMessagesDash {
    float: right;
    width: 345px;
    padding: 35px;
}

.AdminMessagesDash .MessageItem {
    margin-bottom: 18px;
    border-bottom: 1px solid #E0E0E0;
    position: relative;
    height: 100px;
}

.AdminMessagesDash .MessageItem:hover {
    opacity: 0.7;
}

.AdminMessagesDash .MessageItem:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.AdminMessagesDash .Avatar {
    width: 65px;
    height: 65px;
    line-height: 65px;
    position: absolute;
    top: 8px;
    margin-right: 15px;
}

.AdminMessagesDash .Avatar .Initials {
    font-size: 27px;
    font-weight: bold;
    color: #B4B4B4;
}

.AdminMessagesDash .Info {
    max-width: 180px;
    width: 100%;
    position: relative;
    top: 37%;
    transform: translateY(-50%);
    margin-left: 90px;
}

.AdminMessagesDash .Info .Name {
    font-size: 22px;
}

.AdminMessagesDash .Info .MsgText {
    max-height: 42px;
    overflow: hidden;
}

.AdminMessagesDash .Info .MsgText .HideTheWord {
    display: none;
}

.ClientBuyMenu .ProductsItems {
    margin-top: 30px;
}

.ClientBuyMenu ul {
    padding-right: 150px;
    position: relative;
}

.ClientBuyMenu .NavWrapper.Mobile {
    display: none;
}

.ClientBuyMenu .NavWrapper.Mobile .SpecNav {
    border-bottom: 0;
}

.ClientBuyMenu button.Mobile {
    display: none;
    width: 100%;
    margin-top: 15px;
    color: #08C493;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.ClientBuyMenu ul button {
    float: right;
    color: #08C493;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    right: 5px;
    top: 8px;
    cursor: pointer;
}

.ClientBuyMenu ul button:hover {
    opacity: 0.7;
}

.ClientBuyMenu ul .TabItem {
    text-align: center;
    padding: 0 10px;
    min-width: 115px;
    border-radius: 8px;
    border: 2px solid #08C493;
    color: #08C493;
    font-size: 19px;
    line-height: 38px;
    height: 40px;
    margin-bottom: 5px;
}

.ClientBuyMenu ul .TabItem:hover {
    background: #08C493;
    color: #fff;
}

.ClientBuyMenu ul .TabItem.Active {
    background: #08C493;
    color: #fff;
}

.ClientBuyMenu .ProductsItemBlock.SingleOne {
    text-align: center;
}

.ClientBuyMenu .ProductsItemBlock.SingleOne .InputWrapper {
    max-width: 130px;
    width: 100%;
    margin: auto;
}

.ClientBuyMenu .ProductsItemBlock .Name {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ClientBuyMenu .ProductsItemBlock .InputWrapper {
    height: 35px;
    position: relative;
}

.ClientBuyMenu .ProductsItemBlock .InputWrapper input {
    height: 100%;
    font-size: 15px;
    font-weight: bold;
    padding-right: 40px;
}

.ClientBuyMenu .ProductsItemBlock .InputWrapper .Icon {
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 7px;
}

.admin_categories ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.admin_categories li {
    float: left;
}

.admin_categories li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    background-color: #08C493;
}

.admin_categories li a:hover {
    background-color: white;
    color: #08C493;
}

.admin_categories li a.active {
    background-color: white;
    color: #08C493;
}

.admin_formats ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.admin_formats li {
    float: left;
}

.admin_formats li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    background-color: #08C493;
}

.admin_formats li a:hover {
    background-color: white;
    color: #08C493;
}

.admin_formats li a.active {
    background-color: white;
    color: #08C493;
}

#SidePanelHandler {
    display: none;
    cursor: pointer;
    position: fixed;
    transition: 0.5s;
    background: #fff;
    padding: 10px 5px 5px 5px;
    border-radius: 0 10px 10px 0;
    top: 19px;
    left: 0;
    z-index: 99999;
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
}

#SidePanelHandler:hover {
    background: #fbfbfb;
}

#SidePanelHandler svg {
    transform: scale(0.65);
}

.SpecNavBurger {
    display: none;
}

.UserUpdateForm .Right .Item {
    width: 200px;
    margin-right: 25px;
    padding: 0;
    margin-bottom: 20px;
}

.UserUpdateForm .Right .Item:nth-of-type(2n) {
    margin-right: 0;
}

.UserUpdateForm .Item input {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.UserUpdateForm .Left {
    float: left;
    width: 175px;
}

.UserUpdateForm .Left .Item {
    margin-right: 0;
    text-align: center;
}

.UserUpdateForm .Left .Item .Info {
    width: 100%;
    margin-bottom: 18px;
}

.UserUpdateForm .Left .Avatar {
    width: 175px;
    height: 175px;
    line-height: 175px;
}

.UserUpdateForm .Left .Avatar[data-image=""] .Initials {
    font-weight: bold;
    font-size: 66px;
    color: #B4B4B4;
}

.UserUpdateForm .Mobile {
    display: none;
}

.UserUpdateForm .Right {
    width: 430px;
    float: right;
}

.CalendarDialog .Previous,
.CalendarDialog .Next {
    width: 100%;
    height: 35px;
    padding: 12px 0;
    cursor: pointer;
}

.CalendarDialog {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.CalendarDialog .Day.Inactive {
    pointer-events: none;
    cursor: default;
}

.MobileBtnMenu {
    display: none;
    margin-bottom: 10px;
}

.MobileBtnMenu li {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

.MobileBtnMenu .Button {
    width: 100%;
}

.OtherPage {
    padding-top: 10%;
    max-width: 550px;
    margin: auto;
}

.OtherPage #PageLogo {
    margin-bottom: 50px;
    display: block;
}

.OtherPage .Title404 {
    font-weight: bold;
    font-size: 60px;
}

.OtherPage h2 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 50px;
}

.OtherPage .Button {
    width: 180px;
}

.NoRightsBlock {
    max-width: 350px;
    margin: auto;
    text-align: center;
    margin-top: 10%;
}

.NoRightsBlock .Button.NoR {
    margin-top: 15px;
}

.NoRightsBlock p.NoR {
    font-size: 20px;
    color: #A7B3BF;
}

.NoRightsBlock h2.NoR {
    font-weight: bold;
    color: #A7B3BF;
    font-size: 26px;
    margin-bottom: 5px;
}

.PurchaseCredit .NoRightsBlock {
    margin-top: 35px;
}

.contacts {
    text-align: center;
    margin-top: 20px;
}

.contacts .row {}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.col-md-4 {
    position: relative;
    width: 50%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}

@media (max-width: 500px) {
    .col-md-4 {
        width: 100%;
    }
}

.contacts img {
    max-width: 100px;
    margin-bottom: 20px;
}

.contacts .col-md-4 h3 {
    margin-bottom: 10px;
    font-size: 22px;
}

.contacts .col-md-4 p {
    font-size: 16px;
    color: #333;
}

.contacts .function,
.contacts .tel {
    margin-bottom: 0px;
}

.DashboardSpecialOffer {
    width: 100%;
    background: white;
    box-shadow: 0 0 5px rgba(44, 45, 65, 0.13);
    border: 2px solid #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 40px 0;
}

@media (max-width: 992px) {
    .DashboardSpecialOffer {
        flex-direction: column;
    }
    .DashboardSpecialOffer .Text {
        padding-left: 0 !important;
        text-align: center;
    }
    .DashboardSpecialOffer .Text h1 {
        color: #08C493;
        font-size: 40px !important;
        line-height: 40px !important;
        font-weight: bold;
    }
    .DashboardSpecialOffer .Text h1 span {
        color: black;
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal;
    }
    .DashboardSpecialOffer .Text h2 {
        font-size: 32px !important;
        line-height: 32px !important;
        color: #08C493;
        font-weight: bolder;
        margin-top: 20px;
    }
    .DashboardSpecialOffer .Image {
        padding-right: 0 !important;
        text-align: center;
        margin-top: 30px !important;
        max-width: 100% !important;
    }
}

.DashboardSpecialOffer .Text {
    padding-left: 50px;
}

.DashboardSpecialOffer .Text h1 {
    color: #08C493;
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;
}

.DashboardSpecialOffer .Text h1 span {
    color: black;
    font-size: 40px;
    line-height: 40px;
    font-weight: normal;
}

.DashboardSpecialOffer .Text h2 {
    font-size: 35px;
    line-height: 37px;
    color: #08C493;
    font-weight: bolder;
    margin-top: 20px;
}

.DashboardSpecialOffer .Text button {
    margin-top: 40px;
}

.DashboardSpecialOffer .Text button a {
    width: 100%;
    height: 100%;
    display: block;
    color: white;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 21px;
    background: #08C493;
    border-radius: 16px;
}

.DashboardSpecialOffer .Image {
    max-width: 50%;
    padding-right: 50px;
}

.HowItWorksInner {
    width: 100%;
    padding: 33px;
}

.OffersText {
    width: 100%;
    padding: 33px;
}

.OffersText h3 {
    margin-bottom: 10px;
}

.OffersText.Contact {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.OffersText.Contact p {
    margin: 0;
    font-size: 34px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 10px;
}

.OffersText.Contact p button {
    width: 150px;
    height: 50px;
    font-size: 19px;
    background: black;
    color: white;
    border-radius: 18px;
    cursor: pointer;
}

.RowBoxHomepage .Block {
    width: 50%;
}

.RowBoxHomepage {
    display: flex;
}

@media (max-width: 992px) {
    .RowBoxHomepage {
        display: flex;
        flex-direction: column;
    }
    .RowBoxHomepage .Block {
        width: 100%;
    }
}

.RowBoxHomepage .NoBackground {
    background: none;
    box-shadow: none;
    padding-bottom: 15px;
}

@media (max-width:992px) {
    .RowBoxHomepage .NoBackground {
        padding-bottom: 0;
    }
}

.RowBoxHomepage .NoBackground .Block {
    width: 100%;
    height: 50%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.RowBoxHomepage .NoBackground .Block:nth-child(2) {
    background: #08C493;
    color: white;
}

@media (min-width:993px) {
    .RowBoxHomepage .Block:nth-child(1) {
        margin-right: 10px;
    }
    .RowBoxHomepage .Block:nth-child(2) {
        margin-left: 10px;
    }
}

.RowBoxHomepage .Block h3 {
    color: #08C493;
    font-size: 22px;
    font-weight: bold;
}

.HowItWorksInner ul {
    list-style: none;
    margin-top: 30px;
}

.HowItWorksInner ul li {
    display: flex;
    align-items: center;
    font-size: 17px;
    line-height: 18px;
    font-weight: bold;
}

.HowItWorksInner ul li:not(:first-child) {
    margin-top: 15px;
}

.HowItWorksInner ul li div {
    width: 32px !important;
    height: 32px !important;
    background: #08C493;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 15px;
}

.HowItWorksInner ul li div p {
    width: 32px !important;
    height: 32px !important;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HowItWorksInner p {
    margin-top: 30px;
}

.Button[title="Admin"] {
    display: none;
}

.Button[title="User"] {
    display: none;
}

@media (max-width: 999px) {
    .SpecNav {
        position: relative;
        width: 9999px;
    }
    .SpecNav li.NoBorder {
        float: none !important;
    }
    .NavWrapper .ArrowMenu {
        display: block;
    }
    .NavWrapper {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media(max-width:1440px) {
    body {
        min-width: 100%;
    }
    #SidePanel {
        width: 245px;
    }
    #SidePanel #WeFreeLogo {
        margin: 50px 0 50px 30px
    }
    #SidePanel nav a {
        padding: 20px 0 20px 30px;
    }
    #MainPanel {
        width: calc(100% - 245px);
        margin-left: 245px;
    }
    .FixedPrice {
        width: calc(100% - 245px);
        left: 245px;
    }
}

@media(max-width:1370px) {
    #SidePanel {
        width: 205px;
    }
    #SidePanel nav a {
        padding: 20px 0 20px 20px;
    }
    #SidePanel #WeFreeLogo {
        margin: 50px 0 50px 20px
    }
    #MainPanel {
        width: calc(100% - 205px);
        margin-left: 205px;
    }
    .FixedPrice {
        width: calc(100% - 205px);
        left: 205px;
    }
}

@media(max-width:1340px) {
    #AbsoluteFooter {
        position: initial;
        padding: 0 20px;
    }
    .LoginBlock.Block {
        margin: 0px auto 30px auto;
    }
}

@media(max-width:1320px) {
    #SidePanel {
        position: fixed;
        width: 250px;
        left: -250px;
        z-index: 50;
        transition: left 0.5s;
    }
    #SidePanel.Opened {
        left: 0;
    }
    #SidePanel.Opened #SidePanelHandler {
        left: 240px;
        border-radius: 10px;
    }
    #SidePanelHandler {
        display: block;
    }
    #SidePanel #WeFreeLogo {
        margin: 20px 0 20px 15px;
        text-align: left;
    }
    #SidePanel nav a {
        padding: 12px 0 12px 45px;
    }
    #MainPanel {
        width: 100%;
        margin-left: 0;
    }
    .FixedPrice {
        width: 100%;
        left: 0px;
    }
    .FixedPrice .Inner {
        max-width: 100%;
        width: 100%;
    }
}

@media(max-width:1200px) {
    header {
        padding-left: 55px;
    }
}

@media(max-width:1125px) {
    #MainPanel>.Inner {
        width: 94%;
    }
    #MainPanel .Block .Inner {
        width: 100%;
    }
    #MainPanel .Panel .Inner {
        width: 100%;
    }
    #MainPanel [data-type="Clients"] .Inner {
        width: 100%;
    }
    .TwoThirdsBlock {
        width: 100%;
    }
    .ThirdBlock {
        width: 100%;
    }
    [data-type="Requests"] .ThirdBlock {
        width: 32%;
    }
    .FixedPrice.LastStep .ButtonsBlock {
        margin-right: 0;
    }
    .FixedPrice.LastStep .Inner {
        text-align: left;
    }
    .FixedPrice .Inner {
        max-width: 94% !important;
        width: 100% !important;
    }
    .DashBoardFlex {
        display: block;
    }
    .DashBoardFlex .RightDoubleBlock .ThirdBlock {
        height: auto;
    }
    .DashBoardFlex .RightDoubleBlock {
        display: flex;
        float: left;
        margin: 15px 0;
        width: 100%;
        justify-content: space-between;
        align-items: stretch;
    }
    .DashBoardFlex .TwoThirdsBlock.MinHeightTable {
        float: left;
    }
    .DashBoardFlex .RightDoubleBlock .ThirdBlock:not(.NewsBlockDash) {
        width: 49%;
        margin-bottom: 0;
    }
    .DashBoardFlex .RightDoubleBlock .ThirdBlock {
        width: 49%;
    }
    .ThirdBlock[data-link] {
        width: 32%;
    }
    .ThirdBlock[data-link] .Count {
        width: 100%;
        text-align: center;
    }
    .ThirdBlock[data-link] .RightSide {
        width: 100%;
        text-align: center;
    }
    .ThirdBlock[data-link] .LeftSide {
        width: 100%;
        text-align: center;
    }
    .AdminMessagesDash {
        width: 100%;
    }
    [data-type="LastRequests"] .Messages {
        margin-top: 0;
    }
    .ArticlesItems .ArticlesItemBlock.Block {
        width: 48.8%;
    }
    .ArticlesItems .ArticlesItemBlock.Block:nth-of-type(3n) {
        margin-right: 17px;
    }
    .ArticlesItems .ArticlesItemBlock.Block:nth-of-type(2n) {
        margin-right: 0;
    }
    .DevicesItems .DevicesItem.Block {
        width: 48.8%;
        float: left;
    }
    .DevicesItems .DevicesItem.Block:nth-of-type(2n) {
        margin-right: 0;
        float: right;
    }
    .ProductsItems .ProductsItemBlock.Block {
        width: 48.8%;
        float: left;
    }
    .ProductsItems .ProductsItemBlock.Block:nth-of-type(3n) {}
    .ProductsItems .ProductsItemBlock.Block:nth-of-type(2n) {
        float: right;
        margin-right: 0;
    }
    .RequestItems .RequestItem.Block {
        width: 48.8%;
    }
    .RequestItems .RequestItem.Block:nth-of-type(3n) {
        margin-right: 20px;
    }
    .RequestItems .RequestItem.Block:nth-of-type(2n) {
        margin-right: 0;
    }
    .NewRequestItems .NewRequestItem.Block {
        width: 49%;
        margin-right: 17px;
    }
    .NewRequestItems .NewRequestItem.Block:nth-of-type(3n) {
        margin-right: 17px;
    }
    .NewRequestItems .NewRequestItem.Block:nth-of-type(2n) {
        margin-right: 0;
    }
    .UsersItems .Item {
        margin-right: 10px;
    }
    .UsersItems .Item:nth-of-type(3n) {
        margin-right: 10px;
    }
    .UsersItems .Item:nth-of-type(2n) {
        margin-right: 0px;
    }
    .CheckboxItem {
        width: 49%;
        margin-right: 15px;
    }
    .CheckboxItem:nth-of-type(3n) {
        margin-right: 15px;
    }
    .CheckboxItem:nth-of-type(2n) {
        margin-right: 0;
    }
    .Clients .Client {
        width: 49%;
        margin-right: 15px;
    }
    .Clients .Client:nth-of-type(3n) {
        margin-right: 15px !important;
    }
    .Clients .Client:nth-of-type(2n) {
        margin-right: 0 !important;
    }
    .NewRequestForm .step2 {
        display: block;
    }
    .NewRequestForm .step2 .Block.Left {
        width: 100%;
    }
    .NewRequestForm .step2 .Right {
        width: 100%;
    }
    .NewRequestForm .step2 .Right .ThirdBlock {
        width: 49%;
    }
    .NewRequestForm .step2 .Right .ThirdBlock:nth-of-type(2n) {
        margin-right: 0;
    }
    .ItemStep4 .InfoBlock {
        width: 235px;
    }
    .OthersArticles {
        width: 100%;
    }
    .ArticleDetailArticle .Text {
        max-height: none;
    }
    .ArticleDetail {
        width: 100%;
        padding: 35px 30px;
    }
    .ArticleDetail .ArticleInner {
        margin-left: 0;
    }
    .ArticleDetail .Top {
        margin-bottom: 30px;
    }
    .OthersArticles h2 {
        text-align: left;
    }
    .DeviceDetail .ItemDetail.First {
        width: 100%;
    }
    .DeviceDetail .ItemDetail.Last {
        width: 100%;
        margin-right: 0;
    }
    .DeviceDetail .ItemDetail {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .UsersItems .Item {
        width: 49.5%;
    }
    .Credits .BillsInputs {
        width: 100%;
    }
    .Credits .CurrentState {
        width: 100%;
    }
    .Credits .PurchaseCredit {
        width: 100%;
    }
    .UserUpdateForm {
        width: 100%;
        margin-bottom: 25px;
    }
    .ChangePass.Block {
        width: 100%;
    }
    [data-type="AdminProducts"] .TopSection {
        text-align: center;
    }
    [data-type="AdminProducts"] .TopSection .Column.First {
        margin: auto;
    }
    [data-type="AdminProducts"] .TopSection .Column.Second {
        width: 100%;
        text-align: left;
    }
    [data-type="AdminProducts"] .TopSection .Column.Second .ItemBlock {
        width: 100%;
        margin-right: 0;
    }
    [data-type="AdminProducts"] .TopSection .Column.Third {
        width: 100%;
        text-align: left;
    }
    .ArticleEdit .Left {
        width: 100%;
        margin-bottom: 20px;
    }
    .ArticleEdit .Right {
        width: 100%;
    }
    .StatusChanger .NewAdminMessageButton {
        float: none;
        width: 48%;
        margin-bottom: 15px;
        margin-right: 15px;
    }
    form .SelectOpener.PassTheRequest {
        float: none;
        width: 48%;
        margin-bottom: 15px;
    }
    .TwoThirdsBlock.MinHeightTable {
        min-height: auto;
    }
    .Credits .PurchaseCredit,
    .Credits .ChargeCredit {
        width: 100%;
    }
    .RightDoubleBlock .NewsBlockDash {
        height: auto;
    }
    .RightDoubleBlock .NewsBlockDash .TextContent {
        max-height: initial;
    }
    .OrderProduct {
        text-align: center;
    }
    .OrderProduct .Image {
        float: none;
        margin: auto;
    }
    .OrderProduct .SpecsData {
        width: 100%;
        float: none;
        text-align: center;
    }
    .OrderProduct .QuantityData {
        float: none;
        text-align: center;
        margin: 10px auto;
    }
    .OrderProduct .PriceData.NoTaxPriceData {
        text-align: center;
        float: none;
        margin-left: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .OrderProduct .PriceData.PriceData {
        text-align: center;
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .OrderProductAdd .AddData {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin: 15px 0;
    }
    .UserUpdateForm .Right {
        width: 70%;
    }
    .UserUpdateForm .Right .Item {
        width: 48%;
    }
    [data-type="AdminProducts"] .Variants thead th:not([data-spec="code"]):not([data-spec="no_tax_price"]):not([data-spec="edit"]) {
        display: none;
    }
    [data-type="AdminProducts"] .Variants thead th[data-spec="code"] {
        display: table-cell !important;
        width: 200px;
    }
    [data-type="AdminProducts"] .Variants thead th[data-spec="no_tax_price"] {
        display: table-cell !important;
        white-space: nowrap;
        width: 200px;
        text-align: center !important;
    }
    [data-type="AdminProducts"] .Variants thead th[data-spec="edit"] {
        display: table-cell !important;
        width: 70px;
    }
    [data-type="AdminProducts"] .Variants thead th {
        text-align: left !important;
    }
    [data-type="AdminProducts"] .Variants tbody td {
        text-align: left !important;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="code"] {
        width: 200px;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="no_tax_price"] {
        width: 200px;
        text-align: center !important;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="edit"] {
        width: 70px;
        text-align: right !important;
    }
    [data-type="AdminProducts"] .Variants tbody td,
    [data-type="AdminProducts"] .Variants tbody th {
        display: none !important;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="code"],
    [data-type="AdminProducts"] .Variants tbody td[data-spec="no_tax_price"],
    [data-type="AdminProducts"] .Variants tbody td[data-spec="edit"],
    [data-type="AdminProducts"] .Variants tbody th[data-spec="code"],
    [data-type="AdminProducts"] .Variants tbody th[data-spec="no_tax_price"],
    [data-type="AdminProducts"] .Variants tbody th[data-spec="edit"] {
        display: table-cell !important;
    }
}

@media(max-width:1085px) {
    .ArticlesItems .ArticlesItemBlock.Block {
        width: 48.65%;
    }
    .DevicesItems .DevicesItem.Block {
        width: 48.5%;
    }
    .ProductsItems .ProductsItemBlock.Block {
        width: 48.7%;
    }
    .RequestItems .RequestItem.Block {
        width: 48.5%;
    }
    .NewRequestItems .NewRequestItem.Block {
        width: 48.8%;
    }
    .CheckboxItem {
        width: 48.5%;
    }
    .NewRequestForm .step2 .Right .ThirdBlock {
        width: 48.5%;
    }
    .Clients .Client {
        width: 48.75%;
    }
    .UserUpdateForm .Right .Item {
        width: 100%;
        margin-right: 0;
    }
    .ThirdBlock[data-link] {
        width: 31.9%;
    }
    [data-type="Requests"] .ThirdBlock {
        width: 31.8%;
    }
    .PurchaseForm .Right {
        width: calc(100% - 440px);
    }
    .PurchaseForm .Left {
        margin: auto;
        width: 420px;
        text-align: center;
    }
    .PurchaseForm .Variants .RadioItem {
        width: 48%;
    }
    .PurchaseForm .Name {
        display: block;
        margin-bottom: 10px;
    }
    .PurchaseForm .Desktop {
        display: none !important;
    }
    .PurchaseForm .Mobile {
        display: block !important;
    }
    .PurchaseForm .Desc.Mobile {
        font-size: 20px;
        max-width: 100%;
    }
    .UsersItems .Item {
        width: 49.25%;
    }
}

@media(max-width:1025px) {
    .Messages .MessageItem[data-msg-seen="0"] .Avatar {
        left: 50px;
    }
    .Messages .MessageItem[data-msg-seen="1"] .Avatar {
        left: 5px;
    }
    .Messages .MessageItem[data-msg-seen="1"] {
        padding: 22px 220px 22px 105px;
    }
    .BlogItems .BlogBlock.ThirdBlock {
        width: 48.7%;
    }
    .BlogItems .BlogBlock.ThirdBlock:nth-of-type(2n) {
        margin-right: 0 !important;
    }
    .BlogItems .BlogBlock.ThirdBlock:nth-of-type(3n) {
        margin-right: 20px;
    }
}

@media (min-width: 999px) {
    .PurchaseForm .Left.GetMoving {
        position: fixed;
        top: 0px;
    }
}

@media(max-width:999px) {
    .AdminMessagesDash .Info {
        max-width: 85%;
    }
    [data-type="LastAdminRequests"] {
        display: block;
    }
    .Block.TwoThirdsBlock.LastRequestItems {
        width: 100%;
        float: none;
    }
    .AdminMessagesDash {
        float: none;
    }
    .AdminMessagesDash .Info .MsgText {
        max-height: 60px;
        height: auto;
    }
    .NewRequestItems {
        max-width: 100%;
        overflow: hidden;
    }
    .DevicesItems {
        max-width: 100%;
        overflow: hidden;
    }
    .NewRequestForm .step2 .Block.Left {
        padding: 25px;
    }
    .RadioItemStep2 {
        width: 100%;
        margin-right: 0;
        height: auto;
        padding: 20px 20px 75px 20px;
    }
    .RadioItemStep2.Smaller {
        padding: 20px;
    }
    .RadioItemStep2 .Price {
        left: 20px;
    }
    .ItemStep4 {
        text-align: center;
    }
    .ItemStep4 .Image {
        display: block;
        margin: auto;
    }
    .ItemStep4 .InfoBlock {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .ItemStep4 .Gnt {
        position: initial;
        margin-top: 10px;
    }
    .ItemStep4 .NoTaxPrice {
        width: 100%;
        position: initial;
        text-align: center;
        margin: 15px 0;
    }
    .ItemStep4 .Price {
        position: initial;
        width: 100%;
        text-align: center;
    }
    .ItemStep4 .PayType {
        position: initial;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .FinishPurchaseForm button {
        margin-bottom: 10px;
    }
    .ButtonsAdminProducts .Button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    [data-type="AdminProducts"] .Buttons .Button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .ThirdBlock[data-link] {
        width: 31.7%;
    }
    .ThirdBlock[data-link] .Last {
        font-size: 20px;
    }
    .ClientBuyMenu ul.Desktop {
        display: none;
    }
    .ClientBuyMenu .NavWrapper.Mobile {
        display: block;
    }
    .ClientBuyMenu button.Mobile {
        display: inline-block;
    }
    [data-type="AdminProducts"] .Variants table tr th {
        width: 100%;
        display: block;
        padding: 3px 10px;
        text-align: center;
    }
    [data-type="AdminProducts"] .Variants table tr td {
        width: 100%;
        display: block;
        text-align: center;
        padding: 10px;
    }
    .FavLi {
        float: none;
    }
    .LiDesktopFloat {
        float: none;
    }
    .Button.AddDeviceBtn {
        top: 0;
    }
    header h1 {
        max-width: 50%;
        display: inline-block;
    }
    .NewUserButtonLi.RightButton {
        position: relative;
        top: -3px;
    }
    .MobileBtnMenu {
        display: block;
        width: 100%;
    }
    .SpecNavWrap .Button {
        display: none;
    }
    .SpecNavWrap .AddUserBtnLi {
        display: none;
    }
    .EmployeesList .SpecNav li.RightButton {
        display: none;
    }
    .PurchaseForm2 label.RadioItemStep2[for="primy_prodej"] {
        order: 1;
    }
    .PurchaseForm2 label.RadioItemStep2[for="operak"] {
        order: 2;
    }
    .PurchaseForm2 .HidingGroup[data-type="op"] {
        order: 3;
    }
    .PurchaseForm2 label.RadioItemStep2[for="leasing"] {
        order: 4;
    }
    .PurchaseForm2 .HidingGroup[data-type="fin"] {
        order: 5;
    }
    .PurchaseForm2 .ButtonRightArrow {
        order: 6;
    }
    .PurchaseForm2 .MobileTitleStep2 {
        display: block;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .AddProductsCategories {
        float: none;
    }
    .SpecNav .AddDeviceBtnLi {
        display: none;
    }
    .ProductsItems .ProductsItemBlock.Block {
        width: 48.5%;
    }
    .PurchaseForm .Right {
        width: 100%;
        text-align: center;
    }
    .PurchaseForm .Left {
        float: none;
        margin: auto;
        width: 420px;
        text-align: center;
    }
    .DevicesItems .DevicesItem.Block {
        float: left;
        margin-right: 3%
    }
}

@media(max-width:950px) {
    .ArticlesItems .ArticlesItemBlock.Block {
        width: 48.5%;
    }
    .products_item {
        margin-bottom: 120px;
    }
    [data-type="LastRequests"] .ThirdBlock.BlogBlock {
        width: 48.8%;
    }
    [data-type="LastRequests"] .ThirdBlock.BlogBlock:nth-of-type(2) {
        margin-right: 0;
    }
    [data-type="LastRequests"] .ThirdBlock.BlogBlock:nth-of-type(3) {
        margin-right: 0;
        width: 100%;
        display: none;
    }
    [data-type="Requests"] .ThirdBlock.BlogBlock {
        width: 48.8%;
    }
    [data-type="Requests"] .ThirdBlock.BlogBlock:nth-of-type(2) {
        margin-right: 0;
    }
    [data-type="Requests"] .ThirdBlock.BlogBlock:nth-of-type(3) {
        margin-right: 0;
        width: 100%;
        display: none;
    }
}

@media(max-width:900px) {
    .StatusChanger .CheckboxItem {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    .StatusChanger .Btn {
        top: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        display: block;
    }
    .StatusChanger .NewAdminMessageButton {
        float: none;
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }
    .ProductsItems {
        max-width: 100%;
        overflow: hidden;
    }
    form .SelectOpener.PassTheRequest {
        width: 100%;
    }
    .NewRequestItems .NewRequestItem.Block {
        width: 48.5%;
    }
    [data-type="LastRequests"] .ThirdBlock.BlogBlock {
        width: 48.6%;
    }
    [data-type="Requests"] .ThirdBlock.BlogBlock {
        width: 48.6%;
    }
}

@media(max-width:870px) {
    .ThirdBlock[data-link] {
        width: 31.5%;
    }
    .ThirdBlock[data-link]:not(.BlogBlock) {
        padding: 20px 10px;
    }
    .ThirdBlock[data-link]:not(.BlogBlock) .Last {
        font-size: 18px;
    }
    [data-type=Articles] .ThirdBlock[data-link] {
        padding: 0;
    }
    [data-type=AdminArticles] .ThirdBlock[data-link] {
        padding: 0;
    }
    .UserUpdateForm .Right {
        width: 55%;
    }
}

@media(max-width:830px) {
    .RequestItems .RequestItem.Block {
        width: 48.3%;
    }
    .ArticlesItems .ArticlesItemBlock.Block {
        width: 48.3%;
    }
    .BlogItems .BlogBlock.ThirdBlock {
        width: 48.5%;
    }
}

@media(max-width:800px) {
    .ArticleDetail .ArticleInner {
        width: 100%;
        max-width: 100%;
    }
    .ArticleDetail .PriceBox {
        width: 100%;
        text-align: center;
    }
    .ArticleDetail .ArticleInner .Name {
        font-size: 28px;
    }
}

@media(max-width:780px) {
    .ThirdBlock[data-link] {
        width: 31.3%;
    }
    [data-type="LastRequests"] .ThirdBlock.BlogBlock {
        width: 48.4%;
    }
    [data-type="Requests"] .ThirdBlock.BlogBlock {
        width: 48.4%;
    }
    .Clients .Client {
        width: 48.4%;
    }
    .FixedPrice {
        padding: 15px 0;
    }
    .FixedPrice.LastStep .ButtonsBlock {
        float: right;
        text-align: right;
        width: 180px;
        padding-top: 5px;
    }
    .FixedPrice.LastStep .ButtonsBlock .Button {
        margin: 5px 0;
        width: 180px;
    }
    .FixedPrice.LastStep .ButtonsBlock button {
        width: 180px;
    }
    .FixedPrice.LastStep .PriceBlock {
        float: none;
        text-align: left;
        padding-top: 15px;
    }
}

@media(max-width:750px) {
    .Clients .Client {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 15px;
    }
    .SearchBlock .SearchPanel .Item {
        width: 100%;
        margin-right: 0;
    }
    .SearchBlock .SearchPanel .Item.Date {
        width: 49.5%;
        margin-right: 0;
    }
    .ProblemsBlock {
        max-width: 100%;
        overflow: hidden;
    }
    .CheckboxItem {
        width: 98%;
        margin-right: 0;
    }
    .UsersItems .Item {
        width: 100%;
        margin-right: 0 !important;
    }
    .DialogContent.UpdateUserClient .InputBlock label,
    .DialogContent.UpdateUserClient .InputBlock .LabelLike {
        width: 100%;
    }
    .DialogContent.UpdateUserClient .InputBlock label:nth-of-type(2n) {
        margin-left: 0;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarBlock {
        width: 100%;
        margin-left: 0;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarBlock label {
        width: 50%;
        text-align: left;
        vertical-align: bottom;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarBlock label .Button {
        display: block;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarBlock .Avatar .Initials {
        font-size: 15px;
    }
    .DialogContent.UpdateUserClient .InputBlock .Column {
        width: 100%;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarBlock .Avatar {
        width: 70px;
        height: 70px;
        line-height: 70px;
        vertical-align: bottom;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock {
        width: 100%;
        margin-left: 0;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock label {
        width: 50%;
        text-align: left;
        vertical-align: bottom;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock label .Button {
        display: block;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock .Avatar .Initials {
        font-size: 15px;
    }
    .DialogContent.UpdateUserClient .InputBlock .AvatarRow .AvatarBlock .Avatar {
        width: 70px;
        height: 70px;
        line-height: 70px;
        vertical-align: bottom;
    }
    .DialogContent.UpdateUserClient .NiceCheck {
        width: 100%;
    }
    .DialogContent.UpdateUserClient .NiceCheck .Text {
        width: 80%;
    }
    .DialogContent.UpdateUserClient {
        padding: 40px 25px;
    }
    header h1 {
        margin: 20px 0;
        max-width: 70%
    }
    header .RightHead {
        padding-top: 16px;
    }
    .NotificationsDialog.DialogContent {
        right: 15px !important;
        left: initial;
    }
    .UserDialog.DialogContent {
        right: 15px !important;
        left: initial;
    }
    header .Avatar+.UserName {
        display: none;
    }
    .NewCategoryProducts {
        padding: 25px;
    }
    .NewCategoryProducts .Left {
        width: 100%;
    }
    .NewCategoryProducts .Right {
        width: 100%;
    }
    .NewCategoryProducts h2 {
        width: 100%;
    }
    .NewCategoryProducts .ActiveChange {
        width: 100%;
        top: 0;
        text-align: center;
    }
    .Credits .Invoices table {
        margin-top: 40px;
    }
    .Credits .Invoices table td {
        width: 32%;
        display: inline-block;
        padding: 20px 0;
    }
    .Credits .Invoices table td:nth-child(1) {
        text-align: left;
    }
    .Credits .Invoices table td:nth-child(2) {
        text-align: center;
    }
    .Credits .Invoices table td:nth-child(3) {
        text-align: right;
    }
    .Credits .Invoices table td.StatusTd {
        text-align: center;
        width: 100%;
    }
    .Credits .Invoices table td:last-child {
        text-align: center;
        width: 100%;
    }
    .Credits .Invoices table thead tr th:last-child {
        display: none;
    }
    .Credits .Invoices table tr {
        width: 100%;
        display: block;
    }
    .Credits .Invoices table th {
        width: 32%;
    }
    .Credits .Invoices table th:nth-child(1) {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }
    .Credits .Invoices table th:nth-child(2) {
        text-align: center;
    }
    .Credits .Invoices table th:nth-child(3) {
        text-align: right;
        padding-right: 0;
        padding-left: 0;
    }
    .AddProductVariantDialog {
        padding: 30px;
    }
    .AddProductVariantDialog .Item {
        width: 100%;
    }
    .AddProductVariantDialog .Item input {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    .AddProductVariantDialog .Button {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }
    .AddProductVariantDialog .Hr {
        left: -15px;
        width: calc(calc(100% + 30px));
    }
    .DevicesItems .DevicesItem.Block {
        width: 100%;
        margin-right: 0;
        height: auto;
        min-height: 115px;
        padding: 20px;
    }
    .DevicesItems .DevicesItem.Block .Inn {
        top: initial;
        transform: initial;
    }
    .ProductsItems .ProductsItemBlock.Block {
        width: 100%;
        margin-right: 0 !important;
    }
    .ProductsItems .ProductsItemBlock.Block .Info {
        width: 70%;
    }
}

@media(max-width:730px) {
    .ArticlesItems .ArticlesItemBlock.Block {
        width: 48%;
    }
    .RequestItems .RequestItem.Block {
        width: 100%;
        margin-right: 0 !important;
        height: auto;
        padding: 17px 30px 50px 30px;
    }
    .NewRequestItems .NewRequestItem.Block {
        width: 100%;
        margin-right: 0 !important;
    }
    .NewRequestForm .step2 .Right .ThirdBlock {
        width: 100%;
        margin-right: 0 !important;
    }
    .RequestDetail .OverviewHead .Bottom table td {
        text-align: left;
        width: 50%;
        display: inline-block;
        padding: 10px 25px 25px 10px !important;
        width: 50% !important;
    }
    .RequestDetail .FloatRight {
        width: 100%;
        padding: 0 22px;
    }
    .RequestDetail .FloatRight .SmallerButton {
        width: 100%;
    }
    .RequestDetail .MessagesBlock .FloatLeft {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 22px;
    }
    .RequestDetail .OverviewHead .Heading {
        max-width: 100%;
        margin-top: 10px;
    }
    .RequestDetail .OverviewHead .Stat {
        position: absolute;
        top: -5px;
        right: 20px;
    }
    .RequestDetail .OverviewHead {
        position: relative;
    }
    .BlogItems .BlogBlock.ThirdBlock {
        width: 48.3%;
    }
    .RequestDetail .FloatLeft {
        margin-left: 0;
        padding: 0 22px;
    }
    .RightDoubleBlock .ThirdBlock .Credit {
        font-size: 50px;
    }
}

@media(max-width:700px) {
    .ThirdBlock[data-link]:not(.BlogBlock) {
        padding: 20px 5px;
    }
    .ThirdBlock[data-link] {
        width: 31%;
    }
    .AdminMessagesDash .Info {
        max-width: 80%;
    }
}

@media(max-width:670px) {
    .RadioItem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .PurchaseForm .Variants .RadioItem {
        width: 100%;
    }
    [data-type="LastRequests"] .ThirdBlock.BlogBlock {
        width: 100%;
    }
    [data-type="Requests"] .ThirdBlock.BlogBlock {
        width: 100%;
    }
    [data-type="LastRequests"] .ThirdBlock.BlogBlock:nth-of-type(3) {
        display: block;
    }
    [data-type="Requests"] .ThirdBlock.BlogBlock:nth-of-type(3) {
        display: block;
    }
}

@media(max-width:640px) {
    .TwoThirdsBlock,
    .ThirdBlock,
    .MessagesBlock .Inner,
    .RightDoubleBlock .ThirdBlock {
        padding: 25px;
    }
    .TwoThirdsBlock table.LastRequestItems td {
        display: block;
        width: 100%;
        text-align: left;
        padding: 10px 15px;
    }
    .TwoThirdsBlock table.LastRequestItems td.Time {
        display: inline-block;
        width: 50%;
        text-align: center;
        padding: 10px 15px;
        text-align: left;
    }
    .TwoThirdsBlock table.LastRequestItems td.StatusCircle {
        display: inline-block;
        width: 50%;
        text-align: center;
        padding: 10px 15px;
        text-align: right;
        min-width: initial;
    }
    .TwoThirdsBlock table.LastRequestItems td:last-child {
        display: none;
    }
    .TwoThirdsBlock.LastRequestItems table td {
        display: block;
        width: 100%;
        text-align: left;
        padding: 10px 15px;
    }
    .TwoThirdsBlock.LastRequestItems table td.Time {
        display: inline-block;
        width: 50%;
        text-align: center;
        padding: 10px 15px;
        text-align: left;
    }
    .TwoThirdsBlock.LastRequestItems table td.StatusCircle {
        display: inline-block;
        width: 50%;
        text-align: center;
        padding: 10px 15px;
        text-align: right;
    }
    .TwoThirdsBlock.LastRequestItems table td:last-child {
        display: none;
    }
    .RightDoubleBlock .ThirdBlock .TextContent p {
        text-align: center;
        margin-bottom: 0;
    }
    .Block .Header {
        text-align: center;
    }
    .ThirdBlock[data-link] {
        width: 100%;
    }
    [data-type="LastRequests"] .Messages .MessageItem .InsertedDate {
        right: 10px;
    }
    [data-type="LastRequests"] .Messages .MessageItem {
        padding: 22px 130px 22px 150px;
    }
    [data-type="LastAdminRequests"] .Messages .MessageItem .InsertedDate {
        right: 10px;
    }
    [data-type="LastAdminRequests"] .Messages .MessageItem {
        padding: 22px 130px 22px 150px;
    }
    .RightDoubleBlock .ThirdBlock .Credit {
        font-size: 45px;
    }
    .ArticlesItems .ArticlesItemBlock.Block {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    .FileBlock .InputTitle {
        width: 100%;
    }
    .FileBlock .FileDiv {
        width: 100%;
        margin-top: 10px;
    }
    .ButtonsFile {
        margin-top: 35px;
    }
    .ButtonsFile .Button {
        margin-bottom: 15px;
    }
    .ExtraItem label {
        padding: 18px 110px 18px 45px;
    }
    .ExtraItem label .IconChecked {
        left: 14px;
    }
    .ExtraItem label .IconPlus {
        left: 12px;
    }
    .ExtraItem label .Price {
        font-size: 16px;
    }
    .DeviceDetail .ItemDetail {
        padding: 30px 15px;
    }
    .DeviceDetail .ItemDetail.First .Image {
        width: 90px;
        margin-right: 10px;
    }
    .DeviceDetail .ItemDetail.First .Info {
        width: 60%;
    }
    .DeviceDetail .ItemDetail.First {
        height: auto;
    }
    .DeviceDetail .ItemDetail.First .Info .Name {
        font-size: 20px;
    }
    .NewRequestForm .step2 #newrequest_name {
        margin-bottom: 30px;
    }
    .UserUpdateForm .Left {
        width: 150px;
    }
    .UserUpdateForm .Left .Avatar {
        width: 150px;
        height: 150px;
        line-height: 150px;
    }
    .UserUpdateForm {
        padding: 30px 20px;
    }
    .ChangePass.Block {
        padding: 30px 20px;
    }
    .LastRequestItems .StatusCircle {
        min-width: initial;
    }
    .Messages .MessageItem[data-msg-seen="1"] {
        padding: 22px 220px 22px 100px;
    }
    .Messages .MessageItem[data-msg-seen="1"] .Avatar {
        left: 8px;
    }
    form .Item {
        padding: 7px 0;
    }
    .BlogItems .BlogBlock.ThirdBlock {
        width: 100%;
    }
    .BlogItems .BlogBlock.ThirdBlock:nth-of-type(2n) {
        margin-right: 0 !important;
    }
    .BlogItems .BlogBlock.ThirdBlock:nth-of-type(3n) {
        margin-right: 0 !important;
    }
    .ProductsItems .ProductsItemBlock.Block .Info {
        width: 65%;
    }
    .Credits .BillsInputs {
        padding: 30px 20px;
    }
    .Credits .AdditionalClientInputs {
        padding: 30px 20px;
    }
    .Credits .AdminAdditionalClientInputs {
        padding: 30px 20px;
    }
    .DashBoardFlex .RightDoubleBlock {
        display: block;
    }
    .RightDoubleBlock .ThirdBlock .Credit {
        font-size: 64px;
    }
    .DashBoardFlex .RightDoubleBlock .ThirdBlock:not(.NewsBlockDash) {
        width: 100%;
        margin-bottom: 15px;
    }
    .DashBoardFlex .RightDoubleBlock .ThirdBlock {
        width: 100%;
    }
    .AddProductVariantDialog .RadiosBlock {
        float: none;
        margin: 25px 0;
    }
    .MessagesBlockAdmin .MessageItem .Name.Mobile {
        position: relative;
        top: initial;
        transform: initial;
    }
}

@media(max-width:600px) {
    .Messages .MessageItem .SeenIcon {
        position: initial;
        display: inline-block;
        margin-right: 7px;
        width: 12px;
        height: 12px;
        vertical-align: middle;
    }
    .Messages .MessageItem .Avatar {
        position: initial;
        display: inline-block;
        width: 66px;
        vertical-align: middle;
    }
    .Messages .MessageItem .Name {
        width: 45%;
        display: inline-block;
        vertical-align: middle;
    }
    .Messages .MessageItem .InsertedDate {
        width: 25%;
        position: initial;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
        margin-bottom: 8px;
    }
    .Messages .MessageItem .Text.Panel {
        margin-top: 10px;
    }
    .Messages .MessageItem[data-msg-seen="0"] {
        padding: 15px 0px;
    }
    .Messages .MessageItem[data-msg-seen="1"] {
        padding: 15px 0px;
    }
    .Messages .Inner {
        padding: 25px 0;
    }
    [data-type="LastRequests"] .Messages .MessageItem {
        padding: 15px;
        text-align: center;
    }
    .Messages .MessageItem {
        text-align: center;
    }
    .Messages .MessageItem .Name {
        font-size: 18px;
    }
    .Messages .MessageItem .Avatar {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .Messages .MessageItem .Avatar[data-image=""] .Initials {
        font-size: 18px;
    }
    [data-type="LastRequests"] .Messages .MessageItem {
        min-height: auto;
        padding: 15px 5px;
    }
    .Messages .MessageItem .OpenIcon {
        right: 5px;
        top: 25px;
    }
    .Messages .MessageItem.WithAnswerButton .OpenIcon {
        right: 5px;
        top: 50px;
    }
    .Messages .MessageItem .Text .SmallerButton {
        position: initial;
        display: block;
        margin: 10px auto;
    }
    .Messages .MessageItem.Opened .Text {
        min-height: initial;
    }
    .MessagesBlockAdmin .MessageItem .SeenIcon {
        position: initial;
        display: inline-block;
        margin-right: 7px;
        width: 12px;
        height: 12px;
        vertical-align: middle;
    }
    .MessagesBlockAdmin .MessageItem .Avatar {
        position: initial;
        display: inline-block;
        width: 66px;
        vertical-align: middle;
    }
    .MessagesBlockAdmin .MessageItem .Name {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        top: initial;
        transform: initial;
    }
    .MessagesBlockAdmin .MessageItem .InsertedDate {
        width: 25%;
        position: initial;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }
    .MessagesBlockAdmin .MessageItem .OpenIcon {
        top: 40px;
    }
    .MessagesBlockAdmin .MessageItem {
        padding: 15px 5px;
    }
    .MessagesBlockAdmin .MessageItem {
        height: auto;
    }
    .MessagesBlockAdmin .MessageItem {
        text-align: center;
    }
    .Messages .MessageItem .Text .SmallerButton {
        position: initial;
        display: block;
        margin: 10px auto;
    }
    .Messages .MessageItem.Opened .Text {
        min-height: initial;
    }
    .DevicesItems .DevicesItem.Block .Image {
        width: 90px;
    }
    .Credits .BillsInputs .Item {
        width: 100%;
    }
    .Credits .BillsInputs .Item:nth-of-type(2n) {
        margin-left: 0;
    }
    .Credits .CurrentState .RecentPurchase {
        width: 100%;
    }
    .Credits .CurrentState .Amount {
        width: 100%;
    }
    .Credits .PurchaseCredit {
        padding: 35px 35px 20px 35px;
    }
    .Credits .PurchaseCredit .Amount {
        width: 100%;
    }
    .Credits .PurchaseCredit .TextContent {
        width: 100%;
        padding-left: 0;
    }
    .NotificationsList {
        padding: 30px 15px;
    }
    .NotificationsList table td {
        padding: 15px 5px;
    }
    .NotificationsList table th {
        padding: 15px 5px;
    }
    [data-type="AdminProducts"] .Variants {
        padding: 15px;
    }
}

@media(max-width:560px) {
    .LoginBlock.Block {
        margin: 0px 15px 30px 15px;
        padding: 30px 15px;
    }
    .LoginBlock .Nav {
        margin-bottom: 25px;
    }
    .LoginBlock .Nav ul li {
        width: 50%;
    }
    .LoginBlock .Nav ul li a {
        font-size: 18px;
    }
    .LoginBlock .Button {
        margin: 30px 0 35px 0;
    }
    #LoginPageHeader {
        text-align: center;
    }
    #LoginPageHeader .FloatLeft {
        float: none;
        margin: auto;
    }
    .ProductsItems .ProductsItemBlock.Block {
        height: auto;
        padding: 20px;
        min-height: 110px;
    }
    .ProductsItems .ProductsItemBlock.Block .Inn {
        top: initial;
        transform: initial;
    }
    .SearchBlock .SearchPanel .Item.Date {
        width: 100%;
    }
    .Credits .Invoices h2 {
        float: none;
    }
    .Credits .Invoices .UploadInvoice {
        float: none;
    }
    .Credits .PurchaseCredit .TextContent,
    .Credits .ChargeCredit .TextContent {
        width: 100%;
        padding-left: 0;
    }
    .Credits .PurchaseCredit .Amount,
    .Credits .ChargeCredit .Amount {
        width: 100%;
    }
    .Credits .PurchaseCredit,
    .Credits .ChargeCredit {
        padding: 30px;
    }
    .NiceCheck .Text {
        width: 85%;
    }
    header h1 a {
        margin-right: 5px;
    }
    header .Notifications {
        margin-right: 10px;
    }
    .AdminMessagesDash .Info {
        max-width: 75%;
    }
    .FixedPrice .PriceBlock .SpecPrice {
        font-size: 20px;
    }
    .FixedPrice .PriceBlock .TaxTag {
        font-size: 16px;
    }
    .FixedPrice .PriceBlock {
        margin-right: 15px;
    }
    .FixedPrice .SmallerButton.BlueButtonArrowRight {
        width: 125px;
        font-size: 12px;
    }
    .FixedPrice .SmallerButton.BlueButtonArrowRight svg {
        transform: scale(0.5);
        top: 5px;
    }
}

@media(max-width:500px) {
    .DialogContent.NewMessageDialog.ReplyMsg {
        padding: 45px 15px;
    }
    .DialogContent .Button.BlueButton {
        width: 100%;
    }
    .ProductsItems .ProductsItemBlock.Block .Info {
        width: 60%;
    }
    .FixedPrice.LastStep .ButtonsBlock {
        float: right;
        text-align: right;
        width: 145px;
        padding-top: 5px;
    }
    .FixedPrice.LastStep .ButtonsBlock .Button {
        margin: 5px 0;
        width: 145px;
        font-size: 13px;
    }
    .FixedPrice.LastStep .ButtonsBlock button {
        width: 145px;
        font-size: 13px;
    }
    .FixedPrice.LastStep .PriceBlock .SpecPriceText {
        font-size: 19px;
    }
    .FixedPrice.LastStep .PriceBlock .SpecPrice {
        font-size: 19px;
    }
    .FixedPrice.LastStep .PriceBlock {
        padding-top: 30px;
    }
    .FixedPrice .PriceBlock .TaxTag {
        font-size: 13px;
    }
}

@media(max-width:450px) {
    .FixedPrice.LastStep .PriceBlock {
        width: 175px;
    }
    .AdminMessagesDash .Info {
        max-width: 70%;
    }
    .MessagesBlockAdmin .MessageItem .Name {
        font-size: 18px;
    }
    .MessagesBlockAdmin .MessageItem .Avatar {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .MessagesBlockAdmin .MessageItem .Avatar[data-image=""] .Initials {
        font-size: 18px;
    }
    .MessagesBlockAdmin .MessageItem .OpenIcon {
        display: none;
    }
    .SupportDialog.DialogContent {
        padding: 25px;
    }
    .PurchaseForm .Left {
        width: 100%;
    }
    .UserUpdateForm .Left {
        width: 100%;
        text-align: center;
    }
    .UserUpdateForm .Left .Avatar {
        width: 130px;
        height: 130px;
        line-height: 130px;
        margin: auto;
        float: none;
    }
    .UserUpdateForm .Right {
        width: 100%;
    }
    .UserUpdateForm .Mobile {
        display: block;
    }
    .UserUpdateForm .Desktop {
        display: none;
    }
    .ProductsItems .ProductsItemBlock.Block .Info {
        width: 58%;
    }
}

@media(max-width:430px) {
    .Messages .MessageItem .InsertedDate {
        width: 100%;
        margin-right: 0;
        margin-top: 12px;
        text-align: right;
        float: right;
        font-size: 15px;
    }
    .Messages .MessageItem.WithAnswerButton .InsertedDate {
        line-height: 40px;
        text-align: center;
        text-align: right;
        width: 25%;
        margin-top: 0;
    }
    .Messages .MessageItem.WithAnswerButton .Name {
        text-align: left;
        width: 45%;
    }
    .Messages .MessageItem:not(.WithAnswerButton) .InsertedDate {
        width: 25%;
    }
    .Messages .MessageItem .InsertedDate .ReplyButton {
        float: right;
        margin-left: 10px;
    }
    .Messages .MessageItem .SeenIcon {
        float: left;
    }
    .Messages .MessageItem .Avatar {
        float: left;
    }
    .Messages .MessageItem .Name {
        text-align: left;
        margin-top: 8px;
        font-size: 18px;
    }
    .Messages .MessageItem.WithAnswerButton .OpenIcon {
        top: 115px;
    }
    .Messages .MessageItem .OpenIcon {
        top: 72px;
    }
    .Messages .MessageItem .InsertedDate .ReplyButton {
        margin-top: 0;
    }
    .Messages .MessageItem .Text.Panel {
        text-align: left;
    }
    .Messages .MessageItem.WithAnswerButton .Text.Panel {
        margin-top: 14px;
    }
    .Messages .MessageItem:not(.DisplayedFullText) .Text.Panel {
        padding-right: 35px;
    }
    [data-type="Requests"] .Messages .MessageItem:not(.DisplayedFullText) .Text.Panel,
    [data-type="Requests"] .Messages .MessageItem.DisplayedFullText .Text.Panel {
        margin-top: 18px;
    }
    [data-type="Requests"] .Messages .MessageItem.WithAnswerButton:not(.DisplayedFullText) {
        min-height: 144px;
    }
    .Messages .MessageItem[data-msg-seen="0"] .SeenIcon {
        margin-top: 13px;
    }
    .MessagesBlockAdmin .MessageItem .InsertedDate {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
        text-align: left;
        font-size: 15px;
    }
    .MessagesBlockAdmin .MessageItem.WithAnswerButton .InsertedDate {
        line-height: 40px;
    }
    .MessagesBlockAdmin .MessageItem:not(.WithAnswerButton) .InsertedDate {
        width: 40%;
        text-align: right;
    }
    .MessagesBlockAdmin .MessageItem .InsertedDate .ReplyButton {
        float: right;
        margin-left: 10px;
    }
    .MessagesBlockAdmin .MessageItem .SeenIcon {
        float: left;
    }
    .MessagesBlockAdmin .MessageItem .Avatar {
        float: left;
    }
    .MessagesBlockAdmin .MessageItem .Name {
        float: left;
        text-align: left;
        margin-top: 8px;
        font-size: 18px;
        padding-left: 20px;
    }
    .MessagesBlockAdmin .MessageItem.WithAnswerButton .OpenIcon {
        top: 130px;
    }
    .MessagesBlockAdmin .MessageItem .OpenIcon {
        top: 72px;
    }
    .MessagesBlockAdmin .MessageItem .InsertedDate .ReplyButton {
        margin-top: 0;
    }
    .MessagesBlockAdmin .MessageItem .Text.Panel {
        text-align: left;
    }
    .MessagesBlockAdmin .MessageItem:not(.DisplayedFullText) .Text.Panel {
        padding-right: 35px;
    }
    .MessagesBlockAdmin .MessageItem[data-msg-seen="0"] .SeenIcon {
        margin-top: 13px;
    }
    .MessagesBlockAdmin .MessageItem[data-msg-seen="1"] .SeenIcon {
        width: 0;
        margin: 0;
    }
    .MessagesBlockAdmin .MessageItem .Name .InName {
        font-size: 18px;
    }
    .MessagesBlockAdmin .MessageItem .Name.Desktop {
        display: block;
    }
    .MessagesBlockAdmin .MessageItem .Name.Mobile {
        width: 100%;
        text-align: left;
        padding-left: 0;
    }
    .MessagesBlockAdmin .MessageItem .Name.Mobile .InName {
        display: none;
    }
}

@media(max-width:400px) {
    .ThirdBlock .LeftSide {
        width: 100%;
        text-align: center;
    }
    .ThirdBlock .Count {
        font-size: 85px;
    }
    .ThirdBlock .RightSide {
        text-align: center;
        width: 100%;
    }
    .DevicesItems .DevicesItem.Block .Image {
        width: 60px;
    }
    .ProductsItems .ProductsItemBlock.Block .Image {
        width: 95px;
        height: 105px;
    }
    .PurchaseForm .Left {
        width: 280px;
    }
    .UsersItems .Item .Avatar {
        width: 65px;
        height: 65px;
        line-height: 65px;
    }
    .AdminMessagesDash .Info {
        max-width: 145px;
    }
    .NotificationsDialog.DialogContent {
        width: 260px;
    }
    .UsersItems .Item .Avatar .Initials {
        font-size: 18px;
    }
    .DialogContent.NewUser {
        padding: 65px 25px 40px 25px;
    }
    .DialogContent.AddDevice {
        padding: 45px 25px;
    }
    .CalendarDialog {
        width: 100%;
    }
    .ProductsItems .ProductsItemBlock.Block .Info {
        width: 62%;
    }
    .NotificationsDialog .Items .Item .Date {
        width: 100%;
        text-align: right;
    }
    .NotificationsDialog .Items .Item .SeenIcon {
        margin: 0 10px;
    }
}

@media(max-width:350px) {
    .NotificationsDialog.DialogContent {
        width: 235px;
    }
    .Credits .CurrentState .Amount {
        font-size: 50px;
    }
    .ProductsItems .ProductsItemBlock.Block .Info {
        width: 55%;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="edit"] {
        font-size: 13px !important;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="edit"] span {
        font-size: 13px !important;
    }
    [data-type="AdminProducts"] .Variants thead th[data-spec="no_tax_price"] {
        font-size: 14px;
    }
    [data-type="AdminProducts"] .Variants thead th[data-spec="code"] {
        font-size: 14px;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="code"] {
        font-size: 14px;
    }
    [data-type="AdminProducts"] .Variants tbody td[data-spec="no_tax_price"] {
        font-size: 14px;
    }
    .FixedPrice.LastStep .ButtonsBlock .Button {
        margin: 5px 0;
        width: 105px;
        font-size: 10px;
        padding: 0 5px;
    }
    .FixedPrice.LastStep .ButtonsBlock button {
        width: 105px;
        font-size: 10px;
    }
    .FixedPrice.LastStep .PriceBlock .SpecPriceText {
        font-size: 15px;
    }
    .FixedPrice.LastStep .PriceBlock .SpecPrice {
        font-size: 15px;
    }
    .FixedPrice .PriceBlock .TaxTag {
        font-size: 12px;
    }
}

@media (max-width:320px) {
    header h1 {
        max-width: 60%;
    }
}