body {
    padding-top: 72px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
    background-image: url('images/mini-background.jpg');
    background-repeat: repeat;
}

.icl-browser-ios .navbar-fixed-top {
    top: 20px;
}

body.icl-browser-ios {
    padding-top: 92px;
}

.mini-form {
    position:relative;
    z-index:2;
    margin: 0 auto 20px;
    padding: 20px 30px 10px;
    max-width: 360px;
    background-color: #F4F4F4;
    background: linear-gradient(to bottom, #F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    -webkit-box-shadow: 0 1px 0 #FFFFFF inset;
    -moz-box-shadow: 0 1px 0 #FFFFFF inset;
}

.mini-testenvironment {
    margin: 0px auto 20px;
    max-width: 360px;
}

.mini-testenvironment div {
    margin-right: 27px; /* 15 px (padding) + 12 px (icon-size) */
}

.mini-alert {
    margin: 0px auto 20px;
    max-width: 360px;
}

.mini-alert div {
    margin-right: 27px; /* 15 px (padding) + 12 px (icon-size) */
}

.mini-login {
}

.mini-login .mini-login-heading {
    margin-bottom: 10px;
}

.mini-login ul {
    margin-top: 10px;
}

.mini-password-forgotten-form{
}

.mini-forgotten-password-container {
    text-align:right;
}

.mini-login-submit-btn-container {
    width:100%;
    position:relative;
    height:60px;
}

.mini-login-submit-btn {
    position:absolute;
    right:0px;
}

.mini-language-selection,
.mini-view-selection {
    cursor:pointer;
}

.mini-view-menu > a {
    padding-top:6px!important;
}

.mini-view-menu > a:hover .mini-desktop-icon {
    background-position:-48px 0px;
}

.mini-view-menu > a:hover .mini-tablet-icon {
    background-position:-24px 0px;
}

.mini-view-menu > a:hover .mini-smartphone-icon {
    background-position:0px 0px;
}

.mini-view-select-text {
    display:inline-block;
    position:relative;
    bottom:4px;
}

.mini-view .mini-view-select-text {
    bottom:0px;
}

.mini-view .mini-view-icon {
    position:relative;
    margin-left:4px;
    top:4px;
}

.mini-view .mini-desktop-icon {
    margin-right:8px;
}

.mini-view .mini-tablet-icon {
    margin-right:2px;
    margin-left:2px;
}

.mini-view .mini-smartphone-icon {
    margin-right:0px;
    margin-left:0px;
}

.mini-view-icon {
    display:inline-block;
    background-image:url('images/24_devices.png');
    background-repeat:no-repeat;
    width:24px;
    height:24px;
    margin-right:12px;
}

.mini-desktop-icon {
    background-position:-48px -24px;
}

.mini-tablet-icon {
    background-position:-24px -24px;
}

.mini-smartphone-icon {
    background-position:0px -24px;
}

.customer-logo-container {
    width: 100%;
}

.customer-logo {
    position:absolute;
    top:60px;
    left:26px;
    z-index:1;
    width: 20vw;
    max-width: 300px;
}

@media (max-width: 768px) {

    .customer-logo-container {
        text-align: center;
    }

    .customer-logo {
        position: static;
        width: 300px;
        height: 180px;
        top: auto;
        left: auto;
    }

    .incloud-version {
        display: none;
    }

}

.incloud-version {
    position:absolute;
    font-size:11px;
    color:#808080;
    bottom:0px;
    right:32px;
}

#pwForgottenModal .modal-dialog {
    max-width:400px;
}

#pwForgottenModal .modal-footer {
    margin-top:0px;
}

#pwForgottenModal .modal-footer .btn {
    margin-top:5px;
    margin-bottom:5px;
}

.mini-javascript-error,
.mini-cookies-error,
.mini-browser-warning {
    margin: 0px auto 20px;
    max-width: 360px;
}

.mini-javascript-error {
    margin: 0px auto;
    text-align: center;
}

.mini-gradient-line {
    background: #b94a48;
    background: -moz-linear-gradient(left, #f2dede 0%, #b94a48 50%, #f2dede 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2dede), color-stop(50%,#b94a48), color-stop(100%,#f2dede));
    background: -webkit-linear-gradient(left, #f2dede 0%,#b94a48 50%,#f2dede 100%);
    background: -o-linear-gradient(left, #f2dede 0%,#b94a48 50%,#f2dede 100%);
    background: -ms-linear-gradient(left, #f2dede 0%,#b94a48 50%,#f2dede 100%);
    background: linear-gradient(to right, #f2dede 0%,#b94a48 50%,#f2dede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2dede', endColorstr='#f2dede',GradientType=1 );
    margin: 25px auto;
    height: 1px;
    width: 230px;
}

.mini-browser-warning a {
    display: block;
    margin-top: 10px;
    text-align: right;
}

.mini-browser-warning .cls-download-text {
    padding-right: 6px;
}

.mini-browser-warning .glyphicon {
    font-size: 12px;
}

.mini-reload .modal-dialog {
    max-width:400px;
}