.menu  td {
	background-image: url(../images/button_bg.gif);
	padding: 10 10 10 10;
	height: 40px;
	border: solid 2px #003366;
	font-size:14px;
}


#req{
    color: red;
}

	A:hover	{ color: #54622D;  }
	
.leftRightBorder {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
.red {
	font-weight: bold;
	color: #FF0000;
}
.Right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #657DA6;
}

.lr {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #657DA6;
	border-left-color: #657DA6;
}
.underTub {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4D6185;
}
.top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4D6185;
}
.smallFiled {
	width: 25px;
	text-align: center;
}
.sepretor {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
}
.multyselect {
	width: 200px;
}
.RightLeft {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #657DA6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #657DA6;
}
.editCategory_center_line {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #51759C;
}
.clock {
	padding: 2px 4px;
}
.letters {
	font-size:8px;
}.relevent_box {
	border: 1px solid #7F9DB9;
}






.new_sub_red {

	background-image: url(../images/button_bg_red.gif);
	border: 1px solid #929AA5;
	background-repeat: repeat-x;
	padding: 3px 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}
.selected_tub {
	background-color: #FFCC33;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
	font-family: Arial;
	font-weight: bold;
	padding: 8px;
}
.unselected_tub {
	background-color: #FFEAA8;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	font-family: Arial;
	font-weight: bold;
	padding: 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	cursor: hand;
}
.none_tub {
	font-family: Arial;
	font-weight: bold;
	padding: 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.add_box_1 {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}
.add_box_2 {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding: 10px;
}
.unselected_tub_right {
	background-color: #FFEAA8;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	font-family: Arial;
	font-weight: bold;
	padding: 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	cursor: hand;
}
.bt{font-size:9px;}

.menuitems {
padding-left:15px;
padding-right:10px;
}

.menu_up a {

	background-image: url(../images/button_bg2.gif);
	background-repeat: repeat-x;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #6B7683;
	font-weight: bold;
	font-size: 12px;
}
/*rmenu*/

#ddblueblockmenu{
border-bottom-width: 0;
width: 146px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 14px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-right: 9px;
width: 130px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-right: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 130px; /*IE 5*/
w\idth: 130px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-right-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-right: 5px;
background-color: black;
font: bold 14px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

/**/
html, body, #wrapper {
      height:100%;
      margin: 0;

      border: none;
      
   }
   #wrapper {
      margin: 0 auto;
     
      width: 100%;
   }
   
   
   


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: lightblue; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}


ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: 1.2em;
 -moz-box-shadow: 0px 5px 5px #595959;
  -webkit-box-shadow: 0px 5px 5px #595959;
  box-shadow: 0px 5px 5px #595959;
  border-bottom:solid 1px #fff
	
}
ul#topnav li {
	float: right;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url(../images/topnav_active.gif) repeat-x; }
ul#topnav li span {
	float: right;
	padding: 15px 0;
	position: absolute;
	right: 0; top:35px;
	display: none;
	width: 100%;
	background: #1376c9;
	color: #fff; -moz-box-shadow: 0px 5px 5px #595959;
  -webkit-box-shadow: 0px 5px 5px #595959;
  box-shadow: 0px 5px 5px #595959;

}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

#jclock2 {
	position:fixed;
	top:10px;
	left:15px;
	z-index:1002;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	direction:rtl;
}


	.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }

	/*demo page css*/
	h2 { clear: both; padding-top:1.5em; margin-top:0; } 
	.strike { text-decoration: line-through; }
	
	#pagination {
    background-image: url("../images/bg_pagination.png");
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    margin-right: 4px;
   
    padding-top: 8px;
    text-align: center;
    width: 436px;
}
ul.back-next-main, ul.back-next-main li {
    list-style: none outside none;
}
ul.back-next-main {
    display: inline;
}
ul.back-next-main li:hover > ul {
}
ul.back-next-main li.hover, ul.back-next-main li:hover {
    color: #FF6600;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: underline;
}
ul.back-next-main li.active, ul.back-next-main li:active {
    color: #FF6600;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}
ul.back-next-main li .active{
color:#F66;	
}
ul.back-next-main li {
    background-image: url("../images/bg_btn_pagination.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 14px;
    margin-left: 3px;
    width: 14px;
}
ul.back-next-main li a {
    color: #000000;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 14px;
    text-decoration: none;
    width: 14px;
}
ul.back-next-main li a:hover {
    color: #FF6600;
}
ul.back-next-main .list-back {
    background-image: url("../images/btn_back.png");
    background-repeat: no-repeat;
    float: left;
    height: 14px;
    width: 14px;
}
ul.back-next-main .list-next {
    background-image: url("../images/btn_next.png");
    background-repeat: no-repeat;
    float: left;
    height: 14px;
    width: 14px;
}

.Frame{ background: -moz-linear-gradient(275deg, #FFFFFF, #F3F3F3) repeat scroll 0 0 transparent;}
.Shadow{border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #777777;
   }
.Title{
font-size:18px;
color:#036;
font-weight:bold;
}
.Center-text{
text-align: center;
}
.Padding10{
	padding:10px;
}
.Margin10{
	margin:10px;
}
.doMenu{
position:relative;	
float:right;
}
.doMenu,.doMenu li{
	list-style:none;
	padding:0px; margin:0px;	
	}
	.doMenu li{

	height: 25px;
		cursor:pointer;
	}
	.doMenu li ul{
		position:absolute;
		right:0px;
		top:24px;
		border-right: solid 1px #0099FF;
		border-left: solid 1px #0099FF;
		border-bottom: solid 1px #0099FF;
		padding:0px; margin:0px;
	width: 190px;
	background-color:#FFF;	
	z-index:999;
	}
	.doMenu li ul li{
		background-image:none;
		position:static;
		padding: 2px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		height: 25px;
		border-top: solid 1px #0099FF;
		cursor: pointer;
		width: 190px;
		text-align: right;
		line-height: 21px;
		font-size: 15px;
		color: #069;
		display:block;
		background-color:#FFF;
		color: #0e83cd;
			
	}
	.doMenu li ul li:hover{
		background-color:#e5f1f9;
	}
	.doMenu li ul{
		display:none;
	}
	.doMenu:hover li ul{
	display:block;	
	}p{margin:0px; padding:0px;}
.notifications{position:fixed; left:10px;top:0px;z-index:999999; color:#fff;}
	.footer{width:100%;height:52px; position:fixed; bottom:0px; background-color:rgba(34,34,34,1.00);color:#fff;z-index:999999;}	.notifications_count{color:#000;position:absolute;width:26px; height:26px;text-align:center;font-size:10px;line-height:26px;}
.notifications_button{cursor:pointer; position:absolute; left:10px;top:11px; width:26px; height:26px;}

.noteList{position:fixed;top:48px; left:20px;padding-bottom:18px; width:350px; height:auto; max-height:600px;border:solid 1px #DBDBDB;display:none; direction:rtl; background-color:#fff; z-index:99999999999;  -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black; overflow:auto;}
.noteBox{ margin:10px 10px 0 10px; color:#000; -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;background-color:#fff;}
.notetable{ display:table-row;width:264px;}
.noteBox .ic i{font-size:22px;color:#fff;}
.noteBox .ic{display:table-cell;padding:18px;background-color:#3A3A3A;vertical-align:middle;}
.noteBox .no{display:table-cell;padding:18px;border:solid 1px #9B9B9B;width:217px;}
.noteBox a{text-decoration:underline;}	
.ago{font-size:12px;color:rgba(110,110,110,1.00); font-style:italic;}
.older{margin:10px 10px 10px 10px; color:#fff; -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;background-color:#7A7A7A; text-align:center;cursor:pointer; padding:10px;}


/*2022 new css*/

.pluse_helper{padding: 20px; border-radius: 100px !important;}
.fixed-pos{position: fixed; z-index: 999; left:20px !important; bottom: 20px; }


#timeNote{
    display:none;
    text-align: center;
    padding: 20px;
    margin: 10px 0;
    box-shadow: 0 0 10px #ededed;
    background-color: #fff6d9;
}

.msgSuccess{
	display:none;
}


.sideActionHolder{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    left: 0;
    width: 0;
    z-index: 99999;
}