:root {
  --base-space: 10px;
	/* pink */
/*  --base-colour: 88, 45, 135;*/
	/* blue */
  /*--base-colour: 34, 58, 148;
  --base-colour: 14, 47, 105;
  --base-colour: 39, 38, 114;
  --base-colour: 22, 47, 101;*/
  --base-colour: 80, 77, 166;
  /*--pink-colour: #ee3897;*/
  --pink-colour: #504da6;
  --bright-pink-colour: #ee3897;
}


body {font-family: 'Lato',sans-serif; color:#555; background:#f7f7f7;}

html.login-page {height:100vh; background:url(/images/bg.jpg) no-repeat; background-size: cover;}
html.login-page body {background:none;}
html.login-page body:before {content:" "; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index: -1;backdrop-filter: blur(10px);}

.text-primary {color:var(--pink-colour) !important;}

img.invert {filter:invert(1);}

textarea {resize: vertical;}

.fa.fa-check.coloured {color:#5cb85c;}

.img-responsive.display-inline {mix-blend-mode: multiply;}
#saved-msg {position: fixed;text-align: center;left: 0;right: 0;top: 100px; z-index: 10;margin-inline: auto;width: fit-content;}
#saved-msg #save-box {background: rgb(var(--base-colour));color: #fff;display: inline-block;padding: 5px 12px 8px 12px;opacity: 1;border-radius: 4px;animation: fadeInText 5000ms 0ms forwards; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
#saved-msg #save-box .fa {vertical-align: 0px;}

.bg-white {background:#fff;}

@keyframes fadeInText {
  0% {
    transform: translateY(-30px);
    opacity: 0;
  } 
  10% {
    transform: translateY(0px);
    opacity: 1;
  }
  90% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(-30px);
    opacity: 0;
  }
}

.title {font-size:25px; font-weight:900; margin:0 0 20px 0;}
.sub-title {font-size:13px; font-weight:700; margin:0 0 10px 0; color: #999;}
.undersub-title {font-size:17px; font-weight:900; margin:0 0 10px 0; color:#555;}
.third-title {font-size:12px; font-weight:700; margin:0 0 10px 0; color: #999;}
.font-size-xl {font-size:17px !important;}
.font-size-lg {font-size:14px !important;}
.font-size-md {font-size:12px !important;}
.font-size-sm {font-size:11px !important;}
.font-size-xs {font-size:10px !important;}

.text-base {color:var(--pink-colour) !important;}

.btn.btn-danger.btn-outline {background:#fff;color:#d43f3a;}
.btn.btn-danger.btn-outline:hover {background:#d43f3a;color:#fff;}
.btn.btn-success.btn-outline {background:#fff;color:#5cb85c; border-color:#5cb85c;}
.btn.btn-success.btn-outline:hover {background:#5cb85c;color:#fff;}
.btn.btn-primary {background:rgb(var(--base-colour)); border:0;}
.btn.btn-primary.pink {background:var(--pink-colour);}
.btn.btn-default {border:0; background:#f7f7f7;}
.btn.btn-default:hover {border:0; background:#e7e7e7;}
.btn.btn-default.white {border:0; background:#fff; border:1px solid #eee;}
.btn.btn-default.btn-help img {vertical-align: -4px;}
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {background:rgba(var(--base-colour),0.9);}
.open > .dropdown-toggle.btn-primary.pink,
.open > .dropdown-toggle.btn-primary.pink:focus,
.open > .dropdown-toggle.btn-primary.pink:hover {background:var(--pink-colour);}

.btn-group.dropright .dropdown-menu i.fa {width:15px; text-align: center; margin-right:10px;}
.btn-group.dropright .dropdown-menu i.fa.blue,
.btn-group.dropright .dropdown-menu i.fa.fa-circle-o-notch {color: #1ba8f0;}
.btn-group.dropright .dropdown-menu i.fa.green {color: #5cb85c;}
.btn-group.dropright .dropdown-menu i.fa.red {color: #cc0000;}
.btn-group.dropright .dropdown-menu i.fa.amber {color: #f0ad4e;}
.btn-group.dropright .dropdown-menu li a {padding: 6px 20px;}

.btn-standard {display: inline-block; color:#818181; text-decoration: none; font-weight: 900; transition:all 0.2s ease-in-out; border:0; background: none; box-shadow: none;}
.btn-standard .icon-box {width:50px; height:50px; border: 1px solid #ccc; text-align: center; border-radius: 50%; transition:all 0.2s ease-in-out; display: inline-block; font-size: 17px;padding-top: 10px; margin-right:10px;}
.btn-standard .icon-box .fa-arrow-down {margin-top: 5px;}
.btn-standard:hover,
.btn-standard:active {text-decoration: none; color:#555;}
.btn-standard:hover .icon-box {background:#f2f2f2; color:#555;}
.btn-standard.btn-next .icon-box {margin-right:0px;margin-left:10px; background:#56c784; color:#fff; border-color:#56c784;}
.btn-standard.btn-next:hover {color:#36a764;}
.btn-standard.btn-next:hover .icon-box {background:#36a764;}

.alert.alert-info {font-size:13px;background:rgba(var(--base-colour), 0.1); border:0; margin-top:10px; color:rgb(var(--base-colour));}
.alert.alert-info p + p {margin-top:15px;}
.alert.alert-success {font-size:13px; border:0; margin-top:10px; margin:0;}
.alert.alert-success p + p {margin-top:15px;}
.alert.alert-danger {font-size:13px; border:0; margin-top:10px; margin:0;}
.alert.alert-danger p + p {margin-top:15px;}

.nursery-logo img {max-height:48px; border-radius: 5px;}

.avatar {position: relative; padding-bottom:8px;}
.avatar .avatar-icon {display:inline-block; border-radius: 50%; text-align:center; padding-top:2px; margin-right:5px;}
.avatar img {width:18px; opacity:0.5;}
.avatar label {vertical-align:-4px;font-size: 18px;font-weight: 900; color:var(--pink-colour);}
.avatar:after {content:" "; position:absolute; bottom:0; left:0; width:60px; height:5px; background:rgba(var(--base-colour),0.8);}
.avatar.missing:after {background:#c00;}

label.floating-label {font-size: 12px;font-weight: 400;position: relative;bottom: -12px;left: 10px;background: #fff;padding: 0 6px; z-index:4; border-radius: 4px;box-shadow: 0 0 5px rgba(0,0,0,0.05);}
label.floating-label.spacer {visibility: hidden;}
.label.label-light {background:#f0f1f6; color:#555;}

.form-control:focus {box-shadow:none; border-color:rgb(var(--base-colour))}
.form-group {margin-bottom:0;}

.table-valign tr td, .table-valign tr th {vertical-align: middle !important;}

.yn-picker.btn-group {padding:5px; background:rgba(var(--base-colour), 0.1); border-radius:5px; margin:10px 0;}
.yn-picker.btn-group .btn {border:0 !important;border-radius:4px !important; transition:all 0.3s ease-in-out;}
.yn-picker.btn-group.full-width {width:100%;}
.yn-picker.btn-group.full-width .btn {width:49%;}
.yn-picker.btn-group .btn.btn-default {background:transparent; color:#777}
.yn-picker.btn-group .btn.btn-default:active,
.yn-picker.btn-group .btn.btn-default:focus,
.yn-picker.btn-group .btn.btn-default:hover {box-shadow:none; border:0;}
.yn-picker.btn-group .btn.btn-default:hover {background:rgba(var(--base-colour), 0.1);}
.yn-picker.btn-group .btn.btn-default.active {background:rgb(var(--base-colour)); color:#fff;}
.yn-picker.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {margin-right:5px;}

.picker-sm.bootstrap-select {height: 30px;}
.picker-sm.bootstrap-select .btn.btn-default {height: 30px;padding: 5px 10px;font-size: 12px;line-height: 1.5; color:#555;}
.picker-sm.bootstrap-select .btn.btn-default[title="Please select"],
.picker-sm.bootstrap-select .btn.btn-default[title="Select term"],
.picker-sm.bootstrap-select .btn.btn-default[title="Select discount"],
.picker-sm.bootstrap-select .btn.btn-default[title="Select pattern"] {color:#999;}
.bootstrap-select .btn.btn-default {background:#fff;border: 1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}

.table-children.table > tbody + tbody {border-top-width:0px;}
.table-children.table > tbody.tbody-with-header tr:first-of-type {background:none;}
.table-children.table > tbody.tbody-with-header tr:first-of-type th {border-top:0; border-bottom: 2px solid #ddd;}

.table-children.table > tbody > tr {transition:background 0.3s ease-in-out;}
.table-children.table > tbody > tr.updated {background:#b6ffc4 !important;}

.onboard-container {}
.onboard-login-container {width:800px; min-height:580px; margin:35px auto 0; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 20px; background:#fff; display: flex;}
.onboard-login-container .onboard-col {float:left; width:50%;flex: 1; padding:30px;}
.onboard-login-container .onboard-col.onboard-code {display:flex;align-items: center;justify-content: center;}
.onboard-login-container .onboard-intro {background:rgb(var(--base-colour)); background-size: cover; position: relative; border-radius: 10px; text-align: center; color:#fff;}
.onboard-login-container .onboard-intro h1 {font-weight: 900; font-size:20px; margin:0; position: relative; z-index: 1;}
.onboard-login-container .onboard-intro p {opacity: 0.6;}
.onboard-login-container .onboard-intro .messaging-container {position: absolute; bottom:20px; left:20px; right:20px; padding-bottom:30px;}
.onboard-login-container .onboard-intro .messaging-container h2 {font-weight: 700; font-size:20px; margin:0 0 5px 0;}
.onboard-login-container .onboard-intro .messaging-container p { font-size:13px; margin:0 auto;}
.onboard-login-container .onboard-login .login-container {width:80%; margin:0 auto;}
.onboard-login-container .onboard-login .login-container label {font-size: 13px; margin-top:15px;}
.onboard-login-container .onboard-login .login-container .password-check {font-size: 12px; margin-top:10px; margin-bottom:20px;}
.onboard-login-container .onboard-login .login-container .password-check .fa-check {color:#ddd;}
.onboard-login-container .onboard-login .login-container .password-check .fa-check.complete {color:#56c784;}
.onboard-login-container .onboard-login .login-container .btn-primary {background:rgb(var(--base-colour)); color:#fff; font-weight:700; font-size: 13px; height:38px;}
.onboard-login-container .onboard-login .login-container .disclaimer {margin-top:60px; font-size:11px; text-align: center;}
.onboard-login-container .onboard-login .login-container .disclaimer a {color:rgb(var(--base-colour));}
.onboard-login-container .onboard-login .login-container h2 {font-weight: 900; font-size:20px; margin:0 0 15px 0;}
.onboard-login-container .onboard-login .login-container .password-container {position: relative;}
.onboard-login-container .onboard-login .login-container .password-container .password-toggle {position: absolute; z-index:2;top: 0;right: 0;bottom: 0;width: 30px;text-align: center;padding-top: 5px;}
.onboard-login-container .onboard-login .login-container .password-container .password-toggle img {width:20px;}
.onboard-login-container .onboard-login .login-container .password-container input.form-control {padding-right:40px;}
.onboard-login-container .onboard-login .js-code {padding-left:0; padding-right:0; text-align: center;height: 40px;width: 34px;font-size: 18px;font-weight: 900;}


#left-nav-fixed {position: fixed; left:0; top:0; bottom:0; background:rgb(var(--base-colour)); width:250px; color:#fff; overflow-y:auto; z-index: 10;}
#left-nav-fixed h3 {margin:0 0 20px 0; font-size:25px; font-weight: 900; padding:30px 30px 0 30px;}
#left-nav-fixed h4 {margin:20px 0 5px 0; font-size:12px; font-weight: 700; text-transform: uppercase; padding:0 0 0 30px; color:rgba(255,255,255,0.5);}
#left-nav-fixed a {font-size:13px; color:#fff; padding:8px 30px 10px 30px; display: block;position: relative;text-decoration: none;}
#left-nav-fixed a:hover {background:rgba(255,255,255,0.05);}
#left-nav-fixed ul li .bx {margin-right:10px;}
#left-nav-fixed ul li .fa {margin-right:10px;}
#left-nav-fixed ul li img {margin-right:10px; filter: invert(1); width:18px;vertical-align: -3px;}
#left-nav-fixed ul li .status {font-size: 12px; position: absolute; right:30px; top:14px; color:#fff;margin: 0;border-radius: 50%;line-height: 10px; opacity: 0.5;}
#left-nav-fixed ul li:not(.complete,.current) .status {margin-right:2px;}
#left-nav-fixed ul li.complete .status {font-size: 18px; color:#56c784; opacity: 1;}
#left-nav-fixed ul li.complete .fa:before {content:"\f058";}
#left-nav-fixed ul li.complete .fa:after {content:" ";width: 13px;height: 13px;display: block;background: #fff;position: absolute;top: -1px;left: 1px;border-radius: 50%; z-index: -1;}
#left-nav-fixed ul li.complete.current .fa:before {color:#fff;}
#left-nav-fixed ul li.complete.current .fa:after {background:none;}
#left-nav-fixed ul li.current a {background:rgba(255,255,255,0.1);}
#left-nav-fixed ul li.current .status {font-size:14px; opacity: 1;margin-right: 1px;}
#left-nav-fixed ul li.current .fa:before {content:"\f061";}
#left-nav-fixed .logo-container {padding:0 27px 10px 27px;}
#left-nav-fixed .logo-container img {width:130px;}
#left-nav-fixed .badge-count {font-size: 12px;position: absolute;right: 25px;top: 10px;color: #fff;background: #c00;padding: 2px 7px 4px 7px;}

#top-nav-fixed {position: fixed; top:0; left:250px; right:0; height:80px; padding:15px;border-bottom:2px solid #e2e2e2; background:#fff; z-index: 10;}
#top-nav-fixed .progress-box {text-align: right;padding-top: 10px;}

.progress-container {height:10px; display: inline-block; width:150px; background:#e5e5e5; border-radius: 10px; overflow: hidden; margin:0 5px;}
.progress-container .progress-line {height:10px; display: inline-block; background:#56c784; float:left; border-radius: 10px; transition:all 0.2s ease-in-out;}

#bottom-nav-fixed {position: fixed; bottom:0; left:250px; right:0; height:80px; padding:15px;border-top:2px solid #e2e2e2; background:#fff; z-index: 10;}

#onboarding-container {padding:80px 0 80px 250px;}
#onboarding-container .onboarding-inner-container {padding:20px;max-width: 1025px;margin: 0 auto;}
#onboarding-container .onboarding-inner-container.full-width {max-width: none;}
#onboarding-container .onboarding-inner-container .sub-title {font-weight: 900; color:rgb(var(--base-colour));}
#onboarding-container .onboarding-inner-container .input-group .input-group-addon,
.modal-help .input-group .input-group-addon {background:#fff; color:rgb(var(--base-colour)); font-weight: 700;}
		
.modal-styled .modal-body {padding-bottom:30px;}
.modal-styled .close {width: 50px;height: 50px;border: 1px solid #555; transition:all 0.2s ease-in-out; text-align: center; border-radius: 50%;margin-top: 20px; margin-right: 20px;}
.modal-styled .close:hover {background:#f2f2f2;}
.modal-styled .terms-content {padding:0 30px 30px 30px; height:300px; overflow: auto;}
.modal-styled .body-content {padding:0 30px 30px 30px;}
.modal-styled .modal-title {font-size:25px; font-weight:900; margin:0 0 20px 0; padding:30px 0 0 30px;color:rgb(var(--base-colour));}
.modal-styled h2 {font-size:16px; font-weight:900; margin:20px 0 20px 0;}
.modal-styled h3 {font-size:14px; font-weight:700; margin:20px 0 20px 0;}
.modal-styled p {font-size:13px;}

.modal-styled .modal-help.modal-help-sm {width:400px;}
.modal-styled .modal-help .modal-header {border-bottom:0; padding-bottom: 0;}
.modal-styled .modal-help .modal-body {padding-left: 40px; padding-right: 40px;}
.modal-styled .modal-help .modal-body h4 {font-weight: 900; margin-top:30px;color:rgb(var(--base-colour));}
.modal-styled .modal-help .modal-body h4:first-of-type {margin-top:0;}
.modal-styled .modal-help .modal-body p strong {font-weight: 900;}
.modal-styled .modal-help .modal-body p a {text-decoration: underline;color:rgb(var(--base-colour));}
.modal-styled .modal-help .modal-body p a:hover {text-decoration: none;}
.modal-styled .modal-help .modal-body p a.btn.btn-primary {color:#fff; text-decoration: none;}

.modal-styled.modal-fullwidth .modal-dialog {bottom: 30px;position: absolute;top: 30px;margin: 0;left: 30px;right: 30px;width: auto;}
.modal-styled.modal-fullwidth .modal-dialog .modal-content {position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow-y: auto;}


.welcome-message {display: flex;  justify-content: center;  align-items: center;  height: 100%;}
.welcome-message .welcome-content {text-align: left; width: 100%;}
.welcome-message .welcome-content p {width:90%; line-height: 20px; margin-bottom:15px;}
.welcome-message .welcome-content a:not(.btn) {color:#1c8ae4;}
.welcome-message .welcome-content .btn-primary {background:rgb(var(--base-colour)); border:0; height:34px; transition:all 0.2s ease-in-out;}
.welcome-message .welcome-content .btn-primary:hover {background:rgba(var(--base-colour),0.9);}
.welcome-message .welcome-content .agreement {padding:10px 20px 14px 20px; background:#eff4fe; border:1px solid #dfe4ee; font-weight: 700; border-radius: 5px; margin-top:30px; width:80%;}
.welcome-message .welcome-content ul li {margin-bottom:5px;}
.welcome-message .welcome-content ul li .fa-circle-o-notch {color:#ccc;}
.welcome-message .welcome-content ul li .fa-check {color:#56c784;}

/* form validation styling */
.form-control.error {border:1px solid #cc0000; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
div.error {background:#cc0000; border-radius: 0 0 3px 3px;color: #fff;font-size: 11px;padding: 2px 10px 4px 10px;}
div.error.error-standalone {border-radius:3px; margin-top:5px; background:none; color:#cc0000;}
div.error.error-standalone .error-info-icon {margin-right: 5px;display: inline-block;border: 1px solid #c00;border-radius: 50%;width: 11px;height: 11px;font-size: 7px;vertical-align: 1px; text-align:center;}
div.filename-msg  {word-break: break-all; border-radius: 3px; margin-top:4px;font-size: 11px;padding: 2px 10px 4px 10px;}
.bootstrap-select.select-error .btn {border:1px solid #cc0000; border-bottom-left-radius: 0; border-bottom-right-radius: 0;height:34px;}
.amount-error .input-group-addon {border:1px solid #cc0000; border-right:0; border-bottom-left-radius: 0;}
.amount-right-error .input-group-addon {border:1px solid #cc0000; border-left:0; border-bottom-right-radius: 0;}
table.form-styled {background:#fff; border-radius: 5px;}
table.form-styled thead th {font-size:13px; color:#888; font-weight: 400;}
table.form-styled tbody td.well {background:#fff;border: 0;}


.support-page .btn-new-ticket {background: rgb(var(--base-colour));border: 0;height: 34px; font-weight: 900; transition:all 0.2s ease-in-out;}
.support-page .btn-new-ticket:hover {background: rgba(var(--base-colour),0.9);}
.support-page #onboarding-container {padding-bottom: 0;}
.support-page #top-nav-fixed {display:none;}
.support-page #onboarding-container {padding-top:0;}
.support-page .tickets {margin-top:10px;}
.support-page .tickets .list-unstyled {margin-bottom:0;background:rgba(var(--base-colour), 0.1); border-radius: 10px;}
.support-page .tickets .list-unstyled li:first-of-type a {border-top-left-radius: 10px;border-top-right-radius: 10px;}
.support-page .tickets .list-unstyled li:last-of-type a {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.support-page .tickets .ticket-item {padding:15px 20px; display: block; color:#555; text-decoration: none; transition: all 0.2s ease-in-out; border-bottom:1px solid rgba(var(--base-colour), 0.1); position:relative;}
.support-page .tickets .ticket-item:hover {background:rgba(0,0,0,0.1);}
.support-page .tickets .ticket-item .subject {font-weight: 700;}
.support-page .tickets .ticket-item .updated {font-size: 12px;opacity:0.7;}
.support-page .tickets .ticket-item.active {background:rgba(var(--base-colour),0.8); color:#fff;}
.support-page .tickets .ticket-item.active .updated {font-size: 12px;}
.support-page .tickets .ticket-item.active:after {content:""; position: absolute; width:20px; height:20px; border: 10px solid transparent; border-left-color:rgba(var(--base-colour),0.8);right: -20px;top: 35%;}
.support-page .ticket-view {background:rgba(var(--base-colour), 0.1); border-radius: 10px; margin-top:30px; height:calc(100vh - 120px); padding-bottom:150px; position: relative;}
.support-page .ticket-view .subject-container {padding:18px 20px;  border-bottom:1px solid rgba(var(--base-colour), 0.1); height:80px;}
.support-page .ticket-view .sub-title {margin-bottom:0;}
.support-page .ticket-view .title {font-size:18px; margin:0;}
.support-page .ticket-view .reply-box {position: absolute; left:0; right:0; bottom:0; border-top:1px solid rgba(var(--base-colour), 0.1);height:100px; padding-top:20px;}
.support-page .ticket-view .reply-box .text-container {float:left; width:calc(100% - 100px); padding:0 20px;}
.support-page .ticket-view .reply-box .text-container .form-control {height: 60px; resize:none;}
.support-page .ticket-view .reply-box .btn-container {float:left; width:100px; padding-right:20px;}
.support-page .ticket-view .reply-box .btn-send {background: rgb(var(--base-colour));border: 0;height: 60px; padding-top:20px;}
.support-page .ticket-view .messages-container {position: absolute; top:80px; bottom:100px; left:0; right:0; overflow-y: auto; padding:20px 20px 0 20px;}
.support-page .ticket-view .messages-container .bubble-container { padding-bottom:20px;}
.support-page .ticket-view .messages-container .bubble {background:#fff; padding:20px; border-radius:10px 10px 10px 0; width:80%; display:inline-block;}
.support-page .ticket-view .messages-container .bubble .bubble-message {}
.support-page .ticket-view .messages-container .bubble .bubble-updated {opacity:0.7; font-display: 12px; text-align: right; padding-top:10px;}
.support-page .ticket-view .messages-container .bubble-container.received {text-align: right;}
.support-page .ticket-view .messages-container .bubble-container.received .bubble {background:rgba(var(--base-colour),0.8); color:#fff; padding:20px; border-radius:10px 10px 0 10px; text-align: left;}
.support-page .new-ticket-box {background:rgba(var(--base-colour), 0.1); border-radius: 10px; padding:20px; position: relative;}

.datepicker thead .datepicker-switch::before {content: "Click to change year";font-weight: normal;font-size: 10px;display: block;}
.table-children .name {font-size: 12px; }
.table-children .name:last-child {margin-top:3px;}
.table-children .name:first-child {margin-top:0px;}
.table-children .sub_detail {font-size: 12px; color:#777;}
.table-children .email-style {color:#0563c1; font-size: 11px;}
.table-children .email-style.sub_detail {font-size: 12px;}


/* Driver Tour styling */
.driver-popover {padding:20px 25px 20px 25px;}
.driver-popover.step1-tour-popover .driver-popover-navigation-btns button.driver-popover-btn-disabled {display:none !important;}
.driver-popover * {font-family: 'Lato',sans-serif;}
.driver-popover .fa {font-family: 'FontAwesome'; vertical-align: 0px;}
.driver-popover-close-btn {font-size: 20px;border: 1px solid #ccc;border-radius: 50%;width: 30px;height: 30px;right: 22px;top: 18px;line-height: 9px;}
.driver-popover-close-btn:hover {background: #f2f2f2;}
.driver-popover-title {color: #f80094; font-size: 19px; font-weight: 700; margin-bottom:20px;}
.driver-popover-description {color:#555; font-size:14px;}
.driver-popover-footer {margin-top:15px;padding-top:15px; border-top:1px dashed #ccc;}
.driver-popover-navigation-btns button.driver-popover-next-btn {background: #f80094;text-shadow: none;font-weight: bold;border-radius: 20px;color: #fff;padding: 8px 20px;border: 0; transition:all 0.2s ease-in-out;}
.driver-popover-navigation-btns button.driver-popover-next-btn:hover {background: #d80074;}
.driver-popover-navigation-btns button.driver-popover-prev-btn {background: none;text-shadow: none;color: #757575;font-weight: bold;border: 0;padding: 8px 20px;border-radius: 20px; transition:all 0.2s ease-in-out;}
.driver-popover-navigation-btns button.driver-popover-prev-btn:hover {background: #f2f2f2;}

/* SCAFFOLDING */
.fa {vertical-align: 1px;}
.btn .fa {vertical-align: 0px;}

.p0 {padding: calc(var(--base-space) * 0) !important;}
.p05 {padding: calc(var(--base-space) * 0.5) !important;}
.p1 {padding: var(--base-space) !important;}
.p2 {padding: calc(var(--base-space) * 2) !important;}
.p3 {padding: calc(var(--base-space) * 3) !important;}
.p4 {padding: calc(var(--base-space) * 4) !important;}
.p5 {padding: calc(var(--base-space) * 5) !important;}
.p6 {padding: calc(var(--base-space) * 6) !important;}
.p7 {padding: calc(var(--base-space) * 7) !important;}
.p8 {padding: calc(var(--base-space) * 8) !important;}
.p9 {padding: calc(var(--base-space) * 9) !important;}
.p10 {padding: calc(var(--base-space) * 10) !important;}

.pt0 {padding-top: calc(var(--base-space) * 0) !important;}
.pt05 {padding-top: calc(var(--base-space) * 0.5) !important;}
.pt1 {padding-top: var(--base-space) !important;}
.pt2 {padding-top: calc(var(--base-space) * 2) !important;}
.pt3 {padding-top: calc(var(--base-space) * 3) !important;}
.pt4 {padding-top: calc(var(--base-space) * 4) !important;}
.pt5 {padding-top: calc(var(--base-space) * 5) !important;}
.pt6 {padding-top: calc(var(--base-space) * 6) !important;}
.pt7 {padding-top: calc(var(--base-space) * 7) !important;}
.pt8 {padding-top: calc(var(--base-space) * 8) !important;}
.pt9 {padding-top: calc(var(--base-space) * 9) !important;}
.pt10 {padding-top: calc(var(--base-space) * 10) !important;}

.pr0 {padding-right: calc(var(--base-space) * 0) !important;}
.pr05 {padding-right: calc(var(--base-space) * 0.5) !important;}
.pr1 {padding-right: var(--base-space) !important;}
.pr2 {padding-right: calc(var(--base-space) * 2) !important;}
.pr3 {padding-right: calc(var(--base-space) * 3) !important;}
.pr4 {padding-right: calc(var(--base-space) * 4) !important;}
.pr5 {padding-right: calc(var(--base-space) * 5) !important;}
.pr6 {padding-right: calc(var(--base-space) * 6) !important;}
.pr7 {padding-right: calc(var(--base-space) * 7) !important;}
.pr8 {padding-right: calc(var(--base-space) * 8) !important;}
.pr9 {padding-right: calc(var(--base-space) * 9) !important;}
.pr10 {padding-right: calc(var(--base-space) * 10) !important;}

.pb0 {padding-bottom: calc(var(--base-space) * 0) !important;}
.pb05 {padding-bottom: calc(var(--base-space) * 0.5) !important;}
.pb1 {padding-bottom: var(--base-space) !important;}
.pb2 {padding-bottom: calc(var(--base-space) * 2) !important;}
.pb3 {padding-bottom: calc(var(--base-space) * 3) !important;}
.pb4 {padding-bottom: calc(var(--base-space) * 4) !important;}
.pb5 {padding-bottom: calc(var(--base-space) * 5) !important;}
.pb6 {padding-bottom: calc(var(--base-space) * 6) !important;}
.pb7 {padding-bottom: calc(var(--base-space) * 7) !important;}
.pb8 {padding-bottom: calc(var(--base-space) * 8) !important;}
.pb9 {padding-bottom: calc(var(--base-space) * 9) !important;}
.pb10 {padding-bottom: calc(var(--base-space) * 10) !important;}

.pl0 {padding-left: calc(var(--base-space) * 0) !important;}
.pl05 {padding-left: calc(var(--base-space) * 0.5) !important;}
.pl1 {padding-left: var(--base-space) !important;}
.pl2 {padding-left: calc(var(--base-space) * 2) !important;}
.pl3 {padding-left: calc(var(--base-space) * 3) !important;}
.pl4 {padding-left: calc(var(--base-space) * 4) !important;}
.pl5 {padding-left: calc(var(--base-space) * 5) !important;}
.pl6 {padding-left: calc(var(--base-space) * 6) !important;}
.pl7 {padding-left: calc(var(--base-space) * 7) !important;}
.pl8 {padding-left: calc(var(--base-space) * 8) !important;}
.pl9 {padding-left: calc(var(--base-space) * 9) !important;}
.pl10 {padding-left: calc(var(--base-space) * 10) !important;}

.px0 {padding-left: calc(var(--base-space) * 0) !important;padding-right: calc(var(--base-space) * 0) !important;}
.px05 {padding-left: calc(var(--base-space) * 0.5) !important;padding-right: calc(var(--base-space) * 0.5) !important;}
.px1 {padding-left: var(--base-space) !important;padding-right: var(--base-space) !important;}
.px2 {padding-left: calc(var(--base-space) * 2) !important;padding-right: calc(var(--base-space) * 2) !important;}
.px3 {padding-left: calc(var(--base-space) * 3) !important;padding-right: calc(var(--base-space) * 3) !important;}
.px4 {padding-left: calc(var(--base-space) * 4) !important;padding-right: calc(var(--base-space) * 4) !important;}
.px5 {padding-left: calc(var(--base-space) * 5) !important;padding-right: calc(var(--base-space) * 5) !important;}
.px6 {padding-left: calc(var(--base-space) * 6) !important;padding-right: calc(var(--base-space) * 6) !important;}
.px7 {padding-left: calc(var(--base-space) * 7) !important;padding-right: calc(var(--base-space) * 7) !important;}
.px8 {padding-left: calc(var(--base-space) * 8) !important;padding-right: calc(var(--base-space) * 8) !important;}
.px9 {padding-left: calc(var(--base-space) * 9) !important;padding-right: calc(var(--base-space) * 9) !important;}
.px10 {padding-left: calc(var(--base-space) * 10) !important;padding-right: calc(var(--base-space) * 10) !important;}

.py0 {padding-bottom: calc(var(--base-space) * 0) !important;padding-top: calc(var(--base-space) * 0) !important;}
.py05 {padding-bottom: calc(var(--base-space) * 0.5) !important;padding-top: calc(var(--base-space) * 0.5) !important;}
.py1 {padding-bottom: var(--base-space) !important;padding-top:var(--base-space) !important;}
.py2 {padding-bottom: calc(var(--base-space) * 2) !important;padding-top: calc(var(--base-space) * 2) !important;}
.py3 {padding-bottom: calc(var(--base-space) * 3) !important;padding-top: calc(var(--base-space) * 3) !important;}
.py4 {padding-bottom: calc(var(--base-space) * 4) !important;padding-top: calc(var(--base-space) * 4) !important;}
.py5 {padding-bottom: calc(var(--base-space) * 5) !important;padding-top: calc(var(--base-space) * 5) !important;}
.py6 {padding-bottom: calc(var(--base-space) * 6) !important;padding-top: calc(var(--base-space) * 6) !important;}
.py7 {padding-bottom: calc(var(--base-space) * 7) !important;padding-top: calc(var(--base-space) * 7) !important;}
.py8 {padding-bottom: calc(var(--base-space) * 8) !important;padding-top: calc(var(--base-space) * 8) !important;}
.py9 {padding-bottom: calc(var(--base-space) * 9) !important;padding-top: calc(var(--base-space) * 9) !important;}
.py10 {padding-bottom: calc(var(--base-space) * 10) !important;padding-top: calc(var(--base-space) * 10) !important;}

.m0 {margin: calc(var(--base-space) * 0) !important;}
.m05 {margin: calc(var(--base-space) * 0.5) !important;}
.m1 {margin: var(--base-space) !important;}
.m2 {margin: calc(var(--base-space) * 2) !important;}
.m3 {margin: calc(var(--base-space) * 3) !important;}
.m4 {margin: calc(var(--base-space) * 4) !important;}
.m5 {margin: calc(var(--base-space) * 5) !important;}
.m6 {margin: calc(var(--base-space) * 6) !important;}
.m7 {margin: calc(var(--base-space) * 7) !important;}
.m8 {margin: calc(var(--base-space) * 8) !important;}
.m9 {margin: calc(var(--base-space) * 9) !important;}
.m10 {margin: calc(var(--base-space) * 10) !important;}

.mt0 {margin-top: calc(var(--base-space) * 0) !important;}
.mt05 {margin-top: calc(var(--base-space) * 0.5) !important;}
.mt1 {margin-top: var(--base-space) !important;}
.mt2 {margin-top: calc(var(--base-space) * 2) !important;}
.mt3 {margin-top: calc(var(--base-space) * 3) !important;}
.mt4 {margin-top: calc(var(--base-space) * 4) !important;}
.mt5 {margin-top: calc(var(--base-space) * 5) !important;}
.mt6 {margin-top: calc(var(--base-space) * 6) !important;}
.mt7 {margin-top: calc(var(--base-space) * 7) !important;}
.mt8 {margin-top: calc(var(--base-space) * 8) !important;}
.mt9 {margin-top: calc(var(--base-space) * 9) !important;}
.mt10 {margin-top: calc(var(--base-space) * 10) !important;}

.mr0 {margin-right: calc(var(--base-space) * 0) !important;}
.mr05 {margin-right: calc(var(--base-space) * 0.5) !important;}
.mr1 {margin-right: var(--base-space) !important;}
.mr2 {margin-right: calc(var(--base-space) * 2) !important;}
.mr3 {margin-right: calc(var(--base-space) * 3) !important;}
.mr4 {margin-right: calc(var(--base-space) * 4) !important;}
.mr5 {margin-right: calc(var(--base-space) * 5) !important;}
.mr6 {margin-right: calc(var(--base-space) * 6) !important;}
.mr7 {margin-right: calc(var(--base-space) * 7) !important;}
.mr8 {margin-right: calc(var(--base-space) * 8) !important;}
.mr9 {margin-right: calc(var(--base-space) * 9) !important;}
.mr10 {margin-right: calc(var(--base-space) * 10) !important;}

.mb0 {margin-bottom: calc(var(--base-space) * 0) !important;}
.mb05 {margin-bottom: calc(var(--base-space) * 0.5) !important;}
.mb1 {margin-bottom: var(--base-space) !important;}
.mb2 {margin-bottom: calc(var(--base-space) * 2) !important;}
.mb3 {margin-bottom: calc(var(--base-space) * 3) !important;}
.mb4 {margin-bottom: calc(var(--base-space) * 4) !important;}
.mb5 {margin-bottom: calc(var(--base-space) * 5) !important;}
.mb6 {margin-bottom: calc(var(--base-space) * 6) !important;}
.mb7 {margin-bottom: calc(var(--base-space) * 7) !important;}
.mb8 {margin-bottom: calc(var(--base-space) * 8) !important;}
.mb9 {margin-bottom: calc(var(--base-space) * 9) !important;}
.mb10 {margin-bottom: calc(var(--base-space) * 10) !important;}

.ml0 {margin-left: calc(var(--base-space) * 0) !important;}
.ml05 {margin-left: calc(var(--base-space) * 0.5) !important;}
.ml1 {margin-left: var(--base-space) !important;}
.ml2 {margin-left: calc(var(--base-space) * 2) !important;}
.ml3 {margin-left: calc(var(--base-space) * 3) !important;}
.ml4 {margin-left: calc(var(--base-space) * 4) !important;}
.ml5 {margin-left: calc(var(--base-space) * 5) !important;}
.ml6 {margin-left: calc(var(--base-space) * 6) !important;}
.ml7 {margin-left: calc(var(--base-space) * 7) !important;}
.ml8 {margin-left: calc(var(--base-space) * 8) !important;}
.ml9 {margin-left: calc(var(--base-space) * 9) !important;}
.ml10 {margin-left: calc(var(--base-space) * 10) !important;}

.mx0 {margin-left: calc(var(--base-space) * 0) !important;margin-right: calc(var(--base-space) * 0) !important;}
.mx05 {margin-left: calc(var(--base-space) * 0.5) !important;margin-right: calc(var(--base-space) * 0.5) !important;}
.mx1 {margin-left: var(--base-space) !important;margin-right: var(--base-space) !important;}
.mx2 {margin-left: calc(var(--base-space) * 2) !important;margin-right: calc(var(--base-space) * 2) !important;}
.mx3 {margin-left: calc(var(--base-space) * 3) !important;margin-right: calc(var(--base-space) * 3) !important;}
.mx4 {margin-left: calc(var(--base-space) * 4) !important;margin-right: calc(var(--base-space) * 4) !important;}
.mx5 {margin-left: calc(var(--base-space) * 5) !important;margin-right: calc(var(--base-space) * 5) !important;}
.mx6 {margin-left: calc(var(--base-space) * 6) !important;margin-right: calc(var(--base-space) * 6) !important;}
.mx7 {margin-left: calc(var(--base-space) * 7) !important;margin-right: calc(var(--base-space) * 7) !important;}
.mx8 {margin-left: calc(var(--base-space) * 8) !important;margin-right: calc(var(--base-space) * 8) !important;}
.mx9 {margin-left: calc(var(--base-space) * 9) !important;margin-right: calc(var(--base-space) * 9) !important;}
.mx10 {margin-left: calc(var(--base-space) * 10) !important;margin-right: calc(var(--base-space) * 10) !important;}

.my0 {margin-top: calc(var(--base-space) * 0) !important;margin-bottom: calc(var(--base-space) * 0) !important;}
.my05 {margin-top: calc(var(--base-space) * 0.5) !important;margin-bottom: calc(var(--base-space) * 0.5) !important;}
.my1 {margin-top: var(--base-space) !important;margin-bottom:var(--base-space) !important;}
.my2 {margin-top: calc(var(--base-space) * 2) !important;margin-bottom: calc(var(--base-space) * 2) !important;}
.my3 {margin-top: calc(var(--base-space) * 3) !important;margin-bottom: calc(var(--base-space) * 3) !important;}
.my4 {margin-top: calc(var(--base-space) * 4) !important;margin-bottom: calc(var(--base-space) * 4) !important;}
.my5 {margin-top: calc(var(--base-space) * 5) !important;margin-bottom: calc(var(--base-space) * 5) !important;}
.my6 {margin-top: calc(var(--base-space) * 6) !important;margin-bottom: calc(var(--base-space) * 6) !important;}
.my7 {margin-top: calc(var(--base-space) * 7) !important;margin-bottom: calc(var(--base-space) * 7) !important;}
.my8 {margin-top: calc(var(--base-space) * 8) !important;margin-bottom: calc(var(--base-space) * 8) !important;}
.my9 {margin-top: calc(var(--base-space) * 9) !important;margin-bottom: calc(var(--base-space) * 9) !important;}
.my10 {margin-top: calc(var(--base-space) * 10) !important;margin-bottom: calc(var(--base-space) * 10) !important;}

.b0 {border:0 !important;}

.fw-thin {font-weight:300 !important;}
.fw-normal {font-weight:400 !important;}
.fw-bold {font-weight:700 !important;}
.fw-black {font-weight:900 !important;}

.display-inline {display: inline-block !important;}
.display-block {display: block !important;}

.col-centered {
	float:none;
	margin:0 auto;
}

/*For 5 columns*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.no-padding {
	padding:0;
}

.no-margin {
	margin:0;
}