/* タブのアイコン */

ons-tab .disabledVoting {
    width:24px;
    height:24px;
    background:url('./images/voting.png') center bottom no-repeat;
    background-size:contain;
}
ons-tab .activeVoting {
    width:24px;
    height:24px;
    background:url('./images/voting.png') center bottom no-repeat;
    background-size:contain;
}

ons-tab .disabledQuestion {
    width:24px;
    height:24px;
    background:url('./images/question.png') center bottom no-repeat;
    background-size:contain;
}
ons-tab .activeQuestion {
    width:24px;
    height:24px;
    background:url('./images/question.png') center bottom no-repeat;
    background-size:contain;
}

.alert-dialog-content .text-input {
    color: black;
}

.asteria-green {
    background-color:#00B140;
}

.pageTitle {
    height:44px;
    width:100%;
    position: relative;
    font-size: 1.2em;
}
.pageTitleString {
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:1em;
    width:100%;
    text-align: center;
}
/* bootstrapとOnsenUIの「toast」クラスがカブるため再定義 */
#toast .toast {
    opacity: 100;
}
#toast-message {
    color:black;
}
#toast button {
    color:black;
}
/* bootstrapとOnsenUIの「popover」クラスがカブるため再定義 */
#popover .popover {
    top:auto;
    left:auto;
    z-index:99999;
}

.alert-dialog {
    width:90vw;
}

/* signin id*/
.form-control-id {
    width: 24%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.form-control-ids {
    width: 22%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.form-control-id-separator {
   width: 2%;
}

.background {
    background-image: url(./images/poweredbyasteria.png);
    background-repeat: no-repeat;
    background-position: right 10px bottom 150px;
    background-size: 100px;
}
.datetime {
    font-size:0.5em;
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    padding-right:10px;
    text-align:right;
}

#page-voting-list .background {
    background-position: right 10px bottom 100px;
}
#page-user .background {
    background-position: right 10px bottom 100px;
}

.content {
    padding-bottom: 60px;
}