body{
	padding:70px 10px;
}
body.ifm_body{
	padding: 10px 0px !important;
}

pre{
	white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 576px){
	.nav>li>a {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

.btn {
    white-space: normal;
    margin-bottom: 2px;
}

a.btn-link:hover,a.btn-link:focus{
	text-decoration:underline !important;
}

.input-group-btn .btn{
	white-space: nowrap;
}

.photo{
	/*profile photos*/
	height: 50px;
	cursor:pointer;
}

/*disable bootbox prompt close button*/
.bootbox-prompt .bootbox-close-button.close{
	display: none !important;
}
h1, h2, h3, h4, h5, h6{
	font-family: verdana, "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.table td .btn{
	margin: 2px;
}

/*this is for fancy 3d buttons*/

.bigradius{
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px !important;
	border-radius:300px !important;
	margin: 15px 0px;
}

.btn-success.bigradius{
	-webkit-box-shadow: 0px 9px 0px rgba(39, 87, 50, 1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(39, 87, 50, 1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(39, 87, 50, 1), 0px 9px 25px rgba(0,0,0,.7);
}

.btn-danger.bigradius{
	-webkit-box-shadow: 0px 9px 0px rgba(165, 23, 39, 1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(165, 23, 39, 1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(165, 23, 39, 1), 0px 9px 25px rgba(0,0,0,.7);
}

.btn-warning.bigradius{
	-webkit-box-shadow: 0px 9px 0px rgba(178, 77, 33, 1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(178, 77, 33, 1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(178, 77, 33, 1), 0px 9px 25px rgba(0,0,0,.7);
}

.btn-primary.bigradius{
	-webkit-box-shadow: 0px 9px 0px rgba(50, 69, 145, 1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(50, 69, 145, 1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(50, 69, 145, 1), 0px 9px 25px rgba(0,0,0,.7);
}

.btn-success.bigradius:focus, .btn-success.bigradius:active{
	 -webkit-box-shadow: 0px 3px 0px rgba(39, 87, 50, 1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(39, 87, 50, 1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(39, 87, 50, 1), 0px 3px 6px rgba(0,0,0,.9);
}

.btn-danger.bigradius:focus, .btn-danger.bigradius:active{
	-webkit-box-shadow: 0px 3px 0px rgba(165, 23, 39, 1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(165, 23, 39, 1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(165, 23, 39, 1), 0px 3px 6px rgba(0,0,0,.9);
}

.btn-warning.bigradius:focus, .btn-warning.bigradius:active{
	-webkit-box-shadow: 0px 3px 0px rgba(178, 77, 33, 1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(178, 77, 33, 1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(178, 77, 33, 1), 0px 3px 6px rgba(0,0,0,.9);
}

.btn-primary.bigradius:focus, .btn-primary.bigradius:active{
	-webkit-box-shadow: 0px 3px 0px rgba(50, 69, 145, 1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(50, 69, 145, 1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(50, 69, 145, 1), 0px 3px 6px rgba(0,0,0,.9);
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

/*end*/

.btn-lg, .btn-sm, .btn{
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px !important;
	border-radius:300px !important;
}

.input-group-btn .btn{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius:0px !important;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius:0px !important;
}

input.error{
	border: 1px solid red;
}

.clear{
	clear: both;
}

.navbar{
	min-height: 30px;
}

.navbar-nav li{
	display: inline-block !important;
}

footer{
	font-size: 12px;
	text-align: center;
	padding: 5px 10px;
}

.breadcrumb{
	font-size: 2em;
}

.tip_msg{
	color: red;
	text-align: center;
}

.nav-clinicnumber.ok{
	color: #16EB1A !important;
}

.nav-clinicnumber.oktooslow{
	color: #efe657 !important;
}

.nav-clinicnumber.notOk{
	color: red !important;
}

.nav-clinicnumber.ok span, .nav-clinicnumber.oktooslow span{
	display: none;
}

.nav-clinicnumber.notOk span{
	display: "";
}

.debugbox{
	position: fixed;
	right: 0px;
	bottom: 40px;
	display: inline;
	border: 1px #AFACAC solid;
	background: #D4D0D0;
	color: red;
	padding: 10px 5px;
	cursor:pointer;
}

.font-normal{
	font-size: 14px;
}

.font18{
	font-size: 18px;
}

/*this is for bubble tutorial*/
.tutorialbub{
	-webkit-border-radius: 36px 12px;
	-moz-border-radius: 36px / 12px;
	border-radius: 36px / 12px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	background: yellow;
	padding: 10px;
}

.font-normal{
	font-weight: normal !important;
}

.font-bold{
	font-weight: bolder !important;
}

.btn-xlg{
  font-size: 22px;
  padding: 21px 24px;
}

.font-small {
	font-size: 12px;
	display: block;
	line-height:1.5 !important;
}

.font-lg {
	font-size: 1.8em;
}

.waitingmodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/static/images/loading.gif') 
                50% 50% 
                no-repeat;
}

.videCfmBox .bootbox-body{
	max-height: 300px !important;
	overflow-y: auto; 
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .waitingmodal {
    display: block;
}

.qn h3.qtitle, .qn h3.qtitle-tip, .qn .qtitle h2{
	color: rgb(28, 4, 171);
}

/***********the css for qn which come from the wiki************************/
.qtitle .infobox{
	border: 1px solid #aaa;
  border-spacing: 3px;
  background-color: #f9f9f9;
  color: black;
  margin: 0.5em 0 0.5em 1em;
  padding: 0.2em;
  float: right;
  clear: right;
  font-size: 88%;
  line-height: 1.5em;
  width:22em;
}

.qtitle div.thumb {
    margin-bottom: .5em;
    width: auto;
    background-color: transparent;
}

div.tright, div.floatright, table.floatright {
    clear: right;
    float: right;
}

.qtitle div.tright{
	margin:.5em 0 1.3em 1.4em;
}

div.tleft, div.floatleft, table.floatleft {
    float: left;
    clear: left;
}

.qtitle div.tleft {
    margin: .5em 1.4em 1.3em 0;
}

.qtitle div.thumbinner {
    border: 1px solid #ccc;
    padding: 3px;
    background-color: #f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
    min-width: 100px;
}

.qtitle .thumbcaption {
    border: none;
    line-height: 1.4em;
    padding: 3px;
    font-size: 94%;
    text-align: left;
    color:black !important;
}

.qtitle span.mw-headline{
	font-weight: normal !important;
}

/********************end******************/

.allowspeak{
	background-image: url('/static/images/mic1.png') !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;  
}

.forbidspeak{
	background-image: url('/static/images/mic2.png') !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;  
}

.furtherqct .btn{
    margin: 3px;
}

.furtherqct #s_logct{
	padding-top: 30px;
}

.question textarea.inputfield{
	height: 200px;
}

.input-row{
	position: relative;
	padding-bottom: 5px;
}
.input-row .del-input-row {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}

.qtitle p, .qtitle ul, .qtitle table{
	color: black !important;
}

.font-lightgray{
	color: #d3d3d3;
}

.qnselector-body{
	width: 100%; 
}

.qnselector-body .qnlist-ct{
	height: 300px;
	overflow-y: auto;
}
.qnselector-body .qn-item{
	padding: 2px 5px;
}

.qnselector-body .qn-title{
	font-weight: bolder;
	cursor: pointer;
}

.qnselector-body .selector-toolbar{
	padding: 5px;
}
.qnselector-chz-results .btn{
	margin:1px;
}

/****for Splash screen***/
.splash{
	height: 500px;
	/*color:#fff;*/
	background-color: #fff;
	text-align: center;
}

.splash.drapp{
	background: url("/static/images/DoctorAppphoto.jpg") no-repeat center center fixed;
}

.splash.ptapp{
	background: url("/static/images/PatientAppphoto.jpg") no-repeat center center fixed;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.splash .site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
.splash .site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.splash .cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.splash .inner {
  padding: 30px;
}

/*
 * Cover
 */

.splash .cover {
  padding: 0 20px;
}
.splash .cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}

.splash .cover h1{
	font-size: 7em;
	color: #3cbdd5;
}

.splash .cover a{
  font-size: .5em;
  color: white;
}

.splash .cover .lead{
	font-size: 25px;
}

/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Start the vertical centering */
  .splash .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .splash .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .splash .cover-container {
    width: 700px;
  }
}