.bc1{ border:1px solid red; }
.bc2{ border:1px solid green; }
.bc3{ border:1px solid orange; }
.bc4{ border:1px solid blue; }
.bc5{ border:1px solid black; }




/* --------- SIDEBAR ----------------*/


body, html {
    font-family: 'Poppins', sans-serif;
}

.sidenav {
	min-height:100%;
    width: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: #343a40;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    text-decoration: none;
    font-size: 16px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
	top:0;
    right: 5px;
    font-size: 36px;
	padding:4px;
}

.sidenav-brand{
	position: absolute;
	top:0;
	margin:auto 0;
	color:#fff;
	font-size:25px;
	padding:10px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/* --------- SIDEBAR ----------------*/



/* --------- REPORT ----------------*/

.cb-border{
	border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	padding:8px 20px;
}





/* --------- REPORT ----------------*/

/* --------- Ads Approval ----------------*/
img.img-ad{
	width:960px;
	height:480px;
}



/* --------- Ads Approval ----------------*/





/* --------- NAVBAR ----------------*/


.bg-blue{
	background:#3498db;
}

.bg-carbon-black{
	background:#343a40;
}

.bg-bread{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.bg-blue .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}

.navbar-toggler {
    padding: .5rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.nav-border{
	border-bottom:3px solid red;
}


/* --------- NAVBAR ----------------*/




/* --------- LEFT MENU ----------------*/

.no-link {
    display: block;
    padding: .5rem 1rem;
}

.no-link:hover {
    text-decoration: none;
}

.dropdown-toggle::after {
    color: #ffffff;
}

.nav-link.collapsed:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    float: right;
    margin-left: 5px;
}

@media (max-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
	}
}

/*
.nav-link:after {
    content: "\2796"; 
	font-size: 13px;
    float: right;
    margin-left: 5px;
}
*/

ul{
	list-style:none;
}
.left-menu ul a{
	color:#f8f9fa;
	text-decoration:none;
}

.left-menu ul a:hover{
	background:white;
	color:black;
}

.sub-menu{
padding-left:1.5rem;		
}

.sub-menu li{
	padding:0.5rem 1rem;	
}

.sub-menu li:hover{
	background:white;
	color:black;	
}
.sub-menu li a{
	padding:0.25rem;
	
}

/* --------- LEFT MENU ----------------*/



/* --------- DASHBOARD  ----------------*/
.dash-row1 .col-md-3{
	padding-bottom:1rem;
}
.dash-row2 .col-md-3{
	padding-bottom:4rem;
}
.dash-menu1{
	padding:1rem;
	background:rgba(59, 89, 152, 0.8);
	color:#fff;
	box-shadow: 5px 5px 18px #aaa;
	border-radius: 10px;
	cursor:pointer;
}	
.dash-menu2{
	padding:1rem;
	background:rgba(220, 53, 69, 0.8);
	color:#fff;
    box-shadow: 5px 5px 18px #aaa;
    border-radius: 10px;
	cursor:pointer;	
}	
.dash-menu3{
	padding:1rem;
	background:#00a78e;
	color:#fff;
    box-shadow: 5px 5px 18px #aaa;
    border-radius: 10px;
	cursor:pointer;
}	
.dash-menu4{
	padding:1rem;
	background:rgba(221, 19, 123, 0.8);
	color:#fff;
    box-shadow: 5px 5px 18px #aaa;	
	border-radius: 10px;
	cursor:pointer;
}	
.dash-row1 a{
	color:#fff;
}
.dash-row1 a:hover{
	color:#fff;
	text-decoration:none;
}


.dash-chart{
	font-size:20px;
	font-weight:bold;
	color:#818182;
}

.tab-bor{
	box-shadow: -5px 5px 18px #aaa;
}


/* --------- DASHBOARD  ----------------*/



/* --------- ADD PLANS  ----------------*/

.ap{
	padding-bottom:1rem;
}


/* --------- ADD PLANS  ----------------*/







/* ---------ADD MANAGERS  ----------------*/

.card a{
	text-decoration:none;
}
.card a span{
	font-size:1.2rem;
	font-weight:500;
}
.card a:hover{
	Color:#f8f9fa !important;
}
.card-body .form-group{
	margin-bottom:0;
}
.card-body table{
	margin-bottom:0;
}
/* ---------ADD MANAGERS  ----------------*/



/*  Gradient 2222222222222222222222222----------------------     */

/*  Gradient 22222222222222222222222222222----------------------     */




/*  LOGIN PAGE----------------------     */

	.border {
		border: 5px solid #fff;
		padding: 2rem;
		border-radius: 20px;
	}

	.log-btn {
		width: 100%;
	}	

/*  LOGIN PAGE----------------------     */








/*------- Analytics ----------------------     */

.scrollbar1
{
	float: right;
	height: 480px;
	width:100%;
	overflow-y: scroll;
	
}


#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-1::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
	{
	background-color: #aaa;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%,  transparent 25%, transparent 50%,
	rgba(0, 0, 0, .2) 50%,  rgba(0, 0, 0, .2) 75%,  transparent 75%,  transparent)
}



.bdr{
	border: 1px solid #dee2e6;
	border-radius:5px;
}


.analytics-block{
	text-align:center;
	max-height:100px;
	max-width:150px;
	padding:20px 0;
	cursor:pointer;
}

.analytics-block:hover{
	background:#eee;
	border-radius:20px;
}


/*------- Analytics ----------------------     */












/*------- Video Frame ----------------------     */


.video-frame{
	width:800px;
	margin:0 auto;
	border:3vmax solid #999;
	border-radius:10px;
}

.plyr--video .plyr__controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120px !important;
    z-index: 2;
    padding: 15px 10px !important;
    background: #ccc!important;
    border-radius: 10px !important;
    color: #fff;
    transition: opacity .3s ease;
}

.plyr .plyr__play-large {
    display:none!important;
}

.tab-brand{
	position:relative;
	text-align:center;
	font-weight:bold;
	font-size:1vmax;
	color:#fff;
	top:2.5vmax;
	z-index:200;
}

/*------- Video Frame ----------------------     */   


.gmnoprint{
	display:none ;
}

.add_field_button, .remove_field{
	cursor:pointer;
}


/*------- althlete list ----------------------     */ 

.name{
	font-size:1.5rem;
	color:#000;
	font-weight:bold;
	padding-bottom:1rem;
}

.status{
	padding-bottom:0.5rem;
}


.btn-circle1{
	border-radius:20px;
	background: linear-gradient(40deg,#ffd86f,#fc6262)!important;
	color: #ffffff;
	border-color: #fc6262!important;
	
}
.btn-circle1:focus, .btn-circle1.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 216, 111, 0.9)!important;
}


.btn-circle2{
	border-radius:20px;
	background: linear-gradient(40deg,#ff6ec4,#7873f5)!important;
	color: #ffffff;
	border-color: #7873f5!important;
	
}
.btn-circle2:focus, .btn-circle2.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 196, 0.9)!important;
}

.custom-border{
	border:0;
	border-bottom:1px solid #aaa;
	border-radius:0;
}
  
@media screen and (max-width: 576px) {
.hidden-xs{
	display:none;
}
} 
/*------- althlete list ----------------------     */