:root {
  color-scheme: only light !important;
}

h1 {
  color: #000 !important;
}

body {
  font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}

#header {
  background: url(../admin_tools/images/admin-tools.png) 0 0 repeat-x;
}

#user-tools {
  float: none;
  color: #000 !important;
}

#footer {
  text-align: right;
  font-size: 0.8em;
  border-top: 1px gray solid;
}

.object-tools a:link {
  height: auto;
}

.dashboard-module h2 {
  height: 30px !important;
}

.dashboard-module h3 {
  height: 25px !important;
}

.dashboard-title {
  color: #000 !important;
}

#branding {
  height: 40px;
}

.padded {
  margin: 20px 0;
  padding: 10px 0;
}

.calendar-week {
  padding: 10px 0 20px 0;
}

table {
  border-spacing: 1px;
  border-collapse: separate;
}

table.allocate-options td,
table.allocate-options th {
  border: none;
}

table.stats {
  display: inline-block;
  margin: 0 20px;
}

table.stats td,
table.stats th {
  font-size: 110%;
  line-height: 110%;
  padding: 10px;
}

table.stats th {
  font-size: 125%;
  font-weight: bold;
}

h2,
h3 {
  margin: 15px 0 10px 0;
}

.evaluation-form {
  padding: 0 1px;
}

.evaluation-form table {
  border: 1px solid #ccc;
  width: 100%
}

table.index-allocations .index-desc {
  width: 30%;
}

table.index-allocations .index-details {
  width: 25%;
}

table.index-allocations .index-allocated {
  width: 30%;
}

table.index-allocations .index-time {
  width: 15%;
}

table.allocations {
  width: 100%;
}

table.allocations td,
table.allocations th {
  padding: 5px;
  vertical-align: top;
}

div.allocations {
  border: 1px solid #ccc;
}

.popover-content table {
  border: 1px solid #ccc;
}

div.popover-content table th {
  max-width: 100px;
}

table.select-ambassadors {
  border: 1px solid #ccc;
  width: 80%;
}

table.select-ambassadors td,
table.select-ambassadors th {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 18%;
}

table.select-ambassadors ul {
  padding-left: 10px;
}

table.select-ambassadors ul li {
  list-style: none;
  position: relative;
  margin: 5px 0;
}

.add-popover {
  cursor: pointer;
  cursor: hand;
  margin-bottom: 0;
}

input {
  font-size: 12px;
  line-height: 1.414;
  padding: 3px 6px;
}

form .aligned p.help {
  padding-left: 28px !important;
}

div.form-row {
  border: 0;
  clear: both;
  overflow: visible;
}

.form-row>.field-start,
.form-row>.field-end,
.form-row>.field-departure,
.form-row>.field-start_time,
.form-row>.field-end_time {
  width: 30%;
}

.form-row>.field-started,
.form-row>.field-finishing,
.form-row>.field-contract_end,
.form-row>.field-ohs_read {
  width: 40%;
}

.form-control {
  font-size: 12px;
}

.toggled {
  display: none;
}

.popover-content table {
  width: 100%;
}

span.readonlytext-limited {
  display: block;
  max-width: 500px; /* Adjust as needed */
  max-height: 200px; /* Adjust as needed */
  overflow-y: auto;
  padding: 5px;
}

div.allocated {
  margin: 0 0 4px 0;
}

span.allocated-block {
  display: block;
  margin: 2px 0;
}

span.no-response {
  color: goldenrod;
}

span.unavailable {
  color: lightgrey;
}

span.acknowledged {
  color: green;
}

span.cancelled {
  color: purple;
  font-style: italic;
}

span.unacknowledged {
  color: #F87431;
}

span.unnotified {
  color: blue;
}

span.not-published {
  color: grey;
}

span.no-response-badge {
  background-color: goldenrod !important;
  color: white !important;
}

span.unavailable-badge {
  background-color: lightgrey !important;
  color: black !important;
}

span.acknowledged-badge {
  background-color: green !important;
  color:white !important;
}

span.cancelled-badge {
  background-color: purple !important;
  color: white !important;
  font-style: italic;
}

span.own-school {
  font-weight: bold;
  font-style: italic;
}

div.center {
  text-align: center;
  width: 100%;
}

table.legend {
  margin: 0 auto;
  margin-top: 1em;
  border: 1px #ccc solid;
}

table.legend td span {
  display: block;
  font-size: 1em;
  padding: 5px;
}

table.legend td {
  padding: 0;
}

table.legend td table td {
  padding: 5px;
}

table.legend th {
  font-weight: bold;
}

div.index {
  padding: 10px 15px;
  padding-left: 0px !important;
}

div.index a {
  font-size: 12px;
}

div.index h2 {
  margin: 20px 0 0 0;
}

table.index {
  margin-top: 30px;
  width: 90%;
}

table.duplicate {
  margin-top: 30px;
}

table.index td,
table.duplicate td {
  padding: 10px;
}

div.index ul li {
  font-size: 12px;
  margin: 5px 0;
}

div.index h3 {
  margin-top: 20px;
}

table.selector {
  border: 1px solid #ccc;
  margin: 10px 0;
  width: 100%;
}

table.selector ul li {
  padding: 0;
}

table.selector ul li label {
  margin-bottom: 2px;
}

th.actions {
  vertical-align: middle;
}

th.actions a {
  border: 2px solid #5b80b2;
  background: #7CA0C7 url(../admin/img/default-bg.gif) bottom repeat-x;
  font-weight: bold;
  color: white;
  padding: 2px;
  display: block;
  margin: 0 0 3px 0;
}

.editprofile-form label {
  display: block;
  font-weight: bold;
  float: left;
  padding: 3px 10px 0 0;
  width: 8em;
}

.editprofile-form input[type="text"],
.editprofile-form input[type="email"] {
  width: 25em;
}

#editprofile {
  width: 100%;
}

#calendarlinks {
  text-align: center;
  margin: 0 0 0 0;
}

span.note {
  font-weight: bold;
  color: red;
}

div.timesheet-warning {
  /* margin: 20px 40px 20px 40px;
  padding: 20px; */
}

.editprofile-form .helptext,
.evaluation-form .helptext {
  color: #999;
  display: block;
  font-size: 10px !important;
  margin: 2px 0 0 0;
  padding: 2px 3px;
  vertical-align: middle;
  font-weight: normal;
}

fieldset.stockbooking,
fieldset.evaluation {
  margin-top: 2em;
}

fieldset.evaluation th {
  line-height: 1.5;
  width: 30%;
}

fieldset.stockbooking select {
  color: black;
}

tr.stat-spacer {
  height: 20px;
}

tr.spacer {
  font-weight: bold;
  text-align: center;
}

tr.spacer td {
  background: #000;
  color: #ddd;
  font-size: 110%;
  padding: 6px;
}

tr.acknowledged {
  background: #8DF0A6;
}

tr.unnotified {
  background: #ABD5FF;
}

tr.unacknowledged {
  background: #FFE7BD;
}

tr.unacknowledged-three-days {
  background: #FFB536;
}

tr.none-allocated {
  background: #CCC;
}

tr.unpublished {
  background: #EEE;
}

tr.sru-cancelled {
  background: yellow;
}

tr.ambassador-cancelled {
  background: #DA05ED;
}

tr.unacknowledged-one-day {
  background: #FF9999;
}

th.cal-type {
  width: 12%;
}

th.cal-desc {
  width: 23%;
}

th.cal-time {
  width: 6%;
}

th.cal-cost {
  width: 5%;
}

th.cal-ready,
th.cal-complete {
  width: 2.5%;
}

th.cal-attach {
  width: 10%;
}

th.cal-req,
th.cal-alloc,
th.cal-available {
  width: 2.5%;
}

th.cal-ambassadors {
  width: 11%;
}

th.cal-actions {
  width: 9%;
}

th.careers-market {
  border: 2px solid red;
}

th.school-visit {
  border: 2px solid blue;
}

th.low-ses {
  border: 2px solid orange;
}

th.campus-tour {
  border: 2px solid green;
}

th.external,
th.compass {
  border: 2px solid #DA05ED;
}

th.office-work,
th.helpline,
th.info-day,
th.open-day,
th.go-expo,
th.training {
  border: 2px solid black;
}

a.new-shifts,
a.new-allocations {
  color: red;
}

input[type="submit"].submit-row-left {
  float: left;
}

img.admin-help {
  max-width: 1000px;
}

img.admin-help-small {
  max-width: 600px;
}

.help-page #content {
  line-height: 1.8;
  max-width: 1000px;
}

.help-page h2,
.help-page h3 {
  margin: 1em 0;
}

.help-page img {
  margin: 1em 0;
}

.help-page p {
  line-height: 1.8;
}

.help-page li {
  font-size: 12px;
  line-height: 1.6;
}

div.shift-allocated-list {
  margin: 1em 1.5em;
}

div.stat-list {
  margin: 1em 1.5em;
  text-align: right;
}

div.field-unpaid p.help,
div.field-flexible_length p.help,
div.field-flexible p.help,
div.field-send_confirmation p.help,
div.field-send_reminder p.help,
div.field-send_review p.help,
div.field-skip_evaluation p.help,
div.field-cancelled p.help,
div.field-shift_ready p.help,
div.field-details_sent p.help,
div.field-complete p.help,
div.field-mail_updates p.help,
div.field-low_ses p.help,
div.field-published p.help,
div.field-do_not_publish p.help {
  margin-left: 0;
  padding-left: 0 !important;
}

.inline-group .tabular td.original p {
  padding-bottom: 20px !important;
}

.availability-description,
.allocation-description {
  width: 24%;
}

.availability-time,
.allocation-time {
  width: 12%;
}

.availability-availability_notes,
.allocation-details {
  width: 20%;
}

.availability-available {
  width: 12%;
}

.availability-available ul {
  -webkit-padding-start: 25px;
}

.availability-comment,
.allocation-comment {
  width: 18%;
}

.availability-allocated,
.allocation-allocated {
  width: 14%;
}

table.print-allocations thead th {
  padding: 2px;
  vertical-align: top;
}

th.print-type {
  width: 20%;
}

th.print-desc {
  width: 35%;
}

th.print-time {
  width: 10%;
}

th.print-car {
  width: 10%;
}

th.print-allocated {
  width: 15%;
}

body.change-form #review_form .aligned label,
body.change-form #campustourevaluation_form .aligned label,
body.change-form #schoolvisitevaluation_form .aligned label,
body.change-form #careersmarketevaluation_form .aligned label {
  width: 20em;
}

body.change-form #review_form .aligned p,
body.change-form #campustourevaluation_form .aligned p,
body.change-form #schoolvisitevaluation_form .aligned p,
body.change-form #careersmarketevaluation_form .aligned p {
  margin-left: 19em;
  padding-left: 40px;
}

select.chosen-select {
  text-align: left;
  width: 250px;
}

div.chosen-container {
  text-align: left;
  padding: 0px !important;
}

form.calendar-nav div {
  padding: 5px;
}

input.keywords {
  padding: 7px 5px;
  width: 250px;
}

.related-widget-wrapper {
  overflow: visible !important;
}

.submit-row a.deletelink {
  height: auto !important;
}

body {
  margin: 0;
  font-family: Helvetica, sans-serif;
  background-color: #f4f4f4;
}

a {
  color: #000;
}

/* header */

.header {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
  position: fixed;
  width: 100%;
  z-index: 3;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
  background-color: #fff;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
  color: #212529 !important;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #f4f4f4;
}

.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
  overflow: auto;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;


  /* padding: 28px; */
  position: relative;
  user-select: none;
  padding-top: 45px;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked~.menu {
  max-height: 840px;
}

.header .menu-btn:checked~.menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked~.menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked~.menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
  .header li {
    float: left;
  }

  .header li a {
    padding: 20px 30px;
  }

  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }

  .header .menu-icon {
    display: none;
  }


}


.card{
  
  min-height: 550px !important;
  max-height: 550px !important;
  
  margin-top: 0px !important;
  border: 0px !important;
}

.shift_card_title_1{
  font-size: 14px !important;
  color: #9AA4AD;
}

.shift_card_title_2{
  font-size: 24px !important;
  color:#212529;
}

#content{
  padding: 20px 20px !important;
}

figure {
  margin: 30px 2px;
  width: 90px;
  height: 90px;
  background-color: #ffffff;
  border-radius: 10px;
  position: relative;
  border:1px solid #DBDBDD;
  margin-right: 15px !important;
  padding-top: 5px;
}

figure header {
  /* width: 128px;
  height: 27px; */
  
  text-transform: uppercase;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #DBDBDD;
  font: 700 16px Arial, Helvetica, Geneva, sans-serif;
  letter-spacing: 0.5px;
  color: #e64626;
  text-align: center;
}
figure section {
  /* width: 80px;
  height: 80px;   */
  color: #e64626;
  text-align: center;
  z-index: 10;
  font-size: 32px;
  margin-top: 6px;
  font-weight: 400;
  
}

.accordion-button{
  font-size: inherit;
  color:black !important;
  background: #FAFAFA !important;
}

.card_time{
  font-family: Arial, Helvetica, Geneva, sans-serif !important;
  font-size: 16px;
  color:#6B6E72;
}


#changelist .actions .button {
  margin-right: 15px !important;
}

@media (max-width: 500px) {

  #changelist .actions label {
    width: 100% !important;
  }

  #changelist .actions span.action-counter{
 
    margin-left: 25px !important;
}
  .history-fig{
    margin-bottom: -1rem !important;
  }


  #changelist .actions .button {
    margin-left: 10px !important;
    margin-top: 5px;

  }

.recoverlink{
  margin-top: 15px;
}

.addlink{
  margin-top: 15px;
}


.submit-row input {
  margin: 0 0 3px 0 !important;
}

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

  .card_time{
    font-family: Arial, Helvetica, Geneva, sans-serif !important;
    font-size: 10px;
    color:#6B6E72;
  }

  .card_time_icon{
    
    font-size: 14px !important;
    
  }
  .m-fs-14{
    font-size: 14px  !important;
  }

  .m-fs-12{
    font-size: 12px  !important;
  }


.accordion-button{
  padding-top: 0% !important;
}

#content{
  padding: 20px 8px !important;
}

  figure {
    margin: 30px 2px;
    width: 115px;
    height: 62px;  
    margin-right: 15px !important;
    padding-top: 5px;
    margin-top: -60px !important;
  }

  figure section {  
    color: #e64626;
    text-align: center;
    z-index: 10;
    font-size: 20px;
    margin-top: 6px;
    font-weight: 400;
    
  }

  .shift_card_title_1{
    font-size: 10px !important;
  }
  
  .shift_card_title_2{
    font-size: 15px !important;
    color:black;
  }


#filters-id{
  display:none;
}

  .card{
    
    min-height: 550px !important;
    max-height: fit-content !important;
    
  }
  #changelist-filter {
    display: none;
  }

  .object-tools {
    margin-top: -90px;
  }

  .object-tools a:link {
    font-size: 1.75vw;
  }

  #changelist .actions select {
    width: 98%;
    margin-bottom: 3px !important;
  }

  form .aligned p.help,
  form .aligned div.help {
    clear: left;
    margin-top: 0;
    margin-left: 0px !important;
    padding-left: 0px !important;
  }

  textarea {
    width: 100% !important;
  }

  select {
    width: 100% !important;
  }

  input {
    width: 100% !important;
    margin-bottom: 2px !important;
  }

  input[type=checkbox] {
    width: auto !important;
    
  }

  input[type=radio] {
    width: auto !important;
    
  }

  .aligned label {

    width: auto !important;

  }

  .submit-row a.deletelink {
    width: 100% !important;
    margin-bottom: 2px !important;
  }

  .aligned label+p,
  .aligned label+div.help,
  .aligned label+div.readonly {

    margin-left: 0px !important;
  }

  .related-widget-wrapper {
    width: 100% !important;
  }

  #user-tools {
    white-space: pre-line;
    text-align: left;

  }

  .header li a {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #605c5c3d;
    text-decoration: none;
    color: #212529 !important;
  }
  #user-tools {
    line-height: 10px !important ;
  }
  .header .menu-btn:checked~.menu {
    max-height: 500px;
}

}

.img_logo {
  width: 40%;
}

#container {
  height: 15% !important;
}



/* .mytable{
	width:100%;
	margin:0 auto;
	max-width:960px;
	border-collapse:collapse;
}
.mytable td{
	border:1px solid #000;
	padding:10px;
	vertical-align:top;
}
p{margin:0 0 1em} */

@media screen and (max-width:601px) {

  .shift_card_title_1{
    font-size: 10px !important;
  }
  
  .shift_card_title_2{
    font-size: 15px !important;
    color:black;
  }


#filters-id{
  display:none;
}

  .card{
    
    min-height: 550px !important;
    max-height: fit-content !important;
    
  }

  table.mobile-optimised {
    word-wrap: break-word;
  }

  table.mobile-optimised thead {
    position: absolute;
    left: -999em;
    top: -999em;
  }

  table.mobile-optimised td {
    display: block;
    float: left;
    /* ie9 and under hack */
    width: 100%;
    clear: both;
    /* background: #f5f5f5; */
    padding: 10px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  table.mobile-optimised tbody,
  table.mobile-optimised tr {
    display: block
  }

  .mobile-optimised td:before {
    content: attr(data-th);
    display: block;
    font-weight: bold;
    margin: 0 0 2px;
    color: #000;
  }

  .mobile-optimised tbody tr {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }

  .unpublished td:nth-of-type(0):before {
    content: "Desc";
  }

  .unpublished td:nth-of-type(1):before {
    content: "Time";
  }

  .unpublished td:nth-of-type(2):before {
    content: "EST. COST";
  }

  .unpublished td:nth-of-type(3):before {
    content: "COMP";
  }

  .unpublished td:nth-of-type(4):before {
    content: "READY";
  }

  .unpublished td:nth-of-type(5):before {
    content: "ATTACHMENT";
  }

  .unpublished td:nth-of-type(6):before {
    content: "REQ";
  }

  .unpublished td:nth-of-type(7):before {
    content: "ALLOC";
  }

  .unpublished td:nth-of-type(8):before {
    content: "AVAIL";
  }

  .unpublished td:nth-of-type(9):before {
    content: "Ambassadors";
  }

  .unpublished td:nth-of-type(10):before {
    content: "ACTION";
  }



  #container {
    min-width: auto;
  }

  /* .mob-responsive-sel{
    width: 250px !important;
  } */

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


}


.lakhan {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.cf {
  color: white !important;
  margin-top: 5px;
}


[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.fw-medium {
    font-weight: 500;
}
.fw-medium {
    font-weight: 500;
}


.allocations{
  overflow-x: scroll;
}

.errornote {
  font-size: 12px !important;
  font-weight: bold !important;
  display: block;
  padding: 5px 5px 4px 25px;
  margin: 0 0 3px 0;
  border: 1px solid #c22;
  color: #c11 !important;
  background: #ffefef url(../img/icon_error.gif) 5px .38em no-repeat;
}

.errornote, ul.errorlist {
  border-radius: 1px;
}







.card_icon{
  font-size: 20px;
}


.sub_title{
  font-size: 24px;
  font-weight: bolder;
  color:#212529;
  clear:both;

}

.card_time_inner{
  font-size: 16px;
  color: #5D646B;
}
.comment{
  width: 100%;
}


.button {
  float: left;
  margin: 0 5px 0 0;
  width: 100px;
  height: 40px;
  position: relative;
}

.button label,
.button input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.button input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.button input[type="radio"]:checked + label {
  background: #20b8be;
  border-radius: 4px;
}

.button label {
  cursor: pointer;
  z-index: 90;
  line-height: 1.8em;
}

.username{
  color:#1a1e21 !important;
}

.username :visited{
  color: #1a1e21 !important;
}

ul,li {
  list-style-type: none !important;
}

h5 {
  color:#737373 !important;
}

.card-btn, input[type=submit]{
  background: #E64626 !important;
  font-size: 14px !important;
  color: white !important;
  padding: 10px 15px !important;
  
}

.card-radio-btns{
  padding-left: 0px !important;
}

ul.card-radio-btns > li:nth-of-type(1){
  display: none;
}

.header-title{
  margin-right: auto !important;
}

.zindex-999{
  z-index: 99 !important;
}

.no-response {
  background-color: #D8DBDD !important;
  color: black !important;
}

@media (prefers-color-scheme: dark){
:root {
  --primary: #79aec8;
  --secondary: #417690;
  --accent: #f5dd5d;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;

  --header-color: #ffc;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #c4dce8;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: var(--primary);

  --link-fg: #447e9b;
  --link-hover-color: #036;
  --link-selected-fg: #5b80b2;

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: var(--primary);
  --button-hover-bg: #609ab6;
  --default-button-bg: var(--secondary);
  --default-button-hover-bg: #205067;
  --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
  --close-button-hover-bg: #747474;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);

}
}

.accordion-item{
  background: #FAFAFA !important;
}

.ml-35{
  margin-left: 33px !important;
}

.card-body{
  background-color: #fafafa !important;
}

.sub-card-allocat{
  overflow-y: scroll;
  max-height: 250px !important;
}

.accordion-button:focus{
  border: none !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after{
  
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    

}
h1{
  margin-top: 20px !important;

}

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

.ambs-self{
  font-weight: bold;
  color: #E64626;
}

#toolbar #searchbar {
  height: 42px !important;
}



select{
  height: 37px !important;
}

.mt-18{
  margin-top: 18px;
}

#btn-new-window{
  background-color: #E64626 !important;
  color: white !important;
  padding: 10px 15px !important;
  font-size: 14px !important;
}

.submit-row input.default:focus {
  outline: none !important;
}

#changelist-filter h3 {
  
  font-size: 1rem !important;
  
}

.dashboard-module h2 {
  
  height: auto !important;
  
}

#dashboard-panel h3 a {
  
  margin-top: 18px;
}

.notes-timesheet{
  font-size: 13px !important;
  line-height: 20px !important;
}