.width5 { width: 5%; }
.width10 { width: 10%; }
.width15 { width: 15%; }
.width20 { width: 20%; }
.width30 { width: 30%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width70 { width: 70%; }
.width80 { width: 80%; }
.width90 { width: 90%; }
.width100 { width: 100%; }

.hide
{
	display: none !important;
}

.home_service_icon
{
	width: 64px;
}

.header_desc
{
	display: block;
	padding-top: 5px;
}

.navbar-left .navbar-brand svg, .navbar-left .navbar-brand img
{
	max-width: initial !important;
	min-width: initial !important;
}

.logo-area img
{
	width: 90px;
	height: auto;
}

.navbar-left .logo-area
{
	min-width: initial !important;
}

.hexadash-top-menu > ul > li a.active
{
	color: white !important;
}

span.google_icon
{
	font-size: 40px;
}

#map
{
	height: 100%;
}

.monitor_opp_table:hover
{
	background: #4b4b4b;
	cursor: pointer;
}

.monitor_opp_table
{
	margin-bottom: 5px;
	border-bottom: 1px solid var(--border-color);
}

.monitor_opp_item_wrapper
{
	width: 100%;
}

.monitor_opp_item_box img
{
	width: 100%;
	height: auto;
}

.monitor_opp_avatar
{
	width: 50px;
}

.monitor_opp_item_wrapper
{
	padding: 15px;
}

.monitor_opp_battery_desc
{
	font-size: 12px;
}

.monitor_opp_loc,
.monitor_opp_id
{
	font-size: 12px;
	height: 25px;
}

.monitor_opp_battery
{
	width: 20px;
}

.opp_offline
{
	opacity: 50%;
}

.monitor_opp_status
{
	width: 16px;
	position: relative;
	left: 5px;
	bottom: 1px;
}

.monitor_opp_search
{
	width: 93%;
	margin: 0 auto;
}

.opp_detail
{
	position: absolute;
	right: 20px;
	color: white;
	cursor: pointer;
}

.playback_control_wrapper,
.playback_speed_wrapper
{
	height: 50px;
	margin: 15px 0;
}

.playback_control_wrapper .col-4,
.playback_speed_wrapper .col-4
{
	float: left;
}

.playback_control_wrapper div .google_icon
{
	color: white;
	font-size: 30px;
}

.playback_speed_wrapper div label
{
	color: white;
	font-size: 20px;
}

.edit-profile__logos img
{
	width: 200px !important;
}

.table .btn
{
	padding: 10px;
}

/*
for dark theme only
*/
.layout-dark .card-header
{
	height: 90px;
}

.layout-dark .card-header.default_height
{
	height: initial;
}

.layout-dark .card-header input
{
	padding: 5px 10px;
}

.layout-dark .card-header h6
{
	font-size: 16px;
}

.layout-dark .form-control:disabled, .form-control[readonly]
{
	background-color: #524d4d;
}

.layout-dark .hexadash-top-menu ul li > ul li.active a
{
	color: white;
}

.layout-dark .card-header
{
	background: black;
}

.layout-dark .tbDate
{
	background: #323541;
}

.layout-dark button.btn
{
	color: white !important;
}

.layout-dark .select2-container--default .select2-selection--single, .layout-dark .select2-container--default .select2-selection--multiple
{
	height: 35px !important;
}

.layout-dark select.form-control option
{
	color: black;
}

.layout-dark select.form-control.multi_select option
{
	color: white;
}

.layout-dark #overlayer
{
	background: rgba(0,0,0,0.5);
}

.layout-dark .badge-dot.dot-primary
{
	background: white;
}

.text_align_right
{
	text-align: right;
}

.tbSearch
{
	/*padding-left: 5px;*/
}

.vertical_top
{
	vertical-align: top;
}

.swal2-container
{
	z-index: 9999;
}

.swal2-popup
{
	z-index: 100005;
}

.form_header_one
{
	position: absolute;
	left: 15;
}

.form_header_two
{
	position: absolute;
	left: 180px;
}

.form_header_three
{
	position: absolute;
	left: 325px;
}

.form_header_four
{
	position: absolute;
	left: 495px;
}

.form_header_five
{
	position: absolute;
	left: 795px;
}

.form_header_four .select2
{
	position: relative;
	top: 10px;
}

.form_header_four select
{
	position: relative;
	top: 10px;
}

.form_header_one input,
.form_header_two input,
.form_header_three input
{
	position: relative;
	top: 10px;
}

.form_header_one h6,
.form_header_two h6,
.form_header_three h6,
.form_header_four h6
{
	position: relative;
	top: 5px;
}

.record_status_css
{
	position: relative;
	top: 8px;
}

.layout-dark .select2-search__field
{
	color: white;
}

.layout-dark .select2-container,
.layout-dark .select2-container--open
{
	width: 250px !important;
	position: relative;
	top: 5px;
}

.layout-dark .customer_ledger_customer_filter .select2-container,
.layout-dark .customer_ledger_customer_filter .select2-container--open
{
	top: initial !important;
}

.layout-dark .dropdown-item:hover .google_icon_table_action_view,
.layout-dark .group_button a:hover
{
	color: white;
}

.btnClearAtth
{
	display: block;
	background: maroon;
	color: white;
	width: 75px;
	text-align: center;
	border-radius: 5px;
	padding: 3px 0;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}

.preview_image1
{
	max-width: 120px;
}

.button_loader {
  border: 3px solid #f3f3f3; /* Light grey */
  border-top: 3px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 2s linear infinite;
	margin-left: 5px;
	display: none;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.btnUpdateStatus.btn-xs
{
	height: 30px;
}