@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=cyrillic,latin);
@font-face {
    font-family: 'FontAwesome';
    src: url("//css.veeam.com/awesome/fonts/fontawesome-webfont.eot?v=4.0.3");
    src: url("//css.veeam.com/awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("//css.veeam.com/awesome/fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("//css.veeam.com/awesome/fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("//css.veeam.com/awesome/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

html,
body {
    height: 100%;
    font-size: 13px;
    /* The html and body elements cannot have any padding or margin. */
}
body, input {
    font-family: 'Open Sans', 'Arial', sans-serif;
}
body {
    padding: 0;
    margin: 0;
}

h4 {
    margin-top: 4px;
}

a {
    font-size: 13px;
}

label {
    color: #666;
}
label.checkbox {
    cursor: pointer;
    font-size: 13px;
}

ul.alert {
    margin: 0 0 10px 0;
    list-style-type: none;
}
ul.alert-error li {
    padding: 5px 0 5px 25px;
    color: #f03535;
}
ul.alert-error li:first-child {
    background: url("../images/icon-alert.png") 0 5px no-repeat;
}


/** Progress bar for modal dialogs */

.modal-body .progress {
    margin: 0px;
}

.modal-footer .buttonset {
    float: right;
    margin-left: 15px;
}

.modal-footer .progress {
    margin: 5px 0;
}

.modal-footer .progress .bar {
    width: 100%
}

/** Fix form width */

.form-horizontal .control-label {
    width: 130px;
}

.form-horizontal .controls {
    margin-left: 150px;
}

.password-form .control-group td:first-child{
    width: 175px;
}

.password-form .control-group label{
    text-align: right;
    padding-right: 10px;
    margin: 0;
    line-height: normal;
}

.password-form .control-group.pt20 td{
    padding-top: 20px;
}

/** Fix error state of form elements */
.control-group.error {
    margin-bottom: 10px;
}

.control-group.error ul.errors {
    color: #f03535;
    margin: 10px 0px 0px 0px;
    list-style: none;
}

/* Layout */

.container {
    max-width: 1200px;
    position: relative;
}

.container-top {
    background-color: #000000;
    height: 7px;
}

#top-slogan {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
}
@media (max-width: 767px) {
    #top-slogan {
        display: none;
    }
}

#user-top-box {
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    font-size: 0.9em;
    color: #ffffff;
    padding: 3px 20px 12px 20px;
    background: #000000;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

@media (max-width: 767px) {
    body {
        margin: 0;
        padding: 0;
    }
    .container {
        padding: 0 20px;
    }
}

.container-header {
    background: #fff;
    margin-bottom: 70px;
}
@media (max-width: 767px) {
    .container-header {
        margin-bottom: 10px;
    }
}
@media (max-width: 450px) {
    .mobile-width[class*="col-"] {
        width: 100%;
    }
}

.header-line {
    height: 4px;
    background: #0aab0a url(//img.veeam.com/sso/header_green_line.png) repeat-x;
}
.header-line .nav {
    margin-bottom: 0;
}
.header-line .nav li {
    background-color: #0aab0a;
}
.header-line .nav li:hover, .header-line .nav li.active {
    background-color: #0bd50b;
}
.header-line .nav li a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 18px 0 18px;
    display: block;
    height: 24px;
    font-size: 12px !important;
    line-height: 13px;
}
.header-line .nav li.active a, .header-line .nav li a:hover {
    background-color: transparent;
}

#header {
    padding-top: 15px;
    height: 73px;
}
#logo {
    display: inline-block;
    margin-top: 4px;
}

#logo img {
    height: 36px;
    width: 135px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    border: none;
    background-color: transparent;
}

.user-info h4 {
    min-height: 18px;
}


/* Forms */

input.error {
    background: #ffd5d5;
    border: 1px #f03535 solid;
}
ul.errors {
    background: url("../images/icon-alert.png") 1px 1px no-repeat;
    padding: 0 0 10px 20px;
    margin: 0;

}
ul.errors li {
    font-size: 0.9em;
    color: #f03535;
    margin-top: 5px;
    list-style: none;
}
.control-group ul.errors {
    padding-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal select + .help-block {
    font-size: 0.8em;
    margin-top: 2px;
    color: #aaa!important;
    font-style: italic;
}

.form-horizontal .control-group {
    padding: 0 10px;
}
.form-horizontal .form-actions {
    padding-left: 190px;
}
.form-horizontal fieldset {
    padding: 0 10px;
}
.form-horizontal fieldset fieldset {
    border-top: 1px #eee solid;
    padding-top: 20px;
}
.form-horizontal .description {
    padding: 0;
    margin: 5px 0 0 0;
    font-size: 0.9em;
    color: #999;
}

/* Auth */

#forgot-password-link {
    padding-left: 10px;
    font-size: 13px;
}

/* Box */

.box {
    border: 1px solid #D6D6D6;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 3px rgba(100, 100, 100, 0.1);
    margin-bottom: 15px;
    overflow: visible;
    position: relative;
}
.box-title {
    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(center top , #FDFDFD, #F6F6F6);
    border-bottom: 1px solid #D6D6D6;
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.box-title span.ico {
    border-right: 1px solid #D6D6D6;
    display: inline-block;
    margin: -10px 10px -10px -10px;
    padding: 10px;
}
.box-title .btn {
    font-weight: normal;
    margin-top: -3px;
}
.box-content, .box-content.collapse.in {
    background-color: #FFFFFF;
    padding: 15px;
}
.box .form-horizontal,
.box .form-horizontal .form-actions {
    margin-bottom: 0;
}

.box .box-content form {
    padding-top: 15px;
}

/* Helpers */

.nopadding {
    padding: 0 0 0 0;
}

.nopadding .table {
    margin-bottom: 0;
}
.nopadding .table th {
    border-top: none;
}

.nopadding .table-bordered {
    border: none;
    margin-bottom: 0;
}
.nopadding .table-bordered th:first-child,
.nopadding .table-bordered td:first-child {
    border-left: none;
}

.nopadding form {
    margin-bottom: 0;
}
.nopadding .form-actions {
    margin-bottom: 0;
}
.tall {
    padding: 5px 0;
}
.monospace {
    font-family: monospace;
}

/* Button group */

.button-group {
    display: inline-block;
}

/* ---------------- Layout -------------- */


.main-block {
    margin-bottom: 80px;
}

#register-block-holder {
    background: #FFF;
}
#register-block {
    padding: 0 50px 50px 60px;
}
#register-block h3 {
    margin: 0 0 10px 0;
    font-weight: normal;
    line-height: 30px;
}
#register-block h3 + span {
    font-size: 14px;
}
#register-block ul.register-block-list {
    margin: 30px 0 40px 17px;
    list-style: square;
}
#register-block ul.register-block-list li {
    padding: 8px 0;
}

#login-block-holder {
}
@media (max-width: 767px) {
    #login-block-holder {
        border-right-width: 1px;
        border-bottom-width: 0;
    }
}
#login-block  {
    padding: 15px 50px;
    background: #f5f5f5;
    border: 1px #d0d0d0 solid;
    width: 360px;
    min-height: 350px;
}

@media (max-width: 980px) {
    #login-block  {
        width: 270px;
    }
}

@media (max-width: 1200px) {
    #logo {
        padding-left: 10px
    }
    #top-slogan {
        right: 20px;
    }
}

@media (max-width: 480px) {
    .form-horizontal .control-label {
        float: left;
        width: 50px;
    }
    .controls {
        margin-left: 0px !important;
    }
    #restoreEmailInput {
        width: 160px;
    }
}

@media (max-width: 400px) {
    #login-block  {
        width: 50vw;
    }
}

#login-block input {
    margin-bottom: 5px;
}

#login-block h3 {
    font-weight: normal;
    padding: 0;
    margin: 0;
}
#login-block form {
    margin-top: 20px;
}

#login-block #social-login-group.control-group {
    border-top: 1px #c7c7c7 solid;
    padding-top: 20px;
}

#login-block, #register-block {
    padding-top: 40px;
}

#login-notification-block {
    padding: 10px;
    color: #333;
    background: #eaeaea;
    font-size: 0.9em;
    border: 1px #FFF solid;
    -moz-box-shadow: 0px 0px 6px 0px #7a7a7a;
    -webkit-box-shadow: 0px 0px 6px 0px #7a7a7a;
    box-shadow: 0px 0px 6px 0px #7a7a7a;
    /* Alas, box-shadow is not fully supported by IE < 9 */

}

form#auth {
    margin-bottom: 30px;
}

.social-buttons {
    padding: 5px 0 0 0;
}
.social-buttons a {
    margin-right: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: 0.9;
}
.social-buttons a:hover {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}
.social-buttons a.disabled {
    text-decoration: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}
.social-buttons a img {
    width: 35px;
}


.centered-box {
    padding: 10px;
    margin: 0 auto;
}
@media (min-width: 767px) {
    .centered-box {
        width: 600px;
    }
    #wrap .container {
        width: 100%;
    }
}

.profile .row {
    padding-top: 15px;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    /* Negative indent footer by it's height */
    margin: 0 auto -185px;
}

/* Set the fixed height of the footer here */

#push {
    height: 135px;
    padding-top: 50px;
}

/* Social */

.social-block-large {
    display: inline-block;
}
.social-block-large a {
    margin: 20px 10px;
    display: inline-block;
}
.social-block-large a span {
    padding: 0 15px 0 10px;
    font-size: 0.9em;
}
.social-block-large a:hover {
    text-decoration: none;
}
.social-block-large a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
.social-block-large a img {
    width: 100px;
}
#social-management.social-block-large a img {
    width: 50px;
}
.skip-social {
    margin: 20px 0;
}
#social-management a {
    background: #eee;
    display: block;
    text-align: left;
}
#social-management a.attached {
    background: #298f0b;
    color: #fff;
}

ul.dop-content {
    list-style-type: square;
}
ul.dop-content li {
    margin-bottom:7px;
}

/* Multilanguage */

:lang(ja) legend, :lang(zh) legend {
    font-weight: bold;
}

:lang(ru) #register-block,
:lang(fr) #register-block,
:lang(de) #register-block,
:lang(nl) #register-block,
:lang(it) #register-block {
    padding-right: 0px;
}

:lang(ru) #register-block ul.register-block-list,
:lang(fr) #register-block ul.register-block-list,
:lang(pl) #register-block ul.register-block-list {
    margin-top: 10px;
    margin-bottom: 20px;
}

:lang(de) #forgot-password-link {
    padding-left: 6px;
}

@media (max-width: 767px) {
    #register-block {
        padding-left: 0;

    }
}

/* Part of veeam.com grid */
.vrow {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    *zoom: 1;
}
.vrow .vrow {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 0 !important;
}
.vrow [class*="col-"] {
    float: left;
    box-sizing: border-box;
}
[class*="col-"] + [class*="col-"]:last-child {
    float: right;
}
[class*="col-"] + [class*="col-"].end {
    float: left;
}
[class*="col-"].centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}
.col-1, .col-4, .col-5, .col-6, .col-8, .col-9, .col-10, .col-11, .col-12 {
    padding-left: 10px;
    padding-right: 10px;
}
.col-1 {
    width: 8.3333333333%;
}
.col-4 {
    width: 33.3333333333%;
}
.col-5 {
    width:41.6666666667%;
}
.col-6 {
    width: 50%;
}
.col-8 {
    width: 66.6666666667%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.3333333333%;
}
.col-11 {
    width: 91.6666666667%;
}
.col-12 {
    width: 100%;
}
.controls-checkbox input+span:active, .controls-checkbox input+span:hover, .controls-checkbox input:checked+span, .controls-checkbox input:checked+span:active, .controls-checkbox input:checked+span:hover, .controls-checkbox input:disabled+span, .controls-checkbox input:disabled:checked+span, .controls-checkbox span, .controls-checkbox:active input:checked+span, .controls-checkbox:active span, .controls-checkbox:hover input:checked span, .controls-checkbox:hover span, .controls-radio input+span:active, .controls-radio input+span:hover, .controls-radio input:checked+span, .controls-radio input:disabled+span, .controls-radio input:disabled:checked+span, .controls-radio span, .controls-radio:active input:checked+span, .controls-radio:active span, .controls-radio:hover span, .controls-sprite, .controls-textbox span, .controls-textbox span:active, .controls-textbox span:hover, .scroller-handle, .scroller-handle:active, .scroller-handle:hover, .selecter.disabled .selecter-selected {
    background: url(//img.veeam.com/sprite-destination/controls-s2a0588987d.png)no-repeat;
}
.controls-checkbox {
    display: -moz-inline-stack;
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
}
.controls-checkbox, .controls-radio {
    zoom: 1;
    vertical-align: middle;
    padding-top: 0 !important;
}
.controls-checkbox input {
    margin-left: -25px !important;
}
.controls-checkbox span {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    left: 0;
    top: 0;
    background-position: 0 -714px;
}
.controls-checkbox input+span:hover, .controls-checkbox:hover span {
    background-position: 0 -754px;
}
.controls-checkbox input+span:active, .controls-checkbox:active input:checked+span, .controls-checkbox:active span {
    background-position: 0 -382px;
}
.controls-checkbox input:checked+span {
    background-position: 0 -334px;
}
.controls-checkbox input:checked+span:hover, .controls-checkbox:hover input:checked span {
    background-position: 0 -294px;
}
.control-group:after, .control-group:before {
    content: " ";
    display: table;
}
.controls-input input[type=text], .controls-input input[type=password] {
    border: 1px solid #d3d5d9;
    margin: 0;
    width: 96%;
    padding: 4px 2%;
    box-shadow: none;
}
.controls-input input[type=text]:focus, .controls-input input[type=password]:focus {
    outline: none;
    box-shadow: none;
}