/*Home page responsive fixes*/
.CCCContent {
  padding: 61px 15px 60px;
  background-color: #FFF;
  scrollbar-base-color: #bfbfbf;
  scrollbar-base-color: #bfbfbf;
  scrollbar-3dlight-color: #bfbfbf;
  scrollbar-highlight-color: #bfbfbf;
  scrollbar-track-color: #e6e6e6;
  scrollbar-arrow-color: #404040;
  scrollbar-shadow-color: #bfbfbf; }

table.CCCGridView {
  /*margin-bottom: 0.6px !important;*/ }

::-webkit-scrollbar-button:horizontal:decrement {
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 4px 3px, 0 0;
  border-left: solid 1px #DDD;
  border-right: solid 1px #DDD; }

::-webkit-scrollbar-button:horizontal:increment {
  background-color: #EEE;
  background-repeat: no-repeat;
  background-position: 5px 3px, 0 0;
  border-left: solid 1px #DDD;
  border-right: solid 1px #DDD; }

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #FFF;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD; }

::-webkit-scrollbar-thumb {
  background: #DDD;
  -webkit-border-radius: 0ex;
  -webkit-box-shadow: 0px 0px 0px rgba(1, 0, 0, 0); }

.CustomPagesDiv {
  display: inline;
  padding-left: 5px; }

.print {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

#divClassicLink {
  margin-top: -15px; }

/*Training System*/
.training {
  background-color: #0000ff;
  color: #FFF;
  text-align: center;
  border-bottom: solid 2px #FFF;
  border-top: solid 2px #FFF;
  font-size: 1.5em; }

/*Overwrite Default Cursor*/
input[readonly].default-cursor,
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control,
input[type="radio"][disabled], input[type="checkbox"][disabled], input.disabled[type="radio"],
input.disabled[type="checkbox"], fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
.ui-state-disabled .ui-icon {
  cursor: text; }

/*End*/
/*--------------- Training bar ----------------*/
div.training {
  background-color: #0000ff;
  color: #FFF;
  text-align: center;
  border-bottom: solid 2px #FFF;
  border-top: solid 2px #FFF;
  font-size: 1.5em;
  width: 100%; }

body {
  background-color: #FFF;
  -ms-overflow-style: scrollbar; }

/*Align Text in controls to the left*/
.form-horizontal .control-label {
  text-align: left; }

/*Height of rows*/
.form-group, .container-fluid .row {
  margin-bottom: 5px; }

/*Colour Picker*/
.colourdisplay {
  width: 69px;
  float: left;
  border: solid 1px gray;
  border-width: 1px;
  margin-left: 5px;
  margin-top: 1px;
  height: 28px; }

/*Horizontal Blank Line*/
.break-10 {
  clear: both;
  height: 10px; }

.break-20 {
  clear: both;
  height: 20px; }

.break-30 {
  clear: both;
  height: 30px; }

.break-40 {
  clear: both;
  height: 40px; }

/*Class for validator label*/
.validator {
  color: #FF0000; }

/*Side Menu Bar*/
.sidebar {
  margin-top: 30px;
  /*looks better dropped just below panel - previously sitting 20 above panel*/ }

.nav-sidebar > .active > a {
  color: #FFF !important;
  background-color: #0055cc;
  border: 1px solid #bfbfbf;
  padding: 9px;
  font-weight: bold; }

.nav-sidebar > li > a:hover {
  font-weight: bold;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0055cc;
  color: #FFF !important; }

.sidebar > li > a {
  color: #0055cc; }

.nav-sidebar > .active > a:hover {
  color: #6890A8; }

.nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus {
  border: 1px solid #bfbfbf;
  padding: 9px; }

/*Panels on the Pages with Title and AcYear*/
.panel-heading {
  padding: 1px; }

.panel-heading .row {
  padding: 0;
  margin: 0;
  background-color: #0055cc !important;
  border-color: #0055cc !important; }

/*Academic Year Combo*/
.AcYearDiv {
  padding-top: 4px; }

.AcYearLabel {
  font-weight: 600;
  float: right;
  padding-top: 2px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  font-weight: bold;
  color: var(--mds-text-color-default, #161616) !important;
  background-color: var(--mds-table-row-bg-color, #E0E0E7) !important; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border: 1px solid #DDD;
  padding: 9px;
  color: #FFF; }

.nav .open > a {
  background-color: #0055cc !important;
  color: #FFF !important; }

.nav-sidebar li {
  line-height: 1.2; }

.nav-tabs > li > a {
  border: 1px solid #DDD; }

.nav-sidebar > li > a {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.nav-tabs > li > a {
  color: #b0b0b0;
  font-weight: normal;
  border-bottom: 1px solid #DDD; }

.nav-tabs > li > a:hover {
  background-color: var(--mds-table-row-bg-color, #E0E0E7) !important;
  color: var(--mds-text-color-default, #161616) !important;
  font-weight: normal; }

/*Makue sure that the Panel on the pages with title and Academic Year has min height of the side menu*/
.panel {
  /*min-height: 1003px;*/
  box-shadow: 0 0 10px #C9C9C9; }

.panelwithborder {
  border: 1px dotted gray;
  padding: 5px; }

.borderopacity {
  opacity: 0.4; }

.container-fluid .attendance {
  line-height: 10px;
  width: 100%; }

.container-fluid .attendance .control-label {
  line-height: 25px; }

.container-fluid .control-label {
  padding-top: 2px; }

.container label {
  padding-top: 4px; }

input[type="radio"] + label {
  margin-left: 5px; }

/*Style Title Bar on the Main Page*/
.panel-primary.mainpage > .panel-heading {
  text-align: center;
  padding: 10px;
  font-size: 1.3em;
  color: #000;
  font-weight: 600; }

/*Align Custom Text on the main Page*/
.panel-primary.mainpage > .panel-body > .row > .col-md-6 {
  text-align: center; }

/*Panel SubTitle*/
.panel-subtitle {
  background-color: #0055cc;
  color: #FFF;
  padding: 5px;
  border: 1px solid #bfbfbf;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px; }

.panel-subtitle.collapsable a {
  color: #FFF;
  text-decoration: underline; }

/*Panel Text + Grid*/
.form-group.gridWithTitle {
  margin-bottom: 25px; }

/*Attendance Table*/
.table-bordered.attendance,
.table.attendance,
.table-responsive.attendance {
  width: auto;
  min-width: 0;
  display: table; }

.table-bordered.attendance {
  line-height: 25px; }

.table-bordered.attendance td {
  padding: 1px; }

.attendance .panel-subtitle {
  line-height: 20px; }

.attendance .table {
  margin-top: 10px; }

/*Sub Menu bottom margin*/
.nav.submenu {
  margin-bottom: 15px; }

.bg-danger, .bg-success, .bg-warning {
  vertical-align: middle;
  padding: 5px; }

/*Format PostCode Fields*/
.col-sm-1.postcodein, .col-sm-4.postcodein {
  padding-left: 1px; }

.col-sm-1.postcodeout {
  padding-right: 1px; }

.col-sm-3.postcodeout {
  padding-right: 1px;
  padding-left: 0;
  width: 29%; }

/*Make checkbox label align with padding*/
input[type="checkbox"] {
  padding-bottom: 1px; }

#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_DivAddRoom input[type="checkbox"] {
  margin-left: 5px; }

.col-md-2 label {
  padding-top: 3px; }

.col-md-2.offeringgroup label {
  padding-top: 5px; }

/*Reports Labels Design*/
.reports label {
  margin: 10px; }

/*Colour Box Definition*/
.colourbox {
  width: 20px;
  height: 20px;
  border: solid 1px gray;
  float: left; }

/*Change Request Display*/
.row.changerequestdisplay {
  margin-bottom: 0; }

h4 a {
  color: #FFF;
  text-decoration: underline; }

.ChangeRequestGrid .ui-draggable.ui-droppable .CCCTruncated {
  overflow-wrap: break-word;
  -ms-text-overflow: clip;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: normal; }

/*Photo Holder When Empty*/
.photoholder {
  height: 160px;
  width: 120px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 4px; }

/*Photo Holder When Empty*/
.imageHolder {
  /*height: 160px;
    width: 250px;*/
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 4px;
  float: left; }

.imageHolder.userimage:Not([src]) {
  display: none; }

/*input file*/
div.fileinputs {
  position: relative; }

div.fakefile {
  /*Chrome issue*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

input.file {
  position: relative;
  text-align: right;
  /*filter:alpha(opacity: 0);
        *filter:alpha(opacity: 0);
        _filter:alpha(opacity: 0);*/
  opacity: 0;
  z-index: 2;
  width: 350px;
  height: 25px; }

/* Radio Button List*/
input[type="radio"] {
  margin-left: 10px;
  margin-right: 1px; }

/*Required label*/
.required, .saveLink {
  font-weight: bold; }

/*Hyperlink title*/
.hyperlink {
  font-weight: bold;
  font-size: 1.1em;
  text-decoration: underline; }

.hyperlinkDisabled {
  font-weight: bold;
  font-size: 1.1em;
  color: gray; }

.titleunderline {
  font-weight: bold;
  text-decoration: underline; }

.modalPage {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 499; }

.modalBackground {
  filter: Alpha(Opacity=40);
  opacity: 0.4;
  background-color: #404040;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 500; }

.modalContainer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 750; }

.PSmodal {
  /*position: relative;*/
  top: 0;
  left: 0;
  z-index: 1000;
  width: 500px;
  background-color: #FFF;
  border: solid 3px #88a8bb;
  padding: 2px;
  /*change the width and left (-width/2) on your div 
	to change the width and keep it centered*/ }

.TT_Modal {
  /*position: relative;*/
  top: 0;
  left: 0;
  /*z-index: 1000;*/
  width: 180px;
  background-color: #FFF;
  padding: 2px;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  /*change the width and left (-width/2) on your div 
	to change the width and keep it centered*/ }

.labelbutton {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.PSmodal span.modalheading {
  font-weight: bold;
  line-height: 1.7em; }

.PSmodal img.close {
  float: right;
  opacity: 0.6; }

.PSmodal img.close:hover {
  opacity: 1; }

.PSmodal div.modaldata {
  padding: 5px;
  max-height: 350px;
  overflow: auto; }

div.tt_settings_modal {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto; }

.PSmodal div.modal_title {
  background-color: #6890A8;
  border-color: gray !important;
  color: #FFF;
  font-weight: bold;
  padding: 3px;
  text-align: left; }

.PSmodal .modal_textBox {
  width: 372px;
  height: 250px;
  margin: 5px; }

.modal-header .close {
  margin: 0px; }

.colourcodingbox {
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  float: left;
  margin-right: 10px;
  background-color: #0000ff; }

.row_colour {
  height: 25px;
  display: block;
  margin-top: 8px;
  margin-left: 5px; }

.colourcodingtext {
  display: inline;
  float: left; }

.PSmodal.colourcoding {
  top: 100px;
  left: 200px;
  width: 350px;
  position: absolute; }

/*Change Request Course Info*/
.changerequesttextarea {
  min-height: 200px; }

/*PM Title Links*/
.PMTitle {
  padding: 5px;
  color: #FFF;
  background-color: #51768c;
  margin-top: 10px;
  border: 1px solid #bfbfbf;
  font-weight: bold; }

.vcenter {
  margin-right: 26%;
  margin-left: 26%; }

/*I Frame*/
.iframe {
  border: none;
  float: left;
  width: 100%;
  min-height: 950px; }

/*Auto DropDown Extender*/
select.input-sm option, select.input-md option {
  max-width: 600px; }

.SearchableComboWide {
  width: 420px; }

.listitem {
  visibility: visible;
  list-style: none;
  margin: 5px !important; }

.highlightlistitem {
  list-style: none;
  margin: 5px !important;
  cursor: pointer;
  font-weight: bold; }

.list {
  margin-top: 0;
  text-align: left;
  font-size: 1em;
  padding-right: 0;
  padding-left: 0;
  background-color: #FFF;
  color: #404040;
  border: 1px solid #DDD;
  width: 350px !important;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1050 !important; }

.SearchableCombo {
  display: inline; }

.watermarkText {
  margin-right: 5px !important;
  display: block;
  font-size: 1em;
  height: 30px;
  /*line-height: 30;*/
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  line-height: 1.5;
  border: 1px solid #cccccc;
  width: 100%;
  color: #b0b0b0 !important; }

.SearchableCombo input[type=text] {
  color: #555;
  padding-right: 20px;
  padding-left: 5px; }

.CCCDateSelector::-webkit-input-placeholder,
.CCCTimeSelector::-webkit-input-placeholder {
  color: #b0b0b0; }

.CCCTimeSelector::-webkit-input-placeholder {
  font-size: 0.98em; }

.offeringsearchablecombo .watermarkText {
  width: 155px; }

.roomsearchablecombo .watermarkText {
  width: 300px; }

.watermarkTextWide {
  color: gray;
  margin-right: 5px !important;
  width: 420px; }

[id^="searchclear"] {
  /* button to clear searchable combo*/
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin-right: 15px;
  margin-top: 8px;
  font-size: 1.1em;
  cursor: pointer;
  color: #555;
  background-color: #FFF; }

.ChangeRequestEnrolments [id^="searchclear"] {
  /* button to clear searchable combo*/
  right: 0;
  margin-right: 8px; }

.ModalBox [id^="searchclear"] {
  /* button to clear searchable combo*/
  margin-top: 2px; }

/*CCCPS-70139*/
.nav-sidebar li.disabled {
  display: none; }

/*Disabled menu items*/
.dropdown-menu > li > a.disabled {
  opacity: 0.4; }

/*Additional Links to Student and Offering*/
.AdditionalLinks li:nth-child(2n+1), .AdditionalLinks li:nth-child(2n+1):hover {
  border: 1px solid #9F1447;
  border-bottom: none; }

.AdditionalLinks.SingleLink li, .AdditionalLinks.SingleLink li:hover {
  border-bottom: 1px solid #9F1447; }

.AdditionalLinks li, .AdditionalLinks li:hover {
  border: 1px solid #9F1447;
  background-color: #FFF;
  font-weight: bold; }

.AdditionalLinks li a {
  color: #9F1447 !important; }

.AdditionalLinks li a:hover {
  color: #FFF !important;
  background-color: #9F1447 !important;
  font-weight: bold; }

/*About Box*/
.CCCAboutBox > .tab-content,
.CCCUserAccount > .tab-content {
  box-shadow: 0 0 10px #C9C9C9; }

/*Silverlight Control*/
.ExamChangeRequest {
  width: 100%;
  height: 535px; }

/*Register*/
.RegisterButtonSelection {
  padding-top: 10px;
  padding-bottom: 10px; }

.RegisterCaption {
  padding: 0;
  padding-top: 2px; }

/*Modal Box (IE requirement)*/
#ModalBoxContent {
  padding: 10px; }

#ModalBox .col-md-6 .form-control {
  display: inline; }

#ModalBoxDialog .row {
  display: block;
  padding: 5px; }

.labelcolourcode {
  font-weight: normal;
  text-decoration: underline; }

.labelcolourcode:hover {
  cursor: pointer; }

/*Change Request New button formatting*/
.NewChangeRequestRow .col-md-1 {
  width: 6.5%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 3px; }

.NewChangeRequestRow .col-md-2 {
  padding-left: 0;
  padding-right: 5px;
  width: 20.8%; }

.NewChangeRequestRow .col-md-3 {
  padding-left: 0; }

.NewChangeRequestRow .col-md-3 input {
  width: 22%; }

.ChangeRequestEnrolments .CCCGridViewEditField {
  display: none; }

.ChangeRequestGrid.AllRowsSelected .bg-primary {
  background-color: #6890A8; }

.ChangeRequestGrid.AllRowsSelected tr {
  background-color: #C9C9C9; }

.ChangeRequestGrid .form-control {
  padding: 0 0 0 2px; }

.ChangeRequestGrid .watermarkText {
  padding: 1px 20px 0 5px; }

#ctl00_ParentPlaceHolder_CCCAboutBox1_btnGoToAssist,
.CCCAboutBox .CCCTextBox, .CCCAboutBox li {
  float: left; }

/*Fixing problem with Transpacerncy on the Change User screen*/
.navbar-fixed-top, .navbar-fixed-bottom {
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none; }

.navbar-default {
  border-color: transparent; }

.minimenu {
  min-height: 23px;
  height: 23px;
  z-index: 50; }

.mainmenu {
  margin-top: 22px;
  z-index: 49;
  border-bottom-color: #e6e6e6; }

#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_txtLastAttendedDate {
  width: 95px; }

.InterviewDeclarationDiv {
  max-height: 500px;
  overflow-y: scroll; }

/*Attendance Table*/
.attendancecell {
  height: 30px;
  width: 25px; }

.attendancecellwhite {
  background-color: #FFF;
  height: 30px;
  width: 25px; }

.attendancecellnosession {
  background-color: #ffff80;
  width: 220px;
  height: 30px; }

.attendancestaticpanel {
  float: left; }

.attendancescrollpanel {
  overflow-x: auto;
  float: left;
  border-left: 0px;
  border-left: none;
  max-width: 500px; }

.attendancetable {
  float: left;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px; }

.attendancetablemark {
  width: 100%; }

#outerNotesModal {
  min-width: 150px; }

#outerNotesModal .CCCPopupHeaderText {
  font-weight: bold;
  padding: 4px 2px 0px 5px;
  float: left; }

#outerNotesModal .CCCPopupCloseButton {
  padding: 6px 2px 0px 0px; }

#NotesModal.panel-body {
  padding: 8px; }

.attendance.printfriendly {
  float: right;
  clear: both;
  display: block;
  margin-top: -10px; }

.attendance.printfriendly a {
  color: #6890A8;
  padding-top: 0px; }

.printfriendly a {
  color: #FFF;
  padding-top: 6px;
  text-decoration: underline;
  float: right;
  outline: 0; }

.printfriendly a:hover {
  color: #DDD; }

.printfriendly .glyphicon {
  padding-top: 2px;
  padding-right: 5px; }

.printfriendlygrid {
  float: right;
  padding-right: 15px;
  padding-top: 15px; }

.dropdown.open {
  border-top: 1px solid gray;
  outline: 0; }

#ctl00_CustomPages, #ctl00_Home, .dropdown-menu a {
  outline: 0; }

/*CCCPS-82143 - To make right click filter option like Mosaic look*/
.dropdown-menu > li > a {
  color: var(--mds-dropdown-color, var(--mds-text-color-default, #161616)) !important;
  line-height: unset !important; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  /*color: $white !important;*/
  /*background-color: $strongblue !important;*/
  /*background-color: var(--mds-table-row-bg-color, #E0E0E7) !important;*/
  background: var(--mds-dropdown-item-background-color-hover, var(--mds-hover-color, rgba(102, 102, 121, 0.1))); }

.nav a {
  outline: 0;
  color: #0055cc !important; }

.nav a:hover {
  outline: 0;
  color: #FFF !important;
  background-color: #0055cc !important; }

.nav .active a {
  outline: 0;
  color: #FFF !important;
  background-color: #0055cc !important; }

/*Email About*/
#pnlSupport .form-horizontal .form-group:nth-child(4) {
  display: none; }

/*Website About*/
#pnlSupport .form-horizontal .form-group:nth-child(3) {
  display: none; }

.TT_Modal a, .TT_Modal a:hover {
  text-decoration: none;
  color: #000; }

.timetableheader .glyphicon {
  padding-top: 3px; }

/*User Defined label*/
.userdefinedlabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

input[type=submit].CCCTransparent {
  opacity: 1 !important; }

.PaymentTotalsHeadingRow {
  font-weight: bold;
  padding-left: 10px; }

/*Floating modal box*/
.modal-content {
  top: 100px;
  border-radius: 0; }

/*Exam Change Request GroupBox*/
.groupbox {
  border: 1px #C9C9C9 solid;
  padding-bottom: 5px;
  border-radius: 2px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 58px; }

.groupboxtitle {
  width: auto;
  margin-left: 10px;
  border-bottom: 0;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 2px; }

.groupbox .table-bordered {
  padding: 10px; }

.groupboxtitle.small {
  width: 65px; }

.labelsummary {
  text-decoration: underline;
  font-weight: bold; }

.groupbox .form-inline {
  /*padding-left: 10px;*/ }

.groupbox .groupbox .form-inline {
  padding-left: 0px; }

.groupboxlabel {
  padding-right: 5px; }

.groupbox .form-inline .form-control {
  width: 100px; }

.groupbox input[type="radio"] {
  margin: 0px; }

.groupbox input[type="radio"] + label {
  padding-right: 10px; }

.validationbox {
  margin: 15px; }

.declarationlink {
  margin-left: 5px;
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer; }

.declarationlink:hover {
  text-decoration: none;
  color: #000; }

#ctl00_ParentPlaceHolder_ALSList .table > thead > tr > th,
#ctl00_ParentPlaceHolder_ALSList .table > tbody > tr > th,
#ctl00_ParentPlaceHolder_ALSList .table > tfoot > tr > th,
#ctl00_ParentPlaceHolder_ALSList .table > thead > tr > td,
#ctl00_ParentPlaceHolder_ALSList .table > tbody > tr > td,
#ctl00_ParentPlaceHolder_ALSList .table > tfoot > tr > td {
  line-height: 1.42857143 !important; }

#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_StudentExcluded .panel-subtitle {
  background-color: rgba(169, 68, 66, 0.6); }

#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_CCCReportSelectionContext1_btnPrint {
  display: none !important; }

/*#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_CCCReportSelectionContext1_divButtons {
    display: none;
}*/
.notebox {
  height: 200px !important;
  resize: vertical; }

#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_AttWeeklyLink,
#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_AttWeeklyCondensedLink, #ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_BehaviourLink,
#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_AttSummaryLink, #ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_BehSummaryWeeklyLink {
  width: 160px;
  padding-left: 0px;
  padding-right: 0px; }

#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_StandardLink {
  width: 90px;
  padding-left: 0px;
  padding-right: 0px; }

#EntryGridStudent {
  float: left; }

#EntryGrid {
  white-space: nowrap; }

#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_grdEntriesStudents {
  border-right: none; }

#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_chkReplace,
#ctl00_ctl00_ParentPlaceHolder_ChildPlaceHolder_chkReplace [type="checkbox"] {
  margin-left: 10px; }

.menuIcon {
  width: 24px;
  opacity: 0.6; }

.CCCUserAccount {
  max-width: 800px; }

div.CCCGridViewSubFooter {
  padding-top: 6px !important;
  background-color: #333333 !important; }

div.CCCGridViewSubFooter > ul > li {
  color: #FFF !important; }

/*PS Grid View*/
table.CCCGridView.PSGridView.truncatetext {
  width: 100%;
  white-space: nowrap;
  table-layout: fixed; }

table.CCCGridView.PSGridView.scrollbar {
  overflow-x: auto; }

table.CCCGridView.PSGridView tr.pagerstyle td {
  line-height: 2.5;
  border-left: 0;
  border-right: 0; }

table.CCCGridView.PSGridView tr.pagerstyle.nopaging .rowcount {
  line-height: 1.5; }

table.CCCGridView.PSGridView tr.pagerstyle td.rowcount {
  text-align: right;
  padding-right: 10px;
  color: gray; }

table.CCCGridView.PSGridView tr.pagerstyle td tr td:last-child a {
  border-right: 1px solid #C9C9C9; }

.PSGridView tr.pagerstyle td a, tr.pagerstyle td span {
  padding: 5px 8px 5px 8px;
  border-left: 1px solid #C9C9C9;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9; }

.PSGridView tr.pagerstyle tr td a:hover {
  background-color: #cccc00;
  text-decoration: none; }

.PSGridView tr.pagerstyle td span {
  background-color: #6890A8;
  color: #FFF; }

table.CCCGridView.PSGridView tr td, table.CCCGridView.PSGridView tr th a {
  overflow: hidden;
  text-overflow: ellipsis; }

#GridFooter.emptyRow, table.CCCGridView.PSGridView.truncatetext.emptyRow td {
  border-top: 0;
  text-align: center;
  padding-bottom: 7px;
  color: gray; }

.tableheader {
  font-weight: bold;
  margin-bottom: 0px;
  border-bottom: 1px solid #bfbfbf;
  color: #404040; }

#NewStudent .row {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 5px; }

.panel-body .nomargin {
  padding-top: 0px; }

.row .nomargin {
  margin-bottom: 0px; }

.tableheadernarrow .col-md-1,
.tableheadernarrow .col-md-3 {
  border-bottom: 1px solid #bfbfbf;
  color: #404040;
  font-weight: bold; }

.tooltip {
  width: 200px; }

.AcYearlabel {
  width: 12%;
  padding-left: 20px;
  padding-right: 0px;
  padding-top: 3px; }

.AcYearControl {
  width: 12%; }

.CheckBoxlabel {
  padding-left: 2px; }

.CheckBoxlabel .checkbox {
  margin-top: 0px; }

.selectioncontrol {
  padding-bottom: 10px; }

/*Additional Register Formatting*/
.col-sm-1.timedivider {
  padding: 0px;
  padding-top: 5px;
  width: 1%; }

.col-sm-5.hournotation {
  font-size: xx-small;
  padding-top: 8px;
  padding-left: 0px; }

.bulkmarkbutton {
  font-size: 20px;
  padding-top: 4px;
  float: left; }

.bulkmarkbutton:hover, .bulkmarkbutton:active {
  text-decoration: none; }

.searchbutton {
  padding-left: 5px; }

.controlwithcheckbox {
  width: 10%; }

.columnwithcheckbox {
  width: 19%; }

.columnwithcheckbox .checkbox {
  margin: 0px; }

.singlebutton #btnSave {
  padding-left: 10px; }

.checkBoxDiv {
  padding-left: 0px; }

.checkBoxDiv .checkbox {
  margin-top: 0px; }

.CCCApplicationLogo {
  padding-right: 20px; }

@media print {
  * {
    -webkit-transition: none !important;
    transition: none !important; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100% !important; }
  .col-md-11 {
    width: 91.66666666666666% !important; }
  .col-md-10 {
    width: 83.33333333333334% !important; }
  .col-md-9 {
    width: 75% !important; }
  .col-md-8 {
    width: 66.66666666666666% !important; }
  .col-md-7 {
    width: 58.333333333333336% !important; }
  .col-md-6 {
    width: 50% !important; }
  .col-md-5 {
    width: 41.66666666666667% !important; }
  .col-md-4 {
    width: 33.33333333333333% !important; }
  .col-md-3 {
    width: 25% !important; }
  .col-md-2 {
    width: 16.666666666666664% !important; }
  .col-md-1 {
    width: 8.333333333333332% !important; }
  /*remove hrefs from all links */
  a[href]:after {
    content: none !important; }
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px; }
  .timetable, .totalLabel, .timetableheader {
    font-size: xx-small; }
  div.CCCContent, .panel {
    padding-bottom: 0;
    margin-bottom: 0; }
  .sidebar, .mainmenu, .minimenu, .submenu, .RegisterButtonSelection, #menu, .timetableheader .btn {
    display: none !important; }
  .CCCContent {
    margin-top: -60px !important; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #FFF;
    padding: 0px;
    height: 15px; }
  .form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled] .form-control:focus {
    outline: none;
    box-shadow: none; }
  .container-fluid.attendance .control-label {
    line-height: 18px; }
  .panel {
    border: none;
    box-shadow: none; }
  .panel .panel-primary {
    border: none; }
  .container-fluid {
    padding: 0px;
    margin: 0px; }
  .container-fluid .row {
    margin-bottom: 0px; }
  .form-control {
    background-color: #FFF;
    border: none;
    box-shadow: none; }
  .table-bordered.attendance td {
    padding: 0px; }
  .attendancestaticpanel, .attendancescrollpanel {
    font-size: 9px; }
  .attendancecellwhite {
    height: 15px !important; }
  .table .attendancetable tr, .table.attendancetable td,
  .table .table-bordered .attendance td {
    height: 15px !important; }
  .attendancescrollpanel td {
    float: left; }
  .panel-primary > .panel-heading {
    background: #FFF;
    color: #000;
    border-bottom: 1px solid #000; }
  .panel-subtitle {
    background-color: #FFF !important;
    color: #000 !important;
    padding: 2px !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    font-weight: 100 !important;
    margin-bottom: 10px !important; }
  .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #000 !important;
    background-color: #FFF; }
  .CCCGridViewSubFooter, .CCCSortImage {
    visibility: hidden; }
  .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td,
  .bg-primary {
    border: 1px solid #000 !important;
    background-color: #FFF; }
  .bg-primary th {
    background-color: transparent !important; }
  table.CCCGridView tr th a {
    color: #000 !important; }
  input[readonly].default-cursor, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, input[type="radio"][disabled], input[type="checkbox"][disabled], input.disabled[type="radio"], input.disabled[type="checkbox"], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], .ui-state-disabled .ui-icon {
    height: 20px; }
  .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, select.input-sm {
    border: 0px; }
  .CCCGridViewDetailsButtonField {
    display: none; }
  .photoholder {
    border: none; }
  /*div{
        page-break-inside: avoid;
    }*/ }

.paddingtopbottom {
  padding: 15px 0 15px 0; }

.padding {
  padding: 15px; }

.removestaffbutton {
  padding-top: 6px; }

.MessageHomePage {
  padding-bottom: 10px;
  display: block; }

.tab-content .checkbox {
  margin-top: 0px; }

.SearchableCombo .aspNetDisabled + .searchclear {
  max-width: 120px !important;
  min-width: 0px !important;
  top: 2px !important; }

textarea {
  resize: vertical; }

.nav-justified.alsattendance > li {
  width: 50px; }

.CCCGridViewFooterRow {
  background-color: #f1eded !important;
  font-weight: bold; }

.disabledlink, .disabledlink:hover {
  color: gray;
  cursor: not-allowed; }

.CCCGridViewScrollTop, .CCCGridViewScroll {
  overflow-x: scroll;
  overflow-y: hidden; }

.CCCGridViewScrollTop {
  height: 20px; }

.ScrollTopWrapper {
  height: 40px; }

.checkboxselectionstyle {
  width: 100px; }

.timeout {
  color: gray;
  margin-right: 5px;
  width: 160px; }

.SearchableCombo input::-ms-clear {
  display: none; }

.modal-title {
  line-height: 1; }

.bs-modal-header {
  background-color: #88a8bb;
  color: white;
  border-color: #88a8bb;
  cursor: move; }

.reasonNoteIcon {
  min-width: 16px !important;
  height: 16px; }

.table .table {
  background-color: #eeeeee; }

#DateDescription {
  white-space: nowrap; }

/*CCCPS-79845: Workaround to sync header and data cells while header has large text*/
#EntryGrid th:not(:first-child):not(:nth-child(2)) > span:first-child {
  width: 63px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 63px;
  display: inline-block;
  vertical-align: bottom; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  /*background-image: -webkit-linear-gradient(top, #0055cc 0%,#0055cc 100%);
    background-image: -o-linear-gradient(top, #0055cc 0%, #0055cc 100%);*/
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); */
  /* background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0055cc', endColorstr='#0055cc', GradientType=0);
  background-repeat: repeat-x;
  /*background-color: #0055cc;*/ }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
  /* background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); */
  background-image: -o-linear-gradient(top, #0055cc 0%, #0055cc 100%);
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); */
  background-image: linear-gradient(to bottom, #0055cc 0%, #0055cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0055cc', endColorstr='#0055cc', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px #0055cc;
  box-shadow: inset 0 3px 9px #0055cc; }

.btn-primary {
  background-image: -webkit-linear-gradient(top, #0055cc 0%, #0055cc 100%);
  background-image: -o-linear-gradient(top, #0055cc 0%, #0055cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0055cc), to(#0055cc));
  background-image: linear-gradient(#0055cc 0%, #0055cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0055cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #0055cc; }

.navbar-default .navbar-nav > li > a:hover {
  background-color: #0055cc !important;
  color: #FFF !important; }

.btn-primary {
  background-color: #0055cc !important;
  color: #FFF !important; }

.list-inline > li {
  color: #0055cc !important; }

.list-inline > li > a {
  color: #0055cc !important; }

div.CCCGridViewSubFooter > .list-inline > li > a {
  color: #FFF !important; }

div.CCCFooter div.CCCFooterLinks a {
  color: #0055cc !important; }

/*CCCPS-82143 - Changing the background to make it like MDS*/
table.CCCGridView .bg-primary {
  background-color: var(--mds-table-row-bg-color, #E0E0E7) !important;
  color: unset !important;
  height: 3rem !important;
  /*CCCPS-82177*/ }

.PartStyle .CCCGridViewContainer .CCCRow a {
  color: #0055cc !important; }

.PartStyle .CCCPager a {
  color: #FFF !important; }

.panel-primary {
  border-color: #0055cc; }

.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image: linear-gradient(to bottom, #0055cc 0%, #0055cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x; }

.panel-primary > .panel-heading {
  border-color: #0055cc; }

.ps-breadcrumb {
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  background-color: transparent; }

.module-reports-container {
  position: relative;
  min-height: 200px;
  border: 1px solid #e0e0e7;
  border-radius: 5px;
  padding: 10px !important; }

.module-reports-container div.CCCCriteriaSidePanel {
  top: 0px;
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #e0e0e7; }

.NoRecords {
  display: flex;
  padding: 16px 0px 40px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  font-weight: 600; }

.NoRecordsImg {
  width: 45px;
  height: 53px;
  border: dotted;
  border-color: #057093;
  transform: rotate(345deg);
  transform-origin: bottom; }

.mcc-tooltip {
  font-size: 0.7rem;
  font-weight: normal; }

/*CCCPS-82358: scroll bar issues when page with left panel within it. 
    Some pixels (like 312px, 224px) substracted based on need at master page level which may have to be adjusted if any change in master page design.*/
.container-new {
  display: flex;
  min-height: 100%; }

.main-content-new {
  flex: 1;
  /* Let the main content flex to take remaining space */
  background-color: white;
  /* Example background color */
  padding: 20px;
  overflow-x: auto;
  overflow-y: hidden; }

.left-panel-new {
  width: 17.5rem;
  /* Fixed width for the left panel */
  overflow-y: auto;
  /* Add scrollbar if content overflows */
  background-color: white;
  /* Example background color */
  border-right: 1px solid #eee; }

.form-noscroll {
  overflow: hidden; }

/*CCCPS-82177 - Exam Entries page height issue.*/
tr.CCCRow {
  height: 3rem !important; }

tr.CCCRow > td > div > img {
  display: inline-block; }