@media (min-width: 1200px) {
    .container {
        max-width: 1370px;
        width: 100%;
    }
}

:root {
    --bs-btn-disabled-bg: var(--bs-gray-500);
}

.label-exclusive {
	background-color: #d8b57e;
}

td.details-control {
    background: url('/assets/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/assets/images/details_close.png') no-repeat center center;
}

/*
** Modals
*/
.modal-dialog {
  /*max-width: 100%;*/
}

.modal-header button.close {
    /* Make close button more visible */
    opacity: 0.4;
}

.modal-header button.close:focus, .modal-header button.close:hover {
    /* Make close button more visible */
    opacity: 0.75;
}
.modal-header {
    /* Hide border/padding below header */
    padding-bottom: 0px;
    border-bottom: 0px;
}

.modal-footer {
    /* Hide border/padding above footer */
    padding-top: 0px;
    border-top: 0px;
}

.modal-description {
  font-size: 0.75em;
  max-width: 500px;
  border-left: 1px solid #e7e7e7;
  padding-top: 10px;
}

.tiny-modal    { width: 150px; }
.small-modal   { width: 300px; }
.medium-modal  { width: 450px; }
.large-modal   { width: 600px; }
.xlarge-modal  { width: 750px; }
.xxlarge-modal { width: 900px; }

.modal-150px { width: 150px; }
.modal-300px { width: 300px; }
.modal-450px { width: 450px; }
.modal-600px { width: 600px; }
.modal-750px { width: 750px; }
.modal-900px { width: 900px; }
.modal-950px { width: 950px; }
.modal-1100px { width: 1100px; }

.icon-refresh-animate {
    animation-name: rotateThis;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@keyframes rotateThis {
    from {
        transform: scale( 1 ) rotate( 0deg );
    }
    to  {
        transform: scale( 1 ) rotate( 360deg );
    }
}

@-webkit-keyframes rotateThis {
    from {
        transform: scale( 1 ) rotate( 0deg );
    }
    to {
        transform: scale( 1 ) rotate( 360deg );
    }
}

/* Make service name fit on small screens without wrapping */
@media screen and (max-width: 350px) {
  #serviceName.panel-title {
    font-size: 26px;
    white-space: nowrap;
  }
}

/* List of task buttons on a service page */
.service-tasks {
  padding: 10px 15px;
}

.service-task {
  padding: 10px 0;
}

.service-task .btn {
  display: block;
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
}

@media screen and (min-width: 540px) {
  .service-task {
    float: left;
    width: 50%;
    padding: 10px;
  }
}

@media screen and (min-width: 720px) {
  .service-task {
    width: 33.33333333%;
  }

  .service-tasks-wide .service-task {
    width: 50%;
  }
}


/* Date picker custom styles */
/* Everything is !important to override crazy selectors in datepicker library */
.datepicker td.active {
  background: #7e7e7e!important;
  text-shadow: none!important;
}

.datepicker td.today {
  background: #e7e7e7!important;
  color: #7e7e7e!important;
  text-shadow: none!important;
}

.datepicker td.today:before {
  display: none!important;
}

.timepicker .btn span:hover {
  background: none!important;
}

.pagetitle {
    margin-top: 0px;
}

.control-label.has-change { color: #a94442; }
.form-control.has-change { border-color: #a94442; }

.text-nowrap-shrink {
    width: 0.1%;
    white-space: nowrap;
}

.text-shrink {
    width: 0.1%;
}
input:-webkit-autofill,
input:-webkit-autofill::first-line{
    font-size: 16px;
}

dd, dt {
    line-height: 1.8em;
}

.dl-horizontal dt {
    text-align: left;
}

#corporateSearch {
    width: 255px;
}

:root {
    --bs-dropdown-link-hover-color: inherit;
    --bs-dropdown-link-hover-bg: inherit;
}