@charset "utf-8";

/*
画面固有のスタイルを定義する
*/

/*======================================================
 * Pky001（ログイン画面）
 */

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    min-width: 0;
}

footer {
    background: transparent !important;
    color: #aaaaaa;
}

#loginForm {
    height: 100%;
}

.loginArea {
    height: 100%;
    margin: 0 auto;
    /*max-width: 1028px;*/
    width: 95%;
}

.login {
    background: #00517e url(../../../../images/gakuenrxLogo.png) no-repeat center 30px;
    background-size: 80%;
    box-sizing: border-box;
    float: left;
    height: 100%;
    /*margin: 0 auto 0 1%;*/
    padding: 15px;
    /*width: 280px;*/
}

.loginMain {
    margin-top: 120px;
}

.loginBtnArea {
    margin-top: 15px;
}

.inputArea {
    margin-bottom: 10px;
    /*text-align: center;*/
}

.inputArea .ui-outputlabel {
    color: #ffffff;
    padding-right: 8px;
    text-align: right;
    width: 95px;
}

.inputArea .ui-inputfield {
    border-radius: 5px;
    font-size: 0.95em !important;
    margin: 0;
    padding: 0.1em 1em 0.1em 0.3em !important;
    width: 220px;
}

.titleRx {
    color: #cc0000;
    font-size: 1.6em;
    font-weight: bold;
    padding-bottom: 20px;
}

.btnLogin.ui-button {
    background: #c69000;
    border: 0;
    letter-spacing: 2px !important;
    text-indent: 2px !important;
    /*width: 130px;*/
}

.btnLogin.ui-button.ui-state-hover {
    background: #957625;
}

.btnLogin.ui-button .ui-button-text {
    color: #ffffff;
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
}

.info {
    float: right;
    margin-left: -350px;
    width: 100%;
}

.info .infoMsg {
    background: #ffffff;
    border: dotted 1px #999999;
    border-radius: 10px;
    margin: 90px 20px 0 310px;
}

.info .infoMsg .infoMsgInner {
    height: 520px;
    margin: 10px;
    min-height: 200px;
    min-width: 400px;
    overflow-y: auto;
    padding: 10px;    
}

.info .infoMsg .infoMsgInner table {
    width: 100%;
}

/* オーバーレイ */
#loginForm .ui-widget-overlay {
    background: #fefefe;
    opacity: .10;
    filter: Alpha(Opacity=10);
}

/* メッセージ */
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    border-radius: 0;
    margin: 0;
}

/* テスト環境リスト */
.testList {
    margin-top: 40px;
}

.testList label {
    color: #ffffff;
}

.testList select {
    font-size: 0.9em;
    width: 100%;
}

.testList.ui-widget select, .testList.ui-widget select option {
    font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, "M+ 1p", sans-serif;
}
