
.meatgo_color {
	background-color: #595959 !important;
}

.sidebar_active {
	background: #595959;
	color: #fff;
}

.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
	background: #474747 !important;
	color: #fff !important;
}

.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
	 background: #696969;
	 color: white;
 }

.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
	background: #ffffff !important;
	color: #595959;
}

span.page_content_title {
	font-weight: bold !important;
	font-size: 12px !important;
	color:#595959 !important;
}

.sidebar_menu_font {
	text-align: center;
	font-size: 15px !important;
}

.sidebar_sub_menu_font {
	text-align: center;
	padding-left: 15px !important;
	font-size: 14px !important;
}

.layout_center {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%) !important;
}

.login_form_header {
	height: 50px;
	background-color: #1976d2;
	text-align: center;
	padding-top: 15px;
}

.ipt_pink{
	border-color: #1976d2 !important;
	border-radius: 7px !important;
	background-color: white;
	height: 40px;
}

input:focus {
	border-color: #e90000 !important;
}

textarea:focus {
	outline: 0;
	border-color: #e90000 !important;
}

.btn_pink_radius {
	background-color: #1976d2 !important;
	border-radius: 7px !important;
	color: white !important;
}

.btn_group_init {
	background-color: white !important;
	border-radius: 7px !important;
	border-color: #1976d2 !important;
	color: #1976d2 !important;
	height: 32px !important;
	font-size: 14px !important;
}

.btn_table_above {
	background-color: white !important;
	border-radius: 7px !important;
	border-color: #1976d2 !important;
	color: #1976d2 !important;
	height: 25px !important;
	font-size: 14px !important;
	padding-top: 2px;
	width: 80px;
	margin-top: -3px;
}

.btn_group_click {
	background-color: #1976d2 !important;
	border-radius: 7px !important;
	border-color: #1976d2 !important;
	color: white !important;
	height: 32px !important;
	font-size: 14px !important;
}

.btn_pink_radius:hover {
	color: white !important;
	font-weight: bold !important;
}

.content_sub_title {
	font-size: 17px;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 15px
}

.content_sub_title_detail {
	font-size: 17px;
	text-decoration: underline;
	margin-top: 15px;
	margin-left: 15px;
	float: right;
	color: black;
	margin-right: 23px;
}

.content_label_item {
	font-size: 14px;
	font-weight: bold;
}

.content_label_value {
	font-size: 15px;
	font-weight: bold;
	color: #1976d2;
	margin-left: 8px
}

.content_label {
	margin-top: 3px;
	margin-left: -8px;
	border-width: 1px;
	border-color: #1976d2;
	border-radius: 7px !important;
	padding-top: 10px;
}

.dlg_label {
	padding-top: 7px;
	margin-right: 10px;
	color: white;
}

.dlg_input {
	border-radius:5px !important;
	border-color: #1976d2;
	height: 32px;
	margin-left: 10px;
}

label.charts_pole_android {
	background-color: #6182d6;
	width: 10.5%;
	height: 100px;
}

label.charts_pole_ios {
	background-color: #ff6600;
	width: 10.5%;
}

label.charts_lbl_week {
	color: black !important;
	font-size: 13px !important;
	display: block !important;
}

label.charts_lbl_count {
	color: #1976d2;
	font-size: 14px;
	font-weight: bold;
}

.select_label {
	font-size: 16px;
	color: #1976d2;
	font-weight: bold;
}

.custom_select {
	border-radius: 5px !important;
	border-color: #1976d2 !important;
	height: 42px;
}

.custom_btn_general {
	border-radius: 5px !important;
	background-color: #1976d2;
	color: white;
	width: 100px;
	height: 42px;
	font-size: 16px;
}

.custom_btn_general:hover {
	color: white !important;
	font-weight: bold !important;
}

.custom_btn_general:focus {
	color: white !important;
}

.table_th {
	background-color: #1976d2 !important;
	color: white !important;
	text-align: center !important;
}

.mt-checkbox>span:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.mt-checkbox-td>span:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #595959;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

td {
	text-align: center;
}

.dataTables_length>label>div>select {
	border-color: #1976d2 !important;
	border-radius: 5px !important;
}

.dataTables_length>label>select {
	border-color: #1976d2 !important;
	border-radius: 5px !important;
}

.dataTables_length {
	float: right !important;
}

.btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {
	border-bottom: 8px solid #3598DC !important;
}

.custom_tooltip_layer{
	left: 25%;
	width: 50%;
	border-color: #3598DC;
	border-radius: 5px !important;
}

.tooltip_layer_block {
	padding-bottom: 2px;
	line-height: 32px;
}

.tooltip_layer_header {
	background-color: #E9EDEF;
	width: 100%;
	display: flex;
}

.tooltip_layer_content {
	padding-left: 3px;
	padding-right: 3px;
	width: 100%;
}

.tooltip_layer_hover:hover {
	background-color: #f8f8f8 !important;
}

.tooltip_content_right {
	width: 50%;
	text-align: right;
	padding-right: 5px
}

.tooltip_content_left {
	width: 50%;
	text-align: left;
	padding-left: 5px
}

.order_tooltip_scale {
	width: 300px !important;
}

.tip_tooltip_scale {
	left: -150px !important;
	width: 300px !important;
}

.btn-group>.tip_tooltip_tick:after, .dropdown-toggle>.tip_tooltip_tick:after, .dropdown>.tip_tooltip_tick:after {
	left: 180px !important;
}

.btn-group>.tip_tooltip_tick:before, .dropdown-toggle>.tip_tooltip_tick:before, .dropdown>.tip_tooltip_tick:before {
	left: 180px !important;
	border-left: 7px solid transparent !important;
}

.balance_tooltip_scale {
	left: -120px !important;
	width: 200px !important;
}

.btn-group>.balance-tooltip-tick:after, .dropdown-toggle>.balance-tooltip-tick:after, .dropdown>.balance-tooltip-tick:after {
	left: 170px !important;
}

.btn-group>.balance-tooltip-tick:before, .dropdown-toggle>.balance-tooltip-tick:before, .dropdown>.balance-tooltip-tick:before {
	left: 170px !important;
	border-left: 7px solid transparent !important;
}

.posting_tooltip_scale {
	width: 300px !important;
}

.butcher_tooltip_scale {
	left: -150px !important;
	width: 280px !important;
}

.btn-group>.butcher_tooltip_tick:after, .dropdown-toggle>.butcher_tooltip_tick:after, .dropdown>.butcher_tooltip_tick:after {
	left: 170px !important;
}

.btn-group>.butcher_tooltip_tick:before, .dropdown-toggle>.butcher_tooltip_tick:before, .dropdown>.butcher_tooltip_tick:before {
	left: 170px !important;
	border-left: 7px solid transparent !important;
}

.userorder_tooltip_scale {
	width: 300px !important;
}

.userquestion_tooltip_scale {
	width: 300px !important;
}

button.plus-btn{
	width: 50px;
	height: 42px !important;
	margin-left: 10px;
	font-size: 28px !important;
	padding: 0 !important;
}

#localVideo {
	width: 100%;
	/* height: calc(100% - 30px); */
	height: 100%;
	/* width: 50%;
	height: 100%;
	margin: auto;
	border: solid 4px #ccc; */
}

.div-remote-video {
	width: 50%;
	height: 100%;
	border: solid 4px black;
	overflow: hidden;
}
#remoteVideo {
	width: 100%; 
	height: 100%;
	/* width: 100%; */
	/*height: 100%;*/
	/*!*margin: auto;*!*/
	/*border: solid 4px #ccc;*/
}

.localVideoInChatting {
	/* width: 100px !important;
	position: absolute; */
}
.remoteVideoInChatting {

	/* width: 100px !important;
	position: absolute; */
	/*display: inline-block !important;*/
}


/* Code witch overwrites input background-color */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset;
}
input:-webkit-autofill:first-line {
	color: #797979;
}

*:-webkit-autofill, 
*:-webkit-autofill:focus,
*:-webkit-autofill:active {
 /* use animation hack, if you have hard styled input */
 transition: all 5000s ease-in-out 0s;
 transition-property: background-color, color;
 /* if input has one color, and didn't have bg-image use shadow */
 -webkit-box-shadow: 0 0 0 1000px #fff inset;
 /* text color */
 -webkit-text-fill-color: #000;
 /* font weigth */
 font-weight: 300!important;
}