/* 
Datalife Engine template by Broncolli.com,
name: KinoBerloga, creation date: 01 august 2020, version dle: 14
*/
.countdown_wrp .value {
    font-weight: 500;
}

.weeks .value::after, .days .value::after, .hours .value::after, .minutes .value::after {
    content: ':';
    position: relative;
}



:root {
	--bg-color: #1f1f1f;
    --bg-color-second: #141414;
    --primary-color: #c740d3;
    --primary-color-darker: #5d0960;
    --secondary-color: #e163da;
    --primary-text-color: #C8C8C8;
    --secondary-text-color: #999;
    --third-text-color: #fff;
    --fourth-text-color: #a79c93;
    --gradient-blue: linear-gradient(to right, #f58220 0%, #ee3d3c 100%);
    --bg2-color: #272c2f;
    --text-color: #e0dfdc;
    --main-indent: 60px;
    --maximum-width: 1250px;
}

/* RESET, BASIC UI SETTINGS
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
img, table, iframe, video, frame, embed, object {max-width: 100%;}
html {font-size: 62.5%;}
body {font: 1.6rem 'Roboto', sans-serif; line-height: normal; padding: 0; margin: 0;        
color: var(--primary-text-color); background: #f4f4f4 url(../images/bg.jpg); 
min-height: 100%; width: 100%; font-weight: 300;}
a {color: var(--primary-text-color); text-decoration: none;}
a:hover, a:focus {color: var(--secondary-color); text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 500; font-size: 2.4rem;}
::selection { background: #f6e58d; color: #000;}
b, strong {font-weight: 400;}

button, select, textarea, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] 
{appearance: none; -webkit-appearance: none; font-size: 1.6rem; font-family: 'Roboto' !important;}
button:not(.color-btn):not([class*=tox]):not([class*=plyr]):not(.header__search-btn):not([class*=owl-]):not(.form__btn):not([id*=mceu]), 
.button, .btn, input[type="button"]:not(.form__btn), input[type="reset"], input[type="submit"] {display: inline-block;cursor: pointer;text-align: center;padding: 0 30px;height: 40px;line-height: 40px;background-color: var(--primary-color);color:#fff;font-size: 1.2rem;font-weight: 500;white-space: nowrap;border-radius: 2px;box-shadow: 0 10px 30px rgb(191 61 203 / 34%);text-transform: uppercase;}
button:not(.color-btn):not([class*=fr]):not([class*=plyr]):not(.header__search-btn):not([class*=owl-]):not(.form__btn):not([id*=mceu]):hover, 
.button:hover, .btn:hover, input[type="button"]:not(.form__btn):hover, input[type="reset"]:hover, 
input[type="submit"]:hover {background-color: var(--primary-color-darker); color: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,0);}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px; border-radius: 4px; padding: 0 15px;}
select {height: 40px; padding: 0 15px; display: block;}
select:not([multiple]) {background-image: url(../dleimages/chevron.svg); padding-right: 30px;
	background-repeat: no-repeat; background-position: right 15px top 50%; background-size: .6em auto;}
select option {padding: 6px 10px;}
select[multiple] {padding: 0 5px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #141414;
    color: #fff;
    box-shadow: inset 0 0 0 1px #141414, inset 1px 2px 5px rgb(0 0 0 / 10%);}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{box-shadow: inset 0 0 0 1px var(--primary-color), inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #fff; opacity: 0.5; font-size: 1.4rem; font-weight: 300;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}


/* SNIPPETS
----------------------------------------------- */
.img-box, .img-wide, .img-responsive, .img-fit-cover {overflow: hidden; position: relative;}
.img-responsive {padding-top: 60%;}
.img-responsive--portrait {padding-top: 150%;}
.img-box > img, .img-responsive > img {width: 100%; min-height: 100%; display: block;}
.img-responsive > img {position: absolute; left: 0; top: 0;}
.img-wide img, .img-wide > a {width: 100%; display: block;}
.img-fit-cover img {width: 100%; height: 100%; object-fit: cover;}
/*
.clr {clear: both;}
.clearfix::after {content: ""; display: table; clear: both;}
.ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
*/
.clr {clear: both;}
.clearfix::after {content: ""; display: table; clear: both;}
.ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5, .line-clamp-6 
{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.line-clamp-3 {-webkit-line-clamp: 3; line-clamp: 3;} .line-clamp-4 {-webkit-line-clamp: 4; line-clamp: 4;}
.line-clamp-5 {-webkit-line-clamp: 5; line-clamp: 5;} .line-clamp-6 {-webkit-line-clamp: 6; line-clamp: 6;}
.vw100 {margin:0 calc((100% - 100vw)/2); padding:0 calc((100vw - 100%)/2);}
.img-mask::after {content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 60%; 
	background: linear-gradient(to top, #000 0%, transparent 100%); opacity: 1;}
.expand-link__trg::after {content: ''; position: absolute; inset: 0; z-index: 10;}
.img-overlay-icon::before {position: absolute; inset: 0; z-index: 5; border-radius: inherit; opacity: 0;
	background-color: rgba(0,0,0,0.66); color: #fff; font-size: 34px; display: grid; place-items: center;}




.d-flex, .fx-row, #dle-content {display: flex; flex-wrap: wrap; flex-direction: row;}
.fd-column {flex-direction: column; flex-wrap: nowrap;} 
.jc-flex-start, #dle-content {justify-content: flex-start;}
.jc-space-between, .fx-row {justify-content: space-between;}
.jc-center, .fx-center {justify-content: center;}
.ai-flex-start {align-items: flex-start;}
.ai-center {align-items: center;}
.center {text-align: center;}
.order-first {order: -1;}
.order-last {order: 10;}
.stretch-free-width, .fx-1, .flex-grow-1 {flex: 1 1 0; max-width: 100%; min-width: 50px;}
.icon-at-left [class*="fa-"], .icon-left .icon {margin-right: 10px;}
.icon-at-right [class*="fa-"], .icon-right .icon {margin-left: 10px;}
.hidden, #dofullsearch, .form__header .form__btn, .d-none {display: none;}
.animated-element, button, .btn, .submenu a, .side-block__menu a, .inner-page__rating a, 
.hover__overlay, .section__tab, .header__menu a, .header__menu-hidden {transition: all .3s;}

.flex-grow-1, .ui-dialog-title, .ac-form__bottom .comments_subscribe, .flex-1 {flex: 1 1 0;max-width: 100%;min-width: 50px;}
.flex-grow-1-column, .flex-1-col {flex: 1 0 min-content}

.r-gap-3 {row-gap: 3px;} .r-gap-5 {row-gap: 5px;} .r-gap-10 {row-gap: 10px;} .r-gap-15 {row-gap: 15px;} .r-gap-20 {row-gap: 20px;}
.r-gap-25 {row-gap: 25px;} .r-gap-30 {row-gap: 30px;} .r-gap-35 {row-gap: 35px;} .r-gap-40 {row-gap: 40px;}
.c-gap-3 {column-gap: 3px;} .c-gap-5 {column-gap: 5px;} .c-gap-10 {column-gap: 10px;} .c-gap-15 {column-gap: 15px;} .c-gap-20 {column-gap: 20px;}
.c-gap-25 {column-gap: 25px;} .c-gap-30 {column-gap: 30px;} .c-gap-35 {column-gap: 35px;} .c-gap-40 {column-gap: 40px;}


/*
#dle-content > *:not(.movie-item), #dle-content {width: 100%;}
*/
.side-block__title, .section__title, .movie-item__title, .update-item__title, .soon-item__title, .pagination,  
.collection-item__title, .logo, .header__hero-title, .tabs-block__select--desc > span, .inner-page__subtitle,  
.inner-page__subrating, .inner-page__caption, h1, h2, h3, h4, h5, .hm-caption {font-family: 'Montserrat', sans-serif;}
/*
.collection #dle-content {display: grid; gap: 15px 15px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
#dle-content {display: inherit; gap: inherit; grid-template-columns: inherit;}


.grid-collection > .collections {display: grid; gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(220px,1fr));}
.grid-collection > *:not(.grid-items__item), #dle-content > *:not(.grid-items__item) {grid-column: 1 / -1;}
.grid-collection > #dle-content {display: inherit; gap: inherit; grid-template-columns: inherit;}

*/

.grid-items {display: grid; gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr));}
.grid-items > *:not(.grid-items__item), #dle-content > *:not(.grid-items__item) {grid-column: 1 / -1;}
.grid-items > #dle-content {display: inherit; gap: inherit; grid-template-columns: inherit;}

.grid-collection {display: grid; gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(260px,1fr));}
/*.grid-collection > *:not(.grid-item), #dle-content > *:not(.grid-item) {grid-column: 1 / -1;}*/

@media screen and (max-width: 375px) {
    .grid-items {grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));}
}

select:not([multiple]) {background-image: url(../dleimages/chevron-down.svg); padding-right: 30px;
	background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 12px auto;}
select option {padding: 6px 10px; font-weight: 400;}
select[multiple] option {padding: 3px 10px; font-weight: 400;}
select[multiple] {padding: 9px 5px;}
textarea {padding-top: 20px; padding-bottom: 20px; overflow: auto; resize: vertical;}
input::placeholder, textarea::placeholder {color: var(--tt-fade); opacity: 1; font-size: 14px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

@font-face {font-family: 'Montserrat'; src: url('../webfonts/montserrat-500.woff2') format('woff2');
	font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: 'Montserrat'; src: url('../webfonts/montserrat-700.woff2') format('woff2');
	font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../webfonts/roboto-300.woff2') format('woff2');
	font-weight: 300; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../webfonts/roboto-400.woff2') format('woff2');
	font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../webfonts/roboto-500.woff2') format('woff2');
    font-weight: 500; font-style: normal; font-display: swap;}

@media screen and (max-width: 1220px) {
    .header {min-height: 140px;}
}    
.has-carou:not(.owl-carousel) {display: flex; overflow: hidden; gap: 20px;}
.has-carou:not(.owl-carousel) > * {flex-shrink: 0; width: calc((100% - 100px)/6); margin: 0; padding: 0;}
#side-carou.has-carou:not(.owl-carousel) > * {width: calc((100% - 20px)/2);}

@media screen and (max-width: 470px) {
    .has-carou:not(.owl-carousel) > * {width: calc((100% - 20px)/2);}
    #owl-franchize.has-carou:not(.owl-carousel) > *, #owl-rels.has-carou:not(.owl-carousel) > * {width: calc((100% - 40px)/3);}
}    


.light {
    --bg-color: #0b2651;
    --bg-color-second: #0c1c39;
    --primary-color: #0ab0d5;
    --primary-color-darker: #073673;
    --secondary-color: #e163da;
    --primary-text-color: #3f1050;
    --secondary-text-color: #999;
    --third-text-color: #fff;
    --fourth-text-color: #a79c93;
    --bg2-color: #e9e9e9;
    --text-color: #222;
}



.light .timer-sep,
.light .countdown-value {color: #000!important;}

.light input[type="text"],
.light input[type="password"],
.light select,
.light textarea {background-color: #fff; color: #000; 
box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.1);}

.light input[type="text"]:focus,
.light input[type="password"]:focus,
.light textarea:focus 
{box-shadow: inset 0 0 0 1px var(--primary-color), inset 1px 2px 5px rgba(0,0,0,0.1);}

.light input::placeholder,
.light textarea::placeholder {color: #000;}

.light .login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
    background-color: #fff; border-radius: 4px; width: 400px; 
    box-shadow: 0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1);}
.light .login__header {padding: 20px 40px; background-color: #f2f6f9;}
.light .login__title {font-size: 2rem; font-weight: 500; padding: 1px 0;}
.light .login__close {cursor: pointer; font-size: 2.4rem; opacity: 0.6; margin-left: 20px;}
.light .login__title a {border-bottom: 1px dotted #444; margin-left: 10px; font-weight: 400; color: var(--secondary-text-color);}
.light .login__content {padding: 20px 40px;}
.light .login__row {margin-bottom: 20px; position: relative; display: block; font-size: 1.2rem; color: var(--secondary-text-color);}
.light .login__caption {font-size: 1.2rem; color: var(--primary-text-color); margin-bottom: 10px;}
.light .login__caption a {text-decoration: underline; margin-left: 6px; color: var(--primary-color);}
.light .login__input input {padding-left: 40px;}
.light .login__row .far {opacity: 0.5; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.light .login__row button {width: 100%;}
.light .login__social {background-color: #f2f6f9; padding: 20px 40px; text-align: center;}
.light .login__social-caption {font-size: 1.2rem; text-transform: uppercase; margin-bottom: 10px;}
.light .login__social-btns a {display: inline-block; margin: 0 3px; vertical-align: top;}
.light .login__social-btns img {display: block; width: 30px; height: 30px; border-radius: 50%;}
.light .login__avatar {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.light .login__menu {padding-left: 35px; padding-right: 35px; margin-bottom: -10px;}
.light .login__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; margin: 0 5px 10px 5px;}
.light .login__menu a {display: block; border-radius: 6px; padding: 10px; text-align: center; white-space: nowrap;
    background-color: var(--ui-bg-darker); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); font-size: 13px;}
.light .login__menu .far {display: block; height: 30px; font-size: 24px; opacity: 0.3;}

.light #side-carou .owl-next {
    border-left: 2px solid #f0f1f5 !important;
}
.light .logo {background: url(../images/logo_blue.png) 0 center / 40px no-repeat;}
.light .comment-item__rating {background-color: #f2f6f9;}

.light .tabs-block__select--player span {background-color: rgba(0,0,0,0.05);}
.light .tabs-block__select--player span.is-active,
.light .tabs-block__select--player span:hover {background-color: var(--secondary-color);}

.light .inner-page__rating a {background-color: rgba(0,0,0,0.05);}

.light .inner-page__list li a {color: #16a085; border-bottom: 1px dotted #16a085;}

.light .inner-page__main {background-color: #fff;}

.light .hover__overlay::before {opacity:0.8;}

.light .header__search input, 
.light .header__search input:focus {
    background-color: rgba(255,255,255,1); color: #333;}
.light .header__search input:not(:focus)::placeholder {color: var(--fourth-text-color);} 
.light .header__menu-hidden { background-color: #fff;}
.light .wrapper {background: #f4f4f4 url(../images/bg.jpg);}
.light .quote {
    background-color: #f4f4f4;
}
.light .footer {background-color:var(--bg-color-second);}
.light button:not(.color-btn):not([class*=fr]):not([class*=plyr]):not(.header__search-btn):not([class*=owl-]):not(.form__btn):not([id*=mceu]),
.light .button, 
.light .btn, 
.light input[type="button"]:not(.form__btn), 
.light input[type="reset"], 
.light input[type="submit"] {
 box-shadow: 0 10px 30px rgba(2, 148, 165, 0.3)}
.light .message-info--yellow {background: #fce5ba; color: #a76846; border-color: #ebd3a7;}
.light .form__caption--above {background-color: #2f343a;}
.light .form__btn--secondary {background-color: #eee; color: #000; }
.light .checkbox input, 
.light .comments_subscribe input {background-color:  #eee;}
.light .checkbox input::before, 
.light .comments_subscribe input::before {background-color: #fff;}
.light .checkbox input:checked, 
.light .comments_subscribe input:checked {background-color: #6ab04c;}
.light .dle-table, 
.light .pm {border: 1px solid #cee0ed;}
.light .dle-table td, 
.light .pm td {border: 1px solid #cee0ed;}
.light .dle-table thead tr:nth-child(1), 
.light .pm tr:nth-child(1) {background-color:#cee0ed;}
.light .dle-table tr:nth-child(2n+2), 
.light .pm tr:nth-child(2n+2) {background-color:#f2f6f9;}
.light .pm_progress_bar {background-color: #eee;}
.light .pm_progress_bar span {background:#6ab04c; font-size:0; text-indent:-2000em; height:20px; display:block; overflow:hidden;}
.light .usp {border: 1px solid #cee0ed;background-color: #fff;}

.light .usp__columns::before {background-color: var(--primary-color);}
.light .usp__meta {background-color: #f2f6f9;}
.light .usp__list li > span:first-child {opacity: 1;}
.light .rate__wrapper{color: #000;}

.light.light__off .full__light {
    color: #fff;
    border: 1px solid #4d4f54;
}

.light .search-page .search > div {display: flex; justify-content: space-between; margin: 0 !important; padding: 20px;
    background-color: #f2f6f8; border-radius: 6px; padding-bottom: 10px;}

.light #searchsuggestions {z-index: 99998; width: 244px; font-size: 12px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.light #searchsuggestions a, 
.light #searchsuggestions span.notfound {padding:10px 15px; border-bottom: 1px solid #f5f5f5;}

.light .ui-dialog { background-color: #fff;}
.light .ui-dialog .ui-dialog-buttonpane {background-color:#f2f6f8;}
.light .filter-wrap select,
.light .nice-select {
    background-color:#fff; color:#000;
}

.light .nice-select .list {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgb(239 240 243);
}


.light .fb__cell-content--check-group {
    background-color: #fff;
    border: 1px solid #fff;
}



.light .fb__cell-content label {
    border-right: 1px solid #f0f1f5;
    background-color: #fff;
}

.light .nice-select {
    box-shadow: inset 0 0 0 1px #e6e6e6;
}

.light .irs-line-right,
.light .irs-line-left,
.light .irs-line-mid {
    background-color:#fff;
}


.light .fb-submit input[type="button"]:last-child {
    background-color: #fff;
    color: var(--primary-text-color);
    box-shadow: none!important;
    border: 0;
}

.light .irs-slider {
    background-color:#fff;
}

.light .inner-page__player-controls {
    border-bottom: 1px solid #e3e3e3;
}

.light #dlefastreplycomments {
    border: 1px solid #f0f1f5;
}

.light .comment-item {border-bottom: 1px solid #e9eaee;}

.light .nice-select .option:hover, 
.light .nice-select .option.focus {
        color: #fff;
        background-color: var(--primary-color);
}

.light .nice-select .option.selected.focus{color: #0b2751;}

.light .side-block__list div {
    background: #fff;
}

.light .mylists-tabs li:nth-child(1), 
.light .mylists-tabs li:nth-child(2) {
    border-right: 1px solid #fff;
}

.light .rules-comm {
    background-color: #f2f2f2;
    color: black;
}

.light .rc-title {
    background-color: var(--bg-3);
    font-weight: 500;
    border-bottom: 2px solid #ffffff;
}

.light .rc-title .fa {
    border-right: 2px solid #f0f1f5;
    background: unset;
}



.light .rc-list li:nth-child(even) {
    background-color: #ffffff;
    
}



.light .statlist tbody tr td:nth-child(1), 
.light .statlist tbody tr td:nth-child(1),
.light .statlist tbody tr td:nth-child(1), 
.light .statlist tbody tr td:nth-child(2),
.light .statlist tbody tr td:nth-child(1), 
.light .statlist tbody tr td:nth-child(3) {
    color: #000;
}

.light .statlist tbody tr .my-1 {
    background-color: #e9eaee;
}

.light .mylists-tabs li {
        background-color: var(--bg-color);
}

.light .showstatlist {
        color: #000;
}


.light .statlist {
    background-color: #fff;
    border: 1px solid rgb(236 237 241);
}

.light .favmod .item__btn {
    background-color: var(--bg-color);
}

.light .statlist::before {
    border: 8px solid transparent;
    border-bottom-color: #cccccc;
}

.light .statlist__none-text {
    color: #000;
}

.light .owl-prev, 
.light .owl-next {
        background-color: #eaecf0;
}

.light .owl-next {
    border-left: 2px solid #fff !important;
}

.light .inner-page__list li:nth-child(odd) {
    background-color: #f0f1f5;
}



.light .utabs-profile .tabs_content {
    background: #fff;
}


.light .utabs-profile input[type="text"] {
    
    background-color: #fff;
    color: #000;
    box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgb(0 0 0 / 10%);
}

.light .utabs-profile input, 
.light .utabs-profile select {
    background-color: #eaebef;
    box-shadow: inset 0 0 0 1px #f0f0f0, inset 1px 2px 5px rgb(0 0 0 / 0%);
}

.light .news-list .popular-item {
    box-shadow: #eaeaea78 0 1.1875rem 2.125rem -0.9375rem;
}

.light .utabs-profile .news-list .transfer li i {
    color: #000;
}

.light .utabs-profile .news-list .transfer li {
    background-color: #fafafa;
    box-shadow: inset 0 0 0 1px #f0f0f0, inset 1px 2px 5px rgb(0 0 0 / 0%);
}
.light .utabs-profile .news-list .transfer li:hover {
    background: var(--accent);
    box-shadow: inset 0 0 0 1px #f85b49, inset 1px 2px 5px rgb(0 0 0 / 0%);
}

.light .utabs-profile .tabs__caption {
    background: #2e2e2e;
}

.light .full__light {
    background: rgba(0,0,0,0.05);
    background-color: rgba(0,0,0,0.05);
    color: #000;
    border: 0;
}

.light .change-color .fas:before{
    content: "\f186";
}

.light #dropmenudiv {
    font: 12px Arial;
    padding: 10px;
    display: none;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 22%);
    z-index: 200 !important;
}

@media screen and (max-width: 1220px) {
    .light .header__search input, 
    .light .header__search input:focus {
        background-color: rgba(255,255,255,1); color: #333;
    }
}

.light .tail-select .select-label {
    background-color: white;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px #e3e3e3;
    color: #343A40;
}

.light .tail-select .select-label:hover {
    color: #343A40;
    border-color: #b9b9b9;
    background-color: #ececec;
}

.light .tail-select.active .select-label {
    color: #343A40;
    border-color: #b9b9b9;
    background-color: #ececec;
}

.light .tail-select .select-dropdown {
    background-color: #fff;
}

.light .tail-select .select-dropdown ul li.dropdown-option {
    color: #343a40;
}

.light .tail-select .select-dropdown ul li.dropdown-option:before {
    background-color: #ececec;
}

.light .tail-select .select-dropdown ul li.dropdown-option:hover, 
.light .tail-select .select-dropdown ul li.dropdown-option.hover {
    transition: all 0.4s ease;
    color: #ffffff;
    background-color: #0db0d5;
}

.light .tail-select .select-dropdown ul li.dropdown-option.selected {
    color: #000000;
}

.light .tail-select .select-dropdown ul li.dropdown-option.selected:hover {
    color: #ffffff;
}

.light .tail-select .select-dropdown ul li.dropdown-option.selected:before {
    background-color: #0ab0d5;
}

.light .tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover:before, 
.light .tail-select.multiple .select-dropdown ul li.dropdown-option.selected:hover:before, 
.light .tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover:before, 
.light .tail-select.multiple .select-dropdown ul li.dropdown-option.selected.hover:before, 
.light .tail-select .select-dropdown ul li.dropdown-option.selected:hover:before {
    background-color: #0ab0d5;
}

.light .tail-select-container .select-handle {
    background-color: #0ab0d5;
}

.light .tail-select-container .select-handle:hover {
    color: white;
    background-color: #03748d;
}

.light .message-info {background-color: #f2f6f9; border: 1px solid #c6d2db;}

.light .popular-item__tabs-control{background-color: #fafafa;box-shadow: inset 0 0 0 1px #f0f0f0, inset 1px 2px 5px rgb(0 0 0 / 0%);}

.light .popular-item__tabs,
.light .utabs-profile .news-list .transfer{background:#f6f6f6;}

.light .utabs-profile .news-list .transfer li:hover i {
    color: #000;
    opacity: 1;
}