
.uk-notification-message-primary, .uk-alert-primary {
	color: #fff;
	background-color: #1e87f0;
}

.uk-notification-message-success, .uk-alert-success {
	color: #fff;
	background-color: #32d296;
}

.uk-notification-message-warning, .uk-alert-warning {
	color: black;
	background-color: #faa05a;
}

.uk-notification-message-danger, .uk-alert-danger {
	color: #fff;
	background-color: #f0506e;
}

.uk-card-default .uk-card-header{
	border-bottom: transparent;
}

.uk-button-secondary{
	background-color: #06213a;
}

.hv-main-nav{
	border-bottom: 1px solid #e5e5e5;
}

.hv-offcanvas-bar{
	background-color: #06213a;
}

.hv-hero-bg{
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 50vh;
}

@media screen and (max-width: 600px) {
	.hv-hero-bg{
		background-image: none!important;
		min-height: unset;
	}

	.fc-toolbar{
		display: flow-root!important;
		text-align: center;
	}

	.fc-right{
		margin-top: 1em;
	}

	.hv-modal-btn-row > button{
		width: 100%;
	}

	.hv-legend-margin{
		margin-top: 2em!important;
	}
}

.hv-bg-default{
	background-color: #1170c7;
}

.hv-bg-secondary, .hv-card-footer-bg-default{
	background-color: #06213a;
}

.hv-border-ident{
  border-top: 6px solid;
}

.hv-border-ident-crew{
  border-color: #ff5252;
}

.hv-border-ident-regular{
  border-color: #0f70c7;
}

.hv-border-ident-operation{
  border-color: #33d9b2;
}

.hv-border-ident-management{
  border-color: #34ace0;
}

.hv-border-ident-roster{
	border-color: #e99244;
}

.hv-border-ident-default{
  border-color: #06213a;
}

.hv-padding-small-default{
	padding-bottom: .5em!important;
	padding-top: .5em!important;
}

.hv-edit-anchor{
	font-weight: bold;
	color: white!important;
	background-color: #06213a!important;
}

.hv-heading-primary{
	color: #06213a;
}

.hv-heading-secondary{
	color: #1170c7;
}

.hv-hero-section{
	background-size: cover;
	background-position: center top;
	min-height: 50vh;
}

#wrap_Inputfield_scf-website{
    display: none!important;
}

.field--error--message, .form--error--message{
	background: red;
  padding: .3em;
  color: white;
}

.form--success--message{
	background-color: lightgreen;
  padding: 1em;
  color: black;
  font-weight: bold;
}


/*** Style for emc numbers table **/
.hv-emc-rescue-head{
	color: white!important;
	background-color: darkred;
	border-top: 2px solid #06213a;
	border-bottom: 2px solid #06213a;
}

.hv-emc-doc-head{
	color: white!important;
	background-color: burlywood;
	border-top: 2px solid #06213a;
	border-bottom: 2px solid #06213a;
}

.hv-emc-police-head{
	color: white!important;
	background-color: seagreen;
	border-top: 2px solid #06213a;
	border-bottom: 2px solid #06213a;
}

.hv-emc-table-data{
	border-bottom: 2px solid #06213a;
	border-top: 2px solid #06213a;
}

.hv-san-input-form{
	padding: 1em;
}

/* DATATABLE */
.dataTable-dropdown{
	/*float: initial!important;*/
}

/* Calendar Styles */

/*

.fc-button{
	border-radius: unset!important;
	background-image: none!important;
	background-color: #1e87f0!important;
	box-shadow: none!important;
	color: white!important;
	text-shadow: none!important;
	font-family: inherit!important;
}

.fc-button:hover{
	background-color: rgba(30, 135, 240,.9)!important;
}

*/

.fc-view-container{
	background-color: #fcfafa;
	background-color: #fdfdfd;
}

.fc-event{
	text-align: center;
	border: none!important;
  border-radius: 0!important;
  padding: .1em!important;
}


.fc-icon{
	color: white;
	text-shadow: none;
}

.fc-unthemed td.fc-today {
	background: rgba(230, 126, 34, .6)!important;
	font-weight: bold!important;
	color: white!important;
}

.fc-day.fc-thu, .fc-day.fc-fri, .fc-day.fc-sat, .fc-past{
    background-color: #efefef;
}


a.hv-event-rejected::after{
	content: '\1F6AB';
}

td.hv-event-rejected > a::after{
	content: '\1F6AB';
	margin-left: 5px;
}

a.hv-event-hold::after{
	content: '\2754';
}

td.hv-event-hold > a::after{
	content: '\2754';
	margin-left: 5px;
}

div.hv-event-with-note::after{
	content: '\26A1';
}

td.hv-event-with-note::after{
	content: '\26A1';
	margin-left: 5px;
}

div.hv-event-locked::before{
	content: '\1F512';
}

td.hv-event-locked::before{
	content: '\1F512';
}

.hv-bg-muted{
	background-color: #f4faff;
}


.hv-icon-round-success, .hv-icon-round-success:hover{
    background-color: lightgreen;
    color: black;
}

.hv-icon-round-error, .hv-icon-round-error:hover{
    background-color: #f0506e;
    color: black;
}



/* LOADER */

.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0f70c7;
	z-index: 9999;
	overflow: hidden;
}
.loader::before,
.loader::after {
  content: '';
  position: absolute;
  border: 3px solid #fff;
  border-radius: 4em;
}
.loader::before {
  width: 30px;
  height: 30px;
  border-bottom-color: transparent;
  -webkit-animation: animate-inner 1.4s linear infinite;
          animation: animate-inner 1.4s linear infinite;
}
.loader::after {
  width: 60px;
  height: 60px;
  border-top-color: transparent;
  -webkit-animation: animate-outer 1.8s linear infinite;
          animation: animate-outer 1.8s linear infinite;
}
@-webkit-keyframes animate-inner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes animate-inner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes animate-outer {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes animate-outer {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

.loader span{
	color: white;
	margin-top: 120px;
}



.roster-response-msg-center {
	position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
	color: black;
}



.roster-response-msg {
	position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}


.roster-response-success{
	background-color: lightgreen;
}

.roster-response-warning{
	background-color: lightcoral;
}

.response-placeholder{
    background-color: transparent;
}

.hv-select-disabled{
    background-color: grey;
}

.hv-margin-bottom-xsmall{
	margin-bottom: 5px!important;
}

.hv-text-white{
	color: white!important;
}


/* Header dropdown */
.uk-dropdown.drop-nav {
border-radius: 4px;
box-shadow: 0 2px 24px rgba(0,0,0,.1);
width: 300px;
}
.uk-dropdown.drop-comments {
width: 370px;
}
.drop-nav::after {
bottom: 100%;
right: 4%;
border: solid transparent;
content: '';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 6px;
margin-left: -6px;
}
.uk-dropdown.uk-dropdown-right-center::after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 6px;
margin-top: -6px;
}
.uk-dropdown.uk-dropdown-left-center::after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 6px;
margin-top: -6px;
}
