body{background-color:#FFFFFF;
}
.loginlink{
color:#FFFFFF;
}
a:hover{
color:#0000FF;}
.modal{
}
.contentdivconcept{
margin:20px 0px 0px 0px;
text-align:center;
}
.concepttxt{
text-align: justify;
height: 87%;
overflow: auto;
line-height: 28px;
background-color:#fff;
padding: 32px 10px 0px 15px;
}
.concepthd{
font-size:28px;
padding:0px 0px 15px 0px;
text-align:left;
}

.concepttxtskill{
float: left;
margin-left: 980px;
position: absolute;
margin-top: -550px;
width: 270px;
text-align:justify;
height:530px;
overflow:auto;
padding-right:10px;
}
.concepthdskill{
font-size:28px;
padding:0px 0px 15px 0px;
text-align:center;
}
.concepthdskill span{
font-size:18px;
}


.whitediv{
height:300px;
}
.belowwhitediv{
padding:1%;
}
.conceptHeading{
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 45px;
padding: 0px 0px 0px 0px;
color: #274CC2;
}
.concepthdtxt{
font-size: 18px;
color: #274CC2;
text-align: justify;
float: right;
width: 50%;
}
.scrolldiv{
background-image:url(../../cec/sites/default/concept/videobg.png);
background-size:cover;
padding:100px 0px 0px 0px;
height: 900px;
}
.playerdiv{
padding:0px 0px 7px 470px;
}
.playerdivskill{
padding:0px 0px 7px 470px;
}
.videodivpopup{
height: 75%;
margin-left: 21%;
background-color:#fff;
padding: 13px 0px 78px 0px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
text-align: center;
}
.dotsdiv{
color:#FFFFFF;
padding:25px 0px 15px 0px;
font-size:30px;
}
.dotsdiv span{
margin-left:25px;
}
.videodiv{
height: 75%;
margin-left: 21%;
background-color:#fff;
padding: 40px 0px 78px 0px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.searchdiv{
display: grid;
grid-template-columns: 20% 80%;
background-color: #0d2533;
min-width:100%;
min-height:500px;
padding:10px 0px 0px 10px;
margin:0px 0px;
}
#keyworddiv input[type=text]{
border: none;
border-bottom: 2px solid #FFFFFF;
width:100%;
background: transparent;
color:#FFFFFF;
font-size:16px;
margin:0px 0px 0px 0px;
}
#keyworddiv #subjectn{
margin:0px 0px 0px 0px;
border: none;
border-bottom: 2px solid #FFFFFF;
width:100%;
background:none;
color:#FFFFFF;
font-size:16px;
}
#keyworddiv #lobject{
float:left;
position:absolute;
margin:-290px 0px 0px 40px;
border: none;
border-bottom: 2px solid #FFFFFF;
width:300px;
background: transparent;
color:#FFFFFF;
font-size:16px;
}
#keyworddiv #searchbtn{
margin:0px 0px 0px 0px;
border: none;
border: 1px solid #FFFFFF;
border-radius: 25px;
background: transparent;
color:#FFFFFF;
font-size:16px;
padding:5px 10px 5px 10px;
}
#keyworddiv .spanstar{
float:left;
position:absolute;
margin:-400px 0px 0px 20px;
border: none;
font-size:14px;
color:#FF0000;
padding:5px 10px 5px 10px;
display:none;
}
#keyworddiv #resetbtn{
margin:0px 0px 0px 0px;
border: none;
border: 1px solid #FFFFFF;
border-radius: 25px;
background: transparent;
color:#FFFFFF;
font-size:16px;
padding:5px 10px 5px 10px;
}
#results{
margin: 0px 19px 32px 1%;
height: 460px;
text-align: center;
color: #FFFFFF;
overflow: auto;
}
.resulttr{background-color:#ff811be6}
#resulttable{width:100%;}
#resulttable a{
color:#fff;
cursor:pointer;
}
#resulttable a:hover{
color:#0000FF;
font-weight:bold;
cursor:pointer;
}
/* Modal Content */
.modal-content {
	background-image:url(../../cec/sites/default/concept/searchbelow.jpg);	
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#popupresult{
color:#000000;
}
.concepttxtpopup{
text-align: justify;
height: 75%;
overflow: auto;
line-height: 28px;
background-color:#fff;
padding: 32px 10px 0px 15px;
}
.searchvideo{padding:100px 0px 100px 0px;}
.leftrightdiv{
	justify-content: center;
    color: #fff;   
    display: flex;
    margin-top: 0%;
}
.rightscrollc{
padding: 0px 0px 0px 30px;
font-size: 50px;
cursor:pointer;
}
.rightscrollc:hover{
color:var(--accent-color);
}
.leftscrollc:hover{
color:var(--accent-color);
}
.leftscrollc{
padding: 0px 0px 0px 0px;
font-size: 50px;
cursor: pointer;
}
.conceptdownbg{
 display: grid;
 grid-template-columns: 62% 20%;
 gap: 12px;
 height: 708px;
}
.formsearch{
	background-color: #0c2432;
    padding: 3%;
    border: 3px #fff solid;
    border-radius: 20px;
    height: fit-content;
}
.conceptdownbgpopup{
display: grid;
grid-template-columns: 62% 20%;
gap: 12px;
height: 700px;
padding-top: 5%;
}
tr:first-child {
  position: sticky;
  top: 0;
}
@media (max-width: 1350px) {
	.conceptHeading	{
	font-size:18px;
	}
	.conceptdownbg{
	   grid-template-columns: 1fr;
	   width: 90%;
	}
	.conceptdownbgpopup{
	   grid-template-columns: 1fr;
	   width: 90%;
	   padding-top: 1%;
	}
	.videodiv{
		padding: 0px 0px 150px 0px;
		border-radius: 20px;
	}
	.videodivpopup{
		padding: 0px 0px 150px 0px;
		border-radius: 20px;
	}
	.concepttxt{
		width:100%;
		height:auto;
		margin-top: -14%;
        margin-left: 3%;
	}
	.concepttxtpopup{
		width:100%;
		height:auto;     
        margin: -14% 0% 1% 3%;
    }	
	.scrolldiv{
		padding: 0px 0px 0px 0px;
	}
	.leftrightdiv{
		margin-top:0px;
	}
	.scrolldiv{
		height:1000px;
	}
	.concepthdtxt{
	width:100%
	}
	#results{
	}
	.playerdiv{
	padding:0px;
	}		

}
@media (max-width: 950px) {
	.conceptdownbg{
	   grid-template-columns: 1fr;
	   width: 90%;
	}
	.conceptdownbgpopup{
	   grid-template-columns: 1fr;
	   width: 90%;
	   padding-top: 1%;
	}
	.videodiv{
		padding: 0px 0px 150px 0px;
		border-radius: 20px;
		margin-left:1%;
	}
	.videodivpopup{
		padding: 0px 0px 150px 0px;
		border-radius: 20px;
		margin-left:1%;
	}
	.concepttxt{
		width:100%;
		height:auto;
		margin-top: -14%;
        margin-left: 3%;
	}
	.concepttxtpopup{
		width:100%;
		height:auto;
        margin: -14% 0% 1% 3%;
	}
	.scrolldiv{
		padding: 0px 0px 0px 0px;
	}
	.leftrightdiv{
		margin-top:0px;
	}
	.scrolldiv{
		height:1000px;
	}
	.playerdiv{
		padding:0px;
	}	
	.concepthdtxt{
		width:100%;
	}
	.searchdiv{
		display:grid;
		grid-template-columns: 1fr;
	   width: 90%;
	}
	#results{
	}
}
@media (max-width: 768px) {
	#results{
		margin: 0% 19px 32px 1%;
	}
	tr{
		background-color:#ff811be6
	}
}