::-moz-selection { 
	background-color: #7974bd; 
	color: #fff;
}

::selection {
	background-color: #7974bd;
	color: #fff;
}

html {
	background: #fff;
	font: normal 14px / 20px 'Inter', sans-serif;
	color: #333;
}

main {
	padding: 25px;
}

a:hover {
	text-decoration: none;
}

a.hyper {
	display: inline-block!important;
	position: relative;
	color: #333;
}

a.hyper:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #333;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

a.hyper:hover {
	color: #333!important;
	text-decoration: none;
}

a.hyper:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.preview {
	max-width: 100px;
	max-height: 100px;
	overflow: hidden;
	border-radius: 50%;
}

.push {
	height: 50px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
}

*+address, *+blockquote, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {
	margin-top: 10px;
}

.full-height {
	height: 100%;
}

.content-container {
	max-width: 1400px;
}

.no-border {
	border: none!important;
}

.no-border-left {
	border-left: none!important;
}

.no-border-right {
	border-right: none!important;
}

.no-border-top {
	border-top: none!important;
}

.no-border-bottom {
	border-bottom: none!important;
}

.large-margin-bottom {
	margin-bottom: 40px;
}

.small-margin-top {
	margin-top: 10px;
}

.small-margin-bottom {
	margin-bottom: 10px;
}

.small-margin-left {
	margin-left: 10px;
}

.small-margin-right {
	margin-right: 10px;
}

.margin-top {
    margin-top: 20px;
}

.small-padding-top {
	padding-top: 10px;
}

.small-padding-bottom {
	padding-bottom: 10px;
}

.small-padding-left {
	padding-left: 10px;
}

.small-padding-right {
	padding-right: 10px;
}

.added-padding {
	padding: 20px;
}

.normal-font-weight {
	font-weight: 400!important;
}

.block-centered {
	display: block;
	margin: 0 auto;
}

.added-padding-top {
	padding-top: 20px;
}

.added-padding-bottom {
	padding-bottom: 20px;
}

.added-padding-left {
	padding-left: 20px;
}

.grey-border {
	border: 1px solid #ccc;
	border-radius: 10px;
}

.truncate {
	text-overflow: ellipsis;
	width: 100%; 
	height: auto;
}

.app-menu[data-uk-sticky].uk-active {
	z-index: 999;
}

.eg-navbar {
	background: #fff;
}

.eg-navbar .uk-navbar-brand {
	color: #fff;
	display: block;
	margin: 12px auto;
}

.eg-navbar.uk-navbar {
	height: 54px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	position: relative;
	z-index: 999;
}

.eg-hover {
	padding: 5px;
	border-bottom: 1px solid #ececec;
}

.eg-hover:hover {
	background-color: rgba(0, 168, 230, 0.15);
}

.eg-hover:before {
	content: "";
	display: table-cell;
}

.eg-hover:after {
	content: "";
	display: table;
	clear: both;
}

footer {
	border-top: 1px solid #e8e8e8;
	background: #fff;
	padding: 30px 10px;
	text-align: center;
	color: #333;
	margin-top: 25px;
}

footer .copyright {
	font-size: 0.95em;
	margin-bottom: 10px;
}

footer .uk-subnav > li {
	margin-top: 5px;
}

footer .uk-subnav > li > a {
	font-size: 0.95em;
	text-transform: none;
	letter-spacing: normal;
	color: #666;
}

footer .uk-subnav > li > a:hover {
	color: #333;
}

footer .logo-promo img {
	width: 150px;
	max-height: 75px;
}

/*=================================================================
					Recurring syles
=================================================================*/

.zero-text {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1.2px;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

.one-text {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 12px;
	font-style: normal;
	line-height: 20px!important;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

.one-text-lc {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 12px;
	font-style: normal;
	line-height: 14.4px;
	letter-spacing: 2.4px;
	text-transform: lowercase;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

.two-text {
	font-family: 'Inter';
	font-weight: 400;
	font-size: 12px;
	line-height: 14.4px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

.two-text-nc {
	font-family: 'Inter';
	font-weight: 400;
	font-size: 12px;
	line-height: 14.4px;
	letter-spacing: 2.4px;
	color: #333!important;
	-webkit-font-smoothing: antialiased;
}

.three-text {
	font-family: 'Inter'!important;
	font-weight: 700!important;
	font-size: 12px!important;
	line-height: 20px!important;
	letter-spacing: 1.2px!important;
	color: #333;
	-webkit-font-smoothing: antialiased;
	height: auto;
}

.four-text {
	font-family: 'Inter'!important;
	font-weight: 400!important;
	font-size: 12px!important;
	line-height: 20px!important;
	letter-spacing: 1.2px!important;
	color: #333!important;
	-webkit-font-smoothing: antialiased!important;
}

.booking-text {
	font-family: 'Inter';
	font-weight: 400;
	font-size: 12px;
	line-height: 14.4px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

.link-text {
	font-weight: 700;
	color: #11709f;
	border-bottom: 1px dotted #5bbdee;
	transition: 0.1s;
	text-decoration: none;
	font-style: normal;
}

.link-text:hover {
	font-weight: 700;
	color: #5bbdee;
	border-bottom: 1px dotted #11709f;
	transition: 0.1s;
	text-decoration: none;
	cursor: pointer;
}

.link-text-alt {
	font-weight: 700;
	color: #6441a5;
	border-bottom: 1px dotted #7974bd;
	transition: 0.1s;
	text-decoration: none;
}

.link-text-alt:hover {
	font-weight: 700;
	color: #7974bd;
	border-bottom: 1px dotted #6441a5;
	transition: 0.1s;
	text-decoration: none;
	cursor: pointer;
}

.main-button {
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	background-color: #28cb75;
	border: none;
	box-shadow: 0 2px #0cb863;
	color: #fff;
	padding: 12px 36px 10px 36px;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	font-family: 'Inter';
	font-weight: 700;
	font-size: 12px;
	line-height: 14.4px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

.main-button:hover {
	background-color: #0cb863;
	color: #fff;
	box-shadow: 0 2px #28cb75;
}

.alt-button {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-color: #288feb;
	border: none;
	box-shadow: 0 2px #1d82dc;
	color: white;
	padding: 12px 36px 10px 36px;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	font-family: 'Inter';
	font-weight: 700;
	font-size: 12px;
	line-height: 14.4px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

.alt-button:hover {
	background-color: #1d82dc;
	color: white;
	box-shadow: 0 2px #288feb;
}

.icon-container {
	height: 22px;
	width: 22px;
	color: #fff;
	position: relative;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
}

.indent-pink-text {
	font-style: normal;
	padding: 0px 20px;
	border-left: 2px solid #e61c83;
}

.indent-green-text {
	font-style: normal;
	padding: 0px 20px;
	border-left: 2px solid #28c675;
}

.indent-purple-text {
	font-style: normal;
	padding: 0px 20px;
	border-left: 2px solid #6441a5;
}

.indent-blue-text {
	font-style: normal;
	padding: 0px 20px;
	border-left: 2px solid #00a8e6;
}

.bms-form {

}

.bms-form input, .bms-form textarea {
	border-radius: 3px;
	font-size: 14px;
}

.bms-form input[type="text"], .bms-form input[type="email"], .bms-form input[type="textarea"], .bms-form select {
	height: 40px;
	padding-left: 9px;
	border-radius: 3px;
}

.bms-form canvas#spad {
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 14px;
	color: #000;
	width: 100%;
	height: 150px;
	margin: 10px auto;
}

.bms-form label {
	color: #6441a5;
	padding-left: 9px;
}

.essential-info-accordion {

}

.essential-info-accordion .uk-accordion-content {
	border-bottom: 1px solid #ccc;
	padding: 15px;
}

.essential-info-accordion .uk-accordion-title {
	position: relative;
	height: 42px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 0;
	transition: 0.6s;
}

.essential-info-accordion .uk-accordion-title:hover {
	background: linear-gradient(#fff 20%, #f9f4f7 125%);
}

.uk-active.uk-accordion-title {
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0);
}

.essential-dropdown {
	position: absolute!important;
	top: 10px;
	right: 10px;
	font-size: 22px;
}

.breadcrumb-tab {
	
}

.uk-breadcrumb > li:nth-child(n+2):before {
	color: #11709f;
}

.uk-breadcrumb li.uk-active a.breadcrumb-tab.link-text {
	color: #333;
	border-bottom: 0;
}

.brand-logo {
	width: 75px;
	height: 75px;
	margin: 0 auto;
}

.brand-logo.hr {
	background: url('../img/logo-hr.svg') center center no-repeat;
	background-size: cover;
}

.brand-logo.my {
	background: url('../img/logo-my.svg') center center no-repeat;
	background-size: cover;
}

.company-logo {
	max-width: 160px;
	max-height: 80px;
}

.icon-container-green {
	background-color: #28cb75;
	border: none;
	box-shadow: 0 1px #0cb863;
	padding: 3.5px 3.9px 3.5px 4.9px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
}

.icon-container-default {
	background-color: #f5f8fa;
	border: none;
	box-shadow: 0 1px #ccc;
	padding: 3.5px 3.9px 3.5px 4.9px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
}

.icon-no-background {
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 1.2px;
	color: #6441a5;
	-webkit-font-smoothing: antialiased;
}

.second-icon {
	font-size: 14px;
	float: right;
	margin-top: 10px;
	margin-right: 42px;
	position: relative;
}

.plume {
	height: 40px;
	width: 40px;
	border-radius: 22px;
	background-color: #11709f;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	border: 2px solid #5bbdee;
	opacity: 0;
}

/*=================================================================
					UIKit Tweaks
=================================================================*/
.uk-tab-grid {
	margin-left: 0;
}

* + .uk-margin-medium {
    margin-top: 25px;
}

.uk-margin-medium {
    margin-bottom: 25px;
}

.uk-form-width-xsmall {
	width: 60px;
}

.uk-form-label.reset {
	font-weight: 500 !important;
}

.uk-input,
.uk-checkbox {
	border-radius: 3px !important;
}

.uk-checkbox.reset {
	margin: 7px 10px 10px 0 !important;
}

.uk-navbar-nav > li,
.uk-navbar-nav > li > a,
.uk-navbar-nav > li > a:active {
	background-color: rgba(0,0,0,0);
}

.uk-button {
	border-radius: 5px;
}

.uk-button-primary {
	background-color: #00a8e6;
	color: #fff !important;
}

.uk-button-secondary {
	background-color: #222;
	color: #fff !important;
}

.uk-button-secondary:focus,
.uk-button-secondary:hover {
	background-color: #00a8e6;
}

.uk-button:disabled {
	background-color: #f5f5f5;
	color: #999 !important;
}

.uk-panel-box {
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}

.uk-display-inline-flex {
	display: inline-flex!important;
}

.uk-offcanvas .uk-search {
	display: block;
	margin: 20px 15px;
}
.uk-search {
	display: inline-block;
	position: relative;
	margin: 0;
}
.uk-search:before {
	content: "\f002";
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-family: FontAwesome;
	font-size: 14px;
	color: rgba(0,0,0,.2);
}

.uk-search-field {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	border-radius: 0;
	font: inherit;
	color: #666;
	-webkit-appearance: none;
	width: 120px;
	height: 30px;
	padding: 0 0 0 30px;
	border: 1px solid transparent;
	-webkit-transition: all linear .2s;
	transition: all linear .2s;
	vertical-align: middle;
}

.uk-alert {
    margin-bottom: 15px;
    padding: 10px;
    background: #ebf7fd;
    color: #2d7091;
    border: 1px solid rgba(45,112,145,.3);
    border-radius: 10px;
    text-shadow: 0 1px 0 #fff;
}

.uk-alert.uk-alert-bar {
	margin-bottom: 0;
	padding: 5px;
	border-left: none;
	border-right: none;
	border-radius: 0;
}

.uk-alert-success {
    background: #f2fae3;
    color: #659f13;
    border-color: rgba(101,159,19,.3);
}

.uk-alert-warning {
    background: #fffceb;
    color: #e28327;
    border-color: rgba(226,131,39,.3);
}

.uk-alert-danger {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216,80,48,.3);
}

.uk-alert p {
	font-size: 0.95em;
}

.uk-alert + .uk-alert {
	margin-top: -1px;
}

.uk-table thead {
	border-top: 1px solid #e5e5e5;
}

.uk-table thead th.sort {
	cursor: pointer;
}

.uk-table.my-table thead {
	border-top: none;
	border-bottom: 1px solid #e5e5e5;
}

.uk-table.my-table thead th,
.uk-table.my-table tbody td {
	padding-top: 15px ;
	padding-bottom: 15px ;
	font-size: 0.95em;
}

.uk-table.my-table tr {
	position: relative;
}

.uk-table.uk-table-hover tr:hover .my-options {
	background: #eee;
}

.uk-active {
	border: 0;
}

*+.uk-table {
	margin-top: 0;
}

.uk-table thead th, .uk-table thead th a {
	color: #333;
}

.uk-table th, .uk-table td {
	border-bottom: 1px solid #e5e5e5;
}

.uk-accordion-title {
	font-size: 13px;
}

.uk-accordion-title.my-accordion-title:before {
	content: "\f0d7";
	font-family: FontAwesome;
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	float: right;
	margin-top: 5px;
}

.uk-accordion-title.my-accordion-title.uk-active:before {
	content: "\f0d8";
}

.uk-description-list-horizontal > dt {
	font-size: 0.9em;
}

.uk-text-primary {
	color: #1F467F !important;
}

.uk-text-small {
	font-size: 0.9em;
}

.uk-text-bolder {
	font-weight: 500;
}

.uk-modal-header {
	margin: -20px -20px 15px -20px;
	padding: 20px;
	border-bottom: 1px solid #E5E5E5;
	border-radius: 4px 4px 0 0;
	background: #fafafa;
}

.uk-modal-footer {
	margin: 15px -20px -20px -20px;
	padding: 20px;
	border-top: 1px solid #e5e5e5;
	border-radius: 0 0 4px 4px;
	background: #fafafa;
}

.uk-sticky-placeholder {
	position: relative;
}

.uk-icon-check, .uk-icon-code, .uk-icon-circle-o-notch {
	padding: 4px!important;
}

.uk-icon-credit-card {
	padding: 4px 3.5px!important;
}

.uk-open a, uk-open li{
	*background-color: #fff;
}

.uk-grid-small.uk-grid-divider {
	margin-left: -15px;
    margin-right: -15px;
}

.uk-grid-small.uk-grid-divider > * {
	padding-left: 15px;
	padding-right: 15px;
}

.uk-grid-medium.uk-grid-divider {
	margin-left: -25px;
    margin-right: -25px;
}

.uk-grid-medium.uk-grid-divider > * {
	padding-left: 25px;
	padding-right: 25px;
}

.uk-grid-large.uk-grid-divider {
	margin-left: -50px;
    margin-right: -50px;
}

.uk-grid-large.uk-grid-divider > * {
	padding-left: 50px;
	padding-right: 50px;
}

.uk-accordion {
	margin-top: 9px;
}

.uk-table th {
	border-bottom: none;
}

.uk-offcanvas-bar {
	background: #fff;
}

.uk-dropdown {
	border: 1px solid #d3d3d3;
    background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	border-radius: 10px;
}

.uk-nav-dropdown > li > a {
	color: #999;
}

.uk-nav-dropdown > li:focus > a,
.uk-nav-dropdown > li:hover > a,
.uk-nav-dropdown > li.uk-active > a {
	background: #fff;
	color: #333;
}

.uk-dropdown-scrollable {
	overflow-y: auto;
	max-height: 500px;
}

@media (min-width: 768px) {
	
	.uk-grid-divider > [class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
		border-left: 1px solid #ccc;
	}
	
}

@media (max-width: 1219px) {
	
	.uk-grid-divider > .uk-width-medium-1-2:nth-child(3) {
		border-left: none !important;
	}
	
	.uk-grid-divider > .uk-width-medium-1-3:nth-child(4) {
		border-left: none !important;
	}
	
}

@media screen and (max-width: 1199px) {
	
	.uk-grid-divider:not(:empty) {
		margin-left: 0!important;
		margin-right: 0!important;
	}
	
}

@media screen and (max-width: 414px) {
	
	.uk-grid-large.uk-grid-divider > * {
		padding-left: 25px;
		padding-right: 25px;
	}
	
}

/*=================================================================
					Booking View	
=================================================================*/

.booking-details-container {
	width: 450px;
	max-width: calc(100% - 40px);
}

.tab-container {
	text-align: left;
}

.tab-container .tabs {
	padding: 40px 20px;
}

.tab-container .uk-tab-center {
	border-bottom: 1px solid #00a8e6;
}

.tab-container .uk-tab-center .uk-tab > li > a {
	font-family: 'Inter';
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1.2px;
	color: #999;
	border-bottom: 1px solid #00a8e6;
}

.tab-container .uk-tab-center .uk-tab > li.uk-active > a {
	font-weight: 700;
	color: #333;
	border-left: 1px solid #00a8e6 !important;
	border-right: 1px solid #00a8e6 !important;
	border-top: 1px solid #00a8e6 !important;
	border-bottom: 1px solid #fff !important;
}

.tab-container .uk-tab-center .uk-tab > li > a:focus,
.tab-container .uk-tab-center .uk-tab > li > a:hover {
	color: #333;
	background: none;
	border: 1px solid transparent;
}

.tab-container .view-tabs.uk-tab li, .tab-container .view-tabs.uk-tab a{
	border-radius: 0;
}

.tab-icon {
	font-size: 14px;
}

.tab-container .view-tabs.uk-tab li a{
	height: 20px;
	background: linear-gradient(#fff 20%, #f5f8fa 125%);
	margin: 0;
	color: #333;
	border: 1px solid #ccc;
	border-bottom: 0;
	opacity: 0.5;
	position: relative;
	padding: 10px 12px;
}

.view-tabs.uk-tab li:not(.uk-active) a:focus, .view-tabs.uk-tab li:not(.uk-active) a:hover, .view-tabs.uk-tab li.uk-open:not(.uk-active) a {
	padding-bottom: 10px;
	margin-bottom: 0;
}

.tab-container .view-tabs.uk-tab li {
	margin: 0;
	text-align: center;
	position: relative;
}

.tab-container .view-tabs.uk-tab li:first-child {
	padding-left: 0;
}

.tab-container .uk-tab>li.uk-active a, .tab-container .uk-tab li a {
}

.tab-container .view-tabs.uk-tab li a:hover {
	cursor: pointer;
	border: 1px solid #ccc;
	border-bottom: 0;
	background: #fff;
	opacity: 1;
}

.tab-container .view-tabs.uk-tab li.uk-active a, .tab-container .view-tabs.uk-tab li.uk-open a{
	background: #fff;
	opacity: 1;
}

.tab-container .tab-active-underline {
	position: absolute;
	left: -1px;
	bottom: -1px;
	width: 100%;
}

.primary-tab-underline {
	border-bottom: 3px solid #00a8e6;
	border-right: 2px solid #00a8e6;
}

.green-tab-underline {
	border-bottom: 3px solid #28c675;
	border-right: 2px solid #28c675;
}

.pink-tab-underline {
	border-bottom: 3px solid #e61c83;
	border-right: 2px solid #e61c83;
}

.purple-tab-underline {
	border-bottom: 3px solid #7974bd;
	border-right: 2px solid #7974bd;
}

.pink-underline {
	border-bottom: 1px solid #e61c83;
}

.tab-container .tab-active-underline {
	border-width: 0;
}

.tab-container .uk-active .tab-active-underline {
	border-bottom-width: 3px;
	border-right-width: 2px;
}

.tab-container .uk-dropdown {
	background: #fff;
	max-width: 100%;
}

.tab-container .uk-tab li.uk-open li:nth-of-type(odd) a{
	background-color: #f7f7f7;
}

.tab-container .uk-tab li.uk-open li , .tab-container .uk-tab li.uk-open li a {
	border: 0;
} 

.tab-container .uk-tab li.uk-open li a {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
} 

.tab-container .uk-tab li.uk-open li:first-child {
	border-top: 1px solid #ccc;
}

.tab-container .uk-dropdown-small .uk-nav {
	margin: 0;
}

/*=================================================================
					Article feed
=================================================================*/
video#background-video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.eg-navbar-logo {
	background: url('../img/logo.svg') center center no-repeat;
	background-size: cover;
	width: 48px;
	height: 32px;
}

.card-margin-top {
	margin-top: 20px!important;
}

.card-margin-bottom {
	margin-bottom: 20px!important;
}

.article-feed-nav li.uk-active {
	border-left: 5px solid #7974bd;
}

.article-feed-nav li.uk-active, .uk-nav-side>li.uk-active>a, .uk-nav-side>li>a:focus {
	background-color: rgba(0,0,0, 0);
	color: #7974bd;
}

.article-feed-nav li a {
	line-height: 40px;
}

.article-feed-nav li {
	border-bottom: 2px solid #eee;
}

.uk-nav-side>li>a:focus, .uk-nav-side>li>a:hover  {
	background-color: rgba(0,0,0, 0);
	color: #000000;
}

.article-details li {
	padding-left: 35px;
}

.modal-footer {
	height: 40px;
	text-align: center;
	background: #fff;
	border-top: 2px solid #eee;
}

.background-color {
	background-color: #fff;
}

.blue-background-gradient {
	background: linear-gradient(#fff 20%, #f5f8fa 125%);
}

.border-and-shadow {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	border: 1px solid #ccc;
}

.home-page-section-container {
	font-size: 24px;
	padding: 20px;
	position: relative;
	max-width: 427px;
	max-height: 200px;
	display: block;
	margin: 0 auto;
}

.home-page-section-container .light-purple-underline {
	width: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
}

.hp-icon-container {
	height: 136px;
}

.hp-icon-container img {
	padding-top: 10px;
}

.light-purple-underline {
	border-bottom: 4px solid #7974bd;
}

.logo-divider {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.large-tab {
	max-width: 100%;
	max-height: 42px;
	padding: 9px 9px 9px 19px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	border: 1px solid #ccc;
	position: relative;
}

.large-tab span {
	display: inline-block;
	vertical-align: middle;
}

.small-tab {
	max-height: 42px;
	position: relative;
}

.small-tab span {
	display: inline-block;
	vertical-align: middle;
}

.tab-divider {
	height: 100%;
	border-left: 1px solid #ccc;
	position: absolute;
	top: 0;
	right: 40px;
}

.bookings-list-container .tab-divider {
	height: 42px;
}

.booking-products-container .tab-divider {
	height: 38px;
}

.tab-divider.second-divider {
	right: 80px;
}

.section-title {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
	color: #333;
	border-bottom: 1px solid #ccc;
	position: relative;
	letter-spacing: 2px;
}

.section-title  span {
	color: #999999;
}

.contact-title {
	text-align: center;
	position: relative;
}

.contact-img {
	position: relative;
	height: 42px;
	width: 42px;
	border-radius: 20px;
	border: 1px solid #ccc;
	display: block;
	margin: 0 auto;
}

.contact-info {
	text-align: center;
}

.left-picture-line, .right-picture-line {
	border-bottom: 1px solid #ccc;
	width: 32.5%;
	position: absolute;
	top: 22px;
}

.left-picture-line {
	left: 5%;
}

.right-picture-line {
	right: 5%;
}

.contact-info a {
	color: #11709f;
	border-bottom: 1px dotted #5bbdee;
	transition: 0.1s;
}

.contact-info a:hover {
	color: #5bbdee;
	border-bottom: 1px dotted #11709f;
	transition: 0.1s;
}

.touch-sidebar {
	background: rgba(33, 33, 42, 0.6);
}

.section-notes {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 11pt;
	line-height: 30.4px;
	letter-spacing: 0.32px;
	color: #000000;
	padding-right: 42px;
	margin-top: 11px;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
}

.section-notes a {
	font-weight: 400;
	color: #11709f;
	border-bottom: 1px dotted #5bbdee;
	transition: 0.1s;
}

.section-notes a:hover {
	color: #5bbdee;
	border-bottom: 1px dotted #11709f;
	transition: 0.1s;
}

.terms-header span {
	font-size: 10px;
}

.large-tab .icon-container.purple-color {
	margin-right: 0px;
}

.icon-container.purple-color:hover {
	cursor: pointer;
}

.icon-container.purple-color:hover a {
	color: #797dbd;
}

.legend-dropdown {
	width: 400px;
	background-color: #fff;
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	border: 1px solid #ccc;
	font-size: 13px;
	font-family: 'Open sans';
	font-weight: 300;
	color: #333;
	text-align: left;
}

.legend-dropdown ul li {
	padding: 9px;
}

.legend-dropdown ul li span, .legend-dropdown ul li .uk-icon-circle-o-notch {
	position: relative;
	top: 0;
	left: 0;
}

.icon-container span.uk-icon-circle-o-notch {
	top: 4px;
	left: 4.5px;
}

.status-icon-accord {
	left: -3px;
}

.icon-container.pink-color {
	border-bottom: 1px dotted #e61c83;
	border-radius: 4px;
	font-size: 14px;
}

.icon-container .uk-icon-clock-o {
	top: 6px;
	left: 6px;
}

.icon-container uk-icon-check {
	top: 5px;
	left: 4px;
}

.icon-container.second-icon {
	border-radius: 4px;
}

.icon-container.pink-background span{
	position: absolute;
	top: 1px;
	left: 8px;
	color: #fff;
}

.purple-color {
	color: #6441a5;
}

.grey-background {
	background-color: #f5f8fa;
	border-bottom:1px solid #ccc;
}

.grey-color {
	color: #ccc;
}

.pink-color {
	color: #e61c83;
}

.green-color {
	color: #28c675;
}

.white-color {
	color: #fff;
}

.white-background {
	background-color: #fff!important;
	border-bottom: 1px solid #ccc;
}

.pink-color.white-background {
	border-bottom: 1px solid #ccc!important;
	border-radius: 4px;
}

#navigation-list {
	border-top: 2px solid #eee;
}

#navigation-list li {
	position: relative;
}

#navigation-list li div.icon-container {
	position: absolute;
	top: 9px;
	right: 9px;
}

.icon-padding-top {
	padding-top: 5px;
}

.burger-menu {
	padding-top: 14px;
	color: #6441a5;
}

.ticket-container {
	text-align: center;
}

.ticket-container p {
	margin-bottom: 0;
	font-style: italic;
}

.ticket-container a {
	margin-top: 0px;
	font-weight: 400;
	color: #11709f;
	border-bottom: 1px dotted #5bbdee;
	transition: 0.1s;
}

.ticket-container a:hover {
	color: #5bbdee;
	border-bottom: 1px dotted #11709f;
	transition: 0.1s;
}

.blue-background {
	background-color: #5bbdee;
	border-bottom:1px solid #11709f;
}

.blue-color {
	color: #5bbdee;
}

.light-completed-color {
	color: #4caf50;
}

.light-completed-background {
	background-color: #4caf50;
	border-bottom: 1px solid #388e3c;
}

.completed-color {
	color: #388e3c;
}

.background-completed-color {
	background-color: #388e3c;
}

.pink-background {
	background-color: #f7931e;
	border-bottom:1px solid #98390c;
}

.green-background {
	background-color: #28c675;

}

.green-border-bottom {
	border-bottom:1px solid #28c675;
}

.red-background {
	background-color: #cc0000;
	border-bottom: 1px solid #4c0000;
}

.invoice-list li:nth-child(even) {
	background-color: #f7f7f7;
}

.invoice-list li {
	box-shadow: none;
	position: relative;
	height: 22px;
	font-size: 10px;
}

.invoice-list li span.uk-icon-check {
	top: 5px;
	left: 4px;
	font-size: 13px;
}

.invoice-list .date {
	position: absolute;
	right: 93px;
}

.invoice-list .icon-container{
	position: absolute;
	right: 9px;
	font-size: 16px;
}

.invoice-list .icon-container.second-icon{
	position: absolute;
	right: 51px;
	background-color: rgba(0,0,0,0);
}

.invoice-list .icon-container.second-icon .uk-icon-file-pdf-o {
	left: 6px;
}

.enquiries-contact {
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 16px;
	color: #333;
	font-family: 'Inter';
	font-weight: 300;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 20px;
	padding-bottom: 42px;
}

.confirm-payment-button {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.notes-highlight {
	border-bottom: 1.5px solid #f5d5b0;
	box-shadow: inset 0 -3.5px 0 #f5d5b0;
	color: inherit;
	-webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
	transition: background .15s cubic-bezier(.33,.66,.66,1);
}

.section-container {
	padding: 20px 0 20px 20px;
}

.deadlines-table {
	margin: 0 auto 20px;
	border-bottom: 1px solid #ccc;
	border-collapse: inherit;
}

.deadlines-table td, .product-table td {
	font-weight: 300;
	padding: 10px;
}

.deadlines-table td, .deadlines-table th {
	text-align: left;
}

.deadlines-table th, .stat-table th, .overview-table th {
	border-bottom: none;
	font-weight: 300;
	color: #000;
	text-transform: uppercase;
}

.deadlines-table tbody tr:nth-of-type(even) {
	background-color: #f7f7f7;
	border-bottom: 1px solid #eee;
}

.deadlines-table tbody tr:nth-of-type(odd) {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.signoff-table tbody tr:nth-of-type(even) {
	background-color: #f7f7f7;
}

.sign-off-background-color {
	background-color: #f5f8fa;
	margin-bottom: 0;
}

.deadline-upload-button {
	color: #f7931e;
	border-bottom: 1px dotted #98390c;
}

.deadline-upload-button:hover {
	color: #98390c;
	border-bottom: 1px dotted #f7931e;
	transition: 0.1s;
}

.product-table thead, .overview-table thead, .stat-table thead, .signoff-table thead {
	border-top: none;
}

.product-table thead tr th, .stat-table thead tr th {
	font-weight: 300;
}

.tandc-container {
	position: relative;
	width: 95%;
	text-align: center;
	margin: 0 auto;
}

.small-pink-border-top {
	width: 40px;
	border-top: 1px solid #e61c83;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.sign-off-form .confirm-button {
	position: absolute;
	font-size: 26px;
	border-bottom-width: 5px;
	right: 0;
	bottom: 0;
}

.signoff-table thead {
	border-bottom: 1px solid #ccc;
}

.signoff-table tbody {
	border-bottom: 1px solid #ccc;
}

.signoff-table p {
	margin-bottom: 0;
}

.product-table tbody tr:nth-of-type(odd), .overview-table tbody tr:nth-of-type(odd), .stat-table tbody tr:nth-of-type(odd){
	background-color: #fff;
}

.product-table tbody tr:nth-of-type(even) {
	background-color: #f9f4f7;
}

.overview-table tbody tr:nth-of-type(even) {
	background-color: #f4f9f9;
}

.overview-table .logo {
	background: url('../img/logo-eg-250.png') center left no-repeat;
	background-size: contain;
	height: 20px;
	padding-left: 30px;
}

.overview-table .logo.hr {
	background: url('../img/logo-hr.svg') center left no-repeat;
	background-size: contain;
}

table tr:last-child td {
	border-bottom: none;
}

.overview-table tbody {
	border-top: 1px solid #28cb75;
	border-bottom: 1px solid #28cb75;
}

.product-table tbody {
	border-top: 1px solid #ab0a67;
	border-bottom: 1px solid #ab0a67;
}

.stat-table tbody {
	border-top: 1px solid #6441a5;
	border-bottom: 1px solid #6441a5;
}

.stat-table tbody tr:nth-of-type(even) {
	background-color: #f4f4f9;
}

.all-bookings-table {
	border: 1px solid #ccc;
}

.all-bookings-table td {
	border: 0;
	border-right: 1px solid #ccc;
}

.all-bookings-table td:nth-child(1) {
	*border: 0;
}

.all-bookings-table tr {
	border-bottom: 1px solid #ccc;
}

.all-bookings-table tr:nth-last-of-type {
	border-bottom: 0;
}

.all-bookings-table tbody tr:nth-of-type(even) {
	background-color: #f4f4f9;
}

.all-bookings-table tbody tr:nth-of-type(odd) {
	background-color: #fff;
}

.terms-and-conditions {
	max-height: 250px;
	overflow-y: scroll;
	border: 1px solid grey;
	font-family: 'Open Sans';
	font-weight: 300;
	background: #fff;
}

.terms-last-update {
	position: absolute;
	right: 20px;
}

.terms-header {
	max-width: 100%;
	max-height: 42px;
	padding: 9px 9px 9px 19px;
	position: relative;
}

.booking-date {
	position: absolute;
	right: 92px;
}

.support-header {
	position: relative;
	border-bottom: 1px solid #ccc;
}

.support-header img {
	position: absolute;
	height: 42px;
	border-radius: 20px;
	top: 0;
	right: 0;
	border: 1px solid #ccc;
}

.support-details {
	font-family: 'Open Sans';
	font-weight: 300;
	margin-top: 9px;
}

.support-details a {
	color: #11709f;
	border-bottom: 1px dotted #5bbdee;
	transition: 0.1s;
	font-weight: 400;
}

.support-details a:hover {
	color: #5bbdee;
	border-bottom: 1px dotted #11709f;
	transition: 0.1s;
}

.confirm-button {
	text-transform: uppercase;
	color: #11709f;
	border: none;
	border-bottom: 1px dotted #5bbdee;
	font-family: 'Inter';
	font-weight: 700;
	letter-spacing: 2px;
	background: none;
	cursor: pointer;
	transition: 0.1s;
	font-size: 10px;
}

.confirm-button:hover {
	color: #5bbdee;
	border-bottom: 1px dotted #11709f;
	transition: 0.1s;
}

.submit-contact-button {
	position: absolute;
	bottom: 42px;
	right: 42px;
}

.close-contact-modal {
	position: absolute;
	bottom: 42px;
	left: 42px;
}

.leave-message-button {
	display: block;
	width: 160px;
	margin: 42px auto 20px;
}

.welcome-eg-logo {
	background: url('../img/logo-eg-250.png') center center no-repeat;
	background-size: cover;
	width: 125px;
	height: 125px;
	margin: 20px auto;
}

.welcome-hr-logo {
	background: url('../img/logo-hr.svg') center center no-repeat;
	background-size: cover;
	width: 125px;
	height: 125px;
	margin: 50px auto;
}

.welcome {
	margin-top: 0;
	box-shadow: rgba(0, 0, 0, 0.2) 0px -6px 12px -6px;
	position: relative;
	z-index: 2;
}

.underlay {
	position: relative;
	z-index: 2;
}

.welcome-container {
	margin-top: 20%!important;
	padding-left: 0;
	position: relative;
	z-index: 4;
}

.welcome-container img{
	display: block;
	margin: 0 auto;
}

.welcome-container .company-logo img{
	height: 42px;
	margin-top: 9px;
	border: 1px solid #ccc;
}

.users-text {
	padding-top: 9px;
}

.active-highlight {
	background-color: #7974BD;
	color: #6441A5;
	height: 42px; 
	width: 9px; 
	position: absolute; 
	top: 0;
}

.section-title-menu:hover .hover-underline {
	transition: opacity 0.3s ease;
	opacity: 1.0;
}

.hover-underline {
	position: absolute;
	top: 32px;
	right: 112.5px;
	background: #7974BD;
	opacity: 0;
	height: 2px;
	width: 20px;
	transition: opacity 0.3s ease;
}

#navigation-list li {
	position: relative;
}

.account-dropdown-container {
	position: absolute;
	top: 7px;
	right: 0;
}

.account-dropdown-container .avatar {
	display: inline-block;
	margin-right: 10px;
	background: #6441a5;
	border-radius: 50%;
}

.account-dropdown-container .avatar img {
	max-width: 40px;
	max-height: 40px;
	border-radius: 50%;
}

.account-dropdown-container ul li a:hover {
	color: #7974BD;
}

.account-dropdown .uk-dropdown {
	margin-top: 10px;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
}

.account-dropdown,
.account-dropdown ul li a:hover {
	background-color: transparent;
	color: #444;
}

.booking-products-container .small-tab {
	border-bottom: 1px solid #ccc;
	padding: 0px 9px 9px 19px;
	width: 85%;
	height: 22px;
}

.hint-dropdown-container {
	position: relative;
}

.hint-dropdown {
	position: absolute;
	right: 0;
	bottom: -42px;
}

.label-dropdown {
	font-family: 'Inter'!important;
	font-weight: 700!important;
	font-size: 12px!important;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #333;
	background: transparent!important;
}

.login-panel {
	border-radius: 0;
	padding: 40px;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	border: 1px solid #ccc;
	border-radius: 10px;
	width: 450px;
	max-width: calc(100% - 80px);
	margin: 50px auto !important;
}

.eg-welcome .confirm-button:hover {
	background-color: rgba(0,0,0, 0);
}

.eg-welcome .uk-form-label{
	font-size: 13px;
	font-family: 'Inter';
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #333;
}

.terms-and-conditions .section-notes {
	line-height: 19.2px;
}

.booking-list-title {
	border-bottom: 1px solid #ccc;
	padding: 0px 9px 9px;
}

.booking-notes-container .section-container {
	padding: 0;
}

.booking-notes-container .section-container .section-title {
	margin-left: 10px;
}

.booking-notes-container .section-container .section-notes {
	padding-left: 20px;
}

.booking-desc {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 11pt;
	letter-spacing: 0.32px;
	line-height: 32px;
}

.signoff-table .item-description {
	font-size:  10px;
}

.booking-note {
	border-top: 1px solid #ccc;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Open Sans';
	font-weight: 300;
	letter-spacing: 0.32px;
	font-size: 11pt;
	line-height: 32px;
}

.booking-note img {
	height: 42px;
	width: 42px;
	border-radius: 20px;
	position: absolute;
	top: 20px;
	left: 0;
}

.booking-note .created-by {
	padding-left: 51px;
}

.booking-note .note-content {
	padding-left: 51px;
}

.note-last-modified {
	color: #999;
}

.note-last-modified span {
	padding-left: 7px;
}

.standard-link {
	color: #11709f!important;
	border-bottom: 1px dotted #5bbdee;
	transition: 0.1s;
}

.standard-link:hover {
	color: #5bbdee!important;
	border-bottom: 1px dotted #11709f;
	transition: 0.1s;
}

.booking-link {
	color: #11709f;
	border-bottom: 1px dotted #5bbdee;
	transition: 0.1s;
	margin-left: 4px;
}

.booking-link:hover {
	color: #5bbdee;
	border-bottom: 1px dotted #11709f;
	transition: 0.1s;
}

.add-new-contact-container {
	position: relative;
}

.add-new-contact-container .confirm-button {
	bottom: -20px;
	right: 20px;
}

.stock-profile-img-container {
	background-color: #ccc;
	color: #fff;
	left: 0;
	top: 0;
	height: 41px;
	width: 41px;
	border-radius: 20px;
	text-align: center;
	border: 1px solid #ddd;
	margin: 0 auto;
}

.stock-profile-img {
	margin-top: 10px;
	font-size: 18px;
}

.booking-stage-box {
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	border: 1px solid #ccc;
	padding: 5px 0px;
	line-height: 46px;
	opacity: 0.5;
	position: relative;
}

.stage-box-overlay-teal {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#fff 75%, rgba(53, 181, 174, 0.5) 125%);
	background: -o-linear-gradient(#fff 75%, rgba(53, 181, 174, 0.5) 125%);
	background: -moz-linear-gradient(#fff 75%, rgba(53, 181, 174, 0.5) 125%);  
	background: linear-gradient(#fff 75%, rgba(53, 181, 174, 0.5) 125%); 
}

.stage-box-overlay-pink {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#fff 75%, rgba(230, 28, 131, 0.5) 125%);
	background: -o-linear-gradient(#fff 75%, rgba(230, 28, 131, 0.5) 125%);
	background: -moz-linear-gradient(#fff 75%, rgba(230, 28, 131, 0.5) 125%);
	background: linear-gradient(#fff 75%, rgba(230, 28, 131, 0.5) 125%);  
}

.stage-box-overlay-purple {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	background: -webkit-linear-gradient(#fff 75%, rgba(121, 116, 189, 0.5) 125%);
	background: -o-linear-gradient(#fff 75%, rgba(121, 116, 189, 0.5) 125%);
	background: -moz-linear-gradient(#fff 75%, rgba(121, 116, 189, 0.5) 125%);
	background: linear-gradient(#fff 75%, rgba(121, 116, 189, 0.5) 125%);
}

.booking-stage-box-active {
	height: 115px;
	opacity: 1;
	position: relative;
}

.delivery-triangle {
	position: absolute;
	top: 0;
	right: 0;
	width: 0; 
	height: 0; 
	border-style: solid;
	border-width: 0 35px 35px 0;
	border-color: transparent #f7931e transparent transparent;

}

.active-underline {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -1px;
}

.teal-color {
	color: #3d8c86;
}

.teal-underline {
	border-bottom: 4px solid #3d8c86;
}

.purple-underline {
	border-bottom: 4px solid #6441a5;
}

.blue-color {
	color: #5bbdee;
}

.red-underline {
	border-bottom: 4px solid #ab0a67;
}

.red-color {
	color: #ab0a67;
}

#delivery-page .large-tab .icon-container.dropdown-chevron {
	margin-right: 0;
}

.icon-container.dropdown-chevron {
	border: 0;
}

#delivery-page .large-tab .icon-container.second-icon {
	position: absolute;
	top: 8px;
	right: 49px;
	border-radius: 4px;
}

#delivery-page .large-tab {
	padding-top: 8px;
	padding-bottom: 8px;
}

.trashed, .trashed a {
	background-color: #fff1f0 !important;
	color: #d85030 !important;
	text-decoration: line-through !important;
}

.stat-table td {
	position: relative;
}

.stat-table .status-icon {
	position: absolute;
	left: -20px;
	top: 5px;
	height: 22px;
	width: 22px;
	font-size: 14px;
	background-color: #f5f8fa;
	border-bottom:1px solid #ccc;
}

.sign-off-form {
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	border: 1px solid #ccc;
	padding: 20px 42px 42px 42px;
	position: relative;
}

.signoff-table th{
	border-bottom: 0;
}

.sign-off-eg-logo {
	height: 100px;
	float:right;
}

.sign-off-form .footer-text {
	color: #ccc;
	font-style: italic;
}

.sign-off-form .general-text {
	*font-size: 14px;
}

.my-contact-details-tab {
	border: 1px solid #ccc;
	height: 42px;
	width: 200px;
	position: relative;
}
.my-contact-details-tab p {
	padding-top: 9px;
}


.my-contact-details-tab .purple-underline {
	width: 202px;
	height: 4px;
	position: absolute;
	bottom: -1px;
	left: -1px;
}

.confirm-header{
	height: 145px;
	position: relative;
}

.confirm-header img {
	float: right;
	height: 50px;
	max-height: 100px;
}

#tnc {
	display: block;
	margin: 10px auto 0;
}

.section-icons {
	font-size: 20px;
}

.journey-arrow {
	position: absolute;
	right: -21%;
	top: 38%;
	font-size: 30px;
	color: rgba(0,0,0, 0.6);
}

.top-hint-text {
	width: 70%;
	text-align: right;
	font-style: italic;
	position: absolute;
	right: 0;
	bottom: 0;
}

.tab-container ul.faded-dropdown li a {
	opacity: 0.5!important;
}

.tab-container ul.faded-dropdown li a:hover {
	opacity: 1!important;
}

.uploads-dropdown {
	padding: 0 0 0 0!important;
}

.uploads-dropdown ul {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.uploads-dropdown ul li {
	border-bottom: 1px solid #ccc;
	padding: 9px;
}

.account-profile-picture {
	max-height: 88px;
	border-radius: 44px;
}

/*=================================================================
						CSS Animations
=================================================================*/

/*Action required animation*/

.action-highlight {
	-webkit-animation-name: action-req; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 0.6s; /* Chrome, Safari, Opera */
	animation: action-req 0.6s infinite;
	animation-direction: alternate;
	background: linear-gradient(#fff 20%, #f9f4f7 125%);
	animation-delay: 0.5s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes action-req {
	from {
		background-color: #fff;
	}
	to {
		background-color: #e61c83;
	}
}

/* Standard syntax */
@keyframes action-req {
	from {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	}
	to {
		box-shadow: rgba(17, 112, 159, 0.8) 0px 0px 10px 0px;
	}
}

.plume {
	-webkit-animation-name: pluming;
	-webkit-animation-duration: 0.6s;
	animation: pluming 0.6s 1;
	animation-delay: 0.5s;
}

/* Standard syntax */
@keyframes pluming {
	from {
		width: 0px;
		height: 0px;
		margin-left: 0;
		margin-top: 0;
		opacity: 1;
	}
	to {
		width: 40px;
		height: 40px;
		margin-left: -22px;
		margin-top: -22px;
		opacity: 0;
	}
}

.action-row:nth-child(1) .plume {
    -webkit-animation-delay: 0s;
}
.action-row:nth-child(2) .plume {
    -webkit-animation-delay: 0.1s;
}
.action-row:nth-child(3) .plume {
    -webkit-animation-delay: 0.2s;
}
.action-row:nth-child(4) .plume {
    -webkit-animation-delay: 0.3s;
}
.action-row:nth-child(5) .plume {
    -webkit-animation-delay: 0.4s;
}
.action-row:nth-child(6) .plume{
    -webkit-animation-delay: 0.5s;
}
.action-row:nth-child(7) .plume{
    -webkit-animation-delay: 0.6s;
}
.action-row:nth-child(8) .plume{
    -webkit-animation-delay: 0.7s;
}
.action-row:nth-child(9) .plume{
    -webkit-animation-delay: 0.8s;
}
.action-row:nth-child(10) .plume{
    -webkit-animation-delay: 0.9s;
}

/*more CSS*/

.icon-small-numbers {
    font-family: 'Inter';
    font-weight: 700;
	text-align: center;
	color: #e61c83;
	font-size: 12px;
	letter-spacing:0px;
	padding: 1px 1px 6px 1px;
	-webkit-font-smoothing: antialiased;
} 

.small-number-container .icon-small-numbers {
	display: block;
}

.spec-img-container {
	width: 100%;
	height: auto;
}

.o-icon-container {
    background-color: #f5f8fa; 
    border: none;
    box-shadow: 0 2px #ccc;
	height: 14px!important;
	width: 20px!important;
	text-align: center;
	display: inline-block;
    border-radius: 3px;
}

.static-table thead {
	border-bottom: 1px solid #ccc;
}

.static-table tbody {
	border-bottom: 1px solid #ccc;
}

.static-table p {
	margin-bottom: 0;
}

.static-table .item-description {
	font-size:  10px;
}

.static-table tbody tr:nth-of-type(odd) {
	background-color: #fff;
}

.static-table tbody tr:nth-of-type(even) {
	background-color: #f7f7f7;
}

.plat {
	color: #727273!important;
}

.gold {
	color: #c4b357!important;
}

.silver {
	color: #929293!important;
}

.bronze {
	color: #e1b383!important;
}

.icon-inline {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1.2px;
	-webkit-font-smoothing: antialiased;
}

/*=================================================================
					Responsive Design Tweaks
=================================================================*/
/* Large desktop */
@media (min-width: 1200px) {
	.uk-navbar-center svg {
		max-width: 79%;
	}
}

/* Small desktop and iPad etc. */
@media (max-width: 1199px) {
	.my-overflow-container {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	.alt-button {
		float: right;
	}
}

/*iPad Portrait*/
@media (max-width: 768px) and (orientation: portrait) {
	.welcome-container {
		padding-left: 42px;
		padding-right: 42px;
		margin: 0 auto;
	}
	.content-container {
		*padding-right: 20px;
	}
	.alt-button {
		display: block;
		margin: 0 auto;
	}
	.preview {
		display: block;
		margin: 0 auto;
	}
}

/*iPad Landscape*/
@media (max-width: 1080px) and (orientation: landscape) {
	.welcome-container {
		padding-left: 0;
		margin: 0 auto;
	}
	.bookings-list-container {
		width: 100%;
		padding-right: 20px;
	}
	.alt-button {
		display: block;
		margin: 0 auto;
	}
}

@media (max-width: 653px) {
	.uk-navbar-center svg {
		max-width: 90%;
	}
	
	.eg-navbar .uk-navbar-nav > li > a {
		padding: 0 10px 0 0;
	}
}

/*iPhone 6plus and smaller Portrait*/
@media (max-width: 414px) and (orientation: portrait) {
	.welcome-container {
		padding-left: 42px;
		padding-right: 42px;
	}
	.welcome-container .uk-grid {
		margin-top: 0!important; 
	}
	.small-tab {
		float: none;
		margin: 0 auto;
	}
	.home-page-section-container {
		margin-top: 20px;
	}
	.tab-container .tabs {
		padding-left: 0;
		padding-right: 0;
	}
	.uk-navbar-center {
		max-width: 70%;
	}
	.truncate {
		width: 40px;
	}
	.uk-accordion-title .truncate {
		width: 150px;
	}
	.product-table th {
		width: 40px;
	}
	.static-table th {
		width: 20px;
	}
	.uk-accordion-content {
		padding-left: 0!important;
		padding-right: 0!important;
		width: 100%;
	}
	.sign-off-form {
		padding: 25px;
	}
	.sign-off-background-color {
		padding: 0 25px 0 0;
	}
	.text-center-small {
		text-align: center!important;
	}
	.alt-button {
		display: block;
		margin: 0 auto;
	}
}

/*iPhone 6plus and smaller Landscape*/
@media (max-width: 736px)and(orientation: landscape) {
	.welcome-container div.uk-grid.large-margin-top {
		margin-top: 0!important; 
	}
	.home-page-section-container {
		margin-top: 20px;
	}
	.uk-navbar-center {
		max-width: 70%;
	}
}

/*iPhone 5s and smaller Landscape*/
@media screen and (device-aspect-ratio: 40/71) {
	.uk-navbar-center {
		max-width: 79%;
	}
	.uk-navbar-center svg {
		max-width: 79%;
	}
	.sign-off-background-color {
		padding-right: 0;
	}
	.no-padding-left-small {
		padding-left: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 400px) {
	.uk-navbar-center {
		max-width: 79%;
	}
	.uk-navbar-center svg {
		max-width: 79%;
	}
}

@media print {
	
	nav {
		display: none !important;
	}
	
}