SELECT:disabled {
    background: #e9ecef !important;
}

LABEL {
    color:#030;
}

.input-group > .custom-select:not(:last-child):disabled, .input-group > .form-control:not(:last-child):disabled {
    background: #e9ecef !important;
}

.input-group > .custom-select:not(:first-child), :disabled .input-group > .form-control:not(:first-child):disabled {
    background: #e9ecef !important;
}


/* Datepicker*/
.datepicker .disabled {
    color: #ddd !important;
}

.bg-gray {
    background-color: #ddd !important;
}

.bg-lightgray {
    background-color: #f0f0f0 !important;
}
.text-gray {
    color: #bbb !important;
}

/*
.logo-mobile {
    background-image: url('/img/icon.png') !important;
    background-size: contain;
    width: 48px;
    height: 48px;
}
 */

.fixed-background {
    background: #eee;
}


/*
.menu .sub-menu ul li.active::after {
    display:none
}

 */



/*
.auth-card .image-side {
    background-image: url("/img/main.jpg");
}
*/

/*
.auth-card .white {
    text-shadow: #000 1px 0 4px;
}

 */

/*
.customer-card {
    cursor:pointer;
}
 */

/*
.card-img-overlay {
    background-color: transparent;
}

.card-img-overlay A {
    font-size: 12pt;
    color: white;
    text-shadow: #000 1px 0 4px;
}

.card-img-overlay P {
    position: absolute;
    bottom: 0px;
    left: 4px;
    font-size: 10pt;
    max-height: 12pt;
    color: white;
    text-shadow: #000 1px 0 4px;
    overflow: hidden;
}

 */


.dropzone .dz-preview {
    width: 160px !important;
    margin: 0 !important;
}

.dropzone .remove {
    font-size: 8pt;
}

.toast {
    opacity: 0.95 !important;
}

/*
.btn-primary {
    border-color: #45babb;
    background-color: #45babb;
}

.bg-primary {
    border-color: #45babb;
    background-color: #45babb;
}

.btn-secondary {
    border-color: #bcd42f;
    background-color: #bcd42f;
}
.bg-secondary {
    border-color: #bcd42f;
    background-color: #bcd42f;
}
 */


/* 追加 */

/*
.logo-single {
    background-size: contain;
    width: 307px;
    height: 85px;
}
*/

/*
.card-add {
    background-color: transparent !important;
    border-width: 1px;
    border-color: gray;
    border-style: dashed;
}

.card-add A {
    font-size: 30pt;
    color: gray;
}
 */

/*
.menu .main-menu.default-transition {
    transition: transform .1s,border-radius .1s;
}
*/


.wrap-loading {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: lightgray;
    opacity: 0.5;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}


.em-spinner {
    z-index: 999;
    background-color: #000;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0
}

.em-spinner > DIV {
    position: absolute;
}

.em-cursor {
    cursor:pointer;
}

.em-login-admin {
    background-color:#45babb;
    padding:8px;
    margin-bottom:16px;
}

.canvas-container {
    position: relative;
    width:  calc(100% - 40px);
    height: 300px;
    overflow: hidden;
    margin:20px;
}

.em-inline-input  {
   flex:none!important;
   width:128px!important;
}
.em-inline-date-select {
    flex:none!important;
    width:80px!important;
}
@media (max-width: 767px) {
    .em-inline-input {
        width:108px!important;
    }
    .em-inline-date-select {
        width:60px!important;
    }
}

.em-chart-bottom {
    opacity: 0.8;
    position: absolute!important;
    bottom:0;
    right:0;
    z-index: 1020;
}

.em-chart-bottom span {
    text-shadow: 1px 1px 3px #fff;
    font-size: 1.4em;
    font-weight: 500;
    vertical-align: middle;
}
.em-chart-bottom i {
    width: 48px;
    height: 48px;
    font-size: 32px;
    margin-left:8px;
    text-shadow:1px 1px 3px #fff;
    vertical-align: middle;
}
.em-full-chart-box {
    position: fixed!important;
    top:0;
    left:0;
    z-index: 1100;
    overflow-x:hidden;
    overflow-y:scroll; width:100%; height:400px;
}

.em-full-chart {
    position: absolute!important;
    top:0;
    left:0;
    z-index: 1200;
    overflow-x:hidden;
    overflow-y:scroll;
}

.em-full-chart-close-button {
    /*
    position: absolute !important;
    bottom: -36px;
    right: 4px !important;
     */
    border-style: none;
}



.em-full-chart-date {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: 900;
    font-size: 120px;
    opacity: 0.2;
    z-index: 2300;
}

.em-header-domain {
    font-size:12px!important;
}

.em-header-user {
    font-size:14px!important;
}