html {
scroll-behavior: smooth; }
body {
font-family: "HelveticaNeueCyr", Helvetica, Arial, sans-serif !important;
min-width: 320px;
overflow-x: hidden; }
.ov-h {
overflow: hidden; }
main.main-content-container {
width: 100%;
display: block; }
main.main-content-container div.main-content-container-inner {
width: 100%;
background: #fff; }
main.main-content-container div.main-content-container-inner div.ufx-page-offset {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
overflow: hidden; }
main.main-content-container div.main-content-container-inner div.ufx-page-offset div.ufx-page-offset-inner {
flex-grow: 1;
max-width: 990px;
padding: 0;
margin: 0; }
main.main-content-container div.main-content-container-inner header.main-content-header {
background: #fff;
border: none;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 1200;
border-bottom: 1px solid #e6ecf0; }
main.main-content-container div.main-content-container-inner header.main-content-header div.ufx-spa-preloader {
display: none; }
main.main-content-container div.main-content-container-inner header.main-content-header div.ufx-spa-preloader.show {
display: block;
width: 100%;
background: #fafafa;
line-height: 0; }
main.main-content-container div.main-content-container-inner header.main-content-header div.ufx-spa-preloader.show div.preloader-bar {
display: inline-block;
height: 3px;
line-height: 0;
background: #276ac5;
min-width: 3%;
max-width: 100%;
vertical-align: top; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner {
width: 100%;
height: 75px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding: 0;
margin: 0;
background: transparent;
box-shadow: none;
border: none; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem div.logo-holder {
height: 35px;
overflow: hidden; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem div.logo-holder a.logo {
height: 100%; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem div.logo-holder a.logo img {
height: 100%; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem a.nav-ctrl-link {
line-height: 0px;
display: block;
padding: 0;
margin: 0;
width: auto;
text-decoration: none;
outline: 0; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar {
padding-left: 30px;
padding-right: 30px;
flex: 1;
max-width: 700px;
min-width: 150px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner {
width: 100%;
height: 42px;
position: relative; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input {
position: relative;
width: 100%; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input input {
width: 100%;
height: 42px;
border-radius: 2px;
font-size: 13px;
color: #14171a;
border: 1px solid #ECEEF2;
box-shadow: none;
background: #ECEEF2;
outline: 0;
padding: 0px 10px;
padding-bottom: 2px;
transition: border 0.15s ease; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input input::placeholder {
font-size: 11px;
color: #9897A1;
font-family: inherit;
text-transform: capitalize; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input input:focus, main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input input:hover, main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input input:active {
border: 2px solid #276ac5; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input input:focus + button.input-icon svg, main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input input:hover + button.input-icon svg, main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input input:active + button.input-icon svg {
fill: #276ac5; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input button.input-icon {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background: transparent;
border-radius: 3px;
border: none;
outline: 0;
box-shadow: none;
width: 60px;
cursor: default;
transition: border 0.15s ease; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input button.input-icon svg {
width: 18px;
height: 18px;
fill: #9897A1; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input button.input-icon.close {
cursor: pointer; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input button.input-icon.close svg {
fill: #276ac5; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-input button.input-icon.close svg * {
stroke: #276ac5; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder {
width: 100%;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;
padding: 0;
position: absolute;
left: 0;
top: 40px;
right: 0;
z-index: 10;
background: #fff; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-body {
width: 100%;
display: block;
line-height: 0; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-body ul.result-list {
width: 100%;
padding: 0;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
max-height: 250px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-body ul.result-list li {
width: 100%;
padding: 10px 15px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-body ul.result-list li:hover, main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-body ul.result-list li:active {
background: #f1f1f1; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-body ul.result-list li a {
display: block;
width: 100%;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 13px;
line-height: 22px;
color: #14171a; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-footer {
width: 100%;
display: block;
text-align: center;
border-top: 1px solid #e6ecf0; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-footer a {
display: block;
color: #276ac5;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
padding: 10px 20px;
text-decoration: none; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-footer.disabled {
opacity: 0.6;
cursor: not-allowed; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.search-result-footer.disabled a {
cursor: default;
text-decoration: none; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar form div.search-bar-inner div.search-result-holder div.no-result {
text-align: center;
padding: 15px;
color: #657786;
font-size: 13px;
line-height: 13px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.search-bar div.search-bar-close {
display: none;
visibility: hidden; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.profile {
margin-left: 30px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.profile div.profile-info {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.profile div.profile-info div.avatar {
width: 35px;
height: 35px;
background: #f1f1f1;
overflow: hidden;
padding: 0;
margin: 0;
line-height: 0;
border-radius: 10em;
border: 1px solid #e6ecf0; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.profile div.profile-info div.avatar img {
height: 100%;
width: 100%;
object-fit: cover; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.profile div.profile-info div.avatar:after, main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.profile div.profile-info div.avatar:before {
display: none; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.nav-ctrl {
margin-left: 30px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.nav-ctrl button.nav-ctrl-item {
width: 30px;
height: 30px;
background: transparent;
box-shadow: none;
border: none;
padding: 0;
margin: 0;
line-height: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
outline: 0;
cursor: pointer;
position: relative; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.nav-ctrl button.nav-ctrl-item svg {
width: 30px;
height: 30px;
stroke-width: 1.5;
stroke: #14171a; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.nav-ctrl button.nav-ctrl-item span.indicator {
display: inline-block;
background: #f6546a;
color: #fff;
text-align: center;
padding: 0 5px;
border-radius: 10em;
background-clip: padding-box;
font-size: 10px;
-webkit-font-smoothing: subpixel-antialiased;
line-height: 16px;
vertical-align: middle;
min-height: 13px;
min-width: 20px;
font-weight: 400;
position: absolute;
top: -5px;
right: -5px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.nav-ctrl button.nav-ctrl-item span.indicator:empty {
display: none;
visibility: hidden; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.nav-ctrl.ml-none {
margin-left: 0px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.nav-ctrl.mr-none {
margin-right: 0px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.sb-toggle {
width: 30px;
min-width: 30px;
margin-right: 30px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
display: none; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.sb-toggle button.nav-ctrl-item {
width: 30px;
height: 30px;
background: transparent;
box-shadow: none;
border: none;
padding: 0;
margin: 0;
line-height: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
outline: 0;
cursor: pointer;
position: relative; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.sb-toggle button.nav-ctrl-item svg {
width: 100%;
height: 100%;
stroke: #276ac5; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.login-desktop button {
height: 42px;
padding-left: 35px;
padding-right: 35px; }
main.main-content-container div.main-content-container-inner header.main-content-header nav.main-content-header-inner div.main-header-navitem.login-mobile {
display: none; }
main.main-content-container div.main-content-container-inner div.main-layout-content {
margin-top: 100px;
display: flex;
flex-direction: row;
justify-content: flex-start; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part {
transition: all 0.5s ease;
flex-basis: 230px;
min-width: 230px;
margin-right: 30px;
border-right: 1px solid #e6ecf0; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.sidebar {
width: 100%;
display: block; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.sidebar div.sidebar__inner {
width: 100%;
display: block; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-header {
display: none; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body {
display: block;
width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation {
width: 100%;
margin: 0px;
padding: 0px;
list-style-type: none;
border-bottom: 1px solid #e6ecf0;
margin-bottom: 20px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item {
width: 100%;
line-height: 0;
cursor: pointer; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner {
width: 100%;
display: block;
line-height: 0;
margin-bottom: 30px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a {
width: 100%;
display: block;
text-decoration: none; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a div.fbx-row {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 30px;
align-items: center;
transition: all 0.27s ease; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a div.fbx-row div.icon {
width: 30px;
min-width: 30px;
height: 30px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a div.fbx-row div.icon svg {
width: 100%;
height: 100%;
stroke: #14171a; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a div.fbx-row div.icon span.indicator {
display: inline-block;
background: #f6546a;
color: #fff;
text-align: center;
padding: 0 5px;
border-radius: 10em;
background-clip: padding-box;
font-size: 10px;
-webkit-font-smoothing: subpixel-antialiased;
line-height: 16px;
vertical-align: middle;
min-height: 13px;
min-width: 20px;
font-weight: 400;
position: absolute;
top: 10px;
right: 0px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a div.fbx-row div.icon span.indicator:empty {
display: none;
visibility: hidden; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a div.fbx-row div.text-label {
flex: 1;
padding-left: 20px;
font-size: 20px;
color: #14171a;
font-weight: 400; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a.desktop-hide {
display: none; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a div.upload-video {
width: 100%;
display: block;
margin-top: 20px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner a div.upload-video button {
height: 50px;
padding-left: 30px;
padding-right: 30px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.main-sidebar-nav-item-inner.desktop-hide {
display: none; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item > a {
display: block;
width: 100%;
line-height: 0;
text-decoration: none; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item.mt-auto {
margin-top: auto; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item.mb-auto {
margin-bottom: auto; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item.sb-toggle {
display: none;
visibility: hidden;
opacity: 0; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels {
width: 100%;
display: block;
border-top: 1px solid #e6ecf0;
padding-top: 20px;
overflow: hidden;
max-width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.channel-list-header {
display: block;
width: 100%;
line-height: 0px;
margin-bottom: 20px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.channel-list-header h5 {
font-size: 13px;
line-height: 21px;
color: rgba(22, 24, 35, 0.75);
padding: 0;
margin: 0;
text-transform: uppercase;
font-weight: normal; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list {
width: 100%;
display: block;
line-height: 0; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item {
display: block;
width: 100%;
line-height: 0;
margin-bottom: 20px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.avatar {
width: 50px;
height: 50px;
min-width: 50px;
border-radius: 10em;
overflow: hidden; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.avatar img {
width: 100%;
height: 100%;
object-fit: cover; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.uinfo {
display: block;
width: 100%;
padding-left: 15px;
overflow: hidden;
max-width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.uinfo a {
width: 100%;
display: block;
line-height: 0;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.uinfo a div.uname {
width: 100%;
line-height: 0;
flex-basis: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.uinfo a div.uname h5 {
font-size: 16px;
line-height: 16px;
display: block;
color: #276ac5;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 700;
padding: 0;
margin: 0 0 5px 0;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
white-space: nowrap; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.uinfo a div.uname div {
width: 100%;
display: block;
font-size: 13px;
font-weight: normal;
color: #14171a;
line-height: 13px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.uinfo a div.udesc {
display: block;
width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.popular-channels-list div.channel-list-item div.uinfo a div.udesc p {
font-size: 15px;
line-height: 18px;
padding: 0;
margin: 0;
color: #14171a; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.channel-list-footer {
display: block;
width: 100%;
line-height: 0px;
margin-bottom: 20px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.channel-list-footer a {
font-size: 16px;
line-height: 22px;
color: #276ac5;
font-weight: 700; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body ul.main-sidebar-navigation li.main-sidebar-nav-item div.popular-channels div.channel-list-footer a svg {
width: 17px;
height: 17px;
stroke: #276ac5;
vertical-align: middle;
stroke-width: 3.5; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body div.footer-nav {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body div.footer-nav div.footer-nav-item {
margin-right: 10px;
margin-bottom: 10px;
line-height: 0px;
width: 100%;
flex-basis: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body div.footer-nav div.footer-nav-item a {
font-size: 13px;
line-height: 13px;
color: #657786;
white-space: nowrap;
font-weight: 500;
display: inline-block; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.left-part div.main-sidebar-body div.footer-nav div.footer-nav-bottom {
width: 100%;
flex-basis: 100%;
color: #657786;
font-size: 13px;
line-height: 18px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part {
display: block;
background: transparent;
height: 100%;
transition: all 0.5s ease;
flex: 1;
min-height: 100vh; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.content-block-header {
width: 100%;
display: block;
line-height: 0;
margin-bottom: 20px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.content-block-header h1 {
font-size: 16px;
line-height: 24px;
color: #657786;
padding: 0;
margin: 0;
opacity: 1;
text-transform: uppercase;
font-weight: 600; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container {
width: 100%;
display: block; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item {
width: 100%;
height: 100%;
line-height: 0;
display: block;
text-decoration: none;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e6ecf0; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.lp div.publisher-avatar {
display: block;
width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.lp div.publisher-avatar a div.avatar {
width: 55px;
height: 55px;
overflow: hidden;
border-radius: 10em; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.lp div.publisher-avatar a div.avatar img {
width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp {
flex: 1;
padding-left: 20px;
padding-right: 20px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.publisher-info {
width: 100%;
display: block;
margin-bottom: 10px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.publisher-info div.avatar-mobile-hide {
display: none; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.publisher-info div.user-name {
display: block;
margin-bottom: 5px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.publisher-info div.user-name a {
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #276ac5;
display: inline-block;
margin-right: 5px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.publisher-info div.user-name a.username {
font-weight: 400;
color: #14171a;
font-size: 16px;
opacity: 0.9; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.publisher-info div.user-name time {
font-size: 14px;
line-height: 14px;
color: #14171a; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.video-poster {
width: 100%;
display: block;
overflow: hidden;
border-radius: 2px;
border: 1px solid #e6ecf0; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.video-poster a {
display: block;
width: 100%;
text-decoration: none;
cursor: pointer;
position: relative; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.video-poster a span.video-dur {
position: absolute;
bottom: 15px;
right: 15px;
background: rgba(0, 0, 0, 0.55);
font-size: 14px;
line-height: 14px;
color: #fff;
border-radius: 2px;
padding: 5px 10px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;
font-weight: 400;
display: inline-block; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.video-poster img {
width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.video-description {
width: 100%;
display: block; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.video-description div.video-title {
display: block;
width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.video-description div.video-title h6 {
padding: 0;
margin: 0 0 7px 0;
font-size: 18px;
line-height: 22px;
color: #030303;
font-weight: 500; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.mp div.video-description div.video-title h6 a {
font-size: inherit;
line-height: inherit;
color: inherit;
padding: 0;
margin: 0;
text-decoration: none;
outline: 0;
cursor: pointer; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls {
width: 100%;
height: 100%;
display: block;
line-height: 0; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls div.ctrls-group {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls div.ctrls-group div.ctrls-item {
width: 100%;
display: block;
margin-top: 15px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls div.ctrls-group div.ctrls-item.active div.icon svg {
fill: #276ac5;
stroke: #276ac5; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls div.ctrls-group div.ctrls-item div.icon {
width: 42px;
height: 42px;
overflow: hidden;
border-radius: 2px;
padding: 10px;
background: #f1f1f2; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls div.ctrls-group div.ctrls-item div.icon svg {
display: block;
width: 100%;
height: 100%;
stroke: #14171a; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls div.ctrls-group div.ctrls-item div.icon.clickable {
cursor: pointer; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls div.ctrls-group div.ctrls-item div.icon a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
line-height: 0;
outline: 0; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item div.flex-item.rp div.right-video-ctrls div.ctrls-group div.ctrls-item div.text-label {
text-align: center;
font-size: 11px;
line-height: 11px;
color: #14171a;
margin-top: 5px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-video-grid-container div.video-grid-item:last-child {
padding-bottom: 0px;
border-bottom: 0px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container {
width: 100%;
display: block; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item {
width: 100%;
line-height: 0;
cursor: pointer;
margin-bottom: 20px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
border-bottom: 1px solid #e6ecf0;
padding-bottom: 15px;
margin-bottom: 15px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.avatar {
width: 50px;
height: 50px;
min-width: 50px;
border-radius: 10em;
overflow: hidden; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.avatar img {
width: 100%;
height: 100%;
object-fit: cover; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.uinfo {
display: block;
width: 100%;
padding-right: 15px;
padding-left: 15px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.uinfo a {
width: 100%;
display: block;
line-height: 0;
text-decoration: none; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.uinfo a div.uname {
width: 100%;
line-height: 0;
flex-basis: 100%;
margin-bottom: 10px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.uinfo a div.uname h5 {
font-size: 16px;
line-height: 16px;
display: block;
color: #276ac5;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 700;
padding: 0;
margin: 0 0 5px 0; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.uinfo a div.uname div {
width: 100%;
display: block;
font-size: 13px;
font-weight: normal;
color: #14171a;
line-height: 13px; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.uinfo a div.udesc {
display: block;
width: 100%; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.uinfo a div.udesc p {
font-size: 15px;
line-height: 18px;
padding: 0;
margin: 0;
color: #14171a; }
main.main-content-container div.main-content-container-inner div.main-layout-content div.right-part div.general-channel-grid-container div.channel-grid-item div.btn-ctrls a {
display: block;
line-height: 0;
text-decoration: none; }
.dropdown, .dropleft, .dropright, .dropup {
position: relative; }
.dropdown div.dropdown-menu, .dropleft div.dropdown-menu, .dropright div.dropdown-menu, .dropup div.dropdown-menu {
border: none;
box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
padding: 0px;
z-index: 1000;
position: absolute; }
.dropdown div.dropdown-menu a.dropdown-item, .dropleft div.dropdown-menu a.dropdown-item, .dropright div.dropdown-menu a.dropdown-item, .dropup div.dropdown-menu a.dropdown-item {
font-size: 13px;
line-height: 32px !important;
color: #14171a; }
.dropdown div.dropdown-menu a.dropdown-item:hover, .dropdown div.dropdown-menu a.dropdown-item:active, .dropdown div.dropdown-menu a.dropdown-item.active, .dropleft div.dropdown-menu a.dropdown-item:hover, .dropleft div.dropdown-menu a.dropdown-item:active, .dropleft div.dropdown-menu a.dropdown-item.active, .dropright div.dropdown-menu a.dropdown-item:hover, .dropright div.dropdown-menu a.dropdown-item:active, .dropright div.dropdown-menu a.dropdown-item.active, .dropup div.dropdown-menu a.dropdown-item:hover, .dropup div.dropdown-menu a.dropdown-item:active, .dropup div.dropdown-menu a.dropdown-item.active {
background: #f1f1f1 !important; }
.dropdown div.dropdown-menu div.dropdown-divider, .dropleft div.dropdown-menu div.dropdown-divider, .dropright div.dropdown-menu div.dropdown-divider, .dropup div.dropdown-menu div.dropdown-divider {
padding: 0;
margin: 0;
border-color: #e6ecf0; }
.dropdown div.dropdown-menu.top20, .dropleft div.dropdown-menu.top20, .dropright div.dropdown-menu.top20, .dropup div.dropdown-menu.top20 {
top: 20px !important; }
.dropdown.ufx-select-dropdown button.dropdown-toggle, .dropleft.ufx-select-dropdown button.dropdown-toggle, .dropright.ufx-select-dropdown button.dropdown-toggle, .dropup.ufx-select-dropdown button.dropdown-toggle {
display: block;
width: 100%;
border: 2px solid #e6ecf0;
height: 44px;
background: transparent;
font-size: 13px;
color: #14171a;
box-shadow: none;
outline: none;
text-align: left;
position: relative; }
.dropdown.ufx-select-dropdown button.dropdown-toggle:after, .dropleft.ufx-select-dropdown button.dropdown-toggle:after, .dropright.ufx-select-dropdown button.dropdown-toggle:after, .dropup.ufx-select-dropdown button.dropdown-toggle:after {
position: absolute;
right: 15px;
top: calc(50% - 3px);
width: 6px;
height: 6px; }
.dropdown.ufx-select-dropdown div.dropdown-menu.show, .dropleft.ufx-select-dropdown div.dropdown-menu.show, .dropright.ufx-select-dropdown div.dropdown-menu.show, .dropup.ufx-select-dropdown div.dropdown-menu.show {
width: 100%;
display: block;
max-height: 250px;
overflow-y: auto;
overflow-x: hidden; }
div.row {
margin-left: -10px !important;
margin-right: -10px !important; }
div.col-lg-1,
div.col-lg-2,
div.col-lg-3,
div.col-lg-4,
div.col-lg-5,
div.col-lg-6,
div.col-lg-7,
div.col-lg-8,
div.col-lg-9,
div.col-lg-10,
div.col-lg-11,
div.col-lg-12 {
padding: 0px 10px; }
div.col-md-1,
div.col-md-2,
div.col-md-3,
div.col-md-4,
div.col-md-5,
div.col-md-6,
div.col-md-7,
div.col-md-8,
div.col-md-9,
div.col-md-10,
div.col-md-11,
div.col-md-12 {
padding: 0px 10px; }
div.col-sm-1,
div.col-sm-2,
div.col-sm-3,
div.col-sm-4,
div.col-sm-5,
div.col-sm-6,
div.col-sm-7,
div.col-sm-8,
div.col-sm-9,
div.col-sm-10,
div.col-sm-11,
div.col-sm-12 {
padding: 0px 10px; }
div.col-xs-1,
div.col-xs-2,
div.col-xs-3,
div.col-xs-4,
div.col-xs-5,
div.col-xs-6,
div.col-xs-7,
div.col-xs-8,
div.col-xs-9,
div.col-xs-10,
div.col-xs-11,
div.col-xs-12 {
padding: 0px 10px; }
button.btn-custom {
border-radius: 1px;
text-transform: uppercase; }
button.btn-custom.main-inline {
color: #fff;
background: #276ac5;
box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;
border: 1px solid #276ac5;
outline: 0; }
button.btn-custom.main-inline:not([disabled]):hover, button.btn-custom.main-inline:not([disabled]):active, button.btn-custom.main-inline:not([disabled]):focus {
background: #008de4;
border-color: #008de4; }
button.btn-custom.main-outline {
color: #276ac5;
background: transparent;
font-weight: 600;
box-shadow: none;
border: 1px solid #276ac5;
outline: 0; }
button.btn-custom.main-outline:not([disabled]):hover, button.btn-custom.main-outline:not([disabled]):active, button.btn-custom.main-outline:not([disabled]):focus {
background: #008de4;
border-color: #008de4;
color: #fff; }
button.btn-custom.main-outline-blue {
color: #276ac5;
background: rgba(76, 163, 221, 0.05);
font-weight: 600;
box-shadow: none;
border: 1px solid #276ac5;
outline: 0; }
button.btn-custom.main-outline-blue:not([disabled]):hover, button.btn-custom.main-outline-blue:not([disabled]):active, button.btn-custom.main-outline-blue:not([disabled]):focus {
background: #008de4;
border-color: #008de4;
color: #fff; }
button.btn-custom.lg {
padding: 0px 25px;
font-size: 13px;
line-height: 33px;
font-weight: 500;
height: 35px; }
button.btn-custom.md {
padding: 7px 15px;
font-size: 13px;
line-height: 13px;
font-weight: 500; }
button.btn-custom.sm {
padding: 6px 15px;
font-size: 13px;
line-height: 13px;
font-weight: 500; }
button.btn-custom.main-red {
color: #fff;
background: #f6546a;
box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;
border: 1px solid #f6546a;
outline: 0; }
button.btn-custom.main-grey {
color: #14171aab;
background-color: #e6ecf0;
box-shadow: none;
border: 1px solid #e6ecf0;
outline: 0; }
button.btn-custom.btn-block {
width: 100%; }
form.form div.form-group.form-title h4 {
font-size: 14px;
padding: 0;
margin: 0;
color: #14171a;
font-weight: 700;
line-height: 22px;
opacity: 0.9;
text-transform: uppercase; }
form.form div.form-group.no-mb {
margin-bottom: 0px; }
form.form div.form-group label.form-label {
font-size: 13px;
color: #14171a;
padding: 0;
margin: 0;
line-height: 13px;
display: inline-block;
margin-bottom: 10px; }
form.form div.form-group div.form-control-holder {
width: 100%;
display: block;
line-height: 0;
position: relative; }
form.form div.form-group div.form-control-holder div.input-ctrls {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: auto;
height: 44px;
background: transparent;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
margin: 0;
padding: 0 15px; }
form.form div.form-group div.form-control-holder div.input-ctrls button.input-ctrl-item {
box-shadow: none;
width: 20px;
height: 20px;
border: none;
background: none;
outline: 0;
padding: 0;
margin: 0;
line-height: 0;
cursor: pointer;
background: transparent; }
form.form div.form-group div.form-control-holder div.input-ctrls button.input-ctrl-item svg {
width: 100%;
height: 100%;
fill: #b6b6b6; }
form.form div.form-group div.form-control-holder div.input-ctrls button.input-ctrl-item svg * {
stroke: #b6b6b6; }
form.form div.form-group div.form-control-holder div.input-ctrls button.input-ctrl-item:hover svg, form.form div.form-group div.form-control-holder div.input-ctrls button.input-ctrl-item:active svg {
fill: #b6b6b6; }
form.form div.form-group div.form-control-holder div.input-ctrls button.input-ctrl-item:hover svg *, form.form div.form-group div.form-control-holder div.input-ctrls button.input-ctrl-item:active svg * {
stroke: #276ac5; }
form.form div.form-group input {
box-shadow: none;
border: 2px solid #e6ecf0;
height: 46px;
color: #14171a;
font-size: 13px;
background: #fff; }
form.form div.form-group input:focus, form.form div.form-group input:active {
border-color: #276ac5; }
form.form div.form-group input::placeholder {
font-size: 13px;
color: #657786;
font-weight: normal; }
form.form div.form-group input:-webkit-autofill, form.form div.form-group input:-webkit-autofill:hover, form.form div.form-group input:-webkit-autofill:focus, form.form div.form-group input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important; }
form.form div.form-group textarea {
box-shadow: none;
border: 2px solid #e6ecf0;
overflow: hidden;
color: #14171a;
font-size: 13px; }
form.form div.form-group textarea:focus, form.form div.form-group textarea:active {
border-color: #276ac5; }
form.form div.form-group textarea::placeholder {
font-size: 13px;
color: #657786;
font-weight: normal; }
form.form div.form-group div.invalid-feedback {
display: block;
font-size: 11px; }
form.form div.form-group div.valid-feedback {
display: block;
font-size: 11px; }
form.form div.form-group div.info-feedback {
display: block;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #276ac5;
font-size: 11px; }
form.form div.form-group div.help-feedback {
display: block;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #657786;
font-size: 9px;
text-transform: uppercase; }
form.form div.form-group div.help-feedback.tt-cp {
text-transform: none; }
div.main-data-filter-container {
width: 100%;
display: block; }
div.main-data-filter-container div.filter-cont {
width: 100%;
display: block; }
div.main-data-filter-container div.filter-cont form.form {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
div.main-data-filter-container div.filter-cont form.form div.filter-option {
margin-right: 20px;
margin-bottom: 20px; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown {
position: relative; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown button.dropdown-toggle {
background: transparent;
box-shadow: none;
border: 2px solid #e6ecf0;
padding: 0 35px 0 15px;
margin: 0;
line-height: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
height: 44px;
position: relative; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown button.dropdown-toggle span {
font-size: 13px;
line-height: 13px; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown button.dropdown-toggle span:first-child {
margin-right: 7px;
color: #657786; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown button.dropdown-toggle span:last-child {
font-weight: 700;
color: #14171a; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown button.dropdown-toggle:after {
width: 7px;
height: 7px;
border: 2px solid #657786;
border-top: none;
border-right: none;
background: transparent;
transform: rotate(-45deg);
right: 15px;
position: absolute;
margin: 0;
padding: 0; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu.show {
position: absolute;
top: 50px !important;
transform: none !important;
max-height: 270px;
overflow-y: auto; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input {
padding: 15px; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input div.input {
display: block;
width: 100%;
line-height: 0;
min-width: 250px; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input div.input input {
width: 100%;
border: 2px solid #e6ecf0;
font-size: 13px;
color: #14171a;
outline: 0;
border-radius: 3px;
height: 38px;
padding: 0px 15px; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input div.input input::placeholder {
color: #72777c;
font-size: 13px; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input div.input input:focus, div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input div.input input:active {
border-color: #276ac5; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input div.apply-filter {
display: block;
width: 100%;
line-height: 0; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input div.apply-filter button {
display: block;
width: 100%;
background: #276ac5;
font-size: 11px;
text-transform: uppercase;
padding: 10px 15px;
margin: 0;
line-height: 11px;
color: #fff;
box-shadow: none;
border: none;
border-radius: 3px;
outline: 0;
font-weight: 700;
margin-top: 10px;
cursor: pointer; }
div.main-data-filter-container div.filter-cont form.form div.filter-option div.dropdown div.dropdown-menu-input div.apply-filter button:disabled {
opacity: 0.5;
cursor: default; }
div.main-data-filter-container div.filter-cont form.form div.filter-option button.reset-filter {
padding: 0 25px;
margin: 0;
background: transparent;
line-height: 40px;
border: 2px solid #276ac5;
color: #276ac5;
font-size: 13px;
text-transform: uppercase;
box-shadow: none;
outline: 0;
font-weight: 500; }
div.main-data-filter-container div.filter-cont form.form div.filter-option button.reset-filter:disabled {
background: transparent;
border: 2px solid #e6ecf0;
cursor: default;
color: #b9bfc3; }
div.ufx-empty-page-placeholder {
width: 100%;
display: block;
line-height: 0;
background: transparent;
height: calc(100vh - 50px); }
div.ufx-empty-page-placeholder div.placeholder-message {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
padding: 50px 0px; }
div.ufx-empty-page-placeholder div.placeholder-message div.icon {
width: 80px;
height: 80px;
min-width: 80px;
min-height: 80px; }
div.ufx-empty-page-placeholder div.placeholder-message div.icon svg {
width: 100%;
height: 100%;
stroke: #276ac5;
stroke-width: 1.8; }
div.ufx-empty-page-placeholder div.placeholder-message div.icon.inline svg {
fill: #276ac5; }
div.ufx-empty-page-placeholder div.placeholder-message div.icon.inline svg * {
stroke: #276ac5; }
div.ufx-empty-page-placeholder div.placeholder-message div.message-text {
max-width: 50%;
margin-top: 15px; }
div.ufx-empty-page-placeholder div.placeholder-message div.message-text h3 {
font-size: 22px;
margin: 0 0 10px 0;
padding: 0;
color: #14171a;
line-height: 28px;
text-align: center; }
div.ufx-empty-page-placeholder div.placeholder-message div.message-text p {
font-size: 13px;
color: #14171a;
line-height: 18px;
padding: 0;
margin: 0;
text-align: center; }
div.ufx-empty-page-placeholder div.placeholder-message div.c2action-btn {
margin-top: 35px; }
div.ufx-empty-page-placeholder div.placeholder-message div.c2action-btn button {
border-radius: 3px; }
.modal-backdrop {
z-index: 1300;
opacity: 0.5 !important; }
.modal.show {
z-index: 1310; }
div.modal div.modal-content {
border: none;
border-radius: 1px; }
div.modal div.modal-content div.modal-header {
padding: 15px 20px; }
div.modal div.modal-content div.modal-header h5 {
font-size: 13px;
color: #276ac5;
font-weight: 700;
padding: 0;
margin: 0;
line-height: 14px;
text-transform: uppercase; }
div.modal div.modal-content div.modal-body {
padding: 20px; }
div.modal.vh-center.show {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: center !important; }
div.modal.vh-center.show div.modal-dialog {
flex: 1; }
div.modal.upload-progress-bar div.progress-bar-title {
width: 100%;
display: block;
line-height: 0; }
div.modal.upload-progress-bar div.progress-bar-title h3 {
font-size: 13px;
line-height: 13px;
color: #276ac5;
padding: 0;
margin: 0 0 15px 0;
text-transform: uppercase;
font-weight: 500;
white-space: nowrap; }
div.modal.upload-progress-bar div.progress-bar-title h3 span {
text-transform: none;
font-size: 11px;
font-weight: normal;
margin-left: 10px; }
div.modal.upload-progress-bar div.progress-bar-state {
width: 100%;
display: block;
line-height: 0; }
div.modal.upload-progress-bar div.progress-bar-state div.progress-bar-bg {
width: 100%;
display: block;
height: 15px;
background: #f1f1f1;
border-radius: 5px; }
div.modal.upload-progress-bar div.progress-bar-state div.progress-bar-bg div.progress-bar-slider {
height: 15px;
min-width: 5px;
max-width: 100%;
background: #276ac5;
display: inline-block;
width: auto;
border-radius: 5px; }
div.modal.confirm-actions-modal div.modal-body {
padding: 30px; }
div.modal.confirm-actions-modal div.modal-body h4 {
text-align: center;
margin: 0 0 10px 0;
padding: 0;
color: #14171a;
line-height: 26px;
font-size: 20px;
font-weight: 700; }
div.modal.confirm-actions-modal div.modal-body p {
font-size: 13px;
line-height: 18px;
text-align: center;
margin: 0;
padding: 0;
color: #657786; }
div.modal.confirm-actions-modal div.modal-footer {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border: none;
overflow: hidden; }
div.modal.confirm-actions-modal div.modal-footer button {
margin: 0;
flex: 1;
flex-basis: 50%;
width: 50%;
max-width: 50%;
min-width: 50%;
box-shadow: none;
outline: 0;
border: none;
border-radius: 0px;
height: 42px;
line-height: 44px;
padding: 0 25px; }
div.modal.require-auth-modal div.modal-body {
padding: 30px; }
div.modal.require-auth-modal div.modal-body h4 {
text-align: center;
margin: 0 0 10px 0;
padding: 0;
color: #14171a;
line-height: 26px;
font-size: 20px;
font-weight: 700; }
div.modal.require-auth-modal div.modal-body p {
font-size: 13px;
line-height: 18px;
text-align: center;
margin: 0;
padding: 0;
color: #657786; }
div.modal.require-auth-modal div.modal-footer {
padding: 0;
margin: 0;
display: block;
border: none;
overflow: hidden; }
div.modal.require-auth-modal div.modal-footer button {
margin: 0;
display: block;
box-shadow: none;
outline: 0;
border: none;
border-radius: 0px;
height: 42px;
line-height: 44px;
padding: 0 25px; }
div.modal.save-video-modal div.modal-dialog {
max-width: 400px; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-header {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-header h5.modal-title {
font-size: 14px;
color: #14171a;
font-weight: 700;
padding: 0;
margin: 0;
line-height: 14px; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-header button {
padding: 0;
margin: 0;
line-height: 0;
width: 25px;
height: 25px;
outline: 0;
background: transparent;
border: none; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-header button svg {
width: 100%;
height: 100%;
fill: #276ac5; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-header button svg * {
stroke: #276ac5; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body {
padding: 10px 20px; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body.p-none {
padding: 0; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper {
width: 100%;
display: block; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists {
width: 100%;
display: block;
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 10px 20px;
line-height: 0;
list-style-type: none; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item {
width: 100%;
height: 45px;
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding-top: 0px;
padding-bottom: 0px;
align-items: center; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item:last-child {
border-bottom: none; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item div.lp {
line-height: 0;
overflow: hidden;
height: 100%; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item div.lp div.icon {
width: 20px;
height: 100%;
line-height: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item div.lp div.icon svg {
width: 20px;
height: 20px;
fill: #909090; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item div.lp div.icon svg * {
stroke: #909090; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item div.mp {
flex: 1;
padding-left: 10px;
padding-right: 10px;
overflow: hidden; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item div.mp span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
white-space: nowrap;
font-size: 13px;
line-height: 13px;
color: #14171a;
padding: 0;
margin: 0;
font-weight: normal; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item div.rp div.select-checkbox {
line-height: 0; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.playlists-wrapper ul.playlists li.playlists-item div.rp div.select-checkbox label {
padding: 0;
margin: 0;
line-height: 20px;
width: 20px;
height: 20px; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder {
width: 100%;
display: block;
margin-bottom: 20px; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
align-items: center; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.mp {
padding: 0px 10px;
flex: 1;
overflow: hidden;
line-height: 0; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.mp span {
font-size: 13px;
line-height: 18px;
color: #657786; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon, div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon {
width: 25px;
height: 25px;
overflow: hidden;
line-height: 0;
cursor: pointer; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon svg, div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon svg {
width: 100%;
height: 100%;
fill: #909090; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon svg *, div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon svg * {
stroke: #909090; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon.selected svg, div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon.selected svg {
fill: #276ac5;
font-weight: bold; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon.selected svg *, div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon.selected svg * {
stroke: #276ac5; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.radio-box-holder:last-child {
margin-bottom: 0px; }
div.modal.save-video-modal div.modal-dialog div.modal-content div.modal-body div.form-group div.form-control-holder input {
padding-right: 50px; }
div.modal.share-post-modal div.modal-header {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between; }
div.modal.share-post-modal div.modal-header h5.modal-title {
font-size: 14px;
color: #14171a;
font-weight: 700;
padding: 0;
margin: 0;
line-height: 14px; }
div.modal.share-post-modal div.modal-header button {
padding: 0;
margin: 0;
line-height: 0;
width: 25px;
height: 25px;
outline: 0;
background: transparent;
border: none;
cursor: pointer; }
div.modal.share-post-modal div.modal-header button svg {
width: 100%;
height: 100%;
fill: #276ac5; }
div.modal.share-post-modal div.modal-header button svg * {
stroke: #276ac5; }
div.modal.share-post-modal div.embed-video {
width: 100%;
display: block;
margin-top: 20px; }
div.modal.share-post-modal div.embed-video p {
font-size: 13px;
color: #657786;
line-height: 13px;
text-align: center;
padding: 0;
margin: 0 0 15px 0; }
div.modal.share-post-modal div.embed-video div.input-code {
width: 100%;
display: block; }
div.modal.share-post-modal div.embed-video div.input-code textarea {
width: 100%;
display: block;
border: 2px solid #e6ecf0;
font-size: 11px;
border-radius: 2px;
padding: 10px;
color: #14171a;
resize: vertical;
max-height: 100px;
min-height: 50px;
line-height: 18px; }
div.modal.share-post-modal div.social-media-links {
display: flex;
width: 100%;
overflow: hidden;
line-height: 0;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
div.modal.share-post-modal div.social-media-links a.link-item {
position: relative;
width: 50px;
height: 50px;
margin: 0px 10px;
border-radius: 10em;
margin-bottom: 15px; }
div.modal.share-post-modal div.social-media-links a.link-item svg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 22px;
height: 22px; }
div.modal.share-post-modal div.social-media-links a.link-item.twitter {
background: #276ac5; }
div.modal.share-post-modal div.social-media-links a.link-item.twitter svg {
fill: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.twitter svg * {
stroke: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.facebook {
background: #3b5899; }
div.modal.share-post-modal div.social-media-links a.link-item.facebook svg {
fill: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.facebook svg * {
stroke: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.linkedin {
background: #2770af; }
div.modal.share-post-modal div.social-media-links a.link-item.linkedin svg {
fill: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.linkedin svg * {
stroke: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.pinterest {
background: #c62327; }
div.modal.share-post-modal div.social-media-links a.link-item.pinterest svg {
fill: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.pinterest svg * {
stroke: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.reddit {
background: #f44312; }
div.modal.share-post-modal div.social-media-links a.link-item.reddit svg {
fill: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.reddit svg * {
stroke: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.embed {
background: #657786; }
div.modal.share-post-modal div.social-media-links a.link-item.embed svg {
fill: #fff; }
div.modal.share-post-modal div.social-media-links a.link-item.embed svg * {
stroke: #fff; }
div.modal.share-post-modal div.raw-link {
width: 100%;
display: block;
line-height: 0;
padding-bottom: 15px; }
div.modal.share-post-modal div.raw-link p {
font-size: 13px;
color: #657786;
line-height: 13px;
text-align: center;
padding: 0;
margin: 0 0 15px 0; }
div.modal.share-post-modal div.raw-link div.link-input {
display: block;
width: 100%;
position: relative; }
div.modal.share-post-modal div.raw-link div.link-input input {
width: 100%;
height: 40px;
border: none;
border-radius: 2px;
background: #f1f1f1;
border: 2px solid #276ac5;
box-shadow: none;
outline: 0;
font-size: 13px;
color: #004874;
padding: 0px 20px; }
div.modal.share-post-modal div.raw-link div.link-input input::placeholder {
font-size: 13px;
color: #657786; }
div.modal.share-post-modal div.raw-link div.link-input input:hover, div.modal.share-post-modal div.raw-link div.link-input input:focus, div.modal.share-post-modal div.raw-link div.link-input input:active {
border-bottom: 2px solid #276ac5;
background: #eff3f6; }
div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy {
position: absolute;
top: 0;
right: 0;
height: 40px;
border: none;
outline: 0;
background: #276ac5;
padding: 0 18px;
margin: 0;
line-height: 0;
box-shadow: none;
border-radius: 2px;
cursor: pointer; }
div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy svg {
width: 16px;
height: 16px;
fill: #fff;
vertical-align: middle; }
div.modal.share-post-modal div.raw-link div.link-input button.clip-board-copy svg * {
stroke: #fff; }
div.modal.report-video-modal div.modal-content div.modal-header {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between; }
div.modal.report-video-modal div.modal-content div.modal-header button {
padding: 0;
margin: 0;
line-height: 0;
width: 25px;
height: 25px;
outline: 0;
background: transparent;
border: none; }
div.modal.report-video-modal div.modal-content div.modal-header button svg {
width: 100%;
height: 100%;
fill: #276ac5; }
div.modal.report-video-modal div.modal-content div.modal-header button svg * {
stroke: #276ac5; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder {
width: 100%;
display: block;
margin-bottom: 20px; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 10px; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box:last-child {
margin-bottom: 0px; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.mp {
padding: 0px 10px;
flex: 1;
overflow: hidden;
line-height: 0; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.mp span {
font-size: 13px;
line-height: 18px;
color: #14171a; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon, div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon {
width: 25px;
height: 25px;
overflow: hidden;
line-height: 0;
cursor: pointer; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon svg, div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon svg {
width: 100%;
height: 100%;
fill: #909090; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon svg *, div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon svg * {
stroke: #909090; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon.selected svg, div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon.selected svg {
fill: #276ac5;
font-weight: bold; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.rp div.icon.selected svg *, div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder div.radio-box div.lp div.icon.selected svg * {
stroke: #276ac5; }
div.modal.report-video-modal div.modal-content div.modal-body div.form-group div.radio-box-holder:last-child {
margin-bottom: 0px; }
div.modal.lang-menu-modal div.modal-content {
width: 100%;
display: block; }
div.modal.lang-menu-modal div.modal-content div.modal-header {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between; }
div.modal.lang-menu-modal div.modal-content div.modal-header h5.modal-title {
font-size: 14px;
color: #14171a;
font-weight: 700;
padding: 0;
margin: 0;
line-height: 14px; }
div.modal.lang-menu-modal div.modal-content div.modal-header button {
padding: 0;
margin: 0;
line-height: 0;
width: 25px;
height: 25px;
outline: 0;
background: transparent;
border: none; }
div.modal.lang-menu-modal div.modal-content div.modal-header button svg {
width: 100%;
height: 100%;
fill: #276ac5; }
div.modal.lang-menu-modal div.modal-content div.modal-header button svg * {
stroke: #276ac5; }
div.modal.lang-menu-modal div.modal-content div.modal-body {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; }
div.modal.lang-menu-modal div.modal-content div.modal-body a.lang-menu-item {
width: calc(20% - 10px);
max-width: calc(20% - 10px);
min-width: calc(20% - 10px);
flex-basis: calc(20% - 10px);
text-decoration: none; }
div.modal.lang-menu-modal div.modal-content div.modal-body a.lang-menu-item div.lang-menu-item-inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
padding: 10px; }
div.modal.lang-menu-modal div.modal-content div.modal-body a.lang-menu-item div.lang-menu-item-inner div.banner {
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 10em;
margin-bottom: 10px; }
div.modal.lang-menu-modal div.modal-content div.modal-body a.lang-menu-item div.lang-menu-item-inner div.banner svg {
width: 100%;
height: 100%; }
div.modal.lang-menu-modal div.modal-content div.modal-body a.lang-menu-item div.lang-menu-item-inner div.lang-label {
font-size: 13px;
line-height: 13px;
color: #14171a;
text-align: center;
max-width: 70px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
div.modal.lang-menu-modal div.modal-content div.modal-body a.lang-menu-item.active div.lang-menu-item-inner {
border: 2px solid #e6ecf0;
border-radius: 6px; }
div.modal.lang-menu-modal div.modal-content div.modal-body a.lang-menu-item.active div.lang-menu-item-inner div.lang-label {
font-weight: 600; }
div.main-modalnotif-container {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.1);
z-index: 999999;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding: 40px; }
div.main-modalnotif-container span {
background-color: #276ac5;
padding: 15px 20px;
line-height: 18px;
color: #fff;
font-size: 13px;
border-radius: 3px;
max-width: 420px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px; }
div.ufx-load-more {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center; }
div.tooltip {
z-index: 2000; }
div.tooltip div.arrow {
border-radius: 0px;
opacity: 0.8; }
div.tooltip div.tooltip-inner {
opacity: 0.8;
border-radius: 0px;
padding: 10px 15px;
font-size: 13px;
line-height: 18px;
color: #eee; }
div.d-flex-wrapper {
width: 100%;
display: block;
line-height: 0; }
a.d-flex-wrapper {
width: 100%;
display: block;
line-height: 0;
text-decoration: none; }
.d-flex {
width: 100%; }
.d-flex .flex-nw, .d-flex .flex-wn {
flex-wrap: nowrap; }
.d-flex .flex-grow-1 {
flex: 1; }
div.ufx-google-ads {
width: 100%;
display: block;
margin-top: 20px;
margin-bottom: 20px; }
/*# sourceMappingURL=style.master.css.map */