/* My Custome Style */
html, body {
	height: 100%;
}
 .body_text{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 12px;
     line-height: 1.42857143;
     color: #333;
}
 .container-border{
    border-radius:7px;
     border:solid 1px #cccccc;
     min-height:400px;
     margin-top:10px;
     width:812px;
     margin-left:-31px;
}
 .container-border2{
    border-radius:10px;
     border:solid 1px #cccccc;
     min-height:250px;
     margin-top:10px;
     margin-bottom:10px;
     display: inline-block;
    width: 100%;
}
 .text-right{
    text-align:right;
}
 .nav-wrapper{
    border-radius: 7px;
    width: 95%;
    display: inline-block;
    margin: 0px 2.5%;
}
 .nav-pills > li{
     padding:0px 0.5%;
 }
 
/*background:#c11d2c;
*/
 a.create_btn{
    background:url(../images/create_icon.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 9px;
}
 a.create_btn:hover{
    background:url(../images/create_icon_over.png) no-repeat;
}
 a.assign_btn{
    background:url(../images/assign_icon.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_disable{
    background:url(../images/assign_icon_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn:hover{
    background:url(../images/assign_icon_over.png) no-repeat;
}


a.pass_btn{
    background:url(../images/pass_icon.png) no-repeat;
    width:30px;
    height:27px;
    display:block;
    float:left;
    margin:0px 15px;
}
 a.pass_btn_disable{
    background:url(../images/pass_icon_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.pass_btn:hover{
    background:url(../images/pass_icon_over.png) no-repeat;
}

/*----------------*/
 a.create_icon_org{
    background:url(../images/create_icon_org.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.create_icon_org:hover{
    background:url(../images/create_icon_org_over.png) no-repeat;
}
 a.create_icon_grp{
    background:url(../images/create_icon_grp.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.create_icon_grp:hover{
    background:url(../images/create_icon_grp_over.png) no-repeat;
}
 a.create_icon_doc{
    background:url(../images/create_icon_doc.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.create_icon_doc:hover{
    background:url(../images/create_icon_doc_over.png) no-repeat;
}
 a.create_icon_course{
    background:url(../images/create_icon_course.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.create_icon_course:hover{
    background:url(../images/create_icon_course_over.png) no-repeat;
}
/*a.groupHome_btn{
    background:url(../images/assign_icon.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.groupHome_btn_disable{
    background:url(../images/assign_icon_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.groupHome_btn:hover{
    background:url(../images/assign_icon_over.png) no-repeat;
}
*/
 a.groupHome_btn{
    background:url(../images/assign_icon_grphome.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.groupHome_btn_disable{
    background:url(../images/assign_icon_grphome_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.groupHome_btn:hover{
    background:url(../images/assign_icon_grphome_over.png) no-repeat;
}
 a.create_icon_cat{
    background:url(../images/create_icon_cat.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.create_icon_cat:hover{
    background:url(../images/create_icon_cat_over.png) no-repeat;
}
 a.create_icon_certificate{
    background:url(../images/create_icon_certificate.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.create_icon_certificate:hover{
    background:url(../images/create_icon_certificate_over.png) no-repeat;
}
/*************/
 a.assign_btn_co_grp{
    background:url(../images/assign_btn_co_grp.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_co_grp_disable{
    background:url(../images/assign_btn_co_grp_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_co_grp:hover{
    background:url(../images/assign_btn_co_grp_over.png) no-repeat;
}
 a.assign_btn_co_user{
    background:url(../images/assign_btn_co_user.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_co_user_disable{
    background:url(../images/assign_btn_co_user_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_co_user:hover{
    background:url(../images/assign_btn_co_user_over.png) no-repeat;
}
 a.assign_btn_doc_grp{
    background:url(../images/assign_btn_doc_grp.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_doc_grp_disable{
    background:url(../images/assign_btn_doc_grp_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_doc_grp:hover{
    background:url(../images/assign_btn_doc_grp_over.png) no-repeat;
}
 a.assign_btn_doc_user{
    background:url(../images/assign_btn_doc_user.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_doc_user_disable{
    background:url(../images/assign_btn_doc_user_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.assign_btn_doc_user:hover{
    background:url(../images/assign_btn_doc_user_over.png) no-repeat;
}
/*************/
 a.nav_uco_rpt{
    background:url(../images/reports_icon/nav_uco_rpt.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.nav_uco_rpt:hover{
    background:url(../images/reports_icon/nav_uco_rpt_over.png) no-repeat;
}
 a.nav_uco_arch_rpt{
    background:url(../images/reports_icon/nav_uco_arch_rpt.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.nav_uco_arch_rpt:hover{
    background:url(../images/reports_icon/nav_uco_arch_rpt_over.png) no-repeat;
}
 a.nav_org_license_rpt{
    background:url(../images/reports_icon/nav_org_license_rpt.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.nav_org_license_rpt:hover{
    background:url(../images/reports_icon/nav_org_license_rpt_over.png) no-repeat;
}
 a.create_icon{
    background:url(../images/create_icon.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.create_icon:hover{
    background:url(../images/create_icon_over.png) no-repeat;
}
 a.edit_btn{
    background:url(../images/edit_icon.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.edit_btn:hover{
    background:url(../images/edit_icon_over.png) no-repeat;
}
 a.edit_btn_disable{
    background:url(../images/edit_icon_disable.png) no-repeat;
    width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.delete_btn_disable{
    background:url(../images/delete_icon_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.delete_btn{
    background:url(../images/delete_icon.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.delete_btn:hover{
    background:url(../images/delete_icon_over.png) no-repeat;
}
 a.archive_btn_disable{
    background:url(../images/archive_icon_disable.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.archive_btn{
    background:url(../images/archive_icon.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.archive_btn:hover{
    background:url(../images/archive_icon_over.png) no-repeat;
}
 a.import_btn{
    background:url(../images/download_icon.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.import_btn:hover{
    background:url(../images/download_icon_over.png) no-repeat;
}
 a.save_btn{
    background:url(../images/save_icon.png) no-repeat;
     width:28px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.coursePreview_btn{
    background:url(../images/preview.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.courseLaunch_btn{
    background:url(../images/start_icon.jpg) no-repeat;
     width:20px;
     height:20px;
     display:block;
     float:left;
     margin:0px 15px;
}
 span.search_icon{
    background:url(../images/search_icon.png) no-repeat;
     width:20px;
     height:18px;
}
 .dropdown-toggle{
    font-size:13px;
     font-weight:bold;
     color:#000000;
    background:none;
     padding:0px;
     border:none;
}
/*Reports Page*/
 a.nav_icon1{
    background:url(../images/reports_icon/icon_1.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.nav_icon1:hover{
    background:url(../images/reports_icon/icon_1_over.png) no-repeat;
}
 a.nav_icon2{
    background:url(../images/reports_icon/icon_2.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.nav_icon2:hover{
    background:url(../images/reports_icon/icon_2_over.png) no-repeat;
}
 a.nav_icon3{
    background:url(../images/reports_icon/icon_3.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.nav_icon3:hover{
    background:url(../images/reports_icon/icon_3_over.png) no-repeat;
}
 a.nav_icon4{
    background:url(../images/reports_icon/icon_4.png) no-repeat;
     width:30px;
     height:27px;
     display:block;
     float:left;
     margin:0px 15px;
}
 a.nav_icon4:hover{
    background:url(../images/reports_icon/icon_4_over.png) no-repeat;
}
/*Reports Page*/
 .table > tbody > tr > td{
    font-size:12px;
}

 a.navigator{
    color:#000000;
     margin:0px 5px;
     background:#e9e9e9;
     border:solid 1px #dcdcdc;
     padding:5px 8px;
}
 a.page_no{
    color:#000000;
}
 .blue-bar{
    background:#808080;
     font-size:13px;
     border-radius:5px;
     padding:7px 0px 7px 15px;
     margin-top:-15px;
     color:#ffffff;
     clear:both;
}
 .padd0{
    padding:0px !important;
}
 .margin-top-20{
    margin-top:20px !important;
}
 div.nav_outer_wrapper{
    position:relative;
     top:-20px;
     left;
    0px;
}
 table {
    border-spacing: 0;
}
/* the first 'th' within the first 'tr' of the 'thead': */
 thead tr:first-child td:first-child {
    border-radius: 5px 0 0 5px;
}
/* the last 'th' within the first 'tr' of the 'thead': */
 thead tr:first-child td:last-child {
    border-radius: 0 5px 5px 0;
}
/* the first 'td' within the last 'tr' of the 'tbody': */
 tbody tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}
/* the last 'td' within the last 'tr' of the 'tbody': */
 tbody tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}
 input[type="date"]{
    width:140px;
}
 .btn_import{
    background:url(../images/button.png) no-repeat;
     display:block;
     text-align:center;
     width:126px;
     height:32px;
     padding:5px 0 0 0;
}
 .btn_import:hover{
     background:url(../images/button_over.png) no-repeat;
     color:#ffffff;
     text-decoration:none;
}
 .container-half-width{
     width:100%;
     margin-left:-97px;
     margin-bottom:20px;
     min-height:200px;
}
 .container-quarter-width{
    padding: 5px;
    margin: 10px auto;
    min-height: 150px;
    width: 97%;
}
 .container-help-width{
     width:97%;
     margin-left:auto;
     margin-right:auto;
     margin-bottom:10px;
     min-height:150px;
}
 .container_footer{
     background:#e7e7e7;
     min-height:45px;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
     padding-top:7px;
     padding-left: 15px;
     display: inline-table;
     width:100%;
}
 .breadcrumb > .active {
    color: #fff;
}
 ol.breadcrumb li{
    color:#fff;
}
 .breadcrumb {
    background-color: #808080 !important;
    padding: 6px 0px 6px 18px;
    margin-top: -15px;
    list-style: none;
    background-color: #008ae7;
    border-radius: 4px;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    box-sizing: border-box;
}
 .formRow{
    padding:0px 12px;
    margin-top: 10px;
    margin-bottom: 0px;
}
 .formRow .col-md-6{
     max-width:370px;
     background:rgba(255,52,52,0);
     float:left;
 }
 .formRow .col-md-10{
     max-width:370px;
     background:rgba(255,52,52,0);
     float:left;
 }
 #loginForm,
 #divmain{
    position: relative;
    min-height: calc(100% - 30px);
	height: auto;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
 }
.push{
    height: 25px;
}
footer {
    position: relative;
	height: 25px; /* .push must be the same height as .footer */
}
footer .content-wrapper{
    height: 20px;
    border-top: solid 1px #cccccc;
    font-size: 12px;
    line-height: 25px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.footerButtonRow{
    padding:0px;
    margin-bottom: 0px;
    display:inline-block;
    width:100%;
}
.footerButtonRow1{
    margin-bottom: 0px;
    display:inline-block;
    width:100%;
}
 .top_margin0{
    margin-top:0px;
}
 .top_margin5{
    margin-top:5px;
}
 .top_margin10{
    margin-top:10px;
}
 .top_margin15{
    margin-top:15px;
}

 .top_margin20{
    margin-top:20px;
}
 .top_margin25{
    margin-top:25px;
}
 .top_margin30{
    margin-top:30px;
}
 .top_margin35{
    margin-top:35px;
}
 .top_margin55{
    margin-top:55px;
}
 .top_margin60{
    margin-top:60px;
}
 .top_margin75{
    margin-top:75px;
}
 .top_margin105{
    margin-top:105px;
}
 .form_label{
    color: #333;
    /*font-weight:bold;
    */
}
 .form_textbox{
    border:1px solid #bcbcbc;
     padding: 3px 10px;
     padding: 3px 10px 7px 10px\9;
     height:26px;
}
 .checkReport{
     padding-top:22px;
 }
 .btnWrapper{
    padding-top: 20px;
 }
 .form_selectlist{
    width:97%;
     float:left;
     /*margin-left: 12px;*/
}
 .form_selectlist option{
    width:100px;
}
/*.form_textbox{
    padding: 3px 10px;
     width:290px;
     border:0px none;
     outline:0px;
}
*/
 .form_textbox_popup{
    border:1px solid #bcbcbc;
     padding: 3px 10px;
     width:350px;
}
 .form_filetype{
    /*background-image:url(../images/bg_textbox.png);
     background-repeat:no-repeat;
    */
     border:solid 1px #bcbcbc;
     font-size:12px;
     height:24px;
     width:400px;
     padding:2px 0 0 2px;
}
 .form_textarea{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 12px;
     border:1px solid #bcbcbc;
     padding: 5px 5px 10px 10px;
}
 .bottom_graybar{
    margin-top:10px;
     padding:14px 0 0 0;
     background:#e7e7e7;
     border-radius:4px;
     min-height:60px;
}
 .course_complete{
    color:#00613b;
}
 .course_incomplete{
    color:#008ae7;
}
 .course_notstarted{
    color:#bf234b;
}
 .charNum{
    border:solid 1px #cccccc;
     width:38px;
     height:26px;
     float:right;
     background:#e7e7e7;
     position:absolute;
     left:calc(100% - 64px);
     padding:3px;
     top:0px;
}
 .ie10 .charNum{
    left:-128px;
}
 .mandatory_mark{
    color:#bf234b;
     top:5px;
     float: right;
     position: absolute;
     padding-left: 2px;
     width:2%;
     right:10px;
}
 .tooltip{
    background:url(../images/tooltip.png) no-repeat;
     padding:10px 10px 10px 50px;
     position:absolute;
     left:-83px;
     width:204px;
     height:62px;
     text-align:center;
     opacity:1;
     z-index:0;
}
 #add_group{
    width:20px;
     height:19px;
    position:absolute;
     top:0px;
     right:65px;
}
 #popup_main_wrapper{
    width:100%;
     height:1140px;
     position:absolute;
     top:0px;
     left:0px;
     background:url(../images/bg.png);
     z-index:9999;
}
 p.psw_inst{
    width:255px;
     margin-left:-95px;
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
}
 @media only screen and (max-width: 767px) and (min-width: 480px) {
}
 @media only screen and (max-width: 479px) {
}
/* popup */
 .pop_graybg{
    top:0px;
     left:0px;
     position: absolute;
     width: 100%;
     height: 100%;
     background: url(../images/bg.png);
     z-index: 999;
     display:none;
}
 .pop_wrapper{
     /*background:url(../images/popup_bg.png);
     background-repeat:no-repeat;*/
     height:250px;
     max-width:636px;
     margin: 16% auto;
     overflow: hidden;
     float: none;
     width: 90%;
     background:#ffffff;
     border-radius:10px;
     box-shadow:0px 0px 10px rgba(0,0,0,0.5);
     padding:5px;
}
/* popup delete */
 .pop_delete_header{
    float:left;
     font: 16pt Arial, Helvetica, sans-serif;
     color:#ffffff;
     padding: 12px;
     background:#c11d2c;
     border-radius:10px;
     text-align:center;
     width: 100%;
}
 .pop_del_content{
    float:left;
     font: 12pt Arial, Helvetica, sans-serif;
     width:100%;
     height: 60px;
     margin: 60px auto 10px;
     color:#000000;
     padding:0px;
     text-align:center;
}
 .pop_delete_or{
     font:12pt Arial, Helvetica, sans-serif;
     color:#000000;
     display: inline-block;
}
 .pop_delete_bt{
    float:left;
     margin: 15px auto;
     padding: 0px;
     width: 100%;
     text-align: center;
}
.pop_delete_btn_wrapper{
    width:auto;
    display: inline-block;
}
/* popup import */
 .pop_import_header{
    float:left;
     font: 16pt Arial, Helvetica, sans-serif;
     color:#ffffff;
     padding: 15px 0 0 205px;
}
 .pop_import_content{
    float:left;
     font: 12pt Arial, Helvetica, sans-serif;
     color:#000000;
     width:570px;
     height: 40px;
     margin: 45px 10px 5px 20px;
     padding:0 0 0 25px
}
 .pop_import_bt{
    float:left;
     margin: 16px 0 0 245px
}
/* popup end*/
 #exit_box{
    position:absolute;
     top:0;
     left:0;
     width:100%;
     height:1130px;
     *._height:1000px;
     background:url(../images/bg.png);
     visibility:visible;
     overflow:hidden;
     z-index:999;
     *._background:none;
     *._filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg.png, sizingMethod='scale');
}
 #exit{
    padding:0px;
     width:753px;
     height:444px;
    /*position:fixed;
    */
     margin: 120px auto;
     background:url(../images/group_popup.png) no-repeat;
     *._background:none;
     *._filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/group_popup.png, sizingMethod='crop');
}
 #exit p.heading{
     padding:15px 0px 0px 0px;
     font-size:20px;
     margin:0;
     font-weight:bold;
     color:#FFFFFF;
     text-align:center;
}
 #exit_top{
     float:left;
     width:753px;
     height:44px;
}
 #exit_middle{
     float:left;
     width:753px;
    overflow:hidden;
}
 #exit_wrapper{
    float:left;
     width:753px;
    padding:0px;
}
 div.exit_icon_box{
    width:753px;
     height:380px;
     float:left;
     padding-top:5px;
}
 div.exit_icon_box p.exit_text{
    font-size:14px;
     font-weight:bold;
     color:#0065ca;
}
 div.exit_button_wrapper{
    width:753px;
     height:40px;
     float:left;
     text-align:center;
     padding:5px 0 0 0;
}
 div.exit_button_cont{
     width:190px;
     margin:0 auto;
     border:0px solid red;
}
 a.btn_yes{
    background:url(../images/settings_popup/submit_normal.png) no-repeat;
     width:92px;
     height:31px;
     color:#000000;
    font-weight:bold;
     text-align:center;
     text-decoration:none;
     padding:8px 0 0 0;
     margin:0px;
     *._z-index:1;
     *._display: block;
     *._position:absolute;
}
 a.btn_yes:hover{
    background:url(../images/settings_popup/submit_roll.png) no-repeat 0px 0px;
     color:#ffffff;
}
 a.btn_no{
    background:url(../images/settings_popup/submit_normal.png) no-repeat;
     width:92px;
     height:31px;
     color:#000000;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     padding:8px 0 0 0;
     margin:0px;
     *._z-index:1;
     *._display: block;
     *._position:absolute;
}
 a.btn_no:hover{
    background:url(../images/settings_popup/submit_roll.png) no-repeat 0px 0px;
     color:#ffffff;
}
 .custom-checkbox{
    width:20px;
     height:20px;
     display:inline-block;
     position:relative;
     z-index:1;
     top:3px;
     background:url("../images/off.png") no-repeat;
}
 .custom-checkbox.selected{
    background: url("../images/on.png") no-repeat;
}
 .custom-checkbox input[type="checkbox"]{
    opacity: 0;
}
 .border-left-top-bottom{
    border-bottom-left-radius: 5px;
     border-top-left-radius: 5px;
}
 .border-right-top-bottom{
    border-bottom-right-radius: 5px;
     border-top-right-radius: 5px;
}
 .padding-left15{
     padding-left: 15px !important;
}
/* Home page */
 .outer_linkbox{
    border: 1px solid #ddd;
    min-height:130px;
    padding:0px;
}
.table-responsive {
    margin-bottom: 10px;
    display: inline-block;
    padding: 15px;
    width: 100%;
    border: none;
}
.table-responsive thead{
    background: #808080;
    color: #ffffff;
}
.links{
    font:13px Arial, Helvetica, sans-serif;
     float:left;
     vertical-align: middle;
     padding: 23px 0 10px 25px;
     max-width: 135px;
}
 .links a{
    color:#000000;
}
 .links a:hover{
    color:#c11d2c;
    text-decoration: none;
}
 .linksDiv{
     display:inline-block;
     width: 100%;
     height: 100%;
}
 .iconDiv{
    height: 110px;
    position: relative;
}
  .iconDiv img{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}
.outer_linkbox:nth-child(1),
.outer_linkbox:nth-child(3),
.outer_linkbox:nth-child(4),
.outer_linkbox:nth-child(6),
.outer_linkbox:nth-child(7),
.outer_linkbox:nth-child(9){
    border-top:none;
    border-left:none;
    border-right:none;
}
.outer_linkbox:nth-child(2),
.outer_linkbox:nth-child(5),
.outer_linkbox:nth-child(8){
    border-top:none;
}
.outer_linkbox:nth-child(7), .outer_linkbox:nth-child(8), .outer_linkbox:nth-child(9){
    border-bottom:none;
}

 /*#link_user{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_add_user.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}
 #link_org{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_add_org.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}
 #link_grp{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_add_group.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}
 #link_course{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_add_course.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}
 #link_cat{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_add_cat.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}
 #link_cer{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_add_cert.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}
 #link_sett{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_add_sett.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}
 #link_bulk{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_bulk_import.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}
 #link_reoprts{
    float:left;
     height:110px;
     width:125px;
     background:url(../images/icon_add_rep.png);
    background-repeat:no-repeat;
    background-position: 50px 24px;
}*/
/* End Home page */
/* login Window */
 .login_window{
     padding: 15px;
     box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
     border-radius: 10px;
     max-width: 904px;
     width: 100%;
     height: auto;
     min-height: 395px;
     margin: 0px auto;
}
 .login_window_content{
    padding: 25px 0px 0px;
    float: right;
    text-align: left;
}
 .login_window_content img{
    margin-bottom:0px;
    padding-left:0px;
}
 .login_form_label{
    padding:0px 0 0 0;
     font-weight: bold;
     color:#000000;
     text-align:left;
}
 .login_form_label_password{
    padding:13px 0 0 0;
     font-weight: bold;
     color:#000000;
     text-align:left;
}
 .forgot_password{
    padding:2px 0 10px 0px;
     color:#000000;
    float:right;
}
 .forgot_password a {
    font-size:8pt;
     font-weight:bold;
     text-decoration:none;
     color:#000000
}
 .forgot_password a:hover{
    font-size:8pt;
     font-weight:bold;
     color:#000000;
     text-decoration:underline;
}
 .self_reg{
    padding:2px 0 10px 0px;
     color:#000000;
     float:left;
}
 .self_reg a {
    font-size:8pt;
     font-weight:bold;
     text-decoration:none;
     color:#000000
}
 .self_reg a:hover{
    font-size:8pt;
     font-weight:bold;
     color:#000000;
     text-decoration:underline;
}
.login_button{
    padding:10px 0 0 0px;
    float: right;
}
.login_verifyotp_button{
    text-align:center;
}
.Change_password{
    padding:10px 20px 0 0px;
    float: right;
}

 .login_error{
    color:#ff0000;
     font-size:12px;
    padding-top:5px;
}
 .login_error p{
    margin:0px;
}
 #mandatory_mark_login{
    color:#bf234b;
     position:relative;
     top:10px;
     left:5px;
     font-size:15px;
     width:10px;
     float:left;
     right:-5px;
}
/*end login window*/
 .errormessage {
    color:#c11d2c;
    background-color:#e7e7e7;
    border-radius:5px;
    align-items:center;
    text-align:center;
    vertical-align:middle;
    padding-top:5px;
    padding-bottom:5px;
    margin:10px 10px;
}
/* page not found*/
 .head_outtter_401{
    background-color: #bf234b;
     height:205px;
    padding:0px;
}
 .head_box_401{
    float:left;
     width:870px;
     padding: 35px 0 0 85px;
}
 .head_con_401{
    float:left;
     width:570px;
     padding:23px 0 0 10px;
     margin:0px;
    color:#ffffff;
     font-size:104px
}
 .head_con_401 span{
    color:#da7b93;
     font-size:40px;
}
 .body_con_401{
    float:left;
     margin:10px 0 0 0px;
     padding:0 0 0 0;
     font-size: 30px;
     color:#858585;
}
 .head_bg_401{
    float:left;
    background:url(../images/icon_ex.png) no-repeat;
     width:151px;
     height:136px;
     max-width:151px;
     max-height:136px;
}
 .nav_button_401{
    float:left;
    position:relative;
    margin:50px 0 0 0px
}
 .nav_bt_home{
    float:left;
     padding:0 5px 0 0;
}
 .nav_bt_back{
    float:left;
}
/* page not found*/
 .btn-common{
    background:url(../images/button.png) no-repeat;
     display:inline-block;
     text-align:center;
     width:126px;
     height:32px;
     color:#ffffff;
     border:0px none;
     margin-left:15px;
}

 .btn-choose-file{
     background-color: #f5f5f5;
     display:inline-block;
     text-align:center;
     vertical-align:text-top;
     width:100px;
     height:25px;
     color:#000;
     border:1px solid #bcbcbc;
     font-size: 13px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     padding-top: 3px;
}


 input[type='submit']{
     margin-left:0px;
 }
 .btn-disable{
     background:url(../images/disable.png) no-repeat;
     display:block;
     text-align:center;
     width:126px;
     height:32px;
     color:#ffffff;
     border:0px none;
     display: inline-block;
     margin-left: 15px     
}

.btn-disable:hover {
    background:url(../images/disable.png) no-repeat !important;
    cursor:default;
}
 
 input[type="submit"]:hover{
     background:url(../images/button_over.png) no-repeat;
}
 input[type="button"]:hover{
     background:url(../images/button_over.png) no-repeat;
}
 .setpaddingtop0{
    padding-top:0px;
}
 .setpaddingtop15{
    padding-top:15px;
}
/* Forgot password popup*/
 #forgot_box{
    position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     *. height:1000px;
     background:url(../images/bg.png);
     visibility:visible;
     overflow:hidden;
     z-index:999;
     *._background:none;
     *._filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg.png, sizingMethod='scale');
}
 #forgot{
    padding:0px;
     max-width:563px;
     width:100%;
     min-height:261px;
     position:relative;
     margin: 180px auto;
     /*background:url(../images/forgotpass_bg.png) no-repeat;
     *._background:none;
     *._filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/group_popup.png, sizingMethod='crop');*/
     background:#ffffff;
     border-radius:7px;
     box-shadow:0px 0px 10px rgba(0,0,0,0.5);
     display:inline-block;
}
 #forgot p.heading{
     padding:8px 0px 0px 0px;
     font-size:20px;
     margin:0;
     font-weight:bold;
     color:#FFFFFF;
     text-align:center;
}
 #forgot p.content{
    padding:25px 0px 0px;
     color:#000000;
     font-size:12px;
     font-weight:bold;
     text-align:left;
}
 #forgot_top{
     float: left;
    width: 98%;
    height: 44px;
    background-color: #c11d2c;
    border-color: #c11d2c;
    border-radius: 7px;
    margin: 5px;
}
 #forgot_middle{
     float:left;
     width:100%;
}
 #forgot_wrapper{
    float:left;
    width:100%;
    padding:0px;
}
 div.forgot_icon_box{
     width:100%;
     float:left;
     padding-top:5px;
}
 .forgot_textbox_popup{
    border: 1px solid #bcbcbc;
    padding: 5px 10px;
    width: 100%;
    margin: 0px;
}
 .forgot_button_wrap{
     margin-bottom: 10px;
    position: relative;
    display: inline-block;
    padding: 0px;
    text-align:center;
 }
 .forgot_button_inner_wrap{
    display: inline-block;
    margin: auto;
 }
/* Forgot password popup end*/
/* Self Registration popup*/
 #selfreg_box{
    position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     *. height:1000px;
     background:url(../images/bg.png);
     visibility:visible;
     overflow:hidden;
     z-index:999;
     *._background:none;
     *._filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg.png, sizingMethod='scale');
}
 #selfreg{
    padding:0px;
     width:563px;
     height:300px;
    /*position:fixed;
    */
     margin: 180px auto;
     background:url(../images/selfregform_bg.png) no-repeat;
     *._background:none;
     *._filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/group_popup.png, sizingMethod='crop');
}
 #selfreg p.heading{
     padding:15px 0px 0px 0px;
     font-size:20px;
     margin:0;
     font-weight:bold;
     color:#FFFFFF;
     text-align:center;
}
 #selfreg p.content{
    padding:25px 0 23px 37px;
     color:#000000;
     font-size:12px;
     font-weight:bold;
}
 #selfreg_top{
     float:left;
     width:563px;
     height:30px;
}
 #selfreg_middle{
     float:left;
     width:563px;
}
 #selfreg_wrapper{
    float:left;
     width:563px;
    padding:0px;
}
 div.selfreg_icon_box{
    width:563px;
     height:300px;
     float:left;
     padding-top:5px;
}
 .selfreg_textbox_popup{
    border:1px solid #bcbcbc;
     padding: 5px 10px;
     width:350px;
}
 .mandatory_mark_selfreg{
    color:#bf234b;
     position:absolute;
     top:0px;
     right:0px;
}
/* Self Registration popup end*/
 .input_wrapper{
    border:solid 1px #bcbcbc;
     width:330px;
     min-height:27px;
}
 .message_wrapper{
    border-bottom:solid 1px #bcbcbc;
     width:320px;
     float:left;
     clear:both;
}
 .message_wrapper span{
    float:left;
     padding:10px;
}
 .home_top_banner{
    background:url(../images/homepage_preview_top_banner.png) no-repeat;
     height:182px;
     overflow:hidden;
     border-radius:10px;
     margin:15px 0 0 0;
}
 .home_left_banner{
    background:url(../images/homepage_preview_banner.png) no-repeat;
     width:299px;
     height:285px;
     overflow:hidden;
     border-radius:10px;
}
 .home_right_banner{
    background:url(../images/homepage_preview_banner.png) no-repeat;
     width:299px;
     height:285px;
     overflow:hidden;
     border-radius:10px;
}
 a.first{
    color:#000000;
     margin:0px 5px;
     background:#e9e9e9;
     border:solid 1px #dcdcdc;
     padding:5px 8px;
}
 a.previous{
    color:#000000;
     margin:0px 5px;
     background:#e9e9e9;
     border:solid 1px #dcdcdc;
     padding:5px 8px;
}
 a.next{
    color:#000000;
     margin:0px 5px;
     background:#e9e9e9;
     border:solid 1px #dcdcdc;
     padding:5px 8px;
}
 a.last{
    color:#000000;
     margin:0px 5px;
     background:#e9e9e9;
     border:solid 1px #dcdcdc;
     padding:5px 8px;
}
 a.first:hover{
    color:#000000 !Important;
     background:#e9e9e9 !Important;
     border:solid 1px #dcdcdc !Important;
}
 a.previous:hover{
    color:#000000 !Important;
     background:#e9e9e9 !Important;
     border:solid 1px #dcdcdc !Important;
}
 a.next:hover{
    color:#000000 !Important;
     background:#e9e9e9 !Important;
     border:solid 1px #dcdcdc !Important;
}
 a.last:hover{
    color:#000000 !Important;
     background:#e9e9e9 !Important;
     border:solid 1px #dcdcdc !Important;
}
 a.paginate_button{
    color:#000000;
     margin:0px 5px;
     background:#e9e9e9;
     border:solid 1px #dcdcdc;
     padding:5px 8px;
}
 a.paginate_button:hover{
    color:#000000 !important;
     background:#e9e9e9 !important;
     border:solid 1px #dcdcdc !important;
}
 a.paginate_active{
    box-sizing:border-box;
     display:inline-block;
     min-width:1.5em;
     padding:0.5em 1em;
     margin-left:2px;
     text-align:center;
     text-decoration:none !important;
     cursor:pointer;
     background:#808080;
}
 a.paginate_active:hover{
    color:#ffffff !important;
}
.myDataTableCert,
#myDataTable, #inputtable {
    margin-top: 10px;
    float: left;
    width: 100% !important;
    max-width: 100%;
    overflow: hidden;
    display: table;
    overflow-x: auto;
}
.help-management-table #myDataTable {
   display: inline-table;
}
 .table-responsive-wrapper{
     display:table;
     overflow:hidden;
     overflow-x:auto;
 }
 a.page_no{
    color:#000000;
}
 .blue-bar{
    background:#808080;
     font-size:13px;
     border-radius:5px;
     padding:7px 0px 7px 15px;
     margin-top:-15px;
     color:#ffffff;
     clear:both;
}
 .padd0{
    padding:0px !important;
}
 .margin-top-20{
    margin-top:20px !important;
}
 div.nav_outer_wrapper{
    position:relative;
     top:-20px;
     left:0px;
}
 .btn-dropdown1{
    background:url(../images/btn1_dropdown.png) no-repeat;
}
 .btn-dropdown1:hover{
    background:url(../images/btn1_dropdown_over.png) no-repeat;
}
 .btn-dropdown2{
    background:url(../images/btn2_dropdown.png) no-repeat;
}
 .btn-dropdown2:hover{
    background:url(../images/btn2_dropdown_over.png) no-repeat;
}
/*.{
    position:absolute;
     top:0;
     left:0;
     width:100%;
     height:1130px;
     *._height:1000px;
     background:url(../images/bg.png);
     visibility:visible;
     overflow:hidden;
     z-index:999;
     *._background:none;
     *._filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg.png, sizingMethod='scale');
}
*/
 .Createprofile_box{
    padding:0px;
     width:753px;
     height:444px;
    /*position:fixed;
    */
     margin: 120px auto;
     background:url(../images/group_popup.png) no-repeat;
     *._background:none;
     *._filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/group_popup.png, sizingMethod='crop');
}
 #exit p.heading{
     padding:15px 0px 0px 0px;
     font-size:20px;
     margin:0;
     font-weight:bold;
     color:#FFFFFF;
     text-align:center;
}
 #exit_top{
     float:left;
     width:753px;
     height:44px;
}
 #exit_middle{
     float:left;
     width:753px;
    overflow:hidden;
}
 #exit_wrapper{
    float:left;
     width:753px;
    padding:0px;
}
 .container-borderHeading{
    border-radius:7px;
    border:solid 1px #cccccc;
    min-height:90px;
    margin-top:10px;
    margin-bottom:10px;
    padding:0px;
    height: auto;
    display: inline-block;
    width: 100%;
}
 .set_width1{
    width:330px;
     width:280px\9;
}
 .set_width2{
    width:280px\9;
    float:left;
}
 .set_leftpos1{
    padding: 0px;
    position: relative;
    float:left;
}
 .setdate{
    padding:2px;
}
 .user_dropdown{
   
}
.ui-datepicker-trigger{
    padding: 0px !important;
    margin-top: -2px;
    margin-top: -5px\9;
}
.formRow .col-md-6 .ui-datepicker-trigger{
    padding: 0px !important;
    margin-top: -2px;
    margin-top: -5px\9;
    position: absolute;
    right: 26px;
    top: 2px;
}
 .hasDatepicker{
    padding:2px;
     padding:4px\9;
}
 .custometextbox{
    padding:3px 20px 3px 10px;
}
 .charNumleftpos1{
    left:calc(100% - 38px);
    top:0px;
}
 .partial_login_wrapper{
    min-width:883px;
     min-height:550px;
     min-height:550px\9;
     padding:65px 0 0 0;
     padding:30px 0 0 0\9;
}
 .set_text_width{
    width:97%;
     float:left;
     /*margin-left: 12px;*/
}
 .set_text_width_pass{
     width: calc(97% - 63px);
 }
 .generatepsw{
    padding-right:150px;
     width:330px;
     width:280px\9;
}
 .organisation_logo{
     text-align:left;
}
 .btnGeneratePassword{
}
 #txtBannerColor_pick:hover{
     background:none;
}
 #txtNavigationBarFontColor_pick:hover{
     background:none;
}
 #txtNavigationBarHoverColor_pick:hover{
     background:none;
}
/*###################################################################################*/
/*###################################################################################*/
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    /* .charNum{
        left:256px;
    }
     .charNumpsw{
        left:175px;
    }
     .form_textbox{
        padding: 3px 10px 7px 10px;
    }
     .form_selectlist{
        width:280px;

    }
     .mandatory_mark{
        right:130px;
    }
     .set_width1{
        width:280px;
    }
     .set_width2{
        width:280px;
    }
     .set_leftpos1{
        left:-143px;
    }
     .partial_login_wrapper{
        min-height:580px;
    }
     .set_text_width{
        width:280px;
    }
     .ui-datepicker-trigger{
        margin-top:-5px;
    }
     .hasDatepicker{
        padding:4px;
    }
     .generatepsw{
        width:280px;
    }*/
}
 @-moz-document url-prefix() {
    /* .charNum{
        left:300px;
    }
     .charNumleftpos1{
        left:215px;
         top:0px;
    }
     .form_selectlist{
        width:324px;
    }
     .set_leftpos1{
        position:absolute;
         top:0px;
         left:254px;
         z-index:1;
    }
     .partial_login_wrapper{
        min-height:600px;
    }
     .set_width1{
        width:323px;
    }
     .set_text_width{
        width:323px;
    }
     .container-half-width{
        margin-bottom:10px;
    }
     .generatepsw{
        width:324px;
    }
     .hasDatepicker{
        min-height:25px;
    }*/
}
#userroles {
    /*margin-left: 12px;*/
}
.table > thead:first-child > tr:first-child > th{
    vertical-align:middle;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #111;
}
table.dataTable tbody td {
    padding: 10px 15px 10px 15px;
}
.btn .caret{
    opacity:0;
}
.col-md-6{
    display:inline-block;
}
a.topIcons{
    margin:0px 9px;
}
#txtBannerColor, #txtNavigationBarFontColor, #txtNavigationBarHoverColor { 
    width:65%;
}
#txtBannerColor_pick, #txtNavigationBarFontColor_pick, #txtNavigationBarHoverColor_pick{
    width: 14%; 
    cursor: pointer;
    min-width:80px;
}
#groupcheckboxes{
    border: solid 1px #cccccc;
    padding: 5px;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 97%;
}
.createGroupIcon{
    max-width: 20px;
    display: inline-block;
    vertical-align: top;
}
#Preview img{
    max-width:100%;
}
.col1{
    padding:6px 0 0 20px;
}
#Preview table{
    font-size:14px;
    display:table;
    overflow:hidden;
    overflow-x:auto;
}
#Preview table td{
    min-width:100px;
}
.radioDiv{
    width: 100%;
    display:inline-block;
}
.radioDiv input{
    height:15px;
    margin:1px 10px;
}
.radioDiv .radio{
    float:left;
    margin:3px 10px;
}
#CreateUserTempleate{
    margin-left:15px;
}
#cancleBtn{
    margin-right:10px;
}
.radioDiv{
    margin-left:10px;
}
.approve-self-registration input[type='submit']  {
   margin-left: 15px;
}
.dropdown-menu{
    left:unset;
    right:0px;
}
.modal-content{
    max-width:600px;
    margin: 5% auto;
}
.col-md-9 .form-group{
    padding: 0px 0px;
}
#forgotConfMsg{
    width: 100%;
    background: #fff;
    height: 80%;
    position: absolute;
    z-index: 99;
    color: #000;
    text-align: center;
    top: 20%;
}
#forgotConfMsg span{
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 21px;
    margin: auto;
    width: 83%;
}
#btnOk{
    position: absolute;
    bottom: 21px;
    left: 50%;
    transform: translateX(-50%);
}
/*###################################################################################*/
/*###################################################################################*/