html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* scrollbar for ie start*/
	scrollbar-face-color: #f6f6f6;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;
	/* scrollbar for ie end*/
}

body {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	height: 100%;
	/*margin: 0;del-yangwei*/
	line-height: 20px;
	color: #333333;
	background-color: #ffffff;
	margin: 0px 0px;
}

div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.mmg-word-break {
	word-wrap: break-word;
	word-break: break-word;
}

.mmg-single-line-70-l {
	display: block;
	width: 70%;
	float: left;
}

.mmg-single-line-70-r {
	display: block;
	width: 29%;
	float: right;
}

.mmg-timeslot-inactive {
	color: lightgray !important;
}

.mmg-timeslot-inactive input {
	color: lightgray !important;
}

.mmg-timeslot-name-edit {
	height: 20px !important;
	padding: 2px !important;
	margin: 0px !important;
	margin-bottom: 2px !important;
	width: 90% !important;
	border: 1px solid #efeded !important
}

.mmg-timeslot-time-edit {
	width: 70px;
	height: 20px !important;
	padding: 2px !important;
	margin: 0px !important;
	border: 1px solid #efeded !important
}

.login-input {
	height: 35px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.main-container {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 20px;
	z-index: 0;
}

.main-content {
	overflow: auto;
	height: 100%;
	width: 100%;
}

#tabs {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 20px;
	padding-left: 2px !important;
	padding-right: 2px !important;
	z-index: 0;
}

.tabs-container {
	position: relative;
	height: 100%;
	width: 100%;
}

.tabs-sidebar-left {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: auto;
	height: 100%;
	width: 200px;
	z-index: 0;
	-webkit-transition: width 400ms ease;
	-moz-transition: width 400ms ease;
	-o-transition: width 400ms ease;
	transition: width 400ms ease;
}

.tabs-content {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: white;
	overflow: auto;
	height: 100%;
	width: 100%;
	overflow: auto;
	height: 100%;
	width: 100%;
	z-index: 1;
	padding-left: 0px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.tabs-sidebar-left-in .tabs-content {
	-webkit-transform: translate3d(200px, 0, 0);
	-moz-transform: translate3d(200px, 0, 0);
	-o-transform: translate3d(200px, 0, 0);
	-ms-transform: translate3d(200px, 0, 0);
	transform: translate3d(200px, 0, 0);
}

.logo-display {
	display: none;
}

.toggle-display {
	display: block;
	min-width: 32px;
}

.lm-cl-left {
	width: 100%;
	float: left;
}

.lm-cl-right {
	width: 100% !important;
	float: right;
	margin-top: 0px !important;
}

.report-item {
	height: 30px;
	position: relative;
}

.report-item a {
	height: 100%;
	display: block;
}

.report-item span {
	height: 100%;
	position: absolute;
}

.lm-map-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.m-container:BEFORE {
	display: table-row;
	content: "";
	height: 0px;
}

.m-container:AFTER {
	display: table-row;
	content: "";
	height: 0px;
}

.m-left-sec {
	float: left;
	width: 48%;
}

.m-right-sec {
	float: right;
	width: 48%;
}

.m-left-big-sec {
	float: left;
	width: 60%;
}

.m-opt-table {
	width: 100%;
}

.m-opt-table select {
	margin-bottom: 0px;
	width: 150px;
}

.m-opt-table tr {
	min-height: 40px;
}

.m-opt-table-level2 {
	padding-left: 20px;
}

.m-chk-opt {
	padding-left: 30px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.m-chk-opt li:first-child {
	float: left;
	width: 100%;
	margin-left: -30px;
}

.m-chk-opt li:last-child {
	width: 20px;
	float: right;
}

.m-disabled {
	cursor: not-allowed !important;
}

.tab-content-div div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.tab-menu-name {
	font-size: 12px;
	display: inline-block;
	margin-left: -5px;
	font-weight: bold;
}

/* global elements start */
input[type="checkbox"] {
	height: 1.2em;
	width: 1.2em;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: -webkit-linear-gradient(#ababab, #ababab);
	background: -moz-linear-gradient(#ababab, #ababab);
	background: -o-linear-gradient(#ababab, #ababab);
	background: linear-gradient(#ababab, #ababab);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: box-shadow 200ms;
	-moz-transition: box-shadow 200ms;
	-o-transition: box-shadow 200ms;
	box-shadow: inset 1px 1px 0 #fff, 0 0px 0px rgba(0, 0, 0, 0.1);
}

input[type="checkbox"]:checked:before {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 0.9em;
}

input.box1 {
	margin-left: 0px !important;
	height: 1.2em;
	width: 1.2em;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: -webkit-linear-gradient(#ababab, #ababab);
	background: -moz-linear-gradient(#ababab, #ababab);
	background: -o-linear-gradient(#ababab, #ababab);
	background: linear-gradient(#ababab, #ababab);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: box-shadow 200ms;
	-moz-transition: box-shadow 200ms;
	-o-transition: box-shadow 200ms;
	box-shadow: inset 1px 1px 0 #fff, 0 0px 0px rgba(0, 0, 0, 0.1);
	height: 1.2em;
}

input.box1:checked:before {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 0.9em;
}

a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

a:hover, a:active {
	outline: 0;
}

a {
	color: #0088cc;
	text-decoration: none;
}

a:hover, a:focus {
	color: #005580;
	text-decoration: underline;
}

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

#map_canvas img, .google-maps img {
	max-width: none;
}

button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

button, input {
	*overflow: visible;
	line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"]
	{
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"],
	input[type="radio"], input[type="checkbox"] {
	cursor: pointer;
}

input[type="search"] {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

p {
	margin: 0 0 10px;
}

small {
	font-size: 85%;
}

strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-family: inherit;
	font-weight: bold;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
}

ul, ol {
	padding: 0;
	margin: 0 0 10px 25px;
}

ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0;
}

li {
	line-height: 20px;
}

ul.unstyled, ol.unstyled {
	margin-left: 0;
	list-style: none;
}

ul.inline, ol.inline {
	margin-left: 0;
	list-style: none;
}

ul.inline>li, ol.inline>li {
	display: inline-block;
	*display: inline;
	padding-right: 5px;
	padding-left: 5px;
	*zoom: 1;
}

input, button, select, textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
	/*display: block;*/
	margin-bottom: 5px;
}

input, textarea, .uneditable-input {
	width: 206px;
}

textarea {
	height: auto;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"],
	input[type="datetime-local"], input[type="date"], input[type="month"],
	input[type="time"], input[type="week"], input[type="number"], input[type="email"],
	input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
	.uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
	input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus,
	input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
	input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
	input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
	.uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
}

input[type="radio"], input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	*margin-top: 0;
	line-height: normal;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"],
	input[type="button"], input[type="radio"], input[type="checkbox"] {
	width: auto;
}

select, input[type="file"] {
	height: 30px;
	/* In IE7, the height of the select element cannot be changed by height, only font-size */
	*margin-top: 4px;
	/* For IE7, add top margin to align select with labels */
	line-height: 30px;
}

select {
	width: 220px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

select[multiple], select[size] {
	height: auto;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus
	{
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: #999999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #999999;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #999999;
}

input, textarea, .uneditable-input {
	margin-left: 0;
}

input[disabled], select[disabled], textarea[disabled], input[readonly],
	select[readonly], textarea[readonly] {
	cursor: not-allowed;
	background-color: #eeeeee;
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly],
	input[type="checkbox"][readonly] {
	background-color: transparent;
}

.radio, .checkbox {
	min-height: 20px;
	padding-left: 20px;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
	float: left;
	margin-left: -20px;
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
	color: #b94a48;
	border-color: #ee5f5b;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus
	{
	border-color: #e9322d;
	box-shadow: 0 0 6px #f8b9b7;
}

table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

.close:hover, .close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 4px;
}

.alert, .alert h4 {
	color: #c09853;
}

.alert h4 {
	margin: 0;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}

.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-success h4 {
	color: #468847;
}

.alert-danger, .alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert-danger h4, .alert-error h4 {
	color: #b94a48;
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-info h4 {
	color: #3a87ad;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block>p, .alert-block>ul {
	margin-bottom: 0;
}

.alert-block p+p {
	margin-top: 5px;
}

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity = 0);
	visibility: visible;
}

.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px;
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px;
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px;
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px;
}

.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	border-radius: 4px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000000;
	border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000000;
	border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000000;
	border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #000000;
	border-width: 0 5px 5px;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.invisible {
	visibility: hidden;
}

.affix {
	position: fixed;
}
/* bootsrap integration end*/
html {
	font-family: geneva, arial, helvetica, sans-serif;
	/* scrollbar for ie start*/
	scrollbar-face-color: #f6f6f6;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;
	/* scrollbar for ie end*/
}

#page {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
	/* 	height: 650px; */
	/*min-width:1280px;*/
	/* 	width: 1276px; */
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
}

/* ********************** HEADER START *****************/
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	min-height: 50px;
	height: 50px;
	width: 100%;
	border-right: green 1px solid;
	border-left: green 1px solid;
	border-bottom: green 0px solid;
	background-color: green;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 2px 9px 1px
		rgba(0, 0, 0, .12), 0 4px 2px -2px rgba(0, 0, 0, .2);
	z-index: 1;
}

#page-content {
	/* 	font-family: geneva, arial, helvetica, sans-serif;  */
	height: 517px;
}

#topleft {
	width: 40%;
	min-width: 170px;
	height: 100%;
	float: left;
	margin: 0 0;
	text-align: left;
}

#topleft h1 {
	font-size: 2.2em;
	line-height: 0.9em;
	margin: 5px 0 10px;
	padding: 0;
	display: inline;
}

.logo-img-container {
	line-height: 50px;
	height: 50px;
}

#topleft p, #topright p {
	margin: 0 0 20px 0;
	font-size: 1.0em;
	padding: 0;
}

#topright {
	position: relative;
	width: auto;
	height: 100%;
	float: right;
	text-align: left;
	margin: 0 0 0 0;
}

.myAccount {
	float: left;
	text-decoration: none;
	color: white;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	display: block;
}

.signOut {
	float: right;
	text-decoration: none;
	color: white;
	height: 50px;
	line-height: 50px;
	display: block;
	vertical-align: middle;
	margin-right: 12px;
}

/* ********************** HEADER END *****************/

/* PhoneBar */
/* ********************** PhoneBar START *****************/
#phonebar {
	width: 80%;
	height: 100%;
	min-width: 100px;
	float: right;
	overflow: auto;
}

.phone-button-container {
	margin-top: 10px;
}

/* UI TAB */
/* ********************** UI TAB START *****************/
.ui-tabs-vertical {
	width: 100%;
}

.ui-tabs-vertical .ui-tabs-nav {
	padding: 0 0 0 0;
	float: left;
	width: 100%;
	/* 	height: 85% */
	height: 100%;
}

.ui-tabs .ui-tabs-panel {
	padding: 0 0 0 0;
}

.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 99%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
	padding: 0 0 0 0;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	margin: 0 -1px .2em 0;
	padding-right: 0;
	border-right-width: 1px;
	border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel {
	float: right;
	width: 100%;
	height: 100%;
}
/* ********************** UI TAB end *****************/
.ui-tabs-horizontal {
	width: 100%;
	height: 100%;
}

.ui-tabs-horizontal .ui-tabs-nav {
	padding: 0 0 0 0;
	float: none;
	height: 40px;
	width: 100%;
}

.ui-tabs-horizontal .ui-tabs-nav li {
	clear: none;
	width: 14%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .2em 0;
}

.ui-tabs-horizontal .ui-tabs-nav li a {
	display: block;
	padding: 0 0 0 0;
}

.ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	margin: 0 -1px .2em 0;
	padding-right: 0;
	border-right-width: 1px;
	border-right-width: 1px;
}

.ui-tabs-horizontal .ui-tabs-panel {
	float: none;
	width: 100%;
	height: 98%;
}
/* ********************** UI TAB END *****************/
.tab-content-div {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#tab_label_img {
	height: 33px;
	vertical-align: middle;
}

.eachTab {
	height: 70%;
}

/* ********************** UI TAB END *****************/

/* ********************** PhoneBar END *****************/

/* Footer */
/* ********************** Footer START *****************/
#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding-left: 2px;
	padding-right: 2px;
	width: 100%;
	border-width: thin;
	border-style: solid;
	background-color: #F0F0F0;
	z-index: 1;
}

#footer ul {
	padding-right: 20px;
}

#footer ul li {
	float: right;
	font-size: 12px;
	color: #333;
	margin: 0 auto;
}

#footer .copyright {
	margin-top: 0px;
	float: left;
	font-size: 12px;
	color: #333;
	line-height: 20px;
}

#footer .content {
	margin-top: 0px;
	float: right;
	font-size: 12px;
	color: #333;
	line-height: 20px;
}

#footer ol, ul {
	list-style: none outside none;
	line-height: 0.9em;
}

/* ********************** Footer END *****************/

/** **/
.wordText {
	width: 18%;
	height: 30px;
}

.wordTextClose {
	vertical-align: middle;
	margin-bottom: 10px;
	margin-left: -5px;
	width: 48px;
}

.addWordText {
	width: 77%;
}

.addWordButton {
	width: 10%;
}

.saveSetting {
	width: 15%;
	float: right;
	margin-right: 10%;
}

.mcheckBox {

}

.horizontalRule {
	width: 100%;
	background-color: green;
	height: 1px;
}

/* 	titleButton start */
.titleButton {
	/* 	color: gray; */
	/* 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
	/* 	background-color: transparent; */
	/* 	*background-color: transparent; */
	/* 	background-image: -moz-linear-gradient(top, #E9E9E0, #BEBEA6); */
	/* 	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E9E9E0),to(#BEBEA6)); */
	/* 	background-image: -webkit-linear-gradient(top, #E9E9E0, #BEBEA6); */
	/* 	background-image: -o-linear-gradient(top, #E9E9E0, #BEBEA6); */
	/* 	background-image: linear-gradient(to bottom, #E9E9E0, #BEBEA6); */
	/* 	background-repeat: repeat-x; */
	border-color: #E9E9E0 #E9E9E0 #BEBEA6;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	/* 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E0',endColorstr='#BEBEA6', GradientType=0); */
	/* 	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); */
	border-radius: 4px;
	display: inline-block;
	/* 	font-family: arial; */
	font-size: 12px;
	font-weight: bold;
	padding: 5px 4px;
	margin: 2px 2px 2px 2px;
	min-width: 100px;
	height: 20px;
	text-align: center;
	text-decoration: none;
}

.titleButton-div {
	position: relative;
	display: inline-block;
	float: left;
	vertical-align: middle;
}

.titlebutton-state-default {
	color: white;
	background-color: transparent;
	border-radius: 4px;
}

.titlebutton-state-default a, .titlebutton-state-default a:link,
	.titlebutton-state-default a:visited {
	color: white /*{fcDefault}*/;
	text-decoration: none;
}

.titlebutton-state-hover {
	color: white;
	background-color: #F0DD06;
	border-radius: 8px;
}

.titlebutton-state-hover a, .titlebutton-state-hover a:hover,
	.titlebutton-state-hover a:link, .titlebutton-state-hover a:visited {
	color: red /*{fcHover}*/;
	text-decoration: none;
}

.titlebutton-state-active {
	color: red;
	background-color: rgb(11, 250, 11);
	border-radius: 8px;
}

.titlebutton-state-active a, .titlebutton-state-active a:link,
	.titlebutton-state-active a:visited {
	color: black /*{fcActive}*/;
	text-decoration: none;
}
/* 	titleButton end */

/* NEW BUTTONS */
.btn {
	display: inline-block;
	*display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled]
	{
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}

.btn:active, .btn.active {
	background-color: #cccccc \9;
}

.btn:first-child {
	*margin-left: 0;
}

.btn:hover, .btn:focus {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
}

.btn.disabled, .btn[disabled] {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity =  65);
	box-shadow: none;
}

.btn-primary.active, .btn-warning.active, .btn-danger.active,
	.btn-success.active, .btn-info.active, .btn-inverse.active {
	color: rgba(255, 255, 255, 0.75);
}

.btn-nohover {
	display: inline-block;
	*display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
}

.btn-nohover.active, .btn-nohover:active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
}
/* NEW GREY */
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
	*background-color: #0044cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
		to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
		endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	color: #ffffff;
	background-color: #0044cc;
	*background-color: #003bb3;
}

.btn-primary:active, .btn-primary.active {
	background-color: #003399 \9;
}

/* NEW YELLOW */
.btn-yellow {
	/*color: #333333;*/
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #fdf639;
	*background-color: #fdf639;
	background-image: -moz-linear-gradient(top, #FAFAC1, #FFF73A);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAC1),
		to(#FFF73A));
	background-image: -webkit-linear-gradient(top, #FAFAC1, #FFF73A);
	background-image: -o-linear-gradient(top, #FAFAC1, #FFF73A);
	background-image: linear-gradient(to bottom, #FAFAC1, #FFF73A);
	background-repeat: repeat-x;
	border-color: #FAFAC1 #FAFAC1 #FFF73A;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAC1',
		endColorstr='#FFF73A', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	/*
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  */
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active,
	.btn-yellow.disabled, .btn-yellow[disabled] {
	color: #333333;
	background-color: rgb(252, 242, 6);
	*background-color: rgb(252, 242, 6);
}

.btn-yellow:active, .btn-yellow.active {
	background-color: #F2Eb51 \9;
}

/* DANGER AS BEFORE, BUT USING "BTN" CLASS FOR SHAPE */
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	*background-color: #bd362f;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b),
		to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',
		endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
	.btn-danger.disabled, .btn-danger[disabled] {
	color: #ffffff;
	background-color: #bd362f;
	*background-color: #a9302a;
}

.btn-danger:active, .btn-danger.active {
	background-color: #942a25 \9;
}

/* fix bootstrap.css-START--yangwei*/
/* fix the google map zoom control--20130914*/
#locationMap_canvas img, #geoZoneGoogleMap_canvas img, .google-maps img
	{
	max-width: none;
}

ul, ol {
	padding: 0;
	margin: 0 0 10px 0px;
}

small {
	/*font-size: 85%;yangwei*/
	font-size: 100%;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
	input[type="datetime-local"], input[type="date"], input[type="month"],
	input[type="time"], input[type="week"], input[type="number"], input[type="email"],
	input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
	.uneditable-input {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0px 6px;
	color: #555555;
	vertical-align: middle;
	border-radius: 4px;
	margin-bottom: 10px;
}

input[type="radio"], input[type="checkbox"] {
	/*margin: 4px 0 0;yangwei*/
	margin: 0px 4px 3px;
}

a:hover, a:focus {
	color: rgb(233, 54, 9);
	text-decoration: none;
}
/* for ie8*/
input[type="radio"], input[type="checkbox"] {
	width: 20px;
}
/* for track only once*/
.tooltip-inner {
	max-width: 300px;
	padding: 8px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	border-radius: 4px;
}

/* fix bootstrap.css-END--yangwei*/

/* fix jquery.ui.theme.css-START--yangwei*/
.ui-front {
	z-index: 1100;
}
/* fix dialog title--20130914*/
.ui-widget-header {
	border: 0px solid #aaaaaa /*{borderColorHeader}*/;
	background: #F1EDEF /*{bgColorHeader}*/;
	color: #222222 /*{fcHeader}*/;
	font-weight: bold;
}
/* fix jquery.ui.button.css*/
.ui-button {
	margin-right: 0;
}
/* fix jquery.ui.theme.css-END--yangwei*/

/* This imageless css button was generated by CSSButtonGenerator.com */
.onslider {
	width: 70px;
	height: 27px;
	cursor: pointer;
}

.onslider-small {
	zoom: 0.8;
}
/* fix ie 8 */
/* .radio-width { */
/* 	width: 20px; */
/* } */
.vertical-center {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.center {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.empty-lists {
	background-color: #E4E4E4;
	width: 100%;
	height: 100%;
	color: #333;
	border-radius: 4px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#wizardContent {
	text-align: center;
}

/* Portal Polish  start */
.textarea-message {
	margin: 0px;
	border: 0px solid red;
	background: #cee6ce;
	border-radius: 4px;
}
/* Portal Polish  end */
.empty-lists-content {
	position: relative;
	top: 47%;
}

.content {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	margin-left: 2px;
	font-style: normal;
}

.mmg-title {
	font-size: 17.5px;
	line-height: 25px;
}

.mmg-title2 {
	font-size: 17px;
	line-height: 20px;
}

.mmg-description {
	font-size: 14px;
	font-family: inherit;
	margin-left: 2px;
	line-height: 20px;
}

.mmg-input {
	font-size: 14px;
	font-weight: normal;
	font-family: inherit;
	line-height: 20px;
}

.mmg-label {
	font-size: 14px;
	font-family: inherit;
	line-height: 20px;
}

.mmg-des-small {
	font-size: 12px;
	font-family: inherit;
}

.mmg-label-bold {
	font-size: 14px;
	font-family: inherit;
	line-height: 20px;
	font-weight: bold;
}

.mmg-list-item {
	font-size: 14px;
	font-family: inherit;
}

.mmg-bold {
	font-weight: bold;
}

img {
	cursor: pointer;
}

.mmg-list-content-cell {
	border-bottom: 1px solid #DDDDDD;
	height: 35px;
	line-height: 35px;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 14px;
}

/* scrollbar for chrome start */
::-webkit-scrollbar {
	width: 16px;
	height: 8px;
}

::-webkit-scrollbar-button {

}

::-webkit-scrollbar-track-piece {

}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
}

::-webkit-scrollbar-thumb {
	height: 20px;
	width: 10px;
	border-radius: 10px;
	/*     background: rgba(255,0,0,0.8); */
	background: #e6e6e6;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	outline: 2px solid transparent;
	outline-offset: 6px;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}

::-moz-scrollbar-thumb:hover {
	height: 50px;
	background-color: #9f9f9f;
	border-radius: 4px;
}

/* ::-webkit-scrollbar-thumb:window-inactive { */
/* 	background: rgba(255, 0, 0, 0.4); */
/* } */

/* scrollbar for firefox start */
@-moz-document url-prefix (http: //), url-prefix (https: //) {scrollbar {
	-moz-appearance:none!important;
	background: rgb(0, 255, 0) !important;
}

thumb, scrollbarbutton {
	-moz-appearance: none !important;
	background-color: rgb(0, 0, 255) !important;
}

thumb:hover, scrollbarbutton:hover {
	-moz-appearance: none !important;
	background-color: rgb(255, 0, 0) !important;
}

scrollbarbutton {
	display: none !important;
}

scrollbar[orient="vertical"] {
	min-width: 15px !important;
}

}

/* fix scrollbar end*/
.clear {
	clear: both
}

.font-size-9 {
	font-size: 9px;
}

.font-size-12 {
	font-size: 12px;
}

.font-size-14 {
	font-size: 14px;
}

.font-size-18 {
	font-size: 18px;
}

.header {
	/* 	the header is higher in safari, so comment this */
	/* 	height: 30px; */
	/* 	padding: 0px; */
	/* 	margin: 0px; */
	/* 	background-color: #118811; */
	/*    background-color: white;*/
	/*border-bottom: 1px solid #118811;*/

}

.logo {
	border: 0px solid red;
	width: 20%;
	height: 100%;
	float: left;
	padding: auto auto;
}

.logo-text {
	margin-left: -2px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.top-menu {
	margin-left: 203px;
}

#top {
	list-style-type: none;
	margin: 0px;
	padding-top: 18px;
}

#top li {
	float: left;
}

#top .family {
	text-align: right;
	border: 0px solid red;
}

#top a {
	padding-left: 60px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

#top a:hover {
	color: #ababab;
}

.right-content {
	float: right;
	border: 0px solid red;
	width: 250px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	margin-top: -10px;
}

.right-content1 {
	float: right;
	border: 0px solid red;
	width: 250px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	margin-top: 4px;
}

.top-email a {
	text-decoration: none;
	color: #FFFFFF;
}

#top-account {
	list-style-type: none;
	margin-left: -38px;
}

#top-account li {
	float: left;
	margin: 0px;
}

#top-account a {
	padding-right: 25px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}

.left-side {
	width: 180px;
	height: 674px;
	border: 0px solid red;
	background-color: #f0f0f0;
}

.lock-left-side {
	width: 180px;
	height: 674px;
	border: 0px solid red;
	background-color: #f0f0f0;
	float: left;
}

.report-left-side {
	float: left;
	width: 180px;
	height: 674px;
	border: 0px solid red;
	background-color: #f0f0f0;
}

#side {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#side a {
	text-decoration: none;
	text-align: justify;
	display: block; /* by default anchor is inline so make it block */
	padding-top: 13px;
	color: #000000;
}

#side a:hover {
	color: #999999;
	background-color: #fff;
}

#side .loc {
	background-color: #FFFFFF;
	margin: 0px;
}

#side .rept {
	background-color: #FFFFFF;
	margin: 0px;
}

#side .tracks {
	background-color: #FFFFFF;
	margin: 0px;
}

#side .geo {
	background-color: #FFFFFF;
	margin: 0px;
}

#side .lock {
	background-color: #FFFFFF;
	margin: 0px;
}

#side .saf {
	background-color: #FFFFFF;
	margin: 0px;
}

#side .monitor {
	background-color: #FFFFFF;
	margin: 0px;
}

#side a img {
	vertical-align: middle;
}

.reports {
	margin-top: 10px;
}

.img {
	width: 48px;
	border: 0px solid red;
}

.report-content {
	border: 0px solid red;
	width: 1167px;
	margin-left: 180px;
	height: 674px;
}

.location a {
	color: #000000;
	text-decoration: underline;
}

.location img {
	line-height: 25px;
	width: 25px;
	height: 25px;
	margin-right: 0px;
	cursor: pointer;
}

.report-title {
	max-width: 125px;
	display: inline-block;
	line-height: 12px;
	font-size: 12px;
	margin-left:5px;
}

.location {
	line-height: 30px;
}

.Text-Monitor {
	margin: 0px;
	padding: 0px;
	margin-top: -43px;
	line-height: 40px;
}

.Text-Monitor a {
	color: #000000;
	text-decoration: underline;
}

.map {
	border: 0px solid red;
	height: 40%;
}

.map-history {
	border: 0px solid red;
	float: left;
	margin-left: 20px;
}

.address {
	font-weight: bold;
	font-size: 14px;
	margin-left: 8px;
	margin-top: 6px;
	line-height: 20px;
	float: left;
}

.time {
	font-weight: bold;
	font-size: 14px;
	margin-left: 40px;
	margin-top: 6px;
	line-height: 20px;
	float: left;
}

.update {
	height: 28px;
	float: right;
	margin-top: 14px;
	margin-right: 10px;
	border-radius: 10px;
	padding-top: 0px;
}

.editSchedules {
	bottom: 0;
	float: right;
	height: 31px;
	border-radius: 12px;
	padding-left: 16px;
	margin-top: -30px;
	margin-right: 2%;
}

.editSchedules-button a {
	text-align: center;
	font-weight: bold;
	paading-top: 5%;
	padding-left: 15%;
	text-decoration: none;
	color: #000000;
}

.update-button a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	margin-left: 30px;
	margin-top: 20px;
}

.time-table {
	border: 0 solid red;
	float: right;
	height: 587px;
	width: 330px;
}

.show-historic {
	margin-left: 30px;
	font-weight: lighter;
	font-size: 22px;
}

select.mins {
	width: 200px;
	height: 35px;
	background-color: #ffffff;
	border: 1px solid #666666;
	margin-left: 0px;
	margin-top: 0px;
}

select.zone {
	width: 200px;
	height: 30px;
	background-color: #ffffff;
	border: 1px solid #666666;
	margin-left: 0px;
	margin-top: 0px;
	font-weight: lighter;
}

input.historic {
	height: 25px;
	width: 196px;
}

input.zone-center {
	width: 365px;
	height: 25px;
	margin-left: 20px;
}

.create-button {
	margin-left: 18px;
	width: 180px;
	height: 43px;
}

.list {
	background-color: #CCCCCC;
	width: 272px;
	margin-left: 30px;
	margin-top: 20px;
	padding-top: 10px;
}

.street {
	margin-left: 4px;
}

.history-time {
	margin-left: 4px;
}

.today {
	float: right;
	margin-right: 28px;
	line-height: 10px;
}

.tim {
	float: right;
	margin-right: 5px;
}

.address-time {
	border-bottom: 3px solid #FFFFFF;
	padding-top: 10px;
	font-size: 14px;
	padding-bottom: 10px;
}

.left-button {
	margin-left: 30px;
	margin-top: 6px;
}

.left-button a {
	text-decoration: none;
	color: #000000;
}

.left-button a:hover {
	color: #C0C0C0;
}

.right-button {
	float: right;
	margin-right: 44px;
	margin-top: -21px;
}

.right-button a {
	text-decoration: none;
	color: #000000;
}

.right-button a:hover {
	color: #C0C0C0;
}

.footer {
	height: 19px;
	border: 1px solid #333333;
	background-color: #f0f0f0;
	margin: 0px;
	padding: 0px;
}

.persive {
	margin-left: 20px;
	font-size: 14px;
}

.foot-teams {
	float: right;
	font-size: 14px;
	margin-right: 5px;
}

.track {
	width: 51.3%;
	border: 0px solid red;
	margin-left: 188px;
	margin-top: 4px;
}

.zone-content {
	width: 35%;
	height: 120%;
	border: 2px solid blue;
	float: left;
	border: 2px solid blue;
}

.select-title {
	font-weight: bolder;
	margin-top: 4px;
	font-size: 16px;
}

.track-title {
	font-weight: bold;
	margin-top: 10px;
	font-size: 16px;
}

.zone-title {
	font-weight: bold;
	margin-top: 10px;
	font-size: 16px;
	margin-left: 5px;
}

.line {
	background: url(../img/cutsom/line.png);
	margin-top: 2px;
	width: 692px;
	height: 2px;
}

.zone-line2 {
	background: url(../img/custom/line.png);
	margin-top: 2px;
	width: 100%;
	height: 0.4%;
}

.zone-line {
	background: url(../img/custom/line.png);
	margin-top: 2px;
	width: 100%;
	height: 0.4%;
}

.item {
	width: 108%;
}

.box {
	border: 1px solid #d4dfce;
	width: 160px;
	height: 70px;
	border-radius: 5px;
	line-height: 29px;
	margin-top: 10px;
	float: left;
	margin-left: 5px;
}

.box a {
	text-decoration: none;
	display: block;
	color: #000000;
}

.box a:hover {
	background: #9fff6b;
	height: 70px;
	text-decoration: none;
}

.selectedbox {
	border: 1px solid #d4dfce;
	width: 160px;
	height: 70px;
	border-radius: 5px;
	line-height: 29px;
	margin-top: 10px;
	float: left;
	margin-left: 5px;
	background: #9fff6b;
}

.selectedbox a {
	text-decoration: none;
	display: block;
	color: #000000;
}

.selectedbox a:hover {
	background: yellow;
	height: 70px;
	text-decoration: none;
}

.plus {
	border: 1px solid #d4dfce;
	width: 160px;
	height: 70px;
	border-radius: 5px;
	line-height: 29px;
	margin-top: 10px;
	float: left;
	margin-left: 5px;
}

.plus a {
	text-decoration: none;
	display: block;
	color: #000000;
}

.plus a:hover {
	background: #9fff6b;
	height: 70px;
}

.plus img {
	margin-left: 0px;
	margin-top: 0px;
}

.plus1 {
	border: 1px solid #d4dfce;
	width: 160px;
	height: 70px;
	border-radius: 5px;
	line-height: 29px;
	margin-top: 10px;
	float: left;
	margin-left: 5px;
}

.plus1 a {
	text-decoration: none;
	display: block;
	color: #000000;
}

.plus1 a:hover {
	background: #9fff6b;
	height: 70px;
}

.plus1 img {
	margin-left: 63px;
	margin-top: 17px;
}

.school {
	font-weight: bold;
	font-size: 17px;
	margin-left: 12px;
}

.status {
	margin-left: 12px;
	font-weight: lighter;
	font-size: 14px
}

.track-heading {
	margin-top: 120px;
}

.checkbox {
	background-color: #FF0000;
	border: 0px;
}

.track-details {
	margin-top: 20px;
}

.functions {
	margin-top: 10px;
	font-size: 14px;
}

.zone-functions {
	margin-top: 25px;
	font-size: 14px;
}

.btn1 {
	margin-left: 425px;
}

.click {
	border: 0px solid red;
}

.zone-click {
	border: 0px solid red;
	margin-left: 15%;
	width: 32%;
	margin-top: -4%;
}

.save {
	background-image: url(../img/custom/update-button.png);
	width: 117px;
	height: 36px;
	float: right;
	margin-top: -16px;
	margin-right: 37px;
	border-radius: 15px;
	padding-top: 15px;
	padding-left: 15px;
}

.save-button a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	margin-left: 30px;
	margin-top: 20px;
}

.delete-track {
	margin-top: 18px;
	margin-left: 939px;
	font-weight: bold;
}

.delete-track a {
	color: #000000;
	text-decoration: underline;
}

input[type="checkbox1"] {
	height: 2.2em;
	width: 2.2em;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: -webkit-linear-gradient(#ababab, #ababab);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: box-shadow 200ms;
	-moz-transition: box-shadow 200ms;
	-o-transition: box-shadow 200ms;
	transition: box-shadow 200ms;
	box-shadow: inset 1px 1px 0 #fff, 0 0px 0px rgba(0, 0, 0, 0.1);
}

/* border radius for radio*/
input[type="radio"] {
	border-radius: 100%;
	/* align the top of radio*/
	margin-top: 0px;
}

/* border radius for checkbox */
input[type="checkbox1"] {
	border-radius: 2px;
}

/* hover state */
input[type="radio"]:not(:disabled):hover, input[type="checkbox1"]:not(:disabled):hover {
	border-color: rgba(0, 0, 0, 0.5);
	/* fix radio state_yangw_20131213 */
	/*box-shadow: inset 1px 1px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.3);*/
}

/* active state */
input[type="checkbox1"]:active:not(:disabled) {
	background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px -1px 0 rgba(255, 255, 255, 0.6);
	border-color: rgba(0, 0, 0, 0.5);
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-family: inherit;
	font-weight: bold;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-weight: normal;
	line-height: 1;
	color: #999999;
}

h1, h2, h3 {
	line-height: 40px;
}

h1 {
	font-size: 38.5px;
}

h2 {
	font-size: 31.5px;
}

h3 {
	font-size: 24.5px;
}

h4 {
	font-size: 17.5px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 11.9px;
}

h1 small {
	font-size: 24.5px;
}

h2 small {
	font-size: 17.5px;
}

h3 small {
	font-size: 14px;
}

h4 small {
	font-size: 14px;
}

/* checkbox checked */
input[type="checkbox1"]:checked:before {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 1.9em;
}

.cross {
	margin-top: -24px;
	margin-left: 201px;
}

.cross1 {
	margin-top: -24px;
	margin-left: 201px;
}

.cross2 {
	margin-top: -24px;
	margin-left: 201px;
}

.cross3 {
	margin-top: -24px;
	margin-left: 201px;
}

.lock-setting-top-content {
	width: 59.5%;
	height: 53.3%;
	border: 0px solid red;
	margin-top: 10px;
}

.lock-inner-left-content {
	width: 45.3%;
	height: 53.3%;
	border: 0px solid red;
	float: left;
}

.heading {
	margin: 0px;
	padding: 0px;
}

.heading-advanced {
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
}

.lock-inner-right-content {

}

.lock-right {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.lock-right1 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.number {
	font-size: 12px;
	margin-left: 20px;
	line-height: 23px;
	margin-top: 5px;
	padding-top: 10px;
}

.auto-response {
	margin-top: 69px;
	margin-left: 515px;
}

.messaage p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	width: 250px;
	height: 70px;
	border: 0px solid red;
	background: #cee6ce;
	border-radius: 7px;
	padding-top: 5px;
	padding-left: 5px;
}

.messaage {
	margin-top: 10px;
}

.check-msg {
	font-size: 12px;
}

input.box:checked:before {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 0.9em;
}

.lock-bottom-content {
	width: 350px;
	margin-left: 180px;
	margin-top: 51px;
}

.lock-line {
	background: url(../img/custom/line.png);
	margin-top: 2px;
	width: 100%;
	height: 2px;
	margin-left: 0%;
}

.check-msg1 {
	margin-left: 8px;
	margin-top: -10px;
	font-size: 14px;
	font-weight: bold;
}

.check-msg2 {
	margin-left: 8px;
	font-size: 14px;
	font-weight: bold;
}

.bottom-right-content {
	width: 256px;
	border: 0px solid red;
	margin-left: 529px;
	margin-top: 40px;
}

.application {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.messaage-angry p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	width: 330px;
	height: 70px;
	border: 0px solid red;
	background: #cee6ce;
	border-radius: 7px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: -20px;
	line-height: 20px;
}

.lock-save {
	background-image: url(../img/custom/update-button.png);
	width: 143px;
	height: 29px;
	border-radius: 13px;
	margin-top: 30px;
	padding-left: 45px;
	padding-top: 10px;
	float: right;
	margin-right: 72px;
}

.lock-save-button a {
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	color: #000000;
}

.safe-left-side {
	width: 180px;
	height: 674px;
	border: 0px solid red;
	background-color: #f0f0f0;
	float: left;
}

.safe-content {
	margin-left: 190px;
}

.safe-left-content {
	width: 50.3%;
	height: 53.3%;
	border: 0px solid red;
	float: left;
}

.top-heading p {
	font-size: 14px;
	font-weight: lighter;
}

.response-sms {
	margin-top: 80px;
}

.response-sms h3 {
	font-size: 18px;
}

.response-sms h5 {
	font-weight: lighter;
	font-size: 12px;
}

.monitor-left-side {
	width: 180px;
	height: 674px;
	border: 0px solid red;
	background-color: #f0f0f0;
	float: left;
}

.monitor-content {
	width: 84%;
	border: 0px solid red;
	margin-left: 15%;
}

.top-content h3 {

}

.monitor-msg {
	font-size: 15px;
	margin-top: 5px;
}

input.monitor-box {
	height: 1.2em;
	width: 1.2em;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: -webkit-linear-gradient(#F0F0F0, #F0F0F0);
	-webkit-appearance: none;
	-webkit-transition: box-shadow 200ms;
	box-shadow: inset 1px 1px 0 #fff, 0 0px 0px rgba(0, 0, 0, 0.1);
	margin-left: 15%;
	margin-top: 7px;
}

input.monitor-box:checked:before {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 0.9em;
}

input.monitor-box1 {
	height: 1.2em;
	width: 1.2em;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: -webkit-linear-gradient(#F0F0F0, #F0F0F0);
	-webkit-appearance: none;
	-webkit-transition: box-shadow 200ms;
	box-shadow: inset 1px 1px 0 #fff, 0 0px 0px rgba(0, 0, 0, 0.1);
	margin-left: 9.5%;
	margin-top: 7px;
}

input.monitor-box1:checked:before {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	font-size: 0.9em;
}

input.texttype {
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: #F0F0F0;
	-webkit-appearance: none;
	-webkit-transition: box-shadow 200ms;
	box-shadow: inset 1px 1px 0 #fff, 0 0px 0px rgba(0, 0, 0, 0.1);
	height: 40px;
	width: 75%;
	border-radius: 5px;
	font-weight: bold;
}

.hidebox {
	margin-top: 30px;
}

.textbox-cross1 {
	margin-top: 2%;
}

.txt1 {
	border: 1px solid #999999;
	width: 75%;
	height: 35px;
}

.crs1 {
	width: 48px;
	height: 48px;
}

.txt2 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs2 {
	width: 48px;
	height: 48px;
}

.txt3 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs3 {
	width: 48px;
	height: 48px;
}

.txt4 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs4 {
	width: 48px;
	height: 48px;
}

.txt5 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs5 {
	width: 48px;
	height: 48px;
}

.txt6 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs6 {
	width: 48px;
	height: 48px;
}

.txt7 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs7 {
	width: 48px;
	height: 48px;
}

.txt8 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs8 {
	width: 48px;
	height: 48px;
}

.txt9 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs9 {
	width: 48px;
	height: 48px;
}

.txt10 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs10 {
	width: 48px;
	height: 48px;
}

.txt11 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs11 {
	width: 48px;
	height: 48px;
}

.txt12 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs12 {
	width: 48px;
	height: 48px;
}

.txt13 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs13 {
	width: 48px;
	height: 48px;
}

.txt14 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs14 {
	width: 48px;
	height: 48px;
}

.txt15 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs15 {
	width: 48px;
	height: 48px;
}

.txt16 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs16 {
	width: 48px;
	height: 48px;
}

.txt17 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs17 {
	width: 48px;
	height: 48px;
}

.txt18 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs18 {
	width: 48px;
	height: 48px;
}

.txt19 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs19 {
	width: 48px;
	height: 48px;
}

.txt20 {
	border: 1px solid #999999;
	border-radius: 3px;
	width: 75%;
	height: 35px;
}

.crs20 {
	width: 48px;
	height: 48px;
}

.monitor-save {
	background-image: url(images/update-button.png);
	width: 177px;
	height: 33px;
	float: right;
	margin-top: -16px;
	margin-right: 37px;
	border-radius: 9px;
	padding-top: 15px;
	padding-left: 32px;
	margin-top: 34px;
}

.monitor-save-button a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	margin-left: 30px;
	margin-top: 20px;
}

.done-button {
	width: 200px;
	height: 50px;
	background-image: url(../img/custom/update-button.png);
	border-radius: 12px;
}

.command-status-notice {
	background-color: #d5d5d2;
	width: 86%;
	min-height: 30px;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-top: 11px;
	text-align: center;
	line-height: 15px;
	border-radius: 2px;
	word-wrap: break-word;
	word-break: normal;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.savesetting-button-container-rb {
	/* 	position: absolute; */
	/* 	top:5px; */
	/* 	right: 10px; */
	/* 	height: 40px; */
	/* 	border: 0px solid red; */
	float: right;
	right: 10px;
	height: 40px;
	border: 0px solid red;
	margin-top: 10px;
}

.savesetting-button-container-rb button {
	max-width: 220px;
}

.btn-shedule {
	max-width: 220px;
}

.green-line {
	border-bottom: green 2px solid;
	width: 100%;
	line-height: 0px;
	height: 0px;
	margin-bottom: 6px;
}

#dialog-timeslots .ui-state-active {
	border: 1px solid #aaaaaa /*{borderColorActive}*/;
	background: green /*{bgColorActive}*/
		 /*url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/

		 50% /*{bgActiveXPos}*/     50% /*{bgActiveYPos}*/     repeat-x
		/*{bgActiveRepeat}*/;
	font-weight: normal /*{fwDefault}*/;
	color: #212121 /*{fcActive}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
	background: #e6e6e6 /*{bgColorDefault}*/
		 /*url(images/ui-bg_glass_75_e6e6e6_1x400.png){bgImgUrlDefault}*/

		 50% /*{bgDefaultXPos}*/     50% /*{bgDefaultYPos}*/     repeat-x
		/*{bgDefaultRepeat}*/;
	font-weight: normal /*{fwDefault}*/;
	color: #555555 /*{fcDefault}*/;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
	{
	color: #555555 /*{fcDefault}*/;
	text-decoration: none;
}
/*to change the timepicker color of am/pm*/
td[data-hour="0"] .ui-state-default, td[data-hour="1"] .ui-state-default,
	td[data-hour="2"] .ui-state-default, td[data-hour="3"] .ui-state-default,
	td[data-hour="4"] .ui-state-default, td[data-hour="5"] .ui-state-default,
	td[data-hour="6"] .ui-state-default, td[data-hour="7"] .ui-state-default,
	td[data-hour="8"] .ui-state-default, td[data-hour="9"] .ui-state-default,
	td[data-hour="10"] .ui-state-default, td[data-hour="11"] .ui-state-default
	{
	color: #555555 /*{fcDefault}*/;
	background: yellow /*{bgColorDefault}*/
		 /*url(images/ui-bg_glass_75_e6e6e6_1x400.png){bgImgUrlDefault}*/

		 50% /*{bgDefaultXPos}*/     50% /*{bgDefaultYPos}*/     repeat-x
		/*{bgDefaultRepeat}*/;
	font-weight: normal /*{fwDefault}*/;
	text-decoration: none;
}

td[data-hour="0"] .ui-state-hover, td[data-hour="1"] .ui-state-hover, td[data-hour="2"] .ui-state-hover,
	td[data-hour="3"] .ui-state-hover, td[data-hour="4"] .ui-state-hover,
	td[data-hour="5"] .ui-state-hover, td[data-hour="6"] .ui-state-hover,
	td[data-hour="7"] .ui-state-hover, td[data-hour="8"] .ui-state-hover,
	td[data-hour="9"] .ui-state-hover, td[data-hour="10"] .ui-state-hover,
	td[data-hour="11"] .ui-state-hover
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	border: 1px solid #999999 /*{borderColorHover}*/;
	background: #F0DD06 /*{bgColorHover}*/
		 /*url(images/ui-bg_glass_75_dadada_1x400.png){bgImgUrlHover}*/
		 50% /*{bgHoverXPos}*/     50% /*{bgHoverYPos}*/     repeat-x
		/*{bgHoverRepeat}*/;
	font-weight: normal /*{fwDefault}*/;
	color: #212121 /*{fcHover}*/;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link,
	.ui-state-hover a:visited {
	color: #212121 /*{fcHover}*/;
	text-decoration: none;
}

td[data-hour="0"] .ui-state-active, td[data-hour="1"] .ui-state-active,
	td[data-hour="2"] .ui-state-active, td[data-hour="3"] .ui-state-active,
	td[data-hour="4"] .ui-state-active, td[data-hour="5"] .ui-state-active,
	td[data-hour="6"] .ui-state-active, td[data-hour="7"] .ui-state-active,
	td[data-hour="8"] .ui-state-active, td[data-hour="9"] .ui-state-active,
	td[data-hour="10"] .ui-state-active, td[data-hour="11"] .ui-state-active,
	.ui-state-active, .ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa /*{borderColorActive}*/;
	background: rgb(11, 250, 11) /*{bgColorActive}*/
		 /*url(images/ui-bg_glass_65_ffffff_1x400.png){bgImgUrlActive}*/
		 50% /*{bgActiveXPos}*/     50% /*{bgActiveYPos}*/     repeat-x
		/*{bgActiveRepeat}*/;
	font-weight: normal /*{fwDefault}*/;
	color: #212121 /*{fcActive}*/;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
	{
	color: #212121 /*{fcActive}*/;
	text-decoration: none;
}

/*to let the mon.sun button center*/
.ui-button-text-only .ui-button-text {
	padding: .4em 0;
}

.highlighted {
	background-color: rgb(221, 6, 49);
	color: white;
}

/*family overview css start*/
.family-tick-cross-img {
	margin-top: 10%;
	width: 30%;
}

.family-alert-img {
	margin-top: 10%;
	width: 30%;
}

.family-item-container {
	border: 1px;
	border-color: red;
	width: 98%;
	height: 40%;
	background-color: rgb(244, 244, 244);
	padding: 1% 1% 1% 1%;
	font-family: geneva, arial, helvetica, sans-serif;
}

.family-item-title {
	width: 100%;
	height: 20%;
}

.family-item-title-col {
	width: 50%;
	height: 100%;
	float: left;
}

.family-item-title-col-part1 {
	width: 80%;
	float: left;
}

.family-item-title-col-part2 {
	float: left;
	width: 50%;
	overflow-y: auto;
	word-wrap: break-word;
	word-break: break-all;
}

.family-item-title-col-part3 {
	float: left;
	margin-left: 2%;
	width: 47%;
}

.family-item-contents {
	border: 1px;
	border-color: red;
	width: 100%;
	margin-top: 1%;
	height: 80%;
}

.family-item-contents-item {
	width: 12.5%;
	float: left;
	text-align: center;
}

.family-item-contents-item-part1 {
	width: 100%;
	height: 40%;
}

.family-item-contents-item-part2 {
	width: 100%;
	height: 20%;
}

.family-item-contents-item-part3 {
	width: 100%;
	height: 20%;
}

.clear-both {
	width: 100%;
	clear: both;
	height: 1px;
	line-height: 1px;
}
/*family overview css end*/
.timeslots_table {
	height: 45%;
	margin-top: 1%;
	overflow: auto;
}

.timeslot_name {
	width: 98%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}

.timeslots_table-slots-name {
	width: 98%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}

.wizard-descripion {
	margin: auto;
	padding: 10px 10px 10px 10px;
	width: 98%;
	max-width: 480px;
	border: 1px solid grey;
	background-color: white;
	font-weight: bold;
	border-radius: 8px;
}

.position-fixed {
	position: fixed;
}

.l-header-fixed {
	position: fixed;
	margin-right: 26px;
}

.timeslots-used-warning {
	background-color: #e6e6e6;
	margin-top: 5px;
}
/*has been checked global css start*/
.border-radius-6 {
	border-radius: 6px;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.border-grey-1 {
	border: 1px grey solid;
}

.container-center {
	margin-left: auto;
	margin-right: auto;
}

.list-cell-width-50 {
	width: 50px;
	text-align: left;
}

.list-cell-width-100 {
	width: 100px;
	text-align: left;
}

.l-c-w-110 {
	width: 110px;
	text-align: left;
}

.list-cell-width-120 {
	width: 120px;
	text-align: left;
}

.l-c-w-140 {
	width: 140px;
	text-align: left;
}

.l-c-w-auto {
    width: auto;
    text-align: left;
}
.l-c-w-20 {
    width: 20px;
    text-align: left;
}
.l-c-w-min-120 {
   min-width:120px;
}
.list-cell-width-150 {
	width: 150px;
	text-align: left;
}

.list-cell-width-200 {
	width: 200px;
	text-align: left;
}

.list-cell-width-250 {
	width: 250px;
	text-align: left;
}

.list-cell-width-300 {
	width: 300px;
	text-align: left;
}

.l-c-w-350 {
	width: 350px;
	text-align: left;
}

.list-cell-width-450 {
	width: 450px;
	text-align: left;
}

.list-cell-width-500 {
	width: 500px;
	text-align: left;
}

.l-c-w-550 {
	width: 550px;
}

.l-c-w-570 {
	width: 570px;
}

.l-c-w-420 {
	width: 420px;
}

.list-cell-width-400 {
	width: 400px;
	text-align: left;
}

.list-cell-width-340 {
	width: 340px;
	text-align: left;
}

.list-cell-width-360 {
	width: 360px;
	text-align: left;
}

.list-cell-width-80 {
	width: 80px;
	text-align: left;
}

.dialog-accout-part1 {
	width: 40%;
	float: left;
}

.dialog-accout-part2 {
	width: 60%;
	float: left;
}

.mmg-list-ops {
	width: 100%;
	word-wrap: break-word;
	word-break: break-all;
}

.mmg-list-ops button {
	margin-bottom: 10px;
}

.mmg-list-ops tr {
	height: 40px;
}

.mmg-list {
	table-layout: fixed;
	font-size: 14px;
	background-color: transparent !important;
}

.mmg-list tr {
	border-bottom: 1px solid #DDDDDD;
	height: 30px;
	line-height: 20px;
}

.mmg-list-higher-tr tr {
	border-bottom: 1px solid #DDDDDD;
	height: 50px;
	/* 	line-height: 50px; */
}

.mmg-list td {
	word-wrap: break-word;
	word-break: break-word;
}

.mmg-l-h {
	background-color: #e6e6e6;
	font-weight: bold;
}

.mmg-l-h th:first-child {
	border-top-left-radius: 8px;
}

.mmg-l-h th:last-child {
	border-top-right-radius: 8px;
}

.mmg-leg {
	width:100%;
}

.mmg-leg tr {
	border-bottom: 1px solid #DDDDDD;
	height: 20px;
	line-height: 20px;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 14px;
}

.mmg-leg-h {
	background-color: #e6e6e6;
	font-weight: bold;
}

.mmg-leg-h :first-child {
	border-top-left-radius: 4px;
}

.mmg-leg-h :last-child {
	border-top-right-radius: 4px;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}
/*has been checked global css end*/
/*hack google chart tooltop start*/
.charts-tooltip {
	z-index: 2000;
}
/*hack google chart tooltop end*/

/* appcontrol integration start*/
.appcontrol-left {
	width: 67%;
	height: 100%;
	float: left;
}

.appcontrol-right {
	width: 33%;
	height: 100%;
	padding-left: 10px;
	float: left;
}

.appcontrol-limit {
	width: 66px;
	margin-left: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

.displayAppModeTR {
	width: 100%;
	height: 10%;
	border-color: green;
	border: thick;
	page-break-after: always;
}

.displayAppModeTD1 {
	width: 40%;
	float: left;
}

.displayAppModeTD2 {
	width: 25%;
	float: left;
}

.displayAppModeTD3 {
	width: 15%;
	float: left;
}

.displayAppModeTD4 {
	width: 15%;
	float: left;
}

.displayAppModeLine {
	border-bottom: gray 1px solid;
	width: 100%;
}

.application-control-application-list-row {
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	height: 50px;
}

.application-list-row-col1-appname {
	display: block;
	width: 100%;
	height: 50px;
	/* 	word-wrap: break-word; */
	/* 	word-break: break-all; */
	/* 	overflow-y: auto; */
	overflow: hidden;
	text-overflow: ellipsis;
}

.application-control-timescheduletable {
	overflow: auto;
	width: 100%;
	height: 270px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.application-control-application-list-row-col1 {
	width: 40%;
	float: left;
	text-align: left;
}

.height-line-height-50 {
	height: 50px;
	line-height: 50px;
}

.height-line-height-20 {
	height: 22px;
	line-height: 22px;
}

.application-control-application-list-row-col2 {
	width: 15%;
	float: left;
	text-align: center;
}

.application-control-application-list-row-col3 {
	width: 8%;
	float: left;
	text-align: right;
}

.application-control-application-list-row-col4 {
	width: 12%;
	float: left;
	text-align: right;
}

.application-control-application-list-row-col5 {
	width: 12%;
	float: left;
	text-align: center;
}

.application-control-application-list-row-col6 {
	width: 12%;
	float: left;
	text-align: center;
}

.application-control-application-list-selector {
	width: 10px;
	margin-top: 2px;
	margin-left: 10px;
	float: right;
	height: 70%;
}
/* appcontrol integration end*/

/* callblock integration start*/
.callblock-left {
	width: 60%;
	height: 100%;
	float: left;
}

.callblock-right {
	width: 40%;
	height: 100%;
	padding-left: 20px;
	float: left;
}

.displayCallModeTR {
	position: relative;
	width: 100%;
	height: 10%;
	page-break-after: always;
}

.displayCallModeTD1 {
	position: relative;
	width: 55%;
	min-width: 55%;
	float: left;
}

.displayCallModeTD2 {
	width: 30%;
	min-width: 30%;
	float: left;
}

.displayCallModeTD3 {
	width: 15%;
	min-width: 15%;
	float: left;
}

.displayCallModeLine {
	border-bottom: gray 1px solid;
	width: 100%;
	margin-top: 2%;
}

#displayCallMode {
	width: 100%;
	height: 65%;
	overflow-y: auto;
	float: left;
}

.call-control-list-row {
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	height: 50px;
}

.call-control-list-row-col1 {
	width: 40%;
	float: left;
	text-align: left;
	height: 50px;
	line-height: 50px;
}

.call-control-list-row-col2 {
	width: 40%;
	float: left;
	text-align: left;
	height: 50px;
	line-height: 49px;
	word-wrap: break-word;
	word-break: break-all;
	overflow-y: auto;
}

.call-control-list-row-col3 {
	width: 10%;
	float: left;
	text-align: center;
	margin-left: 5%;
	height: 50px;
	line-height: 50px;
}

.call-control-list-selector {
	width: 10px;
	margin-top: 2px;
	margin-left: 10px;
	float: right;
	height: 60%;
}

.call-control-row-col1-name {
	display: block;
	width: 100%;
	height: 50px;
	/* 	word-wrap:break-word; */
	/* 	word-break:break-all; */
	/* 	overflow-y:auto; */
	overflow: hidden;
	text-overflow: ellipsis;
}

.callblock-empty-lists-content {
	position: relative;
	top: 43%;
}
/* callblock integration end*/

/* commandstatus integration start*/
.command-list-content-cell {
	border-bottom: 1px solid #DDDDDD;
	height: 35px;
	line-height: 35px;
	word-wrap: break-word;
	word-break: break-word;
}

.command-list-content-row {

}
/* commandstatus integration end*/

/* dialogaddress integration start*/
.contacts-whole {
	overflow: auto;
	width: 100%;
	height: 100%
}

.contacts-table-row {
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.contacts-table-row-col1 {
	width: 50%;
	height: 40px;
	line-height: 40px;
	float: left;
	/* 	word-wrap:break-word; */
	/* 	word-break:break-all; */
	/* 	overflow:auto; */
	overflow: hidden;
	text-overflow: ellipsis;
}

.contacts-table-row-col2 {
	width: 36%;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
	overflow: auto;
}

.contacts-table-row-col3 {
	width: 10%;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: center;
}

.contacts-container {
	height: 450px;
	overflow-y: auto;
	margin-bottom: 5px;
}

.contacts-table-selector {
	width: 10px;
	margin-top: 43px;
	margin-left: 10px;
	float: left;
	height: 420px;
	/*     background-color:#DDDDDD; */
}

.contacts-right {
	width: 30%;
	float: right;
}

.contacts-right-sort {
	width: 100%;
}

.contacts-right-button {
	margin-top: 250px;
	margin-bottom: 2px;
}

.contacts-left {
	width: 65%;
	float: left;
	height: 100%;
}

.contacts-left-title {
	width: 100%;
	border-bottom: 1px solid black;
	height: 40px;
}

.contacts-left-col1 {
	/* 	width: 84%; */
	width: 490px;
	float: left;
	margin-top: 10px;
}

.contacts-left-col2 {
	width: 10%;
	float: left;
	text-align: left;
	margin-top: 10px;
}
/* dialogaddress.css integration end*/

/* locationmap.css integration start*/
.location-update {
	width: 20%;
	float: left;
	margin-bottom: 4px;
	border-radius: 10px;
	padding-top: 0px;
}

.location-history {
	width: 300px;
	position: absolute;
	right: 40px;
	top: 8px;
	background-color: white;
	z-index: 100;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
}

.location-content {
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	width: 100%;
	/* 	height: 65px; */
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 0 0 0px;
}

.location-adrress {
	/* 	width:250px;     */
	width: 45%;
	height: 50px;
	word-wrap: break-word;
	word-break: normal;
	overflow-y: auto;
	/* 	font-size: 12px; */
	font-weight: bold;
	padding-left: 5px;
	padding-right: 3px;
	float: left;
}

.location-title {
	font-size: 12pt;
	font-weight: bold;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.location-now-adrress {
	margin-top: 15px;
	font-size: 11pt;
	font-weight: normal;
	overflow-y: hidden;
	text-overflow: ellipsis;
}

.location-now-adrress-noscroll {
	font-size: 11pt;
	font-weight: normal;
	height: 60%;
	line-height: 100%;
	display: block;
	overflow-y: hidden;
	text-overflow: ellipsis;
}

.location-time {
	/* 	width:300px;   d*/
	width: 35%;
	height: 100%;
	word-wrap: break-word;
	word-break: normal;
	overflow-y: auto;
	float: left;
	margin-top: -3px;
}

.time-zone {
	width: 100%;
	display: block;
	font-size: 9pt;
	font-weight: mormal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.accuracy, .speed {
	font-size: 9pt;
	font-weight: bold;
	display: block;
	margin-top: -2px;
}

.location-history-title {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 20%;
}

.location-history-condition {
	padding-left: 20px;
	padding-right: 20px;
	height: 20%;
}

.location-history-list-container {
	margin-top: 1px;
	padding-left: 20px;
	padding-right:20px;
	width: 100%;
	height: 80%;
}

.location-history-list {
	height: 80%;
}

.location-history-list-item {
	margin-bottom: 5px;
	height:50px;
}

.location-history-list-item-1 {
	height: 100%;
	float: left;
	overflow-y: auto;
	width: 70%;
	word-wrap: break-word;
	word-break: normal;
	font-size: 12px;
	border-radius: 4px 0px 0px 4px;
}

.location-history-list-item-2 {
	height: 100%;
	float: left;
	width: 25%;
	word-wrap: break-word;
	word-break: normal;
	font-size: 12px;
	border-radius: 0px 0px 0px 0px;
}
.location-history-list-item-3 {
	height: 100%;
	float: left;
	width: 0%;
	word-wrap: break-word;
	word-break: normal;
	font-size: 12px;
	border-radius: 0px 4px 4px 0px;
	text-align:right;
	padding-right:10px;
}
.location-history-list-item-3 img {
	height: 25px;
	width: 25px;
}

.location-history-list-item-color {
	background-color: #DDDDDD;
}

.location-history-list-page {
	height: 20%;
}

.location-history-list-page-back {
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
	height: 25px;
	width: 100px;
}

.location-history-list-page-next {
	float: right;
	margin-bottom: 15px;
	margin-top: 15px;
	height: 25px;
	width: 100px;
}

.location-history-list-page-a {
	display: block;
	height: 25px;
	width: 100px;
}

.location-history-list-page-img {
	height: 25px;
	width: 25px;
	display: block;
	cursor: pointer;
}

.location-history-list-page-bn {
	display: block;
	height: 25px;
	line-height: 25px;
	width: 40px;
	cursor: pointer;
}

.nm_crnode {
	margin-bottom: 10px;
}
/* hack right top */
[aria-expanded="false"] .nm_labelOpen {
	/*     display: block!important; */

}

.location-map-canvas {
	width: 100%;
	height: 100%;
	margin-top: 0px;
	border-radius: 4px;
}
/* locationmap.css integration end*/

/* locksetting.css integration start*/
.locksetting-allowed-contact-part {
	width: 100%;
	height: 180px;
	border: 0px solid red;
}

.locksetting-auto-response-sms-part {
	width: 100%;
	height: 130px;
	border: 0px solid red;
}

.locksetting-advanced-functions-part {
	width: 100%;
	height: 200px;
	border: 0px solid red;
}

.allowed-applications-whole {
	width: 100%;
	height: 100%
}

.allowed-applications-left {
	width: 60%;
	float: left;
	overflow: auto;
	height: 100%
}

.allowed-applications-left-title {
	width: 100%;
	border-bottom: 1px solid black;
	height: 40px;
}

.allowed-applications-left-row {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDDDDD;
}

.allowed-applications-left-col1 {
	width: 75%;
	float: left;
	/* 	word-wrap: break-word; */
	/* 	word-break: break-all; */
	/* 	overflow-y: auto; */
	height: 40px;
	line-height: 40px;
}

.allowed-applications-appname {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.allowed-applications-left-col2 {
	width: 20%;
	float: left;
	line-height: 40px;
	text-align: center;
	height: 40px;
}

.allow-callsandsms-left-col1 {
	width: 50%;
	height: 100%;
	float: left;
	border-bottom: 1px solid #DDDDDD;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	overflow: auto;
}

.allow-callsandsms-left-col2 {
	width: 25%;
	height: 100%;
	border-bottom: 1px solid #DDDDDD;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.allow-callsandsms-left-col3 {
	width: 23%;
	height: 100%;
	border-bottom: 1px solid #DDDDDD;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.allowed-applications-container {
	height: 80%;
	width: 100%;
	overflow: auto;
}

.allowed-callandsendsms-name {
	width: 48%;
	height: 100%;
	float: left;
	margin-left: 5px;
	word-wrap: break-word;
	word-break: break-all;
	overflow: auto;
}

.allowed-applications-middle {
	width: 10px;
	margin-top: 43px;
	margin-left: 10px;
	float: left;
	height: 420px;
	/*     background-color:#DDDDDD; */
}

.allowed-applications-right {
	width: 30%;
	float: right;
}

.allowed-applications-right-sort {
	width: 100%;
}

.allowed-applications-right-button {
	margin-top: 250px;
	margin-bottom: 2px;
}

.allowed-applications-right-button {
	margin-top: 250px;
	margin-bottom: 2px;
}

.contact-number {
	width: 330px;
	height: 50px;
	border: 0px solid red;
	background: #cee6ce;
	border-radius: 7px;
	margin-top: 1px;
}

.allow-contacts-container {
	width: 330px;
	height: 90px;
	border: 0px solid red;
	background: #cee6ce;
	border-radius: 7px;
	margin-top: 1px;
}

.locksetting-auto-response-sms {
	width: 400px;
	height: 80px;
}

.locksetting-advanced-left-content {
	width: 100%;
	height: 53.3%;
	border: 0px solid red;
	float: left;
	margin-top: 0px;
}
/* locksetting.css integration end*/

/* phonesetting.css integration start*/
.phone-setting-admin-phone-list {
	width: 100%;
	height: 75px;
	margin-left: 8px;
	margin-bottom: 4px;
	overflow-y: auto;
}

.phone-setting-admin-phone-row {

}

.phone-setting-admin-phone-row-col1 {
	width: 70%;
	margin-bottom: 0px;
	float: left;
}

.phone-setting-admin-phone-row-col2 {
	width: 30%;
	margin-top: -12px;
	float: left;
}

.phonesetting-account-options-container {
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
	border: 1px solid gray;
	border-radius: 4px;
}

.phonesetting-addadminphone-button {
	width: 100px;
}
/* phonesetting.css integration end*/

/* purchase.css integration start*/
.purchase-license-status-area {
	max-height: 90%;
	width: 100%;
	overflow: auto;
	border: 0px solid red;
}

.purchase-license-status-row {
	height: 40px;
	line-height: 40px;
	text-align: left;
	/* 	background-color: #e6e6e6; */
}

.purchase-license-status-cell6-width {
	width: 140px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.purchase-license-purchase-area {
	height: 49%;
	width: 100%;
	border: 0px solid red;
}

.boxed-des {
	width: 270px;
	margin: auto;
	padding: 10px;
	word-wrap: break-word;
	word-break: normal;
	border: 1px solid gray;
	border-radius: 4px;
}

.purchase-cancel-google-description {
	text-align: left;
	padding: 4px;
	width: 180px;
	word-wrap: break-word;
	word-break: normal;
	border: 1px solid gray;
	border-radius: 4px;
}

.purchase-cancel-google-description a {
	color: #0088cc !important;
}

.purchase-status-list-content-cell {
	border-bottom: 1px solid #ddd;
	height: 15px;
	line-height: 15px;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 14px;
}

.purchase-select-phone-cell1-width {
	width: 30px;
	text-align: left;
}

.purchase-select-phone-cell2-width {
	width: 150px;
	text-align: left;
}

.purchase-select-phone-cell3-width {
	width: 180px;
	text-align: left;
}

.purchase-select-phone-cell4-width {
	width: 280px;
	text-align: left;
}

/* purchase.css integration end*/

/* report.css integration start*/
.report-nav {
	width: 100%;
	height: 120px;
}

.report-nav-item {
	width: 14%;
	float: left;
}

.mmg-shadow-container {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px
		rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mmg-container:BEFORE {
	display: table;
	content: " ";
	height: 0px;
	width: 100%;
}

.mmg-container:AFTER {
	display: table;
	content: " ";
	height: 0px;
	width: 100%;
}

.report-list-container {
	position: relative;
	width: 100%;
	height: 93%;
	overflow: auto;
	margin-bottom: 5px;
	width: 100%;
}

#reportsNav a:link {
	color: #555555 /*{fcDefault}*/;
	text-decoration: none;
}

#reportsNav a:visited {

}

#reportsNav a:hover {
	color: #FF00FF;
}

#reportsNav a:active {
	color: #FF00FF;
}

.reportsNav-a-visited {
	font-weight: bold;
	color: blue;
}

#reportListTitle {
	table-layout: fixed;
	width: 100%;
}

#reportList {
	table-layout: fixed;
	width: 100%;
	word-wrap: break-word;
	word-break: break-word;
}

#reportListTitle td, #reportList td {
	padding: 0px 5px;
}

#reportsNav h5 {
	margin-top: 0px;
	margin-bottom: 5px;
}

.report-intalledapps-title {
	width: 70%;
	height: 30px;
}

.report-intalledapps-title-col1 {
	width: 40%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-intalledapps-row {
	width: 70%;
	height: 30px;
}

.report-intalledapps-row-col1 {
	width: 40%;
	margin-top: 10px;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
	border-bottom: 1px solid #DDDDDD;
}

.report-websiteshistory-title {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid black;
}

.report-websiteshistory-row {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #ddd;
}

.report-callhistory-title {
	width: 100%;
	height: 30px;
}

.report-callhistory-title-col1 {
	width: 30%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-callhistory-row {
	width: 100%;
	height: 30px;
}

.report-callhistory-row-col1 {
	width: 30%;
	margin-top: 10px;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
	border-bottom: 1px solid #DDDDDD;
}

/* phone alerts */
.report-phonealerts-title {
	width: 100%;
	height: 30px;
}

.report-phonealerts-row {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #ddd;
}

/* blocked call alerts start*/
.report-phonealerts-blocked-call-title-col1 {
	width: 20%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-blocked-call-title-col2 {
	width: 70%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-blocked-call-row-col1 {
	width: 20%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

.report-phonealerts-blocked-call-row-col2 {
	width: 70%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}
/* blocked call alerts end*/
.report-phonealerts-sms-block-title-col1 {
	width: 20%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-sms-block-title-col2 {
	width: 50%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-sms-block-row-col1 {
	width: 20%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

.report-phonealerts-sms-block-row-col2 {
	width: 50%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

.report-phonealerts-sms-alert-row-col1 {
	width: 18%;
}

.report-phonealerts-sms-alert-row-col2 {
	width: 39%;
}

.report-phonealerts-sms-alert-row-col3 {
	width: 20%;
}

.report-phonealerts-app-install-title-col1 {
	width: 35%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-app-install-row-col1 {
	width: 35%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

.report-phonealerts-zone-alert-title-col1 {
	width: 16%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-zone-alert-row-col1 {
	width: 16%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

.report-phonealerts-web-link-title-col1 {
	width: 17%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-web-link-row-col1 {
	width: 17%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

.report-phonealerts-override-title-col1 {
	width: 20%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-override-row-col1 {
	width: 20%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

.report-phonealerts-overspeed-title-col1 {
	width: 17%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-phonealerts-overspeed-row-col1 {
	width: 17%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

/* blockedsmsalerts */
.report-blockedsmsalerts-title {
	width: 100%;
	height: 30px;
}

.report-blockedsmsalerts-title-col1 {
	width: 20%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-blockedsmsalerts-row {
	width: 100%;
	height: 30px;
}

.report-blockedsmsalerts-row-col1 {
	width: 20%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

/* blockedcallalerts */
.report-blockedcallalerts-title {
	width: 100%;
	height: 30px;
}

.report-blockedcallalerts-title-col1 {
	width: 20%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-blockedcallalerts-row {
	width: 100%;
	height: 30px;
}

.report-blockedcallalerts-row-col1 {
	width: 20%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

/* blocked keyword alerts */
.report-blockedkeywordalerts-title {
	width: 100%;
	height: 30px;
}

.report-blockedkeywordalerts-title-col1 {
	width: 20%;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid black;
}

.report-blockedkeywordalerts-row {
	width: 100%;
	height: 30px;
}

.report-blockedkeywordalerts-row-col1 {
	width: 20%;
	margin-top: 10px;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
}

.report-applabel {
	color: #0088cc;
	text-decoration: underline;
}

a.report-applabel:link {
	color: #0088cc;
	text-decoration: underline;
}

a.report-applabel:visited {
	color: black;
	text-decoration: underline;
}

a.report-applabel:hover {
	color: red;
	text-decoration: underline;
}

a.report-applabel:active {
	color: grey;
	text-decoration: underline;
}

.reports-viewed-selector-title-col {
	width: 8%;
	border-bottom: 1px solid black;
}

.reports-viewed-selector-row-col {
	width: 8%;
	border-bottom: 1px solid #DDDDDD;
}

.rt-web-url-r {
	width: 50%;
}

.rt-web-name-r {
	width: 30%;
}

.rt-web-time-r {
	width: 20%;
}

.report-time-title-col {
	width: 18%;
	border-bottom: 1px solid black;
}

.report-time-row-col {
	width: 18%;
	border-bottom: 1px solid #ddd;
}

.report-time-row-col-s {
	width: 15%;
}

.report-time-row-col-new {
	width: 17%;
	min-width: 200px;
}

.reports-viewed-selector {
	width: 100%;
	display: none;
}

.reports-highlight {
	font-size: 1.2em;
	color: red;
}

.reports-table-title {
	/* 	background-color: rgb(1, 53, 5); */
	/* 	color: white; */
	border-bottom: 1px solid black;
}

.reports-row-even {
	/* 	background-color: rgb(149, 240, 248); */

}

.reports-row-read {
	/* 	background-color: rgb(150, 150, 150); */

}

.reports-row-new {
	/* 	background-color: rgb(250, 201, 246); */

}

.reports-row-odd {
	/* 	background-color: rgb(250, 201, 246); */

}

.reports-row-even:hover, .reports-row-odd:hover {
	/* 	background-color: rgb(18, 240, 27); */

}
/* report.css integration end*/

/* safedriving.css integration start*/
.safedriving-timeslots-table {
	overflow: auto;
	height: 300px;
	width: 100%;
}

.saveSettingButtonDiv {
	bottom: 0;
	background-image: url(../img/custom/update-button.png);
	float: right;
	height: 31px;
	border-radius: 12px;
	padding-left: 16px;
	padding-top: 12px;
	width: 180px;
	margin-right: 2%;
}

.safe-message {
	width: 475px;
	height: 100px;
}

.safe-msg {
	font-size: 12px;
	margin-top: 5px;
}
/* safedriving.css integration end*/

/* timelimits.css integration start*/
.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* support: IE7 */
	*height: 1.7em;
	*top: 0.1em;
}

.custom-combobox-input {
	margin: 0;
	padding: 0.3em;
}

.timeLimits-timeslots-table {
	overflow: auto;
	width: 100%;
	height: 70%;
}

/* .editSchedules-button a {
	text-align: center;
	font-weight: bold;
	paading-top: 5%;
	padding-left: 15%;

} */
/* timelimits.css integration end*/

/* track.css integration start*/
.track-content-div {
	width: 70%;
	height: 100%;
	float: left;
}

.track-content-div-right {
	width: 28%;
	height: 100%;
	float: right;
	text-align: left;
}

.track-timeslots-table {
	overflow: auto;
	width: 100%;
	height: 28%;
}

.track-name {
	font-weight: bold;
	margin-left: 12px;
	width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.track-details-name {
	padding-bottom: 6px;
}

.track-details-how-often {
	padding-bottom: 26px;
}

.track-delete {
	float: left;
	padding-top: 0px;
	margin-right: 20px;
	margin-bottom: 3px;
}

.track-tab {
	page-break-after: always;
	height: 98px;
	overflow-y: auto;
}
/* track.css integration end*/

/* zone.css integration start*/
.zone-timeslots-table {
	overflow: auto;
	width: 100%;
	height: 150px;
}

.zone-delete-button-container {
	width: 48%;
	float: left;
}

.zone-save-button-container {
	width: 48%;
	float: right;
}

.zone-name {
	font-weight: bold;
	font-size: 17px;
	margin-left: 12px;
	width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.zone-save {
	background-image: url(../img/custom/update-button.png);
	height: 31px;
	border-radius: 12px;
	padding-left: 16px;
	padding-top: 12px;
	width: 140px;
}

.zone-save-button a {
	text-align: center;
	paading-top: 5%;
	padding-left: 15%;
	text-decoration: none;
	color: #000000;
	text-decoration: none;
}

.zone-map {
	border: 1px solid red;
}

.zone-maps {
	margin-top: 90px;
	margin-left: 1px;
	width: 100%;
}

.zone-delete-track {
	margin-left: 4px;
	font-weight: bold;
	margin-top: 13px;
	padding-top: 15px;
}

.zone-delete-track a {
	color: #000000;
	text-decoration: underline;
}

.geozone-map_canvas {
	margin-top: 10px;
	width: 98%;
	height: 350px;
}

.geozone-zone_tab {
	page-break-after: always;
	height: 90px;
	overflow-y: auto;
}
/* zone.css integration end*/

/* page start*/
.pagination {
	font-size: 80%;
}

.pagination a {
	text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
	display: block;
	float: left;
	padding: 0.3em 0.5em;
	margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
	background: #26B;
	color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next {
	color: #999;
	border-color: #999;
	background: #fff;
}
/* page end*/

/* web filer start */
.wf-left {
	width: 55%;
	height: 100%;
	float: left;
}

.wf-right {
	width: 44%;
	height: 100%;
	margin-left: 1%;
	padding-top: 35px;
	float: left;
}

.wf-urloverride {
	margin: 0px 30px 0px 0px;
	width: 212px;
}

.wf-cg-div {
	width: 100%;
	height: 65%;
	overflow: auto;
	margin-bottom: 5px;
}

.wf-or-div {
	width: 100%;
	height: 62%;
	overflow: auto;
	margin-bottom: 5px;
}

.wf-sv-btn {
	position: absolute;
	right: 10px;
	top: 10px;
}

.wf-or-des {
	width: 360px;
	margin: 0px;
	font-size: 12px;
}

.wf-a-btn {
	width: 80px;
}

.wf-b-btn {
	width: 80px;
	margin-left: 10px;
}

.pu-title {
	border: 1px solid #c0c0c0;
	background: white;
	border-radius: 5px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
}

.pu-area {
	/* 	height: 600px; */
	height: 610px;
	margin-bottom: 10px;
}

.pu-area-l {
	position: relative;
	float: left;
	width: 48%;
	/* 	height: 88%; */
	height: 550px;
	border: 1px solid #c0c0c0;
	background: white;
	border-radius: 5px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #c0c0c0;
	float: left;
}

.pu-area-r {
	position: relative;
	float: right;
	width: 48%;
	/* 	height: 88%; */
	height: 550px;
	border: 1px solid #c0c0c0;
	background: white;
	border-radius: 5px;
	padding: 0px 10px 0px 10px;
}

.pu-area-l .pu-chart {
	/* 	height: 250px; */
	height: 270px;
}

.pu-area-l-t {
	/* 	height: 425px; */
	height: 445px;
}

.pu-area-r .pu-chart {
	/* 	height: 480px; */
	height: 480px;
}
.pu-legend {
	height: 200px;
    overflow: auto;
}
.pu-warn {
	font-size: 10px;
	text-align: center;
	margin-top: 34px;
	width: 100%;
	word-wrap: break-word;
	margin-bottom: 0px;
}

.pu-warn-2 {
	margin: 0px;
	text-align: center;
	line-height: 12px;
}

.pu-leg-ic {
	width: 15px;
	height: 15px;
}

.pu-chart {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	height: 100%;
}
/* web filer end */
/* added for mobily */
.track-send-track-label {
	margin-right: 10px;
	float: left;
}

.track-send-track-text {
	float: left;
}

.lockunlock-part1 {
	width: 50%;
	float: left;
}

.lockunlock-part2 {
	float: right;
	width: 49%
}

.locksetting-row1-part1 {
	width: 42%;
	float: left;
}

.locksetting-row1-part2 {
	width: 45%;
	float: left;
	padding-left: 2%;
	display: none;
}

.locksetting-row2-part1 {
	width: 42%;
	float: left;
}

.locksetting-row2-part2 {
	width: 410px;
	float: left;
}

.locksetting-row3-part1 {
	width: 42%;
	float: left;
}

.locksetting-row3-part2 {
	width: 410px;
	float: left;
	padding-left: 2%;
	display: none;
}

.timelimits-part1 {
	width: 100%;
	height: 100%;
}

.timelimits-add-button {
	float: right;
}

.timelimits-savebutton {
	float: right;
}

.appcontrol-list-title1 {
	cursor: pointer;
	font-weight: bold;
}

.appcontrol-list-title2 {
	cursor: pointer;
	font-weight: bold;
	margin-left: -25px;
}

.appcontrol-list-title3 {
	cursor: pointer;
	font-weight: bold;
	margin-left: 5px;
}

.appcontrol-list-title4 {
	cursor: pointer;
	font-weight: bold;
	margin-left: 16px;
}

.appcontrol-list-title5 {
	cursor: pointer;
	font-weight: bold;
	margin-left: 50px;
}

.ac-day-lm {
	line-height: 12px;
	display: inline-block;
	font-size: 80%;
}

.app-schedule-des {
	/* 	width: 65%; */
	/* 	width: 100%; */
	/* 	float: left; */
	/* 	padding-right:2px; */

}

.textmonitor-mode {
	width: 70%;
	float: left;
}

.text-mode {
	float: left;
}

.text-mode-box {
	float: left;
}

.safedrive-part1 {
	width: 45%;
	height: 80%;
	float: left;
}

.safedrive-part2 {
	width: 55%;
	height: 80%;
	float: left;
}

.safedrive-mode {
	float: left;
}

.safe-onoff {

}

.safe-auto-sms {
	float: left;
}

.safe-auto-sms-box {
	float: left;
}

.safe-schedule-button {
	float: right;
	/* 	margin-top: -15px; */
}

.setting-part1 {
	width: 40%;
	float: left;
}

.setting-part2 {
	width: 35%;
	float: left;
	margin-left: 12%;

}

.setting-phonenumber-label {
	width: 30%;
	float: left;
	margin-bottom: 6px;
}

.setting-phonenumber-text {
	width: 70%;
	float: left;
	margin-bottom: 6px;
}

.setting-displayname-label {
	width: 30%;
	float: left;
	margin-top: 6px;
}

.setting-displayname-text {
	width: 70%;
	float: left;
	margin-bottom: 6px;
}

.setting-dailyreport-label {
	width: 80%;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
}

.setting-dailyreport-text {
	width: 20%;
	margin-bottom: 10px;
	text-align: right;
	margin-top: 10px;
	float: left;
}

.timeslot-col1 {
	width: 80%;
	float: left;
}

.timeslot-col2 {
	/* 	width: 20%; */
	float: left;
	padding-top: 13px;
	margin-right: 40px;
}

.timeslot-col3 {
	/* 	width: 20%; */
	float: left;
}

.timeslot-des {
	width: 40%;
	float: right;
	height: 160px;
}

.timeslot-timepicker {
	width: 500px;
	float: left;
	margin-top: 1%;
}

.dg-slot-time-s {
	width: 230px;
	float: left;
}

.dg-slot-time-e {
	width: 230px;
	float: right;
}

.dg-slot-everydays {
	width: 240px;
	margin-top: -1px;
	float: right;
}

.dg-slot-weekdays {
	width: 240px;
	margin-top: -1px;
	float: left;
}

.border-radius-0 {
	border-radius: 0px;
}

#topmiddle {
	width: 10%;
	height: 100%;
	float: left;
	text-align: left;
	color: white;
	padding-left: 14px;
}

.lang-selector-menu {
	cursor: pointer;
	width: 140px;
	margin: 0px 0px 0px 0px;
}

.lang-selector-flag {

	position: absolute;
	top: 12px;
	margin-left: 2px;
}
.lang-selector-title {
    padding-left: 32px;
}
.lang-selector-menu li {
	line-height: 50px;
	height: 50px;
	padding-right: 8px;
}

.lang-selector-menu ul li {
	width: 124px;
	background: black;
	cursor: pointer;
	padding: 0px 8px;
	cursor: pointer;
}

.lang-selector-menu li:HOVER {
	background: black;
	color: white;
}

.lang-selector-menu ul li:HOVER, .lang-selector-menu ul li:HOVER a {
	background: green;
	color: black;
}

.lang-selector-menu a {
	color: white;
}

#lang_ul {
	position: absolute;
	z-index: 1;
	margin-top: 0px;
}

#topmiddle .ui-widget-content {
	color: white;
	border: 0px solid #eee;
	/* 	rgb(11, 250, 11) */
	background: green 50% 50% repeat-x;
}

.language-icon {
	height: 20px;
	width: 30px;
}
/* fix the language selector */
.ui-menu, .ui-menu .ui-menu {
	z-index: 1;
}

.ui-menu-item, .ui-menu-item a {
	color: white;
	cursor: pointer;
}

.ac-app-list-row-col7 {
	float: left;
	text-align: center;
	margin-left: -20px;
}

.h-ul {
	padding: 0px;
	margin: 0px;
	height: 100%;
}

.h-ul li {
	float: left;
}

.app-icon {
	height: 30px;
	width: 30px;
}

.mark-icon {
	height: 20px;
	width: 20px;
}

.mark2-icon {
	height: 30px;
	width: 30px;
	margin-top: -4px;
}

.ac-app-list-p {
	width: 100%;
	height: 60%;
	overflow: auto;
}

.ac-app-list-t {
	width: 100%;
	height: 79%;
	overflow: auto;
	float: left;
	margin-bottom: 5px;
}

.ac-app-list-r {
	border-bottom: 2px solid silver;
	height: auto;
	margin-bottom: 5px;
}

.ac-app-list-r button {
	height: 36px;
}

.ac-app-list-r1 {
	height: 35px
}

.ac-app-list-r2 {
	margin-top: 2px;
}

.ac-app-list-appname {
	width: 100%;
	height: 35px;
	line-height: 18px;
	overflow-x: hidden;
	overflow-y: auto;
	font-weight: bold;
}

.ac-app-list-col1 {
	width: 40px;
}

.ac-app-list-col2 {
	width: 300px;
}

.ac-app-list-col12 {
	width: 340px;
}

.ac-app-list-col3 {
	width: 130px;
	text-align: center;
}

.ac-day-limit {
	float: left;
	margin-top: 15px;
	margin-right: 8px;
}

.ac-day-limit-s {
	height: 25px;
	/* 	for safari */
	line-height: 20px;
	padding: 0 0;
	width: 100px;
	margin-left: 4px;
	margin-bottom: 3px;
	float: right;
}

.ac-edit-schedules-btn {
	float: right;
	margin-top: -10px;
}

.dismiss-btn-div {
	height: 40px;
}
/* change the arrow of sort to left */
table.tablesorter thead tr .header {
	background-position: center left;
}

.header-right {
	background-position: center right !important;
	text-align: right;
	padding-right: 15px !important;
}

table.tablesorter tbody td, table.tablesorter thead tr th, table.tablesorter tfoot tr th
	{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

table.tablesorter thead tr th {
	padding-left: 15px;
}

.sd-times-des {
	/* 	height: 40px; */

}

.sd-times-des-l {
	float: left;
	width: 75%;
}

.sd-times-des-r {
	float: right;
	width: 24%;
}

.report-weblog-time {
	position: absolute;
	left: 360px;
	top: 106px;
}

.items-list li {
	margin-bottom: 10px;
}

.rp-weblog-seperator-row {
	background-color: grey;
	border-bottom: 2px solid white;
	text-align: center;
	color: white;
	font-weight: bold;
	height: 30px;
}

.rp-url-bl-indi {
	background-color: gray;
	color: white;
	font-size: 9px;
	margin-left: 2px;
}

.h-60p {
	height: 60%;
}

.w-12p {
	width: 12%;
}

.w-88p {
	width: 88%;
}

.text-center {
	text-align: center;
}

.small {
	font-size: 80%;
}

.wf-opts-t {
	width: 100%;
}

.wf-opts-t tr {
	height: 40px;
}

.coverable {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	left: 0px;
	top: 0px;
}

.coverable-relative {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.ellipsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#CheckOutFrame {
	z-index: 20002;
	position: absolute;
	top: 0;
	left: 0;
}

#CheckOutFrame .mask {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

/* common scrollable loading list start */
.sl {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.sl-li {
	position: relative;
	table-layout: fixed;
	word-wrap: break-word;
	word-break: break-word;
}

.sl-li thead {
	z-index: 1;
}

.row-hide {
	height: 0px !important;
	visibility: hidden;
	border: 0px !important;
}

.row-hide td {
	padding: 0px !important;
}
/* common scrollable loading list end */
.rp-smslog-loadtime-row .coverable-relative {
	background-color: grey;
	color: white;
	height: 29px;
	line-height: 29px;
	margin-top: -4px;
	margin-left: -4px;
	text-align: center;
	font-weight: bold;
}

.row-coupon-p {
	color: green;
	font-weight: bold;
}

.track-add-label {
	line-height: 14px;
	display: inline-block;
}

.animate-width {
	transition: width .4s ease-in 0s !important;
	-webkit-transition: width .4s ease-in 0s !important;
	-moz-transition: width .4s ease-in 0s !important;
	-o-transition: width .4s ease-in 0s !important;
}

.voucher-code-text {
	position: absolute;
	left: 0px;
	width: 0px;
	visibility: hidden;
}

.voucher-code-btn {
	position: absolute;
	right: 0px;
	width: 100%;
}

.voucher-code-text-expand {
	width: 30% !important;
}

.voucher-code-btn-expand {
	width: 60% !important;
}

.small-italic {
	font-size: 80%;
	font-style: italic;
}

.a-link {
	color: #0088cc !important;
}

.login-main {
	width: 85%;
	min-width: 300px;
	max-width: 400px;
	margin: auto;
}

.login-logo-small {
	display: block;
}

.login-logo {
	float: none;
	margin-right: 0px;
	text-align: center;
	display: none;
}

.login-logo img {
	width: 50px;
}

.login-input-form {
	width: 100%;
	float: none;
	margin-top: 0px;
}

.login-app-des {
	font-size: 20px;
	margin: 30px auto 20px auto;
	text-align: center;
}

.login-app-url-l {
	width: 100%;
	text-align: center;
}

.login-app-url-r {
	width: 100%;
	text-align: center;
}

.login-btn {
	margin-top: -35px;
	float: right;
	width: 60px;
	height: 35px;
}

.appgroup_table-app-name {
	width: 98%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 40px;
	height: 40px;
}

.mmg-img-30 {
	width: 30px;
	height: 30px;
}

.mmg-single-line-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ag-select-group-general {
	border-radius: 8px;
	margin-bottom: 8px;
	padding: 8px 8px;
	cursor: pointer;
}

.ag-select-group-selected {
	border-radius: 8px;
	margin-bottom: 8px;
	padding: 8px 8px;
	cursor: pointer;
	background-color: green;
	color: white;
}

.ag-select-group-normal {
	border-radius: 8px;
	margin-bottom: 8px;
	padding: 8px 8px;
	cursor: pointer;
	background-color: #e4e4e4;
	color: black;
}

.ac-group-note-emphasized {
	color: red;
}

.ac-group-note-normal {
	color: black;
}

.p-status-row-selected {
	background-color: #f1edef;
}

.mmg-warn {
	background-color: red;
	color: white;
}

.mmg-clickable {
	cursor: pointer;
}

.mmg-clickable:HOVER {
	/*border: solid grey 1px;*/
	box-shadow: 0px 0px 4px green;
}

.mmg-app-icon {
	max-width: 48px;
	width: 40px;
}

.mmg-icon-24 {
	width: 24px;
	height: auto;
}

.top-right-menu-icon {
	display: block;
}

.top-right-menu-content {
	padding-right: 30px;
	padding-left: 10px;
	background-color: green;
}

.top-right-menu-content-display {
	display: none;
}

.app-group-img {
	width: 32px;
	padding: 4px 4px 4px 4px;
}

.app-group-img-tick {
	width: 32px;
	padding: 4px 4px;
}

/* MMGUAR-3792: Time to Fix the Mobile Access UI for Web Portal -  Can't select child */
.hide-gt-w768 {
}
.show-gt-w768 {
	display:none;
}

/* notice the order  media screen and (min-width: 960px) and (max-width: 1199px)*/
@media ( min-width : 480px) {
	.login-btn {
		width: 100px !important;
	}
	.top-right-menu-icon {
		display: none;
	}
	.top-right-menu-content-display {
		display: block;
	}
	.top-right-menu-content {
		padding-right: 0px;
		padding-left: 0px;
	}
	.app-group-img {
		width: 32px;
		padding: 6px 6px;
	}
	.app-group-img-tick {
		width: 32px;
		padding: 6px 6px;
	}
}

@media ( min-width : 768px) {
	.hide-gt-w768 {
	    display:none;
	}
	.show-gt-w768 {
	    display:block;
	}
	
	.login-main {
		width: 600px;
		margin: auto;
		max-width: none;
	}
	.login-logo-small {
		display: none;
	}
	.login-logo {
		float: left;
		display: block;
	}
	.login-logo img {
		width: auto;
	}
	.login-input-form {
		width: 380px;
		float: right;
		margin-top: 43px;
	}
	.login-app-des {
		font-size: 20px;
		margin: 30px auto 20px auto;
		text-align: center;
	}
	.login-app-url-l {
		float: left;
		width: 70%;
		text-align: left;
	}
	.login-app-url-r {
		float: right;
		width: 30%;
		text-align: right;
	}
	.app-group-img {
		width: 32px;
		padding: 8px 24px 8px 4px;
	}
	.app-group-img-tick {
		width: 32px;
		padding: 8px 8px;
	}
	.timelimits-part1 {
		width: 60%;
		float: left;
		height: 100%;
	}
}

@media ( min-width : 992px) {
	.tabs-sidebar-left {
		z-index: 1;
	}
	.tabs-content {
		padding-left: 200px;
		z-index: 0;
	}
	.tabs-sidebar-left-in .tabs-content {
		-webkit-transform: translate3d(0px, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.logo-display {
		display: block;
	}
	.toggle-display {
		display: none;
	}
	.tab-content-div {
		padding-left: 10px;
		padding-right: 10px;
	}
	#topleft {
		width: 60% !important
	}
	.lm-cl-left {
		width: 60%;
		float: left;
	}
	.lm-cl-right {
		width: 38% !important;
		float: right;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 10px !important;
	}
	.titleButton {
		width: 130px;
	}
}

@media ( min-width : 1200px) {
}