body,html{
	padding: 0px !important;
	margin:0px !important;
	background-color:#fff;
	//color:#fff !important;
	overflow-x:hidden !important;
}
footer.text-muted{
	color:#fff !important;
}
.navbar{
	background-color:#fff;
}
.bg-Light-custome{
	background-color:#F0F0F0;
}
.header-logo{
	margin-right:70px;
}
.header-left-list{
	margin-left:80px;
}
.text-bold{
	font-weight:bold;
}
.text-black,.text-black a{
	color:#000 !important;
	text-decoration:none !important;
}
.body-section-custom{
	padding-left:10px !important;
	padding-right:10px !important;
}
.search_section{
	width:100%;
	height:75px;
	background-color:#000;
	color:#fff;
	position:absolute;
	top:82px;
	transition: display 2s;
	z-index:10003;
}
.hide-now{
	display:none !important;
	transition: display 2s;
}
.search_section form{
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
}
.search_section form .header_search_bar_text{
	//width:150%;
}
#headerCarousel{
	max-height:400px !important;
}
#headerCarousel .carousel-inner{
	height:400px !important;
	margin-top:-25px;
	margin-bottom:-65px;	
}
#headerCarousel .carousel-item{
	max-height:400px !important;	
}
#headerCarousel .carousel-item img{
	//height:400px;
    background-position: center center;
    background-repeat: none;
	background-size: 100% 100%; 
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;	
}
#headerCarousel .carousel-item .carousel-caption{
	text-shadow:
	-1px 0px 0px black,
	1px 0px 0px black,
	0px -1px 0px black,
	0px 1px 0px black;
	//white-space: nowrap;
	text-overflow:ellipsis;
	word-wrap:break-word;
	overflow:hidden;	
}
.card{
	background-color:#212529;
	color:#fff !important;
}
.card-body .btn-group .btn-outline-secondary,.btn-outline-secondary{
	color:#fff !important;
}
.card-url{
	text-decoration:none;
}
.card-img .card-img-badge{
	position:absolute;
	left:10px;
	top:10px;
	padding-top:5px !important;
	padding-bottom:7px !important;
	padding-left:10px;
	padding-right:10px;
}
.card-img .card-img-badge-stuck{
	margin-top:28px;
}
.card-img .card-img-badge-category{
	margin-top:56px;
}
.card-img-badge-news{
	position:absolute;
	margin-top:5px;
	margin-right:5px;
}
.card-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 90px;
	background: linear-gradient(to bottom, transparent 0%, #212529 100%);
}

.lightSlider li{
	padding-right:23px;
	padding-left:25px;
}
ul.inline-list li{
	display: inline-block;
	width: 300px !important;
	height: 300px !important;
	padding-left:5px;
	margin-top:5px;
}
ul.inline-list li .inline-list-remove{
	position:absolute;
	margin-top:5px;
	margin-right:5px;
}
ul.inline-list li img{
	width: 300px !important;
	height: 300px !important;
}
.backgound-contain{
	//position:relative;
	//z-index:100 !important;
	padding-top:25px;
}
small.text-muted{
	color:#fff !important;
}
main{
	margin-top:-20px !important;
	color:#fff !important;
}
table{
	color:#000 !important;
}
.btn-outline-light{
	border:1px solid #fff;
	color:#fff !important;
}
.btn-outline-light:hover{
	border:1px solid #000;
	background-color:#fff !important;
	color:#000 !important;
}
.btn-outline-secondary{
	color:#000 !important;
}
.btn-outline-secondary:hover{
	border:1px solid #000;
	background-color:#000 !important;
	color:#fff !important;
}
.backgound-image-news{
	width:100%;
	height:100%;
	min-height:500px;
    background-position: center center;
    background-repeat: none;
	background-size: 100% 100%; 
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	margin:0px !important;
	margin-top:-44px !important;
	padding-bottom:10px;
	padding-top:15px;
}
.backgound-image-anime,.backgound-image-movie,.backgound-image-manga{
	width:100%;
	height:100%;
    background-position: center center;
    background-repeat: none;
	background-size: 100% 100%; 
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	margin:0px !important;
	margin-top:-44px !important;
	padding-bottom:10px;
}
/* header */
.bd-placeholder-img {
font-size: 1rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (max-width: 925px) {
	.search_section{
		position:absolute;
		margin-top:38px !important;
	}
}
@media (min-width: 769px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
	.show-small{
		display:none !important;
	}	
}
@media (max-width: 768px) {
	.hide-small{
		display:none !important;
	}
	.show-small{
		display:block !important;
	}
	.header-logo{
		margin-right:0px;
	}
	.header-left-list{
		margin-left:0px;
	}
	.search_section{
		position:absolute;
		margin-top:96px !important;
	}	
}

.sidebarnav .nav-item{
	background-color:#F8F9FA !important;
	color:#000 !important;
	border-bottom:1px solid #ccc;
}
.sidebarnav .nav-item a.nav-link{
	color:#000;
}
.sidebarnav .nav-item:hover,.sidebarnav .nav-item:hover a{
	background-color:#F8F9FA !important;
	color:#000;
}
.sidebarnav .nav-item a i{
	padding-left:10px;
}
.sidebarnav #user-control-sidebar-collapse ul li {
	background-image:none !important;
	background-color:#F8F9FA !important;
	padding-right:15px;
	color:#000 !important;
}
.sidebarnav #user-control-sidebar-collapse ul li:hover a{
	//background-color:#000 !important;
	//color:#fff !important;
}
.header_search_bar .header_search_bar_text{
	border-left:1px solid #fff !important;
	border-radius:0px 3px 3px 0px;
}
.header_search_bar .header_search_bar_option{
	border-right:1px solid #fff !important;
	border-radius:3px 0px 0px 3px;
	margin-right:-5px !important;
}
.card {
	transition: transform 0.2s ease;
	box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
	border-radius: 0;
	border: 0;
	margin-bottom: 1.5em;
}
.custom-card:hover {
	box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
	transition: transform 0.2s ease;
	//transform: scale(1.1);
	
}
.custom-card:hover::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 90px;	
	background: linear-gradient(to bottom, transparent 0%, #191C1F 100%);
}
.custom-card:hover .card-img::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.25);
	
}
.card a{
	color:#fff !important;
	text-decoration:none !important;
}
.card .card-custom-img{
	max-height:300px;
}
.carousel-caption > h1 span,.carousel-caption > p span{
	//background-color:rgb(0, 0, 0, 0.6) !important;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:5px;
}
#sidebar-signin-form{
	position:relative;
	//margin-top:-300px !important;
}
.container-fluid .body-section{
	width:100% !important;
}
.body-section{
	background-color:#fff !important;
	color:#000 !important;
	min-height:200px;
	position: relative;
	width:100%;
	padding-right:15px !important;
	padding-left:15px !important;
	padding-bottom:10px;
}
.body-section{
	//margin-top:-20px;
	
}
.body-section:nth-child(1) {
	padding-top:20px;
	padding-bottom:20px !important;
}
.body-section:nth-last-child(1) {
	padding-bottom:55px;
}
.body-section:nth-child(even) {
	background-color:#F4F4F5 !important;
	color:#000 !important;
	min-height:200px;
	position: relative;
	width:100%;
	padding-top:60px !important;
	padding-bottom:20px !important;
}
.body-section:nth-child(even)::after {
    content:"";
    position: absolute;
    left:calc(50% - 50px); /* <-- ensure your triangles are centered */
    top: 0;
    width: 0%;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #fff;
}
.body-section:nth-child(odd) {
	background-color:#fff !important;
	color:#000 !important;
	min-height:200px;
	position: relative;
	width:100%;
	padding-bottom:20px !important;
}
.body-section:nth-child(odd):not(:first-child){
	padding-top:60px !important;
}
.body-section:nth-child(odd):not(:first-child)::after{
    content:"";
    position: absolute;
    left:calc(50% - 50px); /* <-- ensure your triangles are centered */
    top: 0;
    width: 0%;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #F4F4F5;
}
.body-section:nth-last-child(1)::before{
    content:"";
    position: absolute;
    left:calc(50% - 50px); /* <-- ensure your triangles are centered */
	bottom: 0;
    width: 0%;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #fff;
}
/* dark more */
body.dark-mode,html > body.dark-mode{
	background-color:#000 !important;
	color:#fff;
}
body.dark-mode a{
	color:#fff;
}
body.dark-mode .body-section{
	background-color:#101010 !important;
	color:#fff !important;
}
body.dark-mode .body-section:nth-child(odd):not(:first-child)::after {
	background-color:#101010 !important;
	color:#fff !important;
}
body.dark-mode .body-section:nth-child(even) {
	background-color:#000 !important;
	color:#fff !important;
}
body.dark-mode .body-section:nth-child(even)::after {
    content:"";
    position: absolute;
    left:calc(50% - 50px); /* <-- ensure your triangles are centered */
    top: 0;
    width: 0%;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #101010;
}

body.dark-mode .body-section:nth-child(odd):not(:first-child)::after{
    content:"";
    position: absolute;
    left:calc(50% - 50px); /* <-- ensure your triangles are centered */
    top: 0;
    width: 0%;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #000;
}
body.dark-mode .body-section:nth-last-child(1)::before{
    content:"";
    position: absolute;
    left:calc(50% - 50px); /* <-- ensure your triangles are centered */
	bottom: 0;
    width: 0%;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #000;
}
body.dark-mode,body.dark-mode .text-dark{
	color:#fff !important;
}
body.dark-mode .text-light{
	color:#000 !important;
}
body.dark-mode .offcanvas{
	background-color:#101010 !important;
	color:#fff !important;
}
body.dark-mode .sidebarnav .nav-item{
	background-color:#101010 !important;
	color:#000 !important;
}
body.dark-mode .sidebarnav .nav-item a.nav-link{
	color:#fff;
}
body.dark-mode .sidebarnav .nav-item:hover,body.dark-mode .sidebarnav .nav-item:hover a{
	background-color:#101010 !important;
	color:#ccc;
}
body.dark-mode .sidebarnav #user-control-sidebar-collapse ul li {
	background-color:#101010 !important;
	color:#000 !important;
}
body.dark-mode .navbar{
	background-color:#101010;
	color:#fff;
}
body.dark-mode .navbar .text-black{
	color: #fff !important;
}
body.dark-mode .navbar .bg-Light-custome{
	color:#000 !important;
}
body.dark-mode .search_section{
	background-color:#2A334C !important;
}
.inbox_container{
	background-color:#fff;
	border:1px solid #eee;
	min-height:80px;
	padding:10px;
	margin:0.5px;
	border-radius:0px 0px 5px 5px;
}
.inbox_container .inbox_container_right{
	background-color:#eee;
	padding:3px !important;
	margin:-10px !important;
	overflow-y:auto;
	height:350px;
}
.inbox_container .inbox_container_left{
	padding:3px !important;
	margin:-10px !important;
	margin-right:10px !important;
	height:300px;
}
.msg-card .msg-card-custom-left{
	background-color:#D9FCD5 !important;
	//padding:5px;
	margin:8px;
	border-radius:5px;
}
.msg-card .msg-card-custom-left .msg-card-title{
	background-color:#effdee !important;
	padding:5px;
	font-size:10px;
	border-radius:5px 5px 0 0;
}
.msg-card .msg-card-custom-left .msg-card-body{
	padding:5px;
}
.msg-card .msg-card-custom-right{
	background-color:#dedcda !important;
	//padding:5px;
	margin:8px;
	border-radius:5px;
	margin-right:-50px !important;
}
.msg-card .msg-card-custom-right .msg-card-title{
	background-color:#F7F5F3 !important;
	padding:5px;
	font-size:10px;
	border-radius:5px 5px 0 0;
}
.msg-card .msg-card-custom-right .msg-card-body{
	padding:5px;
}
.inbox_container_left iframe{
	margin-left:-80px !important;
	height:300px !important;
	overflow:scroll !important;
}
.text-red{
	color:red !important;
}
.chat-right-side-scroll{
	max-height:390px;
	overflow-y:auto;
	margin-bottom:10px;
}
.chat-left-side-scroll .chat_is_here{
	height:320px;
	overflow-y:auto;	
}
.chat-left-side-scroll{
	height:400px;
	border:1px solid #ccc;
	border-radius:5px;
}
#msg_form_contain{
	margin-right:-10px;
}
.chat_is_here img{
    margin: auto;
	margin-top: 10% !important;
    display: block;
	max-height:50px !important;
	max-width:50px !important;
}