.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%; }

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

.logo-area img
{
	width: 50px;
	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 .form-control:disabled, .form-control[readonly]
{
	background-color: #838383;
}

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

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

.layout-dark .tbDate
{
	background: #474a54;
}

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

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

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

.layout-dark #overlayer
{
	background: black;
}

.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: 300px;
}

.sidebar_icon
{
	font-size: 18px !important;
	position: relative;
	right: 10px;
}