@charset "utf-8";
/* CSS Document_index */

body * {
	margin: 0 auto;
}

    #ru, #en {
      min-height: calc(1vh * 0.19);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -ms-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -ms-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      font-family: 'PT Sans', Arial, sans-serif;
      font-size: 16px;
      margin: 0;
      background-color: #33669940;
      /*
      background-image: url(https://jenva.ru/img/2_fon.png);
      background-size: ;
      background-repeat: no-repeat;
      */
    }

html {
      height: 100%;
    }

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse
}

td,th {
    padding: 0
}

    .top, .bottom, hr {
      flex-shrink: 0;
    }

    hr {
      height: 2px;
      border: 0;
      box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
      margin: 0;
    }

    a {
      color: white; /* #2fa3e7; */
      text-decoration: none
    }

    a:focus, a:hover {
      color: #157ab5;
      text-decoration: none
    }

    body {
      background-image: url(https://jenva.ru/img/2_fon.png);
      background-size: cover;
      background-repeat: no-repeat;
      font-family: 'PT Sans', Arial, sans-serif;
      font-size: 16px;
      height: 100%;
      margin: 0;
      
    }
    
    h1 {
      font-family: 'PT Sans Caption', Arial, sans-serif;
      font-weight: normal;
      margin: 0;
      font-size: 21px;
      line-height: 30px;
    }

    h2 {
      font-family: 'PT Sans Caption', Arial, sans-serif;
      font-weight: normal;
      margin: 0;
      font-size: 18px;
    }

    div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .main {
    height: calc(100vh * 0.9);
    }

      
    body {
      /* background-image: url(https://jenva.ru/img/2_fon.png); */
      background-size: cover;
      background-repeat: no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -ms-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -ms-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(1vh * 0.19);
      }
      
    main {
        height: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-box-pack: start;
        -ms-flex-pack: start;
        /* justify-content: flex-start; */
        justify-content: center;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -ms-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -ms-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /* width: 740px; */
        margin: 0 auto;
      }

    header, footer, .hint {
        max-width: 690px;
        margin: 0 auto;
        width: 95%;
      }
      
    header {
        height: auto;
    max-height: -webkit-fill-available;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -ms-box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -ms-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }

.lightrope {
    min-height: 36px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    z-index: 10000
}

.lightrope div {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: flash-1;
    animation-name: flash-1;
    background: #00f7a5;
    border-radius: 50%;
    box-shadow: 0 1.3333333333px 16px 7px #00f7a5;
    display: block;
    display: inline-block;
    height: 8px;
    list-style: none;
    margin: 0 75px;
    padding: 0;
    position: relative;
    width: 8px
}

.lightrope div:nth-child(odd) {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: flash-2;
    animation-name: flash-2;
    background: aqua;
    box-shadow: 0 1.3333333333px 16px 7px rgba(0,255,255,.5)
}

.lightrope div:nth-child(4n+2) {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-name: flash-3;
    animation-name: flash-3;
    background: #f70094;
    box-shadow: 0 1.3333333333px 16px 7px #f70094
}

.lightrope div:nth-child(odd) {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s
}

.lightrope div:nth-child(3n+1) {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s
}

.lightrope div:before {
    background: #222;
    border-radius: 3px;
    content: "";
    height: 2.6666666667px;
    left: 1px;
    position: absolute;
    top: -1.3333333333px;
    width: 6px
}

.lightrope div:after {
    border-bottom: 2px solid #222;
    border-radius: 50%;
    content: "";
    height: 5.3333333333px;
    left: 5px;
    position: absolute;
    top: -4px;
    width: 162px
}

.lightrope div:last-child:after {
    content: none
}

.lightrope div:first-child {
    margin-left: -150px
}


@-webkit-keyframes flash-1 {
    0%,to {
        background: #00f7a5;
        box-shadow: 0 1.3333333333px 16px 7px #00f7a5
    }

    50% {
        background: rgba(0,247,165,.4);
        box-shadow: 0 1.3333333333px 16px 7px rgba(0,247,165,.2)
    }
}

@keyframes flash-1 {
    0%,to {
        background: #00f7a5;
        box-shadow: 0 1.3333333333px 16px 7px #00f7a5
    }

    50% {
        background: rgba(0,247,165,.4);
        box-shadow: 0 1.3333333333px 16px 7px rgba(0,247,165,.2)
    }
}

@-webkit-keyframes flash-2 {
    0%,to {
        background: aqua;
        box-shadow: 0 1.3333333333px 16px 7px aqua
    }

    50% {
        background: rgba(0,255,255,.4);
        box-shadow: 0 1.3333333333px 16px 7px rgba(0,255,255,.2)
    }
}

@keyframes flash-2 {
    0%,to {
        background: aqua;
        box-shadow: 0 1.3333333333px 16px 7px aqua
    }

    50% {
        background: rgba(0,255,255,.4);
        box-shadow: 0 1.3333333333px 16px 7px rgba(0,255,255,.2)
    }
}

@-webkit-keyframes flash-3 {
    0%,to {
        background: #f70094;
        box-shadow: 0 1.3333333333px 16px 7px #f70094
    }

    50% {
        background: rgba(247,0,148,.4);
        box-shadow: 0 1.3333333333px 16px 7px rgba(247,0,148,.2)
    }
}

@keyframes flash-3 {
    0%,to {
        background: #f70094;
        box-shadow: 0 1.3333333333px 16px 7px #f70094
    }

    50% {
        background: rgba(247,0,148,.4);
        box-shadow: 0 1.3333333333px 16px 7px rgba(247,0,148,.2)
    }
}


    .top {
        margin: 0 auto;
        background-color: #f7f9fa00;
      }
      
    .top {
        height: 10%;
        /* background-color: #f7f9fa; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -ms-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -ms-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
      }
      

    .top img {
        height: auto;
        max-height: 100%;
      }
          .top a {
        /* height: 39%; */
        max-height: 100%;
      }
          .top nav {
        /* height: 39%; */
        max-height: 100%;
      }
      
    .octo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-box-pack: center;
        -ms-flex-pack: center;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 25%;
      }

    .octo img {
        height: 230px;
        max-height: 230px;
      }
      
    nav {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -ms-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 10px;
      }

    nav a {
        padding: 0 15px
      }
      
    .m-monitor {
        font-family: 'PT Sans', Arial, sans-serif;
        /* position: relative; */
        margin: 0 auto;
        padding: 20px 20px 20px 20px;
        min-height: 60px;
        height: 60%;
        min-width: 60px;
        /* width: 60%; */
        box-sizing: border-box;
        border: 1px solid #000;
        border-radius: 0;
        background-color: #ffffff30;
        background-repeat: no-repeat;
        color: #000;
        text-align: left;
        font-size: 16px;
        line-height: 20px;
        -webkit-box-shadow: 0 2px 4px rgba(146,149,163,.5);
        -moz-box-shadow: 0 2px 4px rgba(146,149,163,.5);
        -ms-box-shadow: 0 2px 4px rgba(146,149,163,.5);
        box-shadow: 0 2px 4px rgba(146,149,163,.5)
    }

    .m-monitor:before {
        background-image: url(https://cp.beget.com/img/icons/new_alert/alert.svg)
    }

    .m-monitor:before {
        content: "";
        display: block;
        position: absolute;
        top: 19px;
        left: 0;
        width: 45px;
        height: 20px;
        border-radius: 0 4px 4px 0;
        background-repeat: no-repeat;
        background-position: center right 4px
    }
    
    .m-monitor.m-monitor--success {
        border-color: #6ec331
    }

    .m-monitor.m-monitor--success:before {
        background-color: #6ec331
    }
    
    .m-monitor.m-monitor--icon-check:before {
        background-image: url(https://cp.beget.com/img/icons/new_alert/check.svg)
    }
    
    footer {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -ms-box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -ms-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 690px;
      }
      
    .footer-col {
        display: block;
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: flex;*/
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -ms-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 0;
      }

    .footer-col > * {
        padding: 2px;
      }
      
    .bottom-mobile {
        display: none;
      }
      
      /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,:after,:before {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

#cp-login-form {
        margin-top: 55px!important;
        display: block;
}

.form .form-group {
    margin: 0 0 10px;
    display: block;
}

.form .form-group {
    position: relative;
    cursor: default
}

.form-group .input-icon {
    position: relative;
    cursor: default
}

.form .form-group .input-icon input {
    padding: 0 36px
}

.form-group .icon-keyboard {
    right: 12px;
    top: 12px;
    left: auto!important;
    background-image: url(/icons/small/keyboard.png) !important;
}

.form-group .input-icon i {
    left: 12px;
    top: 12px;
}

.w-100 {
    width: 100%!important;
}

.btn-default, .btn-default:focus, .btn-default:hover {
    color: #fff;
    border: 1px solid #418ab6;
    box-shadow: inset 0 1px 0 0 #34bdf1, inset 0 -1px 0 0 #0065d1;
}

.btn-default {
    min-width: 155px;
    position: relative;
    border-radius: 0;
    background: #418ab6;
    background: linear-gradient(180deg,#2fa3e7,#0087e0);
    z-index: 0!important;
    line-height: 20px;
}

.btn {
    font-weight: 100;
}

@font-face {
    font-family: Glyphicons Halflings;
    src: url(/dist/fonts/glyphicons-halflings-regular.f4769f9bdb7466be65088239c12046d1.eot);
    src: url(/dist/fonts/glyphicons-halflings-regular.f4769f9bdb7466be65088239c12046d1.eot?#iefix) format("embedded-opentype"),url(/dist/fonts/glyphicons-halflings-regular.448c34a56d699c29117adc64c43affeb.woff2) format("woff2"),url(/dist/fonts/glyphicons-halflings-regular.fa2772327f55d8198301fdb8bcfc8158.woff) format("woff"),url(/dist/fonts/glyphicons-halflings-regular.e18bbf611f2a2e43afc071aa2f4e1512.ttf) format("truetype"),url(/dist/fonts/glyphicons-halflings-regular.89889688147bd7575d6327160d64e760.svg#glyphicons_halflingsregular) format("svg")
}

.input-icon-left i {
    cursor: pointer;
    position: absolute;
    display: block;
    left: 4px;
    top: 4px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
}

.input-icon-left i.icon-filter.cancel-cross:after,.input-icon-left i.icon-filter .cancel-cross:after,.input-icon-left i.icon-filter.cancel-cross:before,.input-icon-left i.icon-filter .cancel-cross:before {
    background-size: auto 100%;
    width: 16px;
    height: 16px;
    margin: auto
}

.input-icon-left i.icon-filter.cancel-cross:after,.input-icon-left i.icon-filter .cancel-cross:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/i/icons/small/cross.png);
    background-position: 50%;
    background-repeat: no-repeat;
    transition: opacity .3s ease
}

.input-icon-left i.icon-filter.cancel-cross:active,.input-icon-left i.icon-filter .cancel-cross:active {
    box-shadow: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .input-icon-left i.icon-filter.cancel-cross:after,.input-icon-left i.icon-filter .cancel-cross:after {
        background-image:url(/icons/small/cross@2x.png)
    }
}

.input-icon-left.icon-password i {
    background-image: url(/icons/small/lock.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .input-icon-left.icon-password i {
        background-image:url(/icons/small/lock2x.png)
    }
}

.input-icon-left.icon-search i:before {
    font-family: FontAwesome,sans-serif;
    content: "\F002";
    font-size: 12px;
    font-style: normal;
    left: 2px;
    line-height: 12px;
    position: absolute;
    top: 2px;
    color: #c6d0d7
}

.input-icon-left.icon-login i {
    background-image: url(/icons/small/user.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .input-icon-left.icon-login i {
        background-image:url(/icons/small/user@2x.png)
    }
}

.input-icon-left.icon-ip i {
    background-image: url(/icons/small/ip.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .input-icon-left.icon-ip i {
        background-image:url(/icons/small/ip@2x.png)
    }
}

.input-icon-left.icon-calendar i {
    background-image: url(/icons/small/cal.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .input-icon-left.icon-calendar i {
        background-image:url(/icons/small/cal@2x.png)
    }
}

.form {
    /* margin: 0 0 25px */
    margin: 0 auto;
}

.form.form-horizontal.well {
    padding-bottom: 10px
}

.form.form-horizontal .control-label {
    padding: 0 5px 0 0
}

.form.form-horizontal .control-label--button-group {
    padding-top: 5px
}

.form.form-horizontal .btn {
    vertical-align: top
}

.form.form-horizontal textarea.form-control {
    min-height: calc(100vh* 0.20);
    min-height: 150px;
    resize: vertical
}

.form.form-horizontal .form-group .btn-group {
    width: 100%
}

.form.form-modal {
    margin: 0!important
}

.form .file-list-input {
    padding-right: 25px
}

.form i.icon-file-list {
    position: absolute;
    vertical-align: top;
    height: 25px;
    width: 27px;
    right: 5px;
    z-index: 2;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-image: url(/i/icons/small/list.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .form i.icon-file-list {
        background-size:16px 16px;
        background-image: url(/i/icons/small/list@2x.png)
    }
}

.form .file-tree-container {
    z-index: 16;
    position: absolute;
    max-height: 300px;
    overflow-y: scroll;
    box-shadow: 0 2px 5px 0 rgba(146,149,163,.5);
    background-color: #fff;
    cursor: pointer;
    width: calc(100% - 10px);
    display: none
}

.form .file-tree-container li {
    list-style-type: none;
    line-height: 24px
}

.form .file-tree-container li.current>p {
    color: #000!important;
    background-color: #eff3f6;
    cursor: pointer
}

.form .file-tree-container li.not-current>p {
    color: grey!important
}

.form .file-tree-container li span.switch {
    width: 16px;
    height: 16px;
    font-family: FontAwesome,sans-serif;
    color: #8ad4ff;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center
}

.form .file-tree-container li span.switch.open-folder:before {
    content: "\F107"
}

.form .file-tree-container li span.switch.close-folder:before {
    content: "\F105"
}

.form .file-tree-container li span.switch.none-icon {
    margin-left: 5px
}

.form .file-tree-container li span.open-folder+p p {
    color: grey
}

.form .file-tree-container li i {
    background-size: 16px 16px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.form .file-tree-container li i.folder {
    background-image: url(/i/icons/small/folder.png)
}

.flex-col-10 {
    position: relative;
    width: 100%;
    min-height: fit-content;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 27.77777778%;
    /* max-width: 27.77777778%; */
}

#main-login {
    padding-top: 125px
}

#main-login .logo img {
    width: 250px
}

#main-login .forms-container {
    min-height: 275px;
    margin-top: 40px;
    justify-content: center
}

#main-login #cp-login-form .form-errors {
    min-height: 45px
}

#main-login #cp-login-form .no-min-height {
    min-height: 0
}

#main-login .form .form-group .form-errors {
    padding-bottom: 10px
}

#main-login .form .form-group .form-errors .text-center {
    font-size: 16px
}

#main-login .form input {
    height: 38px
}

#main-login .form .btn-submit {
    width: 100%
}

#main-login .form p {
    line-height: 1.42857143
}

#main-login .form .form-group>div>p:last-child,#main-login .form .login-form-subtitle {
    display: block;
    margin-bottom: 15px
}

#main-login .form h3 {
    margin: 0 0 10px
}

#main-login .form.b-alert {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0!important
}

#main-login .form.b-alert .form-group .field-error {
    font-size: 14px;
    padding-bottom: 0
}

#main-login .form .input-icon-left i {
    left: 12px;
    top: 12px
}

.form .form-group {
    position: relative;
    cursor: default
}

.form-group .input-icon {
    position: relative;
    cursor: default
}

.form-group .icon-keyboard {
    right: 12px;
    top: 12px;
    left: auto!important;
    background-image: url(/icons/small/keyboard.png) !important;
}

#main-login #select-language {
    text-align: right;
    position: absolute;
    right: 3px;
    overflow: hidden
}

#main-login #select-language .menu-item-li {
    line-height: 21px;
    color: #9295a3;
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

#main-login #select-language .menu-item-li img {
    width: 20px;
    vertical-align: top
}

.link-gray {
    color: #9295a3
}

.link-gray:active,.link-gray:focus,.link-gray:hover {
    color: #4d505e
}

#selfie-form .selfie-form-content-wrapper.loading {
    min-height: 208px
}

#selfie-form .uploaded-item-component {
    flex: 1 1 auto;
    width: 48%;
    max-width: 100%;
    margin-right: 0
}

#selfie-form .uploaded-item-component__title {
    margin-right: auto
}

#selfie-form .uploaded-item-component:nth-of-type(odd) {
    margin-right: 5px
}

#selfie-form .uploaded-item-component:last-child:nth-of-type(odd) {
    width: 100%;
    margin-right: 0
}

.selfie-info-text ul {
    padding-left: 18px
}

.selfie-info-text ul li:first-child {
    padding: 10px 0
}

#cookie-notification {
    background: #212121;
    width: 100%;
    height: 30px;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    color: #fff;
    padding-left: 20px
}

#cookie-notification .cookie-notification-text {
    font-size: 14px;
    line-height: 30px
}

#cookie-notification .cookie-notification-text a {
    color: #8ad4ff
}

#cookie-notification #cookie-close-button {
    background: none;
    border: none;
    float: right;
    margin-right: 10px
}

#cookie-notification #cookie-close-button .cookie-close {
    font-size: 25px;
    line-height: 30px
}

.form-control,output {
    display: block;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(47,163,231,.6);
    border-color: #2fa3e7;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(239,243,246,.5),0 0 4px rgba(47,163,231,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

.feedback_rows::-webkit-scrollbar {
    width: 12px;
}

.feedback_rows::-webkit-scrollbar-track {
    background: orange;
}

.feedback_rows::-webkit-scrollbar-thumb {
    background-color: indigo;
    border-radius: 5px;
}

.feedback_rows {
    color: white;
    display: inline-block;
    min-height: calc(100vh * 0.23);
    max-height: calc(100vh * 0.27);
    height: calc(100vh* 0.27);
    width: 70%;
    overflow: overlay;
    scrollbar-color: blue orange;
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse
}

td,th {
    padding: 0
}