@import url(font.css);


html{
	width: 100%;
	height: 100%;
}

body{
	background-color: #e6e6e6;
    font-family: "Ubuntu",sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #666666;
    font-weight: 300;
}
.clear {
	clear:both;
}
.posiA {
	position: relative;
}
.btn-drp {
	position: absolute;
	right: 0;
	top: 18px;
	z-index: 999;
	cursor: pointer;
	display: none;
}
.btn-drp i {
	font-size: 18px;
}

.btn_for_register {
   background-color: #538bd0;
   border: 1px solid #1A72DE;
   color: #fff;
   display: block;
	 width: 100%;
	 border-radius: 3px;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
   font-size: 14px;
   padding: 12px 0;
   text-align: center;
	 cursor: pointer;
	 transition: all 0.3s ease-in-out;
	 -webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
}
.btn_ext1 {
	width: 100%!important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 9px 0!important;
	position: relative;
}
.btn_for_register:hover {
	background: #5D9BE8;
}
.btns-for-reg h3 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: red;
}
.btn_for_register.half-width.green {
	background: #439b54;
	border-color: #05871C;
	color: #eee;
}
.btn_for_register.half-width.green:hover {
	background: #649b7c;
}
.btn_for_register.half-width.div1 {
	font-size: 13px;
	line-height: 16px;
	padding: 6px;
}
.btn_for_register.half-width {
	float: left;
	width: 48%;
}
.btn_for_register.half-width.center_btn_signup {
	float: none;
	margin: 0 auto 10px;
}
.btns-for-reg:after {
	content: '';
	clear: both;
	display: block;
}

.btn_for_register_inactive {
   background-color: #b9b9b9;
   border: 1px solid #ce9b03;
   color: #000;
   display: block;
   font-size: 16px;
   font-weight: 500;
   padding: 10px;
   text-align: center;
   text-transform: uppercase;
}

.btn_for_register_cancel {
   background-color: #cd381c;
   color: #fff;
   display: block;
   font-size: 14px;
   font-weight: 400;
   padding: 10px;
   text-align: center;
   margin: 10px auto;
   width: 100px;
	 cursor: pointer;
	 transition: all 0.3s ease-in-out;
	 -webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
}
.btn_for_register_cancel:hover {
	background-color: #F74422;
}

.m-b-10 {
    margin-bottom:10px;
}
.midle {
	margin-top: 50px;
}
a{
	cursor: pointer;
}

.smooth-scrolling {
    overflow-y: scroll !important; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
}


/* all main pages class names with z-index */
/*.summary_page_open_block{
    z-index: -1;
    position: relative;
}

.dashboard_content_area{
    z-index: -1;
    position: relative;
}

.impromtive_drive_page_open{
    z-index: -1;
    position: relative;
}

.drive_details_page_open{
    z-index: -1;
    position: relative;
}

.drive_list_page_area{
    z-index: -1;
    position: relative;
}

.learning_program_page_open{
    z-index: -1;
    position: relative;
}

.profile_page_open_block{
    z-index: -1;
    position: relative;
}

.profile_edit_page_open_block{
    z-index: -1;
    position: relative;
}

.supervisor_list_page_open_block{
    z-index: -1;
    position: relative;
}

.vehicles_list_page_open{
    z-index: -1;
    position: relative;
}

.supervisor_form_page_open_block{
    z-index: -1;
    position: relative;
}

.drive_guide_page_open_block{
    z-index: -1;
    position: relative;
}

.supervisor_details_page_open_block{
    z-index: -1;
    position: relative;
}

.supervisor_details_view_page_open_block{
    z-index: -1;
    position: relative;
}*/
/* all main pages class names with z-index ends */





/* css hacks */
.display_none{
    display:none;
}

h4{
    font-weight: 400 !important;
}

/* html5 hidden support for old browsers */
*[hidden] { display: none; }

/*for disabling state dropdown*/
select[disabled] { background-color: #d6d4d4; }
.lr_disabled { background-color: #969292; }

/* iOS webkit: disable selection, popups */
*:not(input):not(textarea) {
-webkit-user-select: none;   /* disable selection/Copy of UIWebView */
-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
-ms-user-select: none; /* IE 10 version for Windows Phone 8 */
}

#no-learners {
    display : none;
}

input[type="file"] {
    /*display: none;*/
}

/* Textarea should not be resizable */
textarea{
    min-width: 200px;
    max-width: 600px;
    min-height: 40px;
    max-height: 150px;
    resize: none;
}

/*bigSlide nav menu fix*/
.panel {
    position: fixed;
    right: -17em; /*right or left and the width of your navigation panel*/
    width: 17em; /*should match the above value*/
}
.wrap {
  position: relative;
}
/*For google maps*/
.lr_map_canvas{
    height: 100%;
    margin: 0px;
    padding: 0px
}
#map-panel, #map-panel2{
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -180px;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
}
.map_place_name{
    background-color: rgb(198, 214, 221);
    padding: 2px;
    cursor: pointer;
}
.map_place_selected{
    background-color: rgb(69, 90, 100) !important;
    color: white !important;
}

/* Logbook entries */
.rotate_record{
  position: absolute;
  left: 390px;
  word-wrap: break-word;
  display: none;
}
.rotate_record_old{
  position: absolute;
  left: 390px;
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: left top;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: left top;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: left top;
  -o-transform: rotate(90deg);
  -o-transform-origin: left top;
  transform: rotate(90deg);
  transform-origin: left top;
  word-wrap: break-word;
  display: none;
}

 .logbook_records_text{
     font-size: 12px;
 }

/* Hidden layer*/
.hiddenLayer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.3;
    z-index: 3;
}

/*Bootstrap modal fix*/
/*
#myModal_supporting_media .modal-dialog{
    width: 40%;
    min-width: 600px;
}
#myModal_supporting_media .modal-body{
    overflow-y: auto;
    height: 80%;
    max-height: 600px;
}
*/

/*video js hacks*/
.video-js .vjs-fullscreen-control { display: none; }

.video-js .vjs-volume-control,
.video-js .vjs-mute-control,
.video-js .vjs-live-control,
.video-js .vjs-volume-menu-button { display: none; }

/*
.vjs-default-skin .vjs-volume-control { margin-right: 20px; }
.vjs-default-skin .vjs-volume-control { display: none; }
.vjs-default-skin .vjs-mute-control { display: none; }
.vjs-default-skin .vjs-live-controls { display: none; }
*/

.video-js .vjs-tech {
    position: relative !important;
}

/* login pages */
.empty{
    height: 75px;
}

.lr_login_logo_block_main{
    width: 250px;
    margin: 0 auto 25px auto;
		position: relative;
}
.subtitleforlogo {
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 1;
	font-size: 20px;
	font-weight: bold;
	color: green;
	display: none;
}
.small_img{
    width: 44px;
    height: auto;
}
.full_img.changeW {
	width: 75%;
	margin: 0 auto;
	display: block;
}
.full_img{
    width: 100%;
    height: auto;
}
.full_img2{
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.left_nrml_head{
    text-align: center;
    font-size: 32px;
    margin-top: 30px;
    font-weight: 300;
}
.left_nrml_head.changeFont {
	font-size: 24px;
}
/*
.m-t-0 {
	margin-top: 0px!important;
}
*/
.m-t-20 {
	margin-top: 20px!important;
}
.nrml_head3{
    font-size: 16px;
}

.img_block_login{
    width: 425px;
    margin: 0 auto;
}

.emp_login{
    text-align: center;
    font-size: 12px;
}

.lr_login_form{
    background-color: #ffffff;
    padding: 20px;
    margin-top: 50px;
		border: 2px solid #ddd;
}

.lr_login_form_head{
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.lr_login_inputs{
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.input_iconblock {
    color: #FFC107;
    float: left;
    padding: 13px 9px;
    width: 30px;
}
.caret.ex_div3 {
	border-width: 8px;
}
.lr_input_fields {
    border: medium none;
    color: #333;
    font-weight: 400;
    padding: 10px 0;
    width: 100%;
}
.lr_input_fields_subtitle {
    border: medium none;
    color: #333;
    font-weight: 400;
    padding: 3px 0;
    width: 100%;
}

.login_input_fields{
    border: medium none;
    color: #333;
    font-weight: 400;
    padding: 13px 10px;
		height: 48px;
    width: 284px;
}
#login .lr_login_inputs{
    position: relative;
}
#login .login_input_fields{
    width: 100%!important;
    padding-left: 50px!important;
}
#login .input_iconblock{
    width: 40px!important;
    height: 48px;
    position: absolute;
    margin-right: 10px;
    border-right: 1px solid #ddd;
    text-align: center;
    top: 0;
}
.lr_keep_me_log_block{
    margin-bottom: 20px;
}
.lr_checkpopup_block{
    margin-left: 12px;
    margin-bottom: 10px;
}

.login_btn{
    width: 100%;
    padding: 10px;
    border: medium none;
}

.yellow_button {
    background-color: #FFC107;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    cursor: pointer;
}

.yellow_button:hover {
    color: #333;
}

.blue_button{
    margin-top: 10px;
    background-color: #49639f;
    color: #ffffff;
}

.blue_button:hover{
    background-color: #29437f;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    cursor: pointer;
}

.forgot_pass{
    text-align: center;
    margin: 10px 0;
    font-size: 12px;
}

.lr_login_or_block{
    text-align: center;
    margin-bottom: 20px;
}

/*Signup*/

.lr_input_fields_signup{
    width: 100%;
    border: medium none;
    color: #333 !important;
    font-weight: 400;
    padding: 10px;
}

.pass_elte{
    font-size: 10px;
}

.pass_state{
    font-size: 10px;
    /* color:#f63;  Comment on 14022020 Bugs*/
    padding-left: 5px;
}

.lr_keep_me_log_text{
    margin-left: 10px;
    display: inline-block;
    margin-top: 10px;
}

.lr_tc_block{
    margin-top: 10px;
}

.for_reset_signup{
    margin-top: 10px;
}

 .lr_signup_txt {
     color: #095b09;
     font-size: 15px;
     font-weight: 400;
 }

 .lr_signup_txt1 {
     color: #095b09;
     font-size: 12px;
     font-weight: 400;
 }

 .lr_signup_txt i {
     color: red;
 }

 .lr_tc_block {
     margin: 10px 0;
     padding: 9px;
     text-align: center;
 }

 .lr_txt_tc{
     margin: 0 0 0 0;
 }

 .error_alert_signup{
     width: 100%;
     color: #cd381c;
     font-style: italic;
     font-size: 12px;
     display: none;
 }

 .form_error_signup{
    max-width: 500px;
    margin: 0px auto 10px;
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
 }
 .form_success_signup{
    max-width: 500px;
    margin: 0px auto 10px;
    color: #116D5E;
    background-color: rgb(228, 247, 245);
    border-color: rgb(228, 247, 245);
 }
/*Header*/




/* new header css*/
.lr_v2_header {
    background-color: #ffffff;
    height: 70px;
    padding: 0 18px;
    position: relative;
    top: 0;
    z-index: 998;
    float: right;
}

.header_logo_area{
    height: 70px;
    border-bottom: 1px solid #263226;
    padding-top: 7px;
}

.lr_v2_header_logoblock{
    margin: 0 auto 0;
    width: 54px;

}

.lr_sidebar_area {
    background-color: #455a64;
    height: 100%;
    padding: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.header_page_title{
    float: left;
    color: #095b09;
    /*margin: 10px 0 0 50px;*/
    width: 100%;
}

.titles_text{
    color: #ccc;
    float: left;
    font-size: 18px;
    margin-top: 19px;
}

.big_scrn_titles_text{
    color: #095b09;
    font-size: 24px;
}

.lr_v2_header_profile_info{
    width: 275px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

.dropdown_profile{
    margin-top: 16px;
    text-align: center;
}

.button_arrow_icon{
    border: none !important;
}
/*new header css ends here*/



/* lr new css changes*/
.lr_v2_header_profile_img_area{
    border: 1px solid #cccccc;
    float: left;
    height: 50px;
    margin-right: 10px;
    margin-top: 5px;
    overflow: hidden;
    width: 50px;
}

.lr_v2_header_profile_details_area{
    float: left;
    margin-top: 10px;
    width: 215px;
}

.profile_details_selection_page{
    width: 175px;
}

.lr_v2_header_profile_name{
    font-weight: 300;
    margin: 0 0 0 0;
    font-size: 15px;
}
/* lr new chnages ends */


.lr_v2_header_profile_email{
    font-size: 12px;
    margin: 0 0 0 0;
}


.lr_v2_header_profileinfo_buttons {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    /*float: left;*/
    font-size: 11px;
    font-weight: 400;
    margin-right: 3px;
}

.lr_v2_header_profile_info_icons{
    color: #095b09;
}




/*lr new css changes*/
.sync_bloc{
    margin-top: 16px;
    padding: 0 12px;
}
/* lr new css changes ends here*/





.menu_block{
    color: #333;
    padding: 7px 7px 7px 9px !important;
    border-radius: 0;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.menu_block:hover{
    background-color: #095 !important;
    color: #fff !important;
}

.drop_down_blocks{
    width: 280px;
    padding: 0;
}

.drop_list_for_res{
    color: #333;
}

.list_profile_dropdown{
    border-bottom: 1px solid #f1f1f1;
}

.photo_area_header_dropdown{
    width: 64px;
    height: 64px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.photo_area_header_dropdown_learnerlist{
    width: 64px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.learnerlist_delete_button{
	float: right;
	width: 45px;
	color: #e6e6e6;
}
.learnerlist_delete_icon{
	padding: 25px 5px 30px 20px;
}
.learnerlist_delete_button:hover{
    background-color: rgba(239, 180, 6, 0.6);
    color: #333;
}

.profile_info_dropdown{
    float: left;
    width: 70%;
}
.profile_info_dropdown2{
    float: left;
    width: 54%;
}
.sup_email .profile_info_dropdown{
		width: 78%;
}
.sup_email .profile_info_dropdown i{
		float: left;
		width: 16px;
		margin: 8px 5px 5px 0;
}
.profiles_name_dropdown{
	float: left;
	width: 100%;
}
.sup_email .profile_info_dropdown span{
		float: left;
		max-width: 260px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 8px 0px 5px 0;
}
.profile_name_dropdown{
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0 1px;
}

.profile_subinfo_dropdown{
    font-size: 12px;
    margin: 10px 0 5px 0;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.profile_subinfo_learner_type{
    font-size: 12px;
		margin-bottom: 10px;
}

.for_strategy_screen{
    margin-right: 2px;
    font-weight: 400;
}

.numbering_block_strategy{
    font-size: 18px;
    font-weight: 400;
}

.strategy_list_icons{
    border: 1px solid #ddd;
    float: right;
    margin: 17px 5px 17px 0;
    text-align: center;
}

.strategy_info_sider{
    float: left;
    width: 147px;
}

.strategy_icons {
    padding: 4px 7px;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    float: left;
}

.strategy_icons_text{
    font-size: 12px;
}

.icons_border_strategy{
    border-right: 1px solid #ddd;
}

.strategy_icons:hover{
    background-color: #ffc107;
    color: #333;
}

.strategy_list_blocks {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.logbook_details_image_blocks{
    margin: 0 auto;
    width: 600px;
}

.yellow_icon{
    color: #FFC107;
}


/*chats*/
.chats_related_content{
    width: 100%;
    font-size: 13px;
    color: #333;
}

/*about*/
.about_modal_head{
    width: 100%;
    text-align: center;
    color: #095b09;
    font-weight: 400;
    font-size: 16;
    margin-bottom: 15px;
}

.about_total_info{
    width: 100%;
    margin: 2px 0;
}

.about_label{
    width: 30%;
    float: left;
    font-weight: 400;
}

.about_info_text{
    width: 70%;
    float: left;
}

.about_copyrights_text{
    width: 100%;
    margin-top: 10px;
}


/* lr new css changes*/
.sync_btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #333;
    float: right;
    padding: 7px 8px;
}
/* lr new css changes*/


/*Sidebar*/

/* lr new css changes*/
.lr_vr_sidebar_icons_navs{
    border-bottom: 1px solid #263238;
    color: #ccc;
    margin: 0 auto;
    padding: 8px 8px;
    text-align: center;
    width: 100%;
    transition: background 0.5s linear 0s, border-radius 1s ease-in 2s;
}

.lr_vr_sidebar_icons_navs:hover{
    background-color: rgba(0,0,0,0.3) !important;
    color: #fff;
}

.sidebar_disabled{
    pointer-events: none;
    opacity: 0.2;
}
.sidebar_disabled2{
    pointer-events: none;
    opacity: 0.6;
}

.icons_sidebar{
    font-size: 24px;
}

.image_sidebar{
    height: 22px;;
}

.lr_vr_sidebar_selected{
    background-color: #263238 !important;
    color: #fff;
}

.lr_v2_navs_text{
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 3px;
}

/* Sidebar laptop screen */
@media (max-width:1400px){
    .lr_vr_sidebar_icons_navs { padding: 8px 3px; }

	.icons_sidebar{
		font-size: 21px !important;
	}

    .image_sidebar{
        height: 26px !important;
    }
	.lr_v2_navs_text{
		font-size: 11px !important;
		font-weight: 400;
		margin-bottom: 0;
		margin-top: 1px !important;
	}
}

.sidebar_menu_head{
    width: 100%;
    text-align: center;
    color: #ccc;
    margin: 10px 0 20px 0;
}

.slide_bar_logo{
    width: 45px;
    height: 45px;
    overflow:hidden;
    margin: 10px auto 0;

}

/* lr new css changes*/

 #group div{
     display: none;
 }
 #group div.current{
     display: block;
 }




.for_responsive_head_box{
    color: #fff !important;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.for_responsive_detail_area_profile{
    width: 175px;
}

.for_responsive_menu_bar_each{
    cursor: pointer;
    padding: 7px 10px 7px 15px;
    text-align: left;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    width: 100%;
}

.for_responsive_menu_bar_each:hover{
    background-color: #c7c7c7;
}

.first_icon_margin{
    border-top: 1px solid #364b55;
}


/* lr new css changes*/

.icons_sidebar_res{
    float: left;
    color: #FFC107;
    width: 30px;
}
/* lr new css changes ends here*/

.lr_v2_navs_text_res{
    float: left;
    margin: 4px 15px;
    font-weight: 400;
}

/* dashbord Summary*/

.dashboard_charts{
    background-color: #ffffff;
/*    margin-bottom: 30px;*/
}

.text_content_title{
    color: #333333;
}

.editdrive_error_title_bar{
    background-color: #cd381c;
    color: #fff;
}



/*lr new css changes */
.page_title_header{
    width: 100%;
    padding: 10px 7px;
}

.title_header_icon{
    float: left;
    margin: 0 10px 0px 10px;
    color: #095b09;
}

.page_title_text{
    color: #095b09;
    font-size: 33px;
}

.lr_title_grey{
    background-color: #d0cece;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 10px;
}
.lr_title{
    background-color: #FFC107;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 10px;
}
.lr_title2{
    background-color: #FFC107;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 0px 8px 4px;
}

.drive_guide_sub_titles{
    padding: 7px 0;
    float: left;
}
.guide_first_title{
    margin: 0;
}
.guide_second_title{
    margin: 0;
    font-weight: bold;
}
.guide_auto_color {
    color: #444;
}
.guide_manual_color {
    color: #dd0000;
}

.status_planing {
    background-color: #095b09;
    border-radius: 50px;
    color: #fff;
    float: left;
    font-size: 14px;
    height: 20px;
    margin-right: 8px;
    text-align: center;
    width: 20px;
}

.record_buttons {
    background-color: #848784;
    border-radius: 0 !important;
}

.nevericon {
    margin-top: 4px;
}

.lr_dashboard_charts_blog{
    /*padding: 15px;*/
	height:135px;

}
.dashboard_view_div .lr_dashboard_charts_blog{
	height:120px;

}
/*lr new css changes*/




.lr_dashboard_charts_area{
    width: 40%;
    text-align: center;
    margin-top: -5px;
}

.lr_dashboard_charts_info_area{
    margin-top: 15px;
    text-align: center;
    width: 60%;
}
.dashboard_view_div .lr_dashboard_charts_info_area{
    margin-top: 0px;
    display: table;
}
.dashboard_view_div .lr_dashboard_charts_info_area .for_fourth_chart_box_dashaboard{
    display: table-cell;
    height: 120px;
    vertical-align: middle;
}
.dashboard_view_div .dashboard_charts{
    border: 1px solid #ccc;
}

.lr_dashboard_chartsinfo_time_text{
    margin: 5px 0;
    font-size: 24px;
    font-weight: 300;
}
.lr_dashboard_chartsinfo_time_text2{
    margin: 5px 0;
    font-size: 16px;
    font-weight: 300;
}

.lr_dashboard_chart_inside_text, .lr_dashboard_chart_inside_text2{
    /*position: absolute;
    margin-left: 40px;15%;*/
    margin-top: -80px;
    font-size: 22px;
    font-weight: 500;
}

.chartsinfo_hours{
    font-weight: 300;
    font-size: 14px;
}

.chartsinfo_description{
    font-weight: 300;
    font-size: 12px;
}

.for_fourth_chart_dim{
    margin: 15px 0 0 0;
}




/* lr new css changes */
.for_fourth_chart_text{
    padding: 4px 0;
    width: 100%;
}

.chat_lable{
    float: left;
    font-size: 14px;
}

.for_fourth_chart_large_text{
    float: right;
    font-size: 14px;
    height: 14px;
    line-height:24px;
    margin: 0;
    padding: 0 20px;
}
/* lr new css changes ends here*/




/*dashboard menu*/

.footer {
    background-color: #e6e6e6;
    bottom: 0;
    height: 43px;
    position: fixed !important;
    width: 100%;
    padding: 14px 19px 14px 16px !important;
}

.footer_for_buttons{
    height: 60px;
    position: fixed !important;
    width: 91%;
    right: 0;
}

.footer_btns_for_learner_list{
    width: 100%;
}

.responsive_footer{
    height: 60px;
    padding: 14px 0 14px 16px !important;
    width: 87%;
}

.learning_btn_for_res{
    width: 48px !important;
}
.learning_btn_for_res2{
    word-wrap: break-word;
    width: 68px !important;
    font-size: 12px;
}
.learning_btn_for_res3{
    width: 54px !important;
}

.spl_footer_buttons{
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    padding: 6px 14px;
    text-align: center;
}

.spl_footer_widths_buttons{
    padding: 9px;
}
.spl_footer_widths_buttons2{
    padding: 2px;
}
.spl_footer_widths_buttons3{
    padding: 9px 0;
}

.spl_footer_right_button{
    float: right;
}

.spl_footer_widths_buttons_media{
    padding: 8px 7px 7px 7px;
}

.next_btns_for_guide{
    float: right;
}
.next_btns_for_guide2{
    float: right;
    font-weight: 500;
    padding: 9px 4px;
    background: #858585;
    color: white;
    margin: 0 -4px;
}

.next_btns_for_guide2_media{
    float: right;
    font-weight: 500;
    padding: 7px 4px;
    background: #858585;
    color: white;
    margin: 0 -4px;
}

.spl_buttons2{
    padding: 6px 14px;
    text-align: center;
    width: 150px;
}




/*lr new css changes*/
.for_quick_menu{
    margin: 0 0 12px;
    padding: 0 16px;
}

.styling_for_small_heads{
    padding: 15px 16px;
    margin: 0px 0 0 0;
}

 input.search-input{
	border: 1px solid #ddd!important;
	margin-right: 20px;
	margin-top: 15px;
	padding: 10px;
	position: relative;
	width: 100%;
    z-index: 99;
}
i.search{
	position: absolute;
	right: 30px;
	top: 22px;
	font-size:30px;
    z-index: 99;
}
i.searchi{
	position: absolute;
	left: 30px;
	top: 30px;
    z-index: 99;
}
.search-input.p-l-r-35 {
	padding-left:35px;
	padding-right:35px;
}
.empty_padding_area{
    padding: 0 !important;
}

/* lr new css changes*/


/*
.dashboard_spl_icons_blocks:hover{
    background-color: #333;
    color: #fff;
}*/

.dashboard_spl_icons_blocks:active {
    background-color: #aebca7!important;
}
/*
#supDeclarationButton:active {
    background-color: green;
}
*/


/* lr new css changes*/
.m-b-30 {
    margin-bottom: 30px;
}
.dashboard_spl_icons_blocks{
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #cccccc #cccccc #FFC107;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 3px;
    cursor: pointer;
    height: 180px;
    margin: 0 0px 20px;
    text-align: center;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
		position: relative;
		overflow: hidden;
}
.dashboard_view_div .dashboard_spl_icons_blocks{
    height: 130px;
}

.dashboard_spl_icons_box{
    background-color: #dfdfdf;
    border-radius: 50px;
    color: #455a64;
    height: 85px;
    margin: 26px auto;
    padding: 21px 0;
    right: 0;
    text-align: center;
    top: 0;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    width: 85px;
}
.dashboard_view_div .dashboard_spl_icons_box{
    height: 80px;
    margin: 7px auto;
    width: 80px;
}
.dashboard_spl_icons_box.sundries{
    background-color: #dfdfdf;
    border-radius: 50px;
    color: #455a64;
    height: 85px;
    margin: 16px auto;
    padding: 21px 0;
    right: 0;
    text-align: center;
    top: 0;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    width: 85px;
	position: relative;
}

.dashboard_spl_text_box{
    margin: 0 auto;
    padding: 3px;
    text-align: left;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    width: 97%;
}

.dashboard_spl_text_box_resp{
    bottom: 5px;
}

.dashboard_spl_lable{
    text-align: center;
}

/*
.dashboard_spl_icons_blocks:hover{
    background: #455a64;
}

.unhy{
    background: #f00;
}

.dashboard_spl_icons_blocks:hover > .dashboard_spl_text_box{
    color: #fff;
}

.dashboard_spl_icons_blocks:hover > .dashboard_spl_icons_box{
    color: #555;
}
*/

.dashboard_spl_icon_png{
    width: 40px;
    margin: 0 auto;
}

.hover_remove{
	background-color: #FFF !important;
}
.hover_remove_text{
	color: #555 !important;
}
/* lr new css changes ends*/





/*Guide Screen*/
.lr_box_bg_white{
    /*height: 88%;*/
    background-color: #fff;
    width: 100%;
}

.scroll {
    height: 100%;
    width: 100%;

    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.scroll_drive_details{
    height: 100%;
}

.lr_v2_icons_sets_navs, .lr_v2_icons_sets_navs2{
    background-color: #ffffff;
    margin-right: 5px;
}
.lr_v2_icons_sets_navs > a{
    color: #095b09;
    padding: 10px !important;
}
.lr_v2_icons_sets_navs2 > a{
    color: #095b09;
    padding: 8px 4px !important;
}

.lr_title > p{
    margin-top: 5px;
    margin-bottom: 0;
}

.lr_box_bg_white{
    background-color: #ffffff;
    height: 100%;
}

.lr_v2_supporting_media_video_block {
    height: 92%;
    margin: 0 auto;
    width: 100%;
}

.lr_v2_sm_video_playing_area{
    width: auto;
    height: 95%;
    margin: 10px auto;
    /*background-color: #cccccc*/
    /*position: relative;*/
}

.playVideoPhoto {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.video-js{
    background-color: transparent !important;
}

/*.video_ipad{
    height: 70%
}*/

.lr_guide_level{
    width: 100%;
    background-color: #FFD54F;
    border-bottom: 1px solid #ececec;
    cursor: pointer;
}

.lr_guide_goal{
    width: 100%;
    background-color: #FFECB3;
    border-bottom: 1px solid #ececec;
    cursor: pointer;
}

/*
.lr_guide_step{
    border-bottom: 1px solid #ececec;
    cursor: pointer;
}
*/

/* guide overlay buttons block */

.lr_guide_each_content_step{
    width: 100%;
    position: relative;
}

.lr_guide_step{
    border-bottom: 1px solid #ececec;
    position: relative;
    cursor: pointer;
}

.lr_guide_step2{
    border-bottom: 1px solid #ececec;
    position: relative;
    cursor: pointer;
}

.drive_guide_mark_block{
    width: 100%;
    opacity: 0.8;
    height: 53px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(55, 104, 55, 0.5);
}

.mark_as_buttons_area{
    width: 70%;
    margin: 11px auto;
    text-align: center;
}

.mark_button_area{
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #666;
    color: #333;
    cursor: pointer;
    padding: 5px 17px;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.mark_button_area:hover{
    background-color: #cd381c;
    border: none;
    color: #fff;
}

.left_mark_btn{
    margin-right: 5px;
}

/* guide overlay buttons block */
.modal_size_for_table_content{
}

.lr_v2_lessons_list_num_block{
    width: 60px;
    padding: 15px 0;
    text-align: center;
    float: left;
    font-weight: 700;
    font-size: 16px;
}
.lr_v2_lessons_list_num_block2{
    width: 60px;
    padding: 6px 0;
    text-align: center;
    float: left;
    font-weight: 400;
    font-size: 14px;
}
.lr_guide_vehicle_type {
    font-size: 12px;
    margin: 0;
    font-weight: 700;
}

.lr_v2_lesson_acco_main_head{
    font-size: 16px;
    font-weight: 500;
    padding: 15px;
    float: left;
    margin-left: 10px;
    width: 54%;
}

.lr_goal_dec{
    cursor: pointer;
    padding: 19px 8px;
}
.lr_goal_dec1{
    cursor: pointer;
    padding: 19px 4px;
}
.lr_goal_dec2{
    cursor: pointer;
    padding: 20px 12px;
}
.lr_goal_dec3{
    cursor: pointer;
    padding: 19px 8px;
}


.for_inner_lessons{
    background-color: #d6d5d5;
}

.guide_item_number_bg{
    background-color: #d6d5d5;
}

/* Guide topic status, feedback status */
.progressstatus_grey{
    background-color: #d6d5d5;
}

.progressstatus_brown{
    background-color: #A56504;
    color: #ddd;
}

.progressstatus_yellow{
    background-color: #ffaa00;
}

.progressstatus_red{
    background-color: red;
    color: #ddd;
}

.progressstatus_blue{
    background-color: #4fc3f7;
}

.progressstatus_blue1{
    background-color: #039be5;
}

.progressstatus_blue2{
    background-color: #0277bd;
    color: #ddd;
}

.progressstatus_green{
    background-color: #aed581;
}

.progressstatus_green_selected{
    background-color: #6fce02;
}

.progressstatus_green1{
    background-color: #7cb342;
}

.progressstatus_green2{
    background-color: #558b3f;
    color: #ddd;
}

.progressstatus_purple{
    background-color: #ab47bc;
    color: #ddd;
}

.deb_icon_grey{
    color: #cccccc;
}
.deb_icon_black{
    color: #606060;
}
.deb_icon_green{
    color: #006600;
}
.deb_icon_orange{
    color: #ffaa00;
}

.deb_icon_yellow{
    color: #ffaa00;
}

.deb_icon_red{
    color: #e63a08;
}

.lr_v2_lessons_linker{
    float: left;
    margin-left: 10px;
    width: 75%;
		min-height: 50px;
}

.lr_v2_lessons_linker.changePosi {
	margin-left: 70px;
}
.add_posi {
    position: absolute!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
}
.guide_step_two{
    background-color: #7CB342;
    color: #ffffff;
}

.unit_area{
    background-color: #8dad96;
}

.guide_step_three{
    background-color: #DCEDC8;
    color: gray
}

.lr_guide_step_title{
    margin: 5px 0 0 0;
    font-weight: 500;
}

.lr_guide_step_title_super{ /*for supervisor guide*/
    margin: 14px 0 0 0;
    font-weight: 500;
}

.lr_guide_step_status.m-l-0 {
    margin-left: 0;
}

.lr_guide_step_status{
    font-size: 12px;
    font-weight: 300;
    margin-left: 8px;
}

.icon_fix{
    padding: 10px ;
}

.lr_learning_title{
    padding: 10px;
    color: #cd381c;
}

.lr_lesson_acc_head_lesson_head{
    font-size: 12px;
}

.for_lr_lc{
    padding: 0;
    margin: 0;
    width: 95% !important;
}
.for_lr_lc_topicstatus{
    padding: 0;
    margin: 0;
    width: 75%;
}

.lr_v2_lc_intro_head{
    padding: 0 10px 10px 10px;
    font-size: 18px;
    font-weight: 400;
}
.sup_lr_v2_lc_intro_head{
    padding: 0 0px 10px 0px;
    font-size: 18px;
    font-weight: 400;
}
.sup_newlearner_btn i {
	padding-right: 4px;
}

.lr_v2_supportingmedia_link_responsive {
    padding:10px;
    background-color: #fff7e0;
    font-size: 16px;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    /* font-weight: 500; */
    cursor: pointer;
}

.feed_sign {

    border-radius: 50px;
    color: #fff;
    float: left;
    height: 22px;
    padding: 4px;
    width: 22px; margin-right:9px;
}

.black_bg{
    color: #000000;
}

.green_bg{
    color: #095;
}

.yellow_bg{
    color: #FFC107;
}

.red_bg{
    color: #e63a08;
}

.text_area_for_record_feedback{
    width: 72% !important;
}

.send_button_feed_back{
    margin-left: 7px !important;
    padding: 11px !important;
    /*width: 74px !important;*/
}

.lr_v2_lc_intro_content_text_for_collapse{
    float: left;
    width: 85%;
    margin-left: 10px;
}

.suppoting_arrow_responsive{
    padding: 5px 5px 0 0 ;
}

.lr_v2_lc_intro_content{
    padding: 10px;
}

.sus_nav_block{
    margin: 0;
}

.red_delete{
 background-color: #cd381c;
 color: #fff !important;
}

.red_delete:hover{
    background-color: #ec573b !important;
}


/*lr new css changes*/
.lr_sup_media_inner{
    padding: 10px !important;
    color: #095b09;
}
/*lr new css changes ends here*/




.lr_sup_media{
    background-color: #ffffff;
}

.lr_v2_tof_dropdown{
    width: 280px;
}

.lr_v2_sm_video_controls_area{
    width: 100%;
    /*margin-bottom: 20px;*/
}

.video_box_area{
    width: 300px;
    margin: 0 auto;
}

.video_controllers{
    color: #ffffff;
    padding: 3px 10px;
    width: 64px;
}

.empty_media_block {
    padding: 43px;
    text-align: center;
    display: none;
}

.big_sup_text {
    color: #ccc;
    font-size: 48px;
}

 .small_sup_text {
     color: #555;
     font-size: 16px;
 }


.grey_button{
    background-color: #333333;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    cursor: pointer;
    color: #fff;
}

.light_grey_button{
    background-color: #ccc;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    color: #999;
}

#noPlanTextDiv{
    color: #999;
    padding: 13px;
}

.expand_btn_supportingmedia{
    border: none;
    margin-left: 50px;
}

.grey_button:hover{
    color: #fff;
}

.next_but{
    width: 65px;
}

.for_done_controller{
    background-color: #095b09;
    float: left;
    width: 71px;
    margin-left: 26px;
}

/*.for_modal_block{
    width: 98%;
}*/

/*Test*/

.details_heads {
    float: left;
    width: 30%;
}

.date_time_area {
    float: left;
    width: 70%;
}

.date_time_heads_area {
    float: left;
    padding: 5px 0;
    text-align: center;
    width: 33%;
}

.introduced {
    float: left;
    padding: 6px;
    text-align: center;
    width: 100%;
}

.directions_supporting_media{
    padding: 10px;
    font-weight: 300;
    border-bottom: 1px solid #ececec;
    width: 100%;
}

.radio_tags{
    padding: 5px 0;
}



/*Learner List for supervisor*/

.lr_supervisor_default_learner_list{
    width: 480px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 10px 10px 60px;
    height: 84%;
		position: relative;
}

.learner_search_area_list {
    height: 80%;
    /*overflow: scroll;*/
    width: 100%;
}

.notes_chat_list_for_poup{
    height: 87%;
}

.learner_search_profile_area {
    height: 100%;
    width: 100%;
}

.lr_supervisor_default_learner_list2{
    width: 480px;
    margin: 10px auto;
    padding: 10px;
}

.learner_list_drivebook_btn{
    background-color: transparent;
}

.lr_footer_innerblock{
    width: 300px;
    margin: 0 auto;
}

.lr_bigscrn_footer_innerblock{
    width: 480px;
    margin: 0 auto;
}

.supervisors_learner_list_search_block{
    margin: 0 auto 10px auto;
    width: 100%;
}

.lr_input_fields_search{
    border: medium none;
    color: #333;
    float: right;
    font-weight: 400;
    padding: 12px 10px;
    width: 90%;
}

/*.learner_search_nrml_text_area{
    padding: 10px 10px;
    font-weight: 300;
}*/

.learner_list_profile_blocks{
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.learner_list_profile_blocks:hover{
    background-color: rgba(236, 207, 120, 0.6);
    border-bottom: 2px solid #5ec15d;
    color: #333;
}

div.upload {
    background-image: url("../images/upload_bg.png");
    background-size: 100% 100%;
    height: 42px;
    overflow: hidden;
    padding: 0;
    width: 42px;
}

div.upload input {
    display: block !important;
    height: 30px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    width: 40px !important;
}

.upload_input_block{
    float: left;
}

.upload_icon_block{
    float: left;
}

.scroll_for_supervisor_learner_list{
    height: 78%;
}

.guide_button_in_list_area{
    width: 100%;
    margin: 5px 0 5px 0;
}

.guide_button_list{
    padding: 6px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.learnerlist_adding_block{
    width: 100%;
    margin: 10px 0;
}

.add_button_leaner_list{
    float: right;
    padding: 6px 20px;
    border: none;
}

.add_button_block_listarea{
    width: 100%;
}

/*Notes Screen*/

.notes_block_area{
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
}

.notes_pic_user_area{
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
}

.notes_text_area{
    float: left;
    width: 83%;
    margin-left: 20px;
}

.time_text_for_notes {
    float: right;
    font-size: 10px;
    color: #cccccc;
    margin-bottom: 0;
}

 .sender_name {
     font-size: 12px;
     font-weight: 400;
     margin: 0 0 5px 0;
 }

.notes_text_area_for_sender{
    float: left;
    margin-left: 0;
    margin-right: 20px;
}

.time_text_for_notes_sender{
    float: left;
    font-size: 10px;
    color: #cccccc;
    margin-bottom: 0;
}

.textarea_block_notes{
    width: 100%;
    margin: 10px 0 0;
}

.textarea_for_notes{
    width: 89%;
    float: left;
}

.scroll_for_supervisor_learner_list_widesceen_popup{
    height: 100%;
    overflow: auto;
    width: 100%;
}

.text_area_for_widescreens{
    float: left;
    width: 88%;
    border-radius: 0px;
}

.notes_pic_area_for_sender{
    float: right;
}

.sender_input_and_btn{
    width: 100%;
}

.character_text_count{
    font-size: 11px;
}

.send_button_for_notes{
    background-color: #333;
    border: medium none;
    color: #fff;
    float: left;
    padding: 11px 17px;
}

/*Drive List*/

.pm_spl_drive_buttons{
    background-color: #ffffff;
    text-align: center;
    padding: 28px 0;
    border: 1px solid #cccccc;
    border-bottom: 3px solid #FFC107;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    cursor: pointer;
}

/*
.pm_spl_drive_buttons:hover{
    background-color: #526e7b;
}
.pm_spl_drive_buttons_web:hover{
    background-color: #455a64;
}
*/
.pm_spl_drive_buttons:active{
    background-color: #aebca7;
}
.pm_spl_drive_buttons_web:active{
    background-color: #aebca7;
}
.edcond:active{
    background-color: #aebca7;
}

.pm_spl_text_box{
    font-size: 18px;
}

.pm_drive_list_active{
    background-color: #aebca7 !important;
}

/*drivelist profile boxes*/
.drive_list_profiles{
    width: 100%;
    position: relative;
	min-height: 105px;
}

.pm_drive_list_blocks{
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    cursor: pointer;
    position: relative;
    min-height: 125px;
    border-bottom: 3px solid #FFC107;
}

.pm_drivelist_icon_block{
    /*float: left;*/
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    /*padding: 50px 0 50px 0;*/
    vertical-align: middle;
    line-height: 125px;
    text-align: center;
    width: 25%;
}
.pm_drivelist_icon_block2{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	font-size: 16px;
	font-weight: 700;
	/*padding: 50px 0 50px 0;*/
	vertical-align: middle;
	line-height: 21px;
	padding-top: 45px;
	text-align: center;
	width: 25%;
}
.pm_drivelist_icon_fonts{
    font-size: 12px;
    margin: 0;
}
.pm_drivelist_img{
    width: 16px;
}

.dl_status_grey{
    background-color:#d6d5d5;
}
.dl_status_yellow{
    background-color: #ffbd09;
}
.dl_status_blue{
    background-color: #83cccc;
}
.dl_status_green{
    background-color: #0bb781;
}

.pm_drive_list_info_block{
    width: 74%;
    float: right;
    padding-left: 4px;
    position: relative;
}

.pm_drivelist_title{
    font-size: 18px;
    margin-top: 10px;
}
.pm_drivelist_stars{
    font-size: 12px;
    margin-top: 4px;
    color: #dfad18;
}
.drivelist_star{
    margin-right: 6px;
    color: #808080;
	font-size: 11px;
}
.drivelist_star2{
    margin-right: 6px;
    color: #d3d3d3;
	font-size: 11px;
}
.drivelist_star3{
    color: #d3d3d3;
}
.small_star{
    font-size: 10px;
    text-decoration: underline;
}

.drive_list_icons_box{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFC107;
    height: 100%;
    opacity: 0.8;
}

.lr_pm_drive_list_onclick_icons{
    margin-top: 23px;
    width: 100%;
}

.pm_drivelist_icons{
    color: #333;
    cursor: pointer;
    float: left;
    font-weight: 500;
    padding: 10px 0;
    text-align: center;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

 .drive_list_locker {
     background-color: #095;
     color: #fff;
     font-weight: 400;
     margin-top: 33px;
     text-align: center;
     width: 100%;
 }

 .drivelist_icons_7 {
     width: 14%;
 }

 .drivelist_icons_6 {
     width: 16%;
 }

 .drivelist_icons_5 {
     width: 20%;
 }

 .drivelist_icons_4 {
     width: 25%;
 }

 .drivelist_icons_3 {
     width: 33%;
 }

 .drivelist_icons_2 {
     width: 50%;
 }

 .drivelist_icons_1 {
     width: 80%;
 }

.pm_drivelist_icons:hover{
    background-color: #095;
    color: #fff;
}

.notes_button_modal_drive_list{
    border:none;
    background-color: transparent;
}

.drivelist_signature_div{
    border: 1px solid;
    margin: 10px 0;
}

/*
.resize_weather_icon{
    font-size: 2em;
}
*/
.weather_text{
    font-size: 10px;
    margin: 5px 0 0;
}

.pm_parameter{
    margin: 2px 0;
    font-size: 11px;
}

.pm_drive_list_date_time_text{
    font-size: 15px;
    font-weight: 500;
}
.pm_drive_buttons_block{
    padding: 0;
}

/*Drive Plan Details*/

.pm_drive_details_blocks_for_plan_block{
    background-color: #ffffff;
    margin-bottom: 15px;
}

.drive_details_supervisor_nameblock{
    border-bottom: 1px solid #ececec;
		background-color: #fff;
}
.drive_details_supervisor_nameblock2{
    padding-left: 10px;
    border-bottom: 1px solid #ececec;
}

.pm_input_iconblock{
    float: left;
    color: #FFC107;
    padding: 10px 0;
    width: 45px;
    text-align: center;
}

.pm_input_iconblock2{
    float: left;
    color: #FFC107;
    padding: 10px 0;
    width: 45px;
    text-align: center;
    margin-left: 10px;
}

.drive_details_name_text_block{
    float: left;
    margin-left: 10px;
    padding: 7px 0;
    width: 81%;
}
.drive_details_name_text_block2{
    float: left;
    margin-left: 10px;
    padding: 14px 0;
    width: 81%;
}

.for_name_text_block_double{
    margin-top: 0;
		position: relative;
}
.p-r-5 {padding-right: 5px;}
.p-r-10 {padding-right: 10px;}
.p-r-20 {padding-right: 20px;}

.drive_details_name_post_text{
    font-size: 12px;
}

.drive_details_name_post_text_small{
    font-size: 10px;
}

.drive_details_name_text{
    font-size: 16px;
    font-weight: 300;
}
.drive_details_text_small{
    font-size: 12px;
    font-weight: 300;
}
.drive_details_name_spl{
    font-size: 16px;
    font-weight: 400;
    color: #a70c0c;
    margin-top: 10px;
    float: left;
}

.drive_details_name_full{
    float: left;
    font-size: 16px;
    font-weight: 300;
    margin-left: 10px;
    margin-top: 15px;
}

.drive_details_date_and_time_block{
    float: left;
    padding: 7px 0;
    text-align: center;
    width: 23%;
}
.drive_details_date_and_time_block1{
    float: left;
    padding: 7px 0;
    text-align: center;
    width: 25%;
}
.drive_details_date_and_time_block1.start_odo_meter-halfwidth{
	width: 45%;
	margin-right: 10px;
}
.drive_details_date_and_time_block2{
    float: left;
    margin-left: 10px;
    padding: 12px 0;
    width: 35%;
}
.drive_details_date_and_time_block3{
    float: left;
    padding: 12px 0;
    width: 25%;
}

.drive_details_name_icon_block{
    float: left;
    width: 20%;
    border-left: 1px solid #ececec;
    text-align: center;
    padding: 10px;
}

.drive_details_icons_safer_driver_block{
    font-size: 18px;
}

.condition_click, .toggle_switch_on{
    background-color: #8dad96!important;
    color: #fff;
}

.condition_disable{
    background-color: #dddddd;
    color: #030303;
}

.nightdriving_yes{

}

.supervisor_select_text{
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    padding: 7px 25px;
}

.vehicle_select_text{
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 20px;
}

.vehicle_type_selection{
    padding: 5px 35px;
}

.supervisor_profession{
    padding: 5px 25px;
}

.super_profession_label{
    padding-top: 12px;
}

.pm_input_iconblock_edit{
    color: #FFC107;
    float: left;
    padding: 13px 0;
    text-align: center;
    width: 45px;
}
.pm_input_iconblock_small{
    padding: 18px 0;
    width: 10px;
}
.pm_input_iconblock_big{
    margin-right: 10px;
}

.time_inpute{
    width: 90%;
}

.drive_details_name_text_block_edit, .drive_details_date_and_time_block1.odo_full-width{
    float: left;
    margin-left: 10px;
    padding: 7px 0;
    width: 78%;
}
.drive_list_supervisor_text_block{
    float: left;
    width: 100%;
    padding: 5px 0;
}
.drive_details_name_text_block_edit.fullWidth {
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0px;
}
.drive_details_name_text_block_edit.fullWidth .dd-select .dd-selected {
    padding: 12px 9px;
}
.dd-selected-image {
    margin-left: -4px;
}
.drive_details_name_text_block_edit2{
    width: 96% !important;
}

.choice_label_text{
    margin-top: 9px;
    float: left;
}
.choice_label_text2{
    margin-top: 4px;
    float: left;
}

.vehicle_selection_in_text_block{
    margin-top: 6px;
}

.drive_details_name_selection_text_block{
    width: 100%;
    padding: 10px;
}

.error_inputs_area{
    border: 1px solid #cd381c !important;
}

.maps_collapse{
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}

.maps_button_collapse{
    width: 100%;
    border: none;
    border-radius: 0px !important;
    text-align: center;
    background-color: #ffc107;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 10px;
}

.maps_background{
    background-color: #fff;
}

.well{
    padding: 0;
    border: none;
}

.lr_map{
    height: 100%;
    overflow: hidden;
    border: 2px solid #666;
		position: relative;
}

.lr_maps{
    border: 2px solid #ffffff;
    width: 100%;
    height: 280px;
		position: relative;
}

.lr_maps_mask {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
	background: rgba(0,0,0,0.5);
}
.lr_maps_mask h2 {
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 350px;
}
.lr_maps_mask h4 {
	font-size: 14px;
	text-align: center;
	color: #fff;
	line-height: 180px;
}

/*Summary */

.each_info_label_area{
    width: 50%;
    float: left;
}
.each_info_label_area2{
    width: 50%;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
}
.each_info_label_area3{
    width: 100%;
    float: left;
}

.each_info_name_area{
    width: 50%;
    float: left;
    font-weight: 500;
    word-wrap: break-word;
}
.each_info_name_area2{
    float: left;
    font-weight: 500;
    word-wrap: break-word;
}

.for_vehiclestype_selection {
    float: left;
}

.edit_account_inputs{
    font-size: 16px;
    margin: 10px 0;
    padding: 0;
}

.dashboard_charts_summ{
    background-color: #ffffff;
}

.onclick_selecting{
    background-color: #ffc107;
    border-bottom: 2px solid #095;
}


/* lr new css changess*/
.list_blocks_for_leftboxes{
    padding: 0 15px 0 0 !important;
    height: 100%;
}

.list_blocks_for_rightboxes{
    padding: 0 0 0 15px !important;
    height: 100%;
}
/* lr new css changes*/


.practice_summary_chart_details_block{
    background-color: #ffffff;
    height: 100%;
}

.border-div{
    border:1px solid #ddd;
}
.each_chart_details_area{
    border-bottom: 1px solid #ececec;
    padding: 10px;
}

.topborder{
    border-top: 1px solid #ececec;
}

.chart_summary_label_area{
    float: left;
    width: 50%;
		padding: 0 10px;
}

.chat_summary_value_area{
    width: 50%;
		/*padding: 0 10px;*/

}

.chart_summary_learning_steps{
    width: 50%;
    text-align: left;
}

.select_input{
    padding: 10px;
    width: 100%;
    color: #333;
}

option{
    color: #333;
}

.edit_area_nrml_text_info{
    margin: 10px;
    font-size: 16px;

}

.lr_input_fields_pro{
    width: 100%;
    padding: 9px;
    border: medium none;
    color: #333;
    font-weight: 400;
}

.input_clear_button{
    padding: 4px 14px;
    font-size: 22px;
    color: #a14646;
    float: right;
}
.for_previous_practices{
    float: left;
    /*padding: 20px 10px;*/
    font-weight: 500;
    width: 100%;
}

.edit_account_form_input_boxes{
    padding: 20px;
}
.edit_account_form_input_boxes2{
    padding: 20px;
    padding-bottom: 85px;
}





/*lr new css changes*/
.edit_account_form_block{
    padding: 0 15px;
}
/*lr new css changes*/






/*Supervsor */

.su_list_search{
    width: 90%;
}

.edit_and_block_button_area{
    width: 195px;
    margin: 0 auto;
    max-width: 100%;
}

.seperate_measures{
    float: left;
    margin: 10px 5px;
    padding: 6px 14px;
    text-align: center;
}
.seperate_measures2{
    float: left;
    margin: 10px 5px;
    padding: 10px;
    text-align: center;
}

.blue_color_button{
    background-color: #003366;
    color: #ffffff;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.grey_color_button{
    background-color: grey;
    color: #ffffff;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.yellow_color_button{
    background-color: #FF8C00;
    color: #ffffff;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.blue_color_button:hover{
    background-color: #2c5f92;
}

.red_color_button{
    color: #ffffff;
    background-color: #cd381c;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.red_color_button:hover{
    background-color: #ec573b;
}

.green_color_button{
    color: #ffffff;
    background-color: #095b09;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.green_color_button:hover{
    background-color: #348634;
}

.form_super_save_and_cancel_butons{
    width: 250px;
    margin: 0 auto;
}
.form_super_save_and_cancel_butons2{
    width: 165px;
    margin: 0 auto;
}
.width-200 {
    width: 200px!important;
}

/*DM Learning Program*/

.icon_fix2{
    font-size: 12px;
    /*padding: 9px;*/
}

.presentation{
    width: 49.5%;
    text-align: center;
    background-color: #333;
    color: #ffffff;
}

.presentation > a{
    color: #ffffff;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    background-color: #FFC107;
    color: #333333;
    border-radius: 0;
}

.gray_bg{
    background-color: #cccccc;
}

.new_form_button{
    padding: 6px 15px;
    border: none;
}

.margin20{
    margin-top: 10px;
}

/*Bottom */

.noborder{
    border: none;
}

.nomargin{
    margin: 0;
}

.signature_block_for_learner{
    height: 250px;
}

/* vehicle */
.vehicle_list_icon_block{
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 19px 0;
}

.vehicles_list_car_img{
    padding: 0;
    overflow: hidden;
}

.vehicle_img_block{
    width: 100%;
    margin-bottom: 15px;
}

.car_img_area{
    width: 200px;
    height: 150px;
    margin: 0 auto;
    /*border: 1px solid #ccc;*/
}

.img_uploading_area{
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.car_upload_icons{
    padding: 10px 13px;
    margin: 0 5px;
}



/* lr new css changes*/

/* side bar panel*/
.side_bar_panelbox{
    background-color: #455a64 !important;
    border-left: 1px solid #344953 !important;
}
/*responsive Header css*/

.responsive_title_text{
    font-size: 26px;
}

.title_responsive_icon{
    margin-top: 3px;
}

.responsive_header_menu_icon_block{
    border-radius: 5px;
    color: #ffc107;
    cursor: pointer;
    font-size: 13px;
    margin-left: 0;
    margin-top: 8px;
    margin-right: -10px;
    padding: 10px;
    text-align: center;
    width: 60px;
}

.header_resposnsive{
    background-color: #455a64;
    height: 60px;
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 2;
}

.responsive_header_logo_block{
    height: auto;
    margin: 7px auto;
    width: 46px;
}

.menu_icons_css{
    color: #FFC107 !important;
    padding: 0px;
}

.p-10 {
	padding:10px;
}

/*lr new css changess*/
.profile_header_responsive{
    background-color: #fff;
    height: 60px;
    margin-top: 60px;
    /*padding: 0 10px;*/
    width: 100%;
}

.profile_header_responsive2{
    background-color: #fff;
    height: 60px;
    /*margin-top: 60px;*/
    padding: 0 10px;
    width: 100%;
}

.sync_for_responsive{
    padding: 18px 10px;
}
.sync_for_responsive2{
    padding: 16px 10px 6px 5px;
}
.learnerlist_icon_responsive {
    padding: 18px 10px 17px 10px;
}

/* to be added*/
.sync_status_red{
    background-color: #cd381c;
    color: #fff;
}

.sync_status_green{
    background-color: #259b24;
    color: #fff;
}
/* to be added*/

.navs_menu_for_res{
    margin: 0px 0!important;
}

.col_header_responsive_icons{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.responsive_header_profile_div{
    width: 100%;
}

.responsive_profile_icon_header{
    padding: 0 4px !important;
    width: 48px;
}

.responsive_profile_info_header{
    padding: 9px 0 5px 5px !important;
}

.drop_down_responsive{
    padding: 0 !important;
}
/*lr new css changes*/




.profile_responsive_div{
    padding-left: 10px;
    padding-right: 5px;
}

/*responsive Header css ends*/


/*profile area block responsive*/
.profile_area_for_responsive{
    width: 90%;
    margin: 10px auto;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0px;
}

.profile_block_responsive{
    width: 100%;
}

.profile_img_area_block{
    height: auto;
    margin-top: 7px;
    overflow: hidden;
    width: 45px;
    border: 1px solid #ccc;
}

/* lr new css changes ends here */

.profile_user_name{
    width: 100%;
}

.user_name_texter{
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
}

.profile_user_email{
    width: 100%;
}

.profile_email_icon_res{
    width: 20px;
    color: #FFC107;
}






/*lr new css changes*/
.email_text_area{
    font-size: 12px;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*lr new css changes ends here*/







.profile_special_icon_area{
    width: 100%;
}

.reward_points_area{
    width: 50%;
    float: left;
    text-align: center;
    background-color: #cd381c;
    padding: 5px 0;
    border-right: 2px solid #ffffff;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    color: #ffffff;
}

.profile_block_btn_res{
    border-right: 2px solid #ffffff !important;
}

.reward_points_area:hover{
    background-color: #FFC107;
    color: #333333;
}

.reward_points_marker{
    text-align: center;
    margin: 0 auto;
    /*color: #FFC107;*/
}

.reward_ponts_marker_text{
    font-size: 22px;
    margin: 0 0 0 0;
}

.reward_test{
    font-size: 11px;
    margin: 6px 0 0 0;
    /*color: #fff;*/
}

.logout_icon_block{
    /*color: #FFC107;*/
}

.special_buton_for_logout{
    padding: 16px 0 12px 0;
    border-right: none;
}

/* for_ipads */
.profile_area_for_ipads{
    width: 100%;
}

.profile_block_for_ipads{
    width: 70%;
    float: left;
}

.profile_special_btns_for_ipads{
    width: 30%;
    float: left;
    margin: 0 0 0 0;
}

.profile_img_block_for_ipads{
    width: 90px;
    height: 62px;
}
/* for_ipads ends */

/*profile pic block*/
.profile_pic_block_profile_page{
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background-color: #ccc;
    overflow: hidden;
}
.test_pic_block_mobile{
    margin: 0 auto;
    width: 150px;
    height: 150px;
    background-color: #ccc;
    overflow: hidden;
}

.profilePicDiv {
    width: 320px;
    margin: 0 auto;
    max-width: 100%;
}

.spacing_line_gap{
    margin: 8px 0;
}

.buttons_for_changing_pic{
    width: 100px;
    margin: 10px auto 0;
}
.buttons_for_changing_pic_popup{
    width: 250px;
    margin: 10px auto 0;
}

.vehicle_upload_block{
    width: 97px;
}

.change_button_profile_pic{
    padding: 10px 15px;
    text-align: center;
    float: left;
    margin: 0 3px;
}

#cropContainerHeader{
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #ccc;
    position: relative;
}

/*profile pic block*/

/*profile area block responsive ends */
.reward_points_wide_screen{
    float: right;
    padding: 4px 20px;
    background-color: #cd381c;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
    cursor: pointer;
    color: #ffffff;
}

.reward_points_wide_screen:hover{
    background-color: #FFC107;
    color: #333333;
}

.reward_points_text_wdscreen{
    font-size: 11px;
    float: left;
    /*color: #fff;*/
    font-weight: 400;
    padding: 8px 0;
    margin: 0 0 0 0;
}

.reward_points_icon_wdscreen{
    float: left;
    text-align: center;
    margin-left: 15px;
    margin-top: 0px;
}

.reward_point_icon_wdscreen{
    font-size: 22px;
    /*color: #FFC107;*/
    font-weight: 400;
    margin: 0 0 0 0;
}

.reward_points_with_summary_head{
    width: 100%;
}

.text_content_for_rewards{
    float: left;
}

/* Spinner loading message */
.spinner{
    background-color: rgba(60, 90, 100, 0.9);
    /*background-image: url("../images/bg_white.png");*/
    color: #fff;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.loading{
    padding: 10px 20px;
    margin:0 auto;
    margin-top: 300px;

}

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


/*running headers css*/
.running_headers_block{
    width: 210px;
}

 .running_header_line1{ /*running_header_drivename*/
     font-size: 12px;
     font-weight: 400;
     color: #cd381c;
     margin: 0 0 0 0;
 }

 .running_header_line2{ /*running_header_drive_status*/
     margin: 0 0 0 0;
     font-weight: 300;
     font-size: 12px;
 }

 .running_header_line3{
     margin: 0 0 0 0;
     font-weight: 300;
     font-size: 12px;
 }




/* popups code*/
.popup_box_responsive{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #fff;
    display: none;
}

.popup_title_box{
    width: 100%;
    padding: 15px;
    background-color: #ffc107;
    top: 0;
    left: 0;
}

.popup_title{
    font-weight: 500;
    font-size: 16px;
}

 .popup_content_box{
    width: 100%;
    height: 87%;
    padding: 10px;
 }

 .chart_info_content{
     margin-bottom: 15px;
     font-weight: 400;
     color: #999;
     font-size: 12px;
 }

.popup_footer{
    width: 100%;
    height: 60px;
    background-color: #e6e6e6;
    padding: 14px;

}

.footer_for_sup_media_popup{
    width: 100%;
    height: 60px;
    background-color: #e6e6e6;
    padding: 14px;
}

/*popup widescreens*/
.popup_widescreens{
    background-color: rgba(60, 90, 100, 0.9);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.inner_popup_areas{
    width: 100%;
    height: 87%;
    overflow: hidden;
}

.learning_content_box_in_popup{
    float: left;
    height: 100%;
    overflow: scroll;
    padding: 10px;
    width: 550px;
}

.popup_box_widescreens{
    background-color: rgba(255, 255, 255, 1);
    height: 90%;
    margin: 2.5% auto 0;
    position: relative;
    width: 624px;
    box-shadow: 1px 1px 14px 8px;
}

.popup_box_widescreens2{
    background-color: rgba(255, 255, 255, 1);
    height: 90%;
    margin: 2.5% auto 0;
    position: relative;
    width: 600px;
    box-shadow: 1px 1px 14px 8px;
}
.popup_widescreens .custom_ads_popup{
	display: table!important;
	height: 100vh!important;
	width: 100%;
	z-index: 9999;
}
.custom_ads_popup .popup_ads_custom{
	margin: 0 auto!important;
	left: 0!important;
	right: 0!important;
	display: table-cell!important;
	vertical-align: middle!important;
	text-align: center!important;
}
.popup_ads_custom .popup_box_widescreens{
	background-color: transparent!important;
	box-shadow: none!important;
	margin: 0 auto!important;
	height: auto!important;
}
.popup_widescreens .custom_ads_popup img{
	width: 100%;
	cursor: pointer;
}

.pop_box_for_supporting_media{
    width: 1370px;
    height: 90%;
}

.popup_scroll_lc{
    height: 88%;
}

.media_to {
    height: 100%;
    width: 100%;
}

.popup_potrait_img{
    height: 100% !important;
}

.content_box_for_media_popup{
    width: 810px;
    float: left;
    height: 92%;
}

.potrait_img_block_popup{
    height: 70%;
    margin: 0 auto;
    width: auto !important;
}

.potrait_img_area_popup{
    display: block;
    height: 100%;
    margin: 0 auto !important;
    width: auto;
}

.landscape_img_block_popup{
    height: auto;
    margin: 0 auto;
    width: auto;
}

.landscape_img_area_popup{
    height: auto;
    margin: 0 auto !important;
    width: 100%;
}

 .landscape_video_block_popup{
     height: auto;
     margin: 0 auto;
     width: auto !important;
 }

 .media_alignments_landscape{
     width: 100% !important;
     height: 40% !important;
 }

 .media_for_landscape{
     width: 95% !important;
     height: auto;
     margin: 10px auto;
 }



 .title_box_support{
    padding: 0;
    height: 53px;
}

.title_text_support{
    padding: 15px;
    float: left;
}

.for_suporting_directions {
    margin: 7px;
}

 .scroll_for_tc_popup {
     height: 90%;
     overflow: auto;
 }


 /*logbook*/



/*sign pad*/
 .sign_pad_block{
    width: 100% !important;
    height: auto;
 }

 .sign_clear_box{
    width: 100% !important;
 }

 .sign_wrapper_area{
    width: 100% !important;
    height: auto !important;
 }

 .sign_pad_area{
    /*width: 600px;
    height: 200px;*/
 }


 .deb_text_red{
    border:1px solid #e63a08;
    border-left:5px solid #e63a08;
    margin-bottom: 10px;
    padding: 5px;
}
.deb_text_italic{
    font-style: italic;
}

.custom_deb_head{
    margin: 10px 5px;
    font-weight: 700;
}

.normal_deb_head{
    margin: 10px 5px;
    font-weight: 300;
}

.deb_head_grey{
    color: #cccccc;
}

.deb_head_black{
    color: #606060;
}

.deb_head_green{
    color: #006600;
}

.deb_head_yellow{
    color: #ffaa00;
}

.deb_head_red{
    color: #e63a08;
}

.center_button{
    /*margin-left: 120px;*/
    position: absolute;
    left: 40%;
}

.photo_in_list {
    width: 45px;
}

.playVideoPhotoImg{
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.media_for_landscape > .playVideoPhoto > .playVideoPhotoImg{
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.media_for_landscape > .video-js > .vjs-tech{
    width: 100%;
    height: auto;
}

.media_alignments{
    width: 100% !important;
    height: 100% !important;
}

.landscape_video_block_popup > .video-js > .vjs-tech{
    width: 100%;
    height: auto;
}

.resize_weather_icon{
    height: 42px;
}

.introduced_label{
    color: #A56504;
}

.demonstrated_label{
    color: #ffaa00;
}

.practiced_label{
    /*color: #558b3f;*/color: #0277bd;
}

.prac_fullhelp_label{
    color: #7cb342;
}

.prac_somehelp_label{

    color: #218b4b;
}

.prac_nohelp_label{

    color: #0277bd;
}

.accomplished_label{
    color: #ab47bc;
}

.fbk_label_red{
    color: #FF1616;
}

.fbk_label_green{
    color: #219E31;
}

.fbk_label_green_light{
    color: #389e9b;
}

.fbk_label_orange{
    color: #FDA706;
}

.fbk_label_grey{
    color: #a9a9a9;
}

.fbk_label_black{
    color: #202020;
}

.status_planing_next {
    background-color: #c781c2 !important;
}

.status_planing_pre {
    background-color: #58c7c3 !important;
}

.greens_button{
    background-color: #589d20;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
}

.gps_box {
    font-size: 18px;
    height: 50px;
    margin-right: 20px;
    padding-top: 6px;
    text-align: center;
    width: 50px;
}

.gps_off{
    background-color: #839298;
    color: #fff;
}

.gps_on{
    background-color: #7cc144;
    color: #fff;
}

.gps_record, .gps_error{
    background-color: #cd381c;
    color: #fff;
}

.expand_butt{
    width: 100px;
    height: 35px;
    text-align: center;
    background-color: #455a64;
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 35px;
    right: 25px;
    padding-top: 6px;
}

.expand_butt2{
    width: 100px;
    height: 35px;
    text-align: center;
    background-color: #455a64;
    color: #fff;
    position: absolute;
    z-index: 1;
    right: 25px;
    padding-top: 6px;
    margin-top: 2px;
}


/* progress_popup */
.progress_popup{
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
    background-color: rgba(60,90,100,0.9);
    position: fixed;
    top: 0;
    z-index: 1000;
}

.progress_content_box{
    width: 200px;
    margin: 17% auto;
    text-align: center;
}

.perscentage_area{
    font-size: 65px;
    color: rgba(255,255,255,1);
    font-weight: 400;
    margin: 0 0 0 0;
}

.progress_bar_area{
    width: 100%;
}

.progress_block{
    margin-bottom: 10px;
}

.progress_text_area{
    font-weight: 400;
    color: rgba(255,255,255,1);
}

.cancel_downloading{
    bottom: 30px;
    color: rgba(255,255,255,1);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 203px;
    cursor: pointer;
    transition: background 0.2s linear 0s, border-radius 1s ease-in 2s;
}

.cancel_downloading:hover{
    background-color: #fff;
    color: #444;
    border-color: #fff;
}

/* progress_popup ends */






/* lr map in editdrive and drive details*/

/* our css */
.lr_map_new{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
}

/*
.gmnoprint{
    display: none;
}*/

.auto{
    margin: 0 0 0 0;
}

.search_input_box_mapper{
    width: 280px;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 0;
}

#bar{
    left: 0;
}

.map_btns_block{
    position: absolute;
    bottom: 30px;
    z-index: 0;
    width: 45%;
	left: 150px;
    text-align: center;
    display: none;
	line-height: 1.5em;
}

.map_btns_block2{
    position: absolute;
    margin-top: 20px;
    z-index: 0;
    width: 93%;
    text-align: center;
    display: none;
}

.start_btn{
    color: #fff;
    font-size: 14px;
    margin: 5px;
    cursor: pointer;
}

.active_map_btn{
    background-color: #cd371c;
    color: #fff;
    border-radius: 5px;
    padding: 6px 10px;
}

.default_map_btn{
    background-color: #777;
    color: #fff;
    border-radius: 5px;
    padding: 6px 10px;
	margin-left: 8px;
}

.viewing_map_btn{
    background-color: #095;
    color: #fff;
    border-radius: 5px;
    padding: 8px 4px;
}

.expand_btn{
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px;
    cursor: pointer;
}

.start_btns_block{
    display: none;
}

.width_100{
    width: 100%;
}

/* our css */
/* lr map in editdrive and drive details*/



/* loading screen page */
.loading_screen_popup{
    width: 100%;
    text-align: center;
}

.logo_block_loading_screen{
    width: 100%;
    text-align: center;

}

.logo_image_size{
    width: 200px;
    margin-top: 45%;
}

.loading_for_page_icon{
    width: 100%;
    margin-top: 12%;
    color: #fff;
}

/* ddslick select control */

.dd-container{
    width: 100% !important;
}

.dd-select{
    width: 100% !important;
    border-radius:0 !important;
    border:none !important;
    background:transparent !important;
		padding-left: 5px;
}

.dd-selected{
    font-weight: 300 !important;
    color:#333 !important;
	padding :5px 0 !important;
}


label{
    font-weight: 300;
}

.dd-options{
    width: 100% !important;
		z-index: 200!important;
}

.dd-option-text{
    line-height: 35px !important;
    margin-bottom: 0px !important;
}

.dd-selected-text{
    line-height: 35px !important;
    margin-bottom: 0px !important;
}

.dd-desc {
    font-size: 11px;
    line-height: 11px!important;
}

.dd-option-image, .dd-selected-image {
    max-width: 40px !important;
}

.vechile_details{
    width: 25% !important;
}

.vechile_details2{
    width: 50% !important;
}



/* new css when doctype is corrected*/
.dashboard_page_main_block{
    width: 100%;
    height: 100%;
}

.lr_v2_right_content_box{
    float: right;
    margin-top: 70px;
    height: 100%;
}

.scroll_learner_list{
    margin-top: 70px;
}

.header_for_main_desk{
    width: 91.8%;
    position: fixed;
    right: 0;
		box-shadow: 0 0 8px 2px #ddd;
}

/* dashboard */

.dashboard_content_area{
    width: 100%;
    height: 100%;
}
.sundries_content_area{
    width: 100%;
    height: 100%;
}

.dashboard_content_height{
    height: 90%;
}



/* drive guide */
.drive_guide_page_open_block{
    width: 100%;
    height: 100%;
}

.alignments_drive_guide{
    height: 87%;
    width: 100%;
}

.list_acco_table_contents{
    height: 100%;
}

.scroll_ipad_landscape_dash{
    height: 100%;
}

.listacco {
    height: 89%;
    width: 100%;
}

.popup_accomplish{
    height: 100%;
}



/* drive list */
.drive_list_page_area{
    width: 100%;
    height: 100%;
}


/* impromtive drive */
.impromtive_drive_page_open{
    width: 100%;
    height: 100%;
}

.lr_v2_pm_drive_details_blocks_area {
    height: 100%;
    width: 100%;
}

.drive_details_block_full_area {
    height: 86%;
}

.mapping_box{
    height: 86%;
}



/* drive details page */
.drive_details_page_open{
    width: 100%;
    height: 100%;
}



/* summary */
.summary_page_open_block{
    width: 100%;
    height: 100%;
}

.sign_block_aligns{
    margin-bottom: 30px;
}


/* supervisor view page  */
.supervisor_details_view_page_open_block{
    width: 100%;
    height: 100%;
}

.edit_account_block {
    height: 100%;
    width: 100%;
}


/* vehicles */
.vehicles_list_page_open{
    width: 100%;
    height: 100%;
}

.vehicles_account_form {
    height: 88%;
    width: 100%;
}

.vehicles_list_profiles{
    height: 89%;
    width: 100%;
}

.lr_supervisors_learner_list_block {
    height: 100%;
    width: 100%;
}



/* supervisor details block*/
.supervisor_details_page_open_block{
    width: 100%;
    height: 100%;
}



/* learning program */
.learning_program_page_open{
    width: 100%;
    height: 100%;
}

.alignments_impromtive_guide{
    height: 86%;
    width: 100%;
}

.lp_list_acco{
    height: 89%;
    width: 100%;
}


/* learner list page */
.learner_list_page_block{
    width: 100%;
    height: 100%;
}


/* supervisor list */
.supervisor_list_page_open_block {
    height: 100%;
    width: 100%;
}

/* learner profile */
.profile_page_open_block {
    height: 100%;
    width: 100%;
}

.profile_edit_page_open_block{
    height: 100%;
    width: 100%;
}
.settings_page_open_block{
    height: 100%;
    width: 100%;
}


input{
    font-size: 16px;
}

.chatframe{
    width: 100%;
    height: 100%;
    border: none;
}

.chatframe2{
    width: 100%;
    height: 100%;
    border: none;
}

.dontshow{
    display: none;
}



/* refresh spinner css */

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.refresh_spinner {
    /*animation: 1.1s linear 0s normal none infinite running load8;*/
    -webkit-animation-name: load8;
    -webkit-animation-duration: 1.1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-direction: normal;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: none;
    -webkit-animation-play-state: running;

    animation-name: load8;
    animation-duration: 1.1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;

    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) #000;
    border-style: solid;
    border-width: 0.3em;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
}

.refresh_spinner_default{
    -webkit-animation-name: load8;
    -webkit-animation-duration: 1.1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-direction: normal;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: none;
    -webkit-animation-play-state: paused;

    animation-name: load8;
    animation-duration: 1.1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: paused;

    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) #000;
    border-style: solid;
    border-width: 0.3em;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
}

.refresh_spinner_default_old{
    -webkit-animation: none;
    animation: none;
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) #000;
    border-style: solid;
    border-width: 0.3em;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
}

.refresh_spinner_default,
.refresh_spinner_default:after {
    border-radius: 50%;
    height: 24px; /*2em*/
    width: 24px;
}

.refresh_spinner,
.refresh_spinner:after {
    border-radius: 50%;
    height: 26px;
    width: 26px;
}
/* refresh spinner css ends */

.btnclrall {
    background-color: #095;
    color: #fff;
    border-radius: 5px;
    padding: 8px 4px;
	font-size: 14px;
    margin: 2px;
    cursor: pointer;
	list-style: none;
}
.btnclrall a{ color: #fff;    text-decoration: none; }

.gpsheaderimg {
    margin-top: 16px;
    width: 30px;
    background-color: #7cc144;
    padding: 4px;
    cursor: pointer;
}

/* SignUp and Terms pages Styles */
#signup-supervisor {
	margin-top: 0px !important;
	display: none;
}
#signup-learner {
	margin-top: 15px !important;
	display: none;
}
.parents_page {
    width: 100%;
	background-color: #fff;
}
.terms_box {
    height: 97%;
    width: 100%;
	padding: 5px 20px;
    overflow-y: scroll;
}
#terms p {
	margin: 0 0 10px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: 300;
}

.alert_text_box {
    height: 90%;
    width: 100%;
	padding: 5px 5px;
    overflow-y: scroll;
}

.checkbox-custom, .radio-custom {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: rebeccapurple;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #ccc;
}


.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}


/**** Latest UI changes: Sandeep and Prabhakar May-2016 ******/

/* thumbnails slider css starts */
.nbs-flexisel-container {position:relative; max-width:100%;}
.nbs-flexisel-ul {
	position:relative;width:99999px; margin:0px;
	/*padding:0px; */
	list-style-type:none;
	text-align:center;
}
.nbs-flexisel-inner {overflow:hidden;float:left;width:100%;}
.nbs-flexisel-item {float:left; margin:0px 5px 0px 0px; padding:0px;cursor:pointer;position:relative;line-height:0px;max-width:142px !important; width:106px !important; max-height:142px !important; height:142px !important; list-style:none;}
.nbs-flexisel-item img { width: 100%; cursor: pointer; position: relative; margin-top: 0px; margin-bottom: 0px;}
#popup_media_block .nbs-flexisel-item {float:left;margin:0px 5px 0px 0px; padding:0px; cursor:pointer; position:relative; line-height:0px;max-width:100% !important; width:100% !important; max-height:100% !important;}
#popup_media_block .nbs-flexisel-item img, #popup_media_block .nbs-flexisel-item video { width: 100%; cursor: pointer; position: relative; margin-top: 0px; margin-bottom: 0px; max-width:100% !important; max-height:100% !important;}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 38px; height: 155px; position: absolute; cursor: pointer; z-index: 100;  text-align:center; vertical-align:middle; /*background-color:; border-left:1px solid #CCC; border-right:1px solid #CCC; opacity: 1;*/ background-position:center center; top:-10px !important; background-size:50% !important;}
.nbs-flexisel-nav-left {left: -10px;background:/*rgba(255,255,255,1) */url(../images/blue-prev.png) center center no-repeat;}
.nbs-flexisel-nav-right { right: -10px; background:/*rgba(255,255,255,1)*/ url(../images/blue-next.png) center center no-repeat;}

.media_img_p { width:106px !important;height:142px !important; }
.media_img_l { width:142px !important;height:106px !important; }
/* content_popup */
.content_popup {position:relative;}
.content_popup .grey_button i {color:#121212;}
.content_popup .grey_button, .content_popup .light_grey_button {width:30px; padding:0px 3px; text-align:center; position:absolute; left:-10px; height:40vh; background-color:#ffffff; opacity:0.2; z-index:999999; padding-top:17vh; border:1px solid rgba(0,0,0,0.3);}
.content_popup .grey_button.next_but {right:-10px; left:inherit;}

/* dashboard maps view in grid */
.maps_view {display:block; height:135px; background-position:center center; background-repeat:no-repeat; text-align: center;}
#dashboard_map0, #dashboard_map1 {cursor: pointer;}

.content_for_mi_popup { overflow-x:scroll;}
.content_for_mi_popup .learning_content_box_in_popup {width:100%;}


/* swiping helper icons css display in popup */
#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:100%;
  height:100%;
  padding:10px;
  /*background-color:#ffffff;*/
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#boxes #dialog img{position: relative;
    -webkit-animation: myfirst 5s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation: myfirst 5s infinite;
    animation-direction: alternate;}

@-webkit-keyframes myfirst {
    0%   {left: 0px; top: 0px;}
    50%  {left: 50%; top: 0px;}
    100% {left: 0px; top: 0px;}
}

#boxes a.yellow {color:#FFC107; position: fixed; bottom: 50px; opacity:0.7; text-shadow:inherit;
    width: 100%; text-align: center; left: 0;}
/* helper icons css ends */


/* Settings page Design starts here */

.settings-page-drag li {padding:10px 0px 10px 5px; border:1px solid #CCC; /*border-radius:3px;*/ margin:0 5px 5px 0; background:rgba(255, 255, 255, 1);}
/*.settings-page-drag li .green_bg {display:none;}*/
.settings-page-drag li:hover { background:rgba(255, 255, 255, 0.3);}
.settings-page-drag li .feed_sign {padding:0 4px;}
.settings-page-drag li .fa.fa-ellipsis-v, .settings-page-drag li .fa.fa-arrows {opacity:0.2;}
.settings-page-drag li:hover .fa.fa-ellipsis-v, .settings-page-drag li:hover .fa.fa-arrows {opacity:1;}
.settings-page-drag li p.lr_v2_lc_intro_content_text_for_collapse {margin-bottom:0;}

/*.feed_sign.green_bg .fa-lg, .feed_sign.yellow_bg .fa-lg, .feed_sign.red_bg .fa-lg  {font-size:1.8em;}*/
.lr_v2_lc_intro_content.for_next_lessons_intro_content .practice-checkbox.feed_back_content.clearfix,
.lr_v2_lc_intro_content.for_next_lessons_intro_content .feed_back_content.clearfix {padding-top:3px; padding-bottom:3px;}
.lr_v2_lc_intro_content p.lr_v2_lc_intro_content_text_for_collapse {margin-bottom:0px; padding-bottom:0; padding-top:3px;}

.settings-small {font-size:10px; display:block;}

#dashboard-swiperWraper {right:40px;}

.drive_list_btns .pm_spl_drive_buttons .btn {border-radius:0;}

.pm_spl_drive_buttons_web {padding:0;}

.heading-prgm-list {/*position:relative;*/}
.add-learning {
	/*position: absolute; right: 0; top: 57px;*/
    background: #f9e7b0;
    width: 100%;
    padding: 2px 15px;
    font-size:12px;
    font-weight: bold;
    color:#cd381c;
    border-bottom: 1px solid #fbe191;
}

.add-learning strong {font-size:15px;}

.add-learning.sup_shared {
	padding: 12px 5px;
	text-align: center;
}
.add-learning.sup_shared span{
	font-size: 14px;
}
/*.add-learning:after {
	bottom: 100%;
	right: 19px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #095b09;
	border-width: 12px;
	margin-left: -19px;
}*/


@media (max-width:767px) {

    .drive_list_btns .pm_spl_drive_buttons {margin-right:0.5%; width:49%;}

    /* mobile_charts */
    .mobile_charts {height:180px; overflow:hidden;}
    .mobile_charts a.arrow { width: 22px; height: 136px; position: absolute; cursor: pointer; z-index: 100;  text-align:center; vertical-align:middle; background-color:#ffffff; border-left:1px solid #CCC; border-right:1px solid #CCC; opacity:0.5; background-position:center center; top:0px !important;}
    .mobile_charts a.arrow.arrow-left {left:0px;background:url(../images/button-previous.png) center center no-repeat;}
    .mobile_charts a.arrow.arrow-right { right:0px; background:url(../images/button-next.png) center center no-repeat;}

    .mobile_charts li.nbs-flexisel-item {max-width:inherit!important; width:160px!important; max-height:inherit!important;}
	.mobile_charts .col-xs-12 {float:left; display:inline-block; /*width:100%!important;*/}
    /*.mobile_charts .col-xs-6 .lr_title {padding-top:15px; padding-bottom:15px;}*/
    /* .mobile_charts .dashboard_charts { position:relative; margin-left: -14px; margin-right: -14px;} */
    .mobile_charts .dashboard_charts .lr_title2 {font-size:13px;}
    /* .mobile_charts .lr_dashboard_charts_info_area {width:100%; position:absolute; top:5%; text-align:center;} */
    .mobile_charts .lr_dashboard_charts_info_area p:first-child {margin-top:40px;}
    .mobile_charts .lr_dashboard_charts_info_area p {display:none;}
    .mobile_charts .lr_dashboard_charts_info_area p:first-child {display:block;}
    /* .mobile_charts .lr_dashboard_charts_area {width:100%;} */
    .mobile_charts .dashboard_spl_icons_blocks {height:100px;}

    .lr_dashboard_charts_blog .lr_dashboard_chart_inside_text{
        margin-top: -95px;
        font-size: 25px;
        font-weight: 500;
    }
    .lr_dashboard_charts_blog .lr_dashboard_chart_inside_text2{
        margin-top: -95px;
        font-size: 25px;
        font-weight: 500;
    }
    .lr_dashboard_charts_blog. lr_dashboard_charts_blog{
        margin-bottom: 10px;
    }

    /* dashboard_spl_icons_area */
    .dashboard_spl_icons_area .dashboard_spl_icons_blocks {height:120px; padding:5px 0 5px 0; margin-bottom:1px;}
    .dashboard_spl_icons_area .col-xs-4, .dashboard_spl_icons_area .col-xs-8{padding-left:0; padding-right:0;}
    .dashboard_spl_icons_area .col-xs-4 .dashboard_spl_icons_blocks {/*margin-left:-15px;*/ margin-right:-15px;}
		.dashboard_spl_icons_box.sundries{
			margin: 0 auto!important;
			height: auto!important;
		}
    .dashboard_spl_icons_area .dashboard_spl_icons_box {background: none; margin: 0 auto; padding: 15px 0 0px 0;}
    .dashboard_spl_icons_area .dashboard_spl_icons_box2 {background: none; margin: 0 auto; padding: 8px 0 0px 0;}
    /* .for_fourth_chart_box_dashaboard {margin-top:-17px; margin-left:10px;} */
    .mobile_chrt {float:left; width:49% !important; max-width:49% !important;}

    .spl_footer_buttons {margin-left:4px; margin-right:1px;}

    /* .chart4_xs .for_fourth_chart_box_dashaboard {height:110px;} */
    /* .chart4_xs { position:relative; margin-top:0;} */
    /* .chart4_xs .for_fourth_chart_text {position:absolute; width:50%;} */
    /* .chart4_xs .for_fourth_chart_text .chat_lable {float:none; } */
    /* .chart4_xs .for_fourth_chart_text .for_fourth_chart_large_text {float:none; width:100%; padding:0;} */
    /* .chart4_xs .for_fourth_chart_text:first-child {  top: -12px; left: 3px; text-align:left;} */
    /* .chart4_xs .for_fourth_chart_text:nth-child(2) { top:-12px; right:3px; text-align:right;} */
    /* .chart4_xs .for_fourth_chart_text:nth-child(3) { bottom: -39px; left: 3px; text-align:left;} */
    /* .chart4_xs .for_fourth_chart_text:last-child { bottom:-39px; right:3px; text-align:right;} */

    /* swiper css in mobile arrows */
    .swiper-button-prev, .swiper-button-next {top:40% !important;
        -moz-background-size: 18px 44px !important;
        -webkit-background-size: 18px 44px !important;
        background-size: 18px 44px !important;}

    .lr_v2_lc_intro_content {padding:10px;}
    .lr_v2_lc_intro_content .lr_v2_lc_intro_content_text_for_collapse {margin-left:5px;}
    .settings-page-drag li {padding-right:10px;}

    /*.swiper-dashboard {margin-left:-37px !important;}*/
    .learning_steps .for_fourth_chart_box_dashaboard {margin-top:5px;}

    .lr_guide_step_title_super{ /*for supervisor guide*/
        margin: 7px 0 0 0;
        font-weight: 500;
    }
	/* 03-05-15 jagan chart icons */
        .dashboard_view_div .lr_dashboard_charts_blog{
            height: 145px;
        }
		.lr_dashboard_charts_blog .lr_dashboard_charts_info_area{
			margin-top: 10px;
		}
		.lr_dashboard_charts_blog .chat_lable{
			font-size: 15px;
		}
		.lr_dashboard_charts_blog .for_fourth_chart_large_text{
			font-size: 16px;
			line-height: normal;
		}
		.mobile_charts{
			margin-bottom: 20px!important;
		}

	/* 03-05-15 jagan chart icons */
}

@media (max-width:767px) {
    .pm_spl_drive_buttons_web {margin-left:15px; margin-top:15px;}
    .nbs-flexisel-ul { padding:0px; }
}

@media (max-width:768px) {
    .inner_popup_areas { overflow:auto;}
    .learning_popup_xs {float:left; width:100%; margin-top:5px;}
    .learning_content_box_in_popup {overflow:inherit;}
    .pm_spl_drive_buttons_web {margin-left:15px; }
    .pm_spl_drive_buttons_web {width:91%;}
    .drive_list_btns_only1, .drive_list_btns_only1 .call_impromtive_drive_block {width:100%;}
    .nbs-flexisel-ul { padding:0px; }
}
@media (min-width:768px) and (max-width:1024px){
    .pm_spl_drive_buttons_web {width:46%;}
    .nbs-flexisel-ul { padding:0px; }
}
@media (min-width:992px) and (max-width:1025px){
	.lr_supervisor_default_learner_list2{
	    margin: 80px auto 10px;
	}
}
@media (min-width:1024px) and (max-width:1200px){
    .popup_media_xs {float:right !important;}
    .learning_content_box_in_popup {}

    .drive_list_btns_web {margin-right:15px;}
    .drive_list_btns_only1, .drive_list_btns_only1 .call_impromtive_drive_block {width:100%;}

    .content_box_for_media_popup {height:100%;}
    .popup_widescreens .lr_v2_supporting_media_video_block {height:100%;}
    .nbs-flexisel-ul { padding:0px; }
}

@media (min-width:1200px){
    .pm_spl_drive_buttons_web {width:31%;}

    .drive_list_btns_web {margin-right:15px;}
    .drive_list_btns_only1, .drive_list_btns_only1 .call_impromtive_drive_block {width:100%;}

    .content_box_for_media_popup {height:100%;}
    .popup_widescreens .lr_v2_supporting_media_video_block {height:100%;}
    .popup_media_xs {float:right !important;}
    .nbs-flexisel-ul { padding:0px; }
}

@media (min-width:1440px){
    .pm_spl_drive_buttons_web {width:32%;}
    .nbs-flexisel-ul { padding:0px; }
}

#driveMaps_popup_widescreens {
	width:90%;
	height:90%;
	margin:5%;
}
.drivemaplist_popup {
    height: 90%;
    width: 100%;
    padding: 5px 20px;
    overflow-y: scroll;
}
.drivemap-list {
	list-style-type:none;
	padding:0px;
}
.drive-staticmap {
	width:100%;
	height:45px;
}
.nbs-flexisel-nav-left.disabled { opacity:0.1; }
.nbs-flexisel-nav-right.disabled { opacity: 0.1; }

.super_option_disabled{
    color: #d6d5d5;
}

.required_editprofile
{
	width: 100%;
    color: black;
    font-size: 12px;
}

.required_declaration
{
  width: 100%;
  color: black;
  font-size: 18px;
}
.red
{
	color:red;
}
.changeList {
    margin:0 auto;
    padding: 0;
    list-style: none;
}
.changeList li {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 8px 15px;
}
.changeList h3 {
    background-color: #ffc107;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    font-weight:normal;
}
.lck_btn {
    height: 35px;
    padding: 0 10px;
    background: #f63;
    text-align: center;
    border: 1px solid #f63;
    position: relative;
}
.extraDiv2 {
    position: absolute;
    left: -30px;
    top: 0;
}

.sup_ack_div {
    padding: 5px 20px 0px 20px;
}
.fa.fa-user.fa-2x.icons_headers {
    font-size: 24px;
}
.bor-botom {
	border-color: #f63!important;
}
.hyperlinkDiv1 {
	display:block;
	cursor: pointer;
	text-decoration: underline;
	color:gray;
	font-style: italic;
	padding-top: 5px;
	font-size: 13px;
	font-weight: normal;
}
.hyperlinkDiv1.pt-10 {
	padding-top: 10px;
}
.hyperlinkDiv2 {
	cursor: pointer;
	margin-bottom: 10px;
	text-decoration: underline;
	color:red;
	display:block;
}
.hyperlinkDiv3 {
	display:block;
	cursor: pointer;
	text-decoration:underline;
	color:gray;
	font-size: 13px;
	margin-bottom:5px;
	padding-top: 5px;
	font-weight: normal;
	font-style: italic;
}
.add-learning.bg-none {
	background-color: transparent;
	border: 0;
}

.hyperlinksuperType {
	display:block;
	cursor: pointer;
	text-decoration: underline;
	color:#CF0000;
	font-weight: normal;
}
.disB {
	display: block;
	margin-top: 5px;
}
.summaryhyperLink{
	display:block;
	 cursor: pointer;
	 text-decoration: underline;
	 color:gray;
	 padding: 15px;
	 font-style: italic;
	 font-weight: normal;
}
.col-xs-12.col-sm-6.col-md-4.col-lg-4.pull-right.resp-tab{
    left: 33.6%;
    position: absolute;
    width: 32.6%;
}
.m-t-14 {
	margin-top: 14px;
	display: none;
}

.text-center {
    text-align: center!important;
}
.bg-yellow{
    background-color: #f7bb07!important;
    color:#555!important;
}
.bg-black{
    background-color: #555!important;
}
.bg-white{
    background-color: #fff!important;
}
.border_saferlist{
	border: 1px solid #f1f1f1;

}
.left-align-div{
	float:left;
	width:50%;
}
.right-align-div{
	float:right;
	width:50%;
}
.module-post-code{
	position: relative;
}
i.search-module{
	position: relative;
	left:10px;
	top: -42px;
	z-index: 99;
}
.icon-module{
	position: absolute;
}
.module-post-code input.module-input{
	padding-left: 30px!important;
}
.m-t-20{
	margin-top:20px!important;
}
.p-l-0{
	padding-left: 0!important;
}
.p-r-0{
	padding-right: 0!important;
}
.p-l-10{
    padding-left: 10px!important;
}


/* Placeholder styling: do not group these rules */
.custom-placeholder::-webkit-input-placeholder {
    color: #333333;
}
.custom-placeholder:-moz-placeholder {
    /* FF 4-18 */
    color: #333333;
}
.custom-placeholder::-moz-placeholder {
    /* FF 19+ */
    color: #333333;
}
.custom-placeholder:-ms-input-placeholder {
    /* IE 10+ */
    color: #333333;
}

.red-placeholder::-webkit-input-placeholder {
    color: #ff0000;
}
.red-placeholder:-moz-placeholder {
    /* FF 4-18 */
    color: #ff0000;
}
.red-placeholder::-moz-placeholder {
    /* FF 19+ */
    color: #ff0000;
}
.red-placeholder:-ms-input-placeholder {
    /* IE 10+ */
    color: #ff0000;
}

.no_media {
	height: auto;
}

.red_placeholder_small::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ff8080;
		font-size: 13px;
}
.red_placeholder_small::-moz-input-placeholder{ /* Mozilla Firefox 4 to .red_required */
   color:    #ff8080;
	 font-size: 13px;
}
.red_placeholder_small::-ms-input-placeholder{ /* Internet Explorer 10-11 */
   color:    #ff8080;
	 font-size: 13px;
}

.red_placeholder::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ff8080;
}
.red_placeholder::-moz-input-placeholder{ /* Mozilla Firefox 4 to .red_required */
   color:    #ff8080;
}
.red_placeholder::-ms-input-placeholder{ /* Internet Explorer 10-11 */
   color:    #ff8080;
}

/*=========================================================
					PROGRESS BARS STYLES
===========================================================*/
.skillbar {
	position:relative;
	display:block;
	margin-bottom:12px;
	width:100%;
	background:#fff;
	height:auto;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	width: auto;
	position:absolute;
	top:0;
	left:0;
	font-size:13px;
	font-weight: 400;
	color:#000;
	/*background:rgba(0,0,0,0.2);*/
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	/*background:rgba(0, 0, 0, 0.1);*/
	padding:0 10px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	color:#000;
}
er{ color: green;}
.progressBars {
	position: relative;
}

.internet_required {
	position: absolute;
	right: 0px;
	top: 30%;
	padding: 5px;
}
.internet_required i {
	font-size: 12px;
	color: #c9c9c9;
	text-align: center;
	display: block;
}
.internet_required_help i {
	font-size: 14px;
	color: grey;
}
/*
.green {
	color: green;
}
*/
.hide_div{
	display: none;
}
.p-t-b-10{
	padding: 10px 0px;
}
.p-t-b-5{
	padding: 5px 0px;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-t-0{
	padding-top: 0!important;
}
.p-b-0{
	padding-bottom: 0!important;
}
.m-l-5{
	margin-left: 5px!important;
}
.p-b-5 {
	padding-bottom: 5px;
}
.p-t-10 {
	padding-top: 10px;
}
.p-t-5 {
	padding-top: 5px;
}
.m-l-0 {
	margin-left: 0!important;
}
.width-f{
	width:100%!important;
}
.m-b-5{
	margin-bottom: 5px!important;
}
.p-0 {
	padding: 0!important;
}
.p-5{
	padding: 5px!important;
}
.font-weightnoon {
	font-weight: 300;
}
.p-s-5 {
	padding: 0 5px;
}

.expandBars {
    float: left;
    padding-left: 12px;
}
.expandDiv {
    width: 32px!important;
    background: #fff;
    display: table;
    height: 42px;
    text-align: center;
}
.expandDiv:hover {
	text-decoration: none!important;
}
.progressBars2 {
	display: none;
}
.barsRow {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.expandDiv i {
    display: table-cell;
    text-align: center;
     vertical-align: middle;
	color: #555;
}
.dashboardDropdown {
    margin: 0 auto;
	display: table;
    padding-bottom: 10px;
    width: auto;
    z-index: 999;
}
.posi_rel:after {
	content: '';
	clear: both;
	display: block;
}
.posi_rel {
	position: relative;
	width: 100%;
}
.main_person {
	border: 2px solid rgba(245,184,0,0.9)!important;
}
.avatar-div {
    float: left;
    padding: 15px 0px;
    width: 20%;
    box-shadow: 1px 2px 11px #555;
		text-align: center;
		min-height: 170px;
}
.avatar-div img {
    display: block;
    margin: 0 auto;
		padding-bottom: 8px;
}
.popup_content_box.avatarPopup {
	overflow: auto;
	padding-bottom: 50px;
}
.dashboardDropdown:after {
    content: '';
    clear: both;
    display: block;
}
.optionsForLeader {
    float: right;
    padding: 3px 8px;
		margin-left: 10px;
		background: #fff;
		margin-top: 5px;
}
.toggleButtonFor_onOff {
    float: left;
}
.onoffswitch {
        position: relative;
        width: 140px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
        display: none;
}
.onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid rgba(0,0,0,0.2); border-radius: 20px;
}
.onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 15px; color: white; font-weight: bold;
        box-sizing: border-box;
}
.onoffswitch-inner:before {
        content: "Progress";
        padding-left: 24px;
				text-align: left;
        background-color: rgba(0,0,0,0.4); color: #eee;
}
.onoffswitch-inner:after {
        content: "Leaderboard";
        padding-right: 14px;
        background-color: rgba(0,0,0,0.4); color: #eee;
        text-align: right;
}
.onoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 110px;
        border: 2px solid #999999; border-radius: 20px;
        transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px;
}

.profileStatus {
	width: 980px;
	margin: 7px auto 15px;
	max-width: 100%;
	padding:12px 12px 0px;
	border: 1px solid #ffc107;
}
.dashboard_spl_icons_area_slider_buttons {
	padding: 0 15px;
}
.m-b-0 {
	margin-bottom: 0!important;
}
/*.leaderboard_update_text {
	padding-top: 8px;
	display: block;
}*/
.supList_internet_alert {
	text-align: center;
	font-size: 10px;
	margin-top: -5px;
}
.supList_internet_alert span {
	color: red;
}
.leaderboard_update_text div {
	padding-top: 8px;
}
.leaderboard_update_text:after {
	content:'';
	clear:both;
	display: block;
}
.p-t-15 {
	padding-top: 15px!important;
}
.location{
	font-size: 8px!important;
}
.sync_icon_forTroubleshoot {
	padding: 6px 5px 1px;
	background: green;
	color: white;
}
.sync_icon_forTroubleshoot.bg_red {
	background: red;
}

.trouble_shoot_spinner {
	border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) #000;
	border-style: solid;
	border-width: 0.3em;
	font-size: 10px;
	border-radius: 50%;
	height: 16px !important;
	width: 16px !important;
	display: inline-block;
}
#leaderDropdown {
	width: 200px !important;
}
#leaderDropdown .dd-select a {
	padding: 0!important;
}
#leaderDropdown .dd-select .dd-selected label {
	margin: 0!important;
	line-height: 18px !important;
}
#leaderDropdown ul li a {
    padding: 4px 10px;
}
#leaderDropdown ul li a label {
	margin: 0;
	line-height: 18px!important;
}
#leaderDropdown .dd-options {
	top: 40px!important;
}
#leaderDropdown ul li:first-child small, #leaderDropdown ul li:nth-child(2) small {
	color: gray;
}
#leaderDropdown ul li small {
	color: black;
	font-size: 9px;
}
#leaderDropdown .dd-select a small {
    font-size: 9px;
}
.main_person .profileCount h3 {
	font-size: 14px;
	font-weight: bold;
}

.helpSubHeading {
	font-size: 14px;
	font-weight: 700;
}

.lr_guide_step:active{
    background-color: #7CB342;
    border: none;
    color: #000000;
}

.lr_guide_goal:active{
    background-color: #fffda7;
    border: none;
    color: rgba(56, 46, 18, 0.87);
}

.lr_guide_level:active{
    background-color: rgba(255, 219, 0, 0.48);
    border: none;
    color: rgba(34, 24, 2, 0.46);
}

.blue_color_button:active{
    background-color: #6a7f92;
}

.red_color_button:active{
    background-color: #cd8a79;
}

.green_color_button:active{
    background-color: #658668;
}

.yellow_color_button:active{
    background-color: #ffcc7b;
}

.grey_color_button:active{
    background-color: #578080;
}

.pm_drive_list_blocks:active{
    background-color: #aebca7;
}

.pm_drivelist_icon_block2:active{
    background-color: #aebca7;
}

.edcond:active{
    background-color: #aebca7;
}

/*
.edcheck:active{
    background-color: #aebca7;
}
*/

.threeFor1check:active{
    background-color: #aebca7;
}

/*Social login */

#signup_as_type{
    margin: 0 auto 10px;
    text-align: center;
    font-weight: 400;
}

.social_login_links{
    display: flex;
    /*justify-content: space-between;*/
    font-size: 15px;
    /*padding-left: 30px;
    padding-right: 30px;*/
    text-align: center;
    color: rgb(138,139,142);
    font-family: 'roboto_regular';
	margin-bottom: 10px;
	padding-top: 10px;
}
.social_login_link{
    /*width: 33.33%;*/
		width: 50%;
    cursor: pointer;
		position: relative;
}
.social_login_link_or_text {
    width: 30px;
    position: absolute;
    left: 50%;
    top: -15%;
    margin-left: -65%;
		font-size: 18px;
		font-weight: 600;
}

.social_login_link_image{
    width: 34px;
    height: 34px;
    margin-bottom: 3px;
}
.social_login_link_btn {
	width: 250px;
	margin: 0 auto 10px;
	background: #3c5a99;
	border: 1px solid #004EA3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.social_login_link_btn:hover {
	background-color: #4C72C2;
}
.social_login_link_btn.google_plus:hover {
	background-color: #ED503D;
}
.social_login_link_btn.email:hover {
	background-color: #F5F5F5;
}
.social_login_link_btn.google_plus {
	background-color: #dd4b39;
	border-color: #CF4635;
}
.social_login_link_btn.email {
	background-color: #eee;
	border-color: #ddd;
	color: #000;
}
.social_login_link_btn.email i {
	color: #333;
	border-right: 1px solid rgba(0,0,0,0.05);
}
.social_login_link_btn i {
	display: inline-block;
	padding: 12px 15px;
	font-size: 14px;
	color: #fff;
	margin-right: 15px;
	border-right: 1px solid rgba(255,255,255,0.1);
}
.lr_accounts_merge{
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-family: 'roboto_regular';
    padding-top: 5px;
    /*padding-bottom: 10px;*/
}

.social_merge_text{
    font-weight: 400;
    color: #333;
}

.social_merge_links{
    padding-top: 10px;
    display: flex;
    font-size: 13px;
    justify-content: center;
}
.midle h3 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 25px;
	color: #333;
}
#login_social_btns {
	padding-top: 20px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	position: relative;
}
#login_social_btns::before {
	position: absolute;
	left: 0;
	right: 0;
	width: 40px;
	background: #fff;
	content: 'OR';
	font-size: 14px;
	color: #555;
	margin: 0 auto;
	top: -10px;
	z-index: 0;
	font-weight: 600;
	text-align: center;
}

.social_merge_link{
    cursor: pointer;
		margin: 0 10px;
}

.facebook_merge{
    /*padding-left: 20px;*/
}

.social_merge_link_image{
    height: 28px;
    width: 28px;
}

.disable_social_merge{
    opacity: 0.5;
    cursor: initial !important;
}
.profilePicDiv {
	width: 320px;
	margin: 0 auto;
	max-width: 100%;
}

.hover_remove{
	background-color: #FFF!important;
}
.hover_remove_text{
	color: #555!important;
}
.addingExtraBtns ul {
    margin: 0 auto 10px;
    padding: 0;
    width: 380px;
    max-width: 100%;
}
.addingExtraBtns ul:after {
	content: '';
	clear: both;
	display: block;
}
.addingExtraBtns ul li {
	list-style: none;
	float: left;
	width: 230px;
	margin-right: 10px;
}
.addingExtraBtns ul li input {
	font-size: 14px!important;
}
.addingExtraBtns ul li:first-child {
	width: 50px;
}
.addingExtraBtns ul li:last-child {
	margin-right: 0px;
	width: 80px;
}
.align_center {
    display: table;
    margin: 0 auto;
}
.align_center:after {
    content: '';
    clear: both;
    display: block;
}
.extraBtn1 {
	width: 100%;
	margin: 0;
	color: #333;
	border: 2px solid #999;
	padding: 5px 14px;
	border-radius: 3px;
	background: transparent;
	text-align: center;
}
.serarch_btn_in_dashboard {
	width: 100%;
	padding: 6px 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 14px;
}
.sup_newlearner_btn {
	border: 2px solid #999;
	color: #ac4545;
	font-size: 12px;
	padding: 2px 6px;
	background-color: transparent;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	outline: none!important;
	outline-width: 0!important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	display: block;
}
.sup_newlearner_btn:hover {
	box-shadow: inset 0 80px rgba(0,0,0,0.1);
}
.full_img_learnerlist {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    margin: 7px 0;
    color: black;
}
.process_title {
    font-weight: normal!important;
    display: block;
    font-size: 12px;
}

.lr_login_checkbox{
    width: 35px;
    height: 35px;
    float: left;
}


<!-- New Login-->

a {
  text-decoration:none;
  color:$main;
  transition:.5s ease;
  &:hover {
    color:$main-dark;
  }
}

.form {
  background:rgba($form-bg,.9);
  padding: 40px;
  max-width:600px;
  margin:40px auto;
  border-radius:$br;
  box-shadow:0 4px 10px 4px rgba($form-bg,.3);
}

.tab-group {
  list-style:none;
  padding:0;
  margin:-20px -20px 65px -20px;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
  li div {
    display:block;
    text-decoration:none;
    padding:15px;
    background:rgba($gray-light,.25);
    color:$gray-light;
    font-size:20px;
    float:left;
    width:50%;
    text-align:center;
    cursor:pointer;
    transition:.5s ease;
    &:hover {
      background:$main-dark;
      color:$white;
    }
  }
  .active a {
    background:$main;
    color:$white;
  }
}

.tab_content_signup > div:last-child {
  display:none;
}


.field-wrap {
  position:relative;
  margin-bottom:40px;
}

.top-row {
  &:after {
    content: "";
    display: table;
    clear: both;
  }

  > div {
    float:left;
    width:48%;
    margin-right:4%;
    &:last-child {
      margin:0;
    }
  }
}

.button {
  border:0;
  outline:none;
  border-radius:0;
  padding:15px 0;
  font-size:2rem;
  font-weight:$bold;
  text-transform:uppercase;
  letter-spacing:.1em;
  background:$main;
  color:$white;
  transition:all.5s ease;
  -webkit-appearance: none;
  &:hover, &:focus {
    background:$main-dark;
  }
}

.button-block {
  display:block;
  width:100%;
}

.forgot {
  margin-top:-20px;
  text-align:right;
}

ul.tab-group li{
	float: left;
	width: 50%;
}
ul.tab-group li div{
	padding: 10px 30px;
	background-color: #aaa;
	color: #fff;
	font-size: 16px;
	display: block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
ul.tab-group li div:hover, ul.tab-group li div.active{
	background-color: #008000;
}
.m-b-20{
	margin-bottom: 20px;
}
.tab_content_signup{
	min-height: 20px;
}
.add_learner_convert{
	line-height:14px;
}
.social_login_link p {
	text-align: center;
	margin-bottom: 0px;
}
.optional_or_text {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #555;
	margin-top: -10px;
	font-family: 'roboto_regular';
}
.dropdown-menu.dropdown_exDiv1 {
	width: 100%;
	position: static;
	margin-top: -10px;
	margin-bottom: 15px;
	padding: 0;
}
.caret_right_arrow {
	position: absolute;
	width: 40px;
	right: 0;
	top: 0;
	height: 100%;
	border-left: 1px solid rgba(255,255,255,0.3);
	text-align: center;
	line-height: 38px;
}
.dropdown-menu.dropdown_exDiv1 li a {
	border-bottom: 1px solid #ddd;
	padding: 12px 15px;
}
.dropdown-menu.dropdown_exDiv1 li:last-child a {
	border-bottom: 0;
}
.btn_for_add_close {
	position: absolute;
	right: -12px;
	top: -12px;
	z-index: 1;
	cursor: pointer;
}
.btn_for_add_close i {
	font-size: 20px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.m-r-10{
    margin-right: 10px!important;
}

#main_login_page{
	height: 100%;
}
.page_ads_skip{
	position: absolute;
	left: 0px;
	bottom: 7px;
	z-index: 9999;
	background-color: transparent;
	color: #fff;
}
.page_ads.owl-theme .owl-dots{
 text-align: center;
  -webkit-tap-highlight-color: transparent;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,0.1);
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.2);
	bottom: 0;
	height: 50px;
}
.page_ads.owl-theme .owl-nav .owl-next{
	bottom: 18px!important;
	top: auto!important;
	z-index: 99999!important;
	background: rgba(0, 0, 0, 0) url("../images/adds_next.png") no-repeat scroll 0 0 / auto 100%!important;
	height: 16px;
	width: 16px;

}
.page_ads.owl-theme .owl-nav .owl-prev:hover, .page_ads.owl-theme .owl-nav .owl-next:hover{
	background-color: transparent!important;
}
.page_ads.owl-theme .owl-nav .owl-prev{
	display: none!important;
}
.page_ads.owl-carousel{
 display: block;
 height: 100%;
}
.page_ads .owl-stage-outer, .page_ads .owl-stage, .page_ads .owl-item, .page_ads .item, .page_ads .item img{
	height: 100%;
	width: 100%;
}
.page_ads.owl-carousel .owl-dot{
 display: block;
 background-color: rgba(0,0,0,0.4);
 height: 8px;
 width: 8px;
 border-radius: 100%;
 display: inline-block;
 margin-right: 5px;
 margin-top: 20px;
}
.page_ads.owl-carousel .owl-dot.active{
 background-color: #FFC107;
}
.page_ads.owl-carousel .owl-item img{
 margin: 0 auto;
 text-align: center;
}
.page_ads.owl-carousel .owl-nav.disabled{
 display: block!important;
}

.show_password{
	position: relative;
}
.show_password span{
	top: 0px;
	position: absolute;
	right: 0px;
	cursor: pointer;
}
.show_password span i{
	height:48px;
	width:44px;
	line-height: 48px;
	text-align: center;
}
.show_pass{
	font-size: 12px;
}
.show_pass input{
	margin-right: 5px;
}
.trouble_shoot_load{
	width: 100%;
	height: 100%;
	border: 0;
}
@media (max-width:1025px){
	#ipad_land_screens.page_ads.owl-carousel, #mobile_screens.page_ads.owl-carousel, #ipad_portrait_screens.page_ads.owl-carousel{
		display: none;
	}
}
@media (max-width:1024px){
 #ipad_land_screens.page_ads.owl-carousel{
  display: block;
 }
 #mobile_screens.page_ads.owl-carousel, #ipad_portrait_screens.page_ads.owl-carousel{
	display: none;
 }
}
 @media (max-width:768px){
	 #ipad_portrait_screens.page_ads.owl-carousel{
		 display: block;
	}
  #ipad_land_screens.page_ads.owl-carousel, #mobile_screens.page_ads.owl-carousel{
   display: none;
  }
}
@media (max-width:767px){
	#ipad_land_screens.page_ads.owl-carousel, #ipad_portrait_screens.page_ads.owl-carousel{
		display: none;
	}
 #mobile_screens.page_ads.owl-carousel{
  display: block;
 }
 .resp_pb{
  padding-bottom: 30px;
 }
}

.need_help a{
 color: #f00;
}

 .update_div{
 background-color: #2E9929;
 box-shadow: 0 2px 5px #ddd;
 text-align: center;
 display: none;
 padding: 5px 0;
}
.update_div p{
 margin-bottom: 0;
 font-weight: 600;
 display: inline;
}
.update_div button{
  background-color: transparent;
	border: 1px solid #fff;
	padding: 4px 16px;
	margin-left: 10px;
	border-radius: 30px;
}

.blink {
    -webkit-animation: color-change 2s infinite alternate;
    -moz-animation: color-change 2s infinite alternate;
    -o-animation: color-change 2s infinite alternate;
    -ms-animation: color-change 2s infinite alternate;
    animation: color-change 2s infinite alternate;
}
@-webkit-keyframes color-change {
   100% { color: #fff; }
   0% { color: #000; }
 }
 @-moz-keyframes color-change {
   100% { color: #fff; }
   0% { color: #000; }
 }
 @-ms-keyframes color-change {
   100% { color: #fff; }
   0% { color: #000; }
 }
 @-o-keyframes color-change {
   100% { color: #fff; }
   0% { color: #000; }
 }
 @keyframes color-change {
   100% { color: #fff; }
   0% { color: #000; }
 }

.btn:focus, .btn:active:focus, .btn.active:focus{
	outline: none!important;
	outline-offset: 0px!important;
}
 /* 16-02-18 */
 .start-drive-btn{
   width: 150px;
 }
 .learning-goals-back{
	 margin: 0 auto;
	 display: block;
	 background-color: #888;
	 color: #fff;
 }

.start-drive-btn.guided_signoff_btn {
		 width: 100px;
		 padding:6px;
}
@media (max-width: 375px){
	 .start-drive-btn{
		 width: 130px;
	 }
}
@media (max-width: 325px){
	.start-drive-btn{
		width: 120px;
	}
	.start-drive-btn.guided_signoff_btn{
		 width: 90px;
		 padding:6px 2px;
	}
}
 /* 16-02-18 */
.before_space{
	 position: relative;
	 padding-top: 15px;
}
.before_space:before{
	 position: absolute;
	 content: "";
	 top: 0;
	 left: 0;
	 width: 100%;
	 background-color: #e6e6e6;
	 height: 15px;
}
.cus-w{
	width: 79%!important;
}
.cus-w-2{
	width: 84%!important;
}

.green-border {
	border: 2px solid green;
}
.red-border {
    border: 1px solid red;
}

.divide-div-red{
 font-weight: bold;
 color: #ff0000;
}

.normalText {
	color : '#666';
	font-weight : 'normal';
}

.redText {
	color : red;
	font-weight : bold;
}
.drive-day-night .alertify-button{
	background-color: #ccc;
}

.btn-success {
    color: #fff;
    background-color: #2E9929;
    border-color: #4cae4c;
}

/* 24-04-18 Lerning Summary */
	.chart_summary_label_area.summary_label_left{
		width: 30%;
	}
	.chat_summary_value_area.summary_value_right{
		width: 70%;
	}
/* 24-04-18 sup_home_shared */
	.sup_home_shared{
		text-align: center;
		margin-top: -5px;
		position: absolute;
		top: 37px;
		right: 9px;
	}
	.sup_home_shared span{
		font-size: 10px;
		padding-bottom: 0px;
		display: inline-block;
	}
	.sup_home_shared .sup_shared_btn, .sup_shared_btn.guided_auto_div{
		width: 100%;
		margin-bottom: 5px;
        text-align: center;
	}
	.sup_home_shared .sup_shared_btn button, .sup_shared_btn.guided_auto_div div.guide_a{
		display: inline-block;
	}
	.sup_home_shared .sup_shared_btn button:first-child, .sup_shared_btn.guided_auto_div div.guide_a:first-child{
		margin-right: 10px;
	}
    .sup_shared_btn.guided_auto_div div.guide_a.active{
        background-color: #ac4545;
        color: #fff;
        border-color: #ac4545;
    }
	.bg-transparent{
		background-color: transparent!important;
	}
	.m-t-5{
		margin-top: 5px!important;
	}
	.m-t-3{
		margin-top: 3px!important;
	}
	.new_cus_btn{
		padding: 5px 8px;
	}
	.lg_achived_help{
		border-radius: 50%;
        background-color: transparent;
        border: 1px solid blue;
        padding: 5px;
        color: blue;
        font-size: 16px;
        text-align: center;
        height: 22px;
        width: 22px;
        line-height: 10px;
        font-weight: 500;
        margin-top: 5px;
        margin-bottom: 10px;
	}


	/* .dashboard_icon_btns {
		float: left;
		 width: 33.3%;
	 } */


/* New dashboard 02-05-18 */

.dash_widget_box .left_widget .dashboard_spl_icons_blocks{
	display: table;
	width: 100%;
}
.dash_widget_box .left_widget .widget-table{
	display: table-cell;
	height: 120px;
	vertical-align: middle;
	text-align: center;
  margin: 0 auto;
  width: 330px;
}
.dash_widget_box .left_widget .widget-table .dashboard_spl_text_box{
	width: auto;
  margin-top: 26px;
	padding: 0;
	margin-left: 15px;
}
.dash_widget_box .left_widget .dashboard_spl_icons_box{
	float: left;
	margin: 0;
}
.dash_widget_box .left_widget .dashboard_spl_lable{
	font-size: 24px;
}
.dash_widget_box .left_widget.srt_drv_cus .dashboard_spl_lable{
    font-size: 26px;
    font-weight: 500;
}
.dash_widget_box .left_widget.srt_drv_cus .widget-table .dashboard_spl_text_box{
    margin-top: 20px;
}
/*leaderboard table */
.leaderboard_table table{
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	background-color: #fff;
}
.leaderboard_table table thead{
	background-color: #888;
}
.leaderboard_table table thead tr td{
  color: #fff;
	font-weight: 400;
	padding: 15px;
}
.leaderboard_table table tr.user_pro{
	background-color: #ccc;
}
.leaderboard_table table tr.user_pro td{
	color: #000;
}
.leaderboard_table table tbody tr td{
	border-collapse: collapse;
	border-bottom: 1px solid #ddd;
	padding: 5px 15px;
	font-weight: 400;
}
.leaderboard_table table tr td .pro_img{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
}
.leaderboard_table table tr td .pro_img img{
	width: 100%;
	height: 100%;
}
.m-r-20{
	margin-right: 20px;
}
.lrboard_list{
	position: absolute;
	right: 30px;
	top: 15px;
}
.bg-yellow-cus {
    background-color: #e6a314!important;
    color: #333!important;
    border: 1px solid #da990f;
}
.bg-gray-cus {
    background-color: #455a64!important;
    color: #fff!important;
    border: 1px solid #364952;
}
.dash_widget_box .left_widget .bg-gray-cus .dashboard_spl_icons_box{
    background-color: #fff;
}
.bg-green-cus {
    background-color: #267725!important;
    color: #fff!important;
    border: 1px solid #126211;
}
#achivesupervisorsList{
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.cus_checkbox input.checkbox-custom{
    width: 25px;
    height: 25px;
    float: none;
		margin-top: 0;
}
.required_field{
	color: red;
	font-size: 14px;
}
.extra_space_scroll {
	height: 200px;
}
.terms_list ol li{
	padding-bottom:8px;
}
.logoimg{
	width:100px;
}
.p-l-30 {
  padding-left: 30px;
}
.profile_star{
	position: relative;
	padding-left:15px;
	font-weight: bold;
}
.profile_star span{
	font-size: 23px;
	margin-right: 5px;
	position:absolute;
	left: 0;
	top: -4px;
}

.provider_radio_button {
	margin-bottom: 10px;
}

.redline {
	height:1px;
	border-top:1px solid #f00;
}
/* 31-07-18 resume recording btn */
.resume_btn_text1{
	font-size: 14px;
  line-height: 0;
  margin-top: 3px;
}
.resume_btn_text2{/* 01-10-18 resume recording btn */
	font-size: 9px;
  line-height: 0;
  margin-top: -7px;
	padding-bottom: 3px;
}
/*08-08-18 vehicle list jagan */
.scroll-vehicles{
    height: 100%;
    overflow: auto;
}
.auto_manual_checkbox{
    margin-left: 5px;
    margin-top: 5px;
}
.chartjs-render-monitor{
    width: 100px !important;
    height: 130px !important;
		margin: 0 auto;
}
/*08-08-18 vehicle list jagan */
@media (max-width: 767px){
	.dash_widget_box .dashboard_spl_icons_box{
		background-color: #dfdfdf;
		padding: 28px 0;
	}
    .dash_widget_box.dash_widget_box_trans .dashboard_spl_icons_box{
        background-color: transparent;
        padding: 15px 0 0 0;
    }
		.dash_widget_box.dash_widget_box_trans .left_widget.srt_drv_cus.lerners_lis_b.col-xs-9{
			width: 66.66666667%;
		}
		.dash_widget_box.dash_widget_box_trans .left_widget.srt_drv_cus .dashboard_spl_icons_box{
        padding: 10px 0 0 0;
				width:70px;
    }
    .dash_widget_box.dash_widget_box_trans .left_widget.srt_drv_cus .widget-table .dashboard_spl_text_box{
        margin-top: 12px;
    }
    .dash_widget_box.dash_widget_box_trans .dashboard_spl_icons_blocks{
        height: 120px;
        padding: 5px 0 5px 0;
    }
    .dash_widget_box.dash_widget_box_trans .left_widget .widget-table{
        width: 250px;
    }
	.dash_widget_box .left_widget .widget-table{
		height: 100px;
		width: 300px;
	}
	.dash_widget_box .left_widget .dashboard_spl_lable{
		font-size: 20px;
	}
    .dash_widget_box .left_widget.srt_drv_cus .dashboard_spl_lable{
        font-size: 20px;
    }
		.dash_widget_box.dash_widget_box_trans .left_widget.srt_drv_cus.lerners_lis_b .dashboard_spl_lable{
				text-align: left;
    }
    .dash_widget_box .left_widget.srt_drv_cus .widget-table .dashboard_spl_text_box{
        margin-top: 24px;
    }
	.dash_widget_box .dashboard_spl_icons_blocks{
		height: 130px;
        padding: 10px 0;
	}
	.dash_widget_box .taphelp{
		margin-bottom: 15px;
	}
	.dash_widget_box .left_widget.logbook_resp .dashboard_spl_icons_blocks{
		display: block;
	}
	.dash_widget_box .left_widget.logbook_resp .widget-table .dashboard_spl_text_box{
		width: 97%;
        margin-top: 0px;
        padding: 3px;
        margin-left: 0px;
	}
	.dash_widget_box .left_widget.logbook_resp .dashboard_spl_lable{
		font-size: 14px;
	}
	.dash_widget_box .left_widget.logbook_resp .dashboard_spl_icons_box{
		float: none;
		margin: auto;
	}
	.dash_widget_box .left_widget.logbook_resp .widget-table{
		display: block;
		height: auto;
		width: auto;
	}
	.leaderboard_table table tbody tr td{
		padding: 5px;
	}
	.leaderboard_table table thead tr td{
		padding: 15px 5px;
	}
	.leaderboard_table table tbody tr td.min-width1{
		max-width: 65px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.lrboard_list{
		right: 5px;
	}
	.resp_padding_left_5{
		padding-left: 5px;
	}
	.resp_padding_right_5{
		padding-right: 5px;
	}
    .resp_padding_left_0{
		padding-left: 0px;
	}
	.resp_padding_right_0{
		padding-right: 0px;
	}
	.resp_mar_top_0{
		margin-top: 0!important;
	}
    .lr_dashboard_charts_area{
        margin-top: 0;
    }
    .dashboard_view_div .lr_dashboard_charts_blog canvas.chatbox{
			width: 110px !important;
	    height: 140px !important;
			display: inline-block !important;
    }
		.terms_title_box.pop_content h3 {
	    font-size: 18px;
	  }
}
@media (max-width:640px) {
  .resDiv1 {
      font-size: 13px!important;
  }
}

@media (min-width: 501px){
    .resp_data_desk{
        display: block;
    }
    .resp_data_mob{
        display: none;
    }
}
@media (max-width: 500px){
    .resp_data_desk{
        display: none;
    }
    .resp_data_mob{
        display: block;
    }
		.terms_list ol{
			padding-left: 15px;
		}
		.terms_list ol li{
			padding-bottom: 8px;
		}
		.terms_list ul{
			padding-left: 15px;
		}
		.logoimg{
			width:50px;
		}
		.sup_email .profile_info_dropdown{
				width: 76%;
		}
}
/* 08-08-18 auto manual checkbox */
@media (max-width: 480px){
    .auto_manual_checkbox .checkbox-custom{
        width: 20px!important;
        height: 25px!important;
    }
    .auto_manual_checkbox .checkbox-custom-label{
        margin: 10px 5px 5px!important;
    }
}
/* 08-08-18 auto manual checkbox */
@media (max-width: 340px){
	.dash_widget_box .left_widget .widget-table{
		width: 265px;
	}
	.leaderboard_table table tbody tr td{
		font-size: 12px;
		padding: 3px;
	}
    .dash_widget_box.dash_widget_box_trans .dashboard_spl_icons_blocks{
        height: 110px;
    }
		.dash_widget_box.dash_widget_box_trans .left_widget.srt_drv_cus.lerners_lis_b.col-xs-9 .dashboard_spl_icons_blocks{
			padding: 0;
		}
		.dash_widget_box .left_widget.srt_drv_cus .dashboard_spl_lable{
			font-size:17px;
		}
		.dash_widget_box.dash_widget_box_trans .left_widget.srt_drv_cus .dashboard_spl_icons_box{
        width: 70px;
    }
		.sup_email .profile_info_dropdown{
				width: 72%;
		}
}

.inapppurchase{
	border-style:groove;
	margin-left:50px;
	min-width: 200px;
	margin:20px 0px;
}

/* Removing arrows from input type number 04-10-2018 SATYA */

/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}