.fixed-table-body {
	overflow: auto;
}

/*Fonts*/

@font-face {
	font-family: 'Open-regular';
	src: url('../fonts/opensans/opensans_regular/OpenSans-Regular.eot');
	src: url('../fonts/opensans/opensans_regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_regular/OpenSans-Regular.woff') format('woff'), url('../fonts/opensans/opensans_regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/opensans/opensans_regular/OpenSans-Regular.svg#Open-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open-bold';
	src: url('../fonts/opensans/opensans_bold/OpenSans-Bold.eot');
	src: url('../fonts/opensans/opensans_bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_bold/OpenSans-Bold.woff') format('woff'), url('../fonts/opensans/opensans_bold/OpenSans-Bold.ttf') format('truetype'), url('../fonts/opensans/opensans_bold/OpenSans-Bold.svg#Open-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open-semibold';
	src: url('../fonts/opensans/opensans_semibold/OpenSans-Semibold.eot');
	src: url('../fonts/opensans/opensans_semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/opensans/opensans_semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/opensans/opensans_semibold/OpenSans-Semibold.svg#Open-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*End of Fonts*/

/*General CSS*/

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, ul, p {
	margin: 0;
}

ul li {
	list-style-type: none;
}

a {
	color: #000;
}

a:hover, a:focus {
	text-decoration: none;
	background: transparent;
}

.btn:focus, .btn:active:focus, .btn.active:focus, a:focus {
	outline: none;
	outline-offset: 0;
}

a.btn:hover, a.btn:focus, a.btn:active {
	color: #fff !important;
}

.close, .close:hover {
	opacity: 1;
	font-size: 12px;
	text-shadow: none;
}

html, body {
	height: auto;
	-webkit-overflow-scrolling: touch;
}

/*only for safari*/

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
	::i-block-chrome, html, body {
		min-height: 100%;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
	}
}

body {
	font-size: 12px;
	/* font-weight: bold; */
	color: #000;
	font-family: 'Open-regular';
	overflow-x: hidden;
	overflow-y: auto;
}

h1 {
	font-size: 18px;
}

.transparent-layer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 10;
}

.bg-white {
	background: #fff;
}

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

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

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

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

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

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

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

.mar-top-10 {
	margin-top: 10px !important;
}

.mar-top-5 {
	margin-top: 5px !important;
}

.sub-head {
	font-size: 14px;
	padding: 10px 5px;
	font-family: "open-bold";
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sub-head span.pull-right i {
	font-size: 18px;
}

.mar-to-btm-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.font-bold {
	font-family: "Open-bold";
	font-weight: normal;
	font-style: normal;
}

.font-regular {
	font-family: "Open-regular";
	font-weight: normal;
	font-style: normal;
}

.font-semibold {
	font-family: "Open-semibold";
	font-weight: normal;
	font-style: normal;
}

.font-italic {
	font-style: italic;
}

.hr-center {
	display: table;
	margin: 0 auto;
}

.comp-padzero {
	padding: 0 !important;
}

.comp-padzero>div {
	padding: 0 !important;
}

.zero-pad {
	padding: 0 !important;
}

.zero-mar-pad {
	margin: 0 !important;
	padding: 0 !important;
}

.zero-margin {
	margin: 0 !important;
}

.full-height {
	height: 100% !important;
}

.zero-pad-l {
	padding-left: 0 !important;
}

.zero-pad-r {
	padding-right: 0 !important;
}

.no-border {
	border: none !important;
}

.zylog-defaultpad {
	padding: 10px;
}

/* .zylog-defaultpad.collapse-field {
	padding: 0;
} */
.zylog-defaultpad.collapse-field{
    padding: 0;
    margin: 10px 0 0;
    width: 100%;
    float: left
}

.zylog-defaultpad.collapse-field .row>.col-xs-12{
	margin-left:-5px;
	margin-right:-5px;
}
.zylog-defaultpad.collapse-field .col-xs-12.wo-search{
margin-left:-8px;
margin-right:-8px;	
}
.left-right-margin {
	margin-right: 10px;
	margin-left: 10px;
}
.right-panel .zylog-defaultpad.collapse-field .row>.col-xs-12{
	padding-left: 2px;
	padding-right:5px;
	margin:0;
}
.right-panel .zylog-defaultpad.collapse-field .col-xs-12.wo-search {
    padding-left: 7px;
    padding-right: 7px;
    margin: 0;
}
.right-panel .zylog-defaultpad.collapse-field .col-xs-12.wo-search .form-control{
	margin-bottom: 5px;
}
.row {
	margin: 0;
}
.wo-margin{}
.white-box {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 2px 0px 8px;
	padding-right: 15px;
	padding-left: 15px;
}

/*touch*/

.touch {
	cursor: pointer;
}

/*end of touch*/

/*wrapper*/

#wrapper {
	position: relative;
}

/*end of wrapper*/

/*error field*/

#wrapper.default .has-error .mandatory-field {
	border-left-color: #a94442;
}

/*end of error field*/

/*submenu popup*/

.ovrdesk-hide {
	overflow: hidden !important;
}

/*End of submenu popup*/

/*no scroll*/

#wrapper.no-scroll {
	overflow-x: hidden;
	overflow-y: scroll;
}

/*end of no scroll*/

/*no wrap*/

.ws-normal {
	white-space: normal;
}

/*end of no wrap*/

/*select box*/

select::-ms-expand {
	display: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

select.form-control, .multiselect-box button, .multiselect-box .multiselect-container>li a label {
	font-family: "Open-semibold";
	font-weight: normal;
	font-style: normal;
	padding-right: 30px;
}

/*.right-panel select.form-control {
			padding-right: 20px;
		}*/

.select-chevron {
	position: absolute;
	right: 6px;
	bottom: 1px;
	pointer-events: none;
	z-index: 4;
}

.select-chevron i:before {
	margin: 0;
}

.bs-caret {
	display: none;
}

.select-down-arrow {
	font-size: 20px;
}

select>option {
	padding: 5px;
}

.bootstrap-duallistbox-container select, select.insert-var {
	padding-right: 0;
}

.bootstrap-duallistbox-container.row {
	padding: 0 !important;
}

.bootstrap-duallistbox-container.row>div:first-child {
	padding-left: 0;
}

.bootstrap-duallistbox-container.row>div:last-child {
	padding-right: 0;
}

/*new*/

.bootstrap-duallistbox-container i:before {
	margin: 0;
}

/*end of select box*/

.white-bg {
	background-color: #fff;
}

.section-space {
	margin-top: 20px;
}

.rightsctn-space {
	margin-top: 30px;
}

.sp-left {
	padding-left: 25px;
}

.list-inline>li {
	vertical-align: middle;
}

.list-inline>li:last-child {
	padding-right: 0;
}

/* Added for Work order scheule popup - alignment changes (Anvar & Bharathi) */

@media screen and (min-width: 900px) {
	.list-inline.workorder-schedule>li {
		width: 15%;
		padding-right: 0;
		padding: 0px 2px;
	}
	.list-inline.workorder-schedule>li:last-child {
		width: auto;
	}
	.list-inline.workorder-schedule .calen-only {
		width: 100%;
		float: left;
	}
}

/* Added for Work order scheule popup - alignment changes (Anvar & Bharathi) */

.adrs-left {
	padding-left: 8px;
}

.right-panel .adrs-left {
	padding-left: 27px;
}

.veralign-top {
	vertical-align: top !important;
}

/*IE scrollbar overlap issue*/

@-ms-viewport {
	width: auto !important;
}

/*End of IE scrollbar overlap issue*/

.zylog-btn {
	padding: 6px 12px;
	font-family: "Open-semibold";
	font-size: 13px;
	border-radius: 0;
	border: none;
}

#wom-attachments .file-input .btn-primary {
	border: none;
}

.rotate,
/*for font icon*/

.rotate-font:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

ul.ver-display {
	display: table;
}

ul.ver-display>li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 3px;
}

.position-r {
	position: relative;	
}

.ui-multiselect-header .ui-inputtext {
	border-left: 1px solid #ddd !important;
}

.postion-totime .Custom-TimePicker .positionabsolute {
	border-top: 1px solid #bdbdbd;
	bottom: 30px;
	background: #fff;
	border-bottom: none;
}

/*note font*/

.note-clr {
	color: rgba(0, 0, 0, 0.7);
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	padding: 0 8px;
}

/*calendar position*/

.calendar-position {
	position: absolute;
	bottom: 3%;
	right: 6px;
}

.input-group-addon.calendar-position {
	bottom: 7%;
	right: 10px;
}

.calendar-position i:before {
	margin: 0;
}

/*time position*/

.time-position {
	bottom: 8%;
	right: 2px;
}

/*.apt-position {
	    position: absolute;
	    bottom: 11%;
	    right: 20px;
	}*/

/*lookup position*/

.lookup-position {
	position: absolute;
	bottom: 8%;
	right: 25px;
	width: 0px !important;
}
/* .comForm .form-group .position-r input{
height:25px !important;
}
.comForm .lookup-position {
	bottom: 3%;
    right: 24px;
} */
.tooltip-selectcustomer{
	z-index: 1;
}


.lookup-position i:before {
	margin: 0;
}

/*text position*/

.date1 {
	position: absolute;
	bottom: 18%;
	right: 10px;
	padding-left: 10px;
	/* background-color: #fff; */
}

/*link text*/

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

/*paddings zero*/

.left-0 {
	padding-left: 0;
}

.right-0 {
	padding-right: 0;
}

/*tooltip*/

.tooltip-inner {
	max-width: 400px;
}

.breadcrumb-heading .tooltip-arrow {
	top: 0 !important;
}

/*end of tooltip*/

/*popover*/

.popover-title .close {
	margin-top: -6px;
}

/*end of popover*/

/*confirmation*/

i.confirm-icon {
	font-size: 32px;
	color: #3c763d;
	margin-right: 0px;
}

i.error-icon {
	font-size: 32px;
	color: #D53F3F;
	margin-right: 0px;
}

/*end of confirmation*/

/*alert*/

.alert {
	margin: 5px 0;
	border-radius: 0;
	border: none;
}

.alert .glyphicon {
	font-size: 15px;
	margin: 0;
}

/*alert colors*/

.alert-success {
	background-color: #25b688;
	color: #fff;
}

.alert-warning {
	background-color: #fed16c;
	color: #8f7534;
}

.alert-danger {
	background-color: #d8685d;
	color: #fff;
}

.alert-info {
	background-color: #59abc6;
	color: #fff;
}

/*end of alert colors*/

.alert-success .glyphicon {
	color: #3c763d;
}

.alert-danger .glyphicon {
	color: #a94442;
}

.alert-info .glyphicon {
	color: #31708f;
}

.alert-warning .glyphicon {
	color: #8a6d3b;
}

.right-panel .alert {
	padding: 0;
}

.right-panel .alert a {
	padding: 5px;
}

.transaction-popup {
	position: fixed;
	z-index: 1032;
	left: 50%;
	top: 3%;
	width: 60%;
	right: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.alert-icon {
	float: left;
	display: inline;
	vertical-align: middle;
	padding: 12px 18px 13px;
}

.success-icon {
	background-color: #266650;
}

.warning-icon {
	background-color: #8f7534;
}

.danger-icon {
	background-color: #823f39;
}

.info-icon {
	background-color: #295967;
}

.alert-pad-zero {
	padding: 0;
}

.close.alert-pad {
	padding: 17px;
	font-size: 20px;
	color: rgb(0, 0, 0);
	opacity: 0.5;
}

#wrapper.default .close.alert-pad:hover {
	color: rgb(0, 0, 0);
	opacity: 1;
}

.alert-cont-sp-left {
	padding-left: 5px;
}

span.alert-icon .glyphicon {
	font-size: 30px;
	color: #ffffff;
}

.alert-sp-left {
	margin-left: 20px;
}

#alert_placeholder1 .alert, #alert_placeholder2 .alert, #alert_placeholder3 .alert, #alert_placeholder4 .alert {
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.demo-margin {
	margin-top: 50px;
}

/*center panel checkbox adjustment*/

.same-address {
	margin-top: 14px;
}

/*end of center panel checkbox adjustment*/

/*right panel*/

.right-panel .alert ul.list-inline>li:last-child {
	padding-left: 34px;
}

/*end of right panel*/

/*new for alert demos*/

.transaction-popup ul>li:last-child {
	width: 70%;
}

.transaction-popup>div {
	min-width: 236px;
}

.work-height {
	min-height: 300px;
}

@media screen and (max-width: 1092px) {
	.work-height {
		min-height: 481px;
	}
}

/*end of new for alert demos*/

@media screen and (max-width: 992px) {
	.alert-inline ul>li:last-child {
		width: 100%;
		margin-left: 29px;
	}
	.alert-icon {
		padding: 12px 12px 13px;
	}
	span.alert-icon .glyphicon {
		font-size: 20px;
	}
	.close.alert-pad {
		font-size: 16px;
	}
	.transaction-popup {
		width: 80%;
	}
	.work-height {
		min-height: 481px;
	}
}

@media screen and (max-width: 768px) {
	.transaction-popup {
		width: 90%;
	}
	.work-height {
		min-height: auto;
	}
	.list-inline.attachment-filter{
		display:inline-block;
		width:100%;
		margin-left:0;
	}
	.list-inline.attachment-filter>li{
		float:left;
		width:50%;
		margin-bottom:5px;
		padding-right:0;
	}
}

@media screen and (max-width: 480px) {
	.alert-sp-left {
		margin-left: 5px;
	}
	.transaction-popup {
		width: 98%;
		min-width: 325px;
	}
	.transaction-popup ul>li:last-child {
		width: 60%;
	}
}

/*End of alert*/

/*note*/

.note-box {
	border: 1px solid #f9f181;
	border-left: 5px solid #f9f181;
	background-color: #fefec9;
}

.note-box .note-clr {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
}

.note-box i {
	font-size: 18px;
}

.note-box .note-clr span {
	display: inline-block;
	vertical-align: middle;
}

.note-box ul>li:first-child {
	padding-left: 10px;
	padding-right: 0;
	/*vertical-align: top;*/
}

.note-box ul>li:last-child {
	/*padding-left: 5px;*/
	width: 70%;
}

/*end of note*/

/*calendar*/

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
	border-radius: 0;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
	padding: 0;
	border: none;
}

/*end of calendar*/

/*timer*/

.bootstrap-datetimepicker-widget .btn-primary {
	border: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	width: auto;
}

.datepicker .table-condensed>thead>tr>th, .datepicker .table-condensed>tbody>tr>th, .datepicker .table-condensed>tfoot>tr>th, .datepicker .table-condensed>thead>tr>td, .datepicker .table-condensed>tbody>tr>td, .datepicker .table-condensed>tfoot>tr>td {
	padding: 10px;
}

.right-panel .datepicker .table-condensed>thead>tr>th, .right-panel .datepicker .table-condensed>tbody>tr>th, .right-panel .datepicker .table-condensed>tfoot>tr>th, .right-panel .datepicker .table-condensed>thead>tr>td, .right-panel .datepicker .table-condensed>tbody>tr>td, .right-panel .datepicker .table-condensed>tfoot>tr>td {
	padding: 8px;
}

/*end of timer*/

/*font-awesome*/

.fa, .glyphicon {
	/*color: #686868;*/
	margin-right: 7px;
}

/*font icons*/

.zylog-font-icon {
	color: #686868;
	cursor: pointer;
}

.zylog-font-icon.zylog-globemap {
	color: #000;
}

/*end of font icons*/

/*End of font-awesome*/

/*other icons*/

.grid-thumb {
	font-size: 18px;
	cursor: pointer;
}

.grid-thumb-view .grid-thumb {
	font-size: 18px;
}

/*end of other icons*/

/*table level icon*/

.table-icon {
	font-size: 20px;
}

/*end of table level icon*/

/*title overflow*/

.title-overflow {
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}

.s_style {
	width: 60% !important;
}

.left-panel .title-overflow {
	/*width: 40%;*/
}

.center-panel .title-overflow {
	/*width: 60%;*/
}

@media screen and (max-width: 992px) {
	.center-panel .title-overflow {
		/*width: 50%;*/
	}
}

/*end of title overflow*/

/*below 1350px - alert-popup*/

.mobile-alert {
	display: none;
}

/*End of below 1350px - alert-popup*/

@media screen and (max-width: 1360px) {
	body {}
	/*mobile initial popup*/
	.overflow-hidden {
		overflow: hidden !important;
	}
	/*End of monile initial popup*/
	/*submenu popup*/
	.ovrdesk-hide {
		overflow: hidden !important;
	}
	/*End of submenu popup*/
	/*below 1350px alert-popup*/
	.mobile-alert {
		display: block;
		height: 100%;
		width: 100%;
		height: 100vh;
		width: 100vw;
		background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
	}
	.mob-cont {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		padding: 30px;
	}
	.mob-cont button {
		margin-top: 25px;
	}
	.mob-cont p {
		font-size: 25px;
	}
	/*End of below 1350px alert-popup*/
}

@media screen and (max-width: 992px) {
	.mob-cont p {
		font-size: 20px;
	}
	.form-group .section-space {
		margin-top: 0;
	}
	.same-address {
		margin-top: 0;
	}
	/*for duallistbox*/
	.bootstrap-duallistbox-container.row>div {
		padding: 0;
	}
	.bootstrap-duallistbox-container .box2 {
		margin-top: 20px;
	}
	.bootstrap-duallistbox-container .buttons button i:before {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	/*end of for duallistbox*/
}

@media screen and (max-width: 768px) {
	#wrapper.no-scroll {
		position: fixed;
	}
	.mob-cont p {
		font-size: 18px;
	}
	h1 {
		font-size: 16px;
	}
	.go-to {
		font-size: 11px;
	}
	/*.tooltip {
			display: none !important;
		}*/
	.form-horizontal .control-label {
		padding-top: 7px;
	}
	.sub-head {
		font-size: 13px;
	}
	.sp-left {
		padding-left: 0;
	}
	.eq-height-div {
		height: auto !important;
	}
}

@media screen and (max-width: 500px) {
	.mob-cont p {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	h1 {
		font-size: 14px;
	}
	body {
		min-width: 330px;
		/*overflow-x: scroll;*/
	}
	/*other icons*/
	/*.grid-thumb {
				font-size: 14px;
			}*/
	/*end of other icons*/
	.go-to {
		font-size: 10px;
	}
	.sub-head {
		font-size: 12px;
	}
}

/*End of General CSS*/

/*form*/

form, form.row {
	margin: 2px 3px 8px;
}

.role-priveldge {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 2px 0px 8px;
	padding-right: 10px;
}

.role-priveldge .form-group {
	margin-top: 5px;
}

/*new*/

.role-priveldge button.zylog-btn {
	margin-top: 2px;
	padding: 5px 12px 6px;
}

/*new*/

.left-panel .panel-body .row {
	padding-left: 0;
	padding-right: 0;
}

/*.left-panel .wrap-leftpanel-cont .form-group label,*/

.left-panel .wrap-leftpanel-cont .p-label, .right-panel .wrap-leftpanel-cont .p-label, .center-panel .white-box .p-label, .center-panel .panel .p-label {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: right;
	cursor: context-menu;
}

.right-panel .p-label, .modal .p-label, .center-panel .white-box .p-label {
	text-align: right;
}

/*new*/

.left-panel .wrap-leftpanel-cont .p-field, .right-panel .wrap-leftpanel-cont .p-field, .center-panel .white-box .p-field {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: context-menu;
	direction: ltr;
}

/*new*/

.p-label {
	color: rgba(0, 0, 0, 0.7);
	font-size: 11px;
	padding-top: 3px;
}

/*for unique characters*/

.char-entities {
	direction: ltr;
	unicode-bidi: embed;
}

/*new*/

.left-panel-cont>.row>div:nth-child(1) {
	padding: 0 5px;
}

.left-panel-cont {
	padding: 5px 0;
}

.left-panel .left-panel-cont>.row {
	padding-left: 0;
	padding-right: 0;
}

label {
	color: rgba(0, 0, 0, 0.7);
	font-size: 11px;
	margin-bottom: 2px;
	/*new*/
	padding: 0 10px 0 8px;
	font-weight: normal;
	font-family: "Open-semibold";
}

/*for label icon in overflow*/

.label-icon {
	position: absolute;
	right: 5px;
	top: 2px;
}

.checkbox label, .radio label {
	font-size: 12px;
}

/*new*/

.right-panel .checkbox, .right-panel .radio {
	margin-top: -3px;
	margin-bottom: 0px;
}

.right-panel .checkbox label {
	margin: 0;
}

.form-group {
	padding: 2px 5px;
	margin: 0;
	position: relative;
}

.form-control {
	font-size: 13px;
	color: #000;
	border-radius: 0;
	box-shadow: none;
	height: 30px;
	text-overflow: ellipsis;
	padding: 4px 7px;
	font-family: "Open-semibold";
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.form-control[readonly], .form-control[disabled] {
	cursor: default;
	background: transparent;
	border: 1px solid transparent;
	/* border: 1px solid #ccc; */
}

.pricing-txtarea[readonly], .pricing-txtarea[disabled] {
	border: 1px solid #ccc;
}

.form-control[readonly]:focus, .form-control[disabled]:focus {
	box-shadow: none;
}

.form-horizontal .control-label {
	padding-right: 2px;
	padding-left: 7px;
}

.left-panel .form-horizontal .control-label {
	margin-left: 10px;
	padding-left: 0px;
	padding-right: 10px;
}

.left-panel .form-horizontal .control-label+div {
	margin-left: -10px;
}

/*new*/

.panel-body .form-group>.row {
	padding: 0;
}

select[disabled] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select[disabled]::-ms-expand {
	display: none;
}

select.form-control[readonly], select.form-control[disabled],.timepicker-disabled .Custom-TimePicker .time-picker .timepickerhover{
	background: rgba(0, 0, 0, 0.015);
	border: 1px solid #ccc;
	color: #2b2b2b;
	border-left-color: #ccc !important;
}

.disabled-chevron .select-down-arrow {
	color: #ccc;
}

.select-overlay {
	position: relative;
}

.hidden-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*//without the below code, IE will not support this overlay jquery mousevent functionality*/
	background: #fff;
	opacity: 0.01;
}

.form-horizontal .col-xs-8 {
	padding-left: 4px;
	padding-right: 4px;
}

/*search field with search icon*/

/* #top-search {
			width: 278px;
		} */

.inner-addon {
	position: relative;
	margin-top: 10px;
}

/* style glyph */

.inner-addon .glyphicon {
	position: absolute;
	padding: 8px;
	pointer-events: none;
}

.inner-addon .zylog-font-icon {
	position: absolute;
	padding: 4px;
	/* pointer-events: none; */
	top: 0px;
	right: 5px;
	font-size: 14px;
}

/* align glyph */

.left-addon .glyphicon {
	left: 0px;
}

.right-addon .glyphicon {
	right: 0px;
}

/* add padding  */

.left-addon input {
	padding-left: 30px;
}

.right-addon input {
	padding-right: 30px;
}

/*End of search field with search icon*/

/*table search field form group rows*/

.wo-search {
	padding: 0;
}

.wo-search .form-group .row> :first-child {
	padding-right: 5px;
	padding-left: 0;
}

.wo-search .form-group .row> :last-child {
	padding-left: 5px;
	padding-right: 0;
}

/*table search field form group rows*/

/*custom switch icon*/

.switch-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}

.switch-toggle+label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.switch-toggle-round+label {
	padding: 2px;
	width: 36px;
	height: 8px;
	background-color: #dddddd;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
}

/*switch before and after*/

input.switch-toggle-round+label::before, input.switch-toggle-round+label::after {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	content: "";
}

input.switch-toggle-round+label::after {
	height: 16px;
	width: 16px;
	top: -4px;
	background-color: #ababab;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: margin 0.4s, background-color 0.4s;
	-moz-transition: margin 0.4s, background-color 0.4s;
	-o-transition: margin 0.4s, background-color 0.4s;
	transition: margin 0.4s, background-color 0.4s;
}

input.switch-toggle-round+label::before {
	right: 1px;
	background-color: #e1e1e1;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}

input.switch-toggle-round:checked+label::after {
	margin-left: 20px;
}

/*input.switch-toggle-round:checked + label::before {
		    background-color: #8ce196;
		}*/

/*End of switch before and after*/

/*End of custom switch icon*/

/*datetime picker*/

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table td span {
	height: 20px;
	line-height: 20px;
	width: 30px;
	margin: 2px 10px;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
	font-size: 1.2em;
	font-family: "open-bold";
	height: 30px;
	line-height: 30px;
	margin: 0;
	width: 30px;
}

/*End of datetime picker*/

/*new checkbox*/

.table .radio input[type="radio"], .table .radio-inline input[type="radio"], .table .checkbox input[type="checkbox"], .table .checkbox-inline input[type="checkbox"] {
	top: 5px;
}

/*end of new checkbox*/

/*custom-checkbox and radio button*/

.checkbox input[type="checkbox"], .radio input[type="radio"] {
	opacity: 0;
	width: 0;
	z-index: 2;
}

.checkbox label, .radio label, .form-inline .radio label {
	padding-left: 32px;
	display: inline-block;
	line-height: 1.5;
	font-family: 'open-semibold';
	position: relative;
	margin: 5px 18px 5px 0;
	color: rgba(0, 0, 0, 1);
	font-size: 13px;
}

.center-panel .radio label.font-semibold {
	/*padding-left: 5px;*/
}

.radio-se-option p {
	font-family: 'open-semibold';
	font-size: 13px;
	color: #000;
}

.radio-se-option ul>li, .radio-start-time ul>li {
	height: 30px;
}

.radio label, .checkbox label {
	padding-left: 23px;
}

.right-panel .checkbox label {
	padding-left: 25px;
	padding-right: 0;
}

table .radio label {
	padding-left: 0;
}

.radio.notes-radio-option label {
	padding-left: 20px;
}

#email-details .checkbox label {
	padding-left: 32px;
}

.checkbox input[type="checkbox"]+label:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 2px;
	left: 0;
	border: 1px solid #666;
	background: #fff;
}

/*.right-panel .checkbox input[type="checkbox"] + label:before {
	    	margin-left: 9px;
	    }*/

table .checkbox input[type="checkbox"]+label:before {
	top: -5px;
}

.checkbox input[type="checkbox"]:checked+label:after {
	content: '';
	display: block;
	width: 9px;
	height: 5px;
	border-bottom: 2px solid #01385f;
	border-left: 2px solid #01385f;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 6px;
	left: 3px;
}

/*.right-panel .checkbox input[type="checkbox"]:checked + label:after {
	    	left: 12px;
	    }*/

table .checkbox input[type="checkbox"]:checked+label:after {
	top: -1px;
}

.radio input[type="radio"]+label:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 2px;
	left: 0;
	border: 1px solid #666;
	background: #fff;
	border-radius: 50%;
}

.radio input[type="radio"]:checked+label:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	background: #01385f;
	position: absolute;
	border-radius: 50%;
	top: 6px;
	left: 4px;
}

table .checkbox {
	margin-bottom: 0;
	margin-top: 0;
}

table .checkbox label {
	margin-right: 0;
}

.table-chkbx {
	width: 5%;
}

.table-chkbx .checkbox {
	margin-top: 6px;
}

.table-chkbx .checkbox label {
	margin: 0px 0px 12px 15px;
}

/*End of custom-checkbox and radio button*/

/*bootstrap form validation*/

.help-block.with-errors {
	font-size: 11px;
	margin: 0;
	text-align: right;
	color: #a94442;
	padding-top: 2px;
}

form[data-toggle="validator"] .form-group {
	height: 65px;
}

form[data-toggle="validator"] .form-group.nt-box {
	height: auto;
}

form[data-toggle="validator"] .form-group[data-rows="1"] {
	height: 82px;
}

form[data-toggle="validator"] .form-group[data-rows="2"] {
	height: 97px;
}

form[data-toggle="validator"] .form-group[data-rows="3"] {
	height: 116px;
}

form[data-toggle="validator"] .form-group[data-rows="4"] {
	height: 134px;
}

form[data-toggle="validator"] .form-group[data-rows="5"] {
	height: 159px;
}

form[data-toggle="validator"] .form-group[data-rows="a"] {
	height: 159px;
}

form[data-toggle="validator"] .form-group[data-rows="6"] {
	height: 171px;
}

form[data-toggle="validator"] .form-group[data-rows="7"] {
	height: 190px;
}

form[data-toggle="validator"] .form-group[data-rows="8"] {
	height: 209px;
}

form[data-toggle="validator"] .form-group[data-rows="9"] {
	height: 227px;
}

form[data-toggle="validator"] .form-group[data-rows="10"] {
	height: 246px;
}

form[data-toggle="validator"] .form-group.chk-box, form[data-toggle="validator"] .form-group.radio-btn, .right-panel form[data-toggle="validator"] .form-group.rdonly-field {
	height: auto;
}

/*min-height*/

form[data-toggle="validator"] .form-group[data-rows="1"] textarea {
	min-height: 64%;
}

form[data-toggle="validator"] .form-group[data-rows="2"] textarea {
	min-height: 70%;
}

form[data-toggle="validator"] .form-group[data-rows="3"] textarea {
	min-height: 75%;
}

form[data-toggle="validator"] .form-group[data-rows="4"] textarea {
	min-height: 78%;
}

form[data-toggle="validator"] .form-group[data-rows="5"] textarea {
	min-height: 82%;
}

form[data-toggle="validator"] .form-group[data-rows="a"] .select-addr {
	min-height: 82%;
}

form[data-toggle="validator"] .form-group[data-rows="6"] textarea {
	min-height: 83%;
}

form[data-toggle="validator"] .form-group[data-rows="7"] textarea {
	min-height: 85%;
}

form[data-toggle="validator"] .form-group[data-rows="8"] textarea {
	min-height: 86%;
}

form[data-toggle="validator"] .form-group[data-rows="9"] textarea {
	min-height: 87.2%;
}

form[data-toggle="validator"] .form-group[data-rows="10"] textarea {
	height: 85%;
}

/*End of bootstrap form validation*/

/*zero-margin*/

.mar-bottom-0 {
	margin-bottom: 0;
}

.mar-top-0 {
	margin-top: 0;
}

/*end of zero margin*/

.center-panel form .form-group .row> :nth-child(1), .right-panel form .form-group .row> :nth-child(1) {
	padding-right: 5px;
	padding-left: 0;
}

.center-panel form .form-group .row> :nth-child(2), .right-panel form .form-group .row> :nth-child(2) {
	padding-left: 5px;
	padding-right: 0;
}

.center-panel form .form-group .row> :nth-child(3), .right-panel form .form-group .row> :nth-child(3) {
	padding-left: 5px;
	padding-right: 0;
}

.center-panel form .form-group .row> :nth-child(1) {
	padding-left: 0;
}

.center-panel form .form-group .row> :nth-child(2) {
	padding-right: 5px;
}

.center-panel form .form-group .row> :nth-child(3) {
	padding-right: 0;
}

/*placeholder text color*/

#wrapper.default input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-family: "Open-regular";
}

#wrapper.default input:-moz-placeholder {
	/* Firefox 18- */
	color: rgba(0, 0, 0, 0.2);
	font-family: "Open-regular";
}

#wrapper.default input::-moz-placeholder {
	/* Firefox 19+ */
	color: rgba(0, 0, 0, 0.2);
	font-family: "Open-regular";
}

#wrapper.default input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-family: "Open-regular";
}

/*end of placeholder text color*/

/*input with text at the end*/

.form-group .position-r input {
	padding-right: 30px;
	width: 100% !important;
	height: 30px;
}

/*new for label overflow*/

form .form-group>label, form .form-group>.row>div>label, form .form-group>.input-group>label {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
}

.right-panel .labelwdth {
	width: 185px !important;
}

/*new for alignment*/

.center-panel .panel-body form[data-toggle="validator"]>div.row>div:nth-child(1) {
	padding-left: 0;
	padding-right: 10px;
}

.center-panel .panel-body form[data-toggle="validator"]>div.row>div:nth-child(2) {
	padding-right: 0;
	padding-left: 10px;
}

.center-panel .panel-body form[data-toggle="validator"]>div.row>div:nth-child(3) {
	padding-right: 0;
	padding-left: 0;
}

.center-panel .panel-body form[data-toggle="validator"]>div.row>div.ponumber-column{
	padding-left:10px;
}

.center-panel .panel-body form[data-toggle="validator"] {
	margin: 2px -5px 8px;
}

.center-panel .panel-body>div.row:last-child {
	padding: 0;
}

.center-panel .panel-body .sp-left {
	padding-left: 0;
}

/*end of new for alignment*/

/*for ie 10 & 11*/

@media screen and (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.label-icon {
		display: none;
	}
}

@media screen and (max-width: 1360px) {
	.radio-se-option ul>li, .radio-start-time ul>li {
		height: auto;
	}
}

@media screen and (max-width: 992px) {
	.center-panel .panel-body form[data-toggle="validator"]>div.row>div:nth-child(2) {
		padding-left: 0;
	}
	.center-panel .panel-body form[data-toggle="validator"]>div.row>div:nth-child(1) {
		padding-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.form-horizontal .control-label {
		text-align: right;
	}
}

@media screen and (max-width: 480px) {}

/*End of form*/

/*page-loader*/

.wrap-loader {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.2);
	height: 100%;
	width: 100%;
	z-index: 1032;
	cursor: progress;
}

.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	padding: 15px;
}

.loader i {
	font-size: 36px;
	color: rgb(255, 255, 255);
	cursor: progress;
}

.loader svg rect {
	fill: #fff;
}

/*End of page-loader*/

/*panel*/

.panel-primary, .create-compmaster>.panel {
	border: none;
	box-shadow: none;
}

.panel-group {
	margin: 0;
}

.panel.panel-default {
	border-radius: 0;
	/*border-color: #e6e6e6;*/
	/* changed color is below */
	border-color: #ddd;
	margin-bottom: 10px;
	box-shadow: none;
}
.panel-width{
	margin-left: -5px;
	margin-top: 2px;
}

.panel-primary .panel-heading+.panel-collapse>.panel-body {
	/*border-top: 1px solid #ddd;*/
}

.panel-default>.panel-heading {
	padding: 7px 15px;
	border-bottom: 1px solid transparent !important;
	/*border: none;*/
}

.inst-notes-cont {
	border: 1px solid #ebebeb;
}

.inst-notes-cont h4 span {
	padding-top: 2px;
}

.inst-notes-cont h4 span i {
	padding-right: 10px;
}
.inst-notes-cont h4 span .zylog-tb_delete {
padding-left: 10px;
padding-right: 0;
}

.inst-notes-cont h4 i {
	font-size: 16px;
}

.panel-heading .fa-angle-down, .inst-notes-cont>h4 .fa-angle-down {
	margin: 0 12px 0 -5px;
}

/*font icons*/

.panel-heading .zylog-font-icon.zylog-angle-up, .inst-notes-cont>h4 .zylog-font-icon.zylog-angle-up {
	margin: 0 12px 0 -8px;
	cursor: pointer;
	vertical-align: middle;
}

.panel-heading .zylog-font-icon:before, .inst-notes-cont>h4 .zylog-font-icon:before {
	margin: 0;
}

/*end of font icons*/

.inst-notes-cont {
	line-height: 0.8;
}

.inst-notes-cont label {
	padding: 0;
}

.panel-body {
	padding: 10px 15px;
	background-color: #fff;
}

.panel-title span.pull-right i {
	padding: 0 6px;
	font-size: 18px;
}

.panel-title ul.pull-right>li {
	padding: 0 5px;
	font-size: 18px;
}

.panel-title ul.pull-right>li:last-child {
	padding-right: 0;
}

.panel-title>a, .panel-title>a span.title-overflow {
	font-size: 15px;
	line-height: normal;
	cursor: pointer;
}

.panel-title ul>li i {
	margin: 0;
}

.panel-title>a>span {
	font-size: 13px;
}

.item>.panel-bodytitle {
	padding: 5px 0;
}

.item>.panel-bodytitle>h3 {
	font-size: 13px;
}

.panel-title>span.pull-right, .inst-notes-cont h4>span.pull-right {
	/* margin-right: -6px; */
}

.panel-title>span.pull-right {
	padding-top: 2px;
}

.panel-title>span>svg, .inst-notes-cont h4>span.pull-right>svg {
	margin: 0 3px;
}

.inst-notes-cont h4>span.pull-right>i {
	padding: 0 10px;
}

.panel-title>span>svg:first-child, .inst-notes-cont h4>span>svg:first-child {
	margin-left: 0;
}

.panel-title>span>svg:last-child, .inst-notes-cont h4>span>svg:last-child {
	margin-right: 0;
}

/*panel border*/

.panel-collapse>.panel-body {
	border-top: 1px solid #ddd;
}

.panel-heading {
	border-bottom: none;
}

/*mediaquery*/

@media screen and (max-width: 768px) {
	.panel-title>a, .panel-title>a span.title-overflow {
		font-size: 13px;
	}
}

@media screen and (max-width: 480px) {
	.panel-default>.panel-heading {
		padding-right: 0;
	}
	.panel-heading .fa-angle-down, .inst-notes-cont>h4 .fa-angle-down {
		margin: 0 5px 0 -5px;
	}
	.panel-title>span>svg, .inst-notes-cont h4>span.pull-right>svg {
		margin: 0;
	}
	.panel-title>span>svg:last-child {
		margin-right: 5px;
	}
	.panel-heading .go-to {
		padding-right: 10px;
	}
	.panel-heading ul>li {
		padding: 0 2px;
	}
	/*for font icons*/
	.panel-heading i.zylog-font-icon {
		margin-right: 10px;
	}
	.panel-heading i.zylog-angle-left, .panel-heading i.zylog-angle-right {
		margin-right: 0;
	}
	/*end of for font icon*/
}

/*End of panel*/

/*table*/

.fixed-table-container {
	border-radius: 0;
	border-color: #ddd;
}

table a {
	cursor: pointer;
}

table .cont-ellipsis {
	overflow: hidden;
	width: 47%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table .table-ellipsis {
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fixed-table-toolbar .bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns {
	margin: 0;
}

/*demo table for dispatch board*/

table.demo-table {
	border: 1px solid #ddd;
	width: 100%;
}

table.demo-table th {
	padding: 8px;
}

table.demo-table td {
	padding: 0;
}

/*end of demo table for dispatch board*/

.bootstrap-table .columns.btn-group i {
	font-size: 18px;
}

.bootstrap-table .columns.btn-group i:before {
	margin: 0;
}

.bootstrap-table .fixed-table-toolbar {
	border: none;
}

.bootstrap-table .columns button.btn {
	padding-top: 0;
}

.bootstrap-table .table .open>.dropdown-menu {
	right: 0px;
	left: auto;
}

#wod-job-table .bootstrap-table .table .dropdown-menu>li>a {
	color: #333;
}

.bootstrap-table .table.table-no-bordered>thead>tr>th {
	font-family: "Open-semibold";
	font-size: 13px;
	border-top: none;
}

.bootstrap-table .table.table-no-bordered>tbody>tr>td {
	font-family: "Open-regular";
	font-size: 13px;
}

.bootstrap-table .table>tbody>tr>td, .bootstrap-table .table>thead>tr>th {
	vertical-align: top;
	/*new*/
}

.bootstrap-table .table thead>tr>th {
	font-family: "open-bold";
	font-weight: normal;
}

.bootstrap-table .table.table-no-bordered>tbody>tr {
	border-bottom: 1px solid #e8e8e8;
	background: #fcfcfc;
}

.bootstrap-table .table.table-no-bordered>tbody>tr:nth-child(2n) {
	background: #fafafa;
}

.bootstrap-table .table.table-no-bordered>tbody>tr:last-child {
	border-bottom: none;
}

/*list view*/

.fixed-table-body .card-view .title {
	font-weight: normal;
	text-align: right !important;
	margin: 2px 8px;
	min-width: 15%;
}

table .card-view .value {
	display: inline-block;
	margin: -4px 8px;
	font-family: "open-bold";
}

table .card-view .value a, table .card-view .value {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table .card-view .value .btn-group {
	padding-left: 20px;
}

@media screen and (max-width: 768px) {
	.fixed-table-body .card-view .title {
		min-width: 38%;
	}
}

/*end of list view*/

/*new*/

/*customized*/

table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
	border-top: 1px solid #ddd;
}

/*for calendar table*/

.datepicker table>thead>tr>th, .datepicker table>tbody>tr>th, .datepicker table>tfoot>tr>th, .datepicker table>thead>tr>td, .datepicker table>tbody>tr>td, .datepicker table>tfoot>tr>td {
	border-top: none;
}

/*end of for calendar table*/

.fixed-table-container table tbody td, .fixed-table-container table thead th {
	border-left: none;
}

table>thead {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color: #323232;
}

table>tbody>tr>td {
	padding: 8px;
}

.bootstrap-table table>tbody>tr {
	background: #fcfcfc;
}

.bootstrap-table table>tbody>tr:nth-child(2n) {
	background: #fafafa;
}

.bootstrap-table table>tbody>tr:hover, .bootstrap-table table>tbody>tr:hover:nth-child(2n) {
	background-color: #f1f1f1;
}

.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
	padding: 6px;
}

.fixed-table-container thead th .th-inner.sortable, .fixed-table-container tbody td .th-inner.sortable {
	padding-right: 30px;
}

/*end of customized*/

.add-table-bdr>thead>tr>th, .add-table-bdr>tbody>tr>th, .add-table-bdr>tfoot>tr>th, .add-table-bdr>thead>tr>td, .add-table-bdr>tbody>tr>td, .add-table-bdr>tfoot>tr>td {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.fixed-table-container .add-table-bdr tbody td, .fixed-table-container .add-table-bdr thead th {
	border-left: 1px solid #ddd;
}

.add-table-bdr>tbody>tr>td {
	padding: 8px;
}

.bootstrap-table .add-table-bdr>tbody>tr {
	background: transparent;
}

.bootstrap-table .add-table-bdr>tbody>tr:hover, .bootstrap-table .add-table-bdr>tbody>tr:hover:nth-child(2n) {
	background-color: #f1f1f1;
}

.bootstrap-table .add-table-bdr>tbody>tr :nth-child(1), .bootstrap-table .add-table-bdr>thead>tr :nth-child(1) {
	border-left: none;
}

.bootstrap-table table {
	background: #fff;
}

.fixed-table-container {
	border-top: none;
	border-bottom: none;
}

.fixed-table-container tbody tr:first-child td {
	border-top: 1px solid #ddd;
}

/*end of new*/

/*End of table*/

/*Header*/

#top-nav {
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	margin: 0;
	/*-webkit-transition: top .5s ease .5s;
		-moz-transition: top .5s ease .5s;
		-ms-transition: top .5s ease .5s;
		-o-transition: top .5s ease .5s;
		transition: top .5s ease .5s;*/
}

/*hamburger*/

#menuToggle span {
	-webkit-transition: transform .5s ease 0s;
	-moz-transition: transform .5s ease 0s;
	-ms-transition: transform .5s ease 0s;
	-o-transition: transform .5s ease 0s;
	transition: transform .5s ease 0s;
}

#menuToggle.active span {
	position: relative;
}

#menuToggle.active span:first-child {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 6px;
}

#menuToggle span:nth-child(2) {
	opacity: 1;
}

#menuToggle.active span:nth-child(2) {
	opacity: 0
}

#menuToggle.active span:last-child {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: -6px;
}

/*End of hamburger menu*/

#top-nav .navbar-toggle .icon-bar {
	display: block;
	width: 22px;
}

#top-nav .brand {
	padding: 9px 13px;
}

.navbar-toggle {
	display: block;
	padding: 10px 0;
	margin: 8px 0 0 0;
	background: transparent;
	border: none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: transparent;
}

/*nav-notification*/

#top-nav .nav-notification {
	list-style: none;
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 12px;
}

#top-nav .nav-notification>li {
	display: block;
	position: relative;
	float: left;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

#top-nav .nav-notification>li.open {
	/*background: #fcfcfc;*/
	background: transparent;
}

#top-nav .nav-notification>li.open .dropdown-menu {
	animation: fadeInUp 0.8s ease;
	-webkit-animation: fadeInUp 0.8s ease;
	-moz-animation: fadeInUp 0.8s ease;
	-ms-animation: fadeInUp 0.8s ease;
	-o-animation: fadeInUp 0.8s ease;
}

#top-nav .nav-notification>li:last-child {
	border-right: none;
}

#top-nav .nav-notification>li:hover {
	background: transparent;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

#top-nav .nav-notification a.btn-sm {
	font-size: 10px;
}

#top-nav .nav-notification>li.profile a>svg:first-child {
	float: left;
}

#top-nav .nav-notification>li.profile:hover a, #top-nav .nav-notification>li.profile:focus a {
	animation: none;
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
}

#top-nav .nav-notification>li.profile:hover a>strong, #top-nav .nav-notification>li.profile:focus a>strong {
	display: inline-block;
	animation: fadeInRight 0.2s ease-in-out;
	-webkit-animation: fadeInRight 0.2s ease-in-out;
	-moz-animation: fadeInRight 0.2s ease-in-out;
	-ms-animation: fadeInRight 0.2s ease-in-out;
	-o-animation: fadeInRight 0.2s ease-in-out;
}

#top-nav .nav-notification>li.profile:hover a>span, #top-nav .nav-notification>li.profile:focus a>span {
	display: inline-block;
	animation: fadeInLeft 0.2s ease-in-out;
	-webkit-animation: fadeInLeft 0.2s ease-in-out;
	-moz-animation: fadeInLeft 0.2s ease-in-out;
	-ms-animation: fadeInLeft 0.2s ease-in-out;
	-o-animation: fadeInLeft 0.2s ease-in-out;
}

#top-nav .nav-notification>li.profile .dropdown-menu {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	min-width: 220px;
}

#top-nav .nav-notification>li.profile .dropdown-menu li:first-child {
	margin-bottom: 10px;
}

#top-nav .nav-notification>li.profile .dropdown-menu li:first-child a:hover {
	background: #fff;
	color: #000;
}

#top-nav .nav-notification>li.profile .dropdown-menu li:not(:first-child) a {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

#top-nav .nav-notification>li.profile .dropdown-menu>li>a .svgicon {
	margin-right: 7px;
}

#top-nav .nav-notification>li>a {
	display: inline-block;
	position: relative;
	padding: 15px 10px 13px;
	color: #999999;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

#top-nav .nav-notification>li>a:hover, #top-nav .nav-notification>li>a:focus {
	color: #777777;
	text-decoration: none;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

#top-nav .nav-notification .dropdown-menu {
	right: 0;
	left: auto;
	top: 95%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-color: #f1f5fc;
}

#top-nav .nav-notification>li.profile>a {
	padding: 15px 5px 17px;
}

#top-nav .nav-notification .right-addon {
	padding-right: 5px;
	padding-left: 5px;
}

#top-nav .nav-notification .inner-addon .glyphicon {
	right: 6px;
}

#top-nav .nav-notification>li.profile>a>strong {
	padding: 0 10px 0 8px;
}

.notification-label {
	position: absolute;
	display: inline-block;
	width: 15px;
	height: 15px;
	padding: 3px;
	color: #fff;
	font-size: 9px;
	text-align: center;
	border-radius: 50em;
	-moz-border-radius: 50em;
	-webkit-border-radius: 50em;
	bottom: 10px;
	right: 5px;
	line-height: 9px;
	text-shadow: none;
}

#top-nav svg {
	height: 20px;
	width: 20px;
}

/*font icons*/

#top-nav .top-nav-icons {
	font-size: 20px;
	line-height: 0;
}

.top-nav-icons::before {
	margin: 0;
}

#top-nav .nav-notification>li.profile .dropdown-menu>li>a .top-nav-icons::before {
	margin: 0;
}

#top-nav .nav-notification>li.profile .dropdown-menu>li>a .top-nav-icons {
	margin-right: 7px;
}

/*end of font icons*/

/*End of nav-notification*/

/*new for responsive*/

#top-nav .row :nth-child(2) {
	text-align: right;
}

#top-nav .nav-notification>li>a.hide-cont {
	display: none;
}

.res-notification {
	display: none;
}

/*end of new for responsive*/

@media screen and (max-width: 1360px) {
	#top-nav {
		/*position: absolute;
                width: 1350px;*/
	}
}

@media screen and (max-width: 992px) {
	#top-nav .nav-notification>li>a.res-hide-cont {
		display: none;
	}
	#top-nav .nav-notification>li>a.hide-cont {
		display: inline-block;
	}
	#top-nav .nav-notification>li {
		text-align: right;
		float: right;
	}
}

/*@media screen and (max-width: 768px) {
			.navbar-left {
				float: left;
				margin: 0;
			}

			.navbar-left > li {
				float: left;
			}
		}*/

@media screen and (max-width: 768px) {
	.navbar-left {
		float: left;
		margin: 0;
	}
	.navbar-left>li {
		float: left;
	}
	#top-nav .nav-notification {
		float: left;
	}
	.res-notification {
		display: block;
		position: absolute;
		right: 15px;
		top: 10px;
		z-index: 1031;
	}
	.res-notification.hide-top {
		top: -25px;
	}
	.res-notification i {
		font-size: 20px;
	}
	.res-hide-navnote {
		display: none;
	}
	.res-top-navnote {
		display: none;
	}
	#top-nav .nav-notification {
		width: 100%;
	}
}

@media screen and (max-width: 505px) {
	#top-nav .easy-autocomplete {
		width: 100% !important;
	}
	#top-search {
		width: 100%;
	}
	/* .nav-notification > li:first-child {
				width: 100%;
			} */
	#top-nav .nav-notification .dropdown-menu {
		right: -40px;
	}
}

/*End of Header*/

/*wrap-menu*/

.wrap-menu {
	display: inline-block;
	position: fixed;
	min-height: 100%;
	min-height: 100vh;
	height: 100%;
	padding-top: 53px;
	/*new*/
	z-index: 11;
	/*-webkit-transition: left .5s ease 0s;
		-moz-transition: left .5s ease 0s;
		-ms-transition: left .5s ease 0s;
		-o-transition: left .5s ease 0s;
		transition: left .5s ease 0s;*/
}

aside {
	height: 100%;
	float: left;
	width: auto;
	position: relative;
	z-index: 100;
}

aside aside svg {
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	margin: 13px;
	width: 25px;
}

aside .main-menu>ul>li>a {
	display: block;
	cursor: pointer;
}

aside .main-menu>ul>li>a .svgicon {
	opacity: 0.6;
}

aside .main-menu>ul>li>a.active .svgicon {
	opacity: 1;
}

aside .main-menu ul li a .text {
	display: inline-block;
	margin: 0 20px 0 0;
	opacity: 0.8;
}

aside .main-menu ul li:hover .text, aside .main-menu ul li:focus .text, aside .main-menu ul li:hover .svgicon, aside .main-menu ul li:focus .svgicon {
	opacity: 0.9;
}

/*sidebar-mini*/

aside.sidebar-mini {
	width: 50px;
	/* min-width: 0px!important; */
}

aside.sidebar-mini .main-menu ul li a .text {
	display: none;
	margin-top: 5px;
	margin-left: 0;
}

aside.sidebar-mini .menu-copyright .copyright>p {
	text-align: center;
	padding: 0;
}

aside.sidebar-mini .arrow-togglepane {
	left: 45%;
}

/*End of sidebar-mini*/

aside .main-menu>ul>li>a, aside .main-menu>ul>li>a:hover, aside .main-menu>ul>li>a:focus {
	color: rgb(255, 255, 255);
	-webkit-transition: color 0.5s ease, background 0.5s ease;
	-moz-transition: color 0.5s ease, background 0.5s ease;
	-ms-transition: color 0.5s ease, background 0.5s ease;
	-o-transition: color 0.5s ease, background 0.5s ease;
	transition: color 0.5s ease, background 0.5s ease;
}

/*font icons*/

aside .aside-font {
	font-size: 25px;
	display: inline-block;
	vertical-align: middle;
	margin: 8px;
	color: rgba(255, 255, 255, 0.6);
}

aside .aside-font:hover {
	color: rgba(255, 255, 255, 0.8);
}

aside .main-menu>ul>li>a.active .aside-font {
	color: rgba(255, 255, 255, 1);
}

/*end of font icons*/

/*first-level*/

aside.first-level {
	min-width: 168px!important;
}

aside.first-level.sidebar-mini {
	min-width: 0px!important;
}

aside.first-level .menu-copyright {
	position: absolute;
	bottom: 0;
	width: 100%;
}

/*copyright*/

aside .main-menu>ul.menu-copyright .text {
	display: initial;
}

.menu-copyright .copyright {
	padding: 18px 0 6px;
}

.menu-copyright .copyright>p {
	text-align: left;
	padding: 0 7px;
	color: #fff;
	opacity: 0.6;
	font-size: 11px;
}

.menu-copyright .copyright>p:first-child {
	font-size: 10px;
	padding: 0 8px;
}

/*End of copyright*/

/*End of first-level*/

/*second-level*/

aside.second-level {
	border-right: 1px solid #ccc;
	width: 220px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	/*new*/
	position: fixed;
	left: 50px;
	top: 0px;
	padding-top: 53px;
	background-color: #fff;
}

aside.second-level.sidebar-mini {
	width: 50px;
	box-shadow: none;
}

aside.second-level .main-menu {
	height: 93%;
	height: -moz-calc(100vh - 100px);
	height: -webkit-calc(100vh - 100px);
	height: calc(100vh - 100px);
	overflow-x: visible;
	overflow-y: visible;
}

aside.second-level .main-menu ul li a .svgicon {
	opacity: 1;
}

#wrapper aside.second-level .main-menu>ul>li>a:hover, #wrapper aside.second-level .main-menu>ul>li>a:focus {
	background: transparent;
}

aside.second-level .main-menu ul li a .text {
	color: rgba(0, 0, 0, 0.8);
	font-family: 'Open-semibold';
}

/*for the second level menu where the icons are font*/

aside.second-level .main-menu>ul>li>a .text {
	margin-left: -7px;
}

aside.second-level .main-menu .sublist svg {
	height: 15px;
}

aside .arrow-togglepane {
	right: auto;
	left: 82%;
}

/*second level submenu*/

aside.second-level .sublist>li {
	padding-left: 13px;
}

aside.second-level .main-menu ul.sublist li a .text {
	font-family: 'Open-regular';
}

aside.second-level .sublist>li>a {
	display: block;
}

aside.second-level .sublist>li.active .svgicon polygon {
	stroke: rgba(0, 0, 0, 0.6);
}

aside.second-level .sublist>li .text {
	opacity: 0.8;
}

aside.second-level .sublist>li.active .text {
	opacity: 1;
	color: rgba(0, 0, 0, 0.6);
}

aside.second-level .sublist svg {
	margin: 0;
}

aside.second-level .sublist>li {
	/*margin-bottom: 5px;*/
	padding: 5px 0 5px 13px;
}

aside.second-level .sublist>li.no-icon {
	/*margin-bottom: 5px;*/
	padding: 5px 0 5px 44px;
}

aside.second-level .main-menu svg {
	margin-right: 5px;
}

aside.second-level .main-menu>ul>li:first-child>svg {
	margin-top: 8px;
	margin-bottom: 8px;
}

aside.second-level .second-level-submenu>li>a svg {
	height: 20px;
}

aside.second-level .main-menu .sublist svg {
	margin-bottom: 2px;
}

/*font icons in second level*/

aside.second-level .main-menu .second-level-icon {
	font-size: 25px;
	display: inline-block;
	vertical-align: middle;
	margin: 8px 5px 8px 8px;
	color: #9B9A9A;
}

aside.second-level .sublist .second-level-icon {
	font-size: 15px;
	margin: 0 5px 0 2px;
}

/*end font icons in second level*/

/*End of second level submenu*/

/*End of second-level*/

@media screen and (max-width: 1360px) {
	/* .wrap-menu, */
	/* Commented by Anvar and bharathi - FPPROD-1098 */
	aside.second-level {
		position: absolute;
	}
}

/* Added by Anvar and bharathi - FPPROD-1098 */

@media screen and (max-width: 1000px) {
	.wrap-menu {
		position: absolute;
	}
}

/* Added by Anvar and bharathi - FPPROD-1098 */

@media screen and (max-width: 768px) {
	aside .aside-font, aside.second-level .main-menu .second-level-icon {
		font-size: 18px;
	}
	aside.second-level .sublist .second-level-icon {
		font-size: 13px;
	}
	aside.second-level {
		left: 40px;
	}
	aside.second-level .sublist .second-level-icon {
		margin: 0 5px 0 -2px;
	}
}

@media screen and (max-width: 480px) {}

/*End of wrap-menu*/

/*detail-menu*/

.detail-menu-wrap {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1003;
	overflow-y: auto;
}

.detail-menu {
	margin: 53px 30px 0;
	color: #fff;
}

.detail-menu>.row {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 30px 0;
}

.detail-menu>.row:last-child {
	border-bottom: none;
}

.detail-menu>.row>div>ul {
	padding-left: 38px;
}

.menu-icon {
	position: relative;
	padding: 15px 15px 15px 0;
}

.menu-icon .heading {
	font-size: 16px;
	font-family: 'Open-bold';
}

.menu-icon:before {
	position: absolute;
	top: 10px;
	left: -40px;
	/*content: '';
		background-image: url(../svg/sb_icon_home.svg);*/
	font-size: 25px;
	color: #fff;
}

.detail-menu a>h3 {
	color: #fff;
}

.menu-icon {
	color: #fff;
}

.menu-icon .submenu-list {
	padding-top: 10px;
}

.menu-icon .submenu-list>li {
	margin-bottom: 5px;
	padding-left: 0;
}

.menu-icon .submenu-list.with-subheader>li {
	padding-left: 15px;
}

.menu-icon .submenu-list>li>a {
	color: #fff;
	opacity: 0.6;
}

.menu-icon .submenu-list>li>a:hover {
	color: #fff !important;
	opacity: 1;
}

.menu-icon .submenu-list>li.submenu-head {
	font-family: "Open-semibold";
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 14px;
}

.menu-icon .submenu-list>li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.menu-icon .submenu-list {
		padding-top: 20px;
	}
}

/*End of detail-menu*/

/*hide header and wrap-menu*/

#top-nav.hide-top {
	top: -54px;
	/*-webkit-transition: top .2s ease .5s;
		-moz-transition: top .2s ease .5s;
		-ms-transition: top .2s ease .5s;
		-o-transition: top .2s ease .5s;
		transition: top .2s ease .5s;*/
}

/*End of hide header and wrap-menu*/

/*content-wrap*/

/*new css*/

.content-wrap {
	margin-left: 100px;
	height: auto;
	padding-top: 54px;
}

.without-second-level-menu.content-wrap {
	margin-left: 50px;
}

/*main-container*/

#main-container {
	padding-bottom: 7px;
	min-height: auto;
}

#main-container>.breadcrumb-heading {
	position: fixed;
	width: 93%;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	z-index: 5;
	padding: 7px 10px 5px 10px;
	border-bottom: 1px solid #ccc;
}

.popup-sample {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.without-second-level-menu #main-container>.breadcrumb-heading {
	width: 96.4%;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
}

.breadcrumb-heading .grid-thumb {
	font-size: 20px;
}

.breadcrumb-heading i.grid-thumb:before {
	margin: 0;
}

#main-container .brdcrb-fullwid, .fp_breadcrum_open .breadcrumb-heading {
	width: 100% !important;
}

.fp_breadcrum_open .popup {
	top: 75px;
}

#main-container svg {
	height: 16px;
	width: 25px;
	cursor: pointer;
	fill: rgba(0, 0, 0, 0.6);
}

#main-container .p-icon svg {
	fill: rgba(0, 0, 0, 0.4);
}

/*breadcrumb-navtoggle*/

.breadcrumb {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent;
}

.breadcrumb>a {
	font-size: 12px;
}

.breadcrumb>li+li:before {
	content: "\003e";
	font-size: 10px;
}

.breadcrumb>li:last-child {
	cursor: default;
}

/*responsive breadcrumb*/

.bc-list {
	display: none;
	padding: 0 6px 0 2px;
}

/*end of responsive breadcrumb*/

/*font icons*/

.breadcrumb>li+li.zylog-angle-right::before {
	content: '\f105';
	font-size: 13px;
	margin: 0 2px;
}

/*end of font icons*/

.togglenavbar {
	float: right;
	padding: 0;
}

.togglenavbar>a {
	margin: 0 10px;
}

.togglenavbar>a>i {
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.togglenavbar>a>i.rotateup {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*End of breadcrumb-navtoggle*/

/*main-heading*/

.main-heading, .main-heading h1 {
	margin: 5px 0;
}

.main-heading>ul>li {
	padding: 0;
}

.main-heading h1 {
	font-family: 'Open-bold';
	line-height: normal;
}

.main-heading>div .zylog-btn:first-child {
	margin-right: 2px;
}

.main-heading div.pull-right {
	padding-right: 10px;
}

/*End of main-heading*/

/*layout-panel*/

/*End of layout-panel*/

.layout-panel {
	display: inline-block;
	/*width: calc(100vw - 100px);*/
	width: 100%;
	/*width is changed due to chrome issue*/
	padding: 0;
	position: relative;
	top: 75px;
}

.layout-panel1 {
	top: 75px;
}

.layout-panel.no-headermenu {
	width: 100%;
	width: 100vw;
}

.wizard-panel {
	top: 142px;
}

.left-panel, .center-panel {
	padding: 0;
	display: block;
	float: left;
	border: none;
	position: relative;
}

.left-panel {
	display: block;
}

.layout-panel .center-panel {
	width: 100%;
}

#main-container .single-panel .center-panel {
	width: 100%;
	border: none;
	padding: 10px;
}

/*left-panel*/

.left-panel .arrow-togglepane {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	top: 15px;
	bottom: auto;
	left: 7px;
}

.arrow-togglepane {
	position: absolute;
	right: -10px;
	bottom: 8px;
	padding: 3px;
	font-size: 14px;
	cursor: pointer;
	z-index: 2;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.layout-panel .wrap-leftpanel-cont {
	display: none;
}

/*font icons*/

.left-panel .arrow-togglepane i.zylog-font-icon.zylog-angle-right:before {
	margin: -5px;
}

/*end of font icons*/

/*schedule-meridian*/

.schedule-meridian>span {
	padding: 3px 10px;
	background: #00af50;
	color: #fff;
	display: inline-block;
}

.schedule-meridian>span:last-child {
	background: #ff0066;
}

/*End of schedule-meridian*/

/*date-time*/

.date-time {
	padding: 7px 0px 9px;
	/*border-bottom: 1px solid #ccc;*/
}

.date-time>span {
	font-size: 13px;
}

/*End of date-time*/

/*customer-details*/

.left-panel .customer-details {
	margin: 0px 0px 5px;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
}

/*End of customer-details*/

/*left-panel-columns*/

#left-panel-columns .panel-body {
	padding-left: 0px;
	padding-right: 0px;
}

/*End of left-panel-columns*/

/*End of left-panel*/

/*on left panel open*/

.layout-panel.leftpanel-open .left-panel {
	width: 25%;
	padding: 10px;
}

.layout-panel .center-panel {
	padding: 10px;
	margin-left: 0;
}

.layout-panel.leftpanel-open .center-panel {
	width: 75%;
	padding: 10px;
	margin-left: 0;
}

.layout-panel.leftpanel-open .wrap-leftpanel-cont {
	display: block;
}

.layout-panel.leftpanel-open .arrow-togglepane {
	right: -5px;
	left: auto;
}

.layout-panel .center-panel {
	padding-left: 15px;
}

/*End of on left panel open*/

/*fixed layout panel*/

.layout-panel.leftpanel-open.fixed-left-panel .left-panel {
	position: fixed;
	z-index: 10;
	width: 23%;
	top: 124px;
}

.layout-panel.fixed-left-panel .left-panel.adjust-top {
	top: 0 !important;
}

.layout-panel.leftpanel-open.fixed-left-panel .left-panel.fixed-left-width {
	width: 25%;
}

.layout-panel.leftpanel-open.fixed-left-panel .center-panel {
	margin-left: 25%;
}

/*below 1360*/

@media screen and (max-width: 1360px) {
	.layout-panel.leftpanel-open.fixed-left-panel .left-panel {
		position: relative;
		top: 0 !important;
		z-index: 1;
	}
	.layout-panel.leftpanel-open.fixed-left-panel .center-panel {
		margin-left: 0;
	}
}

/*end of fixed layout panel*/

/*center-panel*/

/*instructions-notes*/

.panel-body .inst-notes-cont>h4 {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	font-size: 13px;
	padding: 9px 15px;
	background: #fcfcfc;
}

.inst-notes-cont h4>span>i.zylog-angle-down:first-child {
	/* border-right: 1px solid #e2e2e2; */
	margin-right: 0px;
}

.inst-notes-cont>h4:before, .inst-notes-cont>h4:after {
	display: table;
	content: '';
}

.inst-notes-cont>h4:after {
	clear: both;
}

.inst-notes-cont h4>span {
	display: inline;
	float: left;
}

.inst-notes-cont .noteinst-ovfcont {
	display: inline;
	text-overflow: ellipsis;
	float: left;
	width: 75%;
	white-space: nowrap;
	overflow: hidden;
}

.noteinst-ovfcont {
	padding: 3px 0;
}

.inst-notes-cont .inst-show-cont {
	cursor: pointer;
}

.inst-notes-cont .noteinst-ovfcont.active {
	white-space: normal;
}

.panel-body .inst-notes-cont>h4:last-child {
	border-bottom: none;
}

.panel-body .inst-notes-cont>h4>svg {
	float: left;
	margin-right: 8px;
}

.panel-body>.inst-notes-cont {
	border: 1px solid #ebebeb;
}

/*End of instructions-notes*/

/*Equipments*/

.panel-title>a>.notification-label {
	position: relative;
	font-size: 9px;
	margin: 0 12px;
	padding: 2px;
	bottom: auto;
	top: -2px;
}

.panel-title span.notification-label {
	position: relative;
	font-size: 9px;
	margin: 0 12px;
	padding: 2px;
	bottom: auto;
	top: -2px;
}

/*End of Equipments*/

/*center panel button alignment*/

.center-panel .panel-body .row>div.text-right {
	padding-right: 0;
	padding-left: 0;
}

/*end of center panel button alignment*/

/*End of center-panel*/

/*right-panel*/

.popup {
	position: fixed;
	left: 0px;
	z-index: 100;
	width: 100%;
	top: 53px;
	height: 96.2%;
	height: -moz-calc(100% - 52px);
	height: -webkit-calc(100% - 52px);
	height: calc(100% - 52px);
	background: rgba(0, 0, 0, 0.3);
}

.right-panel {
	position: fixed;
	right: 0;
	height: 96.2%;
	height: -moz-calc(100% - 52px);
	height: -webkit-calc(100% - 52px);
	height: calc(100% - 52px);
	width: 50px;
	box-shadow: -1px 0 6px rgba(0, 0, 0, 0.2);
	z-index: 500;
}

.right-panel-cont {
	height: 100%;
}

#main-container .right-panel .right-panel-cont .heading svg {
	height: 26px;
}

/*font icons*/

.right-panel .right-panel-cont .heading .save-cancel-icon, .modal.db-job-popup .heading .save-cancel-icon {
	font-size: 25px;
	line-height: 0;
	color: rgba(0, 0, 0, 0.6);
}

.right-panel .right-panel-cont .heading .save-cancel-icon:before, .modal.db-job-popup .heading .save-cancel-icon:before {
	margin: 0;
}

/*end of font icons*/

.right-panel-cont .wrap-right-cont .heading ul {
	padding: 10px;
}

.right-panel .right-panel-cont>ul {
	position: relative;
	height: 100%;
}

.right-panel ul>.list-inline {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	position: absolute;
	top: 20%;
	left: -80px;
	margin: 0;
	width: 212px;
	text-align: right;
	font-family: "open-bold";
}

.wrap-right-cont .customer-details, .equipment_popup {
	height: 87%;
	height: -moz-calc(100vh - 180px);
	height: -webkit-calc(100vh - 180px);
	height: calc(100vh - 180px);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 10px 10px;
}

.previewpopup .wrap-right-cont .customer-details {
	height: 95.6%;
	height: -moz-calc(100% - 60px);
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
}

.previewpopup .wrap-right-cont {
	height: 100%;
}

.imagepreviewpopup .wrap-right-cont {
	height: 100%;
}

.wrap-right-cont .heading>h1 {
	font-size: 15px;
	padding: 10px;
	color: #fff;
}

.right-panel>.right-panel-cont>.arrow-togglepane {
	right: auto;
	left: 30%;
}

.right-panel .wrap-right-cont form {
	margin: 0;
}

/*panel-bodytitle*/

.right-panel .item {
	padding: 10px 0;
	border-bottom: 1px solid #e6e6e6;
}

.right-panel .select-addr .item {
	border-bottom: none;
}

.right-panel .item .addr-icon {
	margin-right: 2px;
}

.right-panel .item>.panel-bodytitle .addr-icon svg {
	height: 30px;
}

.right-panel .item .addr-icon.selected svg path, .addr-icon.selected svg path {
	fill: #00af50;
}

.right-panel .item .addr-icon.selected i, .addr-icon.selected i {
	color: #00af50;
}

.right-panel .item>.panel-bodytitle {
	padding: 5px 0;
}

a.p-icon:hover svg path, a.p-icon.active svg path {
	fill: #00af50;
}

a.p-icon:hover i, a.p-icon.active i {
	color: #00af50;
}

.panel-bodytitle span i {
	font-size: 16px;
	padding: 0 4px;
}

.right-panel .panel-bodytitle span i {
	font-size: 20px;
	padding-right: 0;
}

.panel-bodytitle h3 {
	padding-left: 8px;
}

.right-panel .panel-bodytitle h3 {
	padding-left: 0;
	padding-top: 6px;
}

/*End of panel-bodytitle*/

/*rightpanel-open*/

.right-panel.rightpanel-open {
	width: 300px;
}

.right-panel.rightpanel-open.customer-lookup {
	width: 75%;
}

.right-panel.rightpanel-open.customer-lookup .customer-details {
	/*background-color: #fff;*/
	/* padding: 10px; */
	padding: 5px 10px;
}
.ui-confirmdialog.ui-widget-content,
.ui-confirmdialog .ui-widget-content{
	border:none;
 }
 .ui-confirmdialog.ui-dialog .ui-dialog-content {
	 padding: 20px 2em 1em 2em;
 }
 .ui-dialog .ui-dialog-titlebar-icon span{
	 font-size:20px
 }
 .ui-dialog .ui-dialog-titlebar-icon:hover{
	 color: #fff !important;
 }
.layout-bg .ui-widget-content{
	background: #fafbfd;
}

.right-panel.rightpanel-open.customer-Type {
	width: 50%;
}

.right-panel.rightpanel-open.addSitepopup{
	width:65%;
}

.right-panel.rightpanel-open.addSitepopup .customer-details {	
	padding: 10px;
}

.right-panel.rightpanel-open.customer-Type .customer-details {	
	padding: 10px;
}

.right-panel.rightpanel-open .arrow-togglepane {
	left: 5px;
}

.right-panel.rightpanel-open.attachment-panel {
	width: 600px;
}

/*End of rightpanel-open*/

/*hide right-pane*/

.right-panel.hide-right-pane {
	right: -300px;
}

/*End of hide right-pane*/

/*get rema height*/

.right-panel.get-rem-height {
	top: 0px;
	height: 100%;
}

/*End of get rema height*/

/*font icons*/

.right-panel .zylog-font-icon.zylog-angle-double-right:before {
	margin: 0;
}

.right-panel .zylog-font-icon.zylog-angle-double-right {
	margin-right: 0;
}

/*end of font icons*/

/*right panel in vendor management*/

/*end of right panel in vendor management*/

/*End of right-panel*/

/*End of main-container*/

@media screen and (max-width: 1360px) {
	
	.without-second-level-menu #main-container>.breadcrumb-heading {
		width: 100%;
	}
	
	.layout-panel1 {
		top: 0 !important;
	}
	.layout-panel.leftpanel-open .left-panel, .layout-panel.leftpanel-open.fixed-left-panel .left-panel {
		width: 30%;
	}
	.layout-panel.leftpanel-open .center-panel {
		width: 70%;
	}
	.fixed-left-panel.layout-panel.leftpanel-open.no-headermenu .center-panel {
		width: 75%;
	}
	.inst-notes-cont h4>span.font-regular {
		width: 80%;
	}
	/*right panel*/
	.popup {
		/* top: 0; */
		z-index: 999;
		height: 100%;
		height: 100vh;
	}
	.right-panel {
		height: 100%;
		height: 100vh;
	}
	.wrap-right-cont .customer-details {
		height: 512px;
		height: -moz-calc(100vh - 130px);
		height: -webkit-calc(100vh - 130px);
		height: calc(100vh - 130px);
	}
	/*end of right panel*/
}

@media screen and (max-width: 1200px) {
	.layout-panel.leftpanel-open .left-panel, .layout-panel.leftpanel-open.fixed-left-panel .left-panel {
		width: 40%;
	}
	.layout-panel.leftpanel-open .center-panel {
		width: 60%;
	}
	.inst-notes-cont .noteinst-ovfcont, .inst-notes-cont h4>span.font-regular {
		width: 70%;
	}
}

@media screen and (max-width: 992px) {
	
	.layout-panel.leftpanel-open .left-panel, .layout-panel.leftpanel-open.fixed-left-panel .left-panel {
		width: 47%;
	}
	.layout-panel.leftpanel-open .center-panel {
		width: 53%;
	}
	.inst-notes-cont .noteinst-ovfcont, .inst-notes-cont h4>span.font-regular {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.layout-panel {
		width: 100%;
	}
	#main-container>.breadcrumb-heading {
		/* position: relative; */
		width: 100%;
	}
	/* hided for Elixir mobile view */
	/* .layout-panel { */
		/* top: 0 !important; */
	/* } */
	.layout-panel .wrap-leftpanel-cont {
		display: block;
	}
	.layout-panel.leftpanel-open .left-panel, .layout-panel.leftpanel-open.fixed-left-panel .left-panel, .layout-panel.leftpanel-open.fixed-left-panel.no-headermenu .left-panel {
		width: 100%;
		padding-bottom: 0;
	}
	.fixed-left-panel.layout-panel.leftpanel-open.no-headermenu .center-panel {
		width: 100%;
	}
	.right-panel.rightpanel-open.customer-Type {
		width: 100%;
	}
	.right-panel.rightpanel-open.addSitepopup{
		width:100%;
	}
	.left-panel {
		width: 100%;
		padding: 10px;
		padding-bottom: 0;
	}
	.layout-panel.leftpanel-open .center-panel {
		width: 100%;
		padding-top: 0;
	}
	.layout-panel .center-panel {
		padding-left: 10px;
	}
	.layout-panel.leftpanel-open .arrow-togglepane {
		display: none;
	}
	.wrap-menu {
		display: none;
	}
	.content-wrap {
		margin-left: 0;
	}
	.res-changes .content-wrap, .res-changes .wrap-menu, .res-changes aside.second-level.sidebar-mini {
		padding-top: 102px;
	}
	.res-changes .detail-menu {
		margin-top: 103px;
	}
	#main-container .main-heading h1 {
		/*width: calc(100vw - 60%);*/
		/*width: 94.1%;*/
		width: -moz-calc(100vw - 80px);
		width: -webkit-calc(100vw - 80px);
		width: calc(100vw - 80px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.bc-list {
		display: inline-block;
	}
	.bc-list .dropdown-menu {
		border-radius: 2px;
	}
	.bc-list .dropdown-menu>li>a {
		font-family: 'open-regular';
	}
	.bc-list .zylog-font-icon {
		font-size: 18px;
		margin: 0 4px;
	}
	#main-container .breadcrumb {
		display: none;
	}
	#main-container>.breadcrumb-heading {
		padding-top: 0;
	}
	#main-container .main-heading> :nth-child(2) {
		width: 100%;
		text-align: right;
	}
	#main-container .main-heading .menudecline-button{
		width:auto;
	}
	.ui-datatable table{
		table-layout:fixed !important;
	}
	.breadcrumb-heading .togglenavbar {
		position: absolute;
		right: 0;
		top: 11px;
	}
	.right-panel.rightpanel-open.customer-lookup {
		width: 100%;
	}
	.without-second-level-menu.content-wrap {
		margin-left: 0;
	}
	.togglenavbar>a {
		margin: 0 17px;
	}
	.content-wrap {
		padding-top: 50px;
	}
}

@media screen and (max-width: 480px) {
	.wrap-right-cont .heading>h1 {
		font-size: 12px;
	}
	.res-changes .content-wrap, .res-changes .wrap-menu, .res-changes aside.second-level.sidebar-mini {
		padding-top: 141px;
	}
	.res-changes .detail-menu {
		margin-top: 143px;
	}
	.right-panel.rightpanel-open {
		width: 100%;
	}
}

/*End of content-wrap*/

/*zylog login*/

.cover-page {
	height: 100%;
	width: 100%;
}

.login-form {
	position: absolute;
	height: 435px;
	width: 295px;
	background-color: #ffffff;
	right: 11.5%;
	top: 50%;
	bottom: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.zylog-logo {
	margin: 0 auto;
	display: table;
}

.logo-padding {
	padding: 20px 0;
}

form.form-margin {
	margin: 27px 0 0;
}

form.brand-margin {
	margin: 38px 0 0;
}

form .form-group.form-padding {
	padding: 4px 18px 0;
}

button.btn-margin {
	margin: 10px auto;
}

button.btn-properties {
	width: 259px;
	height: 30px;
	color: #ffffff;
	font-size: 13px;
	font-family: "Open-semibold";
	width: 86.5%;
	width: -moz-calc(100% - 35px);
	width: -webkit-calc(100% - 35px);
	width: calc(100% - 35px);
	display: table;
}

button.btn-properties:hover {
	color: #ffffff;
}

button.btn-properties:focus {
	color: #ffffff;
}

.forgot-a {
	font-size: 13.6px;
}

.a-gap {
	margin: 18px 0 24px;
}

.login-need {
	position: absolute;
	bottom: 7px;
	width: 100%;
	left: 0;
	padding-right: 4px;
}

.need-ul>li {
	width: 45%;
}

.need-clr {
	font-size: 11px;
}

.at_2016, .at_2016:hover, .at_2016:focus {
	color: #7f7f7f;
	font-size: 10px;
}

.position-login {
	position: relative;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.login-form {
		top: 50%;
		left: 50%;
		right: 0px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-width: 480px) {
	.login-form {
		width: 80%;
	}
}

/*end of zylog login*/

/*switch-toggletable*/

.switch-toggletable table thead th {
	width: 10%;
}

.switch-toggletable table thead th:first-child {
	width: auto;
}

.switch-toggletable table tbody tr td .switch {
	display: table;
	margin: 5px auto;
}

/*End of switch-toggletable*/

/*company detail page*/

.create-compmaster .panel nav {
	margin: 0 6px;
}

.create-compmaster pre {
	overflow: hidden;
	border-radius: 0;
}

.field-info-notes {
	position: absolute;
	bottom: 11%;
	right: 3px;
	margin: -1px 0;
}

#main-container .field-info-notes svg {
	fill: #45b5db;
}

#main-container .field-info-notes i {
	color: #45b5db;
	font-size: 18px;
}

#right-panel .field-info-notes svg {
	fill: #45b5db;
}

#right-panel .field-info-notes i {
	color: #45b5db;
	font-size: 18px;
}
#main-container .util-info-notes svg {
	fill: #45b5db;
}

#main-container .util-info-notes i {
	color: #45b5db;
	font-size: 18px;
}

#right-panel .util-info-notes svg {
	fill: #45b5db;
}

#right-panel .util-info-notes i {
	color: #45b5db;
	font-size: 18px;
}

/*End of company detail page*/

/*master table*/

.master-table {
	min-height: 91.3%;
	min-height: -moz-calc(100vh - 120px);
	min-height: -webkit-calc(100vh - 120px);
	min-height: calc(100vh - 120px);
	/*background: #fff;*/
	padding: 10px 10px 0;
}

.right-panel .master-table {
	padding: 0;
}

.pagination {
	border-radius: 0;
}

.master-table .pagination-detail .dropdown-toggle, .master-table .pagination>li>a {
	font-size: 13px;
	color: #000;
	border-radius: 0;
	box-shadow: none;
	height: 30px;
	line-height: 1;
}

.master-table .pagination>li.active>a {
	color: #fff;
}

/* .table-searchfield {
	margin-bottom: 10px;
} */

.collapse-field.zylog-defaultpad>form>.row> :nth-child(1) {
	padding-left: 0;
	padding-right: 0;
	/*padding: 2px 5px;*/
}

.collapse-field.zylog-defaultpad>.row> :nth-child(1) {
	padding: 0;
}

.collapse-field.zylog-defaultpad form.row {
	margin: 2px -5px 8px;
}

.right-panel .collapse-field.zylog-defaultpad>.row>div {
	padding-left: 0;
	padding-right: 0;
}

.right-panel .collapse-field.zylog-defaultpad>.row> :nth-child(2) {
	padding: 2px 5px;
}

.panel-body form.row, .panel-body .collapse-field.zylog-defaultpad .row {
	padding-left: 0;
	padding-right: 0;
}

/*font icons*/

.form-group .position-r input .table-searchfield .inner-addon>button {
	/*padding: 0 4px;
			margin: 4px 0;*/
	border: medium none;
	z-index: 2;
	pointer-events: auto;
}

.table-searchfield .inner-addon>button:hover, .table-searchfield .inner-addon>button:focus, .table-searchfield .inner-addon>button:active {
	background: none;
	box-shadow: none;
}

/*end of font icons*/

.table-searchfield .inner-addon {
	margin: 0;
}

.master-table .fixed-table-toolbar .btn-group .btn-default, .master-table .fixed-table-toolbar .btn-group .dropdown-toggle {
	background-color: transparent;
	border-color: transparent;
}

.fixed-table-toolbar {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 480px) {}

/*End of master table*/

/*table-hover toggle icon*/

.table-hovericons tr .tableinr-icon .btn-group {
	opacity: 0;
}

.table-hovericons tr:hover .btn-group, .table-hovericons tr .btn-group .btn:hover {
	opacity: 1;
}

.tableinr-icon .btn-default {
	border: medium none;
	padding: 0px;
	background: transparent none repeat scroll 0% 0%;
	opacity: 0.3;
	font-size: 12px;
	line-height: 1.4;
	-webkit-transition: opacity .5s ease 0s;
	-moz-transition: opacity .5s ease 0s;
	-ms-transition: opacity .5s ease 0s;
	-o-transition: opacity .5s ease 0s;
	transition: opacity .5s ease 0s;
}

.tableinr-icon .btn-default i, .tableinr-icon .btn-default:last-child {
	margin: 0 2px;
	font-size: 15px;
}

/*font icons*/

td .zylog-tb_edit, td .zylog-tb_delete {
	font-size: 15px;
}

/*end of font icons*/

@media screen and (max-width: 768px) {
	.table-hovericons tr .tableinr-icon .btn-group {
		opacity: 1;
	}
}

@media screen and (max-width: 480px) {}

/*End of table-hover toggle icon*/

/*upload with image*/

.image-preview-input, .image-preview-input1, .image-preview-input2, .image-preview-input3, .image-preview-input4, .image-preview-input-user, .image-preview-input-wom, .image-preview-input-wod-attach {
	position: relative;
	overflow: hidden;
	margin: 0px;
	background-color: #fff;
	border-color: #ccc;
	/*margin-top: 17px;*/
	height: 30px;
	border-radius: 0;
	font-family: "Open-semibold";
	font-size: 13px;
	padding: 4px 12px;
	color: #000000;
}

.form-group div.input-group {
	width: 100%;
}

.image-preview span.input-group-btn, .image-preview1 span.input-group-btn, .image-preview2 span.input-group-btn, .image-preview3 span.input-group-btn, .image-preview4 span.input-group-btn, .image-preview-user span.input-group-btn, .image-preview-wom span.input-group-btn, .image-preview-wod-attach span.input-group-btn {
	position: absolute;
	z-index: 2;
	width: auto;
	right: 0;
}

.image-preview-input:hover, .image-preview-clear:hover, .image-preview-input:focus, .image-preview-clear:focus, .image-preview-input1:hover, .image-preview-clear1:hover, .image-preview-input1:focus, .image-preview-clear1:focus, .image-preview-input2:hover, .image-preview-clear2:hover, .image-preview-input2:focus, .image-preview-clear2:focus, .image-preview-input3:hover, .image-preview-clear3:hover, .image-preview-input3:focus, .image-preview-clear3:focus, .image-preview-input4:hover, .image-preview-clear4:hover, .image-preview-input4:focus, .image-preview-clear4:focus, .image-preview-input-user:hover, .image-preview-clear-user:hover, .image-preview-input-user:focus, .image-preview-clear-user:focus, .image-preview-input-wom:hover, .image-preview-clear-wom:hover, .image-preview-input-wom:focus, .image-preview-clear-wom:focus, .image-preview-input-wod-attach:hover, .image-preview-clear-wod-attach:hover, .image-preview-input-wod-attach:focus, .image-preview-clear-wod-attach:focus {
	background-color: #fff;
}

.image-preview-clear, .image-preview-clear1, .image-preview-clear2, .image-preview-clear3, .image-preview-clear4, .image-preview-clear-user, .image-preview-clear-wom, .image-preview-clear-wod-attach {
	/*margin-top: 17px;*/
	height: 30px;
	border-radius: 0;
	font-family: "Open-semibold";
	font-size: 13px;
	padding: 5px 12px;
	color: #000000;
}

.image-preview-filename[readonly], .image-preview-filename[disabled], .image-preview-filename1[readonly], .image-preview-filename1[disabled], .image-preview-filename2[readonly], .image-preview-filename2[disabled], .image-preview-filename3[readonly], .image-preview-filename3[disabled], .image-preview-filename4[readonly], .image-preview-filename4[disabled], .image-preview-filename-user[readonly], .image-preview-filename-user[disabled], .image-preview-filename-wom[readonly], .image-preview-filename-wom[disabled], .image-preview-filename-wod-attach[readonly], .image-preview-filename-wod-attach[disabled] {
	border: 1px solid #ccc;
	background: #ffffff;
	font-family: "Open-semibold";
	font-weight: normal;
	font-style: normal;
}

.image-preview-input input[type=file], .image-preview-input1 input[type=file], .image-preview-input2 input[type=file], .image-preview-input3 input[type=file], .image-preview-input4 input[type=file], .image-preview-input-user input[type=file], .image-preview-input-wom input[type=file], .image-preview-input-wod-attach input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
}

.image-preview-input-title, .image-preview-input-title1, .image-preview-input-title2, .image-preview-input-title3, .image-preview-input-title4, .image-preview-input-title-user, .image-preview-input-title-wom, .image-preview-input-title-wod-attach {
	margin-left: 2px;
}

/*end of upload image*/

/*company master detail*/

form[data-toggle="validator"] .same-address {
	margin-bottom: 14px;
}

input[type=radio], input[type=checkbox] {
	margin: 1px 0 0;
}

/*for textarea*/

textarea {
	resize: none;
}

.thumb-image {
	float: left;
	width: 100px;
	position: relative;
	padding: 5px;
}

#main-container svg.calendar-size {
	height: 20px;
	width: 20px;
}

.enable-pad {
	padding: 10px 5px;
}

.panel-body .row {
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
}

.panel-body form.row {
	margin: 2px 3px 8px;
}

.panel-body>form>.row {
	padding-left: 0;
	padding-right: 0;
}

.panel-body .thumb-view .row {
	padding-left: 15px;
	padding-right: 15px;
}

.image-file {
	position: absolute;
	bottom: 7px;
	left: 10px;
}

.note-pad {
	padding-right: 5px;
	padding-left: 5px;
}

.logo-info {
	color: rgba(0, 0, 0, 0.7);
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

.max-file {
	position: absolute;
	top: 3px;
	right: 14px;
	color: rgba(0, 0, 0, 0.7);
	font-size: 11px;
}

/*timepicker*/

.row-custom p {
	display: table-cell;
}

.form-margin1 {
	margin: 0 20px;
}

.border_zero {
	border-radius: 0;
	background-color: #ffffff;
}

.form-timepicker label {
	width: 95px;
	margin: 0 15px;
}

.form-timepicker label.day-label {
	margin-left: 0;
	padding-left: 0;
}

.pad-l-0 {
	padding-left: 0;
}

.form-inline .control-label {
	text-align: right;
}

.i-list>li:first-child {
	padding-right: 0;
}

.i-list>li:last-child {
	padding-left: 0;
}

.input-group-addon {
	padding: 6px 12px 5px;
}

.btn-align {
	margin: 0 8px;
}

.right-panel .btn-align {
	margin: 0 6px;
}

.form-inline .checkbox label.padding-24 {
	padding-left: 25px;
}

/*datepicker*/

.input-group.date, #configure-popup .input-group.date {
	width: 100%;
}

.date .input-group-addon.calendar-position, #configure-popup .input-group-addon.ta-tym {
	z-index: 2;
	padding: 2px 15px;
	border: medium none;
}

/*new*/

.business-hrs ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

@media screen and (max-width: 1250px) {
	.business-hrs.form-inline .input-group>.form-control {
		width: 75px;
	}
	.form-timepicker label {
		margin: 0;
	}
	.business-hrs ul>li {
		padding: 0;
	}
}

@media screen and (max-width: 992px) {
	.business-hrs ul>li:nth-child(2), .business-hrs ul>li:nth-child(4) {
		width: 128px;
	}
	.business-hrs ul>li:first-child {
		width: 100%;
	}
	.business-hrs ul>li:first-child label {
		text-align: left;
		padding: 0 8px;
	}
}

/*end of company master detail */

/*bootstrap select button*/

.bootstrap-select .btn, .bootstrap-select .btn:hover, .bootstrap-select .btn:focus {
	font-size: 13px;
	color: #000;
	border-radius: 0;
	box-shadow: none;
	height: 30px;
	padding: 4px 7px;
	background-color: #ffffff;
	font-family: "Open-semibold";
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.bootstrap-select .dropdown-menu {
	font-size: 13px;
	color: #000;
	border-radius: 0;
	box-shadow: none;
	padding: 4px 0px;
	font-family: "Open-semibold";
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.bootstrap-select .dropdown-menu>li>a {
	padding: 4px 7px;
}

/*end of bootstrap select button*/

/*technician management*/

.display-name {
	margin: 10px;
	border-bottom: 1px solid #e6e6e6;
}

.display-name-edit {
	position: absolute;
	top: 0;
	right: 0;
}

.photo-border {
	border-bottom: 1px solid #e6e6e6;
}

.bottom-0 {
	margin-bottom: 0;
}

button.moveall, button.move, button.removeall, button.remove {
	border-radius: 0;
}

.bootstrap-duallistbox-container .info {
	padding-left: 8px;
}

.bootstrap-duallistbox-container .move, .bootstrap-duallistbox-container .remove, .bootstrap-duallistbox-container .moveall, .bootstrap-duallistbox-container .removeall {
	width: 50%;
}

.display-name .note-clr {
	padding: 0;
}

/*end of technician management*/

/* Form Field - Browse */

.input-group .form-control {
	margin-bottom: 2px;
}

.input-group.date .form-control {
	margin-bottom: 0px;
}

.input-group-addon {
	padding: 3px 12px 3px;
}

/* End of Form Field - Browse */

/*user management*/

.user-links {
	position: absolute;
	top: 2px;
	right: 10px;
}

.user-check-column {
	padding-left: 23px;
}

.checkbox-top {
	height: 53px;
	vertical-align: center;
}

.mobile-phone :nth-child(1) {
	padding-left: 0;
}

.mobile-phone :nth-child(2) {
	padding-right: 0;
}

.note-btm {
	margin-bottom: 10px;
}

/*note*/

.note-box .row>div:last-child {
	text-align: right;
	padding-right: 10px !important;
}

/*end of note*/

/*end of user management*/

/*role-privileges*/

@media screen and (max-width: 992px) {
	#role-div .role-priveldge>li {
		width: 100%;
		padding: 0;
		margin: 5px;
	}
	#role-div .role-priveldge>li .note-clr {
		margin: 0;
	}
	.note-box .row>div:last-child {
		text-align: left;
		margin-left: 39px;
	}
}

/*end of role-privileges*/

/*priority/sla master*/

#priority_sla_details form .form-group .row> :nth-child(1) {
	padding-left: 0;
	padding-right: 5px;
}

#priority_sla_details form .form-group .row> :nth-child(2) {
	padding-left: 5px;
	padding-right: 5px;
}

#priority_sla_details form .form-group .row> :nth-child(3) {
	padding-left: 5px;
	padding-right: 0;
}

#new-psla-popup form .form-group .row> :nth-child(1), #edit-psla-popup form .form-group .row> :nth-child(1) {
	padding-right: 5px;
}

#new-psla-popup form .form-group .row> :nth-child(2), #edit-psla-popup form .form-group .row> :nth-child(2) {
	padding-left: 5px;
	padding-right: 5px;
}

#new-psla-popup form .form-group .row> :nth-child(3), #edit-psla-popup form .form-group .row> :nth-child(3) {
	padding-left: 5px;
}

/*end of priority/sla master*/

/*scheduling preferences*/

.radio-inline.radio-position input[type="radio"] {
	left: -3px;
	top: 5px;
}

.sp-label {
	color: #000000;
	font-size: 12px;
}

.travel-distance-box input {
	/*margin-bottom: 12px;*/
}

/*new page*/

.scheduling-defaultpad {
	/*padding: 10px 39px;*/
}

.scheduling-box {
	padding: 10px;
	margin: 5px;
	border: 1px solid #ccc;
	text-align: center;
	height: 184px;
	position: relative;
	cursor: pointer;
}

.adjust-scheduling-box>div:first-child .scheduling-box {
	/*margin-left: 0;*/
}

.adjust-scheduling-box>div:last-child .scheduling-box {
	/*margin-right: 0;*/
}

.radio-section .scheduling-box {
	/*margin: 5px 0;*/
}

.scheduling-box.selected-scheduling-box {
	background-color: #fff;
}

.scheduling-box.readonly-scheduling-box {
	background-color: transparent;
}

.adjust-row {
	padding: 0;
}

.adjust-row>div:first-child {
	padding-left: 0;
	padding-right: 5px;
}

.adjust-row>div:last-child {
	padding-right: 0;
	padding-left: 5px;
}

.selected-scheduling-box.readonly-scheduling-box, .selected-scheduling-box.readonly-scheduling-box i {
	cursor: auto;
}

.scheduling-box .scheduling-box-icon {
	font-size: 60px;
	color: #565656;
	opacity: 0.5;
}

.selected-scheduling-box.scheduling-box .scheduling-box-icon {
	opacity: 1;
}

.scheduling-box .scheduling-box-icon:before {
	margin: 20px 0 30px;
}

.scheduling-box .scheduling-title {
	color: #565656;
	font-size: 16px;
}

.scheduling-info {
	position: absolute;
	left: 5px;
	top: 5px;
}

.scheduling-info i {
	font-size: 18px;
}

.scheduling-checkbox {
	position: absolute;
	top: -10px;
	right: 10px;
	height: 15px;
	width: 15px;
}

.horizontal-line {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px !important;
}

.radio-section {
	margin-top: 10px;
}

.radio-section .scheduling-box {
	text-align: left;
	height: auto;
}

.radio-section .scheduling-box .scheduling-title {
	margin: 0;
}

.radio-section .scheduling-box>ul>li:last-child {
	width: 80%;
}

.radio-section .scheduling-box .radio label {
	color: #565656;
	margin-right: 0;
}

.radio-section .sch-radios ul.multi-label>li:last-child>label {
	padding-left: 0;
}

.radio-section .scheduling-box .scheduling-box-icon::before {
	margin: 0 0 0 14px;
}

.radio-section .sch-radios {
	margin-left: 17px;
}

.sch-radios .radio {
	margin: 0;
}

.sch-radios .radio>ul>li {
	padding: 5px 0;
}

#wrapper.default .readonly-scheduling-box .checkbox input[type="checkbox"]:checked+label::before {
	background-color: rgba(0, 0, 0, 0.6);
	border-color: rgba(0, 0, 0, 0.6);
}

#wrapper.default .selected-scheduling-box.readonly-scheduling-box {
	border: 1px solid rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.6);
}

#wrapper.default .readonly-scheduling-box i, #wrapper.default .readonly-scheduling-box h1 {
	color: rgba(0, 0, 0, 0.6);
}

/*end of new page*/

@media screen and (max-width: 1360px) {
	.scheduling-defaultpad {
		padding: 10px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
	.scheduling-box .scheduling-title {
		font-size: 15px;
	}
	.radio-section .scheduling-box>ul>li:last-child {
		width: 68%;
	}
}

@media screen and (max-width: 768px) {
	.radio-section .scheduling-box>ul>li:last-child {
		width: 68%;
	}
}

/*end scheduling preferences*/

/*system setings*/

.radio-inline.ss-position input[type="radio"] {
	top: 10px;
	left: 3%;
}

.email-sms .checkbox {
	margin: 0;
}

label.mar-right-0 {
	margin-right: 0;
}

#m-settings .radio .start-time-box ul li input {
	width: 60px;
}

.start-time-box .input-group-addon {
	width: auto;
}

.radio-start-time.radio {
	margin-top: 0;
	margin-bottom: 0;
}

@media screen and (max-width: 480px) {
	.start-time-box ul>li {
		width: 100%;
		padding: 0;
	}
	.option-a-field-adjust {
		padding-left: 6px;
	}
	#m-settings .radio .start-time-box ul li input {
		width: 100%;
	}
}

/*system setings*/

/*templates*/

.template-cust {
	position: absolute;
	bottom: 14%;
	right: 10px;
}

#template-detail-div {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 2px 0px 8px;
	padding-right: 10px;
}

.select-recepient {
	padding: 0 8px;
}

/*end of templates*/

/*work order master*/

.add-edit {
	position: absolute;
	top: 25px;
	right: -68px;
}

.work-popup-margin {
	margin-left: 50px;
}

.wod-margin {
	margin-left: 10px;
}

.wod-add-edit {
	position: absolute;
	top: 0;
	right: 15px;
}

.align-fields>div {
	padding-left: 5px;
	padding-right: 5px;
}

.align-fields .form-group {
	padding-left: 0;
	padding-right: 0;
}

/*end of work order master*/

/*work order details*/

/*new*/

.file-input.file-input-ajax-new .btn-file {
	height: 34px;
	margin-top: -2px;
}

.file-input {
	padding: 0;
}

.file-input .btn-file, .file-input .fileinput-remove-button, .file-input .fileinput-upload-button {
	margin-top: -3px;
}

.file-input .glyphicon-folder-open {
	color: #fff;
}

.file-input .input-group.file-caption-main .form-control.file-caption {
	height: 34px;
}

#cwo-job .table ul.dropdown-menu>li a {
	color: #262626;
}

.respopup-pn span:last-child i {
	margin-right: 0;
	margin-left: 7px;
}

.t-slots>li {
	margin-right: 10px;
}

.t-slots>li i {
	font-size: 14px;
}

.t-slots>li:nth-child(1) i {
	color: #6fc51d;
}

.t-slots>li:nth-child(2) i {
	color: #f6c962;
}

.t-slots>li:nth-child(3) i {
	color: #c9c9c9;
}

.t-slots>li:nth-child(4) i {
	color: #2a72e8;
}

.res-slot button i {
	color: #fff;
}

.bootstrap-table table#reservation-table>tbody>tr>td {
	padding: 0;
}

table#reservation-table div.available {
	background-color: #6fc51d;
	padding: 16px;
	margin: 1px;
}

table#reservation-table div.limited {
	background-color: #f6c962;
	padding: 16px;
	margin: 1px;
}

table#reservation-table div.not-available {
	background-color: #c9c9c9;
	padding: 16px;
	margin: 1px;
}

table#reservation-table div.selected {
	background-color: #2a72e8;
	padding: 16px;
	margin: 1px;
}

.ovrflwx-scroll .fixed-table-body {
	overflow-x: scroll !important;
}

.bootstrap-table table .open>.jd-dropdown {
	left: auto;
	right: 25px;
	top: 60%;
	z-index: 4;
}

/*End of work order details*/

/*region master*/

.center-panel .allocated-postal-details {
	padding: 0 10px;
	border: 1px solid #e6e6e6;
}

.postal-section-space {
	margin-top: 60px;
}

#postal i {
	font-size: 25px;
}

#postal i:before {
	margin: 0;
}

#search-details .radio label {
	margin-right: 10px;
}

/*end of region master*/

/*master pages*/

/*.active-width {
		width: 10%;
	}*/

/*end of master pages*/

/*email template*/

.cc-margin {
	margin-top: 13px;
	margin-bottom: 16px;
}

.input-width {
	width: 450px;
}

.btn-toolbar .btn {
	padding: 6px 8px;
}

#edit-email-details .btn-toolbar .btn {
	padding: 6px 6px;
}

.insert-v {
	position: absolute;
	left: -34px;
	bottom: 50%;
}

.insert-v i {
	font-size: 26px;
	padding: 5px;
}

#email-radio.radio {
	margin-top: 0;
	margin-bottom: 0;
}

#main-container .right-panel h1 span.close svg {
	fill: #fff;
	margin-top: -4px;
}

.pre-width {
	width: 132px;
}

.martop-8 {
	margin-top: 8px;
}

ul>li.veralign-top {
	vertical-align: top;
}

.width-500 {
	width: 500px;
}

/*text editor*/

.btn {
	border-radius: 0;
}

.move-insert {
	margin-top: -4px;
}

.move-insert select {
	padding-bottom: 1px;
}

.move-insert .select-chevron {
	display: none;
}

.btn-toolbar {
	margin-bottom: 15px;
}

.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active {
	background: #2d409a !important;
	color: #fff !important;
	border: none;
}

#edit-email-details .btn-toolbar .btn:hover, #content-details .btn-toolbar .btn:hover {
	color: #000 !important;
}

#editor {
	overflow: scroll;
	max-height: 300px
}

#editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}

/*end of text editor*/

.right-panel.rightpanel-open.previewpopup {
	width: 80%;
	height: 75%;
}

.right-panel.rightpanel-open.imagepreviewpopup {
	height: 600px;
}

.right-panel.imagepreviewpopup {
	top: 360px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.right-panel.previewpopup {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.preview-cont-mar {
	margin: 10px 5px;
}

#content-details .radio, #content-details .checkbox, #edit-email-details .radio, #edit-email-details .checkbox {
	margin: 0;
}

/*new*/

.align-chkbox>li .checkbox label {
	margin-right: 8px;
}

.hideshow-btns2 {
	display: none;
}

#edit-email-details .btn-toolbar .hideshow-btns2>a.btn {
	padding: 2px;
}

.hideshow-btns2>a i {
	font-size: 18px;
	color: #000;
}

.hideshow-btns2>a i: before {
	margin: 0;
}

.texteditor>div:nth-child(1) {
	padding-left: 0;
}

.texteditor>div:nth-child(2) {
	padding-right: 0;
}

@media screen and (max-width: 1360px) and (min-width: 992px) {
	.hideshow-btns2 {
		display: block;
	}
	.hideshow-btns1 {
		display: none;
	}
	#edit-email-details .btn-toolbar .btn {
		padding: 4px;
	}
	.texteditor>div:nth-child(2) h1 {
		white-space: nowrap;
	}
}

@media screen and (max-width: 1325px) {
	#edit-email-details form.section-space .res-ul>li:first-child, #content-details form.section-space .res-ul>li:first-child {
		width: 100%;
	}
}

@media screen and (max-width: 1100px) and (min-width: 991px) {
	.btn-toolbar .btn {
		padding: 6px;
	}
}

@media screen and (max-width: 992px) {
	.texteditor>div {
		padding: 0;
	}
	.texteditor>div:nth-child(2) {
		margin-top: 20px;
	}
	.insert-v {
		position: absolute;
		left: 50%;
		top: -70px;
		bottom: auto;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#email-radio label, .align-chkbox>li {
		width: 100%;
	}
	/*new*/
	.right-panel.rightpanel-open.previewpopup {
		width: 80%;
	}
	.move-insert .select-chevron {
		display: block;
	}
	.move-insert select {
		padding: 4px 7px;
		height: 30px;
	}
}

@media screen and (max-width: 768px) {
	.input-width {
		width: 100%;
	}
	.radio-se-option .res-ul>li {
		padding-left: 5px;
	}
	/*new*/
	.right-panel.rightpanel-open.previewpopup {
		width: 100%;
		height: 100%;
	}
	/*for sms template*/
	#content-details .align-chkbox {
		padding-left: 5px;
	}
}

/*end of email template*/

/*wizard train*/

/*new page*/

.body-flow .panel-primary {
	margin: 0;
}

.panel-body .row.wizard-panelcont {
	padding: 0;
}

#step-1 .panel-body.spl-instpanel {
	background-color: transparent;
	padding: 0;
}

.wizard-panelcont>div:first-child {
	padding-left: 0;
	padding-right: 5px;
}

.wizard-panelcont>div:last-child {
	padding-left: 5px;
	padding-right: 0;
}

.stepwizard-step p {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666;
}

.stepwizard-step .btn.btn-success+p {
	font-family: "open-bold";
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	width: 100%;
	position: relative;
	margin-top: 15px;
}

.pager .hide-chkbox {
	display: none;
}

.pager .checkbox label {
	margin-right: 0;
}

.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
	opacity: 1 !important;
	color: #bbb;
}

.progress {
	top: 10px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 76%;
	left: 12%;
	height: 2px;
	z-index: 0;
}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

.btn-circle {
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}

.col-custom-2 {
	width: 14.23%;
}

.row-custom {
	margin-top: 15px;
}

.body-flow h5 {
	font-family: "open-bold";
	padding-left: 35px;
	border-bottom: 1px solid black;
}

.lookup-position i {
	cursor: pointer;
	font-size: 17px;
}

#step-5 #inst-notes .panel-body {
	background-color: transparent;
}

.right-panel .mar-top-6 {
	margin-top: 6px;
}

.step-height {
	height: 97%;
	height: -moz-calc(100% - 41px);
	height: -webkit-calc(100% - 41px);
	height: calc(100% - 41px);
}

.section-top-10 {
	margin-top: 10px;
}

.section-top-20 {
	margin-top: 20px;
}

.refresh-icon {
	position: absolute;
	top: 14px;
	right: 37px;
}

.calBox .calDay .calElement.prev {
	left: 8px;
}

.calBox .calDay .calElement.next {
	right: 8px;
}

.eq-height-div .panel-body {
	height: 100%;
}

/*event calendar table*/

.eventcalendar-table {
	border: 1px solid #ddd !important;
	margin: 0 auto;
	width: 92.6%;
}

.eventcalendar-table td {
	text-align: center;
	cursor: pointer;
}

.eventcalendar-table td.cancelled {
	color: #F25353;
}

.eventcalendar-table td.selected {
	color: #fff;
}

/*end of event calendar table*/

/*#step-1 #customer-panel .panel-body {
		border-bottom: 1px solid #ddd;
	}*/

/*panel 4*/

.body-flow li {
	list-style-type: none;
}

.body-flow .form-margin {
	margin: 0 20px;
}

.body-flow #step-4 p {
	/*display: table-cell;*/
}

.body-flow .setup-content .left-panel-cont>.row {
	padding-left: 0;
	padding-right: 0;
}

.pager li>a, .pager li>span {
	border-radius: 0;
	margin: 0 5px;
}

.panel-primary {
	border-radius: 0;
	margin-top: 20px;
}

.wizard-panel-step>.setup-content {
	display: none;
}

.wizard-panel-step .panel.panel-primary.setup-content #inst-notes .panel-body {
	padding-top: 0;
}

.wizard-panel-step>.setup-content.active {
	display: block;
}

#step-4 .sub-head {
	/*margin-right: 15px;
		margin-left: 15px;*/
}

.fg-zerogap {
	margin: 0;
}

.fg-zerogap ul>li .form-group {
	padding: 0;
}

.fg-zerogap ul>li:last-child .checkbox {
	margin-bottom: 0;
	margin-top: 20px;
}

.pager>li>span {
	padding: 0;
	background: transparent;
	border: none;
}

/*create work order*/

.cwo-imp-info {
	font-size: 9px;
}

/*.tym-position {
			bottom: 11%;
			right: 6px;
		}*/

.to-padding {
	margin: 0;
	padding-top: 6px;
}

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

.thumb-border {
	border: 1px solid #ddd;
	padding: 5px;
}

.view-margin {
	margin: 0 0 10px;
}

.table-searchfield>li label {
	padding: 0;
}

.right-panel .table-searchfield label {
	padding-left: 0;
}

/* Added for Work order scheule popup - alignment changes (Anvar & Bharathi) */

.right-panel .table-searchfield .appoint-radiobtn label {
	padding-left: 23px;
}

/* Added for Work order scheule popup - alignment changes (Anvar & Bharathi) */

.white-box .calendar-position {
	bottom: 10%;
}

.form-horizontal .form-group.select-cust {
	margin-left: -5px;
}

.form-horizontal .form-group.select-cust ul>li:first-child {
	width: 88%;
}

.thumb-view .row div {
	padding: 5px;
}

.cross i:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*customer details*/

.cncust-position {
	position: absolute;
	right: 8px;
}

.newcust-history-pad {
	padding: 0 22px;
}

/*end of customer details*/

/*end of create work order*/

/*work order details*/

.ap-time-pr {
	padding-right: 5px;
}

.ap-time-pl {
	padding-left: 5px;
}

.wop-total {
	margin-top: 10px;
}

.wop-total label {
	font-size: 14px;
}

.wop-total ul>li label {
	padding-left: 0;
	padding-right: 0;
}

/*end of work order details*/

/*success message*/

#wrapper.default #app-confirm.c-modal .modal-header, #wrapper.default #app-confirm .zylog-btn {
	background: #45965E;
}

#wrapper.default #app-confirm .confirm-info h1, #wrapper.default #app-confirm .model-info>li i, #wrapper.default #app-confirm .confirm-info .sub-head {
	color: #45965E;
}

/*end of success message*/

@media screen and (max-width: 768px) {
	.stepwizard-step p {
		font-size: 11px;
	}
	.section-top-10, .section-top-20 {
		margin-top: 0;
	}
	/*.pager > li.chkbox-li:first-child {
			display: block;
		}*/
	.pager>li:first-child label {
		margin-right: 0;
	}
	.fg-zerogap ul>li:last-child .checkbox {
		margin-bottom: 0;
		margin-top: 0;
	}
	   .newbusiness-button .ui-radiobutton{
		float:left;
		}
		.newbusiness-button .ratio-btn .ui-radiobutton-label{
		display:block;
		padding-left:25px !important;
		}
		.form-inline .control-label.mb-business-label{
		text-align:left;
		}
		.newbusiness-button .timeControl{
		min-width:106px;
		}
		
}

@media screen and (max-width: 480px) {
	.pager .zylog-btn {
		font-size: 10px;
		padding: 6px;
	}
	.pager .checkbox label {
		font-size: 10px;
		padding-left: 18px;
	}
	.pager .checkbox input[type="checkbox"]+label:before {
		width: 12px;
		height: 12px;
		top: 1px;
	}
	.pager .checkbox input[type="checkbox"]:checked+label:after {
		width: 7px;
		height: 4px;
		top: 4px;
	}
	.pager>li {
		font-size: 10px;
	}
}

/*end of wizard train*/

/*wizard step-arrow*/

ul#wizardStatus {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	text-align: left;
}

ul#wizardStatus li {
	color: #3d4c4f;
	display: inline-block;
	margin: 0;
	font-size: 14px;
	line-height: 15px;
	padding: 10px 15px 10px 25px;
	position: relative;
}

ul#wizardStatus li:first-child {
	padding-left: 8px;
}

ul#wizardStatus li:after, ul#wizardStatus li:before {
	content: "";
	display: block;
	position: absolute;
}

ul#wizardStatus li:after {
	-webkit-border-radius: 1px;
	border-radius: 1px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	height: 25px;
	right: -13px;
	top: 5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 25px;
	z-index: 4;
}

ul#wizardStatus li:before {
	/*height:30px;*/
	right: 3px;
	/*width:20px;*/
	z-index: 6;
}

ul#wizardStatus li:last-child:after, ul#wizardStatus li:last-child:before {
	display: none;
}

ul#wizardStatus li.current {
	color: #fff !important;
}

@media screen and (max-width: 1360px) {
	ul#wizardStatus li:after {
		border: none;
		height: 0;
		right: auto;
		top: auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		width: 0;
		z-index: 4;
	}
}

@media screen and (max-width: 1270px) and (min-width: 1024px) {
	ul#wizardStatus li {
		font-size: 12px;
		padding: 5px;
	}
}

@media screen and (max-width: 1024px) {
	ul#wizardStatus li {
		font-size: 12px;
		padding: 5px;
	}
}

@media screen and (max-width: 992px) {
	#wizardStatus>li {
		width: 48%;
		margin: 2px !important;
	}
	#wizardStatus>li:first-child {
		margin-top: 0 !important;
	}
	#wizardStatus>li:last-child {
		margin-bottom: 0 !important;
	}
}

@media screen and (max-width: 480px) {
	#wizardStatus>li {
		width: 100%;
		margin: 2px !important;
	}
	.ui-growl {
		top: 20px !important;
		left: 10% !important;
		width: 80% !important;
	}
	.ui-growl-message {
		width: 60% !important;
		/* top: 20px !important; */
	}
}

/*End of wizard step-arrow*/

/*customer master details*/

.cust-btns {
	padding-left: 0;
}

.search-btn {
	padding: 15px 0 0 5px;
}

.search-btnnew {
	padding: 15px 0 15px 20px;
}

.customer-infonew {
	display: inline-block;
}

.layout-panel.panel-space {
	top: 0;
	min-height: auto;
	padding-bottom: 10px;
}

.right-panel .checkbox-space {
	margin-bottom: 10px;
}

.checkbox-topspace {
	margin-top: 25px;
}

.imp-info {
	font-size: 10px;
}

.imp-info-list>li {
	padding-right: 0;
	padding-left: 0;
}

/*end of customer master details*/

/*approval queue*/

.invoice-margin {
	margin-bottom: 0;
	margin-top: 0;
}

.invoice-margin label {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-right: 0;
}

.completed-gap {
	padding: 7px 0px 9px;
}

#remarks-radio label {
	margin: 5px 12px 5px 0;
}

.attachment-ed {
	margin-bottom: 10px;
}

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

.net-total label, .net-total input {
	font-size: 16px;
}

.net-total ul>li label {
	padding-left: 0;
	padding-right: 0;
}

#summary-details .schedule-meridian span {
	/*margin-top: 4px;*/
}

label.update-cont {
	color: #000;
	/*font-family: "open-bold";*/
}

.checklist-info {
	text-align: center;
}

.checklist-info p {
	font-size: 12px;
	font-family: "open-bold";
}

@media screen and (max-width: 768px) {
	.checklist-info>li {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.checklist-info>li .form-group ul>li {
		width: 100%;
	}
}

/*end of approval queue*/

/*Technician job details*/

#service-details .panel-body {
	padding: 0;
}

.enroute>span {
	background: #4c9ed9;
}

.onsite>span {
	background: #FFA500;
}

.completed>span {
	background: #00af50;
}

.unresolved>span {
	background: #663399;
}

.onsite>span {
	background: #FFA500;
}

.completed>span {
	background: #00af50;
}

.unresolved>span {
	background: #663399;
}

.button-disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

/*toggle button color*/

.toggle-clr button {
	border: 1px solid;
	background: transparent;
	color: #fff!important;
}

.toggle-clr button[data-bgclr="route"] {
	border-color: #4C9ED9 !important;
	color: #4C9ED9 !important;
}

.toggle-clr button[data-bgclr="site"] {
	border-color: #FFA500 !important;
	color: #FFA500 !important;
}

.toggle-clr button[data-bgclr="complt"] {
	border-color: #00af50 !important;
	color: #00af50 !important;
}

.toggle-clr button[data-bgclr="unresld"] {
	border-color: #663399 !important;
	color: #663399 !important;
}

.toggle-clr button.route {
	background: #4C9ED9 !important;
	color: #fff !important;
}

.toggle-clr button.site {
	background: #FFA500 !important;
	color: #fff !important;
}

.toggle-clr button.complt {
	background: #00af50 !important;
	color: #fff !important;
}

.toggle-clr button.unresld {
	background: #663399 !important;
	color: #fff !important;
}

/* Live Map Legend */

.toggle-clr button.lascheduled {
	background: #25a3fd !important;
	color: #fff !important;
}

.toggle-clr button.lscheduled {
	background: #0028A0 !important;
	color: #fff !important;
}

.toggle-clr button.lenroute {
	background: #CAA11D !important;
	color: #fff !important;
}

.toggle-clr button.lonsite {
	background: #720DD4 !important;
	color: #fff !important;
}

.toggle-clr button.lcompleted {
	background: #329864 !important;
	color: #fff !important;
}

.toggle-clr button.lunresolved {
	background: #CF2D2D !important;
	color: #fff !important;
}

/* Live Map Legend - End */

.comp-comment {
	border: 1px solid #00af50;
	border-left: 5px solid #00af50;
	background: #f6fffa;
	color: #00af50;
	position: relative;
}

.unres-comment {
	border: 1px solid #663399;
	border-left: 5px solid #663399;
	background: #faf8fc;
	color: #663399;
}

/*End of toggle button color*/

.icon-info {
	position: relative;
}

.icon-info .qw-info {
	position: absolute;
	right: 10px;
	top: 25px;
	color: #0088cc;
	font-size: 17px
}

span.info-msg {
	right: -220px;
	top: 17px;
	width: 215px;
	position: absolute;
	color: #ffffff;
	/* color: #0088cc; */
}

/*print preview*/

.pp-header {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.pp-header>li:last-child {
	margin-top: 7px;
}

.pp-overflow {
	height: 100%;
	min-width: 839px;
}

.wrap-right-cont .customer-details.pp-section {
	overflow-x: scroll;
}

.pp-section h1.sub-head {
	margin: 0;
	border: none;
	padding-top: 20px;
}

.pp-section p {
	font-size: 11px;
	padding-top: 0;
}

.pp-section .left-panel-cont>.row>div {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
	padding-top: 5px;
	padding-bottom: 5px;
}

.pp-section .left-panel-cont {
	padding: 2px 0;
}

.pp-section>.row>div {
	padding: 0;
}

.right-panel.rightpanel-open.pp-popup {
	width: 65%;
}

.right-panel.rightpanel-open.center-popup {
	width: 800px;
}

.previewpopup.right-panel .right-panel-cont .heading .save-cancel-icon, #wrapper.default .previewpopup.right-panel ul li .save-cancel-icon:hover {
	font-size: 25px;
	color: #fff;
}

.previewpopup.right-panel .right-panel-cont .heading ul>li {
	margin-top: -4px;
}

.pp-table td, .pp-table th {
	font-size: 11px;
}

.bootstrap-table .table.pp-table:not(.table-condensed), .bootstrap-table .table.pp-table:not(.table-condensed)>tbody>tr>th, .bootstrap-table .table.pp-table:not(.table-condensed)>tfoot>tr>th, .bootstrap-table .table.pp-table:not(.table-condensed)>thead>tr>td, .bootstrap-table .table.pp-table:not(.table-condensed)>tbody>tr>td, .bootstrap-table .table.pp-table:not(.table-condensed)>tfoot>tr>td {
	padding: 5px;
}

.fixed-table-container .pp-table thead th .th-inner, .fixed-table-container .pp-table tbody td .th-inner {
	padding: 0 6px;
}

/*end of print preview*/

@media screen and (max-width: 992px) and (min-width: 768px) {
	#update-status .toggle-clr>li {
		width: 49%;
		margin: 5px 0;
		text-align: center;
		padding: 0;
	}
	.toggle-clr button {
		width: 100%;
	}
	#update-status .toggle-clr {
		text-align: center;
	}
}

@media screen and (max-width: 992px) {
	.right-panel.rightpanel-open.pp-popup {
		width: 80%;
	}
}

@media screen and (max-width: 768px) {
	.right-panel.rightpanel-open.pp-popup {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 480px) {
	#update-status .toggle-clr>li {
		width: 49%;
		margin: 5px 0;
		text-align: center;
		padding: 0;
	}
	.toggle-clr button {
		width: 100%;
	}
	#update-status .toggle-clr {
		text-align: center;
	}
}

/*end of technician job details*/

/*role privileges*/

.epnd-all {
	margin: 8px;
}

.epnd-all, .col-all {
	margin-left: 10px;
}

#customer-module .bootstrap-table .table>tbody>tr>td, #dispatch-module .bootstrap-table .table>tbody>tr>td {
	padding: 20px 8px 15px;
}

/*end of role privileges*/

/*schedule appointment*/

.s-calendar {
	right: 32%;
	bottom: 12%;
}

/*
	#col-cont-wod-exist-equip .row {
		padding-left: 0;
		padding-right: 0;
	}*/

.sch-app-tech-info {
	margin: 0 5px;
}

.sch-app-tech-info .zylog-font-icon {
	font-size: 30px;
	margin-right: 0;
}

.sch-app-tech-info .zylog-font-icon:before {
	margin: 0;
}

.sch-app-tech-info h1 {
	font-size: 14px;
}

.sch-app-tech-info .form-horizontal label {
	/*padding-left: 0;*/
	padding-top: 0;
}

.filter-fields :last-child {
	vertical-align: bottom;
}

.filter-fields button.zylog-btn {
	padding: 5px 12px;
	margin: 2px 5px 3px;
}

.filter-fields .dp-date {
	padding: 2px 3px 4px;
}

.filter-fields .dp-date :last-child {
	padding-top: 1px;
}

.table-searchfield ul>li label {
	padding-left: 0;
}

#schedule-app-details p .sub-head {
	margin-bottom: 0;
	border: none;
}

.schapp-info div {
	padding: 0;
}

.schapp-info div:first-child {
	text-align: right;
}

@media screen and (max-width: 1360px) {
	.sch-app-tech-info ul {
		white-space: normal;
	}
	.sch-app-tech-info ul>li:nth-child(2), .sch-app-tech-info ul>li:nth-child(3), .sch-app-tech-info ul>li:nth-child(4) {
		/*width: 100%;*/
	}
}

@media screen and (max-width: 992px) {
	.filter-fields>li {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.sa-head>li {
		width: 100%;
	}
	.sa-head>li:last-child p {
		padding: 0;
		margin-top: 4px;
	}
}

@media screen and (max-width: 480px) {
	#schedule-app-details .form-group ul>li {
		width: 100%;
	}
}

/*end of schedule appointment*/

/*pm*/

@media screen and (max-width: 768px) {
	.res-ul>li, .res-ul>li.inner-addon input#top-search {
		width: 100%;
	}
	.res-ul>li {
		padding: 0;
	}
	.res-ul>li.inner-addon button {
		margin: 9px 0;
	}
	.res-ul>li input, .res-ul>li select, .customer-lookup .res-ul>li.inner-addon button  {
		margin: 5px 0;
	}
}

/*pm*/

/*pm details*/

#schedule-pattern ul .btn.dropdown-toggle {
	width: 154px;
}

.monthly-ul>li {
	padding-left: 0;
	padding-right: 0;
}

.select-addr .panel-bodytitle span.pull-right ul>li:last-child {
	padding: 0;
}

.select-addr .panel-bodytitle span.pull-right ul>li i:before {
	margin: 0;
}

.select-addr .panel-bodytitle span.pull-right ul>li i {
	font-size: 14px;
}

.right-panel .select-addr .panel-bodytitle h3 {
	padding-top: 2px;
}

.right-panel .select-addr .item {
	padding: 5px 0;
}

.new-schdate {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

.add-schinfo>li {
	padding-right: 0;
}

.sch-pattern label {
	margin-top: 0;
	margin-bottom: 0;
}

.dt-radio-option>li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.dt-radio-option .form-control[readonly], .dt-radio-option .form-control[disabled] {
	background: transparent;
	border: 1px solid #ddd;
	color: rgba(0, 0, 0, 0.6);
}

.dt-radio-option .disable-label {
	color: rgba(0, 0, 0, 0.6);
}

.left-space {
	padding-left: 15px;
}

@media screen and (max-width: 768px) {
	/*#schedule-pattern ul > li {
			width: 100%;
			padding: 2px 0;
		}*/
	/*#add-sl-info.right-panel .checkbox {
			margin-top: 20px;
		}*/
	.new-schdate {
		text-align: left;
		margin-top: 0;
		margin-bottom: 0;
	}
	.add-schinfo>li {
		width: 100%;
	}
	.add-schinfo>li button {
		margin: 10px 0;
	}
	.monthly-ul>li {
		padding-left: 5px;
		padding-right: 5px;
		width: 100%;
	}
	.monthly-ul>li label {
		margin: 0;
		padding: 0 8px;
	}
	.select-mrgn {
		margin-top: 5px;
	}
}

@media screen and (max-width: 480px) {
	.sch-pattern label {
		margin-left: 0;
		margin-right: 0;
	}
}

/*end of pm details*/

/*settings*/

.settings .form-group {
	width: 200px;
}

/*End of settings*/

/*customer portal*/

#main-container>.cust-portal-bc {
	width: 96.5%;
	width: -moz-calc(100% - 49px);
	width: -webkit-calc(100% - 49px);
	width: calc(100% - 49px);
}

.cust-id-no>span.id-info, .cust-id-no>span.id-info:hover {
	background: #4c9ed9 !important;
}

/*home page*/

.dash-board {
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
}

#boxes a>ul>li h1 {
	color: #ffffff;
}

#boxes.dash-board>.row> :last-child {
	padding-right: 15px;
	padding-left: 15px;
}

.bg-darkblue {
	background-color: #3598DC;
	color: #ffffff;
}

.bg-red {
	background-color: #E7505A;
	color: #ffffff;
}

.bg-lightblue {
	background-color: #32C5D2;
	color: #ffffff;
}

.bg-purple {
	background-color: #8E44AD;
	color: #ffffff;
}

.num-font {
	font-size: 36px;
}

.dash-pad>li {
	padding-top: 9px;
	padding-bottom: 9px;
	text-align: center;
}

.globe-size {
	color: #ffffff;
	font-size: 100px;
	opacity: 0.5
}

.globe-position {
	position: absolute;
	bottom: -19px;
	left: -11px;
}

#myChart {
	margin-top: 10px;
}

#table-pie-chart h1 span.pull-right {
	margin-top: -8px;
}

#table-pie-chart h1 .select-chevron {
	bottom: 5px;
}

#table-pie-chart .row {
	padding: 0;
}

#table-pie-chart .row> :nth-child(1) {
	padding-left: 0;
}

#table-pie-chart .row> :nth-child(2) {
	padding-right: 0;
}

/*end of home page*/

.green-clr {
	/*background-color: #EDFADE;*/
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.orange-clr {
	/*background-color: rgba(255, 143, 41, 0.12);*/
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.grey-clr {
	/*background-color: rgba(0, 0, 0, 0.19);*/
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.darkgreen-clr {
	/*background-color: rgba(194, 239, 141, 0.6);*/
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

#week-table td {
	position: relative;
}

.wv-div1 {
	width: 14%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.wv-div1.three-hrs {
	width: 8px;
}

.leave-abs.orange-clr {
	padding: 16px 8px;
}

.white-pad {
	padding: 8px;
}

.bootstrap-table #week-table.table:not(.table-condensed)>tbody>tr>td, .bootstrap-table #day-table.table:not(.table-condensed)>tbody>tr>td {
	padding: 2px;
}

.technician-icon {
	color: #D050D0;
}

.techmanager-icon {
	color: #ffa500;
}

/*my profile*/

.cp-myprofile> :nth-child(1) {
	padding-left: 0;
	padding-right: 5px;
}

.cp-myprofile> :nth-child(2) {
	padding-left: 5px;
	padding-right: 0;
}

.display-name-edit i {
	font-size: 16px;
}

/*end of my profile*/

@media screen and (max-width: 1250px) and (min-width: 992px) {
	.bg-darkblue, .bg-red, .bg-lightblue, .bg-purple {
		height: 115px;
	}
}

@media screen and (max-width: 992px) {
	#boxes .row>div {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.cp-myprofile> :nth-child(1), .cp-myprofile> :nth-child(2) {
		padding-left: 0;
		padding-right: 0;
	}
}

/*end of customer portal*/

/*live map*/

/*toggle button color*/

.zero-top-bottom {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0
}

.toggle-clr button {
	border: 1px solid;
	background: transparent;
	border-color: inherit!important;
	/* border-color: rgba(0,0,0,.15)!important; */
}

/* .toggle-clr button[data-bgclr="open"], .toggle-clr button[data-bgclr="open"] span i.fa {
	border-color: #4C9ED9 !important;
	color: #4C9ED9 !important;
}

.toggle-clr button[data-bgclr="schedule"], .toggle-clr button[data-bgclr="schedule"] span i.fa {
	border-color: #FFA500 !important;
	color: #FFA500 !important;
}

.toggle-clr button[data-bgclr="en-route"], .toggle-clr button[data-bgclr="en-route"] span i.fa {
	border-color: #00af50 !important;
	color: #00af50 !important;
}

.toggle-clr button[data-bgclr="onsite"], .toggle-clr button[data-bgclr="onsite"] span i.fa {
	border-color: #663399 !important;
	color: #663399 !important;
}

.toggle-clr button[data-bgclr="completed"], .toggle-clr button[data-bgclr="completed"] span i.fa {
	border-color: #003366 !important;
	color: #003366 !important;
}

.toggle-clr button[data-bgclr="unresolved"], .toggle-clr button[data-bgclr="unresolved"] span i.fa {
	border-color: #FF0000 !important;
	color: #FF0000 !important;
}

.toggle-clr button.open, .toggle-clr button.open span i.fa {
	background: #4C9ED9 !important;
	color: #fff !important;
}

.toggle-clr button.schedule, .toggle-clr button.schedule span i.fa {
	background: #FFA500 !important;
	color: #fff !important;
}

.toggle-clr button.en-route, .toggle-clr button.en-route span i.fa {
	background: #00af50 !important;
	color: #fff !important;
}

.toggle-clr button.onsite, .toggle-clr button.onsite span i.fa {
	background: #663399 !important;
	color: #fff !important;
}

.toggle-clr button.completed, .toggle-clr button.completed span i.fa {
	background: #003366 !important;
	color: #fff !important;
}

.toggle-clr button.unresolved, .toggle-clr button.unresolved span i.fa {
	background: #FF0000 !important;
	color: #fff !important;
} */

.toggle-clr button span i.fa, .num-span {
	padding: 0 6px;
	color: #fff !important;
}

/* .toggle-clr button.open span.num-span {
	background: #3c7ead !important;
}
.toggle-clr button.schedule span.num-span {
	background: #e59400 !important;
} 
.toggle-clr button.en-route span.num-span {
	background: #009d48 !important;
}
.toggle-clr button.onsite span.num-span {
	background: #5b2d89 !important;
}
.toggle-clr button.completed span.num-span {
	background: #001f3f !important;
}
.toggle-clr button.unresolved span.num-span {
	background: #e50000 !important;
}*/

.num-span {
	padding: 0 10px;
	margin-left: 6px;
	background-color: rgba(0, 0, 0, .15)!important;
}

/*End of toggle button color*/

/*.dash-board form .form-group .row > :nth-child(1) {
		padding-right: 0;
	}
	.dash-board form .form-group .row > :nth-child(2) {
		padding-left: 0;
	}*/

/*.center-panel .dash-board form .form-group .row > :nth-child(1) {
		padding-left: 15px;
	}
	.center-panel .dash-board form .form-group .row > :nth-child(2) {
		padding-right: 15px;
	}*/

.dash-board>.row> :last-child {
	padding-right: 23px;
	padding-left: 23px;
}

/*new*/

.status-dd {
	display: none;
}

/*.date-icon-position {
			right: 26%;
			bottom: 12%;
		}*/

/*.tym1 {
			bottom: 11%;
			right: 0;
		}
		.tym2 {
			bottom: 11%;
			right: 14px;
		}*/

@media screen and (max-width: 992px) {
	.status-dd {
		display: block;
	}
	.status-dd ul>li button {
		width: 100%;
		text-align: left;
	}
	.status-dd ul>li {
		padding: 0 5px;
	}
	.status-list {
		display: none;
	}
	.status-dd ul>li {
		padding: 5px;
		margin-right: 5px;
	}
}

/*end of live map*/

/*technician availability*/

.nav>li>a:hover, .nav>li>a:focus, .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background: none;
}

.nav-pills>li.active>a {
	font-family: "open-bold";
}

.highlight {
	height: 2px;
}

.view-type>li {
	padding: 0 5px;
	text-align: center;
}

.view-type :first-child {
	padding: 5px 5px;
}

.ta-tym {
	position: absolute;
	bottom: 11%;
	right: 12px;
}

.seperate {
	border-left: 1px solid #ddd;
}

.seperate a svg {
	margin-top: 6px;
}

.nav-pills>li>a {
	padding: 0 10px;
}

.cover-pills {
	padding: 0 0 15px;
}

.date-info {
	padding: 4px 0;
}

.day-view .date input.form-control {
	padding-bottom: 0px;
	padding-top: 2px;
	height: auto;
	width: 140px;
	font-family: "Open-bold";
	font-size: 12px;
}

.day-view .slide-date .previous-date, .day-view .slide-date .next-date {
	top: -2px;
}

.fixed-table-container #day-table thead th .th-inner, .fixed-table-container #day-table tbody td .th-inner {
	padding-right: 6px;
}

#configure-popup .radio-time label {
	margin: 5px 20px 5px 0;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
	.nav-pills>li>a {
		padding: 0 5px;
	}
	.day-view>ul>li, .week-view>ul>li {
		padding: 0;
	}
}

@media screen and (max-width: 480px) {
	.nav-pills>li>a {
		padding: 0 5px;
	}
	.day-view>ul>li, .week-view>ul>li {
		padding: 0;
	}
}

/*end of technician availability*/

/*dispatch board*/

/*.db-position {
		right: 60px;
	}*/

.dp-date {
	border: 1px solid #ccc;
	margin: 0px;
	height: 30px;
	padding: 3px 3px 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: rgb(255, 255, 255);
}

.left-panel .dp-left-space {
	padding: 10px 4px;
}

.dp-date>li {
	padding: 0;
}

.dp-date i:before {
	margin: 0;
}

#db-time-details .fixed-table-toolbar {
	border-top: none;
}

#db-time-details .table>thead>tr>td, #db-time-details .table>tbody>tr>td, #db-time-details .table>tfoot>tr>td {
	padding: 0;
}

.tech-bottom-line {
	border-bottom: 1px solid #e6e6e6;
}

.nb-tech-box {
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.legend-pad {
	padding-left: 10px;
	padding-right: 10px;
}

.legend-list>li {
	margin-top: 5px;
	margin-bottom: 5px;
}

.legend-list-month>li {
	margin-top: 5px;
	margin-bottom: 5px;
}

#db-details .bootstrap-table .table:not(.table-condensed)>tbody>tr>td {
	padding: 0;
}

#db-details table .dp-pad-mar {
	padding: 4px;
	margin: 2px;
}

#db-details table .glyphicon {
	color: #fff;
}

.dp-open {
	background-color: #06484A;
	color: #fff;
}

.dp-unresolved {
	background-color: #D53B3B;
	color: #fff;
}

.dp-tentative {
	background-color: #0284C4;
	color: #fff;
}

.dp-scheduled {
	background-color: #04319C;
	color: #fff;
}

.db-days {
	padding: 8px;
	text-align: right;
}

#db-details .panel-body {
	padding: 0;
}

.db-pills {
	border-bottom: 1px solid #ddd;
}

.db-cont-pad {
	padding: 3px 10px 0;
}

.db-pills-head>li {
	padding: 0 5px;
	text-align: center;
}

.db-pills-head :first-child {
	padding: 10px 5px;
}

#main-container .tchnician-popup .list-icon svg {
	height: 20px;
	width: 20px;
}

#main-container .tchnician-popup .tech-cont-list {
	padding: 8px 0;
	/*border-bottom: 1px solid #e6e6e6;*/
}

#main-container .tchnician-popup .list-icon {
	padding-bottom: 5px;
}

#main-container .tchnician-popup .list-icon:last-child {
	padding-bottom: 0px;
}

#main-container .tchnician-popup .list-icon .list-head {
	padding-left: 0;
}

#legend-popup .legend-list svg {
	height: 17px;
	width: 17px;
	vertical-align: middle;
	margin-right: 2px;
}

#legend-popup .legend-list img {
	/*margin-right: 7px;*/
}

#legend-popup .legend-list i {
	font-size: 17px;
	margin-right: 0;
}

.legend-list :nth-child(1) i {
	color: #0A5457;
	/*unasgsined*/
}

.legend-list :nth-child(2) i {
	color: #083FAA;
	/*scheduled*/
}

.legend-list :nth-child(3) i {
	color: #C79B05;
	/*enroute*/
}

.legend-list :nth-child(4) i {
	color: #7614D5;
	/*onsite*/
}

.legend-list :nth-child(5) i {
	color: #3A9C6A;
	/*completed*/
}

.legend-list :nth-child(6) i {
	color: #D53F3F;
	/*unresolved*/
}

.legend-list :nth-child(7) i {
	color: #0284C4;
	/*tentative*/
}

.legend-list :nth-child(8) i {
	color: #dc9fcc;
	/*other groups*/
}

.legend-list>li>ul>li:last-child {
	width: 80%;
}

/*legend monthview start*/

.legend-list-month :nth-child(1) i {
	color: #3A9C6A;
}

.legend-list-month :nth-child(2) i {
	color: #C79B05;
}

.legend-list-month :nth-child(3) i {
	color: #D53F3F;
}

.legend-list-month :nth-child(4) i {
	color: #083FAA;
}

.legend-list-month :nth-child(5) i {
	color: #e7e7e7;
}

.legend-list-month :nth-child(6) i {
	color: #777;
}

/*legend monthview end*/

/*for demo table*/

.table-overflow {
	overflow-x: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sick-div {
	background-color: #ff8f29;
	padding: 7px;
}

.onsite-div {
	background-color: #FFA500;
	padding: 7px;
	color: #fff;
}

#db-time-details div.onsite-div.ellipsis-popover {
	/*padding-right: 0;*/
}

.completed-div {
	background-color: #00af50;
	padding: 7px;
	color: #fff;
}

.enroute-div {
	background-color: #4C9ED9;
	padding: 7px;
	color: #fff;
}

.unresolved-div {
	background-color: #663399;
	padding: 7px;
	color: #fff;
}

.demo-table span {
	padding-right: 5px;
	cursor: pointer;
}

.view-intervals {
	margin-top: -6px;
}

.view-intervals>li>ul {
	border-left: 1px solid #ddd;
}

.view-intervals .select-chevron {
	bottom: 5px;
	right: 0;
}

/*main table*/

#db-time-details div.sick-div, #db-time-details div.onsite-div, #db-time-details div.completed-div, #db-time-details div.enroute-div, #db-time-details div.unresolved-div {
	position: absolute;
	width: 100%;
	overflow: hidden;
	/*height: 100%;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 5px;
	color: #fff;
	top: 49%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*end of main table*/

/*end of for demo table*/

/*fixed first col*/

.table-responsive .fixed-column {
	position: absolute;
	display: inline-block;
	width: auto;
	z-index: 2;
	background-color: #fff;
}

.table-responsive .fixed-column div.time-line {
	display: none;
}

/*end of fixed first col*/

/*for job popup*/

.right-panel.db-job-popup.rightpanel-open, .right-panel.tchnician-popup.rightpanel-open {
	width: 550px;
}

.tchnician-popup .technician-icon {
	font-size: 20px;
}

#wrapper.default .db-job-popup .wrap-right-cont .heading>h1 {
	background: transparent;
}

.db-job-popup .heading>h1>span {
	font-size: 11px;
}

#wrapper.default .heading.completed-popup, #wrapper.default .completedpopup .modal-footer .zylog-btn {
	background: #00af50;
	color: #fff;
}

#wrapper.default .heading.onsite-popup, #wrapper.default .onsitepopup .modal-footer .zylog-btn {
	background: #FFA500;
	color: #fff;
}

#wrapper.default .heading.enroute-popup, #wrapper.default .enroutepopup .modal-footer .zylog-btn {
	background: #4C9ED9;
	color: #fff;
}

#wrapper.default .heading.unresolved-popup, #wrapper.default .unresolvedpopup .modal-footer .zylog-btn {
	background: #663399;
	color: #fff;
}

#wrapper.default .db-job-popup .heading .save-cancel-icon, #wrapper.default .db-job-popup .heading .save-cancel-icon:hover {
	color: #fff;
}

/*end of job popup*/

/*new calendar control*/

.slide-date .form-control {
	padding-left: 30px;
}

.slide-date .previous-date {
	top: 1px;
	position: absolute;
	left: 0px;
	z-index: 2;
}

.slide-date .next-date {
	position: absolute;
	top: 1px;
	left: 110px;
	z-index: 2;
}

/*end of new calendar control*/

/*for new design*/

.panel-title .db-techtable ul>li {
	font-size: 12px;
}

.panel-title span .db-techtable i {
	font-size: 20px;
	margin-right: 0;
}

.panel-title .db-techtable>li:last-child>a {
	padding-right: 0;
}

.db-techfilter .table-searchfield>li:last-child {
	padding-left: 0;
}

.time-line {
	height: 100%;
	border-left: 2px solid #b20000;
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 102;
}

#db-time-details .ellipsis-popover.div-wdth {
	width: 4px;
}

.db-fields {
	margin: 2px -5px 8px;
}

/*for ie 10 & 11*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#db-time-details div.sick-div, #db-time-details div.onsite-div, #db-time-details div.completed-div, #db-time-details div.enroute-div, #db-time-details div.unresolved-div {
		-webkit-transform: translate(-50%, 11%);
		-moz-transform: translate(-50%, 11%);
		-ms-transform: translate(-50%, 11%);
		-o-transform: translate(-50%, 11%);
		transform: translate(-50%, 11%);
	}
}

/*for ie edge*/

@supports (-ms-accelerator:true) {
	#db-time-details div.sick-div, #db-time-details div.onsite-div, #db-time-details div.completed-div, #db-time-details div.enroute-div, #db-time-details div.unresolved-div {
		-webkit-transform: translate(-50%, 11%);
		-moz-transform: translate(-50%, 11%);
		-ms-transform: translate(-50%, 11%);
		-o-transform: translate(-50%, 11%);
		transform: translate(-50%, 11%);
	}
}

/*end of new design*/

@media screen and (max-width: 1200px) {
	.db-techfilter ul>li {
		width: 100%;
	}
	.db-techfilter .table-searchfield ul>li label {
		padding-left: 8px;
	}
	.db-techfilter .table-searchfield ul>li {
		padding-right: 0;
	}
	.db-techfilter .table-searchfield>li:last-child {
		margin-top: 5px;
		padding-left: 5px;
	}
}

@media screen and (max-width: 992px) and (min-width: 768px) {
	.db-cont-pad .nav-pills>li>a {
		padding: 0;
	}
	.db-techtable.nav-pills>li>a {
		padding: 0 1px;
	}
	.panel-heading .db-techtable>li {
		padding: 0;
	}
}

@media screen and (max-width: 992px) {
	#db-details .tab-content ul li {
		width: 100%;
		padding-right: 0;
	}
	#db-details .tab-content ul li input, #db-details .tab-content ul li select, #db-details .tab-content ul li button {
		margin: 0 0 5px;
	}
	#driving-direction-popup .form-group {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.right-panel.db-job-popup.rightpanel-open, .right-panel.tchnician-popup.rightpanel-open {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.db-cont-pad .nav-pills>li>a {
		padding: 0;
	}
	.db-techtable.nav-pills>li>a {
		padding: 0 1px;
	}
	.panel-heading .db-techtable>li {
		padding: 0;
	}
}

/*end of dispatch board*/

/*model*/

.c-modal .modal-content {
	border-radius: 0;
	border: none;
}

.c-modal .modal-header {
	padding: 10px;
	background-color: blue;
	border: none;
}

.c-modal .modal-title {
	color: #fff;
	line-height: 1.1;
	font-size: 15px;
}

.c-modal .modal-body, .c-modal .modal-footer {
	padding: 10px;
	border: none;
}

#main-container .c-modal button.close svg {
	height: 22px;
	width: 22px;
	fill: #fff;
}

.modal-header button .save-cancel-icon {
	font-size: 25px;
	color: #fff;
}

.modal-header button.close {
	margin-top: -4px;
}

/*new job details popup*/

.modal.db-job-popup .heading ul {
	padding: 10px 0;
}

/*confirmation popup*/

.right-panel.rightpanel-open.confirm-popup {
	width: 500px;
	height: auto;
}

.right-panel.rightpanel-open.confirm-popup .customer-details {
	height: auto;
}

.right-panel.confirm-popup {
	top: 29%;
	left: 32%;
}

.right-panel .confirm-info {
	padding: 10px 0;
}

.right-panel .confirm-info ul>li {
	padding: 0;
}

.confirm-info ul>li:first-child {
	width: 7%;
}

.confirm-info ul>li:last-child {
	width: 92%;
}

.confirm-icon:before {
	margin: 0;
}

.confirm-popup span.close {
	margin-left: 10px;
}

.model-info>li:first-child {
	padding-right: 0;
	vertical-align: top;
}

.model-info>li i {
	font-size: 14px;
}

.model-info>li:last-child {
	padding-left: 0;
	width: 80%;
}

.confirm-info h1 {
	margin-bottom: 30px;
	margin-top: 20px;
}

.confirm-info .sub-head {
	border: none;
	font-size: 14px;
	font-weight: normal;
}

/*end of confirmation popup*/

/*end of model*/

/*demo single pages*/

/*backgrounds*/

.sp-background {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
}

#wrapper.default .access-denied {
	background-image: url(../img/single-pages/access-denied.gif);
}

#wrapper.default .change-password {
	background-image: url(../img/single-pages/forgot-password.gif);
}

#wrapper.default .forgot-password {
	background-image: url(../img/single-pages/forgot-password.gif);
}

#wrapper.default .time-out {
	background-image: url(../img/single-pages/time-out.gif);
}

#wrapper.default .unexpected-error {
	background-image: url(../img/single-pages/unexpected-error.jpg);
}

/*end of backgrounds*/

.singlepage {
	display: table;
	padding: 0;
}

.singlepage>div {
	display: table-cell;
	float: none;
	padding: 0;
}

.singlepage>div:first-child {
	vertical-align: top;
	/*text-align: center;*/
}

.singlepage>div:last-child {
	height: 100%;
}

.head-ex {
	font-size: 80px;
	margin: 20px 0;
}

.sp-head {
	margin: 10px 0;
	font-size: 36px;
}

.sp-info {
	font-size: 28px;
	margin: 5px 0;
}

.head-ex-cont {
	font-size: 24px;
	font-weight: normal;
}

@media screen and (max-width: 768px) {
	.singlepage {
		display: block;
	}
	.singlepage>div {
		display: block;
		float: left;
	}
	.sp-cont>div {
		text-align: center;
	}
}

/*end of demo single pages*/

/*permission denied*/

.pd-info {
	margin-top: 10px;
	margin-bottom: 10px;
}


body#wrapper.default.access-denied-bg {
	background-image: url(../img/bg-img/access_denied_bg.png);
	background-repeat: repeat;
}

/*end of permission denied*/

/*single pages*/

.page-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: transparent;
}

.page-content h1 {
	font-size: 40px;
}


.page-content form p {
	font-size: 10px;
	margin-bottom: 10px;
	margin-top: -10px;
}

.page-content form .form-group input {
	border: none;
}

#wrapper.default .page-content button.zylog-btn {
	background-color: #fff;
	opacity: 0.5;
}

#wrapper.default .page-content button.zylog-btn:hover, #wrapper.default .page-content button.zylog-btn:focus {
	opacity: 1;
}

/*for font ico*/

.single-pg-icon {
	font-size: 200px;
	color: #fff;
	animation: fadeinout 5s infinite;
	-moz-animation: fadeinout 5s infinite;
	/* Firefox */
	-webkit-animation: fadeinout 5s infinite;
	/* Safari and Chrome */
	-o-animation: fadeinout 5s infinite;
	/* Opera */
}

@keyframes fadeinout {
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@-moz-keyframes fadeinout {
	/* Firefox */
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeinout {
	/* Safari and Chrome */
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@-o-keyframes fadeinout {
	/* Opera */
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

#wrapper.default .home-circle {
	background-color: #fff;
}

#wrapper.default .page-content label, #wrapper.default .page-content p, #wrapper.default .page-content h1 {
	color: #fff;
}


.single-pg-icon:before {
	margin: 0;
}

.cont-margin {
	margin: 50px 0;
}

.cont-margin1 {
	margin: 110px 0;
}

.label-top {
	margin-top: 8px;
}

.welcome-su:first-child {
	padding-right: 0;
}

.welcome-su:last-child {
	padding-left: 0;
}

.sp-heading {
	padding: 5px;
}

.forgot-top {
	margin-top: 10px;
}

.forgot-bottom {
	margin-bottom: 10px;
}

.col-gap {
	margin: 5px 0;
}

.page-content p {
	font-size: 20px;
}

.error-margin {
	margin: 14px 0px;
}

body#wrapper.default.change-password-bg {
	background-image: url(../img/bg-img/change_password_bg.png);
	background-repeat: repeat;
}

body#wrapper.default.forgot-password-bg {
	background-image: url(../img/bg-img/forgot_password_bg.png);
	background-repeat: repeat;
}

body#wrapper.default.unexpected-error-bg {
	background-image: url(../img/bg-img/unexpected_error_bg.png);
	background-repeat: repeat;
}

body#wrapper.default.session-expired-bg {
	background-image: url(../img/bg-img/session_expired_bg.png);
	background-repeat: repeat;
}

body#wrapper.default.bg-animation {
	-webkit-animation: animatedBackground 20s linear infinite;
	-moz-animation: animatedBackground 20s linear infinite;
	-o-animation: animatedBackground 20s linear infinite;
	-ms-animation: animatedBackground 20s linear infinite;
	animation: animatedBackground 20s linear infinite;
}

/*background continuous loop animation*/

-webkit-@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 100%;
	}
}

-moz-@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 100%;
	}
}

-o-@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 100%;
	}
}

-ms-@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 100%;
	}
}

@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 100%;
	}
}

/*End of background continuous loop animation*/

#single-page.page-content p.p-grey {
	color: rgba(0, 0, 0, 0.6);
}

.home-circle {
	border-radius: 50%;
	display: inline-block;
	padding: 10px;
	margin: 30px;
}

.home-circle svg {
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
}

.home-circle svg .ue-clr {
	fill: #fff;
}

.mar-top-m26 {
	margin-top: 0px;
}

.single-pg-home-icon {
	font-size: 30px;
	color: #fff;
}

@media screen and (max-width: 992px) {
	.page-content h1 {
		font-size: 30px;
	}
	.page-content p {
		font-size: 14px;
	}
	.single-pg-icon {
		font-size: 150px;
	}
	.single-pg-home-icon {
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.page-content {
		width: 100%;
		height: 100%;
	}
	.sp-heading {
		text-align: center;
	}
	.cont-margin1 {
		margin: 0;
	}
	.cont-margin {
		margin: 20px 0;
	}
	.page-content form .form-group {
		/*margin-top: 20px;*/
	}
}

@media screen and (max-width: 480px) {
	.single-pg-icon {
		font-size: 120px;
	}
	.page-content h1 {
		font-size: 26px;
	}
	.page-content p {
		font-size: 12px;
	}
	.single-pg-home-icon {
		font-size: 17px;
	}
}

/*end of single pages*/

/*custom-checkbox in multiselect*/

.multiselect-container {
	overflow: hidden;
}

.multiselect-container input {
	margin-left: -13px;
	display: inline-block;
}

.multiselect-container label {
	display: inline-block;
	width: 100%;
}

.multiselect-container input[type="checkbox"] {
	opacity: 0;
	width: 0;
	/*change top value*/
}

.multiselect-container input[type="checkbox"]+label:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 17px;
	border: 1px solid #666;
	background: #fff;
}

.multiselect-container input[type="checkbox"]+label:before {
	/*top: -5px;*/
	top: 5px;
	/*change top value*/
}

.multiselect-container input[type="checkbox"]:checked+label:after {
	content: '';
	display: block;
	width: 9px;
	height: 5px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	/*top: 4px;*/
	top: 9px;
	/*change top value*/
	left: 20px;
}

ul.multiselect-container li.active label {
	color: #fff;
}

ul.multiselect-container li label {
	font-size: 13px;
}

.btn-group button.multiselect {
	width: 100%;
	text-align: left;
	padding: 5px 7px 6px;
	font-size: 13px;
}

.btn-group button.multiselect .caret {
	display: none;
}

.multiselect-box .btn-group {
	width: 100%;
}

ul.multiselect-container {
	width: 100%;
	border-radius: 0;
}

button.multiselect.btn-default:hover, button.multiselect.btn-default:focus, button.multiselect.btn-default:active, button.multiselect.btn-default.active, .open>.dropdown-toggle.btn-default {
	color: #000;
	background-color: #fff;
}

/*End of custom-checkbox in multiselect*/

/*autocomplete*/

.right-addon .glyphicon {
	/*css line 497*/
	z-index: 2;
}

#top-search {
	/*line 480*/
	border-radius: 0;
	box-shadow: none;
}

/*new css*/

.eac-item {
	font-family: 'Open-regular';
	font-size: 12px;
}

.nav-notification .inner-addon>button {
	padding: 0;
	margin: 4px 6px;
	border: medium none;
	z-index: 2;
	pointer-events: auto;
}

.nav-notification .inner-addon>button:hover, .nav-notification .inner-addon>button:focus, .nav-notification .inner-addon>button:active {
	background: none;
	box-shadow: none;
}

/*end of auto complete*/

/*live map*/

.lm-mar-zero {
	margin-top: 0;
	margin-bottom: 0;
}

/*end of live map*/

/*fixed table width*/

.th1-width {
	width: 10%;
}

.th2-width {
	width: 20%;
}

.th3-width {
	width: 5%;
}

.th4-width {
	width: 50%;
}

.th5-width {
	width: 10%;
}

.th6-width {
	width: 3%;
}

.th7-width {
	width: 35%;
}

.th8-width {
	width: 40%;
}

/*end of fixed width*/

/*message demos*/

@media screen and (max-width: 480px) {
	.alert-btn-ul>li {
		width: 100%;
		padding: 0;
		margin: 5px;
	}
	.alert-btn-ul>li button {
		width: 50%;
	}
}

/*end of message demos*/

/*home*/

.quick-link-box {
	padding: 10px;
	margin: 5px;
	/*border: 1px solid #ccc;*/
	/*box-shadow: 0 0 10px -2px #dddddd80;*/
	text-align: center;
	height: 184px;
	position: relative;
	cursor: pointer;
}

.quick-link-box .quick-link-box-icon {
	font-size: 60px;
	color: #565656;
	opacity: 0.5;
}

.quick-link-box .quick-link-title {
	color: #565656;
	font-size: 16px;
}

.quick-link-box .quick-link-box-icon::before {
	margin: 20px 0 30px;
}

.quick-link-box ul>li:first-child {
	-webkit-transition: all .5s ease-in;
	-webkit-transform: scale(1);
	-ms-transition: all .5s ease-in;
	-ms-transform: scale(1);
	-moz-transition: all .5s ease-in;
	-moz-transform: scale(1);
	transition: all .5s ease-in;
	transform: scale(1);
}

.quick-link-box:hover ul>li:first-child {
	-webkit-transition: all .5s ease-in;
	-webkit-transform: scale(1.3);
	-ms-transition: all .5s ease-in;
	-ms-transform: scale(1.3);
	-moz-transition: all .5s ease-in;
	-moz-transform: scale(1.3);
	transition: all .5s ease-in;
	transform: scale(1.3);
}

.quick-link-box:hover ul>li:last-child {
	animation: fadeinout 2s;
	-moz-animation: fadeinout 2s;
	/* Firefox */
	-webkit-animation: fadeinout 2s;
	/* Safari and Chrome */
	-o-animation: fadeinout 2s;
	/* Opera */
}

/*end of home*/

.iphone-ul-div {
	display: none;
}

.web-ul {
	display: block;
}

/*media query for touch device*/

/*iPhone < 5*/

@media screen and (device-aspect-ratio: 2/3) {
	/*.tooltip {
			display: none !important;
		}*/
	#wrapper.no-scroll {
		position: fixed;
	}
	label {
		cursor: pointer;
	}
	.iphone-ul.jd-dropdown {
		position: fixed;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 250px;
		z-index: 20;
	}
	.iphone-ul-div {
		display: block;
	}
	.web-ul {
		display: none;
	}
	.grey-div {
		height: 100%;
		width: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 1;
	}
	.form-group .input-group-btn .btn {
		margin-top: 16px;
	}
}

/*iPhone 5*/

@media screen and (device-aspect-ratio: 40/71) {
	/*.tooltip {
			display: none !important;
		}*/
	#wrapper.no-scroll {
		position: fixed;
	}
	label {
		cursor: pointer;
	}
	.iphone-ul.jd-dropdown {
		position: fixed;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 250px;
		z-index: 20;
	}
	.iphone-ul-div {
		display: block;
	}
	.web-ul {
		display: none;
	}
	.grey-div {
		height: 100%;
		width: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 1;
	}
	.form-group .input-group-btn .btn {
		margin-top: 16px;
	}
}

/*iPhone 6*/

@media screen and (device-aspect-ratio: 375/667) {
	/*.tooltip {
			display: none !important;
		}*/
	#wrapper.no-scroll {
		position: fixed;
	}
	label {
		cursor: pointer;
	}
	.iphone-ul.jd-dropdown {
		position: fixed;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 250px;
		z-index: 20;
	}
	.iphone-ul-div {
		display: block;
	}
	.web-ul {
		display: none;
	}
	.grey-div {
		height: 100%;
		width: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 1;
	}
	.form-group .input-group-btn .btn {
		margin-top: 16px;
	}
}

/*iPhone 6 Plus*/

@media screen and (device-aspect-ratio: 16/9) {
	/*.tooltip {
			display: none !important;
		}*/
	#wrapper.no-scroll {
		position: fixed;
	}
	label {
		cursor: pointer;
	}
	.iphone-ul.jd-dropdown {
		position: fixed;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 250px;
		z-index: 20;
	}
	.iphone-ul-div {
		display: block;
	}
	.web-ul {
		display: none;
	}
	.grey-div {
		height: 100%;
		width: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 1;
	}
	.form-group .input-group-btn .btn {
		margin-top: 16px;
	}
}

/*iPad*/

@media screen and (device-aspect-ratio: 3/4) {
	/*.tooltip {
			display: none !important;
		}*/
	#wrapper.no-scroll {
		position: fixed;
	}
	label {
		cursor: pointer;
	}
}

/*media query for touch device*/

/*LHN menu toggle*/

.arrow-togglepane-first {
	position: absolute;
	right: auto;
	left: 82%;
	bottom: 8px;
	padding: 3px;
	font-size: 14px;
	cursor: pointer;
	z-index: 2;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.arrow-togglepane-first>i {
	color: #fff;
}

.first-level.sidebar-mini .arrow-togglepane-first {
	left: 17px;
}

aside.first-level ul li a .text {
	font-size: 14px;
}

#wrapper.default aside.first-level ul li a:hover, #wrapper.default aside.first-level ul li a:focus, #wrapper.default aside.first-level ul li a.active {
	color: #fff;
}

aside .main-menu ul li a.active .text {
	opacity: 1;
}

aside.second-level.sidebar-mini.menu-boxshadow {
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

/*end of LHN menu toggle*/

/*ZSL Dev For technician availability*/

.containerHead {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	min-height: 40px;
	width: 1030px;
	margin-left: -4px;
	border: 1px solid #ddd;
	background: #f3f4f9;
}

.containerRow {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	min-height: 40px;
	width: 1030px;
	margin-left: -4px;
	border: 1px solid #ddd;
	background: white;
}

.item {
	background-color: transparent;
	box-sizing: border-box;
	padding: 3px;
	padding-left: 0px;
	padding-Right: 0px;
	outline: 0px solid;
	flex: 1;
	font-family: "open-bold";
	font-weight: normal;
}

.off-time {
	background-color: rgba(0, 0, 0, 0.19);
}

.over-time {
	background-color: rgba(194, 239, 141, 0.6);
}

.time-div {
	/*width: 14%;*/
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (max-width: 500px) {
	.item {
		flex-basis: 25%;
	}
}

@media screen and (max-width: 640px) {
	.item {
		flex-basis: 50%;
		background-color: #f3f4f9;
	}
}

#table-withscroll .ui-datatable-scrollable-header-box {
	margin-right: 0 !important;
}

#table-withscroll tbody tr td:first-child {
	padding: 3px 3px !important;
}

#table-withscroll .ui-datatable-stacked tbody tr td:first-child {
	padding: 4px 10px !important;
}

#table-withscroll .ui-datatable-header {
	display: none;
}

.table-withscroll .ui-datatable-scrollable-header-box {
	margin-right: 0 !important;
}

.table-withscroll tbody tr td:first-child {
	padding: 3px 3px !important;
}

.table-withscroll .ui-datatable-header {
	display: none;
}

/*Custom Loader*/

.glyphicon-refresh-animate {
	-animation: bspin .7s infinite linear;
	-webkit-animation: bspin2 .7s infinite linear;
}

@-webkit-keyframes bspin2 {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes bspin {
	from {
		transform: scale(1) rotate(0deg);
	}
	to {
		transform: scale(1) rotate(360deg);
	}
}

/*sekar 17-04-2017*/

#errmsg {
	color: red;
}

#errmsgdecimal {
	color: red;
}

/*Customer AutoComplete - CreateWorkOrder*/

.customer-autocomplete {
	float: left;
	margin-right: 30px;
	width: 54%;
}

.customer-autocomplete-2 {
	float: left;
	margin-right: 30px;
	width: 8%;
}

.text-readonly {
	border: 1px solid #CCCCCC !important;
	/*border-left:none !important;*/
	font-size: 13px;
	color: #000;
	border-radius: 0;
	box-shadow: none;
	height: 30px;
	text-overflow: ellipsis;
	padding: 4px 7px;
	font-family: "Open-semibold";
}

.role-border {
	border-left: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
}

/*rajqn 25-04-2017*/

.toggle-btn-top1 {
	margin: 10px 0 30px 0;
}

.toggle-btn-top {
	margin: 15px 0 35px 0
}

/*rajan 25-04-2017*/

.preferred-date-nowrap {
	text-overflow: inherit !important;
}

/*rajqn 3-05-2017 - Anvardeen Batcha */

/*Bharathi 19-03-2018 - Anvardeen Batcha */

input.form-control[readonly] {
	border: solid 1px #ccc;
}

textarea.form-control[readonly] {
	border: solid 1px #ccc !important;
}

/*rajqn 3-05-2017 - Anvardeen Batcha */

/*Bharathi 19-03-2018 - Anvardeen Batcha */

/* ---------- Updated on 30th Mar for Fontello font icons ---------------- */

.submenu-list li a {
	font-family: "Open-regular" !important;
	line-height: 1.42857143;
}

[class^="icon-"]::before, [class*=" icon-"]::before {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/*--------------------------- Updated on 10th Apr 17 ----------------------*/

.sub-menu>li>a>span {
	vertical-align: middle !important;
}

/*--------------------------- Updated on 26th Apr 17 ----------------------*/

.submenu-list li:first-child {
	line-height: 1.42857143;
}

/*end of LHN menu toggle*/

.wocust-panel {
	background-color: #FFFFFF;
	min-height: 100% !important;
	/*padding-bottom: 19%;*/
}

.wo-addr-details {
	height: 60px;
	overflow-y: auto;
	border: none;
}

/*PrimeNg Tabel overflow ellipsis css added senthilg/sudahnandhan*/

p-datatable table tbody td {
	overflow: hidden;
	text-overflow: ellipsis;
}

.textoverflowMenu {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%;
	white-space: nowrap;
}

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 60px);
	white-space: nowrap;
}

.textoverflow95 {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 95%;
	white-space: nowrap;
}

.text-overflow-in {
	overflow: inherit;
	text-overflow: ellipsis;
	width: calc(100% - 60px);
	white-space: nowrap;
}

/*added by anvar/senthilg*/

.change-password-icon {
	font-size: 200px;
	color: #fff;
	animation: fadeinout 5s infinite;
	-moz-animation: fadeinout 5s infinite;
	/* Firefox */
	-webkit-animation: fadeinout 5s infinite;
	/* Safari and Chrome */
	-o-animation: fadeinout 5s infinite;
	/* Opera */
}

.right-panel.rightpanel-open.width50p {
	width: 50%;
}

/*start bg Animation for default				*/

#single-page.default.change-password-bg {
	background-image: url(../img/bg-img/change_password_bg.png);
	background-repeat: repeat;
}

#single-page.default.forgot-password-bg {
	background-image: url(../img/bg-img/forgot_password_bg.png);
	background-repeat: repeat;
}

#single-page.default.unexpected-error-bg {
	background-image: url(../img/bg-img/unexpected_error_bg.png);
	background-repeat: repeat;
}

#single-page.default.session-expired-bg {
	background-image: url(../img/bg-img/session_expired_bg.png);
	background-repeat: repeat;
}

#single-page.default.bg-animation {
	-webkit-animation: animatedBackground 20s linear infinite;
	-moz-animation: animatedBackground 20s linear infinite;
	-o-animation: animatedBackground 20s linear infinite;
	-ms-animation: animatedBackground 20s linear infinite;
	animation: animatedBackground 20s linear infinite;
}

#single-page.default.access-denied-bg {
	background-image: url(../img/bg-img/access_denied_bg.png);
	background-repeat: repeat;
}

#single-page.default.page-background {
	background-color: #2d409a;
}

/*end bg Animation for default				*/

/*start bg Animation for pink				*/

#single-page.change-password-bg {
	background-image: url(../img/bg-img/change_password_bg.png);
	background-repeat: repeat;
}

#single-page.pink.forgot-password-bg {
	background-image: url(../img/bg-img/forgot_password_bg.png);
	background-repeat: repeat;
}

#single-page.pink.unexpected-error-bg {
	background-image: url(../img/bg-img/unexpected_error_bg.png);
	background-repeat: repeat;
}

#single-page.pink.session-expired-bg {
	background-image: url(../img/bg-img/session_expired_bg.png);
	background-repeat: repeat;
}

#single-page.pink.bg-animation {
	-webkit-animation: animatedBackground 20s linear infinite;
	-moz-animation: animatedBackground 20s linear infinite;
	-o-animation: animatedBackground 20s linear infinite;
	-ms-animation: animatedBackground 20s linear infinite;
	animation: animatedBackground 20s linear infinite;
}

#single-page.pink.access-denied-bg {
	background-image: url(../img/bg-img/access_denied_bg.png);
	background-repeat: repeat;
}

#single-page.pink.page-background {
	background-color: #D60B5D;
}

/*end bg Animation for pink				*/

#single-page.lgray.page-background {
	background-color: #3B3A48;
}

#single-page.dblue.page-background {
	background-color: #030F1B;
}

/*#single-page.lgray.page-background {
        background-color: #3B3A48; 
      }*/

/*added for signature start*/

.signature-wrapper {
	/*position: relative;
  width: 200px;
  height: 100px;*/
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*img {
  position: absolute;
  left: 0;
  top: 0;
}*/

.signature-pad {
	border: 2px dotted gray;
	margin: 5px;
	/*position: absolute;
  left: 0;
  top: 0;
  width:400px;
  height:200px;*/
}

/*added for signature start*/

/*Invoice Queue*/

.paid {
	background: #36c6d3 !important;
	color: #fff !important;
	border: none;
}

.unpaid {
	background: #ed6b75 !important;
	color: #fff !important;
	border: none;
}

.revert {
	color: #e06666 !important;
	cursor: pointer;
}

.square {
	height: 175px;
	width: 150px;
}

/*.btn-xs, .btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}*/

/*End Invoice Queue*/

/*disable-date-control */

.disable-date-control {
	position: absolute;
	width: 105%;
	height: 100%;
	background: rgba(255, 252, 218, 0.44);
	z-index: 10;
}

.password-comp {
	color: red!important;
	text-decoration: underline!important;
	cursor: pointer!important;
}

.hand {
	cursor: pointer
}

p-autocomplete .ng-pristine .ng-invalid .ng-touched {
	border-left: 5px solid #2d409a !important;
}

.ql-snow.ql-toolbar .ql-image {
	display: none;
}

.company-logosec {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.switcher:before, .switcher:after {
	content: " ";
	display: table;
}

.switcher:after {
	clear: both;
}

.switcher a {
	text-indent: -10000px;
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 4px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.switcher a.active {
	border-color: #0DC72C;
}

.switcher div.cols {
	float: left;
	margin-right: 2em;
	margin-bottom: 5px;
}

.switcher.page a {
	display: block;
	width: 80%;
	height: 100px;
	margin-bottom: 10px;
}

.switcher.page a.active {
	border-color: rgba(0, 0, 0, 0.3);
}

.switcher.page .background {
	background-size: contain;
}

.switcher .blue {
	background: #2746da;
}

.switcher .pink {
	background: #D60B5D;
}

.switcher .gray {
	background: #444;
}

.switcher .lgray {
	background: #2B2A35;
}

.switcher .dblue {
	background: #030F1B;
}

.switcher .background {
	background-color: #000000;
	background-position: right center no-repeat;
	background-attachment: fixed;
}

.ui-datatable.ui-datatable-resizable {
	width: 100% !important;
}

.timer-section, .timer-section div, .timer-section h4 {
	display: inline-block;
	vertical-align: middle;
}

.timer-section.time-expired h4 {
	color: #f80d0d;
	display: inline-block;
}

.timer-section h4 {
	color: #148707;
	font-weight: 600;
}

#cwo-job-popup .ui-datepicker-trigger span {
	display: none;
}

#cwo-job-popup .ui-datepicker-trigger {
	right: 0;
	border: none;
	outline: none;
}

.custom-closeicon {
	position: absolute;
	right: 30px;
	z-index: 99;
	top: 10px;
	color: #a78dc5;
	cursor: pointer;
}

.custom-closeicon:hover {
	color: #735694;
}

.dropdown-menu>li>a {
	cursor: pointer;
}

.tchnician-popup .list-head.email-break {
	word-wrap: break-word;
	width: 80%;
}

.workorder-tablescroll .ui-datatable-stacked {
	height: 80%;
	height: -moz-calc(100vh - 290px);
	height: -webkit-calc(100vh - 290px);
	height: calc(100vh - 290px);
	overflow-y: auto;
	overflow-x: hidden;
}

.workorder-textarea textarea.form-control {
	height: 75%;
}

.ui-datatable th.ui-state-active .ui-column-title {
	color: #555;
}

.deft-checkbox {
	width: 16px;
	height: 16px;
}

.search-fieldbox {
	padding-left: 0;
}

.search-textbox {
	padding: 2px 6px;
	display: inline-block;
	width: 100%;
}

.search-textbox .pull-left {
	width: 100%;
}

.asset-autofield {
	padding: 0 0 15px;
}

.assets-searchfield {
	padding: 15px 0 0;
}

.asset-autofield>.form-group {
	padding: 2px 0;
}

.dataTableMinheight.assetstableheight .ui-datatable-tablewrapper {
	min-height: 10px;
}

.asset-radiobox .ui-datatable-stacked .ui-datatable-data td:first-child .ui-column-title {
	float: right;
}

.assign-selectbox.form-group {
	float: left;
	padding-top: 0;
}

.assign-selectbox .select-chevron {
	top: 6px;
}

.assign_btn {
	margin-left: 10px;
}

.fa-bell {
	color: #ff8000;
	/* padding:5px 0 0 0; */
	/* font-size:15px;
	padding-top: 4px; */
}

.form-group.response-bg {
	background: #f1f1f1;
	margin: 5px 0 10px;
	padding: 10px 5px;
}

.form-group.resolution-bg {
	background: #eaeaea;
	padding: 10px 5px;
	margin: 5px 0;
}

/*Option group  heading color -- start here*/

.group-drop optgroup {
	color: black;
	font-size: 15px;
}

.group-drop option {
	color: rgba(0, 0, 0, 0.6);
	font-size: 13px;
}

/*Option group  heading color -- End here*/

/*Icon for Bell Symbol--Start*/

.icon-blue {
	color: #0088cc
}

.icon-grey {
	color: grey
}

#smsbell {
	width: 100px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.smsbadge:after {
	content: attr(data-after);
	position: absolute;
	background: rgba(0, 0, 255, 1);
	height: 2rem;
	top: 1rem;
	right: 3.02rem;
	width: 2rem;
	text-align: center;
	line-height: 2rem;
	;
	font-size: 1rem;
	border-radius: 50%;
	color: white;
	border: 1px solid blue;
}

.emailPopupClass .popup {
	z-index: 101;
}

.emailPreview, textarea.emailPreview.form-control {
	background: transparent !important;
	border: 0 !important;
}

textarea.emailPreview.form-control:focus, .emailPreview.form-control:focus {
	box-shadow: none !important;
}

.text-align-right {
	text-align: right;
}

/*Icon for Bell Symbol--End*/

.History-customer-details .ui-datatable-tablewrapper {
	width: 100%;
	overflow-x: auto;
}

.History-customer-details .ui-paginator {
	border: 1px solid #d9d9d9 !important;
}

.lookup-data-table .fa-fw {
	width: 0.571429em !important;
	margin-left: 5px !important;
}

.cls_statusreasonreport {
	position: inherit;
	margin-top: 70px;
	min-height: 0px !important;
}

.s_dynamic_checkbox
/*added Sudhanandhan*/

	{
	min-height: 53px;
	max-height: 53px;
	overflow: hidden;
	display: block;
	padding-top: 3%;
}

.s_dynamic_textbox
/*added Sudhanandhan*/

	{
	min-height: 53px;
	max-height: 53px;
	overflow: hidden;
	display: block;
}

.dashboard-sec {
	background: #fff;
	padding: 0;
}

.dash-topsec {
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	padding: 10px 15px;
	width: 100%;
	height: 46px;
}

.dash-color1 {
	border: 1px solid #e8a6a7;
	background: #fededf;
	margin: 0 10px 15px !important;
}

.dash-color2 {
	border: 1px solid #cbe0e5;
	background: #e7f6fb;
	margin: 0 10px 15px !important;
}

.dash-color3 {
	border: 1px solid #edc4b2;
	background: #feeadf;
	margin: 0 10px 15px !important;
}

.dash-color4 {
	border: 1px solid #cacbc6;
	background: #e7e8e3;
	margin: 0 10px 15px !important;
	height: 225px !important;
}

.dash-color5 {
	border: 1px solid #9b98ad;
	background: #dbd9e7;
	margin: 0 10px 15px !important;
}

.dash-color6 {
	border: 1px solid #a7a7a7;
	background: #f0f0f0;
	margin: 0 10px 15px !important;
}

.dash-color7 {
	border: 1px solid #89c0ba;
	background: #cfece8;
	margin: 0 10px 15px !important;
}

.dash-color8 {
	border: 1px solid #d9d2b6;
	background: #fff3cd;
	margin: 0 10px 15px !important;
}

.dash-color9 {
	border: 1px solid #c2d8b1;
	background: #e1efd6;
	margin: 0 10px 15px !important;
}

.chart-title>div, .chart-title .kpi-chart>div {
	color: #848484 !important;
	border-color: #b7b7b7 !important;
}

.chart-title table tr th, .chart-title table tr td {
	font-size: 11px !important;
}

@media print {
	body {
		-webkit-print-color-adjust: exact;
	}
}

.Billheader, table.invoicedatatable tr td:first-child {
	padding: 2px 62px 2px 3px;
	background-color: #e7e7e7 !important
}

table.clstaxlist {
	border: 1px solid #e7e7e7;
}

table.clstaxlist thead tr {
	background-color: #e7e7e7 !important
}

.colorred {
	color: red !important;
}

.colorgreen {
	color: green !important;
}

table.clstaxlist tbody tr {
	border-bottom: 1px solid #e7e7e7;
}

.bing_full_screen {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 100%;
	max-width: 30px;
	cursor: pointer;
	border: 1px solid #acc7f2;
}

.bing_full_screen:hover {
	border: 2px solid #f2b5ac;
}

.exttbl table tbody tr {
	display: inline-block;
}

.clsOTPButton {
	float: left;
	padding-left: 5px;
}

.clsOTPButton ul {
	padding: 5px 5px;
}

.otpbutton {
	background-color: #428bca !important;
	padding: 2px 6px;
}

.requiredotp {
	float: right;
	width: auto
}

.search-btn .btn, .cust-btns .btn {
	margin-right: 3px;
}

.schedule-meridian>span {
	margin-left: 3px;
}

.dataTableMinheight .ui-datatable-resizable {
	overflow: visible;
}

.dataTableMinheight .ui-datatable-tablewrapper {
	overflow: auto;
}

.main-heading .list-inline {
	margin-left: -1px;
}

#wrapper.default .wrap-right-cont .heading>h1 {
	color: #fff;
	margin-top: 0;
}

/* datatable scrolling issue - sudhanandhan  */

.ui-datatable-resizable {
	overflow: unset !important;
}

element.style {}

.pi {
	font-family: 'primeicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	margin: 0;
	padding: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-rating a {
	color: #ffBE00 !important;
}
/* 
.ui-rating {
	font-size: x-large !important;
} */

.ui-dialog {
	z-index: 1002!important;
}
.ui-picklist-buttons  .ui-picklist-buttons-cell{
	margin-top: 10px;
}
.ui-widget-overlay {
	z-index: 1001!important;
}

.zylog-location {
	font-size: 20px;
	color: #1d1d1d;
}

.ui-multiselect .ui-multiselect-panel {
	width: 100% !important;
}

.ui-multiselect-panel .ui-multiselect-item label {
	text-overflow: ellipsis !important;
	overflow: hidden !important;
}

.s_floatleft {
	float: left !important;
}

@media screen and (max-width: 550px) {
	.m-search-box {
		width: calc(100% - 91px);
	}
}

.ui-growl-message p {
	font-size: 12px;
}

.ratio-btn .ui-radiobutton-label {
	width: auto;
	margin: 0;
	font-size: 12px;
}

.chatcontainer {
	border: 2px solid #0a8414;
	background-color: #23b22f;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 5px;
}

.chatdarker {
	border-color: #053f68;
	background-color: #0a5184;
}

.chatcontainer::after {
	content: "";
	clear: both;
	display: table;
}

.chatcontainer .chatright {
	text-align: right;
	margin-right: 0;
	color: white;
}

.imagepreview {
	/* position: absolute; */
	/* left: 0; */
	right: 0;
	bottom: 0;
	margin: 0 auto;
	/* pointer-events: none; */
	position: relative;
	/* top: 0; */
	-moz-user-select: none;
	/* max-width: 60%; */
}

.imagepreview0 {
	transform: rotate(0deg);
}

.imagepreview90 {
	transform: rotate(90deg);
}

.imagepreview180 {
	transform: rotate(180deg);
}

.imagepreview270 {
	transform: rotate(270deg);
}

.wrap-right-cont .image-preview-tool {
	font-size: 17px;
	padding-top: 10px;
	color: rgba(255, 255, 255, 0.60);
	cursor: pointer;
	padding: 10px;
}

.image-container {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: calc(100% - 100px);
	text-align: center;
}

.preview-top-slider .reset:hover {
	color: #fff;
}

.preview-top-slider .download:hover {
	color: #fff;
}

.preview-top-slider .rotate-left:hover {
	color: #fff;
}

.preview-top-slider .rotate-right:hover {
	color: #fff;
}

.preview-top-slider .zoomin:hover {
	color: #fff;
}

.preview-top-slider .zoomout:hover {
	color: #fff;
}

.preview-top-slider .leftarrow:hover {
	color: #fff;
}

.preview-top-slider .rightarrow:hover {
	color: #fff;
}

.preview-top-slider .arrow {
	font-size: 20px;
	cursor: pointer;
	padding-top: 10px;
	color: rgba(255, 255, 255, 0.60);
}

.preview-top-slider .disabled {
	pointer-events: none;
	cursor: not-allowed
}

.note-scheduleing {
	border: 1px solid #fe8b8b !important;
	border-left: 5px solid #fe8b8b !important;
	background-color: #fed1d1!important;
}

.schedule-appointment .tech-pref-color1 svg {
	fill: #00a452 !important;
}

.schedule-appointment .tech-pref-color2 svg {
	fill: blue !important;
}

.schedule-appointment .tech-pref-color4 svg {
	fill: red !important;
}

.dot {
	height: 5px;
	width: 5px;
	border-radius: 50%;
	display: inline-block;
	padding: 5px;
}

@media screen and (max-width: 900px) {
	/* .list-inline.confirm-appointment > li {
		width:15%;
	} */
	.list-inline.confirm-appointment {
		padding-top: 15px;
	}
	.list-inline.confirm-appointment>li:last-child {
		width: auto;
	}
}

.schedule-app .marginlr5 {
	margin: 0 5px;
}

@media screen and (max-width: 550px) {
	.appointment-tech {
		margin-top: -25px;
	}
	.appointment-mand {
		margin-top: -10px;
	}
}

@media screen and (max-width: 480px) {
	.conf-app-width {
		width: 237px
	}
}

@media screen and (max-width: 480px) {
	.conf-appointment ul>li {
		/* width: 100%; */
		padding: 0;
	}
}

.ui-messages ul {
	width: calc(100% - 160px);
	display: inline-block;
	padding: 10px;
	height: 60px;
	overflow: hidden;
}

.fas-microphone {
	display: block;
	width: 25px;
	height: 24px;
	border-radius: 24px;
	background: #f7f7f7;
	padding: 5px 7px;
	font-size: 14px;
	border: 1px solid #737373;
	cursor: pointer;
	color: #636363;
}

.fas-microphone-msg {
	position: absolute;
	right: 40%;
}

.su-clearboth {
	clear: both;
}

.ds_thumbnail {
	margin-bottom: 0 !important;
}

.fp_message {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.fp_traval_time {
	text-align: right;
	position: absolute;
	right: 0;
	bottom: -20px;
}

.fp_white-box {
	margin-top: 10px;
	padding-bottom: 30px;
}

.fp_padding_0 {
	padding: 0px;
}

.ui-autocomplete-loader {
	right: 35px !important;
}

.fp_carousel_no_border {
	border: none;
}

.fp_carousel_no_border .panel-heading {
	background-color: #fff!important;
}

.fp_carousel_no_border .fp_carousel_expend_collops {
	display: none;
}

.cursor-pointer {
	cursor: pointer;
}

.fp_dynamicforms_field {
	position: absolute;
	top: 7px;
	right: 5px;
	font-size: 18px;
	color: #686868;
}

.fp_dynamicform_customfield .allotted-control label.font-semibold {
	color: #2196F3;
}

.fp_dynamicform_datefield {
	background: #fff url('../../calc-icon.jpg') no-repeat center right !important;
}

a.fp_properttitle {
	width: calc(100% - 35%);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fp_forms_label {
	font-weight: bolder;
	padding: 5px 7px 0px 7px;
	display: block;
}

.labelField_preview {
	display: inline-block;
	height: 20px;
}

.fp_editor .ql-toolbar.ql-snow {
	border: 1px solid #ccc !important;
	background: #2d409a1f !important;
}

.mandatory-field-editor .ql-editor {
	border-left: 4px solid #2d409a!important;
}

.fp_dynamic_forms .ql-toolbar.ql-snow .ql-formats {
	margin-right: 0px;
}

.fp_dynamic_forms .ql-snow.ql-toolbar button svg, .fp_dynamic_forms .ql-snow .ql-color-picker .ql-picker-label svg {
	height: 14px !important;
	width: 14px !important;
}

.fp_dynamic_forms .ql-snow .ql-picker.ql-font, .fp_dynamic_forms .ql-snow .ql-picker.ql-header {
	width: 85px !important;
}

.fp_dynamic_forms .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .fp_dynamic_forms .ql-toolbar.ql-snow .ql-picker-label {
	font-size: 11px;
}

.fp_dynamic_forms .ql-code-block, .fp_dynamic_forms .ql-clean {
	display: none !important;
}

.glyphicon_ok {
	font-size: 7px;
	margin-top: 3px;
	top: -2px;
}

.job-title {
	padding: 10px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}

.job-title h3 {
	font-size: 16px;
	font-family: "open-bold";
}

.top-caption h3 {
	font-size: 14px;
	padding: 10px 0;
	font-family: "open-bold";
	color: #3b4da0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.m-p5 {
	padding: 0 5px;
}

.edit-sec {
	float: right;
}

.job-description {
	padding: 0px 10px;
}

.job-description p {
	font-size: 12px;
	font-family: "Open-semibold";
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.thumbnail {
	margin-bottom: 10px;
}

.alignleft {
	text-align: left;
}

.ql-snow .ql-tooltip input[type=text] {
	width: 170px !important;
}

.fp_dynamic_forms .ql-snow .ql-picker, .ql-snow .ql-tooltip {
	z-index: 999;
}

.fp_wo_address_loader {
	color: #a99e9e;
	margin-left: 14px;
	font-size: 14px;
}

.fp_dynamic_forms .ql-code-block, .fp_dynamic_forms .ql-clean {
	display: none !important;
}

.uv-drag {
	font-size: 14px;
	margin: 0;
	cursor: move;
	color: #186ba0;
}

.preview-filter {
	float: right;
	padding: 10px 30px;
}

.filter-select-chevron {
	top: 11px !important;
	right: 35px !important;
}

.userSelectdisable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.thumnail_dragndrop {
	border-radius: 5px;
	cursor: move;
	z-index: 99;
	overflow: visible;
	height: auto;
	max-width: 100px;
	position: absolute;
}

.thumnail_drop_hover {
	height: 210px !important;
	border: 1px solid #45a721 !important;
	background: #e4e4e4 !important;
}

.BOQ_Add_icon {
	position: relative;
	cursor: pointer;
	margin: 0 15px;
}

.BOQ_Add_icon span {
	position: absolute;
	font-size: 8px;
	left: 18px;
}

.BOQ_Wo_warranty {
	color: red;
	font-weight: bolder;
}

.BOQ_Wo_Link {
	cursor: pointer;
}

.BOQ_Wo_Link:hover {
	text-decoration: underline;
	color: #0028A0;
}

.attchment_draganddroptext {
	text-align: center;
	color: #ff000085;
	font-weight: bolder;
	background: #fdffe26e;
	padding: 5px;
	border: 1px solid #f3efb7;
	border-radius: 4px;
}

@media screen and (max-width: 560px) {
	#popuppanel {
		left: 0 !important;
	}
}

.linkWo_icon {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	display: inline-block;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 17px;
	font-size: 8px;
	top: 11px;
	left: 14px;
	cursor: pointer;
}

.linkWo_icon_child {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-weight: bolder;
	color: #fff;
	border-radius: 20px;
	background: #797979;
	text-align: center;
	font-size: 13px;
	cursor: pointer;
	border: 1px solid #c1c1c1;
	vertical-align: middle;
}

.sn_paddingzero {
	padding: 0 !important;
}

.ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
	top: 25% !important;
	left: 4px !important;
}

.ui-multiselect-filter-container .ui-inputtext {
	padding-left: 20px !important;
}

.sn_txtoverflow {
	width: calc(100% - 30px)!important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.sn_lable_padding .p-label, .sn_lable_padding .p-field {
	padding: 3px;
}

.sn_map_icon {
	font-size: 22px !important;
	position: relative;
	top: -4px;
	right: 8px;
}

.sn_imagepanel_text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	font-size: 12px;
}

.sn_systemSetting .radio, .sn_systemSetting .checkbox {
	margin-top: 4px;
}

.sn_profile_photo {
	line-height: 12px;
}

.sn-attachement .ui-fileupload-row>div img {
	max-width: 60px;
	height: auto;
}

.sn-attachement .ui-fileupload-row>div {
	padding: 5px 0 15px;
}

.sn-attachement .image-preview-wod-attach .ui-fileupload-row div+div {
	padding: 0 8px;
}

.sn-attachement .ui-fileupload-row div:nth-child(2) {
	width: 150px!important;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.sn-attachement .image-preview-wod-attach .ui-fileupload-row div+div {
	padding: 0 8px;
}

.sn-attachement .ui-fileupload-row div:last-child {
	vertical-align: top!important;
	width: auto!important;
	float: right;
}

.sn-attachement .ui-button-icon-only .ui-button-text {
	background-color: inherit;
	padding: 2px;
}

.sn-attachement .ui-button-icon-only .ui-button-icon-left {
	left: 35%;
}

.sn_customer_lable {
	display: block;
	font-size: 12px;
	color: #000;
	padding: 5px 10px;
}

.sn_overlay_text {
	position: absolute;
	width: 100%;
	height: 80px;
	bottom: 0;
	text-align: center;
	background: #29222287;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	display: none;
	padding: 10px;
	cursor: pointer;
}

.sn_overlay_text i {
	font-size: 20px;
}

.photo-border {
	position: relative;
}

.photo-border:hover .sn_overlay_text {
	display: grid;
}

.sn_overlay_text:hover {
	text-decoration: underline;
}

.sn_profile_review_btn {
	padding: 10px 30px 5px 0px;
	text-align: right;
}

.sn_technician_popup_textoverflow {
	text-overflow: ellipsis;
	overflow: hidden;
	width: calc(100% - 30px);
}

.sn_status_reasontxt {
	background-color: #FF0000 !important;
	margin-top: 5px;
	word-break: break-all;
}

.sn_sr_enrout {
	border: 1px solid #4C9ED9 !important;
	background: #f9fdff !important;
	border-left: 5px solid #4C9ED9 !important;
	color: #4C9ED9;
}

.sn_sr_onsite {
	border: 1px solid #FFA500 !important;
	background: #fff8ea !important;
	border-left: 5px solid #FFA500 !important;
	color: #FFA500;
}

.sn_comp_edit_statusreason {
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 14px;
}

.width30 {
	width: 30px !important;
	min-width: 100% !important;
}

.comp-comment p {
	width: 95%;
}

.site-visit {
	margin-top: 1%;
	text-decoration: underline;
	cursor: pointer;
	font-size: 13px;
	position: absolute;
}

.form-control-withborder[readonly], .form-control-withborder[disabled] {
	cursor: default;
	background: transparent;
	border: 1px solid #ccc !important;
}

.sn_pricing_table {
	width: 100%;
}

.sn_pricing_table tr td {
	padding: 0;
	margin: 0;
	padding: 3px;
	margin: 0;
	border: none;
}

.sn_pricing_table tr td:first-child {
	width: 70%;
}

.sn_pricing_table label {
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.sn_pricing_table .total {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;
	border-top: 1px solid rgba(0, 0, 0, 0.1)!important;
	height: 35px;
}

.sn_cl_setting_label {
	padding-left: 20px !important;
	margin: 0 !important;
	font-size: 12px !important;
}

.ngx-gallery-preview-top {
	z-index: 9999;
}

.ngx-gallery-preview-icons {
	background: rgb(97, 97, 97);
	border-radius: 28px;
	padding: 4px 4px 4px 20px;
	margin-top: 10px;
}

.ngx-gallery-preview-icons .ngx-gallery-icon {
	margin-top: 0 !important;
}

.pricing-duration {
	bottom: 70%;
	position: absolute;
	right: 10px;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
}

.sn-display-inline {
	display: inline-block;
}

.sn-display-block {
	display: block !important;
}

.otpbutton {
	cursor: pointer;
}

.sn-otp-txt {
	text-align: center;
	font-size: 14px;
}

.Panel-margin {
	margin-left: 14px;
    margin-right: 15px;
}

.senddays {
	position: absolute;
	bottom: 32%;
	right: 15px;
    top: 8px;
	padding-left: 10px;
	background-color: #fff;
}

@media print {
	body {
		-webkit-print-color-adjust: exact;
	}
}

.sn_email_to_width {
	width: calc(100% - 75px);
}

.bs-tooltip-right {
	width: 200px;
	white-space: normal;
	text-align: left !important;
}

.text-align-center {
	text-align: center;
}

.ui-table .ui-table-thead>tr>th {
	color: #555555;
}

.sn-technician-image {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	/* box-shadow: -2px 2px 6px 1px #b3b3b3; */
	margin-right: 10px;
	cursor: pointer;
	margin-bottom: 10px;
	border: none;
	overflow: hidden;
	vertical-align: middle;
}

.sn-technician-image img {
	width: 100%;
	height: 40px;
}

.sn-tech-profile-image {
	max-width: 400px;
}

.sn-tech-profile-image-loader {
	padding: 11px;
	color: #ccc;
}

.sn-tech-profile-image-default {
	padding: 10px;
}

.sn-gps-history-icon {
	position: absolute;
	right: 10px;
	cursor: pointer;
	font-size: 28px;
	color: #ff6868;
}

/* Live Tracking Map Styles Start Here */

.current-status {
	padding: 0 !important;
	border-bottom: 1px solid #ddd !important
}

.current-status h1 {
	font-size: 15px;
	color: #333;
	text-align: left !important;
	padding-left: 10px;
}

.current-status .close {
	font-size: 22px;
	color: #D30C55 !important
}

.current-status .zylog-btn {
	background: #D30C55 !important;
	padding: 4px 18px;
	border-radius: 5px;
	font-size: 13px;
}

.map-refresh-icon {
	position: absolute;
	z-index: 9999;
	font-size: 16px;
	color: #fbfbfb;
	background: #da1f1f;
	top: 14px;
	left: 20px;
	border-radius: 30px;
	cursor: pointer;
	padding: 5px;
	width: 24px;
	height: 24px;
	text-align: center;
	transition: 0.9s;
}

.map-refresh-icon:hover {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
}

.sn-map-full .sn-map-modal {
	top: 3% !important
}

.sn-map-full .modal-dialog, .sn-map-full .modal-content {
	width: 100% !important;
}

.sn-map-full .sn-map-hide {
	display: none !important;
}

.sn-map-full #map_canvas {
	height: 100vh !important;
	width: 100% !important;
}

.sn-map-full .sn-map-padding0 {
	padding: 0 !important;
}

.current-body p span {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
}

.current-body p {
	font-size: 12px;
	color: #737373;
	text-align: left !important
}

.current-body .left-panel-cont {
	margin: 0 0 3px 0
}

.current-body h6 {
	font-weight: bold;
	font-size: 12px;
	color: #333;
	margin: 4px 0;
}

.current-body b {
	color: #D30C55;
	font-size: 18px;
	margin-left: 10px
}

.current-body p b small {
	font-size: 11px
}

.technical-detail {
	margin: 15px 0 5px 0;
	border-top: 1px solid #ddd;
	padding: 10px 0
}

.technian-img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin-right: 10px;
	border: 1px solid #f1f1f1
}

.tach-h6 {
	margin: 5px 0 15px !important
}

.technical-detail .left-panel-cont {
	margin: 0
}

/* Live Tracking Map Styles End Here */

.sn-disp-loc-icon {
	top: 5px;
	margin: 0 10px;
	position: relative;
}

.sn-hours-text {
	font-weight: bolder;
	font-style: italic;
	color: rgba(0, 0, 0, 0.7);
	font-size: 12px;
	float: right;
	margin-right: 5px;
}

.sn-actualwork-info {
	position: absolute;
	bottom: 11%;
	right: 3px;
	top: 4px;
}

.sn-actualwork-info i {
	color: #45B5DB;
	font-size: 16px;
}

.sn-addsite-add {
	position: absolute;
	right: 5px;
	cursor: pointer;
}

.sn-addsite-info {
	color: #45b5db;
	font-size: 18px;
	margin-right: 2px;
}

/* Bing Map Marker Info Box */

.InfoboxCustom {
	left: 15px !important;
	position: relative !important;
}

.ui-table-resizable thead th,
.ui-table-resizable tbody td,
.ui-table-resizable tfoot td {
	white-space: nowrap ;
	text-overflow: ellipsis;
}
.ui-table-thead tr th{
	text-align: center;
}
/* only works in desktop mode */
@media screen and (min-width: 768px)
{
.sn-padding-left-5{
	padding-left: 5%;
}
.sn-padding-right-5{
	padding-right: 5%;
}
}
/* only works in desktop mode */

.bing-map .bing-map-input{
	width:93% !important;
	height: 20px !important;
}
.bing-map .as_container_search{
	width:96% !important;
}
.util-info-notes {
	/* position: absolute; */
	bottom: 11%;
	right: 3px;
	margin: -3%;
  }

  @media ( max-width: 35em ) {
	.ui-datatable-reflow .ui-datatable-data td .ui-column-title{
		float:left;
		margin:-0.4em 15px -0.4em 0 !important;
		width:45%;
	}
	.ui-datatable-reflow .ui-datatable-data>tr>td{
		white-space:normal !important;
		text-align:left !important;
	}
	.ui-datatable-reflow .ui-datatable-data td span.ui-cell-data {
		float: left;
		width: calc(55% - 25px);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
  }
  .primeng-tablescroll .ui-table .ui-table-tbody > tr > td{
	word-wrap:break-word;
}


.list-inline > li.defaulthome-box{
	width:50%;
	padding:0 !important;
}
.list-inline > li.defaulthome-box.secondbox{
	margin-top:3px;
}
.list-inline > li.defaulthome-box.secondbox .form-group{
	padding-right:0;
}
.expirydate-ul.list-inline > li{
	float:left;
}
.expirydate-ul.list-inline > li.expirydate{
	position:relative;
}
.expirydate .senddays{
	right:12px;
	bottom:7px;
}
.panel.panel-default.Tablebr table tr, 
.panel.panel-default.Tablebr .ui-table.ui-table-hoverable-rows .ui-table-tbody tr:hover, 
.panel.panel-default.Tablebr .ui-table.ui-table-hoverable-rows .ui-table-tbody tr:focus {
    background: transparent;
}
.panel.panel-default.Tablebr table tr td {
    border:0;
}
.panel.panel-default.Tablebr .ui-table-scrollable-body {
    overflow: inherit;
}
.panel.panel-default.Tablebr table tr td input.form-control{
	width: 150px;
    height: 26px;
}
.sysPanel .panel-body .row {
    padding: 0;
}

/* management dashboard */
.mng-dashboard{
	width: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    margin:0px 0 15px;
}
.mng-dashboard .form-group{
	padding:0
}
.total-number{
	width: 100%;
    display: flex;
    padding: 5px 10px;
    align-items: center;
	justify-content: center;
	min-height: 60px;
	position: relative;
}
.total-number:before{
	content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 35px;
    background: #ddd;
}
.total-gray{
	background: #e2e2e2;
	flex-direction: column;
	text-align: center;
}
.total-gray .count-right{
	align-items: center;
    justify-content: flex-start;
    height: 45px;
}
.total-gray .count-left{
	min-height: auto;
	font-size: 2rem;
}
.total-gray .count-left span{
	margin-top: 8px;
    font-size: 2.7rem;
}
.total-last:before,
.total-gray:before{
	display: none;
}
.count-left{
	display: flex;
    margin-right: 12px;
    min-height: 80px;
    align-items: center;
    justify-content: center;
    font-size: 2.9rem;
}
.count-left span {
    margin-top: -10px;
    position: relative;
}
.count-left .zly-cal_db{
	color: #56AF8D;
}
.count-left .zly-maphome{
	color: #4F90C6;
}
.count-left .zly-schedule{
	color: #BA22B6;
}
.count-left .zly-budget{
	color: #B54F26;
}
.count-right {
    display: flex;
    max-width: calc(100% - 50px);
    flex-direction: column;
    height: 55px;
    align-items: start;
    justify-content: center;
	
}
.count-right .font-bold{
	font-size: 1.8rem;
}
.count-right .ellipsis-tooltip{
  color: #969696;
  font-size: 0.875rem;
  width:100%
}
/* Approval */
.Approval-left{
	display: flex;
    margin-right: 12px;
    min-height: 80px;
    align-items: left;
    justify-content:left;
    font-size: 2.9rem;
}
.Approval-right {
    display: flex;
    flex-direction: column;
    height: 55px;
    align-items: start;
	justify-content:left;
	padding-top: 20px;
	
}
.Approval-right .font-bold{
	font-size: 1.8rem;
}
.Approval-right .ellipsis-tooltip{
  color: #969696;
  font-size: 0.875rem;
  width:100%
}
.filter-gp {
	margin-bottom: 3px;
    padding: 2px 5px;
    padding-bottom: 13px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.filter-gp:after{
	content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: 1px;
    background: #ddd;
    bottom: 0;
    left: 10px;
}
.filter-gp .row{
	margin-right: -15px;
    margin-left: -15px;
}
.dsb-space {
	padding: 0 10px;
}
.dsb-space .col-md-4 {
	padding: 0 4px;
}
#wrapper.default .dsb-space .panel-default>.panel-heading{
	background: transparent;
    border: none;
	padding-left: 0;
}
.dsb-space .panel.panel-default{
	border:none
}
.dsb-space .panel-body{
	border:1px solid #ddd;
	min-height: 270px;
    margin-bottom: 15px;
}
.dsb-space .panel-title a{
	font: 12px "Open-Regular";
    color: #000 !important;
}
.dsb-space .panel-title span{
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #d3d3d3;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 4px;
}
.dsb-space .panel-title span i{
	font-size: 22px;
    position: relative;
    top: -5px;
    left: -4px;
    color: #000;
}
.tableStyle {
	margin-left: -1px !important;
}
.tableStyle .signatureData{
	padding-left: 0px !important;
}
.endNotespage .ql-toolbar.ql-snow {
    border: 1px solid #ccc !important;
}
.endNotespage .ql-toolbar.ql-snow + .ql-container.ql-snow {
    background: #fff;
}
.ql-container{
	font-family: "Open-regular" !important;
}
@media screen and (min-width: 767px) {
.but-space{
	margin-left: -20px;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.mng-dashboard .form-group{
		width:50%;
		display: inline-block;
	}
}
@media screen and (max-width: 1024px) {
	.total-number:after {
		content: '';
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #ddd;
	}	
	
}

.allApps {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 30px 0 35px;
}
.allApps h5 {
    font: 16px 'Open-Bold';
    color: #2D419A;
    text-transform: uppercase;
}
.allApps ul li {
    display: inline-block;
    padding: 4px 5px;
    border: 1px solid #cccccc80;
    background: #fff;
    font: 10px 'Open-Regular';
    width: 40px;
    text-align: center;
}
.allApps ul li:last-child {
    width: auto;
}
.allApps ul li.active{
    background: #2D419A;
}
.allApps ul li a{
    color: #B3B3B3;
}
.allApps ul li.active a{
    color: #fff;
}
.clientDataBox h5 {
    font: 16px 'Open-Bold';
    color: #1A1A1A;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.clientDataBox .col-md-4 {
    padding-left: 0;
    padding-right: 10px;
}
.clientDataBox .col-md-4:nth-child(4n+0){
    padding-right: 0;
}
.sqrBox {
    background: #fff;
    padding: 18px 15px;
    border: 1px solid rgb(204 204 204 / 0.5);
    border-radius: 6px;
    margin-bottom: 10px;
    height: 226px;
}
.sqrBox img {
    display: block;
    margin: 0 auto;
}
.sqrBox .imgH {
    height: 48px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.sqrBox h6 {
    font: 16px 'Open-Bold';
    color: #1A1A1A;
}
.sqrBox p.byName {
    font: 12px 'Open-Regular';
    color: #808080;
    margin-bottom: 10px;
}
.sqrBox p {
    font: 12px 'Open-Regular';
    color: #808080;
}
.sqrBox p a {
    color: #2C4097;
    cursor: pointer;

}
.switchOption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #cccccc80;
}
.sqrBox .switchOption .toggleBth{
    text-transform: uppercase;
    color: #333333;
}
.sqrBox .switchOption p {
    text-transform: uppercase;
}
.sqrBox .switchOption p {
    color: #2D419A;
    font: 13px 'Open-Bold';
}
.sqrBox .switchOption p.unconfigure {font-family: 'Open-Regular';color: #999999;cursor: pointer;}
.sqrBox .switchOption p.configure {cursor: pointer;}
.clientDataBox .row {
    margin-bottom: 30px;
}
/*--------------------------- toggle switch start --------------------------------*/
.switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 14px;
    margin-right: 7px;
    margin-bottom: 0;
  }  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #606161;
    -webkit-transition: .4s;
    transition: .4s;
  }  
  .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
  }  
  input:checked + .slider {
    background-color: #59B956;
  }
    input:focus + .slider {
    box-shadow: 0 0 1px #59B956;
  }  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -8px;
  }
    /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
    .slider.round:before {
    border-radius: 50%;
  }
   .toggleBth {
    margin-right: 40px;
    display: flex;
    align-items: center;
}
@media(max-width:1024px){
    .sqrBox {    
    height: 240px;
}
}
@media (max-width:767px){
.clientDataBox .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.sqrBox {    
    height: auto;
}
}

.newemail-configure{
    display:inline-block;
    width:100%;
    margin-top:10px;
}
.newemail-configure .sqrBox{
    height:168px;
}
.newemail-configure .sqrBox .imgH{
    text-align:center;
}
.newemail-configure .sqrBox .imgH i{
    font-size:42px;
    margin:0;
}
.createQuote-tbl
{
	/* padding: 10px 12px 10px 0;
	margin-top:5px; */
	padding:7px 0 0 0;
	background: #f7f7f7;
}
.ui-paginator{
	border-top:none
}
.createQuote-tbl .ui-table-resizable>.ui-table-wrapper{
	width: 100%;
}
.advSearch-sec #tooltip-147{
	display:none !important;
	}
	.role-tabToggle .toggle-btn-top1 {
		margin: 10px 0 29px 0;
	}
	.role-tabToggle .toggle-btn-top {
		margin: 15px 0 27px 0;
	}
	.master-table .workMastersub-head {
		padding: 5px 5px 10px;
		margin-bottom: 10px;
	}
	.pl-15{
		padding-left: 5px !important;
	}
	.margin-chk .checkbox {
       margin: 0;
	}
	.btn-mgn0 button {
     margin-top: 7px;
	}

	
	.ctr-iconBtn .ui-button-icon-left {
			margin-left: -8px !important;
		}
	

	 .workorderMaster-edite .radio input[type="radio"]:checked + label:after {
		/* background: #bbb !important; */
		cursor: inherit;
	}
	.radio input[type="radio"]:disabled+label:before, 
	.workorderMaster-edite .radio input[type="radio"]+label:before {
		border: 1px solid #dddddd !important;
		background: #dddddd !important;
		cursor: not-allowed;
	}  
	.paddtrm{
		padding-top:0;
	}
	.mt-15 {
		margin-top: 15px;
	}
/*  */
	.row.paddRemove {
		padding: 0;
	}
	.row.paddRemove form .row>div:nth-child(2) .col-xs-3 p {padding-right: 10px;}
	.masterTable2 .tableinr-icon>a{		
		height:16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.masterTable2 address .tableinr-icon>a{
		width:100px;
	}
	.cust-table .fixed-table-body table {
		width: 100%;
	}
	.cust-table .fixed-table-body table .spl-inst{
		display: flex;
	}
	.bootstrap-table.cust-table .fixed-table-body table .spl-inst {
		display: revert;
	}
	.bootstrap-table.cust-table .fixed-table-body table {
		overflow: scroll;
	}
	.paddLeftRemove .sp-left{
		padding-left:0;
	}
	.customer-details.paddLeftRemove .ui-button-icon-only .ui-clickable {
		/* transform: translateX(-25%); */
		z-index: 10;
	}
	/* .ui-picklist-buttons-cell .ui-button-icon-only .ui-button-icon-left{
		left: 40%!important;
	} */
	.ui-picklist-buttons .ui-picklist-buttons-cell .ui-button .ui-button-icon-left{
		margin-left: -.5em !important;
	}
	
	.workOrMasterPop form[data-toggle="validator"] .form-group.chk-box {
		height: 45px;
	}

	.TableTdAlign table td {
		text-align: right;
	}
	.TableTdAlign table td:nth-child(-n+3) {
		text-align: left;
	}	
	.TableTdAlign table tbody tr:first-child td:nth-child(3), 
	.TableTdAlign table tbody tr:first-child td:nth-child(4) {
		text-align: left;
	}
	.borderSet .collapse.in{
		border-top:1px solid #ddd;
	}
	form[data-toggle="validator"] .form-group.chk-box2 {
		height: 45px;
	}
	.colapseHeadSpace h1 {
		margin-top: 16px;
	}
	.mh-468{
		min-height: 453px;
	}
	.fwo{
		display: flex;
		margin-top: 2px;
		}
	.tooltip-inner{
		font-family: 'Open-regular';
	}
	.panel-title a.font-bold  {
		position: relative;
	}
	.panel-title a.font-bold span i.zylog-font-icon.zylog-info {
		position: absolute;
		top: 2px;
	}
	.wo-details-hbrlink{
		padding-top: 0px !important;
    	display: inline-flex;
	}
	.wo-details-hbrlink .view-margin {
		margin: 6px 5px 7px 5px;
	}
	.ui-datatable .ui-sortable-column-icon{
		padding-left: 30px;
	}
	.ui-datatable.ui-datatable-resizable .ui-datatable-data>tr>td, .ui-datatable.ui-datatable-resizable .ui-datatable-tfoot>tr>td, .ui-datatable.ui-datatable-resizable .ui-datatable-thead>tr>th {
		padding: 8px !important;
	}
	.fa-envelope-o{
		color: #999999;
	}
	.Signature-height{
		height: 132px;
	}
	.zy-rating .pi
	{
		font-size: 27px;
    	width: 19px;
	}
	.zy-rating span.ui-rating-icon.pi.pi-star-o {
		color: #495057;
		opacity: 0.5;
	}
	.SearchBtt {
		margin-top: 10px;
	}
	.docexp {
		margin-top: 8px;
	}
.Custom-Inputfild input.br-none{
	border: none;
	width: 100%;
	outline: 0;
}
.add-editpanel .panel-body{
	padding: 10px 15px;
}
.add-editpanel .tooltip-top{
	left:17px !important;
}
.sn_systemSetting .checkbox{
	margin-top:0;
}
.sn_systemSetting table .checkbox input[type="checkbox"]+label:before{
	top: 3px;
}
.sn_systemSetting table .checkbox input[type="checkbox"]:checked+label:after {
    top: 7px;
}
.section-space1 h1{
	margin-bottom: 5px !important;
}
.mng-selectdropdown .ui-multiselect .ui-multiselect-panel {
    width: 100%!important;
    min-width: 175px;
}
.mng-selectdropdown .ui-multiselect-panel .ui-multiselect-close{
	right: 10px !important;
}
.zy-font{
	margin: 20px 0 30px;
    display: inline-block;
}
.bill-amt textarea.form-control {
    padding: 4px 0;
}

.newchatbox-main
{
	z-index: 1000 !important;
}
.fp_height35{
	height: 35px !important;
}


.chatheader{
	background:#2d409a;
	padding:6px 10px;
	display:inline-block;
	width:100%;
}
span.chatclose-button, span.resizebutton, .chatprofile{
	float:right;
}
span.chatclose-button{
	font-size:14px;
	color:#fff;
	margin-top:2px;	
}
span.chatclose-button i.zylog-font-icon{
	color:#fff;
}
span.resizebutton{
	font-size:16px;
	color:#fff;
	margin-right:10px;
	margin-top:2px;
	cursor:pointer;
}
.chatprofile{
	position:relative;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#e8ddd9;
	border-radius:50%;
	margin-right:20px;
}
.chatprofile:after{
	position:absolute;
	bottom:1px;
	right:-1px;
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	background:#92c353;
}
.chatprofile.offlinedot:after{
	background:#ff0000;
}
.chatprofile img{
	max-width:100%;
	width:100%;
	border-radius:50%;
}
.chatprofile span{
	font-size:10px;
	color:#6a4f44;
}
.chattab, .newchat-listsection .tab-content{
	float:left;
	width:100%;
}
.chattab{
	margin-top:7px;
}
.chattab li{
	float:left;
	width:33.33%;
	border-bottom:1px solid rgba(230,231,232,0.5);
	position:relative;
	padding:8px 0;
}
.chattab li:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:2px;
	background:#2b3d94;
	opacity:0;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
}
.chattab li.active:after{
	opacity:1;
}
.chattab li a{
	float:left;
	width:100%;
	text-align:center;
	color:#a7a9ac;
	font-size:14px;
	font-family:"Open-regular";
}
.chattab li.active a{
	color:#2b3d94;
}
.chattab li a i {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 2px;
}
.chattab li a i.zly-chat-tab{
	vertical-align: middle;
}
.height-135{
	height:135px !important;
}


/*** chat mamximize styles ***/

#sidebar-wrapper {
	min-height:calc(100vh - 54px);
	margin-left: -15rem;
	-webkit-transition: margin .25s ease-out;
	-moz-transition: margin .25s ease-out;
	-o-transition: margin .25s ease-out;
	transition: margin .25s ease-out;
  }
  
  #sidebar-wrapper .sidebar-heading {
	padding: 0.875rem 1.25rem;
	font-size: 1.2rem;
  }
  
  #sidebar-wrapper .list-group {
	width: 300px;
	display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  
  #page-content-wrapper {
	min-width: 100vw;
  }
  
  .mob-menu{
	  display:none;
  }
  .nav-tabs.custom-tabs-list {
	  border-bottom: 1px solid rgb(230 231 232 / 0.5);
	  padding-bottom: 1px;
  }
  .nav-tabs.custom-inner-tabs-list{
	border: 0;
	padding-bottom: 1px;
  }
  .custom-tabs-list li {
	  width: 33.333%;
  }
  /*.custom-inner-tabs-list li:first-child {
	  padding-left: 15px;
	  padding-right: 10px;
	  width: auto;
  }
  .custom-inner-tabs-list li:last-child{
	width:50%;
  }*/
  .custom-tabs-list li a.nav-link,
  .custom-inner-tabs-list li a.nav-link {
	  border: 0;
	  padding: 14px 10px;
	  text-align: center;
	  font: 14px 'Open-regular';
	  color: #A7A9AC;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .custom-inner-tabs-list li a.nav-link {
	  padding:12px 10px;
  }
  .custom-inner-tabs-list li a.nav-link{
	font-family: 'Open-semibold';
  }
  .custom-tabs-list li a.nav-link span {
	  font-size: 14px;
	  margin-right: 5px;
  }
  .custom-tabs-list li a.nav-link:hover,
  .custom-inner-tabs-list li a.nav-link:hover,
  .custom-tabs-list li.active a.nav-link,
  .custom-inner-tabs-list li.active a.nav-link{
	border:0;
  }
  .custom-tabs-list li.active a.nav-link{
	  color: #2D409A;
	  border:0;
	  border-bottom: 2px solid #2D409A;
  }
  .custom-inner-tabs-list li.active a.nav-link {
	color: #2D409A;
	border:0;
  }
  .custom-inner-tabs-list li.active a.nav-link{
	border: 0;
  }
  .custom-inner-tabs-list li.searchHeader{
	display: flex;
	align-items: center;
	justify-content: flex-end;
  }
  .custom-tabs-deatils .status i{	  
	  position: absolute;
	  bottom: 1px;
	  right:0;
	  margin-right:0;
	  font-size: 10px;
	  color: #92C353;
	}
  .custom-tabs-deatils .status i.online::before{
	visibility: visible;   
  }
  .custom-tabs-deatils img {	 
	  border-radius:50%;
	  max-width:100%;
  }
  .popup-chatimg{
	  float:left;
	  width: 28px;
	  height:28px;
	  border-radius:50%;
	  position:relative;
	  margin-top:5px;
  }
  .ml-2{
	  margin-left:8px;
  }
  .custom-tabs-deatils .list-group-item {
	  border-top:0;
	  border-left:0;
	  border-right:3px solid transparent;
	  border-bottom:1px solid rgb(242 242 242 / 1);
	  padding: 10px 12px; 
	  border-radius:0;
  }
  .custom-tabs-deatils .list-group-item .name h5 {
	  color: #58595B;
	  font:14px 'Open-regular';
	  text-decoration: none; 
	  text-transform: capitalize;
	  margin-bottom: 3px;
  
  }
  .tabinner-ulList {
	  display: flex;
	  justify-content: space-between;
	  border-bottom: 1px solid rgb(230 231 232 / 0.5);
	  align-items: center;
	  position: relative;
  }
  .searchHeader {
	  padding-right: 15px;
	  color: #A7A9AC;
  }
  .searchHeader span{
	cursor: pointer;
	font-size:14px;
  }
  
  .input-search {
	  position: absolute;
	  width: 85%;
	  left: -100%;
	  right: auto;
	  top: 8px;
	  transition: 0.5s;
  
  }
  .input-search input {
	  height: 40px;
	  padding-top: 2px;
  }
  .input-search input::placeholder {
	  color: #B3B3B3;
  }
  .input-search.show{
	left:5px;
  }
  .custom-tabs-deatils .list-group-item:hover {
	  border-right-color: #2D409A;
	  cursor: pointer;
	  background:#f1f1f1;
  }
  .custom-tabs-deatils .list-group-item.active{
	border-right-color: #2D409A;
  }
  /* .custom-tabs-deatils .list-group-item:hover h5,
  .custom-tabs-deatils .list-group-item:hover .name p,
  .custom-tabs-deatils .list-group-item:hover .datetime p,
  .custom-tabs-deatils .list-group-item:hover .datetime h6,
  .custom-tabs-deatils .list-group-item:hover .name h5 a,
  .custom-tabs-deatils .list-group-item .name h5 a:focus {
	  color: #fff;
  } */
  .custom-tabs-deatils .list-group-item .name h5 a {
	  color: #58595B;
	  font-weight: initial;
  }
  .custom-inner-tabs-list li a.nav-link span {
	  padding-right: 5px;
  }
  .list-group-item.active{
	border-right: 3px solid #2d409a;
  }
  .fg-height30{
	  height: 30px!important;
  }
  .center-panel .panelSetup-section .panel-body form[data-toggle="validator"]>div.row>div:nth-child(1) {
    padding-left: 0;
    padding-right: 15px;
}
.center-panel .panelSetup-section .panel-body form[data-toggle="validator"]>div.row>div:nth-child(2), .center-panel .panelSetup-section .panel-body form[data-toggle="validator"]>div.row>div:nth-child(3){
    padding-left: 15px;
    padding-right: 15px;
}
.center-panel .panelSetup-section .panel-body form[data-toggle="validator"]>div.row>div:nth-child(4){
	padding-left: 15px;
    padding-right: 0;
}
.bxTable .fixed-table-container, .bxTable2 .fixed-table-container{
	border: 1px solid #dddddd;
}
.bxTable .table>thead>tr>th{
	padding: 4px 0;
}
.bxTable .fixed-table-container thead th .th-inner{
    padding: 6px 0;
}
.bxTable table>thead {
	border:0 !important;
}
.bxTable .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0;
}
.pad-left5{
	padding-left: 6px !important;
}
.top_lineP{
	padding-top:6px;
}
.padd-right0{
	padding-right: 0;
}
.ex-topbtn
{
	margin-top: -6px !important;
}
.mt15 h1.sub-head
{
	margin-top: 20px;
}
.delete-popup .ui-dialog.ui-widget .ui-dialog-titlebar {
	padding: 4px 8px 4px 12px !important;
}
.delete-popup .ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default
{
	margin: 0px 3px;
}
.delete-popup .ui-widget-content
{
	margin-top:10px;
}
/* .ui-table .ui-table-thead>tr>th, .ui-table .ui-table-tbody>tr>td, .ui-table .ui-table-tfoot>tr>td {
	padding: 8px !important;
} */
.printSetting-page .form-group
{
	padding: 0;
}
.printSetting-page .ui-table .ui-table-tbody>tr>td
{
    padding: .20em .5em;
}
.printSetting-page .uv-drag{
	margin-top: 4.8px;
}
@media only screen and (max-width: 767px) {
	.mob-menu{
		display:block;
	}
	.largechat-box #wrapper.toggled #sidebar-wrapper{
		left: 0;

	}
	.largechat-box #wrapper #sidebar-wrapper {
		margin-left: 0;
		position: fixed;
		left: -100%;
		z-index: 50;
		background: #fff;
		right: auto;    
		transition: 0.5s;
	}
}
@media (min-width: 768px) {
	#sidebar-wrapper {
		margin-left: 0;
	}

	#page-content-wrapper {
		min-width: 0;
		width: 100%;
	}

	#wrapper.toggled #sidebar-wrapper {
		margin-left: -15rem;
	}
}
  #page-content-wrapper{
	background: #f9f9f9;
}
.offline {
    color: #ED1C24;
}
.online{
	color: #92C353;
}
.Mainsearch {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    position: relative;
}
.topheader {
    background: #2D409A;
    padding: 12px 30px;
}
.searchgroup {
    position: relative;
    width: 45%;
}
.searchgroup span {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #BFBFBF;
}
.searchgroup input {
    padding-left: 28px;
    outline: none;
    box-shadow: none;
    font: 14px 'Open-regular';
    color: #BFBFBF;
	border-radius:3px;
}
.searchgroup input.form-control::placeholder {
    color: #BFBFBF;
}
.searchgroup input.form-control {
    box-shadow: none;
    outline: none;
    border-color: #bfbfbf;
}
.topheader-icons.dropdown {
  position: absolute;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.topheader-icons.dropdown .dropdown-menu.show {
    left: auto !important;
    right: 0 !important;
    transform:none !important;
    top:100% !important;
}
.topheader-icons.dropdown .dropdown-menu.show a{
    padding-left: 10px;
}
.topheader-icons.dropdown .dropdown-toggle::after{
    display: none;
}
/* .topheader-icons span {
    margin-left: 15px;
    color: #fff;
	font-size:14px;
} */
.topheader-icons .User-img{
  margin-right: 5px;
  position: relative;
}
.topheader-icons .online {
    position: absolute;
    bottom: 0px;
    right: 0px;    
    color: #92C353;
    z-index: 10;
	margin-right:0;
}
.topheader-icons img {
    width: 28px;
	float: none;
	border-radius:50%;
}
.user-img-size{
	width:33px;
	height:33px;
	border-radius:50%;
}
.chat-img {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
}
.chat.custom-chatsec .chat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 15px;
    height: 61px;
    box-shadow:0px 1px 4px rgb(0 0 0 / 10%);
    background: #fff;
	margin-bottom:4px;
}
.chat-img i {
    position: absolute;
    bottom: 0;
    left: 25px;
}
.chat-about {
    margin-left: 10px;
}
.chat-with, .chat-with  a{
    font: 18px 'Open-semibold';
    color: #58595B;
    margin-bottom: 2px;
    padding: 0;    
}
.chat-with  a:hover, .chat-with  a:focus{
    color: #58595B;
}
.chat-status.offline {
    color: #666666;
    font: 11px 'Open-regular';
}
.chat-header-icons {
    display: flex;
    align-items: center;
}
.chat-header-icons span {
    padding-left: 15px;
    font-size: 18px;
    color: #2d409a;
    cursor: pointer;
    position: relative;
}
.chat-header-icons span:first-child{
    padding-left:0;
}
.chat-header-icons span.icon-delete {
    color: #ED1C24;
}
.scnshre-tooltip{
	position: absolute;
    right: -6px;
    width: max-content;
    top: 40px;
    background: #58595B;
    padding: 8px 20px;
    border-radius: 4px;
    color: #fff;
    font: 12px 'Open-regular';
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.scnshre-tooltip::before {
    content: "";
    height: 15px;
    width: 15px;
    background: #58595B;
    position: absolute;
    z-index: -1;
    top: -5px;
    right: 13px;
    transform: rotate(45deg);
}
.scnshre-tooltip p {
    margin-bottom: 0;
    font: 12px 'Open-regular';
}
.chat-header-icons span:hover .scnshre-tooltip, .chat-header-icons i:hover .scnshre-tooltip {
    visibility: visible;
    opacity: 1;
}
.conversation-chats {
    background: #F9F9F9;
}
.conversation-chats .chat-history {
    padding: 30px 55px 20px;
}
.conversation-chats .chat-history ul {
    margin: 0;
    padding: 0;
}
.conversation-chats .message-data img {
    display: none;
    width: 33px !important;
	height:33px;
	border-radius:50%;
}
.conversation-chats span.message-data-name img {
    display: block;
}
.conversation-chats ul li {
    display: flex;
    align-items: end;
    position: relative;
    padding-top: 18px;
    margin-bottom: 26px;
}
.conversation-chats ul li.clearfix{
	display: flex;
	justify-content: flex-end;
	align-items: end;
}
.chat-num-messages {
      color: #db2b44;
  }

.chat-history {
  /*border-bottom: 2px solid white;*/
  overflow-y: auto;
  height:calc(100vh - 190px);
}

.message-data {
 	 margin-bottom: 0;
    margin-right: 25px;
}

.message-data-time {
	left:52px;
	color: #A7A9AC;
	font: 10px 'Open-regular';
	position: absolute;
    top: 0px;    
    
}
.conversation-chats ul li.clearfix .message-data-time{
	text-align: right;
	right: 0;
    left: auto;
    width: 100%;
}
.message {
	color: #808285;
    padding: 10px 15px;
    line-height: 10px;
    border-radius: 5px;
    position: relative;
    font: 14px 'Open-regular';
    z-index: 1;
	  
}
.my-message:after {	
    content: " ";
    position: absolute;
    top: 12px;
    right: 100%;
    z-index: -1;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 11px solid transparent;
    border-right: 11px solid #FFFFFF;
}
.my-message {
	background: #FFFFFF;
	/*min-width: 300px;*/
	max-width: max-content;
	word-break: break-all;
    white-space: normal;
}

.other-message {
	background: #E6E6E6;
	word-break: break-all;
	white-space: normal;
	max-width: max-content;;
}

.other-message:after {
	content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    z-index: -1;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 11px solid #E6E6E6;
    border-right: 11px solid transparent;
}

.align-left {
text-align: left;
}

.align-right {
text-align: right;
margin-right: 10px;
}

.float-right {
float: right;
}

.chat-message {
	padding:0 25px 0 20px;
	box-shadow: inset 0 0 4px 20px #f8f9fa;
	background: transparent;
}
/*textarea {
	padding: 5px 10px;
	margin-bottom: 5px;
	border-radius: 5px;
	resize: none;

}*/
.chat-message textarea {
    height: 45px;
    border-radius: 5px;
    border: 1px solid rgba(209,211,212,0.5);
    box-shadow: 0px 1px 2px 1px #dcdcdc;
    font: 14px 'Open-regular';
    color: #B3B3B3;
    padding: 5px 10px;
    line-height: 2;
    outline: none;
   	width: 100%;
   	padding-right: 76px;

}
.fa-file-o, .fa-file-image-o {
	font-size: 16px;
	color: gray;
	cursor: pointer;

}

.chat-message .personalmsg-icons span.zly-upload{
	color: #808285;
    font-size: 16px;
	margin-top:4px;
}

/*button {
float: right;
color: blue;
font-size: 16px;
text-transform: uppercase;
border: none;
cursor: pointer;
font-weight: bold;
background: #F2F5F8;
}
button:hover {
color: darken(blue, 7%);
}*/
.chat-message .new_personal_message {
    position: relative;
}
.chat-message .personalmsg-icons {
    position: absolute;
    top: 11px;
    right:40px;
    display: flex;
}
.personalmsg-icons button, .personalmsg-icons button:focus{
    background: transparent;
    border: 0;
    outline: none;
    margin-left: 0;
    padding: 0;
    width: 25px;
}
.chat-message .personalmsg-icons span.icon-upload{
	color: #999999;
	font-size: 22px;

}
.chat-message .personalmsg-icons span {
    font-size: 30px;
    margin-left: 10px;
    color: #2d409a;
    cursor: pointer;
    position: relative;
    display: inline-block;
	margin-top: -2px;
}
.chat-message .personalmsg-icons span:hover {
    color: #2d409a;
}
.upload-document-list {
   position: absolute;
    bottom: 40px;
    width: 170px;
    right: 0;
    background: #fff;
    padding: 10px 0;
    z-index: 10;
    border-radius: 5px;
    box-shadow: 0 0 6px #ddd;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.upload-document-list li:hover {
    background: #efefef;
}
.upload-document-list ul {
    padding: 0;
    margin:0;
}
.upload-document-list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
    font: 15px 'Open-regular';
    color: #414042;
    text-transform: capitalize;
    padding: 5px 0;
}
.chat-message .personalmsg-icons .upload-document-list li span {
    margin-right: 9px;
    color: #58595B;
    padding-left: 0;
	font-size:18px;
	margin-top:0;
}
.upload-document-list::before {
    content: "";
    position: absolute;
    top: 95%;
    height: 10px;
    width: 10px;
    background: #fff;
    right: 10px;
    transform: rotate(45deg);
    border-bottom: 1px solid #e8e8e8;    
    border-right: 1px solid #e8e8e8;
}
.grp-chat-name {
    margin-bottom: 2px;
    font: 15px 'Open-regular';
    color: #6A4F44;
}
.grpChatStatus i {
    position: absolute;
    bottom: 0;
    left: 30px;
}
.grpChatStatus {
    position: relative;
    display: inline-block;
}
.conversation-chats.createGroup label {
    font: 14px 'Open-regular';
    color: #4D4D4D;
}
.conversation-chats.createGroup input::placeholder {
    font: 13px 'Open-regular';
    color: #B3B3B3;
}
.conversation-chats.createGroup .form-group {
    margin-bottom: 25px;
}
.chat.custom-chatsec .icon-left-arrow-slim {
    color: #2D409A;
    cursor: pointer;
}
.chat-header-icons.createGroup-header span {
    font-size: 25px;
}
span.icon-close-circle {
    color: #EF4136;
}
span.icon-tick-circle {
    color: #39B54A;
}
.conversation-chats.createGroup .form-group input {
    height: 40px;
    padding-top: 2px;
    border-color: #E6E6E6;
}
.searchCrategroup {
    position: relative;
}
.searchCrategroup span {
    position: absolute;
    top: 43px;
    left: 10px;
    color: #B3B3B3;
}
.searchCrategroup input {
    padding-left: 35px;
}
.createUserName ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 0;
    padding: 10px 20px 14px;
    border-bottom: 1px solid rgb(230 231 232 / 0.5);
    margin-top: 8px;
}
.createUserName li span {
    display: flex;
    align-items: center;
}
.createUserName li span img {
    width: 45px;
}
.createUserName li span p {
    margin-bottom: 0;
    margin-left: 10px;
}

/* $activeColor: #c0392b; //red */
/* $background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/13460/dark_wall.png'); */
.userSelectCheckBox {
  width: 20px;
  position: relative;
}
.userSelectCheckBox label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.userSelectCheckBox label:after {
  content: '\e913';
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  opacity: 0;
  font-family: 'icomoon' !important;
  font-size: 20px;

}

.userSelectCheckBox input[type=checkbox] {
  visibility: hidden;
}
.userSelectCheckBox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.userSelectCheckBox input[type=checkbox]:checked + label{
	border: 0;
}
.conversation-chats.createGroup {
    background: #fff;
    margin-top: 5px;
}
.fa.menuToggle {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    margin-right: 10px;
    display: none
}
.chat-header-icons.createGroup-header span.editgroup span {
    font-size: 15px;
    padding-right: 2px;
}
.chat-header-icons.createGroup-header span.editgroup {
    font: 15px 'Open-semibold';
}
.userSelectCheckBox span {
    font-size: 20px;
    color: #C1272D;
}
.createUserName h3 {
    font: 16px 'Open-semibold';
    color: #4D4D4D;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(242 242 242 / 0.5);
}
.create_group form {
    margin-bottom: 35px;
}
.conversation-chats.createGroup .form-group input.edit {
    background: #F9F9F9;   
}
input.form-control, input.form-control:focus {
	outline: none;
	/* box-shadow: 1px 1px 3px 0px #e8e8e8; */
	box-shadow:none;
	color: #4D4D4D;
	/* border-color: #e6e6e6; */
}
.chat-header-icons a {
    color: #2D409A;
}
.chat-header-icons a:hover {
    color: #2d409a;
}
.chat-header-icons a i {
    font-size: 20px;
    padding-left: 15px;
    position: relative;
}
.custom-tabs-deatils .list-group-item .name p {
    margin-bottom: 0;
    font: 12px 'Open-regular';
    color: #A7A9AC;
}
.datetime p {
    font: 11px 'Open-regular';
    color: #A7A9AC;
    margin-bottom: 0;
}
.datetime h6 {
    margin-bottom: 0;
    background: #808080;
    text-align: center;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font: 10px 'Open-semibold';
    color: #FFFFFF;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.group-right-room{
    margin: 0px;
}
.rd-text{
    font-size: 10px;
    color: #c2c2c2;
}
.tpr-3{
    padding-right: 3px;
}
.custom-inner-tabs-details{
    overflow-y: auto;
    height:calc(100vh - 152px);
}
.custom-inner-tabs-details a, .custom-inner-tabs-details a:hover, .custom-inner-tabs-details a:visited {
text-decoration: none;
}
.custom-chatsec .icon-tick-btn{
    font-size: 25px;
    color: #39B54A;
    margin-top: 15px;
    outline: none;
}
.custom-chatsec .icon-close-btn {
    font-size: 25px;
    color: #EF4136;
    margin-top: 15px;
    outline: none;

}
.custom-tabs-deatils .list-group-item:hover a{
color:#fff;
    text-decoration: none;
}
.upload-img-detail {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.inner_img-detail {
    display: flex;
    align-items: end;
    padding-right: 20px;
}
.inner_img-detail p {
    margin-bottom: 0;
    padding-left: 10px;
    font: 14px 'Open-regular';
    color: #808285;
    margin-top: -1px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inner_img-detail p a {
    color: #808285;
    text-decoration: none;
    font: 14px 'Open-regular';
}
.upload-img-detail span {
    font-size: 18px;
    color: #58595B;
    cursor: pointer;
}
.download-text a {
    font: 14px 'Open-regular';
    color: #2D409A;
}
.download-text {
    margin: 0;
    font: 14px 'Open-regular';
    color: #2D409A;
}
.fileUpload {
    position: relative;
}
.fileUpload p {
    margin:0;
    color: #414042;
    font: 13px 'Open-semibold';
}
.fileUpload input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}
.chat-message .personalmsg-icons .icon-close {
    font-size: 18px;
    align-items: center;
    display: flex;
    height: auto;
    margin-top: -5px;
}
.custom-inner-tabs-details::-webkit-scrollbar, .chat-history::-webkit-scrollbar,
.chat_message::-webkit-scrollbar, .chat-message textarea::-webkit-scrollbar {
  width: 2px;
}
p.day_indicator {
    top: -17px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    font: 12px 'Open-regular';
    color: #808080;
    width: 100%;
    text-align: center;
    margin: auto;
    z-index: 1050;
}
p.day_indicator::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 77%;
    background: #ccc;
    left: 50%;
    top: 50%;
    z-index: 0;
    transform: translateX(-50%);
}
.day_indicator span {
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 2px 5px;
}
.chat-header-icons button { 
    background: transparent; 
    box-shadow: none; 
    outline: none; 
    border: 0; 
}
/* Track */
.custom-inner-tabs-details::-webkit-scrollbar-track, .chat-history::-webkit-scrollbar-track,
.chat_message::-webkit-scrollbar-track, .chat-message textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #F9F9F9;
  border-radius: 10px;

}
/* Handle */
.custom-inner-tabs-details::-webkit-scrollbar-thumb, .chat-history::-webkit-scrollbar-thumb,
.chat_message::-webkit-scrollbar-thumb, .chat-message textarea::-webkit-scrollbar-thumb {
  background: #808080;
  border-radius: 10px;
  box-shadow:0px 0px 7px 5px whitesmoke;
}
.OT_root {    
    float: left;    
    width: 50% !important;
}
.OT_root.OT_publisher, .OT_root.OT_subscriber {
    margin: 0 !important;
}
@media (max-width:767px){
.fa.menuToggle{
	display: block;
	position: absolute;
}
.Mainsearch {    
    justify-content: space-between;
}
.searchgroup {
    width: 50%;
    margin-left: 35px;
}
.topheader-icons .User-img {
    margin-right: 0px;
}
.topheader {
    padding: 12px 15px;
}
.conversation-chats .chat-history {
    padding: 20px 25px;
    height:calc(100vh - 180px);
}
.chat.custom-chatsec .chat-header {    
    padding: 10px 15px 10px 15px;
}
.chat-with {    
    height: 22px;
    width: 159px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chat-header-icons a i, .chat-header-icons span {
    padding-left: 15px;
}
}

.chatmaximize-section{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:#fff;
	display:block;
}
.d-flex{
	display:flex;
}
.border-right{
	/* border-right:1px solid #dee2e6; */
	box-shadow:-1px 0 4px rgba(0,0,0,0.10) inset;
	padding-right:4px;
}
.align-items-start {
	-ms-flex-align:start!important;
	align-items:flex-start!important;
 }
 .justify-content-between {
	-ms-flex-pack:justify!important;
	justify-content:space-between!important;
 }
 .align-items-end {
	-ms-flex-align:end!important;
	align-items:flex-end!important;
 }
 .custom-tabs-deatils .list-group-item .name p {
	margin-bottom:0;
	font:11px 'Open-regular';
	width:97px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
 }
 .chatmaximize-section .container-fluid{
	 padding:0;
 }
 .fg-height50{
	height: 50px!important;
 }
 .tableLeft-padding5{
	 padding-left: 7px ;
 }

@media screen and (max-width: 767px) {
	.newchatbox-main.smallchat-box{
		right:10px !important;
		width:300px !important;
	}
	.smallchat-box .fa.menuToggle{
		display:none;
	}
	.smallchat-box #wrapper #sidebar-wrapper{
		margin:0;
	}
}
@media screen and (min-width: 480px) and (max-width:767px) {
	.newchatbox-main.smallchat-box{
		height:350px !important;
		z-index:9999 !important;
	}
	.smallchat-box .recent-convo{
		height:210px !important;
		min-height: inherit !important;
	}
	.smallchat-box .singlechat-list .onlinechat-messages {
		height: 205px !important;
		min-height: inherit !important;
	}
	.smallchat-box .chat-profiledetail{
		height:115px !important;
		min-height:inherit !important;
	}
}


	@media screen and (max-width: 1005px) {
		.Signature-height{
			height: 112px;
		}
	}
	@media screen and (max-width: 863px) {
		.Signature-height{
			height: 92px;
		}
	}
	@media screen and (max-width: 769px) {
		.Signature-height{
			height: 128px;
		}
	}

	@media screen and (max-width: 541px) {
		.Signature-height{
			height: 112px;
		}
	}
	@media screen and (max-width: 405px) {
		.Signature-height{
			height: 92px;
		}
	}
	.inputBorderRemove input.form-control {
		border: 0;
		box-shadow: none;
	}
	.imgCircle {
		border-radius: 50%;
		width: 30px;
		height: 30px;
		float: left;
		margin-right: 7px;
	}
	.imgCircle + .tableinr-icon {
		padding-top: 4px;
	}
	#wrapper.default #main-container.defaultBg {
		background: transparent;
	}
	.panel-body.paddYSet {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.mbTable .list-inline .boxremove-sytle {
		padding: 6px 4px;
	}
	.fc-day-grid-container{
		height: 600px!important;
	}
	.fc-day-grid .fc-row{
		height: 100px!important;
	}
	.fc-content-skeleton table thead{
		background: none!important;
		border-bottom: none;
    	border-top: none;
	}
	.fc-day-grid-event .fc-time{
		display: none;
	}
	.fc-event-container .fc-addmore{
		background: transparent;
    	border: none;
	}
	.fc-event-container .fc-member{
    	border: none;
		color: #000 !important;
		background: none;
	}
	.fc-event-container .fc-member .fc-content::before{
		content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2746da;
    display: inline-block;
    margin: 0 0 0 5px;
	}
	.fc-event-container .fc-leader{
	
		border: none;
		color: #000 !important;
		background: none;
	}
	.fc-event-container .fc-leader .fc-content::before{
		content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FF0000;
    display: inline-block;
    margin: 0 0 0 5px;
	}
	.fc-unthemed td.fc-sat{
		background: #F3F3F3;
	}
	.fc-unthemed td.fc-sun{
		background: #F3F3F3;
	}
	.fc-preview {
		z-index: 10;
		background: white;
	}
	.fc-preview .list-inline > li {
		padding-left: 8px !important;
	}
	.fc-preview-header {
		display: block !important;
		height: 23px;
		padding-top: 5px;
		background: #F1F1F1;
	}
	.fc-preview-member{  
		  background: none;
         border: none;
		color: #000 !important;
		padding: 4px 8px;
		font-family: "Open-Semibold";
	}
	.fc-preview-member:before {
		content: "";
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: #2746da;
		display: inline-block;
		margin: 0 5px 0 0px;
	}
	.fc-preview-leader{  
		background: none;
		border: none;
		color: #000 !important;
		padding: 2px 8px;
		font-family: "Open-Semibold";
	}
	.fc-preview-leader:before {
		content: "";
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: #FF0000;
		display: inline-block;
		margin: 0 5px 0 0px;
	}
	 .fc-preview-member:hover, .fc-preview-leader:hover, .fc-content:hover {
		background: rgba(0,0,0,.1);
	} 
	.fc-preview{
		box-shadow: 0 2px 6px rgb(0 0 0 / 15%);
		border: 1px solid #ddd;
		border: 1px solid var(--fc-border-color,#ddd);
		background: #fff;
		background: var(--fc-page-bg-color,#fff);
	}
	.fc-preview .list-inline{
		margin-left:0;
	}
	.fc-day-grid-event .fc-content {
		white-space: nowrap;
		overflow: hidden;
		font-family: "Open-Semibold";
		margin-bottom: 0px;
	}
	.fc-addmore
	{
		font-family: "Open-Regular";
		color: #b0a9b6 !important;
	}
	.cusPrevious-btn p{
		display: inline-flex;
	}
	.cusPrevious-btn .leftArrow{
		transform: rotate(90deg);
	}
	.cusPrevious-btn .rightArrow{
		transform: rotate(-90deg);
	}
	.cusPrevious-btn .leftArrow i{
		margin-left: -7px;
	} 
	.cusPrevious-btn .rightArrow i{
		margin-right: -8px;
	} 
	.right-panel .bill-amt-space .item {
		padding: 0px 0px 5px !important;
	}
	.right-panel .bill-amt-space .panel-body{
		padding: 5px 15px 10px;	
	}
	.bill-amt-space .remark-Form
	{
		padding: 4px 7px !important;
	}
	.right-panel .bill-amt-space .checkbox {
		margin-top:5px !important;
	}