@charset "UTF-8";

/*
This file is part of Intake24.

© Crown copyright, 2012, 2013, 2014.

This software is licensed under the Open Government Licence 3.0:

http://www.nationalarchives.gov.uk/doc/open-government-licence/
*/

/* Login Form */

.intake24-login-container {
    margin: 80px auto;
    max-width: 400px;
}

.intake24-login-header {
    background: rgba(255, 255, 255, 0.8);
    height: 24px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;

    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;

    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.intake24-login-header h1 {
    color: #db3100;
    font-size: 24px;
    font-weight: 100;
    height: 24px;
    letter-spacing: 2px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

.intake24-login-form {
    margin: 10px auto;
}

.intake24-login-form-container {
    background: #FFF;
    margin: 0 auto;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;

    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;

    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.intake24-login-form h1 {
    font-size: 18px;
    margin-bottom: 0;
}

.intake24-login-form .gwt-Label {
    margin: 10px 0px;
}

.intake24-login-form input {
    border: #CCC 1px solid;
    border-radius: 6px;
    padding: 6px;
}

.intake24-login-popup {
    background: #fff;
    border-radius: 5px;
    margin: 80px auto;
    padding: 30px;
    max-width: 500px;
}

.intake24-login-error-message {
    padding: 15px;
    color: darkred;
}

.intake24-login-success-message {
    padding: 15px;
}

.intake24-login-prompt-text {
    text-align: left;
}

.intake24-user-info-table {
    width: 200px;
    background: #f6f6f6;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #CCC;
}

.intake24-user-info-panel {
    padding: 10px;
}

.intake24-login-form-divider {
    color: gray;
    padding: 10px;
}

.intake24-video-icon {
    background-image: url(../images/video_icon.png);
    background-size: cover;
    height: 19px;
    width: 36px;
    margin-top: 1px;
    vertical-align: top;
    display: inline-block;
}


.intake24-login-video-label {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    position: relative;
    top: -10px;
    left: 10px;
}

[dir="rtl"] .intake24-login-video-label {
    left: inherit;
    right: 10px;
}