input:focus ,select:focus,textarea:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    background:rgba(60,141,188,0.2);
}
.btn:focus,.btn:hover {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    background-color:rgba(0,0,0,0.8) !important;
    color:white!important;
}

    .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=30);
        opacity: 0.3;
    }
    .modalPopup {
    border: 1px solid #999999;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-left: 10px;
    width: 90%;
    height: 90%;
}
    .account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

 .completionList {
        border:solid 1px Gray;
        margin:0px;
        padding:3px;
        height: 120px;
        overflow:auto;
        background-color: #FFFFFF;  
        z-index:9999!important;   
        } 
        .listItem {
        color: #191919;
        } 
        .itemHighlighted {
        background-color: #ADD6FF;       
        }

.ReqFld {
    border: 1px solid #D797A0;
}

	  .back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #67809F;
    font-size: 12px;
    padding: 1em;
    display: none;
    font-weight: bold;
    opacity:0.7;
}

.back-to-top:hover {
    background-color: #3c8dbc;
    color: #FFFFFF;
    font-weight: bold;
    opacity:1;
}

 
 
/* Required */

.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}

.scrollbar
{
 
 
	min-height: 300px!important;
    max-height:2000px!important;
	 
	overflow-y: scroll;
 
}

.force-overflow
{
	min-height: 450px;
}
#SearchResult::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

#SearchResult::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#SearchResult::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #367fa9;
}

 .search-box,.close-icon,.search-wrapper {
	position: relative;
	padding: 7px;
}
.search-wrapper {
	width: 500px;
	margin: auto;
	margin-top: 1px;
}
.search-box {
	width: 200px;
	border: 1px solid #ccc;
  outline: 0;
  border-radius: 15px;
 
}
.search-box:focus {
	    
	  border-color: #3c8dbc !important;
}
.close-icon {
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.close-icon:after {
	content: "X";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	background-color: #FA9595;
	z-index:1;
	right: 35px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 2px;
	border-radius: 50%;
	text-align: center;
	color: white;
	font-weight: normal;
	font-size: 12px;
	box-shadow: 0 0 2px #E50F0F;
	cursor: pointer;
}
.search-box:not(:valid) ~ .close-icon {
	display: none;
}

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}

.selectedmenu {
    /*  background-color: #D5EAFF;
 /*  -moz-border-radius: 5px; /* FF1+ */ /*  -webkit-border-radius: 5px; /* Saf3-4 */ /*  border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ /*  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */ /*  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */ /*   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
    border: 1px solid rgb(21, 197, 255);
    box-shadow: rgb(238, 238, 238) 0px 0px 10px inset;
    background-color: rgb(210, 233, 255);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7)0px 0px 10px inset;
}

.selectedmenu {
    padding:1px 4px;
    margin:0 -4px;
}
.norecord {
    background-color: #FFCCCC;
    color: #C10000;
    font-weight: bold;
}
.LM:focus {
  background-color: #FFCCCC;
    color: #C10000;
    font-weight: bold
}
.form-group {
    margin-bottom: 15px!important;
}
.form-control {
display: block;
width: 100%;
height: 30px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.2!important;
/*font-weight:bold*/
 
}
.textarea {
    height: 50px;
}
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
/*position: relative;
min-height: 1px;*/
 /*padding-right:1px!important; 
padding-left:15px!important;*/ 
}
.alert {
   
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    opacity:0.8;
    font-weight:bold;
    margin-top: -200px;
    font-style:oblique;
    width: 600px;
    margin-left: -300px;
    font-size:20px;
     
    max-height:90%;
    overflow: hidden;
    max-width: 100%;
}
.close {
    float: right;
    /*font-size: 56px;*/
    font-weight: bold;
    line-height: 1;
    color: #000!important;
    text-shadow: 0 1px 0 #fff;
    /* opacity: 0.2; */
    filter: alpha(opacity=20);
}
#divError::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#divError::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

 
.split {
    text-transform: capitalize;
}
/*pad*/
.pad-0 {
    padding: 0px;
}
/*Width*/
.w50 {
    width:50px!important;
}
.w75 {
    width:75px!important;
}
.w100 {
    width:100px!important;
}
.w120 {
    width:120px!important;
}
.w150 {
    width:150px!important;
}
.w200 {
    width:200px!important;
}

.textbox-bg-info {
    border-color: #6CA8D0;
    background-color: #d0e3f0 !important;

}
.delted-row {
    text-decoration: line-through;
    color: red;
    font-weight: bold;
}
 
.mappath {
    float: right;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    top: 15px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    list-style: none;
    overflow: hidden;
    margin-bottom: 2px;
    z-index: 999;
    margin-right: 10px;
}
    .mappath > li + li:before {
        content: '>\00a0';
    }

.text-grey { color:#2c3e50 !important;}
.st-checkbox input { height:28px;}
.btn-primary  { border-bottom-left-radius:3px !important; border-top-left-radius:3px !important;} 
    .dropdown-toggle { border-bottom-left-radius:3px !important; border-top-left-radius:3px !important;}
/*.bredcrum-1 { position:relative; top:44px;}
.header-btn { float:right; min-width:39%; }
    .header-btn a { float:left !important;}
.margin-top-50 { margin-top:50px;}*/

.slimScrollBar {
    background:none!important;
}
 
/*MEDIA QUERY CSS START*/
@media screen and (max-width: 992px) {
    .form-control {
    width:99%;
    }
    .add-btn {
    margin-top:-14px;
    }
    #dvOPDDoc {
    margin-top:40px;
    }
    /*.panel {
    padding:0 10px;
    }*/
    #CPH_dvPatientID { margin-bottom:10px;}
    .margin-bottom-10 { margin-bottom:10px !important;}
    .datepicker { margin-bottom:10px;}
    .datepicker input   { width:89%; border-right:1px solid #ccc!important;}
    .timepicker { padding:0px 15px !important; margin-bottom:10px;}
    .timepicker input { border-left:1px solid #ccc!important;}
    .opdno {min-width:12%; text-align:left !important; }
    .f-name { text-align:left !important; margin-bottom:10px !important;}
    .dr-name  { margin-bottom:10px; border-right:1px solid #ccc !important; border-left:1px solid #ccc !important;}
    .date-input { width: 14%;}
    .form-input { width:83%; margin-bottom:10px;}
    .form-width { width:83%;}
    .form-status    { text-align:right;}
    .pt-name    { text-align:left;}
    .header-btn a { margin-top:10px;}
    .bredcrum-1 { top:54px;}
    .margin-top-50 { margin-top:60px;}
    .header-btn { width:50%;}
}

@media screen and (max-width: 640px) {
    .date-label { float:left; }
    .datepicker input { width:86.5%;}
    .opdno { width:15%;}
     .form-input { width:99%; }
    .form-width { width:99%;}
    .age-left { float:left;}
    .date-input { width:100%;}
    .age-text   { margin-bottom:10px; width:93%;}
    .width100   { width:99% !important;}
    .form-status    { text-align:left;}
    .bredcrum-1 { top:64px; padding:4px 2px;}
    .header-btn { width:74%;}



}
@media screen and (max-width: 480px) {
    .datepicker input   { width:76.5%;}
    .form-input { width:100%; }
    .form-width { width:100%;}
    .btn    {padding:6px;}
    .add-btn { margin-top:-10px;}
    .age-text   { width:90.5%;}
    .width100   { width:99% !important;}
    .datepicker input   { width:76.5%;}
    .margin-top-18  { margin-top:38px!important;}
    .margin-top-28 { margin-top:28px;}
    .ButtonHeader
    {
   
        position: relative!important;
        margin-top: 45px!important;

    }

    .both-margin-10px
    {
        margin-top: 10px !important;
        margin-top: 10px !important;
    }
 
}
@media screen and (max-width: 320px) {
    .datepicker input   { width:73.5%;}
    .btn    { font-size:12px;}
    .add-btn { margin-right:-16px;}
    .opdno  { width:27%;}
    .btn-primary  { border-bottom-left-radius:3px !important; border-top-left-radius:3px !important;} 
    .dropdown-toggle { border-bottom-left-radius:3px !important; border-top-left-radius:3px !important;}
    .margin-left-20 { margin-left:6px !important;}

}
/*MEDIA QUERY CSS END*/

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    /* padding: 8px; */
    line-height: 1.2 !important;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
     padding: 1px!important;  
    text-align: left;
     line-height: 1.2 !important;
}

.timeline {
    width: 100%!important;
    position: relative!important;
    padding: 1px 0!important;
    list-style: none!important;
    font-weight: 300!important;
}
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    width: inherit;
}

legend.scheduler-border {
    font-size: .9em !important;
    /* font-weight: bold !important; */
    text-align: left !important;
    border: none;
    width: 100px;
    text-align: left !important;
}

.linestyle
{
    margin: 6px;
    width: 125%;
    margin-left: -40px;
    border-top: 1px solid #eee;

}

/*.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 6px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-family:arial,sans-serif;
  
    color:#17202A;
}
  .table-striped > tbody > tr:nth-child(odd) > th {
    padding: 5px;
    font-weight: bold;
    white-space: nowrap;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    background-color: #EFEFEF;
    vertical-align: bottom;
    text-align: left;
}
  .table tr td a,th  a
{
    color: #3366CC;
    font-weight: bold;
}
  .table-responsive {
    overflow-x: inherit!important;
    min-height: 0.01%;
}*/
  .info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
  .info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}
  .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #d9edf7 !important;
}
  .info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

  .info-box-number {
    display: block;
    font-weight: bold;
    font-size: 24px;
}
  .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none!important;
}
@media screen and (max-width: 768px) {
    .lead {
        font-size: 16px!important;
    }
}
.lead {
    margin-bottom: 5px;
    font-size: 16px!important;
    font-weight: 300;
    line-height: 1.4;
}
.offer-content {
    padding: 0 2px 0px!important;
}
.offer {
 
    min-height: 290px!important;
}