html {
  scroll-behavior: smooth;
}

* {
   cursor: default;
}

th, td {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



.fontWithHoverOrange{
  background:#fff;
  color:#2375cc;
}
.fontWithHoverOrange:hover{
  background:darkred;
  color:#fff;
}


.fixedHeader{
  position:fixed;
  background:#83a4c7;
  width: 98%;
  height:auto;
  margin-left:1%;
  display:block;
  padding-bottom:4px;
  z-index:100;
}

.headerBox1{
  height:auto;
  margin-left:1%;
  display:block;
  float:left;
  width:98%;
}
.headerBox2{
  height:20px;
  margin-left:1%;
  display:block;
  float:left;
  width:48%;
}
.headerBox3{
  height:20px;
  margin-left:1%;
  display:inline-block;
  float:left;
  width:48%;
}

.spacer{
  height:95px;
  width:100%;
  float:left;
  display:block;
}
.menuList{
  position:fixed;
  background:lightgrey;
  width: auto;
  height:auto;
  z-index:500;
  top:0;
  right:0;
  display:none;
}


.button {
  float:left;
  background-color: #fff;
  border:none;
  border-radius: 2px;
  font-size: 11px;
  color: #000;
  padding: 4px 10px 4px 10px;
  width: auto;
  height: 19px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  margin:0px 2px 1px 2px;
}
.button:hover {
  background-color: #fc5203;
  color: #000;
  text-decoration: none;
}

.activeButton {
  float:left;
  background-color: #193666;
  border:none;
  border-radius: 2px;
  font-size: 11px;
  color: #fff;
  padding: 4px 10px 4px 10px;
  width: auto;
  height: 19px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  margin:0px 2px 1px 2px;
}
.activeButton:hover {
  background-color: #fc5203;
  color: #000;
  text-decoration: none;
}

.flashing-button {
  padding: 4px 10px 4px 10px;
  font-size: 11px;
  color: #fff;
  background-color: #193666;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  animation: flash 1s infinite; /* Apply the animation */
}

@keyframes flash {
  0%, 100% {
    background-color: #193666; /* Starting and ending color */
  }
  50% {
    background-color: green; /* Midway color */
  }
}

@keyframes flashOrange {
  0%, 100% {
    background-color: #b50e02; /* Starting and ending color */
  }
  50% {
    background-color: #193666; /* Midway color */
  }
}

.saveButton {
  float:left;
  background-color: #69b783;
  border:none;
  border-radius: 2px;
  font-size: 11px;
  color: #000;
  padding: 4px 10px 4px 10px;
  width: auto;
  height: 19px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  margin:0px 1px 1px 1px;
}
.saveButton:hover {
  background-color: #fc5203;
  color: #000;
  text-decoration: none;
}

.gotoChartButton {
  float:left;
  background-color: #428bff;
  border:none;
  border-radius: 2px;
  font-size: 11px;
  color: #000;
  padding: 3px;
  width: auto;
  height: 19px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}
.gotoChartButton:hover {
  background-color: #fc5203;
  color: #000;
  text-decoration: none;
}

.gotoChartButtonNewWin {
  float:left;
  background-color: #cf43d1;
  border:none;
  border-radius: 2px;
  font-size: 11px;
  color: #000;
  padding: 3px;
  width: auto;
  height: 19px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}
.gotoChartButtonNewWin:hover {
  background-color: #b0aeb0;
}

.saveInactiveButton {
  float:left;
  background-color: grey;
  border:none;
  border-radius: 2px;
  font-size: 11px;
  color: #fff;
  padding: 4px 10px 4px 10px;
  width: auto;
  height: 19px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  margin:0px 1px 1px 1px;
}
.saveInactiveButtonRed {
  float:left;
  background-color: #c20000;
  border:none;
  border-radius: 2px;
  font-size: 11px;
  color: #000;
  padding: 4px 10px 4px 10px;
  width: auto;
  height: 19px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  margin:0px 1px 1px 1px;
}
.saveInactiveButtonRed:hover {
  background-color: grey;
}

.menuButton {
  display:block;
  background-color: grey;
  border:none;
  border-radius: 2px;
  font-size: 11px;
  color: #000;
  padding: 4px;
  width: auto;
  height: 19px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  z-index:500;
  margin:1px;
}
.menuButton:hover {
  background-color: #fc5203;
  color: #000;
  text-decoration: none;
}

.pastRecordsTable{
  background:lightgrey;
  width:100%;
}

.pastRecordsTable tr{
  height:20px;
  width:100%;
}
.pastRecordsTable th{
  font-size: 11px;
  font-weight:bold;
  padding-left:1%;
  padding-top:5px;
  background:#193666;
  color:#fff;
}
.pastRecordsTable tr:hover{
  background:#5391b8;
}
.pastRecordsTable td{
  font-size: 11px;
  padding-left:1%;
  padding-top:5px;
}

.recordTabs{
  height:auto;
  width: auto;
  padding-bottom:3px;
  display:block;
  float:left;
}

.lastExam{
  margin-left:10px;
  width:auto;
}

.complaintLabels{
  float:left;
  display:block;
  position:relative;
  width:24%;
  font-size: 11px;
  text-align:right;
  margin-top:2px;
  color:#000;
}
.complaintLabelss{
  float:left;
  display:block;
  position:relative;
  width:24%;
  font-size: 11px;
  text-align:right;
  margin-top:2px;
  color:#000;
}
.complaintLabels1{
  float:left;
  display:block;
  position:relative;
  width:24%;
  font-size: 11px;
  text-align:right;
  margin-top:2px;
  color:#000;
}

.complaintLabels2{
  float:left;
  display:block;
  position:relative;
  width:24%;
  font-size: 11px;
  text-align:right;
  margin-top:2px;
  color:#000;
}

.complaintLabels3{
  float:left;
  display:block;
  position:relative;
  width:24%;
  font-size: 11px;
  text-align:right;
  margin-top:2px;
  color:#000;
}

.complaintLabels4{
  float:left;
  display:block;
  position:relative;
  width:24%;
  font-size: 11px;
  text-align:right;
  margin-top:2px;
  color:#000;
}

.complaintGears{
  float:left;
  display:block;
  position:relative;
  width:10px;
  height:10px;
  background-image: url("smallGear.png");
  background-repeat: no-repeat;
}

.smallGearHover{
  opacity: 1;
  border:none;
}
.smallGearHover:hover{
  opacity: .5;
  border:1px solid red;
}



.iopLabels{
  width:20%;
  margin-left:5%;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 11px;
  font-weight:bold;
  text-align:right;
  margin-top:5px;
  display:block;
  float:left;
  position:relative;
}

.iopInput{
  width:25%;
  height:19px;
  float:left;
  display:block;
  position:relative;
  margin-top:2px;
  border:.5px solid #000;
  font-size: 10px;
}

.iopInput2{
  width:15px;
  height:15px;
  float:left;
  display:block;
  position:relative;
  margin-top:2px;
  border:none;
  background:#83a4c7;
  font-size: 10px;
  direction: rtl;
  text-align: left;
}







.iopDiv{
  width:47%;
  height:30px;
  margin-left:1%;
  display:inline-block;
}


.complaintInputs{
  color:#000;
  margin-top:4px;
  font-size: 11px;
  height:15px;
}

.paymentMothodClass{
  margin-top:4px;
  font-size: 11px;
  height:15px;
}


.menuIcon{
  float:right;
  top:0;
  right:0;
  height:29px;
  width:27px;
  position:absolute;
  border:1px solid #3f5c8c;
  background: url("../menu.png") no-repeat;
}
.menuIcon:hover{
  background: url("../menuHover.png") no-repeat;
}

.gearIcon{
  float:right;
  top:0;
  right:30px;
  position:absolute;
  height:29px;
  width:27px;
  border:1px solid #3f5c8c;
  background: url("../gear.png") no-repeat;
}
.gearIcon:hover{
  background: url("../gearHover.png") no-repeat;
}






.invoiceIcon{
  float:right;
  top:0;
  right:60px;
  position:absolute;
  height:29px;
  width:27px;
  border:1px solid #3f5c8c;
  background: url("../invoice.png") no-repeat;
  display:none;
}
.invoiceIcon:hover{
  background: url("../invoiceHover.png") no-repeat;
}
.invoiceIconInactive{
  float:right;
  top:0;
  right:60px;
  position:absolute;
  height:29px;
  width:27px;
  border:1px solid #3f5c8c;
  background: url("../invoiceInactive.png") no-repeat;
}





.profile-wrapper1 {
  display: block;
  float:left;
  position:relative;
  padding-bottom: 4px;
  width: 99%;
  height: auto;
  background-color: #eff6fd;
  margin-left: 1%;
  margin-top:40px;
}

.profileTable{
  width: 99%;
  margin-left:1%;
  margin-top:15px;
}

.profileTable th{
  font-size: 10px;
  width:auto;
}

.profileTable td{
  width:auto;
  border: none;
}

.profileTable td input {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 9px;
  background-color: #fff;
  border:1px solid #3f5c8c;
  padding: 2px;
  cursor: default;
  width: 100%;
  display: inline-block;
  float:left;
  height:auto;
}

.searchPatient{
  float:left;
  border:1px solid red;
  width: 15%;
  min-width:150px;
  height: 19px;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 11px;
  color: #000;
}

.searchInvoice{
  float:left;
  border:1px solid red;
  width: 15%;
  min-width:150px;
  height: 19px;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 11px;
  color: #000;
}

.records{
  position: fixed;
  display:none;
  float:left;
  height:400px;
  width: 35%;
  min-width:300px;
  background-color: lightgrey;
  z-index: 3;
  margin-left:1%;
}

.patient-create{
  position: fixed;
  display: none;
  width: 345px;
  height: auto;
  top: 5%;
  left:15%;
  animation-name: modalopen;
  animation-duration: 1s;
  border: solid 1px #444;
  border-radius: 9px;
  -webkit-box-shadow: 0 0 35px 35px #666;
  -moz-box-shadow: 0 0 35px 35px #666;
  box-shadow: 0 0 35px 35px #666;
  z-index: 100000000;
  padding: 5px;
  background-color:#fff;
  overflow:auto;
}

.referral-create{
  position: fixed;
  display: none;
  width: 35%;
  height: auto;
  top: 5%;
  left:15%;
  animation-name: modalopen;
  animation-duration: 1s;
  border: solid 1px #444;
  border-radius: 9px;
  -webkit-box-shadow: 0 0 35px 35px #666;
  -moz-box-shadow: 0 0 35px 35px #666;
  box-shadow: 0 0 35px 35px #666;
  z-index: 100000000;
  padding: 5px;
  background-color:#fff;
  overflow:auto;

}






.closeBtn{
  padding:5px;
  margin-top:-3px;
  color: #fff;
  float: right;
  background-color: #ff0000;
  cursor: pointer;
  border-radius: 3px;
}
.closeBtn:hover{
  opacity: .5;
}

.codeSection{
  width:98%;
  margin-left:1%;
  margin-top:8px;
  display:block;
  float:left;
  padding:3px;
  border:1px solid #3f5c8c;
}

.codes{
  margin-left:.2%;
  font-size: 10px;
  color:#000;
  width:100px;
  display:none;
}

.patientInfo{
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:#b5191c;
  width:auto;
}

.complaintsSection{
  width:48%;
  height:290px;
  float:left;
  display:block;
  position:relative;
  margin-top:.5%;
  margin-left:1%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}

.complaintSelect{
  width:73%;
  height:15px;
  float:left;
  display:block;
  position:relative;
  margin-top:2px;
  border:.5px solid #000;
  font-size: 10px;
}
.complaintSelec{
  width:1.5%;
  height:15px;
  float:left;
  display:block;
  position:relative;
  margin-top:2px;
  border:none;
  background:#83a4c7;
  font-size: 10px;
  min-width:15px;
  direction: rtl;
  text-align: left;
}


.complaintSelectInput{
  width:71.5%;
  height:15px;
  float:left;
  display:block;
  position:relative;
  margin-top:2px;
  border:.5px solid #000;
  font-size: 10px;
}



.complaintNotes{
  width:73%;
  height:35px;
  float:left;
  display:block;
  position:relative;
  margin-right:.5%;
  margin-top:.5%;
  border:.5px solid #000;
  font-size: 10px;
  resize: none;
}
.ocularHistorySection{
  width:48%;
  height:290px;
  float:left;
  display:block;
  position:relative;
  margin-left:2%;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}

.medicalHistorySection{
  width:48%;
  height:170px;
  float:left;
  display:block;
  position:relative;
  margin-top:.5%;
  margin-left:1%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}




.occupationSection{
  width:48%;
  height:170px;
  float:left;
  display:block;
  position:relative;
  margin-left:2%;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}


.pupilsSection{
  width:98%;
  height:auto;
  float:left;
  display:block;
  position:relative;
  margin-left:1%;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}


.pupilsText1{
  width:49%;
  height:80px;
  float:left;
}

.pupilsText2{
  width:49%;
  height:80px;
  display:inline-block;
  margin-left:2%;
}

.pupilsTextArea{
  width:73%;
  height:25px;
  margin-top:2px;
  margin-left:10%;
  border:.5px solid #000;
  font-size: 11px;
  resize: none;
}

.confrontationSection{
  width:32%;
  height:60px;
  float:left;
  display:block;
  position:relative;
  margin-top:.5%;
  margin-left:1%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}

.canvasAnterior{
  max-width:300px;
  background-image: url("../anteriorSmall.png");
  background-repeat:no-repeat;
  background-size:contain;
}

.canvasPosterior{
  max-width:300px;
  background-image: url("../posteriorSmall.png");
  background-repeat:no-repeat;
  background-size:contain;
}

.penStyle{
  width:300px;
  margin-top:1px;
  height:15px;
  display:block;
  font-size:11px;
  text-align:center;
  padding-top:2px;
  color:#fff;
}

.undo{
  float:left;
  background: url("../undo.png") no-repeat;
  display: inline-block;
  background-color:transparent;
  width:25px;
  height:25px;
}

.undo:hover{
  background: url("../undo2.png") no-repeat;
}
.redo{
  float:left;
  background: url("../redo.png") no-repeat;
  margin-left:250px;
  display: inline-block;
  background-color:transparent;
  width:25px;
  height:25px;
}

.redo:hover{
  background: url("../redo2.png") no-repeat;
}

.ampAcc{
  height:65px;
  width:15.5%;
  float:left;
  display:block;
  position:relative;
  margin-top:.5%;
  margin-left:1%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}

.entranceNotes{
  height:65px;
  width:65%;
  float:left;
  display:block;
  position:relative;
  margin-top:.5%;
  margin-left:1%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;

}

.contactRgbSection{
  width:32%;
  height:auto;
  float:left;
  display:block;
  position:relative;
  margin-top:.1%;
  margin-left:1%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}

.binocularNpa{
  height:100px;
  width:19.22%;
  margin-left:.5%;
  display:inline-block;
  float:left;
  position:relative;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}

.binocularHorizontal{
  float:left;
  display:inline-block;
  position:relative;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
  height:88px;
  width:24.5%;
  margin-left:.5%;
}

.binocularVertical{
  float:left;
  display:inline-block;
  position:relative;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
  height:88px;
  width:34.5%;
  margin-left:.5%;
}

.binocularCross{
  float:left;
  display:inline-block;
  position:relative;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
  height:88px;
  width:19%;
  margin-left:.5%;
}


.binocularVergBl{
  float:left;
  display:inline-block;
  position:relative;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
  height:88px;
  width:29%;
  margin-left:.5%;
}

.binocularVergBd{
  /*float:left;*/
  display:inline-block;
  position:relative;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
  height:88px;
  width:19.75%;
  margin-left:.5%;
}

.refractiveNotes{
  width:48.5%;
  height:50px;
  float:left;
  display:block;
  position:relative;
  margin-left:1%;
  margin-top:.5%;
  border:1px solid #3f5c8c;
  padding-bottom:5px;
}



.patientInfoQueryDropdown{
  left:1%;
  display: none;
  position: absolute;
  height:auto;
  width: 330px;
  overflow: auto;
  max-height: 300px;
  margin-top: 18px;
  border:2px solid #7a7979;
  background-color: #fff;
  z-index: 100100;
}

.patient-info-table{
  width:100%;
  font-size:11px;
  z-index:100100;
}

.patient-info-table tr{
  z-index:100100;
}

.patient-info-table tr:hover{
  background-color:#bec5d1;
}

.patient-info-table  th{
  height:18px;
  padding-top:3px;
  text-align: center;
  font-size:11px;
  background-color:#193666;
  color:#fff;
  border: 1px solid #fff;
  position: sticky;top: 0;
  z-index:1000;
}
.patient-info-table  td{
  border:1px solid #cfd0d4;
  font-size: 12px;
  padding-left:5px;
  cursor: default;
  background:transparent;
  z-index:100100;
}


.invoice-info-table{
  width:100%;
  font-size:11px;
}

.invoice-info-table tr:hover{
  background-color:#bec5d1;
}

.invoice-info-table tr th{
  height:18px;
  padding-top:3px;
  text-align: center;
  font-size:11px;
  background-color:#193666;
  color:#fff;
  border: 1px solid #fff;
  position: sticky;top: 0;
font-weight:bold;
}

.invoice-info-table tr td{
  border:1px solid #cfd0d4;
  font-size: 11px;
  padding-left:5px;
  cursor: default;
  background:transparent;
}

.patientInfoQueryDropdownTable{
  font-size:11px;
  table-layout: fixed;
  width: 300px;
  overflow: auto;
}


.patientInfoQueryDropdownTable tr:hover{
  background-color:lightgrey;
  opacity:2;
}
.patientInfoQueryDropdownTable th{
  Color: #fff;
  background-color:#2f3a5c;
  width: 100px;
  overflow: hidden;
}
.patientInfoQueryDropdownTable td{
  padding:2px;
  width: 100px;
  overflow: hidden;
  color:#000;
  border:1px solid #d6d6d6;
}


.setupScreen{
  font-size:11px;
  table-layout: fixed;
  width: 300px;
  overflow: auto;
}


.setupScreen tr:hover{
  background-color:lightgrey;
}
.setupScreen td{
  padding:2px;
  overflow: hidden;
  height:15px;
}









.createInvoice{
  position: fixed;
  display: none;
  width: 80%;
  height: auto;
  top: 10%;
  left:10%;
  animation-name: modalopen;
  animation-duration: 1s;
  border: solid 1px #444;
  border-radius: 9px;
  -webkit-box-shadow: 0 0 35px 35px #666;
  -moz-box-shadow: 0 0 35px 35px #666;
  box-shadow: 0 0 35px 35px #666;
  z-index: 1000;
  padding: 5px;
  background-color:#fff;
}
.createInvoiceHeader{
  display:block;
  float:left;
  position:relative;
  width:100%;
  height:auto;
  background:#0a74c9;
  padding:5px;
  border-radius: 3px;
}

.addCharge{
  font-weight:bold;
  font-size:32px;
  color:green;
  display:block;
  float:left;
  margin-top:7px;
  width:30px;
  padding-left:5px;
}
.addCharge:hover{
  color:#fff;
  background-color:green;
}


.deleteCharge{
  float:left;
  display:block;
  position:relative;
  width:100%;
  margin:0px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:red;
  padding-top:2px;
}
.deleteCharge:hover{
  color:#fff;
  background:red;
}

.addPlusSign{
  color:green;
  font-size:14px;
  font-weight:bold;
  text-align:center;
}
.addPlusSign:hover{
  color:#000;
  background:green;
}


.closeXSign{
  color:red;
  font-weight:bold;
  font-size:11px;
  text-align:center;
}

.closeXSign:hover{
  color:#000;
  background:red;
}


.templateCloseXSign{
  color:red;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  vertical-align:middle;
}

.templateCloseXSign:hover{
  color:#000;
  background:red;
}






#eoPng{
  margin: 50px 45% 50px 45%;
  width:10%;
  /*box-shadow: 10px 10px 50px 10px  #d5dbde;
  -moz-box-shadow: 10px 10px 50px 10px  #d5dbde;
  -webkit-box-shadow: 10px 10px 50px 10px #d5dbde;
  -khtml-box-shadow: 10px 10px 50px 10px  #d5dbde;
  border-radius: 50%;*/
  display:block;
}

.lock{
  width: 20px;
  height: 30px;
  background: url("../lock.png") no-repeat;
  display: inline-block;
  background-color:transparent;
}

.lock:hover {
    background: url("../lock2.png") no-repeat;
}

.unlock{
  width: 20px;
  height: 30px;
  background: url("../unlock.png") no-repeat;
  display: inline-block;
  background-color:transparent;
}

.unlock:hover {
    background: url("../unlock2.png") no-repeat;
}


.lockBackground{
  width:3%;
}

.lockBackground:hover{
  background-color:lightgrey;
}


.plus{
  width: 20px;
  height: 30px;
  background: url("../plus.png") no-repeat;
  display: inline-block;
  background-color:transparent;
}

.plus:hover {
    background: url("../plus2.png") no-repeat;
}

.plusBackground{
  width:3%;
}

.plusBackground:hover{
  background-color:lightgrey;
}

/* Fancy background */

.notFancy{
  background:#fff;
  transition: all 1s ease;
}
/*
.fancy {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}
*/

.fancy {
  background-color:pink;
  transition: all 1s ease;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}



/* Fancy background  end*/

.nextRx{
  background-color:#fa7005;
  width:100px;
  border:none;
  font-size:11px;
  text-align:center;
  height:20px;
  cursor: default;
}
.nextRx:hover{
  background-color:#d15c02;
}

.nextRxInactive{
  background-color:grey;
  width:100px;
  border:none;
  font-size:11px;
  text-align:center;
  height:20px;
  cursor: default;
}

.medRxPrint{
  width:98%;
  margin-left:1%;
  font-size: 7px;
  font-weight:normal;
  color:#02305c;
  border-collapse:separate;
  border-spacing: 0 .5em;
}

.medRxPrint tr td{
  font-size: 7px;
}


.createExamReport{
  position: fixed;
  display: none;
  width:50%;
  height:auto;
  top: 15%;
  left:10%;
  padding:10px 10px 10px 10px;
  background:#fff;
  z-index:100000;
  overflow:auto;
  max-height:85%;
  border:10px solid lightgrey;
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 9px;
  -webkit-box-shadow: 0 0 35px 35px #666;
  -moz-box-shadow: 0 0 35px 35px #666;
  box-shadow: 0 0 35px 35px #666;
  min-width:400px;
}








@media screen and (max-width: 1180px) {
  .headerBox1{
    width:98%;
    display:block;
  }
  .headerBox2{
    width:98%;
    display:block;
    margin-left:1%;
  }
  .headerBox3{
    width:98%;
    display:block;
    margin-left:1%;
  }
  .spacer{
    height:110px;
  }

  .button {
    padding: 1px;
    height: 18px;
  }

  .activeButton {
    padding: 1px;
    height: 18px;
  }

  .saveButton {
    padding: 1px;
    height: 18px;
  }
  .saveInactiveButton {
    padding: 1px;
    height: 18px;
  }

  .saveInactiveButtonRed {
    padding: 1px;
    height: 18px;
  }


  .complaintsSection{
    width:98%;
    margin-top:1%;
  }

  .ocularHistorySection{
    width:98%;
    height:auto;
    margin-top:1%;
    margin-left:1%;
  }


  #NotesOcular{
    height:40px;
  }

  .medicalHistorySection{
    width:98%;
    height:auto;
  }


  .occupationSection{
    width:98%;
    height:auto;
    margin-top:1%;
    margin-left:1%;
  }


  .pupilsSection{
    margin-top:1%;
  }

  .pupilsText1{
    /*width:100%;*/
  }

  .pupilsText2{
    /*width:100%;
    margin-left:0px;*/
  }

  .confrontationSection{
    width:98%;
    margin-top:1%;
  }

  .ampAcc{
    width:98%;
    margin-top:1%;
  }

  .entranceNotes{
    width:98%;
    margin-top:1%;
  }




  .contactRgbSection{
    width:98%;
  }

  .binocularNpa{
    width:98%;
    margin-left:1%;
    display:block;
  }

  .binocularHorizontal{
    display:block;
    width:98%;
    margin-left:1%;
  }
  .binocularVertical{
    display:block;
    width:98%;
    margin-left:1%;
  }

  .binocularCross{
    display:block;
    width:98%;
    margin-left:1%;
  }

  .binocularVergBl{
    display:block;
    width:98%;
    margin-left:1%;
  }

  .binocularVergBd{
    display:block;
    width:98%;
    margin-left:1%;
  }


  .refractiveNotes{
    width:98%;
    height:auto;
    margin-top:1%;
  }

  .referral-create{
    width: 50%;
    left:8%;
  }
}



@media screen and (max-width: 750px) {

  .patientInfo{
    font-size:9px;
    font-weight:normal;
    height: auto;
  }

  .codes{
    width:50px;
  }

  .button {
    font-size:9px;
    font-weight:normal;
    /*height: auto;*/
  }

  .activeButton {
    font-size:9px;
    font-weight:normal;
  }

  .saveButton {
    font-size:9px;
    font-weight:normal;
  }

  .saveInactiveButton {
    font-size:9px;
    font-weight:normal;
  }

  .saveInactiveButtonRed {
    font-size:9px;
    font-weight:normal;
  }

  .complaintInputs{
    font-size: 9px;
    font-weight:normal;
    /*height: auto;*/
  }

  .paymentMothodClass{
    font-size: 9px;
    font-weight:normal;
    /*height: auto;*/
  }



  .iopDiv{
    width:98%;
    display:block;
  }

  #eoPng{
    margin: 50px 40% 50px 40%;
    width:20%;
  }

  .referral-create{
    width: 80%;
    left:5%;
  }

}



@media print
{
  .printSection, .printFinalRx, .printFinalRx2Section, .printClRxSection{
    display: block;
    overflow: visible;
    width:100%;
    color:#000;
    -webkit-print-color-adjust: exact;
   }

}

@media screen
{
   .printSection, .printFinalRx, .printFinalRx2Section , .printClRxSection { display: none; }
}