@media (max-width: 767px) {
    .collapse-box-collapse {
        height: 150px;
        overflow: hidden;
    }
    .font-sm-13 {
        font-size: 13px;
    }
    .cut-text {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 160px;
        white-space: nowrap;
    }
}
@media (min-width: 768px) {
    .scroll-block-md {
        height: calc(100vh - 140px)
    }
    .cut-text {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 480px;
        white-space: nowrap;
    }
}
@media (min-width: 768px) and (max-width:1024px) {
    .page-header {
        margin-bottom: 80px !important;
    }
}
.page-tailer {
    height: 10px;
}
.scroll-block {
    height: calc(100vh - 140px)
}
.opacity-25{
    opacity: 0.25;
}
.bigger-hover:hover {
    transform: scale(1.02);
}
.dark-hover:hover {
    background: #e5e5e5;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.remove-item-button {
    width: 30px;
    height: 30px;
    border-bottom-right-radius: 30px;
}
.add-item-button {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
.expand-item-button {
    width: 30px;
    height: 30px;
    border-top-left-radius: 30px;
}
.toolbar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 100;
    opacity: 1;
    background-color: #AADDEE;
}
.announcement-keyword {
    font-weight: bold;
}
.announcement-new {
    background-color: #EEF8FC;
}
.left-side {
    z-index: 100;
    position: fixed;
    left: -242px;
    width: 280px;
    height: 100vh;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(0,0,0,0);
}
.left-side-open {
    left:0px;
}
.center-screen {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -2em;
    margin-left: -5em;
}
.custom-item-color {
    background-color: #CCEBF5;
}
.bottom-sheet {
    z-index: 150;
    opacity: 1 !important;
    position: fixed;
    bottom: -100vh;
    width: 100%;
    max-height: 80%;
    min-height:30%;
    background: #ecf0f4 !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.bottom-sheet-open {
    bottom: 0px;
}
.bottom-sheet-content {
    overflow-y: auto;
}
.image-android {
    width:500px;
    height:1084px;
}