body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #252525 !important;
}

a:not(.btn),
a:link:not(.btn),
a:visited:not(.btn) {
	text-decoration: none;
	background-color: transparent;
	color: #155D97;
}

a:hover {
	color: #1C75BC;
}

a.c-sidebar-nav-link {
	color: #fff !important;
}

.types-w {
	min-width: 150px;
}

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

.ql-container.ql-snow,
.ql-toolbar.ql-snow {
	border: none;
	background-color: #fff;
	padding: 10px
}

.h1, h1, h2 {
	font-weight: 600 ;
	font-size: 1.75rem ;
}

.card {
	border: 0;
	border-top: 0 !important;
	border-radius: 2px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 21, .10) !important;
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,21,.03)!important;
}
.c-header {border-bottom:0}

.title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #666;
}
.titlesp {
	color: #676767;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 3px;
}
.main-content {
	background-color: #F5F7FA
}

.sidetitle {
	font-size: 12px
}

.resp-cust .card-view {
	float: left;
	border-top: none !important;
	padding: 1px 4px !important;
}


.resp-cust .card-view:last-child {
	float: right;
}

.resp-cust .card-view-title {
	display: none !important;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view {
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding: 8px;
	border-top: 1px solid #e1e1e1;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view:first-of-type {
	border-top: none;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view-value {
	text-align: right;
	width: auto !important;
}


.table td,
.table th,
.table tr {
	
	border-top: 0;
}


.table tr .pad-0 {
	padding: 0 !important;
}

.fixed-table-toolbar,
.fixed-table-pagination {
	padding: 10px
}

.bootstrap-table .fixed-table-container .table thead th {
	width: auto !important;
	vertical-align: text-top;
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
	padding: .60rem 0px;
}

.table .thead-light th {
	color: #4d4d4d;
	background-color: #F5F5F5;
	border-color: #F5F5F5;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 5px solid #e1e1e1 !important;
	padding:.60rem .60rem .60rem 0 !important;
}

.table thead th:first-child {
	padding:.60rem  !important;
}
.table-hover tbody tr.detail-view:hover {
	background-color: #fff !important;
}
.alert-danger {
	color: #e55353 !important;
	background-color: #fff !important;
	border-color: #f1f1f1 !important;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.break-line{
	white-space: pre;
}
.asoc-src-box:hover {
	border-left: 0 !important;
	background-color: #1C75BC;
}

.map-srch {
	position: relative;
	bottom: 16px;
	height: 55px;
}


.assoc-src-i {
	left: 0;
	color: #404040;
	position: absolute;
	width: 20px;
	padding: 7px 20px 5px 25px;
	z-index: 4
}

.add-srch-i {
	color: #155D97;
	position: relative;
	padding: 2px 0px 1px 10px;
	z-index: 4;
	top: 32px;
}

.top-srch-i {
	color: #404040;
	position: absolute;
	z-index: 3;
	padding: 0 0 0 10px;
	top: 18px;
}




.btn-before:before {
	position: absolute;
	font-family: 'FontAwesome';
	top: 0;
	left: 10px;
	content: "\f005";
}


input.assoc-src,
input.add-srch,
input.top-srch {
	padding-right: 12px;
	padding-left: 32px;
	border-radius: 20px;
	border: 0;
	font-family: 'Open Sans', Helvetica, sans-serif
}

input.add-srch {
	line-height: 19px;
	min-height: 45px;
}

input.add-srch::placeholder {
	color: #155D97;
	text-transform: uppercase;
	opacity: 1;
	font-weight: bold
}

input.add-srch:-ms-input-placeholder {
	color: #155D97;
	text-transform: uppercase;
	font-weight: bold
}

input.add-srch::-ms-input-placeholder {
	color: #155D97;
	text-transform: uppercase;
	font-weight: bold
}


input.add-srch,
input.add-srch-mob {
	border: 2px solid #155D97 !important;
	padding-right: 0;
}


input.top-srch {
	border: 2px solid #ccc;
	padding-right: 0;
}

input.assoc-src:focus,
input.assoc-src:hover {
	box-shadow: 0 0 5pt 0.5pt #fff;
}


input.address-search[type=search],
input.address-search-mob[type=search] {
	-webkit-appearance: textfield;
	font-family: inherit;
	font-size: 100%;
	outline: none;
}

input.address-search::-webkit-search-decoration,
input.address-search::-webkit-search-cancel-button {
	display: none;
}

.add-srch-mob-i {
	color: #155D97;
	position: absolute;
	padding: 2px 0px 1px 10px;
	z-index: 4;
	top: 12px;
}

input:focus::placeholder {
	color: transparent;
}

input.address-search[type=search] {
	border: 1px solid #ccc;
	padding: 6px 10px 6px 32px;
	width: 183px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

input[type=search]:focus,
input[type=search]:hover {

	background-color: #fff;
	border-color: #66CC75;
	-webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	-moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	box-shadow: 0 0 5px rgba(109, 207, 246, .5);
}

input.top-search[type=search]:focus,
input.top-search[type=search]:hover {
	width: 210px;
}

input.address-search-mob[type=search]:focus {
	width: 348px !important;
}

input.address-search-mob[type=search] {
	border: 2px solid #155D97 !important;
	padding: 6px 2px 5px 32px !important;
	width: 115px !important;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s !important;
	position: absolute !important;
	top: -22px !important;
	z-index: 3;
	font-size: 16px;
}

.control-btn {
	min-width: 80px !important;
	margin-right: 13px;
}



input.add-srch:focus,
input.add-srch:hover,
input.top-srch:focus,
input.top-srch:hover {
	box-shadow: 0 0 5px 3px #efefef
}

.c-subheader-nav .btn {
	line-height: 19px;
	min-height: 45px;
}

.c-sidebar-minimized .asoc-src-box:hover {
	width: 312px;
}

.c-sidebar-minimized input.assoc-src {
	position: relative !important;
	left: -10px;
}

.c-sidebar-minimized .assoc-src-i {
	padding: 7px 20px 5px 20px;
}

.c-sidebar-minimized .c-sidebar-nav-link:hover {
	overflow: visible;
}

.map-srch .tt-menu {
	left: -50px !important;
	top: 50px !important;
	margin: 14px 0px 0px !important;
	padding: 0px 0px !important;
}


.dropdown-menu {
	padding: 0;
	margin: 0;
	border: 1px solid #eee;
	border-radius: 2px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 21, .15);
	-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 21, .15);
	min-width: 330px;
}
.datepicker.dropdown-menu {
    min-width: 0;
}
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
	background-color: #ccc;
	border-color: #ccc;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 8.5px 0;
	overflow: hidden;
	background-color: #efefef;
}

.btn.btn-primary:hover,
.btn.btn-primary.active {
	background-color: #0A5EA4;
	border-color: #0A5EA4;
}

.open>.btn-primary.dropdown-toggle {
	background-color: #39a1f4;
	border-color: #39a1f4;
	color: #fff
}

.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:active:focus {
	background-color: #39a1f4;
	border-color: #39a1f4;
	color: #fff
}

.btn.btn-toolbar {
	color: #4D4D4D;
	background-color: #EFEFEF;
	border-color: #EFEFEF;
	text-transform: uppercase;
}

.btn.btn-toolbar .icon {
	color: #1C75BC;
	margin: 0 12px 0 10px;
	float: left;
	font-size: 20px;
}

.datep-icon {
	position: relative;
	top: -28px;
	right: 20px;
	cursor: pointer;
}

.btn.btn-toolbar:hover {
	background-color: #E3E3E3;
	border-color: #E3E3E3;
}

.open>.btn-toolbar.dropdown-toggle {
	background-color: #EFEFEF;
	border-color: #EFEFEF;
	color: #fff;
}

.open>.btn-toolbar.dropdown-toggle:hover,
.open>.btn-toolbar.dropdown-toggle:focus,
.open>.btn-toolbar.dropdown-toggle:active:focus {
	background-color: #E3E3E3;
	border-color: #E3E3E3;
	color: #4D4D4D;
}

/*.dropdown-menu.show {
	margin-left: 6px !important;
}*/

.dropdown-menu li a:hover,
.tt-suggestion:hover,
.tt-cursor a {
	background-color: #1C75BC !important;
	color: #fff !important;
	transition: background-color 0.2s ease-in;
}

.dropdown-menu li a,
.tt-suggestion {
	padding: 10px !important;
	color: #155D97 !important;
	font-weight: bold;
	overflow: hidden;
}

.btn-group .form-control {
	border-radius: 50px;
	height: 40px;
	margin-right: 20px;
	font-weight: 600;
	width: 100%;
	padding: 0px 1px 0 11px;
}

.btn-small {
	line-height: 32px;
	padding: 6px 30px;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	border: 2px solid transparent;
	word-break: inherit !important;
	white-space: inherit;
	color: #4D4D4D;
	background-color: #EFEFEF;
	border-color: #EFEFEF;
}

.btn {
	display: inline-block;
	padding: 10px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 0;
	border-radius: 50px;
	letter-spacing: .5px;
}

.btn-group.group3 .btn {
	display: inline-block;
	font-weight: 600;
	color: #4D4D4D;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-secondary,
span.input-group-text {
	color: #4D4D4D;
	background-color: #EFEFEF;
	border-color: #EFEFEF;
	text-transform: uppercase;
}

.btn-secondary.active {
	color: #fff !important;
	background-color: #155D97;
}

.btn-group.group3 .active .btn-secondary {
	box-shadow: inset 0 3px 5px rgba(0, 0, 21, .125);
}

.btn-group.group3 .btn-secondary {
	min-width: 90px !important;
}



.btn-group.group3 .btn:first-of-type {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.btn-group.group3 .btn:last-of-type {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}


.btn[disabled],
.btn[disabled]:hover {
	background-color: #E8E9ED !important;
	color: #000 !important;
	border: 2px solid transparent;
}

.btn-secondary.active[disabled] {
	background: #C7C7C7 !important;
}

.btn-secondary,
.btn-primary,
.btn-pill,
.btn-solid,
.btn-stroke,
.flat-btn,
.btn-add,
.btn-brand,
.btn-danger {
	min-width: 210px;
	line-height: 30px;
	padding: 5px 30px;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	border: 2px solid transparent;
	word-break: inherit !important;
	white-space: inherit;
}

.btn-micro,
.btn-micro:hover {
	background: black !important;
	min-width: 250px;
}

.btn-danger {
	background-color: #DD0E26;
}

.googleAuth {
	min-width: 250px;
	background-color: #DB4437;
	padding: 5px 10px;
}

.asoc-src-box .tt-menu {
	top: 34px !important;
}


.tt-menu {
	min-width: 220px !important;
	top: 34px;
	width: 100%;
}

.search {
	z-index: 0 !important;
}




.btn-solid.active {
	background-color: #1C75BC
}
/*
.btn-group .btn {
	min-width: 160px;
}
*/

.btn-sidebar .btn {
	line-height: 20px;
	padding: 13px 5px;
}

.min-btn .btn {
	min-width: 180px !important;
}

.btn-solid,
.btn-primary,
.btn-pill {
	background-color: #155D97;
	color: #fff !important;
}

.btn-solid:hover,
.btn-pill:hover,
.btn-primary:hover {
	background-color: #1C75BC;
	color: #fff !important;
}

.btn-add {
	background-color: #328135;
	color: #fff !important;
}

.btn-add:hover {
	background-color: #185D2F !important;
	color: #fff !important;
}


.btn-stroke {
	border: 2px solid #155D97;
	color: #155D97 !important;
	background-color: #fff;
}

.btn-stroke:hover {
	color: #fff !important;
	background-color: #1C75BC !important;
	border: 2px solid #1C75BC;
}

.flat-btn {
	color: #155D97 !important
}

.flat-btn:hover {
	color: #1C75BC !important
}

.btn-icon {
	color: #155D97;
	padding: 10px 12px;
	min-width: 60px !important;
}

.icon-2x {
	padding: 10px 12px 10px 14px;
}

.btn-icon:hover {
	color: #0A72C7;
}

.btn-icon.danger:hover {
	color: #F1223B;
}

.pointer {cursor:pointer}
/*
.btn .fa-w-16 {
	margin-right: 10px;
}
*/
.btn-upload,
.btn-upload-primary {
	border: 4px solid #f1f1f1;
	background-color: #f1f1f1;
	border-radius: 3px;
	height: 150px;
	max-width: 140px;
	text-align: center;
	padding: 6px;
	color: #fff;

}

.btn-upload-primary {
	border: 4px solid #328135;
	box-shadow: inset 0 -40px 22px -11px #252525;
}

.btn-upload:hover {
	border: 4px solid #155D97;
}



.btn-user.active {
	background-color: #D33F0D !important;
}

.bg-blue {
	background-color: #155D97
}

.amenity {
	min-width: 132px;
	line-height: 24px;
	height: 28px;
}

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

.text-bk {
	color: #252525 !important;
}

.mw-auto {
	min-width: auto !important;
}

.page-list button.btn.btn-toolbar.dropdown-toggle {
	padding: 10px 17px;
	min-width: 40px;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #0B6FC0;
	border-color: #0B6FC0;
}

.borderb {
	border-bottom: 2px solid #f1f1f1;
}

.bordert {
	border-top: 2px solid #f1f1f1 !important;
}

.borderhr {
	border-top: 5px solid #eee;
}

.card .sub-title {
	font-weight: 500;
	letter-spacing: .05rem;
	font-size: 1.12rem;
}

.custom-control-label::before {
	top: 0rem;
	width: 1.2rem;
	height: 1.2rem;
}

.custom-control-label::after {
	top: -.1rem;
	width: 1.5rem;
	height: 1.5rem;
}

.custom-control-input:checked~.custom-control-label::before {
	box-shadow: none;
	color: #fff;
	border-color: #0B6FC0;
	background-color: #0B6FC0;
}

html:not([dir=rtl]) .custom-control-label::after {
	left: -1.6rem;
}

.c-sidebar,
.c-sidebar .c-sidebar-brand,
.c-sidebar .c-sidebar-header,
.c-sidebar .c-sidebar-nav-title,
.c-sidebar .c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-link {
	background-color: #155D97;
	color: #fff;
}

.c-sidebar-nav-title {
	font-size: 12px;
	letter-spacing: 2px;
}

.c-sidebar li a {
	color: #fff;
	border-left: transparent solid 5px;
}

.c-sidebar .c-sidebar-nav-dropdown-toggle:hover,
.c-sidebar .c-sidebar-nav-link:hover,
.c-sidebar .c-sidebar-nav-link.c-active {
	background-color: #1C75BC;
	border-left: #F15A29 solid 5px;
}

.modal-content {
	border-radius: 0;
	transition: all 0.3s;
	padding: 20px;
}

.modal-header,
.modal-footer {
	border: none;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 22px;
	font-weight: 700;
}

.modal-subtitle {
	font-size: 18px;
}

.modal-close,
.modal-header .close {
	font-size: 25px;
	position: relative;
	right: 0;
	text-align: center;
	top: -10px;
	color: #202020;
}

.modal-close:hover {
	color: #000;
}

.modal-dialog {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate(0, -500%);
	-ms-transform: translate(0, -500%);
	transform: translate(0, -500%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.modal-body h5 {
	line-height: 1.7;
}


/** BEGIN CSS NEEDED FOR SWITCH **/
.on-off-toggle {
	width: 72px;
	height: 32px;
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.on-off-toggle__slider {
	/** **/
	width: 72px;
	height: 32px;
	display: block;
	border-radius: 34px;
	background-color: #4D4D4D;
	transition: background-color 0.15s;
}

.on-off-toggle__slider:before {
	content: '';
	display: block;
	background-color: #fff;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .8);
	bottom: 4px;
	height: 24px;
	left: 4px;
	position: absolute;
	transition: 0.15s;
	width: 24px;
	z-index: 5;
	border-radius: 100%;
}

.on-off-toggle__slider:after {
	display: block;
	line-height: 31px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	content: 'NO';
	color: #fff;
	padding-left: 34px;
	transition: .15s;

}

.on-off-toggle__input {
	position: absolute;
	opacity: 0;
	width: 72px;
	height: 36px;
	z-index: 10;
	cursor: pointer;
}

.on-off-toggle__input:checked+.on-off-toggle__slider {
	background-color: #02882A;
}

.on-off-toggle__input:checked+.on-off-toggle__slider:before {
	transform: translateX(40px);
}

.on-off-toggle__input:checked+.on-off-toggle__slider:after {
	content: 'YES';
	color: #fff;
	padding-left: 11px;
}

.on-off-toggle__input:disabled+.on-off-toggle__slider {
	opacity: .6;
}

/* ==== Accessibility ===== */
.aural {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.aural:focus {
	clip: rect(0, 0, 0, 0);
	font-size: 1em;
	height: auto;
	outline: thin dotted;
	position: static !important;
	width: auto;
	overflow: visible;
}

/* Checkbox */
.mat-checkbox {
	z-index: 0;
	position: relative;
	display: inline-block;
	color: #4d4d4d;
	font-size: 16px;
	line-height: 1.5;
}

/* Box */
.mat-checkbox>input {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	z-index: 1;
	position: absolute;
	display: block;
	box-sizing: border-box;
	margin: 3px 1px;
	border: solid 2px;
	/* Safari */
	border-color: rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	width: 18px;
	height: 18px;
	outline: none;
	cursor: pointer;
	transition: border-color 0.2s, background-color 0.2s;
}

/* Span */
.mat-checkbox>input+span {
	display: inline-block;
	box-sizing: border-box;
	padding-left: 30px;
	width: inherit;
	cursor: pointer;
}

/* Highlight */
.mat-checkbox>input+span::before {
	content: "";
	position: absolute;
	left: -10px;
	top: -8px;
	display: block;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #000;
	opacity: 0;
	transform: scale(1);
	pointer-events: none;
	transition: opacity 0.3s, transform 0.2s;
}

/* Check Mark */
.mat-checkbox>input+span::after {
	content: "";
	z-index: 1;
	display: block;
	position: absolute;
	top: 3px;
	left: 1px;
	box-sizing: content-box;
	width: 10px;
	height: 5px;
	border: solid 2px transparent;
	border-right-width: 0;
	border-top-width: 0;
	pointer-events: none;
	transform: translate(3px, 4px) rotate(-45deg);
	transition: border-color 0.2s;
}

/* Checked, Indeterminate */
.mat-checkbox>input:checked,
.mat-checkbox>input:indeterminate {
	border-color: rgba(16, 107, 239, 1);
	background-color: rgba(16, 107, 239, 1);
}

.mat-checkbox>input:checked+span::before,
.mat-checkbox>input:indeterminate+span::before {
	background-color: rgba(16, 107, 239, 1);
}

.mat-checkbox>input:checked+span::after,
.mat-checkbox>input:indeterminate+span::after {
	border-color: #fff;
}

.mat-checkbox>input:indeterminate+span::after {
	border-left-width: 0;
	transform: translate(4px, 3px);
}

/* Hover, Focus */
.mat-checkbox:hover>input+span::before {
	opacity: 0.04;
}

.mat-checkbox>input:focus+span::before {
	opacity: 0.12;
}

.mat-checkbox:hover>input:focus+span::before {
	opacity: 0.16;
}

/* Active */
.mat-checkbox:active>input,
.mat-checkbox:active:hover>input {
	border-color: rgba(16, 107, 239, 1);
}

.mat-checkbox:active>input:checked {
	border-color: transparent;
	background-color: rgba(0, 0, 0, 0.6);
}

.mat-checkbox:active>input+span::before {
	opacity: 1;
	transform: scale(0);
	transition: transform 0s, opacity 0s;
}

/* Disabled */
.mat-checkbox>input:disabled {
	border-color: rgba(0, 0, 0, 0.38);
	cursor: initial;
}

.mat-checkbox>input:checked:disabled,
.mat-checkbox>input:indeterminate:disabled {
	border-color: transparent;
	background-color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox>input:disabled+span {
	color: rgba(0, 0, 0, 0.38);
	cursor: initial;
}

.mat-checkbox>input:disabled+span::before {
	opacity: 0;
	transform: scale(0);
}

/* Radio */
.mat-radio {
	z-index: 0;
	position: relative;
	display: inline-block;
	color: #4d4d4d;
	font-size: 16px;
	line-height: 1.5;
}

/* Circle */
.mat-radio>input {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	z-index: 1;
	position: absolute;
	display: block;
	box-sizing: border-box;
	margin: 2px 0;
	border: solid 2px;
	/* Safari */
	/*  border-color: rgba(16, 107, 239, 0.6); */
	border-color: #4d4d4d;

	border-radius: 50%;
	width: 20px;
	height: 20px;
	outline: none;
	cursor: pointer;
	transition: border-color 0.2s;
}

/* Span */
.mat-radio>input+span {
	display: inline-block;
	box-sizing: border-box;
	padding-left: 30px;
	width: inherit;
	cursor: pointer;
}

/* Highlight */
.mat-radio>input+span::before {
	content: "";
	position: absolute;
	left: -10px;
	top: -8px;
	display: block;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: rgba(16, 107, 239, 1);
	opacity: 0;
	transform: scale(0);
	pointer-events: none;
	transition: opacity 0.3s, transform 0.2s;
}

/* Check Mark */
.mat-radio>input+span::after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: rgba(16, 107, 239, 1);
	transform: translate(5px, 5px) scale(0);
	transition: transform 0.2s;
}

/* Checked */
.mat-radio>input:checked {
	border-color: rgba(16, 107, 239, 1);
}

.mat-radio>input:checked+span::before {
	background-color: rgba(16, 107, 239, 1);
}

.mat-radio>input:checked+span::after {
	transform: translate(5px, 5px) scale(1);
}

/* Hover, Focus */
.mat-radio:hover>input+span::before {
	transform: scale(1);
	opacity: 0.04;
}

.mat-radio>input:focus+span::before {
	transform: scale(1);
	opacity: 0.12;
}

.mat-radio:hover>input:focus+span::before {
	transform: scale(1);
	opacity: 0.16;
}

/* Active */
.mat-radio:active>input {
	border-color: rgba(16, 107, 239, 1);
}

.mat-radio:active>input+span::before,
.mat-radio:active:hover>input+span::before {
	opacity: 1;
	transform: scale(0);
	transition: transform 0s, opacity 0s;
}

/* Disabled */
.mat-radio>input:disabled {
	border-color: #727279;
	cursor: initial;
}

.mat-radio>input:disabled+span {
	color: #727279;
	cursor: initial;
}

.mat-radio>input:disabled+span::before {
	opacity: 0;
	transform: scale(0);
}

.mat-radio>input:disabled+span::after {
	background-color: currentColor;
}

.textfield-filled,
.select-fill {
	position: relative;
	display: inline-block;
	font-family: 'Open Sans', Arial;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	width: 100%;
	margin-bottom: 23px;
	height: 55px;
}

.textfield-filled.textarea {
	height: auto !important;
}

/* Input, Textarea */
.textfield-filled>input,
.textfield-filled>textarea,
.select-fill>select {
	display: block;
	box-sizing: border-box;
	margin: 0;
	border: none;
	border-top: solid 20px transparent;
	border-bottom: solid 1px rgba(0, 0, 0, .42);
	border-radius: 4px 4px 0 0;
	padding: 0 10px 2px 10px;

	width: 100%;
	height: inherit;
	color: #202020;
	-webkit-text-fill-color: #202020;
	background-color: #FAFAFA;
	box-shadow: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	caret-color: rgba(0, 0, 0, 0.6);
	transition: border-bottom 0.2s, background-color 0.2s;
	-webkit-appearance: none;

}

.select-fill::after {
	content: '\25E3';
	color: #333;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 11px;
	top: 18px;
	padding: 0 0 2px;
	position: absolute;
	pointer-events: none;
}

.textfield-filled.mult-select {
	font-size: 14px;
	background-color: #FAFAFA;
}

.textfield-filled.mult-select>span {
	font-weight: 600;
	color: #4d4d4d;
	font-size: 14px;
	background-color: #FAFAFA;
	padding: 0 12px;
}

/* Span */
.textfield-filled>input+span,
.textfield-filled>textarea+span,
.select-fill>span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	box-sizing: border-box;
	padding: 1px 10px 0;
	color: #4d4d4d;
	font-size: 85%;
	line-height: 20px;
	pointer-events: none;
	transition: color 0.1s, font-size 0.1s, line-height 0.1s;
	font-weight: 600;
	letter-spacing: 0px;
}

/* Underline */
.textfield-filled>input+span::after,
.textfield-filled>textarea+span::after,
.select-fill>select+span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #106BEF;
	transform-origin: bottom center;
	transform: scaleX(0);
	transition: transform 0.1s;
}

/* Hover */
.textfield-filled:hover>input,
.textfield-filled:hover>textarea,
.select-fill:hover>select {
	border-bottom-color: rgba(0, 0, 0, 0.87);
	background-color: rgba(0, 0, 0, 0.08);
}

/* Placeholder-shown */
.textfield-filled>input:not(:focus):placeholder-shown+span,
.textfield-filled>textarea:not(:focus):placeholder-shown+span,
.select-fill+span {
	font-size: inherit;
	line-height: 55px;
	overflow: hidden;
}

/* Focus */

.select-fill>select:focus {
	border-bottom: #106BEF solid 2px;
}

.textfield-filled>input:focus,
.textfield-filled>textarea:focus {
	outline: none;
}

.textfield-filled>input:focus+span,
.textfield-filled>textarea:focus+span,
.select-fill>select:focus+span {
	color: #106BEF;
}

.textfield-filled>input:focus+span::after,
.textfield-filled>textarea:focus+span::after,
.select-fill>select:focus+span::after {
	transform: scale(1);
}

/* Disabled */
.textfield-filled>input:disabled,
.textfield-filled>textarea:disabled {
	border-bottom-color: #FAFAFA;
	color: #707070;
	background-color: #FAFAFA;
}

.textfield-filled>input:disabled+span,
.textfield-filled>textarea:disabled+span {
	color: #707070;
}

.select-fill>select:disabled {
	border-bottom-color: #FAFAFA;
	color: #707070;
	background-color: rgba(0, 0, 0, 0.03);
}

.select-fill>select:disabled+span {
	color: #707070;
}



.select-fill>select:focus {
	outline: none;
}

.select-fill>select:focus+span {
	color: #106BEF;
}

.select-fill>select:focus+span::after {
	transform: scale(1);
}

.select-fill option {
	padding: 0 16px;
	line-height: 48px;
	cursor: pointer;
	background: white
}
.select-fill>select {
	cursor: pointer;
}

.checkbox.required,
.was-validated:invalid .checkbox {
	border-color: #DD0E26;
}

.was-validated:invalid .textfield-filled>input,
.was-validated:invalid .textfield-filled>textarea,
.was-validated:invalid .select-fill>select {
	border-bottom: #DD0E26 solid 2px;
}

.was-validated:invalid .textfield-filled>input:disabled {
	border-bottom: 0;
}

.was-validated:valid .textfield-filled>input,
.was-validated .textfield-filled>input:valid,
.was-validated .textfield-filled>textarea:valid,
.was-validated .select-fill>select:valid {
	border-bottom: 2px solid #328135;
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
	color: #328135;
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
	border-color: #328135;
	background-color: #328135;
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before,
.was-validated .mat-checkbox>input:valid {
	border-color: #328135;
}

.ltr-box,
.ltr-sent,
.ltr-pend {
	background-color: #F5F7FA;
	border-left: #BCBCBC solid 6px;
	cursor: pointer;
	margin-bottom: 15px;
}

.ltr-box:hover {
	background-color: #DEDEDE
}

.ltr-sent {
	border-left: #328135 solid 6px;
}

.ltr-pend {
	border-left: #F15A29 solid 5px;
}

.grn {
	color: #328135;
}

.ylw {
	color: #F15A29;
}


.font-weight-600 {
	font-weight: 600
}

.fs-16,
.fs-16-b {
	font-size: 16px;
}
.fs-15 {
    font-size: 15px;
}
.fs-14,
.fs-14-b {
	font-size: 14px;
}
.fs-16-b,.fs-14-b {
	font-weight: bold
}

.danger {
	color: #DD0E26
}
.b-danger {
	border-color: #DD0E26
}

.bg-danger, .btn-danger {
	background-color: #DD0E26 !important
}

.invalid-feedback {
	margin-top: 0;
	font-size: 80%;
	color: #DD0E26;
	font-weight: 600;
}

.badge.viol {
	color: #fff;
	font-size: 13px;
	padding: .4rem 1rem;
}

.h1-head {
	font-size: 1.75rem;
	font-weight: bold
}

.accordion>.card>.card-header:after,
.accordion>.card>.card-header[aria-expanded="true"]:after {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 1em;
	transform: rotate(45deg);
	width: 1em;
	position: absolute;
	right: 50px;
	top: 24px;
}

.accordion>.card>.card-header[aria-expanded="true"]:after {
	top: 20px;
	transform: rotate(135deg);
}

.float-right.arr[aria-expanded="true"] {
	color: red
}

.accordion>.card>.card-header {
	border-left: 5px solid #155D97;
	padding: 20px 40px;
	cursor: pointer;
}

.accordion>.card>.card-header h4 {
	margin: 0
}

.letter .card-header {
	padding: 10px 20px !important;
	cursor: default !important;
}

.letter .card-header:after {
	content: none !important
}

.suffix:before {
	position: absolute;
	left: -8px;
	top: 17px;
	content: "\2014";
}

.policyHeading {
	color: #3c4043;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: .8px;
	line-height: 20px;
	margin: 1.236em 0 .618em 0;
	text-transform: uppercase;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: #155D97;
}

.nav-tabs .nav-link {
	color: #155D97;
	font-weight: bold;
	border-width: 0px 0 3px 0;
	border-color: #ccc;
	background-color: #f1f1f1;
	font-size: 16px;
	margin-right: 10px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
	color: #404040;
	font-weight: bold;
	border-width: 0px 0 3px 0;
	border-color: transparent transparent #F15A29 transparent;
	transition: ease .7s;
	background-color: #f1f1f1;
}

.checkered-bg {
	background-position: 0px 0px, 10px 10px;
	background-size: 20px 20px;
	background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
}

@media screen and (max-width: 370px) {
	.btn-sidebar .btn {
		line-height: 20px;
		padding: 12px 21px;
	}

	.accordion>.card>.card-header:after {
		right: 24px !important;
	}

	.accordion>.card>.card-header {
		padding: 20px !important
	}

}

@media screen and (min-width: 992px) and (max-width: 1350px) {
	.btn-row .btn {
		min-width: 0 !important;
	}

	.add-srch {
		width: 95px;
	}

}



@media screen and (max-width: 600px) {

	input.address-search[type=search],
	input.address-search-mob[type=search] {
		font-size: 16px;
		min-height: 44px;
		top: 2px;
	}

	.googleAuth {
		min-width: 230px;
		padding: 5px 10px;
		background-color: #DB4437;
	}

	.min-vh-100 {
		min-height: 0 !important;
	}

	input.address-search[type=search] {
		position: absolute !important;
		top: -20px;
		width: 94px;
	}

	.bs-bars {
		float: none !important;
	}

	.badge.viol {
		color: #fff;
		font-size: 12px;
		padding: 5px 22px;
	}

	.resp-menu {
		width: 94vw !important;
		left: -11px !important;
	}

	.btn,
	.search-input {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100%;
	}

	.btn-group .btn {
		min-width: auto !important;
		width: 100%;
		white-space: inherit;
		line-height: 1.5;
		padding: 4px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.page-list .btn-group {
		width: 25%;
	}

	.btn-group {
		width: 100%;
		position: unset !important;
	}

	.btn-group .form-control {
		border-radius: 50px;
		height: 44px;
		margin-right: 0px;
		margin-top: 10px;
		font-size: 16px !important;
		font-weight: 600;
		max-width: 150px;
	}

	.btn-icon {
		padding: 0 !important;
		min-width: 0px !important;
	}

	.fixed-table-toolbar .search {
		margin-top: 0 !important
	}

	.page-list button.btn.btn-toolbar.dropdown-toggle {
		padding: 5px !important;
		display: block !important;
		text-align: center;
	}

	.bootstrap-table .fixed-table-pagination>.pagination-detail,
	.bootstrap-table .fixed-table-pagination>.pagination {
		width: 100%;
	}

	.btn-group .btn.btn-toolbar {
		/*padding: 10px 3px;*/
		display: none
	}
	.btn.btn-toolbar .fa-w-16 {
		padding-right: 5px;
	}

	.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list {
		display: block;
	}

	.bootstrap-table .fixed-table-toolbar .bs-bars,
	.bootstrap-table .fixed-table-toolbar .search,
	.bootstrap-table .fixed-table-toolbar .columns {
		margin-bottom: 0
	}

	.container-fluid {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.bootstrap-table .svg-inline--fa.fa-lg {
		vertical-align: -.1em;
	}

	.bootstrap-table .fixed-table-toolbar .columns {
		margin-top: 0 !important;
	}
	.add-srch .tt-menu, .top-srch .tt-menu {
		top: 20px !important;
	}

}

@media screen and (max-width: 767px) {
    .control-btn {
      padding: 10px 30px !important;
    }
}	

@media screen and (max-width: 991px) {
	input.address-search[type=search] {
		padding: 9px 10px 9px 32px;
		width: 92px;
		-webkit-border-radius: 10em;
		-moz-border-radius: 10em;
		border-radius: 10em;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		transition: all .5s;
	}
}

@media screen and (min-width: 992px) {
	.top-srch-i {
		color: #404040;
		padding: 1px 5px 1px 10px;
		top: 0;
		left: 35px;
		position: relative;
		z-index: 4;
	}
}

@media screen and (min-width: 601px) and (max-width:1120px) {
	.btn-group .form-control {
		margin-right: 5px !important;
		max-width: 145px !important;
	}
}

@media screen and (max-width: 1200px) {
	.add-srch .tt-menu {
		top: 20px !important;
	}
}