html, body {
    height: 100vh;
}
textarea {
    resize: none;
}
/* main frame */
#main {
    height: 100%;
}
#navbar {
    background-color: #c0392b;
}
#view {
    height        : 100%;
    padding-top   : 4.5rem;
    padding-bottom: 4.5rem;
}
#navFoot {
    background-color: #c0392b;
}
/*  */
.btn-login {
    box-shadow: 0px 2px 2px #333;
}
.btn-google-sign {
    width : 65%;
    filter: drop-shadow(2px 2px 2px #333)
}
.btn-wide-100 {
    width: 100%;
}
.btn-wide-75 {
    width: 75%;
}
.btn-wide-50 {
    width: 50%;
}
/*  */
.log-card-d0 {
    border-left: 0.6rem solid #2ecc71 !important;
}
.log-card-d1 {
    border-left: 0.6rem solid #f39c12 !important;
}
.log-card-d2 {
    border-left: 0.6rem solid #e74c3c !important;
}
.log-card-d3 {
    border-left: 0.6rem solid #d35400 !important;
}
/*  */
.log-card-nomal {
    border-left: 0.6rem solid #2ecc71 !important;
    /* border-color: green; */
}
.log-card-danger {
    border-left: 0.6rem solid #d35400 !important;
    /* border-color: green; */
}
.log-card-warning {
    border-left: 0.6rem solid #e67e22 !important;
    /* border-color: green; */
}
.log-card-body {
    padding: 0.5rem;
}
/* custom button */
.btn-plus {
    position  : fixed;
    right     : 1.2rem;
    bottom    : 5.0rem;
    box-shadow: 0px 2px 2px #333;
    display   : none;
    /* padding   : 1.0rem 1.10rem; */
    /* border    : 3px solid #FFF; */
}
.btn-detail {
    margin-top  : 3.0rem;
    margin-right: 0.5rem
}
/* */
.nav-tab-on {
    color      : #FFF !important;
}
.nav-tab-off {
    color      : #FFF !important;
    text-shadow: 1px 1px 2px #000 !important;
}
/* Text Style */
.txt-copyright {
    color      : #eee;
    text-shadow: 1px 1px 1px #333;
}
.txt-commant {
    color      : #eee;
    text-shadow: 1px 1px 1px #333;
}
/* slide up modal */
.modal-custom-bottom {
    position  : fixed;
    bottom    : 0;
    left      : 0;
    overflow-x: hidden;
    transition: all 0.80s linear;
    /* transition: transform .3s ease-out, -webkit-transform .3s ease-out; */
    /* transition: all .3s; */
    /* -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out; */
}
/* .modal.fade:not(.in) .modal-custom-bottom {
    -webkit-transform: translate3d(0, 25%, 0);
    transform        : translate3d(0, 25%, 0);
} */