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

	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-sembold {
		font-family: "Open-semibold";
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
	}
	

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

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

    .row {
    	margin: 0;
    }

    .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) */
	.list-inline.workorder-schedule > li {
    	width:18%;
    }

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

	/*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;
	}
	.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:364px;
		}
		@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;
			}
		}
		@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;
			}
		/*end of font icons*/
	/*End of font-awesome*/

	/*other icons*/
		.grid-thumb {
			font-size: 20px;
			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;
		}
		.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;*/
	}


	.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] {
	    background: rgba(0,0,0,0.015);
	    border: 1px solid #ccc;
	    color: #ccc;
	    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: 1px;
	      right: 6px;
	      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;
		}
	

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

		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(1) {
		padding-left: 0;
	}
	.center-panel form .form-group .row > :nth-child(2) {
		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;
	}

	/*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"] {
		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-primary .panel-heading + .panel-collapse > .panel-body {
		/*border-top: 1px solid #ddd;*/
	}

	.panel-default>.panel-heading {
		padding: 7px 15px;
		/*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 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;
		}

		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: hidden;
			overflow-y: auto;
		}

		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: 200;
		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 {
                width: 100% !important;
              }

			#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-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 11px;
    							border: 1px solid #e6e6e6;
							}
						/*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: 80%;
					        	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: 52px;
							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 {
								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%;
							}

							.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: 70%;
								}
								.right-panel.rightpanel-open.customer-lookup .customer-details {
									/*background-color: #fff;*/
									padding: 10px;
								}

								.right-panel.rightpanel-open .arrow-togglepane {
									left: 5px;
								}
							/*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) {
			#main-container > .breadcrumb-heading {
				position: relative;
				width: 100%;
			}
			.without-second-level-menu #main-container > .breadcrumb-heading {
				width: 100%;
			}
			.layout-panel {
				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: 1031;
		    	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%;
			}

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

		
/*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*/
		.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: 100px;
	}
	.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.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;
	}
	.refresh-icon {
		position: absolute;
		top: 14px;
		right: 0;
	}
	.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;
		}
		.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 {
			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;
		}
	}
	@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;
		}
	}
/*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 !important;
		}

		.toggle-clr button[data-bgclr="route"] {
			border-color: #4C9ED9 !important; /*blue*/
			color: #4C9ED9 !important; /*blue*/
		}

		.toggle-clr button[data-bgclr="site"] {
			border-color: #FFA500 !important;
			color: #FFA500 !important;
		}

		.toggle-clr button[data-bgclr="complt"] {
			border-color: #00af50 !important; /*green*/
			color: #00af50 !important; /*green*/
		}

		.toggle-clr button[data-bgclr="unresld"] {
			border-color: #663399 !important; /*purple*/
			color: #663399 !important; /*purple*/
		}

		.toggle-clr button.route {
			background: #4C9ED9 !important; /*blue*/
			color: #fff !important;
		}

		.toggle-clr button.site {
			background: #FFA500 !important;
			color: #fff !important;
		}

		.toggle-clr button.complt {
			background: #00af50 !important; /*green*/
			color: #fff !important;
		}

		.toggle-clr button.unresld {
			background: #663399 !important; /*purple*/
			color: #fff !important;
		}

		/* Live Map Legend */
.toggle-clr button.lascheduled {
			background: #25a3fd !important; /*blue*/
			color: #fff !important;
		}

.toggle-clr button.lscheduled {
			background: #0028A0 !important; /*blue*/
			color: #fff !important;
		}
.toggle-clr button.lenroute {
			background: #CAA11D !important; /*blue*/
			color: #fff !important;
		}
		.toggle-clr button.lonsite {
			background: #720DD4 !important; /*blue*/
			color: #fff !important;
		}
.toggle-clr button.lcompleted {
			background: #329864 !important; /*blue*/
			color: #fff !important;
		}
		
		.toggle-clr button.lunresolved {
			background: #CF2D2D !important; /*blue*/
			color: #fff !important;
		}
/* Live Map Legend - End */

		.comp-comment {
			border: 1px solid #00af50;
			border-left: 5px solid #00af50;
			background: #f6fffa;
			color: #00af50;
		}

		.unres-comment {
			border: 1px solid #663399;
			border-left: 5px solid #663399;
			background: #faf8fc;
			color: #663399;
		}
	
	/*End of toggle button color*/

	/*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%;
		}
		.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;
	}
	.sch-app-tech-info ul {
		white-space: nowrap;
	}
	.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 {
			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: 10px;
			padding-left: 10px;
		} 
		.bg-darkblue {
			background-color: #3598DC;
			color: #ffffff;
		}
		.bg-darkgreen {
			background-color: #00af50;
			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;
		}
		.num-fontbigcontnent {
			font-size: 20px;
		}
		.dash-pad > li {
			padding-top: 9px;
			padding-bottom: 9px;
			text-align: center;
		}
		.dash-padd > li {
			padding-top: 10px;
			padding-bottom: 10px;
			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 !important;
		}

		.toggle-clr button[data-bgclr="open"],
		.toggle-clr button[data-bgclr="open"] span i.fa {
			border-color: #4C9ED9 !important; /*blue*/
			color: #4C9ED9 !important; /*blue*/
		}

		.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; /*green*/
			color: #00af50 !important; /*green*/
		}

		.toggle-clr button[data-bgclr="onsite"],
		.toggle-clr button[data-bgclr="onsite"] span i.fa {
			border-color: #663399 !important; /*purple*/
			color: #663399 !important; /*purple*/
		}
		.toggle-clr button[data-bgclr="completed"],
		.toggle-clr button[data-bgclr="completed"] span i.fa {
			border-color: #003366 !important; /*dark blue*/
			color: #003366 !important; /*dark blue*/
		}

		.toggle-clr button[data-bgclr="unresolved"],
		.toggle-clr button[data-bgclr="unresolved"] span i.fa {
			border-color: #FF0000 !important; /*red*/
			color: #FF0000 !important; /*red*/
		}

		.toggle-clr button.open,
		.toggle-clr button.open span i.fa {
			background: #4C9ED9 !important; /*blue*/
			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; /*green*/
			color: #fff !important;
		}

		.toggle-clr button.onsite,
		.toggle-clr button.onsite span i.fa {
			background: #663399 !important; /*purple*/
			color: #fff !important;
		}

		.toggle-clr button.completed,
		.toggle-clr button.completed span i.fa {
			background: #003366 !important; /*dark blue*/
			color: #fff !important;
		}

		.toggle-clr button.unresolved,
		.toggle-clr button.unresolved span i.fa {
			background: #FF0000 !important; /*red*/
			color: #fff !important;
		}
		.toggle-clr button span i.fa,
		.num-span {
			padding: 0 6px;
		}

		.toggle-clr button.open span.num-span {
			background: #3c7ead !important; /*dark-blue*/
		}
		.toggle-clr button.schedule span.num-span {
			background: #e59400 !important;
		}
		.toggle-clr button.en-route span.num-span {
			background: #009d48 !important; /*dark green*/
		}
		.toggle-clr button.onsite span.num-span {
			background: #5b2d89 !important; /*dark purple*/
		}
		.toggle-clr button.completed span.num-span {
			background: #001f3f !important; /*dark color*/
		}
		.toggle-clr button.unresolved span.num-span {
			background: #e50000 !important; /*dark red*/
		}
		.num-span {
			padding: 0 10px;
			margin-left: 6px;
		}
	/*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;
		}
	}
/*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 15px;
	}
	.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-top: 10px;
		padding-bottom: 10px;
	}
	.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;
	}
	.shield-margin {
		/*margin: 24px 0px 20px;*/
	}
	
	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 .form-group {
		/*margin-top: 60px;*/
	}
	.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-icon {
		/*font-size: 130px;*/
	}
	.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;
}

.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: rgba(0, 0, 0, 0.6);
    }
    .group-drop option{
        color:black;
	}
	/*Option group  heading color -- End here*/
	
/*v service report*/
	.checklist-textbox label{
		vertical-align: top;
	}
	.checklist-textbox textarea{
		width:80%;
	}
	.print-checkbox{
		display: inline-block;
		width:90%;
		margin-left:5px;
	}
	.print-box{
		display: inline-flex;	
	}
	.print-box label{
		line-height:20px;
	}
	.report-table tr td label.radio-inline{
		padding-left:0;
		vertical-align: top;
		font-size: 13px;
    	color: #333;
	}
	.report-table tr td table tr td{
		border:0;
		padding:0;
	}
	.print-box img{
		display:none;
		position:absolute;
		top:0;
		left:0;
	}
	.radiofield{
		display: inline-block;
    	margin: 5px 0 10px;
	}
	@media print{
		/*.print-box{
			position: relative;	
		}	
		.print-box input{
			opacity: 0;
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
		.print-box label{			
			padding-left:30px;
		}		*/

		.checkbox {
  width:15px;
  height:15px;
  border: 1px solid #000;
  display: inline-block;
}

/* This is what simulates a checkmark icon */
.checkbox.checked:after {
  content: '';
  display: block;
  width: 4px;
  height: 7px;
  
  /* "Center" the checkmark */
  position:relative;
  top:4px;
  left:7px;
  
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

		.radiobtn {
  width:20px;
  height:20px;
  border: 1px solid #000;
  border-radius:50%;  
  display: inline-block;
}

/* This is what simulates a checkmark icon */
.radiobtn.checked:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  
  /* "Center" the checkmark */
  position:relative;
  top:7px;
  left:7px;
 background-color:black; 
 border-radius:50%;
 -webkit-print-color-adjust: exact;
}
.service-table .ui-datatable th {
    background: #ebedf0;
    border-color: #d9d9d9;
	color:#555555;
	font-weight:normal;
	font-size:16px;
	padding: 4px 10px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
	-webkit-print-color-adjust: exact;
}
.service-table .ui-datatable td{
	padding: 4px 10px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
	border-color: #d9d9d9;
}
.service-table .ui-datatable .ui-column-title{
	font-size:16px;
	font-weight:normal;
	color: #555555;
}
.service-table .ui-datatable td .ui-column-title{
	display:none;
}
}
.padding-left-zero {
    padding-left: 0;
}
.padding-right-zero {
    padding-right: 0;
}
.padding-leftt-zero {
    padding-right: 1;
}
.rating > span:hover:before {
	content: "★";
	position: absolute;
	cursor: default;
 }

 .rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 35px;
  }
  .rating > span:hover:before,
  .rating > span:hover ~ span:before {
	 content: "★";
	 position: absolute;
	 cursor: default;
  }

  .rating > span {
	display: inline-block;
	position: relative;
	width: 0.5em;
	color: #999;
  }
  .activerating:before {
	content: "★" !important;
	position: absolute !important;
 }