/*   ==reset==   */ /*SMART COMMERS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	outline:0;
}
h1,
h2,
h3,
h4,
h5{
	font-weight: normal;	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.productWebStatus{    
	width: 10px;
    display: block;
    height: 10px;
    margin-left: 7px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;}


.scrolladded{
	overflow-y: scroll;
    height: 198px;
}

#userInfo p {
	width:156px;
    color: #666666;
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
    padding-top: 3px;
}

.notificationCount{height: 16px;
    margin-left: -15px;
    margin-top: -12px;
    color: #fff;
    float: right;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 16px;
    text-align: center;
    font-size: 13px;
    background-color: red;}
a,a:link,a:active,a:hover,a:visited{color:black; text-decoration:none;}


		/*LOGIN from*/
		
		/*WELLCOME PAGE*/
		/*------------------section----------------------*/
			
			section .row .square:last-child{
				margin-right: 0;
			}
			.wellcome{
				min-height: 500px;
				float:left;
			}

			.slider{
				width: 487px;
				height: 485px;
				background: orange;
				float: left;
				margin: 0 5px 5px 0;
				cursor:pointer;
			}
			.slider img {    width: calc(100% - 40px);
					height: calc(100% - 40px);
				margin: 20px;}
			.slider h1	{    position: absolute;
    margin-top: 83px;
    margin-left: 20px;
    font-size: 18px;
    transform: rotate(-40deg);}
	
			
			.prodLystcont img{width: calc(100% - 20px) !important;height: calc(100% - 40px) !important;margin: 20px;margin-right: 0px;}
			.prodLystcont h1{position:absolute; margin-top: 55px; color: white; margin-left: 20px; font-size: 18px; transform: rotate(-43deg);}
			.payLystcont{cursor:pointer;}
			.payLystcont img{width:100% !important;height:100% !important; margin-right: 0px;}
			.payLystcont h1{position:absolute; margin-top: 214px; color: #693d3d; font-size: 18px; width: 241px; text-align: center;}
			
			
			.custLystcont{
				background: #363636 url(../img/21.gif) repeat-x;
				width: 241px;
				height: 240px;
				display: inline-block;
				margin: 0 2px 3px 0;
			}
			.custLystcont img{width: calc(100% - 40px) !important;height: calc(100% - 40px) !important;margin: 20px;}
			.custLystcont h1{position: absolute; margin-top: -21px; color: white; margin-left: 60px; font-size: 18px;}
	
			.square{
				background: #363636 url(../img/21.gif) repeat-x;
				width: 241px;
				height: 240px;
				display: inline-block;
				margin: 0 2px 3px 0;
			}
			.square img{
				width: 241px;
				height: 240px;
			}
			.square-fluid{
				background: #363636 url(../img/21.gif) repeat-x;
				width: 487px;
				height: 240px;
				display: inline-block;
				margin: 0 2px 3px 0;
			}
			.square-fluid img{
				width: 487px;
				height: 240px;
			}

			.tall{
				background: #363636 url(../img/21.gif) repeat-x;
				width: 241px;
				height: 486px;
				float: left;
				margin: 0 2px 3px 0;
			}
			.tall img{
				width: 241px;
				height: 486px;
			}

			.row-dif{
				width: 492px;
				height: 240px;
				float: left;
				
			}
			.row-square{
				position: relative;
				left: 3px;
			}

			/*Backgriunds*/
			.orange-yellow{
				background: url(../img/13.png);
			}
			.grey{
				background: url(../img/15.png);
			}
			.green{
				background: url(../img/11.png);
			}
			.dark-orange{
				background: url(../img/14.png);
			}
			.orange{
				background: url(../img/16.png);
			}
			.yellow{
				background: url(../img/17.png);
			}
			.sky-blue{
				background: url(../img/19.png);
			}
			.blue{
				background: url(../img/12.png);
			}
			.pink{
				background: url(../img/18.png);
			}
		
		
		/*WELLCOME PAGE*/
		
	#loginBody{background-color: #F3F3F3;}	
		
		
		.inlineSearch_td{
    width: 100%;
    box-sizing: border-box;
}
		
		
	#loginCenterCont{margin:0 auto; width:400px; margin-top:100px;}
		#loginCont{float:left; width:400px; min-height:600px;}
				#corpLogo{float:left; width:100%; min-height:50px;}
				#loginLang{float:left; width:100%; height:30px;}
					#loginLangTable{float:left; width:100%;}
				
					#mainLogin{float:left; width:100%; height:200px; background-color: white; border: 1px solid #D0D0D0;}
							#loginTable{float:left; width:80%; margin-left:10%; margin-right:10%; margin-top:50px;}
							#loginButton{float:left; width:100%; margin-top:15px;}
								#loginButton p{text-align:center;}
								#loginButton p  input{width:70px;}
					
					.SoftVersionCont{float:left; width:100%; height:20px;}
					.SoftVersionCont h1{text-align: left;
										color: red;
										font-size: 12px;
										font-weight: bold;
										font-family: monospace;
										margin-top: 5px;}
		
		
		
		
		
	/*LOGIN from*/
	
	/*BARCODE*/
		.barcodeCont{float:left; width:160px; height:68px; font-size:12px; text-align: center;}
		.barcodeCont img{width:120px;}
		.separatedCont{width: 120px; height: 16px; margin: 0 auto;}
		.separatedCont h1{width:50%; float: left; font-weight:bold;}
		.separatedCont:first-child h1 {text-align:left; font-weight:bold;}
		.separatedCont:last-child h1 {text-align:right; font-weight:bold;}
	.filterInputCont{border:none;     margin-top: 5px;}
	
	/*BARCODE*/
	
	.resizeDiv{resize: horizontal; overflow: auto;}
	
	
	/*REPORTS CONT*/
		.saleReportCont{float:left; width:240px; min-height:240px; border:1px solid #f3f3f3; padding:10px;}
			.saleReportTopInfoCont{float:left; width:100%; height:60px; margin-top:10px;}
				.saleReportTopInfoCont h1{float: left; width: 100%; color: #000000; font-size: 10px; padding-top: 3px; font-family: tahoma;}
			.saleReportTopProdInfoCont{float:left; width:100%; min-height:60px; margin-top:10px;}		
				.saleReportTopProdInfoCont h1{float:left; width:100%; color:#000000; text-align:center; font-weight:bold; font-size: 12px; font-family: tahoma;}
				.saleReportTopProdInfoCont h2{float: left; width: 100%; color: #000000; text-align: center; font-size: 10px; padding-top: 3px; font-family: tahoma;}
				.saleReportTopProdInfoCont table{float:left; width:100%; border-bottom:1px solid #000000; border-collapse:collapse;   margin-top: 10px;}
					.saleReportTopProdInfoCont table tbody{width:100%;}
					.saleReportTopProdInfoCont table tbody tr{width:100%;}
					.saleReportTopProdInfoCont table tbody tr th{border-bottom:1px solid #000000; text-align:center; vertical-align: middle; font-weight:normal; font-size: 10px; color: #000000; font-family: tahoma; padding-top:3px; padding-bottom:3px;}
					.saleReportTopProdInfoCont table tbody tr td{text-align:center; font-size: 10px; vertical-align: middle; color: #000000; font-family: tahoma; padding-top:3px; padding-bottom:3px;}
			.saleReportBottomOrderInfoCont{float:left; width:100%; min-height:20px; margin-top: 10px;}
			.saleReportBottomOrderInfoCont h1{float:left; width:100%; color:#000000; font-size:10px; font-weight:bold; font-family:tahoma; text-align:right;}
			.saleReportBottomOrderInfoCont h2{float:left; width:100%; color:#000000; font-size:10px; font-family:tahoma; text-align:center; margin-top: 5px; margin-bottom: 5px;}
			
			.saleReportBottomOrderInfoCont ul{float:left; width:100%; list-style:none; margin-top: 5px; margin-bottom: 5px;}
				.saleReportBottomOrderInfoCont ul li{float:left; width:100%;}
					.saleReportBottomOrderInfoCont ul li p{width:50%; color:#000000; font-size:10px; font-weight:bold;}
			
			.saleReportBottomOrderInfoCont h3{float:left; width:100%; color:#000000; font-size:10px; font-weight:bold; font-family:tahoma; text-align:center;}
	/*REPORTS CONT*/



	
	/*Grid Design*/
		
	#mainFrame{background-color:#d9dae0;}	
		#mainFrame header{width: 100%; height:42px; border-bottom:3px solid #D20000; background-color: #ffffff;   position: fixed; top: 0; z-index: 99999999;}
			#clientLogoCont{float: left;
								min-width: 65px;
								margin-left: 10px;
								padding-top: 5px;
								border-right: 1px solid #d1d1d1;
								height: 37px;}
					#clientLogoCont a{float:left; height:30px; padding-right: 10px;}
						#clientLogoCont a img{float:left; height:30px;}
			#headerMenu{float:left; min-width:200px; height:100%; margin-left:20px;}
					
						
			#userInfoLogCont{float:right; min-width:100px; height:42px;}
				#menuLogout{float: right; min-width: 100px; margin-top: 5px; margin-right: 15px;}
				#changePass{position:absolute;top:100%;right:0;z-index:99;box-shadow: 2px 2px 6px rgba(0,0,0,.2);display:none;}
				#changePass li{float: left; padding:6px; height: 23px;background-color: #ffffff;width:140px;}
				#changePass li a{font-size: 12px; background:#fff;width:115px;}
				#changePass li p{font-size: 11px;line-height: 25px;}
				#imgpass{width:20px;float:left;margin-right:5px; cursor:pointer;}
				#menuLogout:hover #changePass{display:block;}
					#menuLogout a{display: block; background-color: #D20000;min-width: 100px;height: 26px;border-color: #D20000;/* font-family: Tahoma; */font-size: 12px;color: #FFFFFF;text-decoration: none;padding-top: 5px;padding-left: 10px;padding-right: 10px;text-align: center;}
				#userInfo{float:right; min-width:20px; margin-right:15px; height:42px;}
					#userInfo img{float:left; margin-top: 10px; cursor: pointer;}
					.mainCurInfoTabloCont{position:absolute; width:350px; background-color:white; right:132px; top:45px; z-index:12000; visibility:visible; border:3px solid #d1d1d1; padding: 9px 12px;}
						.mainCurInfoTabloCont ul{float:left; width:100%; list-style:none; border-bottom: 1px solid #BCBCBC; margin-top:7px;}
							.mainCurInfoTabloLoginName{font-weight:bold;}
						.mainCurInfoTabloCont ul li{float:left; width:100%; padding-top:2px; padding-bottom:2px; color: #666666; font-family:Tahoma; font-size:9pt;}
				#langMenu{float:right;  margin-right:15px; padding-top:7px;}
					#langMenu ul{float:left; list-style:none; padding-top: 8px;}
					#langMenu ul li{float:left; margin-left:3px; padding-left:10px;}
					#langMenu ul li a{text-decoration:none; font-size:12px;}
		#mainFrameCenterer{margin:0 auto; width:99%; margin-top: 36px;}
			#mainFrameCont{float:left; width:100%; min-height:300px; margin-top: 10px;}
				#contolPanel{float:left; width:20%; min-height:300px;}
					#contolPanel ul{list-style:none;} 
					#contolPanel ul li{display:block; float:left; width:85%; border-bottom: 1px solid #D0D0D0; margin-top:5px; padding-left:15px; background-color: rgb(209, 209, 209); border-top: 1px solid #D0D0D0;}
					#contolPanel ul li:hover{background-color: #F2F2F2; width:85%; border-left: 3px solid red;  border-right: 1px solid #D0D0D0; cursor:pointer;}
					#contolPanel ul li a{display:block; float:left; width:100%; height:19px; padding-top:10px; padding-bottom:10px;}
				#contolData{float:left; width:100%; min-height:300px;}
					#gridControlMenu{float:left; width:100%; height:70px;   background-color: #fbfbfc; border-top: 1px solid #bcbec6;}
					#gridControlMenu2{float:left; width:100%; height:70px;   background-color: #fbfbfc; border-top: 1px solid #bcbec6;}
						.gridControlLeftMenu{float:left; width:65%; height:70px; border-left: 1px solid #bcbec6;}
							.gridControlLeftRefreshMenu{float:left; width:226px; height:70px; border-right:1px solid #a8aab4;}
								.gridControlLeftRefreshButtonMenu{float:left; width:66px; height:70px; padding-left: 5px; padding-right: 5px;}
									.gridControlLeftRefreshButtonMenu:hover{cursor:pointer;}
									.gridControlLeftRefreshButtonMenu img{float:left; width:28px; height:29px; margin-left: 17px;   margin-top: 10px;}
									.gridControlLeftRefreshButtonMenu h1{float:left; width:66px; color:#000000; font-size: 8pt; text-align:center; font-family:Tahoma; } 
								.gridControlLeftFromToMenu{float:left; width:136px; height:70px;}
									.gridControlLeftFromMenu{float:left; width:100%; height:22px; margin-top: 9px;}
										.gridControlLeftFromMenu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeftFromMenu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeftToMenu{float:left; width:100%; height:22px; margin-top: 4px;}
										.gridControlLeftToMenu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeftToMenu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									
									.gridControlLeftFromMenu_head{float:left}
										.gridControlLeftFromMenu_head input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeftFromMenu_head label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeftToMenu_head{}
										.gridControlLeftToMenu_head input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeftToMenu_head label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									
							.gridControlLeft2Menu{float:left; width:209px; height:70px; border-right:1px solid #a8aab4;}
									.gridControlLeft2_1Menu{float:left; width:194px; height:22px; margin-top: 9px; padding-right:15px;}
										.gridControlLeft2_1Menu select{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft2_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft2_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeft2_2Menu{float:left; width:194px; height:22px; margin-top: 4px; padding-right:15px;}
										.gridControlLeft2_2Menu select{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft2_2Menu input{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft2_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
								
							.gridControlLeft3Menu{float:left; width:183px; height:70px; border-right:1px solid #a8aab4;}
									.gridControlLeft3_1Menu{float:left; width:165px; height:22px; margin-top: 9px; padding-right:15px;}
										.gridControlLeft3_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft3_1Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft3_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeft3_2Menu{float:left; width:165px; height:22px; margin-top: 4px; padding-right:15px;}
										.gridControlLeft3_2Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.gridControlLeft3_2Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft3_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
							.gridControlLeft4Menu{float:left; width:183px; height:70px; border-right:1px solid #a8aab4;}
									.gridControlLeft4_1Menu{float:left; width:165px; height:22px; margin-top: 9px; padding-right:15px;}
										.gridControlLeft4_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft4_1Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft4_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.gridControlLeft4_2Menu{float:left; width:165px; height:22px; margin-top: 4px; padding-right:15px;}
										.gridControlLeft4_2Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft4_2Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.gridControlLeft4_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}					
						

						/*PRODUCTS*/
						.PRODgridControlLeftMenu{float:left; width:77%; height:70px; border-left: 1px solid #bcbec6;}
			
							.PRODgridControlLeftRefreshMenu{float:left; width:270px; height:70px; border-right:1px solid #a8aab4;}
								.PRODgridControlLeftRefreshButtonMenu{float:left; width:66px; height:70px; padding-left: 5px; padding-right: 5px;}
									.PRODgridControlLeftRefreshButtonMenu:hover{cursor:pointer;}
									.PRODgridControlLeftRefreshButtonMenu img{float:left; width:28px; height:29px; margin-left: 17px;   margin-top: 10px;}
									.PRODgridControlLeftRefreshButtonMenu h1{float:left; width:66px; color:#000000; font-size: 8pt; text-align:center; font-family:Tahoma; }
								.PRODgridControlLeftFromToMenu{float:left; width:182px; height:70px;}
									.PRODgridControlLeftFromMenu{float:left; width:100%; height:22px; margin-top: 9px;}
										.PRODgridControlLeftFromMenu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeftFromMenu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.PRODgridControlLeftToMenu{float:left; width:100%; height:22px; margin-top: 4px;}
										.PRODgridControlLeftToMenu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeftToMenu select{float:right; width:87px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeftToMenu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
								
							.PRODgridControlLeft2Menu{float:left; width:226px; height:70px; border-right:1px solid #a8aab4;}
									.PRODgridControlLeft2_1Menu{float:left; width:220px; height:22px; margin-top: 9px; padding-right:15px;}
										.PRODgridControlLeft2_1Menu select{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft2_1Menu input{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-left: 3px; padding-top:0px;}
										.PRODgridControlLeft2_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.PRODgridControlLeft2_2Menu{float:left; width:220px; height:22px; margin-top: 4px; padding-right:15px;}
										.PRODgridControlLeft2_2Menu select{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft2_2Menu input{float:right; width:128px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-left: 3px; padding-top:0px;}
										.PRODgridControlLeft2_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
								
							.PRODgridControlLeft3Menu{float:left; width:206px; height:70px; border-right:1px solid #a8aab4;}
									.PRODgridControlLeft3_1Menu{float:left; width:190px; height:22px; margin-top: 9px; padding-right:15px;}
										.PRODgridControlLeft3_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeft3_1Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft3_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.PRODgridControlLeft3_2Menu{float:left; width:190px; height:22px; margin-top: 4px; padding-right:15px;}
										.PRODgridControlLeft3_2Menu select{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft3_2Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeft3_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
							.PRODgridControlLeft4Menu{float:left; width:183px; height:70px; border-right:1px solid #a8aab4;}
									.PRODgridControlLeft4_1Menu{float:left; width:165px; height:22px; margin-top: 9px; padding-right:15px;}
										.PRODgridControlLeft4_1Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 0px; padding-left: 3px;}
										.PRODgridControlLeft4_1Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}
									.PRODgridControlLeft4_2Menu{float:left; width:165px; height:22px; margin-top: 4px; padding-right:15px;}
										.PRODgridControlLeft4_2Menu input{float:right; width:88px; height:20px; border:1px solid #9da0aa; color:#000000; font-size: 8pt; font-family:Tahoma;}
										.PRODgridControlLeft4_2Menu label{float:right; color:#000000; font-size: 8pt; font-family:Tahoma; padding-top: 2px; padding-right: 7px;}	
							
							
							.PRODgridControlRightMenu{float:right; width:22%; height:70px; border-right: 1px solid #bcbec6;}
							.PRODgridControlRightMenu table{float:right; width:100%; height:50px;}
							.PRODgridControlRightMenu table tbody{float:right;}
							.PRODgridControlRightMenu table tr{float:right; width:100%; height:50px;}
							.PRODgridControlRightMenu table tr td{float:right;
														text-align:center;
														padding-top:10px;
														padding-left:20px;
														padding-right:20px;
														padding-bottom:10px;
														height:50px;
													}
									.PRODgridControlRightMenu table tr td:hover{background-color: rgb(238, 238, 238); cursor:pointer;}
									.PRODgridControlMenuIMG{text-align:center;}
							.PRODgridControlMenuTitle{color: #3b3b3b; font-family: Tahoma;font-size: 8pt; text-align:center;}
										
							.PRODgridMoreSearchCont{float: left;
								  width: 99.8%;
								  text-align: left;
								  min-height: 17px;
								  color: #8D8D8D;
								  font-size: 12px;
								  background-color: #fbfbfc;
								  border-top: 1px solid #9F9F9F;
								  border-right: 1px solid #9F9F9F;
								  border-left: 1px solid #9F9F9F;
								  font-family: Tahoma;
								  cursor:pointer;}
								.PRODgridMoreSearchCont img{float:left; margin-top: 2px; margin-left: 2px; width: 13px; height: 13px;}
								.PRODgridMoreSearchCont p{float:left; margin-left: 5px; margin-top: 1px;}
							
						/*PRODUCTS*/




						
						.gridControlRightMenu{float:right; width:34%; height:70px; border-right: 1px solid #bcbec6;}
							.gridControlRightMenu table{float:right; width:100%; height:50px;}
							.gridControlRightMenu table tbody{float:right;}
							.gridControlRightMenu table tr{float:right; width:100%; height:50px;}
							.gridControlRightMenu table tr td{float:right;
														text-align:center;
														padding-top:10px;
														padding-left:20px;
														padding-right:20px;
														padding-bottom:10px;
														height:50px;
													}
									.gridControlRightMenu table tr td:hover{background-color: rgb(238, 238, 238); cursor:pointer;}
									.gridControlMenuIMG{text-align:center;}
							.gridControlMenuTitle{color: #3b3b3b; font-family: Tahoma;font-size: 8pt; text-align:center;}
					#gridControlMenuMessege{float:left; width:100%; height:30px;}
					.gridComment{float: left;
								  width: 99.8%;
								  text-align: center;
								  min-height: 17px;
								  background-color: #EDEDED;
								  color: #8D8D8D;
								  font-size: 12px;
								  border-top: 1px Solid #9F9F9F;
								  border-right: 1px Solid #9F9F9F;
								  border-left: 1px Solid #9F9F9F;
								  font-family: Tahoma;
					}
					.gridData{float:left; width:100%; border-collapse: separate;
							border: 1px solid #c0c0c0;     margin-bottom: 20px;   background-color: #ffffff;
							color: #333333; border-spacing: 0;}
							.gridDataTbody{float:left; width:100%; height: 257px; overflow: hidden;}
							.gridDataHeader{height: 40px;
												  font-size: 8pt;
												  border-bottom: 1px solid #D0D0D0;
												  background-color: #F4F4F4;
												  color: #000000;
												  font-family: Tahoma;}
								.gridDataHeader td{  border-bottom: 1px Solid #9F9F9F; padding-left: 5px; vertical-align: middle; padding-right: 5px;}
								.gridDataHeader th {
										border-bottom: 1px Solid #9F9F9F;
										padding-left: 5px;
										vertical-align: middle;
										cursor: pointer;
										padding-right: 18px;
										background-image: url(../ico/smartSortingIco.png);
										background-repeat: no-repeat;
										background-size: 8px;
										background-position-y: center;
										background-position-x: 96%;
									}
							.gridDataFooter{height: 40px;
												  font-size: 8pt;
												  border-bottom: 1px solid #D0D0D0;
												  background-color: #F4F4F4;
												  color: #000000;
												  font-family: Tahoma;}
								.gridDataFooter td{  border-bottom: 1px Solid #9F9F9F; padding-left: 5px; vertical-align: middle; padding-right: 5px;}
								.gridDataFooter th {
										border-bottom: 1px Solid #9F9F9F;
										padding-left: 5px;
										vertical-align: middle;
										cursor: pointer;
										padding-right: 18px;
										background-image: url(../ico/smartSortingIco.png);
										background-repeat: no-repeat;
										background-size: 8px;
										background-position-y: center;
										background-position-x: 96%;
									}
							.gridDataHeaderSearch{height: 40px;
												  font-size: 8pt;
												  border-bottom: 1px solid #D0D0D0;
												  background-color: #F4F4F4;
												  color: #000000;
												  font-family: Tahoma;}
								.gridDataHeaderSearch td{  border-bottom: 1px Solid #9F9F9F; padding-left: 5px; vertical-align: middle; padding-right: 5px;}

							
							.gridDataFooter{height: 40px;
												  font-size: 8pt;
												  background-color: #F4F4F4;
												  color: #000000;
												  font-family: Tahoma;}
								.gridDataFooter td{ padding-left: 5px; vertical-align: middle; padding-right: 5px;}	
						
						.mainframeChatPopupOver{width: 100%;
											height: 100%;
											    top: 0px;
												cursor:pointer;
											background-color: rgba(0,0,0,0.6);
											position: absolute;
											z-index: 999998;}
						.mainframeChatPopup{width: 65%;
											height: 73%;
											position: absolute;
											top: 10%;
											left: 16%;
											border: 15px solid #f3f3f3;
											z-index: 999999;}

						
						.gridData tr td{text-align:center;}
							.gridDataRow{font-family: Tahoma; font-size: 10pt;}
							.gridDataRow:hover{cursor:pointer;}
							.gridDataRow td{	border-top: 1px solid #cfcfcf; 
											border-left: 1px solid #cfcfcf; 
											border-bottom: none;  
											border-right: none; 
											padding: 3px 6px 4px; font-family: Tahoma;
											vertical-align: middle;}
							
							.selectedGridDataRow{font-family: Tahoma; font-size: 10pt;}
							.selectedGridDataRow td{	border-top: 1px solid #cfcfcf; 
													border-left: 1px solid #cfcfcf; 
													border-bottom: none;  
													border-right: none; 
													padding: 3px 6px 4px; background: rgb(246, 204, 204) !important; color:black !important;
													/* -webkit-touch-callout: none;
													-webkit-user-select: none;
													-khtml-user-select: none;
													-moz-user-select: none;
													-ms-user-select: none;
													user-select: none;*/
													}
							
							.selectedBlue{
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
								background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
								color:white;}
					.gridConfigs{float:left; padding-top:10px; padding-bottom:10px; width:100%; min-height:200px; margin-top:50px; border-top:1px Solid #9F9F9F; border-bottom:1px Solid #9F9F9F; margin-bottom:50px;}
					.gridConfigs table{float:left; font: 12px Tahoma; font-family: Tahoma;}
					
					
					.gridDataSubMainGrid{float:left; width:100%; min-height:100px;   background-color: #fbfbfc; border-top: 1px solid #bcbec6; margin-top:10px;}	
				.gridDataSubGrid{float:left; width:48%; border-left: 1px solid #bcbec6; border-right:1px solid #bcbec6;  border-bottom:1px solid #bcbec6;   margin-bottom: 10px;}
					.gridDataSubGrid table{float:left; width:100%; border-collapse: separate; border-spacing: 0;}
					.gridDataSubGrid table tbody{width:100%;}
					.gridDataSubGrid table thead{width:100%;}
					
							
							
							.gridDataSubGrid table thead tr{width:100%; border-bottom:1px solid #d9dae0;}
							.gridDataSubGrid table thead tr:first-child{background-color:#f6f6f7;}
								.gridDataSubGrid table thead tr th{  font-family: Tahoma;  font-size: 11px;color: #000000;font-weight: normal; padding: 5px; vertical-align: middle;border-bottom: 1px solid #d9dae0;}
							
							.gridDataSubGrid table tbody tr{width:100%; border-bottom:1px solid #d9dae0;}
							.gridDataSubGrid table tbody tr:last-child td{border-bottom:none;}
								.gridDataSubGrid table tbody tr td{font-family:Tahoma; font-size:12px; color:#000000; padding:5px; vertical-align: middle; border-bottom: 1px solid #d9dae0; border-right: 1px solid #d9dae0; }
								.gridDataSubGrid table tbody tr td:last-child{border-right:none; }
				
							.gridDataSubGridTr{}
							.gridDataSubGridTrInAct td{background: rgb(246, 204, 204) !important;}
				
				.gridDataSubGridRowData{float:right; width:48%; min-height:100px; border-right: 1px solid #bcbec6;}
						.gridDataSubGridRowCont{float: right;width: 90%;min-height: 138px;background-color: #ebecef; border: 1px solid #c2c4cb; margin-top: 5px; margin-right: 5%;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px;}
								.gridDataSubGridRowTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
											
									.gridDataSubGridRowTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.gridDataSubGridRowDataCont{float:left; width:100%; min-height:119px; margin-bottom: 10px;}
									.gridDataSubGridRowDataCont ul{float:left; width:100%; min-height:119px; list-style:none;}
										.gridDataSubGridRowDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.gridDataSubGridRowDataCont ul li p{float: left; width: 20%; height: 18px; color: #201f35; font-size: 12px; padding-right: 10px;
																						text-align: right; font-family: Tahoma; padding-top: 2px;}
											.gridDataSubGridRowDataCont ul li input{float:left; width:70%; height:20px; border:1px solid #9da0aa;}
											.gridDataSubGridRowDataCont ul li select{float:left; width:70%; height:20px; border:1px solid #9da0aa;}
								
						.gridDataSubGridRowDataButtonMenu{float:right; width:90%;   margin-right: 5%; height:70px; border-right: 1px solid #bcbec6;}
							.gridDataSubGridRowDataButtonMenu table{float:right; width:100%; height:50px;}
							.gridDataSubGridRowDataButtonMenu table tbody{float:right;}
							.gridDataSubGridRowDataButtonMenu table tr{float:right; width:100%; height:50px;}
							.gridDataSubGridRowDataButtonMenu table tr td{float:right;
														text-align:center;
														padding-top:10px;
														padding-left:20px;
														padding-right:20px;
														padding-bottom:10px;
														height:50px;
													}
									.gridDataSubGridRowDataButtonMenu table tr td:hover{background-color: rgb(238, 238, 238); cursor:pointer;}
					
					
				.contolDataOneDataViewCont{float: left; width: 100%; min-height: 234px; background-color: #F7F5F1; border-top: 1px solid #F5F6F7; margin-top: 3px;  border-bottom: 1px solid #9DA0AA;}
					.contolDataOneDataViewCont h1{  float: left;
													  width: 99%;
													  height: 18px;
													  background-color: #DDDEE2;
													  color: #5D5C6D;
													  font-size: 12px;
													  font-family: Tahoma;
													  font-weight: bold;
													  padding-top: 2px;
													  padding-left: 1%;}
					.contolDataOneDataValueMainCont{float:left; width:95%;}
						.contolDataOneDataValueTabsContScrollDiv{float:left; width: 100%; height: 52px; overflow-x: hidden;}
						.contolDataOneDataValueTabsCont{list-style:none; float:left; width: 100%;  height: 33px; border-bottom: 1px solid #a8a8a8;   margin-top: 5px;}
						
							.contolDataOneDataValueTabsCont li{float:left; min-width: 100px; height: 32px; background-color: rgb(209, 209, 209); border: 1px solid #a8a8a8; margin-left: 5px;}
								.contolDataOneDataValueTabsCont li a{    float: left;
																			text-align: left;
																			padding-left: 40px;
																			padding-right: 9px;
																			padding-top: 9px;
																			color: #3b3b3b;
																			font-size: 8pt;
																			font-family: Tahoma;
																			background-repeat: no-repeat;
																			background-position: 10%, 10%;
																			height: 22px;}
							.contolDataOneDataValueTabsCont .ui-tabs-active{background-color: rgb(238, 238, 238);}
							
						.contolDataOneDataValueDataCont{float:left; width:100%;  min-height:175px; background-color:#ffffff; border-left:1px solid #9DA0AA; border-right:1px solid #9DA0AA;}
						
							.contolDataOneDataViewTitleCont{float: left;  width: 100%;  height: 18px;  background-color: #DDDEE2;}
						.contolDataOneDataViewTitleCont h1{float: left; color: #5D5C6D; font-size: 12px; font-family: Tahoma; font-weight: bold; padding-top: 2px;padding-left: 10px;}
						.caseStatusesScrollArrows{float:right; width:85px; margin-right:10px; height:18px;}
							#caseStatusesScrollArrowsLeft{float:left; height: 16px; width: 16px; margin-top:1px; margin-right:20px; background-color: #e0dfdf; cursor:pointer;}
							#caseStatusesScrollArrowsRight{float:left; height: 16px; width: 16px; margin-top: 1px; background-color: #e0dfdf; cursor: pointer;}
						
						/*CASE VIEW (THIS IS SUB CSS)*/
							.contolDataOneDataValueCaseClientCont{float:left; width:249px; height:300px;}
								.contolDataOneDataCaseValueNameCont{float:left; width:236px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
										.contolDataOneDataCaseValueNameTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
													-webkit-border-top-left-radius: 5px;
													-webkit-border-top-right-radius: 5px;
													-moz-border-radius-topleft: 5px;
													-moz-border-radius-topright: 5px;
													border-top-left-radius: 5px;
													border-top-right-radius: 5px;
											}
											.contolDataOneDataCaseValueNameTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
										.contolDataOneDataCaseValueNameDataCont{float:left; width:100%; height:119px;}
											.contolDataOneDataCaseValueNameDataCont ul{float:left; width:100%; height:119px; list-style:none;}
												.contolDataOneDataCaseValueNameDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
													.contolDataOneDataCaseValueNameDataCont ul li p{float: left;
																								width: 90px;
																								height: 18px;
																								color: #201f35;
																								font-size: 12px;
																								padding-right: 10px;
																								text-align: right;
																								font-family: Tahoma;
																								padding-top: 2px;}
													.contolDataOneDataCaseValueNameDataCont ul li input{float:left; width:125px; height:18px; border:1px solid #9da0aa;}
								
							.contolDataOneDataCaseValueContractCont{float:left; width:290px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
							.contolDataOneDataCaseValueContractTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
										-webkit-border-top-left-radius: 5px;
										-webkit-border-top-right-radius: 5px;
										-moz-border-radius-topleft: 5px;
										-moz-border-radius-topright: 5px;
										border-top-left-radius: 5px;
										border-top-right-radius: 5px;
								}
								.contolDataOneDataCaseValueContractTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
							.contolDataOneDataCaseValueContractDataCont{float:left; width:100%; height:119px;}
								.contolDataOneDataCaseValueContractDataCont ul{float:left; width:100%; height:119px; list-style:none;}
									.contolDataOneDataCaseValueContractDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
										.contolDataOneDataCaseValueContractDataCont ul li p{float: left;
																					width: 147px;
																					height: 18px;
																					color: #201f35;
																					font-size: 12px;
																					padding-right: 10px;
																					text-align: right;
																					font-family: Tahoma;
																					padding-top: 2px;}
										.contolDataOneDataCaseValueContractDataCont ul li input{float:left; width:121px; height:18px; border:1px solid #9da0aa;}
					
							
							.contolDataOneDataCaseValueContractPriceCont{float:left; width:234px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
							.contolDataOneDataCaseValueContractPriceTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
										-webkit-border-top-left-radius: 5px;
										-webkit-border-top-right-radius: 5px;
										-moz-border-radius-topleft: 5px;
										-moz-border-radius-topright: 5px;
										border-top-left-radius: 5px;
										border-top-right-radius: 5px;
								}
								.contolDataOneDataCaseValueContractPriceTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataCaseValueContractPriceTitleCont img {float: right; cursor: pointer; margin-right: 10px; margin-top: -17px;}
							.contolDataOneDataCaseValueContractPriceDataCont{float:left; width:100%; height:119px;}
								.contolDataOneDataCaseValueContractPriceDataCont ul{float:left; width:100%; height:119px; list-style:none;}
									.contolDataOneDataCaseValueContractPriceDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
										.contolDataOneDataCaseValueContractPriceDataCont ul li p{float: left;
																					width: 92px;
																					height: 18px;
																					color: #201f35;
																					font-size: 12px;
																					padding-right: 10px;
																					text-align: right;
																					font-family: Tahoma;
																					padding-top: 2px;}
										.contolDataOneDataCaseValueContractPriceDataCont ul li input{float:left; width:121px; height:18px; border:1px solid #9da0aa;}
							
							
								.contolDataOneDataValueCaseInfoCont{float:left; width:532px; height:283px; background-color:#ebecef;  border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
										.contolDataOneDataValueCaseInfoTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
													-webkit-border-top-left-radius: 5px;
													-webkit-border-top-right-radius: 5px;
													-moz-border-radius-topleft: 5px;
													-moz-border-radius-topright: 5px;
													border-top-left-radius: 5px;
													border-top-right-radius: 5px;
											}
											.contolDataOneDataValueCaseInfoTitleCont p{float: left; color: #0000ff; font-size: 12px; font-family: Tahoma; padding-left: 11px; padding-top: 2px;}
											.contolDataOneDataValueCaseInfoTitleCont img {float: right; cursor: pointer; margin-right: 10px; margin-top: 1px;}
										.contolDataOneDataValueCaseInfoDataCont{float:left; width:100%; height: 261px; overflow-y: scroll;}
										.contolDataOneDataValueCaseInfoDataCont ul{float:left; width:100%; min-height:119px; list-style:none;}
											.contolDataOneDataValueCaseInfoDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
												.contolDataOneDataValueCaseInfoDataCont ul li p{float: left;
																							width: 325px;
																							height: 18px;
																							color: #201f35;
																							font-size: 12px;
																							padding-right: 10px;
																							text-align: right;
																							font-family: Tahoma;
																							padding-top: 2px;}
												.contolDataOneDataValueCaseInfoDataCont ul li input{float:left; width:152px; height:18px; border:1px solid #9da0aa;}
												.contolDataOneDataValueCaseInfoDataCont ul li input[type=button]{width: 30px; float: left; margin-left: -30px; cursor:pointer;}
							
						/*CASE VIEW (THIS IS SUB CSS)*/


						
						/*CUSTOMER VIEW (THIS IS MAIN CSS)*/
				
									.contolDataOneTopTitleTabsCont{list-style:none; float:left; max-width:155px; min-height:150px; border: 1px solid #c2c4cb; margin-top: 5px; margin-left: 5px;
													margin-right: 0px; border-top-left-radius: 5px;}
										.contolDataOneTopTitleTabsCont li{float:left; min-width: 100px; height: 42px; background-color: rgb(209, 209, 209); border: 1px solid #a8a8a8; margin-top: 5px;}
										.contolDataOneTopTitleTabsCont li a{float:left; text-align: left; padding-left: 46px;padding-right: 20px;padding-top: 14px;color: #3b3b3b;font-size: 8pt;font-family: Tahoma;     min-width: 83px; background-repeat: no-repeat; background-position: 10%, 10%; height: 27px;}
										
										.contolDataOneTopTitleTabsCont .ui-tabs-active{background-color: rgb(238, 238, 238);}
				
						.contolDataOneTopCont{float:left; width:1337px; min-height:150px;}
							.contolDataOneDataValueNamePassCont{float:left; width:445px; height:300px;}
								.contolDataOneDataValueNameCont{float:left; width:433px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueNameTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px; 
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueNameTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueNameDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValueNameDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValueNameDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueNameDataCont ul li p{float: left;
																						width: 90px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueNameDataCont ul li input{float:left; width:280px; height:18px; border:1px solid #9da0aa;}
								

								.contolDataOneDataValuePassCont{float:left; width:275px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValuePassTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValuePassTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValuePassDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValuePassDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValuePassDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValuePassDataCont ul li p{float: left;
																						width: 130px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValuePassDataCont ul li input{float:left; width:121px; height:18px; border:1px solid #9da0aa;}


								.contolDataOneDataValueOldPassCont{float:left; width:150px; height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueOldPassTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueOldPassTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueOldPassDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValueOldPassDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValueOldPassDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueOldPassDataCont ul li input{float:left; width:121px; height:18px; border:1px solid #9da0aa; margin-left: 13px;}



							.contolDataOneDataValueCustInfoCont{float:left; width:317px; height:283px; background-color:#ebecef;  border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
								.contolDataOneDataValueCustInfoTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueCustInfoTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueCustInfoDataCont{float:left; width:100%; height:119px;}
								.contolDataOneDataValueCustInfoDataCont ul{float:left; width:100%; height:119px; list-style:none;}
									.contolDataOneDataValueCustInfoDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
										.contolDataOneDataValueCustInfoDataCont ul li p{float: left;
																					width: 140px;
																					height: 18px;
																					color: #201f35;
																					font-size: 12px;
																					padding-right: 10px;
																					text-align: right;
																					font-family: Tahoma;
																					padding-top: 2px;}
										.contolDataOneDataValueCustInfoDataCont ul li input{float:left; width:152px; height:18px; border:1px solid #9da0aa;}
							
							
							
							.contolDataOneDataValueCustInfo2Cont{float:left; width:317px; height:283px; background-color:#ebecef;  border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
								.contolDataOneDataValueCustInfo2TitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueCustInfo2TitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueCustInfo2DataCont{float:left; width:100%; height:119px;}
								.contolDataOneDataValueCustInfo2DataCont ul{float:left; width:100%; height:119px; list-style:none;}
									.contolDataOneDataValueCustInfo2DataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
										.contolDataOneDataValueCustInfo2DataCont ul li p{float: left;
																					width: 140px;
																					height: 18px;
																					color: #201f35;
																					font-size: 12px;
																					padding-right: 10px;
																					text-align: right;
																					font-family: Tahoma;
																					padding-top: 2px;}
										.contolDataOneDataValueCustInfo2DataCont ul li input{float:left; width:152px; height:18px; border:1px solid #9da0aa;}
						


						.contolDataOneTop2Cont{float:left; width:1200px; height:200px;}
							.contolDataOneDataValueCommersCont{float:left; width:433px; height:155px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueCommersTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueCommersTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueCommersDataCont{float:left; width:100%; height:135px;}
									.contolDataOneDataValueCommersDataCont ul{float:left; width:100%; height:135px; list-style:none;}
										.contolDataOneDataValueCommersDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueCommersDataCont ul li p{float: left;
																						width: 221px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueCommersDataCont ul li input{float:left; width:190px; height:18px; border:1px solid #9da0aa;}
							
							.contolDataOneDataValueOtherCont{float: left;
															  width: 317px;
															  height: 155px;
															  background-color: #ebecef;
															  border: 1px solid #c2c4cb;
															  margin-top: 5px;
															  margin-left: 10px;
															  -webkit-border-radius: 5px;
															  -moz-border-radius: 5px;
															  border-radius: 5px;}
								.contolDataOneDataValueOtherTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueOtherTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueOtherDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValueOtherDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValueOtherDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueOtherDataCont ul li p{float: left;
																						width: 126px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueOtherDataCont ul li input{float:left; width:174px; height:18px; border:1px solid #9da0aa;}
							
							.contolDataOneDataValueDrvCont{float:left; width:317px; height:155px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueDrvTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueDrvTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueDrvDataCont{float:left; width:100%; height:119px;}
									.contolDataOneDataValueDrvDataCont ul{float:left; width:100%; height:119px; list-style:none;}
										.contolDataOneDataValueDrvDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueDrvDataCont ul li p{float: left;
																						width: 114px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueDrvDataCont ul li input{float:left; width:184px; height:18px; border:1px solid #9da0aa;}
								.contolDataOneTableLikeCont{float: left; width: 93%; min-height: 90px; margin-top: 5px; margin-left: 1%; margin-right: 1%; border: 1px solid #9da0aa; overflow-x: auto;}
									.contolDataOneTableLikeCont table{float:left; width: 100%; min-height:50px; border-spacing: 0; border-collapse: separate;}
									.contolDataOneTableLikeCont table tbody{float:left; width: 100%; min-height:50px;}
									.contolDataOneTableLikeCont table tbody tr{width: 100%;}
									.contolDataOneTableLikeContActive{background-color: rgb(246, 204, 204);}
										.contolDataOneTableLikeTitleCont{background-color: #f4f5f6;}
									.contolDataOneTableLikeCont table tbody th{height: 44px;
																				 background-color: #f4f5f6;
																				 border-right: 1px solid #cacbd3;
																				 color: #201f35;
																				 font-size: 12px;
																				 padding-left: 10px;
																				 font-weight: normal;
																				 padding-right: 10px;
																				 font-family:Tahoma;
																				 vertical-align: middle;
																				 border-bottom: 1px solid #cacbd3;}
									.contolDataOneTableLikeCont table tbody td{padding-left: 10px;  padding-right: 10px; color: #201f35; font-size: 12px; border-right: 1px solid #cacbd3;  font-family:Tahoma; vertical-align: middle; padding-top: 3px; padding-bottom: 3px;  border-bottom:1px solid #cacbd3; text-align: center;}
									.contolDataOneTableLikeCont table tbody td input{border:none;}
										.contolDataOneTableLikeCont table tbody td input:focus{ outline: 0;}
										
									.contolDataOneTableLikeCont table tbody td textarea{border:none;}
										.contolDataOneTableLikeCont table tbody td textarea:focus{ outline: 0;}	
										
									.contolDataOneTableLikeCont table tbody td select{border:none;}
										.contolDataOneTableLikeCont table tbody td select:focus{ outline: 0;}
											.gridCommentInput{width:300px;}
								
								
								.contolDataOneTableLikeBottomCont{float: left; width: 93%; height: 42px; margin-left: 1%; margin-right: 1%; border-left: 1px solid #9da0aa; border-right: 1px solid #9da0aa; border-bottom: 1px solid #9f9f9f; background-color: #f2f2f2; margin-bottom: 299px;}
						/*CUSTOMER VIEW (THIS IS MAIN CSS)*/	
					
						/*LOC ORDER VIEW*/
							.contolDataOneDataValueLocOrderMainCont{float:left; width:500px; min-height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueLocOrderMainTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueLocOrderMainTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueLocOrderMainDataCont{float:left; width:100%; height:135px;}
									.contolDataOneDataValueLocOrderMainDataCont ul{float:left; width:100%; min-height:119px; list-style:none;}
										.contolDataOneDataValueLocOrderMainDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueLocOrderMainDataCont ul li p{float: left;
																						width: 174px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueLocOrderMainDataCont ul li input{float:left; width:246px; height:18px; border:1px solid #9da0aa;}
						
						/*LOC ORDER VIEW*/
					
						/*SALE ORDER VIEW*/
							.contolDataOneDataValueSaleOrderMainCont{float:left; width:440px; min-height:138px; background-color:#ebecef; border:1px solid #c2c4cb; margin-top:5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
								.contolDataOneDataValueSaleOrderMainTitleCont{float:left; width:100%; height:19px; background-color:#e4e5e9; border-bottom:1px solid #d1d3d8;
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;
									}
									.contolDataOneDataValueSaleOrderMainTitleCont p{color:#0000ff; font-size:12px; font-family:Tahoma; padding-left:11px;   padding-top: 2px;}
								.contolDataOneDataValueSaleOrderMainDataCont{float:left; width:100%; height:159px;}
									.contolDataOneDataValueSaleOrderMainDataCont ul{float:left; width:100%; min-height:119px; list-style:none;}
										.contolDataOneDataValueSaleOrderMainDataCont ul li{float:left; width:100%; height:20px; margin-top:5px;}
											.contolDataOneDataValueSaleOrderMainDataCont ul li p{float: left;
																						width: 174px;
																						height: 18px;
																						color: #201f35;
																						font-size: 12px;
																						padding-right: 10px;
																						text-align: right;
																						font-family: Tahoma;
																						padding-top: 2px;}
											.contolDataOneDataValueSaleOrderMainDataCont ul li input{float:left; width:246px; height:18px; border:1px solid #9da0aa;   font-family: tahoma;font-size: 12px; text-indent: 0.2em;}
						
						/*SALE ORDER VIEW*/
					
		/*Grid Design*/
		
		
		
		/*SMARTLINE UI STYLER*/
			.smartUITabs{list-style:none; float:left; width: 100%;  height: 45px; border-bottom: 1px solid #a8a8a8;}
			.smartUITabs li{float:left; min-width: 100px; height: 42px; background-color: rgb(209, 209, 209); border: 1px solid #a8a8a8; margin-right:3px;}
				.smartUITabs li a{float:left; text-align: left; padding-left: 46px;padding-right: 20px;padding-top: 14px;color: #3b3b3b;font-size: 8pt;font-family: Tahoma; background-repeat: no-repeat; background-position: 10%, 10%; height: 27px;}
			.smartUITabs .ui-tabs-active{background-color: rgb(238, 238, 238);}
		/*SMARTLINE UI STYLER*/
		
		
		/*MINI POPUP DESIGN*/
			#miniPopUpCont{margin: 0 auto; width: 781px; height: 600px;}
				.miniPopUpSearchCont{float:left; width:100%; height:91px; margin-top:5px; background-color:#fbfbfc;}
					.miniPopUpSearchContUpdateCont{float:left; width:75px; height:89px; border:1px solid #bcbec6; cursor:pointer;}
						.miniPopUpSearchContUpdateCont img{float:left; width:39px; height:35px; margin-left:18px; margin-right:18px; margin-top:10px;}	
						.miniPopUpSearchContUpdateCont p{text-align:center; width:100%; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma;}	

						
					.miniPopUpSearchContSearchLabelsCont{float:left; width:581px; height:89px; border-top:1px solid #bcbec6; border-bottom:1px solid #bcbec6;}
						
						.miniPopUpSearchContSearchLabelsFirstUL{float:left; width:175px; height:89px; list-style:none;}
							.miniPopUpSearchContSearchLabelsFirstUL li{float:left; width:175px; margin-top: 5px;}
							.miniPopUpSearchContSearchLabelsFirstUL li p{float: left; width: 63px; height: 17px; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma; padding-left: 7px;}
							.miniPopUpSearchContSearchLabelsFirstUL li input{float:right; width:100px; height:22px;}
							.miniPopUpSearchContSearchLabelsFirstUL li select{float:right; width:100px; height:22px;}
							
						.miniPopUpSearchContSearchLabelsSecondUL{float:left; width:200px; height:89px; list-style:none;}
							.miniPopUpSearchContSearchLabelsSecondUL li{float:left; width:200px; margin-top: 5px;}
							.miniPopUpSearchContSearchLabelsSecondUL li p{float: left; width: 90px; height: 17px; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma; padding-left: 7px;}
							.miniPopUpSearchContSearchLabelsSecondUL li input{float:right; width:100px; height:22px;}
							.miniPopUpSearchContSearchLabelsSecondUL li select{float:right; width:100px; height:22px;}
						
						
						.miniPopUpSearchContSearchLabelsThirdUL{float:left; width:200px; height:89px; list-style:none;}
							.miniPopUpSearchContSearchLabelsThirdUL li{float:left; width:200px; margin-top: 5px;}
							.miniPopUpSearchContSearchLabelsThirdUL li p{float: left; width: 90px; height: 17px; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma; padding-left: 7px;}
							.miniPopUpSearchContSearchLabelsThirdUL li input{float:right; width:100px; height:22px;}
							.miniPopUpSearchContSearchLabelsThirdUL li select{float:right; width:100px; height:22px;}
						
					.miniPopUpSearchContActionsCont{float:left; width:120px; height:89px; border:1px solid #bcbec6; cursor:pointer;}
						.miniPopUpSearchContActionsCont img{float: left; width: 39px; height: 35px; margin-left: 40px; margin-right: 41px; margin-top: 10px;}	
						.miniPopUpSearchContActionsCont p{text-align:center; width:100%; color: #201f35; font-size: 12px; padding-top: 5px; font-family: Tahoma;}	
					
					
				.miniPopUpDataMainCont{float:left; width:780px; height:400px; margin-top: 3px;   overflow: hidden;}	
					.miniPopUpTitleCont{float:left; width:778px; height:34px; background-color:#ebecef; border-top:1px solid #9da0aa; border-left:1px solid #9da0aa; border-right:1px solid #9da0aa;}
						.miniPopUpTitleCont p{color:#c7c0cf; font-size:13px; text-align:left; padding-left:10px; padding-top: 9px;}
					.miniPopUpDataCont{float:left; width:778px; min-height:46px; padding-bottom:0px; background-color:#ffffff; border:1px solid #cacbd3;}
						.miniPopUpDataCont table{float:left; width:100%; min-height:46px; border-collapse: collapse; border-spacing: 0;}
						.miniPopUpDataCont table tbody{width:100%; min-height:46px;}
							.miniPopUpDataContTitleTr{width:100%; height:46px; background-color:#f3f4f5;}
								.miniPopUpDataContTitleTr td{height:46px; border-right:1px solid #cacbd3;}
									.miniPopUpDataContTitleTr td p{text-align:center; color:#201f35; font-size:13px; font-family:Tahoma; padding-top: 13px;   padding-left: 7px; padding-right: 7px;}
							
							.miniPopUpDataContDataTr{width:100%; height:22px; background-color:#ffffff;}
								.miniPopUpDataContDataTr td{height:22px; border-right:1px solid #cacbd3; border-top:1px solid #cacbd3;  vertical-align: middle;}
									.miniPopUpDataContDataTr td p{text-align:center; color:#201f35; font-size:16px; font-family:Tahoma; font-size: 12px; padding: 5px;}
							 
							.miniPopUpDataContDataTrAct{width:100%; height:22px; background-color:#e2eafd;}
								.miniPopUpDataContDataTrAct td{height:22px; border-right:1px solid #cacbd3; border-top:1px solid #cacbd3;  vertical-align: middle;}
									.miniPopUpDataContDataTrAct td p{text-align:center; color:#201f35; font-size:16px; font-family:Tahoma; font-size: 12px; padding: 5px;}
									
									
				.miniPopUpDataSelectCont{  float: left; width: 678px; height: 24px; border: 1px solid #c2c4cb; margin-top: 3px; padding-left: 100px; background-color: #ebecef;}
					.miniPopUpDataSelectCont input{float:left; width:95px; height:24px; background-repeat: no-repeat; background-color:#ebecef; background-position:left; padding-left:23px;   margin-right: 20px; font-size:12px; font-family:Tahoma; cursor:pointer;}
					.miniPopUpDataSelectTypeCont{float: right; min-width: 100px; height: 24px;}
					.miniPopUpDataSelectTypeCont select{height: 24px; background-color: #ebecef;   font-size: 12px; font-family: Tahoma;}
					
					
					.SelectTypeValue2Cont{display:none; position:absolute; width: 780px; height: 600px;   background-color: rgba(119,119,119, 0.7);}
						.SelectTypeValue2ContCentsCont{margin:auto; width:300px; height:200px; background-color:#ffffff; margin-top: 135px;}
							.SelectTypeValue2ContCentsContTitle{float:left; width:300px; cursor: move; background-color: rgb(210, 0, 0); }
								.SelectTypeValue2ContCentsContTitle h2{float:left; width:250px; color: rgb(255, 255, 255); padding:9px; font: 12px Tahoma;}
								.SelectTypeValue2ContCentsContTitle img{float: right; margin-right: 8px; margin-top: 8px; cursor: pointer;}
								
							.SelectTypeValue2ContCentsContData{float:left; width:300px; height:127px;}
								.SelectTypeValue2ContCentsContData ul{width:100%; list-style:none;}
									.SelectTypeValue2ContCentsContData ul li{float: left; width: 100%; margin-top: 20px;}
										.SelectTypeValue2ContCentsContData ul li p{float: left;
																				width: 120px;
																				height: 15px;
																				padding-top: 2px;
																				color: #7e7e7e;
																				text-align: center;
																				font-family: Tahoma;
																				font-size: 9pt;}
										.SelectTypeValue2ContCentsContData ul li input{float:left; width:169px; height: 20px; background-color: white;   font: 12px Tahoma;}
								
							.SelectTypeValue2ContCentsContConfirm{ float: right;
																	  width: 83px;
																	  padding-top: 4px;
																	  height: 21px;
																	  color: #3b3b3b;
																	  background-color: #EBF5EC;
																	  font-family: Tahoma;
																	  font-size: 8pt;
																	  cursor: pointer;
																	  text-align: center;
																	  border: solid 1px #acacac;
																	  margin-right: 13px;}
								
					.SelectTypeValue3Cont{display:none; position:absolute; width: 780px; height: 600px;   background-color: rgba(119,119,119, 0.7);}
				
		/*MINI POPUP DESIGN*/
		
		/*POP DESIGN*/
			#tabs{width:99.8% !important; float:left;}
			#popUpCont{margin: 0 auto; width: 1180px; height: 700px;}
				#headCont{float:left; width:100%; height:43px;  border:1px solid #c0c0c0;  border-bottom:3px solid #D20000; }
					#firmLogo{float:left; width:50%; height:100%;}
						#firmLogo img{width: 170px;height: 37px;padding-top: 5px;padding-left: 5px;}
					#popMode{float: right; width: 30%; height: 100%;}
					#popMode p{float:right; text-align:right; font: 14px Tahoma; padding-top:12px; padding-right:15px;}
				#dataCont{float:left; width: 100%; min-height:460px;  border:1px solid #c0c0c0;}
					#popDataGrid{float:left; width:100%; min-height:200px; margin-top: 20px;}
						.popDataGridTable{float: right; display: block;width: 500px;min-height: 5px;margin-top: 30px;margin-right: 23px;}
						.popDataGridTable tbody tr{}
						.popDataGridTable tbody tr td{font: 12px Tahoma; text-align:right; padding-top:5px; padding-bottom:5px;}
						.popDataGridTable tbody tr td select{width: 249px;}
							.popDataGridTableTitle{}
							.popDataGridTableData{width:300px;}
								.popDataGridTableDataText{width:83%;}
								.popDataGridTableMiniDataText{width:70px;}
								.popDataGridTableDataTextArea{width:83%; padding:0px; resize: none; height: 120px; padding-left: 5px; padding-top: 5px;padding-left: 5px;}
							.checkboxLabelReg{text-align: left; float: left; min-width: 56px;padding-left: 52px; margin-top: 9px;}
							.checkboxReg{float:left; margin-top: 9px;}
							.dxbButton {float:right; width: 100px; height: 21px; color: #000000; font: normal 11px Tahoma; vertical-align: middle; border: 1px solid #7F7F7F; background: #E0DFDF url('../../ico/DXR.gif') repeat-x top; padding: 1px; cursor: pointer; margin-left: 20px;}
								.dxbButton:hover {color: #000000; background: #F2F2F2 url('../../ico/DXR_H.gif') repeat-x top; border: 1px solid #606060;}
							
							.manualCommentBox{float:left; width: 249px; height: 44px; resize: vertical;}
					#popBottom{float:left; width:100%; padding-top:20px; border-top:1px solid #D20000; margin-bottom: 60px;}
						#popBottom p input{cursor:pointer;}
						
					.imgHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.imgHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.imgHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.imgHolder tr td{text-align:center;}
							.imgHolderRow{font-family: Tahoma; font-size: 10pt;}
							.imgHolderRow:hover{cursor:pointer;}
							.imgHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
						

					.bankAcntHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.bankAcntHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.bankAcntHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.bankAcntHolder tr td{text-align:center;}
							.bankAcntHolderRow{font-family: Tahoma; font-size: 10pt;}
							.bankAcntHolderRow:hover{cursor:pointer;}
							.bankAcntHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.bankAcntHolderRow td select{width:100%;}
							.bankAcntHolderRow td input[type="text"]{width:100%;}
					
					
					.custConnHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.custConnHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.custConnHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.custConnHolder tr td{text-align:center;}
							.custConnHolderRow{font-family: Tahoma; font-size: 10pt;}
							.custConnHolderRow:hover{cursor:pointer;}
							.custConnHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.custConnHolderRow td select{width:100%;}
							.custConnHolderRow td input[type="text"]{width:100%;}
					
					
					.custOptionHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.custOptionHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.custOptionHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.custOptionHolder tr td{text-align:center;}
							.custOptionHolderRow{font-family: Tahoma; font-size: 10pt;}
							.custOptionHolderRow:hover{cursor:pointer;}
							.custOptionHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.custOptionHolderRow td select{width:100%;}
							.custOptionHolderRow td input[type="text"]{width:100%;}

					
					.prodRelHolder{float:left; width:100%; margin-top:5px; margin-bottom:5px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.prodRelHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.prodRelHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.prodRelHolder tr td{text-align:center;}
							.prodRelHolderRow{font-family: Tahoma; font-size: 10pt;}
							.prodRelHolderRow:hover{cursor:pointer;}
							.prodRelHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.prodRelHolderRow td select{width:100%;}
							.prodRelHolderRow td input[type="text"]{width:100%;}
							
							
							.SelectedprodRelHolderRow{font-family: Tahoma; font-size: 10pt; }
							.SelectedprodRelHolderRow:hover{cursor:pointer;}
							.SelectedprodRelHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px; background: rgb(246, 204, 204) !important; color:black !important;}
							.SelectedprodRelHolderRow td select{width:100%;}
							.SelectedprodRelHolderRow td input[type="text"]{width:100%;}
							
							
							.SaleProdRelHolderRow{font-family: Tahoma; font-size: 10pt;}
							.SaleProdRelHolderRow:hover{cursor:pointer;}
							.SaleProdRelHolderRow td{border: 1px Solid #CFCFCF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
							.SaleProdRelHolderRow td select{width:100%;}
							.SaleProdRelHolderRow td input[type="text"]{border:0px;}
							.SaleProdRelHolderRow td input[type="number"]{border:0px;}
							
							
							.SelectedSaleProdRelHolderRow{font-family: Tahoma; font-size: 10pt;}
							.SelectedSaleProdRelHolderRow:hover{cursor:pointer;}
							.SelectedSaleProdRelHolderRow td{border: 1px Solid #CFCFCF; background: rgb(246, 204, 204) !important; color:black !important;}
							.SelectedSaleProdRelHolderRow td select{width:100%; background: rgb(246, 204, 204) !important; color:black !important;}
							.SelectedSaleProdRelHolderRow td input[type="text"]{border:0px; background: rgb(246, 204, 204) !important; color:black !important;}
							.SelectedSaleProdRelHolderRow td input[type="number"]{border:0px; background: rgb(246, 204, 204) !important; color:black !important; width: 40px;}
							
							.multySelectlabel {
								float: left;
								width: 80%;
								margin-top: 20px;
								margin-bottom: 20px;
								margin-left: 10%;
								margin-right: 10%;
							} 
							 
							.additionalSearchButton{float: right; width: 26px; height: 18px; margin-bottom: 0px; background-image: url(../ico/pers_Search.gif); background-repeat: no-repeat; cursor: pointer; padding: 0px; margin: 0px; border: 0px; background-size: cover; background-position: center;}
									.additionalSearchButton:focus{outline: 0;}
							
							.PhoneSearchButton{width:26px; height: 19px; margin-bottom: -5px; margin-left: -29px; background-image: url(../ico/pers_Search.gif); background-repeat: no-repeat; cursor: pointer; padding: 0px; border: 0px; background-size: cover; background-position: center;}
									.PhoneSearchButton:focus{outline: 0;}
					
					.pFileHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.pFileHolderHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.pFileHolderHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.pFileHolder tr td{text-align:center;}
							.pFileHolderRow{font-family: Tahoma; font-size: 10pt;}
							.pFileHolderRow:hover{cursor:pointer;}
							.pFileHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.pFileHolderRow td select{width:100%;}
							.pFileHolderRow td input[type="text"]{width:100%;}
					
					
					
					.custPhoneHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.custPhoneHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.custPhoneHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.custPhoneHolder tr td{text-align:center;}
							.custPhoneHolderRow{font-family: Tahoma; font-size: 10pt;}
							.custPhoneHolderRow:hover{cursor:pointer;}
							.custPhoneHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.custPhoneHolderRow td select{width:100%;}
							.custPhoneHolderRow td input[type="text"]{width:100%;}
				
					.catDetValHolder{float:left; width:100%; margin-top:5px; margin-bottom:20px;  border-collapse: separate;
							border: 1px solid #c0c0c0; 
							color: #333333;}
							.catDetValHeader{height:50px;color:black;font-size:14px;border-bottom: 1px solid #D0D0D0;background-color:#F4F4F4;color: #000000;}
								.catDetValHeader td{ border: 1px Solid #9F9F9F; padding-top:15px;}
						.catDetValHolder tr td{text-align:center;}
							.catDetValHolderRow{font-family: Tahoma; font-size: 10pt;}
							.catDetValHolderRow:hover{cursor:pointer;}
							.catDetValHolderRow td{border: 1px Solid #CFCFCF; padding: 3px 6px 4px;}
							.catDetValHolderRow td select{width:100%;}
							.catDetValHolderRow td input[type="text"]{width:100%;}


				
				.popUpGridName{float:right; text-align:left;  width:80%; margin-left:10%; margin-right:10%; margin-top:20px;}
					.popUpGridName p{color: #333333; font-size: 10pt; font-weight: bold; height: 16px;}
				.popUpGridControl{width:100%;  float:left; background-color: #E8E8F0; border: solid 1px #cccccc; margin-top:10px;}
				.popUpGridControl tbody tr td{font: 12px Tahoma; color: black; text-align:center; height:30px; padding-top:7px;}
				.popUpGridControl tbody tr td:hover{cursor:pointer; color:white; background-color: rgb(204, 204, 204);}
				.popUpGridBody{display:block; float:right; width:80%; font: 12px Tahoma; color: black; margin-right:80px; margin-left:80px; border: solid 1px #cccccc; margin-top:10px;}
					.popUpGridTitle td{background-image: url(../ico/grid_head.gif); background-repeat: repeat-x; border: 1px solid #9c9ab7; font-weight: normal; text-align: center; height:25px; padding-top:4px;}
					.popUpGridData {border-bottom: 1px solid #c8c8d9;}
					.popUpGridData td{ padding: 2px 6px 5px; text-align:center;}
					.isrequared{color:red;}		
					.popSectedGridDataRow{border-bottom: 1px solid #c8c8d9;}
					.popSectedGridDataRow td{ padding: 2px 6px 5px; text-align:center; background-color: rgb(246, 204, 204)}
				
				
				
				
				.comunalSeparator{float:left; width: 98%; margin-left:1%; margin-top:5px; margin-top: 20px; margin-right:1%; background-color:#E4E5E9; height:25px; 
											-webkit-border-top-left-radius: 5px;
											-webkit-border-top-right-radius: 5px;
											-moz-border-radius-topleft: 5px;
											-moz-border-radius-topright: 5px;
											border-top-left-radius: 5px;
											border-top-right-radius: 5px;}	
							.comunalSeparator p{text-align: center;font-size: 14px;color: #0000BB;padding-top: 4px;font-weight: bold;}				
							.comunalSeparatorCont{float:left; width: 100%; min-height:50px;}
							
							.comunalSeparatorMenuCont_itam{float: left;
										width: 13%;
										height: 130px;
										cursor: pointer;
										margin-left: 2%;
										margin-top: 11px;
										margin-right: 1%;
										border: 1px solid black;}
									.comunalSeparatorMenuCont_itam img{max-width:100%; max-height: 90px;}
									.comunalSeparatorMenuCont_itam h1{text-align: center; font-weight: bold; padding-top: 5px; width: 100%;}
							
				.docResultInfoCont{float:left; width:100%; min-height:100px; background-color: #f3f3f3; margin-top: 60px; border-top:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;}
					
					.docResultInfoLeftCont{float:left; width:45%; margin-left: 10px;}
						.docResultInfoLeftCont ul{float:left; width:100%; list-style:none;}
							.docResultInfoLeftCont ul li{float:left; width:100%; height:22px; padding-top:9px; padding-bottom:9px;}
								.docResultInfoLeftCont ul li input{float:left; width:224px; color: #C80000; font-family: Tahoma; font-weight: bold;}
								.docResultInfoLeftCont ul li select{float:left; width:224px; color: #C80000; font-family: Tahoma; font-weight: bold;}
								.docResultInfoLeftCont ul li p{float: left;
																display: block;
																width: 180px;
																color: #595959;
																font-family: Tahoma;
																font-size: 9pt;
																font-weight: bold;
																text-align: right;
																padding-right: 10px;
																padding-top: 4px;
																padding-bottom: 4px;}
									.docResultInfoLeftCont ul li p span{color: #C80000;}	
									
					.docResultInfoRightCont{float:right; width:45%; margin-right: 10px;}
						.docResultInfoRightCont ul{float:right; width:100%; list-style:none;}
							.docResultInfoRightCont ul li{float:right; width:100%; height:22px; padding-top:9px; padding-bottom:9px;}
								.docResultInfoRightCont ul li input{float:right; width:224px; color: #C80000; font-family: Tahoma; font-weight: bold;}
								.docResultInfoRightCont ul li select{float:right; width:224px; color: #C80000; font-family: Tahoma; font-weight: bold;}
								.docResultInfoRightCont ul li p{float: right;
																display: block;
																width: 180px;
																color: #595959;
																font-family: Tahoma;
																font-size: 9pt;
																font-weight: bold;
																text-align: right;
																padding-right: 10px;
																padding-top: 4px;
																padding-bottom: 4px;}
									.docResultInfoRightCont ul li p span{color: #C80000;}
					.docResultInfoBottomCont{float:left; width:100%; min-height:30px; margin-bottom: 10px;}
						.docResultInfoBottomCont ul{float:left; width:100%; list-style:none;}
							.docResultInfoBottomCont ul li{float:left; width:100%; min-height:22px; padding-top:9px; padding-bottom:9px;}
								.docResultInfoBottomCont ul li input{float:left; width:837px; color: #C80000; font-family: Tahoma; font-weight: bold;     margin-left: 10px;}
									.docResultInfoBottomCont ul li p{float: left;
																display: block;
																width: 180px;
																color: #595959;
																font-family: Tahoma;
																font-size: 9pt;
																font-weight: bold;
																text-align: right;
																padding-left: 10px;
																padding-top: 4px;
																padding-bottom: 4px;}
					
					.docResultInfoBottomCont2{float:left; width: 85%; margin-left: 15.4%; min-height:30px; margin-bottom: 10px;}
						.docResultInfoBottomCont2 ul{float:left; width:100%; list-style:none;}
							.docResultInfoBottomCont2 ul li{float:left; width:100%; height:22px; padding-top:9px; padding-bottom:9px;}
								.docResultInfoBottomCont2 ul li input{float:left; width:837px; color: #C80000; font-family: Tahoma; font-weight: bold;     margin-left: 10px;}
								.docResultInfoBottomCont ul li textarea{float:left; width:837px; height:200px; color: #C80000; font-family: Tahoma; font-weight: bold;     margin-left: 10px;}
									.docResultInfoBottomCont2 ul li p{float: left;
																display: block;
																width: 180px;
																color: #595959;
																font-family: Tahoma;
																font-size: 9pt;
																font-weight: bold;
																text-align: right;
																padding-left: 10px;
																padding-top: 4px;
																padding-bottom: 4px;}
					
					
				.popUpGridDivControl{float: left; width:100%; background-color: #E8E8F0; border: solid 1px #cccccc; margin-top: 10px; padding-bottom: 27px;}
				
					
				.textEditorTittle{float: left; text-align:left; padding-top: 10px;width: 95%; padding-left:5%;}	
				.textEditor{float:left; width:100%; min-height:20px; margin-top:20px; margin-bottom:10px;}
				.defaultIMGEditor{float:left; width:100%; min-height:20px; margin-top:20px; margin-bottom:10px;}
					
		/*POP DESIGN ENDING*/
		
		
		
		/*Client Back-end DESIGN*/
		.one2GroupsCont{float:left; width:100%;}
			.oneGroupCont{float:left; width:380px; height:200px; margin-left:50px; margin-right:50px; margin-top:50px; border:1px dashed black; }
			.oneGroupCont p{text-align:center; padding-top:100px;}
		
		
		
		
		
		/*Client Back-end DESIGN ENDING*/
		
		.dxgvLoadingPanel {border: 1px solid #9F9F9F; background-color: #E3E3E1; font: 12px Tahoma; color: #303030;}
		.dx{float:left;     margin: 10px;}

		
			/*ChangePass*/	
	#pass{margin: 27px 10px 10px 10px;}
		.change{margin:10px;}
			.change span{display:inline-block;margin-right:28px; font-size:13px; font-family:inherit;}
		input[type=submit]{margin:7px; border-radius:1px;}

	.repeatpass{display:inline-block;margin-right:3px !important;}
	#modal{position:absolute;top:30%;left:40%;z-index:99; display:none;background:#fff;border-radius:5px;box-shadow:5px 5px 5px 5px gray;}
	.dayoff_doc{display:none;}
	.dayoff_doc  li{}
	#dayoff_doc:hover .dayoff_doc{ display:block;}
		
.mainCurInfoTabloCont {position: absolute;width: 350px;  background-color: white;right: 132px; top: 45px;  z-index: 12000; visibility: visible;  border: 3px solid #d1d1d1; padding: 9px 12px;}
	.mainCurInfoTabloCont ul{float: left; width: 100%;list-style: none; border-bottom: 1px solid #BCBCBC;margin-top: 7px;}
		.mainCurInfoTabloCont ul li {float: left;width: 100%;padding-top: 2px;padding-bottom: 2px;color: #666666;font-family: Tahoma;font-size: 9pt;}
		/*ChangePass*/


.smartfilterTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #c0c0c0;
    margin-bottom: 20px;
    background-color: #ffffff;
    color: #333333;
}


.smartfilterTable tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.smartfilterTable thead th { 
    height: 30px;
    line-height: 30px;
    font-size: 8pt;
    background-color: #F4F4F4;
    color: #000000;
    font-family: Tahoma;
	text-align: center; 
	border-top: 1px solid #cfcfcf; 
	border-left: 1px solid #cfcfcf; 
	border-bottom: none; 
	border-right: none;
}

.smartfilterTable thead td { 
    height: 30px;
    line-height: 30px;
    font-size: 8pt;
    background-color: #F4F4F4;
    color: #000000;
    font-family: Tahoma;
	text-align: center; 
	border-top: 1px solid #cfcfcf; 
	border-left: 1px solid #cfcfcf; 
	border-bottom: none; 
	border-right: none;
}


.smartfilterTable tfoot td { 
    height: 30px;
    line-height: 30px;
    font-size: 12pt;
    background-color: #F4F4F4;
    color: #000000;
	font-weight:bold;
    font-family: Tahoma;
	text-align: center; 
	border-top: 1px solid #cfcfcf; 
	border-left: 1px solid #cfcfcf; 
	border-bottom: none; 
	border-right: none;
}
.smartfilterTable tfoot th { 
    height: 30px;
    line-height: 30px;
    font-size: 12pt;
    background-color: #F4F4F4;
    color: #000000;
	font-weight:bold;
    font-family: Tahoma;
	text-align: center; 
	border-top: 1px solid #cfcfcf; 
	border-left: 1px solid #cfcfcf; 
	border-bottom: none; 
	border-right: none;
}
.tableFixHead{overflow-y:auto; height:342px; width: 100%;}
.tableFixHead thead tr:first-child th{position:sticky; top:0;}
.tableFixHead thead tr:last-child th{position:sticky; top:30px;}
.tableFixHead thead td{position:sticky; top:30px;}
.tableFixHead tfoot td{position:sticky; bottom:0;}
.tableFixHead tfoot th{position:sticky; bottom:0;}

.smartfilterTable tbody {
    max-height: 400px;
    overflow-y: scroll;
}

.smartfilterTable thead {
    width: 97%;
    width: calc(100% - 17px);
}
.smartfilterTable tfoot {
    width: 97%;
    width: calc(100% - 17px);
}

.smartfilterTable tbody td {padding-top: 3px; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-bottom: none; border-right: none;font-family: Tahoma; height:20px; font-size: 14px; text-align: center;}

.smartfilterTable tbody td:last-child {border-right: none;}		
.smartfilterTable thead th:last-child {border-right: none;}			
		
.smartfilterTableSELECTED td {
    background: rgb(246, 204, 204) !important;
    color: black !important;
}		


.alert {
	padding: .75rem 1.25rem;
    margin-bottom: 5px;
    float: left;
    width: 95%;
    margin-top: 5px;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}


.rest_main_table_cont{
	float:left;
	width: 270px;
	height: 125px;
	background-color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 20px;
}

.rest_count_table_cont{
	  float:left;
	  width: 50px;
	  height: 125px;
	  background-color: #1ABC9C;
}

.rest_info_actions_cont{
	float:left;
	width: 220px;
	height: 125px;
}

.table_num{
	text-align: center;
    color: white;
    font-weight: bold;
    font-size: 81px;}
	
	
.table_status{
	border-bottom: 1px solid;
    margin-top: 5px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
}	


.table_button{    margin-left: 10px;
    margin-bottom: 5px;}