*{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
div{
	overflow: hidden;
}
@font-face {
	font-family: 'noor';
	src: url('fonts/AGCRegular.ttf');
}
@font-face {
	font-family: 'noor-bold';
	src: url('fonts/AGCBold.ttf');
}
body
{
	font-family: 'noor';
-webkit-print-color-adjust:exact;
background-color:#fbfbfb;

padding:0;
font-size:15px;
margin:0 auto;
color: #000000;
}
#upload_img
{
	height:100px;
}
.pull 
{
	float:right !important;
}
       .bootstrap-select{
           overflow: visible;
       }
.row 
{
  margin-right: 0px;
  margin-left: 0px;
}
hr
{
	
}
.clear{
clear:both;
}
.btn {
    
    border-radius: 1px;
	white-space: normal;
	padding:5px;
}
a{
color:#256c89;
}

h2{
font-size:18px;
color:#256c89;
font-weight:normal;
padding:0px 0 15px 0;
margin:0px;
clear:both;
}
h3{
font-size:18px;
color:#256c89;
font-weight:normal;
padding:15px 5px 5px 20px;
margin:0px;
float:right;
clear:both;
}
a.forgot_pass{
float:left;
color:#256c89;
text-decoration:none;
background:url(images/help.png) no-repeat left;
padding:0 0 0 18px;
display:block;
margin:15px;
}
label{
	font-size: 18px;
}
.badge{
	    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 1px;
}
#main_container{
margin:0 auto;
padding:0px 0 0px 0;
}


.header{
    color: #fff;
    background-color: #3e8acc;
    padding: 2px 5px 15px 5px;
    border-bottom: 2px solid #97c1d8;
    text-align: center;
    line-height: 36px;

}
.header_login{
width:80%;
margin:auto;
}
.plans_label{
	padding-top:2%;
}
.groub_login{
	padding-top:2%;
}
.logo{
float:right;
padding:5px;

}
.logo img,.logo a img{
	
max-height: 60px;

}
.right_footer img{
	width: 150px;
}

#clock_a{
float:left;
padding:15px 0 0 10px;
}
.jclock{
color:#ccc;
float:right;
font-size:22px;
font-weight:bold;
padding:34px 25px 0 0;
}
.img-type{
	width:50px;
	height:50px;
}
.loading_prog{
    opacity: 0.7;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fdfdfd;
    position: fixed;
    /* margin: 50px; */
    z-index: 200;
    border: 0px solid #000;
    border-radius: 0px;
}

.pop_page{
	display: none;
	width:98%;
	height: 95%;
	text-align: center;
	background-color: #FFF;
	position: fixed;
    overflow: scroll;
	z-index: 200;
	border: 2px solid #000000;
	border-radius:10px; 
	margin: 20px 20px;
}
.pop_body{
}


.loading_block{
	
	/*opacity:0.7;*/
	display: none;
	width:90%;
	height:350px;
	text-align: center;
	background-color: #FFFFFF;
	position: fixed;
  	top: 50%;
  	left: 50%;
  	 margin-top: -250px;
  	margin-left: -500px;
		z-index: 200;
	border: 3px solid #000000;
	border-radius:10px; 
	padding: 10px;
}


.loading_img{
	
	/*opacity:0.7;*/
	display: none;
	width:90%;
	height:350px;
	text-align: center;
	background-color: #FFFFFF;
	position: fixed;
  	top: 50%;
  	left: 50%;
  	 margin-top: -250px;
  	margin-left: -500px;
		z-index: 200;
	border: 3px solid #000000;
	border-radius:10px; 
	padding: 10px;
}

.load_text{
	opacity:1;
	color:#000000;
	font-size:x-large;
	margin: 200px auto;
}

/*keys*/
.keys{
	

	
	float: left;
	clear: both;
	/*border: 2px solid #000000;
	border-radius:10px;
	background-color: #BFD1D9;
	*/ 
}
.key{
margin: 5px 5px;
	
	float: left;
}
.key_name{
	display: block;
	border: 2px solid #ffffff;
	border-radius:5px;
	text-align: center;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
	float: right;
	background-color: #000;
	color: #ffffff;
}

.key_function{
	color:#000;
	display: block;
	float:right;
	margin-right:5px;
	text-align: right;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
}
.right_header{
font-size:18px;
text-decoration:none;
float:left;
text-align:center;
padding:20px 10px 0 10px;
}
.right_header a{
margin:20px 5px 0 5px;
color: #FFFFFF;

}
.right_header a.messages{
background:url(images/comment.png) no-repeat right;
padding-right:20px;
}
.right_header a.logout{
background:url(images/user_logout.png) no-repeat left;
padding-left:20px;
}

.main_content{
margin:0px auto;

height:auto;
background-color: #F4F4F4;

}
.footer{width:100%;border-top: 2px solid #CFCFCF;
  background-color: #F4F4F4;}
.footer_login{width:80%;margin:auto;}

.left_footer{float:left;padding:25px 0 0 10px;color:#FFFFFF;font-size:11px;}
.left_footer a{color:#FFFFFF;text-decoration:none;}
.right_footer{float:right;padding:25px 10px 0 0;}

.left_footer_login{float:left;padding:15px 0 0 10px;color:#a8549b;font-size:11px;}
.left_footer_login a{text-decoration:none;}
.right_footer_login{float:right;padding:15px 10px 0 0;}
/*---------------- menu----------------------*/
.menu {font-size:11px;padding:0px 10px 0 10px; float:left; width:88%;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:34px;}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:right;height:34px;line-height:34px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {
	font-size: 18px;
	font-family:Arial;
	display:block;
	float:left;
	height:100%;
	text-decoration:none;
	color:#fff;
	padding:0 10px 0 17px;
	
	}
.menu a.current{background:url(images/menu_bg.gif) repeat-x center;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#57c0e8; border-bottom:1px #81dafc solid; color:#fff;width:12em;height:100%;line-height:1em;padding:1em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#57c0e8;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#57c0e8;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:url(images/arrow.gif) no-repeat right #309dc7;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:url(images/arrow.gif) no-repeat right #088bb4;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background:url(images/menu_bg.gif) repeat-x center;}
.menu :hover > a {color:#fff;background:url(images/menu_bg.gif) repeat-x center;}
/* second */
.menu ul ul a:hover{color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;}
.menu ul ul :hover > a {color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;}
/* third */
.menu ul ul ul a:hover {background:url(images/menu_bg_a.gif) repeat-x center;}
.menu ul ul ul :hover > a {background:url(images/menu_bg_a.gif) repeat-x center;}
/* fourth */
.menu ul ul ul ul a:hover {background:url(images/menu_bg_a.gif) repeat-x center;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


.center_content{
clear:both;
}

.right_content{
width:150px;
float:right;
padding:30px 20px 0 20px;
margin-left: 10px;
}
.left_area{
	
	padding: 1%;
	  background-color: #FBFBFB;
	  border-right: 2px solid #f1f1f1;
}
.sidebarmenu{
margin:0px 0;
padding:0;
float:right;
width:300px
}
.sidebarmenu a.list_item{
	

color: #fff;
display: block;
position: relative;
float:right;
width:100px;
height:30px;
margin:0 0 5px 0;
line-height:30px;
padding:0 10px;
text-decoration: none;
font-size: 16px;
font-weight:bold;
cursor: hand;
text-align: center;
}
a.list_item:hover{
	color:#212121;
	background-color: #EDFCE9;
	text-shadow: 1px 1px 1px #ccc;
	border-radius: 10px;
	
}
.sidebarmenu a.menuitem{
background-color:#5fc7f1;
border-radius:5px;
color: #fff;
display: block;
position: relative;
width:130px;
height:31px;
margin:0 5px 5px 0;line-height:31px;
padding:0 10px;
text-decoration: none;
font-size: 16px;
font-weight:bold;
float: right;
}

.sidebarmenu a.menuitem_green{background:url(images/green_bt.gif) no-repeat center top;
color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_red{background:url(images/red_bt.gif) no-repeat center top;
color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem:hover{background:url(images/sidebar_menu_top_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem_green:hover{background:url(images/green_bt_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem_red:hover{background:url(images/red_bt_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
color: white;
}
.sidebarmenu a.menuitem .statusicon{
position: absolute;
top:11px;
right:7px;
border: none;
}

.sidebarmenu div.submenu{
background: white;
}
.sidebarmenu div.submenu ul{ 
list-style-type: none;
margin: 0;
padding: 0 0 5px 0;
}
.sidebarmenu div.submenu ul li{
border-bottom: 1px dotted #bfd1d9;
}
.sidebarmenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding:5px 0;
padding-left: 10px;
}
.sidebarmenu div.submenu ul li a:hover{
background: #e2f0ff;
color: #0e4354;
}

.sidebar_search{
    background-color: #53bfeb;
    /* border-radius: 5px; */
    border-right: 2px #9600A3 solid;
    border-left: 2px #9600A3 solid;
    height: 30px;
    margin: 0 0 5px 0;
    color: #fff;
    padding: 0px 5px;
    clear: both;
    
}
input{
	
}
input.search_input{
    width: 155px;
    height: 16px;
    margin: 7px 0 0 7px;
    border: 0px #9600A3 solid;
    /* background: #92dbf8; */
    padding: 4px 0 0 2px;
    float: right;
    color: #096184;
    border-radius: 0px;
    font-size: 11px;
}
input.search_submit{
float:left;
background:none;
border:none;
margin:7px 0 0 8px;
}

.sidebar_search label{
	display: block;
	float: right;
	height: 31px;
	line-height:31px;
	vertical-align: middle;
	margin: 0px 5px;
}



#rounded-corner
{
margin:0px;
width:625px;
text-align: left;
border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
width:26px;
background: #60c8f2 url('images/left.jpg') left top no-repeat;
}
#rounded-corner thead th.rounded-q4
{
background: #60c8f2 url('images/right.jpg') right top no-repeat;
}
#rounded-corner th
{
padding: 8px;
font-weight: normal;
font-size: 13px;
color: #039;
background: #60c8f2;
}
#rounded-corner td
{
padding: 8px;
background: #ecf8fd;
border-top: 1px solid #fff;
color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
background: #ecf8fd url('images/botleft.jpg') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
background: #ecf8fd url('images/botright.jpg') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
background: #d2e7f0;
}


.question {
position: absolute;
display: inline;
text-align: center;
width: 174px;
height: 78px;
font-size: 13px;
line-height: 1.5em;
background: url('images/bubble.png') left top no-repeat;
padding: 10px 0 0 0;
text-shadow: 0px 1px 0px #fff;
margin-left: -7em;
margin-top: -6em;
opacity: 0;
}

.yes{
margin-top: .5em;
margin-right: .5em;
cursor: pointer;
display: inline-block;
width: 63px;
height: 21px;
color: #434d17;
text-shadow: 0px 1px 0px #fff;
background: url('images/buttony.png') left top no-repeat;
}
.cancel {
margin-top: .5em;
margin-right: .5em;
cursor: pointer;
display: inline-block;
width: 63px;
height: 21px;
color: #fff;
text-shadow: 0px 1px 0px #000;
background: url('images/buttonn.png') left top no-repeat;
}

a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_green_center.gif) repeat-x center;}
a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_left.gif) no-repeat center right;}
a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green{ text-decoration:underline;}

a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_blue_center.gif) repeat-x center;}
a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_left.gif) no-repeat center right;}
a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_r.gif) no-repeat center right;}
a:hover.bt_blue{ text-decoration:underline;}

a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_red_center.gif) repeat-x center;}
a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_left.gif) no-repeat center right;}
a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_r.gif) no-repeat center right;}
a:hover.bt_red{ text-decoration:underline;}

.sidebar_box{
width:195px;
padding:15px 0 5px 0;
}
.sidebar_box_top{width:195px;height:8px;background:url(images/sidebar_box_top.gif) no-repeat center bottom;}
.sidebar_box_bottom{width:195px;height:8px;background:url(images/sidebar_box_bottom.gif) no-repeat center bottom;}
.sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}

.sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
img.sidebar_icon_right{
float:right; padding:0 0 0 0;
}
.sidebar_box_content ul{
list-style:none;
padding:10px 0 10px 0;
margin:0px;
clear:both;
}
.sidebar_box_content ul li{
padding:5px 0 5px 10px;
background:url(images/list_bullet.gif) no-repeat left top;
background-position:0px 10px;
}


.warning_box{width:540px;clear:both;background:url(images/warning.png) no-repeat left #fcfae9;
border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.valid_box{width:540px;clear:both;background:url(images/valid.png) no-repeat left #edfce9;
border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
display: none;}

.error_box{width:540px;clear:both;background:url(images/error.png) no-repeat left #fce9e9;
border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;
display: none;
}

.min_box{
	text-align:center;

background:url(images/box.png) no-repeat right #fb9509;
border:1px #0E4354 solid;padding:20px 50px 15px 60px;
margin:5px;
border-radius:10px;
display: none;
font-size: 18px;
cursor: hand;
}
.notify_box{
	color:#FFFFFF;
	text-align:right;
width:800%;
clear:both;background:url(images/sales.png) no-repeat right #7CB7FE;
border:1px #0E4354 solid;padding:20px 50px 15px 60px;margin:5px auto;
border-radius:10px;
display: none;
font-size: 18px;
cursor: hand;
}

.exp_box{
text-align:center;
background:url(images/date.png) no-repeat right #ff6a5c;
border:1px #0E4354 solid;padding:20px 50px 15px 60px;margin:5px auto;
border-radius:10px;
display: none;
font-size: 18px;
cursor: hand;
}

.point_box{
text-align:center;
background:url(images/report_spend.png) no-repeat right #3A80A7;
padding:20px 50px 15px 60px;
margin:5px;
border-radius:10px;
display: none;
font-size: 18px;
cursor: hand;
}

.summery_header{
	background-color: #5fc7f1;
	border-radius: 5px 5px 0px 0px;
	
	padding: 5px;
	font-weight: bold;
}
.summery_footer{
	background-color: #5fc7f1;
	border-radius: 0px;
	min-height: 25px;
	padding: 5px 2px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	vertical-align:middle;
	
}
.summery_order{
	background-color: #d1e6ef;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	vertical-align:middle;
	margin-bottom: 15px;
border-bottom: 5px solid #000;
	
}

.bill_summery{
	background-color: #d1e6ef;

	padding: 5px;
	text-align: right;
	font-size: 18px;
	vertical-align:middle;
		margin-bottom: 15px;
border-bottom: 5px solid #000;
	
}

.header_order{
	background-color: #92DBF8;
	height: 20px;
	padding: 5px;
	font-weight: bold;
	text-align: right;
	font-size: 16px;
	vertical-align:middle;
	
	
}
.bill_header{
	background-color: #45ADD8;
	border-top:2px solid #310B28;
	height: 25px;
	padding: 5px;
	font-weight: bold;
	text-align: right;
	font-size: 18px;
	vertical-align:middle;
	
	
}
.summery_recorde{
padding: 7px;
background-color: #ebf7fc;	
border-bottom: #FFFFFF 2px solid;
}
.summary_record2{
	background-color: #caecfa;	
}
.summery_cell{
	float: right;
	margin: 0px 5px;
	font-size: 16px;
	/*display: list-item;*/
}
.cell_small ,.input_small{
	width: 30px;
	display:list-item;
}
.cell_middle ,.input_middle {
	width: 80px;
	/*display:list-item;*/
}
.cell_70{
	width: 70px;
}
#units_list{
	width: 60px;
	display:inline;
	border: 1px solid #60C8F2;
	border-radius:5px; 
	text-align: center;
}
.cell_20{
	width: 20px;
	display:list-item;
}
.cell_100{
	display:list-item;
	width: 100px;
}
.cell_larg ,.input_larg{
	width: 125px;
	
}
.cell_150{
	width: 150px;
	display: block;
}
.cell_170{
	width: 170px;
	display: block;
}
.cell_larg {
	
	display:list-item;
}
.cell_50min{
	width: 50px;
	text-align: center;
}
.cell_70{
	width: 70px;
	text-align: center;
}

.cell_80{
	width: 80px;
	text-align: right;
}
.input_small,.input_larg,.input_middle,.input_expire{
	text-align: center;
}

.install_input{
	margin: 0px 5px;
	padding: 0px 2px;
	border: 1px solid #60C8F2;
	border-radius:5px; 
	text-align: center;
	width: 200px;
	font-size: 20px;
}

#set_id{
	
}

.summery_cell input,.sale_disc{

	
}
.summery_cell select,.supp_select{

}
.supp_select{

}
.sup_details{
	width: 200px;
	float: right;
	margin: 10px 10px;
	
}
.cell_200{
	width: 200px;
	text-align: center;
}
.submit_button ,.category a{
	background-color: #53BFEB;
    border-radius: 0px;
    /* border: #C24739 1px solid; */
    height: 25px;
    padding: 0px 16px;
    margin-right: 7px;
    border-right: 2px #9600A3 solid;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    float: left;
    vertical-align: middle;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
	
}
.total_day{
	width: 320px;
	float: right;
	margin: 20px;
	padding-right:5px;
	border:1px solid;
	border-radius: 5px;
}
.category a{
	float: right;
	
}
.active_button{
	background-color: #49BAE8;
	border-radius: 5px ;
	border:#C24739 1px solid;
	height: 25px;
	width :150px;
	margin-right:20px;
	margin-bottom:10px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	display: block;
	float: left;
	vertical-align: middle;
	line-height: 25px; 
	text-align: center;
	font-size: 16px;
	
}
.submit_button:hover,.category a:hover{
	background:url(images/sidebar_menu_top_a.gif) no-repeat center top;

}
.summery_ft{
	
	float: right;
	font-size: 15px;
}
.sale_save{
	background-color: #49BAE8;
	border-radius: 5px ;
	border:#C24739 1px solid;
	height: 25px;
	width :50px;
	margin-right:20px;
	margin-bottom:10px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	display: block;
	float: left;
	vertical-align: middle;
	line-height: 25px; 
	text-align: center;
	font-size: 16px;
}

.download_btn{
	background-color: #49BAE8;
	border-radius: 5px ;
	border:#C24739 1px solid;
	height: 30px;
	width :100px;
	margin:20px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	display: block;
	float: right;
	vertical-align: middle;
	line-height: 25px; 
	text-align: center;
	font-size: 16px;
}
.report_btn{
	background-color: #49BAE8;
	
	border-radius: 5px ;
	border:#C24739 1px solid;
	height: 30px;
	width :100px;
	margin:5px 20px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	display: block;
	float: right;
	vertical-align: middle;
	line-height: 25px; 
	text-align: center;
	font-size: 16px;
}
.box_report{
	border-radius:0px;
    border: 2px solid #F1F1F1;
    padding: 15px 10px;
    margin: 5px;
}
	
.new_item label{
	font-size: 16px;
	/*width: 130px;*/
	display: block;
	float: right;
}

.usersform label{
	font-size: 16px;
	width: 150px;
	display: block;
	float: right;
}
.usersform
{
	
	float: right;
	margin: 10px 10px;
}

.installform
{
	width: 400px;
	float: right;
	margin: 10px 10px;
}

.installform label{
	font-size: 20px;
	width: 150px;
	display: block;
	float: right;
}

.header_page{
	float: right;
	display: block;
}
.error{
	
	font-size: 16px;
	color: red;
	margin: 10px;
}
#login_error{
	clear:both;
	padding: 5px;
	color: red;
	text-align: center;
}
.summery_total{
	color: #000000;
	padding: 0px 5px;
}

.day_select{
	/*width: 200px;
	 line-height: 48px;
	 height: 48px;
	 * */
	float: right;
	
	vertical-align: middle;
	
}

.day_title{
	width: 50px;
	float: right;

	vertical-align: middle;

	}
.expire_day{
	width: 80px;
	float: right;
}
#date_expire{
	width: 75px;
}
.record_hide{
	display: none;
}

#new_but{
	display: none;
}
.sub_list{
	background-color:#088BB4;
	color: #C24739;
	height: 30px;
	width: 100%;
}
.show_min ,.show_expire{
	margin:2px;
	width: 390px;
	float: right;
}
.show_min h2,.show_expire h2{
	color: #CD0A0A;
}
.summery_today{
	margin:2px;
	width: 450px;
	float: left;
	
}
#new_unit ,#edit_unit{
	display: none;
	width: 80%;
	margin: 0 auto;
}

.line_break{
	clear:both;
	display: block;
	height: 1px;
	width: 600px;
	background-color: #088BB4;
	margin: 10px;
}
.form_border{
    border: 3px #f8f8f8 solid;
    border-radius: 0px;
    padding: 10px;
}
.alert{
	font-size:18px;
	float: right;
	display: block;
	
}
.alert_check{
	font-size:18px;
	float: right;
	color: green;
	display: block;
}
#barcode{
	display: inline-block;
}
.run_barcode{
float: left;
width: 200px;	
}
.pay_row{
	display:block;
	float:right;
	font-size: 18px;
}

.pay_content{
	line-height: 30px;
	vertical-align: middle;
	background-color: #EAC7C7;
	padding: 0px 10px;

}
#payment_client{
	margin-top: 7px;
}
#container {
width:100%;
background-color:#FFF;
margin:auto;
}
#sell{
width:200px;
height:80px;
float: right;
background-image:url(img/sell.png);
}
.sell_icons {
	height:59px;
	margin-top:15px;
	
	}
.sell_icons a{
display:inline-block;
width:161px;
line-height:59px;
background-image:url(img/tork-box.png);
margin-left:10px;
text-align:center;
font-size:18px;
font-family:Tahoma, Geneva, sans-serif;
color:#000;
text-decoration:none;
text-shadow: 0 0 0.2em #999	, 0 0 0.2em #999,
        0 0 0.2em #999;
}

#import{
width:203px;
height:79px;
float: right;
background-image:url(img/import.png);
}

.import_margin{
	text-align:center;
	margin:10px 0px;
}

#medicine{
width:203px;
height:79px;
float: right;

background-image:url(img/medicine.png);
}

#spending{
width:203px;
height:79px;
float: right;

background-image:url(images/mainspend.png);
}

#medicine_margin{
	padding-right:90px;
}

#settings{
width:203px;
height:80px;
float:right;
background-image:url(img/settings.png);
}

#settings_margin{
	padding-right:90px;
}


.item_list{
	
	width:150px;
}
.form-control{
	border-radius:1px;
}
.company_form{
	border: 2px solid #DFEFF7;
    border-radius: 1px;
    padding: 10px;
    margin: 5px;
}
.install_form{
	border: 2px solid #A8549B;
	border-radius: 10px;
	/*display: none;*/
	padding: 10px;
	margin: 5px auto;
	width: 700px;
}
.show_quick{
	margin-top: 10px;
}

#price_show ,#total_show {
display: list-item;
}
.print_icon{
	margin-right: 10px;
}

.page_icon{
	height: 48px;
	line-height: 48px;
	vertical-align: middle;
}
.page_icon img{
	vertical-align: middle;
}
.alert_priv{
	color: red;
}
.alert_data{
	color: red;
	font-size: 25px;
}
.headr_install{
	margin:20px;
	text-align: center;
}

.headr_install a{
	display: block;
	margin: 20px;
}
.install_record{
	clear: both;
	margin: 2px;
}
.serial{
	display: none;
}
.form_record{
	width: 300px;
	float: right;
	margin: 10px 3px;
}

#phone_active{
	clear: both;
	margin: 10px; 
}

.backup{
	width: 300px;
	float: right;
	margin: 10px; 
}
.backup_button{
	margin: 10px;
}

.preview{
	width: 150px;
	height: 150px;
}
.preview_item{
	background-image: url('images/img.jpg');
	width: 150px;
	height: 150px;
	padding:3px;
	border:1px solid #088BB4;
	margin:0px 30px;
}
.small_img{
	width: 70px;
	height: 30px;
}
.input_sale{
	float: right;
}

.block{
	display: list-item;
	text-align: right;
}

.sales_show{
height:200px;
overflow:scroll;
	
}
.itemlist{
	
}
.print_button{
	background-color: #AAAAAA;
	border-radius: 5px ;
	border:#C24739 1px solid;
	height: 25px;
	width :50px;
	margin:10px;
	width:100px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	display: block;
	float: right;
	vertical-align: middle;
	line-height: 25px; 
	text-align: center;
	font-size: 16px;
}

.total_summery{
	padding :5px;
	font-size: 18px;
	line-height: 35px;
	vertical-align: middle;
	
}

.sale_name{
	clear:both;
	margin:5px;
	font-size: 18px;
	padding: 10px;
	color: #0E4354;
	
}
.test{
	
float: right;
height: 17mm;
width:48mm;
border:1mm solid #000000; 	
}
#no-results{
	clear: both;
	color: red;
}
.no-results{
	color: red;
}

#price1 ,#supplier,#total1_services{
	display: list-item;
}
.support img{

	text-align: center;
	float: right;
	margin: 10px;
}
.support span{
	line-height: 40px;
	vertical-align:middle;
text-align: right;
	float: right;
	color: #444444;
}
.report{
	display: none;
}
#sales_block{
line-height:20px;
vertical-align:middle;
	font-size:20px;
}
.search_note{
	clear: both;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}

.incoming{
	/*background-color: #AA0000;*/
	
}
#sup_info ,#mony_info,#mony_trans{
	/*padding: 2px;
	font-size: 18px;
	border-radius: 5px;

	border:1px solid #309DC7;*/
}
.edit_row{
	background-color: #EAC7C7;
}
.add_row{
	background-color: #A4BF40;
}

.add_text{
	font-weight: bold;
	font-size: 18px;
}
.label{
	line-height: 3 !important;
}
.label_static{
	font-size: 18px;
}
.satic_form{
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px dashed #096184;
	padding-bottom: 10px;
}
.label_item{
	float: right;
	font-size: 18px;
}

.report_header{
	background-color: #5fc7f1;
	border-radius: 5px 5px 0px 0px;
	height: 40px;
	padding: 5px;
	font-weight: bold;
}
.report_title{
	font-size: 20px;
}

.report_footer{
	background-color: #C24739;

	height: 1px;
	padding: 1px;
	font-weight: bold;
}
/*****colors****/
.sales_color{
	background-color: #54BF83;
	
}
.income_color{
	background-color: #AA0000;
	color: #FFF;
}
.income_color input{
	color: #000000;
}
.items_color{
	background-color: #9600A3;
	color: #FFFFFF;
}

.report_color{
	background-color: #59115F;
}
.client_color{
	background-color: #5E7A39;
}
.setting_color{
	/*background-color: #1a477e;*/
}
.spend_color{
	background-color: #1a477e;
}
.sales img,.incoming img,.items_menu img,.setting img,#clients img,#reports img{
	margin-left: 5px;
	vertical-align: middle;
}
.item_img{
	width: 150px;
	height: 50px;
	margin-right: 50px;
}

.bill_message{
	border: 1px solid #003399;
	padding: 5px;
	border-radius: 5px;
}
#adv{
	text-align: center;
}
.update_now{
	text-align: center;
	font-size: 20px;
	display: block;
	clear: both;
}

.excel_ok{
	color: #54BF83;
	font-weight: bold;
}
.excel_sam{
	color: #666666;
	
}
.excel_not{
	color:#FF0000;
}
.excel_mess{
	font-size: 16px;
	
}
#preview{
	text-align: center;
	font-size: 20px;
}
.support_link{
	text-decoration: none;
}

.support_link img{
	vertical-align: middle;
	
	width: 150px;

	
}

.spend_link img{
	vertical-align: middle;
	margin-left: 5px;
	
}


.hide_cell{
/*display: block;
display: none;	*/

}

.new_record{
	color: #000000;
	font-size: large;
}



.search_bill{
	float: left;
	font-size: 18px;
	margin-right: 10px;
	
}

.search_bill input{
	border: 1px solid #088BB4;
	border-radius: 6px;
	height: 24px;
	padding: 0px 5px;
	
}
.color_box{
	width: 40px;
	height: 20px;
	float: right;
	margin: 0px 5px;
	border:1px solid #000000;
	text-align: center;
	vertical-align:middle;
	font-size: 18px;
	
}
.bill_detials{
	clear: both;
	padding-right: 20px;
	
}
.plus-button{
	font-size: 18px;
}
.print_area{
	padding: 20px;
}
.print_report_btn{
	display: block;
	margin-left: 15px;
	text-align: left;
	float:left;
	width:100px; 
	font-size: 18px;
}
.setting_page{
	font-size: 18px;
	line-height: 20px;
}
.setting_page strong{
	width: 150px;
	display: block;
	float: right;
	margin: 5px;
	clear:both;
}
.setting_page input{

}
.setting_label{
	width: 120px;
	float: right;
	display: block;
	padding-right: 5px;
}
.setting_color {
	background-color: #088BB4;
}
.icon_index{
	padding: 5px 10px;
	border:2px solid #088BB4;
	border-radius: 15px;
	display: inline-block;
	float:right;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 20px;
	margin: 5px;
	text-shadow: 1px 2px 2px #000;
	width: 120px;
	height: 80px;
}
.icon_index:hover{
	background-color: #088BB4;
	box-shadow: 3px 2px 2px #ccc;
	border:2px solid #F2F2F2;
}

.footer_yellow{
	color: #FFEE2A;
}
#alert_money{
	color:#CD0A0A;
	font-weight: bold;
	padding: 0 5px;
}

.notes{
	font-size: 18px;
	margin: 5px;
	
}

.report_item{
	margin: 5px;
}
.repor_cell{
	font-weight: bold;
	text-align: center;
}

.input_form{
	border-bottom: 1px solid #096184;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	margin-bottom: 5px;
}
.input_row{
	margin: 10px 5px;
}
.login_form{
      border: 1px #ccc solid;
    box-shadow: 1px 1px 4px #5BC0DE;
    background-color: #FFFFFF;
    /* border-radius: 10px; */
    padding: 10px;
    max-width: 500px;
    margin: 10px auto;
    
    line-height: 50px;
    	width :90%;
}
.left_menu{
	display: block;
	float:right; 
	height: 100%;
}
.left_menu a {
	color: #555555;
	text-decoration: none;
	font-size: 15px;
	border-bottom: 1px solid #fff;
	display: block;
	width: 100%;
	padding:9px 10px;
	transition: 0.5s;
}
.left_menu a:hover{
	background-color: #337ab7;
	color:#fff;
}
.left_menu a img{
	width: 14%;
	margin:5px;
}

.groub_menu{  
	display: none;
	background-color: #DFEFF7;
	border-right: 3px solid #9D9D9D;
	margin-right: 5px;
}
.main_menu{

	
}
.alert_box
{
	font-size: 1.5em;
	color:#FFF;
	display: block;
	width: 25% ;
	float: right;
	border:2px #D3D3D3 solid;
	text-decoration: none;
	min-width: 150px;
}


.chart_box{
	width: 100%;
	float: left; }
.unit_show{
	padding: 1px !important;
}	
.unitdiv{
	display: none;
}


.show_img{
	left: 20px;
  position: absolute;
  max-width: 300px;
  max-height: 180px;
      border-radius: 10px;
}
.form_sales{
      background-color: #E9F7EA;
    border-right: 2px solid #E7E7E7;
    padding-top: 10px;
    border-radius: 1px;
}
.form_income{
    background-color: #F7E6E6;
    border-right: 2px solid #E7E7E7;
    padding-top: 10px;
    border-radius: 0px;
    padding-bottom: 10px;
}

.form_return{
  background-color:#F7F3E9;
  border-right: 2px solid #E7E7E7;
  padding-top: 10px;
  border-radius: 19px;
}
.help_corn{
  float: left;
  top: 10px;
  position: inherit;
}
.sale_man_list{
	display: none;
	float: left;
	font-weight: bold;
}
.sale_man_list select{
	border: 1px solid #003C78;
	padding: 1px;
}

.td_head{
	font-weight: bolder;
	
}
    
 /**sort**/

#sorttable thead {
  cursor: pointer;
  background: #c9dff0;
}
#sorttable thead tr th 
{ 
  font-weight: bold;
  padding: 12px 20px;
}
#sorttable thead tr th span 
{ 
  background-repeat: no-repeat;
  background-position: 100% 100%;
}



.headerSortDown  {
	 
  background-image: url('img/down-arrow.png');
   background-repeat:no-repeat; 
  background-position-x:right;
  background-position-y: center;
  
}

.headerSortUp {
  background-image: url('img/up-arrow.png');
   background-repeat:no-repeat; 
  background-position-x:right;
  background-position-y: center;
}


#sorttable tbody tr { 
  color: #555;
}

.marg_top{
margin-top: 20px;	
}
.head_info{
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
}
.head_info a{
	color: #fff;
}	   

.company_price{
	display: none;
}
#basic_price{
	display: none;
}

.green_result{
	color: green;
	font-size: 18px;
	text-align: center;
}
.red_result{
	color: red;
	font-size: 18px;
	text-align: center;
}
.blue_result{
	color: blue;
	font-size: 18px;
	text-align: center;
}
/***/
  @media (max-width: 700px) 
  {
        .alert_box
			{
				display: block;
				width: 90%;
				clear: both;
				
			}
	.left_menu , .chart_box {
		clear: both;
		width: 100%;
	}
	.menu_bootg{
		display: none;
	}
		
	
	

}



.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.btn-group>.btn:first-child {
    margin-left: 0;
}
.btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
}



.list-group-item > .badge { 
    color: #e9f7ea;
    background-color: #54bf83;
    padding: 6px 10px;
    float: left !important;
	}
	
.btn_alert_home{
	 margin: 2px auto;
    display: block;
    font-size: x-large;
}
.pagination{
	text-align:center;
}
.pagination > li {
    display: inline;
    float:right;

}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #8e8e8e;
    border-color: #fbfbfb;
}

.badrbar{
    margin-bottom: 0px;
   
    padding-bottom: 0px;
    padding-top: 10px;
    min-height: 10px;
    background-color: #518dc1;
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #e8e4e4;
}

.dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-align: right;
   }

.navbar-xs { min-height:22px; border-radius:0} 
.navbar-xs .navbar-brand{ line-height: 14px; } 
.navbar-xs .navbar-nav > li > a { 
	border-right:1px solid #ddd; 
padding-top: 5px; 
padding-bottom: 5px; 
line-height: 16px;
    color: #fff }

.navbar-xs .navbar-nav > li > a:hover{
    background-color: #fbfbfb;
    color: #212121;
}
.navbar-default .navbar-brand {
    color: #000;
}

.widget.quick-actions .table.no-margin td {
    width: 20%;
    height: 64pt;
}
.quick-actions table td:hover {
    background-color: #40485b;
    color: #fff !important;
}
.quick-actions table td:hover {
    background-color: #fff;
}
.btn-front{
	    background-color: #ececec;
    padding: 20px 10px;
    text-align: center;
    font-size: 20px;
	transition: 0.5s;
	color:#212121;
}
.btn-front:hover{
	background-color:#ccc;
	color:#FFFFFF;
}
.btn-front a { 
	color:#212121;
	text-decoration: none;
	transition: 0.5s;
	}
.btn-front a:hover { 
	color:#FFFFFF;
	text-decoration: none;
	}
.panel-body {
    padding: 0px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius:0px;
}
.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-radius: 0px;
    border-color: #337ab7;
}
.icon{
	transition: 0.8s;
}

   .info-tit{
   	text-decoration: none;
   }
.info-tit:hover{
	text-decoration:blink;
}
.clickable{
	color:#fff;
}
input[type="file"] {
    display: block;
    padding: 0px;
}

input[type="file"]::-webkit-file-upload-button
  {
    padding: 5px 10px !important;
    background-color: #5bc0de !important;;  
    border: 1px #46b8da solid !important;  
    content: 'اختر' !important;
    color: #fff !important;
}
@media only screen and (min-width: 100px) and (max-width: 500px) {
	.index-info2 {
    position: relative;
    overflow: hidden;
    width: 50%;
    float: right;
    height: 100px;
    padding: 15px 0px;
    margin-bottom: 0px;
    text-align: center;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1),0 10px 10px -10px rgba(0,0,0,0.1);
    /* height: auto; */
}
.navbar-xs .navbar-header {
 
    height: 100%;
}
.navbar-nav > li {
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
}
@media only screen and (min-width: 500px) and (max-width: 1000px) {
	.index-info2 {
    position: relative;
    overflow: hidden;
    width: 33.33333333333%;
    float: right;
    height: 100px;
    padding: 15px 0px;
    margin-bottom: 0px;
    text-align: center;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1),0 10px 10px -10px rgba(0,0,0,0.1);
    /* height: auto; */
}
.navbar-xs .navbar-header {
    float: right;
    height: 100%;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #ccc;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-nav > li {
    float: left;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
}
@media only screen and (min-width: 1000px) and (max-width: 2000px) {
.index-info2 {
    position: relative;
    overflow: hidden;
    width: 33.33333333333%;
    float: right;
    height: 100px;
    padding: 15px 0px;
    margin-bottom: 0px;
    text-align: center;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1),0 10px 10px -10px rgba(0,0,0,0.1);
    /* height: auto; */
}
.navbar-xs .navbar-header {
    float: right;
    height: 100%;
}
.navbar-nav > li {
    float: left;
    padding-left: 5px;
    
}
}


.nav_row{
	background-color: #518dc1;
    margin: 0px;
}
.blocks{
	visibility: visible; 
	transform: translateY(0) scale(1); 
	opacity: 1;
	 -webkit-transform: translateY(0) scale(1); 
	 opacity: 1; 
	 -webkit-transition: -webkit-transform 0.6s ease 0s, opacity 0.6s ease 0s; 
	 transition: transform 0.6s ease 0s, opacity 0.6s ease 0s;
	  -webkit-perspective: 1000;
	  -webkit-backface-visibility: hidden;
}
.date_time_alert{
    text-align: left;
    font-size: 10px;
}
.show_items_group_button{
	float: left;
}
.resetpass{
	color: red;
}
.open{
	right: 0px !important;
	width: 100% !important;

}
.navbar-brand{padding: 0px;}

.bootstrap-select {
  width: 330px !important;
  position: relative;
}