body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	font-family: "Lato", "Titillium Web", Arial, Helvetica, sans-serif;
	overflow-y: scroll !important;
	padding: 0 !important;
	margin: 0 !important;
}
main {
	flex: 1 0 auto;
}
a {
	text-decoration: none !important;
}
button, input, textarea {
	outline: 0 !important;
	box-shadow: none !important;
}
input:focus, button:focus {
	outline: 0 !important;
	box-shadow: none !important;
}
.mainContainer {
	overflow-y: scroll;
	height: calc(100vh - 50px);
}
.sorting_asc,
.sorting_desc {
	background-image: none !important;
}
.display-none {
	display: none;
}
.opacity-0 {
	opacity: 0;
}
.mt12 {
    margin-top: 12px !important;
}
.ml8 {
	margin-left: 8px !important;
}
input[readonly] {
	background-color: transparent !important;
}
.flexCenterCenter {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cursorPointer {
	cursor: pointer;
}
.cursorDefault {
	cursor: default;
}
.tooltip > .tooltip-inner {
	background-color: #FCFCB1 !important;
	color: #000000;
}





/* # # # # # # # # # # # # */
/* Success Container */
.showSuccessContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;

	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 10;
}
.showSuccessInnerContainer {
	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 80px;
	color: rgba(2, 126, 56, 1);
	padding: 30px 50px;
	background-color: #FFFFFF;

	box-shadow: 0px 0px 10px 20px rgba(0, 0, 0, 0.1);
}
/* END OF Success Container */
/* # # # # # # # # # # # # */





/* # # # # # # # # # # # # */
/* Loader Container */
.loaderContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 19999;
	background-color: rgba(0, 0, 0, 0.2);
}

.loaderContainer i {
	font-size: 50px;
	color: #212121;
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {
	z-index: 0 !important;
}

.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
	z-index: 0 !important;
}
/* Loader Container */
/* # # # # # # # # # # # # */



/* # # # # # # # # # # # # */
/* Buttons Style */
.mykaButton {
	outline: 0;
	width: 125px !important;
	padding: 6px 2px;
	color: #FFFFFF;
	border-radius: 6px;
	transition: 0.4s;
}
.mykaAlternateButton {
	outline: 0;
	width: 125px !important;
	padding: 2px;
	color: rgba(2, 126, 56, 1);
	background-color: #FFFFFF;
	border: 1px solid rgba(2, 126, 56, 1);
	border-radius: 6px;
	transition: 0.4s;
}
.mykaAlternateButtonRed {
	color: #C62828;
	background-color: #FFFFFF;
	border: 1px solid #C62828;
}
.mykaButton span,
.mykaAlternateButton span {
	font-size: 14px;
}
.mykaButton i {
	font-size: 16px;
}
.mykaAlternateButton i {
	font-size: 16px;
}
.mykaButton {
	border: 1px solid rgba(2, 126, 56, 1);
	background-color: rgba(2, 126, 56, 1);
}
.mykaButton:focus {
	outline: 0 !important;
	box-shadow: none !important;
}
.mykaAlternateButton:focus {
	outline: 0 !important;
	box-shadow: none !important;
}
.mykaButton:hover {
	background-color: #FFFFFF;
	color:rgba(2, 126, 56, 1);
}
.mykaAlternateButton:hover {
	background-color:rgba(2, 126, 56, 1);
	color: #FFFFFF;
	transition: 0.4s;
}
.mykaAlternateButtonRed:hover {
	background-color: #C62828;
	color: #FFFFFF;
}
.mykaButtonOrange:hover {
	background-color: #FFFFFF;
	color: rgba(2, 126, 56, 1);
}
.mykaButtonGrey {
	border: 1px solid #777777;
	background-color: #777777;
	color: #FFFFFF;
}
.mykaButtonGrey:hover {
	background-color: #FFFFFF;
	color: #777777;
}
.mykaButtonRed {
	border: 1px solid #c62828;
	background-color: #c62828;
	color: #FFFFFF;
}
.mykaButtonRed:hover {
	background-color: #FFFFFF;
	color: #c62828;
}
.mykaButtonBlack {
	border: 1px solid rgba(0, 0, 0, 0.8);
	background-color: rgba(0, 0, 0, 0.8);
}
.mykaButtonBlack:hover {
	background-color: #FFFFFF;
	color: rgba(0, 0, 0, 0.8);
}
.mykaButton span {
	margin-left: 5px;
}
.greenIcon {
	color:rgba(2, 126, 56, 1);
	font-size: 15px;
}
/* END OF Button Style */
/* # # # # # # # # # # # # */

/* # # # # # # # # # # # # */
/* Modal */
.modal .modal-body {
	font-size: 13px;
}
.modal .biggerTextModalBody {
	font-size: 16px;
}
.modal .modal-header {
	align-items: center;
}
.modal-header,
.modal-body {
	cursor: default;
}
.modal .modal-header .modal-title i {
	font-size: 20px;
	color: rgba(2, 126, 56, 1);
}
.modal .modal-header span {
	margin-left: 5px;
}
.modal .modal-header .close {
	font-size: 23px;
}
/* END OF Modal */
/* # # # # # # # # # # # # */


/* # # # # # # # # # # # # */
/* Table */
.mykaTable {
	width: 100% !important;
}
.mykaTable thead tr th {
	border-bottom: 0px solid rgba(0, 0, 0, 0.12);
}
table.dataTable.no-footer {
	border: none;
}
table.dataTable thead th,
table.dataTable tbody td {
	padding: 4px 10px !important;
}
.dataTables_filter input {
	border: 1px solid #F5F5F5;
	width: 287px;
}
.dataTables_filter input:focus {
	box-shadow: none;
	outline: 0;
}
.mykaTable tbody tr:hover {
	background-color: #F5F5F5;
	cursor: pointer;
}
.dataTables_filter input {
	border: 1px solid #DEE2E6 !important;
	padding-left: 7px !important;
}
.clearSearchContainer {
	position: absolute;
	top: 2px;
	right: -14px;
	opacity: 0;
	margin-top: -1px;
	transition: 0.5s;
}
.clearSearchContainer i {
	color: #FF0000;
	font-size: 18px;
	margin-right: 3px;
	cursor: pointer;
	padding-top: 5px !important;
}
.moveClearSearchContainerLeft {
	right: 5px !important;
	opacity: 1;
}
.dt-button {
	margin-left: 15px;
	margin-top: -1px;
	font-size: 11px !important;
}
.dataTables_filter input {
	height: 30px;
	width: 247px;
	border: 1px solid #CCC;
}
.dataTables_length label {
	text-transform: capitalize;
}
.dataTables_length select {
	height: 30px;
	border: 1px solid #CCC;
}
.dataTables_empty {
	display: none;
}
/* END OF Table */
/* # # # # # # # # # # # # */


/* # # # # # # # # # # # # */
/* Inputs */
.form-group {
	margin: 25px 0px;
	transition: 0.4s;
	position: relative;
}
input.form-control {
	border: none !important;
	border-bottom: 2px solid #BDBDBD !important;
	border-radius: 0;
	height: 35px !important;
	padding-left: 2px !important;
}
select.form-control {
	border: none !important;
	border-bottom: 2px solid #BDBDBD !important;
	border-radius: 0;
	height: 35px !important;
	padding-left: 2px !important;
}
select.form-control:focus {
	outline: 0 !important;
	box-shadow: none !important;
}
textarea.form-control {
	border: none !important;
	border-bottom: 2px solid #BDBDBD !important;
	border-radius: 0;
	resize: none;
	height: 69px !important;
	padding-left: 2px !important;
}
.form-control:focus {
	border-color: #CED4DA;
}
.form-group label {
	position: absolute;
	top: 3px;
	left: 4px;

	transition: 0.4s;
	z-index: 2;
}
.dropdownLabel {
	position: absolute;
	top: -18px !important;
	left: 4px !important;
}
.moveLabelUp {
	top: -18px !important;
	left: 1px !important;
	font-size: 13px !important;
}
.moveLabelDown {
	top: 3px !important;
	left: 4px !important;
}
.form-group .inputLine {
	height: 2px;
	width: 0px;
	position: absolute;
	background-color: rgba(2, 126, 56, 1);
	display: inline-block;
	transition: 0.3s width ease-in-out;
	top: 33px;
}
.form-control:focus + .inputLine {
	width: 100%;
}
.form-group .inputLineForTextArea {
	height: 2px;
	width: 0px;
	position: absolute;
	background-color: rgba(2, 126, 56, 1);
	display: inline-block;
	transition: 0.3s width ease-in-out;
	top: 67px;
}
.form-control:focus + .inputLineForTextArea {
	width: 100%;
}
.date label {
	float: left;
	width: 100%;
}
.datepickerIcon, .timepickerIcon {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	font-size: 16px;
	cursor: pointer;
	background-color: #FFFFFF;
}
.whiteBg {
	background-color: #FFFFFF !important;
}

/* Selectpicker */
div.dropdown-menu {
	/* padding: 0px !important; */
	/* top: 2px !important; */
	transform: translate3d(0px, 0px, 0px) !important;
}
.bs-searchbox {
	padding: 0px !important;
}
button.dropdown-toggle {
	background-color: #FFFFFF !important;
	border: none;
	border-bottom: 2px solid #BDBDBD !important;
	border-radius: 0;
	height: 35px !important;
	padding: 5px;
}
button.dropdown-toggle:hover {
	background-color: #FFFFFF !important;
}
.bootstrap-select .dropdown-toggle:focus {
	background-color: #FFFFFF !important;
	outline: none !important;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder {
	color: #000000 !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100% !important;
}
/* END OF Inputs */
/* # # # # # # # # # # # # */



@media only screen and (max-width: 640px) {
	.dataTables_length {
		display: none;
	}
	.dt-buttons {
		display: none;
	}
	.dataTables_filter {
		float: left !important;
	}
	.dataTables_info {
		float: left !important;
		clear: both !important;
		text-align: center !important;
	}
	.dataTables_paginate {
		float: right !important;
		text-align: center !important;
	}
	.choosePropertyTopFiltersContainer {
		top: 16px !important;
		left: 325px !important;
	}
	.ticketsFiltersContainer {
		top: 14px !important;
		left: 360px !important;
		z-index: 2;
	}
	.searchByPropertyNumberCheckboxContainer {
		top: 22px !important;
		left: 331px !important;
		z-index: 3;
	}
}
.choosePropertyTableContainer, .choosePropertyViewContainer{
    min-width:1900px;
}