li.sub-menu-itemlist a#__user{
  background: transparent;
      padding-left: 28px;
}

body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span{
  font-weight: 500;
}


ul.menu-content {
    margin-left: 35px;
}

ul.menu-content li a.menu-item{
  padding-left: 20px
}

li.mainsubmenulink .menu-content li a{ padding-left: 60px!important}
.main-menu.menu-light .navigation>li.open>a {
    color: #2C3648;
    background: transparent;
}
.mainsubmenulink a.sub-menu-link{ background: transparent!important}
#main-menu-navigation .mainsubmenulink a.sub-menu-link{ padding-left: 20px!important}

li.sub-menu-itemlist  a.menu-item{
    padding: 0 0 5px 65px !important;
    font-size: 14px;
  }

div#__mapsLoader {
    margin-top: 20px;
}

/****** modal header ******/
div.modal div.modal-dialog div.modal-content div.modal-header,
.modal_header_detlog{
  border-bottom: 2px solid #f2f2f2!important;
}
/****** modal header ******/


/*************Filter Modal ***********/

.videoCctvfilter#filterModel {
    z-index: 55555!important;
}

.__filterModalManageClientsSitesDevices .FiltersTopHeading {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 12px;
    text-align: left;
    border-bottom: 2px solid #f2f2f2;
}

.FiltersTopHeading{
  border-bottom: 2px solid #f2f2f2!important;
}
.__filterModalManageClientsSitesDevices .__filtermodelbody {
    float: left;
    width: 100%;
    padding: 8px 12px;
}


.__filterModalManageClientsSitesDevices ._topbtnfilter label{ margin-bottom: 0; font-weight: 500; font-size: 14px;}
.addGroupinput #__groupNameTextField{
		width: 230px;
		height: 35px;
		border-radius: 4px;
		border: 1px solid #ccc;
		outline: none;
		font-size: 13px;
		padding: 5px 10px;
		line-height: 31px;
}


.__filterModalManageClientsSitesDevices ._topbtnfilter {
		display: flex;
		gap: 5px;
		margin-bottom: 15px;
		margin-top: 5px;
		align-items: baseline;
		flex-direction: column;
		justify-content: start;
	}
	span.clientLinkheading {
	    width: 100%;
	    font-size: 14px;
	    font-weight: 500;
	    margin: 10px 0 -6px 0;
	}
span._btnSelectall {
    border: 1px solid #1f3161;
    padding: 7px 20px 9px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 30px;
    cursor: pointer;
}

span._btncleartall {
    border: 1px solid #db2822;
    padding: 7px 20px 9px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 30px;
    cursor: pointer;
    color: #db2822;
}

span.txtselectcamera {
    color: #222;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    padding-top: 10px;
}

span._btnSelectall:hover {
    background: #1f3161;
    color: #fff;
}

span._btncleartall:hover {
    background: #db2822;
    color: #fff;
}

.__filterModalManageClientsSitesDevices .alarmfilterrow {
    display: flex;
    justify-content: space-between;
    border-radius:0;
    border: 1px solid #ccc;
    background: #fafafa;
}

.__filterModalManageClientsSitesDevices .inneralarmfilterrow {
    width: 50%;

}

.inneralarmfilterrow:first-child h3 {
    border-radius: 0;
}

.inneralarmfilterrow h3 {
    background: #dcdfe4 !important;
    color: var(--rf-darkgrey);
    font-size: 13px;
    padding: 12px;
    font-weight: 600;
}

div#clientsSectionFilterAlarms {
    border-right: 1px solid #ccc;
}

span.grouptxt_heading {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
}

.grouptxt_heading i.fa{ padding-top:1px;}

.__filterModalManageClientsSitesDevices ._filterItems {
    position: relative;
    padding-left: 11px;
    padding-right: 1px;

}

.__filterModalManageClientsSitesDevices ._filterItems .__subFilter{ padding-left: 15px}
.__filterModalManageClientsSitesDevices input._filterItemserach {
    float: left;
    width: 96%;
    padding: 7px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 6px;
    outline: none; margin-top: 5px;
}

.__filterModalManageClientsSitesDevices .loaderCommonFilters {
	width: 98.55%;
	    position: absolute;
	    text-align: center;
	    background: rgba(0, 0, 0, 0.1);
	    height: 240px;
	    left: 2px;
	    top: 41px;
	    padding-top: 83px;
	    font-size: 22px;
}

.__filterModalManageClientsSitesDevices .commonNoFilterDataFound {
    clear: both;
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
		    padding-top: 15px;
}

.__filterModalManageClientsSitesDevices .commonClassCheckBox {
    float: left;
    width: 100%;
    height: 240px;
    overflow-y: scroll;
}


.__filterModalManageClientsSitesDevices .commonClassCheckBox:active::-webkit-scrollbar-thumb,
.__filterModalManageClientsSitesDevices .commonClassCheckBox:focus::-webkit-scrollbar-thumb,
.__filterModalManageClientsSitesDevices .commonClassCheckBox:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}
.__filterModalManageClientsSitesDevices .commonClassCheckBox::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    visibility: hidden;
}

.__filterModalManageClientsSitesDevices .commonClassCheckBox::-webkit-scrollbar {
    width: 3px;
    height: 4px;
}


label.__filterCheckboxrow {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

label.__filterCheckboxrow input.siteFilters {
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 8px;
    margin-top: 1px;
}
label.__filterCheckboxrow span {
    color: #222;
    font-size: 13px;
    float: left;
}

.ApplyBTnFilter {
    float: left;
    width: 100%;
    padding: 13px 0 5px 0;
    border-top: none;
    text-align: right;
}

._sitesNamefilter {
    width: 100%;
}

.ApplyBTnFilter button {
    background: var(--rb-lightgrey);
    color: var(--rf-darkgrey);
    font-size: 13px;
    padding: 6px 31px;
    border-radius: 4px;
    border: none;
    font-weight: 500;
}

button:disabled {
    cursor: not-allowed;
}

.ApplyBTnFilter button:hover {
    background: #dcdfe4;
    border-color: #dcdfe4;
}

._sitesNamefilter {
    width: 100%;
}

.__selectallcheckbox {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    padding: 6px 5px 5px;
    margin-top: 7px;
}

#filterModel .__filterModalManageClientsSitesDevices .modal-body {
    padding: 0 !important;
}


button#__addNewGroupButton {
	position: absolute;
	left: 15px;
top: 13px;
	background: var(--rb-lightgrey);
	color: var(--rf-darkgrey);
	    font-size: 13px;
	    padding: 7px 15px;
	    border-radius: 4px;
	    border: none;
	    font-weight: 500;
	    z-index: 5;
	    outline: none;
	    display: flex;
	    align-items: center;
	    height: 34px;
	    gap: 6px;
}

button#__addNewGroupButton:hover{
	background: #dcdfe4;
}


._gridactionBtn{
	background: var(--rb-lightgrey);
	color: var(--rf-darkgrey);
	border-radius: 3px;
	padding: 6px;
	font-size: 14px;
	margin-right: 5px;
	height: 30px;
	width: 30px;
	float: left;
	text-align: center;
	line-height: 19px;
	cursor: pointer

}

._gridactionBtn:hover{
		background: #dcdfe4;
}
/*************Filter Modal ***********/

.costLine .cost2 {
	display: block !important;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	height: 300px;
}


.loginOuter {
	background-size: cover;
	float: left;
	width: 100%;
	position: relative;
	height: auto !important;
}
.loginFooter .copyright {
	color: #fff !important;
	font-family: "Open Sans", sans-serif;
}
.log_right {
	float: left;
	height: 100vh;
	width: 100%;
}
@-webkit-keyframes backgroundScroll {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -300px 0px;
	}
}
@keyframes backgroundScroll {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -300px 0px;
	}
}
.logo {
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}
.logo a {
	font-size: 27px;
	color: #fff;
	padding: 20px 25px 17px;
	float: left;
	width: 100%;
	text-align: left;
}
.logo a:focus {
	background-color: rgba(255, 255, 255, 0.1);
}
.logo a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.logo img {
	cursor: pointer;
}
.headerNav {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
}
.headerNav ul {
	margin: o;
	padding: 0;
}
.headerNav ul li {
	list-style: none;
	float: left;
	padding: 8px 15px;
	transition: all 0.6s;
}
.headerNav .navInner li {
	background: #62c6f2;
	border-radius: 30px;
}
.headerNav .navInner li:first-child {
	margin-right: 10px;
}
.headerNav ul li:hover {
	background: rgba(0, 0, 0, 0.1);
	transition: all 0.6s;
}
.headerNav ul li:hover a {
	text-decoration: none;
}
.headerNav ul li a {
	color: #fff;
	font-size: 14px;
}
.headerNav ul li a img {
	margin-right: 3px;
}
.loginBox {
	width: 100%;
	margin: auto;
	float: left;
	text-align: center;

}
.loginInner {} .loginBox h2 {
	color: #aaa;
	font-size: 30px;
	padding-bottom: 20px;
	margin: 0;
	font-weight: 300;
	letter-spacing: 3px;
}
.icons {
	display: inline-block;
	margin-top: 30px;
}
.icons img {
	float: left;
	padding: 0 10px;
}
.loginBelow {
	font-size: 12px;
	margin-top: 10px;
	color: #636363;
}

.email img {
	margin-right: 5px;
}
.password,
.email {
	text-align: left;
}
.password img {
	margin-right: 5px;
}
.forgotPswd {
	float: right;
	font-size: 11px;
	color: #636363;
	margin-top: 5px;
	cursor: pointer;
}
.loginBox .button {
	background: #0d1f4f;
	padding: 8px 25px;
	border-radius: 4px;
	display: block;
	margin: 40px auto;
	width: 40%;
	transition: all 0.6s;
}
.button:hover a {
	text-decoration: none;
}
.button:hover {
	background: #777777;
	transition: all 0.6s;
}
.button a {
	color: #fff;
}
.loginBox input {
	border: none;
	border-bottom: 1px solid #636363;
	width: 100%;
}
.footerNav {
	float: left;
	margin-left: 30px;
	display: none;
}
.footerNav ul {
	margin: 0;
	padding: 0;
}
.footerNav ul li {
	list-style: none;
	float: none;
	padding: 10px 20px;
	display: inline-block;
	transition: all 0.6s;
}
.footerNav ul li a {
	color: #000;
	font-size: 14px;
}
footer .copyright {
	text-align: center;
	color: #fff;
}
/*header{ margin-bottom:100px;}*/

footer {
	float: left;
	width: 100%;
}
.footerNav ul li:hover {
	background: rgba(0, 0, 0, 0.1);
	transition: all 0.6s;
}
.footerNav ul li:hover a {
	text-decoration: none;
}
.email.email2 {
	padding: 0;
}
.loginOuter.registerOuter .button {
	width: 55%;
}
.terms {
	margin-top: 30px;
	font-size: 12px;
	text-align: left;
}
.terms span {
	color: #f64051;
}
.registerOuter .loginBox .terms input {
	width: auto;
	outline: none;
}
.box1 {
	background: #fff;
	border-radius: 0;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	display: inline-block;
	margin: auto;
	position: relative;
	padding: 25px 0 7px;
	width: 23%;
}
.box1 .boxInner {
	position: absolute;
}
.box1 .text {
	float: right;
	text-align: right;
	margin-top: -14px;
}
.boxLwd .row {
	float: left;
	width: 100%;
}
.boxLwd h2 {
	color: #737373;
	float: left;
	font-size: 13px !important;
	font-weight: normal;
	line-height: 100%;
	margin: 0 0 0 0px;
	text-transform: uppercase;
}
.loginInner .row.rowBtn {
	margin-top: 30px;
}
.lightboxInner .form-group {
	margin-top: 10px;
}
.row.LwdButtons .settingselect {
	border: 1px solid #cdcdcd;
}
.boxLwd select.settingselect {
	width: 88%;
}
label {
	font-size: 12px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
	padding: 10px 12px;

}
/* Base for label styling */

.terms[type="checkbox"]:not(:checked),
.terms[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
.terms[type="checkbox"]:not(:checked) + label,
.terms[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	padding-top: 2px;
}
.mdl-button {
	font-size: 12px !important;
	color: #000 !important;
}
/* checkbox aspect */

.terms[type="checkbox"]:not(:checked) + label:before,
.terms[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.7em;
	height: 1.7em;
	border: 1px solid #676767;
	background: #fff;
	border-radius: 50%;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
/* checked mark aspect */

.terms[type="checkbox"]:not(:checked) + label:after,
.terms[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: .3em;
	left: .3em;
	font-size: 1.2em;
	line-height: 0.8;
	color: #f64051;
	transition: all .2s;
}
/* checked mark aspect changes */

.terms[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
.terms[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */

.terms[type="checkbox"]:disabled:not(:checked) + label:before,
.terms[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #676767;
	background-color: #676767;
}
.terms[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
.terms[type="checkbox"]:disabled + label {
	color: #aaa;
}
/* accessibility */

.terms[type="checkbox"]:checked:focus + label:before,
.terms[type="checkbox"]:not(:checked):focus + label:before {
	border: 1px solid #676767;
}
/* hover style just for information */

.terms label:hover:before {
	border: 1px solid #676767!important;
}
.leftSide {
	float: left;
	left: 0;
	position: relative;
	width: 18%;
	z-index: 1000;
	transform-origin: 100% 0 0;
}
.dashboard {
	float: left;
	width: 100%;
	position: relative;
}
.userImage {
	float: none;
	width: auto;
	text-align: center;
	margin: 15px 10px;
	color: #fff;
}
.userImage img {
	max-width: 80px;
	margin: 0 auto 5px auto;
}
.dashboard .logo {
	width: auto;
	text-align: center;
	margin: 5px 10px 10px 10px;
	padding: 25px 0 20px 0;
	float: none;
}
.dashboard .dashboardList ul {
	margin: 0;
	padding: 0;
}
.dashboard .dashboardList ul li {
	list-style: none;
	color: #fff
}
.dashboard .dashboardList ul li img {
	margin-right: 10px;
	margin-bottom: 3px;
}
.dashboard .dashboardList ul li img.hover1 {
	display: none;
}
.dashboard .dashboardList ul li:hover img.main1 {
	display: none;
}
.dashboard .dashboardList ul li:hover img.hover1 {
	display: inline-block;
}
.active23 .report_sub_menu_space{font-weight:bold!important;}
.dashboard .dashboardList ul li a {
	color: #A8A8A8;
	display: inline-block;
	font-size: 13px;
	margin: 0 auto;
	padding:2px 16px 0px 40px;
	text-decoration: none;
	text-transform: capitalize;
	width: 214px;
	line-height: 27px;
}
.dashboard .dashboardList ul li a::before {
	font-size: 15px;
	width: 30px;
}
.dashboard .dashboardList ul li:hover a,
.dashboard .dashboardList ul li:focus a {
	text-decoration: none;
}
.dashboard .dashboardList ul li a:hover,
.dashboard .dashboardList ul li a?:hover {
	color: #000;
}
.dashboard .dashboardList ul li:hover {
	border-radius: 0;
}
.dashboard .dashboardList ul li.dropdownList1:hover ul li,
.dashboard .dashboardList ul li.dropdownList2:hover ul li,
.dashboard .dashboardList ul li.dropdownList3:hover ul li {
	border-radius: 0;
	background: transparent;
}
.dashboard .dashboardList ul li.dropdownList1:hover ul li a,
.dashboard .dashboardList ul li.dropdownList2:hover ul li a,
.dashboard .dashboardList ul li.dropdownList3:hover ul li a {
	color: #fff;
}
.dashboard .dashboardList ul li:hover {
	text-decoration: none;
}
.dashboard .dashboardList {
	float: left;
	width: 100%;
	margin-top: 0px;
}
.dashboardHeading {
	float: right;
	margin-right: 15px;
}
.dashboardHeading a {
	color: #3399ff;
}
.dashboardHeading img {
	margin-left: 5px;
	margin-top: -4px;
}
.dashboardNav {
	float: right;
}

.menuShow {
	left: 0px !important;
	transition: all 0.8s ease-in-out 0s;
}
.deviceMenutoggle {
	transition: all 0.8s ease-in-out 0s;
	left: 0 !important;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: bounceInLeft;
}
.devicePage .dashboard .rightSide.divFullwidth {
	transition: all 0.8s ease-in-out 0s;
	width: 80% !important;
}
.dashboard .dashboardNav ul {
	margin: 0;
	padding: 0;
}
.dashboard .dashboardNav ul li {
	list-style: none;
	display: inline-block;
}
.dashboard .dashboardNav ul li input {
	border: none;
	border-bottom: 1px solid #000;
	background: none;
}
.dashboard .dashboardNav ul li:nth-child(2) {
	background-color: #fff;
	padding: 5px;
	border-radius: 50%;
	margin-right: 20px;
	width: 30px;
	height: 30px;
}
.dashboard .dashboardNav ul li:nth-child(2) img {
	margin-bottom: 4px;
	margin-right: 4px;
	padding-left: 3px;
}
.rightSide .box {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0;
}
.rightSide .box .box1 .boxInner {
	padding: 15px 20px;
	border-radius: 0;
	position: absolute;
	top: -15px;
	left: 15px;
}
.rightSide .box .box11 .boxInner {
	background: #f8b501;
}
.rightSide .box .box22 .boxInner {
	background: #9ec418;
}
.rightSide .box .box33 .boxInner {
	background: #ed782e;
}
.rightSide .box .box44 .boxInner {
	background: #d2418f;
}
.rightSide .box .box1.box2 {
	margin-left: 2%;
}
.greyLine {
	background: #eeeeee;
	height: 2px;
	float: left;
	width: 100%;
	margin: 15px 0 5px 0;
}
.boxUpper {
	float: left;
	width: 100%;
	padding: 0 16px;
}
.boxText {
	float: left;
	padding: 10px 15px;
}
.box1 .boxText a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
.box1 .boxText a:hover {
	color: #777777;
}
.box2 .boxText a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
.boxInner img {
	width: 20px;
}
.dashboardTable {
	background: #fff;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	float: left;
	width: 100%;
	position: relative;
	border-radius: 10px;
}
.dashboardTable .imageTop {
	background: #ff5722;
	padding: 15px 20px;
	color: #fff;
	float: left;
	margin-left: 20px;
	margin-top: -15px;
}
.tableHeading {
	display: inline-block;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
}
.dashboardTable table {
	margin: 20px 20px 50px 20px;
	float: left;
	width: 95%;
}
.dashboardTable table th {
	color: #ff5722;
}
.dashboardTable table th,
.dashboardTable table td {
	border-bottom: 1px solid #c6c6c6;
	padding: 8px 10px;
}
.dashboardTable table td img {
	margin-right: 10px;
}

.dashboardTable table {
	overflow: auto;
}
.dashboardTable .imageTop.imageElec {
	background: #62c6f2;
}
.dashboardTable.dashboardTable2 table th,
.dashboardTable.dashboardTable2 table th {
	color: #62c6f2;
}
.boxTimer .boxIcon {
	margin: auto;
	display: inline-block;
	margin-bottom: 15px;
}
.boxTimer {
	display: inline-block;
	width: 60%;
	background: #62c6f2;
	padding: 15px;
	margin-top: -20px;
	border-radius: 15px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.boxTimer img {
	display: inline-block;
}
.boxTimer .timer {
	width: 100%;
	text-align: center;
	display: inline-block;
}
.boxTimer .timer ul {
	margin: 0;
	padding: 0;
}
.boxTimer .timer ul li {
	display: inline-block;
	background: #fff;
	padding: 10px 15px;
	color: #000;
	list-style: none;
	margin-right: 10px;
}
.dashboard.dashboard3 .dashboardTable {
	width: 100%;
	float: none;
	display: inline-block;
	max-width: 500px;
	text-align: center;
}
.dashBoardTableOuter {
	float: left;
	width: 100%;
	text-align: center;
}
.reading {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding-top: 30px;
}
.meterHeading {
	color: #000;
	text-align: center;
	font-size: 14px;
	margin: 20px 0;
	display: inline-block;
	width: 100%;
}
.meterBottom {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #ebebeb;
}
.dashboard3 .rightSide .box {
	margin-bottom: 90px;
}
.meterDate {
	float: left;
	margin-left: 20px;
	font-size: 12px;
}
.meterBottom .meterButton {
	background: #62c6f2;
	padding: 10px 20px;
	border-radius: 10px;
	margin: -12px auto 0 auto;
	text-align: center;
	color: #fff;
	width: 25%;
	cursor: pointer;
}
.meterBottom .meterButton:hover {
	background: #777;
}
.boxTimer .reading img {
	margin-top: -4px;
	margin-right: 5px;
}
.meterDate img {
	margin-top: -4px;
	margin-right: 5px;
}
.dashboard4 .boxTimer {
	background: #ff5722;
}
.listInner1,
.listInner2,
.listInner3 {
	display: none;
	margin-left: 5px;
}
.dashboard .dashboardList .listInner1.collapse1,
.dashboard .dashboardList .listInner2.collapse1,
.dashboard .dashboardList .listInner3.collapse1 {
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0 5px 20px;
}
.dashboard .dashboardList .listInner1.collapse1 li,
.dashboard .dashboardList .listInner2.collapse1 li,
.dashboard .dashboardList .listInner3.collapse1 li {
	border-radius: 0;
	padding: 5px 20px;
	margin: 0;
}
.listInner1.collapse1 li:hover,
.listInner2.collapse1 li:hover,
.listInner3.collapse1 li:hover {
	border-radius: 0;
}
.dashboard .dashboardList .listInner1.collapse1 li a,
.dashboard .dashboardList .listInner2.collapse1 li a,
.dashboard .dashboardList .listInner3.collapse1 li a {
	text-decoration: none;
	color: #777;
}
.dashboard .dashboardList ul li:hover .listInner1.collapse1 li a,
.dashboard .dashboardList ul li:hover .listInner2.collapse1 li a,
.dashboard .dashboardList ul li:hover .listInner3.collapse1 li a {
	color: #fff;
}
.dashboard .dashboardList ul li .listInner1.collapse1 li:hover a,
.dashboard .dashboardList ul li .listInner2.collapse1 li:hover a,
.dashboard .dashboardList ul li .listInner3.collapse1 li:hover a {
	color: #000;
}
.dashboardList ul li {
	cursor: pointer;
	display: block;
	float: none;
	margin:0px auto 0;
	width: 210px;
}
.clickArrow2,
.clickArrow4,
.clickArrow6 {
	display: none;
}
.logo img {
	width: 140px;
}
.boxLwd select {
	padding: 7px 5px;

	border: 1px solid #cdcdcd;
}
.boxLwd #example select {
	text-transform: uppercase;
}
.boxLwd .row {
	float: left;
	width: 100%;
	margin-top: 15px;
}
.boxLwd .costLine {
	margin-top: 20px;
}
.boxLwd .costLine > div {
	padding: 0;
}
.boxLwd .LwdButtons .selectNumber {
	width: 35%;
	margin: 0 3px;
}
.boxLwd .LwdButtons label {
	font-weight: normal;
}
.boxLwd .LwdButtons input[type="search"] {
	width: 90%;
	padding: 5px;
}
.boxLwd .LwdButtons input[type="submit"] {
	width: 90%;
	background: #0d1f4f;
	color: #fff;
	border: none;
	padding: 5px 0;
}
.boxLwd .LwdButtons > div {
	padding: 0;
}
.boxLwd table th,
.boxLwd table td {
	padding: 5px;
	text-align: left;
}
.boxLwd table.user_edt td {
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 0 solid #d9d9d9 !important;
	border-top: 0 solid #d9d9d9 !important;
}
.boxLwd table.user_edt td:nth-last-child(1) {
	border-right: 1px solid #d9d9d9 !important;
}
.boxLwd .Entries .showResults {
	padding: 10px 0;
}
.boxLwd .Entries ul {
	margin: 0;
	padding: 0;
	text-align: right
}
.boxLwd .Entries ul li {
	padding: 10px;
	display: inline-block;
	cursor: pointer;
}
.boxLwd .Entries ul li:hover {
	background: #ccc;
}
.boxLwd .Entries > div {
	padding: 0;
}
table {
	overflow-x: scroll;
}
#lightbox .modal-content {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 20px 0;
}
#lightbox .close {
	opacity: 1;
	color: #0d1f4f;
	padding: 5px 8px;
	border-radius: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1032;
}
#lightbox {
	padding: 20px;
}
#lightbox .costCenterSelect {
	display: block;
	margin: auto;
}
#lightbox .lighboxInner {
	margin: 0 auto;
}
#lightbox .costCenterSelect {
	margin-bottom: 0;
	width: 65%;
	padding: 5px;
}
#lightbox .lighboxInner .col-lg-6 {
	text-align: left
}
#lightbox .lighboxInner input,
#lightbox .lighboxInner select,
#lightbox .lighboxInner textarea {
	padding: 5px;
	width: 100%;
	margin-top: 0;
}
#lightbox .lighboxInner .fullNameField {
	width: 100% !important;
}
.logoLogin {
	margin: 0px auto 30px;
}
.logoLogin img {
	margin: 0;
	width: 150px;
}
.LwdButtons input[type="submit"] {
	transition: all 0.6s ease 0s;
}
.LwdButtons input[type="submit"]:hover {
	background: #777;
	transition: all 0.6s ease 0s
}
body input[type="submit"] {
	background: #0d1f4f;
	border: medium none;
	color: #fff;
	padding: 5px 0;
	border-radius: 4px;
}
body input[type="submit"]:hover {
	background: #777;
}
.loginInner .row {
	margin: 0;
	display: inline-block;
	width: 100%;
}
.loginFooter {
	bottom: 10px;
	padding: 0;
	position: fixed;
	width: 100%;

}
.lighboxInner .thumbnail {
	margin: auto;
}
.lightboxCost .lighboxInner a {
	float: left;
}
#lightbox.lightboxCost .lighboxInner input {
	width: 83%;
	float: left;
	border: none;
	border-bottom: 1px solid #cdcdcd;
}
.form-control,



.form-group.label-static label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-floating label.control-label {
	left: 0;
}
.rowBtn {
	margin-top: 30px;
}
.lightBoxInner .form-group {
	margin-top: 10px;
}
.modal-dialog h2 {
	margin-top: 0;
	font-size: 14px !important;
	font-weight: bold;
}
#example_length .form-control {
	background: #f6f6f6 !important;
	border: 1px solid #c5c5c5 !important;
}
.boxLwd .LwdButtons .btn {
	display: inline-block;
}
.dashboardHeading .btn:hover {
	background: #3399ff !important
}
.boxLwd .LwdButtons {
	text-align: right;
}
.boxLwd .custom-combobox {
	width: 80%;
}
.boxLwd .ui-widget.ui-widget-content {
	width: 100%;
}
#example {
	width: 100% !important;
	overflow: auto;
	display: block;
}
.boxLwd .tableLWD {
	width: 100% !important;
	margin-top: 0 !important;
}
#example_wrapper .mdl-grid {
	margin-top: 20px;
	margin-bottom: -10px;
}
.tableLWD .mdl-cell {
	margin: auto !important;
}
.tableLWD .mdl-grid {
	padding: 0 !important;
}
.costLine .custom-combobox {
	position: relative;
	display: inline-block;
}
.costLine .custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.costLine .custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}
#add_lwd .lighboxInner.lightBoxSelect {
	margin-top: 30px;
}
#add_lwd .lighboxInner.lightBoxSelect:last-child {
	margin-bottom: 10px;
	margin-top: 20px;
}
.selectLwdNew {
	margin-top: 13px;
}
#lightbox .lwdDob .form-group {
	margin: 0;
}
.labelContract img {
	width: 30px;
}
#lightbox .labelContract .fullNameField {
	width: 93%;
	float: left;
}
.labelContract a {
	float: right;
	margin-top: 7px;
}
.tableLWD table a {
	color: #3399ff;
}
.profile-content .avatar img {
	width: 120px;
	margin: auto;
	margin-top: -60px;
}
.profile-content .name h3 {
	text-align: center;
	margin-top: 10px;
}
.profileInfo1.card {
	width: 95%;
	padding: 10px;
	height: 180px;
}
.profileInfo {
	float: left;
	width: 46%;
	margin: 2%;
}
.profileInfo1.card .profileLeft {
	float: left;
	width: 50%;
}
.profileInfo1.card .profileRight {
	float: right;
	width: 50%;
}
.boxMap {
	float: left;
	margin: auto;
	text-align: center;
	width: 100%;
}
.mainProfile .tableLWD {
	margin: 30px 0 0 0;
	float: left;
	width: 100%;
}
.boxMap iframe {
	width: 100% !important;
}
#add_contractarea hr {
	float: left;
	margin-bottom: 0;
	margin-top: 20px;
	padding: 0;
	width: 100%
}
#lightbox.modal3 .lighboxInner .costCenterSelect {
	width: 93%;
	margin-right: 10px;
	float: left;
}
#lightbox.modal3 .lighboxInner a {
	float: left;
}
#lightbox.modal3 .lighboxInner img {
	width: 25px;
}
#lightbox .lighboxInner.lightBoxSelect {
	margin: 20px auto;
}
.form-group.has-error.is-focused .form-control {
	background: transparent !important;
}
.addLwdPage {
	float: left;
	width: 100%;
	min-height: 550px;
}
.progress-track .progress-track {
	display: table;
	list-style-type: none;
	margin: 0;
	padding: 2em 1em;
	table-layout: fixed;
	width: 100%;
}
.progress-track li {
	display: table-cell;
	line-height: 3em;
	position: relative;
	text-align: center;
	float: left;
	width: 24%;
}
.progress-track li .icon-wrap {
	border-radius: 50%;
	top: -1.5em;
	color: #fff;
	display: block;
	height: 2.5em;
	margin: 0 auto -2em;
	left: 0;
	right: 0;
	position: absolute;
	width: 2.5em;
}
.progress-track .icon-check-mark,
.icon-down-arrow {
	height: 25px;
	width: 15px;
	display: inline-block;
	fill: currentColor;
}
.progress-text {
	position: relative;
	top: 10px;
}
.progress-track .progress-done {
	border-top: 7px solid #87ba51;
	transition: border-color 1s ease-in-out;
	-webkit-transition: border-color 1s ease-in-out;
	-moz-transition: border-color 1s ease-in-out;
}
.progress-track .progress-done .icon-down-arrow {
	display: none;
}
.progress-track .progress-current .icon-wrap {
	background-color: #0070c0;
}
.progress-track .progress-current .icon-check-mark {
	display: none;
}
.progress-track .progress-current .icon-down-arrow {
	display: block;
}
.icon-wrap {
	background-color: #4a6a28;
	border: 5px solid #87ba51;
}
.progress-track .progress-todo {
	border-top: 7px solid #DDD;
	color: black;
}
.progress-track .progress-todo .icon-wrap {
	background-color: #FFF;
	border: 5px solid #DDD;
	border-radius: 50%;
	bottom: 1.5em;
	color: #fff;
	display: block;
	height: 2.5em;
	margin: 0 auto -2em;
	position: relative;
	width: 2.5em;
}
.icon-check-mark,
.icon-down-arrow {
	display: none;
}
.progress-track {
	margin-top: 30px;
}
.addLwdPage .box1 {
	width: 25%;
}
.addLwdPage .boxText {
	float: none;
	margin-top: 10px;
	display: inline-block;
	width: 80%;
}
.addLwdPage .box22,
.addLwdPage .box33,
.addLwdPage .box44,
.addLwdPage .box11 {
	margin: auto !important;
	padding: 30px 0;
}
.addLwdPage .box1.boxForm {
	width: 60%;
	padding: 20px;
}
.addLwdPage .box1.boxForm textarea {
	width: 100%;
	margin: 30px 0;
}
.addLwdPage .form-group {
	margin: 0;
}
.addLwdPage .selectLwdNew select {
	padding: 3px;
	width: 100%;
}
.addLwdPage .boxText select {
	width: 100%;
	padding: 3px;
}
.rightSide .addLwdPage .boxLwdNew2 .box22,
.rightSide .addLwdPage .boxLwdNew2 .box33,
.rightSide .addLwdPage .boxLwdNew2 .box11 {
	margin: 0 0 0 25px !important;
	padding: 30px 0;
	width: 22%;
	float: left;
}
.addLwdPage .boxLwdNew2 .box1.box44 {
	margin-top: 40px !important;
	display: none;
}
.addLwdPage .boxLwdNew2 .box1.box22 {
	opacity: 0.4;
}
.addLwdPage .boxLwdNew2 .box1.box33 {
	opacity: 0.2;
}
.addLwdPage .boxLwdNew2 .box1.box55 {
	opacity: 0.2;
}
.addLwdPage .boxLwdNew2 .boxText {
	width: 100%;
}
.addLwdPage .boxLwdNew2 .box1.boxForm textarea {
	padding-left: 5px;
}
.addLwdPage .boxLwdNew2 .lightBoxbtnNew2 .btn {
	padding: 10px 30px;
	width: auto !important;
}
.rightSide .addLwdPage .boxLwdNew2 .box1.box55 {
	background: none !important;
	box-shadow: none;
	vertical-align: top;
	margin: 20px auto 0 auto !important;
	width: auto;
}
.addLwdPage .boxLwdNew2 .box1.box55:hover .arrowIconInner2 {
	display: none;
}
.addLwdPage .boxLwdNew2 .box1.box55:hover .hoverNew {
	display: inline-block;
}
.addLwdPage .boxLwdNew2 .box1.box55 .hoverNew {
	display: none;
}
.boxLwd .row.costLine .col-xs-12 {
	padding: 0 !important;
}
.showNewTable {} .addLwdPage .error_msg1 p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 20px;
}
.showNewTable .col-sm-12,
.showNewTable .col-sm-6 {
	padding: 0 !important;
}
.row.costLine .custom-combobox {
	margin-top: 5px;
}

.process-button{
	margin: 0 !important;
}
body .btn.dropdown-toggle.btn-default {
	background: #eeeeee none repeat scroll 0 0;
	color: #000;
	width: 100% !important;
	padding: 12px !important;
}
@media screen and (max-width: 1000px) {
	.footerNav,
	.copyright {
		float: none;
		margin: auto;
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.burgerMenu {
		display: inline-block;
		float: left;
		margin:15px 10px 10px 10px;
	}
	/*.leftSide.active {
		position: absolute;
		left: 0;
		top: 0px;

	}*/
	.__burgerMenuClose{ display: none;}
	.cancelButton {
		display: inline-block;
		float: right;
		margin-top: 10px;
		margin-right: 10px;
		clear: both;
		cursor: pointer;
	}
	body .dashboard .rightSide {
		width: 100%;
		float: right;
	}
	.dashboardHeading {
		margin-top: -43px;
	}
	.boxLwd {
		float: left;
		width: 100%;
		text-align: center;
	}
	.boxLwd .row {
		margin: 25px auto;
	}
	.boxLwd .LwdButtons > div {
		text-align: center;
	}
	.footer .copyright {
		margin: a;
		padding: 0;
		text-align: center;
	}
	.tableLWD .mdl-cell {
		width: auto !important;
		margin: auto;
	}
	.dashboard .leftSide {
		width: 100% !important;
		z-index: 1000;
	}
	.tableLWD .mdl-cell {
		width: 100%;
	}
	.form-group.label-floating label.control-label,
	.form-group.label-placeholder label.control-label {
		font-size: 12px !important;
	}
	#example_wrapper .mdl-cell.mdl-cell--12-col {
		width: 100% !important;
	}
	.boxLwd .custom-combobox {
		float: left;
		width: 91%;
	}
	.boxLwd .costLine > div {
		margin-bottom: 10px;
	}
	#lightbox .labelContract .fullNameField {
		width: 93%;
	}
	.labelContract img {
		width: 25px;
	}
	#lightbox.lightboxCost .lighboxInner input {
		width: 85%;
	}
	#lightbox.lightboxCost .lighboxInner img {
		width: 20px;
	}
	.rightSide .box .box1.box2 {
		margin-left: 0;
	}
	.geo_page #myMap,
	.geo_page #myMap1 {
		margin: auto;
	}
	#mainMap .row {
		margin: auto;
	}
	.box .dashboard_bx .mn-box-3.dash-box {
		padding-right: 10px !important;
	}
	.leftSide .dashboardList,
	.dashboard .logo {
		box-shadow: none !important;
	}
	.table.table-striped.user-management {
		overflow: auto;
		display: block;
	}
	body .login-right {
		display: none;
	}
	.user-manage2.userLogs table tr td:first-child,
	.userLogs table tr th:first-child {
		width: 77% !important;
	}
	#main-content #add_geofence {
		position: fixed;
		margin-top: 0 !important;
		width: 94.5%;
	}
	.formGeofense .form-input-text {
		line-height: 21px !important
	}
}
.MicrosoftMap .NavBar_Container {
	z-index: 1 !important;
}
.ui-autocomplete {
	z-index: 1001 !important;
}
#mainMap .row #myMap1 {
	border: 1px solid #0d1f4f;
}
@media screen and (max-width: 500px) {
	.loginInner {
		width: 90%;
	}
	.loginBox input {
		width: 100%;
	}
	.loginOuter.registerOuter .button {
		width: 70%;
	}
	.footerNav ul li {
		padding: 7px;
	}
	.footerNav ul li a {
		font-size: 10px;
	}
	.copyright {
		font-size: 12px;
	}
	.loginBox .button {
		width: 50%;
	}
	.footer {
		position: relative;
	}
	body #lightbox .labelContract .fullNameField {
		width: 85%;
	}
	body #lightbox.lightboxCost .lighboxInner input {
		width: 70%;
	}
	.lightboxCost .lighboxInner a {
		margin-left: 5px;
	}
	.profileInfo {
		width: 100%;
		font-size: 12px;
	}
	.profileInfo1.card .profileLeft,
	.profileInfo1.card .profileRight {
		float: left;
		width: 100%;
	}
	.progress-track li .icon-wrap,
	.progress-track .progress-todo .icon-wrap {
		width: 2em;
		height: 2em;
	}
	.progress-track li {
		line-height: 19px !important;
	}
	.rightSide .addLwdPage .box1 {
		width: 80% !important;
	}
	.geo_page .boxLwd .custom-combobox {
		float: none;
	}
	.geo_page .boxLwd .costLine {
		margin: 20px auto 0 auto;
	}
	.geo_page .footer {
		position: relative !important;
	}
	body .user-manage2.userLogs table tr td:last-child,
	.userLogs table tr th:last-child,
	body .user-manage2.userLogs table tr td:first-child,
	.userLogs table tr th:first-child {
		width: 50% !important;
	}
}
.cancelButton {
	display: none;
}
@media screen and (min-width: 1000px) {
	.burgerMenu {
		display: none;
	}
}
@media screen and (max-width: 1100px) {
	.dashboard .rightSide {} .logo img {
		max-width: 100%;
	}
	.footer {

		bottom: 0;
		margin: 0;
		left: 0;
		right: 0;
	}
	.rightSide .addLwdPage .box1 {
		width: 40%
	}
	.boxLwdNew2 .box1 .text {
		float: none;
		margin-top: 15px;
		text-align: center;
	}
	.boxLwdNew2 .boxText select {
		font-size: 12px;
	}
	.rightSide .addLwdPage .boxLwdNew2 .box1 {
		width: 23% !important;
		margin-left: 15px !important;
	}
	.geo_page #myMap,
	.geo_page #myMap1 {
		width: 100% !important;
	}
	.loginBox {
		position: fixed;
	}
	.mapPopupBtn {
		margin-top: 10px;
	}
	.geo_page .btn-bottom.btnBack .btn.btn-default {
		margin-top: 10px !important;
	}
	#add_geofence {
		position: absolute;
		z-index: 111;
		top: 100%;
		width: 100%;
		margin-top: 84%;
	}
	#add_geofence .formGeofense {
		height: 140px !important;
	}
}
@media screen and (max-width: 767px) {
	.dashboardNav {
		float: none;
		margin: auto;
		clear: both;
		width: 100%;
	}
	.dashboard .leftSide {
		width: 100%;
		z-index: 1000;
	}
	.dashboard .rightSide {
		width: 100%;
	}
	.burgerMenu {
		margin-top: 15px;
		margin-bottom: 10px;
		cursor: pointer;
		margin-left: 13px;
		margin-right: 10px;
	}
	.box1 {
		width: 100%;
	}
	.rightSide .box .box1.box2 {
		margin-left: 0;
		margin-top: 20px;
	}
	.boxTimer {
		width: 100%;
	}
	.rightSide {
		height: 100% !important
	}
	.boxLwd table {
		overflow-x: scroll;
		display: block;
	}
	.mainProfile .tableLWD {
		overflow: auto;
	}
	.rightSide .addLwdPage .boxLwdNew2 .box1 {
		width: 93% !important;
		margin-top: 20px !important;
	}
	.checkboxLabel {
		display: none;
	}
	.tableReportInner .checkboxReport .checkbox {
		float: left;
	}
	.tableReportInner .form-input {
		width: 100% !important
	}
	.bottomNewOuter #example_length label {
		float: left;
		width: 56% !important;
	}
	.bottomNewOuter #example_filter {
		margin-left: 0 !important;
		width: 55% !important;
	}
	#breadcrumb a {
		font-size: 10px;
	}
	#breadcrumb span {
		font-size: 9px;
	}
	.loginFooter {
		position: fixed;
	}
	.logoLogin img {
		width: 160px !important;
	}
	.login-as .form-control {
		width: 100% !important;
	}

	body .bs-example2.bs-example-adduser.logsPage .col-sm-6.user_edit,
	body .bs-example2.bs-example-adduser.logsPage .col-sm-6.user_edit_left {
		width: 100% !important;
		float: left;
	}
	#add_geofence .formGeofense .form-group input,
	.formGeofense .form-group select {
		width: 64%;
	}
	#add_geofence .formGeofense .form-group {
		width: 93% !important;
	}
	#add_geofence .formGeofense .form-group .btn {
		margin-top: 10px !important;
	}
	#add_geofence .formGeofense {
		width: 95% !important;
		height: 190px !important;
	}
	body #add_geofence {
		width: 94% !important;
	}
	/**************************Edit Responsive Css****************/
	.box-right-loan-top {
		position: relative!important;
	}
	#event-table-right_paginate {
	text-align:right;

	}
	.paddng-zero {
		padding: 0px!important;
	}
	#contract-no {
		font-size: 11px!important;
	}
	#scrollbar1 {
		height: auto!important;
		margin-bottom: 30px!important;
		float: left;
		padding-bottom: 22px;
	}
}
@media screen and (max-width: 600px) {
	.meterBottom .meterButton {
		display: inline-block;
	}
}
@media screen and (max-width: 400px) {
	.boxTimer .timer ul li {
		padding: 10px 10px;
	}
}
@media screen and (max-width: 1100px) and (min-width: 769px) {
	.box1 {
		width: 45%;
		margin-top: 30px;
	}
}
@media screen and (min-width: 320px) and (max-width: 1000px) {
	.outerMain {
		float: left;
		width: 100%;
		margin-top: 0px !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.boxLwd .custom-combobox {
		width: 87% !important;
	}
	.row.costLine {
		width: 100% !important;
	}
	.headerTop {
		position: static !important;
	}
	.dashboard .rightSide33 {
		margin-top: 0 !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.col-xs-12.col-sm-12.col-md-4.col-lg-4.ui-widget {
		width: 33.3%;
	}
	.costLine .cost2 {
		width: 33.3%;
	}
	.costLine .ui-widget label {
		float: left;
	}
	.costLine .cost2 label {
		float: left;
		text-align: left;
	}
	.boxLwd .custom-combobox {
		float: left;
		width: 81%;
	}
}
@media screen and (max-width: 768px) {
	.box1 {
		width: 45%;
		margin-top: 30px;
	}
	.rightSide .box1 {
		width: 70%;
	}
	.pie_div .panel {
		display: inline-block;
	}
}
#lightbox.lightboxCost #add_costcenter .lighboxInner input[type="text"] {
	width: 100% !important;
}
#lightboxPopup .modal-dialog .col-lg-12 {
	text-align: center !important;
}
#lightboxPopup .modal .modal-dialog {
	margin-top: 10%;
}
#lightboxPopup .modal-dialog .col-lg-12 img {
	width: 50px;
	margin-bottom: 20px;
}
.selectpopup {
	padding-top: 20px;
}
#settingpopup .control-label {
	width: auto;
}
.form-group-new {
	display: inline-block;
	margin-right: 10px;
}
#settingpopup .lightBoxBtn {
	text-align: center;
}
#add_costcenter .row.lighboxInner {
	margin: 10px 0;
}
#example_wrapper .mdl-cell--12-col,
#example_wrapper .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
	width: calc(100%) !important;
}
#example_wrapper .mdl-cell--6-col,
#example_wrapper .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
	width: calc(50%) !important;
}
.row.LwdButtons .searchbar_LWD {
	width: 88%;
}
.boxLwd .LwdButtons .addNewButton.btn {
	margin: 20px 0 10px 0;
}
.progress-track {
	display: inline-block;
	margin-top: 40px;
	padding: 0;
	width: 100%;
}
.iconBox a {
	border-radius: 2px;
	display: inline-block;
	padding: 3px 6px;
	background: #0d1f4f;
}
.iconBox a i {
	padding: 2px;
	color: #fff;
}
.iconBox a:hover {
	background: #3399ff;
}
.showNewTable .pagination {
	margin: 0 !important;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
	vertical-align: middle !important;
}
div.dataTables_wrapper div.dataTables_length select {
	padding: 0 5px;
}
.selectPopupDropdown.form-group label.control-label {
	top: -25px !important;
}
#editlwd textarea {
	width: 100% !important;
}
.selectpopup .lightBoxBtn .col-xs-12 {
	text-align: center;
}
#editsettingpopup h5 {
	margin-bottom: 0;
}
#editsettingpopup .selectpopup .lightBoxBtn .col-xs-12 {
	margin: 20px auto;
}
#editsettingpopup .row {
	padding-top: 0;
}
.dashboardHeading .btn {
	margin: 0 !important;
}
.boxLwd .LwdButtons .btn {
	margin-top: 20px !important;
	margin-bottom: 0 !important;
}
#editsettingpopup .selectpopup .falldetectsensitivity,
#editsettingpopup .falldetectsensitivity {
	margin-top: 5px;
}
.boxLwd .row.lwdButtons,
#settingpopup .row.lwdButtons {
	margin-top: 15px;
}
#editlwd h3,
#editsettingpopup h3,
#settingpopup h3 {
	margin: 0 !important;
}
#editsettingpopup .form-group {
	margin-top: 20px !important;
}
.modal button.close {
	position: absolute;
	font-size: 22px;
  color: var(--rf-darkgrey);
	top: 8px;
	z-index: 1111;
	right: 10px;
}
#settingpopup .form-group {
	margin-top: 0
}
#settingpopup h5 {
	margin: 0;
}
#settingpopup #change_setting {
	margin: 25px 0 !important;
}
#settingpopup .falldetectsensitivity {
	margin-top: 4px;
}
.popupOrbis .row {
	padding-top: 0;
	!important;
}
.popupOrbis form {
	margin-top: 20px;
}
#add_office .row.lighboxInner.row1Popup {
	margin-bottom: 20px;
}
.popupOrbis .row.lighboxInner.lightBoxSelect {
	text-align: center;
	margin: 10px 0;
}
.popupOrbis .form-group select {
	border: 1px solid #cdcdcd;
	background: #f6f6f6;
}
.popupOrbis .close {
	opacity: 1;
	color: rgb(255, 255, 255);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1032;
}
/*  loader css  */

.no-js #loader {
	display: none;
}
.js #loader {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.se-pre-con {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}
.loaderNew {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	-webkit-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	/*  animation: 1s linear 0s normal none infinite running spin;*/
	border-color: #3399ff #f3f3f3 #f3f3f3;
	border-image: none;
	border-radius: 50%;
	border-style: solid;
	border-width: 7px;
	height: 100px;
	width: 100px;
	text-align: center;
	margin: 17% auto 0 auto;
}
#lightbox.lightboxCost .lighboxInner input[type="submit"] {
	float: none !important;
}
#add_contractarea .row {
	margin-bottom: 15px;
}
#add_contractarea .row .col-lg-12 {
	padding: 0;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.modal .nav-tabs {
	background: #0d1f4f;
	margin-top: 20px;
}
.se-pre-con h3 {
	text-align: center;
}
.profileInfo1.card .profileLeft span,
.profileInfo1.card .profileRight span {
	padding: 5px 0;
	display: inline-block;
}
.tableLWD .pagination {
	margin: 0 !important;
}
.boxLwd .tableLWD .row {
	margin-top: 10px !important;
}
#example_wrapper .row {
	margin: 0 !important;
}
#example_wrapper .row .col-sm-12,
#example_wrapper .row .col-sm-3,
#example_wrapper .row .col-sm-6 {
	padding: 0 !important;
}
.showNewTable select {
	width: 95px !important;
}
.showNewTable .col-sm-3 {
	padding: 0 !important;
}
.showNewTable .col-sm-3 .form-group {
	margin: 0;
}
.boxLwd .row.showNewTable {
	margin-top: 40px;
}
.boxLwd .tableLWD.tableLWD2 {
	margin-top: 10px !important;
}
.pagination {
	margin: 0 !important;
}
.dataTables_wrapper {
	float: left;
	width: 100%;
}
.cropit-preview {
	background-color: #f8f8f8;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 7px;
	width: 250px;
	height: 250px;
}
.cropit-preview-image-container {
	cursor: move;
}
.image-size-label {
	margin-top: 10px;
}
input {
	display: block;
}
button[type="submit"] {
	margin-top: 10px;
}
#result {
	margin-top: 10px;
	width: 900px;
}
#result-data {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: break-word;
}
#editlwd textarea {
	height: 70px;
	width: 100%;
}
.ui-corner-right {
	right: -2px;
}
.boxText a u {
	font-size: 12px;
	text-decoration: none;
}
.username {
	color: #000;
	font-size: 14px;
	font-weight: bold;

}

@media screen and (min-device-width: 320px) and (max-device-width: 767px) {
	.col-xs-12.col-sm-12.col-md-12.col-lg-12.pull-right {
		padding: 0;
	}
	.modal-body .col-lg-12 {
		/*margin: 10px 0 0;*/
		padding: 0;
	}
	#lightbox.lightboxCost .modal-dialog {
		margin-top: 15%;
	}
	.LwdButtons .addNewButton {
		float: left;
		width: 100%;
	}
	.boxLwd select.settingselect {
		width: 100%;
	}
	.boxLwd .custom-combobox {
		float: left;
		width: 100%;
	}
	.boxLwd .row.costLine .col-xs-12 {
		padding: 0 0 10px !important;
	}
	.row.lighboxInner.row1Popup .col-xs-12 {
		padding: 0;
	}
}
.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
	font-size: 12px !important;
	top: -20px !important;
}
.heading23 {
	display: inline-block;
	border-bottom: 1px solid #ececec;
	margin-bottom: 0;
	padding-bottom: 6px;
	width: 100%;
}
.active23 .fix_67 {
	color: #fff!important;
	font-weight: 800; font-size:12px;
}
.heading23 img {
	float: left;
	margin-top: -2px;
	margin-left: -10px;
	width: 15px;
}
.dropdown-toggle.btnDropdown:hover,
.dropdown-toggle.btnDropdown:focus,
.dropdown.open.btnDropdown,
.btnDropdown,
.btnDropdown:active:hover,
.btnDropdown.active:focus,
.btnDropdown.active:hover .btn.btn-simple.dropdown-toggle.btnDropdown {
	background: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	color: transparent !important;
}
.LwdButtons {
	display: inline-block;
	float: left;
}
.dropdown23 {
	display: inline-block;
	margin-top: 10px;
	margin-left: 20px;
}
.dropdown23 .dropdown-menu a:hover {
	background: none !important;
}
.dropdown23 .dropdown-menu li > a {
	padding: 0 !important;
	max-width: 100% !important;
	box-shadow: none !important;
}
.dropdown23 .dropdown-menu li > a:active {
	background: transparent !important;
}
.dropdown23 .dropdown-menu a .btn {
	right: 15px !important;
	padding: 10px;
	background: #fff;
	color: #000;
	text-transform: capitalize;
}
.dropdown23 .dropdown-menu a:hover .btn {
	background: #ccc !important;
}
#example_filter .form-control.input-sm {
	background: transparent none repeat scroll 0 0;
	padding: 5px 10px 5px 11px;
	height: 32px;
}
#example_filter label {
	width: 100% !important;
}
#example_filter label .form-control.input-sm {
	float: left !important;
	height: 30px !important;
	margin: -1px 0 0 !important;
	padding: 6px 0 3px 11px !important;
	width: 76% !important;
}
#example_filter .input-group-addon {
	float: right !important;
}
#example_filter .input-group-addon {
	background: transparent none repeat scroll 0 0;
	float: left;
	height: 30px;
	margin: -1px 0 0 -1px;
	padding: 8px 10px 5px 11px;
	width: 38px;
}
#example_filter .input-group-addon i {
	vertical-align: middle;
}
#example_paginate .mdl-button {
	padding: 0 0px !important;
	color: #000 !important;
}
#example_paginate .pagination .mdl-button.previous {
	padding: 0 13px !important;
}
.boxLwd.box233 {
	float: right;
	margin: 0;
	width: 100%;
}
.tableNew233 {
	border-top: 1px solid #ccc;
}
#example .boxIcon22 {
	margin-left: 8px;
	padding: 0;
	width: 23px;
	height: 23px;
}
.topMenu22 .dropdown-menu li {
	float: left;
	width: 33.3%;
	text-align: center;
	padding: 10px 0
}
.topMenu22 .dropdown-menu li a {
	padding: 10px 0 !important;
	margin: 0 !important;
	color: #000 !important;
	text-transform: capitalize !important;
}
.topMenu22 .dropdown-menu li a:hover {
	color: #000 !important;
}
.topMenu22 .dropdown-menu li:last-child {
	float: left;
	width: 100%;
	border-radius: 0 0 3px 3px;
	background: #fff;
}
.topMenu22 .dropdown-menu li:hover a {
	box-shadow: none !important;
	color: #000;
}
.topMenu22 .dropdown-menu li:hover {
	background: #f1f4f8 none repeat scroll 0 0;
}
.topMenu22 .dropdown-menu lilast-child:hover a {
	color: #eee !important;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active {
	background: transparent !important;
}
.topMenu22 .img-responsive22 {
	float: left;
padding-top: 1px;
	width: 24px;
}
.topMenu22 .dropdown-menu {
	width: 300px !important;
	background: #fff !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
	position: absolute;
	right: 0;
	left: auto;
}
.topMenu22 {
	position: relative;
}
.topMenu22 .dropdown.open .dropdown-menu {
	padding: 4px 0px !important;
	border-radius: 10px;
}
.topMenu22 .log-arrow-up {
	background: url("../img/arrow-up.png") no-repeat;
	height: 11px;
	position: absolute;
	right: 15px;
	top: -11px;
	width: 20px;
}
.topMenu22 .dropdown-toggle {
	padding: 4px 0 0;
}
.topMenu22 .open > a,
.topMenu22 .open > a:focus,
.topMenu22 .open > a:hover {
	border: 0px solid #e5e5e5 !important;
}
.headerTop {
	float: right;
	height: 45px;
	margin: 17px 0 0;
	padding: 0 20px;
	position: absolute;
	right: 0;
	width: 81.9%;
	z-index: 100;
}
.herd_log.logo {
	background: #1f3161 none repeat scroll 0 0;
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: 0px 0;
	position: fixed;
	width: 18.6%;
	z-index: 101;
}
.headerTop .nav {

	margin-top: 5px;
}
.dropdown.open .dropdown-toggle,
.dropdown.open .dropdown-toggle:focus,
.dropdown.open .dropdown-toggle:hover,
.dropdown .dropdown-toggle:focus,
.dropdown .dropdown-toggle:hover {
	color: #000 !important;
}
.mdl-button,
.form-control {
	font-size: 12px !important;
}
#example th,
#example th {
	color: #777;
	font-size: 12px !important;
	padding: 14px 18px;
	text-transform: uppercase
}
#example th {
	font-weight: bold;
}
#lightbox .form-group {
	margin: auto;
	text-align: center;
}
.modal-dialog h2 {
	margin-bottom: 0 !important;
}
.savecostcenter {
	margin-top: 15px;
}
.modal-body .col-lg-8.cost {
	float: none;
	margin: auto;
}
.alert.alert-success {
	padding: 10px !important;
}
.form-group.label-floating.has-error input,
.form-group.label-placeholder.has-error input {
	border-bottom: 1px solid #f44336 !important;
}
.outerMain {
	float: left;
	width: 100%;
	margin-top: 0px;
}
.mdl-button {
	text-transform: capitalize !important;
}

/*===notes page===*/

.notesNew::selection {
	background: #FF6C60;
	color: #fff;
}
.notesNew::-moz-selection {
	background: #FF6C60;
	color: #fff;
}
/*mail inbox*/

.mail-box {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.mail-box aside {
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0;
	vertical-align: top;
}
.mail-box .sm-side {
	width: 25%;
	background: #e5e8ef;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}
.mail-box .lg-side {
	width: 75%;
	background: #fff;
	border-radius: 0px 4px 4px 0;
	-webkit-border-radius: 0px 4px 4px 0;
}
.mail-box .sm-side .user-head {
	background: #00a8b3;
	border-radius: 4px 0px 0px 0;
	-webkit-border-radius: 4px 0px 0px 0;
	padding: 10px;
	color: #fff;
	min-height: 80px;
}
.user-head .inbox-avatar {
	width: 65px;
	float: left;
}
.user-head .inbox-avatar img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.user-head .user-name {
	display: inline-block;
	margin: 0 0 0 10px;
}
.user-head .user-name h5 {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0;
	font-weight: 300;
}
.user-head .user-name h5 a {
	color: #fff;
}
.user-head .user-name span a {
	font-size: 12px;
	color: #87e2e7;
}
a.mail-dropdown {
	background: #80d3d9;
	padding: 3px 5px;
	font-size: 10px;
	color: #01a7b3;
	border-radius: 2px;
	margin-top: 20px;
}
.inbox-body {
	padding: 20px;
}
.btn-compose {
	background: #ff6c60;
	padding: 12px 0;
	text-align: center;
	width: 100%;
	color: #fff;
}
.btn-compose:hover {
	background: #f5675c;
	color: #fff;
}
ul.inbox-nav {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.inbox-divider {
	border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
	display: inline-block;
	line-height: 45px;
	width: 100%;
}
ul.inbox-nav li a {
	color: #6a6a6a;
	line-height: 45px;
	width: 100%;
	display: inline-block;
	padding: 0 20px;
}
ul.inbox-nav li a:hover,
ul.inbox-nav li.active a,
ul.inbox-nav li a:focus {
	color: #6a6a6a;
	background: #d5d7de;
}
ul.inbox-nav li a i {
	padding-right: 10px;
	font-size: 16px;
	color: #6a6a6a;
}
ul.inbox-nav li a span.label {
	margin-top: 13px;
}
ul.labels-info li h4 {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	color: #5c5c5e;
	font-size: 13px;
	text-transform: uppercase;
}
ul.labels-info li {
	margin: 0;
}
ul.labels-info li a {
	color: #6a6a6a;
	border-radius: 0;
}
ul.labels-info li a:hover,
ul.labels-info li a:focus {
	color: #6a6a6a;
	background: #d5d7de;
}
ul.labels-info li a i {
	padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
	margin-bottom: 0;
	padding: 0 22px;
	color: #9d9f9e;
	font-size: 11px;
}
.inbox-head {
	padding: 20px;
	background: #41cac0;
	color: #fff;
	border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
	min-height: 80px;
}
.inbox-head h3 {
	margin: 0;
	display: inline-block;
	padding-top: 6px;
	font-weight: 300;
}
.inbox-head .sr-input {
	height: 40px;
	border: none;
	box-shadow: none;
	padding: 0 10px;
	float: left;
	border-radius: 4px 0 0 4px;
	color: #8a8a8a;
}
.inbox-head .sr-btn {
	height: 40px;
	border: none;
	background: #00a6b2;
	color: #fff;
	padding: 0 20px;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
}
.table-inbox {
	border: 1px solid #d3d3d3;
	margin-bottom: 0;
}
.table-inbox tr td {
	padding: 12px !important;
}
.table-inbox tr td:hover {
	cursor: pointer;
}
.table-inbox tr td .icon-star.inbox-started,
.table-inbox tr td .icon-star:hover {
	color: #f78a09;
}
.table-inbox tr td .icon-star {
	color: #d5d5d5;
}
.table-inbox tr.unread td {
	font-weight: 600;
	background: #f7f7f7;
}
ul.inbox-pagination {
	float: right;
}
ul.inbox-pagination li {
	float: left;
}
.mail-option {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}
.mail-option .chk-all,
.mail-option .btn-group {
	margin-right: 5px;
}
.mail-option .chk-all,
.mail-option .btn-group a.btn {
	border: 1px solid #e7e7e7;
	padding: 5px 10px;
	display: inline-block;
	background: #fcfcfc;
	color: #afafaf;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}
.inbox-pagination a.np-btn {
	border: 1px solid #e7e7e7;
	padding: 5px 15px;
	display: inline-block;
	background: #fcfcfc;
	color: #afafaf;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}
.mail-option .chk-all input[type=checkbox] {
	margin-top: 0;
}
.mail-option .btn-group a.all {
	padding: 0;
	border: none;
}
.inbox-pagination a.np-btn {
	margin-left: 5px;
}
.inbox-pagination li span {
	display: inline-block;
	margin-top: 7px;
	margin-right: 5px;
}
.fileinput-button {
	border: 1px solid #e6e6e6;
	background: #eeeeee;
}
.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
	border: 1px solid #e6e6e6;
	box-shadow: none;
}
.btn-send,
.btn-send:hover {
	background: #00A8B3;
	color: #fff;
}
.btn-send:hover {
	background: #009da7;
}
.modal-header h4.modal-title {
	font-weight: 300;

}
.modal-body label {
	font-weight: 400;

}
@media (min-width: 768px) and (max-width: 979px) {
	.mail-box .sm-side {
		width: 30%;
	}
	.mail-box .lg-side {
		width: 70%;
	}
}
@media (min-width: 768px) and (max-width: 1100px) {
	.geo_page .heading23 {
		width: 17% !important;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	media (max-width:480px) {
		.notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
			display: none;
		}
		.mail-box aside {
			display: block;
		}
		.mail-box .sm-side,
		.mail-box .lg-side {
			width: 100%;
		}
		#top_menu .nav > li,
		ul.top-menu > li {
			float: right;
		}
		.hidden-phone {
			display: none !important;
		}
		.dataTables_filter {
			float: left;
		}
		.dataTables_info {
			margin-bottom: 10px;
		}
		.mail-option .btn {
			margin-bottom: 0;
		}
		.mail-option .inbox-pagination {
			margin-top: 10px;
			float: left;
		}
	}
	@media (max-width: 320px) {
		.mail-option .btn {
			margin-bottom: 0;
		}
		.mail-option .inbox-pagination {
			margin-top: 10px;
			float: left;
		}
	}
	/*===========*/
	.addContactArea {
		float: none;
		margin: auto;
	}
	#lightbox .modal-dialog {
		width: 500px !important;
	}
	#lightbox .modal-dialog {
		top: 13%;
	}
	.loginInner .form-group label {
		top: -33px !important;
		color: #AAAAAA !important;
		font-size: 12px !important;
		text-align: left;
		margin-top: 5px !important;
	}
	.loginInner .form-group:is-focused label {
		top: -33px !important;
		color: #AAAAAA !important;
		font-size: 14px !important;
	}
	.loginInner .form-group {
		text-align: left;
	}
	.loginInner .error_msg {
		margin-top: 10px;
	}
	/*======23 0ct start=====*/
	.loading {
		margin: 10px 0 0 8px !important;
		padding: 0 !important;
		float: left;
	}
	.loading1 {
		margin: 10px 0 0 8px !important;
		padding: 0 !important;
		float: left;
	}
	.loading2 {
		margin: 10px 0 0 8px !important;
		padding: 0 !important;
		float: left;
	}
	.costLine .custom-combobox {
		float: left;
	}
	#office_display > label {
		float: left;
		width: 100%;
	}
	.geo_page .heading23 {
		border-right: 1px solid #000;
		display: inline-block;
		float: left;
		margin: 12px 0 0;
		padding: 12px 0;
		width: 15%;
	}
	.heading23 {
		border-right: 0px solid #000;
		display: inline-block;
		float: left;
		margin: 12px 0 0;
		padding: 12px 0;
		width: 100%;
	}
	.row.costLine {
		float: right;
		margin: 0 !important;
		padding: 0 !important;
		width: 80%;
	}
	.costLine .ui-widget label {
		color: #0d1f4f;
	}
	.costLine .cost2 label {
		color: #0d1f4f;
	}
	/*======23 0ct end=====*/
	#office_display {
		margin: 2px 0 0;
	}
	.costLine label {
		margin: 0;
	}
	.outerMain {
		margin-top: 55px;
		width: 100%;
	}
}
.geo_page .heading23 {
	border-right: 1px solid #000;
	display: inline-block;
	width: 15%;
	margin: 12px 0 0;
	padding: 12px 0;
}
.geo_page .row.costLine {
	float: right;
	margin: 0 !important;
	padding: 0 !important;
	width: 80%;
}
.pie_div #canvas-holder {
	margin-top: 0 !important;
}
.pie_div #canvas-holder {
	margin: 0 !important;
	margin: auto !important;
}
.pie_div .panel .panel-heading {
	margin: 0 !important;
}

.mainMenu > a {
	float: left;
}
#geo > span {
	float: right;
	width: 82%;
}
.login-left {
	height: 230px;
	position: relative;
	top: 50%;
}
.login-right {
	height: 100vh;
	display: grid;
	background-attachment: fixed;
	background-repeat: repeat;
	background-size: cover;
	color: #fff;
	float: left;
	font-family: "Dancing Script", cursive;
	font-size: 12px;
	text-align: center;
	padding: 0;
	background-position: -144px 0;

}
.super-as .btn.btn-default {
	background: #fff none repeat scroll 0 0;
	border: 0 none;
	border-radius: 30px;
	box-shadow: 0 0 0 0 rgba(153, 153, 153, 0.14), 0 0 0 0 rgba(153, 153, 153, 0.2), 0 0 0 0 rgba(153, 153, 153, 0.12);
	color: #0d1f4f;
	padding: 16px 30px !important;
	transition: all 0.4s ease-in-out 0s;
}
.super-as .btn.btn-default:hover {
	background: #fff none repeat scroll 0 0;
	border: 0 none;
	border-radius: 30px;
	box-shadow: 0 0 0 0 rgba(153, 153, 153, 0.14), 0 0 0 0 rgba(153, 153, 153, 0.2), 0 0 0 0 rgba(153, 153, 153, 0.12);
	color: #0d1f4f;
	padding: 16px 60px !important;
	transition: all 0.4s ease-in-out 0s;
}
body .login-as .btn.btn-default {
	background: #fff none repeat scroll 0 0;
	border: 0 none;
	border-radius: 30px;

	font-size: 14px !important;
	height: 50px;
	padding: 17px 50px;
	transition: all 0.4s ease-in-out 0s;
}
.login-as .btn.btn-default:hover,
.login-as .btn.btn-default:active {
	background: #fff !important;
	border: 0 none;
	border-radius: 30px;
	color: #000;
	transition: all 0.4s ease-in-out 0s;
}
.super-as {
	margin: 0 auto;
	width: 300px;
}
.super-as .form-control {
	border-bottom: 1px solid #3d4f7f !important;
	border-radius: 0px !important;
	color: #fff !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 14px !important;
	font-weight: lighter !important;
	padding: 5px 0 0 10px !important;
}

#LOGinBoxMiddileinnerLeft .login-as .form-control {
			display: block;
	    width: 100%!important;
	    padding: 14px 16px 10px 55px;
			margin-left:0px!important;
	    font-size: 0.875rem;
			color:#000;
	    line-height: 1.5;
	    color: #5c6873;
	    background-color: #fff;
	    background-clip: padding-box;
	    border: 1px solid #b6b6b6;
	    border-radius: 0.25rem;
	    transition: border-color 0.15s ease-in-out;

}

#LOGinBoxMiddileinnerLeft .login-as .form-control:focus {
    color: #5c6873;
    background-color: #fff;
    border-color: #8ad4ee;
    outline: 0;
  border:1px solid #000;
}

.login-as .form-group input[type="text"]::placeholder {
	color: #5c6873!important;
}
.login-as .form-group input[type="password"]::placeholder {
	color: #5c6873!important;
}
.label-login-page {
	color: #fff!important;
	font-size: 14px;
	text-align: left!important;
	float: left;
}
.row.orbis-logo {
	margin: 35% auto 0;
	width: 300px;
}
.login-system {
	color: #fff;
	font-size: 14px;
	margin: 0 0 30px;
	text-transform: uppercase;
}
footer.loginFooter .copyright {
	color: #000f3f;
	text-align: center;
}
.drop1 a::before {
	content: "\f009";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	width: 28px;
	margin-top: -1px;
}

.IconMyaccount a::before {
	content: "\f2be";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	width: 28px;
}

.drop3 a::before {
	content: "\f0f6";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	width: 28px;
}
.drop4 a::before {
	content: "\f013";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	width: 28px;
}

.dashboardSuperuser .dropLogs a::before {
	content: "\f1da" !important;
}
.dash-box {
	margin: 0 0 10px;
	padding: 0 10px !important;
}
.dash-title {
	float: left;
	width: 90%;
}
.dashboard-box .dash-title {
	font-weight: bold;
}
.dash-head {
	color: #737373;
	float: left;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	padding: 5px 0 0 20px;
	text-align: left;
}
.dash-menu .fa::before {
	font-size: 17px;
}
.dash-menu {
	float: right;
	padding: 15px 20px 0 0;
}
.mn-box {} .dash-title .fa {
	color: #737373;
	float: left;
	padding: 3px 0 0 20px;
}
.dash-title .fa::before {
	font-size: 36px;
}
.dash-qty {
	color: #737373;
	float: left;
	font-size: 30px;
	font-weight: lighter;
	padding: 0 0 0 20px;
}
.dashboard-box {
	background: #fff none repeat scroll 0 0;
	float: left;
	padding: 43px 0;
	width: 100%;
	border-radius: 8px;
}
.mn-box-1 .fa.fa-user-o {
	color: #2AB9DC;
}
.mn-box-2 .fa.fa-clock-o {
	color: #9EC418;
}
.mn-box-3 .fa.fa-clock-o {
	color: #F8B501;
}
.mn-box-4 .fa.fa-mobile-phone {
	color: #ED782E;
}
.mn-box-5 .fa.fa-clock-o {
	color: #D2418F;
}
.mn-box-1 .dash-qty {
	color: #2AB9DC;
}
.mn-box-2 .dash-qty {
	color: #9EC418;
}
.mn-box-3 .dash-qty {
	color: #F8B501;
}
.mn-box-4 .dash-qty {
	color: #ED782E;
}
.mn-box-5 .dash-qty {
	color: #D2418F;
}
.mn-box-1 .dash-head {
	color: #2AB9DC;
}
.mn-box-2 .dash-head {
	color: #9EC418;
}
.mn-box-3 .dash-head {
	color: #F8B501;
}
.mn-box-4 .dash-head {
	color: #ED782E;
}
.mn-box-5 .dash-head {
	color: #D2418F;
}
.mn-box-1 .dash-menu .fa {
	color: #2AB9DC;
}
.mn-box-2 .dash-menu .fa {
	color: #9EC418;
}
.mn-box-3 .dash-menu .fa {
	color: #F8B501;
}
.mn-box-4 .dash-menu .fa {
	color: #ED782E;
}
.mn-box-5 .dash-menu .fa {
	color: #D2418F;
}
.boxLwd.box233 .row.tableLWD.tableNew233 {
	background: #fff none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0 0 8px 8px;
}
.boxLwd.box233 .heading23 {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #e3e3e3;
	border-radius: 8px 8px 0 0;
	float: left;
	margin: 0;
	padding: 0 20px;
	width: 100%;
}
.tableLWD.tableNew233 {
	float: left;
	width: 100%;
}
.full-row-head {
	color: #737373;
	float: right;
	padding: 13px 0 0;
}
.goku.dataTables_length {
	padding: 4px 0 0 20px;
}

.mdl-button {
	color: #737373 !important;
}
.mdl-button--raised {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.12) !important;
}
.dataTables_info {
	margin: 0;
	padding: 5px 0 8px 10px !important;
}
/*=========report page======*/

.pie_div .panel {
	border-radius: 8px;
	box-shadow: 0 2px 6px #e0e0e0;
}
#canvas-holder canvas {
	float: right;
	width: 140px !important;
	height: 70px !important;
	position: absolute;
	right: 0;
	top: 30px;
}
#canvas-holder {
	min-height: 100px;
	color: #737373;
}
#canvas-holder h3 {
	font-size: 13px;
	float: left;
	margin: 0;
	font-weight: bold;
}
.canvasLeft {
	float: left;
	text-align: left;
	width: 70%;
}
.canvasRight {
	float: right;
	width: 30%;
}
.canvasLeft p {
	width: 100%;
	float: left;
	font-size: 30px;
	line-height: 18px;
}
.rightSide .row {
	margin: 0 !important;
	padding: 20px 20px 0 !important;
}
.headereach {
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
	float: left;
	height: 45px;
	width: 100%;
}
.row.tableLWD.tableNew233 .row .col-sm-12 {
	height: 400px;
	overflow: auto;
}
.mdl-button {
	min-width: 20px !important;
	height: auto !important;
}
.pagination {
	float: right;
	margin: 0;
}

.alert {
	padding: 9px 13px !important;
}
.error_msg {
	margin: 116px 0 0 16px;
	position: absolute;
	width: 268px;
	z-index: 1;
	transition: all 0.8s ease-in-out 0s;
}
.alert.alert-success {
	background-color: rgba(88, 181, 89) !important;
	border: 1px solid #55b559;
	border-radius: 4px;
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	transition: all 0.8s ease-in-out 0s;
}
.alert.alert-info {
	background-color: rgba(10, 177, 252, 0.3) !important;
	border: 1px solid #0ab1fc;
	border-radius: 4px;
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	transition: all 0.8s ease-in-out 0s;
}
.bottom-content {
	float: right;
	right: 0;
	z-index: 1;
	width: 100%;
	padding-bottom: 6px;
}
.bottom-content #widgets {
	float: right;
	width: 100%;
	transition: all 0.8s ease-in-out 0s;
}
.geo_page .bottom-content #widgets {
	height: auto;
	position: absolute;
	top: 100%;
	z-index: 111;
}
.devicePage .bottom-content #widgets {
	height: auto;
}
.bottom-content #widgets.loneworkersNew {
	width: 100%;
	margin-left: 0;
	float: left;
	position: absolute;
	z-index: 11111;
	top: 100%;
}
.geo_page .bottom-content.geo_list {
	width: 100%;
	left: 0;
}
.draw-map.lone_sele {
	background: #fff none repeat scroll 0 0;
}
.geo-action {
	margin: 10px 0 0;
}


.heading23.offic {
	float: left;
	padding: 0 0 0 20px;
}
.col-sm-3.filter-right {
	float: right;
	padding: 0 20px 0 0;
	width: auto;
}
.filt_val {
	float: left;
}
.tb-main-box {
	float: left;
	width: 100%;
}
.shown-entery {
	float: left;
	padding: 8px 0 0;
	width: auto;
}
.pagination-rigt {
	float: right;
	padding: 0 10px 0 0;
	width: 33.333%;
}
.mid-buttons {
	float: left;
	width: 33.333%;
}
.fitr {
	float: left;
	padding: 7px 20px 0 10px;
}
.filt_val .fitr_in {
	border: 1px solid #d0d0d0;
	border-radius: 30px;
	float: left;
	height: 35px;
}
.sown-input {
	border: 1px solid #d0d0d0;
	border-radius: 30px;
	float: left;
	height: 30px;
	margin: 3px 0 0;
	padding: 0 0 0 21px;
	width: 60px;
}
.entir {
	float: left;
	padding: 7px 10px 0 20px;
	text-transform: capitalize;
	color: #000;
}
.user_manage .user-management {
	margin: 0;
}
.user-management th {
	color: #707070;
	font-size: 11px;
}
.sup-pg-check {
	height: 20px;
	width: 20px;
}
.pagination-rigt .dataTables_paginate.paging_simple_numbers {
	display: block !important;
}
.button.geo-button {
	background: #1f3161 none repeat scroll 0 0;
	border: 1px solid #0f2151;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	margin: 0px 0 0 10px;
	padding: 6px 50px;
	text-transform: uppercase;
}
.button.ge-left {
	float: right;
	margin: 0 20px 0 0;
}
.button.ge-right {
	float: left;
	margin: 8px 0 0 20px;
}
#widgets.widgetsNew {
	position: absolute;
	transition: all 0.8s ease-in-out 0s;
}
.widgetsGeo.widgetsNew {
	margin-bottom: -156px !important;
	transition: all 0.8s ease-in-out 0s;
}
.lone-search.lone-search-hide {
	display: none !important;
}
/*=========report page======*/

.pie_div .panel {
	border-radius: 8px;
	box-shadow: 0 2px 6px #e0e0e0;
}
#canvas-holder canvas {
	float: right;
	width: 140px !important;
	height: 70px !important;
	position: absolute;
	right: 0;
	top: 30px;
}
#canvas-holder {
	min-height: 100px;
	color: #737373;
}
#canvas-holder h3 {
	font-size: 13px;
	float: left;
	margin: 0;
	font-weight: bold;
}
.canvasLeft {
	float: left;
	text-align: left;
	width: 70%;
}
.canvasRight {
	float: right;
	width: 30%;
}
.canvasLeft p {
	width: 100%;
	float: left;
	font-size: 30px;
	line-height: 18px;
}
.btnReport .btn.btn-default {
	background: #0d1f4f none repeat scroll 0 0;
	border: 0 none;
	border-radius: 30px !important;
	box-shadow: 0 0 0 0 rgba(153, 153, 153, 0.14), 0 0 0 0 rgba(153, 153, 153, 0.2), 0 0 0 0 rgba(153, 153, 153, 0.12);
	color: #fff;
	padding: 16px 50px !important;
	transition: all 0.4s ease-in-out 0s;
}
.btnReport .btn:hover {
	background: #0d1f4f none repeat scroll 0 0;
	border: 0 none;
	border-radius: 30px;
	box-shadow: 0 0 0 0 rgba(153, 153, 153, 0.14), 0 0 0 0 rgba(153, 153, 153, 0.2), 0 0 0 0 rgba(153, 153, 153, 0.12);
	color: #fff;
	padding: 16px 115px !important;
	transition: all 0.4s ease-in-out 0s;
}
.checkboxReport .checkbox label::before {
	display: none;
}
.checkboxReport .checkbox input[type=checkbox]:checked + .checkbox-material .check {
	background: #0d1f4f !important;
	border: 1px solid #ccc;
	border-radius: 0;
}

/*=======report page css end ============*/

/*=============add users page===========*/

/*=============add users page css end===========*/

/*=============sandeep 6 dec css start===========*/

.btn-bottom .btn.btn-default {
	background: #0d1f4f none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px !important;
	margin: 0 !important;
	padding: 12px 30px;
	width: 120px;
	color: #fff;
}
.btn-bottom {
	float: left;
}
#status_change {
	padding: 3px 0px 0px 15px;
	float: left;
	color: #000;
	cursor: pointer;
}
#status_change1 {
	padding: 3px 0px 0px 15px;
	float: left;
	color: #000;
	cursor: pointer;
}
.bottom_main {
	float: right;
	margin: 0;
	padding: 0 20px 0;
	width: 100%;
}
.form-group .col-xs-4 h5 {
	color: #737373;
	font-size: 13px;
}
.form-horizontal.form-add-user {
	float: left;
}
.heading23.offic span {
	color: #333;
	font-size: 15px;
	font-weight: normal;
}
.btn-content {
	float: right;
}
.user_edit_left .form-group.is-empty,
.form-horizontal .user_edit_left .form-group {
	margin: 0 !important;
	padding: 0 !important;
}
.user_edit_left .control-label.col-xs-2 {
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}
.user_edit_left .form-control {
	float: left;
	margin: 5px 0 0 !important;
	padding: 0 0 0 10px !important;
}
.user_edit_left {
	margin: 0px 0 0;
	padding: 0 10px 0 0 !important;
	text-align: left;
}
.user_edit .form-group.checkboxReport.checkBoxUser {
	margin: 0;
	padding: 0;
}
.user_edit h5 {
	color: #737373;
	font-size: 13px;
	padding: 1px 0 0;
	margin: 0;
}
.user_edit .col-xs-4 {
	float: left;
	max-width: 182px;
	width: 100%;
}
.user_edit .form-group {
	margin: 0 2px 0 0;
	padding: 0;
}
.user_edit {
	margin: 0px 0 0;
	padding: 0px 0px 0px 10px !important;
}
.user-ed-btm {
	margin: 20px 0 0;
}
.user-ed-btm h5 {
	margin: 0 0 11px !important;
}
.form-horizontal.form-add-user .form-group {
	margin: 0 !important;
	padding: 0 !important;
}
.bottom-content .tb-main-box {
	background: #fff none repeat scroll 0 0;
	border-top: 1px solid #d9d9d9;
}
.lone-search > input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #b0b0b0;
	border-radius: 30px;
	float: left;
	padding: 8px 0 8px 20px;
}
.draw-map.filter-btn {
	float: left;
	margin: 0 0 0 4px;
	padding: 9px 40px;
}
.btn-bottom.view_ed .btn.btn-default {
	margin: 20px 0 0 120px !important;
	width: 210px !important;
}
.user-management th {
	border-top: 1px solid #d9d9d9 !important;

}
.user_edit_left .col-xs-8 {
	padding: 0;
}
.form-input-text {
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	width: 31%;
	float: left;
}
.form-input {
	border: 1px solid #ccc;
	float: left;
	height: 36px;
	line-height: 36px;
	list-style: outside none none;
	padding: 0 0 0 10px;
	width: 69%;
}
.inner-edit {
	background: #0d1f4f none repeat scroll 0 0;
	border: 0 solid;
	border-radius: 30px;
	color: #fff;
	float: none;
	margin: 20px 0;
	padding: 12px 20px;
}
.inner-edit:hover {
	background: #1f3161 none repeat scroll 0 0;
}
.btn-bottom.view_ed {
	float: none;
	margin: 0 auto;
	width: 180px;
}
.lone-search {
	position: absolute;
	top: -41px;
	margin: 0 0 0 3px;
}
.btn-bottom .btn.btn-default:hover {
	background: #1f3161 none repeat scroll 0 0;
}
.exp-btn .draw-map {
	float: right;
}
.fa.fa-play-circle-o.aud {
	color: #0d1f4f;
	font-size: 36px;
	font-weight: lighter;
	margin: 1px 0 0 10px;
}
.in-check input {
	float: left;
	margin: 12px 0 0 9px !important;
}
.in-check span {
	float: left;
}
.form-input-txt {
	color: #737373;
	float: left;
	font-size: 13px;
	padding: 17px 0 0;
	width: 70%;
}

.geo_page .panel {
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent !important;
}
.geo_page .panel-body {
	margin: 0;
	padding: 0;
	width: 100%;
}
.table.edit_tb.table-striped.user-management th {
	border: 0 none !important;
	padding: 0px 0;
	text-align: left;
}
.table.edit_tb.table-striped.user-management td {
	padding: 14px;
	border: 0 none;
}
.table.edit_tb.table-striped.user-management .user_checkbox {
	padding: 0 !important;
	text-align: center;
	width: 55px;
}
.user_checkbox > input {
	height: 16px;

	text-align: center;
	vertical-align: middle;
	width: 16px;
}

.map-sum-btn {
	background: #1f3161 none repeat scroll 0 0;
	border-radius: 30px;
	color: #fff !important;
	float: left;
	margin: 4px 4px 4px 0;
	padding: 3px 13px;
	text-decoration: none;
	font-size: 11px;
}
.map-sum-btn:hover {
	color: #fff !important;
	background: #0d1f4f none repeat scroll 0 0;
	text-decoration: none;
}
.row.dashboard_bx {
	padding: 0 !important;
}
@media screen and (min-width: 320px) and (max-width: 555px) {
	.user_edit .user_manage .user-management td.ed-usr {

	}
	.user_edit .user_manage .user-management td.ed-usr2 {

	}
	.user_edit .user_manage .user-management td.ed-usr3 {

	}
	.user_edit .user_manage .user-management th.ed-usr {

	}
	.user_edit .user_manage .user-management th.ed-usr2 {
		width: 25%;
		padding: 13px 0 13px 7px;
	}
	.user_edit .user_manage .user-management th.ed-usr3 {

	}
	.geo_list .widget-sensors {

	}
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
	.device_list .widget-sensors {
		width: 140px !important;
	}
	.view_event .widget-sensors {
		width: 140px !important;
	}
	.loginFooter {
		width: 100% !important;
		margin: 0 0 0 -20px;
	}
}
@media screen and (min-width: 320px) and (max-width: 1000px) {
	.pagination-rigt.report-btm {
		float: left !important;
		margin: 0;
		padding: 0;
		width: 100% !important;
	}
	.pagination-rigt.report-btm > a {
		float: left;
	}
	.btn-content {
		float: left !important;
	}
	.loginFooter {
		width: 100% !important;
		margin: 0 0 0 -20px;
	}
	.bottom-content #widgets {
		float: right;
		width: 100% !important;
	}
	.device_list .widget-sensors {
		width: 140px !important;
	}
	.view_event .widget-sensors {
		width: 140px !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.user_edit .user_manage .user-management th {

	}
	.user_edit .user_manage .user-management td {

	}
	.user_edit .user_manage .user-management tr {
		float: left;
		width: 100%;
	}
	.dash-box {
		float: left;
		width: 100%;
	}
	.headerTop {
		margin: 10px 0 0 !important;
	width: 92% !important;
	}
	.dashboard .rightSide {
		float: left;
		margin-top: 10px;
		width: 100%;
	}
	.leftSide .dashboardList {
		width: 284px !important;
	}
	.herd_log.logo {
		width: 284px !important;
	}
	.bottom-content {
		width: 100% !important;
	}
	.rightSide33 .logsPage .shown-entery {
		width: 30% !important;
	}
	.logsPage .entir {
		padding: 7px 5px 0 0px;
	}
	.logsPage .sown-input {
		padding: 0 0 0 14px;
		width: 44px;
	}
	.logsPage .pagination-rigt.paginationLogs {
		width: 70% !important;
		margin-top: 15px !important;
		padding-right: 0;
	}
}
@media screen and (min-width: 320px) and (max-width: 545px) {
	.shown-entery {
		width: 40% !important;
	}
	.mid-buttons {
		width: 100% !important;
	}
	.pagination-rigt {
		float: right;
		margin: -87px 0 0;
		width: 60% !important;
	}
	.tb-main-box {
		height: 97px;
	}
}
@media screen and (min-width: 546px) and (max-width: 767px) {
	.shown-entery {
		width: auto !important;
	}
	.mid-buttons {
		width: 100%;
	}
	.pagination-rigt {
		float: right !important;
		margin: 0 !important;
		width: auto !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.dash-box {
		float: left;
		width: 50% !important;
	}
	.headerTop {
		width: 93%;
    margin-top: 10px;
    padding-left: 0;

	}
	.dashboard .rightSide{ margin-top:68px;}
	.leftSide .dashboardList {
		width: 284px !important;
	}
	.herd_log.logo {
		width: 284px !important;
	}
}
@media screen and (min-width: 1001px) and (max-width: 1220px) {
	.dash-box {
		float: left;
		width: 50% !important;
	}
}
.heading23 {
	display: none;
}
.device_list .tab1 {
	width: 7%;
}
.device_list .tab2 {
	width: 12.6%;
}
.device_list .tab3 {
	width: 10%;
}
.device_list .tab4 {
	width: 10%;
}
.device_list .tab5 {
	width: 10%;
}
.device_list .tab6 {
	width: 20%;
}
.device_list .tab7 {
	width: 20%;
}
.device_list .tab8 {
	width: 11%;
}
.view_event .tab1 {
	width: 12%;
}
.view_event .tab2 {
	width: 12.6%;
}
.view_event .tab3 {
	width: 10%;
}
.view_event .tab4 {
	width: 10%;
}
.view_event .tab5 {
	width: 21%;
}
.view_event .tab6 {
	width: 20%;
}
.view_event .tab7 {
	width: 14.9%;
}
.geo_list .tab1 {
	width: 25%;
}
.geo_list .tab2 {
	width: 25%;
}
.geo_list .tab3 {
	width: 25%;
}
.geo_list .tab4 {
	width: 25%;
}
.rightSide .report-pg {
	background: #fff none repeat scroll 0 0;
	border-radius: 20px;
	margin: 0;
	padding: 0 !important;
}
.draw-map.map-sum-btn.report-btn {
	padding: 6px 20px;
}
.report-btm .button.button4.geo-button.ge-right {
	background: #0d1f4f none repeat scroll 0 0;
	border-radius: 30px;
	float: right;
	font-size: 12px;
	margin: 20px;
	padding: 10px 40px;
	text-transform: capitalize;
}
.report-btm .button.button4.geo-button.ge-right:hover {
	background: #1f3161 none repeat scroll 0 0 !important;
}
.pagination-rigt.report-btm {
	padding: 0;
	width: 100%;
	margin: 0;
}
.draw-map.map-sum-btn.report-btn {
	height: 30px !important;
	line-height: 30px !important;
	margin: 2px 0 0 !important;
	padding: 0 20px !important;
	background: #1f3161;
}
.report-pg th {
	background: #f0f0f0 none repeat scroll 0 0;
	font-size: 13px !important;
	font-weight: bold !important;
}
.widgets-content .fa.fa-play-circle-o.aud {
	color: #0d1f4f;
	font-size: 36px;
	font-weight: lighter;
	margin: 1px 0 0;
}
.btn,
.navbar .navbar-nav > li > a.btn {
	text-transform: capitalize !important;
}
.dr-td-btn {
	padding: 0 0 0 7px !important;
}
.row.report-pg {
	margin: 8px 0 0 5px !important;
}

.table > thead > tr > th.ac_tb {
	background: transparent none repeat scroll 0 0;
	padding: 10px 0 !important;
}
.geofence_input {
	border: 1px solid #ccc;
	border-radius: 30px;
	float: left;
	padding: 2px 0 2px 17px;
}
.delte_btn::before {
	content: "\f014";
	font-family: fontawesome;
	font-size: 12px;
	margin: 0 8px 0 0;
}
.disable_btn::before {
	font-family: fontawesome;
	font-size: 12px;
	margin: 0 8px 0 0;
}

.table.table-striped.user-management.user_edt td {
	height: 46px;
}
.table.table-striped.user-management.user_edt td {
	height: 46px;
}
.loginBox .error_msg .alert {
	background-color: transparent !important;
	border: none !important;
}
.widget.widget-sensors .widget-title {
	color: #777 !important;
	font-weight: bold !important;
	font-size: 12px !important;
}
#widgets .widget-sensors .table tr > td {
	color: #777 !important;
}
#breadcrumb {
	display: inline-block;
	margin-top: 12px;
	margin-left: 6px;
	float: left;
}
#breadcrumb a {
	color: #000!important;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
	padding-left:3px;
}
#breadcrumb a:focus {
	text-decoration: underline!important;
}
#breadcrumb a:hover {
	text-decoration: underline!important;
}
.geo_page_box .widget-heading {
	background: #202020 !important;
}
.tableReportInner label {
	min-width: 90px;
}
.tableReportInner .checkboxReport .checkbox {
	margin-top: 7px !important;
}
.tableReportInner .checkboxReport .checkbox label {
	margin-right: 70px !important;
}
.tableReportInner .form-group.is-focused .checkbox label:hover,
.tableReportInner .form-group.is-focused .checkbox label:focus,
.tableReportInner .form-group.is-focused .checkbox label {
	color: #737373 !important;
}
.tableReportInner .btnReport .btn.btn-default {
	margin: 20px 0 20px 0 !important;
}
.tableReportInner .btnReport .btn.btn-default:hover {
	padding: 16px 50px !important;
}
.tableReportInner .btnReport .col-xs-6 {
	padding: 0 !important;
}
/*=========report page======*/

.pie_div .panel {
	border-radius: 8px;
	box-shadow: 0 2px 6px #e0e0e0;
}
#canvas-holder canvas {
	float: right;
	width: 140px !important;
	height: 70px !important;
	position: absolute;
	right: 0;
	top: 30px;
}
#canvas-holder {
	min-height: 100px;
	color: #737373;
}
#canvas-holder h3 {
	font-size: 13px;
	float: left;
	margin: 0;
	font-weight: bold;
}
.canvasLeft {
	float: left;
	text-align: left;
	width: 70%;
}
.canvasRight {
	float: right;
	width: 30%;
}
.canvasLeft p {
	width: 100%;
	float: left;
	font-size: 30px;
	line-height: 18px;
}
.btnReport .btn.btn-default {
	background: #0d1f4f none repeat scroll 0 0;
	border: 0 none;
	border-radius: 30px !important;
	box-shadow: 0 0 0 0 rgba(153, 153, 153, 0.14), 0 0 0 0 rgba(153, 153, 153, 0.2), 0 0 0 0 rgba(153, 153, 153, 0.12);
	color: #fff;
	padding: 16px 50px !important;
	transition: all 0.4s ease-in-out 0s;
}
.btnReport .btn:hover {
	background: #0d1f4f none repeat scroll 0 0;
	border: 0 none;
	border-radius: 30px;
	box-shadow: 0 0 0 0 rgba(153, 153, 153, 0.14), 0 0 0 0 rgba(153, 153, 153, 0.2), 0 0 0 0 rgba(153, 153, 153, 0.12);
	color: #fff;
	padding: 16px 115px !important;
	transition: all 0.4s ease-in-out 0s;
}
.checkboxReport .checkbox label::before {
	display: none;
}
.checkboxReport .checkbox input[type=checkbox]:checked + .checkbox-material .check {
	background: #0d1f4f !important;
	border: 1px solid #ccc;
	border-radius: 0;
}
.bs-example2 .form-control {
	margin-left: 0 !important;
}
.bs-example2 .form-group label.control-label {
	color: #737373;
	font-size: 13px;
	width: 27%;
}
.checkboxReport .checkbox label {
	font-size: 13px;
	color: #737373;
}

/*=======report page css end ============*/

/*=============add users page===========*/



.filter-right.filter22 {
	padding-right: 0;
	margin: 5px 15px 5px 0;
	float: right;
}
.filter-right.filter22 .filt_val {
	padding: 5px;
}
.filter-right.filter22 .fitr {
	padding: 15px 20px 0 10px;
}

.logsPage {
	background: #fff;
	float: left;
	width: 100%;
	padding: 10px;
	margin-top: 0;
	border-radius: 10px;
}

.bs-example-adduser .filt_val .fitr_in {
	padding: 4px;
}
.bs-example-adduser .heading23 {
	float: left;
	border: none;
	width: auto;
}
.bs-example-adduser .heading23.offic span {
	font-weight: bold;
}

@media (max-width: 767px) {
	.table.table-striped.user-management {
		overflow: auto;
		display: block;
	}
	.pagination-rigt,
	.shown-entery {
		width: auto;
	}
	.tb-main-box .mid-buttons {
		width: 100% !important;
	}
	.table.edit_tb.table-striped.user-management {
		width: 100% !important;
	}
	.user_edit_left label {
		font-size: 10px !important;
	}
	.logsPage .btn.btn-default {
		padding: 12px 25px !important;
		font-size: 10px !important;
	}
	.rightSide33 .row {
		padding: 0 !important;
	}
	.rightSide33 .table.edit_tb.table-striped.user-management td,
	.rightSide33 .table.edit_tb.table-striped.user-management td {
		font-size: 10px !important;
	}
	.user-manage2 .pagination-rigt {
		width: 70% !important;
	}

	.rightSide33 .shown-entery {
		width: 100% !important;
	}
	.rightSide33 .user-manage-3 .mid-buttons a {
		padding: 10px 12px !important;
	}
	.rightSide33 .tb-main-box {
		height: auto !important;
	}
	.bs-example-adduser .pagination-rigt {
		margin: 0 !important;
		width: 100% !important;
		float: left !important;
	}
	.bs-example-adduser .pagination {
		float: left !important;
	}
}
@media (max-width: 1000px) and (min-width: 768px) {
	.user_manage.user-manage-3 .mid-buttons a {
		padding: 10px !important;
	}
}
.user_manage .table-striped > tbody > tr:nth-of-type(odd) {
	background: #eee;

}
.rightSide33 .table.edit_tb.table-striped.user-management td,
.rightSide33 .table.edit_tb.table-striped.user-management th {
	width: 20%;
	margin: 5px 0 !important;
	max-width: 50px !important;
	padding: 10px !important;
}
.rightSide33 .table.edit_tb.table-striped.user-management th {
	background: transparent !important;
}
.rightSide33 .table.edit_tb.table-striped.user-management td:first-child,
.rightSide33 .table.edit_tb.table-striped.user-management th:first-child {
	width: 40% !important;
}
.rightSide33 .userTable {
	color: #737373;
	text-transform: uppercase;
}
.rightSide33 .table.edit_tb.table-striped.user-management .user_checkbox input {
	margin: 0 !important;
	cursor: pointer;
	width: 17px !important;
	height: 18px !important;
}
.rightSide33 .shown-entery {
	margin-top: 5px !important;
}
.bs-example-adduser h2.userTable {
	padding: 0;
	text-align: center;

}
.topMenu22 .dropdown-toggle:hover {
	background: transparent !important;
}
.dashboardSuperuser .dropLogs a::before {
	content: "\f1da" !important;
}
body .btn.btn-default.btnActive {
	padding: 6px 25px !important;
	margin: 0 !important;
	border: 0;
	border-radius: 30px !important;
}
body .btn.btn-default.btndraft {
	background: yellow;
	padding: 6px 16px !important;
	margin: 0 !important;
	border: 0;
	border-radius: 30px !important;
	border: none;
	color: #000;
}
body .btn.btn-default.btndraft:hover {
	color: #000 !important;
}
body .btn.btn-default.btnActive:hover {
	color: #fff !important;
}
body .btn.btn-default.btnDeactive {
	background: #a2a2a2;
	padding: 6px 20px !important;
	margin: 0 !important;
	border: 0;
	border-radius: 30px !important;
}

.user_checkbox .btn:hover,
.btn-bottom .btn:hover {
	color: #fff !important;
}
.table.edit_tb.table-striped.user-management.tableOffice td {
	padding: 10px 14px !important;
}
.bs-example-adduser h2.userTable.userOffice {
	text-align: left;
	margin-top: -15px;
	width: 100%;
}
#mapDiv .place-card.place-card-large {
	display: none !important;
}
.col-sm-6.user_edit_left.user_edit_office {
	margin-top: 60px;
}
.bs-example-adduser h2.userTable.userOffice {
	text-align: left;
}
.row.map-area {
	max-height: 86vh;
	overflow: hidden;
	border-radius: 8px;
	margin-top: 5px !important;
	position: relative;
}
.devicePage .bottom-content {
	bottom: -7px;
}
.rightSide33 .table.edit_tb.table-striped.user-management .user_checkbox {
	text-align: left;
}
label.error {
	color: #000 !important;
	font-size: 12px !important;
	padding-top: 5px;
}
.form-group-user3 .nav.nav-tabs {
	background: none;
	float: left;
	width: 70%;
	border: 1px solid #ccc;
}
.form-group-user3 .nav.nav-tabs a {
	color: #737373 !important;
	padding: 8px 10px;
	text-transform: capitalize;
}
.form-group-user3 .nav.nav-tabs li {
	width: 100%;
}
.form-group-user3 .nav.nav-tabs a .caret {
	float: right;
}
.form-group-user3 .nav.nav-tabs a:hover {
	background: transparent;
}
.user-manage-3 .user-management {
	border: 1px solid #d9d9d9 !important;
}
.sortByTable {
	float: right;
	margin-bottom: 15px;
	position: relative;
}
.sortByTable.sortByTable2 {
	margin: 0 !important;
	float: none !important;
}
.sortByTable .selectpicker {
	border: 1px solid #ccc;
}

.caret {
	position: absolute;
	right: 10px;
	top: 5px;
}
.topMenu22 .caret {
	position: static;
}
.settingsIcon {
	background: url(../img/settings.png) no-repeat;
	width: 20px;
	display: inline-block;
	height: 20px;
	cursor: pointer;
}
.rightSide .table > thead > tr > th {
	text-transform: uppercase !important;
	font-size: 13px !important;
	font-weight: bold !important;
	color: #000!important;
}
#widgets .widget {
	border: none !important;
}
.widgets-content {
	border: 1px solid #d9d9d9;
}
.panel-title,
#widgets .widget-title,
.plan .plan-title {
	text-transform: uppercase;
}
.bs-example2.bs-example-adduser.logsPage {
	background: #fff !important;
	box-shadow: none !important;
}
.bs-example2.bs-example-adduser.logsPage .col-sm-6.user_edit,
.bs-example2.bs-example-adduser.logsPage .col-sm-6.user_edit_left {
	background: #fff !important;
	padding: 20px !important;
	width: 49% !important;
	margin-right: 1% !important;
}
.bs-example2.bs-example-adduser.logsPage .table.edit_tb.table-striped.user-management {
	width: 100% !important;
}
.systemDropdown.dropdown-menu li a {
	color: #777;
	font-size: 12px !important;
	padding: 0 !important;
}
.systemDropdown.dropdown-menu li a:hover {
	color: #777;
	text-decoration: none;
}
.systemDropdown.dropdown-menu {
	display: none;
	position: absolute;
	background: #fff;
	z-index: 111;
	width: 120px;
	padding: 5px 0;
	left: -100px;
}
.systemDropdown.dropdown-menu li {
	padding: 10px;
	border-left: 2px solid #fff;
	list-style: none !important;
}
.systemDropdown.dropdown-menu li:hover {
	background: #f5faf6;
	border-left: 2px solid #1e92ed;
	box-shadow: none !important;
}
.systemDropdown.dropdown-menu li a:hover {
	background: transparent !important;
	box-shadow: none !important;
	color: #1e92ed !important;
}
.user-manage-3 .dropdown {
	width: 48px !important;
}
.user-manage-3 .dropdown {
	list-style: none !important;
}
.systemDropdown.dropdown-menu li > a:hover,
.systemDropdown.dropdown-menu li > a:focus {
	box-shadow: none !important;
}
.systemDropdown li:hover a {
	color: #1e92ed;
	box-shadow: none !important;
}
.table.table-striped.user-management.tableReportNew {
	border: 1px solid #d9d9d9;
	background: #fff;
}
.row.report-pg.report-pg2 {
	background: transparent;
}
.user-manage-3 .table.user-management .sup-pg-check {
	margin: 0 !important;
	width: 13px !important;
}
.widgets-content.widgets-loneworkers {
	width: 100%;
	display: block;
	overflow: auto;
}
#widgets.geo_page_box {
	margin-bottom: 0 !important;
	float: left;
	width: 100%;
	top: 100% !important;
	position: absolute;
	z-index: 11111;
}
.widgets-content.widgets-loneworkers tr {
	border-bottom: 1px solid #d9d9d9;
}
.widgets-loneworkers th,
.widgets-loneworkers td {
	width: 13%;
	padding: 8px 18px;
	text-transform: uppercase
}
.WidgetTablenew.widgets-loneworkers th.sortingNew,
WidgetTablenew.widgets-loneworkers td.sortingNew {
	width: 15% !important;
}
.widgets-loneworkers tr th:first-child,
.widgets-loneworkers tr td:first-child {
	width: 7% !important;
	padding: 14px 18px;
}
.WidgetTablenew.widgets-loneworkers tr th:first-child,
WidgetTablenew.widgets-loneworkers tr td:first-child {
	width: auto !important;
}
.btndraft {
	background: #fcd433;
}
.login-as .form-group input[type="password"] {
	font-size: 14px !important;
}
.login-as .form-group input[type="text"] {
	font-size: 14px !important;
}
.user-manage-3 .mid-buttons .draw-map {
	margin-top: 0;
	margin-bottom: 10px;
}
.mid-buttons.mid-buttons-user a::before {
	font-family: fontawesome;
	font-size: 12px;
}
#myMap .letterbox {
	display: none !important;
}

.widgets-content.widgets-loneworkers tr:nth-child(odd) {
	background: #eae9e9;
}
.widgets-content.widgets-loneworkers tr:nth-child(even) {
	background: #fff;
}
.bottom-content .widgets-content.widgets-loneworkers thead tr {
	background: #f9f9f9;
}
.bottom-content .widgets-content.widgets-loneworkers thead tr:hover {
	background: #f9f9f9 !important;
}
.bottom-content .widgets-content.widgets-loneworkers tr:hover {
	background: #e1e1e1;
}
body .btn.btn-default.btnDeactive:hover {
	color: #fff !important;
	background: green;
}
body .table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
body .table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
	vertical-align: middle !important;
}
#example .dropdwon {
	width: 54px !important;
}
#saveSelectedArea {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 111;
}
.mapPopupBtn {
	position: absolute;
	left: 10px;
	top: 2%;
	z-index: 111;
	padding: 11px 25px !important;
  background: var(--rb-lightgrey);
  color: var(--rf-darkgrey);
	cursor: pointer !important;
	border-radius: 30px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
.mapPopupBtn i {
	font-size: 14px !important;
	color: #fff;
	margin-right: 5px;
	float: left;
	padding-top: 3px;
}
.btn-bottom.btnBack.btnAction i {
	font-size: 13px !important;
	color: #fff;
	margin-right: 5px;
	float: left;
	padding-top: 2px;
}
.btn-bottom.btnBack .btn-bottom.btnBack.btnAction {
	padding: 11px 25px !important;
}
.modal-content.modalMap {
	height: 210px;
	margin-top: 30% !important;
	width: 80%;
	margin-left: 12%;
}
.modalMap .form-group::after {
	content: none !important;
}
.modalMap .form-group select {
	width: 70%;
	margin: 0 !important;
	border: 1px solid #ccc !important;
}
.modalMap .form-group .btn.btn-default.text-center {
	margin-top: 5px !important;
}
.formGeofense {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 30px 20px 15px 20px;
	background: #fff;
	height: 230px;
	border-top: 16px solid #0c133d;
}
.formGeofense .form-group {
	width: 33% !important;
}
.formGeofense .form-input-text {
	width: 36% !important;
}
.formGeofense .form-group input,
.formGeofense .form-group select {
	width: 54%;
}
.formGeofense .form-group::after {
	content: none !important;
}
.formGeofense .form-group .btn.btn-default.text-center {
	margin-top: -5px !important;
	padding: 11px 40px !important;
}
.formGeofense .form-group select {
	width: 64%;
	margin: 0 !important;
	border: 1px solid #ccc !important;
	height: 36px;
}
.formGeofense .form-group .caret {
	padding-top: 4px;
}
.user_checkbox label {
	display: none !important;
}
.user_checkbox imput {
	margin: 0 !important;
	width: 12px !important;
	height: 12px !important;
}
.goku.dataTables_length label {
	line-height: 33px !important;
}
.btn-bottom.btnBack .btn.btn-default {
	padding: 11px 25px !important;
	margin-left: 10px !important;
}
.btn-bottom.btnBack {
	margin-bottom: 7px !important;
	position: absolute;
	bottom: 43%;
	z-index: 111;
	left: 0;
}
.btn-bottom.btnBack.btnAction {
	bottom: 31%;
}
.btn-bottom.btnBack.btnBackGeo {
	top: 2%;
}
.widgets-loneworkers .form-group::after {
	content: none !important;
}
.geo_page_box .geofence_name {
	color: #555555;
}
#saveSelectedArea .saveAreaBtn {
	padding: 10px 16px;
	width: 100% !important;
}
.geo_page_box .selectpicker {
	margin: 0 !important;
	padding: 0;
}
#saveSelectedArea input[type="submit"] {
	padding: 10px 16px;
	width: 100% !important;
}
#error_msg {
	color: red !important;
}
#success_msg {
	color: green !important;
}
#process a:hover {
	color: #fff;
}
.processingText {
	color: #555 !important;
	font-size: 14px !important;
}
.btn .btnOption {
	background: #f9e03a !important;
	padding: 6px 25px !important;
	margin: 0 !important;
	border: 0;
	border-radius: 30px !important;
}
.adv-table .dataTables_info,
.dataTables_paginate {
	padding: 0 !important;
}
.WidgetTablenew .geofence_name {
	color: #fff !important;
	text-transform: uppercase;
}
.WidgetTablenew .edit,
.WidgetTablenew .delete,
.WidgetTablenew .cancel {
	color: #0d1f4f;
}
.geo_list .mdl-cell {
	margin: 0 !important;
}
.WidgetTablenew .geofence_name:hover {
	background: #1f3161;
}
.paginationOuter {
	background: #fff;
	width: 100%;
	float: left;
	padding: 3px 10px 10px 10px;
}
table.dataTable.WidgetTablenew {
	margin-top: 0 !important;
	border-top: 0;
}
.draw-map-office.draw-map {
	margin-left: 0;
}

.widgets-loneworkers td .dropdown {
	width: 50px;
	list-style: none !important;
}
.bottomNewOuter .dataTables_wrapper {
	width: 100%;
}
.bottomNewOuter .widgets-loneworkers th,
.widgets-loneworkers td {
	width: 49% !important;
}
body .bottomNewOuter .widgets-loneworkers.widgetGeoTable th:nth-child(4),
body .bottomNewOuter .widgets-loneworkers.widgetGeoTable th:nth-child(5),
body .bottomNewOuter .widgets-loneworkers.widgetGeoTable th:nth-child(6),
body .bottomNewOuter .widgets-loneworkers.widgetGeoTable th:nth-child(7),
body .bottomNewOuter .widgets-loneworkers.widgetGeoTable td:nth-child(4),
body .bottomNewOuter .widgets-loneworkers.widgetGeoTable td:nth-child(5),
body .bottomNewOuter .widgets-loneworkers.widgetGeoTable td:nth-child(6),
body .bottomNewOuter .widgets-loneworkers.widgetGeoTable td:nth-child(7) {
	width: 2% !important;
}
.bottomNewOuter .dataTables_wrapper .widgets-loneworkers {
	position: static !important;
}
.bottomNewOuter #widgets.loneworkersNew {
	margin-left: 20px !important;
}
.mn-box-1 .dashboard-box {
	border-bottom: 8px solid #2AB9DC;
}
.mn-box-2 .dashboard-box {
	border-bottom: 8px solid #9EC418;
}
.mn-box-3 .dashboard-box {
	border-bottom: 8px solid #F8B501;
}
.mn-box-4 .dashboard-box {
	border-bottom: 8px solid #ED782E;
}
.mn-box-5 .dashboard-box {
	border-bottom: 8px solid #D2418F;
}
.dashboardList .adminNewBar {
	font-size: 14px;
	color: #a8a8a8;
	margin: 8px 0 -5px -55px;
	font-weight: bold;
	float: none;
	text-align: center;
}
.dashboardList h3.adminNewBar {
	margin-top: 0 !important;
}
#support::before {
	content: "\f0f3";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	font-size: 19px;
}
#policies::before {
	content: "\f0c6";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	font-size: 19px;
}
#help::before {
	content: "\f14e";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	font-size: 19px;
}
.table.table-striped.user-management {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
}
.report-pg .report-btm .button.button4.geo-button.ge-right {
	margin-bottom: 0;
}

.topMenu22 .dropdown-menu.extended.logout > li:last-child > a:hover > i {
	color: #0d1f4f !important;
}
.topMenu22 .dropdown-menu.extended {} .topMenu22 .dropdown-menu.extended:hover {
	border-radius: 10px !important;
}
.tableUserMgt .btn-content {
	margin-top: 15px;
}
.bottomNewOuter .dataTables_paginate.paging_simple_numbers {
	margin-top: 10px;
}
.user_edit_left.tableReportInner .form-input::placeholder {
	color: #dfdddd !important;
}
.dropdown .systemDropdown.dropdown-menu li {
	padding: 3px !important;
}
.dropdown .systemDropdown.dropdown-menu {
	margin-top: -7px;
}
.table-draggable-top {
	background: #fff;
	height: 25px;
}
.loginOuter .form-group .form-control::placeholder {
	color: #5c6873 !important;
}
.btn-bottom.btnBack.btnBackGeo .btn.btn-default {
	padding: 13px 23px !important;
}
.btn-bottom.btnBack.btnBackGeo .btn.btn-default i {
	font-size: 13px;
	vertical-align: middle;
	margin-right: 2px;
	margin-bottom: 4px;
}
.widget-sensors .widget-heading {
	background: #f9f9f9 !important;
}
.widget-sensors .widget-body {
	background: #eae9e9 !important;
}
.geo_page .bottom-content #widgets.geo_page_box.widgetsNew,
.bottom-content .loneworkersNew.widgetsNew,
.bottom-content .widgetsGeo.geoActionNew {
	bottom: 0 !important;
	top: auto !important;
	transition: all 0.8s ease-in-out 0s;
}
#main-content #myMap1 .MicrosoftMap + div {
	border-radius: 20px !important;
}
body #widgets .btn-collapse {
	width: 100% !important;
	left: 0 !important;
	height: 41px !important;
	background: url("../img/Group259.png") repeat;
	background-size: 100%;
	box-shadow: none !important;
}
body #widgets .btn-collapse i.fa-window-maximize::before {
	content: "\f2d0";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	width: 28px;
}
body #widgets .btn-collapse i.fa-minus::before {
	content: "\f068";
	float: left;
	font-family: fontawesome;
	line-height: 26px;
	width: 28px;
}
.btn-collapse span {
	float: right;
	padding-right: 30px;
	padding-top: 0;
	margin-top: -3px;
}
.btn-collapse span i {
	font-size: 9px;
}
#myMap {
	height: 600px;
}
.userMgtOfc .pagination-rigt {
	padding-top: 10px;
}
.geofence_input::placeholder {
	color: #ccc !important;
}
#breadcrumb span {
	color: #000;
}
body .btn-collapse span i:hover {
	color: #fff !important;
}
body .btn-collapse:hover span i {
	color: #fff !important;
}
body .btn-collapse span i {
	color: #fff !important;
}
.widgets-loneworkers.WidgetTablenew input[type="checkbox"] {
	margin-left: 10px;
}
.highlight {
	background: #999 !important;
	color: #fff;
}
.bottom-content .widgets-loneworkers td.btnTableGeo {
	padding: 0 !important;
	width: 2% !important;
}
.bottom-content .widgets-loneworkers td.btnTableGeo .map-sum-delete {
	margin: 2px -3px 2px 7px !important;
}
.btn-collapse2 {
	width: 40px;
	height: 20px;
	line-height: 20px;
	left: auto;
	right: 10%;
	position: absolute;
}
.btn-collapse.bounce-top {
	-webkit-animation: bounce-top 2s infinite both;
	animation: bounce-top 2s infinite both;
	background: #1f3161;
}
@-webkit-keyframes bounce-top {
	0% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 1;
	}
	24% {
		opacity: 1;
	}
	40% {
		-webkit-transform: translateY(-1.8px);
		transform: translateY(-1.8px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	65% {
		-webkit-transform: translateY(-1.4px);
		transform: translateY(-1.4px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	82% {
		-webkit-transform: translateY(-1.2px);
		transform: translateY(-1.2px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	93% {
		-webkit-transform: translateY(-1px);
		transform: translateY(-1px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	25%,
	55%,
	75%,
	87% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		opacity: 1;
	}
}
@keyframes bounce-top {
	0% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 1;
	}
	24% {
		opacity: 1;
	}
	40% {
		-webkit-transform: translateY(-1.8px);
		transform: translateY(-1.8px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	65% {
		-webkit-transform: translateY(-1.4px);
		transform: translateY(-1.4px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	82% {
		-webkit-transform: translateY(-1.2px);
		transform: translateY(-1.2px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	93% {
		-webkit-transform: translateY(-1px);
		transform: translateY(-1px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	25%,
	55%,
	75%,
	87% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		opacity: 1;
	}
}
@media all and (min-width: 1800px) {
	.widgets-loneworkers td .dropdown {
		width: 90px !important;
	}
	.row.map-area {
		max-height: 86vh;
	}
	.dashboard .rightSide {
		min-height: 91.7vh;
		margin-top: 77px!important;
	}
	.WidgetTablenew.widgets-loneworkers th.sortingNew,
	WidgetTablenew.widgets-loneworkers td.sortingNew {
		width: 17% !important;
	}
	.WidgetTablenew.widgets-loneworkers th.sortingNew,
	WidgetTablenew.widgets-loneworkers td.sortingNew {
		width: auto !important;
	}
	.row.orbis-logo {
		margin: 45% auto 0;
	}
	.download_audio a {
		padding-top: 6px!important;
		padding-left: 2px!important
	}
}
@media all and (min-width: 2900px) {
	#myMap {
		/* max-height: 95vh !important;
		height: 95vh !important */
	}

	#event-table-right_wrapper {
		height: 84vh !important;
	}
	#event-table-left_wrapper {
		height: 74vh !important;
	}
	.download_audio a {
		padding: 6px 5px 6px 2px!important;
	}
}
@media all and (min-width: 2200px) and (max-width: 2900px) {
	#myMap {
		max-height: 91vh !important;
		height: 91vh !important
	}
	#dashboard_three_box .chart_dash_box{height: 475px!important;}
	#causeChart .chart_dash_box{ height:960px!important;}
		.globalEscalationModalpopupedit{ margin-top:220px!important;}
	.eventlist-map-responsive #myMap {
		max-height: 84vh !important;
		height: 84vh !important
	}

	#MyAccount{padding: 11px 168px!important;}
	#LinkedAccountSection{margin-left:130px!important;}
	#event-table-right tbody#myDIV{
		height: 82vh !important;
		overflow: auto
	}
		.ADDplaceholderemptytable #myDIV{background-size: 732px 130px!important; }
		#CustomerContactListItem .UpDtade-sorTable-box{ height:382px!important;}
	#loader_div_map .main-loader {
		margin: 41.1% auto !important;
	}
	.download_audio a {
		padding-top: 6px!important;
	}
	.download_audio {
		margin-left: -4px;
	}
	#event-table-left #myDIV {
		height: 80vh !important;
		overflow: auto
	}
	tbody#escalationTable {
		height: 83vh!important
	}
	#content_div {
		height: 93vh!important;
	}
	.Resulationfix67 {
		margin: 40.2% auto!important;
	}
	.event_full_detail_model {
		height: 40vh !important;
		overflow: auto
	}
	.dashboard .rightSide {
		margin-top: 76px!important;
	}
	.logo a {
		padding: 20px 150px 17px!important;
	}
	#exTab1 .tab-content .tab-pane.active {
		min-height: 1166px!important;
	}
	#linkAccountContact #sortable {
		height: 1040px!important;
	}
	.summary_detail_main_inner_edit #userEscalationData {
		height: 860px!important
	}
	#update-btn-padding-add {
		height: 1070px!important;
	}
	#loader_div_map_new .main-loader {
		margin: 37.5% auto!important;
	}
}


@media all and (min-width: 1400px) and (max-width: 1600px) {
#LinkedAccountSection{margin-left:63px!important}



	#event-table-right tbody#myDIV{
		height: 68.2vh !important;
		overflow: auto
	}
	.ADDplaceholderemptytable #myDIV{background-size: 402px 130px!important; }

	.globalEscalationModalpopupedit{ margin-top:42px!important;}

	.lone-workers-list-map #myMap {
		max-height: 85vh !important;
		height: 85vh !important;
	}
	.download_audio a {
		padding-bottom: 5px!important;
	}
	#event-table-left #myDIV {
		height: 64vh!important;
		overflow: auto
	}
	.eventlist-map-responsive #myMap {
		max-height: 70.3vh !important;
		height: 70.3vh !important
	}
	.view_events_anchor {
		width: 209px
	}
	#event-table-left .dataTables_empty {
		margin: 133px 0px;
	}

	.invalid_map img {
		height: 700px!important;
	}
	tbody#escalationTable {
		height: 70vh!important
	}
	#content_div {
		height: 90vh!important;
	}
	.Resulationfix67 {
		margin: 40.2% auto!important;
	}
	.event_full_detail_model {
		height: 40vh !important;
		overflow: auto
	}
	#dashboard_three_box .chart_dash_box {
		height: 270px!important
	}
	#causeChart .chart_dash_box{ height:550px!important;}
	#loader_div_map_new .main-loader {
		margin: 31% auto!important;
	}
	#lone-workers-manage-popup {
		width: 87%!important;
		margin: 50px auto !important;
	}
	.logo a {
		padding: 20px 38px 17px!important;
	}
	#exTab1 .tab-content .tab-pane.active {
		min-height: 600px!important;
	}
	#linkAccountContact #sortable {
		height: 495px!important;
	}
	.summary_detail_main_inner_edit #userEscalationData {
		height: 560px!important
	}
	#update-btn-padding-add {
		height: 526px!important
	}
}
@media all and (min-width: 1600px) and (max-width: 1800px) {
#LinkedAccountSection{margin-left:73px!important}

	.devicelistLoader{ margin: 24% 30%!important;}
		.eventlistLoader{ margin: 24% 30%!important;}
	#event-table-right tbody#myDIV{
		height: 71.5vh!important;
		overflow: auto
	}
	.dash_whihe_loader{
		 width: 14px!important;;
    height: 14px!important;
	}
	.dash_black_loader{
		 width: 14px!important;;
		height: 14px!important;
	}
	.BoxINdividualEscalation-inner-inner-inner{ height:450px!important;}
		.ADDplaceholderemptytable #myDIV{background-size: 453px 130px!important; }

	.globalEscalationModalpopupedit{ margin-top:94px!important;}
	.devicelistLoader{margin: 23% 39%!important;}
		.eventlistLoader{margin: 22% 39%!important;}
	#loader_div_map .main-loader {
		margin: 39.1% auto !important;
	}
	#event-table-left #myDIV {
		height: 68vh !important;
		overflow: auto
	}
	.eventlist-map-responsive #myMap {
		max-height: 74vh !important;
		height: 74vh !important
	}
	.lone-workers-list-map #myMap {
		max-height: 86vh !important;
		height: 86vh !important;
	}
	.view_events_anchor {
		width: 225px!important;
	}
	/* .border_active {
		border-left: 12px solid #b1b1b2!important;
		height:19.5px

	}
	#event-table-left tbody#myDIV .active .border_active {
		border-left: 12px solid #14c237!important;
		height:19.5px
	} */
	/* .street_info_event{height:22px;} */
	.dataTables_empty {
		margin: 264px 0px!important;
	}
	/* .street_info_event{height:22px;} */
	.tableEmpty {
		border-left: 1px solid #0c1d49;
		margin-left: -1px
	}
	.invalid_map img {
		height: 729px!important;
	}
	tbody#escalationTable {
		height: 73vh!important
	}
	#content_div {
		height: 90vh!important;
	}
	.Resulationfix67 {
		margin: 40.2% auto!important;
	}
	.pdf_view_ob {
		min-height: 89vh!important;
	}
	.menu_link_pdf {
		min-height: 878px!important;
	}
	.event_full_detail_model {
		height: 40vh !important;
		overflow: auto
	}
	#dashboard_three_box .chart_dash_box {
		height: 300px!important
	}
	#causeChart .chart_dash_box{ height:610px!important;}
	#loader_div_map_new .main-loader {
		margin: 32.7% auto!important;
	}
	#lone-workers-manage-popup {
		width: 84%!important;
		margin: 100px auto 60px!important;
	}
	.logo a {
		padding: 20px 55px 17px!important;
	}
	#exTab1 .tab-content .tab-pane.active {
		min-height: 700px!important;
	}
	#linkAccountContact #sortable {
		height: 596px!important;
	}
	.summary_detail_main_inner_edit #userEscalationData {
		height: 640px!important
	}
	#update-btn-padding-add {
		height: 624px!important
	}
}
@media all and (min-width: 1800px) and (max-width: 2200px) {
	.signin-text:before{ height: 2px!important;}
	#myMap {
		max-height: 88.2vh !important;
		height: 88.2vh !important
	}

	.eventlist-map-responsive #myMap {
		max-height: 78vh !important;
		height: 78vh !important
	}
	#loader_div_map .main-loader {
		margin: 39.1% auto !important;
	}

		.globalEscalationModalpopupedit{ margin-top:205px!important;}

	#LinkedAccountSection{margin-left:92px!important}

	#event-table-right tbody#myDIV{
		height: 76vh !important;
		min-height: 76vh !important;
		overflow: auto
	}
		.ADDplaceholderemptytable #myDIV{background-size: 545px 130px!important; }

	#event-table-left #myDIV {
		height: 73vh !important;
		overflow: auto;
		min-height: 73vh !important;
	}
	.view_events_anchor {
		width: 235px!important;
	}
	#event-table-left .dataTables_empty {
		margin: 34.8vh auto!important;
		padding: 0px !important;
	}

	.invalid_map img {
		height: 889px!important
	}
	#alert-default {
		margin-left: 25px;
	}
	tbody#escalationTable {
		height: 77vh!important
	}
	#content_div {
		height: 90vh!important;
	}

	.Resulationfix67 {
		margin: 40.2% auto!important;
	}
	.pdf_view_ob {
		min-height: 89vh!important;
	}
	.menu_link_pdf {
		min-height: 878px!important;
	}
	#detlogModal .modal-lg {
		width: 1200px!important;
	}
	.manage_space_reso_1920 {
		padding-top: 1px;
		float: left;
	}
	#detlogModal {
		padding-top: 100px!important;
	}
	.event_full_detail_model {
		height: 40vh !important;
		overflow: auto
	}
.BoxINdividualEscalation-inner-inner-inner{ height:450px!important;}
	.dashboard_loader_icon {
		padding: 70px 0px 55px!important;
	}
	#bar-chart-grouped {
		height: 287px!important
	}
	#line-chart {
		height: 287px!important
	}
	#dashboard_three_box .chart_dash_box {
		height: 350px!important
	}
	#causeChart .chart_dash_box{ height:710px!important;}
	.fix_67_date {
		width: 29%!important;
	}
	#dashboard_two_box .dashboard_access_list {
		height: 350px!important
	}
	#loader_div_map_new .main-loader {
		margin: 35% auto!important;
	}
	#lone-workers-manage-popup {
		width: 67%!important;
		margin: 120px auto 10px!important;
	}
	.logo a {
		padding: 20px 88px 17px!important;
	}
	#exTab1 .tab-content .tab-pane.active {
		min-height: 870px!important;
	}
	#linkAccountContact #sortable {
		height: 740px!important;
	}
	.summary_detail_main_inner_edit #userEscalationData {
		height: 700px!important
	}
	#update-btn-padding-add {
		height: 767px!important
	}
}
@media all and (min-width: 1800px) and (max-width: 1900px) {
	#event-table-left #myDIV {
		height: 70vh!important;
		overflow: auto;
		  min-height: 70vh!important
	}
	.eventlist-map-responsive #myMap {
		max-height: 75.2vh !important;
		height: 75.2vh!important
	}

	#event-table-right tbody#myDIV{
    height: 73.5vh !important;
    overflow: auto;
    min-height: 73.5vh!important
	}
		.ADDplaceholderemptytable #myDIV{background-size: 485px 130px!important; }

	.globalEscalationModalpopupedit{ margin-top:150px!important;}

	#LinkedAccountSection{margin-left:80px!important}

	tbody#escalationTable {
		height: 75vh!important
	}
	#content_div {
		height: 90vh!important;
	}
	.pdf_view_ob {
		min-height: 89vh!important;
	}
	.menu_link_pdf {
		min-height: 878px!important;
	}
	.fix_67_date {
		width: 28.2%!important;
	}
	#loader_div_map_new .main-loader {
		margin: 33.5% auto!important;
	}
	.logo a {
		padding: 20px 66px 17px!important;
	}
	#linkAccountContact #sortable {
		height: 637px!important;
	}
	#update-btn-padding-add {
		height: 673px!important
	}
}
@media screen and (min-width: 1000px) and (max-width: 1280px) {
	.dash_date_filter li {
		width: 26%!important;
	}
	#date-picker-apply-btn {
		width: 18%!important;
	}
	#reset-date-picker-btn {
		width: 15%!important;
	}
	.dash_date_filter li a {
		padding: 4px 9px!important;
	}
	.dashboard-select-group {
		width: 207px!important;
	}
	.heading_text-dash {
		font-size: 11px!important;
	}
	#main-loader .main-loader {
		margin: 54.1% auto!important;
	}
	#dashboard_two_box .dashboard_access_list {
		height: 319px!important;
	}

	#map-container #myMap{ height: 677px!important; min-height: 677px!important;}
		#map-container #myMap.MymapEventlist{ height: 584px!important;min-height:584px!important;}
	#event-table-right #myDIV{ height: 554px!important;}
	#event-table-left #myDIV{ height: 537px!important;}
	.user-manage-3.user-manage-office{ min-height: 686px!important}
	#exTab1 .tab-content .tab-pane.active{ min-height: 635px!important;}
	.apply_dash{ padding:4px 11px!important}
	.activity-report{ min-height: 677px!important;}
	#AcitivitySelectGroup{width:216px!important;}
	#EventSUmmaryButton{ width:18.5%!important;}
	#EventSUmmaryButton1{ width:18.5%!important;}
	.escalation-main{ width:53%!important;}
	#Escalation-Filters-linkedAccount #getGroupsLIst{ width:231px!important;}
}
@media all and (min-width: 780px) and (max-width: 1100px) {
	.dashboard .dashboardList ul li a {
		width: 180px
	}

	#dashboard_two_box .dashboard_access_list {
		height: 319px!important;
	}
	.dashboard_bx .mn-box-3.dash-box {
		padding-right: 10px !important;
	}
	body .dashboard .dashboardList ul li a {
		width: 200px !important;
		margin-left: 4px;
	}
	.leftSide .simplebar-content-wrapper{ overflow: hidden!important;}
	body .dashboard .dashboardList ul li {
		width: auto !important;
	}
	body .dashboardList h3 {
		margin: 8px 0 -5px -16px;
	}
	#event-table-left #myDIV {
		height: 87.6vh!important;
		overflow: auto
	}
}
@media all and (max-width: 767px) and (min-width: 600px) {
	.row.orbis-logo {
		margin-top: 3% !important;
	}
}
@media all and (max-width: 1100px) and (min-width: 1000px) {
	.row.orbis-logo {
		margin-top: 20% !important;
	}
}
.active .green_img {
	display: block!important;
}
.active .grey_img {
	display: none
}
.green_img {
	display: none;
}
#content_div {
	float: left;
	width: 100%;
	color: #000;
	background: #f9f9f9;
	text-align: center;
	padding-top: 250px;
	height: 600px;
}
.dropdownAll a:hover {
	color: #fff;
}
.drop1 a:hover {
	background: url(../img/border-line.png) center bottom no-repeat;
	color: #fff;
	background-size: 100px auto;
}
.active23:hover {

}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

.loan-worker .fa-times {
	cursor: pointer;
}
.update_escalation {
	background: none;
	color: #666;
	border: 1px solid #c1c1c1!important;
	float: none;
	padding: 8px 20px;
	font-size: 14px;
	margin-top: 15px;
	border: none;
	border-radius: 8px;
}
.update_escalation:hover {
	border: 1px solid #0d1f4f!important;
	background-color: #f6f8f9;
	color: #000!important;
}
#updateButton {
	text-align: center
}
.show-password-user {
	position: absolute;
	right: 10px;
	top: 30px;
cursor: pointer;
}
.show-password-user .fa-eye {
	font-size: 15px;
	color: #000;
}
.update_escalation_response {
	background: #0d1f4f;
	color: #fff;
	float: none;
	padding: 5px 20px;
	font-size: 12px;
	margin-top: 15px;
	border: none;
	border-radius: 15px;
}
.paginate_button {
	cursor: pointer;
}
#myDIV .dataTables_empty {
	width: 100%!important;
	text-align: center!important;
}
#event-table-left .dataTables_empty {
	width: 100%!important;
	text-align: center!important;
}
#event-table-left {
	width: 100%;
	float: left;
}
#event-table-left_paginate {
	clear: both
}
#event-table-left_paginate .current {
	background: #1f3161;
	color: #fff
}
#event-table-right_paginate .current {
	background: #1f3161;
	color: #fff
}

.edit_class textarea {
	width: 100%;
	float: left;
	height: 60px;
	border: 1px solid #c1c1c1!important;
	background: none;
	border-radius: 2px;
	padding: 5px 10px
}
.update_account {
	float:left;
	margin-right:15px;
	padding: 5px 18px;
	    border: 1px solid #c1c1c1;
	    margin-top: 6px;
	    border-radius: 4px;
	    font-weight: 600;
	    color: #1f3161;
	    font-size: 13px;
	background: none;
}
.cancel_account {
	float:left;
	padding: 5px 18px;
    border: 1px solid #c1c1c1;
    margin-top: 6px;
    border-radius: 4px;
    font-weight: 600;
    color: #1f3161;
    font-size: 13px
}
.edit_account {
	padding: 5px 18px;
    border: 1px solid #c1c1c1;
    margin-top: 6px;
    border-radius: 4px;
    font-weight: 600;
    color: #1f3161;
    font-size: 13px
}
.processLoneWork{
		padding: 8px 15px;
    border: 1px solid #c1c1c1;
    margin-top: 6px;
    border-radius: 6px;
    font-weight: bold;
    color: #1f3161;
    background: none;
    cursor: pointer;
    margin-left: 45px;
	}
.processLoneWork:hover{
	color: #1f3161!important;
	background: #f6f8f9;
	border: 1px solid #1f3161;
}
.edit_account:focus {
	color: #1f3161!important;
	background: #f6f8f9;
	border: 1px solid #1f3161;
}
.edit_account:hover {
	color: #1f3161!important;
	background: #f6f8f9;
	border: 1px solid #1f3161;
}
.cancel_account:hover {
	color: #1f3161!important;
	background: #f6f8f9;
	border: 1px solid #1f3161;
}
.update_account:focus {
	color: #1f3161!important;
	background: #f6f8f9;
	border: 1px solid #1f3161;
}
.update_account:hover {
	color: #1f3161!important;
	background: #f6f8f9;
	border: 1px solid #1f3161;
}
.cancel_account:focus {
	color: #1f3161!important;
	background: #f6f8f9;
	border: 1px solid #1f3161;
}
#activeToggleYes a {
	color: #fff;
}
#activeToggleNo a {
	color: #fff;
}
.label_class_yes a {
	color: #000;
}
.label_class_no a {
	color: #000;
}
.label_link {
	float: left;
	width: 100%;
	padding: 6px 0px;
	font-weight: bold;
	text-align: center;
	font-size: 10px!important
}
#activeToggleYes a:focus {
	text-decoration: underline;
	-moz-box-shadow: 1px 0px 7px 2px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 1px 0px 7px 2px rgba(68, 68, 68, 0.6);
	box-shadow: 1px 0px 7px 2px rgba(68, 68, 68, 0.6);
}
#activeToggleNo a:focus {
	text-decoration: underline;
	-moz-box-shadow: 1px 0px 7px 2px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 1px 0px 7px 2px rgba(68, 68, 68, 0.6);
	box-shadow: 1px 0px 7px 2px rgba(68, 68, 68, 0.6);
}
.
.ajax_update1 .time-line-day {
	padding-top: 16px!important;
}

.search_date_table tr {
	float: left;
	width: 100%;
	padding: 10px 0px;
}
#loneWorkerName {
	padding: 15px 15px;
}
.event-pf {
	margin-left: -9px;
}
.resettLink {
	float: left;
	padding:19px 15px 9px 15px;
	text-align: right;
}
.resettLink a {
	border-bottom: 1px dashed #bbb;
    color: #999;
		padding-bottom:4px;
}

.resettLink a:hover {
	color: #aaa;
	text-decoration: underline;
}

.inner_form {
	float: left;
	width: 100%;
	margin: 6px 0px;
}
.inner_form input[type="password"] {
	border: 1px solid #000;
	background: none;
	float: left;
	color: #000;
	list-style: outside none none;
	padding: 11px 10px;
	width: 99%;
	border-radius:4px;
}
.change_pw {
	float: right;
	font-size: 12px;
	color: #1f3161!important;
}
#change_password_popup {
 border-radius:5px;
	background: #fff;
}
#change_password_popup .modal-header {
	background: #fff;

}
.inner_form input[type="password"]::placeholder {
	color: #000;
	opacity: 1;
}
#logo_change_pw {
	width: 100%;
	text-align: center;
	margin: 0px 0px 50px 0px;
}
#change_password_popup .close {
	color: #000;
	font-size: 21px;
	opacity: 1;
}
.pw_chg_tnx {
	width: 100%;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	float: left;
}
.dashboardCount {
	font-size: 17px;
	font-weight: 600;
	float: left;
}
.training_heading {
	font-weight: bold;
	padding-left: 25px;
}
.pdf_view_ob {
	float: left;
	width: 100%;
	height: 100%;
	min-height: 600px;
	border-radius: 0px 10px 10px 0px
}
.menu_link_pdf {
	font-size: 26px;
	cursor: pointer;
	padding: 7px;
	float: left;
}
#office_pdf_menu {
	padding: 3px 10px;
	font-size: 12px;
	color: #fff;
	transition-delay: .3s;
}
.menu_link_pdf .fa {
	color: #fff;
	margin-right: 5px;
}
#office_pdf_menu .fa {
	padding-right: 5px;
	color: #fff
}
.vertical_txt {
	transform: rotate(90deg);
	transform-origin: left top 0;
	color: #fff;
	font-size: 13px;
	padding-top: 10px;
	letter-spacing: 2px;
	float: left;
	position: relative;
	left: 32px;
	top: 9px;
}
#trainning_link {
	border-top: 1px solid #fff;
	margin: 35px 0px 0px 0px;
	padding: 12px 0px 0px 15px;
	width: 100%;
}
.form_control_graph {
	background: url(../img/angle-arrow-down-graph.png) right 12px center no-repeat;
	opacity: 0.7;
	background-size: 12px auto;
}
select::-ms-expand {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5-7 */
	filter: alpha(opacity=0);
	/* Good browsers :) */
	opacity: 0;
}
#event-table-left_filter {
	background: #f4f4f4!important;
	margin: 0px!important;
	padding: 2px 0px 1px!important;
	border-radius: 0px!important;
}
#event-table-left {
	margin-top: 0px!important;
	margin-bottom: 0px!important
}
.fa-battery-empty {
	color: red;
}
.fa-battery-half {
	color: #ffe611;
}
.fa-battery-quarter {
	color: #ffe611;
}
.fa-battery-three-quarters {
	color: #14C237;
}
.fa-battery-full {
	color: #14C237;
}
.battery_per_detail {
	color: #000;
}
.battery_per .fa:before {
	padding-right: 8px;
}
.dataTables_empty {
	margin: 112px 0px;
}
.noAudioFile {
	margin-top: 15px;
}
.loneWorkInput {
	float: left;
	width: 100%;
	border: 1px solid #c1c1c1;
	padding: 5px 6px;
	border-radius: 6px;
	font-size: 12px;
}
#alert-default {
	margin-top: 0px;
	width: 81%;
	margin-left: 13px;
}
.invalid_map img {
	border-radius: 0 0 0 15px;
}
.event_loader {
	position: absolute!important;
	top: 170px;
}

#breadcrumb a:focus,
#breadcrumb a:hover {
	color: #000!important;
	text-decoration: none
}

a#skiplink {
	color: #000;
	float: left;
	width: 100%;
	font-size: 12px;
	background: #fff;
	padding: 3px 50px;
	font-weight: bold;
	position: fixed;
	top: 0px;
	z-index: 200;
	height: 25px;
}
#skiplink:focus {
	text-decoration: underline;
}

.Table_note_bg {
	width: 100%;
	z-index: 23;
	height: 60px;
	overflow-x: hidden;
	display: block;
	overflow-y: scroll;
}
#activeToggleYes {
	background-color: #0d1f4f;
	color: #FFFFFF;
	border-radius: 5px;
}
.back_to_link a:focus {
	text-decoration: underline;
}

#activeToggleNo {
	background: red;
	color: #fff;
	border-radius: 5px;
}
.label_class_yes {
	background: #fff;
	color: #000;
}
.label_class_no {
	background: #fff;
	color: #000;
}
.btn-toggle .btn-xs:focus {
	outline: none;
}
.dropdown-content a:before {
	margin-left: 10px;
}
.dropdown-content a {
	margin-left: 10px;
}
.dropdown-content a .fa {
	width: 30px;
	float: left;
}
#drop_down_main {
	opacity: 1;
}
.report_sub_menu_space {
	float: left;
	width: 77%;
}


.global_escaltion {
	float: left;
	width: 100%;
	padding-left: 6px;
	padding-bottom: 15px;
}
#selectEscalationView {
	background: url(../img/small-down.png)#14c237 right 16px center no-repeat;
	border: 1px solid #14c237;
	border-radius: 8px;
	color: #fff;
	padding: 11px 20px;
	float: left;
	width: 100%;
	font-size: 15px;
}
.global_escaltion label {
	color: #1f3161;
	float: left;
	width: 100%;
	font-size: 13px;
}
.dash_select_group select {
	background: url(../img/small-down.png)#1f3161 right 16px center no-repeat;
	color: #fff;
	border: 1px solid #fff;
	padding: 7px 20px;
	border-radius: 20px;
	font-size: 13px;
	width: 100%
}
.dash_select_group_date .date_search_cal {
	font-weight: normal;
	background: url(../img/date_usersignal.png)#f3f3f3 right 16px center no-repeat!important;
	color: #000!important;
	border: none;
	padding: 5px 10px 5px 10px!important;
	border-radius: 8px!important;
	font-size: 13px!important;
	width: 100%!important;
}
.dash_select_group_date .date_search_cal:hover {
	background: url(../img/date_usersignal.png)#fff right 16px center no-repeat!important;}
.select2-container--default .select2-selection--multiple {
	background: url(../img/angle-arrow-down-graph.png)#fff right 16px center no-repeat!important;
}
#user_signal_date select {
	background: url(../img/date_usersignal.png)right 12px center no-repeat!important;
	color: #000;
	border: 1px solid #1f3161;
}
/* width */

.Table_note_bg::-webkit-scrollbar {
	width: 5px;
}
/* Track */

.Table_note_bg::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 5px;
}
/* Handle */

.Table_note_bg::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 5px;
}
/* Handle on hover */

.Table_note_bg::-webkit-scrollbar-thumb:hover {
	background: #000;
}

#getGroupsLIst {
	background: url(../img/angle-arrow-down-graph.png)#fff right 15px center no-repeat;
	border: 1px solid #c1c1c1;
	float: left;
	width: 100%;
	cursor: pointer;
}
#getGroupsLIst:hover {
		border: 1px solid #000;}
/* width */

#getGroupsLIst option::-webkit-scrollbar {
	width: 5px;
}
/* Track */

#getGroupsLIst option::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 5px;
}
/* Handle */

#getGroupsLIst option::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 5px;
}
/* Handle on hover */

#getGroupsLIst option::-webkit-scrollbar-thumb:hover {
	background: #fff;
}
.dashboardListMenu .fix_67:hover {
 color:#fff;
}
#reports_sub_menu a:hover {
	    border-radius: 0px !important;

}
#reports_sub_menu a .report_sub_menu_space:hover{font-size:12px;}
.active23 .report_sub_menu_space{ font-weight:bold; color:#fff;}
ul.logout .fa {
	float: left;
	font-size: 15px;
	margin-right: 8px;
}
.date_picker_btn_icon {
	font-size: 15px;
	line-height: 12px;
}
.active_city a {
	background: url(../img/active-city-arrow.png)#0d1f4f right 10px center no-repeat;
	color: #fff;
	border-radius: 30px;
	background-size: 15px auto;
}
.active_city a:hover {
	background: url(../img/active-city-arrow.png)#0d1f4f right 10px center no-repeat!important;
	color: #fff;
	border-radius: 30px;
	background-size: 15px auto;
}
.orbis_city_link li a:hover {
	background: #0d1f4f;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
}
.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome and Opera */
}
div.dataTables_wrapper div.dataTables_length select {
	cursor: pointer;
}


.radio_btn .option-input {
	background: url(../img/radio_unchecked.png) top left no-repeat !important;
	background-size: 25px auto!important
}
.option-input:checked {
	background: url(../img/radio_checked.png) top left no-repeat !important;
	background-size: 25px auto!important
}
/***********************Add Loader Css********************/

.lds-roller {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
	margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}
@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.update_escalation_global {
	background: #0d1f4f;
	border-radius: 8px;
	padding: 5px 15px;
	font-size: 14px;
	color: #fff;
	margin: 15px 0px 5px 0px;
	border: none;
}
.update_escalation_global:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	background-color: #1f3161;
}
#loader-hover-effect-remove:hover {
	box-shadow: none!important;
}
.event-text-manage {
	position: relative;
	min-height: 110px;
}
.main-adjust-border {
	width: 100%;
	float: left;
	padding: 0px 0px 0px 12px;
}
#event-table-left_wrapper {
	position: relative;
}
.login-box-heading {
	margin: 18% auto 0;
	width: 660px;
	text-align: left;
	color: #fff;
	font-family: 'Open Sans', sans-serif !important;
}
.login-box-heading span {
	width: 100%;
	font-weight: bold;
	font-size: 40px;
	padding: 20px 0px;
	line-height: 45px;
}
.login-box-heading p {
	width: 100%;
	font-size: 18px;
	padding: 40px 0px 0px 60px;
	line-height: 29px;
}
#refreshEnabled,
#refreshDisabled {
	animation: fadein 3ms;
	-moz-animation: fadein 3ms;
	/* Firefox */
	-webkit-animation: fadein 3ms;
	/* Safari and Chrome */
	-o-animation: fadein 3ms;
	/* Opera */
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fadein {
	/* Firefox */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes fadein {
	/* Safari and Chrome */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-o-keyframes fadein {
	/* Opera */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.manage-individual-escalation {
	padding-right: 0px ;
}
.close_lone_worker_model_edit .fa {
	font-size: 25px;
	color: #000;
}

#loneUpdateButton {
	text-align: center;
}
.activity-summary-heading {
	float: left;
text-transform: capitalize; font-weight: 500;
	width: 100%;
font-size: 15px;
	padding: 5px 0px 5px 0px;
}
.animated-bar {
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}
.yt-loader {
	-webkit-animation-name: horizontalProgressBar;
	animation-name: horizontalProgressBar;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	background: #2980b9;
	height: 3px;
	left: 0;
	top: 0;
	width: 0%;
	z-index: 9999;
	position: relative;
}
.yt-loader:after {
	display: block;
	position: absolute;
	content: '';
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: #2980b9 1px 0 6px 1px;
	opacity: 0.5;
}
@keyframes horizontalProgressBar {
	0% {
		width: 0%;
	}
	20% {
		width: 10%;
	}
	30% {
		width: 15%;
	}
	40% {
		width: 18%;
	}
	50% {
		width: 20%;
	}
	60% {
		width: 22%;
	}
	100% {
		width: 100%;
	}
}
.slide-up {
	-webkit-animation: scale-up-ver-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up-ver-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes slide-up {
	0% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
	}
}
@keyframes slide-up {
	0% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
	}
}
.popup-heading-manage-lone-workers {
	position: absolute;
	left: 0;
	top: 0px;
	color: #fff;
	text-align: center;
	background: #999;
	font-size: 24px;
	padding: 15px 0px;
	width: 66.7%;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 22;
}
#manage-edit-global-contact-space {
	position: relative;
}

#exTab1 .tab-content .tab-pane.active {
	background: #fff;
	min-height: 580px;
	border-radius:0px 15px 0px 0px;
}


.ADDEscalationContactsborder{ width:59.7%; position: absolute; top:58px; right:0px; height:1px; background: #c1c1c1; display:none;}

.Login-Button {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #26a9e0;
	background-image: -moz-linear-gradient(top,#26a9e0,#26a9e0);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#26a9e0),to(#26a9e0));
	background-image: -webkit-linear-gradient(top,#26a9e0,#26a9e0);
	background-image: -o-linear-gradient(top,#26a9e0,#26a9e0);
	background-image: linear-gradient(to bottom,#26a9e0,#26a9e0);
	background-repeat: repeat-x;
	padding: 5px 14px; margin-top:0;
    margin-bottom: 0;
    font-size: 13px;;		border:1px solid #26a9e0;
		border-radius:4px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
		float:left;
		    box-sizing: border-box;

}
.Login-Button:hover{ color: #fff; border:1px solid #26a9e0;  background-color: #26a9e0; text-shadow: none; }

.LoginPageHeading {	color: #fff; font-size: 34px; font-weight: bold;}


.view-detail-model {
	float: left;
	margin-top: -4px;
	width:100%;
}
.ViewDetaileditinner{
	float:right;

}


.Backgrop-live-lone-workers{ top:0; background:#ffffff; position: absolute; height:100vh; width:100%; z-index:55555; text-align: center;}
.eventlistLoaders{
    width: 633px;
    text-align: center;
    font-size: 21px;
    line-height: 35px;
  }
	.Backgrop-live-lone-workers_manage{ width:82%; padding-left:18%; float:left; text-align:center; margin: 17% 0px;}
	#main-container{width: 100% !important; height:100% !important;padding-right:0px !important;}

	/*******************Sprite Icon*************/




		.portal-user-apply-button{        float:left;
			background: var(--rb-lightgrey);
			color: var(--rf-darkgrey);
    padding: 8px 20px;
    font-weight: 500;
    line-height: 22px;

    font-size: 12px;
    border: none;
    text-align: center;
    border-radius: 4px;
	}
		.portal-user-apply-button:hover{  background: #dcdfe4!important;}
#myModalone{background-color: rgba(0, 0, 0, 0.8);}
.selectLoadingClass{background: #f3f3f3!important; color:#000!important;}
.selectLoadingClassblue{background: #f3f3f3!important; color:#000!important;}
.alert-danger{border-radius:4px;}
.red{color:red;}
#event-table-left.tableEmpty{ height:100%;}
#panel-box-round{ padding-bottom:12px;}
#SuspendedUser{ background: url(../img/suspended-user.png) left 3px center no-repeat; background-size: 37px auto;}
.removeTruncate{ width:100%;  overflow: hidden; padding-left:6px!important;}
.removeTruncate span.fa{ float:left!important; padding: 4px 14px 0px 0px;}
.removeTruncate .escalation_tab_text{ width:90%; float:left; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.removeTruncate span.fa-phone{ padding-top:4px!important}{ margin:0 auto; width:180px;}
#ProcessUpdateButton{ margin:0 auto; width:208px;}
#CustomerContactListItem .main-loader{ margin:30.5% auto 0px!important}
.AddLineSaveChange{ float:left; width:100%; border-top:2px solid #f6f6f6; margin-top:11px; clear:both;}
.LoneWorkerNameFull + .tooltip > .tooltip-inner {
    background-color: #73AD21;
    color: #FFFFFF;
    border: 1px solid green;
    padding: 15px;
    font-size: 20px;
  }

.LoneWorkerNameFull + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
  }

.profile_table .pf-title{    white-space: nowrap; width:100%!important;
    overflow: hidden;
    text-overflow: ellipsis;}

		.PF-nameFull {
    width: 100%!important;
    overflow: hidden;
    height: 20px;
    font-size: 15px!important;
    text-overflow: ellipsis;
    white-space: nowrap;}

		.notAllowedPermission{pointer-events: none!important; cursor: not-allowed!important;}
		.rotateIconFont{ font-size: 18px!important; transform: rotate(90deg); padding-left: 4px; }
.AddIConLLIveLIst .loan-d-f span{     background: url(../img/DeviceListSprite.png) top 2px left no-repeat;
    float: left;
    width: 20px;
    height: 20px;
    background-size: 19px;
    margin-right: 5px;
    margin-top: 1px;}
.AddIConLLIveLIst .loan-d-f{padding-left:0px!important;}
.MemberDeviceIconphone{ background: url(../img/contractNUmber.png) top left -1px no-repeat!important; background-size: 21px!important;}
.MemberDeviceIconcard{ background-position: top -39px left!important;}
.MemberDeviceIconcalendar{ background-position: top -63px left!important;}
.MemberDeviceIconsignal{ background-position: top -86px left!important;}
.MemberDeviceIconmobile{ background-position: top -104px left!important;}
.MemberDeviceIcontelephone{ background-position: top -17px left!important;}
.view_events_anchor {left:2px!important}
#dropDown a#globalEscalation{    background: url(../img/globegrey.png) left -1px top -5px no-repeat;
    background-size: 42px auto;}


		#dropDown a#globalEscalation:hover{    background: url(../img/GlobeLeftNavi.png) left -1px top -5px no-repeat;
		    background-size: 42px auto;}
				#dropDown a#globalEscalation.active23{    background: url(../img/GlobeLeftNavi.png) left -1px top -5px no-repeat;
				    background-size: 42px auto;}
		form#loginForm .form-group .error{ border:1px solid red!important;}

		.table-striped tbody tr.even.selected, .table-striped tbody tr.odd.selected {
		    color: #000!important;
		}
		i.icon-manage-Action.fa.fa-ellipsis-v {
		    font-size: 17px;
		    margin: 2px 0;
		}
.CenterMoveMenu .navbar .navbar-nav>li>span.anchoresc:hover .icon-manage-Action{ color:#fff!important; }
.CenterMoveMenu .navbar .navbar-nav>li>span.anchoresc:hover{ opacity: 1;background:#1f3161}
td.CenterMoveMenu{padding-bottom: 3px!important}

.CenterMoveMenu .navbar .navbar-nav>li>span.anchoresc {
	padding: 4px 9px 0px!important;
border-radius: 4px!important;
background:#F2F6F8;
 color:#415a71!important; opacity: 1; cursor: pointer;
}
/**************************Safari CSS**************/
/*******************************************************/

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
.Backgrop-live-lone-workers_manage{ margin: 29% 0px 0px 18%!important;}
#event-table-left tbody#myDIV #remove-border-tableEmpty{ margin-top:62%!important}
#exTab1 .tab-content .tab-pane.active{min-height: 700px!important;}




}}






/*******************EDit CSS*************************/
.box-right-loan{width:100%; background:#f9f9f9; float:left; border-radius:30px;}
.box-right-loan-top{/*position:absolute;*/ right:0px;  z-index:1; background:#f9f9f9!important; float:left; width:100%;}
#event-table-right{ float:left; width:100%; background:#fff; padding-left:20px;    width:100%}
#event-table-right tr td{ width:45%; float:left; padding:8px 0px; color:#000;}
#event-table-right tr {float:left; width:100%;cursor:pointer;}
.loan-d-f{float:left; width:100%; margin:1px 0px; padding-left:15px;}
.loan-d-d{float:left; width:100%; margin:1px 0px; /*font-weight:bold;*/}
.loan-d-alert{  color:#fff; float:left; padding:5px 0px; font-size:11px; margin-top:25px; border-radius:15px; margin-left:25px; width:70%; text-align:center;}
#alert-red{background:red;}
.loan-d-small{float:left; width:100%; color:#aeaeae; font-size:10px; line-height:14px;}
.loan-d-link{ float:left; width:100%; padding-top:64px;}
.loan-d-link a{color:#000; font-size:12px;}
#alert-yellow{background:yellow; padding: 2px 0px;}
#alert-green{background:green;}
#alert-purple{background:#97046B;padding: 3px 0px;font-size: 10px;}
#alert-black{background:#000000;}

/* Tiny Scrollbar */
#scrollbar1 { width:100%; clear: both; margin: 20px 0 10px;height: 100%;background: #fff; }
#scrollbar1 .viewport { width:97%; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position:relative;  left: 0; top: 0; }
#scrollbar1 .scrollbar,
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: transparent url(../img/bg-scrollbar.png) no-repeat; }
#scrollbar1 .scrollbar { position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar1 .track	{ background: transparent url(../img/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:8px; position: relative; padding: 0 1px; background-size: 8px auto;}
#scrollbar1 .thumb { background-position: 100% 100%; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { background-position: 100% 0; height: 5px; width: 8px; }
#scrollbar1 .disable { display: none; }
.dash-menu{display:none;}
#event-table-right tr td .play-mode-icon{opacity:0;}
#event-table-right tr:hover .play-mode-icon{opacity:.7;}
.play-mode-icon{position:absolute; right:5px; top:50px}
.play-pf-icon{width:10px; height:auto;}
.event_filter{font-size:14px; color:#7c7979; float:left; padding-top:4px;}
.refresh-minut{font-size: 11px;color: #000;float: left;width: 100%;text-align: center;margin: 0px 0px 22px 0px;background: #f0f89d;
padding: 5px 0px;}
#alert-default{ background:#FFBF00;}
#dp1526458344493{border-radius:15px!important;}
.mdl-cell .input-group-addon{background:none; float:left; }
.mdl-cell .input-group-addon .fa{ color:#aeaeae; font-size:20px;}
#event-table-right_filter label{width:100%; float:left;}
#event-table-right_filter {width: 147px;float: left;position: fixed;top: 102px;right: 30px; }
#event-table-right_filter input{width:78%; float:left; background:none;}
#event-table-right_wrapper td{width:45%!important;}
#event-table-right_wrapper #event-table-right{padding-left:0px!important;}
#event-table-right_wrapper #event-table-right tbody{}
#event-table-right_wrapper .mdl-cell--12-col{padding:0px!important; margin:0px!important; width:100%;}
.headereach{border:1px solid #1f3161;}
#event-table-left_wrapper .mdl-cell--12-col{padding:0px!important; margin:0px!important; width:100%;}
#event-table-left tr td:first-child {width:20%;}
#event-table-left tr td{width:40%; float:left;}
#event-table-left tr{border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3; box-shadow: 0 2px -1px 0 rgba(0,0,0,.1); float:left;width:100%; padding:10px 0px;}
#event-table-right_wrapper .mdl-grid:first-child {display:none;}
.mdl-button{padding: 0 11px!important;}
.dataTables_wrapper{border-radius:0px 0px 15px 15px;}
#tileCanvasId{border-radius:15px;}
.form-input{border-radius:20px;}

.dataTables_paginate .current{ color:#fff!important; background: #0d1f4f!important;}
.scrollbar{float: left;width: 100%;background: #fff;padding-bottom: 30px;border-radius: 15px;}
#event-table-left_paginate{padding:13px 0px!important; background:#f9f9f9; }
#event-table-left_paginate{float:none; text-align:center;}
.green_img,.grey_img{padding-top:5px; float:left; padding-left:5px;}
#event-table-right_length select{width:40px!important;     line-height: 21px;}
.invalid_map{width:100%; float:left; text-align:center; background:#f9f9f9;}
.invalid_map p{padding:46% 0px;  text-align:center; color:#000;}
.download_audio{ float:right;   padding-top:10px; margin-left:-1px; margin-top:1px;}
.download_audio a{color:#fff; font-size:20px; background:#484848;  padding: 7px 8px 6px 2px;}
.my_ac_log:hover{border-radius:3px 3px 0 0!important;}

@media (min-width: 768px) and (max-width: 1280px){
	.user-pf-detail tr td{width:100%!important; }
	.user-pf-detail tr td:last-child{padding-left:24px;}
	#event-table-left_wrapper{height:350px!important;}
	.invalid_map p{    padding: 70% 0px;
    height: 100%;
    min-height: 720px;}
	.event-link-view tr td{width:45%}
}

.event-table-right_length:hover{border:1px solid #666!important;}
.date_search_cal{cursor:pointer;}
.dataTables_filter input[type="search"]:hover{border:1px solid #666!important;}
.modal-backdrop{ display: none;}
.dataTables_paginate .previous:hover{color:#000}
.dataTables_paginate .next:hover{color:#000}


.Escalation-Filters select:disabled{cursor: not-allowed!important;}
.Escalation-Filters select:disabled:hover{border: 1px solid #c1c1c1!important;}



.ADDnotification {
    padding: 0 15px;
    width: 100%;
    float: left;
    margin: 10px 0px 10px;
    font-weight: 500;
    border: 1px solid transparent;
    text-transform: uppercase;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 4px;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.lone-workers-edit-box label.error{color:red!important}
#password-error{padding-left:0!important}
.weak{padding-left:0!important}
.REportMenuIcon{color:#a8a8a8!important}
#dropDown li a:hover{ color:#fff!important;}

@media all and (min-width: 2901px) and (max-width:5000px) {

	#dashboard_three_box .chart_dash_box{height:663px!important;}
	#causeChart .chart_dash_box{ height:1336px!important;}

}


@media all and (min-width: 5001px) and (max-width:8000px) {

	#dashboard_three_box .chart_dash_box{height:893px!important;}
	#causeChart .chart_dash_box{ height:1795px!important;}

}


.NotiFicationUserLogin{ width:100%; position: fixed; top:0; left:0; z-index: 99999}




#ActiveSlideText  {
  height: 100%;
    width: 100%;
    background: #F8DE7E;
    animation: changeColor ease;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-fill-mode: both;
		width:100%;
		height:30px;color:#000;
		float:left; font-size:13px; padding:5px 0px 0px 20.2%;
}


@keyframes changeColor {
	0%   {background: #F8DE7E;}
	25%  {background: #ffbf00;}
	50%  {background: #F9A602;}
	75%  {background: #EFFD5F;}
	100% {background: #FCE205;}
}


.simplebar-content-wrapper{overflow: auto!important;}

.MenuMoveaction{ width:100px; text-align: center; }
.MenuMoveaction img{ width:28px; height: 28px; cursor: pointer;}
.CenterMoveMenu{ width:70px; text-align: center;}
.download_audio_btn { width:100%; text-align:center; float:left;}
.download_audio_btn a{ font-size: 14px; padding-bottom:15px; color:#000;}
.download_audio_btn a:hover{ text-decoration:underline; color:#000}
.download_audio_btn a:focus{ color:#000;}
.download_audio_btn a:visited{ color:#000;}
.download_audio_btn .fa{ font-size:16px;}
 .filterNamerotate{background: url(../img/DeviceListSprite.png) top -104px left no-repeat;
    float: left;
    width: 20px;
    height: 19px;
    background-size: 19px;
    margin-right:3px;
  }

.ApplyBTnFilter{ float:left; width:100%; padding:16px 10px; border-top:1px solid #c1c1c1; text-align: right;}
.ApplyBTnFilter button{color:#fff; background: #0d1f4f; font-size:12px; padding:6px 31px; border-radius:6px; border:none;}


/*************Add new lone worker css**********/
.BtnAddnewLoneworker{ float: right; margin-right:20px; margin-top:-3px; }


#__submitFilterOptions:disabled{ cursor: not-allowed;}



.stepwizard-step p {
    margin-top:7px;
		color: rgb(66, 82, 110);
		    cursor: pointer;
		    line-height: 1.8;
		    position: relative;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    margin: 0px;
		    overflow: hidden;
		   font-size: 16px;
		    font-weight: bold;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
	display: table;
	    width: 100%;
	    position: relative;
	    margin: 0 auto;
	    background: #ededed;
	    padding: 19px 0px;
}

.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
			top: 48px;
	    bottom: 0;
	    position: absolute;
	    content: " ";
	    width: 80%;
	    height: 6px;
	    background-color: #dcdfe4;
	    z-index: 0;
	    left: 115px;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;

}
#CostCentreList-error{position: absolute;
    left: 24px;
    bottom: -3px;}


/***************end lone worker css************/

 .FilterSortBY .filterIconmanage{  background: url(../img/ascending-arrow@2x.png) left center no-repeat;     width: 11px;
    height: 20px;
    background-size: 10px auto; float: left; transform: rotate(180deg) !important;
    margin-left: 3px;}
.__sortAsc .filterIconmanage{transform: rotate(0deg) !important; }
#__sortName .filterIconmanage{ display: none;}
.__filtersApplied{ float:left;}
.___HeaderManageLone{ float:left;}
a#_Bulkimportfile{    background: url(../img/importgrey.png) top 6px left 13px no-repeat;
   background-size: 18px auto;
   padding-top: 4px;}

a#_Bulkimportfile:hover{    background: url(../img/importwhite.png) top 6px left 13px no-repeat;
background-size: 18px auto;
padding-top: 4px;}

a#_Bulkimportfile.active23{background: url(../img/importwhite.png) top 6px left 13px no-repeat;
background-size: 18px auto;
padding-top: 4px;}

#__MObileSideMenu{ display:none;}




/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-ime-align:auto) {
  #LOGinBoxMiddileinnerLeft .login-as .form-control{ padding-top:10px!important}
	.signin-form-icon{ top:38px!important}
	.canDelete .__activebtnonclk{ pointer-events: auto!important}
	#dashboard_date_box .___fourthbox{ margin-left:-1px}
	.stick#sticky{ width:1130px!important}
	#LOGinBoxMiddileinnerLeft .login-as .form-control::placeholder{ font-size:12px;}
}

/* Microsoft Edge Browser 15+ - @supports method */

@supports (-ms-ime-align:auto)
and (-webkit-text-stroke:initial) {
  .selector { property:value; }
}


.__addpointerevent{ pointer-events: none}
.__lowopacity{ opacity: .4}
.__ComingSoon{ float: left;
    width: 100%;
    padding-left: 25px;
    font-size: 11px; }

.__ComingSoonRight{ float: left;
    width: 100%;
    padding-left: 0px;
    font-size: 11px; }

.hideActivityText { display:none ; }

#LOGinBoxMiddileinnerLeft .login-as .form-control::placeholder{ font-size:12px;}




/****** Configure report*****/
._confirureReportbar{ float:left; width:100%; background: #f2f2f2; padding:1px;  margin-bottom: 10px; border-radius: 4px; padding: 8px 15px}
.__reportConnfModal{ font-size: 15px; float: right; font-weight: 600;  cursor: pointer;}
.__reportConnfModal .fa{float: left; margin-right: 5px; padding-top: 3.5px; font-size: 14px;}
.__reportConnfModal:hover{ text-decoration: underline;}

._configureAlerts{float: left;
    width: 100%;}
		._configureTopHeading{    float: left;
    width: 100%;
color:#42526E;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px}

		#ConfigureModal .modal-body {
		    padding: 0;
		}
.__configureClose{  opacity: 1!important;}
		.__reportHeader{float: left;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 2px;}
#ConfigureModal .modal-body .row{ float:left; width:100%; padding:15px 15px 5px;}
.__ParametersUl ul{ margin:0;padding: 0;}
.__emailinput{    width: 100%;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #c1c1c1;
    font-size: 13px; }
#ConfigureModal {
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999999;
}
.__reportDeltd{  width:10%!important; text-align: center;  }
.__reportDeltd a{ font-size: 20px!important; color: #42526E!important; padding:4px 8px; border-radius: 4px;}
.__reportDeltd a:hover{ background:rgba(0, 0, 0, 0.3)}
._pageHeadingconf{color:#42526E; font-size: 15px; float: left; font-weight: 600; }
.rightReportingBox{ margin-top: 0px;}
.__reportermailbox .__reportHeader{ background: none; color:#42526E; padding: 0 0 5px 0;}


#ConfigureModa label.container-checkbox{ margin: 5px 5px 0 6px}
#ConfigureModa .table-striped{ border-left: 1px solid #ccc; margin:5px 0 0 0!important}
#ConfigureModa .table-responsive{ padding:0px 6px; }
#ConfigureModa .panel-default{ border: 1px solid #ccc; float:left; width: 100%; border-radius: 4px; margin-bottom: 10px}
#ConfigureModa .panel-default h4{ margin:0; padding: 0}
#ConfigureModa .opening-time-grid{ margin-bottom: 6px!important;}





#ConfigureModal table{ border-left:1px solid #E3EBF3; border-right: 1px solid #E3EBF3;}
#ConfigureModal .custom-select{ height: 30px; font-size: 12px; float: right;}
#ConfigureModal .opening-time-grid .container-checkbox{ margin: 5px 0 0 15px}
#ConfigureModal .panel-title label {
	float: left;
width: 100%;
margin: 0;
background: #f8f8f8;
padding: 3px 10px 3px 30px;
font-size: 15px;
font-weight: 500;
text-transform: none;
line-height: 22px;
border-radius: 4px; height: 44px;
cursor: pointer; position: relative;
}

#ConfigureModal .table-striped{ border-left: 1px solid #ccc; margin:5px 0 0 0!important}
#ConfigureModal .table-responsive{ padding:0px 6px; margin-bottom: 6px}
#ConfigureModal .panel-default{ border: 1px solid #ccc; float:left; width: 100%; border-radius: 4px; margin-bottom: 10px}
#ConfigureModal .panel-default h4{ margin:0; padding: 0}
#ConfigureModal [type="radio"]:checked, [type="radio"]:not(:checked) {
    float: left;
    position: absolute;
    margin-right: 10px;
    top: 18px; left:10px;
}

.reportNotification{
	float: left;
	 width: 100%;
	 font-style: italic;
	 font-weight: 500;
	 text-align: left;
	 font-size: 10px;
	 margin-top: -4px;

    }
		#ConfigureModal .custom-select {
		    background: url(../img/arrow.svg) right .75rem center/8px 10px no-repeat #FFF!important; cursor: pointer;
				box-shadow: none;
		}
			#ConfigureModal .custom-select:hover{ box-shadow: none; border-color:#000}
			#ConfigureModal .custom-select:focus{box-shadow: none; border-color:#000}
		#ConfigureModal .opening-time-grid{ float: left; margin-top: 10px;    width: 100%; margin-bottom: 0;}

			.panel-collapse .table tr td [type="radio"]:checked {position: static!important;
    margin: 0;
    top: 0;
    left: 0;
    margin-left: 18px}
			.panel-collapse .table tr td [type="radio"]:not(:checked) {position: static!important;
    margin: 0;
    top: 0;
    left: 0;
    margin-left: 18px}
			.__reportermailbox{ width: 100%; float:left; margin:0 0 0px 0; }
			._emailboxreporter{  width: 100%; float: left}



			/* Smartphones (portrait and landscape) ----------- */
			@media only screen
			    and (min-device-width: 375px)
			    and (max-device-height: 667px)
			    and (-webkit-device-pixel-ratio: 2) {
#ConfigureModal .col-sm-12{ padding: 0!important}
}


/* iphone 6+, 6s+, 7+, 8+ */
@media only screen
    and (min-device-width: 414px)
    and (max-device-height: 736px)
    and (-webkit-device-pixel-ratio: 3) {
#ConfigureModal .col-sm-12{ padding: 0!important}
		}

		/* 2436x1125px at 458ppi */
@media only screen
    and (device-width : 375px)
    and (device-height : 812px)
    and (-webkit-device-pixel-ratio : 3) {
#ConfigureModal .col-sm-12{ padding: 0!important}
		 }
/****** Configure report*****/

.__loaderCustomerAvailablity .skeleton-box{ height: 45px; border-radius: 5px; width:100%; margin: 2px 0; opacity: .3}
.__loaderCustomerAvailablity .__contact-wrapper{ width:200px; margin: 0 auto;}
.__loaderCustomerAvailablity .__contact-wrapper .skeleton-box{ height: 35px; border-radius: 5px; width:86px; margin: 4px 5px}

.ViewContactDetail ._innerContactdetail{    background: #f8f8f8;
    z-index: 22;
    float: left;
    width: 100%;
    margin: 0px 0px 9px;
      border-radius: 5px 5px 0 0 ;
    padding: 5px 0px;
    cursor: all-scroll;
  }
.__viewContactdetailshow{
	float: left;
    width: 100%;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;


}
.swal-button{ padding: 7px 15px; height: 34px; align-items: center; display: flex; justify-content: center;}
.__viewContactdetailshow i.fa{ float: left;
    margin-right: 8px;
    font-size: 14px;
    padding-top: 3px;}
.ViewContactDetail{ border: 1px solid #c1c1c1; float: left; width: 100%; border-radius:5px; }
.ViewContactDetail .bs-example #accordion{    padding: 2px 10px;
    float: left;
    border-bottom: 1px solid #c1c1c1;}


.swal-overlay--show-modal .swal-modal{
	padding: 35px 0 0 0!important;
	    border-radius: 5px;

}
.swal-icon--success__hide-corners{ display: none}
.swal-icon{ float: left; margin-right: 15px;}
.swal-modal .swal-text{        float: left;
    width: 235px;
    text-align: left!important;
    padding: 5px 0 0 0px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height: 21px;
    margin-right: 15px;}
		.swal-modal{ width:400px}
    .swal-modal .swal-footer {
        padding: 8px 12px 11px 15px;
        float: left;
        width: 100%;
        margin: 18px 0 0 0;
        border-top: 1px solid #f1f1f1;
        display: flex;
        justify-content: right;
        align-items: center;
        gap:5px;
    }


.swal-icon--success:before{display: none}
.swal-icon--success:after{display: none}
.swal-button--confirm{ background: #f1f2f4; color:#42526E;   font-size: 13px;  padding: 7px 16px; outline: none; border-radius: 4px}
.swal-button--confirm:hover{ background: #dcdfe4!important}
.swal-button{ font-weight: 500!important}
.swal-button:focus{ box-shadow: none; }
.swal-modal{
	margin: 100px auto;
    display: inline-block;
    vertical-align: top;
}

.swal-overlay--show-modal .swal-modal{
	    will-change: initial;
}
.swal-title{
    text-align: left!important;
    width: 100%!important;
    background: #fff;
    color: #42526E;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 0 11px 15px!important;
    position: absolute;
    margin: 0;
    left: 0;
    top: -30px;
    border-radius: 4px 4px 0 0;

}
.swal-icon:first-child{ margin-top: 0!important}
.display-none{display: none;}

.dropdown-item.active, .dropdown-item:active{  background: none!important; color: #0d1f4f!important}
.swal-icon{ width:60px; height: 60px; margin-left: 15px; margin-bottom: 5px;}
.swal-icon .swal-icon--success__line{display: none}
.swal-icon--success__ring{display: none}
.swal-icon--success{ border: none}
.swal-icon--success{
	background: url(../img/sweelalerticon/tick.png) top left no-repeat; background-size: 60px auto;
}

.swal-icon--warning{
	background: url(../img/sweelalerticon/exclamation.png) top left no-repeat; background-size: 60px auto;
	border:none;
}
.swal-icon--warning__body{display: none}
.swal-button--cancel{background: red; color:#fff; opacity: .8}
.swal-button--cancel:hover{ opacity: 1}
.swal-icon--info{ border:none;  background: url(../img/sweelalerticon/information.png) top left no-repeat; background-size: 60px auto;}
.swal-icon--info::after{display: none}
.swal-icon--info::before{display: none}
.swal-icon--error__x-mark{ display: none}
.swal-icon--error{ border:none;  background: url(../img/sweelalerticon/error.png) top left no-repeat; background-size: 60px auto;}

#enableGeofencing .modal-body{padding: 0}
#enableGeofencing {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999999;
}


.containerGeofencing {
	width: 100%;
	    text-align: center;
	    position: relative;
	    padding: 23px 15px 30px;
	    float: left;
}

.containerGeofencing .progress2 {
  border-radius: 5px;
  background-color: #f2f2f2;
	    margin-top: 20px
}

.containerGeofencing .progress-bar2 {
  height: 10px;
  border-radius: 5px;
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.containerGeofencing .progress-moved .progress-bar2 {
  background-color: #0d1f4f;
  animation: progress 5s infinite;
}

@keyframes progress {
  0% {
    width: 0%;
    background: #0d1f4f;
  }

  100% {
    width: 100%;
    background: #0d1f4f;
    box-shadow: 0 0 0 #0d1f4f;
  }
}

.icon {
  color: #f3c623;
  animation: icon 5s infinite;
  background-color: transparent;
  padding-right: 400px;
  padding-bottom: 20px;
}

@keyframes icon {
  0% {
    opacity: 0.2;
    text-shadow: 0 0 0 #0d1f4f;
  }

  100% {
    opacity: 0.5;
    text-shadow: 0 0 0 #0d1f4f;
  }
}

.geofencingloader {
	--p: 0;
	    animation: p 5s steps(100) infinite;
	    counter-reset: p var(--p);
	    font-size: 20px;
	    font-weight: 600;
	    padding-top: 15px;
	    background: #fff
}
.containerGeofencing .fa{ color: #c1c1c1;
    opacity: .9;}

.geofencingloader:after {
  content: counter(p) "%";
}

@keyframes p {
  90%,
  100% {
    --p: 100;
  }
}





/**iPhone 6, 7, & 8 in portrait**/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {

	.__dropdown-menu-right-mobile .dropdown-item{
			padding: 12px 15px;
			text-align: left;
			font-size: 14px;
			float: left;
			width: 100%;
			display: flex;
			gap: 12px;
			align-items: center;
		}

		.mobileAvtardetail h6 {
			color: #333;
font-size: 20px;
margin: 0 0 0px 0;
font-weight: 600;
		}
		.mobileAvtardetail span{ font-size: 13px;}
	#__dropdown-menu-right{
			margin-top: -5px!important;
			background: #fff;
			margin-bottom: 0!important;
			padding-bottom: 0!important;
			box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
			width: 91%;
			padding: 8px!important;
			    right: 3px!important;

	}
	#__dropdown-menu-right a:first-child{ border-bottom: 1px solid #E3EBF3}


}


select{ cursor: pointer}



#white_boxcustom_breadcrumb .light-blue-crumb {background: #f2f2f2!important}
#white_boxcustom_breadcrumb .light-blue-crumb:after { border-left: 30px solid #f2f2f2 !important;}


/***************************New CSS farooq 2024 Aug*******************/