/*Главная обертка*/
#wrap
{
}
#wrap.ng_inited.ng_freeze
{
    visibility: hidden;
}


/*Лето контента*/
#wrap #ng_body
{
    opacity: 0;

    -webkit-transition: opacity 1.5s ease-out;
    -moz-transition: opacity 1.5s ease-out;
    -ms-transition: opacity 1.5s ease-out;
    -o-transition: opacity 1.5s ease-out;
    transition: opacity 1.5s ease-out;

    background-image: url('../images/ui/ng_content/ng_main.jpg');
    background-repeat: no-repeat, repeat-x;
    background-position: center center, center center;
    background-size: auto 100%, auto 100%;
}

#wrap.ng_inited #ng_body
{
    opacity: 1;
}

/*Шапка*/
#wrap #ng_header
{
    display: none;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 0.5em 0.25em #000000;

    background-image: url('../images/ui/ng_header_body.jpg');
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: center center;
    background-size: auto 100%;
}
#wrap #ng_header:after
{
    content: '';
    display: block;
    width: 100%;
    height: 0.7142em;
    background-image: url('../images/ui/ng_header_border.png');
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: center center;
    background-size: auto 100%;
}
#wrap #ng_header_table
{
    width: 100%;
    height: 7.3571em;
}
#wrap.ng_ui_header #ng_header
{
    display: table;
}

/*Котент*/
#wrap #ng_content
{
    display: block;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    box-sizing: border-box;

    width: 100%;
    height: 100%;
}
#wrap.ng_ui_header #ng_content
{
    height: -webkit-calc(100% - 8.0714em);
    height: calc(100% - 8.0714em);
}

#wrap.ng_ui_header.ng_ui_footer #ng_content
{
    padding-bottom: 1.5384em;
}

#wrap[lang="fr"].ng_inited #ng_body
{
    background-image: url('../images/ui/ng_content/ng_main_fr.jpg');
}
#wrap[lang="ru"].ng_inited #ng_body
{
    background-image: url('../images/ui/ng_content/ng_main_ru.jpg?v=200525'), url('../images/ui/ng_content/ng_main_bg_ru.jpg');
    background-size: 100% auto, auto 100%;
}
#wrap[lang="en"].ng_inited #ng_body
{
    background-image: url('../images/ui/ng_content/ng_main_en.jpg'), url('../images/ui/ng_content/ng_main_bg_en.jpg');
}
#wrap[lang="tr"].ng_inited #ng_body
{
    background-image: url('../images/ui/ng_content/ng_main_tr.jpg'), url('../images/ui/ng_content/ng_main_bg_tr.jpg');
}
#wrap.ng_ui_header #ng_body
{
    background-size: auto -webkit-calc(100% - 8.0714em), auto -webkit-calc(100% - 8.0714em);
    background-size: auto calc(100% - 8.0714em), auto calc(100% - 8.0714em);
    background-position: center top 8.0714em, center top 8.0714em;
}
#wrap #ng_content_scroll.ng_scroll_bar:not(.ng_scroll_hide)+#ng_content.ng_scroll_body
{
    width: 99%;
    width: -webkit-calc(100 - 1.6428em);
    width: calc(100 - 1.6428em);
    overflow: hidden;
}
#wrap #ng_content_scroll.ng_scroll_bar
{
    display: block;
    vertical-align: top;
    opacity: 1;
    height: 99%;
    height: -webkit-calc(100% - 2em - 2em);
    height: calc(100% - 2em - 2em);
    position: fixed;
    right:1em;
    top: 2em;
}
#wrap.ng_ui_header #ng_content_scroll.ng_scroll_bar
{
    height: -webkit-calc(100% - 9.0714em);
    height: calc(100% - 9.0714em);
    top: 8em;
}

/*Футер*/
#wrap #ng_footer
{
    font-size: 13px;
    font-size: 0.9285em;
    display: none;
    position: fixed;
    font-weight: bold;
    bottom: 0;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    line-height: 1em;
    padding-bottom: 0.7692em;
    text-shadow: 0 0 0.2307em #fff;
    pointer-events: none;
}
#wrap.ng_ui_footer #ng_footer
{
    display: block;
}

/*Логотип*/
#wrap #ng_logo
{
    width: 10.9285em;
    vertical-align: middle;
    margin: auto;
}
#wrap #ng_logo:before
{
    content: '';
    display: inline-block;
    background-image: url('../images/ui/ng_logo.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width: 10.9285em;
    height: 7.2142em;
}
#wrap #ng_logo:hover:before
{
    background-position: center bottom;
}

/*Чекбоксы*/
#wrap #ng_content .ng_dot
{
    display: inline-block;
    width: 2.4285em;
    height: 2.4285em;
    vertical-align: middle;
    background-image: url('../images/ui/ng_dot.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: 100% 300%;
}
#wrap #ng_content .ng_dot[data-value]
{
    cursor: pointer;
}
#wrap #ng_content .ng_dot.ng_dot_active
{
    background-position: center 50%;
    cursor: default;
}
#wrap #ng_content .ng_dot.ng_dot_error
{
    background-position: center 100%;
    cursor: default;
}
#wrap #ng_content .ng_dot + .ng_label
{
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
}
#wrap #ng_content [data-dot_group].ng_dot.ng_dot_active + .ng_label
{
    cursor: default;
}

/*Разделитель полей*/
#wrap .ng_row
{
    margin-bottom: 0.5em;
    position: relative;
}
#wrap .ng_row_br
{
    position: relative;
}

/*Подсказка*/
#wrap .ng_hint
{
    display: none;
    background-color: rgba(0,0,0,0.9);
    padding: 0.5em;
    position: absolute;
    color: #FFFFFF;
    left: 0;
    right: 0;
    top: -100%;
    z-index: 20;
    pointer-events: none;

    border: solid 0.0714em #000000;

    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
#wrap .ng_btn:hover+.ng_hint
{
    display: block;
}

/*Мультиязычность*/
#wrap[lang="fr"] [data-lang]:not([data-lang~="fr"]),
#wrap[lang="be"] [data-lang]:not([data-lang~="be"]),
#wrap[lang="en"] [data-lang]:not([data-lang~="en"]),
#wrap[lang="eg"] [data-lang]:not([data-lang~="eg"]),
#wrap[lang="es"] [data-lang]:not([data-lang~="es"]),
#wrap[lang="nl"] [data-lang]:not([data-lang~="nl"]),
#wrap[lang="sv"] [data-lang]:not([data-lang~="sv"]),
#wrap[lang="fi"] [data-lang]:not([data-lang~="fi"]),
#wrap[lang="tr"] [data-lang]:not([data-lang~="tr"]),
#wrap[lang="ru"] [data-lang]:not([data-lang~="ru"]),
#wrap[lang="de"] [data-lang]:not([data-lang~="de"]),
#wrap[lang="no"] [data-lang]:not([data-lang~="no"])
{
    display: none;
}

/*Обводка текста*/
#wrap .ng_text_border
{
    text-shadow: 0   -0.0714em 0 #000000,
        0   -0.0714em 0 #000000,
        0    0.0714em 0 #000000,
        0    0.0714em 0 #000000,
        -0.0714em -0   0 #000000,
        0.0714em -0   0 #000000,
        -0.0714em  0   0 #000000,
        0.0714em  0   0 #000000,
        -0.0714em -0.0714em 0 #000000,
        0.0714em -0.0714em 0 #000000,
        -0.0714em  0.0714em 0 #000000,
        0.0714em  0.0714em 0 #000000,
        -0.0714em -0.0714em 0 #000000,
        0.0714em -0.0714em 0 #000000,
        -0.0714em  0.0714em 0 #000000,
        0.0714em  0.0714em 0 #000000,
        -0.0714em -0.0714em 0 #000000,
        0.0714em -0.0714em 0 #000000,
        -0.0714em  0.0714em 0 #000000,
        0.0714em  0.0714em 0 #000000,
        -0.0714em -0.0714em 0 #000000,
        0.0714em -0.0714em 0 #000000,
        -0.0714em  0.0714em 0 #000000,
        0.0714em  0.0714em 0 #000000;
}
/*Обводка текста*/
#wrap .ng_text_border_rem
    {
        text-shadow: 0   -0.0714rem 0 #000000,
        0   -0.0714rem 0 #000000,
        0    0.0714rem 0 #000000,
        0    0.0714rem 0 #000000,
        -0.0714rem -0   0 #000000,
        0.0714rem -0   0 #000000,
        -0.0714rem  0   0 #000000,
        0.0714rem  0   0 #000000,
        -0.0714rem -0.0714rem 0 #000000,
        0.0714rem -0.0714rem 0 #000000,
        -0.0714rem  0.0714rem 0 #000000,
        0.0714rem  0.0714rem 0 #000000,
        -0.0714rem -0.0714rem 0 #000000,
        0.0714rem -0.0714rem 0 #000000,
        -0.0714rem  0.0714rem 0 #000000,
        0.0714rem  0.0714rem 0 #000000,
        -0.0714rem -0.0714rem 0 #000000,
        0.0714rem -0.0714rem 0 #000000,
        -0.0714rem  0.0714rem 0 #000000,
        0.0714rem  0.0714rem 0 #000000,
        -0.0714rem -0.0714rem 0 #000000,
        0.0714rem -0.0714rem 0 #000000,
        -0.0714rem  0.0714rem 0 #000000,
        0.0714rem  0.0714rem 0 #000000;
    }

/*Лейблы*/
#wrap .ng_label
{
    margin-bottom: 0.3571em;
    letter-spacing: -0.0071em;
}

/*Поле ввода*/
#wrap .ng_input
{
    font-size: inherit;
    width: 100%;
    height: 2.7142em;
    border: none;
    box-sizing: border-box;
    padding: 0 1em;
    margin-bottom: 1em;

    box-shadow: inset -0.1428em 0.1428em 0.3571em -0.0714em #000000;

    background-image: url('../images/ui/ng_input.png');
    background-color: #000000;
    background-repeat: repeat;
    background-position: center top;
    background-size: 2.3571em auto;

    -webkit-border-radius: 0.5714em;
    -moz-border-radius: 0.5714em;
    border-radius: 0.5714em;
}
#wrap [data-input_style="1"].ng_input
{
    background-image: url('../images/ui/ng_input_1.png');
    background-size: 100% 100%;
    border:solid 0.0714em #aeb9bf;
    color: #FFFFFF;
}

/*Прелоадер*/
#wrap .ng_preloader:after
{
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 8.5714em;
    height: 8.5714em;
    z-index: 2;
    background-image: url('../images/ui/ng_preloader.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 8.5714em;

    -ms-animation: ng_preloader 1.5s steps(18) infinite;
    -o-animation: ng_preloader 1.5s steps(18) infinite;
    -moz-animation: ng_preloader 1.5s steps(18) infinite;
    -webkit-animation: ng_preloader 1.5s steps(18) infinite;
    animation: ng_preloader 1.5s steps(18) infinite;
}

#wrap .ng_preloader_1:after
{
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 4.7142em;
    height: 4.7142em;
    z-index: 2;
    background-image: url('../images/ui/ng_preloader_1.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;

    -ms-animation: ng_preloader 1.5s steps(20) infinite;
    -o-animation: ng_preloader 1.5s steps(20) infinite;
    -moz-animation: ng_preloader 1.5s steps(20) infinite;
    -webkit-animation: ng_preloader 1.5s steps(20) infinite;
    animation: ng_preloader 1.5s steps(20) infinite;
}

@-moz-keyframes ng_preloader {
    100% { background-position: 100% center; }
}
@-webkit-keyframes ng_preloader {
    100% { background-position: 100% center; }
}
@-o-keyframes ng_preloader {
    100% { background-position: 100% center; }
}
@-ms-keyframes ng_preloader {
    100% { background-position: 100% center; }
}
@keyframes ng_preloader {
    100% { background-position: 100% center; }
}

/*Активные элементы*/
#wrap [data-cmd]:not(.ng_disabled)
{
    cursor: pointer;
}

/*Прогрессбар*/
#wrap .ng_progressbar
{
    height: 1em;
    width: 100%;
    border: solid 0.0714em #000000;
    position: relative;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;

    box-shadow: 0 0 0.2142em 0 #000000;

    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
#wrap .ng_progressbar .ng_progressbar_dot
{
    height: 100%;
    left: 0;
    display: block;
    width: 0%;
    position: relative;
    background-color: #204d74;

    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -ms-transition: width 1s linear;
    -o-transition: width 1s linear;
    transition: width 1s linear;
}

/*Подзаголовок*/
#wrap .ng_label.ng_label_main
{
    color: rgb(256,186,0);
}

/*Аватарки*/
#wrap .ng_user_avatar
{
    width: 1.8571em;
    height: 1.8571em;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url('../images/ui/ng_avatar.png');
    border: solid 0.1428em #e6e4e5;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;

    -webkit-border-radius: 1.8571em;
    -moz-border-radius: 1.8571em;
    border-radius: 1.8571em;
}

/*Пустые списки*/
#wrap .ng_empty_list:empty
{
    visibility: hidden;
    pointer-events: none;
}
#wrap .ng_empty_text
{
    font-size: 21px;
    font-size: 1.5em;
    display: none;
    text-align: center;
    color: #ffffff;
    line-height: 1em;
}
#wrap .ng_empty_list:empty+.ng_empty_text
{
    display: block;
}

/*Диджиты*/
#wrap [data-digital]:after
{
    content: attr(data-digital);
    font-size: 18px;
    font-size: 1.2857em;

    display: block;
    background-color: #fe0003;
    color: #FFFFFF;
    pointer-events: none;
    position: absolute;
    opacity: 1;
    overflow: hidden;
    padding: 0 0.2777em;
    box-sizing: border-box;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    top: 0.3888em;
    right: 0.1111em;
    text-align: center;
    text-indent: 0;

    box-shadow: 0 0.1666em 0.1111em 0 rgba(0,0,0,0.5);

    min-width: 1.3333em;
    height: 1.3333em;
    line-height: 1.3333em;

    -webkit-border-radius: 1.3333em;
    -moz-border-radius: 1.3333em;
    border-radius: 1.3333em;
}
#wrap [data-digital=""]:after
{
    opacity: 0;
}

#wrap [data-digital].ng_color_blue:after
{
    background-color: #0000FF;
}

#wrap [data-digital].ng_color_orange:after
{
    background-color: #FF8C00;
}

/*Мерцание дижита*/
#wrap [data-digital].ng_blink:after
{
    animation: blink-animation 1s steps(2, start) infinite;
    -webkit-animation: blink-animation 1s steps(2, start) infinite;
    opacity: 1;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}


/*Уведомление о куках*/
#wrap .ng_info
{
    position: fixed;
    z-index: 22;
    width: 80%;
    bottom: 2em;
    margin: auto;
    padding: 1.2em;
    box-sizing: border-box;
    left: 0;
    right: 0;
    box-shadow: 0 0 0.1em 0 #FFFFFF;
    background-color: rgba(0,0,0, 0.85);
    -webkit-border-radius: 0.3571em;
    -moz-border-radius: 0.3571em;
    border-radius: 0.3571em;
}
#wrap .ng_info .ng_info_table
{
    width: 100%;
}
#wrap .ng_info .ng_info_text
{
    font-size: 1.2em;
    color: #FFFFFF;
    text-shadow: 0 0 0.0714em #000000;
    vertical-align: middle;
    text-align: left;
}
#wrap .ng_info .ng_info_btns
{
    text-align: right;
    vertical-align: middle;
    width: 12em;
}



/*Цветовые схемы*/
/*Шапка*/
#wrap[data-theme="dark"] #ng_header
{
    background-image: url('../images/ui/themes/dark/ng_header_body.png');
    box-shadow: none;
}
#wrap[data-theme="dark"] #ng_header:after
{
    background-image: url('../images/ui/themes/dark/ng_header_border.png');
    display: none;
}
/*Поле ввода*/
#wrap[data-theme="dark"] .ng_input
{
    background-image: url('../images/ui/themes/dark/ng_input.png');
}
#wrap[data-theme="dark"] [data-input_style="1"].ng_input
{
    background-image: url('../images/ui/themes/dark/ng_input_1.png');
}
#wrap[data-theme="dark"].ng_ui_header #ng_body
{
    background-size: auto 100%, auto 100%;
    background-position: center top, center top;
}
#wrap[lang="ru"][data-theme="dark"].ng_ui_header.ng_inited #ng_body
{
    background-size: cover;
}