@charset "utf-8";

/* CSS Document */



html body { 
    background-color:#a5c6f5f2;
    background-image: url(../images/bg.jpg);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;}


#container {
	position: static;	
	width: 100%;
	height:auto;	
    font-family: 'Lato', Times, serif;
	font-size:12px;
	color:#000;
	line-height:150%;
	background-color:#fff;
	background-attachment: fixed;
}

#container p { margin:0!important; padding:0!important; }


.clear { position:relative; clear:both; }
.left, .right { position:relative; float:left; }
.right { float:right; }
.width_1200 { width:1200px; }
.colored_txt1 { color:#2379d1; }
.bg1 { background:radial-gradient(circle, #4491c1, #0160e2); }
.colored_bg1 { background:radial-gradient(circle, #4491c1, #0160e2)!important; color:#fff!important; }
.colored_txt2 { color:#0160e2; }
.white_txt { color:#fff; }
.green_txt, .success_txt { color:#090; }
.orange_txt { color:#e29200; }
.green_bg { background:#090; } 
.red_bg { background:#d70101; }
.orange_bg { background:#e29200; }
.grey_bg { background:#6666661a; }
.kayode_campus_bg { background:#ffc7001a; }
.kayode_child_elements_bg { background:#f1b905c4!important; color:#000!important; }
.warning_txt { color:#f00; }
.thinner_font { font-weight:300; }
.smaller_font { font-size:smaller; }
.larger_font { font-size:larger; }
.bold_font { font-weight:bold!important; }
.capitalize { text-transform:capitalize; }
.italic { font-style:italic; }
.highlight { background-color: yellow; font-weight: bold; border-radius: 3px;  }
h1, h2, h3, h4, h5, h6 { position:relative; }

h1 { font-size:50px; font-weight:799; color:#2379d1; text-shadow:1px 1px #fff; text-align:left; }
#team h1 { margin:0 0 20px; padding:0; font-size:12px; }
h1 .colored_txt1 { font-weight:800; }
h2 { text-align:left; }
.add_background { 
background: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* Standard syntax (must be last) */
}
.pic, .intern_pic { width:350px; float:left; margin:0 15px 10px 0; }
.team_pic, .intern_pic { width:180px; box-shadow:0px 0px 3px 1px #999; padding:15px; }
.smaller_txt { font-weight:normal; }
.space_down { position:relative; height:20px; border:solid 0px red; }
.special_line_break { display:none; }
.transparent_on_hover:hover { opacity:0.8; }
form input[type="submit"], button, .big_green_edit_button {
    width: auto;
    height: auto;
    padding: 15px 25px;
    background:radial-gradient(circle, #4491c1, #0160e2);
    color: #fff;
    font-size: 16px;
    font-weight: bold!important;
    font-family: 'Lato', sans-serif!important;
    text-align: center;
    border: outset 1px #ccc!important;
    cursor: pointer!important;
    /*border-radius: 50px!important;*/
    box-shadow:0px 0px 1px 1px #666!important;
}
form input[type="submit"]:hover, button:hover, .big_green_edit_button:hover { box-shadow:0px 0px 1px 1px #ccc!important; }

.big_green_edit_button { background-color: #090; border-radius:10px; }

.adjusted_small_button { height:auto;border-radius:15px;padding: 5px 15px;font-size:10px;font-weight:300!important; }

.auto_scroll_end { font-family: 'Lato', sans-serif !important; }

#logo_area { position:relative; padding:20px; font-size:12px; }
#logo_area .left { width:280px; }
#logo_area .right { width:auto; padding-top:35px; }
#logo_area .left img { width:100%!important; height:auto!important; padding: 8px;  box-shadow: 0px 0px 3px 1px #666;   background: #fff; }
#logo_area .left img:hover { opacity:0.8; transition:0.8s; }

#logo_area .right a { position:relative; padding:40px 23px; background:rgba(255,255,255,0.8); border-right:solid 0px rgba(0,0,0,0.05); font-weight:bold; color:#000; margin-right:1px; text-decoration:none; transition:0.8s; }
#logo_area .right a.last { margin:0; }
#logo_area .right a:hover { text-decoration:none; background:rgba(255,255,255,0.65); }
#logo_area .right a.active_page { background:radial-gradient(circle, #4491c1, #0160e2); color:#fff; text-shadow:1px 1px 1px #000; box-shadow:0 0 3px 1px #999; }
#menu_mobile { display:none; }

#home_caption_area { position:relative; text-align:left; margin:0; }
.home_caption { position:relative; padding:190px 140px 80px 140px;  margin:0 0 50px 0; background:none; color:#fff!important; font-weight:bold; font-size:larger; }
.home_caption img { width:100%; }
.home_caption iframe { position:relative; width:100%; height:470px; }
.home_caption h1 { font-size: 90px; color:#fff!important; }
.home_caption h1 img { display:none; }

.for_other_pages { padding:150px 0 50px 100px; text-align:left; width: 750px;  }
.for_other_pages h1 { font-size: 50px; }

#scroll_down_gif_holder { position:absolute; width:100%; top:5px; }
#scroll_down_gif_holder img { width:30px; height:20px; cursor:pointer; }
#scroll_down_gif_holder img:hover { opacity:0.5;  }



#services_list { margin-top:50px; }
#services_list li { float: left; width:30%; margin-bottom: 0; text-align:left; font-size:18px; text-shadow:1px 1px 1px #fff; margin-bottom:10px; border:solid 0px red;  }
#services_list li:nth-child(even) { float:right; width:45%; }

.add_shadow { position:relative; height:; box-shadow:0px 0px 3px 1px #666; z-index:100; }

#main{
	position: relative;	
	background:rgba(255,255,255,0.99);
	width:100%;
	height:auto;
}
.inside_main { position:relative; padding:50px 30px; }

#main_right.left, #main_right.right {width:25%!important; }
#main_right.right { width:73%!important; }
.settings_table td:first-child { width:100%!important; }
.settings_table td:last-child { width:25%!important; }
.inner_content_table { width:100%; padding:0; margin:0; border:solid 1px #ccc; }
.inner_content_table tr td { width: auto!important; text-align:left!important; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px; margin:0; font-size:12px;}
.inner_content_table tr td:last-child { border-right:none; }
.inner_content_table tr:last-child td { border-bottom:none; }


.big_display_picture:hover { opacity:0.85; cursor:pointer; }

#message_area { position:relative; }
#message_area .left, #message_area .right { width:67%; text-align:justify; }
#message_area .right { width:30%; }

#right_box, #video_frame_area { position:relative; background:radial-gradient(circle, #4491c1, #0160e2); padding:20px; box-shadow:0 0 3px 1px #999; color:#fff; margin-bottom:120px; }
#right_box .see_also_links { position:relative; text-align:left; }
#right_box strong, #video_frame_area strong { font-size:20px; }
#right_box .see_also_links div { position:relative; padding:15px 15px; background:rgba(255, 255, 255, 0.66); margin:0 0 1px; color:#333; text-decoration:none; text-transform:uppercase; }
#right_box .see_also_links div:hover { background:rgba(255, 255, 255, 0.76); cursor:pointer; }
#right_box .see_also_links div:first-child { margin-top:10px; }
#right_box .see_also_links div:last-child { margin-bottom:7px; }
#right_box.fixed_box { position:fixed; top:10px; width:320px; }


#video_frame_area { background: #333; text-align:left; color:#ccc; margin-bottom:0; }
#video_frame_area iframe { margin-top:10px; }

#float_list { position:relative;}
#float_list li { float:left; width:45%; }
#float_list li:nth-child(even) { float:right; }

#columns .column { position:relative; float:left; width:33%; text-align:justify; border-right:solid 0px #f0ece1; }
#columns .column strong  { color:#0160e2; font-size:18px; }
#columns .column #read_more  { font-size:12px; }
#columns .column:nth-child(1) { margin-right:5px; }
#columns .column.last { float:right; border:none; }
#columns .column .inside { padding:0 15px; }
#columns .column img { width:99%; margin:15px 0; border:solid 5px #ccc; /*box-shadow:0px 0px 3px 1px #666;*/ }

#read_more { position:relative; background:radial-gradient(circle, #4491c1, #0160e2); color:#fff; padding:10px 20px;  box-shadow:0 0 1px 1px #999; text-decoration:none; }
#read_more:hover { opacity:0.9; transition:0.2s; text-decoration:none; }

#full_services_list { position:relative; border-bottom:solid 1px #E8ECF1; padding:25px 0; margin-bottom:15px; }
#full_services_list.first { border-top:solid 1px #E8ECF1; margin-top:15px; }
#full_services_list .left, #full_services_list .right { text-align:center; }
#full_services_list .left { border-right:solid 1px #E8ECF1; }

.left.first, .right.first { width:40%!important; }
.right.first { font-size:12px; }

.testimonial_slide { padding:50px; text-align:left; font-family:lucida handwriting; background:#fff; color:#666; font-size:1.115em; line-height:190%; }
.testimonial_slide .inverted_comma { font-size:150%; }
.testmonial_text { width:90%; }
.testimonial_slide .smaller_text { font-size:90%; }
.testimonial_slide img { position:relative; float:left; width:270px; margin:0 20px 10px 0; border-radius:100%; }

#people { position:relative; }
#people .column { position:relative; float:left; width:181px; height:207px; overflow:hidden; background:#fff; box-shadow:0px 0px 3px 1px #999; padding:15px; margin-right: 36px; margin-bottom:35px; }
#people .column:hover { cursor:pointer; /*box-shadow:0px 0px 3px 1px #ccc; background:rgba(0,0,0,0.02);*/ }
#people .column:nth-child(5n) { margin-right:0; float:right; }
#people .column img { width:100%; height:; box-shadow:inset 0px 0px 50px 3px #dedede; }
#people .tag { position:absolute; width:161px; bottom:0; left:15px; padding:10px 10px 10px; background:rgba(255,255,255,1); color:#0160e2; font-size:13px; line-height:140%; font-weight:bold; text-align:center; border:solid 0px red; }
#people .column:hover .tag { transition:0.8s; background:rgba(255,255,255,0.75); }
.smaller { font-size:11px; font-weight:normal; color:#000; text-transform:uppercase; }

form select.searchableSelect .select2-search, .select2-results__option, .select2-search__field { font-family: 'Lato', Times, serif!important; }



/* Style for searchable select at Accounting Module */
.searchableSelect + .select2-container .select2-selection {
    background-color: #f0f8ff; /* Change background color */
    border: 1px solid #007bff; /* Add a custom border */
    border-radius: 5px; /* Add rounded corners */
}

#admission_form.searchableSelect + .select2-container .select2-selection { margin-bottom:25px; }

/* Style the text inside the selection box */
.searchableSelect + .select2-container .select2-selection__rendered {
    color: #333;
    font-family: 'Lato', sans-serif!important;
    font-size:14px;
}

/* Style the dropdown menu */
.select2-dropdown {
    background-color: #fff;
    border: 1px solid #007bff;
    border-top: none;
}

/* Style each option in the dropdown */
.select2-results__option {
    font-size: 14px;
    padding: 8px 12px;
}

/* Style the hovered option */
.select2-results__option--highlighted {
    background-color: #007bff !important; /* Use !important to override Select2's default */
    color: #fff !important;
}

.briefcase_as_trigger { text-align:center; width:10%; margin-bottom:0; cursor:pointer; }
.briefcase_as_trigger:hover { opacity:0.8; }

.briefcase_as_trigger .inside_txt { font-weight:normal; font-family:inherit; color:#000; }


#application_form { position:relative; margin-top:10px; width:300px; }
#application_form.second { width:100%; }
#application_form.apply_form { float:/*left*/ none; width:/*40%*/ auto; text-align:left; }
.apply_info { position:relative; float:right; width:50%; line-height:500%; display:none; }
#application_form label { cursor:pointer; font-weight:normal; }
#application_form select { cursor:pointer; border:solid 1px #ccc; background:none; width:100%; padding:10px; height:40px; font-family: 'Lato', Times, serif;   }
#application_form input[type="text"], #application_form .pseudo_field, #application_form input[type="email"], #application_form input[type="date"],#application_form input[type="month"], #application_form textarea, #application_form input[type="submit"], #application_form input[type="number"] { position:relative; width:90%; padding:10px ; background: none/*rgba(0,0,0,0.09)*/;  margin-bottom:10px; font-family: 'Lato', Times, serif; font-size:16px; font-weight:normal;  color:#666; height:30px; border: solid 1px #ccc; border-radius: 3px; }
 #application_form select option { font-size:16px; font-weight:normal;  /*color:#666;*/ }
#application_form .pseudo_field { width: 92.3%; height:auto; padding:5px; }
#application_form textarea { height:100px; }
#application_form input[type="submit"] { padding:10px 10px; float:none; width:300px; color:#fff; font-weight:bold; background:rgba(0,0,0,0.69); cursor:pointer; height:60px; margin-bottom:0; }
#application_form input[type="submit"].second { float:right; width:90%; height:60px;  }
#application_form input[type="submit"]:hover { background:#666;  }
.table_inside_form tr td:nth-child(1) { text-align:right; vertical-align:middle; }
.custom_padding { padding:80px 50px; }
#pagetag .elementor-heading-title { color:#fff; width:100%; }
#wpforms-form-328 input, #wpforms-form-328 textarea { font-size:; padding:10px; border-color:#000; }
#wpforms-form-328 textarea { height:150px; }

.elementor-5 .elementor-element.elementor-element-9fe60a4 { padding:80px 0 0 0; }

#holding_box { font-family:'Montserrat', sans-serif;; position:relative; font-size:12px; border:solid 0px red; background:#fff; width:300px; margin:50px auto; padding:20px 50px 50px; }
#enquiry_form {position:relative; width:100%; color:#000; font-size:12px; padding:10px;  }
#enquiry_form input[type="text"], input[type="password"], input[type="date"], input[type="month"], input[type="file"], #enquiry_form input[type="number"], select, textarea{   width:100%; height:45px; padding:0px 10px 0px 10px; text-align: left; font-family:'Montserrat', sans-serif;; color:#000; font-size:12px; background:#fff; border:solid 1px #333; border-radius:3px; margin-bottom:15px; cursor:pointer; }

#enquiry_form .pseudo { position:relative; text-area: center; border:solid 1px #333; border-radius:3px; margin-bottom:15px; padding:12px; }

#enquiry_form input[type="file"] { cursor:pointer; }

#enquiry_form input[type="checkbox"] { width:auto; height:auto; }

#enquiry_form textarea {width:100%;  height:105px;  font-family:'Montserrat', sans-serif;;	font-size:12px; padding:15px; }

#enquiry_form label { cursor:pointer; }

#enquiry_form  .shorter {width:177px; height:70px;}

#enquiry_form  input.readonly { background:#ccc!important; border-color:#ccc!important; color:#666!important; }


#enquiry_form fieldset, fieldset { /*max-width:90%;*/ padding:25px 25px 5px; font-size:16px; border-radius:0; box-shadow: 1px 1px 3px #666; }
#enquiry_form legend, legend, .file_id_area span, .show_batch span { background:radial-gradient(circle, #4491c1, #0160e2); color:#fff; padding:5px 10px; border-radius:7px; box-shadow: 1px 1px 3px #666; }

#enquiry_form .left, #enquiry_form .right { position:relative; float:left; width:49%; border:solid 0px red; text-align:left; font-weight:bold; }
#enquiry_form .right { float:right; }
#enquiry_form .clear { position:relative; clear:both; }

.left.news .pic { margin-bottom:0; }

#reason_area { position:relative; width:60%; }
#reason_block { position:relative; border-bottom:solid 1px #ccc; padding-bottom:20px; margin-bottom:20px;   } 
#reason_block.last { border:none; }
#reason_block .number { position:relative; float:left; width:100px; border:solid 1px #ccc; padding:20px; font-size:25px; font-weight:bold; color:#0160e2; text-align:center; }
#reason_block .detail { position:relative;  float:right; width:550px; font-size:18px; }

.programs_intro { width: 1120px; }
.programs_list strong { color: #bd211f!important; }
.programs_list div { text-align: left!important; }

.contact .left, .contact .right { width:30%!important; border:solid 0px red; }
.contact .right { width:57%!important; }
.contact .iframe_area iframe { border:0; position:relative; margin-top:0px; z-index:2; background:rgba(111, 107, 107, 0.58);  border:solid 1px #999; padding:5px; }
#contact_us_frame { position:relative; width:100%; height:300px; border:none; background-color:none;  margin:10px 5px; padding:0px; z-index:; }
.contact img:hover { opacity:0.8; transition:0.8s; }

#footer { position:relative; background:radial-gradient(circle, #4491c1, #0160e2); border-top: solid 15px #b0bba8; }
.inside_footer { position:relative; padding:50px 0 20px; }
#columns2 { position:relative; width:1090px; font-size:12px; line-height:190%; color:#999; }
#columns2 .column { position:relative; float:left; width:22%; margin-right:35px; text-align:left; border:solid 0px red; }
#columns2 .column:nth-child(4) { float:right; margin-right:0; line-height:225%; }
#columns2 .column:nth-child(4) .inside { position:relative; margin-left:50px;  }
#columns2 .column strong:nth-child(1) { font-size:17px; }
#columns2 .column a strong { font-size:14px!important; }
#columns2 .column img:hover { opacity:0.9; transition:0.8s; }
#columns2 .column.last img { height:25px; }

#copyright_area { position:relative; margin-top:20px; font-size:12px; color:#fff;  border-top: solid 1px #cccccc40;   padding-top: 25px; }
.copyright_text { background:radial-gradient(circle, #4491c1, #0160e2); padding: 10px 20px;  border-radius: 0px; box-shadow: 1px 1px 3px #666; }

   .top_right_menu { position:absolute; width:100%; z-index:2; top:0; right:0; background:radial-gradient(circle, #4491c1, #0160e2); padding:6px 0; color:#fff; border-radius: 0px 0px 0 0; }
    .top_right_menu img { height:30px; background:none; padding:5px; border-radius:5px; margin:0 5px; vertical-align:middle; }
    .top_right_menu img.avatar { background:#ffffff17; }
    .top_right_menu img:hover { background:#ffffff37; }
    .date_holder { position:relative; display:inline-block; background:#ffffff1a; padding:10px 15px;  }
    
    #inside_container_table { position:relative; }
    #inside_container_table td { position:relative; vertical-align:top; margin:0; padding:0; }
    #inside_container_table td:first-child { position:relative; display:block;width: 300px; }
    #pull_out_menu { position:fixed; width:300px; height:100%; background:radial-gradient(circle, #4491c1, #0160e2); color:#fff; border-radius: 0px; box-shadow: 1px 1px 3px #666;  display: flex; flex-direction: column; }
    .inside_pull_out_menu { position:relative; padding:0 15px 15px 15px; }
    .logo_holder { position:relative; /*width:300px;*/ left:-1px; padding:20px; }
    .logo_holder h2, .logo_holder h4 { text-align:center; margin:0; }
    .logo_holder h2 { margin-top:20px; }
    .logo_holder img { width:65%; border-radius:100%; background:#fff; box-shadow: 1px 1px 3px #666; transition: width 0.25s ease, height 0.25s ease; }

    .logo_holder img.shrink { width: 25%; }/*shrink logo when menu is scrolled */

    .logo_holder:hover { opacity:0.9; }
    .display_picture_area { position:relative; }
    .display_picture_holder { position:relative; width:100px; margin:10px 0; }
    .display_picture_holder img { width:100%; border-radius:100%; }
    .full_name_area { position:relative; font-weight:bold; padding:10px 0; }
    .social_media_icons { position:relative; }
    .social_media_icons img { height:30px; background:#ffffff57; padding:10px; border-radius:5px; margin:0 5px; }
    .social_media_icons img:hover { background:#ffffff37; }
    
    .top_bar_icon, a.top_bar_icon { position:relative; display:inline-block; background:none!important; color:#fff; font-size:24px; margin-right: 35px; top:10px; opacity:0.85; }
    .number_tag_at_home { position:absolute; font-size:10px; font-weight:normal; top:-10px; right:-20px; background:none; color:#fff; padding:5px 7px; border-radius:5px;  }
    .top_bar_icon:hover { opacity:1; cursor:pointer; }
    .top_bar_icon .inside_txt { font-size:10px; font-weight:100; line-height:190%; font-family:'Exo', sans-serif!important; }

    .logout_txt { position:relative; margin:25px 0 0; font-size:12px; }
    
     .nomargin { margin:0!important; }

    /*a.link { position:relative; padding:18px 15px; margin:10px; display:block; background:#fff; color:#fff!important; text-decoration:none!important; border-radius: 10px; }
    a.link:hover { background:#ffffffd6; color:#fff!important; }*/
    
    /*.link_area { position:relative; width:300px; height:300px; overflow-y: auto; border-bottom: solid 1px #ccc; }*/


.link_area {
    flex-grow: 1; /* Occupies remaining space */
    max-height: 100vh; /* Limits the height to the viewport height */
    overflow-y: auto; /* Enables scrolling if content overflows */
    padding-bottom: 20px;
    border-top: none;
    box-sizing: border-box; /* Ensures padding is included in max-height calculation */
}

    .link.logout { position:fixed; bottom:0; left:0; }

    /* Initially hide content */
    .link_holder:not(:first-child) .content {
        display: none;
    }
    
    /* Smooth animation for showing/hiding content */
    .link_holder .content {
        display: block;
        transition: height 0.05s;
        overflow: hidden;
    }
    .link_area .fa-caret-down { line-height: 0; display:none; color:#ffffff80; }


    .link_holder { position:relative; background:#0000001a; border: solid 1px #ffffff26; text-align:center; width:85%; margin-bottom:10px; padding:5px 15px 15px; border-radius:0; }
    .no_background { background:none!important; }
    /*.link_holder:not(.open):hover { background: #000!important; }*/
    .link_holder legend { background:radial-gradient(circle, #4491c1, #0160e2); color:#fff; font-size:14px; cursor:pointer; border-radius: 5px 5px 0 0; border: outset 1px #baacac !important; } 
    #pull_out_menu .link_holder legend:hover { background:#0160e280; }
    .brighten { background:#2379d1!important; }
    .link_area .link, .link.logout { position:relative; padding:7px 20px; margin-bottom:5px; display:block; background:#ffffff08; color:#ffffffcc!important; text-decoration:none!important; font-size:14px; background:none; font-weight:100; font-style: italic; }
    .link_area .link:hover { background:#0160e280; }
    
    
    .link_area .link.active { background:#0160e280; font-weight:normal; font-style: normal; }
    .link_area .link.active::after { content:' >>'; }
    
    
    #content_area, #content_area_for_print { position:relative; color:#000; padding:70px 35px 35px; border-radius: 0px; }
    
    #my_copyright_area {
    position: relative;
    background:none /*rgba(512,512,512,0.2)*/;
    color: #fff;
    font-size: 13px;
    padding: 20px;
    }
    
     
     .back_link, .forward_link {position:absolute!important; top:5px; left:5px; cursor:pointer; }
     .back_btn, .forward_btn { height:45px!important; cursor:pointer; }
    .forward_link { left:auto; right:5px; }
    .forward_btn { transform:scaleX(-1); }
    .back_btn:hover, .forward_btn:hover { background:none!important; opacity:0.8;}
    
    .small_display_picture:hover { opacity:0.85; cursor:pointer; }

    .small_transparency { opacity:0.45; }
    .small_transparency_on_hover:hover, .small_transparency:hover { opacity:0.85; cursor:pointer; }


#columns.three_columns table { padding:0; margin:0; border-spacing: 0px;  border-collapse: separate; }
#columns.three_columns table td { width: 30%!important; text-align:center!important; padding:0 10px 0; }
#columns .column .inside { text-align:center!important; }
#columns.three_columns strong {position:relative; display:block; margin-bottom:10px; color: #0160e2; font-size: 18px; text-align:center!important; }
#columns.three_columns img {  margin: 0 0 15px 0; border: solid 5px #0160e22e; width: 100%!important; height: auto!important; }
#columns.three_columns img:hover { opacity:0.8; }
#columns.three_columns a { text-decoration:none; }
#columns.three_columns strong:hover { /*color:#0160e22e;*/ }
#columns.three_columns table td a { display:block; width:100px; text-align:center; margin:20px auto 0 0; font-size:12px; }
#columns.three_columns img.different_img { background:radial-gradient(circle, #4491c1, #0160e2);  padding: 0 40%!important; width: 20%!important; border-radius:10px; }
.refered_affiliates_counter_table { position:absolute; top:-100%; visibility:hidden; font-size: 0; }
.number_tag { position:absolute; font-size:12px; font-weight:normal; bottom:25px; right:-20px; background:#090; color:#fff; padding:5px 10px; border-radius:5px; }
.name_tag { position: absolute; width: 104%; font-size: 12px; text-align:center;   font-weight: normal; bottom: 38px;    right: -10px;    background:radial-gradient(circle, #4491c1, #0160e2);   color: #fff; line-height:150%; }
.inside_name_tag { position:relative; padding:15px; }
.referral_link_area { display:inline-block; border: solid 1px #0160e2;  color: #0160e2; border-radius:5px; font-size:12px; }
.referral_link_area strong { display:inline-block; padding:10px 20px;  background:radial-gradient(circle, #4491c1, #0160e2);  color: #fff; }

.message_icon_small { height:25px; vertical-align:middle; background:radial-gradient(circle, #4491c1, #0160e2); padding:1px; border-radius:3px; }
    .message_icon_small:hover { background:#c00; cursor:pointer; }
    #message_compose_frame_holder, #message_compose_frame_holder2 { position:fixed; top:100px; right:100px; width:300px; height:420px; background:radial-gradient(circle, #4491c1, #0160e2); padding:15px; box-shadow:1px 1px 3px #ccc; color:#fff; border-radius:10px; box-shadow:10px 10px 30px #333; z-index:5; display:none;  }
    #message_compose_frame_holder .heading, #message_compose_frame_holder2 .heading { position:relative; display:block; margin:7px 0 15px; text-align:left;   }
    #message_compose_frame, #message_compose_frame2 { position:relative; width:100%; height:83%; background:#fff; border:none; margin:0; padding:0; }
    #prepare_message_form, #prepare_message_form_bulk_messaging { position:absolute; top:0; right:0; visibility:hidden;}
    .send_to_all_link { position:absolute!important; top:10px!important; right:10px!important; font-size:12px; margin:0!important;  }
    .send_to_all_link .message_icon_small { height:45px;  }
    
   
.progress {
    /*display: -ms-flexbox;
    display: flex;*/
    height: 20px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
	margin-top: 10px;
	font-family:'Exo', sans-serif!important;
}
.progress-bar {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;*/
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #28a745;
    transition: width .6s ease;
	font-size: 16px;
	text-align: center;
	font-family:'Exo', sans-serif!important;
}

#uploadStatus{
	/*padding: 10px 20px;*/
    margin-top: 10px;
	font-size:18px;
	text-align: center;
	font-family:'Exo', sans-serif!important;
}

.error_bg { background:#f00!important; }


.close { position:absolute; top:-10px; right:-2px; height:20px; padding:10px; background:radial-gradient(circle, #4491c1, #0160e2); border-radius:100%;  }
.close:hover { background:radial-gradient(circle, #4491c1, #0160e2); cursor:pointer; }

#copy_generate_print_icons, .otherfontAwesomeIcons { position: absolute; right: 40px; top: 170px; color:#999; font-style:italic; font-size:28px; color:#2379d1; text-align:center; z-index:3; }
.inside_txt { font-style:italic; font-size:12px; font-family:auto; line-height:normal; font-weight:bold; }
.cgp_icon, .modal_icon { display: inline-block; margin-left:25px; }
.cgp_icon:hover, .modal_icon:hover { opacity:0.7; cursor:pointer; }
.otherfontAwesomeIcons.edit_details_icon { margin-left:60px; }
.printButton .print_icon { height:40px; }

.modal_icons { position: absolute; right: 6px; top: 0; z-index: 500; }
.modal_icon { position: unset; right: unset; top: unset; display: inline-block!important; margin-left:25px; }
.noticeBox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 18px;
    z-index: 10000;
}


.small_txt { font-size:12px;  font-weight:normal; }

#cover_input { position:absolute; width:99%; height:41px; bottom:19%; left:1px; border:solid 0px #333; background:#fff; font-weight:normal; cursor:pointer; border-radius: 3px; }
.inside_cover_input {position:relative; padding:10px; }
    

.feedback_message { background:#090;color:#fff;padding:20px;font-size:12px;cursor:pointer; }
.feedback_message:hover { opacity:0.8; }

.info { padding:5px 10px;background:#ccc;color:#000;border-radius:100%;cursor:pointer;font-weight:bold;font-family:times; }
.info:hover { opacity:0.8; }
.info_box { position:absolute; padding:15px;background:#ccc;color:#000;font-size:13px;border-radius:10px;text-align:center;display:none; }



.promo_box { line-height: 190%;  }
.promo_box .col-lg-4 { float: left;  width: 32.7%; }
.promo_box .package { position:relative; border:solid 1px #ccc; padding:25px 15px; }
.promo_box .package h5 { font-weight:normal; }
.promo_box .package h2 { color:#000; }

.recommended { position:absolute; top:0; left:0; padding:10px; background:radial-gradient(circle, #4491c1, #0160e2); color:#fff; }

sup { vertical-align:middle; }
sup, sub { font-size:15px; font-weight:normal; }

.recommended_submit { background:radial-gradient(circle, #4491c1, #0160e2);  }

.promo_box .package h5 {
    font-weight: normal;
}
.promo_box .colored_txt {
    color: #cc2973;
}
.promo_box .colored_txt2 {
    color: #0160e2;
}
.h1, .h2, .h3, .h4, .h5, .h6, .promo_box h1, .promo_box h2, .promo_box h3, .promo_box h4, .promo_box h5, .promo_box h6 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; text-align:center;
}
.promo_box h5 {
    color: #191e47;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.625rem;
}
.promo_box h2 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.2px;
}
.promo_box button { width:70%; }



/*Admission form page styling*/
.stay_left, .stay_right { position:relative; float:left; width:48%; }
.stay_right { float:right; }
.hide_from_view { position:absolute; visibility:hidden; }

.width_1230 {
    position:relative;
    max-width: 1130px;
}

.general_forms {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Lato', sans-serif!important;
    margin-top: 30px;
}

.general_forms fieldset { position:relative; width:48%; margin-bottom: 20px; border:none; box-sizing: border-box; }
.general_forms .full_width { width:100%;  /* Allows the fieldset to expand */  }
hr.full_width { margin:25px 0; }

.relative_item_holder { position:relative; }

.general_forms input, .general_forms .div_as_input, .general_forms textarea, .general_forms select,  .lone_input {
    display: block;
    width: 99%;
    margin-bottom: 25px;
    padding: 10px 12px;
    background: #f4f7fa;
    border: 1px solid #f4f7fa;
    font-family: 'Lato', sans-serif!important;
    font-size:14px;
    color: #000;
    border-bottom: 1px solid rgba(130, 139, 178, 0.3);
    -webkit-transition: border-color ease-in 0.2s;
    transition: border-color ease-in 0.2s;
}
.general_forms .other_option_input { margin-top:0; border-color:#0160e2; padding: 5px 12px; width: 60%; color:#0160e2;  }
.general_forms .select-no-margin { margin-bottom: 1px; }

.general_forms input[type="radio"] {display:inline-block; margin:0; width:auto; }
.general_forms .label_for_radio_input { font-style:italic; }
.general_forms .label_for_radio_input:hover { color:#0160e2; cursor:pointer; }

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
.lone_input { display:inline; width:auto; margin:0; border:none; }
.general_forms input[type="checkbox"] { display:inline; width:auto; margin:0 0 20px 0; padding:0; border:none; background:none; }
.general_forms input:hover:not([type="submit"]), .general_forms textarea:hover, .general_forms select:hover, .lone_input:hover { opacity: 0.8; background:#f4f7fa00; border-color:#c3cfdb; color:#0160e2; }

.general_forms textarea { height:100px; }

.general_forms .file_id_area { position:relative; margin-bottom:15px; }
.general_forms .file_id_area .tag { position:relative; margin-bottom:15px; }
.file_id_area span { font-family: 'Lato', sans-serif!important; }
.file_id_area .lone_input { width:230px; text-align:center; }
.file_id_show { font-size:12px!important; }

.general_forms .picture_upload_area { position:relative; text-align:center; padding-top:0px;  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.1)); cursor:pointer;  }
.general_forms .picture_upload_area .preview { position:absolute; left:0; top:25px; width:100%; min-height:200px; background:#fff; box-sizing: border-box; }
.general_forms .inside_picture_upload_area { position:relative; background:url(../images/camera.png); background-repeat:no-repeat; background-size:50%; background-position:center; height: 340px; }
.general_forms .picture_upload_area:hover { opacity:0.8; }
.general_forms .inside_picture_upload_area img.uploaded_picture { height: 260px!important; object-fit: contain; }

.general_forms label:hover { opacity:0.8; }
#automated_checklist label:hover { cursor: not-allowed; opacity: unset; }

.disabled_element, .stay_disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.8;
    background:none!important;
    border:none!important;
    padding-left:0!important;
    text-align:left!important;
}

.preview { position:relative; display:inline-block; width:100%; padding:10px; margin: 0px 0 30px; box-sizing:border-box; border: solid 1px #0160e2; display: none; }
.preview img { width:auto; height:auto; max-width:100%; }
.preview object { width:100%; min-height:450px; }
.without_borders { border:none; padding:0; margin-top:5px; }
        
.general_forms .picture_upload_area input { visibility:hidden; }

.general_forms .picture_upload_area .txt { position:absolute; text-align:center; bottom:0; left:0; width:100%; padding:15px 0; box-sizing:border-box; background: linear-gradient(to top, #ffffff 50%, #ffffffb5); border: solid 1px #0160e2; border-top:none; }
.general_forms .picture_upload_area .txt p { position:relative; color:#999; font-style:italic;   }
.general_forms .picture_upload_area .txt .camera_icon { width:40px;  }
.general_forms input[type="submit"] { width:300px; height:60px; border-radius:15px; /*margin: auto auto  auto;*/ margin-left:auto; }
.general_forms .picture_upload_area .white_txt_area { background:#fff; border:none; }
.general_forms .picture_upload_area .white_txt_area * { visibility:hidden; }/*hide child elements*/


.show_batch { position:absolute; right:5px; top:-28px; }

.smaller_font_size { font-size: smaller!important;  }


.red_txt { position: relative;
    margin-bottom: 15px;
    border-bottom: solid 0px #ccc;
    padding: 10px; 
    color:red!important; 
    font-weight: 300!important; 
    
}

#searchForm { position:absolute; width:35%; top:-55px; left:270px; } 
#searchInput { text-align:center; font-size:20px; background:none; font-style:italic; font-weight:300; color:#0160e2; padding: 5px 12px; margin:0; }
.hangingAroundSearch { position:absolute; top:30px; }
.hangingAroundSearch:hover { color:#999; cursor:pointer; }
.filter { top:25px; left:-35px; text-align:center; }
.filter:hover { cursor:pointer; opacity:0.8; }
.filter .inside_txt { font-weight:normal; font-style: normal; font-size:10px; font-family: 'Lato', sans-serif !important; }
.search_lens { right:15px; }

#filterOptions { position:relative; background:radial-gradient(circle, #4491c1, #0160e2); width:auto; padding: 20px; top:55px; left: -49%; z-index:5; display:none; }
#filterOptions .up_arrow { position:absolute; top:-11px; left:123px; font-size:20px; }
#filterOptions .close { font-size:30px; color:#fff; background:none; top:-15px; }
#filterOptions .close:hover { opacity:0.6; }
#filterOptions .link_holder legend { background:none;color:#fff; }
#filterOptions .link_holder { width:auto; border: solid 1px #ffffff26; margin-bottom:0; padding-top:15px; margin-top:0px; font-size: smaller; }
#filterOptions .link { text-align:left; }
#filterOptions .link label { cursor:pointer; }
#filterOptions select { height:auto; padding:0!important; margin:5px 0 0 0!important; }
#filterOptions select.filter_select { display:none; }
#filterOptions select option { font-weight:100!important; }
#filterOptions select:hover { opacity:1!important; background:#fff!important; color:#000!important; }
#filterOptions .reset_link { position:absolute; top:24px; right:50px; font-size:10px; color:#fff; background:#be5050; padding:3px 5px; border-radius:5px; display:none; z-index:3; }
#filterOptions .reset_link:hover { background:#b52b2b; cursor:pointer;  }

#filter_result_holder { position:relative; display:none; }
#filter_result_holder .filter_result { background:radial-gradient(circle, #4491c1, #0160e2); padding:10px 15px; color:#fff; font-size:14px; font-weight:100;  } 
#filter_result_holder .filter_result .tag, .book_category_tag { padding:5px 15px; background:rgba(255,255,255,0.8); color:#0160e2; font-size:13px; font-weight:bold; border-radius:5px; }

.book_category_tag { position:absolute;top:0px; right:0px; padding:1.5px 10px; background:radial-gradient(circle, #4491c1, #0160e2); color: #fff; font-size:9px; font-weight:300; text-transform:uppercase; border-radius:0px; }
.book_category_tag.uncategorized { background: #6666662b; color:#666; }

#filter_result_holder .filter_result .close {
    position: absolute;
    top: 0px;
    right: 0px;
    height: auto;
    padding: 0 10px;
    background:radial-gradient(circle, #4491c1, #0160e2);
    border-radius: 0;
    font-size: 30px;
}

#advancedSearchForm_holder { position:relative; }
#advancedSearchForm_holder.reduced_height { height:50px; overflow:hidden; }
.toggler:hover { color:#000; text-decoration:underline; cursor:pointer; }


#advancedSearchForm { width:100%; margin:0; font-size:14px!important; }
#advancedSearchForm legend { font-size:16px; }
#advancedSearchForm fieldset { width:100%; font-size:14px; }
#advancedSearchForm input, #advancedSearchForm select, #advancedSearchForm select option { padding:10px!important; margin-bottom:10px!important; font-size:14px!important; }
#advancedSearchForm select { height:39px!important; }
#advancedSearchForm input#submitButtonforAdvanceSearch { font-size:16px!important; width:100%; height:50px; margin-top:15px; }
#advancedSearchTrigger { font-size:12px; font-weight:normal; }
#advancedSearchTrigger:hover { text-decoration:underline; cursor:pointer; }
#advanceSearchPopUp { position:relative; top:-90px; }
#advanceSearchPopUp h1 { text-align:left!important; margin-bottom:40px!important; }
#advanceSearchPopUp .modal_icons { right: -50px; top: -60px; }
#resultsFrame { position:relative; width:100%; height:500px; } 


#additionalFunctions {
    position: absolute;
    width: 35%;
    bottom: 30px;
    right: 0;
}


.spacer { position:relative;margin-bottom:15px;font-style:italic;padding-bottom:5px;border-bottom:solid 1px #0160e2; font-weight:300; }




/* CSS for notice styling */
.notice {
    color: #d9534f; /* Red color for notice text */
    font-size: 0.9em;
    margin-top: 5px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000; /* Ensure it's on top of all content */
    display:block;
}

#overlayContent {
    position: relative;
    text-align: center;
    color: #000;
    font-size: 16px;
    background: #fff;
    padding: 10% 5%;
    width: 50%;
    margin: 5% auto;
}

#overlayContent h1 { text-align:center; margin-bottom:15px; }

#overlayContent img {
    width: 50px; /* Adjust size as needed */
    height: 50px; /* Adjust size as needed */
}

.show_in_mobile { display:none; }

#super_holder_for_student_list_holder { position:relative; width: 100%; height: 100vh; overflow-x: auto; border:solid 0px red; }
#inside_super_holder_for_student_list_holder {
    position: absolute; /* Absolutely position it within the parent container */
    width: 150vw; /* Make it 150% of the viewport width */
    height: 100vh; /* Ensure it fills the height of the parent container */
}

#student_list_holder {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size:smaller;
}


.align_center { text-align:center; }

#student_list_holder .table-header,
#student_list_holder .table-row {
    display: flex;
    width: 100%;
    position:relative;
}

#student_list_holder .table-header div,
#student_list_holder .table-row div {
    position:relative;
    border: 1px solid #ddd;
    padding: 25px 8px 8px 8px;
    /*text-align: left;*/
    box-sizing: border-box; /* Ensures padding and borders are included in width calculations */
}
#student_list_holder.advanced_search_page .table-row div { padding: 8px 8px 8px 8px; }
#student_list_holder .table-header div { padding: 8px; } 

#student_list_holder .table-header div {
    background-color: #f2f2f2;
    font-weight: bold;
}

#student_list_holder.self_enrolment_list .enrolled { padding-top:17px!important;}
#student_list_holder.self_enrolment_list .action_icons { text-align:center; padding:0!important; }
#student_list_holder.self_enrolment_list .action_icons_holder { position:absolute; top:0; left:0; width:100%; height:100%; padding: 20px 8px 8px 8px!important; box-sizing: border-box; border:none!important; background:#ffffffb0; }
#student_list_holder.self_enrolment_list .table-header .action_icons_holder { padding: 8px 8px 8px 8px!important; background:none; }

    
/* S/N Column */
#student_list_holder .table-header > div:nth-child(1),
#student_list_holder .table-row > div:nth-child(1) {
    flex: 0 0 55px; /* Fixed width for S/N column */
    padding: 8px;
}

/* Photo Column */
#student_list_holder .table-header > div:nth-child(2),
#student_list_holder .table-row > div:nth-child(2) {
    flex: 0 0 60px; /* Fixed width for Photo column */
    padding: 8px;
}

/* Student Name Column */
#student_list_holder .table-header > div:nth-child(3),
#student_list_holder .table-row > div:nth-child(3) {
    flex: 2; /* Takes up remaining space */
}

/* Index Number Column */
#student_list_holder .table-header > div:nth-child(4),
#student_list_holder .table-row > div:nth-child(4) {
    flex: 1.4; /* Takes up remaining space */
}

/* Programme of Study Column */
#student_list_holder .table-header > div:nth-child(5),
#student_list_holder .table-row > div:nth-child(5) {
    flex: 2; /* Takes up more space */
}

/* Enrolled Column */
#student_list_holder .table-header > div:nth-child(6),
#student_list_holder .table-row > div:nth-child(6) {
    flex: 1;
}

/* Level Column */
#student_list_holder .table-header > div:nth-child(7),
#student_list_holder .table-row > div:nth-child(7) {
    flex: .6; /* Takes up remaining space */
}

/* Semester Column */
#student_list_holder .table-header > div:nth-child(8),
#student_list_holder .table-row > div:nth-child(8) {
    flex: .9; /* Takes up remaining space */
}
/* Action column */
#student_list_holder .table-header > div:nth-child(9),
#student_list_holder .table-row > div:nth-child(9) {
    flex: 1; /* Takes up remaining space */
}

/*Variations for Self Enrolment List*/
#student_list_holder.self_enrolment_list .table-header > div:nth-child(4),
#student_list_holder.self_enrolment_list .table-row > div:nth-child(4) {
    flex: 2.4; /* Takes up remaining space */
}

#student_list_holder.self_enrolment_list .table-header > div:nth-child(5),
#student_list_holder.self_enrolment_list .table-row > div:nth-child(5) {
    flex: 1; /* Takes up remaining space */
}

#student_list_holder.self_enrolment_list .table-header > div:nth-child(6),
#student_list_holder.self_enrolment_list .table-row > div:nth-child(6) {
    flex: 1.3; /* Takes up remaining space */
}
/****/


/*Variations for activity_log_list*/
#student_list_holder.activity_log_list .table-header > div:nth-child(2),
#student_list_holder.activity_log_list .table-row > div:nth-child(2) {
    flex: 1.3;
}

#student_list_holder.activity_log_list .table-header > div:nth-child(3),
#student_list_holder.activity_log_list .table-row > div:nth-child(3) {
    flex: 1;
}
/****/


#student_list_holder .thumbnail {
    width: 40px; /* Fixed width for thumbnail */
    height: 40px; /* Fixed height for thumbnail */
    overflow: hidden;
    display: inline-block;
    padding:0!important;
}

#student_list_holder .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /*Maintain aspect ratio */
}
#student_list_holder.book_list_holder .thumbnail img {  object-fit: scale-down; }

#student_list_holder .table-row div.show_batch.at_studentList { position:absolute; right: 5px; top: 0; text-align:right; padding:0; border:none; font-weight:300; }
#student_list_holder .table-row div.show_batch.at_studentList span { padding:1px 6px; }
#student_list_holder .table-row div.show_batch.at_studentList span.hybrid { position: unset; border-radius:0px;box-shadow:none; } 
  
.student-name a, #student_list_holder.self_enrolment_list .student-name { color:#0160e2!important; }
.student-name a:hover, #student_list_holder.self_enrolment_list .student-name:hover { text-decoration:underline; cursor:pointer; color:#000; }

.student-name .fa_icon { opacity: 0; }
.student-name:hover .fa_icon { opacity: 1; }


.action_icons a { font-size:14px; color:#0160e2!important; text-align:center; }
.action_icons a:hover { color:#000!important; text-decoration:none; cursor:pointer; }
.action_icons .inside_txt { font-family:'Exo', sans-serif; font-size:10px; font-weight:normal; font-style: normal; }

.sort-arrow {
    /*position:absolute;
    right:0;
    top:0;*/
    font-size: 10px;
    visibility: hidden; /* Hidden until sorting is triggered */
}

.sortable { position:relative; }

.sortable:hover { cursor:pointer; color:#666; }

.sortable:hover .sort-arrow {
    visibility: visible; /* Show arrow on hover */
}

.sortable[data-order="asc"] .sort-arrow {
    visibility: visible;
}

.sortable[data-order="desc"] .sort-arrow {
    visibility: visible;
    transform: rotate(180deg); /* Flip arrow when sorting descending */
}



#accounting.grid-container {
    position: relative;
    margin: 0px 0 30px 0;
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 0px;
    width: 100%;
}
#accounting.grid-container > div {
    border: 0px solid #ccc;
    padding: 10px;
}
#accounting .full-width {
    grid-column: span 2; /* Span both columns */
    text-align: center;
}

#accounting form { position:relative; display:block; }
#accounting form fieldset { width:100%; }
#accounting form.for_billing fieldset, #accounting form.for_payment fieldset { height:480px; overflow:auto; }
#accounting .date { position:absolute; top:0px; right:50px; font-size:12px; }


#accounting .date_of_transaction { flex:0.5!important; }
#accounting .receipt { flex:0.8!important; }
#accounting .transaction { flex:1.8!important; padding:8px!important; }
#accounting .debit, #accounting .credit { flex:0.5!important; padding:8px!important; text-align:right; }
.table-header .balance, .table-row .balance { text-align:right; }
.table-row .debit { color:#f00; }
.table-row .credit { color:#090; }
.table-row .balance { color:#e29200; }
.table-row.totals { margin-bottom:25px; }
.table-row.totals div { border-color:transparent!important; }
.table-row.totals div.debit, .table-row.totals div.credit, .table-row.totals div.balance { color:#fff; font-weight:bold; border-radius:0 0 10px 0;  }
.table-row.totals div.debit { border-right-color:#ddd!important; border-radius:0 0 0 10px; }

#student_list_holder.statement_of_account { margin-top: 10px; }
#student_list_holder.statement_of_account_for_all_students .table-header div, #student_list_holder.statement_of_account_for_all_students .table-row div { padding: 8px!important; }
#student_list_holder.statement_of_account_for_all_students .table-row.totals div.credit { border-radius:unset; border-right-color:#ddd!important; }


.apply_enrolment_status_color_code .book_category_tag.pending { background:#fbfb85; } 
.apply_enrolment_status_color_code .book_category_tag.accepted { background:#adffc0; }
.apply_enrolment_status_color_code .book_category_tag.rejected { background:#ffcaca; }


/* Modal Styling */
.modal {
    display: none;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 0px;
}

.modal-content {
    position:relative;
    background-color: #fefefe;
    margin: 5% auto;
    padding: 0px 35px 35px;
    border: 1px solid #fff;
    width: 80%;
}

.close_modal {
    /*right:10px;
    top:-6px;*/
    font-size: 58px;
    font-weight: bold;
    line-height: 1;
    background:none!important;
}

.close_modal:hover,
.close_modal:focus {
    color: aaa;
    text-decoration: none;
    cursor: pointer;
}


/* Style for the scroll to top button */
        #scrollToTopBtn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: none; /* Hidden by default */
            background-color: #0160e2;
            color: white;
            border: none;
            border-radius: 0;
            padding: 10px;
            cursor: pointer;
            z-index: 1000;
        }
        
        #scrollToTopBtn:hover { 
            opacity: 0.8;
        }
        
 /* Hide objects from view */       
.hide, .hide_this, .show_in_print { display:none; }


#announcement { line-height:170%; }
.tag{
    padding: 2px 10px;
    background:radial-gradient(circle, #4491c1, #0160e2);
    color: #fff;
    font-weight: 300;
    border-radius: 5px;
}
        

/***** Print styling for #content_area *****/

@media print {
  /* Hide all unnecessary elements on the page */
  body:not(.id_print_page) * {
    visibility: hidden;
  }
  
  /*Hide objects from print view*/
  .hide_from_print, .hide_this { display: none !important; }
  .remove_margin_in_print_view { margin:0!important; }
  
  /*Show objects in print view*/
  .show_in_print { display: block !important; }
  
  html body { background-color:#fff; background-image: none; }
  
#inside_container_table td:first-child {
    display: none;
}
  /* Make the content area visible and styled for printing */
  #content_area, #content_area * {
    visibility: visible;
  }
  
  /* Position the content area */
  #content_area {
    position: absolute;
    background:#fff;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 20px;
    box-sizing: border-box; /* Ensures padding is included in the total width */
  }

  /* Style the content itself for readability */
  #content_area {
    /*font-family: serif;
    font-size: 12pt;
    line-height: 1.5;
    color: #000;*/
  }

  /* Remove backgrounds, borders, and shadows */
  #content_area, #content_area * {
    /*background: none !important;
    box-shadow: none !important;
    border: none !important;*/
  }
  
  /* Reduce print margin from default */
  @page {
        margin: 5mm 1mm;   /* or 0.5in, or specific values */
    }

  /** Print preview for edit-application-details page  **/
    #enquiry_form fieldset, fieldset {
        padding: 15px;
        box-shadow: none !important;
    }
    
    .general_forms .picture_upload_area, input, select, textarea { background:none!important; padding-left:10px!important; padding-right:10px!important; }
    
    input, select, textarea {
        margin-bottom:15px!important;
      }
      
    .general_forms fieldset { width:49%; }
    
    .general_forms label { color:#2379d1; }

    
    #enquiry_form legend, legend, .file_id_area span, .show_batch span { box-shadow: none !important; }
    
    input[type="file"], input[type="submit"] { display:none; }
    
    .force-new-page {
        page-break-before: always; /* legacy */
        break-before: page;        /* modern */
        position:relative;
        margin-bottom:20px;
    }
/** End print preview for edit-application-details page **/
    

  /* Make sure links are printed with their URLs */
  a[href]:after {
    /*content: " (" attr(href) ")";*/
  }

  /* Ensure page breaks happen at logical places */
  h1, h2, h3 {
    page-break-after: avoid;
  }
}
/***** End Print styling for #content_area *****/




/*hyperlinks*/
a:link, a:visited { text-decoration:none; color:#000;  }
a:hover, a:active { text-decoration:underline; color:#000; }

a img { border:none; }

.left.news a { text-decoration:underline; }

#footer a:link, #footer a:visited { color:#999; text-decoration:none; }
#footer a:hover, #footer a:active { color:#ccc; text-decoration:underline; }