﻿
body {
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.modal .modal-dialog .modal-content {
	margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

#activity-detail-spinner,
#sendcoin-spinner {
	display: none;
	padding-bottom: 2rem;
	font-weight: bold;
	text-align: center;
}

#countdown-expired {
	display: none;
}

#activity-leave-button-signup {
	display: none;
}

/* pop ups */
.popupWindow {
	display: none;
}

.popupContent {
	padding: 0.5rem;
}

.popupContent input[type="text"],
.popupContent input[type="email"],
.popupContent input[type="phone"],
.popupContent input[type="number"],
.popupContent input[type="password"] {
	width: 90%;
}

.popupFooter {
	margin-top: 1rem;
}

.popupFooterLeft {
	width: 50%;
	float: left;
	min-height: 1rem;
}

.popupFooterRight {
	width: 49%;
	float: left;
	text-align: right;
	min-height: 1rem;
}

.popupFooterLeft a,
.popupFooterRight a {
	width: 100px;
}

.popupContent .cbtn {
	width: 60% !important;
}

/* profile page */
.profile-qr-code {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.scan_qr {
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
}

.scan_qr img {
	width: 100%;
}

#profile-tabstrip {
	min-height: 400px;
}

.profile-error {
	display: none;
	color: red !important;
	width: 90%;
}

.profile-dropdown {
	width: 100%;	
}

.profile-required {
	color: red;
	margin-left: 5px;
	font-weight: bold;
}

#change-password {
	width: 95%;
}

.delete-account-warning {
	font-weight: bold;
	color: red;
}


/* kendo tabstrip*/
#tabstrip-wrapper,
#tabstrip-wrapper label,
#tabstrip-wrapper p {
	font-family: 'linotte', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	color: #7f8792;
	font-weight: 400;
}

/* to work on mobile view */
#tabstrip-wrapper input[type="text"],
#tabstrip-wrapper input[type="email"],
#tabstrip-wrapper input[type="phone"],
#tabstrip-wrapper input[type="number"],
#tabstrip-wrapper input[type="password"] {
	width: 90%;
}

/* to work on mobile view */
#tabstrip-wrapper .cbtn {
	width: 60% !important;
}

/* to work on mobile view */
#tabstrip-wrapper .col-sm-12 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#tabstrip-wrapper .k-header {
	background-color: white !important;
	border: none !important;
}

#tabstrip-wrapper .k-tabstrip-items .k-item {
	background-color: white !important;
}

#tabstrip-wrapper .k-tabstrip:focus {
	box-shadow: none;
}

#tabstrip-wrapper .k-content {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-color: #dee2e6;	
}

#tabstrip-wrapper .k-tabstrip-items .k-state-default {
	border-color: white;
}

#tabstrip-wrapper .k-tabstrip-items .k-state-active {
	border-color: #dee2e6 #dee2e6 #fff;
}

#tabstrip-wrapper .k-tabstrip-items .k-state-default .k-link {
	text-transform: uppercase !important;
	color: #ec267d;
	font-size: 80%;
	font-weight: 400;
	padding: .5rem 1rem;
}

.k-popup {
	color: #ec267d !important;
	background: white;
	border-color: #dee2e6;
}

.k-state-default {
	background: white;
	color: #ec267d !important;
}

#tabstrip-wrapper {
	color: #ec267d !important;
}


/* Identity */
.register-info {
	font-size: 16px;
	color: #7f8792;
}

.register-info-bold {
	font-size: 0.9rem;
	color: #ec267d;
}

#show-passwords-wrapper {
	text-align: right;
	margin-top: 0.5rem;
	font-size: 0.9rem;
	color: #ec267d;
}

.validation-summary-errors {
	padding: .75rem 1.25rem;
	border: 1px solid #f5c6cb;
	border-radius: .25rem;
	color: #721c24 !important;
	background-color: #f8d7da;
}

.validation-summary-errors ul {
	text-align: left;
	padding-left: 1rem;
	margin-bottom: 0;
}
	.validation-summary-errors ul li {
		font-size: 0.9rem;
	}

.slider_container {
	display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.box:hover {
	background: #405866;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
	transition-property: all;
	-webkit-transition: all 0.3s ease-in-out;
}

html {
	scroll-behavior: smooth;
}

@font-face {
	font-family: "Linotte Bold";
	src: url('fonts/linotte-semibold1-webfont.ttf') format("truetype");
}

@font-face {
	font-family: "Linotte Light";
	src: url("fonts/linotte_light-webfont.ttf") format("truetype");
}

@font-face {
	font-family: "Linotte";
	src: url("fonts/linotte_regular-webfont.ttf") format("truetype");
}

input[type=checkbox] {
	accent-color: #ec267d;
}
.k-window-titlebar .k-window-action {
	opacity: 0;
}

#agencyRegistrationCompletePopup_wnd_title {
    overflow: visible;
}

.dash_menu_botm_btn img {
	min-height: auto;
}

#use-location-button.selected img {
	filter: grayscale(0);
}

.details-modal.modal:not(.data-loaded) {
	display: none !important;
}

@media (min-width: 576px) {
    .details-modal .modal-dialog {
        max-width: none !important;
    }
}

@media (min-width: 768px) {
    .details-modal .modal-dialog {
        max-width: none !important;
    }
}

@media (min-width: 992px) {
    .details-modal .modal-dialog {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    .details-modal .modal-dialog {
        max-width: 1140px !important;
    }
}

@media (max-width: 767px) {
    .inner_page_push {
        margin-top: 0px !important;
    }
	.modal-dialog {
		margin: 0px;
	}
}

@media (max-width: 992px) {
    .details-modal .modal-dialog.container {
        max-width: none !important;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
    }
	.details-modal.modal {
		padding-right: 0px !important;
	}
	.details-modal .modal-content {
		border-radius: 0px !important;
	}
}

.details-modal .filter_title {
	padding: 1rem 1rem 0rem 1rem;
}

.details-modal .modal-body {
	padding-top: 0px;
}

.details-modal .filter_title .close span {
	padding: 0px;
}

#map-canvas-details {
    width: 100%;
    height: 350px;
}

.details-modal .container.cc_container {
    margin-top: 5px;
}

input.using-current-location::placeholder {
	color: #ec267d;
	opacity: 1;
}

.filter-postcode-description {
	color: #ec267d;
}

.map_modal_wrp.active {
	top: env(safe-area-inset-top) !important;
	height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
}

#map_locations {
	height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
}

.catgry_list ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px;
    max-height: 240px;
    padding-bottom: 50px;
	overflow-y: scroll;
}

.filter_wrp_inner .form_row {
    border-bottom: none;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.filter_wrp_inner .form_row.ra-search {
	padding: 15px;
    background-color: #F89E22;
    border-radius: 8px;
	margin-bottom: 15px;
}

.filter_wrp_inner .form_row.ra-search > label {
	color: #fff;
	padding-bottom: 4px;
}

.filter_wrp_inner .form_row.ra-search input.k-input {
    border-radius: 4px;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 0.5em;
    margin: 0;
}

.filter_wrp_inner .form_row.ra-search span.k-dropdown-wrap {
    border-color: #7F8792;
}

/*.filter_wrp_inner .form_row.ra-search > span.k-autocomplete {
	width: 100%;
}*/

.dash-separator {
	margin-top: 10px;
	border-bottom: 2px dashed #7F8792;
    margin-bottom: 10px;
}

.form_row.ra-search .k-combobox .k-dropdown-wrap {
	padding-right: 0px;
}

.form_row.ra-search .k-combobox .k-dropdown-wrap .k-select {
    display: none;
}
 
.form_row.ra-search .k-combobox .k-dropdown-wrap .k-clear-value {
    right: 8px;
}

.modal-body {
	padding-bottom: 0px;
}

@media (min-width: 576px) {
	#filter .modal-dialog {
		margin: 1rem auto;
	}
}

#filter.modal {
	padding-right: 0px !important;
}

.cc_detals_box a.created-by-link {
	text-decoration: underline !important;
}

.input-box-with-sign-wrapper {
	display: flex;
}

.pre-input-box-sign {
	border: 1px solid #7f8792;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	font-size: 18px;
	align-items: center;
	background-color: #f3f2f1;
	cursor: default;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	min-width: 2.5rem;
}

.input-box-with-sign {
	border-left: 0 !important;
	border-radius: 0 5px 5px 0 !important;
}

.wfv-list-icon {
	width: 28px;
    align-self: start;
    margin: 0.3rem 0.3rem 0px 0px;
}

.wfv-detail-icon {
	width: 40px;
}

.wfv-detail-container {
	display: flex;
	margin-bottom: 0.5rem;
}

.wfv-detail-message {
	color: #0C77BD;
	font-weight: bold;
	flex: 1;
	line-height: 1.2;
	padding-left: 0.6rem;
}

.wfv-top-right {
	display: flex; 
	flex-direction: column; 
	flex: 1;
}

.wfv-act_prj {
	display: flex; 
	flex: 1; 
	align-items: end;
}

.wfv-act_prj > span {
	flex: 1;
}

.wfv-act_pr {
	flex: 1;
}

.wfv-act_inn {
	align-items: stretch;
}

.wfv-sort {
	margin-bottom: 0.3rem;
}

.wfv-sort input[type=checkbox] {
	width: auto;
    display: inline;
	margin: 0px;
}

.wfv-sort label {
    margin-left: 5px;
    display: inline;
    color: #fff;
	font-size: 16px;
}