@font-face {
  font-family: 'Creighton Pro';
  src: url("https://webassets.alcom.ax/styles/fonts/creightonprobook.eot");
  src: url("https://webassets.alcom.ax/styles/fonts/creightonprobook.eot?#iefix") format("embedded-opentype"), url("https://webassets.alcom.ax/styles/fonts/creightonprobook.ttf") format("truetype"), url("https://webassets.alcom.ax/styles/fonts/creightonprobook.woff") format("woff"), url("https://webassets.alcom.ax/styles/fonts/creightonprobook.svg#CreightonPro-Book") format("svg");
  font-weight: 400;
}

@font-face {
  font-family: 'Creighton Pro';
  src: url("https://webassets.alcom.ax/styles/fonts/creightonpromedium.eot");
  src: url("https://webassets.alcom.ax/styles/fonts/creightonpromedium.eot?#iefix") format("embedded-opentype"), url("https://webassets.alcom.ax/styles/fonts/creightonpromedium.ttf") format("truetype"), url("https://webassets.alcom.ax/styles/fonts/creightonpromedium.woff") format("woff"), url("https://webassets.alcom.ax/styles/fonts/creightonpromedium.svg#CreightonPro-Medium") format("svg");
  font-weight: 700;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('https://webassets.alcom.ax/styles/fonts/glyphicons-halflings-regular.eot');
	src: url('https://webassets.alcom.ax/styles/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://webassets.alcom.ax/styles/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://webassets.alcom.ax/styles/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://webassets.alcom.ax/styles/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://webassets.alcom.ax/styles/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.badge-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-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: 80%;
  max-width: 500px;
  border-left: 1px solid #e7e7e7;
  padding-top: 10px;
  padding-left: 10px;
}

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

.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;
}
.form-group {
    margin-bottom: 1rem;
}