/*Styling for
(1) Sidebar Menu (inc Header Menu) - source: maxcdn
(2) Google Chart (Dashboard)
(3) E-Library & Journal
(4) Horizontal forms in EDIT pages*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.0em; /*1.1em;*/
    font-weight: 300;
    line-height: 1.5em; /*1.7em*/
    color: #555; /* <-- after WS 2 (19 Sept 2019), before 20Sept2019 --> #999; */
}

.grey_text { color: #555;}  /* <-- after WS 2 (19 Sept 2019), before 20Sept2019 --> #999; */
.white_text { color: #FFF;}
.grey_text_menu { color: #999; }

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

/*my link - also used in payment module, user anual page*/
/*E-Library & Journal page - 'follow' link in remark for “File missing: docs\suspend.htm” error message , 15Feb2019 : also applied to payment landing page*/
a.mylink {
  text-decoration: underline;
}
a.mylink:hover, a.mylink:focus {
    color: #1649C7;
    text-decoration: underline;
    background-color: #F9F38F;
}
a.mylink2:hover, a.mylink2:focus {
  color: #FFF;
  text-decoration: none;
  background-color: #aa66cc;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    width: 200px; /*250px;*/
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #C8121F; /*#7386D5;*/
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #FFF; /*<-- white pinkish, #F75662; *#6d7fcc;*/
    height: 110px;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 0.9em; /*1.1em;*/
    display: block;
}
#sidebar ul li a:hover {
    color: #C8121F; /*#7386D5;*/
    background: #fff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #F75662; /*#6d7fcc;*/
}

/* to highlight selected submenu item*/
#sidebar ul li.active2 {
    color: #000;
    background: #F75662;
}

a[data-toggle="collapse"] {
    position: relative;
}
/* this part applied to all nav nav-tabs punya a tag - START */
#sidebar a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
#sidebar a[aria-expanded="true"]::before {
    content: '\e260';
}
/* this part applied to all nav nav-tabs - END */

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #F75662; /*#6d7fcc;*/
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #C8121F; /*#7386D5;*/
}
a.article, a.article:hover {
    background: #F75662; #!important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: calc(100% - 250px);
    padding: 10px; /*40px;*/
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
#content.active {
    width: 100%;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 250px);
    }
    #sidebarCollapse span {
        display: none;
    }
}

/*SideMenu (Customised - copied from css/bootstrap.css)*/
.dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 1;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #F75662; /*#dark red - #C8121F; sky blue - #007bff;*/
}

/* NOTE : table-condensed may also reflects other pages - 26March2019 onwards */
/* dashboard table for subjects (Remaining, In Progress, Taken & Grades) */
.table-condensed>thead>tr>th {
padding: 3px;
}
.table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
padding: 2px;
}

/* dashboard items */
.dashboard_label { color: #424242; }

/*also customised -- for bootstrap grid - sample in My Dashboard*/
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

/* Rev: 17Nov2021 : Short course - additional page & 21Nov2021 : academic_calendar_form.php */
tr.bg_dark_green, td.bg_dark_green, div.bg_dark_green { background-color: #007E33; }
tr.row_white, td.row_white, div.row_white { color: #FFF; }
tr.row_yellow, td.row_yellow { color: #F7F22C; }
.font_yellow { color: #F7F22C; }

/*Dashbard - table - Semester & Remark*/
tr.row_grey, td.row_grey{ color: #555;} /* <-- after WS 2 (19 Sept 2019), before 20Sept2019 --> #999; */
tr.row_brown, td.row_brown{ color: #B68E07;}
tr.row_red, td.row_red{ color: #D61209;}
tr.row_green, td.row_green{ color: #01A644;}
/*Rev: 19Nov2021 - APEL.Q pathway*/
tr.row_grade_counselling{height: 30px; background-color: #F9FDE6; color: #E37A45; border: solid #EEE 1px; text-align: center;} /* orange */
tr.row_grade_regmqa{height: 30px; background-color: #F9FDE6; color: #E34580; border: solid #EEE 1px; text-align: center; } /* pink */
tr.row_grade_assessment{height: 30px; background-color: #F9FDE6; color: #B145E3; border: solid #EEE 1px; text-align: center; } /* purple */
tr.row_grade_regletter{height: 30px; background-color: #F9FDE6; color: #B445E3; border: solid #EEE 1px; text-align: center; } /* purple 2 */
tr.row_grade_portfolio{height: 30px; background-color: #EFEBFE; color: #5045E3; text-align: center; } /* dark blue */
td.cell_grade_portfolio, div.cell_grade_portfolio{background-color: #EFEBFE; color: #5045E3; text-align: center; font-weight: bold; }
tr.row_grade_fvv{height: 30px; background-color: #E6FDFB; color: #4598E3; border: solid #EEE 1px; text-align: center; } /* light blue */
tr.row_grade_challenge{height: 30px; background-color: #E6FDFB; color: #45C7E3; border: solid #EEE 1px; text-align: center; } /* very light blue */
td.cell_grade_challenge, div.cell_grade_challenge{background-color: #E6FDFB; color: #45C7E3; text-align: center; font-weight: bold; }
tr.row_grade_capstone{height: 30px; background-color: #D9FFD0; color: #72BB75; border: solid #EEE 1px; text-align: center; } /* green */
td.cell_grade_capstone, div.cell_grade_capstone{background-color: #D9FFD0; color: #72BB75; text-align: center; font-weight: bold; }
tr.row_grade_green{height: 30px; background-color: #F9FDE6; color: #01A644; border: solid #EEE 1px; text-align: center;}
/*Dashboard - table Grade distribution, table Remaining, In Progress etc*/
tr.row_grade_red{height: 30px;color: #D61209; border: solid #EEE 1px; text-align: center;}
tr.row_grade_green{height: 30px; color: #01A644; border: solid #EEE 1px; text-align: center;}
tr.row_grade_success_right{height: 30px; color: #01A644; border-right: solid #5cb85c 1px; border-left: solid #EEE 1px; border-bottom: solid #EEE 1px; text-align: center;}
tr.row_grade_success_bottom{height: 30px; color: #01A644; border-right: solid #5cb85c 1px; border-left: solid #EEE 1px; border-bottom: solid #5cb85c 1px; text-align: center;}
tr.row_grade_success_top{height: 30px; color: #01A644; border-right: solid #5cb85c 1px; border-left: solid #EEE 1px; border-top: solid #5cb85c 1px; border-bottom: solid #EEE 1px; text-align: center;}
table#fixed-column td{ width: "14%";}
table.bg-grey, tr.bg-grey, td.bg-grey, th.bg-grey{ background-color: #EFEDED; color: #555;} /* <-- after WS 2 (19 Sept 2019), before 20Sept2019 --> #999; */
table.font-medium, tbody.font-medium{font-size: 0.9em; font-weight: 200; border: solid #EEE 1px;}
td.border-inner{border: solid #EEE 1px; spacing: 10px;}
td.border-inner-success-left{border-right: solid #EEE 1px; border-left: solid #5cb85c 1px; border-bottom: solid #EEE 1px; }
td.border-inner-success-bottom{border-right: solid #EEE 1px; border-left: solid #5cb85c 1px; border-bottom: solid #5cb85c 1px; }
td.border-inner-success-top{border-right: solid #EEE 1px; border-left: solid #5cb85c 1px; border-top: solid #5cb85c 1px; border-bottom: solid #EEE 1px;}
td.pad-1{padding: 5px 17px 3px 17px;} /*top left bottom right*/
td.pad-2{line-height: 1.1em;}
td.no-border{ padding-left: 5px; padding-top: 8px; padding-bottom: 5px; border: 0; font-color: #5cb85c;}

/*Dashboard - Roadmap -> Subjects & Legend*/
.retake { background-color: #FFEFD5; color: #555;} /*#FF8C00*/ /* <-- after WS 2 (19 Sept 2019), before 20Sept2019 --> #999; */
.drop { background-color: #F7FD7E; color: #555; } /*#01A644*/ /* <-- after WS 2 (19 Sept 2019), before 20Sept2019 --> #999; */
.taken_box { padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; color: #01A644;}
.failed_box { padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; background-color: #f2dede; color: #555;} /*color: #CD5C5C; }*/
.pending_block_box { padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; background-color: #fff; color: #555;}  /* Rev: 23June2021 */
.retake_box { background-color: #FFEFD5; padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; color: #555;} /*color: #FF8C00;*/
.retake_box_inprogress { background-color: #FFEFD5; padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; color: #B68E07;} /*color: #FF8C00;*/
.retake_box_passed { background-color: #FFEFD5; padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; color: #01A644;;} /*color: #FF8C00;*/
.failed_toretake_box { border: 1px solid #999; padding-left: 10px; padding-right: 10px; }
.elective_box { background-color: #FCD1F8; color: #D61209; padding-left: 10px; padding-right: 10px; } /* Rev: 19Sept2024 - dark purple #9933CC*/
.drop_box { background-color: #F7FD7E; padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; color:#555; } /*color: #01A644;*/
.inprogress_box { padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; color: #B68E07;}
.exempted_box { padding-left: 10px; padding-right: 10px; border: 1px solid #E2E2E2; color: #0275d8;}
.brown_text { color: #B68E07; }
.maroon_text { color: #CD5C5C; }
.green_text { color: #01A644; }
/* Rev: 2Sept2021 - Usage: Bulk CSV import (update status) - start */
.red_text { color: red; }
.blue_text { color: blue; }
.black_text { color: #000; }
td.dark_head { background-color:#444; color:#FFF; }
div.pad-top-5, td.pad-top-5 { padding-top:5px; }
div.pad-bottom-5 { padding-bottom: 5px; }
td.pad-right-10 { padding-right: 10px; }
img.grey-border { border: 1px solid #999; }
td.t-blue-border, th.t-blue-border { border-top: 1px solid blue; }
th.tb-green-border { border-top: 1px solid #5cb85c; border-bottom: 1px solid #5cb85c;}
div.tlr-brown-border { border-top: 1px solid #f0ad4e; border-left: 1px solid #f0ad4e; border-right: 1px solid #f0ad4e; }
div.r-brown-border { border-right: 1px solid #f0ad4e; }
div.l-brown-border { border-left: 1px solid #f0ad4e; }
div.tlbr-brown-border { border: 1px solid #f0ad4e; }
/* Rev: 2Sept2021 - Usage: Bulk CSV import (update status) - end */
td.separator { width: 10px; border-top: 0px; border-bottom: none; }
td#outer_legend { padding-left: 10px; padding-top: 7px; padding-bottom: 7px; background-color: #F8F9F9;}
.center {text-align: center;}
/*DASHboard : td borders for current sem column*/
.current_sem_top {border-left: 2px solid #CD5C5C; border-right: 2px solid #CD5C5C; border-top: 2px solid #CD5C5C;}
.current_sem_bottom {border-left: 2px solid #CD5C5C; border-right: 2px solid #CD5C5C; border-bottom: 2px solid #CD5C5C;}
.current_sem_right {border-right: 1px solid #CACACA;}
.current_sem_left {border-left: 1px solid #CACACA;}
.current_sem_both {border-left: 2px solid #CD5C5C; border-right: 2px solid #CD5C5C;}

/*Road Map : td borders for current sem column*/
/*.current_sem_top_left2 {border-left: 2px solid #CD5C5C; border-right: 2px solid #CD5C5C; border-top: 2px solid #CD5C5C; padding-left: 3px;}
.current_sem_bottom_left2 {border-left: 2px solid #CD5C5C; border-right: 2px solid #CD5C5C; border-bottom: 2px solid #CD5C5C; padding-left: 3px;} */
.current_sem_right_left2 {border-right: 1px solid #CACACA; padding-left: 3px;}
.current_sem_left_left2 {border-left: 1px solid #CACACA; padding-left: 3px;}
.current_sem_both_left2 {border-left: 2px solid #CD5C5C; border-right: 2px solid #CD5C5C; padding-left: 3px;}

/* Workshop links @ Road Map */
.ws_box_purple { background-color: #aa66cc; padding-left: 3px; padding-right: 3px; border: 1px solid #E2E2E2; color:#FFF;} /* dark purple #9933CC*/
.ws_box_turquoise { background-color: #2BBBAD; padding-left: 3px; padding-right: 3px; border: 2px solid #E2E2E2; color:#FFF; } /* dark turquoise #00695c */
.ws_box_turquoise2 { background-color: #FFF; padding-left: 3px; padding-right: 3px; border: 2px solid #E2E2E2; color:#00695c; }

/*Bootstrap 4 colors for all*/
.primary{ color: #0275d8; }
.success{ color: #5cb85c; }
.info{ color: #5bc0de; }
.warning{ color: #f0ad4e; }
.danger{ color: #d9534f; }
.inverse{ color: #292b2c; }
.faded{ color: #f7f7f7}

.badge_coloring { background-color: #a94442; color: #f2dede; };



/* Requisition show pages */
table#req_show_action th.req_label{ text-align: right; padding-right: 5px; } /*width: "52%";*/


/*Dashboard - Google Chart : donut - overlay - https://codepen.io/cireriddler/pen/yyeLpE*/
#labelOverlay {
    width: 90px;
    height: 45px;
    position: absolute;
    /*top: 100px;
    left: 390px;*/
    top: 98px;
    left: 205px;
    text-align: center;
    cursor: default;
}
#labelOverlay2 {
    width: 45px; /*90px;*/
    height: 20px; /*45px;*/
    position: absolute;
    /*top: 100px;
    left: 390px;*/
    top: 113px;
    left: 57px; /*35px;*/
    text-align: center;
    cursor: default;
    background-color: #FFF;
}
#chart_div2 {
    position: absolute;
    top: 3px;
    left: 170px;
    text-align: center;
    cursor: default;
}
#chart_div {
    position: absolute;
    top: 3px;
    left: -190px;
    text-align: center;
    cursor: default;
}
#labelOverlay p {
  line-height: 0.3;
  padding:0;
  margin: 8px;
}
#labelOverlay p.used-size {
  line-height: 0.5;
  font-size: 14pt;
  font-weight: bold;
  color: #000; /*color: #8e8e8e;*/
  font-family: 'Poppins', sans-serif;
}
#labelOverlay2 p.used-size2 {
  line-height: 0.5;
  font-size: 14pt;
  font-weight: bold;
  color: #000;
  font-family: 'Poppins', sans-serif;
}
#labelOverlay p.total-size {
  line-height: 0.5;
  font-size: 8pt;
  color: #000;/*#cdcdcd;*/
  font-family: 'Poppins', sans-serif;
}

/*Horizontal Form - fields in EDIT pages*/
.compulsory{
    background-color:#FCF0F0;
}

/* Required/mandatory fields for requisition form - start with Credit Transfer / Exemption Form - 12Apr2019*/
.form-group.required .control-label:after {
  content:"*";
  color:red;
}
label.required:after {
  content:"*";
  color:red;
  font-weight: normal;
}
td.required:after {
  content:"*";
  color:red;
}

/*Login Page*/
#jumbo1{
  padding: 0px;
  left: 0px;
  bottom: 47%; /* 55%;*/
  height: 34%; /*47%;*/
  width: 100%;
  position: absolute;
}/*padding: 0px; height: 47%; position: absolute; bottom: 44%; left:0px; width: 100%;*/
#jumbo1 .col-md-5{
  padding: 0px;
}
#jumbo1 .col-md-5 img{
  height: 100%;
}
#jumbo1 .col-md-7{
  background-color: #C8121F; height: 100%;
}
#jumbo2{
  padding: 0px;
  left: 0px;
  top: 46%;
  height: 38%;
  width: 100%;
  position: absolute;
} /*padding: 0px; height: 38%; position: absolute; top: 46%; left:0px; width: 100%*/
#jumbo-title{
  background-color: #C8121F;
  height: 100%;
  text-align: right;
} /*background-color: #C8121F; height: 100%; text-align: right;*/
#login-remark{
  text-align: left;
  font-size: 11px;
}
#login-footer{
  position: absolute;
  bottom: 0px;
  text-align: center;
}

/*layout.php -> div to display alert message when user successfully logged-in*/
.error-message{
  font-family: 'Poppins', sans-serif;
  font-size: 1.0em;
  font-weight: 350;
  line-height: 1.5em;
}

/*profile_view.php*/
li.list-group-item.text-grey-min-pad{
  color: #555;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
}

li.list-group-item.text-red-min-pad{
  color: #F75662;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
}
/* for paid modules */
li.list-group-item.text-green-min-pad{
  color: blue;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
  background-color: #F4FCF7;
}
/* usage - enroll_subject.php (data submitted from profile_view.php via ajax)*/
li.list-group-item.text-header-min-pad{
  color: #000;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
  background-color: #E5E6E7;
  width: 100%;
}
/* usage - profile_view.php (static table header & static total) */
li.list-group-item.text-grey-min-pad2{
  /*color: #999;*/
  color: #555;
  background-color: #EAECEE;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
  bottom: -20px;
}
/* usage - profile_view.php (static table header & static total) */
li.list-group-item.text-grey-min-pad3{
  color: #555;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
  /*bottom: -50px;*/
}

/* Usage: profile_view.php -> remarks*/
span.text-blue-right{
  color: blue;
}
/*
span.text-blue-right a:hover{
  color: #000;
  background-color: #F8FC99;
}*/
span.remarks a{ color: blue;}
span.remarks a:hover{
  color: #000;
  background-color: #F8FC99;
}
span.text-red {color: #F75662;}
span.text-red a{ color: blue;}
span.text-red a:hover{
  color: #000;
  background-color: #F8FC99;
}

/*payment_module.php*/
div.box-round-1 {
  display: block;
  content: "";
  height: 80px;
  width: 120px;
  margin-top: 10px; /*margin-top: -31px;*/
  border-style: solid;
  border-color: #8c8b8b;
  /*border-width: 0 0 1px 0;*/ /*applied to bottom border Only*/
  border: 1px solid #8c8b8b;
  /*border-width: : 0 0 1px 0;*/
  border-radius: 20px;
}
div.box-round-2 {
  display: block;
  content: "";
  height: 100px;
  width: 100%;
  margin-top: 10px; /*margin-top: -31px;*/
  border-style: solid;
  border-color: #8c8b8b;
  /*border-width: 0 0 1px 0;*/ /*applied to bottom border Only*/
  border: 1px solid #8c8b8b;
  /*border-width: : 0 0 1px 0;*/
  border-radius:15px;
  margin-left: 0px;
  padding-left: 10px;
  padding-top: 5px;
}
div.box-round-3 {
  display: block;
  content: "";
  height: 100px;
  border: 1px solid #E7E7E7; /*#8c8b8b;*/
  border-radius:15px;
  margin-top: 6px; /*margin-top: -10px;*/
  margin-left: 10px;
  padding-top: 6px;
  padding-left: 10px;
  /*background-color: yellow; */
}
/*
div.box-round-3 p {
  line-height: 1.0em;
  text-align: center;
  font-weight: underline;
}*/
.available {
  color: #000;
  background-color: #FFD2D6;
  line-height: 1.0em;
  text-align: center;
}
.selected {
  color: #000;
  background-color: #F7FCA3;
  line-height: 1.0em;
  text-align: center;
}
.available_digital {
  color: #000;
  background-color: #E7C1FA;
  line-height: 1.0em;
  text-align: center;
}

div.disable {
  color: #555;
  background-color: #EEE;
  line-height: 1.0em;
  text-align: center;
}

.scrollbar {
	margin-left: 22px;
	float: left;
	height: 300px;
	/*width: 65px;*/
	background: #FAFAFA; /*#F5F5F5; */
	overflow-y: scroll;
	margin-bottom: 25px;
}
.force-overflow {
	min-height: 320px;
}

/* payment_module.php*/
/* Reference : https://scotch.io/tutorials/customize-the-browsers-scrollbar-with-css
Ref 2: https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS
Mozilla uses -moz-
Chrome/Opera/Safari use -webkit-
Microsoft uses -ms-

*/
#scrollable_div::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
#scrollable_div::-webkit-scrollbar-thumb {
    background-color: #C8121F;
}
#scrollable_div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

/* Usage(8Aug2019) : profile_view.php (scrollable Fee Structure rows) - start */
.zeroPadding {padding: 0 !important;}
.scrollbar_fee {
margin-left: 0px;
float: left;
height: 80px;
background: #FAFAFA;
overflow-y: scroll;
margin-bottom: 0px; /*25px;*/
width: 950px; /*1000px;*/
}
.force-overflow_fee {
min-height: 200px; /*158px;*/
}
/* Usage(8Aug2019) : profile_view.php (scrollable Fee Structure rows) - end */

/* Usage(10Jan2020) : subjects_to_offer.php - start */
/*.zeroPadding {padding: 0 !important;}*/
.scrollbar_subject {
margin-left: 0px;
float: left;
height: 80px;
background: #FAFAFA;
overflow-y: scroll;
margin-bottom: 0px; /*25px;*/
width: 425px; /*1000px;*/
}
.force-overflow_subject {
min-height: 200px; /*158px;*/
}
/* Usage(10Jan2020) : subjects_to_offer.php - end */

/* Forms label - transfer_program.php 28March2019 */
.field_label { text-align: right; padding-right: 15px; }

/* Javascript Form Validator - contents/manage_payment.php */
.error_strings{ font-family: 'Poppins', sans-serif; font-size:11px; color:#FA4A16; } /*background-color:#FBFBCD;}*/

.source_details {
  background-color: #FDFCEC;
}
.source_details:hover {
  background-color: #FDECEC;
}

/* Manage Payment Listing*/
.bg-lightgreen {
  background-color: #EEFCED;
}
.bg-lightpurple {
  background-color: #FBEDFC;
}
.red_text { color: #E32204; }

/*
#d9534f; }
.inverse{ color: #292b2c; }
.faded{ color: #f7f7f7 */

/* Rev: 14July2020 - Usage - supp_postpone_listing.php */
div.scroll_subjects
{
  /*margin-left:-16px;*/
  padding-left:0px;
  /*border-left: 1px solid #DEE1E1;*/
  border-right: 1px solid #DEE1E1;
  /*border-top: 1px solid #DEE1E1;*/
  width: 790px; /*900px;*/
  overflow-y: hidden;
  overflow-x: auto;
  text-align:justify;
  white-space: nowrap;
}

/* Rev: 14July2020 - Usage - supp_postpone_listing.php */
div.scroll_students
{
  /*margin-left:-16px; */
  padding-left:20px;
  padding-right: 0px;
  /*border-left: 1px solid #DEE1E1;*/
  border-right: 1px solid #DEE1E1;
  /*border-top: 1px solid #DEE1E1;*/
  width:  180px; /*900px;*/
  overflow-y: hidden;
  overflow-x: auto;
  text-align:justify;
  white-space: nowrap;
}

/* Rev: 2march2021 - ticket_show.php */
div.scroll_ticket_actions
{
  margin-left: 0px;
	float: left;
	height: 200px;
	/*width: 65px;*/
	background: #FAFAFA; /*#F5F5F5; */
	overflow-y: scroll;
	margin-bottom: 25px;
}
/* Rev: 15July2021 - enrollment_list.php */
div.scroll_students_enrollment2
{
  /*margin-left:-16px; */
  padding-left:20px;
  padding-right: 0px;
  /*border-left: 1px solid #DEE1E1;*/
  border-right: 1px solid #DEE1E1;
  /*border-top: 1px solid #DEE1E1;*/
  width:  190px; /*900px;*/
  overflow-x: auto;
  height: 500px;
  overflow-y: auto; /*hidden;*/
  text-align:justify;
  white-space: nowrap;
  margin-bottom: 30px;
}
div.scroll_enrollment_list2
{
  /*margin-left:-16px;*/
  padding-left:0px;
  border-left: 2px solid #DEE1E1;
  border-right: 1px solid #DEE1E1;
  /*border-top: 1px solid #DEE1E1;*/
  width: 730px; /*900px;*/
  overflow-x: auto;
  height: 500px;
  overflow-y: auto; /*hidden;*/
  text-align:justify;
  white-space: nowrap;
  margin-bottom: 30px;
}
/* Rev: 1July2021 - enrollment_list.php */
div.scroll_students_enrollment
{
  /*margin-left:-16px; */
  padding-left:20px;
  padding-right: 0px;
  /*border-left: 1px solid #DEE1E1;*/
  border-right: 1px solid #DEE1E1;
  /*border-top: 1px solid #DEE1E1;*/
  width:  180px; /*900px;*/
  overflow-x: auto;
  height: 580px;
  overflow-y: auto; /*hidden;*/
  text-align:justify;
  white-space: nowrap;
  margin-bottom: 30px;
}
div.scroll_enrollment_list
{
  /*margin-left:-16px;*/
  padding-left:0px;
  /*border-left: 1px solid #DEE1E1;*/
  border-right: 1px solid #DEE1E1;
  /*border-top: 1px solid #DEE1E1;*/
  width: 720px; /*900px;*/
  overflow-x: auto;
  height: 580px;
  overflow-y: auto; /*hidden;*/
  text-align:justify;
  white-space: nowrap;
  margin-bottom: 30px;
}
/* Rev: 27Aug2020 - subject_offering_show.php */
div.scroll_subjects_offer
{
  /*margin-left:-16px;*/
  padding-left:0px;
  /*border-left: 1px solid #DEE1E1;*/
  border-right: 1px solid #DEE1E1;
  /*border-top: 1px solid #DEE1E1;*/
  width: 790px; /*900px;*/
  overflow-x: auto;
  height: 500px;
  overflow-y: auto; /*hidden;*/
  text-align:justify;
  white-space: nowrap;
  margin-bottom: 30px;
}
div.scroll_students_offer
{
  /*margin-left:-16px; */
  padding-left:20px;
  padding-right: 0px;
  /*border-left: 1px solid #DEE1E1;*/
  border-right: 1px solid #DEE1E1;
  /*border-top: 1px solid #DEE1E1;*/
  width:  180px; /*900px;*/
  overflow-x: auto;
  height: 500px;
  overflow-y: auto; /*hidden;*/
  text-align:justify;
  white-space: nowrap;
  margin-bottom: 30px;
}

/* Usage - master_plan.php - start */
/* Reference : https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar*/
div.scroll_plan
{
  margin-left:-16px;
  padding-left:0px;
  border-left: 1px solid #DEE1E1;
  /*border-right: 1px solid #DEE1E1; */
  /*border-top: 1px solid #DEE1E1;*/
  width: 602px; /*900px;*/
  overflow-y: hidden;
  overflow-x: auto;
  text-align:justify;
  white-space: nowrap;
}

/* Usage - Dashboard & Road Map - start */
/* Reference : https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar*/
div.scroll
{
  margin-left:-16px;
  padding-left:0px;
  border-left: 1px solid #DEE1E1;
  /*border-right: 1px solid #DEE1E1; */
  /*border-top: 1px solid #DEE1E1;*/
  width: 790px; /*900px;*/
  overflow-y: hidden;
  overflow-x: auto;
  text-align:justify;
  white-space: nowrap;
}
/* Reference : https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar*/
div.mostly-customized-scrollbar::-webkit-scrollbar {
  height: 8px; /*Rev: 9-Oct2020 - before 2px - thicker scroller under Road Map */
  width: 6px; /*Rev: 27May2021 - before 3px - thicker scroller for right pane of student list in Subject Offering Show*/
  background-color: #aaa; /* or add it to the track */
}
/* Add a thumb */
div.mostly-customized-scrollbar::-webkit-scrollbar-thumb {
  background: #C8121F;
}
/* Usage - Dashboard & Road Map - end */

/* Usage - Administrator Dashboard */
div.scrollbar_requisition
{
  /*margin-left:-16px;*/
  padding-left: 20px;
  /*border-left: 1px solid #DEE1E1; */
  /*border-right: 1px solid #DEE1E1; */
  /*border-top: 1px solid #DEE1E1;*/

  padding-bottom: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 380px; /*620px; for col-md-8*/  /*900px;*/
  overflow-y: hidden;
  overflow-x: auto;
  text-align:justify;
  white-space: nowrap;
}

/* Usage - ../admin/dashboard.php */
.calendar_tag:hover {
  text-decoration: underline;
}
.menu_items:hover {
  text-decoration: underline;
  font-weight: bold;
}

/*Usage : elective_mpu_subjects_form.php (scrollable Fee Structure rows) - start*/
.zeroPadding {padding: 0 !important;}
.scrollbar_elective_mpu {
margin-left: 0px;
float: left;
height: 80px;
background: #FAFAFA;
overflow-y: scroll;
margin-bottom: 0px;
width: 885px;
}
.force-overflow_elective_mpu {
min-height: 300px;
}
/*Usage : elective_mpu_subjects_form.php (scrollable Fee Structure rows) - end*/

/*Usage : enter_email.php*/
.form-gap {
    padding-top: 70px;
}

/* Usage - subject_offering-edit.php (add subject) - start */
/* Reference : https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar*/
div.scroll2
{
  margin-left:-16px;
  padding-left:0px;
  border-left: 1px solid #DEE1E1;
  /*border-right: 1px solid #DEE1E1; */
  /*border-top: 1px solid #DEE1E1;*/
  width: 500px; /*900px;*/
  overflow-y: hidden;
  overflow-x: auto;
  text-align:justify;
  white-space: nowrap;
}
/* Reference : https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar*/
div.mostly-customized-scrollbar2::-webkit-scrollbar {
  height: 8px;
  background-color: #aaa; /* or add it to the track */
}
/* Add a thumb */
div.mostly-customized-scrollbar2::-webkit-scrollbar-thumb {
  background: #C8121F;
}
/* Usage - subject_offering-edit.php (add subject) - end */

/* Pagination in Equery/Report - student's subject status red - #F75662  (primary-dark #0d47a1/ blue-lighten #e3f2fd)*/
.current_page { background-color:#FFF; color: #0d47a1; padding-top:1px; padding-bottom:1px; padding-left:2px; padding-right:2px; border:1px solid #0d47a1; }
.other_pages { background-color: #0d47a1; color: #FFF; padding-top:1px; padding-bottom:1px; padding-left:2px; padding-right:2px; border:1px solid #0d47a1; }
.arrow_inbetween { padding-top:1px; padding-bottom:1px; padding-left:2px; padding-right:2px; border: 1px solid #0d47a1; color: #0d47a1; background-color: #e3f2fd;}
.arrow_idle { padding-top:1px; padding-bottom:1px; padding-left:2px; padding-right:2px; border: 1px solid #0d47a1; color: #0d47a1; background-color: #D5D8DC; }

a.current_page:hover, a.current_page:focus {
  color: #FFF;
  text-decoration: underline;
  background-color: #0d47a1;
}
a.other_pages:hover, a.other_pages:focus {
  color: #0d47a1;
  text-decoration: underline;
  background-color: #FFF;
  padding-top:1px; padding-bottom:1px; padding-left:2px; padding-right:2px; border:1px solid #0d47a1;
}
a.arrow_inbetween:hover, a.arrow_inbetween:focus {
  color: #e3f2fd;
  text-decoration: underline;
  background-color: #0d47a1;
}
a.arrow_idle:hover, a.arrow_idle:focus {
  /* maintain state*/
  color: #0d47a1;
  background-color: #D5D8DC;
}

a.manage_links {
  border: 1px solid #999; padding:5px 10px;
}

a.manage_links:hover, a.manage_links:focus {
  border: 1px solid #0275d8; padding:5px 10px;
  color: #FFF;
  background-color: #5bc0de;
}

.deleted-items {
  text-decoration: line-through;
}

a.examdiet:hover, a.examdiet:focus {
  text-decoration: underline;
  text-decoration-color: blue;
  color : blue;
}

/*Rev: 28Dec2022 */
tr.bg-purple { background-color: #D9AFFE; }