@charset "utf-8";
/* CSS Document */


/*tab menu css start*/
.r-tabs { position: relative; margin-top:20px;}
.r-tabs .r-tabs-nav { border-bottom: 1px solid #ccc;}
.r-tabs .r-tabs-nav .r-tabs-tab { position: relative; top: 1px;}
.r-tabs .r-tabs-nav .r-tabs-anchor { background: #4496d2; margin-bottom: 3px; padding: 10px 5px; display: inline-block; text-decoration: none; color: #fff; font-size:13px;}
.r-tabs .r-tabs-nav .r-tabs-state-active { background-color: #fff; margin-bottom: -1px; border-top: 1px solid #ccc; border-right: 1px solid #ccc;
border-left: 1px solid #ccc;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #2e4297; background-color: #fff;}
.r-tabs .r-tabs-panel { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom:3px;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #4496d2; color: #fff;  text-decoration: none; margin-bottom: 3px;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #E4E4E4; color: #00aadd; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 0;}
.r-tabs .r-tabs-nav {  margin: 0; padding: 0;}
.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none;}
.r-tabs .r-tabs-panel {  padding:8px; display: none;}
.r-tabs .r-tabs-accordion-title { display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block;}

@media only screen and (max-width: 960px) {
.r-tabs .r-tabs-nav { display: none; }
.r-tabs .r-tabs-accordion-title {  display: block; }
}

@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav { display: none; }
.r-tabs .r-tabs-accordion-title {  display: block; }
}
/*tab menu css end*/

/*switch menu css start*/
.switch_menu { margin:0 auto; padding:0; margin:0px; }
.switch_menu div.silverheader a {  color:#000; font-size:15px; text-decoration:none; display:block; 
padding:6px 0px 6px 28px; background:url(../images/marker.png) no-repeat 8px 13px #e2e2e2; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all  0.2s linear; transition: all 0.2s linear; margin-bottom:1px; margin-top:1px;  }
.switch_menu div.silverheader a:visited, .switch_menu div.silverheader a:active { color:#000;  }
.switch_menu div.selected a, .switch_menu div.silverheader a:hover { background:url(../images/marker_down.png) no-repeat 10px 13px #e2e2e2; color:#2e4297; }
.switch_menu div.submenu { }

.courses {  }
.courses h2 {  background:url(../images/doted_divider.png) repeat-x bottom left; padding:10px 0 10px 0; margin-bottom:10px; font-size:22px; color:#2e4297; font-weight:normal; }
.courses ul {  margin:0px; padding:0px; list-style:none; margin-top:8px; }
.courses li { font-size:13px; border-bottom:1px dashed #dddddd; }
.courses li a {  color:#000; text-decoration:none; padding:0 0 0 7px; line-height:2.5em; display:block; text-decoration:none;  }
.courses li a:hover{ color:#4496d2; }
/*switch menu css end*/

/*login css start*/
.login { background-color:#FFF; padding-bottom:10px; padding:20px; }

.login h2 { font-size:18px; color:#333; text-align:center; padding:5px 5px 5px 10px; margin-top:10px; font-weight:400; }
.login .text1 { font-size:13px; color:#333; line-height:1.7em;  }
.login .text1 a { color:#13a7d7; text-decoration:underline; }
.login .text1 a:hover { color:#393939; text-decoration:none; }
.login span { color:#FF0000; }

.login .form_wp { width:100%; height:auto; background:#FFF; border: 1px solid #D6DCE1;  font-size:12px; color:#666; padding:10px 0px 10px 0; margin:5px 0px 5px 0; outline:none; text-indent:5px; }

.login .submit_p { width:100%; background:#4496d2; color:#fff; display:inline-block; font:400 14px/17px "Roboto",sans-serif; padding:10px 20px 10px 20px; text-decoration:none; margin-top:12px; border-radius:2px; outline:none; border:none; cursor:pointer; }
.login .submit_p:hover { background:#1e283a; color:#FFF; text-decoration:none; }
.login_logo { text-align:center;}

.login_help { margin: 20px 0px 10px 0px; font-size:12px; color:#000; padding-bottom:8px; padding-top:8px;}
.login_help a { color:#2e4297; text-decoration:none; font-weight:bold; }
.login_help a:hover { color:#f6660a; text-decoration:underline; }
/*login css end*/

/*forgot css start*/
.forgot { background-color:#FFF; padding-bottom:10px; padding:20px 80px 20px 80px; }

.forgot h2 { font-size:18px; color:#333; text-align:center; padding:5px 5px 5px 10px; margin-top:10px; font-weight:400; }
.forgot .text1 { font-size:13px; color:#333; line-height:1.7em;  }
.forgot .text1 a { color:#13a7d7; text-decoration:underline; }
.forgot .text1 a:hover { color:#393939; text-decoration:none; }
.forgot span { color:#FF0000; }

.forgot .form_wp { width:100%; height:auto; background:#FFF; border: 1px solid #D6DCE1;  font-size:12px; color:#666; padding:10px 0px 10px 0; margin:5px 0px 5px 0; outline:none; text-indent:5px; }



.forgot .submit_p { background:#4496d2; color:#fff; display:inline-block; font:400 14px/17px "Roboto",sans-serif; padding:10px 20px 10px 20px; text-decoration:none; margin-top:12px; border-radius:2px; outline:none; border:none; cursor:pointer; }
.forgot .submit_p:hover { background:#1e283a; color:#FFF; text-decoration:none; }
/*forgot css end*/


/*start popup form css start*/
#facebox { position:fixed; top:0; left:0; margin-top:0; z-index:99999999; text-align:left;  }
#facebox .popup { position:relative; border:3px solid #FFF; overflow:auto;  }
#facebox .content2 { width:300px; padding:10px; background:#FFF; }
#facebox .close{ position:absolute; top:0px; right:0px;  }
#facebox .close img { opacity:0.8; }
#facebox .close:hover img { opacity:1.0;}
#facebox .loading { text-align:center;}
#facebox .image { text-align:center;}
#facebox img { border:0; margin:0;} 
#facebox_overlay { position:fixed; top:0px; left:0px; height:100%; width:100%;}
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color:#000; z-index:99999998;}
/*popup form css end*/

/*registration css start*/
.registration { width:100%; }
.registration h2 { padding:10px 0 10px 0; margin-bottom:10px;  color:#5d6f8d;  padding-bottom: 7px; margin-bottom: 8px; font-weight: 400; font-size:18px; }

.registration .text1 {  font-size:13px; color:#393939; line-height:1.8em; padding-bottom:10px; }
.registration .text1 a { color:#F00; text-decoration:underline; }
.registration .text1 a:hover { color:#393939; text-decoration:none; }
.registration span {  color:#F00; }

.reg_w1 { width:90%; background:#FFF; border: 1px solid #D6DCE1; color:#393939; padding:5px 0px 5px 5px; margin:5px 0px 5px 0; outline:none;  text-indent:5px; }
.reg_w2 { width:91%; background:#FFF; border: 1px solid #D6DCE1; color:#393939; padding:5px 5px 5px 0; margin:5px 0px 5px 0; outline:none;  text-indent:5px;  }

.reg_submit { background:#4496d2; color:#fff; display:inline-block; font:400 14px/17px; padding:10px 20px 10px 20px; text-decoration:none; margin-top:12px; border-radius:2px;  outline:none; border:none; cursor:pointer;}
.reg_submit:hover { display:inline-block; background:#1e283a; color:#FFF; text-decoration:none; }

.fee_pay_detail{ margin-top:10px;}

.registration h3 { background:#e2e2e2;color: #2e4297;  font-weight:400; padding:5px; font-size:16px; }
/*registration css end*/

/*why register css start*/
.why_register { border:1px solid #dddddd; background:#fff; padding:10px 10px 0 10px; margin-top:-89px;  }
.why_register h2 { background:url(../images/head_bg.jpg) left top repeat-x #1e77b3; font-size:18px; color:#FFF; font-weight:normal; padding:5px 10px 5px 10px; line-height:1.6em; }
.why_register ul { margin:0px; padding:0px; list-style-type:none; padding-top:10px; }
.why_register li { background:url(../images/list_arrows.png) left 3px no-repeat;  font-size:13px; color:#000; padding-left:20px; padding-bottom:10px; line-height:1.5em;  }
.why_register li a { color:#000; text-decoration:underline;}
.why_register li a:hover { color:#000; text-decoration:underline;}
.why_register li span { color:#F00; font-weight:bold; }
/*why register css end*/


/*multipule step form  css start*/
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px; box-sizing:border-box}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none;}
.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled,.btn[disabled],fieldset[disabled]
.btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.btn-default{color:#333;background-color:#fff;border-color:#ccc;}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad;}

.btn-circle { width:30px; height:30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px;}
.btn-primary { color: #fff;  background-color: #428bca; border-color: #357ebd;}

.stepwizard-step p { margin-top: 10px;}
.stepwizard-row {display: table-row;}
.stepwizard { display: table; width:90%; position: relative;}
.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important;}
.stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0;}
.stepwizard-step { display: table-cell; text-align: center; position: relative; }

.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;}
/*multipule step form  css end*/


/*result  css start*/
.result_main { width:100%;}
.result_main h2 { padding:10px 0 10px 0; margin-bottom:10px;  color:#5d6f8d;  padding-bottom: 7px; margin-bottom: 8px; font-weight: 400; font-size:18px; }
.result_main .text1 {  font-size:13px; color:#393939; line-height:1.8em; padding-bottom:10px; }
.result_main .text1 a { color:#F00; text-decoration:underline; }
.result_main .text1 a:hover { color:#393939; text-decoration:none; }
.result_main span {  color:#F00; }
/*registration css end*/


/* ============================================================
   KSIMT 2026 — compatibility-safe enhancements
   Preserve legacy course tabs, login, registration and popup design.
   These enhancements do not alter tab visibility logic or JS hooks.
   ============================================================ */

/* Consistent field sizing without changing existing colours */
.login .form_wp,
.forgot .form_wp,
.registration .reg_w1,
.registration .reg_w2 {
    box-sizing: border-box;
    max-width: 100%;
}

/* Keep long labels and content inside their existing panels */
.r-tabs .r-tabs-panel,
.login,
.forgot,
.registration,
.result_main {
    overflow-wrap: break-word;
}

/* Keyboard focus: maintain visible focus for input and tab navigation */
.r-tabs .r-tabs-anchor:focus,
.switch_menu a:focus,
.courses a:focus,
.login .form_wp:focus,
.login .submit_p:focus,
.forgot .form_wp:focus,
.forgot .submit_p:focus,
.login_help a:focus,
.reg_w1:focus,
.reg_w2:focus,
.reg_submit:focus,
#facebox .close:focus {
    outline: 2px solid #2e4297;
    outline-offset: 2px;
}

/* Keep legacy Facebox within the viewport on narrow screens */
@media only screen and (max-width: 767px) {
    #facebox {
        max-width: 100%;
        box-sizing: border-box;
    }
    #facebox .popup {
        max-width: calc(100vw - 20px);
        box-sizing: border-box;
    }
    #facebox .content2 {
        width: auto;
        max-width: 100%;
        box-sizing: border-box;
    }
    .login,
    .forgot {
        padding: 20px;
    }
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        overflow-wrap: break-word;
    }
    .registration .reg_w1,
    .registration .reg_w2,
    .login .form_wp,
    .forgot .form_wp {
        width: 100%;
    }
    .stepwizard {
        max-width: 100%;
    }
}