/*
 * Design by : Antony Halim
 * Layout CSS
 * Body and Font Styling
 * Flat Style Concepts
 */

/*
 * Common CSS
 */
body {
	font-family: Consolas, monaco, monospace;
	/* color: #207867 */
	color: #000000;
	background-color: #000000; /* #0c3752; */
	font-size: 10pt;
    font-weight:lighter;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* Utilities Class */
.a-automargin {
    margin:auto;
}

.a-hidden-display {
    display:none;
}

.a-stretch-width {
    width:100%;
}

.a-stretch-height {
    height:100%;
}

.a-center {
    text-align:center;
}

/*
 * Fixed Container
 */
.a-fixed-fullscreen {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:auto;
}

.a-fixed-floating {
    width:600px;
}

.a-fixed-dialog {
    margin-top:200px;
    width:300px;
}

/*
 * Overlay
 */
.a-overlay {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:auto;
    background-color:#000;
    opacity:0.9;
}

/*
 * Font
 */
.a-serif {
	font-family: Sans-Serif;
}
.a-arial {
	font-family: Arial;
}
.a-cg {
	font-family: "Century Gothic";
}
.a-segoe {
	font-family: "Segoe UI";
}
.a-font-normal {
	font-size:10pt;
}
.a-font-standard {
	font-size:12pt;
}
.a-font-big {
	font-size:14pt;
}
.a-font-small {
	font-size:8pt;
}
.a-font-smaller {
	font-size:6pt;
}
.a-font-bigger {
	font-size:18pt;
}
.a-font-biggest {
	font-size:24pt;
}
.a-font-head-title {
	font-size:42pt;
}
.a-font-bold {
	font-weight:bold;
}
.a-font-lighter {
    font-weight:lighter;
}
.a-color-thin-black{
    color:#6F6F6F;
}

/*
 * Border
 */
.a-bw1 {
	border-width: 1px;
}
.a-bw2 {
	border-width: 2px;
}
.a-bw3 {
	border-width: 3px;
}
.a-bs-solid {
	border-style: solid;
}
.a-bs-dotted {
	border-style: dotted;
}
.a-bs-inset {
	border-style: inset;
}
.a-bs-outset {
	border-style: outset;
}
.a-bs-groove {
	border-style: groove;
}
.a-bordered1 {
	border: 1px solid;
}
.a-bordered2 {
	border: 2px solid;
}
.a-bordered3 {
	border: 3px solid;
}
.a-nb {
	border: none !important;
}
.a-nb-left {
	border-left:none !important;
}
.a-nb-right {
	border-right:none !important;
}
.a-nb-top {
	border-top:none !important;
}
.a-nb-bottom {
	border-bottom:none !important;
}

/*
 * Float
 */
.a-left {
	float:left;
}

.a-hold-left {
    padding-left:10px;
}

.a-right {
	float:right;
}

.a-hold-right {
    padding-right:10px;
}
/*
 * Padding
 */
.a-np {
    padding:0px;
}
.a-padded3 {
	padding: 3px;
}
.a-padded5 {
	padding: 5px;
}
.a-padded10 {
	padding: 10px;
}
.a-padded15 {
	padding: 15px;
}
.a-np-left {
	padding-left:0px !important;
}
.a-np-right {
	padding-right:0px !important;
}
.a-np-top {
	padding-top:0px !important;
}
.a-np-bottom {
	padding-bottom:0px !important;
}

/*
 * Margin
 */
.a-margin3 {
	margin: 3px;
}
.a-margin5 {
	margin: 5px;
}
.a-margin10 {
	margin: 10px;
}
.a-margin15 {
	margin: 15px;
}
.a-nm-left {
	margin-left:0px !important;
}
.a-nm-right {
	margin-right:0px !important;
}
.a-nm-top {
	margin-top:0px !important;
}
.a-nm-bottom {
	margin-bottom:0px !important;
}

/*
 * Layouting
 */
.a-container {
    width:100%;
    position:relative;
}
    .a-container > .a-area {
        float:left;
        position:relative;
    }

.a-u1 {
    width:10%;
}

.a-u-middle-1 {
    width:10%;
    height:30px;
}
.a-u-middle-2 {
    width:20%;
    height:30px;
}
.a-middle {
    line-height:30px;
    vertical-align:middle;
}


.a-u2 {
    width:20%;
}
.a-u3 {
    width:30%;
}
.a-u4 {
    width: 40%;
}
.a-u5 {
    width: 50%;
}
.a-u6 {
    width: 60%;
}
.a-u7 {
    width: 70%;
}
.a-u8 {
    width: 80%;
}
.a-u9 {
    width: 90%;
}
.a-u10 {
    width: 100%;
}
.a-u0_5 {
	width: 5%;
}
.a-u1_5 {
    width:15%;
}
.a-u2_5 {
    width:25%;
}
.a-u3_5 {
    width:35%;
}
.a-u4_5 {
    width: 45%;
}
.a-u5_5 {
    width: 55%;
}
.a-u6_5 {
    width: 65%;
}
.a-u7_5 {
    width: 75%;
}
.a-u8_5 {
    width: 85%;
}
.a-u9_5 {
    width: 95%;
}
.a-clear-pad {
    clear: both;
    height:10px;
}
.a-clear-min {
    clear: both;
}

.a-inner-content {
    padding:10px;
    position:relative;
    background-color:#FFF !important;
}

.a-inner-content-packed {
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:3px;
    position:relative;
}

/*
 * Coloring
 */
.a-purple {
	background-color:#A200FF;
	color: #FFFFFF;
}
.a-magenta {
	background-color:#FF0097;
	color: #FFFFFF;
}
.a-teal {
	background-color:#00ABA9;
	color: #FFFFFF;
}
.a-lime {
	background-color:#8CBF26;
	color: #FFFFFF;
}
.a-brown {
	background-color:#A05000;
	color: #FFFFFF;
}
.a-pink {
	background-color:#E671B8;
	color: #FFFFFF;
}
.a-orange {
	background-color:#F09609;
	color: #FFFFFF;
}
.a-blue {
	background-color:#1BA1E2;
	color: #FFFFFF;
}
.a-red {
	background-color:#E51400;
	color: #FFFFFF;
}
.a-green {
	background-color:#339933;
	color: #FFFFFF;
}
.a-white {
	background-color:#FFFFFF;
	color: #000000;
}
.form-box {
width: 400px;
margin: 90px auto 0 auto;
}
.form-box  .login-Page-Header
{
    
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #FFFFFF;
/*box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);*/
padding: 20px 10px;
text-align: center;
font-size: 26px;
font-weight: 300;
color: #fff;
}
.bg-gray {
background-color: #fff !important;
}
.form-box .body
{
/*padding: 10px 20px;*/
background: #fff;
color: #444;
border: 1px solid #3594B3;
-webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.form-box .footer {
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

.form-box .footer {
    /*  padding: 10px 20px;*/
    
    color: #444;
  margin-top:20px;
    height:64px;
    
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group {

padding-top: 7px;
}
.form-group-height
{
    height:30px;
}
.text-box-width{
    width: 150px;
    box-shadow: none;
    margin-left:10px;
}

.footer > .btn {
margin-bottom: 5px  !important;
background-color:#3594B3 !important;
width: 50px !important;
border:none;
margin-left:152px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid transparent;
-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}
.a-right .btn
{
    background-color:#7bbdd9 !important;
    border:none !important;
}
.login-header
{
    background-color: #3594B3;
color: white;
font-weight: bold;
padding: 5px 5px 5px 5px;
-webkit-border-radius: 10px 10px 0px 0px;
 -moz-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;
text-align:center;
}
.emosheader-size
{
    width:1075px;
    border-left:4px solid #95c265;
  
}
.navbar .nav.pull-right
{
    margin-top:20px !important;
    background-color: #3594B3 !important;

}


@keyframes blink {  
    50% { color: transparent; }
}
@-webkit-keyframes blink {
    50% { color: transparent; }
   
}
.blink {
    -webkit-animation: blink 3s  normal infinite;
    -moz-animation: blink 3s normal infinite;
    -ms-animation: blink 3s normal infinite;
    -o-animation: blink 3s normal infinite;
    animation: blink 3s normal infinite;
} 

li.doctor{
    list-style: none;
    float:left;
    /*height:50px;*/
    width:870px;
    margin:0 30px 10px 0;

}
li.doctor:nth-child(even){
    margin-right:0;
}