/*
Template Name:VIDOE - Video Streaming Website HTML Template
Author:Askbootstrap
Author URI:https://themeforest.net/user/askbootstrap
Version:1.0
*/
/*
-- Body 
-- Nav
-- Sidebar
-- Customize Bootstrap
-- Category Slider
-- Video Card
-- Channels Card
-- Upload Details
-- Watch History
-- Single Channel
-- Video Page
-- My Account
-- Footer
*/
/* Body */
html {position:relative;min-height:100%;}
body {background-color:#fafafa;color:#888;font-size:13px;height:100%;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{}
#wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;}
#wrapper #content-wrapper {overflow-x:hidden;width:100%;}
#wrapper #content-wrapper .container-fluid{padding:30px 30px 30px 255px;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid{padding:30px 30px 30px 121px;}
.single-channel-page{padding:0px 0px 0px 225px;}
.sidebar-toggled .single-channel-page{padding:0px 0px 0px 90px;}
.single-channel-page .container-fluid {padding:30px 30px 30px !important;}
body.fixed-nav #content-wrapper {margin-top:56px;padding-left:90px;}
body.fixed-nav.sidebar-toggled #content-wrapper {padding-left:0;}
@media (min-width:768px) {body.fixed-nav #content-wrapper {padding-left:225px;}
body.fixed-nav.sidebar-toggled #content-wrapper {padding-left:90px;}
}
.carousel-login-card {padding:11px 0;}
.scroll-to-top {background:rgba(52, 58, 64, 0.5) none repeat scroll 0 0;border-radius:70px !important;bottom:86px;color:#fff;display:none;height:50px;line-height:46px;position:fixed;right:15px;text-align:center;width:50px;}
.scroll-to-top:focus, .scroll-to-top:hover {color:white;}
.scroll-to-top:hover {background:#343a40;}
.scroll-to-top i {font-weight:800;}
.smaller {font-size:0.7rem;}
.o-hidden {overflow:hidden !important;}
.z-0 {z-index:0;}
.z-1 {z-index:1;}
.navbar-nav .form-inline .input-group {width:100%;}
.navbar-nav .nav-item.dropdown .dropdown-toggle::after {width:1rem;text-align:center;float:right;vertical-align:0;border:0;font-weight:900;content:'\f105';font-family:'Font Awesome 5 Free';}
.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {content:'\f107';}
.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {display:none;}
.navbar-nav .nav-item .nav-link:focus {outline:none;}
.navbar-nav .nav-item .nav-link .badge {border:medium none !important;border-radius:3px;font-size:9px;font-weight:700;height:15px;line-height:9px;min-width:15px;position:absolute;text-align:center;top:10px;right:0;}
@media (min-width:768px) {.navbar-nav .form-inline .input-group {width:auto;}
}
.sidebar {width:90px !important;background:#ff0000;/* Old browsers */
background:-moz-linear-gradient(-45deg, #ff0000 0%, #e41e1d 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #ff0000 0%,#e41e1d 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #ff0000 0%,#e41e1d 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#e41e1d',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
min-height:100%;z-index:9;padding:2px 0;position:fixed;height:100%;}
.sidebar:hover {overflow:auto;}
.sidebar .nav-item:last-child {margin-bottom:1rem;}
.sidebar .nav-item .nav-link {font-size:14px;padding:12px 14px !important;text-align:center;width:90px;font-weight:600;}
.sidebar .nav-item .nav-link:hover, .sidebar .nav-item.active .nav-link {background-color:rgba(255, 255, 255, 0.2);}
.sidebar .nav-item .nav-link .fas {color:#ffffff;}
.sidebar .nav-item .nav-link span {display:inline;font-size:14px;margin:0 0 0 11px;}
.sidebar .nav-item .dropdown-menu {position:absolute !important;-webkit-transform:none !important;transform:none !important;left:calc(90px + 0.0rem) !important;margin:0;}
.sidebar .nav-item .dropdown-menu.dropup {bottom:0;top:auto !important;}
.sidebar .nav-item.dropdown .dropdown-toggle::after {display:none;}
.sidebar .nav-item .nav-link {color:#ffffff;}
.sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover {color:rgba(255, 255, 255, 0.75);}
.sidebar.toggled {width:0 !important;overflow:hidden;}
@media (min-width:768px) {.sidebar {height:100%;position:fixed;width:225px !important;top:0;}
.sidebar:hover {overflow:auto;}
.sidebar .nav-item .nav-link {display:block;width:100%;text-align:left;padding:1rem;width:225px;}
.sidebar .nav-item .nav-link span {display:inline;font-size:13px;margin:0 0 0 11px;}
.sidebar .nav-item .dropdown-menu {position:static !important;margin:0 1rem;top:0;}
.sidebar .nav-item.dropdown .dropdown-toggle::after {display:block;}
.sidebar.toggled {overflow:visible;width:90px !important;}
.sidebar.toggled:hover {overflow-x:auto;}
.sidebar.toggled .nav-item:last-child {margin-bottom:1rem;}
.sidebar.toggled .nav-item .nav-link {text-align:center;padding:0.75rem 1rem;width:90px;}
.sidebar.toggled .nav-item .nav-link span {margin:0;}
.sidebar.toggled .nav-item .nav-link span {font-size:0.65rem;display:block;}
.sidebar.toggled .nav-item .dropdown-menu {position:absolute !important;-webkit-transform:none !important;transform:none !important;left:calc(90px + 0.5rem) !important;margin:0;}
.sidebar.toggled .nav-item .dropdown-menu.dropup {bottom:0;top:auto !important;}
.sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {display:none;}
}
.sidebar.fixed-top {top:56px;height:calc(100vh - 56px);overflow-y:auto;}
.card-body-icon {position:absolute;z-index:0;top:-1.25rem;right:-1rem;opacity:0.4;font-size:5rem;-webkit-transform:rotate(15deg);transform:rotate(15deg);}
@media (min-width:576px) {.card-columns {-webkit-column-count:1;column-count:1;}
}
@media (min-width:768px) {.card-columns {-webkit-column-count:2;column-count:2;}
}
@media (min-width:1200px) {.card-columns {-webkit-column-count:2;column-count:2;}
}
:root {--input-padding-x:0.75rem;--input-padding-y:0.75rem;}
.card-login {max-width:25rem;}
.card-register {max-width:40rem;}
.form-label-group {position:relative;}
.form-label-group > input, .form-label-group > label {padding:var(--input-padding-y) var(--input-padding-x);height:auto;}
.form-label-group > label {position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;/* Override default `<label>` margin */
line-height:1.5;color:#495057;border:1px solid transparent;border-radius:0.25rem;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.form-label-group input::-webkit-input-placeholder {color:transparent;}
.form-label-group input:-ms-input-placeholder {color:transparent;}
.form-label-group input::-ms-input-placeholder {color:transparent;}
.form-label-group input::placeholder {color:transparent;}
.form-label-group input:not(:placeholder-shown) {padding-top:calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));padding-bottom:calc(var(--input-padding-y) / 3);}
.form-label-group input:not(:placeholder-shown) ~ label {padding-top:calc(var(--input-padding-y) / 3);padding-bottom:calc(var(--input-padding-y) / 3);font-size:12px;color:#777;}
footer.sticky-footer {background-color:#e9ecef;padding:15px;margin-left:225px;}
footer.sticky-footer .copyright {line-height:1;font-size:0.8rem;}
body.sidebar-toggled footer.sticky-footer {width:100%;}
@media (min-width:768px) {body.sidebar-toggled footer.sticky-footer {width:calc(100% - 90px);margin-left:90px;}
}
/* Nav */
.top-20{ margin-top:20px; margin-bottom:20px;}
.sticky-top {position:sticky;top:0;z-index:99;}
.osahan-nav {box-shadow:0 0 10px #f2f2f2;padding:0;}
.osahan-navbar-search .form-control {background:#eceff0 none repeat scroll 0 0;border:medium none;font-size:14px;max-width:607px !important;width:607px !important;}
.osahan-navbar-search {margin-right:84px !important;}
.osahan-navbar-search .btn {background:#eceff0 none repeat scroll 0 0;border:medium none;font-size:14px;padding:0 18px;}
.osahan-right-navbar .nav-link {padding:17px 13px !important;position:relative;}
.osahan-right-navbar {margin:0 7px 0 0;}
.user-dropdown-link img {border-radius:50px;height:30px;margin:-9px 2px -6px 0;width:30px;}
.top-mobile-search {display:none;}
.top-mobile-search {margin:-16px -15px 19px -18px;}
.top-mobile-search input {border-radius:0;box-shadow:none !important;}
.top-mobile-search .btn {border-radius:0;}

.bottom-navbar-nav {margin:0;padding:0;white-space:nowrap;}
.mobile-menu {background:#fff none repeat scroll 0 0;bottom:0;box-shadow:0 0 11px #bcbcbc;left:0;overflow-x:auto;position:fixed;right:0;white-space:nowrap;z-index:999;display:none;text-align:center;}
.mobile-menu ul li {display:inline-block;list-style:outside none none;overflow:hidden;vertical-align:bottom;}
.bottom-nav-item span {color:#666;display:list-item;overflow:hidden;text-overflow:ellipsis;}
.bottom-nav-link {display:inline-block;font-size:11px;font-weight:600;overflow:hidden;padding:16px 6px 12px 6px;text-align:center;vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;width:69px;}
.bottom-nav-link .fas {color:#333;font-size:15px;}
.fade-in {visibility:visible;opacity:1;transition:opacity 1s linear;} .fade-out {visibility:hidden;opacity:0;transition:visibility 0s 1s, opacity 1s linear;}
/* Sidebar */
.sidebar::-webkit-scrollbar {width:6px;background-color:#F5F5F5;}
.sidebar::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555;}
.channel-sidebar-list {border-top:1px solid #ff516b;margin:6px 0 0;padding:7px 14px;}
.channel-sidebar-list h6 {color:#fff;font-size:14px;font-weight:600;margin-bottom:15px;margin-top:9px;}
.channel-sidebar-list ul {list-style:outside none none;margin:0;padding:0;}
.channel-sidebar-list ul li img {object-fit:cover;margin:0 14px 0 0;}
.channel-sidebar-list li a {color:#fff;display:inline-block;overflow:hidden;padding:6px 0;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.channel-sidebar-list li a .badge {float:right;margin:7px 0 0;position:absolute;right:20px;}
.sidebar.toggled .nav-item .nav-link span {margin:0;}
.sidebar.toggled .channel-sidebar-list h6 {font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sidebar.toggled .channel-sidebar-list {padding:7px;text-align:center;}
.sidebar.toggled .channel-sidebar-list li img {display:list-item;margin:auto auto 4px;}
.sidebar.toggled .channel-sidebar-list li a {font-size:10px;font-weight:500;}
.sidebar.toggled .channel-sidebar-list li .badge {display:none;}
/* Customize Bootstrap */
.border-none{border:none;}
.bg-primary, .btn-primary, .btn-outline-primary:hover, .badge-primary {border-color:transparent !important;background:#ff0000;/* Old browsers */
background:-moz-linear-gradient(-45deg, #ff0000 0%, #e41e1d 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #ff0000 0%,#e41e1d 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #ff0000 0%,#e41e1d 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#e41e1d',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
.btn-outline-primary{border-color:#ff0000;color:#ff0000;}
.text-primary{color:#ff0000 !important;}
.progress-bar{background-color:#ff0000;}
.bg-success, .btn-success, .btn-outline-success:hover, .badge-success {border-color:transparent !important;background:#4eda92;/* Old browsers */
background:-moz-linear-gradient(-45deg, #4eda92 1%, #56e0cb 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #4eda92 1%,#56e0cb 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #4eda92 1%,#56e0cb 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eda92', endColorstr='#56e0cb',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
.btn-outline-success{border-color:#4eda92;color:#4eda92;}
.text-success{color:#4eda92 !important;}
.bg-warning, .btn-warning, .btn-outline-warning:hover, .badge-warning {border-color:transparent !important;background:#ffc107;/* Old browsers */
background:-moz-linear-gradient(-45deg, #ffc107 1%, #fffc07 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #ffc107 1%,#fffc07 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #ffc107 1%,#fffc07 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc107', endColorstr='#fffc07',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
.btn-outline-warning{border-color:#ffc107;color:#ffc107;}
.text-warning{color:#ffc107 !important;}
.bg-danger, .btn-danger, .btn-outline-danger:hover, .badge-danger{border-color:transparent !important;background:#ff253a;/* Old browsers */
background:-moz-linear-gradient(-45deg, #ff253a 0%, #ff8453 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #ff253a 0%,#ff8453 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #ff253a 0%,#ff8453 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff253a', endColorstr='#ff8453',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
.btn-outline-danger{border-color:#ff253a;color:#ff253a;}
.text-danger{color:#ff253a !important;}
.bg-secondary, .btn-secondary, .btn-outline-secondary:hover, .badge-secondary{border-color:transparent !important;background:#9ba8aa;/* Old browsers */
background:-moz-linear-gradient(-45deg, #9ba8aa 0%, #92b4d2 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #9ba8aa 0%,#92b4d2 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #9ba8aa 0%,#92b4d2 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ba8aa', endColorstr='#92b4d2',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
.btn-outline-secondary{border-color:#9ba8aa;color:#9ba8aa;}
.text-secondary{color:#9ba8aa !important;}
.bg-info, .btn-info, .btn-outline-info:hover, .badge-info{border-color:transparent !important;background:#17a2b8;/* Old browsers */
background:-moz-linear-gradient(-45deg, #17a2b8 1%, #30def9 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #17a2b8 1%,#30def9 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #17a2b8 1%,#30def9 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#17a2b8', endColorstr='#30def9',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
.btn-outline-info{border-color:#17a2b8;color:#17a2b8;}
.text-info{color:#17a2b8 !important;}
.bg-dark, .btn-dark, .btn-outline-dark:hover, .badge-dark{border-color:transparent !important;background:#171b20;/* Old browsers */
background:-moz-linear-gradient(-45deg, #171b20 1%, #343a40 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #171b20 1%,#343a40 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #171b20 1%,#343a40 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#171b20', endColorstr='#343a40',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
.btn-outline-dark{border-color:#171b20;color:#171b20;}
.text-dark{color:#171b20 !important;}
.btn-light{border:medium none;}
.adblock {background:#eceff0 none repeat scroll 0 0;border-radius:2px;margin-bottom:1rem;padding:27px 10px;text-align:center;width:100%;}
.main-title > h6 {margin:0px 0 16px;}
.top-category .main-title > h6 {margin-bottom:10px;}
.right-action-link .fa {background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 6px #ececec;display:inline-block;height:20px;line-height:19px;margin:0 0 0 3px;text-align:center;width:20px;}
.dropdown-item.active, .dropdown-item:active {background-color:#eceff0 !important;color:#888888 !important;text-decoration:none;}
.form-control {background:#eceff0 none repeat scroll 0 0;border-color:#dcdfdf;border-radius:2px;font-size:13px;}
.custom-select{background-color:#eceff0;border-color:#dcdfdf;border-radius:2px;font-size:13px;}
.custom-checkbox .custom-control-label::before {border-radius:2px;}
.category-checkbox .custom-control {margin:0 0 6px !important;}
label {font-size:12px;font-weight:600;margin:0 0 5px;}
a {color:#ff0000;text-decoration:none !important;}
.btn {border-radius:2px;}
.btn-light {background:#f8f8f8 none repeat scroll 0 0;border-color:#d3d3d3;color:#828282;}
.dropdown-header {color:#333;padding:7px 13px;}
.dropdown-menu {border-radius:2px;margin:0;border-color:#eff2f3;}
.dropdown-menu .dropdown-item {color:rgba(0, 0, 0, 0.5);font-size:12px;padding:6px 14px !important;}
.dropdown-divider {border-top:1px solid #eff2f3;}
a:hover, h1, h2, h3, h4, h5, h6 {color:#333;}
.upload-video .fas {font-size:200px;}
.badge, .alert {border-radius:2px;}
.pagination .page-item .page-link {background:transparent none repeat scroll 0 0;border:medium none;color:#000;line-height:20px;}
.pagination .page-item.active .page-link {background:#ff0000 none repeat scroll 0 0;border-radius:2px;color:#fff;height:30px;margin:0 7px;text-align:center;width:40px;}
.pagination .page-item.disabled .page-link {opacity:0.5;}
.modal-content {border:medium none;border-radius:2px;}
/* Category Slider */
.category-item img {background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 2px #ccc;height:60px;margin:1px 0 8px;object-fit:scale-down;transform:scale(1);width:60px;}
.category-item:hover img {transform:scale(1.09);transition-duration:0.4s;}
.category-item {background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 6px #ececec;margin:6px 2px;padding:24px 12px;text-align:center;}
.top-category .category-item {padding:20px 11px;}
.category-item h6 {font-size:13px;margin:5px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.category-item p {font-size:11px;font-weight:500;margin:0;}
/* Video Card */
.video-block .mb-3 {margin-bottom:30px !important;}
.video-card-image {border-radius:2px;box-shadow:0 0 11px #ececec;overflow:hidden;position:relative;}
.time {background:#f5234a none repeat scroll 0 0;border-radius:2px;bottom:5px;color:#fff;font-size:11px;font-weight:500;opacity:0.7;padding:0 6px;position:absolute;right:5px;}
.video-card:hover .time{opacity:unset;}
.video-card-image img {width:100%;object-fit:cover;}
.play-icon {opacity:0;position:absolute;}
.play-icon .fas {bottom:0;height:40px;left:0;margin:auto;position:absolute;right:0;top:0;width:40px;}
.video-card:hover .play-icon {background:#000 none repeat scroll 0 0;border-radius:2px;bottom:0;color:#fff;font-size:35px;left:0;opacity:0.4;position:absolute;right:0;text-align:center;top:0;transition-duration:0.4s;}
.video-title a {color:#000;font-weight:600;text-decoration:none;}
.video-title {margin-bottom:5px;}
.video-page {font-size:11px;}
.video-view {color:#acacac;font-size:12px;font-weight:500;margin:2px 0 0;}
.video-card {background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 11px #ececec;transition-duration:0.4s;}
.video-card-body {padding:12px;}
.video-card-list .video-card-image {float:left;height:77px;margin:0 12px 0 0;width:122px;}
.video-card-list .video-card-body {padding:0;}
.video-card-list {background:transparent none repeat scroll 0 0;box-shadow:none;display:inline-block;margin-bottom:1rem;width:100%;}
.video-card-list .video-card-body .video-title a {font-size:13px;}
.video-card-list .video-card-body .video-title {line-height:17px;}
.video-card-list .video-card-body .right-action {opacity:0;}
.video-card-list:hover .video-card-body .right-action {opacity:unset;}
/* Channels Card */
.channels-card {background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 11px #ececec;padding:24px 12px;position:relative;text-align:center;transition-duration:0.4s;}
.channels-card::after {background:#dcdcdc none repeat scroll 0 0;border-radius:0 0 5px 6px;bottom:-4px;content:"";height:7px;left:15px;position:absolute;right:15px;z-index:-1;}
.channels-card:hover::after {background:#cccccc none repeat scroll 0 0;}
.channels-title a {color:#000;font-weight:500;text-decoration:none;}
.channels-view {color:#acacac;}
.channels-card-image .btn {font-size:12px;padding:3px 10px;}
.channels-card-image .btn strong {margin:0 0 0 5px;}
.channels-card-image img {background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 2px #ccc;height:80px;margin:1px 0 8px;object-fit:scale-down;transform:scale(1);width:80px;}
.channels-card-image-btn {margin:3px 0 7px;}
/* Login Pages */
.login-main-wrapper {background:#ff0000;/* Old browsers */
background:-moz-linear-gradient(-45deg, #ff0000 0%, #e41e1d 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #ff0000 0%,#e41e1d 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #ff0000 0%,#e41e1d 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#e41e1d',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
height:calc(100vh - 0rem);}
.full-height {height:calc(100vh - 0rem);}
.login-main-left {margin:auto;max-width:335px;}
.login-main-right.bg-white {border-radius:2px;margin:auto;max-width:561px;}
.carousel-login-card h5 {font-size:18px;}
.login-main-wrapper .form-control {background:transparent none repeat scroll 0 0;}
.login-main-right .owl-theme .owl-controls .owl-page span {background:#dcdcdc;border-radius:50px;height:16px;margin:0 2px;opacity:unset;width:16px;}
.btn-lg {font-size:15px;padding:12px 16px;}
.login-main-right .owl-theme .owl-controls .owl-page.active span, .login-main-right .owl-theme .owl-controls .owl-page span:hover {background:#ff0000;/* Old browsers */
background:-moz-linear-gradient(-45deg, #ff0000 0%, #e41e1d 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #ff0000 0%,#e41e1d 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #ff0000 0%,#e41e1d 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#e41e1d',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
/* Upload Details */
.imgplace {background-color:#8781bd;border-radius:3px;height:94px;width:100%;}
.osahan-title {color:#000;font-weight:600;}
.osahan-size {font-size:11px;}
.osahan-progress .progress {border-radius:2px;height:8px;margin:14px 0;}
.osahan-close {position:absolute;right:18px;top:0;}
.osahan-desc {font-size:12px;opacity:0.7;}
/* Watch History */
.video-close {color:#fff !important;font-size:18px;position:absolute;right:6px;z-index:9999;}
.history-video .progress {border-radius:2px;font-size:9px;font-weight:700;height:13px;margin:12px 14px -4px 13px;}
/* Single Channel */
.single-channel-image {position:relative;}
.single-channel-nav .navbar {padding:0;}
.single-channel-nav {background:#fff none repeat scroll 0 0 !important;box-shadow:0 0 11px #ececec;padding:0rem 30px 0;}
.channel-brand {color:#000;font-size:16px;font-weight:bold;}
.single-channel-nav .nav-link {border-bottom:2px solid transparent;margin:0 12px;padding:14px 0 !important;}
.single-channel-nav .nav-item.active .nav-link, .single-channel-nav .nav-item .nav-link:hover {border-color:#ff0000;color:#ff0000;}
.single-channel-nav .navbar-nav {margin:0 0 0 40px;}
.channel-profile {bottom:0;left:0;padding:1rem 30px;position:absolute;right:0;}
.single-channel-image .img-fluid {width:100%;}
.channel-profile-img {background:#fff none repeat scroll 0 0;border:6px solid #fff;border-radius:50px;height:90px;width:90px;}
.social {color:#fff;float:right;margin:62px 0 0;}
.social a {background:#000 none repeat scroll 0 0;border-radius:2px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;}
/* Video Page */
.box{padding:15px;background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 11px #ececec;transition-duration:0.4s;}
.single-video-title h2 {font-size:18px;}
.single-video-title h2 a {color:#333;}
.single-video-author img {border-radius:50px;float:left;height:38px;margin:0 13px 0 0;width:38px;}
.single-video-author p {margin:0;padding:0;}
.single-video-info-content h6 {font-size:15px;font-weight:600;}
.tags span a {background:#ccc none repeat scroll 0 0;border-radius:2px;color:#fff;display:inline-block;padding:4px 9px;}
.tags span a:hover {background:#000 none repeat scroll 0 0;}
/* Footer */
.app img {background:#231f20 none repeat scroll 0 0;border-radius:3px;height:38px;margin:5px 0 0;object-fit:scale-down;padding:3px 4px;}
/* Mobile Media */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:575.98px) {.sidebar.navbar-nav {display:none;}
.mobile-menu {display:block;}
body {padding-bottom:66px;}
#sidebarToggle {display:none;}
.top-mobile-search {display:block;}
#wrapper #content-wrapper .container-fluid {padding-bottom:15px !important;padding-left:15px;padding-right:15px !important;padding-top:1rem !important;}
.sidebar .nav-item .nav-link {padding:8px 14px !important;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:15px;}
.single-channel-page {padding:0 0 0 0px !important;}
.sidebar-toggled .single-channel-page {padding:0 !important;}
.single-channel-page .container-fluid {padding:30px 15px 15px !important;}

.single-video-author .float-right {float:none !important;margin:0 0 14px;}
.single-video-author {text-align:center;}
.single-video-author img {float:none;margin:0 0 5px;}

.tags span a {margin:0 0 3px;}

.sidebar .nav-item .nav-link span {margin:0 !important;}
.sidebar .channel-sidebar-list h6 {font-size:11px !important;}
.sidebar .nav-item .nav-link span {display:block;font-size:0.65rem;}
.video-card-image img {width:100%;}
footer {padding:15px 0 !important;text-align:center;}
footer .text-right {text-align:center !important;}
.osahan-right-navbar .nav-link {font-size:0;padding:22px 5px !important;}
.osahan-right-navbar .nav-link .fas {font-size:12px;}
#sidebarToggle {margin:0 9px 0 0;}
.navbar-brand img {vertical-align:top;}
.owl-theme .owl-controls .owl-buttons div {margin:4px !important;}
.single-channel-nav {padding:15px;}
.channel-profile {padding:10px;position:relative;text-align:center;}
.social {display:none;}
.navbar-toggler {padding:1px 3px;}
.single-channel-nav .navbar-nav {margin:0;}
.single-channel-nav .nav-link {margin:0;}
.imgplace {margin-bottom:15px;}
.osahan-title {padding:0 25px 5px 0;}
footer.sticky-footer {margin-left:0px;}
.sidebar-toggled footer.sticky-footer {margin:0;}

.sidebar .channel-sidebar-list h6 {font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sidebar .channel-sidebar-list {padding:7px;text-align:center;}
.sidebar .channel-sidebar-list li img {display:list-item;margin:auto auto 4px;}
.sidebar .channel-sidebar-list li a {font-size:10px;font-weight:500;}
.sidebar .channel-sidebar-list li .badge {display:none;}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) and (max-width:767.98px) {.sidebar.navbar-nav {display:none;}
.mobile-menu {display:block;}
body {padding-bottom:66px;}
#sidebarToggle {display:none;}
.top-mobile-search {display:block;}
#wrapper #content-wrapper .container-fluid {padding-bottom:15px !important;padding-left:15px;padding-right:15px !important;padding-top:1rem !important;}
.sidebar .nav-item .nav-link {padding:8px 14px !important;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:15px;}
.single-channel-page {padding:0 0 0 90px !important;}
.sidebar-toggled .single-channel-page {padding:0 !important;}
.single-channel-page .container-fluid {padding:30px 15px 15px !important;}
.container {max-width:100%;}
.tags span a {margin:0 0 3px;}

.sidebar .nav-item .nav-link span {margin:0 !important;}
.sidebar .channel-sidebar-list h6 {font-size:11px !important;}
.sidebar .nav-item .nav-link span {display:block;font-size:0.65rem;}
.video-card-image img {width:100%;}
footer {padding:15px 0 !important;text-align:left;}
footer .text-right {text-align:right !important;}
.osahan-right-navbar .nav-link {font-size:0;padding:22px 5px !important;}
.osahan-right-navbar .nav-link .fas {font-size:12px;}
#sidebarToggle {margin:0 9px 0 0;}
.navbar-brand img {vertical-align:top;}
.owl-theme .owl-controls .owl-buttons div {margin:4px !important;}
.single-channel-nav {padding:15px;}
.channel-profile {padding:10px;position:relative;text-align:center;}
.social {display:none;}
.navbar-toggler {padding:1px 3px;}
.single-channel-nav .navbar-nav {margin:0;}
.single-channel-nav .nav-link {margin:0;}
.imgplace {margin-bottom:15px;}
.osahan-title {padding:0 25px 5px 0;}
footer.sticky-footer {margin-left:0px;}
.sidebar-toggled footer.sticky-footer {margin:0;}

.sidebar .channel-sidebar-list h6 {font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sidebar .channel-sidebar-list {padding:7px;text-align:center;}
.sidebar .channel-sidebar-list li img {display:list-item;margin:auto auto 4px;}
.sidebar .channel-sidebar-list li a {font-size:10px;font-weight:500;}
.sidebar .channel-sidebar-list li .badge {display:none;}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991.98px) {#wrapper #content-wrapper .container-fluid {padding-bottom:15px !important;padding-left:243px;padding-right:15px !important;padding-top:1rem !important;}
.sidebar .nav-item .nav-link {padding:8px 14px !important;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:105px;}
.single-channel-page {padding:0 0 0 225px !important;}
.sidebar-toggled .single-channel-page {padding:0 0 0 90px !important;}
.single-channel-page .container-fluid {padding:30px 15px 15px !important;}
.video-card-image img {width:100%;}
.osahan-right-navbar .nav-link {font-size:0;padding:22px 5px !important;}
.osahan-right-navbar .nav-link .fas {font-size:12px;}
#sidebarToggle {margin:0 9px 0 0;}
.navbar-brand img {vertical-align:top;}
.owl-theme .owl-controls .owl-buttons div {margin:4px !important;}
.container {max-width:100%;}
.single-channel-nav {padding:15px;}
.channel-profile {padding:15px;}
.social {display:none;}
.navbar-toggler {padding:1px 3px;}
.single-channel-nav .navbar-nav {margin:0;}
.single-channel-nav .nav-link {margin:0;}
.osahan-navbar-search .form-control {width:auto !important;}
.osahan-navbar-search {margin-right:15px !important;}
.imgplace {margin-bottom:15px;}
.osahan-title {padding:0 25px 5px 0;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1199.98px) {#wrapper #content-wrapper .container-fluid {padding-bottom:15px !important;padding-left:243px;padding-right:15px !important;padding-top:1rem !important;}
.sidebar .nav-item .nav-link {padding:8px 14px !important;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:105px;}
.single-channel-page {padding:0 0 0 225px !important;}
.sidebar-toggled .single-channel-page {padding:0 0 0 90px !important;}
.single-channel-page .container-fluid {padding:30px 15px 15px !important;}
.video-card-image img {width:100%;}
.osahan-right-navbar .nav-link {font-size:0;padding:22px 5px !important;}
.osahan-right-navbar .nav-link .fas {font-size:12px;}
#sidebarToggle {margin:0 9px 0 0;}
.navbar-brand img {vertical-align:top;}
.owl-theme .owl-controls .owl-buttons div {margin:4px !important;}
.container {max-width:100%;}
.single-channel-nav {padding:0 15px;}
.channel-profile {padding:15px;}
.social {display:none;}
.navbar-toggler {padding:1px 3px;}
.single-channel-nav .navbar-nav {margin:0 0 0 20px;}
.single-channel-nav .nav-link {margin:0 7px;}
.single-channel-nav .form-control, .single-channel-nav .btn-outline-success {display:none;}
.osahan-navbar-search .form-control {width:auto !important;}
.osahan-navbar-search {margin-right:15px !important;}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {}

.full-bottom{margin-bottom:20px;}
.imgPlay {width:100%;height:100%;} 
.imgPlay img{margin:5px;max-width:310px;_width:expression(this.width > 310 ? "310px" :this.width);}
.post-title {display:block;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;overflow:hidden;width:100%;}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-play{padding-bottom:56.25%}
.embed-responsive-headphones{padding-bottom:20%}
.embed-responsive-4by3{padding-bottom:70%}
.propa_left1,.propa_left2,.propa_left3{z-index:9999;}
.propa_right1,.propa_right2,.propa_right3{z-index:9999;}
.propa_bottom{z-index:9999;}
.btn-submit{width:100%;text-align:center;padding:10px;transition:all .1s linear;display:inline-block;background:#222;color:#fff;border:none;font-weight:500;cursor:pointer;border-radius:3px}
.btn-submit:hover{background:#E93255;color:#fff}.btn-submit:focus{outline:0}button{border:none;cursor:pointer}
.goog-te-banner-frame {display:none;}
#google_translate_element2 {display:none;}