/* CSS Document */
body{
	background-color:#333333;
	margin:7px;
	padding:0;
}
body,html,form{ height:99%;}
td,th {
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	color: #666666;
	font-size:13px;
}
.printlabel{ margin:5px;}
@media print
{
	.maintable{ display: none; }
	.printlabel{ font-size:13px; color:#000000; font-family:Arial, Helvetica, sans-serif; margin:15px;}
}


.blink_me {
  animation: blinker 1s linear infinite;
  color:#F00;
  font-weight:bold;
  font-size:12px;
}
.blink_txt {
  animation: blinker 1s linear infinite;
}
.blink_txt_mrn {
 color:#900; animation: blinker 1s linear infinite;font-weight:bold;
}
.blink_txt_ylw {
 color:#F60; animation: blinker 1s linear infinite;font-weight:bold;
}

@keyframes blinker {  
  50% { opacity: 0; }
}
.maintable{ background-color: #ffffff;   border: 1px solid #7e6d4f;}
.erp{color:#FFFFFF;	font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:25px; line-height:20px;}
.topmenu{ border-bottom:2px #fc9001 solid; background-color:#FFF; height:75px;}
.leftmenu{ background-color:#FFF;border-right: 1px solid #F9F9F9; width:200px;  padding-top:15px;}
.loguser{ font-size:13px; color:#CF2929;}
.logo-text{ font-weight:bold; font-size:24px; color:#FFF; padding-left:10px;}
.login-details{ margin-right:15px;line-height: 25px; color:#E1DCDC; text-align:center;}
.content{background-color:#F9F9F9; }
.content-div{ height:100%; padding:0px 15px; background-color:#FFF; min-height: 600px;}
.bottomtable{ border-top:2px #666 solid; background-color:#f5f5f5;}
.disclaimer{font-size:11px;	color:#C10000;}
.copy {font-size:13px;	color: #666; background-color:#e9e9e9; padding:20px 0px; text-align:center;  }
.loginform{	margin-top:20px;}
.stopper{ margin-left:150px;}

.footerline{ background: url(../images/colorfull-row.jpg) repeat-x 0 0 #f5f5f5; color:#333333; padding: 20px;}
.footer-sec{ margin:20px 0px; text-align: center;} 
.footer-sec ul li { padding:10px;  display: inline;    list-style: outside none none;    padding: 5px 30px;}
.footer-sec ul li a{ color:#7E7E7E;}
.leftmenu .icons{ margin:15px 5px;}
.leftmenu .icontab{ border-bottom:1px #9A896C dotted; cursor:pointer; color:#141E4D; font-size:13px; font-weight:bold; line-height:36px; padding-left:10px;}
.leftmenu .icontab:hover{ border-bottom:1px #F2F1ED solid; background-color:#F9F9F9; color:#7e6d4f; cursor:pointer;}
.leftmenu .iconactive{ border-bottom:1px #F2F1ED solid; background-color:#F9F9F9; cursor:pointer; color:#FFA100; font-size:13px; font-weight:bold; line-height:36px; padding-left:10px; }
.leftmenu .icon-caret-down { margin-left: 10px;}
.leftmenu .tabinact:hover{background-color: #86A5A6; box-shadow: 1px 40px 40px -14px #FFFFFF inset; cursor:pointer;}
.leftmenu .tabact{background-color: #86A5A6; box-shadow: 1px 40px 40px -14px #FFFFFF inset; cursor:pointer;}

.leftmenu .icontab a{ font-weight: normal; color:#141E4D; text-decoration:none; } 	
.leftmenu .subMenu .icontab a{ font-weight: normal; color:#141E4D; text-decoration:none; } 
.leftmenu .subMenu .icontab a div{  padding-left:2px; } 
.leftmenu .subMenu .iconactive a div{  padding-left:2px; font-weight:bold;} 
.leftmenu .iconactive a{ color:#fb9103 !important; font-weight:bold;} 

.pghead, .sechead{line-height: 28px;	color: #fb9103  !important;	font-size:22px;	font-weight: 700;	font-weight: lighter;	}
.dash-line{border-bottom: 1px solid #ea9f20;}
.popuphead-td{ border-bottom:1px #C1C1C1 solid;}
.popuphead{font-size:15px; color:#696969; padding-top:5px; font-weight:bold; height:25px;}
.search-box{ background-color:#EFF3F8;}
.linedot-bot{border-bottom: 1px dotted #ea9f20;}
.dottedTd{border-bottom: 1px dotted #e2e2e2;}

.mrg{ margin:10px;}
.mrg-btm{ margin-bottom:10px;}
.mrg-2btm{ margin-bottom:20px;}
.mrg-top{ margin-top:10px;}
.pdng{ padding:10px; vertical-align: top;}
.pdng5p{ padding:5px;}
.pdng10p{ padding:10px;}
.pdng15p{ padding:15px;}
.nomargin{margin:0;}
.nopadding{padding:0;}
.mrgn-sides{ margin:0px 10px;}
.pdnd-sides{ padding:0px 10px;}
.margin5p{ margin:5px;}
.margin10p{ margin:10px;}

.grn{color:#70B719;}
.orng{color:#FFA800;}
.blu{ color:#1BB6EE;}
.dblu{ color:#283280;}
.mrn{ color:#fb9103 ;}
.ylw{ color:#FFA800;}
.red{color:#FF0000;}
.wht{ color:#FFFFFF;}

.errorSpan{ display:none;}
.smallfont{ font-size:10px;}
.mediumfont{ font-size:12px;}
.largefont{ font-size:14px;}
.xlargefont{ font-size:16px;}
.xxlargefont{ font-size:16px;}

.branch{ font-size:14px; color:#333333;}
.devider{ font-size:14px; color:#333333; margin:0px 10px; line-height:20px;}
.tableBBorder td{ border-bottom:1px #CCC dotted;}
.boxborder{ border:1px #EBE7E7 solid;}
.tableBBorder .rowhead td{ background-color:#EDEDED;}
.tableBBorder .rowitem td{ background-color:#FBFBFB ;}
.fieldsfit td input[type='text'],select, textarea{border:1px #E1E1E1 solid; width:90%; font-size:13px; color:#030;font-family:Tahoma; margin: 2px; padding:2px;line-height: 20px;}
.fieldsfit td input[type='file']{border:-1px #E1E1E1 solid;  width:90%; font-size:13px; color:#030;font-family:Tahoma; margin:5px; padding:4px;line-height: 20px;}
.fieldsfit td input:focus,select:focus, textarea:focus{border:1px #FFB1B1 solid; color:#006;}

input[type='text'],input[type='password'],select, textarea{border:1px #E1E1E1 solid; font-size:13px; color:#030;font-family:Tahoma; margin: 2px; padding:2px;}
input[type='file']{border:1px #E1E1E1 solid; font-size:13px; color:#030;font-family:Tahoma; margin:5px; }
input:focus,select:focus, textarea:focus{border:1px #FFB1B1 solid; color:#006; }

.openPg{ cursor:pointer;}
.scroll-V{ overflow:auto;}


#searchDisplay{position:absolute; width:295px; border:1px solid #d7d7d7; background-color:#FFFFFF; overflow:auto;display:none; }
#searchDisplay ul{ list-style:none; margin:0; padding:0;}
#searchDisplay li{ padding:5px; border-bottom:1px #EEEEEE solid;}
#searchDisplay li:hover{  background-color:#EEEEEE; cursor:pointer;}

.datalist{ background-color:#E0E0E0;}
.datalist td{ border: 1px solid #FFFFFF;}
.datalist .rowhead td{ background-color:#E6EEEE; font-size:12px; padding:5px; color:#3D3D3D; font-weight:bold;}
.datalist .rowitem td{ background-color:#FFFFFF; font-size:12px; padding:5px; color:#656565; }
.datalist .rowchkd td{ background-color:#EBFBEA; font-size:12px; padding:5px; color:#FF0000; }
.datalist .rowitem-altr td{ background-color:#F8F8F8; font-size:12px; padding:5px; color:#656565;}
.datalist .rowitem-focus td{ background-color:#F7E3E3; font-size:12px; padding:5px; color:#3D3D3D;}
.datalist td a{ color:#428BCA; font-size:12px; text-decoration:none;}
.datalist td a:hover{ color:#428BCA; font-size:12px; text-decoration:underline;}

.datagrid{background-color:#F9F9F9; font-size:11px;}
.datagrid td{ font-size:11px;}

.formtab{ 	
	background-clip: padding-box;
    background-color: #F5F5F5;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 4px 2px rgba(4, 4, 4, 0.25);
    margin-bottom: 20px;
    padding:10px;
	}

.subMenu td{ 
	border-left: 1px dotted #D7D7D7;
	font-weight: normal;
	padding-left: 10px;
	} 	

.dynamicRows li{ display:inline; margin-left:10px;}

.tabService{ border:1px #BAE6C9 dotted; border-radius:4px;}
.tabService .tabs{ background-color:#CCCCCC;box-shadow: 1px 26px 16px -14px #F2DAEE inset;}
.tabService .acttabs{ background-color:#FFFFFF;box-shadow: 1px 26px 16px -14px #F2DAEE inset;}
.tabService .acttabs a{ color:#990000; font-size:15px; text-decoration:none;}
.tabService .tabs td{ text-align:center; padding:5px 20px 0px 20px; }
.tabService .tabs td:hover{ background-color:#FFFFFF;box-shadow: 1px 26px 16px -14px #F2DAEE inset;}
.tabService td a{ color:#565656; font-size:15px; text-decoration:none;}
.tabService td a:hover{ color:#2F0303; font-size:15px; text-decoration:none;}

.logintab{
	background-clip: padding-box;
    background-color: #0C1A41;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 4px 2px rgba(4, 4, 4, 0.25);
    margin-bottom: 20px;
    padding:10px 20px 20px;
}
.logintitle {
    background-color: #FFFFFF;
    border-bottom: 1px solid #F0F0F0;
    padding: 10px 20px;
}
.logintitle h3{
	color: #474948;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}
.logintitle h5{
	color: #939694;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

.calender{border:1px #808FA0 solid; z-index:100;}
.cdate{ color:#FFA800; font-weight:bold; font-size:15px; padding:0px 3px;}
.hr{border-bottom:1px #E4E4E4 solid;border-left:1px #C8C8C8 solid; width:20px; height:30px; font-size:11px; color:#0066FF; vertical-align: bottom;}
.min{border-bottom:1px #E4E4E4 solid;border-left:1px #E4E4E4 solid; width:20px; height:30px; font-size:11px; color:#0066FF; vertical-align: bottom;}
.tech{border-bottom:1px #E4E4E4 solid; width:70px;  font-size:12px; color:#283280;}

.grybox{ background-color:#EEEEEE}


.mrnlink:link{ font-size:13px; color:#CF2929;text-decoration:underline;} 
.mrnlink:hover{ font-size:13px; color:#CF2929;text-decoration:none;} 
.mrnlink:visited{ font-size:13px; color:#CF2929;text-decoration:underline;} 
.mrnlink:active{ font-size:13px; color:#CF2929;text-decoration:underline;} 

.grylink:link{ font-size:13px; color:#333333;text-decoration:underline;} 
.grylink:hover{ font-size:13px; color:#666666;text-decoration:none;} 
.grylink:visited{ font-size:13px; color:#333333;text-decoration:underline;} 
.grylink:active{ font-size:13px; color:#333333;text-decoration:underline;} 

.linkbutton:link{ font-size:14px; color:#330000;text-decoration:underline; border-radius:2px; padding:3px 10px;} 
.linkbutton:hover{ font-size:14px; color:#330000;text-decoration:none; background-color:#FFFFFF;box-shadow: 1px 26px 16px -14px #F2DAEE inset; border-radius:2px; padding:3px 10px;} 
.linkbutton:visited{font-size:14px; color:#330000;text-decoration:none; background-color:#CCCCCC;box-shadow: 1px 26px 16px -14px #F2DAEE inset; border-radius:2px; padding:3px 10px;} 
.linkbutton:active{ font-size:14px; color:#330000;text-decoration:none; background-color:#CCCCCC;box-shadow: 1px 26px 16px -14px #F2DAEE inset; border-radius:2px; padding:3px 10px;} 

.arrow:link{border:1px #FFCC33 solid; background-color:#FFECB3; padding:0px 4px; font-size:13px; color:#FFA800; margin:3px; text-decoration:none;}
.arrow:hover{border:1px #FFCC33 solid; background-color:#FFECB3; padding:0px 4px; font-size:13px; color:#000000; margin:3px; text-decoration:none;}
.arrow:visited{border:1px #FFCC33 solid; background-color:#FFECB3; padding:0px 4px; font-size:13px; color:#FFA800; margin:3px; text-decoration:none;}
.arrow:active{border:1px #FFCC33 solid; background-color:#FFECB3; padding:0px 4px; font-size:13px; color:#FFA800; margin:3px; text-decoration:none;}

.popupButton{background-color: #2A2D30; border: 1px solid #4B3A20; border-radius:3px; color: #FFFFFF; font-family:Tahoma; font-size: 15px; font-weight:bold; margin:5px; padding:3px 10px; text-decoration: none;}
.popupButton:hover{ background-color: #616161; }
.popupButton:active{ position: relative; }
.popupButton:focus{ background-color: #616161;}

.wdth175{width:175px;}

.star{ color:#FF0000; font-size:11px; vertical-align:text-top;} 
.appt{font-size:12px; padding:4px 5px; z-index:200;}
.bookd{background-color:#CCDCFF; border:1px #0E6BFF solid; color:#000000; height:23px;}
.cancl{background-color:#FC9CA2; border:1px #F13466 solid; color:#000000;}
.confrm{background-color:#FEE186; border:1px #FFD019 solid; color:#000000;}
.done{background-color:#86C8A6; border:1px #366665 solid; color:#000000;}
.rooms{background-color:#C2C2C2; border:1px #999999 solid; color:#000000;}


.bookd_appt{ background-color:#006633; font-size:14px; color:#FFF;  padding:2px 10px; border-radius:3px; font-weight:bold; text-decoration:none;}
.cancl_appt{ background-color:#EF5876; font-size:14px; color:#FFF;  padding:2px 10px; border-radius:3px; font-weight:bold; text-decoration:none;}
.confrm_appt{ background-color:#FFCC33; font-size:14px; color:#FFF;  padding:2px 10px; border-radius:3px; font-weight:bold; text-decoration:none;}
.done_appt{ border-left:5px #006633 solid; font-size:12px; color:#006633; margin:0px 10px; padding-left:5px;}
.rooms_appt{ border-left:5px #999999 solid; font-size:12px; color:#999999; margin:0px 10px; padding-left:5px;}

.label {
	font-family:"Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 14px;
	line-height: 20px;
	color:#474948;
}
.grnbutton{
	background-color:#fb9103;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #B36500;
	display:inline-block;
	color:#ffffff;
	font-family:"Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:4px 6px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
	text-transform:uppercase;
	letter-spacing:0.5px;
	word-spacing:1px;
}
.grybutton{
	-moz-box-shadow: 1px 1px 0px 1px #ffffff;
	-webkit-box-shadow: 1px 1px 0px 1px #ffffff;
	box-shadow: 1px 1px 0px 1px #ffffff;
	background-color:#BDBDBD;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #BDBDBD;
	display:inline-block;
	color:#ffffff;
	font-family:"Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
	text-transform:uppercase;
	letter-spacing:0.5px;
	word-spacing:1px;
}
.buttons {
    background-color: #FFF;
    border-top: 1px solid #F0F0F0;
    padding: 10px 25px;
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
.popUpDiv {
position:absolute;
background-color:#eeeeee;
width:800px;
max-height:500px;
z-index: 9002;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 10px #000000;
padding: 15px 20px 15px 15px;
overflow:auto;
}


/* pagination style */
.pagin {padding: 2px 0;margin: 5px 0px;font-family: Arial;font-size:10px;font-weight: bold;}
.pagin * {padding: 2px 6px;margin: 0;}
.pagin a {border: solid 1px #666666;background-color: #EFEFEF;color: #666666;text-decoration: none;}
.pagin a:visited {border: solid 1px #666666;background-color: #EFEFEF;color: #60606F;text-decoration: none;}
.pagin a:hover, .pagin a:active {border: solid 1px #CC0000;background-color: white;color: #CC0000;text-decoration: none;}
.pagin span {cursor: default;border: solid 1px #B4CAE4;background-color: #EFF3F8;color: #478FCA ;}
.pagin span.current {border: solid 1px #B4CAE4;background-color: #478FCA;color: #FFFFFF;}

/* steps 123 */
.stepViewer {
    margin: 0;
    position: relative;
    z-index: 1;
}
.connectLine {
    background-color: #B3B3B3;
    height: 1px;
    left: 70px;
    position: relative;
    top: 12px;
    width: 420px;
    z-index: 2;
}
.stepViewer ul {
    padding:0;
    position: relative;
    z-index: 3;
	list-style: none outside none;
    margin: 0;
}
.stepViewer li {
    float: left;
    text-align: center;
    width: 140px;
}
.stepViewer li.sel .img {
    background-position: -230px -280px;
    color: #FFFFFF;
	background-color: #ADC9E7;
}
.stepViewer li.sel-cur .img {
    background-position: -230px -280px;
    color: #000000;
	background-color: #6AAE6B;
}
.stepViewer li .label {
    color: #676767;
    font-size: 11px;
    padding:0;
    text-align: center;
	line-height:15px;
	cursor:pointer;
}
.stepViewer li.sel .label {
    color: #4759A9;
}
.stepViewer li.sel-cur .label {
    color: #6AAE6B;
}
.stepViewer li .img {
	background-color: #CCCCCC;
    background-position: -280px -280px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    color: #FF0000;
    font:bold 12px/22px Arial,Helvetica,sans-serif;
    height: 20px;
    margin: 0 auto;
    width: 20px;
	cursor:pointer;
}

.changeOpt{
	text-decoration: underline;
	padding:5px;
}

.dashboard-stat {
    margin-bottom: 25px;
    margin-right: 25px;
	width:200px;
	float:left;
}
.blue-box {
    background-color: #578EBE;
}
.blue-box .more{
    background-color: #4884B8;
}
.red-box {
    background-color: #E35B5A; 
}
.red-box .more{
    background-color: #E04A49; 
}
.green-box {
    background-color: #44B6AE;
}
.green-box .more{
    background-color: #3EA7A0;
}
.orange-box {
    background-color: #E0C64C;
}
.orange-box .more{
    background-color: #FFD714;
}
.purple-box {
    background-color: #8775A7;
}
.purple-box .more{
    background-color: #8775A7;
}
.dashboard-stat .details {
    padding-right: 15px;
    float: right;
    right: 15px;
}

.dashboard-stat .more {
    color: #FFFFFF;
    clear: both;
    display: block;
    font-size: 11px;
    font-weight: 300;
    opacity: 0.7;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
}
.dashboard-stat .details .number {
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 36px;
    margin-bottom: 0;
    padding-top: 10px;
    text-align: right;
	 color: #FFFFFF;
}
.dashboard-stat .details .desc {
    color: #FFFFFF;
    opacity: 0.8;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: right;
}
.dashboard-stat .more > i {
    display: inline-block;
    float: right;
    margin-top: 1px;
}
.m-icon-swapright {
    background-position: -27px -10px;
}
.m-icon-white {
    background-image: url("../images/icons-white.png");
	vertical-align: top;
    width: 14px;
	 height: 14px;
    line-height: 14px;
	background-repeat: no-repeat;
}

.purple-table{
	border:1px #9B59B6 solid;
}
.purple-table .header{
	background-color:#9B59B6;
	color:#FFFFFF;
	font-size: 20px;
    padding: 5px 10px;
}
.purple-table .footer{
	background-color:#CCBED2;
    padding: 5px 10px;
}
.purple-table .footer a{
	color:#FFFFFF;
	font-size: 12px;
	text-transform:uppercase;
}


.dashboard-pay {
    margin: 20px 15px;
	width:auto;
	float:left;
}
.dashboard-pay .desc {
    color: #FFFFFF;
    opacity: 0.8;
    font-size: 12px;
	text-transform:uppercase;
	padding:3px;
	margin-bottom:3px;
	width:auto;
	letter-spacing:1px;
}
.math-symbol{
    margin: 22px 0px;
	width:auto;
	float:left;
}



