/*
カスタムCSS
青柳追加
created 2017-10-15
*/

.scroll-vertical-box{
    overflow-x: scroll;
}

.min-w-5em{
    min-width: 5em;
}

.pb10{
    padding-bottom: 10px;
}

.square_btn{
    cursor: pointer;
}


#content{
    min-height: 100vh;
}

#sidebar{
    height: 100%;
    min-height: 100vh;
}

.small-icon{
    height:1em;
}

.message.error{
    color: red;
}

/**
ローディングインジゲーター
 */
#indicator-bg{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    /*background-color: black;*/
    z-index:1;
    /*opacity: 0.9;*/
}

@keyframes spin
{
    0% { transform: rotate(0deg);   opacity: 0.2; } /*0%の時は20％の透明度*/
    50%  { transform: rotate(180deg); opacity: 1.0; } /*50%の時は透明度なし*/
    100%   { transform: rotate(360deg); opacity: 0.2; } /*100%の時に20％の透明度に戻る*/

}
#indicator-wrapper{
    position: fixed;
    width: 120px;
    height: 60px;
    background-color: black;
    opacity: 0.8;
    border-radius: 4px;
    top: calc(50% - 30px);
    left: calc(50% - 60px);
    z-index: 100;

}
#indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 30px; /*ローディングアイコンの横サイズ*/
    height: 30px; /*ローディングアイコンの縦サイズ*/
    border-radius: 50%;  /*CSS3で円を書く*/
    border: 8px solid #fff;  /*円に○の白枠をつける*/
    border-right-color: transparent; /*円の右にC状の空きをつける*/
    margin-top: -15px;
    margin-left: -15px;
    text-align: center;
    color: #fff;
    z-index: 2;
    animation: spin 1s linear infinite;
}

.loading-indicator-mini{
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: 3px solid black;
    border-right-color: transparent;
    color: #fff;
    z-index: 2;
    animation: spin 1s linear infinite;
    vertical-align: middle;
}

.disabled-div{
    opacity: 0.5;
    cursor:not-allowed;
}

.disabled-div a{
    cursor: not-allowed;
}

input.disabled-input{
    cursor:not-allowed;
    background:lightgray;
}

.date-select-area {
    background-color: #fff;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-top: 10px;
}

.mute{
    color: gray;
}

.d-none{
    display: none;
}

.t-c{
    text-align:center;
}

.text-red{
    color:red;
}

input[type="radio"].radio-input{
    -moz-appearance: radio;
    -webkit-appearance: radio;
    width: auto;
}

.add-menu{
    cursor: pointer;
    width: auto;
}
.add-history-image{
    cursor: pointer;
    width: auto;
}


.inline-link{
    cursor: pointer;
}

#add-history{
    cursor: pointer;
}

.confirm-mode{
    display: none;
}