.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: 100px !important;
}

.table .btn
{
	padding: 10px;
}

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

.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: #838383;
}

.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.select_multiple option
{
	color: white;
}

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

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

.form_header_four
{
	position: relative;
	left: 685px;
	top: -5px;
}

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

.hide
{
	display: none;	
}

.sidebar_google_icon
{
	padding-right: 10px;
	position: relative;
	right: 2px;
	font-size: 20px !important;
}

.preview_image
{
	width: 75px;
	margin-top: 15px;
}

.form_title
{
	display: block;
}

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

.table_preview_image
{
	width: 55px;
}

.tox-tinymce-aux 
{
	z-index: 999999!important;
}

.paging_wrapper
{
	margin-top: 15px;
}