/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

body {
    background-color: #fff;
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696968;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

.P2 {
    font-size: 14px;
}

.StepInfo {
    font-size: 18px;
    font-weight: bold;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color:#183748;
}

h1 {
    font-size: 1.5em;
	color:#009;	
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding-top: 5px;
	padding-left: 30px;
	background-image:url(images/fleche03.png);
	background-repeat: no-repeat;
	background-position: left center;
    height: 30px;
}

h3 {
    font-size: 1.2em;
}

h4 
{
    
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

confirmation_text {
    font-size: 1.1em;
    font-weight: bold;
    color: black;
}
legend {
	padding-left: 30px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(images/fleche03.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-transform:uppercase;
	color:#183748;
	
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    width: 100%;
    padding: 0;
    position: relative;
    margin-bottom: 0px;
    color: #000;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    width: 100%;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    float: left;

}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 0px;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0px;
    -webkit-padding-start: 0px;
    -webkit-padding-end: 0px;
    -webkit-padding-after: 0px;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
	background-color:#FFF;
	
}
input,
button {
	border-color: #666;
	padding:8px;
	padding-right: 30px;
	background-position: right center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
}
tableinput.NextDays, tableinput.PreviousDays, tableinput.Previous  {
	color:#FFF;
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-right: 30px;

	background-position: right center;
	background-repeat: no-repeat;
	text-transform:uppercase;
	box-shadow:none;
	border:#999 thin solid;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    width: 200px;
}

input[type="text"].input-validation-error, 
input[type="password"].input-validation-error {
    border: 1px solid #ff0000;
    color: #0988CB;
}

input[type="text"].Confirmation_Control_Mobile {
    width: 100%;
} 

input[type="text"].Confirmation_Control {
    width: 300px;    
}

.Confirmation_Control#PatientFirstName, .Confirmation_Control_Mobile#PatientFirstName, .Confirmation_Control#PatientLastName, .Confirmation_Control_Mobile#PatientLastName {
    text-transform: capitalize;
} 


input[type="text"].Confirmation_Phone {
    width: 235px;    
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type=submit], input[type=reset], input[id=PatientGender] {
	background-image:none;
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
    width: 200px;
 }

input.PreviousDaysDisabled{
	background-color: grey;
	border-color: #666;
	padding:8px;
	padding-right: 8px;
	color:#FFF;
    text-align: right;
	background-image:url(images/fleche02_left.png);
	background-position: left center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
    width: 100%;
 }

input.PreviousDays {
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-right: 8px;
	color:#FFF;
    text-align: right;
	background-image:url(images/fleche02_left.png);
	background-position: left center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
    width: 100%;
 }
input.NextDaysDisabled {
	background-color: grey;
	border-color: #666;
	padding:8px;
	padding-left: 8px;
	color:#FFF;
    text-align: left;
	background-image:url(images/fleche02.png);
	background-position: right center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
    width: 100%;
}

input.NextDays {
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-left: 8px;
	color:#FFF;
    text-align: left;
	background-image:url(images/fleche02.png);
	background-position: right center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
    width: 100%;
 }

input[class=ButtonNext],
input[class=ButtonConfirmation_YES]{
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-left: 8px;
	padding-right: 30px;
	color:#FFF;
    text-align: left;
	background-image:url(images/fleche02.png);
	background-position: right center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
    width: 100px;
 }

input[class=ButtonPrintPage]{
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-left: 8px;
	padding-right: 30px;
	color:#FFF;
    text-align: left;
	box-shadow:none;
	border:#999 thin solid;
    width: 100px;
 }


input[class=ButtonViewLargeMap]{
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-left: 8px;
	padding-right: 30px;
	color:#FFF;
    text-align: left;
	box-shadow:none;
	border:#999 thin solid;
    width: 150px;
 }

input.NextDays:hover,
input.PreviousDays:hover,
input[class=ButtonNext]:hover,
input[class=ButtonPrevious]:hover,
input[class=ButtonConfirmation_NO]:hover,
input[class=ButtonConfirmation_YES]:hover,
input[class=ButtonPrintPage]:hover,
input[class=ButtonNextSubmitExam]:hover,
input[class=ButtonModify]:hover,
input[class=ButtonCancel]:hover,
input[class=ButtonViewLargeMap]:hover{
    	background-color: #0988cb;
	cursor:pointer;
}

input[class=ButtonNextSubmitExam]{
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-left: 8px;
	padding-right: 30px;
	color:#FFF;
    text-align: left;
	background-image:url(images/fleche02.png);
	background-position: right center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
    width: 200px;
 }

input[class=ButtonModify],
input[class=ButtonCancel]{
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-left: 8px;
	padding-right: 30px;
	color:#FFF;
    text-align: left;
	background-position: right center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
    width: 150px;
 }

input[id=RadioBox] {
	background-image:none;
        width: 30px;
	padding:2px;
	padding-left: 2px;
	padding-right: 2px;
}

.ValidationMessage {
    padding-left: 10px;
}

input[class=ButtonPrevious],
input[class=ButtonConfirmation_NO]{
	background-color: #333;
	border-color: #666;
	padding:8px;
	padding-left: 30px;
	padding-right: 8px;
	color:#FFF;
    text-align: right;
	background-image:url(images/fleche02_left.png);
	background-position: left center;
	background-repeat: no-repeat;
	box-shadow:none;
	border:#999 thin solid;
    width: 100px;
 }

.hasDatepicker {
	background-image:url(images/calendrier.png);
	background-color:#FFF;
	color:#183748;
	font-size: 1em;
 }
.singleline {
    border: 1px solid #ccc;
    padding: 2px;
	background-color:#FFF;
	background-image:none;
 }

/* TABLE
----------------------------;------------------------------*/

.ConfirmationListLabelColumn {
    width: 140px;
}

table {
    border-bottom: solid 1px #e8eef4;
	border: solid 1px #e8eef4;
    border-collapse: collapse;
}
/*
table tr {
    display: inline;
}
*/
table td {
    padding: 5px;
    border-bottom: solid 1px #e8eef4;
	border-top: solid 1px #e8eef4;
}

table td[class="ScheduleTD"] {
    padding: 5px;
    border-bottom: solid 1px #e8eef4;
	border-top: solid 1px #e8eef4;
    white-space: nowrap;
}

table td a:link {
	font-weight:bold;
	text-decoration:none;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 20px;
	color:#333;
	display:block;
}
table td a:hover {
	color: #e0e0e0;
}

table th {
    padding: 6px 5px;
    text-align: left;

}
/* column header*/
.columnHeader {
	background-color:#157ec0;
	color:#FFF;
/*	background-image:url(images/fond-table.png);
	border-bottom:#FFF thin solid;*/
	
	}

.PlainTD {
	color: #999;
	font-weight:bold;
	text-decoration:none;
}



/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.formitem,
.display-label, 
.editor-label {
    margin: 1.0em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}


.gridValue-Picture {
    width: 200px;
}
.gridValue-LastName,
.gridValue-FirstName,
.gridValue-Category {
    height: 100%;
    width: 100%;
}

.ButtonPrevious,
.ButtonNext,
.ButtonNextSubmitExam
.ButtonCancel,
.ButtonModify,
.ButtonPrintPage,
.ButtonViewLargeMap {
}

.TableUser {
    border-bottom: solid 1px #e8eef4;
	border: solid 1px #e8eef4;
    border-collapse: collapse;
    width: 100%;
    border: 0;
}
/* column header*/
.columnHeader-Picture {
    width: 20%;
	background-color:#157ec0;
	color:#FFF;
}

.columnHeader-FirstName,
.columnHeader-LastName,
.columnHeader-Category,
.columnHeader {
	background-color:#157ec0;
	color:#FFF;
    width: 200px;
}

.step-Exam-AlreadySubmit,
.step-Admin-RemovalSucess,
.step-Admin-Upload,
.step-UploadFailed,
.step-UploadSucess,
.step-Exam-ViewExisting,
.step-CancelConfirmation,
.step-Cancelled,
.step-CantModify,
.step-AppointmentInformation,
.step-AppointmentPast,
.step-Exam-AlreadySubmitted,
.step-Admin-RemovalFailed,
.step-CancelAppointment-Confirmation,
.step-Login,
.step-ShowBookInformation,
.step-select-visittype,
.step-Admin,
.step-Schedule-Confirmation,
.step-Exam-FormulaNoLongerAvailable,
.step-Exam-PatientNotAvailable,
.step-Exam-Submitted,
.step-Exam-SurveyError,
.step-select-schedule {
}

.step-select-professionnal {
		width: 100%;
		margin-right: 5%;
		float: left;
}

.TableVisitType {
    border-bottom: solid 1px #e8eef4;
	border: solid 1px #e8eef4;
    border-collapse: collapse;
    width: 100%;
    border: 0;
}

.TableLogin {
    width: 700px;
    border: 0px;
    padding: 0px;    
}


.columnHeaderVisitTypeName,
.columnHeaderVisitTypeDuration {
	background-color:#157ec0;
	color:#FFF;
}


.Table-Exam-ViewExisting {
    border: 0px;
    cellspacing=0;
    cellpadding=0;
       
}

.gridSchedule {
    margin-bottom: 20px;
    position:relative; 
    width: 100%
}

.gridValueSchedule1,
.gridValueSchedule2,
.gridValueSchedule3,
.gridValueSchedule4,
.gridValueSchedule5,
.gridValueSchedule6{
    width: 16%;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 20px;
	color:#333;
    text-align: center;
    white-space: nowrap;
}

.gridValueSchedule1Mobile,
.gridValueSchedule2Mobile,
.gridValueSchedule3Mobile,
.gridValueSchedule4Mobile,
.gridValueSchedule5Mobile,
.gridValueSchedule6Mobile{
    width: 33%;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 20px;
	color:#333;
    text-align: center;
    white-space: nowrap;
}

.gridValueSchedule1:hover,
.gridValueSchedule2:hover,
.gridValueSchedule3:hover,
.gridValueSchedule4:hover,
.gridValueSchedule5:hover,
.gridValueSchedule6:hover,
.gridValueSchedule1Mobile:hover,
.gridValueSchedule2Mobile:hover,
.gridValueSchedule3Mobile:hover,
.gridValueSchedule4Mobile:hover,
.gridValueSchedule5Mobile:hover,
.gridValueSchedule6Mobile:hover{
    background-color: lightsteelblue;
	cursor:pointer;
}

.gridHeaderSchedule1,
.gridHeaderSchedule2,
.gridHeaderSchedule3,
.gridHeaderSchedule4,
.gridHeaderSchedule5,
.gridHeaderSchedule6 {
    width: 16%;
    text-align: center;
}

.gridHeaderSchedule1Mobile,
.gridHeaderSchedule2Mobile,
.gridHeaderSchedule3Mobile{
    width: 33%;
    text-align: center;
}

.ScheduleRow {
    height: 35px;
}

.gridValue-Exam-Name,
.gridValue-Exam-SiteVersion,
.gridValue-Exam-FileDate,
.gridValue-Exam-ExamType,
.gridValue-Exam-Link {
    
}

.gridValueWebText {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.gridValueVisitTypeDuration {
    width: 75px;
}
.gridValueVisitTypeName {
    width: 100px;
}

.Table-Schedule-Controls {
    width: 100%;
    margin-top: 10px;
}

.gridValue-Schedule-Button {
    width: 50%;
}

.gridValue-Schedule-Button_Previous_Days {
    width: 100%;
}

.gridValue-Schedule-Button_Next_Days {
    width: 100%;
}

.Table-Appointment-PatientInformation,
.Table-Appointment-Information,
.Table-Book-Information,
.Table-Confirmation-NewValue,
.Table-Confirmation-OldValue {
    
}

.Table-Confirmation-PatientInformation {
    border: none;
    width: 100%;
}

.gridValue-DateTimePicker {
    width: 110px;
    height: 30px;
}

.Row-Confirmation-PatientInformation {
    width: 100%;
}

.gridValue-ConfirmationPatientInformation-Label {
    width: 200px;
    border: 0;
}

.gridValue-ConfirmationPatientInformation-Value {
    width: 100%;
    border: 0;
}

.Confirmation_Control {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    width: 100%    
}

.TableLogin-Row,
.Row-Appointment-PatientInformation,
.gridValue-PatientInformation-Label,
.gridValue-PatientInformation-Value,
.Row-Appointment-Information,
.gridValue-AppointmentInformation-Label,
.gridValue-AppointmentInformation-Value,
.Row-Book-Information,
.gridValue-BookInformation-Label,
.gridValue-BookInformation-Value,
.gridValue-BookInformation-WebText-Label,
.gridValue-BookInformation-WebText-Value,
.Row-Confirmation-NewValue,
.gridValue-ConfirmationNewValue-Label,
.gridValue-ConfirmationNewValue-Value,
.Row-Confirmation-OldValue,
.gridValue-ConfirmationOldValue-Label,
.gridValue-ConfirmationOldValue-Value {
    border: 0;
}

.Login-Column-Username-Label {
    width: 100px;
}

.Login-Column-Username-Value {
    width: 200px;
}

.Login-Column-Password-Label,
.Login-Column-Password-Value,
.Login-Column-Username-Validation, 
.Login-Column-Password-Validation,
.ButtonConfirmation_NO,
.ButtonConfirmation_YES {
    
}

.Admin-Paragraph {
    height: 20px;
}
.Admin-Button {
    width: 300px;
}

.ButtonMainAdministration {
    
}

.ReturnToFirstStep {
    
}

.columnHeader-Exam-Name,
.columnHeader-Exam-ExamType {
    width: 250px;
}

.columnHeader-Exam-SiteVersion {
    width: 85px;
}

.columnHeader-Exam-SiteDate {
    width: 80px;
}

.columnHeader-Exam-Link {
    width: 50px;
}

.SelectSurvey {
    
}

.Admin-Button-Upload,
.Admin-Button-ViewExisting {
    
}

.GreenCategorize {
  /* IE10 */
  background-image: -ms-linear-gradient(bottom center, #7bce6d 0%, #76d466 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(bottom center, #7bce6d 0%, #76d466 100%);
  /* Opera */
  background-image: -o-linear-gradient(bottom center, #7bce6d 0%, #76d466 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, bottom center, right bottom, color-stop(0, #7bce6d), color-stop(2, #76d466));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(bottom center, #7bce6d 0%, #76d466 100%);
  /* Proposed W3C Markup */
  background-image: linear-gradient(bottom center, #7bce6d 0%, #76d466 100%);
  background-color: #7bce6d;
  color: Black;
  vertical-align: middle;
  text-align: center;
  box-shadow: 0 1px 4px white;
}
.RedCategorize {
  /* IE10 */
  background-image: -ms-linear-gradient(bottom center, #d98889 0%, #f1b0b1 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(bottom center, #d98889 0%, #f1b0b1 100%);
  /* Opera */
  background-image: -o-linear-gradient(bottom center, #d98889 0%, #f1b0b1 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, bottom center, right bottom, color-stop(0, #d98889), color-stop(1, #f1b0b1));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(bottom center, #d98889 0%, #f1b0b1 100%);
  /* Proposed W3C Markup */
  background-image: linear-gradient(bottom center, #d98889 0%, #f1b0b1 100%);
  background-color: #d98889;
  color: Black;
  vertical-align: middle;
  text-align: center;
  box-shadow: 0 1px 4px white;
}


.gridValue-AppointmentInformation-Value,
.gridValue-PatientInformation-Value,
.gridValue-BookInformation-Value,
.Display_Professionnal_AppointmentType {
   font-size: 1.1em;
   font-weight: bold;
   color: black;
    
}

.gridValue-BookInformation-WebText-Label {
   vertical-align: text-top;
}

.gridValue-BookInformation-WebText-Value {
   font-size: 1.1em;
   color: black;
}

table td a.NoArrow:link {
	color: #333;
	font-weight:bold;
	text-decoration:none;
	background-image:none;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 20px;
	display:block;
    font-size: 11px;
    text-transform: uppercase;
    
}
table td a.NoArrow:hover {
	background-image:none;
	background-color:transparent;
	color: #616262;
}

.TitlePictureFrench {
    height:40px;
    background: url("../pictures/Title_Fr.jpg") no-repeat;
    background-size: contain;
    display: block;
    border : none;
    outline: none;
}

.TitlePictureEnglish {
    height:40px;
    width: inherit;
    background: white url("../pictures/Title_En.jpg") no-repeat;
    background-size: contain;
    display: block;
    border : none;
    outline: none;
}

.UserRow {
    background: #FFF;
}

.UserRow:hover {
	background:#e0e0e0;
	cursor:pointer;
}

.VisitTypeRow {
    background: #FFF;
    height: 40px;
}

.VisitTypeRow:hover {
	background:#e0e0e0;
	cursor:pointer;
}

.RowForButtonBottom {
    padding-top: 20px;
    border-top: none;
    border-bottom: none;
}

.RowForButtonTop {
    padding-top: 0px;
    border-top: none;
    border-bottom: none;
}

.RowForButtonNext {
    padding-top: 40px;
    border-top: none;
    border-bottom: none;
    direction: rtl;
    }

.UserPicture {
    width: 70px;
}

.ButtonTable {
    border: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.e-datepicker .e-footer {
    background-color: white;
}

.e-datepicker.e-calendar {
    overflow: visible;
}
.e-datepicker-days {
    overflow: visible;
    background-color: white;
}

.e-datepicker .e-header .e-text:hover,
.e-datepicker table td:hover {
    background-color: #0988cb
}

.PatientDOBDay {
    width: 50px;
}

.PatientDOBMonth {
    width: 120px;
}

@media (min-width:0px) and  (max-width: 365px){
    .PatientDOBMonth {
    width: 65px;
    }
}

.PatientDOBYear {
    width: 70px;
}

.e-datepicker .e-datepicker-months td, .e-datepicker .e-datepicker-years td, .e-datepicker .e-datepicker-allyears td {
    background-color: #FFF;
}

.datepicker {
    width: 180px !important;
    padding-left: 10px !important; 
    height: 30px !important;
    border-radius: 5px;
}

.tracker
{
    display:none;
}