.label-sm {  
	margin-top: 5px;
    top: 2px;
    bottom: 2px;
	font-size: 13px;
}

.text-sm
{
	font-size: 10px;
}

.showcss{ display:block;}
.hidecss{ display:none;}

span#errPatientName,
span#errSurgeonName,
span#errdob,
span#errEye,
span#errFlatK,
span#errFlatkAxis,
span#errSteepk,
span#errSteepkaxis,
span#errPreOperativeSphere,
span#errPreOperativeCyl,
span#errPreOperativeCylAxis,
span#errCornealThickness,
span#errBackVertexDistance,
span#errCorrectedRefraction,
span#errW2WDistance,
span#errACD,
span#power,
span#errGender,
span#errHospitalname,
span#errCity {
	color: rgb(255,0,0);
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog .ui-dialog-titlebar  .ui-dialog-title{
	 display: none;
}

.disable-ctrl{
	background-color: #ffffff;
}

#hide{
	display:none;
}

.label-padding{
	padding-left: 0px;
	padding-right: 0px;
}

.label-result{
	font-weight:bold;
	color: #000;
}

.centerwindow{				
				position: fixed;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}​
.custom-label{
	padding: 5px 10px;
	margin-bottom: 0;
	font-size: 12px;
}

.custom-input{	
	margin-bottom: 2px;
}

.overlay{
	position: fixed;
	z-index: 10000;
	vertical-align: middle;
	top: 380px;
}


@media (min-width: 1401px){
	.overlay{
	position: fixed;
	z-index: 10000;
	width: 18%;
	vertical-align: middle;
	top: 380px;
	}
}

@media (min-width: 992px)  and (max-width: 1400px){
	.overlay{
	position: fixed;
	z-index: 10000;
	width: 25%;
	vertical-align: middle;
	top: 380px;
	}
}

@media (min-width: 240px) and (max-width: 991px){
	.overlay{
	position: inherit;
	z-index: 0;
	vertical-align: none;
	top: inherit;
	}
}



/*		Login Page Styles		*/

.reg-button{
    background: transparent;
    border: none;
    color: blue;
	float:right;
	margin-right: 15px
}

 .form-register {            
            padding: 15px;
            margin: 0 auto;
            color: #017572;
         }
 .form-signin {
            max-width: 330px;
            padding: 15px;
            margin: 0 auto;
            color: #017572;
         }
         
         .form-signin .form-signin-heading,
         .form-signin .checkbox {
            margin-bottom: 10px;
         }
         
         .form-signin .checkbox {
            font-weight: normal;
         }
         
         .form-signin .form-control {
            position: relative;
            height: auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            font-size: 16px;
         }
         
         .form-signin .form-control:focus {
            z-index: 2;
         }
.login-submit-btn{
	width:100px;  margin-top: 20px;   margin-bottom: 10px; height:40px; float:right; margin-right: 15px
}

.panelpop{
	width: 712px;
}

.img-label{
	position: absolute;
    top: 36px;
    right: 9px;
    font-size: 12px;
}

@media (min-width: 1201px){
	.img-label{
		position: absolute;
		top: 29px;
		right: 28px;
		font-size: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1200px){
	.img-label{
	position: absolute;
   top: 26px;
    right: 21px;
    font-size: 14px;
}
}

@media (min-width: 768px) and (max-width: 991px){
	.img-label{
	position: absolute;
    top: 22px;
    right: -12px;
    font-size: 12px;
}
}

@media (min-width: 745px) and (max-width: 767px){
	.img-label{
	position: absolute;
    top: 70px;
    right: 59px;
    font-size: 14px;
}
}

@media (min-width: 600px) and (max-width: 746px){
	.img-label{
	position: absolute;
       top: 68px;
    right: 47px;
    font-size: 14px;
}
}

@media (min-width: 500px) and (max-width: 599px){
	.img-label{
	position: absolute;
       top: 49px;
    right: 23px;
    font-size: 14px;
}
}

@media (min-width: 420px) and (max-width: 499px){
	.img-label{
	position: absolute;
  top: 25px;
    right: -8px;
    font-size: 14px;
}
}

@media (min-width: 350px) and (max-width: 419px){
	.img-label{
	position: absolute;
     top: 25px;
    right: -6px;
    font-size: 14px;
}
}

@media (min-width: 319px) and (max-width: 349px){
	.img-label{
	position: absolute;
      top: 17px;
    right: -16px;
    font-size: 14px;
}
}

@media (min-width: 290px) and (max-width: 320px){
	.img-label{
	position: absolute;
    top: 21px;
    right: -17px;
    font-size: 14px;
}
}


/*			TABLE ALIGNMENT*/
#table-wrapper {
  position:relative;
}
#table-scroll {
  height:100%;
  /*overflow:auto;  */
  margin-top:20px;
}

#table-scroll2 {
  height:100%;
  overflow:scroll;  
  margin-top:20px;
 /* word-break: break-all;*/
}

#table-wrapper table {
  width:100%;
    
}
#table-wrapper table * {  
  
}
#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}

.nowrap-table{
	white-space: nowrap;
}

.report-btn{
	border: 1px solid green;
    border-radius: 3px;
    padding: 10px;
	color: green;
	text-decoration: none;
	background: white;
	text-align: center;
}
 .report-btn:visited{
	border: 1px solid green;
    border-radius: 3px;
    padding: 10px;
	color: green;
	text-decoration: none;
}

.report-btn:hover{
	border: 2px solid white;
    border-radius: 4px;
    padding: 10px;
	color: white;
	text-decoration: none;
	background: rgba(0, 128, 0, 0.7);
}

.order-btn{
	border: 1px solid rgb(224, 103, 15);
    border-radius: 3px;
    padding: 10px;
	color: rgb(224, 103, 15);
	text-decoration: none;
	background: white;
	text-align: center;
}
 .order-btn:visited{
	border: 1px solid rgb(224, 103, 15);
    border-radius: 3px;
    padding: 10px;
	color: rgb(224, 103, 15);
	text-decoration: none;
}

.order-btn:hover{
	border: 2px solid white;
    border-radius: 4px;
    padding: 10px;
	color: white;
	text-decoration: none;
	background: rgb(224, 103, 15);
}

.order-btn-disabled{
	display:none;
}

.violet-btn{
	border: 1px solid rgb(128, 16, 233);
    border-radius: 3px;
    padding: 10px;
	color: rgb(128, 16, 233);
	text-decoration: none;
	background: white;
	text-align: center;
}
 .violet-btn:visited{
	border: 1px solid rgb(128, 16, 233);
    border-radius: 3px;
    padding: 10px;
	color: rgb(128, 16, 233);
	text-decoration: none;
}

.violet-btn:hover{
	border: 2px solid white;
    border-radius: 4px;
    padding: 10px;
	color: white;
	text-decoration: none;
	background: rgb(128, 16, 233);
}

.violet-btn-disabled{
	display:none;
}

.css-checkbox {
	    
}
@media (min-width: 992px) and (max-width: 1200px)
{
	.css-text-checkbox{
		/*margin-top: -40px !important;*/
	}
}
@media (min-width: 268px) and (max-width: 991px){
	.css-text-checkbox{
		/*margin-top: 10px !important;*/
	}
}

.test-tooltip{
	color:red;
}

.label-display-b{
	color: red;
	font-weight: bold;
}

.label-display{
	color: red;
	font-weight: normal;
}

.tree-display{
	
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

}


/*				NOTES Styles	*/

.notes {
	padding-top: 8px;
	padding-bottom: 8px;
	float:right;
}

.notes div{
	float: left;
	padding-right: 20px;
}

.notes span {
	font-style: italic;
    color: black;
    font-weight: normal;	
	padding-left: 5px;
}

.notes .box1{
	background-color: #b1fbb1;
	height:12px;
	width:12px;
	float: left;
    padding: 9px;
	border: black 1px solid;
}

.notes .box2{
	background-color: #f9f9f9;
	height:12px;
	width:12px;
	float: left;
    padding: 9px;
	border: black 1px solid;
}

.notes .box3{
	background-color: #fbdbb1;
	height:12px;
	width:12px;
	float: left;
    padding: 9px;
	border: black 1px solid;
}

.notes .box4{
	background-color: #b1e4fb;
	height:12px;
	width:12px;
	float: left;
    padding: 9px;
	border: black 1px solid;
}


/*FOR - DROP DOWN*/
/*FIREFOX - METHOD-1*/
select option:checked,
select option:hover {
	/*color: #a6ce39 !important;*/
    box-shadow: 0 0 10px 100px #2fa4e7 inset;
}
/*FIREFOX - METHOD-2*/
option {
    /*filter: hue-rotate(90deg);*/
}
/*CHROME*/
select:focus > option:checked { 
    background: #a6ce39 !important;
}