/**
------------------------------------------
    Global CSS Override
------------------------------------------
 */
.error-border {
    border: 1px solid red !important;
}
input:-moz-read-only {
    border: 1px solid #DDD !important;
    background-color: #F5F5F5 !important;
    color: #545454 !important;
}
input:read-only {
    border: 1px solid #DDD !important;
    background-color: #F5F5F5 !important;
    color: #545454 !important;
}
select:disabled {
    border: 1px solid #DDD !important;
    background-color: #F5F5F5 !important;
    color: #545454 !important;
    opacity: 1 !important;
}
/*-------------------stickyfill----------------------------------*/
.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}
.ellipse--line1 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ellipse--line2 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipse--line3 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ellipse--line4 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.ellipse--line5 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.ellipse--line6 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.ellipse--line7 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.ellipse--line8 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
/*-------------------HIGHLIGHT BUTTON-----------------------------*/
.highlight-button {
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

.banner-button-wrapper::after,
.highlight-button::after {
    position:absolute;
    -webkit-animation:changeImg 2s ease 0s;
    -o-animation:changeImg 2s ease 0s;
    animation:changeImg 2s ease 0s;
    top:0;
    width:30%;
    height:100%;
    content:"";
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%);
    background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 100%);
    transform:skewX(-45deg);
    animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes changeImg {
    from {
        left:-100%;
    }
    100% {
        left:100%;
    }
}
/*-------------------EVENT ITEM-----------------------------*/
.event-item-todo,
.event-item-info,
.event-item-login,
.event-item-notice,
.event-item-tech,
.event-item-anchor,
.event-item-channel-live,
.event-item-channel-live-2,
.event-item-channel-live-3,
.event-item-quick-login {
    cursor: pointer;
}