.header_section {background:#093863;height: 70px;position: fixed;top: 0;width: 100%;z-index: 999;border-bottom: 3px solid #e6e3e3;}
.logo {float: left;width:390px;height: auto;padding: 3px 0px 3px 5px;}
.logo img {width:100%;height: auto;float: left;}
.logo h2 {float: left;font-family: 'Open Sans';font-weight:500; font-size: 140%;color: #005b9a;letter-spacing: .18em;border-bottom: 1px solid #005b9a;padding-bottom: 6px;margin-bottom: 6px;margin-top: 7px;}
.logo h4 {float: left;font-size: 74%;color: #005b9a; text-transform: uppercase;letter-spacing: .25em;font-weight: bold;}
.login_section {border-radius: 3px;margin: 15px 10px 0 5px;background: rgba(12,103,146,.88);}
.login_section {float: right;padding: 5px;}
.login_section ul {float: left;}
.login_section ul li {float: left;font-size: 15px;list-style: none;padding: 0px 10px;}
.login_section ul li a {color: #ffffff;transition: all ease-in-out .3s;font-weight: 500;}
.login_section ul li a:hover {color: #eee;}
.login_section ul li:last-child {border-left: 1px solid #ffffff;}
.login_section1 {float: right;padding: 2px;background: #fff;border-radius: 0px 0px 0px 10px;}
.chat-text{position: absolute; right: -90px; bottom: 8px;color: #012c56;}
.headmail {color: #fff;float: right;padding: 0 2px;position: absolute;right: 5px;bottom:0px; font-size:13.4px;}
.headmail > a {color: #fff;padding-left: 4px;}
.sign_in {background-color: transparent;border: 1px solid #012c56;border-radius: 3px;color: #012c56;margin: 2px 3px;padding: 2px 6px;text-align: center;transition: all 0.3s ease-in-out 0s;width:100px;float: left; font-size:13px; }
.sign_in:hover {background-color: #012c56;color: #fff;}
.sign_in:focus {background-color: #012c56;color: #fff;}
.radio-btnstyle input {display: none;}
.head-full {width:98%; margin-left:1%;float:left; padding:5px 0px; text-align:center; font-size:18px}
.sjms_profile {border: 2px solid #fff;border-radius: 50%;float: left;height: 26px;margin: 0px 5px;padding-left: 2px;padding-top: 1px;position: relative;width: 26px;}
.profile_icon {border: 1px solid #012c56;border-radius: 50%;float: left;height: 27px;margin: 0px 5px;padding-left: 0px;padding-top: 0px;position: relative;width:27px;overflow: hidden;}
.sample_text {color: #333;float: left;font-size: 15px;padding: 10px 0;text-align: center;width: 100%;}
.side_navbar {background-color: #ccc !important;height: 100%;margin-top: 0;min-height: 360px;padding: 0;position: absolute;width: 250px;z-index: 777;}
#page-wrapper {margin: 92px 0 40px 250px;min-height: 500px;padding: 0px 0px 20px 0px;position: relative;}
.footer_bar {background-color: #012c56;font-size: 12px;position:fixed;bottom:0px; width: 100%;z-index: 999;border:none !important; outline:none !important;}
.footer_bar span {color: #fff;float: left;font-size: 13px;line-height: 17px!important;padding: 7px 0 8px 0!important;text-align: center;width: 100%;border:none !important; outline:none !important;}
.footer_bar span a { color:#fff !important}
.admin_grid_table1 th {text-align: center;color: #fff;border-right: 1px solid #fff !important;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4385bf, #4088ca)) !important;background: -webkit-linear-gradient(#4385bf, #4088ca) !important;background: -moz-linear-gradient(#4385bf, #4088ca) !important;
background: -ms-linear-gradient(#4385bf, #4088ca) !important;background: -o-linear-gradient(#4385bf, #4088ca) !important;background: linear-gradient(#4385bf, #4088ca) !important;}
.admin_grid_table1 th:last-child {border-right: none;}
.admin_grid_table2 th {color: #fff;border-right: 1px solid #fff;background: #124979;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4385bf, #4088ca));background: -webkit-linear-gradient(#4385bf, #4088ca);background: -moz-linear-gradient(#4385bf, #4088ca);
background: -ms-linear-gradient(#4385bf, #4088ca);background: -o-linear-gradient(#4385bf, #4088ca);background: linear-gradient(#4385bf, #4088ca);}
.admin_grid_table2 th:last-child {border-right: none;}
#dash_grid_fix_table {height: 260px;}
#gridtable tbody tr:nth-child(even) {background: #e8e8e8;}
#gridtable tbody tr:nth-child(odd) {background: #fff;}
.table-striped tbody tr{background: #fff !important;}
#gridtable tbody tr {
    transition: all ease-in-out .2s;
}
#gridtable tbody tr:hover {background-color: #ccc;}
.userMapLastHead{min-width:165px !important}
.Grid_table_res {overflow-x: auto;width: 100%;}
.registration_form {padding: 15px 0px;background: #fff;}
.form_tital_bar {float: left;background: #012c56;padding: 10px;border-radius: 3px;width: 100%;margin-bottom: 15px;}
.form_tital_bar h2 {font-size: 16px;color: #ffffff;float: left;text-align: left;line-height: 18px;}
.sub_btn {background: #012c56;border: none;border-radius: 2px;color: #fff !important;font-size: 14px; /*height:35px;*/padding:7px 24px;text-align: center;width: auto;transition: all ease-in-out .3s;cursor: pointer; margin:0px 5px;}
.sub_btn:hover {background: #447DB4;}
.btn-primary, .btnvalidate {color: #fff;background-color: #337ab7;border-color: #2e6da4;display: inline-block;padding: 5px 18px;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: 16px;}
.btn-primary:hover, .btnvalidate:hover {color: #fff;background-color: #286090;border-color: #204d74;}
.btn-danger{border-radius: 16px;}
.dataTables_filter {width: 48.5% !important;}
.table > thead > tr > th {vertical-align: top !important;}
table.dataTable thead .sorting::after {top: 10px;}
table.dataTable thead .sorting_asc::after {top: 10px;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #ffffff!important;}
.attachmentTable tr td:last-child{ min-width:80px}
.left-20{left:-20px}.top-15{top:-15px}
.page-header {border-bottom: 1px solid #e1e1e1;margin: 0px 0px;padding: 15px 0px;vertical-align: middle;}
.page-header h1 {color: #012c56;text-align: center;display: inline-block;font-family: 'Open Sans';font-size: 30px;font-weight: 400;padding: 0;width: 100%;}
.left_slid_nav ul li > a {color: #fff;background: #353535;font-size: 14.5px;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #232323;}
.left_slid_nav ul li .user {color: #fff;background: #353535;font-size: 14.5px;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #232323;display: block;padding: 10px 15px;position: relative;}
.left_slid_nav ul li:hover > a {background: #353535;border: none;border-bottom: 1px solid #232323;}
.left_slid_nav ul li:focus > a {background: #353535;border: none;border-bottom: 1px solid #232323;}
.nav > li.active {background: #293846 none repeat scroll 0 0;}
.fa-caret-right:before {content: "\f0da";}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: #353535 !important;outline: none !important;}
.sub_menu_active::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: rgba(53, 53, 53, 0) rgba(53, 53, 53, 0) rgba(53, 53, 53, 0) #353535;border-image: none;border-style: solid;border-width: 7px;content: " ";height: 0;left: 100%;margin-top: -7px;pointer-events: none;position: absolute;top: 50%;width: 0;}
.gvDetails tbody tr th {background-color: #012c56 !important;color: #fff;border-right: 1px solid #fff;}
/*.gvDetails tbody tr:nth-child(even){background:#e8e8e8}
.gvDetails tbody tr:nth-child(odd){background:#fff}*/
.gvDetails tbody tr {transition: all ease-in-out .2s;}
.gvDetails tbody tr:hover {background-color: #ccc;}

/* Custom dropdown */
.custom-dropdown {position: relative;display: inline-block;vertical-align: middle;width: 100%;}
.custom-dropdown select {background-color: #fff;background-image: none;border-radius: 2px;color: #000;cursor: pointer;font-size: 14px;height: 35px;line-height: 30px;padding: 7px;width: 100%;}
.custom-dropdown::before, .custom-dropdown::after {content: "";position: absolute;pointer-events: none;}
.custom-dropdown::after { /*  Custom dropdown arrow */content: "\25BC";height: 1em;font-size: .625em;line-height: 1;right: 1em;color: #fff;top: 50%;margin-top: -.5em;top: 20px;}
.custom-dropdown::before { /*  Custom dropdown arrow cover */width: 2em;height: 34px;right: -1px;top: 0;bottom: 0;border-radius: 0 3px 3px 0;}
.custom-dropdown::before {background-color:#012c56;}
.custom-dropdown::after {color: rgba(255,255,255,1);}
.custom-dropdown_disabled::before {background: rgba(197,197,197,1) !important;}
.custom-dropdown_disabled::after {color: rgba(238,239,240,1) !important;}
.custom-dropdown select[disabled]::before {background: rgba(231,235,238,1) !important;}
.custom-dropdown select[disabled]::after {color: rgba(198,205,211,1) !important;}
/*add sk*/
a.formanch[href$=".PDF"]:before {/*position: absolute;*/left: 0px;top: 0px;color: #00283a;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
a.formanch[href$=".pdf"]:before {/*position: absolute;*/left: 0px;top: 0px;color: #00283a;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
a.formanch[href$=".jpeg"]:before {/*position: absolute;*/left: 0px;top: 0px;color: #00283a;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
a.formanch[href$=".JPEG"]:before {/*position: absolute;*/left: 0px;top: 0px;color: #00283a;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
a.formanch[href$=".jpg"]:before {/*position: absolute;*/left: 0px;top: 0px;color: #00283a;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
a.formanch[href$=".JPG"]:before {/*position: absolute;*/left: 0px;top: 0px;color: #00283a;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
a.formanch[href$=".png"]:before {/*position: absolute;*/left: 0px;top: 0px;color: #00283a;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
a.formanch[href$=".PNG"]:before {/*position: absolute;*/left: 0px;top: 0px;color: #00283a;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
/*tab css*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background: #447db4 !important;color: #fff !important;border: none;}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {background: #eee !important;}
.nav-tabs > li > a {margin-right: 3px;border: solid 1px #eee;}
/* Custom dropdown */
.main_container {width: 99%;margin: auto;}
.fieldset_heading {background: #1a5d97;padding: 8px 10px;border-radius: 16px;color: #fff;font-size: 15px;float: left;width: auto;margin: -19px 15px 5px 15px;text-align: center;font-weight: 600;cursor: pointer;}
fieldset {background: #f9f9f9;border: 1px solid #e7e7e7;border-radius: 3px;display:block;margin:15px 1% 30px 1%;width: 98%;padding: 0px 0px 15px 0px;}
legend {background: #012c56;border-radius: 3px;color: #fff;float: left;font-size: 15px;margin-bottom: 15px;margin-left: 15px;margin-top: -17px;padding: 8px !important;width: auto;line-height: 20px;max-width:calc(100% - 30px); }


.section_seprator {float:left; background:#f7f7f7;border-radius: 3px;margin:15px 1% 15px 1%;width: 98%;padding: 0px 0px 15px 0px; position:relative;-webkit-box-shadow: 0px 0px 2px 1px rgb(3, 68, 132);-moz-box-shadow: 0px 0px 2px 1px rgb(3, 68, 132);
-o-box-shadow: 0px 0px 2px 1px rgb(3, 68, 132);-ms-box-shadow: 0px 0px 2px 1px rgb(3, 68, 132);box-shadow: 0px 0px 2px 1px rgb(3, 68, 132)}
.section_seprator h3 {float:left;background:#1a5d97;border-radius: 16px !important;color: #fff;border-radius:4px; display: block;font-size: 14px;margin:-15px 1% 3px 1%;padding: 8px 20px!important;width:auto;line-height: 18px;cursor:pointer;}
.section_seprator.inner { background:#fff;}
.section_seprator_inner {
    float: left;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin: 15px 0px 15px 0px;
    width: 100%;
    padding: 0px 15px 0px 15px;
    position: relative;
    background: #f7f7f7;
}
.section_seprator_inner h4 {float:left;background:#cfe9ff;border-radius: 3px;color: #000;font-size: 14px;border-radius:4px; margin:-15px 15px 0px 15px; display: block;padding: 6px !important;line-height: 18px; font-weight:600 }
.multiselect_main .btn-group, .multiselect {width: 100%;}
.multiselect_main .multiselect-selected-text {float: left;}
.multiselect_main .caret {float: right; margin-top: 7px;}
.multiselect_main .dropdown-menu {width: 100%;}
.seprate_form_section {width: 100%;background: #fbfbfb;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 15px;}
.seprate_form_section_head {width: 100%;background: #eee;padding: 7px 15px;text-transform: uppercase;float: left;border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.seprate_form_section_head h4 {float: left;font-size: 16px;color: #0d5d9b;line-height: 18px;font-weight: bold;}
.modal-header {
background: #0d5c9f;
color: #fff;
padding: 10px 15px;
}
.fw_600 { font-weight:600}
.modal-title {
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
}
.modal-footer {
    background: #f9f7f7;
    color: #fff;
    text-align: center;
    border-top:none;
}
.modal-content {
    border: 3px solid #cacaca;
    background: #f9f7f7;
    border-radius: 3px;
}
.container_100 { float:left; width:100%;}
.modal-dialog {position: absolute !important;top: 50%;left: 50%;
transform: translate(-50%,-50%) !important;
-moz-transform: translate(-50%,-50%) !important;
-o-transform: translate(-50%,-50%) !important;
-ms-transform: translate(-50%,-50%) !important;
-webkit-transform: translate(-50%,-50%) !important;
z-index: 999;margin: 0px auto !important;}
.panel_head {width: 100%;float: left;margin: 0px auto 15px auto;background: #e6e3e3;color: #000;font-size: 15px;text-align: center;padding: 8px 5px;}
.breadcrumb li.active {color: #012c56 !important;}
.txtUpper {text-transform: uppercase;}
input[type=text], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;border: 1px solid #DDDDDD; color: #000;font-size: 14px;}

input[type=text]:focus, textarea:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus {box-shadow: 0 0 3px rgba(31, 88, 143, 1);border: 1px solid rgba(31, 88, 143, 1);}
.show_icon {position: relative;bottom: -6px;right: -6px;}
input[disabled] {background: #e8e8e8 !important;color: #111 !important;cursor: not-allowed !important;}
select[disabled] {background: #e8e8e8 !important;color: #111 !important;cursor: not-allowed !important;}
.label_text {color: #000000;font-size: 14px;line-height: 20px;float: left;font-weight: normal; margin: 6px 0px !important;word-wrap: break-word; letter-spacing:0px !important;}
.label_text span .fa-download{ padding-right:5px }
.cheakbox_radio_text {color: #000000;font-size: 14px;font-weight: normal;margin: 0px 0px !important;}
.cheakbox_radio_text tr td {padding-right: 12px;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;margin-top: 4px !important;margin-left: 0px !important;}
.radio label, .checkbox label {padding-left: 12px !important;}
.modal-body p { font-size:14px;}
/*a.formanch {position: relative; float: left;margin: 10px 0px;font-size: 22px;line-height: 14px;}*/
/*a.formanch {
float: left;
font-size: 22px;
line-height: 14px;
margin: 10px 0;
position: absolute;
right: 0;
top: 6px;
}

.borbottm .form-group {
margin-bottom: 0px;
}*/

a.formanch {float: left;font-size: 22px;line-height: 14px;margin: 10px 0;position: absolute;right: 0;top: 6px;}
i.formanch {font-size: 22px;line-height: 14px;margin: 10px 0;position: absolute;right: 0;top: 6px;}
.borbottm .form-group {margin-bottom: 0px;}
.popup_container {max-height:200px;overflow-y: auto;margin-bottom: 10px;}
.dashboard_icon { border:none !important; margin-left:5px; color:#012c56;  background:transparent !important; transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s; }
.dashboard_icon:hover {background:transparent !important; color:#012c56;    }
.agree_label_left { min-width:50px; width:3%; display:inline}
.agree_label_right { float:left;display:inline; width:90%;}
.agree_label_right li { list-style:upper-roman outside; line-height:17px; font-size:13px; float:left; width:100%; color:#000; letter-spacing:0px !important;   }
/*.table-striped tbody tr { border:1px solid #232323 !important;}
.table-striped tbody tr td{ border:1px solid #232323 !important;}*/





.oic_paging .pagecount{ float:right; }
.oic_paging table{ float:left; }
.oic_paging td table tbody tr td {border: 1px solid #ddd;text-align: center;color: #012c56;width: 26px;font-size: 14px;padding: 3px;height: 10px;background: #fff;}
.oic_paging td table tbody tr td:hover, .oic_paging table tbody tr td span:focus { background:#012c56; border:1px solid #012c56; color:#fff !important;}
.oic_paging td table tbody tr td:hover a, .oic_paging table tbody tr td:focus a { background:#012c56; border:1px solid #012c56; color:#fff !important;}   

.breadcrumb {margin-bottom: 10px; background:#eeeeee;border-radius:0px; float:left; width:100%; text-align:left; padding:0px 15px 5px 15px;}
.breadcrumb > li {display: inline; text-align:left;}
.pagination_link { text-decoration:none; font-size:12px; padding:4px 6px; background:#fff; float:left; display:inline; transition:all ease-in-out .3s; color:#666; border:1px solid #666; margin:0px 2px; cursor:pointer;}
.pagination_link:hover,.pagination_link:focus { background:#012c56; border:1px solid #012c56; color:#fff;}
.pagination_link.active{ background:#012c56; border:1px solid #012c56; color:#fff;}
.top_heading { font-size:12px; line-height:12px; color:#012c56;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; max-width:240px;}

.oic-student{overflow-x: auto; width: 100%;}

/*UDID Project css*/

.top_head h3 {background: #1f588f;border-radius: 3px;color: #fff;float: left; text-align:center; font-size: 15px;line-height: 21px;margin-bottom: 15px;margin-top:15px !important;padding: 8px;width:100%;}
.form_head h3 {background: #024486;border-radius: 3px;color: #fff;float: left;font-size: 14px;line-height: 18px;margin-bottom: 15px;padding:6px;width: 100%;}
.section_head h4 {background:#d6d4d4;border-radius: 3px;color: #000;float: left;font-size: 13px;line-height: 15px;padding:5px 10px 6px 10px !important;width: auto; margin:0px;}

.vizard_content {float:left;width:100%;}
.vizard_container {z-index: 999;width: 100%;background: #fff;border-bottom: 3px solid #eaeaea;position: absolute;}
.vizard_fix {position: fixed;top:0px; }

 .checkbox_presentation { width:100%}
 .checkbox_presentation tbody tr { margin:3px 0px; padding-left:5px;}
 .checkbox_presentation tbody tr label {font-weight:normal;}
 .checkbox_presentation tbody tr {float:left;}
 .checkbox_presentation tbody tr:nth-child(odd) {width:calc(50% + 15px);}
 .checkbox_presentation tbody tr:nth-child(even) {width:calc(50% - 15px);}
 .modal-body_poppartation {padding: 15px 2px !important;}
 .modal-body_poppartation p span {border-top:1px solid #333; width:100%;}
.applySchemes_vizard_container {z-index: 9;width: 100%;background: #fff;position: absolute;}
.fieldset_validation {background: #f9f9f9;border: 1px solid #e7e7e7;border-radius: 3px;display: block;margin: 15px 1% 30px 1%;width: 98%;padding: 0px 0px 15px 0px; overflow:hidden}
.admin_grid_table2_trail thead tr th {background-color: #555 !important;color: #fff;border-right: 1px solid #fff;}

.main_fielset_container {background: #fff !important;border-radius: 3px;overflow-x: hidden;margin:5px;float:left;width:calc(100% - 10px);padding: 0px 0px 20px 0px;-webkit-box-shadow: 0px 0px 2px 1px rgb(1, 44, 86);-moz-box-shadow: 0px 0px 2px 1px rgb(1, 44, 86);
-o-box-shadow: 0px 0px 2px 1px rgb(1, 44, 86);-ms-box-shadow: 0px 0px 2px 1px rgb(1, 44, 86);box-shadow: 0px 0px 2px 1px rgb(1, 44, 86)}
.greenc {color: #38c738;}
.bluec {color: #012c56;}
.redc {color: #ff0404;}
.bg-none {background: none;}
.bordernone {border: none;}
.noneoutline:hover, .noneoutline:focus {outline: none !important;}
.custom_data_table thead tr th {padding-right: 0px !important;}
.custom_data_table tbody th {background: #555555 !important;color: #fff;cursor: pointer;padding-right: 28px;}
.loadingdivcls {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 999999999;}
.loadingdivcls span {position: absolute;z-index: 999999999;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width: 100px;height: 100px;background: rgba(247,247,247,.9);border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 3px solid #e8e3e3;}
.loadingdivcls span img {position: absolute;z-index: 999999999;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
input[type=radio]+label { margin-right:15px;}
.radio_tag { float:left; margin-right:15px;}
.calimg{position:relative !IMPORTANT; left:-26px;}
.calimg12 {
    top: 7px;
    right: 4px;
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 0px;
    background: url('data:image/png;base64,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') no-repeat;
    background-size: 20px 20px;
}
.garbage {
    display: none;
}
.garbage[style*=visible] + input,
.garbage[style*=visible] + select,
.garbage[style*=visible] + textarea {
    background-color: #ffcccc;
    border: 1px solid #ff0000;
}
.investor_registration_radio label { font-weight:normal}
.green_label a{ font-size:13px; text-align:center; padding:4px 8px; color:#fff;float:left; color:#000; border-radius:3px; text-decoration:underline;}
.icon_legend ul { float:right; margin:0px; padding:0px;}
.icon_legend ul li { float:right; text-align:left; list-style:none; margin-left:10px;    }
.btn-reg {    transition: all ease-in-out .3s;display: inline-block;padding: 1px 9px;margin-bottom: 0;font-size: 12px;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 #fff;border-radius: 2px;}
.dropdown {position: absolute !important;top: 16px;margin-left: 2px; cursor:pointer}
..btn-default{cursor:pointer}
.btn .caret {margin-left: 0;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 1px 0;margin: 2px 0 0;list-style: none;font-size: 12px;text-align: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,0.15);border-radius: 3px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);-moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175);-ms-box-shadow: 0 6px 12px rgba(0,0,0,0.175);-o-box-shadow: 0 6px 12px rgba(0,0,0,0.175);box-shadow: 0 6px 12px rgba(0,0,0,0.175);background-clip: padding-box;}
.dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;position: relative !important;top: 0px !important; left: 0px !important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none;color: #ffffff;background-color: #0e66bb;}
.down_btn {padding: 0px 3px;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;transition: all ease-in-out .3s;font-size: 23px;line-height: 23px;}
.show_for_container{display: inline-flex;}
.show_for{border: solid 1px #004d98;background: #e8f4ff;border-radius: 5px;padding-top: 3px;margin: 0px 5px;}
.search_table {position: absolute;font-size: 20px;color: #000;top: 8px;right: 9px;padding: 7px 5px;border-radius: 0px 2px 2px 0px;border: none;}

/* help menu header*/
.helpmenu {right: 190px; top:19px !important}
.help_btn {color: #fff;border-radius: 16px;border: none;padding: 5px 22px;background-color: #337ab7;border-color: #2e6da4;-o-transition: ease-in-out .3s;-webkit-transition: ease-in-out .3s;-moz-transition: ease-in-out .3s;transition: ease-in-out .3s;}
.help_btn:hover {color: #fff;background-color: #286090;border-color: #204d74;}
.help_btn i {padding-right: 4px;}

/* profile section header */
.header_section .navbar-custom-menu, .header_section .navbar-right {float: right;width: 175px;}
.navbar-custom-menu .user-menu{top:5px !important}
.header_section .navbar {-webkit-transition: margin-left 0.3s ease-in-out;-o-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;margin-bottom: 0;border: none;min-height: 60px;border-radius: 0;}
.navbar-custom-menu > .navbar-nav > li {position: relative;}
.header_section .navbar .nav > li > a {color: #ffffff;}
.header_section .navbar-nav {float: left;margin: -6px 0px;}
.navbar-nav > li > a {padding-top: 20px;padding-bottom: 30px; padding-left:10px; padding-right:10px;}
.navbar-nav > .user-menu .user-image {padding: 1px;border: solid 1px #fff;float: left;width: 25px;height: 25px;border-radius: 50%;margin-right: 10px;margin-top: -2px;}
.user_box {width: 110px;display: block;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;padding-right: 15px;}
.header_section .navbar .nav > li.user > a > .fa, .header_section .navbar .nav > li.user > a > .glyphicon, .header_section .navbar .nav > li.user > a > .ion {margin-right: 5px;}
.dropdown-toggle .fa-caret-down {position: absolute;right: 10px;top: 23px;color: #fff;font-size: 17px;}
.dropdown-menu {border: 1px solid #dadada;background: #f7f7f7 !important;-webkit-box-shadow: 0 2px 10px rgb(189, 189, 189);-moz-box-shadow: 0 2px 10px rgb(189, 189, 189);-ms-box-shadow: 0 2px 10px rgb(189, 189, 189);
-o-box-shadow: 0 2px 10px rgb(189, 189, 189);box-shadow: 0 2px 10px rgb(189, 189, 189);}
.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.nav > li > a:hover, .nav > li > a:focus {background: rgba(6, 39, 69, 1)!important;color: #f6f6f6;}
.user-menu:hover > .dropdown-menu {display: block;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {position: absolute;right: 4px;left: auto;}
.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.navbar-nav > .user-menu > .dropdown-menu {padding: 10px !important;border-top-right-radius: 0;border-top-left-radius: 0;border: none;border-top-width: 0;width: 181px;}
.arrowIcondynamic {border-color: transparent transparent rgba(255, 255, 255, 1);display: block;position: absolute;right: 27px;top: -8px;z-index: 1;height: 0;width: 0;border-style: dashed dashed solid;border-width: 0 8.5px 8.5px;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {padding: 0px;margin: 10px 10px;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer div a {float: left;width: 100%;font-size: 14px;color: #054177;background: #e4e4e4;border: 1px solid #7191af;border-radius: 18px;text-align: center;font-weight: normal;padding: 7px 8px;
margin: 0px 0px 14px 0px;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;transition: all ease-in-out .3s;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer div a:hover, .navbar-nav > .user-menu > .dropdown-menu > .user-footer div a:focus {background: #054177;color: #fff;border: 1px solid #054177;}
.sign_in {float: left;width: 100%;font-size: 14px;color: #054177;background: #e4e4e4;border: 1px solid #7191af;border-radius: 18px;text-align: center;
font-weight: normal;padding: 7px 8px;margin: 0px 0px 14px 0px;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;transition: all ease-in-out .3s;}
.sign_in:hover {background: #054177;color: #fff;border: 1px solid #054177;}
/* notification*/
.ProfileMain {position: relative;float: right;padding: 0px 15px 0px 0px;}
.ProfileDiv {float: right;margin-top: 20px;margin-bottom: 4px;}
.notification {color: #fff;font-size: 20px;font-weight: normal;padding: 2px 5px 1px 4px;margin-top: 7px;border-radius: 2px;cursor: pointer;-webkit-transition: .5s all;
-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;transition: .5s all;}
.badgenotification {top: 14px;right: 11px;padding: 0px;line-height: 19px;height: 19px;width: 19px;position: absolute;text-align: center;color: #ffffff;font-size: 13px;
font-weight: 600;background: #f33336;border-radius: 50%;}
.ProfileMain:hover {
    background: rgba(0,0,0,.3);
}
.ProfileDiv .fa-caret-down {position: absolute;right: 8px;top: 32px;color: #fff;}
.notificationDetails {width: 250px;background: #fff;padding: 6px;border: 1px solid #006a9a;border-color: rgba(0,0,0,.2);-webkit-box-shadow: 0 2px 10px rgb(226, 226, 226);
box-shadow: 0 2px 10px rgb(226, 226, 226);display: none;top: 55px;color: #00283a;position: absolute;right: -15px;-webkit-border-radius: 3px;border-radius: 3px;
font-size: 90%;z-index: 999999;}
.arrowIcon {border-color: transparent transparent rgba(255, 255, 255, 1);display: block;position: absolute;left: 210px;top: -8px;z-index: 1;height: 0;width: 0;
-webkit-animation: gb__a .2s;animation: gb__a .2s;border-style: dashed dashed solid;border-width: 0 8.5px 8.5px;}
.ProfileDetailTop ul {max-height: 150px;overflow-y: auto;}
.ProfileDetailTop ul, .ProfileDetailTop ul li {float: left;width: 100%;list-style: none;padding-left: 0px;transition: 0.5s all;-webkit-transition: 0.5s all;
-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.ProfileDetailTop ul, .ProfileDetailTop ul li a:last-child {border-bottom: none;}
.notificationDetails a {color: #262626;padding: 0px;border-bottom: solid 1px #dedede;text-decoration: none;float: left;line-height: 33px;width: 100%;}
.notificationDetails a .fa-lg {font-size: 1em;line-height: 2em;vertical-align: -9px;margin-right: 5px;}
.notificationDetails a .fa-stack {position: relative;display: inline-block;width: 2em;height: 2em;line-height: 2em;vertical-align: middle;}
.notificationDetails i {color: #262626;padding: 0px;}
.fa-stack-2x {font-size: 2em;}
.fa-stack-1x, .fa-stack-2x {position: absolute;left: 0;width: 100%;text-align: center;}
.notificationDetails a .fa-stack-1x {font-size: .9em;}
.fa-stack-1x {line-height: inherit;}
.notificationDetails a span {float: right;padding: 0px;line-height: 19px;height: 19px;width: 19px;text-align: center;color: #ffffff;font-size: 13px;font-weight: 600;
background: #f33336;border-radius: 50%;margin: 7px 4px;}
.ProfileDetailTop ul li:hover {background: #e0dede;}
.ProfileMain:hover > .notificationDetails {display: block !important;}
i.ring {-webkit-animation: ring 4s ease infinite;animation: ring 4s ease infinite;}
.ring {-webkit-animation: ring 4s ease infinite;animation: ring 4s ease infinite;}
.notificationalert {-webkit-animation: ring 4s ease infinite;animation: ring 4s ease infinite;}
@-webkit-keyframes ring {
0% {-webkit-transform:rotate(-15deg);transform:rotate(-15deg);}
2% {-webkit-transform:rotate(15deg);transform:rotate(15deg);}
4% {-webkit-transform:rotate(-18deg);transform:rotate(-18deg);}
6% {-webkit-transform:rotate(18deg);transform:rotate(18deg);}
8% {-webkit-transform:rotate(-22deg);transform:rotate(-22deg);}
10% {-webkit-transform:rotate(22deg);transform:rotate(22deg);}
12% {-webkit-transform:rotate(-18deg);transform:rotate(-18deg);}
14% {-webkit-transform:rotate(18deg);transform:rotate(18deg);}
16% {-webkit-transform:rotate(-12deg);transform:rotate(-12deg);}
18% {-webkit-transform:rotate(12deg);transform:rotate(12deg);}
100%, 20% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes ring {
0% {-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);}
2% {-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform: rotate(0deg);}
4% {-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}
6% {-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg);}
8% {-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg);}
10% {-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg);}
12% {-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg);}
14% {-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg);}
16% {-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg);}
18% {-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg);}
100%, 20% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
}
@media (min-width:0px) and (max-width:767px) {
.header_section .navbar-custom-menu, .header_section .navbar-right {width: 68px !important;}
.navbar-custom-menu .navbar-nav > li {float: left;}
.navbar-custom-menu > .navbar-nav > li {position: static;}
.navbar-custom-menu .navbar-nav > li > a {padding-top: 15px;padding-bottom: 10px;float: right;line-height: 20px;}
.nav > li > a {position: relative;display: block;padding: 10px 15px;}
.navbar-nav .open .dropdown-menu {background: #f3f3f3;-webkit-box-shadow: 0 2px 10px rgb(189, 189, 189);
-moz-box-shadow: 0 2px 10px rgb(189, 189, 189);-ms-box-shadow: 0 2px 10px rgb(189, 189, 189);
-o-box-shadow: 0 2px 10px rgb(189, 189, 189);box-shadow: 0 2px 10px rgb(189, 189, 189);}
.badgenotification {top: 12px;}
.ProfileDiv {margin-top: 16px;margin-bottom: 7px;}
.dropdown-toggle .fa-caret-down {top: 16px;margin-right: 2px;}
.arrowIcondynamic {right: 20px;}
.helpmenu {right: 70px;top: 15px !important;}
}
.down_btn {padding: 0px 3px;margin-top: -1px;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;transition: all ease-in-out .3s;font-size: 23px;line-height: 23px;}


@media (min-width:300px) and (max-width:1460px) {
    .userMapLastHead{min-width:180px !important}
}
@media (min-width:801px) and (max-width:1150px) {
.cheakbox_radio_text tr td {padding-right: 12px;display: block;}
}
@media(max-width:991px) {
       .show_for .breack_mobile {display: block;clear: both;float: left;}
        }
@media(max-width:900px) {
       .checkbox_presentation tbody tr:nth-child(odd) {width:100%;}
       .checkbox_presentation tbody tr:nth-child(even) {width:100%;}
       .label_text {font-size: 13px;}
        }

@media (min-width:768px) and (max-width:800px) {
.popup_container {max-height: 300px;overflow-y: auto;margin-bottom: 10px;}
.modalPopup {width: 88%;}
.cheakbox_radio_text tr td {padding-right: 12px;display: block;}
.checkbox_presentation tbody tr:nth-child(odd) {width:100%;}
.checkbox_presentation tbody tr:nth-child(even) {width:100%;}
}

@media (min-width:480px) and (max-width:767px) {
.logo {width: 250px;float: left;margin: auto;overflow: hidden;clear: both;}
.logo img {width: 100%;height: auto;float: left;}
.logo h2 {font-size: 115%;margin-top: 3px;}
.logo h4 {font-size: 46%;letter-spacing: .56em;}
.login_section {margin: 10px 0px 0 0;}
.login_section1 {float: right;width: 244px;height: 40px;border-radius: 3px;margin: 3px 3px 5px 0px;}
.sign_in {font-size: 13px;}
.sjms_profile {height: 25px;width: 25px;}
 .profile_icon {height:25px;width:25px;}
.sample_text {font-size: 12px;padding: 5px 0;}
.popup_container {max-height: 320px;overflow-y: auto;margin-bottom: 10px;}
.modalPopup {width: 88%;}
.headmail {color: #fff;margin: auto;padding: 0 2px;position: relative;text-align: center;top: -2px;width: auto;float: right;font-size: 13px; clear:right;}
.header_section {height:65px;}
#columnleft {top: 13px!important;}
#content {padding: 65px 0 20px; padding-bottom:20px !important}
.cheakbox_radio_text tr td {padding-right: 12px;display: block;}
.sample_text {font-size: 10px !important;padding: 5px 0;}
.checkbox_presentation tbody tr:nth-child(odd) {width:100%;}
.checkbox_presentation tbody tr:nth-child(even) {width:100%;}

}
@media (min-width:480px) and (max-width:640px) {
.login_section1 {float: right;max-width: 16%;min-width: 96px;height: auto;border-radius: 3px;margin: 2px 3px 0px 0px;padding: 4px 0px;}
.profile_icon {height: 25px;width: 25px;}
}
@media (min-width:480px) and (max-width:532px) {
.logo {width:180px;float: left;margin: auto;overflow: hidden;clear: both;margin-top: 4px;}
.logo img {width: 100%;height: auto;float: left;}
.logo h2 {font-size: 110%;margin-top: 3px;}
.logo h4 {font-size: 44%;letter-spacing: .56em;}
.login_section {margin: 10px 0px 0 0;}
.login_section1 {float: right;width: 244px;height: 40px;border-radius: 3px;margin: 3px 3px 0px 0px;}
legend {max-width: 450px;}
.sign_in {font-size: 11px;}
.sjms_profile {height: 25px;width: 25px;}
.profile_icon {height:25px;width:25px;}
.sample_text {font-size: 11px;padding: 5px 0;}
.popup_container {max-height: 300px;overflow-y: auto;margin-bottom: 10px;}
.modalPopup {width: 88%;}
.header_section {height:65px;}
#content {padding: 65px 0 20px !important;}
.cheakbox_radio_text tr td {padding-right: 12px;display: block;}
.modal-dialog {width: 80%;}
.agree_label_right {width: 80%;}
.agree_label_right li { text-align:justify; margin-bottom:5px;}
.headmail {top: 3px;}
.checkbox_presentation tbody tr:nth-child(odd) {width:100%;}
.checkbox_presentation tbody tr:nth-child(even) {width:100%;}
.dataTables_length, .dataTables_filter{width:100% !important}
.main_fielset_container{padding-bottom:30px}
}


@media (min-width:320px) and (max-width:479px) {
.logo {width:175px;float: left;margin: auto;overflow: hidden;clear: both;margin-top: 4px;}
.logo img {width: 100%;height: auto;float: left;}
.logo h2 {font-size: 90%;margin-top: 3px;padding-bottom: 3px;}
.logo h4 {font-size: 46%;letter-spacing: .30em;}
.login_section {margin: 10px 0px 0 0;}
.login_section1 {float: right;max-width: 44%; min-width:96px; height: auto;border-radius: 3px;margin: 2px 3px 0px 0px;padding: 4px 0px;}
.logout-icon{font-size:14.5px!important;}
legend { max-width: 280px;}
.headmail {bottom: 0px;text-align: right;width: 100%;margin-right: 2px;}
.sjms_profile {height: 25px;width: 25px;}
.profile_icon {height:25px;width:25px;}
.sample_text {font-size: 9px !important;padding: 5px 0;}
.popup_container {max-height: 300px;overflow-y: auto;margin-bottom: 10px;}
.modalPopup {width: 88%;}
.header_section {height: 66px;}
#columnleft {top: 13px!important;}
#content {padding: 66px 0 20px; padding-bottom:20px !important;}
.cheakbox_radio_text tr td {padding-right: 12px;display: block;}
.modal-dialog {width: 80%;}
.agree_label_right {width: 80%;}
.agree_label_right li { text-align:justify; margin-bottom:5px;}
.breadcrumb > li {font-size: 12px;}
.chat-text{position: absolute; right: -82px; bottom: 8px;font-size: 12px;}
.top_heading {font-size: 9px;line-height: 11px; margin:0px 2px;}
.checkbox_presentation tbody tr:nth-child(odd) {width:100%;}
.checkbox_presentation tbody tr:nth-child(even) {width:100%;}
.dataTables_length, .dataTables_filter{width:100% !important}
.menuText, .btn .caret{display:none}
.show_for_container{display:block}
.show_for_container .show_for{margin-bottom:15px; text-align:left}
.help_btn {padding: 3px 8px;}
.helpmenu {right: 80px;}
.help_btn i {padding-right: 0px;}
.help_btn .caret{display:inherit}
.help_btn span{display:none}
.sign_in{font-size:13px;}
.navbar-nav > .user-menu > .dropdown-menu{width:161px}
.btn{margin-top:5px;}
}