/* div.modulecontinue_clkbtn_1:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor:pointer;width: 30px;}
div.main_menu_click:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor:pointer;width: 30px;} */
/* div.revTool:after { content: ""; position: relative; top: 0; right: 0; bottom: 0; left: 0; cursor:pointer;width: 30px;} */
/* RESET */
html, body, div, span, h1, h2, h3, h4,
h5, h6, p, a, em, img, b, i, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-weight:normal;
	/*vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	/*display: block;*/
}

body {
	line-height: 1;
}
body {
	-webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
	cursor: default;
}
ol, ul {
	list-style: none;
}
a{
	text-decoration:none;
}
*{
	margin:0px;
	padding:0px;
	text-shadow:none;
	outline:none;
}

/* END RESET */

.touch .print_clkbtn{
	display: none !important;
}
.touch .printCourse_clkbtn {
	display: none !important;
}

body {
	line-height: 1.2;
	font-family:arial;
	font-size:12px; 
	font-family: 'Roboto';
	overflow:hidden;
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{
	background:#dddddd !important;
}
img{
	max-width:100%;
	vertical-align: middle;
}
/* required for sticky footer */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-v19-latin-regular.eot');
    src: local('?'), url('../fonts/roboto-v19-latin-regular.ttf') format('truetype');
    src: url('../fonts/roboto-v19-latin-regular.eot');
    src: url('../fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-v19-latin-regular.svg#Bebas Neue') format('svg'),
    url('../fonts/roboto-v19-latin-regular.woff') format('woff'),
    url('../fonts/roboto-v19-latin-regular.ttf') format('truetype');
}
html, body {
	height: 100%;
    font-family: 'Roboto';
}

/**********************************Loading Animation***********************************/
@charset "UTF-8";
@-webkit-keyframes spin {
0% {
transform: rotate(0deg);
/* Firefox 16+, IE 10+, Opera */ }
100% {
transform: rotate(360deg);
/* Firefox 16+, IE 10+, Opera */ } }

@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
/* Firefox 16+*/ }
100% {
-moz-transform: rotate(360deg);
/* Firefox 16+*/ } }

@keyframes spin {
0% {
transform: rotate(0deg);
/* Firefox 16+, IE 10+, Opera */ }
100% {
transform: rotate(360deg);
/* Firefox 16+, IE 10+, Opera */ } }

b{
	font-weight:800;
}
.gloss_description  .mCSB_container{
padding-right: 5%;
}
/* my styles */
.mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

/* my styles */
@-moz-document url-prefix() {
  .page_num {
    font-size: 1.2em !Important;
}
}
@media all and (-ms-high-contrast:none)
     {
 .page_num {
    font-size: 1.2em !Important;
}
     }
.click_box_7 li, .click_box_8 li {
    margin-top: 0%;
    margin-bottom: 1%;
}
.click_box_7 .btns:nth-child(7) {
    margin-left: 24%;
}
.click_box_5 li:nth-child(5){
margin-left: 0%;
}
.click_box_7 li:nth-child(5) {
    margin-left: 0%;
}
/* my styles */

.contentAreaFrame {
	/* background: white; */
    /* border: 1px solid blue; */
}
.container{
	/* text-align:center; */
}
#preloader {
	position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    z-index: 999999999;
	
}
.preloaderBg {

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8); 
	 position: absolute; 
    z-index: 999999999;
	display:none;
}
.Screen_Tap_Instruction {

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8); 
	 position: absolute; 
    z-index: 999999999;
	display:none;
}
.LangPage#preloader {
	background: rgba(255, 255, 255, 1) !important;
}
#preloader > .circleDiv {
	display: block;
    position: relative;
	top:10px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #cdcdcd;
    transform: translate3d(0, 0, 0);
    animation: spin 2s linear infinite;
    margin: auto;
}
#preloader > .circleDiv:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #2a8cea;
	-webkit-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
 }
#preloader > .circleDiv:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff7700;
	animation: spin 1.5s linear infinite;
/* Chrome, Firefox 16+, IE 10+, Opera */ 
}
/***************************************************************************************/
/* .mejs__overlay-button {
				background: url("./framework/js/plugins/mediaelement/mejs-controls.svg") no-repeat;
}
.mejs__overlay-loading-bg-img {
	background: transparent url("./framework/js/plugins/mediaelement/mejs-controls.svg") -160px -40px no-repeat ;
}
.mejs__button > button {
	background: transparent url("./framework/js/plugins/mediaelement/mejs-controls.svg") no-repeat;
}
.videocontent {
	margin: 0 auto;
} */
/***************************************************************************************/
/***************************** GLOSSARY_NO_CONTENT **************************/
/* .videocontent{
	height:500px;
} */
.media-wrapper.videocontent {
    /* top: 20px; */
    position: relative;
	top: 12px !important;
}
.nogls ,.noSrchdata p{
	color: rgb(0, 0, 0);
    background: #f9f9f9;
    height: 280px;
	display:flex;
	align-items:center;
	padding-left:42%;
	font-size:14px;
}
.logout_clkbtn{
	position: absolute;
    right: 20px;
    /* top: 12px; */
	cursor:pointer;
}
.course_logout_clkbtn{
	position: absolute;
    right: 0px;
    top: 13px;
	display:none !important;
}
.modulepopupLogout .index_inner_container{
	width:100%;
}
.index_inner_container .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{
	/* right: 4%; */
   /*  margin: 0; */
	margin-top: 0.5%; /* !important; */
}
.cover.disabledLangBtn
{
	/* opacity: 0.4 !important; */
}
/***************************** GLOSSARY_NO_CONTENT **************************/

.wrapper {
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
	/* width:100%;
	*/
	width: 70%;/* 
	height: 480px !important; */
    margin: 0 auto; 
}
.current{
	bottom: 25%;
}
.contentAreaFrame{
	width: 70%;
    margin: 0 auto; 
}
.pgContainer {
	 margin-top: 11px;
	/*overflow-y:hidden; */
	width:100%;
}

.loader{
	position: absolute;
    left: 50%;
    top: 50%;
	width:40px;
	height:40px;
	background:url(../images/image_03.jpg);

}
/* end required for sticky footer */

/* ----------------------- COMMON ----------------------- */
b{
	font-weight:bold;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.clear{
	clear:both;
}
.text-center{
	text-align:center;
}
.savebtn, .notbtn{
    position: relative;
    width: 100%; 
	}
	
	
.text-left{
	text-align:left;
}
.para{
    font-size: 17px;
    color: #696969;
    line-height: 25px;
    margin-bottom: 20px;
}	
.bdr_btm{
	border-bottom:1px solid #ddd;
}
/* ----------------------- COMMON ----------------------- */

/* ----------------------- HEADER ----------------------- */
.inner_container{
	width: 100%;
    display: flex;
    align-items: center;
    margin: auto;
	/* margin-left: 20px; */
	position: relative;
}
.index_inner_container{
	width: 55%;
	position: relative;
}
/* .index_inner_container .logo img{
	width:85%;
} */
.header{	
	width: 100%;
    color: #fff;
    background: #005db8;
}
.mobile_header{
	display:none;
}
.header_bg{
	background:#005eb8;
}
.header_bg_height{
	/* max-height: 52px; */
}
.index_inner_container .logo{
	display:block;
}
/* .header_new .logo{
	width: 130px;
	display:block;
} */
.logo{
	width: 135px;
	display:block;
}

.logo a{
	position: relative;
    top: 0px;
	cursor:default;
}
.logo img{
	max-width:100%;
}
.menu{
	width: 90px;
    height: 23px;
}
.left_end{
	width: 150px;
	  display: block;
    align-items: center;
 /*    margin-right: 2%; */
    position: relative;
}	
.ipad_image{
	display:none;
}
/* .index_inner_container .left_end{
	width: 10%;
} */
.left_end a i, .right_end a i{
	color:#fff;
	font-size:24px;
}
.leftBtn, .rightBtn{
	width: 2%;
    display: block;
    height: auto;
	position:absolute;
	top:50%;
}
.arw_btn_disabled{
	opacity:0.4;
	cursor:inherit !important;
}
.btn_disabled{
	opacity:0.4;
	cursor:inherit !important;
}
.branching_btn_disabled{
	/* opacity:0.4; */
	cursor:default !important;
}
.leftBtn{
	left:1%;
	background: url(../../framework/images/left.png) no-repeat center;
    padding: 18px 0px;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.leftBtn:hover{
	background: url(../../framework/images/left_hvr.png) no-repeat center;
}
.arw_btn_disabled.leftBtn:hover{
	background: url(../../framework/images/left.png) no-repeat center !important;
}
.rightBtn{
	right:1%;
	background: url(../../framework/images/right.png) no-repeat center;
    padding: 1.5% 0%;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.rightBtn:hover{
	background: url(../../framework/images/right_hvr.png) no-repeat center;
}
.arw_btn_disabled.rightBtn:hover{
	background: url(../../framework/images/right.png) no-repeat center !important;
}
.course_btn{
	margin-left: 20%;
}
.right_btns > li > a{
	display: inline-block;
    padding: 15px 0px;
}
.right_btns{
	/* background: #12294b; */
    text-align: center;
	width: 100%;
}
.right_btns > li > a img{
	width:26px;
	height:26px;
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}	
.right_btns > li > a img:hover{
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.3);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.3);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.3);
    transition: all 200ms ease-in;
    transform: scale(1.3);
}	
.right_btns > li > a:hover, .pop_close_btn a:hover{
	/* -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); */
}
.center_part{
	width: 79%;
    /* margin-right: 2%; */
    display: flex;
	/* padding: 10px 0px; */
    align-items: center;
}
.index_inner_container .center_part {
    width: 85%;
    padding: 22px 30px;
}
.printTitle{
display: inline-block;
    width: 83%; 
}
.title {
	display: inline-block;
    width: 83%;
	white-space: nowrap;
   /*  overflow: hidden; */
    text-overflow: ellipsis; 

}
.index_header .title h3{
	color: #fff;
    font-weight: bold;
    font-size: 1.2vw;
}
.title h3{
	padding-right: 2em;
	font-size: 1.25em;
    font-weight: normal;
	    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;      
}
.title h1{
	font-size: 1.3vw;
	font-weight: normal;
	   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   
    padding-right: 2em;
}
.modulepopupLogout .title h1{
white-space: inherit;
}
.review{
	width:20%;
}
.morecontent span{
display:none; 
}
 
.review a{
	color: #fff !important;
    background: #08315a;
    padding: 3% 18%;
    border-radius: 50px;
	font-weight: normal !important;
	font-size: 1.6em;
}
.page_num{
	width: 18%;
    font-size: 1.3vw;
    background: #0456a2;
    /* padding: 15px 0px; */
    /* padding: 1.8% 0%; */
    text-align: center;
	/* display: inline-table; */
}
.right_end{
	width: 10%;
	position: relative;
	background: #12294b;
	/* background-color: blue;
    height: 65px; */
}
/* SUBMENU */
/* .sub_menu{
	margin-right:10px;
} */
.sub_menu a{
	position:relative;
}


.help_items{
    position: absolute;
    right: 0;
    background:#ffffff;
	
/*	#fbfbfb;*/
    box-shadow: 0px 0px 5px #a5a5a5;
    border-top: none;
    /* top: 57px; */
    top: 100%;
    z-index: 9999;
    width: 200px;
}
.help_items li{
	color: #63666a;
    /* padding: 10px 20px; */
     padding: 5% 10%; 
    cursor: pointer;
    font-size: 15px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	text-align: left;
	border-bottom: 1px solid #fbfbfb;
/* 	opacity: 0.5; */
}
.help_items li i{
	margin: 2px 0px;
	-moz-transition: -moz-transform ease 0.6s;
	-webkit-transition: -webkit-transform ease 0.6s;
	-o-transition: -o-transform ease 0.6s;
	-ms-transition: -ms-transform ease 0.6s;
	transition: transform ease 0.6s;
}
.help_items li:hover{
	color: #fff;
	/* opacity: 0.5 */;
}
.help_items li:hover img, .menu_items li:hover img{
	-moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.search{
	/* border-right: 1px solid #0e396c; */
}
.lrngAidPop .pop_hdrpart span {
    margin-left: 49px;
    top: 14px;
    position: absolute;
	}
.bookmarkTxt{
	background:url("../../framework/images/bookmarks.png") no-repeat right 20px top 11px;
}
.bookmarkTxt:hover{
	background:url("../../framework/images/bookmarks_hvr.png") no-repeat right 20px top 11px #12294b;
}
.glossTxt{
	background:url("../../framework/images/glossary.png") no-repeat right 20px top 11px;
}
.glossTxt:hover{
	background:url("../../framework/images/glossary_hvr.png") no-repeat right 20px top 11px #12294b;
}
.learningAidTxt{
	background:url("../../framework/images/learningaids.png") no-repeat right 20px top 11px;
	display: none !important;
}
.learningAidTxt:hover{
	background:url("../../framework/images/learningaids_hvr.png") no-repeat right 20px top 11px #12294b;
	display: none !important;
}
#learningAidTxt{
background:url("../../framework/images/learningaids_hvr.png") no-repeat right 20px top 11px transparent !important;
}
.notesTxt{
	background:url("../../framework/images/notes.png") no-repeat right 20px top 11px;
}
.notesTxt:hover{
	background:url("../../framework/images/notes_hvr.png") no-repeat right 20px top 11px #12294b;
}
.emailTxt{
	background:url("../../framework/images/email.png") no-repeat right 20px top 11px;
}
.emailTxt:hover{
	background:url("../../framework/images/email_hvr.png") no-repeat right 20px top 11px #12294b;
}
.printTxt{
	background:url("../../framework/images/print.png") no-repeat right 20px top 11px;
}
.printTxt:hover{
	background:url("../../framework/images/print_hvr.png") no-repeat right 20px top 11px #12294b;
}
.helpTxt{
	background:url("../../framework/images/helpgrey.png") no-repeat right 20px top 11px;
	border-bottom: none !important;
}
.helpTxt:hover{
	background:url("../../framework/images/helpgrey_hvr.png") no-repeat right 20px top 11px #12294b;
}
/* SUBMENU */	
/* ----------------------- HEADER ----------------------- */

/* SEARCH */
  .search{
	background: url(../../framework/images/search.png) no-repeat center;
  /*   padding: 10% 5%; */
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	cursor: pointer;
	width: 61%;
}  
.search:hover{
	background: url(../../framework/images/search_hvr.png) no-repeat center #005db8;
	 
	cursor: pointer;
}
.search.btn_disabled:hover{
	background: url(../../framework/images/search.png) no-repeat center;
	cursor: default;
}
.search.btn_disabled:hover a{
	/* background: url(../../framework/images/search.png) no-repeat center; */
	cursor: default;
}
  .sub_menu{
	background: url(../../framework/images/plus.png) no-repeat center;
    
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	cursor: pointer;
	width: 61%;
}  
.sub_menu:hover{
	background: url(../../framework/images/plus_hvr.png) no-repeat center #005db8;
	cursor: pointer;
}
.sub_menu.btn_disabled:hover{
/* 	background: url(../../framework/images/plus_hvr.png) no-repeat center;
	cursor: pointer; */
	background: url(../../framework/images/plus.png) no-repeat center;
    cursor: default;
}
.sub_menu.btn_disabled:hover a{
	cursor: default;
}
.search a{
	position:relative;
}
.search_option{
	position: absolute;
    left: 5%;
    top: 56px;
    width: 90%;
	z-index:99;
}
.srch_up_arrow{
	position: absolute;
    top: 33px;
    font-size: 40px !important;
	z-index: 999;
	color:#fff !important;
}
.search_option input{
	height:45px;
	font-size: 21px;
}
.ui-corner-all{
	border-radius:0px !important;
}
.ui-shadow-inset{
	box-shadow:0px 1px 2px #868686 !important;
	border-color: transparent !important;
}
.ui-alt-icon.ui-icon-search:after, .ui-alt-icon .ui-icon-search:after, .ui-input-search:after{
	/* background-image: none !important; */
	/* margin-left:96%;  */
	position:absolute;
	right:15px;
	left:auto;
}	
/* SEARCH */

/* ----------------------- MENU LIST ----------------------- */
.menu_icon i{
	font-szie:38px;
}
.menu_items{
	list-style-type: none;
    list-style-position: inside;
    position: absolute;
    left: 0;
    height: 496px;
    background: #fff;
    top: 0px;
    z-index: 99999;
    width: 300px;
    overflow: auto;
    box-shadow: 0px 0px 5px #a5a5a5;
}
.main_menu_arw{
	width: 1px;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    z-index: 9;
	left: 6%;
/*     float: right; */
   /*  top: 45px !important; */
    /* right: 10%; */
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.menu a{
	position: relative;
    margin-left: 20px;
}
/* .main_menu_click{
	float:right;
	margin-right:10px;
	width: 26px;
	position: relative;
	 
    height: 23px;
	padding:8px;
	top:2px;
} */
.mob_display{
	display:none;
}
/* video::-webkit-media-controls-fullscreen-button {
    display: none;
}
#helpVideo2:fullscreen, #helpVideo1:fullscreen{
  z-index: 2147483647;
}
#helpVideo2:fullscreen {
  background-color: #faa;
} */
.menu_items li{
	/* color: #b2b1b1; */
	/* color: #999999; */
	color: #000;
    padding: 5% 8%;
    cursor: pointer;
    font-size: 1.25em;
	  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;  
	border-bottom: 1px solid #f5f5f5;
	opacity: 0.5;
	/* opacity: 0.7; */
	margin-right: 15px;
}
.menu_items li i{
	margin: 2px 0px;
	-moz-transition: -moz-transform ease 0.6s;
	-webkit-transition: -webkit-transform ease 0.6s;
	-o-transition: -o-transform ease 0.6s;
	-ms-transition: -ms-transform ease 0.6s;
	transition: transform ease 0.6s;

}
.up_arrow{
	position: absolute;
    top: 20px;
    font-size: 40px !important;
    z-index: 99;
    color: #12294b !important;
}
.menu_items li:hover{
	color: #fff;
	opacity:1;
    /* background: #12294b; */
}
.menuactive{
	color: #fff !important;
    background: #EE7700 !important;
}
.menunormal{

}
.menuvisited{
    background: #d8d9d9;
	color:#333333 !important
}
/* ----------------------- MENU LIST ----------------------- */

/* ----------------------- SUB_HEADER ----------------------- */
.sub_header{
	margin:0 auto;
	display: flex;
    align-items: center;
    /* padding: 8px 20px 0px 38px; */
	 padding: 0% 3% 0% 3.8%;
	/* border-bottom: 3px solid #005eb8; */
	position: relative;
	background: white;
}

.sub_header  > h1{
  margin-top: 20px;
}
.sub_center_part{
	width: 81%;
}
.sub_right_end{
	/* width: 90%;
    background: #eee;
    margin: 0 auto;
    border-top: 1px solid #eee;
    padding: 9px 0px 0px;
	width: 90%; */
    background: #eee;
    /* margin: 0 auto; */
    border-top: 1px solid #eee;
    padding: 7px 0px 0px;	
}
.sub_right_btns{
	display: flex;
    align-items: center;
}	
.sub_right_btns li a{
	margin-left:15px;
}
.sub_right_btns li a i{
	color:#989898;
	font-size: 27px;
}
.sub_title h1{
	/* font-size: 1.5em; */
	font-size: 1.7em;
    color: #005eb8;
    position: relative;
    padding-top: 1%; 
	top: 2px;
}
/* ----------------------- SUB_HEADER ----------------------- */

/* ----------------------- PAGECSS ----------------------- */
.content{
	/* display:flex;
	align-items:center; */
	background: white;
}
.pgTitle img{
	margin-top:15px;
}	
.pgTitle h3{
	color:#4987c5;
	font-size: 28px;
    font-weight: bold;
	margin: 5px 0px;
}
.pgTitle h5{
	font-size: 20px;
    color: #666;
}
.pgTitle i{
	display: block;
    color: #ee7700;
    font-size: 1.25em;
    margin: 0% 0% 1.3%;
}
.instTxt p {
    background: #63666a;
    padding: 0.3%;
	color: #fff !important;
    width: max-content;
    width: -moz-max-content;
}
@media all and (-ms-high-contrast:none)
     {
    
     *::-ms-backdrop, .instTxt p { width:63%; } /* IE11 */
     }
 
.leftContent{
	width:46%;
	float:left;
	margin-right: 2%;
	margin-left: 2%;
	position: relative;
	margin-top: 1%;
}
.rightContent{
	float:right;
	width:48%;
	margin-left: 2%;
}
.rightContent img{
	top: 0px;
	position: relative;
}
.leftContent p{
	font-size: 1.7em;
    color: #4987c5;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.para_bold{
	color:#4987c5;
	font-size:1.3em;
}
.bg_rt_leftContent{
	width:60%;
}
/* .bg_rt_leftContent p{
	font-size: 1.5em;
    color: #4987c5;
    line-height: 1.3em;
    margin-bottom: 20px;
} */
.bg_rt_leftContent p{
	font-size: 1.22em;
    color: #666;
    line-height: 1.2em;
}
.header_1{
	color: #666;
    font-size: 1.2em;
    margin-bottom: 0%;
    font-weight: bold;
}
.header_question {
    font-size: 1.4em;
    font-weight: 300;
}
.bgwhite_bdrblue{
   /* min-height: 449px; */
	/* height:506px; */
    background: white;
    /* border-top: 3px solid #03a9f4; */
    /* padding: 10px 0px 24px 0px; */
	/* padding: 0% 0% 2% 0%; */
	position: relative;
	margin: 0 3.8%;
}
.fullContent{
	 position: relative;
	 display: inline-block;
	 width: 100%;
	 height: 100%;
}
.info_text{
	/* height: 200px !important; */
    background: #ffffff;
    border-top: 3px solid #03a9f4;
    padding: 10px 0px 24px 0px;
    position: absolute;
    margin: 0 0px;
    bottom: 45px;
    width: 320px;
    float: right;
    right: -1px;
    display: none;
    z-index: 99;
}
.infoText p {
	padding: 25px 30px 0 25px;
    font-size: 14px;
    /* text-align: justify; */
    line-height: 20px;
	color: #666;
}
.videocontent .bgwhite_bdrblue , .media-wrapper .bgwhite_bdrblue{
	margin: 0 0;
	/* height: 90.5% !important; */
}
 
.inner_height {
    height: 75.5%;
    /* width: 100%; */
    margin: 0 auto;
    position: relative;
    /* overflow-y: auto; */
    bottom: 0;
}
.bgwhite_bdrblue > img{
	position: absolute;
    right: 0%;
    bottom: 5%;
	width: 200px;
}
.border_design{
    display: none !important;
	position: absolute;
    right: 0px;
    width: 100%;
    top: -3px;
    height: 3px;
    background: #356492; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(-90deg, #356492, #03a9f4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(-90deg, #356492, #03a9f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(-90deg, #356492, #03a9f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(-90deg, #356492, #03a9f4); /* Standard syntax */
    border: none;
}
.control-group {
	display: block;
	padding: 10px 0px;;
	text-align: left;
	vertical-align: top;
}
.control {
	font-size: 18px;
    position: relative;
    display: block;
    margin-bottom: 25px;
    padding-left: 30px;
    cursor: pointer;
    width: 90%;
    height: 45px;
    line-height: 45px;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control__indicator {
	position: absolute;
	top: 12px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #005eb8;
}

.control--radio .control__indicator {
	border-radius: 50%;
}
/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #005eb8;
}

/* Checked state */
.control input:checked ~ .control__indicator {
	background: #005eb8;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: #005eb8;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
	pointer-events: none;
	opacity: .6;
	background: #89d6ec;
}

/* Check mark */
.control__indicator:after {
	position: absolute;
	display: none;
	content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
	display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
	top: 4px;
	left: 8px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}
.cus_radio_square img{
    max-width: 50%;
	margin:0px 30px;
}

.div1 {
    float:left;
    width: 100px;
    background: aqua;
}
.div2 {
    float:left;
    width: 50%;
	padding: 20px 0px;
    background: url('../../../shell/framework/images/map.png') right center no-repeat;
}
.div3 {
    background: #005eb8;
    overflow: hidden;
    width: 50%;
}
.div4 {
    position: absolute;
    right:0;
    top:0;
    background:pink;
    width: 100px; 
}




/* ----------------------- PAGECSS ----------------------- */

/* ----------------------- BULLET POINTS ----------------------- */
.list_points{
    /* margin-left: 20px; */
	/* margin-top:5px; */
}
.list_points li{
	font-size: 1.22em;
    margin-bottom: 5px;
    color: #333333;
    background: url(../images/summary_dot_bg.png) top 5px left no-repeat;
    padding-left: 25px;
}
.sub_list_point{
	margin-left: 25px;
}
.sub_list_point li {
    background: url(../images/circle.png) top 5px left no-repeat;
    padding-left: 20px;
	background-size:8px;
}
.audioTranscript .mCSB_container{
	padding-right: 20px;
}
/* ----------------------- BULLET POINTS ----------------------- */

/* ----------------------- ARROWBUTTONS ----------------------- */
.left_arw_btn, .right_arw_btn{
	color: #666666;
    font-size: 40px;
    display: block;
    position: absolute;
    top: 50%;
	cursor:pointer;
}
/* ----------------------- ARROWBUTTONS ----------------------- */

/* ----------------------- FOOTER ----------------------- */
.footer {
	/* position: relative; */
}
.footer > p{
}
.footer h2{
	display:inline-block;	
	margin: 14px 0 0 10px;
    position: absolute;
	margin-left: 20px;	
}
.footer .mejs-container{
	width: 100% !important;
}
.copyRightTxt{
	color: #666;
    font-size: 13px;
    text-align: center;
    border-bottom: 3px solid #005eb8;
    /* padding: 8px 0px; */
    bottom: 0px;
    position: fixed;
    width: 100%;
	padding-bottom
    /* background: #ddd; */
}
/* ----------------------- FOOTER ----------------------- */

/* ----------------------- LOGOUT ----------------------- */
.log_s_n{
	border-top:1px solid #eee;
	margin: 1.5% 5%;
}
.log_s_n a{
	margin: 2.5% 1% !important;
    width: 15%;
    padding: 0.5% 0.5% !important;
    /* text-transform: uppercase; */
    font-size: 1.7em;
}
.log_s_n a:hover{
	background: #005eb8;
    color: #fff !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* ----------------------- LOGOUT ----------------------- */

/* ----------------------- COMMON POPUP ----------------------- */
.common_popup{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.8);
	left:0px;
	z-index:99999999;
	top:0px;
}
.pop_container{
	width: 75%;
    margin: 0 auto;
    background: #fff;
    height: 450px;
    position: relative;
    top: 15%;
	/* border-top:3px solid #005eb8; */
	overflow: hidden;
}
.contentAreaFrame .pop_container{
	width: 60%;
	height: 25%;
}
.pop_container > h3{
    text-transform: uppercase;
    color: #000;
    font-size: 1.5em;
    margin: 1em 0em 0em;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 5px 30px;
}
#mCSB_4_container > ul{
    margin-left: 10px;
	margin-right: 5px;
}
.pop_heading{
	margin: 0px 60px;
}
.pop_heading h5{
	text-transform: uppercase;
    color: #2e6dab;
    font-size: 2.2em;
}
.hdng_rt_btn{
	display: inline-block;
    border: 1px solid #005eb8;
    border-radius: 50px;
    padding: 1% 1% !important;
    text-align: center;
    color: #005eb8;
    text-transform: uppercase;
    margin: 2% 2% 0%;
    width: 22%;
    font-size: 1.5em;
	font-weight: bold;
	-moz-transition: -moz-transform ease 0.6s;
	-webkit-transition: -webkit-transform ease 0.6s;
	-o-transition: -o-transform ease 0.6s;
	-ms-transition: -ms-transform ease 0.6s;
	transition: transform ease 0.6s;
}
.hdng_rt_btn:hover{
	background:#005eb8;;
	color:#fff;
	transition: all 0.2s ease-in-out;
}
.pop_hdrpart{
	border-bottom:1px solid #f5f5f5;
	padding: 10px 0px;
}

.pop_hdrpart h5 i{
	border: 1px solid #2e6dab;
    border-radius: 50px;
    font-size: 0.8em;
    padding: 5px;
}
.hdng_rt_btn a i{
	color:#005eb8;
}
/* .pop_list{
	height: 320px;
} */
.pop_list .mCSB_scrollTools{
	right:0px;
}
.gloss_list li:hover, .pop_list li a:hover{
	background:#005eb8; 	
    /*  -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; */
	color:#FFF !important;
}
.resources_list li:hover > h6 {
	cursor:inherit !important;
}
.resources_list li h6:hover {
	background:none !important;
	color:#999 !important;
}
.gloss_list li:hover{
	background:	#12294b !important; 
}
.gls_list .pop_list_active:hover{
	background:#005eb8 !important;
}
.gls_list .pop_list_active:hover h6{
	background:#005eb8 !important;
}
.gloss_list li:hover h6{
	background: #12294b !important;
	/* width: 88% !important; */
}
.pop_list li:hover > h6{
	width: 82%;
	cursor: pointer;
}
.srch_list li:hover > h6{
	width: 98%;
}
.pop_list li >h6:hover{
	background:#005eb8; 
	color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	width:82%;
}

.search_list li h6:hover{
width:98%;
}
.pop_list li:hover .lrngAidTxt{
    color: #999;
	background:none !important;
}
.pop_list li:hover{
/*     background:#005eb8; */
/* 	cursor: pointer; */
}
.pop_list .lrngAid:hover{
    background:none!important;
	cursor: default;
}
.pop_list_active{
	color:#fff !important;
	/* background:#005eb8;
	width:50% !important; */
}
.pop_list_active {
	background:#005eb8;
}
.pop_list_active h6{
	color:#fff !important;
	/* font-weight: bold; */
}		
.bkmrk_list li:hover a{
	background:none;
	color:#005eb8;
}
.bkmrk_list li{
	width:100% !important;
}
.pop_list li{
	margin-right:15px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 1.6em;
	width: 98% !important;
}
.gloss_list li{
	width: 95% !important;
}
.pop_list li h6{
	float:left;
	color:#999;
    padding: 1%;
	width:82%;
}
.search_list li h6{
width:98%;
}
.pop_list li a{
	float: right;
    display: inline-block;
    width: 7%;
    color: #005eb7 !important;
    font-size: 0.8em;
    border-bottom: 1px solid #005eb7;
    text-align: center;
    padding-top: 2%;
	cursor:pointer;
}
.pop_list p{
    color: #6b6868;
    margin: 15px 10px;
    font-size: 19px;
    /* width: 100%; */
}
.pop_instruction{
	color:#666;
	font-size:18px;
	display:block;
	margin: 20px 0px;
}
/* .pop_close_btn a{
	color: black;
    font-size: 24px;
    position: absolute;


	-moz-transition: -moz-transform ease 0.6s;
	-webkit-transition: -webkit-transform ease 0.6s;
	-o-transition: -o-transform ease 0.6s;
	-ms-transition: -ms-transform ease 0.6s;
	transition: transform ease 0.6s;
} */
.pop_close_btn{
	 color: black;
    font-size: 24px;
    position: relative;
    -moz-transition: -moz-transform ease 0.6s;
    -webkit-transition: -webkit-transform ease 0.6s;
    -o-transition: -o-transform ease 0.6s;
    -ms-transition: -ms-transform ease 0.6s;
    transition: transform ease 0.6s;
    float: right;
    right: 15px;
    top: 11px;
    position: relative;
    margin: auto;
   /*  top: 10px; */
} 
.audio_text .pop_close_btn{
	top: 0px;
}
.searchPop_close_btn {
	margin: auto;
	padding: 0.8%;
	top:2px;
}
.feedback_pop_container .cyuPopClsBtn{
	top: 0px;
}
.cyuPopClsBtn {
	/* margin: auto !important; */
	/* padding: 0.8% !important; */
}
.cyuPopClsBtn a{
	width:29px;
	height:29px;
	display:inline-block;
	top:-2px;
	/* top:2px; */
}
.pop_close_btn a i{
	color:#000;
}
.cyuPopClsBtn a i{
	color:#fff;
}
.pop_radius_btn{
	border-radius: 50px;
    border: 1px solid !important;
    padding: 4px !important;
    margin: 10px 0px;
}
.pop_radius_btn_bkmrk {
    border-radius: 50px;
    border: 1px solid !important;
    padding: 4px !important;
    margin: 9px 4px;
}
.pop_radius_btn_1{
	margin-top: 2%;
    display: inline-block;
    padding: 0.5% 5% !important;
    font-size: 1.5em;
}
.mCustomScrollBox{
	height:97% !important;
} 
.table_pad_right .mCustomScrollBox{
	padding-right:20px;
}
.clkbtn1{
	display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #005eb8;
    color: #FFF;
    font-size: 20px;
} 

/* ----------------------- PRINT ----------------------- */
.pop_grey_box {
    /* background: #f8f8f8; */
    padding: 1% 13%;
    margin: 0% 0;
}
.pop_box{
	width: 23%;
    float: left;
    background: #f7f7f7;
	/* border: 1px solid #c7c1c1;   */
    margin: 0px 2%;
    padding: 5% 3%;
	/* -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; */
}	
.pop_box i{
	color:#999;
    font-size: 3em;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pop_box:hover{
	/* box-shadow: 0px 0px 20px 3px #cdcdcd; */
}
/* .pop_box:hover.pop_box p span{
	color:#005eb8;
} */
/* .pop_box:hover.pop_box p{ 
	color:#666;
 } */
/* .pop_box:hover.pop_box a{
    border: 1px solid #005eb8 !important;
	color:#005eb8 !important;
} */
/* .pop_box:hover a{
	background: #005eb8;
    color: #FFF;
}	 */	
.pop_box:hover a {
    background: #fff;
    
}
.pop_box a:hover {
    background: #005eb8;
	color:#fff;
   
}
/* .pop_box:hover.pop_box i{
	color:#005eb8;
} */
.pop_box a:before{
    background:#b5b5b5 !important;
}
.pop_box p{
	color: #cdcdcd;
    font-size: 1.2em;
    margin: 10% 0;
	min-height: 80px;
    overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pop_box p span{
	display: block;
    font-weight: bold;
    font-size: 1.4em;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	color:#999;
}
.pop_box a{
	display: inline-block;
    border: 1px solid #005eb8;
	color:#005eb8;
    border-radius: 50px;
    padding: 3% 20%;
    
	background: transparent;
    font-size: 1.3em;
    margin: 2%;
    /* width: 26%; */
	cursor:pointer;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
/* ----------------------- PRINT ----------------------- */

/* ----------------------- HELP ----------------------- */
.help_box p{
	color: #9c9c9c;
    font-size: 20px;
	margin: 1% 0 3%;
}
.pop_srch_options, .pop_search_options{
	width:80%;
	float:left;
}
.pop_srch_options .ui-shadow-inset, .pop_search_options .ui-shadow-inset{
	box-shadow: none !important;
    background: #fff !important;
    border-radius: 50px !important;
    padding: 0.5% 0;
    border: 1px solid #ccc !important;
	font-size: 1.3em;
	margin-top: 10px;
}
.help_pop_btn{
	display: inline-block;
    border: 1px solid #005eb8;
    border-radius: 50px;
    padding: 1% 0%;
    width: 19% !important;
	text-transform:uppercase;
	font-size: 1.1em !important;
    margin: 0px !important;
    margin-top: 0.9% !important;
}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after{
	background-color: #005eb8 !important;
	z-index: 999;
	margin-left:-49%;
}
.help_instruction{
	font-size: 1.2em;
	color: #9c9c9c;
}
.pop_srch_options h6 b, .pop_search_options h6 b{
	color:#666;
}
/* ----------------------- HELP ----------------------- */

/* ----------------------- WARNING ----------------------- */
.warning_pop_container{
	height: 50%;
	top:25%;
}
.warning_pop{
	padding:10px;
}
.warning_left{
	background: #f0f0f0;
    width: 40%;
    float: left;
    text-align: center;
	position:relative;
}
.warning_left img{
	max-width:100%;
}
.warning_left a{
	position:absolute;
	left: 2%;
    top: 4%;
}
.warning_left a i{
	color: #666;
}
.warning_right{
	width: 55%;
    float: right;
    padding: 2%;
}
.warning_right h1{
    color: #000;
    font-size: 1.4em;
	margin-bottom: 0.5em;
}
.warning_right p{
	color:#9c9c9c;
	margin-bottom: 1.2em;
}	
/* ----------------------- WARNING ----------------------- */

/* ----------------------- FEEDBACK ----------------------- */
.feedback_pop_container{
	top: 37%;
    height: auto;
}
.feedback_instruction i{
	/* font-size: 12px; */
	font-size: 16px;
    font-style: italic;
}
.popupBookmark .feedback_pop_container{
	top: 30%;
    height: 33%;
}
.crct_incrt_pop_container{
	height:18%;
	top: 40%;
}
.feedback_pop h3{
    background: #005eb8;
    padding: 1.3%;
    font-size: 22px;
	color: #fff;
}
.feedback_instruction{
	color: #414141;
    font-size: 2em;
    margin-top: 2%;
    /* padding: 0% 10%; */
    padding: 0% 1%;
    text-align: center;

}
/* ----------------------- FEEDBACK ----------------------- */

/* ----------------------- REVIEW ----------------------- */
.review_bg_grey textarea{
    height: 250px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}
.review_bg_grey .ui-shadow-inset{
	background: #f8f8f8 !important;
    box-shadow: none !important;
}
/* ----------------------- REVIEW ----------------------- */

/* ----------------------- CC_TEXT ----------------------- */
.cc_text{
	position: fixed;
    bottom: 11.9%;
    background: #fff;
    width: 90%;
    min-height: 401px;
    top: inherit;
    padding: 5px 0px;
	right: 5%;
}
.cc_text p{
	/* padding: 10px 20px; */
    color: #666;
    font-size:16px;
    line-height: 20px;
}
.audioText p {
    /* padding: 10px 20px; */
    color: #666;
    font-size: 16px;
    line-height: 20px;
}
.cc_text .pop_close_btn a{
	font-size: 15px;
	/* top: 10%; */
}
.cc_text .pop_close_btn a i{
	font-size: 15px;
    color: #a2a2a2;
}
/* ----------------------- CC_TEXT ----------------------- */

/* ----------------------- AUDIO_TEXT ----------------------- */
.audio_text{
	width: 25%;
    /* background: #fff;  */
	background: #f2f2f2;
    font-size: 12px;
    line-height: 24px;
    z-index: 99;
    position: absolute;
    right: 0px;
    bottom: 0px;
	height: 449px;
}
.audioTranscript{
	padding: 40px 0px 0px 0px;
	height: 90% !important;
}
.audioTranscript li {
	  padding-left: 5px;
    text-indent: 0px;
}
 
.footer .audio_text{
	/* width: 312px; */
	/* height: 500px !important; */
}
.audio_text .pop_close_btn a{
	/* top: 2%; */
    right: 5%;
}
.audioTranscript .mCSB_scrollTools{
	right:0px;
}
.audio_list{
	margin:0px 15px;
}
.audio_list li{
	list-style:disc;
}
.audio_text .pop_close_btn a  img{
	width:13px;	
}
/* ----------------------- AUDIO_TEXT ----------------------- */
/* ----------------------- GLOSSARY_TEXT -----------------------*/
.glossary_left{
	background: #f9f9f9;
    width: 43%;
    margin-bottom: 20%;
	margin-top: 1%;
    padding: 0% 1% 0% 0%;
    float: left;
}
.glossary_left .pop_list{
	height: 266px; 
}
.glossary_left .pop_list li h6{
	padding: 2.5% 6%;
}
.glossary_right{
	margin-top: 1%;
	width: 50%;
    float: left;
    padding: 0% 3% 3% 3%;
}
.glossary_right h3{
	color: #005eb8;
    font-size: 1.8em;
    font-weight: bold;
}
.glossary_right p{
	margin: 2% 0;
    color: #949494;
    font-size: 1.5em;
    line-height: 1.4em;
}
.resources_list{
	margin-top: 2%;
}
/* ----------------------- GLOSSARY_TEXT ----------------------- */
/* ----------------------- CYU_COMMON ----------------------- */
.cyu_container{
	/* width: 80%; */
    margin: 0 auto;
}
.cyu_boxes_5, .cyu_boxes_4, .cyu_boxes_3, .cyu_boxes_2{
	/* border-bottom:1px solid #eee; */
	/* padding: 2% 8%; */
	min-height:280px;
}
.cyu_boxes_2 {
    padding-top: 15px !important;
}
.cyu_boxes_5 li, .cyu_boxes_4 li, .cyu_boxes_3 li, .cyu_boxes_2 li{
    /* width: 24%; */
    margin-right: 1%;
   /*  background: #f0f0f0;
   float: left; */
    text-align: center;
	cursor:pointer;
    position: relative;
	/* height:266px; */
	/* border:1px solid transparent; 
	display:flex;
	align-items:center; */
}
.boxes_li1 li{
	cursor: default !important;
}
.cyu_boxes_3 li:last-child, .cyu_boxes_5 li:last-child, .cyu_boxes_4 li:last-child, .cyu_boxes_3 li:last-child, .cyu_boxes_2 li:last-child{
	margin-right:0px;
	float: none;
}
.cyu_boxes_5 li{
	width: 16.8%;
    float: left;
    margin-right: 4%;
    background: #eff0f0;
    display: flex;
    align-items: center;
}
.cyu_boxes_3 li {
    width: 30.6%;
    float: left;
    margin-right: 4%;
    background: #eff0f0;
    display: flex;
    align-items: center;
}
.cyu_boxes_2 li {
	width: 48%;
    float: left;
    margin-right: 4%;
    background: #eff0f0;
    display: flex;
    align-items: center;
}
.cyu_boxes_2 li:last-child {
    border-bottom: 1px solid transparent;
}
.cyu_boxes_1 li{
    /* border: 2px solid #005eb8; */
	width:100%;
}
.cyu_boxes_1 .img_bdr{
   border: 2px solid #005eb8;
}
/* .cyu_boxes_5 li:hover, .cyu_boxes_4 li:hover, .cyu_boxes_3 li:hover,.cyu_boxes_2 li:hover{
	background-color: rgba(144,148,151,0.5);
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}*/
.cyu_boxes_1 li img{
	width: 458px;
    height: 350px;
}
.cyu_boxes_1 li h2{
	background: #005eb8;
    color: #fff;
    padding: 3% 4%;
	margin-top: -4px;
	font-size: 1em;
}
.cyu_boxes_5 li p, .cyu_boxes_4 li p, .cyu_boxes_3 li p, .cyu_boxes_2 li p{
    height: 60px;	
	padding: 6% 0%;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #1676d2;
    font-size: 18px;
    color: #fff !important;
    /* min-height: 42px; */
    font-weight: bold;
	/* display: none; */
}
.No_ImageLabel.cyu_boxes_5 li p, .No_ImageLabel.cyu_boxes_4 li p, .No_ImageLabel.cyu_boxes_3 li p, .No_ImageLabel.cyu_boxes_2 li p{
	display: none;
}
.no_margin_right{
	margin-right:0px !important;
}
.rt_cyu_boxes_2{
	padding:0;
	border-bottom:none;
}
.rt_cyu_boxes_2 li{
	margin-bottom:2%;
}
.rt_cyu_boxes_2 li p{
	line-height:inherit;
	display: flex;
    align-items: center;
}
.cyu_effect1 {
  height: 100%;
  /* float: left; */
  overflow: hidden;
  position: relative;
  text-align: center;
  /* border-bottom: 1px solid #e6e6e6; */
  /* cursor: pointer; */
}
.morelink:visited, .morelink:hover, .morelink{
color: #38c !important;
font-weight: bold;
}
.ans_hover{
	background: #333;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.3;
	display: none;
	top: 0px;
}
.cyu_boxes_4 li:hover .ans_hover{
	display:block;
}
.cyu_effect1 .cyu_effect1_overlay {
  width: 100%;
  top: 0;
  position: absolute;
  overflow: hidden;
  left: 0;
  /* background-color: rgba(144,148,151,0.8); */
  opacity: 0;
  filter: alpha(opacity=0);
  /* -webkit-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg); */
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
  height: 100%;
}

.cyu_effect1 img {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  max-width:100%;
  width: 100%;
}

.cyu_effect1 h2 {
     /* color: #88898d;
    text-align: center;
    position: absolute;
    background: #005eb8;
   top: 73%; */
    /* line-height: 20px;
    font-size: 1.3em;
    padding: 45px 5px;
    overflow: hidden;
    z-index: 0; */
	    color: #88898d;
    overflow: hidden;
    z-index: 0;
   /*  display: block;
    width: 100%; */
}
.cyu_effect1 .radiobx{
    color: #88898d;
	height: 42px;
	border:1px solid black;
}
.cyu_effect1 .txt{
	/* position: relative !important;
    height: 100%;
    background: #f0f0f0 !important;
    align-items: center;
    font-size: 1.5em;
    display: flex;
    line-height: 1.4em; */
	position: relative !important;
     /* height: 100%;
   background: #f0f0f0 !important; */
    font-size: 1.5em;
}
.cyu_effect1 a.info {
    display: inline-block;
    text-decoration: none;
    /* padding: 7px 14px; */
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
   /*  -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px); */
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 4em;
	position: relative;
    top: 30%;
    left: 0;
}

.cyu_effect1 a.info:hover {
      color: #fff;
}
.cyu_effect1.activeBtn .cyu_effect1_overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  /* -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); */
}
.cyu_effect1.activeBtn a.info {
 /*  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); */
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cyu_effect1:hover .cyu_effect1_overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  /* -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); */
}

.cyu_effect1:hover h2 {
 /*  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); */
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}

.cyu_effect1:hover a.info {
  /* -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); */
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.blue_bg_white h2{
	color: #fff !important;
    bottom: 0% !important;
    height: 58px;
	z-index: 9;
}
.submit, .reset, .remediation, .pop_radius_btn_1, .notes_print_btn, .help_pop_btn{
	background: transparent;
    border: 1px solid #005eb8;
    color: #005eb8 !important;
    padding: 1% 0% !important;
    border-radius: 50px;
    font-size: 1.5em;
	font-weight: normal !important;
    margin: 1% 2%;
    width: 20%;
	cursor:pointer;
   /*  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0); */
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}	
.submit:hover, .reset:hover, .remediation:hover, .pop_radius_btn_1:hover{
	background: #005eb8;
    color: #fff !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.submit, .reset, .remediation{
    padding: 0.7% 0% !important;
}
.submit, .reset, .remediation{
    border: 1px solid #005eb8;
	color: #005eb8 !important;
	display: inline-block;
}
.submit:hover, .reset:hover, .remediation:hover{
	background: #005eb8;
    color: #fff !important;
	 border: 1px solid #005eb8;
}
.help_pop_btn{
    padding: 1.4% 0% !important;
}
 /* .submit:before, .reset:before, .remediation:before, .pop_radius_btn_1:before, .notes_print_btn:before, .pop_box a:before, .help_pop_btn:before {
   content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #005eb8;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 50px;
} 
.submit:hover, .submit:focus, .submit:active, .reset:hover, .reset:focus, .reset:active, .remediation:hover, .remediation:focus, .remediation:active, .pop_radius_btn_1:hover, .pop_radius_btn_1:focus, .pop_radius_btn_1:active, .notes_print_btn:hover, .notes_print_btn:focus, .notes_print_btn:active, .pop_box a:hover, .pop_box a:focus, .pop_box a:active, .help_pop_btn:hover, .help_pop_btn:focus, .help_pop_btn:active {
    color: #fff !important;
    background: #005eb8;
}
.submit:hover:before, .submit:focus:before, .submit:active:before, .reset:hover:before, .reset:focus:before, .reset:active:before, .remediation:hover:before, .remediation:focus:before, .remediation:active:before, .pop_radius_btn_1:hover:before, .pop_radius_btn_1:focus:before, .pop_radius_btn_1:active:before , .notes_print_btn:hover:before, .notes_print_btn:focus:before, .notes_print_btn:active:before, .pop_box a:hover:before, .pop_box a:focus:before, .pop_box a:active:before, .help_pop_btn:hover:before, .help_pop_btn:focus:before, .help_pop_btn:active:before  {
    -webkit-transform: scale(1);
    transform: scale(1);
}*/
.button_bdr_top{
	border-top: 1px solid #eee; 
    /* margin-top: 1%; */
    padding-top: 0;
	position: absolute;
    width: 93%;
	  bottom:-2%;    
}
.pop_radius_btn_1{
	margin:0% 0;
	padding:0;
}


/* ----------------------- NOTES ----------------------- */
.notes_cnt_scroll{
	/* height: 320px; */
	/* padding: 0 10px; */
}
.notes_content{
	margin: 10px 0px;
	margin-right: 8px;
}
.notes_content h3{
	color: #adadad;
    font-size: 1.5em;
    float: left;
}
.notes_content h3, .notes_content h6{
	margin: 0% 1.8%;
    font-size: 1.8em;
    color: #999;
	font-weight: bold;
}
.notes_content h6{
	float: right;
    font-size: 1.7em;
    font-weight: bold;
}
.notes_content textarea{
	color: #999;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 1.2%;
    margin-top: 1%;
    line-height: 15px;
    font-size: 1.2em;
    width: 96.8%;
	resize: inherit;
	overflow:hidden;
    /* resize: none; */
    /* height: 15px; */
}
.ui-shadow-inset {
    box-shadow: inherit !important;
	background: none !important;
}
.ui-input-has-clear {
    padding-right: 0;
}
.srch{
	padding-right:2%;
	padding-bottom: 1%;
}
.save_btn {
    display: inline-block;
    border: 1px solid #005eb8 !important;
    padding: 1% 5% !important;
    border-radius: 50px;
    color: #005eb8 !important;
    font-size: 1.5em;
    width: auto;
	 
	font-weight: 100 !important;
}
.notes_print_btn{
	display: inline-block;
    border: 1px solid #005eb8 !important;
    padding: 1% 5% !important;
    border-radius: 50px;
    color: #005eb8 !important;
    font-size: 1.5em;
    width: auto;
	  
}	
.save_btn:hover {
    color: #FFF !important;
    background: #005eb8;
    /* cursor: pointer !important; */
}
.notes_print_btn:hover{
	 color: #FFF !important;
	 background:#005eb8;
	 /* cursor: pointer !important; */
}
.save_btn:before{
	background:#b5b5b5 !important;
}	
.notes_print_btn:before{
	background:#b5b5b5 !important;
}	
/* ----------------------- NOTES ----------------------- */
.videocontent .mejs-captions-position .arrow-down {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    position: relative;
    z-index: 9;
    float: right;
    top: 34px !important;
    right: 58px;
    opacity: 0.9;
	display:none !important;
}
.videocontent .arrow-down {
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #f2f2f2;
    position: absolute;
    z-index: 9;
    float: right;
  /*   top: 0px; */
    bottom: -7Px;
    right: 15px;
	display:none !important;
}
.contentAreaFrame .arrow-down-AT {
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #f2f2f2;
    position: absolute;
    z-index: 9;
	display: none;
    /* float: right; */
  /*   top: 0px; */
/*     bottom: -7Px;
    right: 15px; */
}

.footer .arrow-down {
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #f2f2f2;
    position: relative;
    z-index: 9;
    float: right;
    top: 65px;
    right: 4.6%;
	display:none !important;
	
}
.steplistBar .info_text {
	bottom: 53px;
}
.steplistBar .arrow-down {
/* 	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #FFF;
    position: relative;
    z-index: 9;
    float: right;
    bottom: 47px;
    left: 2.2%;
	display:none; */
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ffffff;
    position: absolute;
    z-index: 9;
    float: right;
    bottom: 46px;
    /* left: 26%; */
    right: 14px;
    display: none;
}
.audioTextCC .arrow-down {
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ffffff;
    position: relative;
    z-index: 9;
    float: right;
    top: 16px;
    right: 60px;
	display:none !important;
}
.arrow_up {
	width: 1px;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #03a9f4;
    position: relative;
    z-index: 9;
    float: right;
    top: 35px;
    right: 52.7%;
}

.sub_menu_arw_open{
	width: 1px;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    z-index: 9;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.sub_menu_arw_open_plus{
	width: 1px;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    z-index: 999999;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.CourseMenu_close_btn {
	top: 10px !important;
}
.shellpopup .pop_close_btn{
	top: 10px !important;
}
.sub_menu_arw{
	width: 1px;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    z-index: 9;
    float: right;
     /*top: 50px;
    right: 17.8%; */
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.index_inner_container .sub_menu_arw{
	top: -7px;
    right: 104px;
}
.cyudisabled{
	cursor:default !important;
	opacity: 0.5;
	color: #63666a !important;
	border: 1px solid #63666a !important;
}
.cyudisabled:before{
	background:none !important;
}
 .cyudisabled:hover{
	color: #63666a !important;
	background: none !important;
	border: 1px solid #63666a !important;
 }
/* .cyudisabled:focus, .cyudisabled:active{
	color:#005eb8 !important;
	background: none;
} */
.opt {
	width: 96%;
    line-height: normal;
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: normal;
    color: #696969;
    text-align: left;
    margin-left: 30px;
    margin-bottom: 10px;
    margin-top: 3px;
    padding: 3px 0px;
}

.MCQRadio {
	width: 20px;
	height: 20px;
	position: relative;
	float: left;
	display: block;
	margin-top: 2px;
	border:1px solid #005eb8;
	border-radius:50%;
	
}
.MCQRadioSelect {
	width: 20px;
	height: 20px;
	border:1px solid #005eb8;
	border-radius:50%;
	position: relative;
	float: left;
	display: block;
	margin-top: 2px;
	cursor: pointer;
}
.MCQRadioSelect:after{
	background:#005eb8;
	width:20px;
	height:20px;
	border-radius:50%;
	content:"";
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.MCQCheck{
	width: 20px;
	height: 20px;
	position: relative;
	float: left;
	display: block;
	margin-top: 2px;
	border:1px solid #005eb8;
}
.MCQCheckSelect {
	width: 20px;
	height: 20px;
	border:1px solid #005eb8;
	position: relative;
	float: left;
	display: block;
	margin-top: 2px;
	cursor: pointer;
}
.MCQCheckSelect:after{
	background:#005eb8;
	width:10px;
	height:10px;
	content:"";
	display:block;
	position:absolute;
	top:5px;
	left:5px;
}
/* cycu screens*/
.RadioTag, .RadioTag_1, .RadioTag_2, .RadioTag_3, .RadioTag_4 {
	margin: 0px 0 0 0;
	/*	cursor:pointer;	
	float:left;*/
	width: 100%;
}
.RadioTagSelect {
	float: left;
	margin-left: 0px;
	cursor: pointer;
}
.imgRadio {
	width: 21px;
	height: 20px;
	background: url(../../../images/itemcheck.png) no-repeat;
	position: relative;
	float: left;
	display: block;
	margin-top: 2px;
}
.imgRadioSelect {
	width: 21px;
	height: 20px;
	background: url(../../../images/itemcheck.png) no-repeat;
	position: relative;
	float: left;
	display: block;
	margin-top: 2px;
	cursor: pointer;
	background-position:0px -20px;
}
/* ----------------------- CYU_COMMON ----------------------- */
.ipad_play{
	background:rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
	position:absolute;
	z-index: 999;
	top: 0px;
	text-align: center;
	left:0px;
	display:none;
}
.playButton{
	position: absolute;
	width: 10%;
    left: 40%;
    top: 40%;
}
.playButton img{
	position: absolute;
    top: 45%;
    left: 45%;
}
/* ----------------------- MEJS CUSTOM DESIGN ----------------------- */
.mejs-button button{
	margin: 0;
}
.mejs-container .mejs-controls{
	/* height: 38px !important;
	background: #f2f2f2 !important;
	position:fixed !important;
	bottom:6% !important;
	left:5% !important;
	width:90% !important; */
	/* height: 38px !important; */
    background: #f2f2f2 !important;
  /*   bottom: -9px !important; */
    left: 0% !important;
    /* width: 100% !important; */
	width: 100% !important;
	z-index: 999;
}
.footer .mejs-controls .mejs-button button{
	background-position-x: 0px !important;
	/* right: 7px; */
	/* margin-left: 2px !important; */
	/* width: 26px !important; */
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: block;
    position: absolute;
    margin: 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #ff7700;
    top: -2px;
    border-radius: 50%;
    text-align: center;
    width: 2px;
    background: #ff7700;
}
.mejs-controls .mejs-time-rail span{
	height:4px !important;
	/* border-color: #EE7700 transparent transparent transparent !important;
	top:17px !important; */
} 
.mejs-controls .mejs-time-rail .mejs-time-handle{
	top: -2px !important;
}
.mejs-fullscreen .mejs-controls div.mejs-time-rail {
	width: 74.8% !important;
    padding-top: 0.8% !important;
    margin-left: 0.5% !important;
    margin-right: 0.8% !important
}
.mejs-fullscreen .mejs-controls .mejs-time-rail .mejs-time-total{
	 width:74.8% !important; 
}
.mejs-controls div.mejs-time-rail {
	/* width: 61.8% !important; */
    padding-top: 0px !important;
    margin-left: 0.5% !important;
	height: 26px !important;
	position: relative;
    top: 13px;
	cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total{
	 /* width:61.8% !important; */ 
	/* width: 835.563px !important; */
}
.mejs-controls .mejs-time-rail .mejs-time-current{
	background:#ff7700 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: #ababab !important;
}
.custom_player_icons{
	position:absolute;
	right:5%;
	bottom:5%;
}
.custom_player_icons li a{
	cursor: pointer;
    color: #ccc;
    font-size: 1.5em;
    margin: 0px 10px;
}
.footer .mejs-button{
	   /*  padding: 0px 0px 0px 8px !important; */
		/* width: 33.7px !important; */
}
.footer  .mejs-playpause-button button{
	    /* left: 53px; */
}
.mejs-audioCC-button, .mejs-playpause-button, .mejs-pause, .mejs-replay-button, .mejs-volume-button, .mejs-mute, .mejs-fullscreen-button, .mejs-captions-button, .mejs-captions-button, .mejs-audioScript-button{
	border-right: 1px solid #e3e3e3 !important;
    /* padding: 0px 0px 0px 4px !important; */
	width: 42.8px !important;
}
.mejs-fullscreen .mejs-controls > div{
	width: 35px !important;
}
.mejs-audioScript-button{
	border-right: 0px solid #e3e3e3 !important;
	float: right !important;
    /* width: 39px !important; */
}
.mejs-replay-button button{
	background: url("../images/replay_small.png") !important;
}
.mejs-audioScript-button button{
	background: url("../images/audio_small.png") !important;
	margin-left: 11px;
}
.mejs-mute button{
	background: url("../images/audio_unmute.png") !important;
}
.mejs-unmute button{
	background: url("../images/audio_mute.png") !important;
}
.mejs-play button{
	background: url("../images/play.png") !important;
	/* margin-top: 9px !important; */
   /*  margin-left: 8px !important; */
}
.mejs-pause button{
	 background: url("../images/pause.png") !important; 
	/* margin-top: 9px !important; */
   /*  margin-left: 8px !important; */
}

.mejs-playpause-button, .mejs-pause{
	/* padding:0px !important; */
}
.mejs-fullscreen-button button{
	background: url("../images/maxmise.png") !important;
}
.mejs-audioCC-button
{
	/* background: url("../images/cc.png")  no-repeat  !important; */
}
.mejs-captions-button button{
	background: url("../images/cc.png")!important;
}
.mejs-captions-button button:hover{
	/* background: url("../images/cc_white.png") red no-repeat !important; */
}
.mejs-captions-button:hover {
	/* background: red; */
}
.mejs-container .mejs-controls .mejs-time{
    padding: 13px 1% !important;
	border-right: 1px solid #e3e3e3;
	height: 12px !important;
	width: 82px !important;
}
.mejs-fullscreen .mejs-container .mejs-controls .mejs-time{
	padding: 0.8% 1% !important;
}
.mejs-container .mejs-controls .mejs-time span{
	color:#555 !important;
}
.mejs-captions-position{
	background: rgba(242,242,242, 0.9);
    padding: 15px 0px;
    /* border-top: 5px solid #005eb8; */
	bottom: 0px;
}
.audioTextCC{
	/* background: #fff;
    padding: 10px 0px;
    border-top: 1px solid #eeeeee;
    bottom: 0px !important;
    position: absolute;
    bottom: 38px !important;
    width: 100%;
    font-size: 14px; */
	background: #fff;
    padding: 10px 0px;
    border-top: 1px solid #eeeeee;
    position: relative;
	/* bottom: 112px !important; */
    width: 100%;
    font-size: 14px;
}
.audioTextCC p{
	font-size:16px;
	text-align: center;
}
.mejs-captions-text{
	background:none !important;
	color: #666;
	font-size: 16px;
}
.mejs-controls .mejs-time-rail .mejs-time-float{
	height: 17px !important;
}
.mejs-controls .mejs-button button{
	height: 20px !important;
    width: 20px !important;
	background-repeat: no-repeat !important;
	/* background-position-x: 5px !important;
    margin-left: 5px !important; */
}
.footer_btns .mejs-pause button{
	background: url(../images/pause.png) no-repeat !important;
    height: 20px !important;
    width: 26px !important;
    top: 8px !important;
    /* left: 55px !important; */
}
.mejs-controls .mejs-captions-button button{
	height: 15px !important;
    width: 24px !important;
    margin-top: 3px !important;
    /* margin-left: 9px !important; */
}
.footer .mejs-audioCC-button button{
	width:26px !important;
}
.mejs-container-fullscreen .mejs-captions-position{
	bottom: 38px !important;
}
.mejs-container-fullscreen .mejs-audioScript-button{
	/* opacity:0.2; */
	right: 15px;
}
.mejs-container-fullscreen .mejs-audioScript-button.activeBtn button{
	/* opacity:0.2; */
	right: 15px;
}
/* ----------------------- MEJS CUSTOM DESIGN ----------------------- */

/* ----------------------- DROPDOWN CUSTOMIZATION ----------------------- */

.dropdown_select{
	border-bottom: 1px solid #eee;
    padding: 1% 0;
}
.dropdown_select > li{
	margin-bottom:1%;
	display: inline-block;
    width: 100%;
}
.dropdown_select > li > p{
	width: 67%;
    float: left;
    background: url(../images/summary_dot_bg.png) top 5px left 0px no-repeat;
    padding-left: 20px;
	font-size: 16px;
}
.dropdown_select > li > div{
	width:30%;
	float:right;
}
.sequence{
	/* padding:2% 3.3%; */
	height: 325px;
}
/* ----------------------- DROPDOWN CUSTOMIZATION ----------------------- */



/* ----------------------- FOOTER PLAYER ----------------------- */
.footer .media-wrapper {
    float: right;
    width: 100%;
}
.footer .mejs-time{
	/* display:none !important; */
}
.footer .mejs-time-rail{
	/* display:none !important; */
}
.footer .mejs-horizontal-volume-slider{
	/* display:none !important; */
}
.footer .mejs-container .mejs-controls{
	position: absolute !important;
	left: 0% !important;
	z-index: 999;
}
.footer .mejs-controls div.mejs-horizontal-volume-slider
{
	display:none !important;
}
.index_header{
	background:#005eb8;
	padding: 0%;
}
.photos{
	height:300px !important;
}
.photos img{
	/* width:400px;
	height:300px; */
}
.country{
	/* position: absolute; */
    margin-top: 25%;
	background: #fff;
    /* height: 100%; */
    width: 290px;
    /* border-bottom: 2px solid #fff; */
	box-shadow: 0px 5px 10px #b3b3b3;
	padding-bottom: 0%;
	cursor: pointer;
}
.light_grey{
	/* background: #f8f8f8;
    padding: 6% 0%; */
	float: left;
    width: 35%;
	margin-bottom: 20px;
}
.light_grey img{
	width:20px;
	height:20px;
	float:left;
	padding-left: 8%;
	padding-right: 6%;
	/* margin-top: 5px; */
}
.light_grey h3{
	float: left;
    color: #22599e;
    font-size: 1.5em;
    font-weight: bold;
	/* background: url(../images/arrow.png) left 14% center no-repeat; */
    padding-left: 0%;
}
.slider_grey_bg{
    display: block;
    margin: 4% 5% 0%;
	/* border-bottom: 1px solid #dadada; */
	padding-bottom: 2%;
}
.course-progress {
    width: 90%;
    position: relative;
    margin: 0% 5%;
    height: 2px;
	background: #dadada !important;
}
.module-progress {
    width: 100%;
    position: relative;
    height: 2px;
    background: #dadada !important;
	display: none;
}
.slider_grey_bg h1{
    color: #005eb8;
    font-size: 1.1vw;
    font-weight: bold;
	float: left;
    width: 65%;
}
.slider_grey_bg p{
	font-size: 2em;
    color: #fff;
}
.slider_grey_bg h4{
	border-bottom: 1px solid #fff;
    color: #6b6b6b;
    font-size: 1.5em;
	margin-top: 3%;
    padding-bottom: 2%;
}
.slider_grey_bg span{
	float: right;
    color: #f5570b;
    font-weight: bold;
    font-size: 1.4em;
}	
.select_language{
	border-bottom:1px solid #c3c3c3;
	width:100%;
	padding-bottom:10px;
	margin: 10px 0px 20px 0px;
}
.select_language h1{
	font-size:2.2em;
	color: #005eb8;
}	
.silde_dots li.active {
    background: #fe4f00 !important;
}
.silde_dots li{
	background: #626669;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    display: inline-block;
    padding: 0.3%;
    margin: 03% 0.3%;
	cursor:pointer;
	position: relative;
}
.silde_dots li:hover{
	background: #fe4f00;
}
.sequence li {
    background: #005eb8;
    font-size: 1.3em;
    margin-bottom: 1em;
    padding: 0.2% 1%;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
/* ----------------------- VIDEO CLICK ITEMS ----------------------- */
.click_box{
	/* margin-left: 15%; 
	height: 100%;*/
}
.click_box_left{
    float: left;
    width: 40%;
}
.click_box li{
	width:19%;
	/* height:200px; */
	float:left;
	margin-right: 0.6%;
	margin-bottom: 1%;
	cursor:pointer;
	position:relative;
	/* border:2px solid #ddd; */
}
.click_box .btns{
   /* float: none; */
}
/*.click_box_1 li{
	width:28%;
	margin-right:6%;
	height:187px;
	text-align: center;
	border: 2px solid transparent;
}*/
.click_box_1 li{
	width: 48%;
    margin-right: 1%;
    text-align: center;
    border: 2px solid transparent;
    background: #f1ecec;
    /* height: 415px; */
}
.click_box_2 li img, .click_box_3 li img{
width:100%;
}
.click_box_3 li{
	width: 31%;
	margin-top: 7%;
    margin-right: 16px;
    text-align: center;
    border: 2px solid transparent;
    background: #f1ecec;
}
.click_box_1 .btns {
    width: 47%;
}
.click_box_3 .btns {
    margin-top: 0%;
    width: 47%;
}
.click_box_3 li:nth-child(3) {
    margin-left: 0%;
}
.click_box .btns:nth-child(even){
    margin-top: 0%;
    float: right;
}
/* .click_box .btns:nth-last-of-type(1){
   margin-left:25%;
} */
/* .click_box_3 li:nth-child(1){
	margin-left: 6%;
} */
/* .click_box_3 li:nth-child(3){
	margin-top: 34px;
    margin-left: 34%;
} */
.click_box_4 li{
	width: 24%;
    margin-right: 13px;
    text-align: center;
    border: 2px solid transparent;
    background: #f1ecec;
}
.click_box_4 .btns{
   width: 47%;
}
.click_box_4 li:nth-child(1), .click_box_4 li:nth-child(3){
	margin-left: 20%;
}
.click_box_4 .btns:nth-child(1), .click_box_4 .btns:nth-child(3){
	margin-left: 0%;
}
/* .click_box_4 li:nth-child(3), .click_box_4 li:nth-child(4){
	margin-top: 32px;
 } */
.click_box_5 li{
    width: 27%;
    margin-right: 10%;
    text-align: center;
    border: 2px solid transparent;
    background: #f1ecec;
}
.click_box_4 li{
 margin-right: 1%;
}
.click_box_5 li:nth-child(4) {
    margin-left: 24%;
	 margin-right: 1%;
   
}
.click_box_5 li:nth-child(1), .click_box_5 li:nth-child(2), .click_box_5 li:nth-child(3){
margin-right: 1%;
}
.branch_pad .click_box_5 li:nth-child(4){
margin-left: 20%;
margin-right: 2%;
}
/* .click_box_5 li:nth-child(1){
  margin-left: 6%;
} */
/* .click_box_5 li:nth-child(4), .click_box_5 li:nth-child(5){
    margin-right: -19%;
    margin-left: 20%; 
} */
.click_box_5 .btns:nth-child(4), .click_box_5 .btns:nth-child(5){
    margin-right: 1%;
}
.click_box_5 li:nth-child(1){
margin-left:9%;
}
.click_box_6 li{
	width: 24%;
    margin-right: 2%;
    text-align: center;
    border: 2px solid transparent;
    background: #f1ecec;
}
 .click_box_6 li:nth-child(1), .click_box_6 li:nth-child(4){
 margin-left: 11%;
 }
.click_box_6 li:nth-child(4), .click_box_6 li:nth-child(5), .click_box_6 li:nth-child(6){
	/* margin-top: 4px; */
}
.click_box_7 li{
	width: 23%;
/*     margin-right: 4%;
 */    margin-bottom: 4%;
    text-align: center;
    border: 2px solid transparent;
    background: #f1ecec;
}
.click_box_7 .btns{
    width: 47%;
}
.click_box_7 li:nth-child(1), .click_box_7 li:nth-child(2), .click_box_7 li:nth-child(3), .click_box_7 li:nth-child(4){
 margin-right: 1%;
}
/* .click_box_7 li:nth-child(5), .click_box_7 li:nth-child(6), .click_box_7 li:nth-child(7){
    margin-right: -12%; 
    margin-left: 13%;
} */
/* .click_box_7 li:nth-child(5){
margin-left: 14%;
} */
/* .click_box_7 .btns:nth-child(5), .click_box_7 .btns:nth-child(6), .click_box_7 .btns:nth-child(7){
    margin-right: 1%;
    margin-left: 0%;
} */
.click_box_7 li:nth-child(1){
 margin-left: 1%;
}
.click_box_7 .btns:nth-child(1){
 margin-left: 0%;
}
.click_box_8 li{
	width: 23%;
    margin-right: 1%;
    margin-bottom: 4%;
    text-align: center;
    border: 2px solid transparent;
    background: #f1ecec;
}
.click_box_8 .btns{
   width: 47%;
    margin-left: 0%;
}
.click_box_8 li:nth-child(1), .click_box_8 li:nth-child(5){
margin-left:1%;
}
.click_box_8 .btns:nth-child(1), .click_box_8 .btns:nth-child(5){
margin-left:0%;
}
.click_box_1 li img{
	/* margin:5% 0%; */
}
/* .click_box li.visited, .click_box li.visited p {
    border: 2px solid #005eb8;
} */
.click_box li.visited{
  /*   border: 2px solid #005eb8; */
}
.video_cnt_img {
	/* margin: 0px 140px; */
	   margin-right: -1.70%;/*added bty pratheesh*/
	   height: 100%;
} 
.click_box_1 li:nth-child(3), .click_box_1 li:nth-child(6){
	/* margin-right:0px; */
}
.click_box li p{
	/* position: absolute;
    bottom: 0; */
   text-align: center;
    display: block;
    width: auto;
    height: 35px;
    background: #005eb8;
    padding: 3% 1.7%;
    font-size: 1.3em;
    color: #fff;
	 display: flex;
  justify-content: center;
   align-items: center;
	
}
.click_box li p span{
	/* top: 10px; */
    position: relative;
}
.click_box  .twoLineTxt p span{
	top: 0px;
    position: relative;
}
.click_box li:active p{
	background:#005eb8;
}
.branchImg_box{
    width: 59%;
    float: left;
    /* margin-right: 0%; */
    position: relative;
    right: 4%;
}
.branchImg_box img{
    width: 80%;
    float: right;
}
.sub_btn{
	position:relative;
}
.back_btn{
	z-index: 0;
	background: transparent !important;
    position: absolute;
    right: 0px;
    top: 4px;
    border: 1px solid #005eb8 !important;
    color: #005eb8 !important;
    padding: 2px 20px;
    font-size: 1.2em;
    text-transform: capitalize;
    cursor: pointer;
    width: auto !important;
    box-shadow: none;
    text-shadow: none !important;
    margin: 0px;
	display:none;
	border-radius: 20px !important;
	/* background: url(../images/back_blue_arrow.png) no-repeat !important; */
	background-position: 22px 4px !important;
	z-index: 9;
}
.back_btn1 {
    z-index: 0;
    background: transparent !important;
    position: absolute;
    right: 95px;
    top: 4px;
    border: 1px solid #005eb8 !important;
    color: #005eb8 !important;
    padding: 2px 20px !important;
    font-size: 1.2em;
    text-transform: capitalize;
    cursor: pointer;
    width: auto !important;
    box-shadow: none;
    text-shadow: none !important;
    margin: 0px;
    display: none;
    border-radius: 20px !important;
    /* background: url(../images/back_blue_arrow.png) no-repeat !important; */
    background-position: 22px 4px !important;
	z-index: 9;
}
.back_btn:focus, .back_btn1:focus{
    box-shadow: none !important;
}
.back_btn:hover, .back_btn1:hover{
	/* background: url(../images/back_arrow.png) no-repeat !important; */
    background-color: #005eb8 !important;
	color:#FFF  !important;
	background-position: 22px 4px !important;
}
.back_btn img{
	padding-right: 10px;
}
.pop_list li .web{
	background: url(../images/learningaids.png) no-repeat left 0px center;
    padding-left: 30px;
}
.pop_list li:hover .web{
	/* background: url(../images/learningaids_hvr.png) no-repeat left 0px center;
    padding-left: 30px; */
}
.bkcls_btn{
	float: right;
    display: inline-block;
    width: 10%;
    color: #005eb7 !important;
    font-size: 0.8em;
    border-bottom: 1px solid #005eb7;
    text-align: center;
    padding-top: 2%;
    cursor: pointer;
	font-weight: bold;
	margin-right: 25px;
}
.pop_list li .bkcls_btn:hover{
    background-color: #005eb8 !important;
    color:#fff  !important;
	border: 1px solid #005eb8 !important;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector{
	bottom: 35px !important;
}
.remediationBtn{
	position: absolute;
    float: right;
    right: 0%;
    z-index: 9;
    top:4px;
    color: #2f2f2f !important;
    padding: 4px 10px 4px 0px;
    display: none;
    border: 1px solid #c7c7c7;
    background: #fff;
    border-radius: 20px;
	margin-right: 2px;
}
.remediationBtn a{
	color: #ffffff !important;
    background: #005eb8;
    padding: 4px 10px;
    margin-right: 8px;
    border-radius: 18px 0px 0px 18px;
    text-transform: capitalize;
    border: 1px solid #005eb8;
}	
.debug_cont{
	position: absolute;
    top: 0.5%;
    left: 0.2%;
    background: #ffffff;
    width: 28%;
    height: 86%;
    font-size: 1.3em;
    padding: 10px 10px;
    box-shadow: 0px 1px 7px 2px #c5c5c5;
	overflow:auto;
}
/* ----------------------- new design css ----------------------- */
.answer_border {
    /* border: 2px solid #005eb8; */
    position: relative;
	display: flex;
    align-items: center;
	/* padding: 10px 0px;
	height: 30px;  
	  width: 100%; */
}
/* .cyutick {
		padding: 28px 15px;
	} */
.cyutick {
    font-size: 25px !important;
    padding: 10px 10px;
    color: #d4efff;
	/* opacity:0.5; */
	cursor: pointer;
}
.cyuenabled .answer_border:hover .cyutick, .answer_border.checked .cyutick {
    /* background: #005eb8;  */
    font-size: 25px !important;
    /* color: #fff; */	
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.cyu_effect1.answer_border.inActiveBtn :hover .cyutick{
    background:#fff;
    font-size: 25px !important;
    color: #fff;
} 
.answer_border .activeBtn{
   background: #005eb8;
   /* border: 2px solid #005eb8; */
}
.cyutick1{
	border-radius: 50%;
    color: #EDEDED;
    display: inline-block;
    font-size: 18px !important;
    margin: 0px;
    padding: 13px 14px;
    text-align: center;
	border:2px solid #bdbbbb;
}
.cyuenabled .answer_border:hover .cyutick1, .answer_border.checked .cyutick1{
	background:#005eb8;
	/* border:2px solid #005eb8; */
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.single_slct_left{
	/* width: 3%; */
    float: left;
    /* margin-right: 5%;
    margin-right: 3%; */
	cursor:pointer;
}
.single_slct_right{
text-indent: 0;
    padding-left: 2em;
	float:right;
	width:85%;
	text-align: left;
	cursor:pointer;
}
.one_right{
	float:right;
	width:84%;
	text-align: left;
	margin-top: 5%;
}
.chk_bx{
    padding: 1px 0px;
	/* height: 50px !important; */
}	
.chk_bx_cntnt {
    text-indent: 0em;
    padding-left: 2em;
}
.boxes{
	/* border:2px solid #005eb8; */
	color:#000;
	/* height: 196px;
	position: absolute; */
}
.cyu_boxes_4 li{
	width: 22%;
    float: left;
    margin-right: 4%;
	background:#eff0f0;
	/* display: flex;
    align-items: center; */
}
.cyu_boxes_4 li:hover{
	/* background:#000; */
}	
.cyu_boxes_4 li:active .blcktick{
	/* display:block !important; */
}
.blcktick.activeChkBtn{
	display:block !important;	   
}
.checked .ans_hover {
	display: block;
}
.blcktick.activeBtn{
	display:block !important;	   
}
.boxes:hover  img, .boxes.checked img{
	/* opacity:0.5; */
}
.boxes:hover, .boxes.checked{	
	/* background:#000; */
}
.boxes:hover p, .boxes.checked p{
	/* background:#CBCBCB; */
	/* color:#000;
	/* padding: 13px; 
	opacity:0.5; */
}
.deActiveStage.cyu_boxes_4 li:active .blcktick{
	display:block !important;
}
.deActiveStage .boxes:hover  img, .deActiveStage  .boxes.checked img{
	 opacity: 1; 
	 cursor: default;
}
.deActiveStage  .boxes:hover, .deActiveStage  .boxes.checked{	
	 background:none;
}
.boxes:hover p, .boxes.checked p{
	/* background:#CBCBCB; */
	/* color:#000; */
	/* padding: 13px; */
	/* opacity:0.5; */
}
.blcktick {
    color: hsl(0, 0%, 100%);
    font-size: 21px !important;
    left: 37%;
    padding: 13px;
    position: absolute;
    text-align: center;
    top: 40%;
    background: #ee7700;
    display: none;
}
.cyu_boxes_4 li:hover .blcktick{
	/* display:block; */
}
.boxes:hover .blcktick, .boxes.checked .blcktick{
	/* display:block !important; */
}
.scrpopup img{
	position: absolute;
    right: 0px;
    bottom: 0px;
}
.scrpopup.spotActive{
   /* display:block !important; */
}
.img_spot{
	text-align:center;
}
.img_spot img{
	position:relative;
	text-align:center;
	width:43%;
}
.hotspot_circle{
	position: absolute;
    top: 13%;
    left: 20%;
	position:absolute;
	top:13%;
	left:19%;
}
.hot_pop h6{
	color: #ee7700;
    font-size: 15px;
    position: absolute;
    right: 152px;
    top: -9px;
}

.hotspot_circle li{
    position: absolute;
    cursor: pointer;
    /* left: 650px; */
	left:340px; /* added by pratheesh */
    top: 63px;
}
.hotspot_circle li span{
    background: #005eb8; 
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
}
.hotspot_circle li  .spotActive{
   background: #ee7700 !important;
  
}
.hotspot_btn.spotActive{
	background: #ee7700 !important;
	background: #005eb8; 
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
}
.hotspot_circle li:nth-child(2){
	/*left: 700px;*/
	left:385px;/*added by pratheesh*/
    top: 130px;
}
.hotspot_circle li:nth-child(3){
	/* left: 0px; */
	left: -71px; /*added by pratheesh*/
    top: 116px;
}
.hotspot_circle li:last-child{
	left: -69px;
    top: 245px;
}
.hotspot_circle .active{
    opacity: 0.8;
	border: 3px solid #fff520;
}
.hotspot_circle li hr{
	/* width: 296px; */
	width: 193px; /* added by pratheesh */
    border: 1px dashed black;
    position: absolute;
    top: 19px;
    /*left: -201px;*/
	left: -100px; /* added by pratheesh */
	cursor: default;
}
.hotspot_circle li:nth-child(2) hr{
	/*width: 176px;*/
	width: 170px;/*added by pratheesh*/
    border: 1px dashed black;
    position: absolute;
    top: 18px;
    /*left: -82px;*/
	left:-76px;/*added by pratheesh*/
}
.hotspot_circle li:nth-child(3) hr{
	/* width: 176px; */
	width:148px; /*added by pratheesh*/
    border: 1px dashed black;
    position: absolute;
    top: 18px;
    left: 125px;
}
.hotspot_circle li:last-child hr{
	/* width: 176px; */
	width: 180px;
    border: 1px dashed black;
    position: absolute;
    top: 18px;
    left: 125px;
}
.hot_spot1{
	left: 200px;
    top: 0px;
}	
.hot_spot2{
	left: 100px;
    top: 90px;
}	
.hot_spot3{
	left: 265px;
    top: 215px;
}	
.hot_pop{
	position: absolute;
    top: -3px;
    color: #000;
    right: 125px;
    font-size: 22px;
    font-weight: bold;
}
.clickNxtInfo{
	position: absolute;
    bottom: 3px;
    right: 0;
    background: #03A9F4;
    padding: 1% 0;
    color: #fff;
    display: none;
    z-index: 9;
    font-size: 17px;
    width: 100%;
	opacity:0;
    text-align: center;
}
.video_bg{
	background: url(../images/video_bg.png) no-repeat right 25px center;
    padding-right: 55px !important;
}
.video_bg:hover{
	background: url(../images/video_bg_hvr.png) no-repeat right 25px center #12294b;
}
.menuvisited.video_bg:hover{
	background: url(../images/video_bg_hvr.png) no-repeat right 25px center #12294b;
	color:#fff !important;
	opacity: 1;
}	
.menu_items li.menuvisited, .menu_items li.menuactive {
	opacity: 1;
}	
.video_bg.menuactive{
	background: url(../images/video_bg_hvr.png) no-repeat right 25px center #03a9f4 !important;
    padding-right: 55px !important;
	color: #fff !important;
	opacity: 1;
}
.cyu_rt_bg img{
    /* right: 0%;
    bottom: 14.9%;
    margin: 2px 20px; */
    border: 1px solid #bbbbbb;
    background: #dad9d9;
    float: right;
}
.cyu_bg{
	background: url(../images/cyu_bg.png) no-repeat right 25px center;
    padding-right: 55px !important;
}
.cyu_bg:hover{
	background: url(../images/cyu_bg_hvr.png) no-repeat right 25px center #12294b;
    padding-right: 55px !important;
}
.menuvisited.cyu_bg:hover{
	background: url(../images/cyu_bg_hvr.png) no-repeat right 25px center #12294b;
	color:#fff !important;
}	
.cyu_bg.menuactive{
	background: url(../images/cyu_bg_hvr.png) no-repeat right 25px center #03a9f4 !important;
    padding-right: 55px !important;
	color: #fff !important;
}
.sum_obj{
	background: url(../images/sum_obj.png) no-repeat right 25px center;
    padding-right: 55px !important;
}
.sum_obj:hover{
	background: url(../images/sum_obj_hvr.png) no-repeat right 25px center #12294b;
}
.obj{
	background: url(../images/obj.png) no-repeat right 25px center;
    padding-right: 55px !important;
}
.obj:hover{
	background: url(../images/obj_hvr.png) no-repeat right 25px center #12294b;
}

.menuvisited.sum_obj:hover{
	background: url(../images/sum_obj_hvr.png) no-repeat right 25px center #12294b;
	color:#fff !important;
}	
.sum_obj.menuactive{
	background: url(../images/sum_obj_hvr.png) no-repeat right 25px center #03a9f4 !important;
	color: #fff !important;
}
.menuvisited.obj:hover{
	background: url(../images/obj_hvr.png) no-repeat right 25px center #12294b;
	color:#fff !important;
}	
.obj.menuactive{
	background: url(../images/obj_hvr.png) no-repeat right 25px center #03a9f4 !important;
	color: #fff !important;
}
.activeBtn, .mejs-captions-enabled{
   background: #005eb8 !important;
   color: #FFF !important;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	opacity: 1;
}
.activeChkBtn{
   background: #ee7700 !important;
   color: #FFF !important;
}
.mejs-captions-enabled button{
	background: url(../images/cc_white.png)!important;
}
.mejs-audioScript-button.activeBtn button{
	background: url(../images/audio_white.png)!important;
	width: 19px !important;
    /* right: 12px; */
}
.mejs-audioCC-button.activeBtn button{
	background: url(../images/cc_white.png)!important;
}
.border_none{
	display:none;
}
.feedback_text p{
	font-size:23px;
}
.notes_container{
	height:310px !important;
}	
.cyu_fdbk_txt {
    margin: 23px 0px 50px 0px !important;
}
.clrbold{	
    font-weight: bold;
    color: #005eb8;
}
.optnbold{
    font-weight: bold !important;
    color: #005eb8 !important;
}
.dropdown_cntr{
   width:80%;
}
.txtshow{
   display: block !important;
}
.ckyu_img_mob{
	display:none;
}
/* .ptxt{
    font-size: 16px;
	color: #666;
   
    padding-bottom: 10px;
} */

.ptxt{
	font-size: 1.22em;
    color: #666;
    /* font-weight: bold; */
    /* padding-bottom: 5px; */
	padding: 5px 0px 5px 0px;
}
.question_hotspot{
	text-align:left !important;
	width:50% !important;
}
.p_subtxt{
    /* font-weight: bold;
    color: #696666 !important; */
}
.list_point li{
    color: #666 !important;
}
.staticTxt{
    margin-top: 30px !important;
    font-size: 14px;
    width: 70%;
}

/*------------------------------------New---------------------------*/
.instruction_text {
	color: #f15c30;
	/* font-style: italic; */
	margin-bottom:15px;
}
/* .instruction_text p {
	color: #f15c30;
	font-style: italic;
	margin-bottom: 0px;
} */
.instruction_text p strong {
	font-weight: bold;
}

.name_scetion_padding {
    margin-right: 10px;
}

.instruction_text {
	bottom: 30px;
}



.draggableAreaMobile {
	display: block;
}
.clearFix {
	clear: both;
}


/*00000000000000000000000feedback starts here00000000000000000000000*/
.hideDesk {
	display: none;
}

/*feedback*/
.feedbackLast{
	z-index:99;
}


/*feedback*/


.DND-header {
    color: #fff;
    font-weight: bold;
    margin-bottom: 1px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
	white-space:pre;
}

.dragble_padding_right p{
	background:none repeat scroll 0 0 #626262;
    margin-bottom:1px;
	padding:15px 0;
    text-align:center;
    width:100%;
	color:#fff;
	font-weight:bold;
}
/* .mejs-time-handle{
	display:block !important;
} */
.dragble_padding_left p{
	background:none repeat scroll 0 0 #626262;
    margin-bottom:1px;
    padding:15px 0;
    text-align:center;
    width:100%;
	color:#fff;
	font-weight:bold;
}

.rdio_chk {
  -webkit-padding-before:5px!important;
}
.m1_drag_box {
	width: 41%;
}
.m1_drop_box {
	width: 41%
}
.m1_drop_box_bg {
	width: 41%;
}
.drag_name_box {
	width: 18%;
}
.draggableAreaMobile {
	display: none;
}
.feedbackLast{
	z-index:99 !important;
}
.draggableArea {
	display: none;
}
.draggableAreaMobile {
	display: block;
}
.Mob_chooser {
	background-color: #FFF;
	border: 2px solid #FFF;
	margin-bottom: 10px;
}
.Mob_chooser h3 {
	text-align: center;
	display: block;
	background: #3abec0;
	padding: 10px 0;
	color: #fff;
	margin-bottom: 5px;
	cursor: pointer;
}
.selectors {
	background-color: #e87352;
	padding: 10px;
	color: #FFF;
	cursor: pointer;
	text-align: center;
}
.active {
	background: #005eb8 !important;
	color: #fff !important;
	/* z-index:99999; */
}
.div_margin {
	/*height: 6px;*/
}
.instruction_text {
	display: block;
}
.instruction_top {
	color: #f15c30;
	margin-bottom: 5px;
}
.topText {
	margin-bottom: 5px;
}
.mobileDragAndDrop {
}
.tableQusHolderRow {
	display: table-row;
}
.tableNumberDnD {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}

.tableQusHolder {
	display: table;
	/* height: 88px; */
	width: 100%;
}
.opt{
	margin-bottom:0px;
	margin-left:10px;
	width:auto;
}
.mobileDragAndDrop {
	margin-bottom: 4%;
	position: relative;
}
.mobileDragAndDrop  .selectBoxDnD ul{
	/*width:83%;*/
}
.QustionDnD {
	color: #6a514c;
	display: table-cell;
	font-weight: bold;
	padding: 8px;
}
.selectBoxDnD {
	color: #005eb8;
	left: 12%;
	/* position: absolute; */
	right: 72%;
	top: 0px;
	/* height: 32px; */
	  overflow: hidden;  
	z-index: 99;
}

.selectBoxDnDHidden {
	height: inherit;
	  overflow: inherit; 
	z-index: 100;
	
}
.selectBoxDnD ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.selectBoxDnD > ul > li {
    padding: 5% 20% 5% 10%;
    position: relative;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    background: #f1f1f1;
    color: #777;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    z-index: 9;
}
.drpNumber{
    padding-right: 5px;
    margin-right: 5px;
    position: relative;
}
.drpHotspot .selectBoxDnD > ul > li {
    padding: 11px 25% 16px 5%;
}
.drpHotspot .optHTxt{
	padding: 5% 2% 5% 5%;
	    width: 100%;
    display: initial;
    border-left: 1px solid #b1b2b4;
}
.elips.sel_opt > i {
	font-style: italic;
}
.selectBoxDnDHidden .elips.sel_opt{
	font-style:normal;
}
span.rdio_chk,span.chk{
	margin-right:4px;
}
.selectBoxDnD ul li.elips span.rdio_chk:after,.selectBoxDnD ul li.elips span.rdio_chk:before {
	display: none;
}

/* .selectBoxDnDHidden .elips {
	font-style: italic;
} */
.selected {
	/*background: #b0573d;*/
	cursor: default;
}
.dropArrow {
	position: absolute;
	cursor: pointer;
	right: 17px;
	top: 15px;
	z-index: 99;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #005eb8 transparent transparent transparent;	
}
.pop_close{
	/* top: 2px !important; */
}
.hideDesk {
	display: block;
}
.draggableArea {
	display: none;
}
.pointer {
	cursor: pointer;
}
.elips{
	/*width: 215px;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -moz-binding: url('ellipsis.xml#ellipsis');
	line-height:12px;
	/* font-style: italic; */
}
.summary_bg img, .obj_bg img{
	bottom: 5%;
    width: 200px;
}
.summ_cnt{
	width:68%;
}
.slct_right{
	width: 25%;
	margin-right: 18%;
	margin-top: 4%;
}
.row3dropImages{
margin-left:13%;
}
.image_slct_dpdown_4, .image_slct_dpdown_3, .image_slct_dpdown_2, .image_slct_dpdown_5, .image_slct_dpdown_6{
	margin: 0px;
    float: none;
    width: 100%;
	margin-top: 4%;
}
.image_slct_dpdown_4 .mobileDragAndDrop, .image_slct_dpdown_3 .mobileDragAndDrop, .image_slct_dpdown_2 .mobileDragAndDrop, .image_slct_dpdown_5 .mobileDragAndDrop, .image_slct_dpdown_6 .mobileDragAndDrop{
	width: 23%;
    float: left;
    margin-right: 2%;
	background: #f1f1f1;
}
.image_slct_dpdown_3 .mobileDragAndDrop{
	width: 31.5%;
    margin-right: 2.5%;
}
.image_slct_dpdown_2 .mobileDragAndDrop{
	width: 48.5%;
    margin-right: 2.5%;
}
.image_slct_dpdown_5 .mobileDragAndDrop{
	width: 18%;
}
.image_slct_dpdown_6 .mobileDragAndDrop{
	width: 14%;
 }
.image_slct_dpdown_3 .mobileDragAndDrop:last-child, .image_slct_dpdown_2 .mobileDragAndDrop:last-child, .image_slct_dpdown_4 .mobileDragAndDrop:last-child, .image_slct_dpdown_5 .mobileDragAndDrop:last-child, 
.image_slct_dpdown_6 .mobileDragAndDrop:last-child{
	margin-right:0px;
}	
.image_slct_dpdown_4 .mobileDragAndDrop .selectBoxDnD, .image_slct_dpdown_3 .mobileDragAndDrop .selectBoxDnD, .image_slct_dpdown_2 .mobileDragAndDrop .selectBoxDnD, .image_slct_dpdown_5 .mobileDragAndDrop .selectBoxDnD,.image_slct_dpdown_6 .mobileDragAndDrop .selectBoxDnD{
	/* padding: 5px 5px; */
	position: relative;
	left: 0px;
	right: 0px;
}
.image_slct_dpdown_2 .mobileDragAndDrop .slct_img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.image_slct_dpdown_3 .mobileDragAndDrop .selectBoxDnD .dropArrow{
	top:22px;
}
.image_slct_dpdown_4 .mobileDragAndDrop .selectBoxDnD > ul > li, .image_slct_dpdown_3 .mobileDragAndDrop .selectBoxDnD > ul > li , .image_slct_dpdown_2 .mobileDragAndDrop .selectBoxDnD > ul > li , .image_slct_dpdown_5 .mobileDragAndDrop .selectBoxDnD > ul > li , .image_slct_dpdown_6 .mobileDragAndDrop .selectBoxDnD > ul > li {
	background:#fff;
	border: 1px solid #e6e6e6;
}
.sub_slct {
    position: absolute;
    top: 36px;
    z-index: 99999;
    width: 98%;
    left: 1%;
    border: none;
    border-radius: 10px;
    border-bottom: none;
    box-shadow: 0px 0px 3px #8c8b8b;
    display: none;
}
.sub_slct > li{
	background:#fff !important;
	border-bottom:1px solid #e4e4e4 !important;
	border-radius: 0px !important;
	padding: 7px 10px;
	cursor:pointer;
	color: #9c9c9c;
}
.sub_slct > li > span{
	font-size: 14px;
}
.sub_slct > li:first-child{
	border-radius: 10px 10px 0px 0px !important;
}
.sub_slct > li:last-child{
	border-radius: 0px 0px 10px 10px !important;
}
.sub_slct > li:hover{
	background:#005eb8 !important;
}
.sub_slct > li:hover{
	color:#fff !important;
}
.slct_img{
	position:relative;
	/* margin-top: 15%; */
}
.slct_img_ul{
	position: absolute;
    top: 0%;
    left: 16%;
    width: 40%;
    /* height: 600px; */
    z-index: 1;
    margin-top: 8.5%;
}
.slct_img_ul li:first-child{
	top: 17%;
    position: relative;
    left: 25%;
}
.slct_img_ul li{
    width: 70%;
	margin-bottom: 0.4%;
}
.slct_img_ul li:nth-child(2){
	top: 21%;
    position: relative;
    left: 17%;
	width: 77.3%;
}
.slct_img_ul li:nth-child(3){
	top: 22%;
    position: relative;
    left: 24%;
	width: 71%;
}
.slct_img_ul li:last-child{
	top: 24%;
    position: relative;
    left: 30%;
}
.slct_img_ul li hr{
	left: 10%;
	width:100%;
}
.slct_img_ul li:first-child hr{
    border: 1px dashed #005eb8;
    position: absolute;
    top: 48%;
}
.slct_img_ul li:nth-child(2) hr{
    border: 1px dashed #005eb8;
    position: absolute;
    /* top: 17px; */
    top: 46%;
}
.slct_img_ul li:nth-child(3) hr{
    border: 1px dashed #005eb8;
    position: absolute;
    top: 48%;
}
.slct_img_ul li:last-child hr{
    border: 1px dashed #005eb8;
    position: absolute;
    top: 48%;
}
.slct_img_ul_text li{
	/* font-size: 1.2vw; Drop down font issue */
	font-size: 16px;
    margin-bottom: 5px;
    color: #777;
}
.slct_img_ul_text_right_drop .selectBoxDnD > ul > li {
    padding: 4% 20% 4% 10%;
}
.slct_img_ul_text_lt{
	margin-top: 0%;
    float: left;
    width: 63%;
}
.slct_img_ul_text_lt_dd{
	color: #005eb8;
    z-index: 99;
    width: 33%;
}
.slct_img_ul_text_right{
	width:100%;
}
.slct_img_ul_text_right_drop{
	float: right;
    width: 33%;
}
.slct_opt{
	/* margin-top: 33%; */
}
.slct_arw{
	background: #ffffff;
	width: 24px;
    height: 77%;
    position: absolute;
    right: 12px;
    z-index: 9999 !important;
    top: 7px;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
    display: none;
}
.selctImageDrop .slct_arw{
	background: #ffffff;
	width: 24px;
    height: 77%;
    position: absolute;
    right: 12px;
    z-index: 9999 !important;
    top: 7px;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
    display: none;
}
.selctImageText .slct_arw{
	background: #ffffff;
	width: 24px;
    height: 77%;
    position: absolute;
    right: 12px;
    z-index: 9999 !important;
    top: 7px;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
    display: none;
}
.index_cnt_wrapper{
	width:63%;
	margin-bottom: 1%;
	margin-top: 0.5%;
}
.steplistBar{
	height: 53px;
	background: white;
	/* border: 1px solid #edeced; */
	position: absolute;
    width: 100%;
    bottom: -11%;
}
.slide_dots li:not(.firstLast).activedot {
	/* background: #fe4f00 !important; */
}
.slide_dots li:not(.firstLast){
	/* background: #626669;
	width: 2px;
	height: 2px; */
	border-radius: 50%;
	display: inline-block;
	padding: 0.3%;
	margin: 03% 0.3%;
	cursor:pointer;
}
.slide_dots {
	counter-reset: quote-counter 0;
	list-style-type: none;
	font-size: 12px;
	line-height: 14px;
	padding-left: 10%;	
	padding-top: 10px;
}
.slide_dots.slide_dots_1 {
	/* counter-reset: quote-counter 4; */
	list-style-type: none;
	font-size: 12px;
	line-height: 14px;
	padding-left: 10%;	
	/* padding-top: 3px; */
}
.slide_dots li {
  position: relative;
  padding: 5px 0 5px 30px;
}
.slide_dots li:not(.firstLast):before {
	content: attr(data-before);
    /* counter-increment: quote-counter; */
    height: 23px;
    width: 23px;
    /* border: 1px solid #626669; */
    border-radius: 50%;
    color: #626669;
    text-align: center;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #ffffff;
    border: 1px solid #005db8;
    line-height: 23px;
}

.autoPlay .slide_dots li:hover:not(.firstLast):before {
	/* content: counter(quote-counter); */
	content: attr(data-before);
	/*counter-increment: quote-counter;*/
	height: 14px;
	width: 14px;
	/* border: 1px solid #626669; */
	border-radius: 50%;
	color: #005eb8;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
}
.slide_dots li.activedot:not(.firstLast):before {
/* 	content: counter(quote-counter);
	counter-increment: quote-counter; */
	content: attr(data-before);
	/* border: 1px solid #626669; */
	border-radius: 50%;
	color: white;
	text-align: center;
	position: absolute;
	left: 2px;
	top: 2px;
	background: #005eb8;
}
.slide_dots li:not(.firstLast):hover{
	/* background: #fe4f00; */
}
.steplistBar .slide_dots li:not(.firstLast){
	width: 20px;
	height: 20px;
	border-radius: 50%;
	padding: 0.4%;
	margin: 5px;
}
.steplistBar .firstLast{
	padding: 0.4%;
	margin: 1% 0.6% 0 0.6%;
	display:inline-block;
	cursor: pointer;
	width: 10px;
	height: 20px;
} 	
.steplistBar .switch{
	float:right;
}
.switch {
	position: relative;
	display: inline-block;
	width: 47px;
	height: 20px;
	top: 16px;
	right: 10px;
}
.steplistBar span{
	float: right;
	right: 1.5%;
	position: relative;
	top: 16px;
	font-size: 1.3em;
	font-weight: bold;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #626669;
  -webkit-transition: .4s;
  transition: .4s;
}
.dots_grp img{
	float: left;
	bottom: 2px;
	position: relative;
	height: 15px;
	margin-bottom: 2px;
	width: 10px;
}
.slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 4px;
	bottom: 4px;
	background-color: #FFF;
	-webkit-transition: .4s;
	transition: .4s;
	top: 3px;
}

input:checked + .slider {
  background-color: #005eb8;
}

input:focus + .slider {
  box-shadow: 0 0 1px #005eb8;
}

input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.slider.round {
	border-radius: 50px;
}
.slider.round:before {
  border-radius: 50%;
}
.steplisticon {	
	height: 100%;
	width: 42px;
	float: right;
	background-image: url("../../framework/images/info_icon.png");
	background-repeat:	no-repeat;
	background-position: 8px 12px;
	cursor:pointer;
	border-left: 1px solid #e3e3e3;
}
.steplisticon:hover {
	background: #005eb8;
	background-image: url("../../framework/images/info_icon_white.png");
	background-repeat:	no-repeat;
	background-position: 7px;
	border-left: 1px solid transparent;
}
.steplisticon.activebtn {
	background: #005eb8;
	background-image: url("../../framework/images/info_icon_white.png");
	background-repeat:	no-repeat;
	background-position: 7px;
	border-left: 1px solid transparent;
}
.leftContent_mobile{
	display:none;
}
.audio_transcript_ul{
	/* list-style: inherit !important; */
	padding-left: 20px;
	list-style-type:disc;
}
.audio_transcript_p{
	list-style: disc; 
	padding-left: 20px;
	 /* list-style-type:; */
}
.bookmark_img{
margin-right:10px;
}
.txt_option_img{
	font-weight:normal !important;
}
.inner_padding{
	padding: 3.85% 0% !important;
}
.cyu_image_cont div{
	display: table-cell;
    vertical-align: middle;
	padding: 5px;
}
.cyu_image_cont{
	position: absolute;
    bottom: 0px;
    height: 45px;
    background: #005db8;
	color: #FFF; 
    width: 100%;
    font-size: 14px;
	margin: auto;
	padding: 0.8%;
	display:table;
}
.inner_padding_cyu_Image{
	padding:none;
}
.boxes_answers{
	background:#e4e4e4;
}
.at_title{
	font-size: 16px;
    font-weight: bold;
    /* padding-left: 10px; */
    position: inherit;
    padding-top: 3px;
    color: #2e6dab;
    border-bottom: 1px solid #2e6dab;
    width: 93%;
    margin: 0 10px;
    padding-bottom: 4px
}
.pop_srch_options .ui-input-search  input{
	width:95% !important;
}

.option_text{
	cursor:pointer;
}
#info_close img{
	width:66% !important;
}
.listStyle li {
    margin-left: 40px;
    background: none !important;
    list-style-type: decimal;
    padding-left: 3px !important;
}
.click_box li.visited p {
    background: #ee7700;
}
.printBxHdr{
   margin:3% 10% 3% 10%;
}
.ntPrntData{
   margin-left:4% !important;
   margin-right:3% !important;
}
.prntTitle{
   font-size:16px !important; 
   margin-bottom:1.5% !important;
}
.prntTitleNum{
   font-size:16px !important;
   float:right;
}
.print_notes{
   font-size:14px;
   margin-bottom:1.5% !important;
}
.print_crntScrn{
   font-size:12px;
   margin-bottom:1.5% !important;
}
.print_notes .audio_transcript_p li{
   font-size:20px !important;
   margin-bottom:1.5% !important;
}
.printScrnImg{
   margin-left:12% !important;
   margin-bottom:1.5% !important;
   width:73%!important;
   height:30% !important;
}
.printScrnImg_1{
   margin-left:8.5% !important;
   margin-bottom:1.5% !important;
   width:80%!important;
   height:30% !important;
  /*  border:1px solid black; */
}
.mainprogress{
	/* width: 10%;
   position: absolute;
   top: 56%;
   left: 42%;
   background: #65e2ff; */
   width: 100%;
    position: absolute;
    /* top: 10px; */
    /* left: 42%; */
    background: #65e2ff;
    margin: auto;
    bottom: 44px;
}
.courseSlide{
	width: 0%;
    background: #ff7700;
    height: 2px;
}
.moduleSlide{
	width: 0%;
    background: #ff7700;
    height: 2px;
}
#module_list .moduleBtn{
	padding:0 0px;
	background:#f5f5f5;
}
.moduleBtn{
	/* opacity: .5; */
}
.moduleBtn.moduleClicked{
	opacity: 1;
}

.progressDiv{
	width: 0%;
    background: #ff7700;
    height: 2px;
}
.main_percent{
	position: absolute;
    top: 0px;
    color: #fff;
    right: 0px;
    margin-top: 10px;
    font-size: 14px;
	display:none;
}
.Prnt_CurrentMod{
    /* padding-bottom: 1px; */
	font-weight:bold;
	border-bottom: 1px solid black;
}
.audio_transcript_prnt{
   font-size:14px !important;
   margin-bottom:1.5% !important;
}
.margn_left_15 {
   margin-left:15px !important;
}
.margn_left_20 {
   margin-left:20px !important;
}
.margn_left_25 {
   margin-left:25px !important;
}
.margn_left_30 {
   margin-left:30px !important;
}
.margn_left_35 {
   margin-left:35px !important;
}
.margn_left_50 {
   margin-left:50px !important;
}
.curntScrn_Prnt{
   margin-left:9% !important;
   margin-right:13% !important;
}
.Prnt_data{
   margin-left:12% !important;
   margin-right:14% !important;
}
.gloss_title img{
	display:none;
}

/* module_pop */
	.module_pop_container{
		top:0%;
		height:90%;
	}
	.module_index_header{
		background:none;
		padding: 0px;
	}
	.module_index_header .center_part{
		/* margin-top: 80px; */
	}
	.module_index_header .left_end{
		background: #;
		display: inline-grid;
		text-align: center;
		padding: 10px 20px;
		border-radius: 0px;
	}
	.module_index_header .logo{
		background:#005eb8;
		/* width: 45%; */
	}
	.module_index_header .title h1, .module_index_header .title h3{
		color:#fff;
		font-weight: bold;
		font-size: 1.5vw;
	}
	.module_index_header .title h3{
		font-weight:normal;
		font-size: 23px;
	}
	.module_index_header  .course_logout_clkbtn{
		color: #fff !important;
		font-size: 35px;
		font-weight: 300;
		position: absolute;
		right: 30px;
		top: 20px;
		
	}
	.module_index_header  .course_logout_clkbtn_1{
		color: #fff !important;
		font-weight: 300;
		position: absolute;
		right: 2%;
		cursor:pointer;
	}
	.moduleBtn{
		cursor:pointer;
	}
	.moduleBtn img{
		margin-bottom:10px;
		max-width:100%;
	}
	.moduleBtn div.mod_div {
    margin: 0px 0px 10px 0px;
    color: #888888;
    font-size: 1.2em;
    font-weight: normal;
    text-align: left;
	}
	/* .moduleBtn span{
		font-size: 1vw;
		border: 2px solid #b9b9b9;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		position: relative;
		top: -5px;
	} */
	.moduleBtn h2 {
    text-align: left;
    font-size: 1.3em;
    color: #888888;
    margin-bottom: 1.5vh;
}
	.moduleBtn h3{
		margin: 0px 0px 10px 0px;
		color: #888;
		font-size: 1.5em;
		height: 60px;
		text-align: left;
		font-weight: 600;
		white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2em;
	}
	.module_bar{
		position: relative;
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.loader_1{
		width: 100%;
		border: 1px solid #ddd;
	}
	.loader_2{
		position: absolute;
		width: 80%;
		border: 1px solid #ff7700;
		bottom:0px;
	}
	.loader_round span{
		position: absolute;
		background: #ff7700;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		top: -5px;
		right: 0px;
	}
	.slidePercent{
		color: #ff7700;
		font-size: 20px;
		margin-bottom: 5px;
	}
	.slidePercent span{
		font-weight: bold;
	}	
	.owl-nav{
		display:none;
	}	
	.owl-theme .owl-dots .owl-dot.activeModule span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #ff7700 !important;
	}
	.owl-theme .owl-dots {
		margin: 30px 20px 0px 20px;
	}
 	.modulecontinue_clkbtn{
		 margin-right:15px;
	}
	/*.modulecontinue_clkbtn_1{
		width: 25px;
		position: absolute;
		left: 54px;
		padding:5px;
		top:5px;
	 
	} */
	.owl-carousel.owl-loaded {
		padding-top: 10px !important;
	}
/* module_pop */
.video_container{
	display: none;
    margin: 3% auto;
    text-align: center;
    height: 72vh;
    position: relative;
}
.introVideo{
	width:55%;
	margin:0 auto;
    position: relative;
}
#custom-seekbar {
	cursor: pointer;
    height: 10px;
    overflow: hidden;
    position: relative;
    width: 87%;
    top: 4px;
    float: left;
    /* background: #ababab; */
}
.custom-seekbar {
	cursor: pointer;
	display: inline-block;
    height: 6px;
	margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
    top: 4px;
}
.custom-timer {
	position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background: gray;
    top: 6px;
}
#custom-seekbar span.time-current{
	background-color: #ff7700; position: absolute; top: 2px; left: 0; height: 3px;
}
#custom-seekbar span.time-handle{
	background-color: #ff7700; position: absolute; top: 0; left: 0; height: 6px; width: 6px; border-radius: 50%; z-index: 9999;
}
#play-pause {
	width: 1.5%;
    height: 20px;
    cursor: pointer;
    float: left;
    position: relative;
    left: 3px;
    top: 1px;
    margin-right: 1%;
}
#play-pause.play {
	background: url('../images/pause.png') no-repeat center;
}
#play-pause.pause {
	background: url('../images/play.png') no-repeat center;
}
.continue_btn.modulecontinue_clkbtn {
	cursor: pointer;
    float: right;
    padding: 7px 4px;
    background-color: #12294b;
    color: #fff;
    width: 8%;
    text-align: center;
    margin: 0px;
    margin-top: -5px;
    right: 0px;
    font-size: 12px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.continue_btn.modulecontinue_clkbtn:hover {
	background-color: #005db8;
}
.intro_player_bg{
	background: #efefef;
    position: absolute;
    width: 100%;
    padding: 5px 0px 0px;
	margin-top: -6px;
}
.course_plus{
	color: #fff !important;
    font-size: 30px;
    font-weight: 300;
     position: absolute;  
    /* right: 1.5vw; */
	background: url(../../framework/images/plus.png) no-repeat center;
    width: 24px;
    height: 24px;
	cursor:pointer;
}

.srch_module .ui-alt-icon.ui-icon-search:after, .ui-alt-icon .ui-icon-search:after, .ui-input-search:after{
	right:auto;
	background:url(../../framework/images/search.png) no-repeat center top 0px;
	width: 30px;
    height: 30px;
	margin-top: -15px;
	display:none;
}
.gloss_description{
	overflow:auto;
}
.gloss_description p{
	height:250px;
	margin-right: 10px;
}
.srch_module .ui-input-search:after{
	margin-top: -12px;
}
.srch_right .ui-input-search input {
    padding-left: 0;
	font-size: 1.2em;
}
.pop_hdrpart span{
	margin-left: 9px;
    top: 3px;
    position: relative;
	background: none;
}
.srch_module{
	float: right;
    width: 30% !important;
    font-size: 1.2vw;
    border: none;
    height: 40px;
    margin-right: 30px;
    padding: 0px;
	border-bottom: 1px solid #c5c5c5 !important;
	line-height: 2.4em;
}
.courseRunInfo{
	font-size:2vw;
	position: relative;
    top: 30vh;
	color: #717070;
}
.modules_padd{
	padding:0px 20px 0px;
}

.NoOfModules {
	float: right;
	margin: 10px 0 0 0;
}
.moduleContainer {
	width: 90%;
	margin: 0 auto;
	float: left;
}
#leftMenuBtn {
	float: left;
	width: 5%;
	height: 60px;
	margin-top: 15%;
	padding-top: 10px;
	background: url(../../framework/images/left.png) no-repeat center;
	cursor: pointer;
}
#rightMenuBtn{
	float: left;
	width: 5%;
	height: 60px;
	margin-top: 15%;
	padding-top: 10px;
	background: url(../../framework/images/right.png) no-repeat center;
	cursor: pointer;
}
#leftMenuBtn:hover {
    background: url(../../framework/images/left_hvr.png) no-repeat center;
}
#rightMenuBtn:hover {
    background: url(../../framework/images/right_hvr.png) no-repeat center;
}
#leftMenuBtn.disabled {
	background: url(../../framework/images/left.png) no-repeat center;
	opacity: 0.4;
	cursor: default;
}
#rightMenuBtn.disabled {
	background: url(../../framework/images/right.png) no-repeat center;
	opacity: 0.4;
	cursor: default;
}
.quick_preference{
	background: #0455a1;
    padding: 10px 10px 10px 35px;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
	background: url(../../framework/images/download.png) 8px center no-repeat #0455a1;
}
.pdfContent{
	display: none;
	left: 15px;
    position: relative;
    width: auto;
    height: auto;
    float: left;
    z-index: 99;
       bottom: -16px;
}
/* SUSHMITHA */
.heading{
	font-size:28px !important;
	color:#6d6d6d;
	text-align:center;
}
.jumbotron{
	width: 80px;
    float: left;
    height: 80px;
/*     padding: 10px;
    border: 1px solid #dcd8d8;
    border-radius: 5px;
    background: #f7f7f7;
    margin-right: 20px; */
	text-align:center;
}
.jumbotron object{
	width: 55px;
    height: 70px;
}	
.col-md-9 x1{
	width:80%;
	display: flex;
	align-items: center;
}
.col-md-9{
	height:50%;
	display: flex;
	align-items: center;
	/* justify-content: center; */
	clear: both;
	margin-bottom: 10px;
}
.col-md-6{
	width:60%;
}
/* .col-md-3{
	width:11%;
	float:left;
} */
.grid6{
	/* display: flex; */
	width:83%;
	/* align-items: center; */
}
.imgclo1{
	margin-left:85px; 
	margin-top:10px;
	width:20px;
	height:20px;
}
.two{
/* margin-top:15%; */
}
.img1{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:65px;
	height:65px;
}
.text-center12{
	color:#505050;
	font-size:12px;
	font-width:600;
	margin-bottom: 10px;
}
.con1{
	color:#505050;
}
.note{
	font-weight:600;
	font-size: 1.3vw;
}
@media (max-width:1000px) {
	.col-md-6 {
		width:60%;
		margin:auto;
	}
}
@media (max-width:500px) {
	.grid6 {
		display: flex;
		align-items: center
	}
}
@media screen and (max-width: 1411px) and (min-width: 850px) {
    .col-md-3{
		width: 14% !important;
		margin-right: 3%;
    }
}
@media screen and (max-width: 850px) and (min-width: 700px) {
    .col-md-3{
        width:24% !important;
    }
}
@media screen and (max-width: 700px) and (min-width: 560px) {
    .col-md-3{
        width:30% !important;
    }
}
@media screen and (max-width: 560px) and (min-width: 522px) {
    .col-md-3{
        width:33% !important;
    }
}
@media screen and (max-width: 522px) and (min-width: 470px) {
    .col-md-3{
        width:36% !important;
    }
}
@media screen and (max-width: 470px) and (min-width: 410px) {
    .col-md-3{
        width:40% !important;
    }
}
@media screen and (max-width: 410px) and (min-width: 380px) {
    .col-md-3{
        width:45% !important;
    }
}
@media screen and (max-width: 380px) and (min-width: 300px) {
    .col-md-3{
        width:50% !important;
    }
}
 
 
 
 
@media only screen and (min-device-width : 2160px) and (max-device-width : 3840px) {
.blcktick {
     font-size: 46px !important;
}
}
@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
 
.click_box_2 li{
margin-top: 3%;
}
.click_box_3 li{
	width: 30%;
}
.click_box_3 .btns{
	width: 47% !important;
	margin-right: 1%;
}
   .click_box_3 li:nth-child(1) {
        margin-left: 0.3%;
}  
.click_box_4 li, .click_box_5 li, .click_box_6 li{
width: 24%;
 margin-right: 1%;
}
.click_box_5 li:nth-child(4) {
    margin-left: 24%;
   
}
.click_box_4 .btns, .click_box_5 .btns, .click_box_6 .btns{
    width: 47%;
    margin-right: 1%;
 
}
/* .click_box_4 .btns{
width: 80%;
 
} */
.click_box_5 li:nth-child(5) {
    margin-right: -19%;
   
}
/* .click_box_5 li:nth-child(4){
margin-left: 22%;
} */
.click_box_5 li:nth-child(1) {
    margin-left: 12%;
}
.click_box_5 .btns:nth-child(1){
   margin-left: 0%;
}
.click_box_5 li:nth-child(1), .click_box_5 li:nth-child(2), .click_box_5 li:nth-child(3) {
    margin-right: 1%;
}
.click_box_4 li:nth-child(1), .click_box_4 li:nth-child(3) {
    margin-left: 21%;
}
.click_box_4 .btns:nth-child(1), .click_box_4 .btns:nth-child(3) {
    margin-left: 0%;
}
 .click_box_6 li:nth-child(1), .click_box_6 li:nth-child(4) {
    margin-left: 11%;
}
 .click_box_6 .btns:nth-child(1), .click_box_6 .btns:nth-child(4) {
    margin-left: 0%;
}
/* .click_box_7 li,.click_box_8 li  {
    margin-top: 0.5%;
      margin-bottom: 1%;
	} */
 
/* .click_box_7 li:nth-child(5), .click_box_7 li:nth-child(6), .click_box_7 li:nth-child(7) {
   
    margin-top: 3%;
}  */  
}
.wrapper1{
	width: 55%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.video_container{
	display:none;
}
/* SUSHMITHA */
.module_search_list {
	position: absolute;
    top: 0;
    background: #F6F6F6;
    width: 90%;
    margin: 5% 5%;
    z-index: 9;
	height: 400px;
}
.popupSearch .search_list{
    height: 300px;
}
.each_txt_styles{
	/* display: flex;
    align-items: center; */
    margin-bottom: 1%;
}
.each_txt_styles .mobileDragAndDrop{
	margin-bottom:0px;
}
.slct_text_ul_right{
	background: #fbfbfb;
    margin-top: 0px;
    padding: 0px 20px 2px 20px;
    float: none;
    margin-left: 0;
    width: 95%;
	border-radius: 10px;
}
.getfilesize{
    position: absolute;
    top: -5%;
    margin: 8%;  
    font-size: large;
    padding: 5%;
    background: white;
    color: #000;
	height: 676px;
    overflow: scroll;
    z-index: 9999;
}
.revTool{
 right: 2%;
    color: #fff;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
	position: relative;
	top:10px;
}
.scrollImage {
    display: none;
    background: #f7f7f7;
    width: 97%;
   /*  height: 360px !important; */
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    z-index: 9;
    border: 1px solid #cfd2d6;
    margin: auto;
}
.popupLogout{
	z-index:999999999;
}
.quickRefText{
	position:relative;
	z-index:9;
	color: #333;
    display: none;
	font-size: 15px;
	width: 100%;
    background: #e5e6e7;
    padding: 5px;
    border-radius: 5px;
	margin: 15px 0px;
}
.scrollInfo{
	position:relative;
	z-index:9;
	color: #ee7700;
    font-size: 1.25em;
    margin: 0% 1% 1.3%;
	display: none;
	font-size: 15px;
	padding: 5px;
}
.table_scroll_image{
	margin: 0px 35px;
}
.divSize50 {
    width: 46%;
    float: left;
}
.pc_dy, .p_10_mb_blck{
	display:none;
}
.inner_height_drophotspot .leftContent.leftipad img {
    left: 7%;
    position: relative;
    width: 75%;
}

.two .col-md-9{
	display:inline-block;
	clear: none;
	margin: 40px 0px;
	padding: 0px 32px;
}
.req_button {
	font-family: 'Roboto';
	background: linear-gradient(rgba(25,67,125,1),rgba(11,53,102,1));
	color: white;
	padding: 10px 10px 10px 10px;
	font-size: 15px;
	cursor: pointer;
	border-radius: 3px 3px 0px 0px;
}
.req_button span {
    background: url(../images/accordion_plus.png) no-repeat center;
	padding: 7px 15px;
    margin-right: 10px;
}

.req_button.plus span {
    background: url(../images/accordion_minus.png) no-repeat center;
	padding: 7px 15px;
    margin-right: 10px;
}

.req_content {
	width: 100%;
	height: auto;
	display: none;
	box-sizing: border-box;	
}
.req_container {
	width: 55%;
	height: auto;
    margin: 10px auto;
    display: block;	
	padding-bottom: 30px;
}
.req_container .table {
	width: 100%;
	border-collapse: collapsed;
	font-size: 120%;
}

.req_container .table tr td{
	padding: 5px 10px;
	line-height: 22px;
}
.req_container .table tr th{
	background-color: rgba(51,133,209,1);
    color: #fff;
	padding: 5px 10px;
}
.req_container .table tr:nth-child(odd) td{
	background-color: rgba(186,225,254,1);
}
.req_container .table tr:nth-child(even) td{
	background-color: rgba(230,237,245,1);
}
.owl-carousel.owl-loaded {
	padding: 0px !important;
}
.main-cls-glossary{
    display:none;
}
.srightHeadText {
	float: right;
	width: 66%;
	text-align: center;
	color: #005eb8;
	font-size: 18px;
	margin-bottom: 15px;
}
.sleftHeadText {
	float: left;
	width: 33%;
	text-align: center;
	color: #005eb8;
	font-size: 18px;
	margin-bottom: 15px;
}
.srightHeadText span, .sleftHeadText span {
	border-bottom: 1px solid #CCC;
}
#processAlertContainer {
    z-index: 99;
    position: absolute;
    background: #F3F3F3;
    opacity: 0.9;
    width: 100%;
}
.processAlert {
	margin: 10% auto;
	padding: 10px;
	height: 220px;
	background: #72badf;
	background-size: auto;
}
.processAlert .floatLeft {
	width: 10%;
    float: left;
    margin: 2% 1% 1% 15%;
}
.processAlert .floatRight {
    width: 59%;
    float: left;
}
.processAlertTitle {
	/* text-align: center; */
	font-size: 20px;
	margin-bottom: 15px;	
	color: white;
}
.processAlertText p {	
	font-size: 16px;
	margin-bottom: 15px;
	color: white;
}
.processAlertText .pdfLink a {
	color: #005eb8;
	text-decoration: underline;
	font-style: italic;
}
.processAlertText .pdfLink a:hover {
	opacity: 0.8;
}
.processAlertContinue {	
	cursor: pointer;
    float: right;
    padding: 8px 15px;
    background-color: #005eb8;
    color: #fff;
	font-size: 16px;
}
.processAlertContinue:hover {	
	background-color: #12294b;
}
.removelayer{
display:none !important;
}
.addlayer{
display:block !important;
}
@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {	
/* .chk_bx_cntnt {
    text-indent: 2em;
} */
 
.inner_height {
    height: 64.5%;
	}
.click_box_8 li {   
    margin-bottom: 2%;
}
.click_box .btns:nth-child(even) {
    /* margin-top: -14.7% !important; */
	margin-top: 0% !important;
    float: right;
}
}
@media only screen and (min-device-width :375px) and (max-device-width : 667px) and (orientation: landscape){
	.continue_btn.modulecontinue_clkbtn{
		width:12%;
	}
}

 
.tooltip {
    visibility: hidden;
    width: inherit;
	    white-space: normal;
     background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
	font-size:1.2em;
    position: absolute;
    z-index: 99999;
    bottom: -84%;
    left: 2%;
     opacity: 0;
    transition: opacity 0.3s;
}

 .tooltip1{
    visibility: hidden;
    width: auto;
     background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
	font-size:1.2em;
    position: absolute;
     bottom: 0%;
    left: 0%;
     opacity: 0;
	 z-index:9999;
    transition: opacity 0.3s;
}
 .gls_list li.selected {background: #005eb8; color:#fff;}
   
 .wrapper {
    width: 100%;
   
  
}
.header_new {
   max-width: 70%;
    margin: 0 auto;
    height: 60px;
    background: #005db8;
   color:#fff;
}
.leftcontain {
    float: left;
    width: 70%;
    display: inline-flex;
    list-style: none;
    margin-bottom: 0rem;
}
.rightcontain {
   
    float: left;
    width: 30%;
    list-style: none;
    display: inline-flex;
	margin-bottom: 0rem;
}
.title1-h3 {
    padding-right: 2em;
    font-size: 100%;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height:1;
	margin:5px;
	
}
.title1-h1 {
    font-size: 100%;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2em;
	line-height:1;
	margin:5px;
	
}
 .margin_top {
 line-height:53px;
     width: 2.5%;
 }
 .mar_top_pixel{
 margin:5px;
 }
/*  .rightcontain li{
 margin:10px;
 } */
.page_num {
    height: 60px;
    display: table;
    width: 25%;
    font-size: 100%;
    background: #0456a2;
    text-align: center;
    margin: 0px !important;
}
.pgNum{
	vertical-align: middle;
    display: table-cell;
}
.right_btns {
  display: inline-flex;
    background: #12294b;
    width: auto;  
}
.logout_clkbtn {
    float: right;
    width: 5%;
}

.mobile_header {
	display:none;
}
.mar_top_pxel_excel{
	width:70%;
}
/* .revTool,.right_btns div{
	margin:13px;
} */

@media (max-width: 1120px){
.leftcontain {
   width: 60%;
  }
.rightcontain {
   width: 40%;
   
}

}

@media (max-width: 767px){
.mobile_header {
    display: inline-flex;
    background: #0e6bc7;
    width: 100%;
}
.header1 {
   max-width: 70%;
    margin: 0 auto;
    height: 53px;
    background: #005db8;
   color:#fff;
}
.logo {
display:none;
}
.right_btns {
    display: inline-flex;
    background: transparent;
    width: auto; 
    float: right;
    position: absolute;
    right: 0%;
}
.page_num {
  width: auto;
  background: transparent; 
  padding: 0px 30px;
  color:#fff;
  
}
.logout_clkbtn {
    display: none;
}
.header {
    max-width: 90%;

}
.leftcontain{
    margin-bottom: -1rem;
}
.mob_dy{
position: absolute;
    right: 0%;
}
.revTool{
position: absolute;
    right: 10%;
}
.mobile_hdr_none{
display:none !important;
}
}
.mobile_hdr_none{
display:table-cell ;
}
.mobile_hdr_none img{
	width:100%;
}
 /* new responsive code */
 .wrapper_header {
    width: 100%;
   
  
}
.header_new {
   max-width: 70%;
    margin: 0 auto;
    height: 60px;
    background: #005db8;
   color:#fff;
}
.leftcontain {
    float: left;
    width: 70%;
    display: inline-flex;
    list-style: none;
    margin-bottom: 0rem;
	position: relative;
}
.rightcontain {
   
    float: left;
    width: 30%;
    list-style: none;
    display: inline-flex;
	margin-bottom: 0rem;
}
.title1-h3 {
    padding-right: 2em;
    font-size: 1.25em;
    font-weight: normal;
	width:100%;
   /*  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
	line-height:1;
	margin:5px;
	
}
.title1-h1 {
    font-size: 1.8em;
    font-weight: normal;
  /*   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    padding-right: 2em;
	line-height:1;
	margin:5px;
	
}
   /* .margin_top {
    margin:5px;
}   */
 .mar_top_pixel{
 margin:5px;
 }
/*  .rightcontain li{
 margin:10px;
 } */
.page_num {
    height: 60px;
    display: table;
    width:49%;
    font-size: 1.4em; 
    background: #0456a2;
    text-align: center;
    margin: 0px !important;
}
 _:-ms-lang(x), .page_num { 
	width: 45%;
    font-size: 1.3em;
}
@-moz-document url-prefix() {
    .page_num { 
	width: 45%;
    font-size: 1.3em;
}
}
.pgNum{
	vertical-align: middle;
    display: table-cell;
}
.right_btns {
  display: inline-flex;
    background: #12294b;
    width: 44%;  
	position: relative;
}
.logout_clkbtn {
    float: right;
    width: 5%;
    padding: 1% !important;
}
.mobile_header {
	display:none;
}
.mar_top_pxel_excel{
	width:70%;
}
/* .revTool,.right_btns div{
	margin:10px;
} */
 
@media (max-width: 1120px){
.leftcontain {
   width: 60%;
  }
.rightcontain {
   width: 40%;
   
}

}

@media (max-width: 767px){
.search_clkbtn{
	margin-right:15px;
}
.menu_items{
    width: 281px;
    height: 396px !important;
	left: auto;
    right: -66%;
} 
.mobile_header {
    display: inline-flex;
    background: #0e6bc7;
    width: 100%;
}
.header1 {
   max-width: 70%;
    margin: 0 auto;
    height: 53px;
    background: #005db8;
   color:#fff;
}
.logo {
display:none;
}
.right_btns {
    display: inline-flex;
    background: transparent;
    width: auto;
    float: right;
    position: absolute;
    right: 0%;
    margin: 1%;
}
.page_num {
    width: auto;
    background: transparent;
    padding: 0px 10px;
    color: #fff;
    height: 40px;
    font-size: 2em;
}
.logout_clkbtn {
    display: none;
}
.header {
    max-width: 100%;

}
.leftcontain{
    margin-bottom: -1rem;
}
.mob_dy{
position: absolute;
    right: 0%;
}
.revTool{
position: absolute;
    right: 10%;
}
.mobile_hdr_none{
display:none !important;

}
 
.mobile_hdr_none{
display:table-cell ;
}
.mobile_hdr_none img{
	width:30px;
}
.mob_dy {
    position: absolute;
    right: -66%;
}
.header_new {
    max-width: 100%;
    padding: 0px 10px;
}
.pgNum {
    font-size: .8em;
}
.mar_top_pxel_excel {
    width: 96%;
    margin: 0;
}
.title1-h3 {
    width: 120%;
	white-space: normal;
}
.title1-h1 {
    width: 120%;
} 
.plus_move {
    right: 15% !important;
    left: auto !important;
	top:20px !important;
} 
.module_index_header .course_logout_clkbtn_1{
top:18% !important;
}
.module_index_header .title h1 {
    font-size: 1em !important;
    margin: 15px 0px !important;
	padding: 0px 0px 0px 0px !important;
}
.index_inner_container .logo img {
    width: 50%;
}
.logo {
   width: 82px;
}
 
}


/* Smartphones (landscape) ———– */
@media only screen
and (min-width : 320px) and (max-width:767px) and (orientation : landscape) {
/* 5_1_2019_ styles */
.modulecontinue_clkbtn, .mob_dy {    
    width: 7%;
}
.logo {
    width: 101px;
	}
.slct_arw {
    height: 20% ;
}
.sub_menu_arw_open_plus {
    display: none !important;
}
.drpHotspot .selectBoxDnD > ul > li {
    padding: 19px 20% 6px 7%;
}
.inner_height_drophotspot .slct_right {
    width: 45%;
    margin-top: 0%;
}
.click_box li p {
    font-size: 1em;
}
.click_box_3 .btns {
    margin-top: 0%;
    width: 47%;
}
.click_box .btns:nth-child(even) {
     margin-top: 0px ;
    float: right;
}
.popupLogout .pop_container {
    top: 25% !important;
    height: 150px !important;
}
.help_menu_open {
    height: auto;
    left: auto;
    top: 94px !important;
}
.notesTxt {
    background: url(../../framework/images/notes.png) no-repeat right 20px top 11px;
    display: none;
}
.printTxt {
    background: url(../../framework/images/print.png) no-repeat right 20px top 11px;
    display: none !important;
}
.img_option li {
    width: 46%;
    margin-bottom: 4%;
    height: 150px !important;
}
.inner_padding {
    padding: 3.85% 0% !important;
}
.inner_cyu_Image .cyu_boxes_4 {
    margin-left: 10%;
}
.inner_cyu_Image .cyu_boxes_4 li {
    display: inline-flex;
    float: none;
    margin-left: 0%;
    margin-bottom: 2%;
    background: #eff0f0;
    width: fit-content !important;
    height: 249px !important;
    /* width: 94%; */
}
.inner_padding_cyu_Image .cyu_boxes_4 li {
    float: none;
    height: auto !important;
    width: 46%;
    margin-bottom: 2%;
    display: inline-flex;
}
.sub_slct {
    position: inherit;
}
.image_slct_dpdown_4 .mobileDragAndDrop, .image_slct_dpdown_3 .mobileDragAndDrop, .image_slct_dpdown_2 .mobileDragAndDrop, .image_slct_dpdown_5 .mobileDragAndDrop, .image_slct_dpdown_6 .mobileDragAndDrop {
    width: 75%;
    margin-left: 10%;
}
.selectBoxDnD > ul > li {
    padding: 3% 2% 3% 10%;
}
.slct_img_ul_text_right_drop .selectBoxDnD > ul > li {
    padding: 2% 2% 2% 10%;
}
.slct_img_ul_text_right_drop {
    float: right;
    width: 100%;
}
.slct_img_ul_text li {
display: none;
}
/* 5_1_2019_ styles */
/* my styles */
.content {
   
    overflow: auto;
}
.pop_container {
    width: 88%;
    margin: 0 auto;
    background: #fff;
    height: 95%;
    position: relative;
    top: 3%;
    border-top: 3px solid #005eb8;
    overflow: auto;
}
.content .videocontent {
     height: 100px !important;  
   /*  bottom: 116px; */
    top: auto !important;
}
.module_index_header .course_logout_clkbtn_1 {
    top: 10% !important;
}
.plus_move {
    right: 15% !important;
    left: auto !important;
    top: 12px !important;
}
.nogls,.noSrchdata p {
    padding-left: 40%;
}

/* my styles */

 .printCourse_clkbtn {
display:none !important;
}
.row3dropImages {
    margin-left: 0% !important;
}
.slct_img {
    left: 0%;
}
.copyRightTxt {
    position: fixed !important;
}
/* .search {
     
    background-size: 70% 80% !important;

} */
.back_btn1 {
    margin-top: 0% !important;
    right: 14% !important;
}
.endofVideoPdf + .pdfContent{
top: -4px !important;
}
.scrollImage{
padding: 3px;
}

.mCSB_container img{
width: 96% !important;
}
#helpVideo1, #helpVideo2{
height:128px !important;
}    
#processAlertContainer {
    z-index: 999;
	}
.processAlertTitle {
    text-align: center;
    font-size: 20px;
    margin-bottom: 9px;
    color: white;
}
.processAlertText p {
    font-size: 13px;
    margin-bottom: -1px;
    margin-left: 16px;
    color: white;
}
.pop_hdrpart {
    border-bottom: 1px solid #0a61b3 !important;
    padding: 10px;
    margin-top: 8%;
}
.selctImageDrop .slct_arw {
    right: 19px !important;
    height: 22%;
}
.selctImageText .slct_arw {
    right: 12px !important;
    height: 22%;
}
.table_pad_right .mCustomScrollBox {
     padding-right: 0px;  
}
.mCSB_container {
    width: 100%;
}
.pop_list li h6 {
    font-size: 13px !important;
}
.pop_radius_btn_bkmrk {
    margin-top: 10px !important;
	}
 
 .pop_list li:hover > h6 {
    width: 80% !important;
}
 .option_button {
    width: 90% !important;
    padding: 3px !important;
}
.cyu_box {
    padding: 0px 0px !important;
}
.answer_popup {
    top: 34% !important;
    /* margin-top: -4px !important; */
}
/**clickable**/
.boxes_li2{
margin-left: -16px;
}
.click_box li{
		width:48%;
		height:100%;
	}
	.click_box li:nth-child(even){
		margin-right:0px;
	}
	.click_box_6 li:nth-child(1), .click_box_6 li:nth-child(4) {
  margin-left: 0;
}
.click_box_7 li:nth-child(5), .click_box_7 li:nth-child(6){
     margin-left: 0;
}
.click_box_7 li:nth-child(7){
  margin-left: 71px; 
}
	.click_box_5 li:nth-child(4) {
      margin-left: 0; 
}
.click_box_5 li:nth-child(5){
 /* margin-left: 71px !important;  */
}
 
	.click_box li:nth-child(odd){
		margin-right:1%;
		margin-left: 0;
	}
	 
	.click_box_3 li:nth-child(1) {
    margin-left: 0%;
}
.click_box_3 li {
    
    margin-top: 2%;
	}
/**clickable**
/**Glossary*/
  .glossaryPop .pop_close_btn {
    top: -10px !important;
}
.gloss_web {
    display: none;
}
.pop_mobile_heading .pop_hdrpart {
    padding: 5px 10px;
    margin-top: 7%;
}
.gloss_title {
    margin-top: -15px;
}
.pop_mobile_heading h5 {
    text-transform: uppercase;
}
.ui-input-search input {
    padding-left: 1.75em;
    font-size: 14px !important;
    width: 87%;
}
.pop_srch_options .ui-input-search input {
    width: 92% !important;
}
 .pop_radius_btn_bkmrk {
    margin: 10px 17px !important;
    position: inherit;
}
.gloss_content {
width: 100%;
    height: 416px !important;
}
.gloss_list li:hover, .pop_list li:hover a {
    background: transparent !important;
    color: #1695fc !important;
}
.glossary_left .pop_list li h6 {
    padding: 2.5% 6%;
}
.pop_list li:hover h6 {
  /*  background: transparent !important;
     color: #1695fc !important; */
}
.glossary_left .pop_list {
    height: auto;
}
.gloss_list li:hover, .pop_list li:hover a {
    background: transparent !important;
    color: #1695fc !important;
}
.glossary_left .pop_list li h6 {
    color: #005eb8;
}
.gloss_list li:hover h6 {
    width: 74% !important;
}
.glossary_left .pop_list li h6 {
    padding: 2.5% 4%;
}
.gloss_plus {
    color: #005db7;
    float: right;
    margin-top: 2%;
}
.gloss_description {
    display: block;
    width: 92%;
    padding-left: 20px;
    padding-right: 20px;
    color: gray !important;
}
.gloss_title {
    color: #005db7;
    font-size: 20px;
 }
.pop_list li {
    padding-bottom: 0px;
    padding-top: 10px;
}
.pop_list li {
    font-size: 1.3em;
}
.gloss_list li {
    width: 95% !important;
}
/** Glossary End*/

/**	Learning Aids Start**/
.pop_heading {
    margin: 4px 14px;
}
.resources_list {
    margin-top: 1%;
}
.pop_hdrpart {
    margin-top: margin-top: 4% !important;;
}
.pop_heading h5 {
    font-size: 1.4em;
}
.pop_hdrpart {
    border-bottom: 1px solid #f5f5f5;
    padding: 7px 0px;
}
.pop_hdrpart .fleft img {
    height: 25px;
}
.pop_list li {
    
    width: 98% !important;
}
.pop_list li .web {
    position: absolute;
    height: 30px !important;
}
.pop_list li a {
    width: 6%;
	padding-top: 0%;
	border-bottom: 1px solid transparent;
}
.pop_list li {
    font-size: 1.3em;
}
/**	Learning Aids End**/
/**Help menu **/
 .helpMenuPop  > .pop_close_btn
 {
 top: -3px !important;
 }
 .lrngAidPop > .pop_close_btn
 {
 top: 0px !important;
 }
 .helpPop > .pop-close-btn{
 top: 0px !important;
 }
/**Help menu End**/
/** Bookmark **/
.bookmark_view {
    margin-left: 00px !important;
    margin-top: 0px !important;
    margin-right: 10px !important;
}
.bookmarkpop > .pop_close_btn
 {
 top: 20px !important;
 }
.hdng_rt_btn:hover {
    background: #fff;
    color: #005eb8;
    transition: all 0.2s ease-in-out;
    border: 1px solid #005eb8;
}
.pop_list li h6 {
    width: 80% !important;
}
.bkcls_btn {
    width: 3%;
    margin: 7px 0px;
}
.hdng_rt_btn {
    font-size: 1.4em;
    width: 72% !important
}
/** Bookmark End**/
/** Notes Start**/
.notes_content h6 {
     font-size: 1.3em;
 }
 .notesPop > .pop_close_btn
 {
 top: 0 !important;
 }
 .notes_content h3, .notes_content h6{
    font-size: 1em;
 }
/** Notes End**/

/*new updates */
/* .videocontent {
    padding: 15% 9% 0% 2%;
} */
.steplistBar{
		display:none !important;
	}
 
/* .mobile_page_num {
    float: left;
    background: none;
    font-size: 15px;
    padding: 5px;
} */

.mobile_rt_end {
    float: right;
    background: none;
    padding: 5px 0px;
}
.right_end {
    width: 56%;
    left: 0px;
}
 


.search, .sub_menu {
    padding: 0px 3px;
}
/* .help_menu_open {
    height: 146px;
    top: 30px !important;
} */
.search {
    background-size: 60% 66% !important;
    width: 36%;
}
/*  .mobile_rt_end, .mobile_page_num {
    display: block;
} */
.title_mobile {
    font-size: 1.3em !important;
    margin-left: 0px !important;
    top: 0 !important;
}
.sub_header {
    
    padding: 0% 32% 0% 3.8%;
	}
/* #vidPlayer {
    width: 58%;
    height: 158px;
} */
.left_arw_btn, .right_arw_btn{
display:none;
}
.pc_dy, .p_10_mb_blck{
display:block;
}
.pc_dy, .p_10_pc_blck{
display:none;

}
.contentAreaFrame .pop_container{
    width: 88%;
	height:44%;
    margin: 0 auto;
    background: #fff;
     
    position: relative;
    top: 3%;
    border-top: 3px solid #005eb8;
    overflow: auto;
}

.popupBookmark .pop_container,.popupShell .pop_container{
height:90%!important;
}
.popupSearch .pop_container{height:80%!important;}
.copyRightTxt
{
float:left;
clear:both;
height:18px!important;
}
.page_18_mobile{
		min-height: 480px !important;
	}
	.instTxt p{
	display:none;
	}
	.sequence li{
	padding: 0.5% 2%;
	}
.click_box li {
    width: 50%;
    height: 100%;
}
.click_box_1 li img {
    width: 100%;
}
.click_box li {
    width: 50%;
    height: 100%;
}
.chk_bx_cntnt,.single_slct_right {
    text-indent: 0px;
width: 84%;
}
.click_box li p span {
    top: 0px;
    position: relative;
}
 
.click_box_4 li:nth-child(1), .click_box_4 li:nth-child(3) {
    margin-left: 0%;
}
.divSize50 {
    width: 50%;
    float: right;
}
.cyu_rt_bg img {
    border: 1px solid #bbbbbb;
    background: #dad9d9;
    float: right;
    width: 75%;
    /* padding: 4px; */
    /* padding-right: 31px; 
    margin-right: 35px;*/
}
/* .course_plus {
    position: fixed;
    z-index: 99999999;
    width: 17px;
    height: 17px;
} */
.click_box li {
	width: 100%;
    /* height: 240px; */
	/* height: 237px !important; */
 margin-bottom: 10px;
}

.quick_preference {
	padding: 10px 10px 5px 35px;
}
.glossaryPop .pop_close_btn {
    top: 13px !important;
}
.pop_close_btn.searchPop_close_btn {
	padding-top: 8px;
}
#bkmrk_btn {
    margin-top: 19px;
}
.pop_srch_options .ui-input-search input {
    width: 87% !important;
}
.glossary_left .pop_list li h6 {
    color: #005eb8;
	background: transparent !important;
}
.slct_right {
    margin-right: 0%;
}
.popupBookmark .feedback_pop_container{
	height:28.5%;
}

.srch_right .ui-input-search input {
    font-size: 10px;
    width: 65%;
    padding-top: 13px;
}
.inner_padding_cyu_Image .cyu_effect1 img {
    height: auto;
    left: 0px;
	width: 100%;
}
/* .inner_padding_cyu_Image .cyu_boxes_4 li {
    float: none;
    height: auto !important;
    width: 100%;
    margin-bottom: 2%;
} */
.inner_padding_cyu_Image .cyu_boxes_4 {
    margin-left: 0px;
}
.inner_height_imgdrop .rightContent img {
    width: 100%;
     height:auto;

}
.inner_height_drophotspot > .leftContent {
    width: 51%;
    float: left;
    margin-left: 0%;
    margin-bottom: 9%;
    margin-top: 0%;
}
.inner_height_drophotspot .leftContent.leftipad img{
left:0;
}
.slct_opt {
    margin-top: 4%;
}
/*  
.inner_cyu_Image .cyu_boxes_4 li {
    float: none;
    margin-left: 14%;
    margin-bottom: 2%;
    background: #eff0f0;
    width: fit-content !important;
    height: 249px !important;
} */

/* .inner_cyu_Image .cyu_boxes_4 {
	margin-left:0px;
} */
.inner_cyu_Image .cyu_effect1 img{
	width:auto;
	height:auto;
	left:0px;
} 
.drpHotspot .dropArrow {
    top: 18px;
    right: 6.2%;
}
.drpHotspot .sub_slct{
    top: 37px;
}
.pop_list li h6 {
    padding: 2%;
}
.pop_list li {
    font-size: 1.3em;
	    width: 96% !important;
}

.index_inner_container .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
    margin-top: 10px !important;
} 
.pop_mobile_heading .pop_hdrpart {
    padding: 10px;
    margin-top: 0%;
}
.main-cls-glossary {
    display:inline;
}
.gloss_title img {
    display:inline;
}
.gloss_title{
margin-top: 0px;
}
.glossTxt {
    background: url(../../framework/images/glossary.png) no-repeat right 20px top 9px;
}
.learningAidTxt {
    background: url(../../framework/images/learningaids.png) no-repeat right 20px top 9px;
}
.helpTxt {
    background: url(../../framework/images/helpgrey.png) no-repeat right 20px top 9px;
    border-bottom: none;
}
.bookmarkTxt {
    background: url(../../framework/images/bookmarks.png) no-repeat right 20px top 9px;
}
.emailTxt {
    background: url(../../framework/images/email.png) no-repeat right 20px top 9px;
}
.scrollImage {
	height: auto;
}
.quickRefText {
	width: 91%;
	font-size: 13px;
}
.NoOfModules {
    margin: 5px 10px 10px 0px;
}
.feedback_pop_container .cyuPopClsBtn {
    top: -8px;
    right: 1px;
}
.mCustomScrollBox {
    height: 95%;
}
.selctImageDrop .dropArrow {
    top:16px;
    right: 5.2%;
}
.selctImageText .dropArrow {
    top: 16px;
    right: 3%;
}
.answer_border{
height:auto;
}
.dropTextQstn {
    padding: 2% 2% 2% 4%;
    position: relative;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    background: #f1f1f1;
    color: #777;
    border-radius: 0px;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    z-index: 9;
    border: 1px solid #e4e4e4;
    list-style: none;
}
.selectBoxtext ul li {
    /* padding: 5% 2% 5% 10%; */
    position: relative;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    background: #fffdfd;
    color: #777;
    border-radius: 0px;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    z-index: 9;
    border: 1px solid #e4e4e4;
}

}

/* Smartphones (potrait) ———– */
@media only screen
and (min-width : 320px) and (max-width:767px) and (orientation : portrait) {
.leftcontain {
    width: 60%;
}
.modulecontinue_clkbtn {
    margin-right: 2px;
}
.rightcontain {
    width: 0%;
}
.modulecontinue_clkbtn, .mob_dy {    
    width: 11%;
}
/* .slct_arw {
    height: 25%;
} */

.selctImageDrop .slct_arw {
    height: 60%;
}
.selctImageText .slct_arw {
    height: 60%;
}
/* 5_1_2018 styles */

.scrollImage {
    height: 300px;
 }
.cyuPopClsBtn a {
    height: 18px;
    width: 14px;
}
.feedback_pop h3 {
    padding: 2.2% 2.5% 1.5%;
    font-size: 13px;
    text-align: left;
}
.feedback_pop_container .cyuPopClsBtn {
    top: -10px;
    right: 3px;
}
.bookmarkpop > .pop_close_btn
 {
 top: 15px !important;
 }
.sub_menu_arw_open_plus {
    display: none!important;
}
.pop_list li .web {
    height: 30px;
    position: absolute;
}
.sub_slct {
    position: absolute;
}
.click_box_left {
    float: left;
    width: 100%;
}
.click_box_7 .btns,.click_box_6 .btns,.click_box_5 .btns,.click_box_4 .btns {
    width: 45%;
}
.click_box_3 .btns {
 width: 44%;
}
.click_box .btns:nth-child(even) {
    margin-top: 0%;
    float: right;
}
.click_box li p {
 font-size: 1em;

}
.click_box_7 .btns:nth-child(7),.click_box_5 .btns:nth-child(5){
	margin-left:25% !important;
}

.branchImg_box {
    right: -15%;
}
/* .click_box .btns:nth-last-of-type(1) {
    margin-left: 0%;
} */
/* 5_1_2018 styles */
/*my styles */ 
.pop_container {
    width: 88%;
    margin: 0 auto;
    background: #fff;
    height: 95%;
    position: relative;
    top: 1%;
	overflow: scroll;
    border-top: 3px solid #005eb8;
   /*  overflow: auto; */
}
.cyu_boxes_4 li {
    width: 100%;
	margin-bottom: 7px;
	}
	.leftContent {
    width: 100%;
	}
	.slct_right {
    width: 96%;
	    margin-right: 0;
	}
	.image_slct_dpdown_4 .mobileDragAndDrop, .image_slct_dpdown_3 .mobileDragAndDrop, .image_slct_dpdown_2 .mobileDragAndDrop, .image_slct_dpdown_5 .mobileDragAndDrop, .image_slct_dpdown_6 .mobileDragAndDrop {
    width: 100%;
}
.dropTextQstn {
    padding: 2% 2% 2% 4%;
    position: relative;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    background: #f1f1f1;
    color: #777;
    border-radius: 0px;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    z-index: 9;
    border: 1px solid #e4e4e4;
    list-style: none;
}
.phone_drop_down .leftContent {
    display: none;
}
.slct_img_ul_text_right_drop {
    width: 100%;
}
.selectBoxDnD {
    color: #005eb8;
    left: 12%;
    /* position: absolute; */
    right: 72%;
    top: 0px;
    /* height: 32px; */
   /*  overflow: hidden; */
    z-index: 99;
}
.selectBoxtext ul li {
    /* padding: 5% 2% 5% 10%; */
    position: relative;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    background: #fffdfd;
    color: #777;
    border-radius: 0px;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    z-index: 9;
    border: 1px solid #e4e4e4;
}
.pgTitle i{
font-size: 1em;
}
.header_question {
    font-size: 1.2em;
	}
	.sub_title h1 {
    font-size: 1.1em;
    padding-top: 2%;
}
	.inner_height_drophotspot .leftContent.leftipad img {
    right: 0;
	left:0;
    position: inherit;
    width: 100%;
}
.srch_right .ui-input-search input {
    font-size: 10px;
    width: 75% !important;
    padding-top: 20px;
}
.feedback_pop_container {
    top: calc(50% - 50px);
    height: auto;
}
.contentAreaFrame .pop_container{
height: auto;
}
.feedback_text p {
    font-size: 17px;
}
.submit, .reset, .remediation {
   
    display: block;
    width: 90%;
}
.popupBookmark .pop_container, .popupShell .pop_container {
    height: 90%!important;
}
.glossaryPop .pop_close_btn {
    top: 13px !important;
}
.pop_heading {
    margin: 4px 14px;
}
.pop_hdrpart {
    /* margin-top: 7%; */
	border-bottom: 1px solid #0a61b3
}
.pop_srch_options .ui-input-search input {
    width: 87% !important;
}
.gloss_content {
    width: 100%;
    height: 416px !important;
}
.pop_heading h5 {
    font-size: 1.4em;
}
.pop_list li h6 {
    padding: 3%;
}
.pop_list li a{
    border-bottom: 1px solid transparent;
}
.gloss_web {
    display: none;
}
.gloss_title img {
    display: inline;
}
.gloss_title {
   color: #005db7;
    font-size: 22px;

}
.pop_mobile_heading .pop_hdrpart {
    padding: 10px;
    margin-top: 0%;
}
.pop_list li {
    width: 92% !important;
    font-size: 1.3em;
}
.gloss_plus {
    color: #005db7;
    float: right;
    margin-top: 2%;
}
.pop_list li h6 {
    width: 78% !important;
}
.bkcls_btn {
    margin-right: 0px;
}
.gloss_description {
    display: block;
    width: 92%;
    padding-left: 20px;
    padding-right: 20px;
    color: gray;
}
.gloss_list li:hover h6 {
    background: transparent !important;
    width: 80% !important;
}
.gloss_list li:hover {
    background: transparent !important;
}
.hdng_rt_btn {
    margin-top: 6%;
    width: 77%;
}
.click_box li {
    width: 100%;
    height: auto;
}
.click_box li p span {
    top: 0px;
    position: relative;
}
.content {
    overflow: auto !important;
	    height: auto;
		
}

.click_box_1 li img {
    width: 100%;
}
.click_box_5 li:nth-child(1),.click_box_5 li:nth-child(4),.click_box_5 li:nth-child(5),.click_box_6 li:nth-child(1),.click_box_6 li:nth-child(4),.click_box_7 li:nth-child(5), .click_box_7 li:nth-child(6), .click_box_7 li:nth-child(7) {
    margin-left: 0%;
}

/*my styles */ 
 .printCourse_clkbtn {
display:none !important;
}
/* my styles */
/* .click_box_5 li:nth-child(5) {
    margin-left: 23% !important;
} */
.search, .sub_menu {
 
    top: 3px !important;
	left:5px!important;

}

.row3dropImages {
    margin-left: 0% !important;
}
.main-cls-glossary {
    display: inline;
	text-transform:uppercase;
}
.mCustomScrollBox {
    height: 95% !important;
}
.mCSB_container {
    width: 99%;
}
.glossary_left .pop_list {
    height: 476px;
}
.help_menu_open {
    height: auto !important;
    top: 94px !important;
}
.notesTxt {
    display: none;
}
.printTxt {
    display: none !important;
}
.nogls, .noSrchdata p {
    padding-left: 25%;
 }
 .inner_height{
 overflow-y: visible !important;
 
 }
 .instTxt p{
 display:none;
 }
 .sequence li {
    background: #005eb8;
    font-size: 1.3em;
    margin-bottom: 0.5em;
    padding: 0.2% 1%;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
 .left_arw_btn, .right_arw_btn {
    display: none;
}

/* my styles */
/**corrections**/
.back_btn1{
right: 107px !important;
}
.endofVideoPdf + .pdfContent{
top: -9px !important;
}
 .shell_bg_orange .dropArrow {
    top: 17px !important;
    right: 16px !important;
}
.slct_arw {
    right: 11px;
}

.footer {
     bottom: 8%;
 }
.slct_img {
    display: block !important;
    left: -5% !important;
}
.page_11_mobile {
    min-height: 0 !important;
}
.sub_header{
padding: 0% 43% 3% 3.8%;
}
.scrollImage{
width: 90%;
}
/* .moduleName {
  margin-left: 0px !important; 
} */
.index_inner_container .center_part {
    width: 97%;
    padding: 0px 0px !important;
}
/* .selectBoxDnD > ul > li {
    padding: 4% 0% 4% 4% !important;
	} */
.selectBoxDnD ul{
	margin: 0px 4px 2px 2px;
	}
.leftContent_mobile img {
    width: 55%;
    margin: 0 auto;
}
.blcktick {
    left: 39% !important;
    top: 33% !important;
	    padding: 8px;
}
/**corrections**/
.video_cnt_img .click_box_1 li {
    height: auto!important;
}
.owl-theme .owl-dots {
    margin: 23px 20px 0px 20px;
}
.index_inner_container {
    width: 75%;
    position: relative;
}

.chk_bx_cntnt,.single_slct_right {
    text-indent: 0px;
	padding-left: 15px;
	    margin-left: 0px !important;
}

.click_box_4 li:nth-child(1), .click_box_4 li:nth-child(3) {
    margin-left: 0%;
}
.cyu_rt_bg img {
    border: 1px solid #bbbbbb;
    background: #dad9d9;
    float: right;
    width: 75%;
    margin-right: 35px;
}

.video_container{
height: 79vh !important;
}
.helpMenuPop .pop_close_btn{
     top: 6px;
	 right: 5%;
}
.lrngAidPop .pop_close_btn{
 right: 4% !important;
     top: 7px !important;
}
./* shellpopup .pop_close_btn{
top: 35px !important;
} */
#mCSB_4_container > ul {
	width: 96%;
}
.pop_srch_options .ui-input-search input {
    width: 92% !important;
}
.glossary_left .pop_list li h6 {
    color: #005eb8;
}
/* .help_menu_open{
	height:150px !important;
	top:35px !important;
 } */
 .p_10_pc_blck{
	display:none;
 }
 .p_10_mb_blck{
	display:block;
 }

.inner_cyu_Image .cyu_effect1 img {
    height: auto!important;
    width: 100% !important;
    left: 0px !important;
}
.inner_padding_cyu_Image .cyu_effect1 img {
    height: auto !important;
    width: 100% !important;
    top: 4px !important;
	left:0px !important;
}
.inner_height_imgdrop .rightContent img {
    width: 100%;
    height: auto !important;
}
.cyu_rt_bg .divSize50 {
    width: 100%;
    /* float: right; */
 }
 .cyu_rt_bg img {
    margin-right: 50px;
}

.pc_dy .main_menu_click{
left: -22px;
}
 .help_menu_open {
    top: 30px;
    height: 150px;
}
.video_cnt_img .click_box_1 li {
    height: 220px;
}
/* .click_box_5 li:nth-child(5){
margin-left: 26%;
} */
.drpHotspot .sub_slct {
    top: 36px !important;
}
.drpHotspot .dropArrow {
    top: 17px !important;
	right: 15px !important;
  
}
}
/* new responsive code */

.index_inner_container .logo img {
    width: 90%;
}
.index_inner_container .left_end {
    width: auto;
    padding: 10px 15px;
}
.left_container_hdr{
	display:inline-flex;
}
.title11 {

    width: 75%;
    margin: 25px 0px;
}


.title11 h1 {
    font-size: 1.5em !important;
    width: 80%;
}
.plus_move {
    right: 5%;
    left: auto !important;
}
.lft_dis_inli{
	width: 75%;
    display: inline-flex;
}
.rit_dis_flx{
    width: 25%;
}
.module_index_header .title h1 {
    font-size: 1.5em;
    padding: 20px 20px 0px 20px;
    width: 100%;
}
@media (max-width: 1366px){
.plus_move {
    right: 8%;
    left: auto !important;
}
}

@media only screen and (max-width :767px) and (orientation : landscape){
.pop_list li .web {
    height: 30px;
    position: absolute;
}
.sub_menu_arw_open_plus {
    display: none !important;
}
.menu_items {
    height: 216px !important;
 }
.click_box li {
    width: 46%;
    margin-top: 0%;
}
.click_box_1 li img,.click_box_2 li img, .click_box_3 li img {
    width: 85%;
}
.click_box_3 li:nth-child(3),.click_box_5 li:nth-child(5),.click_box_7 li:nth-child(7) {
    margin-left: 25%;
}
}

 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
.continue_btn.modulecontinue_clkbtn{
    font-size: 14px;
}
.image_slct_dpdown_4, .image_slct_dpdown_3, .image_slct_dpdown_2, .image_slct_dpdown_5, .image_slct_dpdown_6 { 
    margin-top: 1%;
}
.morelinkmod {
    font-size: 0.7em;
}
.mobileDragAndDrop {
    margin-bottom: 2.4%; 
}
.header_1, .pgTitle i, .selectBoxDnD > ul > li {
		font-size: 1.4em;
	}
.left_end {
    left: 4%; 
}
.logo {
    width: 120px;
	}
.modulecontinue_clkbtn, .mob_dy{
width: 5%;
}	
.pdfContent {
     z-index: 9;
    bottom: 1px;
}
.module_index_header .title h1 {
    font-size: 1.5em;
    padding: 20px 20px 0px 80px;
    width: 100%;
}
.module_index_header .course_logout_clkbtn_1 {
    color: #fff !important;
    font-weight: 300;
    position: absolute;
    right: 2%;
    top: 9%;
    cursor: pointer;
}
#video_wrapper .audioText p { 
    font-size: 14px;
	padding-right: 8%;
	}
/* my styles */
.bkcls_btn {
    width: 11%;
}
.pop_list li h6 {
    padding: 3%;
}
.divSize50 {
    width: 48%;
}
.printTxt {
    background: url(../../framework/images/print.png) no-repeat right 20px top 11px;
    display: none !important;
}
.slct_right {
    width: 40%;
    margin-right: 0%;
    top: 0%;
}
/* .drpHotspot .selectBoxDnD > ul > li {
    padding: 0 25% 0 5%;
} */
.selectBoxDnD > ul > li {
    padding: 4% 14% 5% 10% !important;
}
.slct_img_ul_text_right_drop .selectBoxDnD > ul > li {
    padding: 4% 20% 4% 10%;
}
.footer .mejs-play button {
    margin-left: -40px !important;
}
.scrollImage {
    margin-bottom: 0px;
    height: 245px !important;
}
/* my styles */
.logout_clkbtn {
    right: -6px;
}
.header_new {
    max-width: 88%;
}
.mar_top_pxel_excel {
    width: 62%;
}
.rightcontain {
    width: 39%;
}
.leftcontain {
    width: 60%;
}
.mejs-container .mejs-controls div, .steplistBar {
 
    z-index: 99 !important;
	}
 
    .printCourse_clkbtn {
display:none !important;
}
.searchpopup .ui-input-search input {
    padding-left: 1.75em;
    padding-right: 2.75em;
}
.srch_list li{
width: 94% !important;
}
.audio_transcript_p{
    padding-left: 2px;
}
.optnbold{
	font-weight: normal !important;
	}
.bookmark_content{
	 width: 76% !important;
	}
#processAlertContainer
{
z-index: 999;
}
.processAlert {
    margin: 10% auto;
    padding: 10px;
    height: 260px; 
}
.processAlert .floatLeft {
    width: 20%;
    float: left;
       margin: 6% 0% 1% 6%;
}
.processAlert .floatRight {
    width: 70%;
    float: left;
    margin-top: 5%;
}
.processAlertTitle {
  /*   text-align: center; */
    font-size: 20px;
    margin-bottom: 0;
    color: white;
}
.infoText p {
    padding: 14px 32px 0 19px;
   
}
.feedback_pop_container .cyuPopClsBtn{
right: 5px;
}
.steplistBar .pop_close_btn{
right: 5px;
}
.pop_close_btn {
    right: 13px;
    width: 6%;
    top: 6px;
}
.audio_transcript_ul {
    padding-left: 21px;
}
	.audioTranscript li {
    padding-left: 12px;
    text-indent: -2px;
}
/* .cyu_rt_bg {
height: 400px !important;
} */
.click_box_5 li:nth-child(1), .click_box_5 li:nth-child(2), .click_box_5 li:nth-child(3) {
    margin-right: 1%;
}
.click_box_5 li:nth-child(1) {
    margin-right: 1%;
	  margin-left: 10%;
}
.click_box_5 .btns:nth-child(1) {
    margin-right: 1%;
    margin-left: 0%;
}
 .initialScr{
     margin-top: 9%;
	     margin-left: -36px;
    margin-right: -36px;
 }
.mCSB_container{
width: 100%;
}
.gloss_list li {
    width: 95% !important;
}
.glossary_left .pop_list li {
width: 94% !important;
}
.bookmarkpop .pop_list li {
    
    width: 98% !important;
}
.plus_move {
    left: 670px !important;
    z-index: 999999 !important;
    position: absolute !important;
    top: 16px !important;
}
.selectBoxDnD > ul > li {
    padding: 5% 14% 5% 10%;
	}
 
.click_box li p {
    height: 30px!important;
}
.click_box li p{
	
/* 	padding: 10px 1.7% 0;
 */	font-size: 1em;
	
}
.mejs-controls div.mejs-time-rail {
     
        top: 9px!important;
    }
.each_txt_styles .mobileDragAndDrop{
    margin-bottom: 10px;
}	 
 
.cyu_effect1
{
text-align:left;
}
.single_slct_right {
    width: 90% !important;
    text-align: left;
    float: none;
     padding-lef: 20px padding: -le;
    margin: 3px 0px;
}

.cyutick{
    padding: 8px 8px;
    float: left;
    display: inline-block;
    /* float: left; */
}

.single_slct_left{
	width: auto;
	float: left;
	/* margin-right: 5%;
	    margin-right: 3%; */
	cursor: pointer;
margin-right: 2%!important;
} 
.leftBtn:hover {
  background: url(../../framework/images/left.png) no-repeat center !important;
}
.sequence li{
margin-bottom: 0.4em;
}
.single_slct_right{
text-indent: 0em; 
padding-left: 2em;
}
.bgwhite_bdrblue {
    padding: 0% 4% 120;
	
}
.each_txt_styles {
    margin-bottom: 0%;
}
.click_box li p {
height: 23px;
}
/* .audioTranscript li{
text-indent: -13px;
} */
	.audio_text{
    bottom: 0px;
}
.notes_clkbtn{
	display:none !important;
}
.cyudisabled{
margin-top:3px !important;
}
/* .selctImageDrop .slct_arw{
display:block !important;
} */
.title h3{
    font-size: 16px;
	padding-right: 0em;
}
.steplistBar {
    top: 408px !important;
}

.title h1{
font-size: 14px;
}
  #aud_close{
     top:0px;
	     right: 14px;
  }
  
.notes_content textarea{

   border: solid 1px #ccc;
   min-height:20px;
   width: 96.8%
}
.cyuenabled .answer_border:hover .cyutick{
opacity:1;
}
/* .click_box li.visited p{
    background: #005eb8;
} */
.search:hover{
background: url(../../framework/images/search.png) no-repeat center;
}
.rightBtn:hover{
    background: url(../../framework/images/right.png) no-repeat center;
}
.printTxt:hover{
    background: url(../../framework/images/print.png) no-repeat right 20px top 11px #fff;
	    color: #63666a !important;
}
/* .scrollImage{
margin-bottom: 0px;
height:380px;
} */
.mejs-overlay-button{
display: none !important;
}
.srch_right .ui-input-search input{
    padding-top: 2em !important;
	padding-right: 3em;
}
.NoOfModules{
/* text-decoration: underline; */
}
.copyRightTxt{
padding:0px !important;
}
.intro_player_bg{
margin-top: -4px;
}
#custom-seekbar{
width:85.8%;
    margin-left: 3px;
}
#play-pause{
width:3%;
left:2px;
margin-right:0%;
 
}	
.index_inner_container .center_part{
padding:0px 0px;
}
.course_logout_clkbtn{
top:9px;
}
.course_plus{
 top: 1.2vh;
}
.c100.small{
top:-19px !important;
}
.sub_header{
    margin-bottom: 0px;
}
 
.mejs-container .mejs-controls{
 margin-bottom:-14px !important;
}
.slct_img_ul_text li{
   font-size: 1.7vw;
   margin-left: 20px;
}
.pgContainer{
margin-bottom:-52px !important;
}

 
	 
	 
	.cyuPopClsBtn a{
		top:2px;
	}

	.mejs-playpause-button, .mejs-pause, .mejs-replay-button, .mejs-volume-button, .mejs-mute, .mejs-fullscreen-button, .mejs-captions-button, .mejs-captions-button, .mejs-audioScript-button{
		width: 36.98px !important;
		float:left !important;
	}	
	.mejs-audioCC-button, .mejs-playpause-button, .mejs-pause, .mejs-replay-button, .mejs-volume-button, .mejs-mute, .mejs-fullscreen-button, .mejs-captions-button, .mejs-captions-button, .mejs-audioScript-button {
		padding: 0px 0px 0px 7px!important;
	}
	.footer .mejs-playpause-button button{
		left:53px;
	}	
	 
	.right_end a{
	   font-size:10px;
	}
	.left_end {
		margin-right: 0%;
		padding: 5px 2px !important;
		width: 13%;
	}
	.module_index_header .left_end{
		padding: 15px 20px;
		width: 12%;
	}
	.up_arrow {
		top: 11px;
		font-size: 34px !important;
		right: 0px;
	}
	.slct_img_ul_text_right_drop{
	    margin-top: 0%;
	}
	.header_1, .pgTitle i, .selectBoxDnD > ul > li {
		font-size: 1.4em;
	}
	.sub_slct > li > span {
		font-size: 1.5em;
	}
	.dropArrow {
		right: 15px;
		top: 18px;
	}
	.sub_slct {
		top: 44px;
	}
	 
	.blcktick {
		left: 34%;
	}
	.sub_title h1{
		padding-top: 1.5%;
	}
	.at_title {
		width: 85% !important;
	}
	#video_wrapper .at_title {
    width: 72% !important;
}
	.footer .audio_text .at_title {
		width: 86% !important;
	}
	.footer .mejs-controls .mejs-time-rail .mejs-time-total {
		/* width: 69% !important; */
	}
	.footer .mejs-controls div.mejs-time-rail {
		width: 69% !important;
	}
	.footer .mejs-playpause-button, .footer .mejs-pause, .footer .mejs-replay-button, .footer .mejs-volume-button, .footer .mejs-mute, .footer .mejs-fullscreen-button, .footer .mejs-captions-button, .footer .mejs-captions-button, .footer .mejs-audioScript-button {
		padding: 0px 14px 0px !important;
		width: 16.5px !important;
	}
	.footer .mejs-controls .mejs-captions-button button {
		/* right: -3px; */
		left: 0px !important;
	}
	.ptxt{
		font-size: 1.4em;
	}
	.footer .audio_text .pop_close_btn a{
		top: 4%;
		width: 13px;
		right: 8%;
	}
	.audio_text .pop_close_btn a {
		top: 3.5%;
		width: 13px;
		right: 9%;
	}
	.gloss_list li:hover, .pop_list li a:hover {
		background: #fff;
		color: #005eb8 !important;
	}
	.glossary_right h3 {
		font-size: 1.5em;
	}
	 
	.hdng_rt_btn {
		margin-top: 3%;
		width: 54% !important;
	}
	.single_slct_right{
		width:100%;
	}
	.bookmarkpop .pop_close_btn {
		top: 29px !important;
		right: 28px;
	}
	.single_slct_left{
		/* width: 6%; */
		margin-right: 3%;
	}
	.module_selector  .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{
	top: 6px;
	}
	.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{
		right: 0px !important; 
		top: 19px;
	}
	.pop_search_options .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear{
	    top: 18px;
	}
	.mejs-controls button {
		margin-left: 5px !important;
	}
	.mejs-captions-button button {
		margin-left: 8px !important;
	}
	.footer .mejs-controls .mejs-audioScript-button button{
		margin-left:0px !important;
	}
	#vidPlayer{
		width: 900px;
	}
	.ipad_play{
		display:block;
		    z-index: 999;
	}
	.videocontent .bgwhite_bdrblue, .media-wrapper .bgwhite_bdrblue {
		/* height: 435px !important; */
	}
	.videoContainer .audioText {
	    width: 43% !important;
 position: absolute !important;
    right: 0% !important;
}
	.steplistBar .firstLast{
	    margin: 2% 0.6% 0.5% 0.6%;
	}
	 
	.menu {
	       margin-left: 0px;
		width: 80px;
	}
	/* .mejs-container{
		height: 515px !important;
	}  */
 
	.videocontent .mejs-captions-position .arrow-down{
		display: block;
		top: 36px !important;
		right: 6.8% !important;
	}
	.mejs-controls .mejs-captions-button button {
		left: 2px !important;
	}
	.videocontent .arrow-down{
		right: 3.5% !important;
		bottom: -6px;
	}

	.audio_text{
		height: 325px !important;
		/* right: 26.8%;
		width: 35% !IMPORTANT;
		bottom: 6.5%; */
		width: 35%;
		padding: 1% 1%;
		min-height: 358px;
	}
	.audioTextCC .arrow-down{
		right: 6.4%;
	}
	.steplisticon {
		width: 4.8%;
		position: relative;
		top: 1px;
	}
	.footer_btns .mejs-pause button {
		left: 7px !important;
		top: 9px !important;
	}
	.footer .audioTextCC{
	bottom: 40px !important;
	}
	.footer .audio_text {
		/* width: 365px !important; */
		bottom: 25px;
		right: 0px;
		/* height: 465px !important; */
		/* padding: 2% 2%; */
	}
	.cc_text p{
		padding-right:10px;
	}
	 .footer .arrow-down{
		/* bottom: 20%; */
		/* top: inherit;
		right: inherit; */
		/* top: 43px;
		left: 5px; */
		top: 18px;
	} 
	.footer .audio_text .arrow-down{
		top: 43px;
		right: -1.4%;
	}
	.mejs-captions-position{
	  /*  width: 73.2% !important; */
	  /*  bottom: 51px !important; */
	   left: -1px;
	}
	.right_end{
		width: 12.5% !important;
		float:right; 
		margin-left: 0px;
	}
	.center_part {
		width: 74%;
	}
	.module_index_header .center_part {
		/* margin-top: 40px; */
	}
	.center_part .title {
		width: 80% !important;
		margin-left: 0px !important;
		position: relative !important;
		left: 5% !important;
	}
 
	.mejs-overlay-play {
		width: 900px !important;
	}
	.contentAreaFrame{
		width: 900px;
	}
	.boxes_li {
		/* padding: 10px 0px; */
	}
	.mejs-play button .mejs-pause button{
		left: 14px;
    }
	.mejs-container .mejs-controls{
		/* bottom: 7% !important; */
		/* width: 73.2% !important; */
	}
	.mejs-controls div.mejs-time-rail {
		width: 68.4% !important;
		top: 2px;
	}
	
	#video_wrapper .mejs-controls div.mejs-time-rail {
		width: 56.5% !important;
	}
	.mejs-controls .mejs-time-rail .mejs-time-total{
		/* width: 67% !important; */
		top: 34%;
	}
	.mejs-fullscreen .mejs-controls .mejs-time-rail .mejs-time-total{
		width: 66% !important;
	}
	.mejs-fullscreen .mejs-controls div.mejs-time-rail{
		width: 66% !important;
	}
	.mejs-fullscreen .mejs-container .mejs-controls .mejs-time {
		width:auto !important;
	}
/* .click_box {
		margin-left: 0%;
	} */
	.click_box {
    margin-left: 3.1%;
	}
	.branchImg_box{
	    width: 56%;
	}
	.click_box .btns:nth-last-of-type(1) {
		margin-left: 25% !important;
	}
	.click_box .btns:nth-child(2), .click_box .btns:nth-child(4), .click_box .btns:nth-child(6), .click_box .btns:nth-child(8){
	   margin-left: 0% !important;
	}
	.footer .mejs-playpause-button, .footer .mejs-pause, .footer .mejs-replay-button, .footer .mejs-volume-button, .footer .mejs-mute, .footer .mejs-fullscreen-button, .footer .mejs-captions-button, .footer .mejs-captions-button, .footer .mejs-audioScript-button {
		padding: 0px 13px 0px !important;
	}

	.bgwhite_bdrblue{
	height: 242px !important;
		/* min-height: 368px; */
	 
		/* width: 860px; */
	}
	.pgContainer .cc_text{
	    min-height: 353px;
	}
	.ipdad_land{
		  height:403px !important;  
		/* padding: 0% 4%; */
	}
	.bgwhite_bdrblue > img {
		/* top:15%; */
		right: 2%;
		width: 30%;
	}
	.cyu_left_ipad  li{
		height: inherit !important;
	}

 	.cyu_rt_bg > img{
		right: 0%;
		top: 10%;
	}
	.click_box_1 li{
		margin-right: 1%;
		margin-bottom: 1%;
		/* height:315px; */
	}	
	.click_box_6 li {
	width: 24%;
	}
	.click_box_6 .btns{
	width: 47%;
	}
	.click_box_6 .btns:nth-child(6){
	   margin-left: 0% !important;
	}
	.click_box_6 li:nth-child(1), .click_box_6 li:nth-child(4) {
    margin-left: 9%;
    }
	.click_box_6 .btns:nth-child(1), .click_box_6 .btns:nth-child(4) {
    margin-left: 0%;
    }
.click_box_6 li:nth-child(4), .click_box_6 li:nth-child(5), .click_box_6 li:nth-child(6) {
     margin-top: 0px;
}
	.click_box .twoLineTxt p span {
		top: 2px;
	}
	.wrapper {
		width: 900px;
	}
	.footer .media-wrapper{
		width: 100%;
	}
	.footer .mejs-controls .mejs-button button{
		background-position-x: 0px !important;
		/* right: 0px; 
		margin-left: 2px !important; */
		/* width: 26px !important; */
	}
	

.continue_btn.modulecontinue_clkbtn {
  
    font-size: 12px;
	}
	.inner_height{
		  height: 255px !important;
		/* padding: 0% 8%; */
		position: relative;
	}
	.p_13{
	 height: 265px !important;
		/* padding: 0% 8%; */
		position: relative;
	}
	.ipad_drop_down{
	  height: 261px !important;
		/* padding: 0% 8%; */
		position: relative;
	}
	.inner_cyu_Image{
	  height: 249px !important;
		/* padding: 0% 8%; */
		position: relative;
	}
	.inner_height_imgdrop{
		  height: 255px !important;
		/* padding: 0% 8%; */
		position: relative;
	}
 .inner_padding {
    padding: 0.85% 0% !important;
}
    .leftContent {
	    width:48%;
		float:left;
		margin-right: 2%;
	}
	.sub_right_end{
	padding: 0;
	}
	.cyu_11_ipad > img{
		max-width: inherit;
		 width: 100%;  
	}
	.feedback_pop_container{
		height: 28% !important;
	}
	.rightContent{
	   /*  float:right; */
		/* width:100%; */
		margin-left: 0%;
		margin-right: 3%;
		padding-left:0px !important;
	}
	
	.image_slct_dpdown_4{
		width:100%;
	}
	.image_slct_dpdown_4 img{
		display:block;
	}
	.ipad_drop_down{
		padding:0px;
	height: 69.5%;
	}
.button_bdr_top {
       bottom: 0px !important;
	position:relative;
}
	
	 
.videocontent .mejs-container .mejs-controls{
bottom:-25px !important;
z-index: 9;
}
	.bkcls_btn{
		margin-right:0px;
	}
	 
	.arrow-down, .up_arrow, .sub_menu_arw{
		/* display:none !important; */
	}
   .cyu_boxes_1 li{
		width: auto;	
   }
   .img_spot img{
		width: 50%;
	}
	.hot_spot1 {
		left: 111px;
		top: 44px;
	}
	.hot_spot2 {
		left: 147px;
		top: 152px;
	}
	.hot_spot3 {
		left: 131px;
		top: 212px;
	}
   .rt_cyu_boxes_2 li {
		width: 96%;
	}
	.cyu_boxes_5 li, .cyu_boxes_4 li, .cyu_boxes_3 li, .cyu_boxes_2 li{
		/* height: 205px;
		display: flex;
		align-items: center; */
	}
	.ans_hover {
		top: 0px;
	}

	.cyu_boxes_1 li img {
		width: 447px;
		height: 270px;
	}
	/* .button_bdr_top{
		margin-top: 0%; 
		padding-top: 2px;
		bottom:0%;
	} */
	/* .inner_height{
	    height: 318px !important;
		padding: 0 0% 1% !important;
		width: 100%;
	}
	.p_10, .p_13{
		height: 338px !important;
	}
	.inner_padding, .p_12{
		height: 355px !important;
	} */
	.pop_box {
	width: 26%;
    margin: 3% 5%;
    height: 230px;
    padding: 3% 7%;
	}
	.pop_grey_box {
    /* background: #f8f8f8; */
    padding: 3% 2%;
    margin: 2% 2%;
	}
	.leftipad {
    margin-top: 0%;
	}
	.image_slct_dpdown_4 .slct_opt{
	    margin-top: 0% !important;
	}
	.slct_opt{
	    margin-top: 0%;
	}
	.selectBoxDnD .slct_arw{
	    width: 22px;
	}
	.right_btns:visited{
	background:#12294b;
	}
	.slct_text_ul_right{
		width:95%;
		margin-top: 0px !important;
	}
	.slct_text_ul_right { 
    padding: 0px 20px 20px 20px;
	}
	.slct_right .dropArrow{
		right: 20px;
	}
	.image_slct_dpdown_4 .dropArrow{
		right: 15px;
		top: 13px;
	}
	.slct_img_ul_text_lt{
		width: 63%;
	}
	.slct_img_ul_text_right_drop .dropArrow{
		right: 22px;
		top: 16px;
	}
.sub_slct {
    top: 33px;
    position: absolute;
    left: 2px;
}
.inner_droptext .sub_slct {
    top: 0px;
    position: relative;  
    left: 2px;
}
.inner_height_imgdrop .sub_slct {
    top: 33px;
    position: absolute;
    left: 2px;
}
	.selctImageDrop  .slct_arw{
	right: 11px;
	}
	.drpHotspot .slct_arw{
	right: 15px;
	} 
	/* .selectBoxDnD .slct_arw{
	right: 15px;
	} */
	.selctImageText  .slct_arw{
	right: 17px;
	} 
	.slct_text_ul_right .slct_opt{
		margin-top: 0%;
	}
	.slct_img_ul{
		/* bottom: 0%; */
		top: 0%;
		/* height: 348px; */
		left: 0.2%;
		margin-top: 6.5%;
	}
	.slct_img_ul li:first-child {
		top: 13%;
		position: relative;
		left: 51%;
	}
	.slct_img_ul li:nth-child(2) {
		/* top: 18%; */
		position: relative;
		left: 43%;
		margin-top:6%;
	}
	.slct_img_ul li:nth-child(3) {
		/* top: 23%; */
		position: relative;
		left: 50%;
		margin-top: 6%;
	}
	.slct_img_ul li:last-child {
		/* top: 27.5%; */
		position: relative;
		left: 52.3%;
		margin-top: 5.5%;
	}
	.summary_bg{
		padding: 0% 4%;
	}
	.hotspot_circle {
		position: absolute;
		top: 0%;
		left: 3%;
	}
	.hotspot_circle li {
		position: absolute;
		cursor: pointer;
		left: 310px;
		top: 46px;
	}
	.hotspot_circle li hr {
		width: 115px;
		top: 19px;
		left: -20px;
	}
	.hotspot_circle li:nth-child(2) hr {
		width: 150px;
		border: 1px dashed black;
		position: absolute;
		top: 18px;
		left: -57px;
	}
	.hotspot_circle li:nth-child(3) hr {
		width: 154px;
	}
	.hotspot_circle li:nth-child(2) {
		left: 370px;
		top: 120px;
	}
	.hotspot_circle li:nth-child(3) {
		left: -135px;
		top: 80px;
	}
	.hotspot_circle li:last-child hr {
		width: 158px;
		border: 1px dashed black;
		position: absolute;
		top: 18px;
		left: 125px;
	}
	.hotspot_circle li:last-child {
		left: -90px;
		top: 190px;
	}
	.sub_center_part {
    width: 74%;
}
	.back_btn1{
		margin-right: 66px !important;
		margin-top: 0px;
		padding: 4px 20px !important;
	}
	.slide_dots{
		padding-top: 5px;
	}
	.switch{
		top:20px;
	}
	.steplistBar span{
		right:2.5%;
		top:20px;
	}
	.steplisticon{
		background-position: 7px 14px;
	}
	.steplistBar .info_text {
    bottom: 52px;
}
	.steplisticon:hover {
		background: url(../../framework/images/info_icon.png) #fff no-repeat 7px 14px;
	}
	.steplisticon.activebtn {
		background: #005eb8;
		background-image: url(../../framework/images/info_icon_white.png);
		background-repeat: no-repeat;
		background-position: 7px 14px;
		border-left: 1px solid transparent;
	}
	
	.click_box_5 li {
    width: 24%;
	}
	.click_box_5 .btns{
	   width: 47%;
	}
	/* .click_box_5 li:nth-child(1) {
    margin-left: 10%;
	   
} */
.click_box_5 li:nth-child(4){
 margin-left: 24%;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)  {
/* my styles */
.sub_title h1 { 
    font-size: 1.5em;
	}
.continue_btn.modulecontinue_clkbtn{
    font-size: 14px;
}
.morelinkmod{
font-size:0.7em;
}

.title1-h1 {
 font-size: 1.6em;
    padding-right: 0;
	}
.page_num {   
    width: 54%;   
}
.right_btns { 
    width: 38%; 
}
.modulecontinue_clkbtn, .mob_dy{
width: 5%;
}
.logo {
    width: 115px;
	}
.pdfContent {
    top: 439px;
}
.mar_top_pxel_excel {
    width: 66%;
}
#video_wrapper .pop_close_btn {
width: 6%;
	    top: 5px;
}
#video_wrapper .mejs-video {
    height: 266px !important;
}
/* #video_wrapper .mejs-captions-layer{
bottom: 61% !important;
} */
#video_wrapper .mejs-captions-position {
    margin-bottom: -12px;
}
#video_wrapper .mejs-controls div.mejs-time-rail {
    width: 59% !important;
    top: 2px;
}
#video_wrapper .bgwhite_bdrblue {
    height: 252px !important;
}
 
#video_wrapper .audioText {
    position: absolute !important;
    width: 41%;
    min-height: 35px;
    top: 0.5%;
    padding: 5px 0px;
    right: 0%;
}
#video_wrapper .bgwhite_bdrblue {
    height: 252px !important;
}
#video_wrapper .mejs-audioCC-button, #video_wrapper .mejs-playpause-button, #video_wrapper .mejs-pause, #video_wrapper .mejs-replay-button, #video_wrapper .mejs-volume-button, #video_wrapper .mejs-mute, #video_wrapper .mejs-fullscreen-button, #video_wrapper .mejs-captions-button, #video_wrapper .mejs-captions-button, #video_wrapper .mejs-audioScript-button {
    padding: 0px 0px 0px 7px!important;
}
.mejs-container .mejs-controls{
		bottom: -6% !important;
	}
#video_wrapper .audioText p { 
    font-size: 14px;
	}
.pop_list li h6 {
    float: left;
    color: #999;
    padding: 3%;
    width: 74%;
}
.pop_list li:hover > h6{
width: 74%;
}
.back_btn1 {
    right: 125px;
    padding: 3px 20px !important;
    top: 6px;
}
.printTxt {
    display: none !important;
}
/* my styles */

.logout_clkbtn {
    right: -6px;
}
.header_new {
    max-width: 88%;
}
.rightcontain {
    width: 32%;
}
.leftcontain {
    width: 65%;
}
 
.steplistBar .slide_dots li:not(.firstLast){
		margin: 10px 0.6% 9px 0.2%;
	}
	#vidPlayer{
		width: 650px;
	}
	.mejs-overlay-play {
		width: 700px !important;
	}
	.wrapper{
		width:665px;
		
	}
	 
	#video_wrapper .at_title {
    width: 85% !important;
	font-size: 12px !important;
}
	.slct_img{
		display: none;
	}
	
	.summary_bg img, .obj_bg img{
		width: 40%;
	}
	.center_part .title{
		padding: 7px 0px 7px 0px;
	}
	.feedback_text p{
		font-size: 22px;
	}
	.mejs-fullscreen .mejs-controls > div{
		width: 27px !important;
	}
	.mejs-playpause-button, .mejs-pause, .mejs-replay-button, .mejs-volume-button, .mejs-mute, .mejs-fullscreen-button, .mejs-captions-button, .mejs-captions-button, .mejs-audioScript-button{
		width: 36px !important;
	}
	.ipad_image{
		display: block !important;
	}
	 
	/* .mejs-container .mejs-controls{
		 width: 100% !important;
	} */
	.cyu_boxes_2 li{
		width:100% !important;
	}
	 
	.single_slct_left{
		margin-right: 4%;
		/* margin-left:10%; */
	}
	.sub_slct > li{
		padding: 4px 10px;
	}
	.sub_menu_arw{
		top:45px;
	}
	 
	.help_menu_open li:nth-child(6){
		display:none;
	}
	.help_menu_open li:nth-child(8){
		display:none;
	}
	.header_1{
		/* font-size: 1.8em; */
	}
	.clickNxtInfo {   
    position: fixed;  
}
	.contentAreaFrame{
		width:650px;
		 
	}
	.remediationBtn{
		top: 9px !important;
		margin-right: 30px !important;
	}
	 
	.menu {
		margin-left: 0px;
		width: 70px;
		height: 20px;
	}
	.title {
		width: 92%;
	}
	.right_end {
		width: 18%;
	}
	.center_part{
	    width: 65%;
		margin-right: 0%;
		display: inherit;
	}
	.slct_right{
		margin-right: 0px;
		margin-top: 1%;
	}
	
	.leftContent, .rightContent{
		width:48%;
		float:left;
		margin-left:0%;
		margin-bottom: 1%;
	}	
	.leftipad{
		margin-top:16%;
	}
#video_wrapper .bgwhite_bdrblue {
       bottom: 315px !important;
    height: 236px !important;
    right: 0% !important
}
	.videoContainer .audioText {
     width: 32% !important;
	}
	#video_wrapper .videoContainer .audioText{
	    right: 13%;
		}
	.bgwhite_bdrblue{
		/* min-height:540px; */
		padding: 2% 4%;
		margin: inherit;
		/* width:598px; */
		height: 700px !important; 
    bottom: -5px !important;
	}
	.cyu_boxes_5 li{
		width: 18.80%;
	}
	.mejs-play button{
	   /* margin-top: 0px !important;
       background-position-x: 0px !important;
	   margin-left: 0px !important; */
	   margin: 0px !important;
	}
	.footer .mejs-play button{
		margin-left: -40px !important;
	}
	.mejs-pause button{
	   margin-top: 0px !important;
       margin-left: 0px !important;
	}
	.cyu_effect1 .txt{
		font-size: 1.3em;
	}
	.review a{
		font-size:1em;
	}	
	.left_end a{
		font-size: 13px;
	}
	.left_end {
	    /* width: 13%;
		margin-right: 4%; */
		padding:5px 0px;
	}
	.right_end a{
		font-size: 13px;
	}
	.copyRightTxt{
		padding: 6px 0px;
	}
	.opt_font{
		font-size: 15px !important;
	}
	.title h3 {
		font-size: 12px;
	}
	.title h1 {
		font-size: 12px;
		font-weight: bold;
	}
	.dropArrow {
    position: absolute;
    cursor: pointer;
    right: 9.2%;
	}
	 
	.slct_opt{
		margin-top: 40%;
	}
	.slct_img_ul{
		left: 9%;
		top: inherit;
	}
	.row3dropImages {
    margin-left: 23%;
}
	.mobileDragAndDrop{
		margin-bottom: 2%;
	}
	.right_btns li a {
		margin-left: 18px;
		padding: 12px 5px;
	}
	.sub_right_btns li a {
		margin-left: 12px;
	}
	.mejs-container .mejs-controls  div{
	
		/* height: 100% !important; */
	
	}
	.mejs-controls button {
		margin-left: 5px !important;
	}
	.mejs-captions-button button {
		margin-left: 1px !important;
	}
	.footer .mejs-playpause-button button {
		left: 56px;
	}
	 
	.up_arrow {
		top: 5px;
		font-size: 34px !important;
		right: 0%;
	}
	.search_option{
		top:52px;
	}
	/* .mejs-button .mejs-playpause-button .mejs-play button{
		left:15px !important
	} */
	.search_option input {
		font-size: 15px;
	}
	.srch_up_arrow{
		top:23px;
	}
	.cyu_container {
		width: 100%;
	}
	.feedback_instruction{
		padding: 0% 3%;
		font-size: 1.8em;
	}
	
	.feedback_pop_container {
		height: 23%;
	}
	.bgwhite_bdrblue > img{
		right: 2%;
		bottom: 5%;
	}
	.rightBtn {
		right: 1%;
		padding: 2.5% 1%;
	}
	.footer .media-wrapper{
		width: 23.8%;
	}
	.staticTxt{
		margin-top: 0px !important;
		font-size: 14px;
		width: 100%;
	}
	.mejs-playpause-button, .mejs-pause, .mejs-replay-button, .mejs-volume-button, .mejs-mute, .mejs-fullscreen-button, .mejs-captions-button, .mejs-captions-button, .mejs-audioScript-button {
		/* padding: 12px 0px 0px 7px !important; */
		/* width: 22.7px !important; */
	}
	.videoContainer .mejs-captions-position-hover {
    bottom: 24px !important;
}
	#video_wrapper .mejs-audioCC-button, .mejs-playpause-button, .mejs-pause, .mejs-replay-button, .mejs-volume-button, .mejs-mute, .mejs-fullscreen-button, .mejs-captions-button, .mejs-captions-button, .mejs-audioScript-button{
		padding: 0px 0px 0px 11px!important;
	}
	#video_wrapper .mejs-controls .mejs-audioScript-button button {
    margin-left: 5px !important;
}
	.mejs-audioCC-button, .mejs-playpause-button, .mejs-pause, .mejs-replay-button, .mejs-volume-button, .mejs-mute, .mejs-fullscreen-button, .mejs-captions-button, .mejs-captions-button, .mejs-audioScript-button{
		padding: 0px 0px 0px 11px!important;
	}
	.footer .mejs-playpause-button, .footer .mejs-pause, .footer .mejs-replay-button, .footer .mejs-volume-button, .footer .mejs-mute, .footer .mejs-fullscreen-button, .footer .mejs-captions-button, .footer .mejs-captions-button, .footer .mejs-audioScript-button {
		padding: 12px 15px 0px !important;
	}
	.footer_btns .mejs-pause button{
		left: 16px !important;
	}
	.loader{
		left:10px !important;
		top: 13% !important;
	}
	.leftBtn {
		left: 10px;
	}
	.sub_header{
		/* width:100%; */
		margin:0 auto;
		display: flex;
		align-items: center;
		/* padding: 10px 10px 5px 10px; */
		//background: white;
		/* border-bottom: 3px solid #4a88c6; */
	}
	.answer_popup{
		border-top:none;
	}
	.footer .mejs-container .mejs-controls {
		width: 100% !important;
		top: -7px;
		margin-bottom: -3px !important;
	}
	 
	 
	.rt_cyu_boxes_2{
			margin-right: -3%;
	}
	.instrctn{
		margin-left: 0%;
	}

	 
	.bkcls_btn{
		width: 10%;
	}
.cyutick {
    padding: 8px 6px;
}
	.cyu_left_ipad{
		/* width: 50%; */
	}
	.cyu_rt_bg > img{
		width: 50%;
		top: 10%;
		right:-2%;
	}
	.video_cnt_img {
		  margin: 0px 18px;  
	}
 
 

.mejs-container .mejs-controls div, .steplistBar {
 
    z-index: 99 !important;
	}
.feedback_pop_container {
    height: 23% !important;
}

.srightHeadText {
    margin-bottom: 8%;
}
 
    .printCourse_clkbtn {
display:none !important;
}
.audio_transcript_p{
padding-left: 0;
}
 
#processAlertContainer
{
z-index: 999;
}
.processAlert {
    margin: 10% auto;
    padding: 10px;
    height: 658px;
}
 
.processAlert .floatLeft {
    width: 20%;
    float: left;
    margin: 44% 0% 1% 6%;
}
.processAlert .floatRight {
    width: 70%;
    float: left;
    margin-top: 35%;
}
.infoText p {
    padding: 24px 30px 0 0px;
	}
	.pop_close_btn{
	top: 5px;
	right: 22px;
	}
	.feedback_pop_container .cyuPopClsBtn{
    right: 1px;
}
	.info_text > .pop_close_btn{
	right: -6px;
	}
ul.audio_transcript_ul {
    padding-left: 21px;
	}
.audioTranscript li {
    padding-left: 13px;
    text-indent: -3px;
}
.popupBookmark .feedback_pop_container {
    top: 30%;
    height: 22%;
}
.single_slct_right {
    text-indent: 0;
	}
.sub_slct {
    
    z-index: 999999;
	}
	.ui-mobile .ui-page {
	min-height: 1024px;
	}
.cyu_effect1{
text-align: left;
}
.video_cnt_img {
    height: 95%;
   /*  overflow-y: auto; */
}
.click_box_4 li:nth-child(3), .click_box_4 li:nth-child(4) {
    margin-top: 15px;
}
.click_box_4 li:nth-child(1), .click_box_4 li:nth-child(2), .click_box_4 li:nth-child(3), .click_box_4 li:nth-child(4){
width:25%;
}
.click_box_3 li:nth-child(3) {
    margin-top: 14px;
 }
 .click_box_3 li:nth-child(1),  .click_box_3 li:nth-child(2), .click_box_3 li:nth-child(3)   {
    width: 25%;
	}
	.click_box_1 li{
		margin-right: 1%;
		margin-bottom: 1%;
		height: 170px;
	}	
	.click_box_5 li {
    width: 25%;
	}
	.click_box_5 li:nth-child(4), .click_box_5 li:nth-child(5) {
 
    margin-top: 2%;
}
.click_box_8 li:nth-child(1), .click_box_8 li:nth-child(2), .click_box_8 li:nth-child(3), .click_box_8 li:nth-child(4), .click_box_8 li:nth-child(5), .click_box_8 li:nth-child(6), .click_box_8 li:nth-child(7), .click_box_8 li:nth-child(8) {
	width: 36% !important;
}
.click_box_8 .btns:nth-child(1), .click_box_8 .btns:nth-child(2), .click_box_8 .btns:nth-child(3), .click_box_8 .btns:nth-child(4), .click_box_8 .btns:nth-child(5), .click_box_8 .btns:nth-child(6), .click_box_8 .btns:nth-child(7), .click_box_8 .btns:nth-child(8) {
	width: 47% !important;
}
.click_box_8 li:nth-child(3), .click_box_8 li:nth-child(7) {
    margin-left: 12%;
}
.click_box_8 .btns:nth-child(3), .click_box_8 .btns:nth-child(7) {
    margin-left: 0%;
}
.click_box_8 li:nth-child(1), .click_box_8 li:nth-child(5) {
    margin-left: 12%;
}
.click_box_8 .btns:nth-child(1), .click_box_8 .btns:nth-child(5) {
    margin-left: 0%;
}
.click_box_6 li:nth-child(1), .click_box_6 li:nth-child(4) {
    margin-left: 4%;
}
.click_box_6 .btns:nth-child(1), .click_box_6 .btns:nth-child(4) {
    margin-left: 0%;
}
.click_box_6 li:nth-child(4), .click_box_6 li:nth-child(5), .click_box_6 li:nth-child(6) {
    margin-top: 0px !important;
}
.click_box_7 li {		
      margin-left: 0;
}
.click_box_7 li:nth-child(1), .click_box_7 li:nth-child(2), .click_box_7 li:nth-child(5), .click_box_7 li:nth-child(6){
     margin-left: 4%;
	 width: 36% !important;
} 
.click_box_7 .btns:nth-child(1), .click_box_7 .btns:nth-child(2), .click_box_7 .btns:nth-child(5), .click_box_7 .btns:nth-child(6){
     margin-left: 0%;
	 width: 48% !important;
} 
.click_box_7 li:nth-child(1), .click_box_7 li:nth-child(3), .click_box_7 li:nth-child(5){
  margin-left: 10%;
}
.click_box_7 li:nth-child(3), .click_box_7 li:nth-child(4) {
	width: 36% !important;
} 
.click_box_7 .btns:nth-child(3), .click_box_7 .btns:nth-child(4) {
	width: 48% !important;
	margin-left: 0%;
}
.click_box_7 li:nth-child(7) {
	width: 36% !important;
	margin-left: 27%;
} 
.click_box_7 li:nth-child(7) {
	width: 48% !important;
    margin-left: 25% !important;
}
.click_box_5 li:nth-child(4), .click_box_5 li:nth-child(5) {
      margin-left: 0; 
    margin-top: 0; 
}
.branch_pad .click_box_5 li:nth-child(4)
{
 margin-left: 4%;
}

.click_box_5 li:nth-child(1),.click_box_5 li:nth-child(4) {
    margin-left: 4%;
}
.click_box_5 .btns:nth-child(1),.click_box_5 .btns:nth-child(4) {
    margin-left: 0%;
}
.click_box_5 li:nth-child(5) {
 margin-left: 27%;
}
.click_box_5 .btns:nth-child(5) {
 margin-left: 27% !important;
}
.click_box_4 li:nth-child(1), .click_box_4 li:nth-child(3) {
     margin-left: 3%; 
}
.click_box_4 li:nth-child(3), .click_box_4 li:nth-child(4) {
    margin-top: 0px;
}
.click_box_3 li:nth-child(1) {
  margin-left: 24px;
}
.click_box_3 .btns:nth-child(1) {
  margin-left: 0px;
}
.click_box_3 .btns{
  margin-top: 0%;
}
.click_box_3 li:nth-child(3) {
    margin-top: 5px;
    margin-left: 28%;
}
.click_box_3 .btns:nth-child(3) {
    margin-top: 5px;
    margin-left: 25% !important;
}
.click_box_1 .btns:nth-child(9) {
    margin-left: 25% !important;
    /* margin-left: 25%; */
}
.click_box_6 .btns:nth-last-of-type(1), .click_box_4 .btns:nth-last-of-type(1){
   margin-left:0%;
}
 
.slct_img_ul_text_right_drop {
    float: left;
    width: 40%;
}
.plus_move {
    left: 523px !important;
    z-index: 999999 !important;
    position: absolute !important;
    top: 20px !important;
}
.index_inner_container .center_part{

position: absolute;
left: 80px;
top: 14px;
}
 

 
 
.introVideo {
    width: 85% !important;
}
 

 
.leftBtn:hover {
  background: url(../../framework/images/left.png) no-repeat center !important;
} 


/* today styles */
.notes_clkbtn{
	display:none !important;
}
.module_selector  .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{
	top: 7px;
	}
	.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{
		right: 12px !important; 
		top: 20px;
	}
. 
/* today styles */
.inner_height{
    padding: 3% 3% 3.4% !important;
}
.selectBoxDnD > ul > li{
    padding: 5% 17% 5% 6% !important;
	width: inherit;
}
.drpHotspot .optHTxt{
display:initial;
}
.button_bdr_top {
    bottom: 0px !important;
    position: absolute;
}
.inner_cyu_Image, .inner_padding_cyu_Image, .ipad_drop_down{
    padding: 0% 3% 3.4% !important;
}
.inner_height_imgdrop, .inner_height_hotspot, .inner_height_drophotspot{
    padding: 0% 3% 3.4% !important;
}
.inner_height {
    
    bottom: 0%;
}
.ipad_drop_down .slct_opt{
    margin-top: 0% !important;
}
.inner_height_imgdrop .slct_opt{
    
}
.dropArrow{
     right: 3.9%;
    /*  top: 39%; */
}
.module_index_header .center_part .title {
	padding: 0px 0px;
	width: 81%;
}
.selctImageText .slct_arw{
     right: 2px;
}
.slct_img_ul_text_right_drop .slct_arw {
    right: 2px !important;
}
.slct_img_ul_text_right_drop .sub_slct {
    top: 0px !important;
    position: relative;
}
.selectBoxDnD .slct_arw{
     right: 6px;
}
.selectBoxDnD .sub_slct{
     top:0;
}
.inner_height_imgdrop .sub_slct{
     top:34px;
}
.cyu_image_cont{
   width: 100%;
}
.inner_height_imgdrop .selctImageDrop{
    width: 45%;
    float: left;
    margin-right: 2.5%;
    background: #f1f1f1;
}
/* .slct_opt {
    margin-top: 1% !important;
} */
.video_container{
margin: 20% auto;
}
.pop_list p {
    width: 95%;
}	
.index_inner_container .left_end{
width:5%;
}
.module_pop_container  .center_part{
width: 71% !important;
}
.module_pop_container  .center_part .title{
width: 100%;
}
.index_header .center_part{
width:100% !Important;
}
.index_inner_container .center_part{
padding:0px ;

}
.index_inner_container{
width:85% !important;
}

.videocontent .mejs-container .mejs-controls{
bottom:0px !important;
}
.cyu_rt_bg img{
    width: 75%;
}
.slct_img_ul_text li{
font-size:1.6vw;
}
.image_slct_dpdown_4{
width:100%;
}
.image_slct_dpdown_4 .mobileDragAndDrop img{
display:block;
}
.divSize50 .single_slct_right{
      /*  margin-left: 6%; */
	   width: 225px;
}
.chk_bx_cntnt {
    text-indent: 0em;
	   /*  padding-left: 1.5em; */
}
.scrollImage {
    margin-top: 50px;
}
 .search:hover {
		background: url(../../framework/images/search.png) no-repeat center;
		cursor: pointer;
	}
.module_index_header .title h1{
font-size:1.7vw;
position: relative;
}
.moduleBtn div.mod_div{
font-size:2.0vw;
}
.moduleBtn h2{
font-size:2.0vw;
}
.moduleBtn h3{
font-size:2.2vw;
}
.srch_right .ui-input-search input{
margin-right:0% !important;
}
.index_inner_container{
width:85% !important;
}
.introVideo{
width:85% !important;
}
.videocontent .mejs-container .mejs-controls{
bottom:0px !important;
}

.slct_img_ul_text li{
font-size:1.6vw;
}
.image_slct_dpdown_4{
width:100%;
}
.image_slct_dpdown_4 .mobileDragAndDrop img{
display:block;
}

.module_index_header .title h1{
font-size:1.7vw;
}
.moduleBtn div.mod_div{
font-size:2.0vw;
}
.moduleBtn h2{
font-size:2.0vw;
}
.moduleBtn h3{
font-size:2.2vw;
}
.srch_right .ui-input-search input {
      padding-top: 1.8em !important;
	  padding-right: 2em;
}
.srch_right .ui-input-search input{
margin-right:0% !important;
}

	.index_inner_container .left_end {
		width: 8%;
		padding: 5px 0px;
	}
	.index_header .title h3 {
		font-size: 2.5vw;
	}
	 
	.index_inner_container{
		width:85% !important;
	}
	#index_container{
	width:56% !important;
	}
	#centerpart{
	left: 16px;
	}
	.introVideo{
		width:85% !important;
	}
	.videocontent .mejs-container .mejs-controls{
		bottom:0px !important;
		    z-index: 9;
	}
	.slct_img_ul_text li{
		font-size:1.6em;
	}
	.image_slct_dpdown_4{
		width:100%;
	}
	.image_slct_dpdown_4 .slct_opt{
		/* margin-top:20% !important; */
	}
	.image_slct_dpdown_4 .mobileDragAndDrop img{
		display:block;
	}
	.module_index_header .title h1{
		    font-size: 2.1vw;
	}
	.moduleBtn div.mod_div{
		font-size:2.0vw;
	}
	.moduleBtn h2{
		font-size:2vw;
		margin-bottom: 1vh;
	}
	.moduleBtn h3{
		font-size:1.8vw;
	}
	.srch_right .ui-input-search input{
		margin-right:4% !important;
	}
	.slct_img_ul_text_right{
		width:100%;
		margin-left:-13px;
	}
	.slct_img_ul_text_right .slct_opt{
		margin-top:0px;
	}
	.slct_img_ul_text_right .leftipad {
		margin-top: 0%;
	}
	 
	.sub_right_end{
	    /* display:none !important; */
	}
	.mejs-captions-position{
	margin-bottom:0px;
	}
	.audio_text{
	bottom:39px !important;
	}
	.slct_text_ul_right{
	width:90%;
	}
	.slct_img_ul_text_right .slct_opt{
	  /* margin-top:20% !important; */
	}
	.course_logout_clkbtn {
		top: 12px;
	}
	.intro_player_bg {
		margin-top: -4px;
	}
	.left_end {
		width: 18%;
		margin-right: 0%;
		padding: 0px 0px 7px;
	}
	.menu a {
		margin-left: 10px;
	}
	.center_part {
		width: 65% !important;
		margin-right: 0% !important;
		margin-left: 20px !important;
		display: inherit !important;
	}
	
	.sub_menu_arw_open_plus{
	    left: 618.5px !important;
		z-index: 9999 !important;
		position: absolute !important;
		top: 200px !important;
	}
 
	
	.cyuPopClsBtn a img{
		width:20px;
		height:20px;
	}
	.moduleBtn span {
		font-size: 1vw;
		width: 4vw;
		height: 3vh;
		line-height: 3vh;
		top: -1vh;
	}

	.module_index_header .course_logout_clkbtn_1{
		 top: 1vh;
         right: -20px;
	}
	.module_index_header .left_end {
    padding: 10px 20px;
    width: 22%;
}
	 
	.module_index_header .index_inner_container{
		width:100%;
	}
	.module_index_header .course_logout_clkbtn{
		right: 25px;
	}	
	.right_end {
		width: 18%;
		padding:0px 6px;
	
	}
	 
	 
	.dots_grp img{
		bottom: 6px;
	}
	.single_slct_left {
		margin-right: 2%;
		/* width: 7vw; */
	}
	.pgContainer {
		margin-top: 0px;
	}
	.audio_text .pop_close_btn a  img{
		width:13px;
	}
	#aud_close{
	   top: 0px;
	}	
	.at_title {
		width: 84% !important;
		font-size:14px !important;
	}
	.divSize50 .cyu_effect1 .option_text{
	     width: auto;
	}
	.divSize50 .answer_border{
	    padding: 17px 0px;
	}
	.ipad_play {
		display: block;
	z-index:999;
	}
	.mejs-controls button {
		margin-left: 5px !important;
	}
	.mejs-captions-button button {
		margin-left: 13px !important;
	}
	.gloss_list li {
		width: 93% !important;
	}
	.mejs-playpause-button, .mejs-pause, .mejs-replay-button, .mejs-volume-button, .mejs-mute, .mejs-fullscreen-button, .mejs-captions-button, .mejs-captions-button, .mejs-audioScript-button {
		width: 33.5px !important;
	}
	.mejs-controls .mejs-audioScript-button button {
		margin-left: 7px !important;
	}
	.footer .mejs-controls .mejs-audioScript-button button {
		margin-left: 2px !important;
	}
	.footer .media-wrapper{
		width: 100%;
	}
	.slide_dots li:hover:not(.firstLast):before{
		
	}
	 
	.center_part .title {
    padding: 7px 10px 0px 30px;
    width: 88%;
    margin: 0;
}
#centerpart .title{
width: 100%;
}
	.leftBtn, .rightBtn {
		width: 3%;
	}
	.leftBtn {
		left: 19px;
	}
	.sub_center_part {
		width: 63%;
	}
	.remediationBtn {
		top: 9px !important;
		margin-right: 10px !important;
		padding: 4px 5px 4px 0px;
	}
	/* .back_btn1 {
		right:125px;
		padding: 3px 20px !important;
		top: 11px;
	} */
	.gloss_list li:hover, .pop_list li a:hover {
		background: #fff;
		color: #005eb8 !important;
	}
	.audio_text .pop_close_btn a {
		top: 3%;
		right: 9%;
	}
	.search{
		padding: 10% 5%;
	}
	/* .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{
		right:0% !important;
		top: 19px !important;
	} */
	.ui-alt-icon.ui-icon-search:after, .ui-alt-icon .ui-icon-search:after, .ui-input-search:after {
		margin-left: 94%;
	}
	.hdng_rt_btn {
		margin-top: 3%;
	}
	.glossary_right h3 {
		font-size: 1.5em;
	}
	.bookmarkpop .pop_close_btn{
	     top: 23px !important;
	}
	.slct_img_ul {
		/* height: 323px; */
		margin-top: 13%;
		left:8.7%
	}
	 
	.mejs-container{
		background: #fff !important;
	}	
	/* .videocontent1{
		height:760px !important;
	} */
	.footer_btns .mejs-pause button{
		left: 7px !important;
	}
	.left_arw_btn, .right_arw_btn{
		top: 45%;
	}
	.wrapper{
	   width: 650px;
	}
	.instTxt p {    
    width: auto;
	}
	.header_1, .pgTitle i, .selectBoxDnD > ul > li {
		font-size: 1.5em;
	}
	.sub_slct > li > span {
		font-size: 1.5em;
	}
	.optnbold{
	font-weight: normal !important;
	}
	.option_text {
		font-size: 1.5em !important;
		width: 498px;
		margin: 0 0 0 !important;
	}
	.footer .mejs-playpause-button, .footer .mejs-pause, .footer .mejs-replay-button, .footer .mejs-volume-button, .footer .mejs-mute, .footer .mejs-fullscreen-button, .footer .mejs-captions-button, .footer .mejs-captions-button, .footer .mejs-audioScript-button {
		padding: 0px 14px 0px !important;
		width: 16.7px !important;
	}
	.footer .mejs-controls .mejs-captions-button button {
		right: -3px;
	}
 
 
	.steplistBar .bgwhite_bdrblue{
	height:344px !important;
	}
	.info_text{
	    bottom: 49px !important;
	}
	.audio_text{
		padding: 2% 2%;
	}
	 
	#vidPlayer{
		padding: 0% 0%;
		    height: 90% !important;
	}
	.hdng_rt_btn{
		width: 35% !important;
		font-size: 1.4em;
	}
	.bkcls_btn{
		width: 13%;
	}
	.pop_list li{
		width:97% !important;
	}
	.gls_list li{
		width:95% !important;
	}
	.gloss_list li:hover {
		background: #005eb8 !important;
	}
	.glossary_right p{
		font-size:1.3em;
	}
	.pop_heading {
		margin: 10px 20px;
	}
	.steplisticon:hover {
		background: url(../../framework/images/info_icon.png) #fff no-repeat 7px;
	}
	.fullContent {
   
    z-index: 999;
}
	.steplisticon.activebtn {
		background: #005eb8;
		background-image: url(../../framework/images/info_icon_white.png);
		background-repeat: no-repeat;
		background-position: 7px;
		border-left: 1px solid transparent;
	}
	.pop_radius_btn_bkmrk{
		/* margin: 4px 4px; */
	}	
	.mejs-overlay-button{
	    left: 45% !important;
		display:none;
	}
	.mejs-video{
		height: 745px !important;
	}
	.mejs-container .mejs-controls{
		bottom: -6% !important;
	}
	.img_spot > img {
    right: 0%;
    }
	.blcktick {    
    left: 39%;
	}
	.cyu_boxes_4 li{
		/* height: 250px !important; */
		width: 43%;
		float: left;
		margin-bottom: 2%;
		margin-right: 2%;
		display: inherit;
	}
		#video_wrapper .mejs-controls div.mejs-time-rail {
	width: 61% !important;
	}
	.mejs-controls div.mejs-time-rail {
    width: 57% !important;
    top: 2px;
}
	.mejs-controls .mejs-time-rail .mejs-time-total{
		/* width: 67% !important; */
		top: 34%;
	}
	.mejs-fullscreen .mejs-controls .mejs-time-rail .mejs-time-total{
		width: 66% !important;
	}
	.mejs-fullscreen .mejs-controls div.mejs-time-rail{
		width: 66% !important;
	}
	.mejs-fullscreen .mejs-container .mejs-controls .mejs-time {
		width:auto !important;
	}
	.mejs-container .mejs-controls .mejs-time{
		width:80px !important;
		padding: 2% 1% !important;
	}
	/* .up_arrow {
		top: 23px;
		right: 3px;
		position: absolute;
	} */
	.search_option{
		top:27px;
	}
	.cyu_11_ipad > img {
    height: 116px;
    width: 100%;
}
	.cyu_boxes_1 li img {
		width: 350px;
		height: 279px;
		margin-top: 10px;
    }
	.audioTextCC .arrow-down{
		right: 8.5%;
	}
	.rightBtn {
		right: 2%;
	}
	.rightBtn:hover{
	  background: url(../../framework/images/right.png) no-repeat center;
	}
	.dropdown_select > li > p{
		width: 64%
	}	
	.pop_box {
		width: 35%;
		margin: 5% 5%;
		height: 230px;
		padding: 1.5% 2%;
	}
	.pop_grey_box {
    /* background: #f8f8f8; */
    padding: 3% 2%;
    margin: 2% 2%;
}
	.print {
		height: 43%;
		top: 25%;
	}
	.log_s_n{
		margin: 3% 5%;
	}
	.log_s_n a {
		margin: 5% 2% !important;
	}
	.feedback_instruction{
		margin-top:2.5%;
	}
	
	.module_pop_container {
		height: 70% !important;
		top: 10% !important;
		width: 90% !important;
	}
	.pop_container{
	    /* height: 70%;
		top: 15%;
		width:90%; */
		height: 45%;
		top: 30%;
		width: 90%;
	}
	.contentAreaFrame .pop_container {
    height: 22%;
}
	.img_spot img{
		width: 60%;
	}
	
	.pop_box p{
		font-size:1.2em;
		min-height: 60px;
		margin: 5% 0;
	}	
	.pop_box i{
		font-size:3em;
	}
	.pop_box p span {
		FONT-SIZE:	1.4em;
	}
	 
	 
	 
	.notes_content h3, .notes_content h6 {
		font-size: 1.5em;
	}
	 
	 
   .cyu_boxes_1 li{
		width: auto;
   }
   .rt_cyu_boxes_2 li {
		width: 48%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	.cyu_boxes_2 {
		/* padding: 0.8% 0% !important; */
		/* margin-left: 5.9%; */
	}
	.pop_box a{
		margin-top: 44%;
	}
	.click_box_1 li {
		width: 43% !important;
		margin-left: 4%;
		margin-right: 0% !important;
		    MARGIN-BOTTOM: 1%;
		height: 30%;
		top:31%;
}
    .click_box_1 .btns{
	    width: 48% !important;
		MARGIN-BOTTOM: 0%;
		margin-left: 0%;
	}
	.click_box .btns:nth-child(even){
	    margin-top: 0%;
        float: right;
	}
	.click_box_1 .btns:nth-last-of-type(1){
	   margin-left: 0%;
	}
	.click_box li p{
		bottom: -1px;
		font-size: 1.2em;
	}
	.click_box .btns p{
		bottom: -1px;
		font-size: 1em;
	}
	.hot_spot1 {
		left: 6px;
		top: 66px;
}
	.hot_spot2 {
		left: 35px;
		top: 160px;
	}
	.hot_spot3 {
		left: 16px;
		top: 219px;
	}
	.slct_img_ul li:first-child hr {
		border: 1px dashed #005eb8;
		position: absolute;
		left: 25px;
		top: 17px;
	}
	.slct_img_ul li:first-child {
		top: 37%;
		position: relative;
		left: 22%;
	}
	.slct_img_ul li:nth-child(2) hr {
		border: 1px dashed #005eb8;
		position: absolute;
		left: 24px;
		top: 45%;
	}
	.slct_img_ul li:nth-child(2) {
		margin-top: 7%;
		position: relative;
		left: 15%;
	}
	.slct_img_ul li:nth-child(3) hr {
		border: 1px dashed #005eb8;
		position: absolute;
		left: 27px;
		top: 17px;
	}
	.slct_img_ul li:nth-child(3) {
		margin-top: 4.5%;
		position: relative;
		left: 20%;
	}
	.slct_img_ul li:last-child hr {
		border: 1px dashed #005eb8;
		position: absolute;
		left: 27px;
		top: 17px;
	}
	.slct_img_ul li:last-child {
		margin-top: 5.5%;
		position: relative;
		left: 21%;
	}
	.img_hotspot1{
		margin-top: 35%;
	}
	.hotspot_circle {
		position: absolute;
		top: 22%;
		left: 30%;
}
	.hotspot_circle li {
		position: absolute;
		cursor: pointer;
		left: 215px;
		top: 58px;
	}
	.hotspot_circle li hr {
		width: 105px;
		border: 1px dashed black;
		position: absolute;
		top: 19px;
		left: -15px;
	}
	.hotspot_circle li:nth-child(2) {
    left: 280px;
    top: 120px;
	}
	.hotspot_circle li:nth-child(2) hr {
		width: 137px;
		border: 1px dashed black;
		position: absolute;
		top: 18px;
		left: -46px;
	}
	.hotspot_circle li:nth-child(3) {
		left: -160px;
		top: 99px;
	}
	.hotspot_circle li:nth-child(3) hr {
		width: 148px;
		border: 1px dashed black;
		position: absolute;
		top: 18px;
		left: 125px;
	}
	.hotspot_circle li:last-child {
		left: -125px;
		top: 200px;
	}
	.hotspot_circle li:last-child hr {
		width: 110px;
		border: 1px dashed black;
		position: absolute;
		top: 18px;
		left: 125px;
	}
	.audio_text {
    min-height: 460px !important;
    /* right: 47.2%; */
    width: 45%;
    /* bottom: 0%; */
    bottom: 39px !important;
}
	.videocontent .bgwhite_bdrblue, .media-wrapper .bgwhite_bdrblue {
	    z-index: 999;
	height: 461px !important;
	}
	.mejs-captions-position{
	   /* width: 53% !important; */
	   bottom: 39px !important;
	   left: -1px !important;
	}
	.videocontent .mejs-captions-position .arrow-down{
		display: block;
		top: 23px !important;
		right: 9.5% !important;
	}
	.footer .audio_text {
		bottom: 38px;
		right: 0px;
		width:247px;
	}
	.footer .arrow-down{
		bottom: 4.8%;
		top: 7%;
		right: 0%;
	}
	.footer .audioTextCC .arrow-down {
		display: block;
		top: 17px;
		right: 9.5%;
	}
	.videocontent .arrow-down{
		right: 5.8%;
		
	}
	.steplisticon {
		width: 6.9%;
	}
	 .steplistBar {
		height: 48px !important;
		top: 740px !important;
		/* bottom: -7%; */
	} 
	.steplistBar .firstLast{
	    margin: 3% 0.6% -0.5% 0.6%;
	}
	.steplistBar .slide_dots li:not(.firstLast) {
		    margin: 1.4% 1.6% 1.4% 0.2%;
	}
	 
	.arrow-down, .up_arrow, .sub_menu_arw{
		/* display:none !important; */
	}
	.steplistBar .arrow-down {
	    bottom: 41px;
		right: 18px;
	}
	.footer .mejs-playpause-button button{
		left:54px;
	}
	.slide_dots{
		padding-top: 5px;
	}
	.steplistBar span{
		right:2.5%;
	}
}