/* CSS Document */
.wclear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
.wclear.group_not_loggin.group_not_loggin_cpr::after{
	display: none;
}
.slides #slide_ctnr .slide{
	float: left;
}
.arrow_btn{
	margin-top: 170px;
	position: absolute;
	/*padding: 10px;*/
	width: 50px;
	height: 50px;
	background: #cccccc;
	cursor: pointer;
	z-index: 99;
}

.arrow_btn:hover{
	opacity: 0.8;
	background: #000000;
}
.header-agent{
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
	padding: 10px 15px;
    background: #f2f2f2;
}

.arrow_btn.ar{
	right: 20px;
}

.slidebanner { position: relative; overflow: auto;border-bottom: 3px solid #004c77;}
.slidebanner li { list-style: none; }
.slidebanner ul li { float: left; }

/*** Added by Kelvin 2015-01-05 ***/

.course_details{
	font-size: 18px;
	float: right;
	width: 180px;
	text-align:left;
	position: absolute;
	right: 0;
	line-height: 18px;
}

.course_table_p td {
	line-height: 25px;
	font-size: 16px;
}

.td_index {
	vertical-align:top;
}

.course_details ul{
	padding-left: 15px;

}


.course_details ul li{
	padding-bottom: 5px;

}


.page_title_blue{
	color:#125586;
	padding-top: 15px;
	padding-bottom: 15px;
}

#mainmenu{
	width: 100%;
	border-bottom: 1px solid #EAEAEA;
	background: #FFFFFF;
	/*background: #e6e4e4 -webkit-linear-gradient(#f1f1f1, #e6e4e4);
    background: #e6e4e4 -o-linear-gradient(#f1f1f1, #e6e4e4);
    background: #e6e4e4 -moz-linear-gradient(#f1f1f1, #e6e4e4);
    background: #e6e4e4 linear-gradient(#f1f1f1, #e6e4e4); 	*/

}

#mainmenu_container{

	height: 65px;
	margin: 0 auto;
	position: relative;
	width: 1150px;
	/* border-bottom: 1px solid #ddd; */
	
}

.slideLg_text{
	font-size: 35px;
}

.slideHg_text{
	font-size: 40px;
}

#cpr_header_center{
	width: 1082px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
	box-sizing: content-box;
}

#slider{
	width: 100%;
	border-bottom: 3px solid #004c77;
	background: #e6e4e4 -webkit-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -o-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -moz-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 linear-gradient(#f1f1f1, #e6e4e4);

}

#slider_container{
	background:#ffffff;
	max-height: 400px;
	min-height: 400px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
}

#gd_bg{
	margin: 0 auto;
	margin-top: -125px;
	position: relative;
	width: 100%;
	text-align:center;
}

#gd{
	width: 100%;
	border-bottom: 3px solid #004c77;
	background: #e6e4e4 -webkit-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -o-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -moz-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 linear-gradient(#f1f1f1, #e6e4e4);

}

#gd_container{
	background:none;
	max-height: 860px;
	min-height: 850px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
}

#hiw, #hiw_register, #hiw_login, #hiw_pay{
	width: 100%;
	background: #e6e4e4 -webkit-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -o-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -moz-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 linear-gradient(#f1f1f1, #e6e4e4);

}

/* add video */
h2.how_register{
	text-shadow: none;
	padding: 10px;
	width: 71%;
	margin: 0 auto;
}
#slide1_text_register div#video_player_register{
	top: unset;
}
#hiw_container_pay{
	border-bottom: 3px solid #004c77;
	padding-bottom: 20px;
}
/* end add video */


#hiw_container, #hiw_container_register, #hiw_container_login, #hiw_container_pay{
	background:#ffffff;
	max-height: 800px;
	min-height: 500px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
}

#slide1{
	width:100%;
	margin-top: -145px;
	position: relative;
}

#slide1_text, #slide1_text_register, #slide1_text_pay, #slide1_text_login{

	width:1082px;
	margin: 0 auto;

	position: relative;
}

.slide_text{
	width:1082px;
	margin: 0 auto;
	font-size: 30px;
	font-weight: bold;
	font-family: Arial;
	color: #ffffff;
	text-shadow: 2px 2px 5px #000000;
}

.slide_text .red_button{
	box-shadow: 0px 0px 5px #000000;
}

#slider_text_container{
	max-height: 400px;
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
}


#slider_footer_bottom_border{
	/*background: url('/assets/img/slider_footer_bottom_border.jpg') top center repeat-x;*/
	height: 0;
	width: 100%;
	background-color: #FFFFFF;
}

#slider_footer{
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	background: #e9e9e9 ;

}

#slider_footer_container{

	height: 50px;
	margin: 0 auto;
	position: relative;
	width: 1082px;
}


.selectedCourse_v2{
	background: #eee !important;
}

.course_chapters li:hover{
	background: #8c8c8c !important;
	color: #ffffff !important;
}

.top_content{
	float:left;width:335px;padding-top: 20px;
}

.right_content td img, .cprborder, .lightborder{
	box-shadow: 0px 0px 2px 2px #cccccc;
	border: 10px solid #fefefe !important;
	margin: 10px 5%;
}

ul{

}

.td_lineheight td{
	padding-bottom: 10px;
}

.right_content ol li {
	color: #000;
	float: none;
	font-size: 16px;
}

.menuprefix{
	letter-spacing: normal;
}

.menu_header{
	font-size: 18px;
	color: #125586;
	font-family: arial;
	padding: 5px;
	border-bottom: 1px solid #000;
	line-spacing: 1px;
	margin-bottom: 10px;
	width: 250px;
}


.left_sidebar{
	width: 200px;

}

.right_content{
	/*width: 900px;*/

}

.videos{
	border-left: 1px solid #cccccc;
	min-height: 350px;
	padding: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

}

.videos_v2{
	border-left: 1px solid #cccccc;

	padding: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	width:360px;
	float:left;margin-left: 10px;
	box-sizing: border-box;

}


#video_player{
	display: none;

	position: absolute;

	top: 50%;
	left: 50%;

	margin-top: -300px;
	margin-left: -400px;

	width: 800px;
	height: 474px;

	overflow:hidden;

	background: #ffffff;
	border: 1px solid #ccc;

}


.close_video{
	float: right;
	padding-top: 2px;
	padding-right: 5px;
}

.video_bar{
	height:25px;
	width: 100%;
	background: -webkit-linear-gradient(#f5f5f5, #eaeaea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f5f5f5, #eaeaea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f5f5f5, #eaeaea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f5f5f5, #eaeaea); /* Standard syntax */
}

.video_title{
	color:#025faa;
	font-style:italic;
	font-weight: bold;
}

.videobox{
	text-align:left;
	width: 250px;
	cursor: pointer;
	position: relative;

}


.playbutton{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -30px;

}

.videobox:hover{

}

.closeImgLightbox{
	cursor: pointer;
}

.imageHolder{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.2;
	top: 0;
	left: 0;
}

.imageContainer{
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	height: auto;
	background: #ffffff;
	border: 1px solid #eeeeee;
}

ol li{
	padding-bottom: 10px;
	line-height: 25px;
}

.lightbox_img{
	cursor: pointer;
	color: #06F;
}


.videos_title{
	color: #025faa;
	font-size: 14px;
}

.bluebox{
	border: 2px solid #03C;
	padding: 5px;
}

.blueTable{
	border-top: 2px solid #03C;
	border-left: 2px solid #03C;
}

.blueTable td{
	border-bottom: 2px solid #03C;
	border-right: 2px solid #03C;
	padding: 7px;
	font-size: 16px;
}

ul.noindent{
	padding-left: 15;
}

ul.noindent li{
	padding-bottom: 10px;
}

.noborderTable td{
	padding-bottom: 5px;
	font-size: 16px;
}


.lightborder{
	border: 1px solid #eee;
	padding: 6px;
}

.noborderTable td img{
	border: 1px solid #eee;
}

.lightbluetext{
	color: #06F;
}

.redtext{
	color:#c82825;
}

.bluetext{
	color:#006088;
}

.noshadow{
	text-shadow: none;
}

.tableText td{
	font-size: 13px;
}

.topalign{
	vertical-align: top;
}

.course_chapters{
	margin: 0;
	padding-bottom:5px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: left;
	list-style: outside none none;
	padding: 5px 0 0;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;

	width: 260px;
}

/* START OVERRIDE OF #leftVernavNew and .leftVernavNew li */

.leftVernavNew{
	width: 275px !important;
	margin-right: 25px;
	border-right: 1px solid #ccc;
}


.course_chapters li{
	border-bottom: 1px solid #ccc !important;
	font-size: 14px !important;
	background: #fff !important;
	color: #000 !important;
	display: block !important;
	float: left !important;
	list-style: outside none none !important;
	margin-bottom: 2px !important;
	margin-left: 5px !important;
	width: 240px !important;
}

.course_chapters li a{

	font-size: 14px !important;
	width: 223px !important;

}

.course_chapters li a:hover{

	background: #8c8c8c !important;

}

/* END OVERRIDE OF .leftVernavNew li */


.listBox{
	padding: 5px;
	border: 2px solid #03C;
	width: auto;
}

.course_name{
	float: left;
	width: auto;
	padding-right: 10px;
}

.arrow-up {
	margin-top: 7px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	float: left;
	border-bottom: 5px solid black;
}

.hide_class_menu{
	display: none;
}

.arrow-down {
	margin-top: 7px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	float: left;
	border-top: 5px solid black;
}

.course_menu_title{
	cursor: pointer;
	width: 250px;
	border-radius: 6px;
	border: 1px solid #ccc;
	padding: 5px;
	background: -webkit-linear-gradient(#f5f5f5, #eaeaea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f5f5f5, #eaeaea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f5f5f5, #eaeaea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f5f5f5, #eaeaea); /* Standard syntax */
}

.course_h1{
	color: #125586;
	padding-top: 15px;
	padding-bottom: 15px;
}

.chapter_h2{
	color: #0B5582;
}

/*** End of By Kelvin 2014-0708 */

.fb_button{
	background: linear-gradient(#4c69ba, #3b55a0) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: #4c69ba;
	background: #4c69ba -webkit-linear-gradient(#4c69ba, #3b55a0); /* For Safari 5.1 to 6.0 */
	background: #4c69ba -o-linear-gradient(#4c69ba, #3b55a0); /* For Opera 11.1 to 12.0 */
	background: #4c69ba -moz-linear-gradient(#4c69ba, #3b55a0); /* For Firefox 3.6 to 15 */
	background: #4c69ba linear-gradient(#4c69ba, #3b55a0); /* Standard syntax */
	border-color: #4c69ba;
	border-radius: 2px;
	color: #fff;
	font-family: Arial;
	text-shadow: 0 -1px 0 #354c8c;
	padding: 5px;
	font-weight: bold;
}


.fb_button:hover{
	background: #4c69ba;
}

.fb_button div{
	float: left;
}

.fb_button .fb_text{
	margin-left: 8px;
}

/**** End of Add Kelvin ***/

#user_details{
	overflow:hidden;
}

body{
	background: #f7f7f7;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#login_div{
	float: right;
	margin-right: 13%;
	text-align: right;
	display: inline-flex;
	margin-top: 31px;
	display: inline-flex;
}

/* vule */
#login_div_portal{
	float: right;
	text-align: right;
    width: 70%;
}

/* End vule */

#cpr_container{
	height: auto;
	background: #FFF;
	margin: 0 auto;
}

.placeholder{
	color:#ccc;
}

.company_name{
	color:#234973;
	font-size: 28px;
	font-family: "Times New Roman", Times, serif;

}

.page_title{
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding-bottom: 10px;
	text-align: left;
}

.page_subtitle {
	color: #0b5582;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}
#student_profile_box{
	display: inline-flex;
}

.slogan {
	color:#C33;
	font-size: 16px;
	font-weight: bold;
}

#inner_container{
	max-width: 1180px;
	width: 100%;
	min-height: 810px;
	height: 100%;
	text-align: left;
}

#inner_container table td{
	vertical-align: top;
}

.uppercase {
	text-transform: uppercase;
	font-family: arial;
}

.special{
	font-size: 18px;
	letter-spacing: -0.2px;
	font-weight: 700;
}

.subSpecial{
	font-size: 11px;
	letter-spacing: 0;
}

.redText{
	color:#c82825;
}

.greenText{
	color:#0C3;
}

.red_button a{
	color: #fff;
}

.subscribe_btn{
	border-radius: 4px;
	background: #c82825;
	color: #fff;
	text-transform: uppercase;
	font-family: Arial;
	padding: 7px 15px !important;
	float: right;
}

.body-box{
	margin-top: 20px;
	box-shadow: 0px 0px 5px #888888;
	width: 910px;
	border: 1px solid #eeeeee;
	height: auto;
	text-align: left;
	padding: 8px;
	margin-left: 17px;
}

.body-box_v2{
	border: 1px solid #eeeeee;
	box-shadow: 0 0 5px #888888;
	height: auto;
	margin-left: 17px;
	margin-top: 20px;
	padding: 8px;
	text-align: left;
	width: 880px;
}

.body-box_v3{
	border: 1px solid #eeeeee;
	box-shadow: 0 0 5px #888888;
	height: auto;
	margin-top: 20px;
	text-align: left;
	width: 930px;
}

.body-box-no-margin{
	margin-top: 0px;
	box-shadow: 0px 0px 5px #888888;
	width: 1030px;
	border: 1px solid #eeeeee;
	height: auto;
	text-align: left;
	padding: 8px;
}

.no-margin-top{
	margin-top: 0px;
	margin-top: -15px;
}

.red_text{
	color: #C00;

}

.steps_list{
	padding-left: 20px;
	font-size: 15px;
	height: 32px;
	vertical-align: middle;
	display: table-cell;
}

.steps_list div{
	float: left;
}

.steps_list .step_img{
	margin-top: 0px !important;
}

.steps_list .step_text{

	margin-top: 3px !important;
}

#steps div{
	margin-top: 15px;
	float: left;
	color: #125586;
}

.steps_title{
	padding-left: 20px;
	font-size: 20px;
}

.copyright{
	font-size:18px;
	text-align: center;
}

.section_title{
	padding-bottom: 15px;
}

.td_top td{
	vertical-align: top;
}

.li_padding li{
	padding-bottom: 5px;
}

.pad10{
	padding: 10px;
}

.padvert{
	padding-top: 10px;
	padding-bottom: 10px;
}

.bb{
	border-bottom: 1px solid #000000;
}

.f18{
	font-size: 18px;
}

.f22{
	font-size: 22px;
}

.f20{
	font-size: 16px;
}

.f24{
	font-size: 24px;
}

.f25{
	font-size: 25px;
}

.footer_img{
	padding-bottom: 25px;
	padding-right: 25px;
}

#footer_icons div{
	float: left;
	padding-right: 20px;
}

#footer_content{
	margin: 0 auto;
	padding-top: 15px;
	width: 1082px;
}

#footer_container{
	background: #e8e8e8 url('/assets/img/footer-bg.jpg') top left repeat-x;
	width: 100%;
	height: auto;
	text-align: left;
	margin-left: -6px;
	color: #333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

.footer_separator{
	width: 1px;
	/* height:  */
	background: url('/addons/default/themes/cpraed/img/v2/footer/separator.png') top center no-repeat;
}

.footer_box{
	padding: 20px;
	float: left;
}


.footer_box ul{
	list-style-type: none;
}

.footer_box ul li{
	margin-bottom: 10px;
}

.footer_box_250{
	width: 250px;
}

.footer_box_300{
	width: 300px;
}

.footer_box_200{
	width: 200px;
}

.footer_box_175{
	width: 175px;
}

.footer_box_185{
	width: 185px;
}

.footer_box_180{
	width: 180px;
}

.footer_box_190{
	width: 190px;
}


#newsletter_signup input{
	border: none;
	padding: 5px;
}

#newsletter_signup input[type=text]{
	width: 200px;
}

#newsletter_signup td{
	padding-bottom: 20px;
}

#newsletter_signup{
	color: #fff;
}


.body-box-ctnr{
	padding: 10px 15px;
	background: url('/addons/default/themes/cpraed/img/v2/backgrounds/box-pattern.jpg');

}

.body-box-ctnr_v3{
	padding: 10px;
}

.body-box-ctnr_v2{
	padding: 10px 15px;
}

.body-box-ctnr_sp{
	background: url("/addons/default/themes/cpraed/img/v2/backgrounds/box-pattern.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	width: 98%;
}

.body-box-ctnr-banner{
	overflow:hidden;
	width: 100%;
	height: 307px;
}

.red_button{
	background: #c82825;
	border-radius: 6px;
	padding: 3px 8px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: arial;
	height: auto;
	cursor: pointer;
	border: 1px solid #ffffff;
	text-shadow: none;
}

.blue_button{
	background-color: #006699;
	border: 1px solid #0b5582;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 8px;
	margin-top: 1px;
	padding: 5px 10px;
	text-decoration: underline;
	text-transform: uppercase;
}


.footer_title{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
}

.cpr_bls{
	font-size: 16px;
	font-weight: normal;
}

.cpr_green{
	color: #9dc32a;
}

.cpr_red{
	color: #c82825;
}

.cpr_blue{
	color: #125586;
}

.cpr_black{
	color: #2d2d2d;
}


.cpr_black li{
	line-height: 30px;
}

.italic{
	font-style:italic;
}

.bold{
	font-weight: bold;
}

.acceptance_text{

	clear: both;

}

.action-button-text{
	position: absolute;
	z-index: 2 !important;
}

.action-button-overlay{
	background: #c82825 url("/addons/default/themes/cpraed/img/v2/backgrounds/action-button-bg.jpg") no-repeat scroll center top;
	z-index: 1 !important;
	position: absolute;
	width: 107px;
	height: 42px;
	margin-left: -18px;
	/* opacity: .5; */
	top: 0;
	/* background: #FF0000 !important;  #c82825 */
	color: #ffffff !important;
}

.menu-item:hover{
	/* background: #ffffff url("/addons/default/themes/cpraed/img/v2/backgrounds/hover-button-bg.png") repeat-x top left; */
	/* z-index: 1 !important; */
	/* opacity: .5; */
	/* background: #FF0000 !important;  #c82825 */
	/* color: #ffffff !important; */
}

/*
@font-face{
    font-family: Arial;
    src: url('/application/design/fonts/TrebuchetMS.ttf');
}
*/

.cpr_font{
	font-family: Arial;
}

.cpr_font_v2{
	color: #4d4d4d;
	font-family: Arial;
}


div.float_left{
	float: left;
}

div.float_right{
	float: right;
}

div.horz_list{
	height: auto;
}

div.horz-list-item{
	margin-top: 7px;
	padding-right: 20px;
}

.horz_icon{
	margin-left: -7px;
}

.red_button div{
	float: left;
}

#ads-box-1{
	background: #fff url('/addons/default/themes/cpraed/img/v2/backgrounds/ads-1.png') top center no-repeat;

}

#ads-box-2{
	background: #fff url('/addons/default/themes/cpraed/img/v2/backgrounds/ads-2.png') top center no-repeat;
	background-size: 260px;
}

#ads-box-3{
	background: #fff url('/addons/default/themes/cpraed/img/v2/backgrounds/ads-3.png') top center no-repeat;
	background-size: 245px;
}

.ads-box{
	border: 1px solid #ccc;
	width: 290px;
	height: 300px;
	margin-right: 27px;
	background: #fff;
}

.ads-box.last{
	margin-right: 0px;
}

.ads-title{
	padding: 7px 3px;
	font-size: 18px;
	font-family: Arial;
	text-align: center;
}

.ads-details{

	font-family: Arial;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 180px;

}

.ads-details ul li{
	margin-left: 20px;
}

/*
.course-box{
    border: 1px solid #9dc32a;
    width: 300px;
    height: 300px;

    margin-right: 47px;
    margin-bottom: 30px;
}
*/

.course_img{
	bottom: 0;
	float: left;
	left: 0;
	position: absolute;
}

.course-box {
	border: 1px solid #9dc32a;
	height: 260px;
	margin-bottom: 20px;
	margin-right: 20px;
	position: relative;
	width: 335px;
}

.course-box_details {
	position: relative;

	background: url('/assets/img/course-bg.jpg') top center no-repeat;
	height: 263px;
	margin-bottom: 20px;
	margin-right: 27px;
	width: 290px;
}

.course-box_details_v2{
	height: 263px;
	margin-bottom: 20px;
	margin-right: 27px;
	position: relative;
	width: 290px;
}

#course-box-1{
	/*background: #fff url('/addons/default/themes/cpraed/img/v2/backgrounds/course-box-1.jpg') top left repeat-y;*/
}

#course-box-2{

}

#course-box-3{

}

#course-box-4{

}

#course-box-5{

}


#course-box-6{

}

#course-box-7{

}


#course-box-8{

}


.course-title{
	padding: 7px 10px;
	font-size: 20px;
	font-family: Arial;
}

.course-title_v2{
	padding: 7px 10px;
	font-size: 20px;
	font-family: trebuchet ms;
	text-align: right;
}

.newline li{
	font-weight: bold;
	color: #C00;
}

.course-details{

	font-size: 14px;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	*/
	width: 200px;

}

.course-details .subtext{
	font-size: 14px;
}

.boxrow2{
	margin-bottom: 0;
}

.course-box.last{
	margin-right: 0px !important;
}

.red_button_center_text{
	margin-top: 3px;
	text-align:center;
}

.red_button_text{
	margin-top: 3px;
}

.red_button_text a{
	color: #FFFFFF !important;
}

.course-text-center{
	text-align:center;
}

.vert_list{
	margin-top: 10px;
	margin-bottom: 10px;
}


.banner{
	/* position: absolute;*/
	max-width: 1030px;
	width: 100%;
	overflow:hidden;
}


.banner_text{
	position: absolute;
	margin: 15px 15px;
	max-width: 1000px;
	width: 100%;
}

.center_text{
	text-align: center;
}

.banner1_details{
	float: left;
	margin-top: 12px;
	margin-left: 40px;
	width: 250px;
}

.banner1_details div{
	font-size: 18px;
	text-transform: uppercase;
}

.uppercase{
	text-transform: uppercase;
}

.cpr_heading{
	letter-spacing: -1px;
	font-size: 30px;
	font-weight: bold;
}

.clrBg{
	background: none;
}

.clrShadow{
	box-shadow: none;
}

.clrBorder{
	border: none;
}

#body-6{
	/* background: url('/addons/default/themes/cpraed/img/v2/backgrounds/box6.jpg') top center no-repeat;	 */
}


.cpr_blue_bubble_80{
	cursor: pointer;
	position: absolute;
	width: 122px;
	height: 127px;
	left: 575px;
	top: 420px;
	background: url('/addons/default/themes/cpraed/img/v2/backgrounds/blue_bubble_80.png') top center no-repeat;
}

.cpr_blue_bubble{
	display: none;
	cursor: pointer;
	position: absolute;
	right: -35;
	top: 245;
	width: 122px;
	height: 127px;
	background: url('/addons/default/themes/cpraed/img/v2/backgrounds/blue_bubble_50.png') top center no-repeat;
}

.bubble_text{
	font-family: Arial;
	margin-left: 42px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.bubble_subtext{
	letter-spacing: 0px;
	width: 50px;
	margin-top: -3px;
	line-height: 8px;
	margin-left: 36px;
	font-size: 8px;
	font-weight: bold;
	color: #fff;
	text-align:center;
}

.cpr_subtext{
	font-size: 12px;
}

#pricing_table td{
	padding: 20px;
	font-size: 15px;
	text-align:center;
	margin: 0 auto;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
input:disabled, select:disabled {
    background: #dddddd;
	opacity: .7;
}
.action-disabled {
	pointer-events: none;
}
#subscribe_btns td{
	background: #c82825;
}

#subscribe_btns .red_button_text{
	text-align: center;
	width: 130px;
}

#subscribe_btns .red_button{
	width: 160px;
}

#pricing_table td.left{
	text-align:left !important;
}

#pricing_table {
	border-right: 1px solid #ccc;
}

.pricing_headers td{
	width: 	250px;
	font-weight: bold;
	font-family: Arial;
	font-size: 20px !important;
	border-top: 1px solid #ccc;

	color: #fff;
	background: #125586 !important;

}

.pricing_header{
	width: 130px;
	font-weight: bold;
	font-family: Arial;
	font-size: 20px !important;
}


.pricing_row4{
	background: #eeeeee /* #dadada */ !important;
}

.pricing_row3{
	background: #f4f4f4 /* //#e1e1e1 */ !important;
}

.pricing_row2{
	background: #eeeeee !important;
}

tr:hover{
	/* background: #fff !important;	 */
}

.pricing_row1{
	background: #f4f4f4 !important;
}

td.blank_box_top{
	color: #999;
	text-transform: uppercase;
	background: #fff !important;
	border-left: none !important;
	border-top: none !important;
}

.blank_box_bottom{
	background: none !important;
	border-left: none !important;
	border-bottom: none !important;
}


.footer_box ul li a {
	color: #333333;
	text-decoration: none;
	font-size: 16px;
}

#coursebottom{
	color:#c82825;
}

#coursebottom img{

	margin-top: -5px;
}

#course_pricing {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	box-shadow: 0px -4px 5px #cccccc;
}

#course_pricing td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	vertical-align: middle !important;
	font-size: 18px;
}

#course_pricing .course_title{
	font-weight: bold;
	color:#125586 ;
}

#course_pricing .course_subtitle{
	color:#6699cc;
}

.course-headers td{
	text-align: center !important;
	color: #333;
	font-size: 16px !important;
}

.course-headers td.first{
	font-size: 18px !important;
}

.course-row td.first{
	font-size: 18px;
	text-align: left !important;
	width: 190px !important;
}

.course-row td.last{
	text-align: center !important;
	width: 140px !important;
}


.course-headers td.first{

	text-transform: uppercase;
}

.course-headers td{
	font-size: 14px;
}


.course-row td{

	width: 90px;
	text-align: center !important;

}


.course-row0 td.first{
	background: #f2f2f2;
	text-align: left !important;
}


.course-row1 td.first{
	background: #ffffff;
	text-align: left !important;
}

.course-row0 td{
	background: #f2f2f2;
	text-align: center !important;
}


.course-row1 td{
	background: #ffffff;
	text-align: center !important;
}
/************* Overrides from styles.css **************/

#faq-page p, ol li {
	color: #000;
	float: none;
	font-size: 14px;
}

#inner_container ul{
	padding: auto !important;
}

.leftVernavNew ul.in {
	background: none;
	float: left;
	list-style: none outside none;
	padding: 5px 0 0;
	width: 200px;
}


#faq-page {
	color: #222222;
	font-size: 14px;
	width: 600px;
	text-align: left;
}

.package {
	float: left;
	padding: 15px 0 0;
	width: 505px;
}

.leftPart1 {
	border-bottom: 1px solid #CCCCCC;
	float: left;
	margin-left: 0;
	padding: 0 0 5px 5px;
	width: 1000px;
}

.leftVernavNew li {

	background: #f4f4f4;
	margin-bottom: 2px;
	display: block;
	float: left;
	list-style: none outside none;
	/*
    border-radius: 6px;
    text-align:center;
    */
	width: 265px;

	color: #000;
	font-size: 16px;
}


.leftVernavNew a:hover {
	color:#fff;
}

.leftVernavNew li:hover {
	background:#333;
	color: #fff;
}

.leftPart {
	float: left;
	height: 470px;
	margin-left: 5px;
	padding: 0 0 5px;
	width: 100%;
}

.leftVernavNew {
	float: left;
	width: 300px;
}

.leftRightBox {
	float: left;
	width: 505px;
}

.leftRightBox {
	float: left;
	width: 720px;
}


.leftVernavNew a {
	color: #000000;
	float: left;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 5px 5px 1em;
	text-decoration: none;
	text-indent: 0em;
	width: 92.1%;
	height: 100%;
}
.left-take-quiz a {
	background: #ba2301;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	width: 80%;
	border-radius: 5px;
	text-align: center;
}

#demo_select {
	font-size: 16px;
	width: 270px;
	font-weight: bold;
	color: #0B5582;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

li {
	font-size: 15px;
}

.li_large_line_height {
	line-height:25px;
}

#course_title{
	font-size: 18px;
	color: #0B5582;
	margin-bottom: 5px;
}

#phone{
	float: right;
	font-size: 20px;
	/*font-weight: bold;*/
	color: #777777;
	margin-left: 0px;
	margin-top: -2px;
}

#phone_icon{
	float: right;
	margin-left: 25px;
	margin-top: 3px;
}

#livechat{
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

#login_links{
	margin-bottom: 7px;
	float: right;
	font-size: 18px;
	padding-right: 24px;
}

/* vule */
#login_links_portal{ 
	float: right;
    width: 65%;
    margin-top: 5px;
	padding-right: 0px;
	margin-right: -30px;
}

#login_links_portal div a.customer_login_portal:before {
    content: "";
    display: block;
    background: url("/addons/default/themes/cpraed/css/images/login_icon.png") no-repeat;
    width: 15px;
    height: 18px;
    float: left;
    margin: 0 3px 0 0;
}

#login_links_portal div a.group_login_portal:before {
    content: "";
    display: block;
    background: url("/addons/default/themes/cpraed/css/images/login_icon_person.png") no-repeat;
    width: 22px;
    height: 15px;
    float: left;
    margin: 0 3px 0 0;
}

#login_links_portal div a.group_login_portal {
    color: #b51d1a;
}

#login_links_portal a.group_login_portal, #login_links_portal a.customer_login_portal { 
	border-right: 1px solid #DEDEDE;
    margin-right: 20px;
    padding: 0px 17px 5px 0px;
    font-family: "Inter";
	font-weight: 400;
    font-size: 14px;
    float: left;
}

#login_links_portal #phone_icon_portal {
    float: left ;
}

#login_links_portal #phone_icon_portal img {

}

#login_links_portal #phone_portal {
	float: left;
}

/* end vule */

#bbb{
	float: right;
}

.leftVernavNew h1 {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: none;
	color: #285B9A;
	float: left;
	font-size: 22px;
	font-weight: bold;
	width: 300px;
	margin-bottom: 10px;
}

.take a{
	color: #fff !important;
}

.take a{
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: normal;
	padding: 1px 3px 2px 1em;
	text-decoration: none;
	text-indent: -1em;
	padding: 5px;
}

.take {
	background: #FF0000;
	border: none;
	float: left;
	margin: 7px 0 0;

	width: 265px;
	color: #fff;
}


.leftRightBox p {
	color: #000;
	font-size: 14px;
	padding-bottom: 10px;
}

body{
	font-family: Arial;
}


.quizRowText {
	color: #000000;
	float: left;
	font-size: 16px;
	font-weight: normal;
	left: 40px;
	position: absolute;
	text-decoration: none;
	top: 10px;
}


.tableWrapper1 h2 {
	color: #000000;
	float: left;
	font-size: 16px;
	font-weight: normal;
	padding: 30px 0 15px;
	width: 630px;
}


.leftRightBox ol li {
	color: #333333;
	font-size: 16px;
	width: auto;
}

#demo-header-left {
	background: #E20300;
	width: 9px;
}

#demo-header-right {
	background: #E20300;
	width: 9px;
}

#demo-header-middle {
	background-color: #E20300;
	height: 24px !important;
	padding-top: 2px;
	width: 1010px;
}


#checkout-box-payment {
	padding-left: 12px;
	padding-right: 12px;
	width: 300px;
}

#cpr_header{
	width: 100%;

	/*background: #fff url('/addons/default/themes/cpraed/img/bg/header_bg.jpg') top center repeat;	*/
	border-bottom: 1px solid #EAEAEA;
	position: relative;
	background-color: #FFFFFF;
	z-index: 1;
}

#header_coupon_1 {
	font-weight: bold;
	left: 550px;
	position: absolute;
	top: 20px;
	width: 120px;
}
#header_coupon_1 #coupon_amount1 {
	color: #c33;
	font-size: 52px;
	left: 0px;
	position: absolute;
	top: -9px;
}
#header_coupon_1 #coupon_amount2 {
	color: #c33;
	font-size: 52px;
	left: 20px;
	position: absolute;
	top: -9px;
}
#header_coupon_1 #percent_off {
	position: absolute;
	top: 0;
	left: 52px;
	font-size: 12px;
	color: #c33;
}
#header_coupon_1 #use_code {
	position: absolute;
	top: 14px;
	left: 52px;
	font-size: 11px;
	color: #333;
}
#header_coupon_1 #code_value {
	position: absolute;
	top: 26px;
	left: 52px;
	font-size: 13px;
	color: #c33;
	text-align: center;
}
#header_coupon_1 #order_limit {
	position: absolute;
	top: 43px;
	left: 6px;
	font-size: 11px;
	color: #8205be;
}

#header_coupon_1 #coupon_expire {
	position: absolute;
	top: 43px;
	left: 20px;
	font-size: 11px;
	color: #234973;
}



#logo_ctn{
	margin-top: 10px;
	float:left;
}



#footer_4{
	/*display: none;	*/
}

#newsletter_signup{
	display: none;
}

#logo{
	float: left;
	width: 384px;
	height: 62px;
	background: url('/addons/default/themes/cpraed/img/header.png') top center no-repeat;
}

#affliates{

}

#contact{

}

.newline{
	clear:both;
}

#mainmenu{
	min-width: 1200px;
}

a{
	text-decoration: none !important;
}



.menu-item{
	/* background: url('/addons/default/themes/cpraed/img/v2/backgrounds/menu.jpg') top center no-repeat;*/
	/*background: #e6e6e6;*/


	/* text-transform: uppercase; */
	/*font-family: “Trebuchet MS”, sans-serif;*/
	font-family: "Inter", Sans-serif;
	font-style: normal;
	font-weight: 600;
	list-style: none;
	font-size: 16px;
	color: #444 ;

	text-align: center;
	padding: 22px 20px;
	float: left;
	cursor: pointer;
	/*margin: 0px 10px;*/
	min-width: 132px;
	box-sizing: border-box;
	text-align: left;

}
#mainmenu_container .menu-item a{
	color: #444 ;
}
#mainmenu_container .menu-item a:hover{
	color: #b51d1a;
}
#mainmenu_container .menu-item.currentPage  a{
	color: #b51d1a;
}

.Trebuchet{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.clr{
	clear: both;
}


.group_disclaimer{
	padding-top: 10px;
	color: #000000; width: 480px; text-align:left; font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;

}

#select_course.group_register_button{
	background: #bfea75 -webkit-linear-gradient(#bfea75, #9acb3a);
	background: #bfea75 -o-linear-gradient(#bfea75, #9acb3a);
	background: #bfea75 -moz-linear-gradient(#bfea75, #9acb3a);
	background: #bfea75 linear-gradient(#bfea75, #9acb3a);

	border: medium none #c33;
	color: #0253a8;
	cursor: pointer;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
}

.group_accountForm .field input, .field select {
	width: 465px !important;
}

.group_accountForm_2 .field input, .field select {
	width: 610px !important;
}

.group_form_title{
	font-size: 22px;
}

.group_accountForm {
	background: none repeat scroll 0 0 #f6f6f6;
	border: 1px solid #d9dadc;
	float: left;
	/* margin: 18px 5px 0 0;*/
	padding: 11px;
	width: 475px;
}

#group_register_box {
	text-align: left;
	padding-right: 10px;
	float: left;
	background: #eee;
	border-radius: 0px;
	width: 500px;
	margin: 20px;
	box-shadow: 3px 0px 10px #666666;

}

/* #register_box {
    text-align: left;
    padding-right: 10px;
    float: left;
    background: #eee;
    border-radius: 8px;
    width: auto;
    margin: 20px;

}

#register_box_v2{
    text-align: left;
    padding-right: 10px;
    float: right;
    border-radius: 8px;
    width: auto;
    margin: 20px;

} */

.register_button{
	/*			background: #e2021c;
            background: #e2021c -webkit-linear-gradient(#e85454, #e2021c);
            background: #e2021c -o-linear-gradient(#e85454, #e2021c);
            background: #e2021c -moz-linear-gradient(#e85454, #e2021c);
            background: #e2021c linear-gradient(#e85454, #e2021c);
            color: #f4f4f4;		*/
}

.register_input{
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	width: 300px;
}

.menu-item_text:hover > * {
	/*background: #669933;
    background: #669933 -webkit-linear-gradient(#9dc32a, #669933);
    background: #669933 -o-linear-gradient(#9dc32a, #669933);
    background: #669933 -moz-linear-gradient(#9dc32a, #669933);
    background: #669933 linear-gradient(#9dc32a, #669933);
    color: #f4f4f4;
    text-decoration: underline;*/
	/* display: inline; */
	/* padding-bottom: 5px; */
	color: #C00;
}

#more-details1{
	width: 700px;
}

#more-details1 li{
	font-size: 14px;
	margin-left: 20px;
}

/*	.buttons {
		float: left;
		margin-left: 110px;
		padding: 40px 0 0;
	}
*/

.buttons {
	float: left;
	width: 100%;
	padding: 0;
	padding-top: 40px;
}
.menu-separator, .menu-separator-top{
	font-size: 14px;
	color: #ccc;
	text-align: center;
	cursor: pointer;
	width: 1px;
	height: 25px;
	float: left;
	margin-top: 20px;
	border-right: 1px solid;
}

.menu-separator-top {
	margin: 0 10px !important;
}


.course_image{
	background: #f1f1f1;
	border: 1px solid #d1d1d1;
	padding:10px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: 10px;
}

.course_chp_title{
	clear:both;
}



#checkout-box-payment {
	padding-left: 12px;
	padding-right: 12px;
	width: 325px !important;
}


.checkout-boxes .input-rows .input-wrappers .inputbox {
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	color: #222222;
	font-size: 15px !important;
	/*height: 16px !important;*/
	height: 20px !important;
	padding: 3px 2px;
	width: 314px !important;
}


.checkout-boxes .input-rows .input-wrappers #state, .checkout-boxes .input-rows .input-wrappers #mailing_state {
	width: 132px !important;
}

.checkout-boxes .input-rows .input-wrappers #firstname, .checkout-boxes .input-rows .input-wrappers #first_name {
	width: 153px !important;
}


.checkout-boxes .input-rows .input-wrappers #lastname, .checkout-boxes .input-rows .input-wrappers #last_name {
	width: 152px !important;
}


.checkout-boxes .input-rows .input-wrappers #zipcode, .checkout-boxes .input-rows .input-wrappers #mailing_zip {
	width: 180px !important;
}

.checkout-boxes .input-rows .input-wrappers select.inputbox {
	clear: both;
	height: 28px !important;
}

.checkout-boxes .input-rows .input-wrappers #city, .checkout-boxes .input-rows .input-wrappers #mailing_city {
	width: 180px !important;
}


.checkout-boxes .input-rows .input-wrappers #creditcardtype {
	width: 320px !important;
}

.checkout-boxes .input-rows .input-wrappers #country, .checkout-boxes .input-rows .input-wrappers #mailing_country {
	width: 132px !important;
}


.checkout-boxes .input-rows .input-wrappers #expirationyear {
	width: 80px !important;
}

.checkout-boxes .input-rows .input-wrappers #expirationmonth {
	width: 60px !important;
}

.checkout-boxes .input-rows .input-wrappers #cvvcode {
	width: 114px  !important;
}

#ps-purchase-box, #ps-coupon-box{
	width: 305px !important;
}

#ps-shipping, #ps-courses, #ps-total{
	width: 250px !important;
}

#coupon, #referral{
	/* width: 180px !important; */
}

.checkout-boxes .title {
	background: #497BAE !important; /* -moz-linear-gradient(center top , #6FACD5, #497BAE) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	border: 1px solid #456F9A;
	font-size: 12px !important;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 3px !important;
	padding-left: 5px;
	padding-top: 3px;
	position: relative;
	width: 315px;
}


.checkout-boxes .input-rows .input-wrappers #course_type1 {
	border: 1px solid #BBBBBB;
	color: #CC0000;
	font-size: 13px;
	padding: 1px;
	width: 320px !important;
}

.quizRowList {
	float: left;
	position: relative;
	width: 100%;
}

.tableWrapper1 {
	float: left;
	padding: 15px 0 0 32px;
	width: 100%;
}

.tableWrapper1 h2 {
	color: #000000;
	float: left;
	font-size: 16px;
	font-weight: normal;
	padding: 20px 0 5px;
	width: 100%;
}

.quizRowList {
	float: left;
	position: relative;
	width: 100%;
}

.tableWrapper2 {
	padding: 15px 0 0 32px;
	width: 100%;
	position: relative;
}

.tableWrapper2 .questions {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0 5px;
	width: 650px;
}

.tableWrapper2 .quizRows {
	display: table-row;
	line-height: 26px;
}

.tableWrapper2 .quizRows .answer {
	display: table-cell;

}

.tableWrapper2 .quizRows .answer_text {
	display: table-cell;
	font-size: 16px;
	padding-left: 5px;
	width: 620px;
}


.faq_title p{
	padding: 10px;
	color: #000 !important;
	font-weight: bold !important;
}

.faq_text{
	display: none;
	padding: 8px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



#faq_keyword_search{
	font-size: 24px;
	width: 100%;
	border: 1px solid #ccc;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-style: italic;
}

.faq_title_old{

	width: 100%;
	padding: 8px;
	background: #ccc;
	cursor: pointer;
	border-top-left-radius:  6px;
	border-top-right-radius:  6px;
	border: 1px solid #ccc;
}

.faq_title{
	background: linear-gradient(#f5f5f5, #eaeaea) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	padding: 1px 0px;
	width: 100%;
}

.faq_question{
	width: 100%;

	margin-bottom: 10px;


}

.quote_bubble{
	float: left;
	width: 275px;
}

.blue_text{
	color:#03F;
}

.gray_text{
	color: #999;
}

/** Improvements ***/

.course_subtitle a{
	font-size: 12px;
	color: #999 !important;
}

.course-headers td{
	font-weight: bold;
	vertical-align: middle;
}



.startCourse {
	margin-bottom: -1px;
	width: 100%;
	border: 1px solid #DDD;
}

.startCourse .features {
	border-left: 1px solid #ddd;
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.startCourse .features img{
	height: 20px;
}

.startCourse .features.price {
	width: 120px;
}

.startCourse .features.check1 {
	width: 60px;
}
.startCourse .features.check2 {
	width: 60px;
}
.startCourse .features.check3 {
	width: 65px;
}
.startCourse .features.check4 {
	width: 50px;
}
.startCourse .features.check5 {
	width: 65px;
}


.startCourse .certificate_wrappers {
	background-color: #fff;
	border-top: 1px solid #ddd;
	padding: 15px;
	position: relative;
	display: none;
}

.startCourse .certificate_wrappers #pointer_inner {
	border-bottom: 8px solid #fff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	left: 31%;
	position: absolute;
	top: -8px;
}
.startCourse .certificate_wrappers #pointer_outer {
	border-bottom: 8px solid #CCC;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	left: 31%;
	position: absolute;
	top: -9px;
}


.list_views {
	display: table;
	border: 1px solid #DDD;
	width: 100%;
	width: calc(100% - 2px);
	border-radius: 5px;
}

.list_views .headers {
	display: table-row;
	background-color: #f0f0f0;
	color: #333;
	font-weight: bold;
}

.list_views .headers .cols {
	display: table-cell;
	padding: 5px;
	border-right: 1px solid #DDD;
	text-align: center;
}
.list_views .headers .cols.last {
	border-right: none;
}
.list_views .headers .cols.left_align {
	text-align: left;
}

.list_views .rows {
	display: table-row;
}

.list_views .rows .cols {
	display: table-cell;
	padding: 7px 5px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-align: center;
}
.list_views .rows .cols.last {
	border-right: none;
}
.list_views .rows .cols.left_align {
	text-align: left;
}

.list_views .rows .cols .good {
	color: #080;
}

.list_views .rows .cols .bad {
	color: #a00;
}


.hide{
	display: none !important;
}
/* Group Discount */

#moregroupdetails .newfeature{
	padding: 20px;
}

.newfeature div{
	float: left;

}

.newfeature .text{
	padding-left: 20px;
	width: 700px;
}

.newfeature .image{
	padding-left: 20px;
}

/* Course cost */

.orgCost{
	font-size: 12px;
	color: #FF0000;

}

/* How it Works */
#howtosteps td.text{
	padding-top: 15px;
}

#howtosteps td{
	padding-bottom: 25px;
}

/* Contact Form */
#contactform{
	padding: 10px 5px 0px 20px;
	margin-bottom: 20px;
	background: #eee;
	border-radius: 6px;
}

#contact_info, #contact_div{
	float: left;
}

#contact_box{
	width: 300px;
	float: right;
	padding: 15px;
	background: none repeat scroll 0 0 #eee;
	border-radius: 8px;
}


#contact_box input {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	width: 300px;
}

.required {
	color: #E8554E;
	font-family: "brandon-grotesque",Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1px;
	position: relative;
	text-transform: uppercase;
	top: 7px;
}



.field, .txtfield{
	text-transform: uppercase;
	float: left;
	font-family: arial;
	font-size: 14px;

}



.field input, .field select{
	width: 273px;
	padding: 10px;
	border: none;
	margin-right: 20px;
	/*background: #f4f4f4;*/
	font-size: 16px;
	margin-top: 5px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #ccc;
}

.group .field input, .field select{
	width: 295px;
}

.styled-form input[type="text"], .styled-form input[type="password"], .styled-form textarea {
	background-color: #E1E1DB;
	border-radius: 3px;
	box-sizing: border-box;
	font-family: "museo-slab",Georgia,serif;
	padding: 12px 14px;
	width: 100%;
}

#contact_message{
	width: 710px;
	border: none;
	background: #f4f4f4;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #ccc;
}

.submit-button{
	background: none repeat scroll 0 0 #ea3d3d;
	border: medium none #c33;
	color: #fff;
	cursor: pointer;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
}

#contact_div{
	width: 780px;
}

#contact_info{
	background: #f4f4f4;
	padding: 10px;
	height: 400px;
	width: 250px;
}

.subtext{
	width: 300px;
}

.txtfield textarea{
	margin-top: 5px;
	padding: 10px;
}

.contact-button{
	float: right;
	margin-right: 15px;

}

.contact-button input{
	/*
    background: #ff6666;
    color: #fff;
    padding: 10px;
    width: 150px;
    border: none;
    border-bottom: 5px #cc6666 solid;
    cursor: pointer;
    */
	background: none repeat scroll 0 0 #ea3d3d;
	border: medium none #c33;
	color: #fff;
	cursor: pointer;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	width: 160px;
	border-radius: 6px;
	padding: 10px;
}

.contact-button input:hover{
	background: #cc3333;
}

.error{
	/* display: none; */
}
label.error, .setting-input-wrap label.error{
	width: fit-content;
	color: red;
	font-size: 12px;
}

#contact_div h2{
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 10px;
}

.headline{
	color: 	#ff6666;
	font-weight: bold;

}

.headline_content{
	margin-bottom: 20px;

}


/* Footer */

#footer_content li{
	font-size: 14px;
	line-height: 12px;
	text-decoration: underline;
}

.footer_box a{
	color: #81a512;
}

#company_slogan .company_name, #company_slogan .slogan{
	color: #81a512;
}

#company_slogan .company_name{
	font-size:14px	!important;
}

#company_slogan .slogan{
	font-size: 10px;
}

/* Payment */
#payment .inputBox{
	width: 320px;
}


.PayInfo {
	width: 350px;
}

#certified{
	border-top: 1px solid #ccc;
	padding: 10px;
}

#certified a{
	padding-left: 10px;

}

#payment_submit_button{
	width: 320px;
}

#coupon, #referral {
	/* width: auto !important; */
}

.leftPart h3 {
	width: auto !important;
}

.ps-box{
	background: none;
	border: none;
	padding: 0 7px 2px !important;
}

.selectCourseBtn{
	background: none;
	border: none;

}

/* Demo Course */

.courseSelect:hover{
	background: #666;
	color: #FFF;
}

.selectedCourse{
	background: #234973 !important;
	color: #fff;
}

#courseMenu a{
	margin: 0;
	padding: 0;
}

#courseMenu a:hover{
	color: inherit;
}

.courseSelect{
	padding: 5px;
	background: #f4f4f4;
	width: 255px;
	margin-bottom: 2px;
	cursor: pointer;
}

/* Menu */

.currentPage .menu-item_text > * {
	/* background: -webkit-linear-gradient(#9dc32a, #669933);  For Safari 5.1 to 6.0 */
	/* background: -o-linear-gradient(#9dc32a, #669933);  For Opera 11.1 to 12.0 */
	/* background: -moz-linear-gradient(#9dc32a, #669933); For Firefox 3.6 to 15 */
	/* background: linear-gradient(#9dc32a, #669933);  Standard syntax */

	display: inline;
	padding-bottom: 5px;
	color: #C00;	}

/* Testimonials */

#testimonials{
	margin-top: 20px;
	position: relative;
	width: 1000px;
	height: auto;

}

.testimonial{
	border: 1px solid #ccc;
	background: #fff;
	padding: 20px;
	width: 240px;
	float: left;
	margin-right: 40px;
	min-height: 100px;
	position: relative;
	margin-bottom: 50px;
	display: block;
}

.testimonial .text{
	margin-top: 20px;
}

.testimonial .circle{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	text-align: center;
	background: #fff url('/application/design/images/v2/quotes-30.png') center center no-repeat;

	top: -25px;
	position: absolute;
	margin-left: 35%;
}

.testimonial .name{
	font-size: 12px;
	font-family: verdana;
	padding: 10px;
	border: 0px solid #ccc;
	text-align: center;
	bottom: -15px;
	background: #fff;
	position: absolute;
	margin-left: 30%;
	width: auto;
}


/* added by Hieu 2014-07-17 */
.edit_forms {
	padding: 15px 15px;
	background-color: #F0F0F0;
	border-radius: 10px;
	border: 1px solid #DDD;
}

.edit_forms .field_rows {
	display: table-row;
}

.edit_forms .field_rows .labels {
	color: #333;
	display: table-cell;
	padding-right: 10px;
	vertical-align: middle;
	white-space: nowrap;
}

.edit_forms .field_rows input[type="text"], .edit_forms .field_rows select {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 16px;
	margin: 3px;
	padding: 10px;
	width: 300px;
	display: table-cell;
}

.edit_forms .field_rows input[type="button"] {
	padding: 5px;
	margin: 3px;
}

#billing_form {
	width: 450px;
	margin-top: 10px;
}


/* Begin: Secret Coupon Email Popup */
#coupon_popup #text1 {
	color: #8181f8;
	font-family: verdana;
	font-size: 22px;
	margin-top: 20px;
}

#coupon_popup #text2 {
	color: #222;
	font-family: impact;
	font-size: 90px;
	font-weight: bold;
	margin-top: -10px;
}

#coupon_popup #text3 {
	color: #aaa;
	font-family: verdana;
	font-size: 12px;
	margin-top: -10px;
}

#coupon_popup #text4 a{
	color: #888;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin-top: 15px;
	text-decoration: underline;
}

#coupon_popup #text5 {
	color: #888;
	font-size: 9px;
	margin-top: 12px;
}

#coupon_popup #cpbox {
	background-color: #d0d8ff;
	border: 1px solid #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 10px;
	width: 350px;
	margin-top:10px;
}

#coupon_popup #cpemail {
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 16px;
	padding: 5px 10px;
	text-align: center;
	width: 327px;
}

#coupon_popup #cpbutton {
	background-color: #393ae3;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #8181f8 ), to( #393ae3 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #8181f8, #393ae3 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #8181f8, #393ae3 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #8181f8, #393ae3 ); /* IE10 */
	background-image:      -o-linear-gradient( #8181f8, #393ae3 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #8181f8, #393ae3 );
	border: 1px solid #ccc;
	color: #eee;
	font-family: verdana;
	font-size: 23px;
	margin-top: 8px;
	padding: 13px 10px 15px;
	width: 348px;
	cursor: pointer;
}


/* End: Secret Coupon Email Popup */

#mobile-header-wrapper{
	background-color: #0B5582;
	height: 14vw;
	width: 100%;
	vertical-align: middle;
	text-shadow: none !important;
	position: fixed;
	z-index: 10;
	padding: 0px 15px;
	box-sizing: border-box;

}

.mobile_course_footer{
	background-color: #737373;
	width: 100%;
	vertical-align: middle;
	text-shadow: none !important;
	position: fixed;
	z-index: 10;
	padding: 3% 0;

}

.ui-panel-inner{
	position: fixed;
	width: 100%;
}

.logo_text {
	color: white;
	font-size: 2.7vw;
	font-weight: bold;
	margin: 0% 0;
}

#header_contact, .header_login, .header_logout, .header_logout{
	font-size: 3.7vw;
	color: white;
	font-weight: bold;
}

.logo_div{
	float: left;
	width: 37%;
	margin-top: 2%;
}

#mobile-menu1{
	float: left;
	height: 15%;
	margin-right: 10%;
	margin-left: 2%;
	margin-top: 2%;
	width: 20%;

	/* margin-top: 0;
    border: 2px solid white;
    width: 12%;
    padding: 3%; */
}

#logo1{
	float: left;
	height: 20%;
	width: 20%;
}

#mobile-body-2{
	background-color: #737373;
	height: 40vw;
	width: 100%;
	margin: 0px;
	color: white;
	text-shadow: none;
	padding-top: 1%;
}

#mobile-body-2 h2{
	font-size: 4.3vw;
	margin-left: 2%;
	margin-bottom: 1%;
	color: white;
}
.ui-bar-c h2 {
	color: #3e3e3e;
}
#mobile-body-2 .body-2-step{
	text-align: center;
	width: 32.8%;
	height: 81%;
	float: left;
	margin-top: 1%;
}

#mobile-body-2 .body-2-step img{
	width: 57%;
	height: 56%;
	margin: 4%;
}

#mobile-body-2 .body-2-step h3{
	margin: 2% 0;
	font-size: 3.3vw;
}
#mobile-body-2 .body-2-step span{
	font-size: 2.2vw;
}

#mobile-body-3{
	padding: 2% 2% 2% 2%;
	background-color: #00ace6;
	text-shadow: none;
	height: 16vw;
}

#mobile-body-3 h1{
	font-size: 4vw;
	color: white;
	margin-bottom: 1%;
}

#mobile-body-3 span{
	font-size: 3.1vw;
	color: white;
}

#mobile-body-3 .myButton{
	margin-left: 10%;
	margin-top: 1%;
}

#mobile-body-4{
	padding: 2%;
	text-shadow: none;
	background-color: white;
}

#mobile-body-4 h1{
	font-size: 3.9vw;
	margin-bottom: 3%;
}

#mobile-body-4 .mobile-course-box{
	height: 33vw;
	border-radius: 5px;
	border: solid 1px #f2f2f2;
	border-left: solid 3vw #008ae6;
	box-shadow: 4px 6px 22px -6px rgba(156,156,156,1);
	padding: 0 0 0 2%;
	margin-bottom: 3%;
}

.mobile-course-name {
	font-size: 4.4vw;
	margin: 2% 2%;
}

.mobile-course-detail {
	font-size: 3.8vw;
	margin: 2% 0 2% 2%;
	position: relative;
	height: 67%;
}

.mobile-course-detail .mobile-course-feature{
	margin: 1% 0;
}

.mobile-course-detail .mobile-course-price{
	position: absolute;
	right: 0;
	top: 11%;
	height: 12vw;
	width: 29vw;
}

.mobile-course-price .mobile-course-promo-price{
	font-size: 6.3vw;
}

.mobile-course-price .mobile-course-reg-price{
	font-size: 3.3vw;
}

.mobile-course-price .arrow{
	position: absolute;
	right: 0;
	width: 25%;
	bottom: 0;
	height: 90%;

}

.mobile-course-detail .mobile-course-exp{
	position: absolute;
	bottom: 1%;
	right: 1%;
	font-size: 3.2vw;
}

#course_pricing td{
	vertical-align: middle !important;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:13px;
	padding:8px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}

.mobile_header{
	margin: 2% 1.5%;
}

#mobile-ps-purchase-box{
	padding: 0 0 2px !important;
	width: 100%;
	font-size: 3.1vw;
}

#mobile-ps-purchase-box .ps-column-left{
	width: 80% !important;
}

#mobile-ps-purchase-box .ps-column-right{
	width: 17.5%;
}

#mobile-ps-purchase-box .ps-row{
	width: 100%;
	color: black !important;
}

#mobile-ps-purchase-box .ps-column-right{
	color: black !important;
	float:left;
}

#mobile-ps-purchase-box #ps-total{
	font-weight: normal;
}

#mobile-ps-purchase-box #ps-courses-price, #mobile-ps-purchase-box #ps-courses{
	height: auto;
}

.mobile_course_menu{
	padding: 2% 1%;
}

.mobile_course_footer{
	position: fixed;
	bottom: 6%;
	width: 100%;
}
.content_mobile {
	padding: 3% 3% 30% 3%;
}

.mobile_course_footer .mobile_course_left, .mobile_course_footer .mobile_course_right{
	float: left;
	margin: 0 3%;
}

.mobile_course_footer .mobile_course_quiz{
	margin: 0 3%;
}

#cpr_container{
	font-family: Arial !important;
}

.vjs-playing{
	display: block !important;
}

#mobile-footer{
	background: #737373;
	color: #fff;
}


#mobile-footer .footer_title h3{
	font-size: 3.4vw;

}

#mobile-footer li{
	font-size: 3vw;

}

#mobile-footer .footer_box{
	margin: 3% 4%;
	padding: 0;
	width: 42%;
}

#mobile-footer .footer_box a{
	color: #fff;
	font-size:inherit;
}

div.mobile-content {
	padding-top: 55px !important;
	margin-top: 0 !important;
}

@media only screen and (max-width: 768px) {
	div.mobile-content {
		padding-top: 55px !important;
		margin-top: 0 !important;
	}
}

@media only screen and (max-width: 600px) {
	div.mobile-content {
		padding-top: 55px !important;
		margin-top: 0 !important;
	}
}
@media only screen and (max-width: 425px) {
	div.mobile-content {
		padding-top: 55px !important;
		margin-top: 0 !important;
	}
}

@media only screen and (max-width: 390px) {
	div.mobile-content {
		padding-top: 55px !important;
		margin-top: 0 !important;
	}
}

@media only screen and (max-width: 375px) {
	div.mobile-content {
		padding-top: 55px !important;
		margin-top: 0 !important;
	}
}

@media only screen and (max-width: 320px) {
	div.mobile-content {
		padding-top: 55px !important;
		margin-top: 0 !important;
	}
}

.mobile-content #contactform{
	padding: 10px 10px 0px 10px;
}

.mobile-content #contactform .field, .mobile-content #contactform .txtfield{
	width: 100%;
}

.mobile-content #contactform .field input, .mobile-content #contactform .field select, .mobile-content #contactform textarea{
	width: 100% !important;
	padding: 10px 0 10px 3px;
}

.mobile-content .contact_us_info{
	width: 60%;
	float: left;

}
.mobile-content .contact_us{
	width: 100% !important;

}

.mobile-content .ui-slider{
	display: none !important;
}

.mobile-content .tableWrapper1{
	padding: 15px 0 0 0;
}

.mobile-content .course-box_details_v2 img{
	display: none;
}

.mobile-content .course-box_details_v2 .course-details_v2{
	width: 100% !important;
}

.mobile-content .course-box_details_v2 .course-details-topics{
	margin-left: 0px !important;
}

.mobile-content .faqs_course{
	display: none;
}

.mobile-content .course-details div{
	margin-left: 0 !important;
}


.mobile-content .body-box{
	width: 96%;
}

.mobile-content #faq_keyword_search{
	width: 94%;
}
/* End: Secret Coupon Email Popup */

@media only screen and (max-width : 1024px) {
	.mobile_100width {
		width:100% !important;
	}
	.ui-body-c h2 {
		color: #333;
	}
	.desktop_only {
		display: none;
	}
	.full_width {
		width: 100% !important;
	}
	.ul_zero_margin {
		margin-left: 0px !important;
	}
	.ui-mobile, .ui-mobile .ui-page{
		min-height: 420px !important;
	}

	#cpr_header{
		display: none;
	}

	#mainmenu{
		display: none;
	}

	#mobile-header-wrapper{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#mobile-body-1{
		display: block;
	}

	#body-1{
		display: none;
	}

	#inner_container{
		padding: 0px;
		box-shadow: none;
		position: relative;
	}

	.body-box{
		margin: 0;
		padding: 0;
	}

	.mobile-content{
		background: #fff;
	}

	.banner_img img{
		width: 140%;
		margin-left: -25%;
		max-width: none;
	}

	.banner_text{
		margin: 3%;
	}

	.myButton{
		padding: 1% 2% !important;
	}

	.mobile-body-box{
		display: block;
	}

	.computer-body-box{
		display: none;
	}

	#footer_container{
		display: none;
	}

	#cpr_container{
		display: none;
	}

	.Course a.action_btns{
		font-size: 3vw;
		padding: 1% 2%;
	}

	.startCourse .Course{
		width: 100% !important;
		display: block;
	}

	.videos_v2{
		border-left: none;
		padding: 0;
		width: 100%;
		margin-left: 0;
	}

	.top_content{
		width: 100%;
	}

	.listBox{
		width: auto !important;
	}

	#outer_shopper_verified{
		display: none;
	}

	#coupon_popup{
		display: none !important;
	}

	#faq-page{
		width: 95%;
	}

	#howtosteps img{
		display: none;
	}

	#howtosteps .ui-link img{
		width:auto;
		height: auto;
		display: block;
	}

	#blendedlearning img{
		display: none;
	}

	#promotions img{
		display: none;
	}


	.ui-link img{
		display: block !important;
	}

	.course-box{
		background: none !important;
	}

	.float_left{
		width: 100% !important;
	}

	.float_left div{
		width: 100% !important;
	}

	.course-details{
		width: 100% !important;
		margin-left: 0;
	}

	.course-details ul{
		margin-left: 0 !important;
	}

	.course-details > div{
		margin-right: 0px !important;
		float:left !important;
		width: 100% !important;
	}

	.course-details > div > div{
		padding-left: 0 !important;
	}

	#testimonials{
		width: 100%;
	}

	#payment_submit_button{
		width: 100%;
	}

	#chatBox{
		display: none !important;
	}

	.slidebanner, #slider_footer, #slider_footer_bottom_border, .arrow_btn, .arrows, #hiw{
		display: none;
	}

	.ui-mobile-viewport .mobile-content.ui-content{
		font-size: 0;
	}

	.ui-mobile-viewport .mobile-content.ui-content > * {
		font-size: initial;
	}


}

@media only screen and (min-width : 1025px) {
	#mobile-header-wrapper{
		display: none;
	}

	.mobile-body-box{
		display: none !important;
	}

	.mobile-content{

		display: none;
	}

	#right-panel{
		display: none;
	}

	.ui-panel-content-wrap{

		display: none;
	}

	#mobile-footer{
		display:none;
	}

	.video-js{
		width: 250px;
		height: 140px;
	}

	.profile-container .field_rows input, .profile-container .field_rows select {
		font-size: 15px;
		font-weight: normal;
		font-family: arial;
		border-radius: 3px;
		border: 1px solid #ccc;
		flex: 1;
		padding: 5px 8px;
		color: #333;
	}
	.profile-container input, #order_history_wrapper input, #shop_wrapper input {
		height: 26px;
	}
	.ui-input-btn input {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		outline: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		cursor: pointer;
		background: rgba(255,255,255,0);
		filter: Alpha(Opacity=0);
		opacity: .1;
		text-indent: -9999px;
		z-index: 2;
	}

}

.column .box .box-3-columns {
	display: flex;
}
.pos-relative {
	position: relative;
}
.margin-bot-14 {
	margin-bottom: 14px;
}
.margin-top-17 {
	margin-top: 17px;
}
.lr-margin-10 {
	margin: 0px 10px;
}
.margin-bot-10 {
	margin-bottom: 10px;
}
.margin-bot-24 {
	margin-bottom: 24px !important;
}
.three-columns-container, .one-column-container, .two-column-container {
	display: flex;
}
.center {
	text-align: center !important;
}
.three-columns-container .column, .one-column-container .column {
	flex: 1;
}
.three-columns-container .column {
	max-width: calc((100% - 18px) / 2);
}
._2columns {
	flex: 2;
}
.font-size-15 {
	font-family: arial;
	font-size: 15px;
}
.line-light-gray {
	border-top: 1px solid #eee;
}
#changed-password .labels {
	flex: 1;
	line-height: 32px;
}
#changed-password input {
	flex: 2.5;
}
.height-38 {
	height: 38px;
}
.bg-white {
	background: white
}
.profile-container .field_rows input, .profile-container .field_rows select {
	font-size: 15px;
	font-weight: normal;
	font-family: arial;
	border-radius: 3px;
	border: 1px solid #ccc;
	flex: 1;
	padding: 5px 8px;
	color: #333;
}
.mobile-content .mobile h1 {
	padding-bottom: 18px;
	padding-top: 24px;
	font-size: 20px;
	font-family: "Arial";
	font-weight: bold;
	color: #0B5582;
}
.mobile-content .mobile h2 {
	margin-bottom: 18px;
	margin-top: 24px;
	font-size: 20px;
	font-family: "Arial";
	font-weight: bold;
	color: #0B5582;
}
p.description {
	font-size: 15px;
	font-family: arial;
	font-weight: normal;
}
.mobile_btn_201810 {
	padding: 2% 8% !important;
	background-color: #396b9e;
	color: #fff !important;
	border-radius: 5px;
	flex: 1;
}
.width-18 {
	width: 18px;
}
.color-white {
	color: #fff !important;
}
.flex-row-reverse {
	flex-flow: row-reverse !important;
}
.flex-column {
	display: flex;
	flex-direction: column;
}
.r-margin-30 {
	margin-right: 30px;
}
.flex_three_quater {
	flex: 0.75;
}
.display-block {
	display: block !important;
}
.img-container img {
	width: 100%;
}
.column .box .field_rows .submit_btns{
	padding: 8px 0px;
	flex: 1;
	font-size: 18px;
	font-family: Arial;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-image: linear-gradient( #51789c, #396b9e);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #51789c ), to( #396b9e));
	background-image: -webkit-linear-gradient(#51789c, #396b9e);
	font-weight: normal;
}
@media only screen and (max-width: 1024px){
	#left-panel.ui-body-a.ui-panel-closed, #right-panel.ui-body-c.ui-panel-closed {
		width: 0;
	}
	#left-panel.ui-body-a.ui-panel-open, #right-panel.ui-body-c.ui-panel-open {
		width: 100%;
		background: transparent;
		z-index: 9999;
		height: auto;
		box-shadow: unset !important;
	}
	.mobile-bg-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 736px;
		background: #000;
		opacity: .6;
	}
	.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-moz-transform: none;
	}
	.ui-content .ui-listview, .ui-panel-inner > .ui-listview {
		margin: 0px !important;
	}
	ul.menu-nav-mobile {
		width: 320px;
		/* height: 100vh; */
		background: #0b5582;
	}
	#left-panel .ui-listview .ui-bar-a, #right-panel .ui-listview .ui-bar-a {
		border: 1px solid #0B5582;
		background: #0B5582;
		color: #fff;
		background-image: linear-gradient( #0B5582,#0B5582 );
		padding-left: 0px;
	}
	#left-panel li:not(:first-child) {
		border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
	}
	ul.menu-nav-mobile li {
		padding: 0px !important;
	}
	#left-panel ul.menu-nav-mobile li a, #right-panel ul.menu-nav-mobile li a {
		padding: 15px 0px 15px 20px;
		font-size: .8em;
		/* font-weight: 600 !important; */
		text-transform: uppercase;
		color: rgba(255,255,255,0.8) !important;
		letter-spacing: 0.02em !important;
		font-family: Arial !important;
		background: transparent !important;
		border: 1px solid #0B5582;
	}
	#left-panel .ui-panel-inner {
		padding: 0;
		position: fixed
	}
	#left-panel .company_name {
		color: white;
		font-size: 16px;
		font-family: Arial;
	}
	#left-panel .mobile-info-company span.slogan {
		font-size: 10px !important;
		font-weight: bold !important;
		color: #fff !important;
		text-transform: uppercase;
	}
	li.ui-li-divider.ui-bar-a.ui-first-child {
		padding: 20px 7px !important;
	}
	#showDropDown i.fas, #hideDropDown i.fas {
		font-size: 3.7vw;
	}
	.profile-container.mobile #mobile_profile_form .ui-state-disabled {
		opacity: 1;
		background: transparent !important;
	}
	.profile-container.mobile .field_rows .ui-input-text,
	.profile-container.mobile .field_rows .ui-select,
	.profile-container.mobile .field_rows .ui-btn {
		flex: 1;
	}
	.profile-container.mobile .field_rows .ui-body-inherit input {
		background: #fff;
	}
	.profile-container.mobile .column .box .box-3-columns input {
		max-width: unset !important;
	}
	.profile-container.mobile #mobile_changed-password .field_rows .labels {
		flex: 0.65;
		line-height: 52px;
	}
	.profile-container.mobile .column .box .box-3-columns .ui-input-text {
		max-width: calc((100% - 16px) / 3) !important;
		flex: 1;
		margin-right: 5px;
		background-color: white;
	}
	.flag-icon{
		padding-top: 0px !important;
	}
}

#mainmenu_container a:first-of-type .menu-item {
	margin-left: 22px;
}
#mobile_cprquiz input {
	float: left;
	margin: 5px 0.5ex 0px 0.5ex;
}
#mobile_cprquiz label {
	width: unset;
}
body {
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div[data-url=\/cprcertificationcards] #inner_container,
div[data-url=\/legal\/privacy] #inner_container {
	display:table;
}

.howitworks_container_custom #cpr_container #inner_container {
	min-height: unset;
}
.msg_successfully{
	color: green;
}
.language {
	float: left;
}
.lang-m{
	float: left;
	width: 50%;
}
.lang-sub-en-m{
	border-right: 1px solid gray;
	padding: 15px;
}
.lang-sub-es-m{
	padding: 15px;
}
@media only screen and (max-width: 1024px){
	.ui-panel-content-wrap{
		min-height: unset !important;
	}

}
.flag-icon{
	width: 20px;
	height: 20px;
	margin-left: 5px;
	padding-top: 5px;
	cursor: pointer;
}
#inner_container table .right_content img {
	max-width: 645px;
	width: 100%;
}
.right_content td img {
	box-shadow: none;
	border: none !important;
	margin: 0px;
}
.language_div {
	margin: 0 10px;
}
.color-icon {
	color: #0e567b;
}

.header-center{
	display: flex;
	justify-content: space-between;
}
.header-center .header-center__item {
	display: inline-flex;
	justify-content: space-evenly;
	align-items: center;
	width: max-content;
}
.black{
	color: #333333;
}
.bold{
	font-weight: bold;
}
.underline{
	text-decoration: underline !important;
}

.flex {
	display: flex;
	flex-flow: wrap;
}
.row {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-align: left;
}
.col-6 {
    width: 50%;
	padding: 6px 0;
}
.cpr-table {
	box-shadow: 1px 1px 10px #ddd;
}
.cpr-table td {
    padding: 10px;
    text-align: left;
}
.cpr-table tr:first-child td:first-child {
	border-top-left-radius: 6px;
}
.cpr-table tr:first-child td:last-child {
	border-top-right-radius: 6px;
}
.cpr-table tr:last-child td:last-child {
	border-bottom-left-radius: 6px;
}
.cpr-table tr:last-child td:last-child {
	border-bottom-right-radius: 6px;
}
.cpr-table tbody td {
    border-bottom: 0.5px solid #ddd;
}
.cpr-table tbody tr:last-child td {
    border-bottom: none;
}
.cpr-table .cpr-table-head td {
	background: #073650;
}
.cpr-table .cpr-table-head td {
	border-right: 0.5px solid #ddd;
	text-align: center;
	color: #fff;
	padding: 10px;
}
.cpr-table .cpr-table-head td:last-child  {
	border-right: none;
}
.cpr-box h3 {
	margin: 20px 0 10px;
}
.btn {
	padding: 6px 10px;
	cursor: pointer;	
    color: #000;
	border: none;
    border-radius: 4px;
	height: 30px;
	width: fit-content;
	border: none;
}
.btn-large {
	padding: 10px 25px;
	cursor: pointer;	
    color: #000;
    border-radius: 4px;
	width: fit-content;
    font-size: 15px;
    font-family: "Inter";
    font-weight: 500;
	border: none;
}
.btn-gray {
	border: 1px solid gray;
    background: gray;
	color: #fff;
}
.btn-gray {
	border: 1px solid #b41e1a;
    background: #b41e1a;
	color: #fff;
}
.btn-red {
	border: 1px solid #b41e1a;
    background: #b41e1a;
	color: #fff;
}
.btn-green {
	border: 1px solid green;
    background: green;
	color: #fff;
}
.btn-cpr-color {
	border: 1px solid #073650;
    background: #073650;
	color: #fff;
}
.btn-default {
	background-color: #0c3450;
	color: #fff;
}
.btn-white {
	background-color: #fff;
	color: #000;
	border: 1px solid #14538F;
}
.btn-default-1 {
	background-color: #14538F;
	color: #fff;
	border: 1px solid #14538F;
}
.sub-title {
	text-align: center;
	margin-bottom: 30px;
}
.sub-title a {
	text-decoration: underline !important;
}
.sub-title span {
	font-size: 14px;
}
.cpr-form {
	float: left;
	margin-top: 8px;
	width: 100%;
}
.cpr-form-radio label {
	float: left;
}
.cpr-form-radio input {
	margin-top: 0px;
}
.cpr-form label {
	padding: 6px;
	padding-left: 0;
    height: 22px;
	font-size: 14px;
	width: fit-content;
}
.cpr-form input, .cpr-form select {
	height: 30px;
}
.col-12 {
	width: 100%;
}
.col-10 {
	width: 83.333333%;
}
.col-9 {
	width: 75%;
}
.col-8 {
	width: 66.666667%;
}
.col-6 {
	width: 50%;
}
.col-4 {
	width: 33.333333%;
}
.col-3 {
	width: 25%;
}
.col-2 {
	width: 16.666667%;
}
.flex-col {
	display: flex;
	flex-direction: column;
}

/* begin styling cpr modal */
	.cpr-modal .modal-content {
		padding: 0;
		background: #F5F9FF;
	}
	.cpr-modal .modal-content .modal-header, #portal_pay_invoice.cpr-modal .modal-content .modal-header {
		padding: 10px 20px;
	}
	.cpr-modal .modal-header {
		background: #073650;
		color: #fff;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.cpr-modal .close {
		margin-top: -20px;
	}
	.cpr-modal .modal-content .modal-body {
		padding: 20px 20px !important;
	}
/* end styling cpr modal */
/* start style model */
	.cpr-model-s1 {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		visibility: hidden;
		transform: scale(1.1);
		transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	}
	.cpr-model-s1 .modal-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		padding: 20px 40px;
		width: auto;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
	}
	.cpr-model-s1 .close-button {
		height: 18px;
		width: 18px;
		text-align: center;
		cursor: pointer;
		border-radius: 50%;
		background-color: #fff;
		border: 1px solid #000;
		font-weight: 600;
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 16px;
	}
	.cpr-model-s1 .close-button:hover {
		background-color: darkgray;
	}
	.cpr-model-s1.show-modal {
		z-index: 2;
		opacity: 1;
		visibility: visible;
		transform: scale(1.0);
		transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
	}
	.cpr-model-s1.multiple-email a {
		font-weight: 600;
		text-decoration: underline !important;
	}
	.cpr-model-s1 .sub-m-title {
		text-align: center;
		line-height: 1.5em;
		font-size: 14px;
		margin: 10px 0 20px 0;
	}
	.cpr-model-s1 b {
		font-weight: 600;
	}
	.cpr-model-s1 .s1-content  {
		text-align: center;
	}
	.cpr-model-s1 .modal-content .modal-header {
		border: none;
		font-size: 23px;
		color: #B51D1A;
	}
	.cpr-model-s1 .modal-content .modal-header .close-button {
		color: #000;
	}
	.cpr-model-s1 select, .cpr-model-s1 input, .cpr-model-s1 button {
		height: 50px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		padding: 0 10px;
		border-radius: 6px;
	}
/* end style model */
/* start style model s2 */
	.cpr-modal-s2 {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		visibility: hidden;
		transform: scale(1.1);
		transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	}
	.cpr-modal-s2 .modal-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		padding: 20px 40px;
		width: auto;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
	}
	.cpr-modal-s2 .close-button {
		height: 18px;
		width: 18px;
		text-align: center;
		cursor: pointer;
		border-radius: 50%;
		background-color: #fff;
		border: 1px solid #000;
		font-weight: 600;
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 16px;
	}
	.cpr-modal-s2 .close-button:hover {
		background-color: darkgray;
	}
	.cpr-modal-s2.show-modal {
		z-index: 2;
		opacity: 1;
		visibility: visible;
		transform: scale(1.0);
		transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
	}
	.cpr-modal-s2.multiple-email a {
		font-weight: 600;
		text-decoration: underline !important;
	}
	.cpr-modal-s2 .sub-m-title {
		text-align: center;
		line-height: 1.5em;
		font-size: 14px;
		margin: 10px 0 20px 0;
	}
	.cpr-modal-s2 b {
		font-weight: 600;
	}
	.cpr-modal-s2 .s2-content  {
		text-align: center;
	}
	.cpr-modal-s2 .modal-content .modal-header {
		border: none;
		font-size: 23px;
		color: #B51D1A;
	}
	.cpr-modal-s2 .modal-content .modal-header .close-button {
		color: #000;
	}
	.cpr-modal-s2 select, .cpr-modal-s2 input, .cpr-modal-s2 button {
		height: 50px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		padding: 0 10px;
		border-radius: 6px;
	}
/* end style model */
/* css new header */
.new-header-group{
	float: right;
	width: auto;
	font-weight: 400;
}
.new-header-group .group_in_logged , .new-header-group .group_not_loggin{
	list-style-type: none;
	display: flex;
	flex-direction: revert;
	align-items: center;
	float: right;
}
.new-header-group .group_in_logged{
	flex-direction: row-reverse;
}
.new-header-group ul li{
	font-family: "Inter";
	font-size: 15px;
	padding: 0 18px;
	text-align: center;
	position: relative;
}
.new-header-group ul li:last-child {
    padding-left: 0;
}
.new-header-group ul li a.agent-infor {
	display: flex;
	align-items: center;
}
.new-header-group ul li::before{
	top: 0px;
	height: 20px;
	width: 1px;
	background-color: #ddd;
	position: absolute;
	right: 0;
	content: "";
}
.new-header-group ul li.switch-branch-main::before{
	top: 10px;
	height: 20px;
	width: 1px;
	background-color: #ddd;
	position: absolute;
	right: 0;
	content: "";
}
.new-header-group.new-menu-group ul.group_not_loggin_cpr li::before{
	top: 0px;
	height: 20px;
	background-color: #ddd;
	position: absolute;
	right: 0;
	content: "";
	display: none;
}
.new-header-group ul li:first-child{
	padding-right: 0;
}
.new-header-group ul li:first-child::before{
	display: none;
}
.new-header-group ul li a{
	display: block;
	color: #333;
	font-size: 15px;
	text-transform: capitalize;
	font-family: "Inter";
	font-weight: 400;
}
.new-header-group ul li img{
	max-width: 100%;
	object-fit: cover;
}
.infor-user-group{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.infor-user-group img{
	float: left;
}
.infor-user-group p{
	float: left;
	margin-left: 10px;
	text-align: left;
}
.setting-group i{
	font-size: 20px;
	color: #015281;
}
.noti-group{
	position: relative;
}
.noti-group i{
	font-size: 20px;
	color: #015281;
}
#total_noti{
	position: absolute;
    right: -3px;
    top: -2px;
    padding: 0 3px;
    border-radius: 50%;
    background: #052232;
    color: #fff;
    font-size: 11px;
}
.group_not_loggin li{
	padding: 0 20px !important;
}
.group_not_loggin li:first-child{
	padding-right: 0 !important;
}
.group_not_loggin li a{
	font-size: 16px !important;
}
.group_not_loggin img{
	margin-right: 5px;
	vertical-align: text-bottom;
}
.group_in_logged{
	margin-top: 15px;
}
.group_not_loggin{
	margin-top: 32px;
}
#user_infor_cor .user_infor span{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #052232;
	display: inline-block;
	color: #fff;
	font-family: "Inter";
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-size: 17px;
}
#agent_infor_cor::before{
	top: 50%;
    transform: translateY(-50%);
}
.agent-infor img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	float: left;
}
.agent-infor p{
	float: left;
    text-align: left;
	margin-left: 10px;
	font-size: 14px;
	line-height: 16px;
}
#agent_infor_cor{
	position: relative;
}
#popup_agent_infor{
	padding-top: 20px;
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	display: none;
	min-width: 300px;
}
.content_agent_infor{
	border: 1px solid #ddd;
	border-radius: 10px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
}
.content_agent_infor::before{
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdbaba;
    position: absolute;
    left: calc(50% - 7px);
    top: -7px;
    content: '';
}
.agent-avatar{
	display: flex;
	align-items: center;
	padding: 0 20px;
}
.agent-avatar img{
	width: 100px;
	height: 100px;
	border-radius: 5px;
}
.agent-avatar p{
	font-family: "Inter";
	font-weight: 400;
	font-size: 14px;
	margin-left: 20px;
	text-align: left;
	overflow-wrap: anywhere;
	line-height: 22px;
}
.agent-avatar p strong{
	font-weight: 700;
	font-size: 16px;
	text-transform: capitalize;
	
}
.agent-address{
	margin-top: 10px;
	font-family: "Inter";
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	line-height: 23px;
	padding: 0 20px 20px 20px;
}
#user_infor_cor{
	position: relative;
}
#popup_user_infor{
	padding-top: 20px;
	min-width: 270px;
	box-sizing: border-box;
	position: absolute;
	z-index: 99;
	top: 100%;
	right: -30%;
	background: #fff;
	display: none;
}
.content-user-infor{
	border: 1px solid #ddd;
	border-radius: 10px;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.content-user-infor::before{
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdbaba;
    position: absolute;
    right: 11%;
    top: -7px;
    content: '';
}
.header-popup-user{
	padding: 10px 15px;
	background: #f2f2f2;
	display: flex;
	align-items: center;
}
.header-popup-user span{
	width: 27px;
	height: 27px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: 400;
	font-family: "Inter";
	background: #052232;
	text-transform: uppercase;
}
.header-popup-user p{
	font-family: "Inter";
	font-weight: 700;
	font-size: 14px;
	overflow-wrap: anywhere;
	margin-left: 10px;
}
.list-option{
	padding: 10px 15px;
}
.list-option ul{
	list-style: none;
}
.list-option ul li{
	padding: 0;
}
.list-option ul li::before{
	display: none;
}
.list-option ul li a{
	display: flex;
	font-family: "Inter";
	font-weight: 500;
	font-size: 15px;
	text-align: left;
	margin-bottom: 15px;
}
.list-option ul li a:hover{
	color: #0B5582;
}
.list-option ul li a .setting-icon {
	width: 30px;
}
.disable-link {
    pointer-events: none;
	opacity: .4;
}
#cpr-loading {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.7;
	background-color: #fff;
	z-index: 99;
}
#cpr-wrap-modal {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.5;
	background-color: #fff;
	z-index: 50;
}
#main-wrap-modal {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	z-index: 50;
}
.main-wrap-modal {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	z-index: 50;
}
#cpr-loading.hide {
	display: none;
    position: fixed;
}
  
#inner_container{
	position: relative;
}
#cpr-setting-loading {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background: #fff;
	opacity: .5;
}
#loading-image {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}
#cpr-loading.hide {
	display: none;
    position: fixed;
}
.code-summary{
	font-size: 16px;
	color: #0b5582;
	font-weight: 500;
	width: fit-content;
	padding-bottom: 10px;
}
.code-summary-m{
	padding-left: 10px;
	font-size: 14px;

}
.noti-group span#total_noti{
	color: #fff;
    background: #222222;
    font-family: "Inter";
    font-weight: 400;
    font-size: 9px;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    right: -4px;
    content: "";
    padding: 1px;
    box-sizing: border-box;
	padding: 0px 5px;
}
#noti_group_cor{
	position: relative;
}
#popup_noti_group{
	padding-top: 20px;
    min-width: 350px;
    box-sizing: border-box;
    position: absolute;
    z-index: 99;
    top: 100%;
    right: 0;
	display: none;
}
.content_noti_group{
	border: 1px solid #ddd;
    border-radius: 10px;
    position: relative;
	background: #fff;
}
.content_noti_group::before{
	width: 0; 
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdbaba;
    position: absolute;
    right: 11%;
    top: -7px;
    content: '';
}
.header-popup-noti{
	padding: 10px 15px;
    background: #f2f2f2;
    display: flex;
    align-items: center;
	font-family: "Inter";
	font-weight: 400;
	justify-content: space-between;
}
.header-popup-noti span{
	display: inline-block;
    font-weight: 700;
    font-size: 15px;
}
.body-popup-noti{
	background: #fff;
	height: 350px;
	overflow-y: auto;
}
.header-popup-noti a{
	color: #333;
	font-size: 13px !important;
	text-transform: none !important;
	font-weight: 400 !important;
}
.item-noti{
	padding: 15px 25px 10px 45px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    background: url(/addons/default/themes/cpraed/img/icon-menu/icon-noti-item.png) no-repeat 10px 11px;
    text-align: left;
	font-family: "Inter";
	position: relative;
}
.item-noti:last-child{
	border-bottom: none;
}
.item-noti::before{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.item-noti_title{
	font-weight: 700 !important;
    color: #333;
    font-size: 14px !important;
}
.item-noti_desc{
	font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.item-noti_button button{
	border: none;
	cursor: pointer;
	background: none;
	font-family: "Inter";
	font-weight: 700;
	font-size: 14px;
	color: #083651;
}
.item-noti_button button.btn-app{
	background: #083651;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
	margin-right: 15px;
}
.item-noti_time{
	font-weight: 300;
	font-size: 13px;
	margin-top: 5px;
}
.status-recent{
	font-family: "Inter";
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    border-bottom: 1px solid #ddd;
    background: #fff;
    padding: 0  15px;
}
.status-recent span{
	display: inline-block;
	position: relative;
	margin-right: 25px;
	padding: 10px 0;
	cursor: pointer;
}
.status-recent span.active{
	color: #083651;
}
.status-recent span.active::before{
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
	left: 0;
	bottom: -1px;
	background: #083651;
}
.item-noti:hover{
	background:  #e5eef3 url(/addons/default/themes/cpraed/img/icon-menu/icon-noti-item.png) no-repeat 10px 11px;
}
.body-popup-noti::-webkit-scrollbar {
	background: #bbcfdd;
	width: 5px;
	height: 3px;
}

.body-popup-noti::-webkit-scrollbar-thumb {
	background: #125586;
}
.disable_apply{
	background: #ddd !important;
    color: #333 !important;
	pointer-events: none;
}
.show-popup-noti{
	display: block !important;
}
.menu-item_text a.cop-cover-login{
	border: 1px solid #b41e1a !important;
    background: #b41e1a !important;
    color: aliceblue;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
	transform: translateY(-13px);
	color: #fff !important;
}
.modal-content {
	width: 1180px;
}
.subtitle_v3 {
	display: none;
}
/* start styling breadcrumb */
	.cpr-breadcrumb {
		width: 1180px;
		position: static;
		margin-left: 0px;
		padding-top: 0px;
	}
	.cpr-breadcrumb ul.breadcrumb {
		padding: 10px 10px 5px 0;
		list-style: none;
		background-color: transparent;
		border-bottom: 1px solid #ddd;
	}
	.cpr-breadcrumb ul.breadcrumb li {
		display: inline;
		font-size: 18px;
	}
	.cpr-breadcrumb ul.breadcrumb li a {
		font-family: "Inter";
		font-weight: 400;
		font-size: 16px;
		color: #0B5582;
	}
	.cpr-breadcrumb ul.breadcrumb li a .fa-arrow {
		font-size: 10px;
	}
	ul.breadcrumb li a {
		color: #0B5582;
	}
	ul.breadcrumb li a:hover {
		font-weight: 600;
	}
/* end styling breadcrumb */
/* start styling content */
	.cpr-main {
		padding-top: 40px;
		font-size: 14px;
	}
	.cpr-main .left-menu a {
		padding: 8px 16px;
		width: calc(100% - 10px);
		font-weight: 400;
		color: #000;
		font-size: 14px;
		line-height: 20px;
		font-family: 'Inter';
		border-radius: 4px;
	}
	.cpr-main .left-menu .active a {
		background: #ADD8E6;
		font-weight: 700;
		color: #11557E;
	}
    .wrapper-setting {
		padding: 0;
		margin-left: 20px;
		box-sizing: border-box;
		background: #fff;
        box-shadow: 1px 1px 20px #ddd;
        border-radius: 6px;
		flex-grow: 1;
		flex-shrink: 0;
	}
	.cpr-main .header-box {
		padding: 16px 32px;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
		color: #000;
	}
	.cpr-main .header-box h2 {
		color: #000;
		font-size: 28px;
		line-height: 28px;
		font-weight: 700;
		font-family: 'Inter';
	}
/* end styling content */
/* start styling form */
	.cpr-row-input {
		display: flex;
	}
	.cpr-row-input input, .cpr-row-input select {
		height: 30px;
    	padding-left: 10px;
	}
/* end styling form */
/* Start styling toggle */
	.switch {
		position: relative;
		display: inline-block;
		width: 36px;
		height: 16px;
	}

	.switch input { 
		opacity: 0;
		width: 0;
		height: 0;
	}

	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 12px;
		width: 12px;
		left: 2px;
		bottom: 2px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked + .slider {
		background-color: #08354E;
	}

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

	input:checked + .slider:before {
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	/* Rounded sliders */
	.slider.round {
		border-radius: 20px;
	}

	.slider.round:before {
		border-radius: 50%;
	}
/* End styling toggle */
.cus-input-label label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	font-family: 'Inter';
	color: #000;
	margin-bottom: 0;
	width: 100%;
	text-align: left;
}
a.download-cer-noti{
	display: inline-block !important;
    color: #0B5582 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
	text-transform: none !important;
}
.content-popup-noti{
	height: 400px;
	background: #fff;
}
.loading-noti{
	position: absolute;
	top: 50%;
	left: calc(50% - 10px);
	content: "";
	z-index: 2;
	display: none;
}
.item-noti_button {
    width: 20px;
    height: 20px;
	border: 1px solid #0052CC ;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
}
.item-noti_button.watched{
	border: 1px solid #e9e3e3;
}
.item-noti_button.watched i{
	color: transparent;
}
.item-noti_button i{
	font-size: 8px;
	color: #0052CC;
}
.item-noti_button  p{
	position: relative;
}
.item-noti_button  span{
	padding: 0px 6px;
    display: inline-block;
    background: #172B4D;
    color: #fff;
    font-family: "Inter";
    font-weight: 400;
    font-size: 10px;
    position: absolute;
    top: -7px;
    left: -101px;
    line-height: 19px;
    border-radius: 5px;
    height: auto;
    display: none;
    text-align: center;
    width: 90px;
    box-sizing: border-box;
}
@media only screen and (max-width: 390px) {
	#cop-mobile-header-wrapper {
		top: 0;
	}
	.cpr-main {
		flex-direction: column;
		margin-top: 20px;
	}
	.cpr-main .left-menu {
		flex-direction: row;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.cpr-main .left-menu .active {
		background: #DEE9FA;
	}
	.left-menu {
		overflow-x: scroll;
		width: 100%;
		display: flex;
	}
	.mn-item {
		border: 1px solid #ccc;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.mn-item .active {
		background: #DEE9FA;
	}
	.wrapper-setting {
		margin: 0;
		width: 100%;
	}
	.setting-form-m {
		flex-direction: column;
	}
	.setting-form {
		width: 100%;
	}
}
.agent_infor-link{
	display: flex;
}
.agent_infor_link_item {
	text-align: left;
	margin-left: 10px;
}
.agent_infor_link_item p {
	font-size: 14px;
}
#choose-branch {
	height: 30px;
    text-align: center;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
	border-radius: 6px;
    border-color: #BAD2DA;
	-webkit-padding-end: 20px !important;
    -webkit-padding-start: 10px !important;
}
.switch-branch {
	border: 1px solid #ADD8E6;
	display: flex;
	padding: 10px;
	border-radius: 12px;
	cursor: pointer;
	width: 320px;
    box-sizing: border-box;
}
.switch-branch label {
	cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 10px;
	font-weight: 500;
    font-size: 14px;
	width: 100%;
	line-height: 20px;
	font-family: 'Inter';
}
.branch-toggle-option {
	list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: absolute;
    background: #fff;
    width: 320px;
	max-height: 150px;
	overflow-y: auto;
    box-sizing: border-box;
    padding: 0;
	top: 54px;
	border: 1px solid #ADD8E6;
	border-radius: 12px;
}
.new-header-group ol.branch-toggle-option li:first-child {
	padding-right: 6px;
}
ol.branch-toggle-option li {
	width: 100%;
    cursor: pointer;
    min-height: 30px;
    background: #F6F9FD;
    padding: 0 6px;
    box-sizing: border-box;
	text-align: left;
}
ol.branch-toggle-option li span {
	box-sizing: border-box;
}
ol.branch-toggle-option li:hover span {
    background: #083651;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 6px;
    color: #fff;
}
ol.branch-toggle-option::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

ol.branch-toggle-option::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

ol.branch-toggle-option::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #083651;
}
#menu-switch-branch::before {
	top: 10px;
}