body{font-family: 'Roboto', sans-serif;color:#000; background:#084a94;font-size:16px;line-height: 30px;}
h2{font-size:28px;margin:0;font-weight:500;}

.header-wrapper{position:relative;}
.header-wrapper .header{background: rgba(5,159,112,1);background: -moz-linear-gradient(left, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,159,112,1)), color-stop(44%, rgba(5,159,113,1)), color-stop(100%, rgba(8,74,148,1))); background: -webkit-linear-gradient(left, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);background: -o-linear-gradient(left, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);
background: -ms-linear-gradient(left, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);background: linear-gradient(to right, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059f70', endColorstr='#084a94', GradientType=1 );height:56px;padding: 10px 0 0 50px;float: left;width: 100%;position:relative;}
.header-wrapper .header  .logo{width:250px;float:left;z-index: 1;position: relative;}
.header-wrapper .header  .right-col{float:right;}
.header-wrapper .header .right-col span {margin-left: 10px;}
.header-wrapper .header  .logo img{box-shadow:0px 0px 6px 3px rgba(204, 204, 204, 0.49);border-radius: 5px;}

.content-section{background:#fff;float: left;width: 100%;padding:90px 50px 10px 50px;position: relative;}
.header-wrapper .header .mailbox{}
.header-wrapper .header .mailbox .glyphicon {top: 3px;}
.header-wrapper .header .mailbox a {color:#fff;padding: 12px 0 0 12px;display: inline-block;}
.content-section .section-2 {margin-top: 15px;float: left;}
.content-section .section-2 h2{font-size:28px;font-weight:500;}

.top-stripe{background:#f1f9fa;padding:8px 0;position:relative;}
.top-bg:before {position: absolute;left: 0;content: '.';font-size:0;width: 50%;background: #f1f9fa;line-height: 40px;}
.top-bg{background:#0164a3;padding:0 0;float:left;width:100%;}
.top-bg .left-col{float:left;width:70%;background: #f1f9fa;height: 40px;-webkit-transform: skew(20deg);   -moz-transform: skew(20deg);	 -o-transform: skew(20deg);	float: left;}
.top-bg .right-col{float:left;width:30%;position:relative}
.top-bg .right-box{float:right;}
.top-bg .container {position: relative;}
.top-stripe a{color:#004281;}
.top-stripe a:hover{color:#231f20;text-decoration:none;}
.individual{/*background-image:url(../images/individual.png);background-repeat: no-repeat;*/padding-left: 5px;line-height: 40px;height: 40px;display: inline-block;background-position: top 10px left 10px;color:#fff;}
.individual:hover{color:#fff;}
.business{/*background-image:url(../images/business.png);background-repeat: no-repeat;*/padding-left: 5px;line-height: 40px;height: 40px;display: inline-block;background-position: top 11px left 7px;color:#fff;}
.business:hover{color:#fff;}	

.advisor{/*background-image:url(../images/advisor.png);background-repeat: no-repeat;*/padding-left: 5px;line-height: 40px;height: 40px;display: inline-block;background-position: top 11px left 7px;color:#fff;}
.advisor:hover{color:#fff;}	

.logout{/*background-image:url(../images/logout.png);background-repeat: no-repeat;*/padding-left: 5px;line-height: 40px;height: 40px;display: inline-block;background-position: top 11px left 7px;color:#fff;}
.logout:hover{color:#fff;}	

.company{/* background-image:url(../images/business-icon.png);background-repeat: no-repeat; */padding-left: 5px;line-height: 40px;height: 40px;display: inline-block;background-position: top 11px left 7px;color:#fff;}
.company:hover{color:#fff;}	
.globeiFont i{font-size:19px;color:#fff;vertical-align: middle;}
 
.logo{padding:10px 0;}


.header-bg .flLeft{float:left;width:65%;padding-right: 30px;box-sizing:border-box;font-size:16px;font-weight:400;}
.header-bg .flLeft h3{font-size:28px;font-weight:500;color:#077283;margin:0 0 20px 0;line-height: 40px;}
.header-bg .flLeft p{padding-bottom:5px;line-height:26px;}
.header-bg .flRight{float:right;width:35%;}
.header-bg .flRight img {width: 100%;}

.content-section .form-wrapper {margin: 40px 0 0 0;}
.content-section .form-wrapper h2{font-size: 24px;}
.content-section .form-wrapper .form-control{margin:0 0 15px 0;}
.content-section .form-wrapper .btn-primary{margin:0 0 10px 0;}

.content-section .left-sidebar{margin: 0;padding: 0;list-style: none;}
.content-section .left-sidebar li a{color:#000;display: block;padding: 5px 10px;}
.content-section .left-sidebar li.active{background:#077283;margin-bottom: 5px;color:#fff;border-radius:4px;}
.content-section .left-sidebar li.focus{background:#077283;margin-bottom: 5px;color:#fff;border-radius:4px;}
.content-section .left-sidebar li.active a{color:#fff;}
.content-section .left-sidebar li a:hover{text-decoration:none;}

.listing-right-col h2{position:relative;margin-bottom: 20px;}
.listing-right-col h2:after{content: '';position: absolute;left: 0;bottom: -10px;display: block;width: 80px;height: 2px;background: #059f70;}

.listing-wrapper{margin: 10px 0 0 0;padding: 15px 5px;float: left;width: 100%;background: #ececec;border: solid 1px #e4e3e3;border-radius:4px;}
.listing-wrapper .listing-title{font-weight:500;color:#000;line-height: normal;}
.listing-wrapper .created-section{font-size:12px;margin-top: 10px;}
.listing-wrapper .created-section .created{margin-right:10px;}
.listing-wrapper .clickbtn {text-align: right;}
.listing-wrapper .clickbtn .btn-default{background: #077283;color: #fff;padding: 3px 10px;border: solid 1px #fff;box-shadow: none;}
.listing-wrapper .clickbtn .btn-default:hover{background: #075e6c;}
.listing-wrapper .status .label{padding: 3px 5px;}
.listing-wrapper .right-column{margin:0;padding:0;}
.listing-wrapper .progress{background-color: #4b4a4a;border-radius: 2px;box-shadow: none;border: solid 1px #4b4a4a;height:10px;    margin-bottom: 10px;}
.listing-wrapper .status-report h5{margin: 4px 0 8px 0;}

.listing-wrapper .progress-bar-success{background-color: #059f70;}

.content-section .changepass-wrapper{margin:35px 0 0 0;background: #ececec;padding: 15px;}
.content-section .changepass-wrapper .btn-primary{background: #616161;border-color: #616161;}
.content-section .changepass-wrapper .form-control{margin:0 0 15px 0;}

/*.custom-tabs{float:left;width: 100%;}*/
.custom-tabs .tabs-menu{margin:0;padding:0;}
.custom-tabs .tabs-menu ul{margin:0;padding:0;list-style:none;}
.custom-tabs .tabs-menu ul li.no-click{background:#077283;color:#fff;border-radius:4px;display: block;padding:  10px;}
.custom-tabs .tabs-menu ul li{padding: 13px 15px 0px 10px;line-height:normal;}
.custom-tabs .tabs-menu ul li.active-arrow{background:url(../images/right-arrow.png);background-repeat:no-repeat;background-position:center right;font-weight:500;}
.custom-tabs .tabs-menu ul li a{color:#000;display: block;}
.custom-tabs .tabs-menu ul li a:focus{color:#000;display: block;}
.custom-tabs .tabs-menu ul li a:hover{text-decoration:none;}

.tab-content-wrapper .progress{background-color: #4b4a4a;border-radius: 2px;box-shadow: none;border: solid 1px #4b4a4a;height:10px;    margin-bottom: 10px;}
.tab-content-wrapper .progress-bar-success{background-color: #059f70;}

.tab-content-section {margin: 0px 0 25px 0;color: #077283;}
.tab-content-section .question-left{float:left;width:30px;width: 5%;}
.tab-content-section .question-right{float:right;width: 95%;}
.main_question_title { text-decoration: underline;  }
.paging-footer{text-align:center;float: left;width: 100%;}
.paging-footer .btn-wrapper {padding: 30px 0;}
.paging-footer .btn-wrapper button {margin: 0 5px;}
.paging-footer .nxtbtn {background: #077283;border-color: #077283;box-shadow: none;color: #fff;padding: 10px 30px;outline:none;border-radius:3px;}
.paging-footer .prebtn {background: #616161;border-color: #616161;box-shadow: none;color: #fff;padding: 10px 30px;outline:none;border-radius:3px;}

.comment-text-wrapper {clear: both;}
.addnote-wrapper{text-align: right;margin-bottom: 5px;margin-top: 20px;float: right;}
.addnote-wrapper .add-note {background: #eaeaea;border-color: #ccc;color: #000;box-shadow:none;outline:none;}
.addnote-wrapper .add-note:focus {background: #eaeaea;border-color: #ccc;color: #000;box-shadow:none;outline:none;}
.addnote-wrapper .add-note .glyphicon-comment{color: #666;}

.show-more{background:#077283;border-color:#077283;font-weight:100;display: inline-block;}
.show-more .glyphicon {top: 2px;}

h2.h2line{position:relative;margin-bottom: 40px;}
h2.h2line:after{content: '';position: absolute;left: 0;bottom: -10px;display: block;width: 80px;height: 2px;background: #059f70;right: 0;  margin: auto;}
.headtopright {position: relative;left: 0;top: 55px;z-index: 1;}
.headtopright #module_name{position: absolute;right: 50px;top: 0;z-index: 1;color:#272727;font-size: 19px;}
#playpausebutton[data-audio-state="play"]{background:url(../images/pause.png); background-repeat:no-repeat; background-position:top 2px left;height: 19px;width: 185px;margin-left: 10px;padding-left: 21px;display: inline-block;line-height: 21px;color: #059f70;cursor: pointer;font-weight: 600;font-size: 14px;}
#playpausebutton[data-audio-state="pause"]{background:url(../images/play.png); background-repeat:no-repeat; background-position:top 2px left;height: 19px;width: 185px;margin-left: 10px;padding-left: 21px;display: inline-block;line-height: 21px;color: #059f70;cursor: pointer;font-weight: 600;font-size: 14px;}

.progress_bar_container{position:relative;}
/* div#updatequestion {margin-top: 30px;} */
.progress_bar_container .question_number{position: absolute;left: -1px;top: -10px;background: #059f70;width: 30px;height: 30px;border-radius:50%;color: #fff;border: solid 1px #fff;line-height: 25px;text-align: center;font-size: 14px;    font-family: 'Glyphicons Halflings';z-index:1;}
.progress_bar_container .question_number:after{position: absolute;content: "\e252";top: -23px;color: #059f70;left: 8px;}
.progress_bar_container .total_number{position: absolute;right: -1px;top: -10px;background: #4b4a4a;width: 30px;height: 30px;border-radius:50%;color: #fff;border: solid 1px #fff;line-height: 30px;text-align: center;font-size: 14px}

.copyright {/*width: 100%;*/clear: both;font-size: 13px;border-top: solid 1px #e4e0e0; padding: 10px 0 0 0;margin:0 -40px;/*float: left;*/ font-size:15px;}
.footer-col{background: rgba(5,159,112,1);background: -moz-linear-gradient(left, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,159,112,1)), color-stop(44%, rgba(5,159,113,1)), color-stop(100%, rgba(8,74,148,1))); background: -webkit-linear-gradient(left, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);background: -o-linear-gradient(left, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);
background: -ms-linear-gradient(left, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);background: linear-gradient(to right, rgba(5,159,112,1) 0%, rgba(5,159,113,1) 44%, rgba(8,74,148,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059f70', endColorstr='#084a94', GradientType=1 );padding: 10px 0 ;float: left;width: 100%;}


#pagination span {/* margin-left: 4px; */padding: 1px;min-width: 18px;height: 18px;text-align: center;line-height: 13px;margin-bottom: 6px;display: inline-block; font-size: 10px;position: relative;font-family: verdana;line-height: normal;	cursor: pointer;}
#s-default {color: white;border: solid 1px #a0a09f;color: #a0a09f;}
#s-active {color: white;border: solid 1px #084a94;background: #084a94;}
#s-submitted {color: #ffffff;border: solid 1px #059f71;background: #059f71;}
#s-viewed {color: #ffffff;border: solid 1px #8a8a8a;background: #8a8a8a;}
#s-skipped {color: #fff;border: solid 1px #FFA500;background: #FFA500;}
#commonModal .modal-body{text-align: center;}
.attachment {border: solid 1px #ccc;margin: 20px 0;padding: 20px;text-align: center;}
.attachment img{max-width:100%;}
#jplayer_video{margin:auto;background:#f2f2f2;}
#jplayer_video_play_pause{font-weight: 600;font-size: 18px;background: #eaeaea;color: #6d6d6d;display: inline-block;border: solid 1px #b3b3b3;padding: 8px 15px;border-radius: 5px;margin-top: 15px;cursor: pointer;}

.eula {overflow: scroll;width: 100%;max-height: 455px;overflow-x: hidden;margin-bottom: 20px;}
.proceed-btn {float: right;}
.instruction_row{float:left;width:100%;border-bottom: dotted 1px #dcdbdb;margin-bottom: 15px;    padding: 5px 0 15px 0;}
/* .instruction:last-child{border-bottom:none;} */
.instruction_row .instruction-image{float:left;margin-right: 20px;width: 115px;}
.instruction_row .instruction-caption{float:left;text-transform: capitalize;padding-top: 15px;width: calc(100% - 140px);font-size: 25px;}

#paging-footer-loading {margin: 20px 0px;text-align: center;float: left;width: 100%;color: green;}

.site-user-warp{padding-bottom:20px;}
.site-user-warp .add-siteuser{text-align:right;}
.site-user-warp .add-siteuser .btn-success {color: #fff;outline:none;text-shadow:none;background-color: #059f70;border-color: #069a73;padding: 5px 10px; font-size: 12px}
.dataTables_wrapper table.dataTable {border-collapse: collapse !important;}
.dataTables_wrapper th.sorting {min-width: 90px !important;}
.dataTables_wrapper th.sorting_disabled:last-child {min-width:210px !important;}
.dataTables_wrapper .row:nth-child(1) {margin:0;background: #ececec;padding: 5px 0 3px 0;border: solid 1px #e6e6e6;}
.dataTables_wrapper table.dataTable{margin:0;font-size: 14px;}
.dataTables_wrapper .row:nth-child(3) {margin:0;}
.dataTables_wrapper .row:nth-child(3) div.dataTables_info{margin-left: -15px;font-size: 13px;color: #666;}
.dataTables_wrapper .row:nth-child(3) div.paging_simple_numbers{margin-right: -15px;font-size: 13px;}
.dataTables_wrapper .row:nth-child(3) div.paging_simple_numbers .pagination>li>a{padding: 3px 9px;}
.dataTables_wrapper .row:nth-child(3) div.paging_simple_numbers .pagination>.active>a{background:#ececec;color:#000;border-color: #dddddd;}

.table-wrapper .btn-primary{padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;background-color: #077283;
border-color: #075d6b;}
.table-wrapper .btn-danger{padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;}

.contact-info{background:#ececec;padding: 15px;} 
.contact-info span.glyphicon {color: #059f71;top: 2px;}
.contact-info a {color: #000;}

.contact-info2{background:#ececec;padding: 15px;margin-top:20px;} 
.contact-info2 a{display:block;background:#059f71;color:#fff;padding:10px; text-align:center;} 
.contact-info2 a:hover{text-decoration:none;background:#058861;} 
.contact-info2 a:focus{text-decoration:none;} 

.form-container{background:#f9f9f9;padding: 30px 30px 30px 30px;box-sizing:border-box;float: left;width: 100%;}
.form-container .form-horizontal .control-label {padding-top: 0;}
.form-container .form-signin{width:90%}
.form-container .form-signin .submitbtn{font-size: 18px;padding: 10px 25px;background: #616161;border-color: #616161;}
.form-container label{font-weight:200;font-size:14px}
.fnt-size h2{font-size:24px;margin-bottom: 50px;}
.sub-question{  color:black; }
.sub-question-title{ color:red; text-decoration: underline;  } 
#action_more_button {  cursor: pointer; }
span.pagination-legend {/* margin-left: 4px; */ padding: 1px;min-width: 12px;height: 12px;text-align: center;line-height: 13px;margin-left: 8px;display: inline-block; position: relative;font-family: verdana;line-height: normal;	cursor: pointer;}
.legend-area { font-size: 13px; }

.knowledge_test h3 {background: url(../images/bomb.jpg);background-repeat: no-repeat;background-position: top -3px left;padding-left: 55px;font-size: 34px;height: 45px;padding-top: 7px;margin-bottom: 15px;}
.knowledge_test span {font-weight: 500;font-size: 22px;padding: 10px 0 20px 0;display: block;}
.knowledge_test ul {margin: 0;padding: 0 0 20px 20px;}
.knowledge_test button {background:#d8d8d8;border: solid 1px #ccc;padding: 5px 15px;border-radius: 4px;}
.knowledge_test div#demo{padding: 10px 0;}

.module_attachment {text-align: center;}

.module_introduction {
    color: red;
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
    

    font-family: 'Oxygen', sans-serif;


    text-transform: capitalize;
}
.jp-video,jp-jplayer,#jp_common{ margin: 0 auto;  }


#pagination .category::before {
	  animation: blinker 1s linear infinite;
}
#pagination .category::before {
    content: "\25bc";
    position: absolute;
    top: -11px;
    left: 5px;
    color: red;
    font-size: 7px;
}
#pagination .category {
    margin-left: 8px;
    border:1px solid red;
}
#pagination .category:first-child {
    margin-left: 0px !important;
}

.jp-previous,.jp-next,.jp-repeat,.jp-shuffle{ display: none !important;  }
#jp_common {
    height: auto !important;
}

.company_name {
    position: absolute;
    width: 200%;
    z-index: 1;
}

.categoryhiglight {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
.categoryhiglight:after {
    display: inline-block;
    margin: 0 0 4px 8px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #999;
    width: 140px;
}
.categoryhiglight:before {
    display: inline-block;
    margin: 0 8px 4px 0;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #999;
    width: 140px;
}
.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*New Home*/
.newHome h1{font-size: 28px; font-weight: 500; text-align: center;color: #077283;margin: 0 0 20px 0;line-height: 40px;}
.newHome h1 sup{font-size: 18px;}
.newHome p{font-size: 18px; margin-bottom:25px; text-align: justify;}
.firstSection{ padding:10px 0 40px;}
.secondSection, .FourthSection{background-color:#edf5ff; margin-left: -50px; margin-right: -50px; padding:40px 20px;}

.ThirdSection{padding:50px 0px 20px;}
.ThirdSection h4, .FourthSection h4{text-align: center; color: #010101; font-size: 28px; margin: 0 0 35px 0;}

.contactSection{margin-left: -50px; margin-right: -50px; background: url(../images/contact-us.jpg) top center no-repeat; padding:80px 241px; color: #fff; text-align: center; font-size: 26px; font-weight: 500; line-height: 40px;background-size:cover;}
.contactSection a{color:#069f71; font-style: italic;}
.index_Site .content-section #maincontent{ height: auto!important;}
.copyright span.bottomText{display:block; padding-top:34px; }
.copyright div:nth-child(2){ text-align:right;}

@media (min-width: 1200px){
.container {    width: 1350px;}
}
@media (max-width: 1024px){
.content-section{padding: 90px 30px 10px 30px;}
.newHome h1{font-size: 24px; line-height: 36px;}
.secondSection, .FourthSection{margin-left: -30px; margin-right: -30px;}
.secondSection div:nth-child(1), .FourthSection div:nth-child(2){ padding-bottom:25px;}
.contactSection {  margin-left: -30px;  margin-right: -30px; padding:40px; font-size: 22px; line-height: 32px;}
.copyright {  margin: 0 -30px;  }
.copyright span.bottomText{text-align: center; padding:25px 0; }
.copyright div:nth-child(2){ text-align:center;}
}
  @media (max-width: 680px){
.contactSection {  padding: 40px 20px;  font-size: 20px;  line-height: 26px;}
 
  }