/* Minification failed. Returning unminified contents.
(659,69): run-time error CSS1030: Expected identifier, found '.'
(659,73): run-time error CSS1031: Expected selector, found ')'
(659,73): run-time error CSS1025: Expected comma or open brace, found ')'
(1055,1): run-time error CSS1019: Unexpected token, found '@import'
(1055,9): run-time error CSS1019: Unexpected token, found 'url("https://p.typekit.net/p.css?s=1&k=rxy4nij&ht=tk&f=14541.14542.14545.14548.16382.16383.16384.17001.17002.17003.17005.17006.22622.22658&a=18271117&app=typekit&e=css")'
 */
/*
DO NOT AMEND CSS FILE AS IT IS GENERATED VIA LESS COMPILATION
*/
body {
  font-family: soleil, sans-serif !important;
}
fieldset {
  margin-bottom: 0;
}
.error {
  overflow: auto;
  color: #a94442;
  width: 100%;
  padding: 0.5em 0;
}
html,
body {
  height: 100%;
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
form:focus,
div:focus {
  outline: none;
}
/*Master page outer*/

.liveContent {
  position: absolute;
  left: -10000px;
  width: 1px;
}
.back-to-top {
  position: fixed;
  bottom: 5em;
  right: 0;
  text-decoration: none;
  color: #000000;
  background-color: rgba(235, 235, 235, 0.8);
  font-size: 12px;
  padding: 1em;
  display: none;
  z-index: 2000;
  border-radius: 5px 0 0 5px;
}
.back-to-top:hover {
  text-decoration: none;
  background-color: rgba(135, 135, 135, 0.5);
}
.page-footer {
  height: auto;
  margin-top: 10rem;
}
.sm-padding {
  padding: 0.5rem;
}
.sm-border {
  border: 1rem;
}
.sm-top-margin {
  margin-top: 0.2rem;
}
.md-top-margin {
  margin-top: 2rem;
}
.form-label {
  display: block;
}
.ajax__calendar_container {
  position: static;
  z-index: 1023;
}
.nav-footer {
  margin-top: 0.2rem;
}
html > body #esdApplication {
  padding-bottom: 2.5rem;
}

/*.main-nav .main-nav-admin ul li,
.sub-menu {
  list-style: none;
}*/

#menuQuickSearchNewEnquiry div{
    padding:5px 15px;
}
.quickSearch-enquiry-submit {
    text-align: right;
}


.table-nonfluid {
    width: 80%;
}

.font-size-small {
  font-size: 0.8em;
}
.font-size-medium {
  font-size: 1.0em;
}
.font-size-large {
  font-size: 1.2em;
}
/*#region  BootStrap Call Out
/* BootStrap Call Outs - from BootStrap documentation site - not included in base BootStrap CSS - used in Student Helpdesk Module to style enquiry actions */
.bs-callout {
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h4 {
  color: #595959;
}
.bs-callout-primary {
  border-left-color: #428bca;
}
.bs-callout-primary h4 {
  color: #428bca;
}
.bs-callout-success {
  border-left-color: #5cb85c;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.draftaction {
    color: #f0ad4e;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
  /*Hide the text on the items to ensure everthing fits into the top bar*/
  #liNotifaction .topbartext,
  #esdMb_AllCallCentreLinks .topbartext,
  #esdMb_AllTeamLinks .topbartext,
  #SIDUserProfileMenuWrapper #lblcurrUserName {
    display: none;
  }
 
}

@media screen and (max-width: 480px) {
  #liNotifaction .open .dropdown-menu {
    left: -50px;
  }
  .notifications .open .dropdown-menu {
    left: -100px;
  }
  #SIDUserProfileMenuWrapper .open .dropdown-menu {
    left: -90px;
  }
}
/*#endregion*/

.category-top-level-option {
  background-color: rgba(0, 0, 0, 0.1);
  border-top: solid 1px #adabab;
}
/* #region User Settings*/
#frmCredentials input.error {
  padding: 6px 12px;
  border: 1px dotted red;
}
.fa-exclamation .error {
  padding-left: 0.25em;
  overflow: visible;
  width: auto;
}
/* #endregion*/



.ESDTabBar_horizontal_Menu {
    position: absolute;
    right: 40px;
    top: 18px;
    z-index: 9;
}



    .ESDTabBar_horizontal_Menu a,
    .ESDTabBar_horizontal_Menu a:hover,
    .ESDTabBar_horizontal_Menu a:active,
    .ESDTabBar_horizontal_Menu a:visited,
    .ESDTabBar_horizontal_Menu a:link {
        padding: 10px 15px !important;
        width: 100%;
    }

    .ESDTabBar_horizontal_Menu ul {
        position: absolute;
        left: -140px;
        top: 30px;
        border-radius: 4px;
    }

    .ESDTabBar_horizontal_Menu li {
        width: 100%;
        border: 0px;
        list-style: none;
        margin-right: 10px;
    }

    .ESDTabBar_horizontal_Menu i.fa {
        cursor: pointer;
        color: darkblue;
    }

    .ESDTabBar_horizontal_Menu li a {
        white-space: normal !important;
    }

    .ESDTabBar_horizontal_Menu .dropdown-menu::before {
        display: block;
        height: 0;
        width: 0;
        content: '';
        position: absolute;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom-width: 9px;
        border-bottom-style: solid;
        top: -9px;
        right: 5px;
        border-bottom-color: #fff;
    }

#ESDloading, #ESDSchedloading, #ESDSchedloadingDIA {
    display: block;
    width: 50%;
    background-color: #fff;
    border: none;
    text-align: center;
    padding: 20px;
    color: #2980b9;
    filter: drop-shadow(5px 5px 10px black);
    position: fixed;
    height: auto;
    width: 50%;
    z-index: 103;
    top: 30%;
    left: 30%;
}

.sidloader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}

    .sidloader:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 4px;
        background-color: #2980b9;
        animation: sidloadinganimation 2s linear infinite;
    }

@keyframes sidloadinganimation {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}


.top5 {
    margin-top: 5px !important;
}

.top10 {
    margin-top: 10px !important;
}

.top15 {
    margin-top: 15px !important;
}

.top30 {
    margin-top: 30px !important;
}

.bottom5 {
    margin-bottom: 5px !important;
}

.bottom10 {
    margin-bottom: 10px !important;
}

.bottom15 {
    margin-bottom: 15px !important;
}

.left5 {
    margin-left: 5px !important;
}

.left10 {
    margin-left: 10px !important;
}

.left15 {
    margin-left: 15px !important;
}

.right5 {
    margin-right: 5px !important;
}

.right10 {
    margin-right: 10px !important;
}

.right15 {
    margin-right: 15px !important;
}

.tolowercase {
    text-transform: lowercase;
}



/*
Sheffield Main CSS Changes 
Version 1.4
Date: 3 May 2019                           
Created by Jay Howard, Tribal SID Consultant 
*/

/* Take the Header and Footer from SITS:Vision and use in SID to consistent Styling for Header and Footer */

/* Add left and right margins on the footer row */
.sv-row {
  margin-left: -15px;
  margin-right: -15px;
}

/* Position Columns */
.sv-col-xs-1, .sv-col-sm-1, .sv-col-md-1, .sv-col-lg-1, .sv-col-xs-2, .sv-col-sm-2, .sv-col-md-2, .sv-col-lg-2, .sv-col-xs-3, .sv-col-sm-3, .sv-col-md-3, .sv-col-lg-3, .sv-col-xs-4, .sv-col-sm-4, .sv-col-md-4, .sv-col-lg-4, .sv-col-xs-5, .sv-col-sm-5, .sv-col-md-5, .sv-col-lg-5, .sv-col-xs-6, .sv-col-sm-6, .sv-col-md-6, .sv-col-lg-6, .sv-col-xs-7, .sv-col-sm-7, .sv-col-md-7, .sv-col-lg-7, .sv-col-xs-8, .sv-col-sm-8, .sv-col-md-8, .sv-col-lg-8, .sv-col-xs-9, .sv-col-sm-9, .sv-col-md-9, .sv-col-lg-9, .sv-col-xs-10, .sv-col-sm-10, .sv-col-md-10, .sv-col-lg-10, .sv-col-xs-11, .sv-col-sm-11, .sv-col-md-11, .sv-col-lg-11, .sv-col-xs-12, .sv-col-sm-12, .sv-col-md-12, .sv-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Position Column Widths */
@media (min-width: 768px) {
  .sv-col-sm-1, .sv-col-sm-2, .sv-col-sm-3, .sv-col-sm-4, .sv-col-sm-5, .sv-col-sm-6, .sv-col-sm-7, .sv-col-sm-8, .sv-col-sm-9, .sv-col-sm-10, .sv-col-sm-11, .sv-col-sm-12 {
    float: left;
  }
  .sv-col-sm-12 {
    width: 100%;
  }
  .sv-col-sm-11 {
    width: 91.66666667%;
  }
  .sv-col-sm-10 {
    width: 83.33333333%;
  }
  .sv-col-sm-9 {
    width: 75%;
  }
  .sv-col-sm-8 {
    width: 66.66666667%;
  }
  .sv-col-sm-7 {
    width: 58.33333333%;
  }
  .sv-col-sm-6 {
    width: 50%;
  }
  .sv-col-sm-5 {
    width: 41.66666667%;
  }
  .sv-col-sm-4 {
    width: 33.33333333%;
  }
  .sv-col-sm-3 {
    width: 25%;
  }
  .sv-col-sm-2 {
    width: 16.66666667%;
  }
  .sv-col-sm-1 {
    width: 8.33333333%;
  }
    
.sv-col-md-offset-3 {
    margin-left: 25%;
  }
}
/* List Style */
.sv-list-unstyled {
  padding-left: 0;
  list-style: none;
}

  
/* Align Text Right */ 
  .sv-text-right {
  text-align: right;
}

/* Style the Footer Area */ 
.sv-footer-text {
  text-align: right;
  padding: 5px 10px;
  font-size: 12px;
}
.sv-footer-text,
.sv-footer-text a,
.sv-footer-text a:hover,
.sv-footer-text a:link,
.sv-footer-text a:visited,
.sv-footer-text a:active {
  color: #fff;
}
.sv-footer-text a {
  text-decoration: underline;
}

.sv-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  }

@media (min-width: 768px) {
  .sv-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .sv-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .sv-container {
    width: 1170px;
  }
}

.sv-clearfix:before,
.sv-clearfix:after,
.sv-dl-horizontal dd:before,
.sv-dl-horizontal dd:after,
.sv-container:before,
.sv-container:after,
.sv-container-fluid:before,
.sv-container-fluid:after,
.sv-row:before,
.sv-row:after,
.sv-form-horizontal .sv-form-group:before,
.sv-form-horizontal .sv-form-group:after,
.sv-btn-container:before,
.sv-btn-container:after,
.sv-btn-toolbar:before,
.sv-btn-toolbar:after,
.sv-btn-group-vertical > .sv-btn-group:before,
.sv-btn-group-vertical > .sv-btn-group:after,
.sv-nav:before,
.sv-nav:after,
.sv-navbar:before,
.sv-navbar:after,
.sv-navbar-header:before,
.sv-navbar-header:after,
.sv-navbar-collapse:before,
.sv-navbar-collapse:after,
.sv-pager:before,
.sv-pager:after,
.sv-panel-body:before,
.sv-panel-body:after,
.sv-panel-heading-action > .sv-panel-title:before,
.sv-panel-heading-action > .sv-panel-title:after {
  content: " ";
  display: table;
}

/* Open Sans Font References */
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-BoldItalic.eot');
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/site_custom/font/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-BoldItalic.woff') format('woff'), url('/site_custom/font/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-Italic.eot');
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/site_custom/font/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-Italic.woff') format('woff'), url('/site_custom/font/OpenSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-SemiBoldItalic.eot');
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/site_custom/font/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-SemiBoldItalic.woff') format('woff'), url('/site_custom/font/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-Bold.eot');
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/site_custom/font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-Bold.woff') format('woff'), url('/site_custom/font/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-LightItalic.eot');
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/site_custom/font/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-LightItalic.woff') format('woff'), url('/site_custom/font/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-SemiBold.eot');
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/site_custom/font/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-SemiBold.woff') format('woff'), url('/site_custom/font/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-ExtraBold.eot');
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/site_custom/font/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-ExtraBold.woff') format('woff'), url('/site_custom/font/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-Regular.eot');
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/site_custom/font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-Regular.woff') format('woff'), url('/site_custom/font/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-ExtraBoldItalic.eot');
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('/site_custom/font/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-ExtraBoldItalic.woff') format('woff'), url('/site_custom/font/OpenSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/site_custom/font/OpenSans-Light.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'), url('/site_custom/font/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/site_custom/font/OpenSans-Light.woff') format('woff'), url('/site_custom/font/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
    
/* Set the Height and Padding on the top logo */
.uos-logo {
  height: 80px;
  padding: 10px;
}

/* Align any Footer text to the right of its own container */
.sv-footer-text {
  text-align: left;
}

/* Set a left margin on the modal ajax Calendar */
.ajax__calendar {
    margin-left: 90px;
}

/* Hide the Cause when logging an Enquiry for a Staff Member */
div#StaffEnqLog_CauseWrapper {
    display: none !important;
}

/* Set the Full Header and Top Bar Area to a minimum Height and reset left and right padding */
.esd-page-header .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
    height: 80px;
}

/* Set the Background and Bottom Border color for the Top Bar Area */
div.top-bar {
    background-color: #251b5b;
    border-bottom: 5px solid #009C88;
}

/* Set the Background color for the Top Bar Student Finder Area */
div.top-bar div.row:nth-child(2):not(.global-finder-search-form-row .row) {
    background-color: #251b5b;
}

/* Set the Logo and Student Finder Area to a minimum Height */
div.logo {
    min-height: 50px;
}

/* Hide the Corner Logo in the Top Bar */
div.logo img {
display: none;
}

/* Set all list group items to show as Left aligned within their LI container */
a.list-group-item.text-center {
    text-align: left;
}

/* Hide the Left Tool Bar when working with an Enquiry */
/*#enquiry-transcript .col-sm-2 {
    display: none;
}*/

/* Now make the details area fill the Tool Bar Real Estate so it's full screen when working with an Enquiry */
/*#enquiry-transcript .col-sm-10 {
width: auto;
}*/

/* Set the Background Colour for the Footer Area */
.footer, #esdPageFooterFAQ_Container {
background-color: #251b5b;
}

/* Set the default colours for a panel heading default */
.panel-default > .panel-heading {
    color: #fff;
    background-color: #251B5B;
    border-color: #251B5B;
    background-image: none;
}

.panel .panel-default, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-color: #251B5B;
}

/* Change the color of any text links in a panel */
.panel-default > .panel-heading .btn-link, .panel-default > .panel-heading i, .panel-default > .panel-heading .fa, .panel-default > .panel-heading .caret {
    color: #fff;
}

/* Make sure the Note Panel buttons can be seen */
#StaffEnqLog_NotePanel .panel-default > .panel-heading i, #staffSummaryPanelDescriptionContainer .panel-default > .panel-heading i, #StaffEnqLog_SolutionPanel .panel-default > .panel-heading i, #StaffEnqLog_Sensitive .panel-default > .panel-heading i, #StaffEnqLog_SensitivePanel .panel-default > .panel-heading i,
#StaffEnqLog_SolutionPanel .panel-default > .panel-heading i, .faq-header-text, div#CreateFAQPanel .panel-default > .panel-heading i {
    color: #333;
}

/* Reset the Cog Links when looking at an Enquiry */
#enquiry-list .panel-default > .panel-heading .btn-link {
    color: #337ab7;
}

/* Change the color of any text links in a panel */
.panel-heading a {
	color:#fff
}

/* Change the color of any text links in a panel title */
.panel-group .panel .panel-title > a {
	color:#fff
}

/* Set the standard Background Colours */
.body, .bottom .container .content-wrapper {
background-color: #EEF0F0;
}

/* Change the color of any summary screen refresh count down */
#mainContent .text-danger {
    color: red;
}

/* Change the color of any primary buttons */
.btn-primary, #global-finder-btn-search {
    color: #fff;
    background-color: #0797D9;
    border-color: #0686c0;
}
    
/* Change the Block Buttons to a better Highlight */
.btn.btn-default.btn-block.active {
    color: #fff;
    background-color: #009C88;
    border-color: #009C88;
}

/* Change the color of the Log Enquiry Button */
#StaffEnqLog_btnCreateNow {
    color: #fff;
    background-color: #0797D9;
    border-color: #0686c0;
}

/* Change the color of the Cancel Button */
button#staffSummaryPanelCancel {
    background-color: #db3833;
    border-color: #d02a25;
    color: #ffffff;
}

/* Change the color of any success buttons */
.btn-success {
    background-color: #009C88;
    border-color: #008372;
}

/* Change the color of any success buttons on active states */
.btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open>.dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus {
    color: #ffffff;
    background-color: #0575a8;
    border-color: #045d85;
}
    
/* Change the color of any success buttons on standard states */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success .open .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #0575a8;
    border-color: #045d85;
}

/* Change the color of any Custom Action buttons */
.customActionButton {
    color: #fff;
    background-color: #0797D9;
    border-color: #0686c0;
    min-height: 135px;
}
    
.customActionButton:hover,  .customActionButton:focus,  .customActionButton:active {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}   

/* Change the checked color to a different colour */
.fancy-checkbox.custom-bgcolor-green input[type="checkbox"]:checked+span:before {
    color: #fff;
    background-color: #009C88;
    border-color: #008372;
}
    
/* Find the Solution Description Box when looking at an Enquiry and Hide the word Solution */
#enquiry-list li:first-of-type div.panel-heading strong {
    visibility: hidden;
}

/* Find the Solution Description Box and show the rest of the description */
#enquiry-list li:first-of-type div.panel-heading strong span {
    visibility: visible !important;
}

/* Find the Solution Description Box and show the time and date */
#enquiry-list li:first-of-type div.panel-heading span strong  {
    visibility: visible !important;
}

/* Find the Solution Description Box and apply the word Answer in Place of Solution */
#enquiry-list li:first-of-type div.panel-heading strong .staffSummaryActionsTermHelpdesk:after {
    content: " Answer";
}

/* Change the color of the main menu links */
ul.main-menu > li a{
	color:#101010;
}

/* Change the color of the main menu link icons */
ul.main-menu > li .fa{
	color:#101010;
}

/* Change the color of the main menu link icons in active state */
ul.main-menu > li.active .fa{
	color:#fff
}

/* Change the color of the main menu link in hover state */
ul.main-menu > li.active > a, ul.main-menu > li a:hover{
	background-color:#0797D9;
	color:#fff
}

/* Reset the sidebar top boder when minified */
.sidebar-minified:before{
	border-top:0
}
/* Change the color of the main menu link in hover state when minified */
/* Change the backgrou */
.left-sidebar.minified .main-menu > li:hover > a > .text{
	background: #0797D9;
}

/* Reset the student finder position in the top bar */
#GlobalTopBarOptionsStudent {
    padding-top: 6px;
}
    
/* Hide the image placeholders for student and staff images */
.img-circle {
    display: none;
}
    
/* Reset the Custom Views Save Button in the Summary Pages */
#saveCustomViewDiv {
    margin-right :5px;
}

/* Reset the Custom Views Save Button Font */
button#staffSummaryShowCustomViewModal i.fa {
    font-family: "latolight";
}

/* Reset the Custom Views Save Button Icon */
button#staffSummaryShowCustomViewModal i:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 2px;
}

/* Guest FAQ Page Top Bar Hack to show as Navy */
.uosblue {
    background-color: #251b5b;
}
    
/* Change title in Enquiry List to Stand Out */
div#enquiryListplaceholder span.bg-default {
    font-weight: bold;
}
    
/* Reset the spacing in the upload files drop zone for the icon */
#semUpdate-drop-zone .fa, #semCreate-drop-zone .fa {
    padding-right: 5px;        
    }

/* Make the Preview Button on Log an Enquiry match other button shapes */
button#StaffEnqLog_btnPreview, global-student-finder-btn-reset {
    border: 1px solid #ccc;
    color: #555;
    background-color: #fff;
}

/* Reset Advanced Search button to same as Search Button in Search Enquiries Legacy */
a.HelpcallsAdvancedSearchButton {
    border-color: #CCCCCC;
    background-color: #296eaa;
    color: #FFFFFF;
    text-decoration: none;
}

/* Dont highlight text when clicked on the Adv Search Button */
a.HelpcallsAdvancedSearchButton:hover {
    text-decoration: none;
}

/* Reset the Nav Tabs in Enquiry colors */
ul.nav.nav-tabs a {
    color: #555;
}

/* Reset the FAQ Loading Categories Message so it doesn't overflow */
.faq-loading-image {
    float: left;
    margin-right: 15px;
    margin-top:inherit;
}

/* Reset the FAQ Header Text */
.faq-header-text {
    color: #404143;
}

/* Change the color of the Search Enquiries Advanced Search Button */
.HelpcallsAdvancedSearchButton {
    border-color: #CCCCCC;
    background-color: #296eaa;
    color: #FFFFFF;
}

/* Don't Highlight Visited Tiles in the Summary Screens */
.enquiryListClickablePanel.visitedEnquiry .panel-body {
    background-color: #fff;
}

/* Only Highlight the Active Tiles in the Summary Screens */
.enquiryListClickablePanel.visitedEnquiry .active .panel-body {
    background-color: #eff7ff;
}

/* Hide the Estimated Minutes area on adding an Action */
#staffSummaryPanelEstimatedMinsContainer {
    display: none !important;
}

/* Hide Standard Responses Area in Enquiry Actions */
.btn-group.dropup.standardResponseButtonContainer {
    display: none;
}

/* Hide Standard Responses Area in Log Enquiry */
#StaffEnqLog_ResponsesWrapper {
    display: none !important;
}

/* Indent a ol or ul when in edit */
.note-editor ul, .note-editor ol {
    margin-left: 10px;
}

/* Indent a ol or ul when in view */
ul ul, ol ul, ul ol, ol ol {
    margin-left: 15px;    
}

/* Workaround for Footer Issue on Summary Screens */
#enquiryListColumn {
    z-index: 1;
}

/* Hide Admin Panels that aren't used */
#accordion-component .panel.panel-default:nth-child(3), 
#accordion-component .panel.panel-default:nth-child(5), 
#accordion-component .panel.panel-default:nth-child(9) {
    display:none;
}

/* Hide Profile Buttons from logged in Users that aren't staff */
#esdComponentTabs {
    display: none !important;
}

/* Hide the Keyword Search within the Summary Screens */
/* Removed on 03-May-2019 by JNH */
/*div#staffSummarySearchCriteriaDiv .form-group:nth-child(3) {
    display: none;    
}*/

/* Hide the Keyword Search within the Left Hand Navigation */
/* Removed on 03-May-2019 by JNH */
/*div#keywordSearchNew {
    display: none;
}*/

/* Add support for Word-Break within Summary Screens for URL Breaks from EMH */
.enq-advisor, .enq-student, #enquiry-list .hr {
    word-break: break-all;
}

/* Reset support for outside of URL EMH Breaks */
.col-xs-2.col-sm-3.col-md-2.hidden-xs.text-center {
    word-break: break-word;
    -ms-word-break: normal;
}

/* Amend Tools Custom Action Width on Staff View of Student Profile */
div#pro-customActionsPlaceholder .inbox {
    min-width: 300px;
}

/* Hide the Custom Action Results Title */
.pro-custom-view-title {
    display: block!important;
}

/* Amend the Tools links */
div#pro-customActionsPlaceholder .inbox .bottom ul.left-menu li a {
    font-size: 1em;
    color: #174e66;
    cursor: text;
}

/* Amend the External Tools Link Icon */
div#pro-customActionsPlaceholder i.fa.fa-external-link {
    font-size: 1.4em;
    color: #251B5B;
}

/* Hide Private Enquiries Checkbox on Search Enquiries Screen */
#chk_HCL_VISB_Search, label[for="chk_HCL_VISB_Search"] {
    display: none
}

/* Hack Fix for sub-menu bullets - JNH 13082020 */
ul.main-menu li {
list-style-type: none;
}

/*10.3 Updated Styleblock*/
@import url("https://p.typekit.net/p.css?s=1&k=rxy4nij&ht=tk&f=14541.14542.14545.14548.16382.16383.16384.17001.17002.17003.17005.17006.22622.22658&a=18271117&app=typekit&e=css");
body {
    font-family: "Open brand", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #404143;
}
.main-header {
    padding: 8.5px 15px 8.5px 15px;
    margin: -15px -30px 15px -30px;
    color: #404143;
    background-image: linear-gradient(75deg, #ffffff 0, #ffffff 100%);
} 
.main-header h2{   
    margin-top: 19px;
    border-right: none;
    width: 100%;
    display: inline-block;
    margin-bottom: 1.6rem;
    padding-bottom: 10px;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
}
.main-header em{  
    font-family: "Open brand", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #404143 !important;
    margin: 0 0 9.5px;
    display: block;
}
h1, h2, h3, h4, h5, h6, .sv-h1, .sv-h2, .sv-h3, .sv-h4, .sv-h5, .sv-h6 {
    font-family: "soleil", sans-serif;
    font-weight: 600;
    line-height: 1.4;
    color: inherit;
}
.top-bar{
    min-height: 105px;
    background-color: #fff;
    color: #404143;
}
#aLogoLink img{
    display: inline-block;
    padding: 10px;
}
.panel {
  margin-bottom: 19px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
  box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.1);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.panel.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.panel > .panel-body.panel-highlight {
  background-color: #dadada;
}
.panel > .panel-heading.panel-highlight {
  background-color: #c1c1c1;
}
.panel > .panel-body:first-child {
  border-top-right-radius: -1px;
  border-top-left-radius: -1px;
}
.panel > .panel-body:last-child {
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel-body {
  padding: 15px;
}
.panel-body.panel-body-panel {
  padding-top: 0;
  padding-bottom: 0;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1px;
  border-top-left-radius: -1px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18.62px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #fff;
  border-top: 1px solid #fff;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}
.panel-default {
  border-color: #dbdbdb;
}
.panel-default > .panel-heading {
    color: #251d5a;
    background-color: #fff;
    border-color: #fff;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dbdbdb;
}
.panel-default > .panel-heading .badge {
  color: #fff;
  background-color: #404143;
}
.panel-default.panel-collapsible > .panel-heading:hover,
.panel-default.panel-collapsible > .panel-heading:focus,
.panel-default.panel-collapsible > .panel-heading.focus {
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dbdbdb;
}
.panel-default > .panel-body {
  color: #404143;
  background-color: #fff;
}
.panel-primary {
  border-color: #fff;
}
.panel-primary > .panel-heading {
  color: #404143;
  background-color: #fff;
  border-color: #fff;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fff;
}
.panel-primary > .panel-heading .badge {
  color: #fff;
  background-color: #404143;
}
.panel-primary.panel-collapsible > .panel-heading:hover,
.panel-primary.panel-collapsible > .panel-heading:focus,
.panel-primary.panel-collapsible > .panel-heading.focus {
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fff;
}
.left-sidebar {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    color: #fff;
	min-height: 100vh;
    transition-duration: 0.5s;
}
.content-wrapper{
    transition-duration: 0.5s;
	min-height: 100vh;
    margin-top: 0px;
    padding: 0px 15px;
}
ul.main-menu > li .fa {
    color: #fff;
}
ul.main-menu > li a {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    color: #333;
}
.left-sidebar.minified {
    width: 55px;
    margin-right: -55px;
    position: absolute !important; 
}
.ed-main.expanded .content-wrapper {
    padding: 0px 15px 15px 70px;
}

.main-content {
    padding: initial !important;
    padding-bottom: 30px !important;
}

.panel-default > .panel-heading .btn-link, .panel-default > .panel-heading i, 
.panel-default > .panel-heading .fa, 
.panel-default > .panel-heading .caret, 
.top-bar .logged-user .open .btn, 
.panel-group .panel .panel-title > a {
    color: #404143;
}
.esd-page-header{
	display:none;
}
/* Bar Color For Different Environments 
DEV - #BE3B39
TEST - #DB6123
TRAIN - #009C88
LIVE - #0797D9
*/

div.top-bar {
    border-bottom: 5px solid #BE3B39 !important;
    background-color: #fff;
}

#staffSummaryPanelEstimatedMinsContainer {
    display: none !important;
}
#MainMenuBar > ul{
  background-color: #F2F2F2;
  border-color: #F2F2F2;
  color: #333;
}

ul.main-menu .sub-menu {
	position: relative;
	display: none;
	padding-left: 0;
	background-color: #F2F2F2;
	border-color: #F2F2F2;
	color: #fff;
}
.footer, #esdPageFooterFAQ_Container {
    background-color: #000;
}
.sv-text-left {
  text-align: left;
}
.sv-list-unstyled {
  padding-left: 0;
  list-style: none;
}
.sv-list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.sv-list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.sv-footer-text {
    text-align: right;
    padding: 5px 10px;
    font-size: 12px;
}
.logo img{
    content: url(/site_custom/img/UOS-CREST.svg);
    display: initial !important;
}
.top-bar .logged-user .dropdown-menu{
	list-style: none !important;
}
.top-bar .notifications .notification-item .btn-group {
    height: 100%;
    border-left: 1px solid #dbdbdb;
    padding: 25px 20px 19px 20px;
}
.top-bar a mat-icon {
    color: #4a4a4a;
    font-size: 4rem;
    padding: 9px 26px;
}
.top-bar{
	position: relative !important;
}
ul.main-menu > li .text {
    font-size: 16px;
}

.sid-edge-suite-homepage mat-icon {
    color: #333
    /* font-size: 42px; */
}

.sid-edge-suite-homepage a, 
.sid-edge-suite-homepage a:hover, 
.sid-edge-suite-homepage a:active, 
.sid-edge-suite-homepage a:visited{
  color: #333;
  font-size: 16px;
}
.body, .bottom .container .content-wrapper {
    background-color: #fff;
}
ul.main-menu .sub-menu li.active > a{
	background-color: #F2F2F2 !important;
}
ul.main-menu .sub-menu li.active > a:hover{
	background-color: #0797D9 !important;
}
#staffSummaryDetailEnquiryFull > .panel-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh + 8vh);
}
.footer {
    background-color: #000;
    position: initial;
    bottom: initial;
    min-height: initial;
}
#esdApplicationFAQ > section[aria-label="Categories"] .visible-md-inline,
#esdApplicationFAQ > section[aria-label="Categories"] .visible-lg-inline{
    display: initial !important;
}
.customActionButton{
min-height: 100px;
}
#esdMenuBar_Container[style]{
min-height: 82vmax !important;
}
.std-responses {
    height: 7vh;
}