.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.navdisplaynone{
    display:none;
}

img.aside {
    width: 16px;
    height: 16px;
    opacity: 0.4;
    vertical-align: text-bottom;
}

.iconspan, span.level3 {
    color: black;
    font-weight: normal;
    opacity: 0.6;
}

.footer-sm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 35px;  /*Vertically center the text there*/
}

/*Òþ²Ø°´Å¥±ß¿ò*/
.HideBorderBtn {
    background-color:transparent;
    border-style: none;
    outline:none;
}

.HideBorderBtn:focus {
    outline: none;
    box-shadow:initial;
}

.TableOpacity{
    opacity: 0.6;
}

.TableOpacity0 {
    opacity: 1.0;
}

.fullscreen {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    top: 0;
    left: 0;
}

@media (min-width:800px) {
    .modal-lg,
    .modal-xl {
        max-width: 760px;
        width: 90%;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 950px;
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
        width: 90%;
    }
}

@media (min-width: 1600px) {
    .modal-xl {
        max-width: 1560px;
        width: 90%;
    }
}

@media (min-width: 1920px) {
    .modal-xl {
        max-width: 1900px;
        width: 90%;
    }
}