@import url("font-awesome.css");
@import url("../fonts/stylesheet.css");
@import url("../webfont/stylesheet.css");
@charset "UTF-8";
/* CSS Document */

body {
	padding: 70px 0 70px 0;
}
#login-form {
	max-width: 350px;
	margin: 100px auto 0 auto;
}
#form-container .col-lg-5, #form-container col-md-6, #form-container col-sm-8 {
	float: none !important;
}
.error {
	color: #d9534f;
}
.error-shadow {
	box-shadow: 0 0 8px rgba(217,83,79,.6);
}
.primary-shadow {
	box-shadow: 0 0 8px rgba(82,168,236,.6);
}
#patient-form {
	ma//x-width: 1024px;
 ma//rgin:100px auto 0 auto;
}
.wrap {
	position: relative;
	padding: 45px 15px 15px;
	margin: 0 -15px 15px;
	background-color: #fafafa;
	box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
	border-color: #e5e5e5 #eee #eee;
	border-style: solid;
	border-width: 1px 0;
	margin-left: 0;
	margin-right: 0;
	background-color: #fff;
	border-width: 1px;
	border-color: #ddd;
	border-radius: 4px 4px 0 0;
	box-shadow: none;
}
#patients-table-wrap::after {

	font-family: "fontello";	content: "\e80d  Patients";
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 12px;
	font-weight: 700;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#cr-table-wrap::after {
	content: "Cr Records";
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 12px;
	font-weight: 700;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.bot-bar {
	min-height: 30px;
	font-size: 12px;
 borde//r-top:1px solid #ccc;
	
	
}
.easeops-footer {
	color: #fff;
	background-color: rgba(66, 139, 202, 1);
	float: right;
	font-size: 15px;
	width:100%;
	clear:both;
	
}
.easeops-footer p a {
	color: #fff;
}
.license {
	background-color: rgba(255,255,255, .7);
	color: #428bca;
	padding: 0px 20px 0 20px;
	margin:0;
	float: right;
	
}
.phone
{
	margin:0;
	padding:0;
	float:right;
	margin-right:20px;
	color:#000;
	padd//ing-left:10px;
	padding-top:5px;
	font-size:18px;
	letter-spacing:1px;
	font-family:"helveticaneuelt_std_cnregular";
	color:#fff;
	
}

#dynamicAdd {
}

div#dynamicAdd label, div#dynamicAdd input { display:block; }
div#dynamicAdd input.text { margin-bottom:12px; width:95%; padding:.4em; }
div#dynamicAdd fieldset { padding:0; border:0; margin-top:10px; }


.modal-dialog-center {
    margin-top: 15%;
}

#tab_panel
{
	background:#fff;
	
}

.ui-widget-header {
    border: 1px solid #428bca !important;
    background-color: #428bca  !important;
	background-image:none !important;
	background-repeat:no-repeat !important;
    color: #ffffff;
    font-weight: bold;
}

.navbar-inverse .navbar-brand 
{
	color: #fff !important;
	background-color: #d9534f;
	border-color: #d43f3a;
	font-size:22px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.form-inline .form-group
{
	vertical-align:top;
}
.input-menu
{
	width:200px;
}

.navbar-inverse .navbar-nav > li > a
{
	color:#fff;
}

.navbar-inverse .navbar-nav > li > a:hover
{
	color:#ccc;
}

.sb
{
	width:156px !important;
}
div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all
{
	z-index:1060 !important;
}

.ui-datepicker-title select option
{
color:#000 !important;


}
.ui-datepicker-month 
{
color:#1c94c4;
}
.ui-datepicker-year 
{
color:#1c94c4;
}
.badge
{
	background-color:#d9534f !important;
}

.logo
{
	/*display:block;
width: 42px;
height: 42px;
color: white;
background-color: #ff0000;
border-radius: 4px;	
font-size: 30px;
padding: 9px 5px 4px 0px;*/
font-family:'oswaldlight' !important;
font-size: 30px !important;
}
.navbar-brand
{
	float: left;
	height: 50px;
	padding: 10px 15px;
	font-size: 18px;
	line-height: 20px;
}

.logo sup
{
	font-size:50%;
}

/*---------spinner ----*/
 div.spinner {
      position: fixed;
      width: 54px;
      height: 54px;
      display:none;
    }
    
    div.spinner div {
      width: 12%;
      height: 26%;
      background: #428bca;
      position: absolute;
      left: 44.5%;
      top: 37%;
      opacity: 0;
      -webkit-animation: fade 1s linear infinite;
      -webkit-border-radius: 50px;
      -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    }
    
    div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}    
    div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
    div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
    div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
    div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
    div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
    div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
    div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
    div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
    div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
    div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
    div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}

     @-webkit-keyframes fade {
      from {opacity: 1;}
      to {opacity: 0.25;}
    }

#p-inf{
    position: fixed; 
    width: 100%; 
    padding: 15px 15px 0 15px; 
    z-index:1000; 
    background:#fff; 
    top:50px
}