* {
	outline: none;
}

*{
	margin: 0;
}
html {

}
/*==================sortable==========*/

/*==================End: sortable==========*/
/*body {
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif" !important;
}*/

/* ================== Start Font Family Here ==================*/
@font-face {
    font-family: 'dinmedium';
    src: url('fonts/din/din-medium-webfont.eot');
    src: url('fonts/din/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din/din-medium-webfont.woff') format('woff'),
         url('fonts/din/din-medium-webfont.ttf') format('truetype'),
         url('fonts/din/din-medium-webfont.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


/* ================== End Font Family Here ================== */




/*Basic Set up*/
@-moz-keyframes bounce {
 from {
right: 20px;
}
to {
	right: 0px;
}
}
@-webkit-keyframes bounce {
 from {
right: 20px;
}
to {
	right: 0px;
}
}
@-o-keyframes bounce {
 from {
right: 20px;
}
to {
	right: 0px;
}
}
@-ms-keyframes bounce {
 from {
right: 20px;
}
to {
	right: 0px;
}
}
@keyframes bounce {
 from {
right: 20px;
}
to {
	right: 0px;
}
}

/* END Basic Set up*/
/****************************************************
======================..Media quires..===============
*******************************************************/
#header {
	position: fixed;
	z-index: 1;
	background-color: #fff;
	border-bottom: 3px solid #FF8400;
	float: left;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	padding: 8px 3%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
body, p {
    letter-spacing: 0.02em;
    line-height: 20px;
}
#header{ width:100%; height:81px; float: left;}
#header .logo{ margin-top:6px;float:left; position:relative; z-index:2;}
#header .home_icon_box {
	float:left;
	margin:0px 5px 0px 10px;
}
body #header .time_box {
	font-weight: lighter;
}

body #content {margin-top:50px;}

@media all and (max-width: 1350px) {
	body .maintenanceRqst ul li .input {
		min-width: 160px;
	}
	}
@media all and (max-width: 1320px) {
	body #header .time_box {
	    margin-left: 10%;
	}
	#header .nav-icon {
    margin-left: 20%;
	}
}
/*************=.End 1200.=**************/
@media all and (max-width: 1200px) {
	body #header .time_box {
		margin-left: 6%;
	}
	#header .nav-icon {
		margin-left: 14%;
	}
	body #header {
		position: fixed;
	}
	body .maintenanceRqst ul li .input {
		min-width: 90%;
	}
}
/*************=.End 1200.=**************/
@media all and (max-width: 1024px) {
	#header .logo {
		width: 20%;
	}	
	#header .logo img {
	    width: 100%;
	}
	body #header .time_box {
		margin-left: 3%;
	}
	#header .nav-icon {
		margin-left: 5%;
	}
	.maintenanceRqst ul li{ 
		width:32%;
	}
	#header .rightsection{ 
		width:52% !important;
	}
	#response1{
		width:96%;
	}
	body #header {
		padding: 5px 3%;
		height: auto;
	}
	body #content {
		padding: 3% 3% 0;
	}
	#wrapper .dashBoard {
		padding-top: 18px;
	}	
	#wrapper .dashBoardInner {
		padding-top: 0px;
	}
	body #content {
    padding: 32px 3% 0;
	}
	.dashBoard .widget_wraper div.widgetIcon {
    width: 146px !important;
	}
	.dashBoard .widget_wraper .widgetBox span.txt {
		width: 146px !important;
	}
	.dashBoard .widget_wraper .widgetBox img {
		width: 88%;
	}
	.dashBoard .tile.double {
    width: 302px;
	}
	#mainwrapper .maintenanceRqst ul li {
		margin-right: 3%;
		min-width: 200px;
	}
	body .maintenanceRqst ul li .input {
		min-width: 97%;
	}
}
/*************=.End 1024.=**************/
@media all and (max-width: 800px){
	body #header .time_box {
		margin-left: 2%;
	}
	#header .nav-icon {
		margin-left:3%;
	}

	.widget_wraper.ui-sortable {
	    overflow: hidden;
	}
	#mainwrapper .maintenanceRqst ul li {
		margin-right: 2%;
		min-width: 160px;
	}
}
/*************=.End 1024.=**************/
@media all and (max-width: 767px) {
	#header .logo {
		width: 25%;
	}
	body#login #login-box {
		width: 350px !important;
	}
	body#login #login-box input {
		width: 284px !important;
	}
	body#login #login-box input.button {
		width: 117px !important;
	}
	#wrapper .dashBoard {
		padding-top: 12px;
	}
	#header .time_box span strong {
		display: none;
	}
	.time_box .sss-dayname {
		display: table-cell;
		font-family: "Lato", Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:12px;
		color: #5a5a5a;
		margin-left: 5px;
		vertical-align: bottom;
		height: 40px
	}
	body #header .time_box {
		height: 40px;
	}
	#header .nav-icon ul li {margin-right: 15px;}
	#header .user_box img {margin-left: 0px;}
	#wrapper .dashBoard {padding-top: 20px;}
	#header .nav-icon {
	    margin-left: 3%;
	}
	body #header .time_box {
    margin-left: 1%;
	}	
	#mainwrapper .maintenanceRqst ul li {
	    margin-right: 5%;
	    min-width: 220px;
	}
	#mainwrapper .maintenanceRqst ul li {
    	margin-right: 5%;
    	min-width: 265px;
	}	
	body section.Shdule {
	    width: 28%;
	}	
	body #mainwrapper .maintenanceRqst section.Shdule ul li {
	    border-bottom: 1px solid #e2e2e2;
	    min-height: 32px;
	    padding: 5px;
	}
	body #mainwrapper .maintenanceRqst section.Shdule ul li:nth-child(2n) {

	}
	body #main-slid {
	    margin-top: 25%;
	}
}
/*************=.End 767.=**************/
@media all and (max-width: 720px) {
	body #mainwrapper .maintenanceRqst section.Shdule ul li {
	    border-left: 1px solid #E3E3E3;
	    border-right: 1px solid #E3E3E3;
	    min-width: 99%;
	    text-align: center;
	    width: 100%;
	}
	.maintenanceRqst section div.head {
		padding: 20px 0;
	}
}
/*************=.End 720.=**************/
@media all and (max-width: 640px){	
	body #header .time_box span img {
	    float: left;
	    margin-top: 8px;
	    width: 27px;
	    margin-right: 0px;
	}
	#header .time_box div span {
    color: #FF8400;
    float: left;
    font-size: 30px;
    margin-top: 12px;
	}
	body #footer .copyright {
		margin:0;
	}
	#wrapper .alert {
		margin-top: 20px;
	}
	.maintenanceRqst .file_sect .input {
    	width: 100%;
    	position: relative;
    	-webkit-box-sizing: border-box; 
    	-moz-box-sizing: border-box; 
    	box-sizing: border-box;
	}
	.maintenanceRqst .file_sect .input .custom-file {
		width: 100%;
	}
	body .custom-file #image {
		left: auto !important;
		right: 0px !important;

	}
	body section.post ul {
		padding: 0;
	}
	.monitoring_header ul li.plant_view {
		padding: 0 0 0 10% !important;
	}
}
/*************=.End 640.=**************/
@media all and (max-width: 600px){
	.dashBoard .tile.double {
    width: 297px;
	}
	body #header .time_box {
    margin-left: 1%;
	}	
	#header .nav-icon {
	    margin-left: 3%;
	}
	.custom-file span.button{
		left: 160px;
	}
	.monitoring_header ul li.plant_view {
	    padding: 0 0 0 3% !important;
	}
	

}
/*************=.End 600.=**************/
@media all and (max-width: 580px){
	#header .logo {
    width: 21%;
	}
	body #header .time_box {
    margin-left: 0%;
	}
	.monitoring_header ul li.plant_view {
	    padding: 0 !important;
	}	
}
/*************=.End 580.=**************/
@media all and (max-width: 550px) {
	#navsection{ /*width:80%;*/ height: 29px; float:left; width:91%; height:200px; text-align:center;}
	#navsection ul.nav {height: 28px; padding: 0;width:100%;}
	#navsection ul.nav li {list-style:none; width:100%;}
	#navsection ul.nav li a{
	width:60%;
	background:url(../images/li_img.gif) repeat-x left top;
	text-align:center;
	}
	#header .rightsection{ width:52% !important; display:none;}	
	.navsection_right{
	margin-top:-256px;
	}
	#mainbox .box1{
		width:95%;
	}
	#footer .copyright{
		width:100%;
		text-align:center;
		margin:0px;
	}
	#header .nav-icon {
		margin: 0;
		width: 100%;
		background-color: #F1F1F1;
    	margin: 10px 0 0;
    	padding-bottom: 10px;
	}
	body #header .time_box{
		margin:0;
		width: 100%;
	}
	#wrapper .user_box {
		position: absolute;
		top:10px;
		right: 20px;
	}
	 body #header .time_box span {
		float: none;
		display: inline-block;
	}
	body #header .nav-icon ul {
		width: 100%;
	}
	body #header .nav-icon ul li {
		display: inline-block;
		text-align: center;
		float: none;
	}
	body #content {
    padding: 120px 3% 0;
	}
	#header .logo {
    width: 35%;
	}	
	body #header .nav-icon ul ul#css3menu1 {
	    display: inline;
	    float: none;
	    width: 40px;
	}
	ul#css3menu1 li.topmenu ul li {
	    display: block;
	    text-align: center;
	    margin: 0;
	}
	body ul#css3menu1 ul .submenu, ul#css3menu1 li > ul {
	    left: auto;
	    right: 0;
	}
	ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
		left: auto; right:0; top: 100%;}
    body #header .nav-icon > ul {max-width: 100%;
    }
    body #main-slid {
	    margin-top: 43%;
	}
	body section.Shdule {
	    width: 100%;
	}
	body #mainwrapper .maintenanceRqst section.Shdule ul li {
	    border-right: none;
	    min-width: 50%;
	    width: 50%;
	}	
	body .maintenanceRqst .media_btn {
	    width: 100%;
	}
	body #wrapper .maintenanceRqst .add_class_for_graph_page {
	    width: 100% !important;
	    margin-top: 10px;
	}
	.chatboxhead {
		padding: 7px 0 7px 7px !important;
	}
	.chatboxtitle {
	    position: absolute;
	}
	.chatboxoptions {
	    display: block;
	    float: right;
	    text-align: right;
	    width: 100%;
	}
	.chatboxoptions > a:nth-child(1) {
	    display: inline-block;
	    opacity: 0;
	    width: 90%;
	}
	.chatboxoptions > a:nth-child(2) {
	    opacity: 1;
	    padding: 0 7px 0 0;
	}
	.chatbox {
	    z-index: 9;
	}
	.chatboxtextarea {
		margin: 10px 0 1px;
	}
	body .monitoring_content ul li{
		width:100%;
		height:auto;
		border-right:none;
	}
	body .monitoring_clock{
		display:none;
	}
	body .monitoring_content ul li.machine_title{
		height:50px;
		padding:15px 0 0 0;
	}
	body .monitoring_content ul li .text{
		background:none;
		border-bottom:1px solid #ccc;
		text-align:left;
		padding-left:50px;
		padding-top:0;
	}
	body .monitoring_content ul li .text h2 a{
		color:#555;
	}
	body .monitoring_content ul li .text span{
		color:#f00;
	}
	body .status{
		top:3px;
		left:6px;
		display:block;
	}
	body .monitoring_clock.off_state{
		background:none;
		border-bottom:1px solid #ccc;
	}
	body .monitoring_clock{
		padding:4px 0 !important;
	}

}
/*************=.End 550.=**************/
@media all and (max-width: 520px){
	#mainwrapper .maintenanceRqst ul li {
		width: 100%;
	}
	.maintenanceRqst ul li .input {
		width: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
}
/*************=.End 520.=**************/
@media all and (max-width: 500px) {
	.dashBoardInner{ width:100% !important;}
	.widget_wraper{ width:100% !important;}
	.dashBoard{min-height:100px; overflow-x:visible;}
	.widget_wraper .widgetBox{ margin:0px auto;	float:none; margin-bottom:10px;/* width:100% !important;*/ text-align:center;}
	.widget_wraper div.widgetImg{width:100%; background:#053A70;}
	.maintenanceRqst div.tableBox{ width:100%;}
	.maintenanceRqst ul li{ width:100%;}
	.custom-file span.button {
	text-transform:uppercase;
	padding:8px 8px 9px 7px;
	position: relative;
	left:98px;
	top:-30px;
	}
	body#login #login-box {
		width: 270px !important;
	}
	body#login #login-box input {
		width: 204px !important;
	}
	body#login #login-box input.button {
		width: 116px !important;
	}
	#header .logo {
    width: 38%;
	}
	.monitoring_header ul li:nth-child(4) {
		clear: left;
		display: block;
	}
}
/*************=.End 500.=**************/
@media all and (max-width: 480px) { 
	body#login #login-box {
		width: 300px !important;
    	padding: 3px 15px 5px !important;
	}
	body#login #login-box input {
		width: 235px !important;
	}
	body#login #login-box {
		margin: 150px auto 0 !important;
	}
	#header .logo {
    width: 52%;
	}
	#mainwrapper .maintenanceRqst ul li {
		width: 100%;
	}
	.maintenanceRqst ul li .input {
		width: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.maintenanceRqst ul {
		width: 78%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	body #header {
    	position: relative;
		margin:0;
	}
	body #content {
    	padding: 0 3%;
	}	
	body #main-slid {
	    margin-top: 50%;
	}
	body section.Shdule {
	    width: 100%;
	}
	div.alert.error {
	    display: block;
	    position: absolute;
	    width: 100%;
	    background: url("../../pyrocms/img/admin/icons/16/cross-circle.png") no-repeat scroll 0 0 rgba(223,143,143,.5)
	}
	div.alert.error > p {
	    display: inline;
	    margin: 0;
	}
	
}
/*************=.End 480.=**************/
@media all and (max-width: 400px) {
	body .nav-icon ul ul {
		left: auto;
		right:0;
	}
}
/*************=.End 400.=**************/
@media all and (max-width: 320px) {
	body#login #login-box {
    width: 240px !important;
    padding: 3px 8px 5px !important;
    height: 300px !important;
	}
	body#login #login-box input {
		width: 175px !important;
	}
	body#login #login-box {
		margin: 130px auto 0 !important;
	}
	body#login #login-box form li:nth-child(1) {
		 padding: 10px 0 !important;
		 margin-bottom: 25px !important;
	}
	body#login #login-box li:nth-child(3) {
		margin-bottom: 20px !important;
	}
	body#login #login-box li:nth-child(4) {
		margin-bottom: 5px !important;
	}
	.custom-file span.button {
	text-transform:uppercase;
	padding:8px 8px 9px 7px;
	position: relative;
	left:15px;
	}
	.unit{float: none !important; width: auto !important;}	
	.dashBoard .widget_wraper div.widgetIcon {
    width: 132px !important;
	}
	.dashBoard .widget_wraper .widgetBox span.txt {
		width: 132px !important;
	}
	.dashBoard .widget_wraper .widgetBox img {
		width: 97%;
	}
	div.widgetBox:nth-child(2n) {
		/*margin-right: 0px !important;*/
	}
	.dashBoard .tile.double {
		width: 100%;
	}
	body #header {
		position: relative;
		margin-bottom: 0px;
	}
	body #footer {
		position: relative;
	}
	
	body #header .nav-icon ul {
	    left: auto;
	    list-style: none outside none;
	    margin-top: 18px;
	    right: 0;
	}
}
@media screen and (max-width: 306px){
	body .dashBoard .widget_wraper div.widgetIcon {
	    width: 120px !important;
	}
        
        body #content {margin-top:0px;}
}
@media screen and (max-width: 280px){
	body .dashBoard .widget_wraper div.widgetIcon {
	    width: 100px !important;
	}
	.widget_wraper .widgetBox {
		height: auto !important;
	}
        
        body #content {margin-top:0px;}
}
@media screen and (max-width: 96px) {
	ul#css3menu1 {
		width: 100%;}
	ul#css3menu1 > li {
		display: none !important;		position: relative;		width: 100% !important;}
	ul#css3menu1 > label.switch,ul#css3menu1 .switchbox:checked ~ li {
		display: block !important;}
        
        body #content {margin-top:0px;}
}
/*************=.End 320.=**************/
/*START CSS FOR NORMAL WIDGET HOME PAGE*/
@media screen and (max-height: 480px) {

	div.SmallWidget1x1{
		width:35px;
		height:35px;
	}
	div.SmallWidget div.SmallWidgetMain {
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 30px 30px;
	}

	 div.widget2x2 {
	 	width: 110px;
	 	height: 110px;
	}
	div.widget4x2 {
	 	width: 220px;
	 	height: 110px;
	}

	 div.widget2x2:hover {
	 width: 106px;
	 height: 106px;
	}
	 div.widget4x2:hover {
	 width: 216px;
	 height: 106px;
	}
	body #header {
		position: relative;
		margin-bottom: 0px;
	}	
	body #content {
	    padding: 0 3%;
            margin-top:0px;
	}
	body #footer {
		position: relative;
	}
	.dashBoard .widget_wraper div.widgetIcon {
    width: 135px !important;
	}
	.dashBoard .widget_wraper .widgetBox span.txt {
		width: 135px !important;
	}
	.dashBoard .widget_wraper .widgetBox img {
		width: 95%;
	}
}
/*******************=..480 end..=*********************/
@media screen and (max-height: 640px){
	body #header {
    	position: relative;
    	margin-bottom: 10px;
	}
	body #content {
    	padding: 0px 3% 0;
        margin-top:0px;
	}


}
/*******************=..640 END..=*********************/
/*******************=..Height media query..=*********************/
/*START CSS FOR NORMAL WIDGET HOME PAGE*/
.hidden {
	display: none;
}

#start, #settings {
	position: fixed;
	z-index: 25;
	cursor: pointer;
	left: 0px;
	width: 48px;
	height: 48px;
	margin-left: -58px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-moz-transition: margin 0.5s linear, -moz-transform 0.5s linear;
	-webkit-transition: margin 0.5s linear, -webkit-transform 0.5s linear;
	-o-transition: margin 0.5s linear, -o-transform 0.5s linear;
	-ms-transition: margin 0.5s linear, -ms-transform 0.5s linear;
	transition: margin 0.5s linear, transform 0.5s linear;
}

#widget_scroll_container {
	overflow: hidden;
	margin: 0px auto;
	position:relative;
	width: 1600px;
	height:500px;
	/*top: 90px;*/
	left:0px;
	margin-top:40px;
	margin-bottom:20px;
	display:none !important;
}


div.widget_container {
	position: relative;
	margin-right: 10px;
	float: left;
	height: 100%;
	width: 100%;
	padding: 10px;
	-webkit-perspective:  100%;
	-moz-perspective:  100%;
	-o-perspective:  100%;
	-ms-perspective:  100%;
	perspective:  100%;
	
	
}

div.widget_container.half {
	width: 380px;
}


div.widget {
	float:left;
	position: relative;
	color: #FFFFFF;
	cursor: pointer;
	margin: 5px;
	opacity: 1;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-text-shadow: 0 1px 0 #222222;
	-webkit-text-shadow: 0 1px 0 #222222;
	-o-text-shadow: 0 1px 0 #222222;
	-ms-text-shadow: 0 1px 0 #222222;
	text-shadow: 0 1px 0 #222222;
	-moz-box-shadow: 4px 4px 2px #000000;
	-webkit-box-shadow: 4px 4px 2px #000000;
	-o-box-shadow: 4px 4px 2px #000000;
	-ms-box-shadow: 4px 4px 2px #000000;
	box-shadow: 4px 4px 2px #000000;
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}


div.widget:hover {
	z-index: 10;
	border: 3px solid rgba(255, 255, 255, 0.4);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
div.widget_link {
	cursor: pointer;
}

div.widget a {
	color: #FFFFFF;
}

div.widget div.main {
	overflow: hidden;
	position: absolute;
	left: 0px;
	right: 0px;
	height: 100%;
	top: 100%;
	-moz-transition: top 0.4s;
	-webkit-transition: top 0.4s;
 -o-transition: top 0.4s;
	-ms-transition: top 0.4s;
	transition: top 0.4s;
}
div.widget div.main {
	height: 100%;
	top: 0px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.widget div.widget_content {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	overflow: hidden;
}


div.widget div.main > span {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	font-size: 1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*END CSS FOR WIDGET HOME PAGE*/


/*START CSS FOR SMALL WIDGET*/

div.SmallWidget{
	float:left;
	position: relative;
	color: #FFFFFF;
	cursor: pointer;
	margin: 5px;
	opacity: 1;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-text-shadow: 0 1px 0 #222222;
	-webkit-text-shadow: 0 1px 0 #222222;
	-o-text-shadow: 0 1px 0 #222222;
	-ms-text-shadow: 0 1px 0 #222222;
	text-shadow: 0 1px 0 #222222;
	-moz-box-shadow: 4px 4px 2px #000000;
	-webkit-box-shadow: 4px 4px 2px #000000;
	-o-box-shadow: 4px 4px 2px #000000;
	-ms-box-shadow: 4px 4px 2px #000000;
	box-shadow: 4px 4px 2px #000000;
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	
}
div.SmallWidget a {
	color: #FFFFFF;
}

div.SmallWidget div.SmallWidget_content {
	/*position: absolute;*/
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	overflow: hidden;
}

div.SmallWidget div.SmallWidgetMain {
	overflow: hidden;
	position: absolute;
	left: 0px;
	right: 0px;
	height: 100%;
	top: 100%;
	-moz-transition: top 0.4s;
	-webkit-transition: top 0.4s;
 -o-transition: top 0.4s;
	-ms-transition: top 0.4s;
	transition: top 0.4s;
	
}
div.SmallWidget div.SmallWidgetMain {
	height: 100%;
	top: 0px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 35px 35px;
	
}



div.SmallWidget div.SmallWidgetMain  > span {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	font-size: 1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin:0 auto;
}
/*END START CSS FOR SMALL WIDGET*/

/*ALL WIDGET HEIGHT WIDTH IN NORMAL VIEW (These view will be applied to default devices)*/
div.widget2x2 {
 width: 130px;
 height: 130px;
}
div.widget4x2 {
 width: 260px;
 height: 130px;
}

div.SmallWidget1x1{
	width:45px;
	height:45px;
}

div.widget2x2:hover {
	width: 124px;
	height: 124px;
}
div.widget4x2:hover {
	width: 254px;
	height: 124px;
}/*
#footer{
 margin-top:470px;
}*/
/*ALL WIDGET HEIGHT WIDTH IN NORMAL VIEW (These view will be applied to default devices)*/



#widget_preview {
	top: 50%;
	right: 50%;
	left: 50%;
	bottom: 50%;
	position: fixed;
	overflow: hidden;
	color: #FFFFFF;
	z-index: 200;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#widget_preview a {
	color: #FFFFFF;
}
#widget_preview.open {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
#widget_preview.loading {
	background: url('../img/page_loader.gif') no-repeat scroll 50% 50%;
}
#widget_preview > div.dot {
	position: absolute;
	width: 5px;
	height: 5px;
	background: #FFFFFF;
	right: 100%;
}
#widget_preview > div.dot.open {
	right: 0%;
}
#widget_sidebar_indicator {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 64px;
	height: 64px;
	z-index: 500;
	background-image: url('/arrow_right.png');
	-moz-animation: bounce 0.3s infinite;
	-webkit-animation: bounce 0.3s infinite;
	-o-animation: bounce 0.3s infinite;
	-ms-animation: bounce 0.3s infinite;
	animation: bounce 0.3s infinite;
}
#widget_sidebar_indicator:hover {
	right: 0px;
}
#widget_sidebar {
	position: absolute;
	top: 120px;
	bottom: 120px;
	right: -75px;
	z-index: 500;
	width: 90px;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
 -o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.touch #widget_sidebar, #widget_sidebar:hover {
	width: 90px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.7);
}
.touch #widget_sidebar > div, #widget_sidebar:hover > div {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 70px;
	cursor: pointer;
}

#widget_sidebar > div.cancel {
	background-image: url('../img/metro/cancel.png');
}
#widget_sidebar > div.refresh {
	background-image: url('../img/metro/refresh.png');
}
#widget_sidebar > div.download {
	background-image: url('../img/metro/save.png');
}
#widget_sidebar > div.back {
	background-image: url('../img/metro/back.png');
}
#widget_sidebar > div.next {
	background-image: url('../img/metro/next.png');
}

#widget_preview_content {
	overflow: auto;
	position: absolute;
	top: 120px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	padding: 8px;
	font-size: 1.1em !important;
	-moz-overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif" !important;
}
div.page_content {
	padding: 16px;
}





div.widget.unloaded {
	opacity: 0;
	-moz-transform: rotateY(-90deg);
	-webkit-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}
div.widget.animation {
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, -o-transform 0.3s;
	-ms-transition: opacity 0.3s, -ms-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}










/*
Widget Theme
*/
#theme_picker div.default {
	background: url('../cms/themes/default/img/colour.png');
}
#theme_picker div.blue, div.widget_blue, div.widget_container.blue div.widget {
	background: #0097AA;
}

#theme_picker div.orange, div.widget_orange, div.widget_container.orange div.widget {
	background: #F29500;
}
#theme_picker div.red, div.widget_red, div.widget_container.red div.widget {
	background: #C23916;
}

#theme_picker div.green, div.widget_green, div.widget_container.green div.widget {
	background: #94C849;
}

#theme_picker div.darkgreen, div.widget_darkgreen, div.widget_container.darkgreen div.widget {
	background: #6FA014;
}

#theme_picker div.purple, div.widget_purple, div.widget_container.purple div.widget {
	background: #91009B;
}
#theme_picker div.darkred, div.widget_darkred, div.widget_container.darkred div.widget {
	background: #BE213E;
}

#theme_picker div.darkblue, div.widget_darkblue, div.widget_container.darkblue div.widget {
	background: #3C7780;
}

#theme_picker div.yellow, div.widget_yellow, div.widget_container.yellow div.widget {
	background: #D9B700;
}

#theme_picker div.grey, div.widget_grey, div.widget_container.grey div.widget {
	background: #4C4C4C;
}





/*
Detail View
*/
body.detail {
	overflow: auto;
}
.detail #widget_scroll_container {
	margin: 0px;
	position: relative;
	width: auto;
	height: auto;
	left: 0px !important;
	top: 0px;
}
.detail div.widget_container, .detail div.widget_container.half {
	width: auto;
	height: auto;
	margin: 0px;
	float: none;
}

.text_shadow {
	-moz-text-shadow: 1px 1px 1px #000000;
	-webkit-text-shadow: 1px 1px 1px #000000;
	-o-text-shadow: 1px 1px 1px #000000;
	-ms-text-shadow: 1px 1px 1px #000000;
	text-shadow: 1px 1px 1px #000000;
}

.detail div.widget {
	width: 120px;
	height: 120px;
	margin: 30px 300px 30px 30px;
}
.detail div.widget:hover {
	border: none;
}
.detail div.widget div.widget_content, .detail div.widget div.main {
	overflow: visible;
}
.detail div.widget div.main > span {
	left: 140px;
	bottom: 0px;
	overflow: visible;
}
/*
Page Content
*/
#widget_preview h1 {
	position: relative;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 1.3em;
	border-bottom: 1px solid #FFFFFF;
}

/* =================================== Start Modules Styles Here ============================= */

/* Dashboard Module Start Here */
.dashBoard{
	width:100%;
	overflow-x:auto;
	margin-bottom:20px;
	float:left;
}

.dashBoardInner{
	width:auto !important;
	padding-top:20px;
	float:left;
}

.widget_wraper{
	/*
	width:1440px;
	margin-right:20px;
	margin-bottom:40px;*/
	float:left;
}

.widget_wraper .widgetBox{
	height:150px;
	margin:0px 10px 10px 0;
	position:relative;
	text-align:center;
	cursor:pointer;	
	float:left;
}

div.widget_wraper div.kpi_widget{
        width:220px;
        height:200px;
}

.widget_wraper .widgetBox img{
	border:none;
	margin:0px;
	width: 85%;
}

.widget_wraper .widgetBox span.txt{
	width:150px;
	height: 49px;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	/*
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";*/
	font-size:17px;
	color:#FFFFFF;
	line-height:20px;
	letter-spacing:1px;
	text-transform:capitalize;
	display:table-cell;
	vertical-align: middle;
	padding:0px 6px 0 6px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.widget_wraper div.widgetImg{
	width:310px;
}

.widget_wraper div.widgetImg img{
	width:310px;
	height:150px;
}

.widget_wraper div.widgetIcon{
	width:150px;
}

.widget_wraper div.widgetEmail{
	width:310px;
}

.widget_wraper div.widgetSlider{
	width:310px;
}

.widget_wraper div.pink{
	background-color:#9d3359;
}

.widget_wraper div.darkGreen{
	background-color:#33a739;
}

.widget_wraper div.lightGreen{
	background-color:#27ae60;
}

.widget_wraper div.sharpGreen{
	background-color:#91c22b;
}

.widget_wraper div.orange{
	background-color:#e67e22;
}

.widget_wraper div.lightRed{
	background-color:#ff4545;
}

.widget_wraper div.purple{
	background-color:#8e44ad;
}

.widget_wraper div.blue{
	background-color:#187bbc;
}



/* Dashboard Module End Here */


/* Maintenance Requests Module Start Here */
.maintenanceRqst{
	width:100%;
	padding:20px 0;
	/*min-height:720px;*/
	float:left;
}

.maintenanceRqst ul{
	width:100%;
	padding-left:0px !important;
	display:block;
	float:left;
}

.maintenanceRqst ul li{
	width:15.6666%;
	min-height:76px;
	list-style-type:none;
	list-style:none;
	margin-bottom:10px;
	margin-right:1%;
	float:left;
}

.maintenanceRqst ul li label{
	width:100%;
	font-weight:normal;
	color: #5a5a5a;
	padding:4px 0;
	margin-bottom:6px;
	text-transform:uppercase;
	white-space:nowrap;
	font-family: "Lato", Arial, Helvetica, sans-serif;
/*    font-family: 'dinmedium';
*/	font-size:18px;
	float:left;
}

.maintenanceRqst ul li div.notes{
	max-height:300px;
	overflow-y:auto;
	font-weight:normal;
	padding:4px 0;
	margin-bottom:20px;
	font-size:16px;
	float:left;
}

.maintenanceRqst ul li div.notes table{
	width:100%;
}

label.blueHedng{
    background: none repeat scroll 0 0 #2A73E7;
    float: left !important;
    font-size: 16px !important;
    padding: 3px 40px !important;
    width: auto !important;
}


.maintenanceRqst ul li div.notes table tr td{
	vertical-align:middle;
	text-align:left;
	padding:10px 20px 10px 0px;
	border-right:solid 1px #f0f2f3;
}

.maintenanceRqst ul li div.notes table tr td.usrName{
	width:12%;
	font-size:18px;
	line-height:18px;
	text-align:right;
}

.maintenanceRqst ul li div.notes table tr td.usrName span{
	font-size:12px;
}

.maintenanceRqst ul li div.notes table tr td.usrTxt{
	border:none;
	padding-left:20px;
}

.maintenanceRqst ul li input.submit_btn{
	margin-top:40px !important;
	padding:6.5px 15px;
}

.maintenanceRqst ul li input.btn{
	margin-top:0px !important;
	padding:6.5px 15px;
}

.maintenanceRqst ul li .input{
	font-family: "Lato", Arial, Helvetica, sans-serif;
	min-height:19px;
	background: none repeat scroll 0 0 #FFFFFF;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	/*
	width:90%;
	-moz-box-shadow:1px 1px 6px #022256;
	-webkit-box-shadow:1px 1px 6px #022256;
	box-shadow:1px 1px 6px #022256;
	text-shadow: 0 0 2px #000;*/
	padding:10px;
/*	font-family:'MyriadPro-Semibold';
*/	color:#5a5a5a;
	font-size:14px;
	float:left;
	text-transform:uppercase;
	border: 1px solid #cacaca;
	min-width: 185px;
}

.maintenanceRqst ul li .input textarea{
	width:100%;
	min-height:100px;
	background:none;
	border:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	box-shadow:none;
	font-size: 16px;
	font-weight: 300;
	padding:0;
/*	font-family:'MyriadPro-Semibold';
	text-shadow: 0 0 2px #000;
*/	color:#5a5a5a;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	resize:none;
/*	text-transform:uppercase;*/
}

#user-basic-data-tab #contacts span {
    color: #5A5A5A;
}
.maintenanceRqst ul li .input select{
	background: none repeat scroll 0 0 #FFFFFF;
	border:none;
	box-shadow:none;
	padding:0px;
	margin-top:-2px;
/*	font-family:'MyriadPro-Semibold';
*/	font-size: 14px;
    font-weight: 500;
	color:#5a5a5a;
	font-family: "Lato", Arial, Helvetica, sans-serif;
/*	text-transform:capitalize;
	text-shadow: 0 0 2px #000;*/
	float:left;
	width:100%;
	height:auto;
	border-radius:0px;
}

.maintenanceRqst ul li .input input[type="text"]{
	font-family: "Lato", Arial, Helvetica, sans-serif;
	background:none;
	border:none;
	box-shadow:none;
	padding:1px;
	margin-top:-3px;
/*	font-family:'MyriadPro-Semibold';
*/	font-size: 16px;
    font-weight: 500;
	color:#5a5a5a;	
/*	text-transform:capitalize;
*/	
	float:left;
	width:100%;
	height:auto;
	border-radius:0px;
	/*text-transform:uppercase;*/
	text-transform:uppercase;
}

.maintenanceRqst ul li .input input[type="password"]{
	background:none;
	border:none;
	box-shadow:none;
	padding:1px;
	margin-top:-3px;
/*	font-family:'MyriadPro-Semibold';
*/	font-size:14px;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	color:#5a5a5a;
/*	text-transform:capitalize;
*/	letter-spacing: 2px;
	float:left;
	width:100%;
	height:auto;
	border-radius:0px;
}

.maintenanceRqst ul li .input .denied{
/*	font-family:'MyriadPro-Semibold';
*/	color:#f63722;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	font-size:14px;
	height:24px;
	background:url(../img/approved-denied.png) 0 -36px no-repeat;
	text-shadow:none;
	padding-top:7px;
	padding-left:38px;
	position:relative;
	top:-5px;
	display:block;
}

.maintenanceRqst ul li .input .approved{
/*	font-family:'MyriadPro-Semibold';
*/	color:#48aa26;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	font-size:14px;
	height:24px;
	background:url(../img/approved-denied.png) 0 0px no-repeat;
	text-shadow:none;
	padding-top:7px;
	padding-left:38px;
	position:relative;
	top:-3px;
	display:block;
}

.maintenanceRqst ul li .input .others{
/*	font-family:'MyriadPro-Semibold';
*/	color:#48aa26;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	font-size:14px;
	height:23px;
	/*background:url(../img/approved-denied.png) 0 0px no-repeat;*/
	text-shadow:none;
	padding-top:7px;
	padding-left:38px;
	position:relative;
	top:-3px;
	display:block;
}

.maintenanceRqst ul li div.chekBoxes{
	background:none; border:none; box-shadow:none;
	padding-left:0px;
}

.maintenanceRqst ul li div.chekBoxes input[type="checkbox"]{
	margin:3px 6px 0 0;
	float:left;
}

.maintenanceRqst ul li div.chekBoxes div.chkBoxWrap{
	margin:0 16px 16px 0;
	float:left;
}

.maintenanceRqst ul li div.chekBoxes span{
	margin-right:20px;
	float:left;
}


.maintenanceRqst ul li .longTxt{
	min-height:100px;
}

.maintenanceRqst ul li .padOff{
	padding-top:6px;
	padding-bottom:0px;
}

.maintenanceRqst .full{
	width:100% !important;
}

.maintenanceRqst ul.full{
	width:100%;
}

.maintenanceRqst ul.full li{
	width:100%;
}

.maintenanceRqst ul.full li .input{
	
	/*padding:1%;border:none !important;*/
	width:50%;
}
.file_sect .input {
    width: 50%;
}
.maintenanceRqst ul.full li .sendApproval{
	display:block;
	float:left;
}

.maintenanceRqst ul.full li .sendApproval img{
	-moz-box-shadow:1px 1px 6px #3b3d3e;
	-webkit-box-shadow:1px 1px 6px #3b3d3e;
	box-shadow:1px 1px 6px #001941;
	border:none;
	margin:0px;
	padding:0px;
}

.maintenanceRqst div.tableBox{
	width:100%;
	
	/*
	min-height:300px;
	-moz-box-shadow:1px 1px 6px #001941;
	-webkit-box-shadow:1px 1px 6px #001941;
	box-shadow:1px 1px 6px #001941;
	*/
	border:none;
	margin:0 0 20px;
	padding:0px;
	float:left;
}

.maintenanceRqst div.tableBox div.ui-jqgrid-titlebar{
	font-family: "Lato", Arial, Helvetica, sans-serif; 
	/*
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif" !important;
	*/
	font-size:18px;
	padding:0 10px;
	text-transform:uppercase;
	background:none;
	border:none;
	border-bottom:solid 1px #e2e2e2;
}

.maintenanceRqst div.tableBox div.ui-widget-content{
	background:none;
	border:none;
	border-bottom:solid 1px #e2e2e2;
	border-radius:0px;
}

.maintenanceRqst div.tableBox div.ui-widget-content  span.ui-jqgrid-title{
	width:420px;
	line-height: 72px;
	padding:5px 0px;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #5a5a5a;	
	/*
	text-shadow:1px 1px 0 #595959;
	color:#FFFFFF;
	background:url(../img/purchases.png) top right no-repeat;*/
	display:block;
}

.maintenanceRqst div.tableBox div.ui-widget-content  a.ui-jqgrid-title{
	background: url("../img/purchases.png") no-repeat scroll 0 0 / 88% auto rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 49px;
    margin-right: 10px;
    width: 60px;
}

.maintenanceRqst div.tableBox div.ui-widget-content div.ui-jqgrid-hdiv{
	background:none;
	background-color:#353535;
	border:none;
	width:100% !important;
}

.maintenanceRqst div.tableBox .ui-jqgrid-btable{
	width:100% !important;
}

.maintenanceRqst div.tableBox .ui-jqgrid-bdiv{
	width:100% !important;
	max-height:1100px !important;
	height:auto !important;
	min-height:150px;
}
.maintenanceRqst #map div.tableBox .ui-jqgrid-bdiv{
	height: 480px !important;
	background-color: #fff;
	border-left: 1px solid #ddd;
}
.maintenanceRqst div.tableBox .ui-jqgrid-hbox{
	padding-right:0px !important;
	width:100% !important;
}

.maintenanceRqst div.tableBox .ui-jqgrid-htable{
	width:100% !important;
}

.maintenanceRqst div.tableBox .ui-jqgrid-htable th{
	background:none;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFFFFF !important;
}

.maintenanceRqst div.tableBox .ui-jqgrid-htable th a{
	color:#FFFFFF !important;
}

.maintenanceRqst div.tableBox .ui-jqgrid-htable th.ui-th-ltr{
	border-color:#dfdfe1;
}

.maintenanceRqst div.tableBox .ui-jqgrid-htable th div{
	background:none !important;
	height:auto;
	font-size:13px;
	font-weight:bold;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	/*
	text-shadow:1px 1px 0 #595959;
	*/
	padding:5px 0;
	text-transform:uppercase;
}

.maintenanceRqst div.tableBox table tr.ui-widget-content{
	background:none;
	background-color:#fff;
	color:#5a5a5a;
	border-top:none;
}

.maintenanceRqst div.tableBox table tr.ui-widget-content td a{
	color:#5A5A5A !important;
	font-size:12px;
	cursor: pointer;
}

.maintenanceRqst div.tableBox .ui-pg-input{
	color:#333333;
}

.maintenanceRqst div.tableBox .ui-pg-selbox{
	color:#333333;
}

.maintenanceRqst div.tableBox table tr.ui-widget-content td{
	border-color:#e5e5e5;
	line-height:30px;
	text-align:center !important;
	text-transform:uppercase;
	font-size: 14px;
	padding:0px;
}
/*
.maintenanceRqst div.greenClr div.ui-widget-content div.ui-jqgrid-hdiv{
	background:none;
	background-color:#053A70;
}

.maintenanceRqst div.greenClr .ui-jqgrid-htable th.ui-th-ltr{
	border-color:#053A70;
}

.maintenanceRqst div.greenClr table tr.ui-widget-content{
	background-color:#87b821;
}
*/
.maintenanceRqst div.frmTbl div.ui-widget-content  span.ui-jqgrid-title{
	width:100%;
	line-height: 56px;
}


.maintenanceRqst div.greenClr table tr.ui-widget-content td{
	/*border-color:#a1c93e;*/
}

.maintenanceRqst div.greenClr div.ui-widget-content span.ui-jqgrid-title{
	/*background:url(../img/services.png) top right no-repeat;*/
}
/*
.maintenanceRqst div.greenClr div.ui-widget-content a.ui-jqgrid-title{
	width:47px;
	height:36px;
}
*/
.maintenanceRqst table.supplier{
	width:100%;
	padding-bottom:20px;
	margin-top: 0px;
}

.maintenanceRqst table.supplier tbody{
	width:100%;
}

.maintenanceRqst table.supplier h5{
    color:#5a5a5a;
    padding:10px 20px;
	text-align:left;
	text-transform:uppercase;
	text-shadow: none;
	font-family: 'lato';
}

.maintenanceRqst table.supplier tr.hedng{
	background:none !important;
	width:100%;
}

.maintenanceRqst table.supplier tr.hedng td{
	border:none !important;
}

.maintenanceRqst table.supplier tr td{
	width:16.666666%;
	padding:10 5px;
	text-align:center;
    background: none repeat scroll 0 0 transparent !important;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    padding: 5px 0;
	border-right:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;
	vertical-align:middle;
}

.maintenanceRqst table.supplier tr{
	background-color:#fff;
}
.maintenanceRqst table.supplier tr.hed td{
	border-top:solid 1px #e2e2e2;
	border-right:solid 1px #e2e2e2;
	padding:10px;
	text-transform:uppercase;
}

.maintenanceRqst table.supplier input[type="button"]{
	width:16px;
	height:16px;
	background:none;
	background:url(../img/cancel.gif) 0 0 no-repeat;
	border:none;
	border-radius:0;
	text-indent:-99999px;
	box-shadow:none;
	margin:0px auto;
	margin-top:8px;
	cursor:pointer;
	float:none;
}

.maintenanceRqst table.supplier input[type="text"]{
	width:80%;
	border-radius:0;
	font-size:12px;
	color:#666666;
	margin:0px auto;
	margin-top:8px;
	margin-bottom:8px;
	padding:5.2px 5px;
	float:none;
}

.maintenanceRqst table.supplier select{
	width:80%;
	border-radius:0;
	font-size:12px;
	color:#666666;
	margin:0px auto;
	padding:5px;
	float:none;
}

.maintenanceRqst input.submitFrm{
	width:105px;
	height:40px;
	background:none;
	background:url(../img/submit.gif) 0 0 no-repeat;
	border:none;
	border-radius:0px;
	text-indent:-999999px;
	margin:0px;
	cursor:pointer;
	float:right;
	box-shadow: none;
}

.maintenanceRqst .ui-jqgrid{ width:100% !important;}
.maintenanceRqst .ui-jqgrid-view{ width:100% !important;}
.maintenanceRqst table.ui-jqgrid-pager{ width:100% !important; background: none repeat scroll 0 0 #fff; border-bottom:none; border-top:solid 1px #FF8400; border-radius:0px;}
.maintenanceRqst table.ui-pg-table{ border-bottom:none;}
/*
.maintenanceRqst div.greenClr table.ui-jqgrid-pager{ background:#031D38;}
*/
.maintenanceMid{
	width:100%;
	padding:0;
	float:left;
	/*margin-bottom: 30px;*/
}
.custom-file{
    float: left;
    position: relative;
	top:0px;
	height:17px;
}
body .custom-file #image{
    position: absolute;
    top:4px;
    left:448px;
    height:35px;
	top:-10px;
    opacity: 0;
	cursor:pointer;
	margin:0px;
}
.custom-file:hover {
	cursor:pointer;
}
.custom-file span{
    float: left;
    font-size: 11px;
    height: 18px;
}
.custom-file span.text {
    width: 100px;
}
.custom-file span.button {
	left:258px;
	position: relative;
	width:136px;
	float:right;
	font-weight:normal;
	top:-33px;
	background-color: #FF8400;
	border-radius:0px;
	border:none;
	border-bottom:solid 3px #C97616;
	display:block;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	/*
	background:url(../img/btnBg.jpg) 0 0 repeat-x;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	font-family: 'MyriadPro-Semibold';
	text-shadow:0 0 2px #000000;
	box-shadow: 1px 1px 6px #022256;
	*/    
	font-size: 16px;
	color:#FFFFFF;	
	text-transform:uppercase;
	padding:10px 8px;	
	cursor:pointer;

}
.custom-file input[type="text"]{
}
.button:hover {
cursor:pointer;
}
.upload_img{
	float:left;
	/*position:absolute;
	left:1px;
*/	margin-top:7px;
z-index:10;
}
.file_sect{
	width:29% !important;
}


/* ================== Start Add New Widgets Here ================== */
.brd_non{
	border:none;
}
#add_widget{
	width:95%;
	float:left;
	padding:10px 15px;
}
#add_widget ul{
	width:100%;
	float:left;
	margin:0px;
	padding:0px !important;
}
#add_widget ul li{
	width:100%;
	float:left;
	list-style:none;
	padding:8px 0px;
}
#add_widget #add_widget_user label {
    color: #5a5a5a;
    display: block;
    text-shadow: none;
}
#add_widget ul li label{
	width:98%;
	display:block;
	font-family: 'Lato';
	font-size: 14px;
	color:#FFFFFF;
	text-shadow:0 0 2px #000000;
	padding:0px 0px 8px 0px!important;
}
#add_widget ul li input[type="text"]{
	border:none;
	box-shadow:none;
	padding:7px 10px;
	margin-top:-3px;
	font-size:14px;
	font-family: 'lato';
	color:#5a5a5a;
	float:left;
	width:98.5%;
	margin-right:0px;
	height:auto;
	border-radius:0px;
}
#add_widget ul li select{
	background:none;
	background:#f2f2f2;
	border:none;
	box-shadow:none;
	padding:8px 10px;
	border-radius:0px;
	float:left;
	width:98.2%;
	font-size:14px;
	font-family: 'lato';
	color:#5a5a5a;
}

.sucs_msg{
	position:absolute;
	left:210px;
	top:8px;
}
.sucs_msg label{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#13b83a;
	font-weight:normal;
	text-shadow:none;
}

#login_width{
	width:40%;
}

.custom-file input[type="text"]{
	margin:0px !important;
}
.file_sect{
	width:100% !important;
}
.custom-file #image {
    position: absolute;
    top:4px;
    left:170px;
    height:35px;
	top:-10px;
    opacity: 0;
	cursor:pointer;
	margin:0px;
	width:140px;
}
#login_width{
	width:100%;
}/*
.time_box{
	float:right !important;
}
.maintenanceRqst{
	padding-top:35px;
}/*
.user_box{
	text-align:right;
	top:57px;
	position:relative;
}
.user_box div.usrName{
	position:absolute;
	right:67px;
}/*
.user_box img{
	float:right !important;

}*/
/*
#header .time_box span{
	display: block;
	float: right;
	width: 62%;
}*/
#header .time_box span strong{
	top:13px !important;
}
.user_box div.userDrop a{
	text-align:left;
}
/*
.dashBoard{
	padding-top:35px;
}*/

/*SCREEN HEIGHT LESS 480px*/

.custom-file input[type="text"]{
	margin:0px !important;
}
.file_sect{
	width:100% !important;
}
/*
.custom-file #image {
    left:125px;
	width:110px;
}
 .logo{
   margin: -66px 0px 0 -50px !important;
  }
.user_box{
	text-align:right;
	top:57px;
	position:relative;
}
.user_box div.usrName{
	position:absolute;
	right:67px;
}*/
/*
#header .time_box span{
	display: block;
	float: right !important;
	width:81%;
}*/
#header .time_box span strong{
	top:10px !important;
}
#login_width{
	width:100%;
}


/* Maintenance Requests Module End Here */


/* Modules & Widgets Settings Start Here */
.moduleListing{
	width:100%;
	min-height:600px;
	padding-top:10px;
	float:left;
}

#filter-stage div.listing{
	width:48%;
	margin-bottom:30px;
	background:#fff;
	float:left;
	border: 1px solid #e0e0e0;
}

#filter-stage div.listing h5{
	font-size:18px;
	color:#FFFFFF;
	background:#5a5a5a;
	border:solid 1px #5a5a5a;
	padding:15px;
	text-transform:uppercase;
	font-family: 'lato';
	border-color: #5a5a5a;
}

#filter-stage div.listing h3.ui-accordion-header{
	background:#c6c6c6;
	border:none;
	border-radius:0px;
	/*border-top: solid 1px #106d87;*/
	border-bottom: solid 1px #999;
	margin-top:0px;
	font-family:"Lato";
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:15px
	text-transform:uppercase;
}

#filter-stage div.listing h3.ui-accordion-header span{
	width:23px;
	height:23px;
	right:0.5em;
	top:44%;
	left:auto;
	background:url(../img/openClose.png) 0 -29px no-repeat;
}

#filter-stage div.listing h3.ui-accordion-header:hover{
	background:#ff8400;
	color:#fff;
}

#filter-stage div.listing h3.ui-accordion-header-active{
	background:#ff8400;
}

#filter-stage div.listing h3.ui-accordion-header-active span{
	background:url(../img/openClose.png) 0 0px no-repeat;
}

#filter-stage div.right{
	float:right;
}

#filter-stage div.listing div.group{
	margin-bottom:0px;
}

#filter-stage div.listing div.group div.ui-widget-content{
	background:none;
	border:none;
	color:#fff;
	font-size:12px;
	padding:1em 1.5em;
}

#filter-stage div.ui-helper-reset{
	height:auto;
}

#filter-stage div.listing div.group label{
	font-family:'Lato';
	font-size: 14px;
	text-transform:none;
	vertical-align:middle;
	padding:8px;
	padding-left:10px;
	float:left;
	color: #5a5a5a;
}

#filter-stage div.listing div.group h4{
	font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size:12px;
	color:#333;
	/*text-shadow:1px 1px 1px #0c5366;*/
	padding-bottom:5px;
	margin-bottom:20px;
	text-transform:uppercase;
}

#filter-stage div.listing .input{
	width:20%;
	min-width:70px;
	border-radius:0px;
	padding:6px 10px;
	color:#5a5a5a;
	float:left;
}

#filter-stage div.listing .input select{
	background:none;
	border:none;
	box-shadow:none;
	padding:2px;
	border-radius:0px;
	color:#5a5a5a;
	float:left;
	width:100px;
	border: 1px solid #e0e0e0;
}

#filter-stage div.listing a.addUser{
	width:25px;
	height:25px;
	display:block;
	margin-left:15px;
	margin-top:5px;
	float:left;
}
#filter-stage div.listing a.addUser i{
	font-size:20px;
	color:#ff8400;
}
#filter-stage div.listing div.add_users{
	width:100%;
	margin-top:20px;
	display:none;
	clear:both;
	float:left;
}

#filter-stage div.listing div.users {
	width:100%;
	min-height:250px;
	max-height:400px;
	overflow:auto;
	margin-bottom:15px;
	float:left;
}

#filter-stage div.listing div.users label{
	width:99%;
	padding:10px 0;
	color:#333;
	font-size:12px;
	/*border-top:solid 1px #10748f;*/
	border-bottom:solid 1px #e2e2e2;
	cursor:pointer;
	float:left;
}

#filter-stage div.listing div.users label input[type="checkbox"]{
	margin:0px;
	margin-top:2px;
	float:right;
}

#filter-stage div.listing div.permissionedList{
	width:100%;
	padding-top:20px;
	margin-bottom:20px;
	float:left;
}

#filter-stage div.listing div.permissionedList h4{
	width:100%;
	float:left;
}

#filter-stage div.listing div.permissionedList h4 span{
	width:77%;
	float:left;
	color: #5a5a5a;
	font-family: 'Lato';
	font-size: 13px;

}

#filter-stage div.listing div.permissionedList h4 span.right{
	width:23%;
	text-align:center;
	float:right;
}

#filter-stage div.listing div.permissionedUzr{
	width:100%;
    max-height:420px;
    min-height:250px;
    overflow:auto;
	float:left;
}

#filter-stage div.listing div.permissionedUzr div.userName{
	width:99%;
	padding:10px 0;
	color:#fff;
	font-size:12px;
	border-top:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
	float:left;
}

#filter-stage div.listing div.permissionedUzr div.userName span{
	width:79%;
	font-size: 14px;
	text-transform:capitalize;
	padding-top:5px;
	float:left;
	font-family:'lato';
	color: #5a5a5a;
}

#filter-stage div.listing div.permissionedUzr div.userName span.right{
	width:20%;
	color:#2db200;
	text-transform:uppercase;
	text-align:center;
	padding-top:0px;
	float:right;
}
.chkBoxWrap > span {
    color: #5A5A5A;
}
/* Modules & Widgets Settings End Here */

/* =================================== Start Modules Styles Here ============================= */

.preloader{
 width:128px;
 height:128px;
 position:absolute;
 /*left:376px;*/
 left:144px;
 top:78px;
 display:block;
 z-index:99999;
 background:url("../img/loader.gif") no-repeat scroll 60% 50% transparent;
}
.popBg_dashboard{
 /*width:880px;*/
 width:415px;
 height:285px;
 position:absolute;
 z-index:9999;
 background:url("../img/popupBg.png") repeat 0 0;
}

.popWrap{
	 width:100%;
	 height:100%;
	 position:fixed;
	 left:0px;
	 top:0px;
	 display:block;
	 z-index:99999;
}

.popBg{
	 width:100%;
	 height:100%;
	 position:absolute;
	 z-index:20;
	 top:0;
	 left:0;
	 background: #FFFFFF;
	 opacity:0.9;
}

.popUp{
	 width:478px;
	 min-height:198px;
	 position:relative;
	 z-index:50;
	 margin:16% auto;
	 border:solid 1px #999999;
	 border-radius:3px 3px 0px 0px;
	 box-shadow:1px 1px 25px #666;
}

.popUp.popUpNew{
	 width:750px;
	 min-height:198px;
	 position:relative;
	 z-index:50;
	 margin:16% auto;
	 border:solid 1px #999999;
	 border-radius:3px 3px 0px 0px;
	 box-shadow:1px 1px 25px #666;
}



.popUp h1{
	 background:url(../img/hedBg1.jpg) repeat-x 0 0;
	 text-align:center;
	 height:16px;
	 font-size:10px;
	 line-height:normal;
	 margin:0px;
	 padding:0px !important;
	 color:#333333 !important;
	 text-shadow:none !important;
	 font-weight:bold;
}

.popUp h2{
	 background:url("../img/heading_img.jpg") repeat 0 0;
	 text-align:center;
	 height:26px;
	 font-size:14px;
	 line-height:26px;
	 margin:0px;
	 padding:0px !important;
	 color:#333333 !important;
	 text-shadow:none !important;
	 font-weight:bold;
}

.popUp h3{
	 font-size:14px;
	 margin:10px 0px 0px 0px;
	 padding:0px !important;
	 color:#333333 !important;
	 text-shadow:none !important;
	 font-weight:bold;
}
.popUp div.txt{
	width:476px;
	min-height:181px;
	border:solid 1px #ccc;
	border-top:none;
	background:#ededed;
	position:relative;
	float:left;
}

.popUp div.txtNew{
	width:748px;
	min-height:181px;
	border:solid 1px #ccc;
	border-top:none;
	background:#ededed;
	position:relative;
	float:left;
}

.popUp div.txt div.img{
	width:130px;
	min-height:122px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	float:left;
}

.popUp div.txt div.img a{
	display:block;
	margin-top:40%;
}

.popUp div.txt div.img img{
	border:none !important;
	width: 130px;
	padding: 0 0 0 4px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.popUp div.txt div.right{
	width:314px;
	padding-right:25px;
	padding-bottom:50px;
	float:right;
}

.popUp div.txt div.right h2{
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
	margin-bottom:0px;
	padding:0px !important;
	color:#333333 !important;
}

.popUp div.txt div.right p{
	font-size:12px;
	font-weight:bold;
	color:#333333 !important;
}

.popUp div.txt a.cancel{
	width:68px;
	height:18px;
	display:block;
	background:url("../img/close.png") no-repeat 0 0;
	position:absolute;
	bottom:15px;
	right:20px;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	text-align:center;
	color:#333333;
	font-weight:bold;
	line-height:17px;
	float:right;
}

.popUp div.txt a.cancel:hover{
	background-position:0px -20px;
}

.popUp div.txtNew a.cancel{
	width:68px;
	height:18px;
	display:block;
	background:url("../img/close.png") no-repeat 0 0;
	position:absolute;
	bottom:15px;
	right:20px;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	text-align:center;
	color:#333333;
	font-weight:bold;
	line-height:17px;
	float:right;
}

.popUp div.txtNew a.cancel:hover{
	background-position:0px -20px;
}


.popUp div.txtNew a.remind_me{
	width:135px;
	height:18px;
	display:block;
	background:url("../img/closenew.png") no-repeat 0 0;
	position:absolute;
	bottom:15px;
	right:20px;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	text-align:center;
	color:#333333;
	font-weight:bold;
	line-height:17px;
	float:right;
}

.popUp div.txtNew a.remind_me:hover{
	background-position:0px -20px;
}


.clear{ clear:both; line-height:0px; padding:0px; margin:0px;}

div.week-picker{ position:absolute; z-index:100; margin:4px 0 0 4px;}

#dialog-modal .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-size: 14px !important;}
.ui-dialog-title{font-size: 14px !important; }

.file_pdf{
	width:30%;
	padding-top:10px;
	float:left;
	display:none;
}

.file_pdf ul{
	width:100%;
	padding-left:0px !important;
	display:block;
	float:left;
}

.file_pdf ul li{
	width:90%;
	min-height:16px;
	background:#053A70;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:1px 1px 6px #022256;
	-webkit-box-shadow:1px 1px 6px #022256;
	box-shadow:1px 1px 6px #022256;
	text-shadow: 0 0 2px #000;
	padding:7px 3%;
/*	font-family:'MyriadPro-Semibold';
*/	color:#fff;
	font-size:12px;
	float:left;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	text-transform:uppercase;
	margin-bottom:10px;
}

.file_pdf label{
	width:100%;
	font-weight:normal;
	padding:4px 0;
	margin-bottom:6px;
	text-transform:uppercase;
	white-space:nowrap;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
/*    font-family: 'dinmedium';
*/	font-size:18px;
	text-shadow: 0 0 2px #000;
	float:left;
}

.webcam_btn
{
margin:10px 0px !important; 
float:left;
}

.webcam_images
{
	background-color: #eee;
    float: left;
    list-style: none outside none;
    padding: 20px;
    width: 100%;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}
.ui-pager-control td {
    color: #5A5A5A;
}
body .ui-icon-refresh {
    background-position: -63px -78px;
    height: 18px;
    width: 19px;
}
body .ui-jqgrid .ui-pg-table td {
	padding: 3px;
	width: auto !important;
}
body .ui-jqgrid .ui-pg-table td:hover {
	padding: 3px;
}
body .ui-jqgrid .ui-pg-input {
    font-size: 1.3em;
    height: 20px;
    margin: 0;
}
body .ui-state-hover,body .ui-widget-content .ui-state-hover, 
body .ui-widget-header .ui-state-hover,body .ui-state-focus, 
body .ui-widget-content .ui-state-focus,body .ui-widget-header .ui-state-focus
{	background: none;
    color:#FF8400;
    font-weight: bold;
	border:1px solid #ff8400;
}
.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
    border: medium none;
}

.ui-pg-button.ui-corner-all.ui-state-hover {
    border: medium none;
}
.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    left: 0;
    position: absolute;
    top: 0;
}
label > a.info {
    display: inline;
    margin: 0;
    position: absolute;
	color:#FFA500
}
body input.submit_btn {
	cursor:pointer;
    background: none repeat scroll 0 0 #FF8400;
    border: 1px solid #FFA500;
    box-shadow: none;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.maintenanceRqst .title {
    margin-bottom: 20px;
}
#csv_report_btn.submit_btn {
	cursor: pointer;
    background: none repeat scroll 0 0 #FF8400;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    margin-top: 42px;
    padding: 5px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#dialog-link.submit_btn {
    background: none repeat scroll 0 0 #FF8400;
    color: #FFFFFF;
    display: inline;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
    text-shadow: none;
	margin-top: 0 !important;
}

div.Widget_style {
	font-family: 'lato';
    background-color: #f6f6f6;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 15px;
    width: 100%;
}
.widget_label {
    float: left;
    padding: 5px 15px;
    width: 100%;
}
#filter-stage div.listing div.group div.widget_label > label {
    font-size: 13px;
    line-height: 26px;
    padding: 0 10px 0 0;
    font-family: 'lato';
}
#filter-stage div.listing div.group div.widget_label > select.input.brd_non {
    float: right;
}
.large {
    width: 28% !important;
}
button.popup_inpt {
    background: none repeat scroll 0 0 rgb(60, 202, 60);
    border: medium none;
    box-shadow: none;
/*	width:55px;
	height:55px;*/
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 3px 7px;
	font-size:13px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
button.popup_inpt:hover {
	background: none repeat scroll 0 0 rgb(0, 158, 0);
}

#wo_table td[aria-describedby="wo_table_entered_simply"][title="YES"] {
    background-color: #70B70F;
    font-weight : 700;
    color : #ffffff;
}

#wo_table td[aria-describedby="wo_table_entered_simply"][title="YES"] a{
    color : #ffffff !important;
    font-size : 14px;
}

#wo_table td[aria-describedby="wo_table_entered_simply"][title="NO"] {
    background-color: #FF4242;
    font-weight : 700;
    color : #ffffff;
}

#wo_table td[aria-describedby="wo_table_entered_simply"][title="NO"] a{
    color : #ffffff !important;
    font-size : 14px;
}

#paid_empty_dailog {
    font-size: 14px;
}

#paid-method-detail{
    margin-top:30px;
    margin-bottom:30px;
}

#partial-paid{
    margin-bottom:30px;
    overflow-y: scroll;
    border: 1px solid;
    height: 90px;
}

#partial-paid table{
    width: 90%;
}

#partial-paid table tr{
    text-align : center;
}

#partial-paid table tr th{
    font-weight : 700;
}

#wo_table td[aria-describedby="wo_table_paid"] {
    background-color: #FF4242;
}


#wo_table td[aria-describedby="wo_table_paid"] a.invoice-paid-empty{
     
    font-weight : 700;
    display:block;
    color : #ffffff !important;
    font-size : 14px;
}



#wo_table td[aria-describedby="wo_table_paid"][title=" YES "] {
    background-color: #70B70F;
}

#wo_table td[aria-describedby="wo_table_paid"] a.invoice-paid-yes{
    font-weight : 700;
    display:block;
    color : #ffffff !important;
    font-size : 14px;
}

#wo_table td[aria-describedby="wo_table_paid"][title=" PARTIAL "] {
    background-color: #70b7db;
}

#wo_table td[aria-describedby="wo_table_paid"] a.invoice-paid-partial{
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
}

#partial-paid-heading {
    color: black;
    font-size: 14px;
    font-weight: 100;
}

#paid_empty_dailog input[type="submit"]{
    background: #ff8400 none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    border-radius: 0;
    color: #eaf5f7;
    cursor: pointer;
    float: right;
    font-size: 16px;
    margin-top: 0;
    outline: inherit;
    padding: 10px 12px;
    text-transform: uppercase;
    box-shadow: none;
}

.paid-table {
    width: 400px;
}

.paid-table {
    width: 400px;
}

.paid-table td{
    width:50%;
}

.paid-table input,.paid-table select,.paid-table textarea{
    width: 100%;
}