﻿/*==============================
     Home Page
 ===============================*/
.hms-hom{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;	
		}
		.hms-ho-pat{
			margin: 0;
			padding: 0;
			border-radius: 5px 50px 50px 5px;
			background-color: #1ea160;
			min-height: 470px;
		}
		.hms-ho-patc{
			margin: 0;
			padding: 0;
			border-radius: 50px 5px 5px 50px;
			background-color: #343b48;
			min-height: 470px;
		}
		.hms-ho-pat img{
			display: block;
			width: 100px;
			height: auto;
			margin: 55px auto 0;
			padding: 0;
		}
		.hms-ho-pat > h2,
        .hms-ho-pat > h3,
        .hms-ho-pat > a,
        .hms-ho-patc > h2,
        .hms-ho-patc > h3,
        .hms-ho-patc > a{			
			color: #fff;
			text-align: center;
		}
		.hms-ho-pat > h3 {
		    line-height: 30px;
		    margin: 25px auto;
		    width: 290px;
		}
		.hms-ho-patc > h3 {
		    line-height: 30px;
		    margin: 25px auto;
		    width: 290px;
		}
		.hms-ho-patc img{
			display: block;
			width: 100px;
			height: auto;
			margin: 55px auto 0;
			padding: 0;
		}
		.hms-ho-pat a,.hms-ho-patc > a {		    
		    margin: 45px auto 0;
		    width: 120px;
		    border:2px solid #fff;
		    border-radius: 5px;
		    background-color: rgba(255,255,255,.18);
		    font-size: 18px;
		    text-align: center;
		    display: block;
		    padding: 10px;
		    -webkit-transition-property: width; /* Safari */
		    -webkit-transition-duration: 2s; /* Safari */
		    transition-property: width;
		    transition-duration: 2s;

		    
		}
		.hms-ho-pat > a:hover,.hms-ho-patc > a:hover {
			text-decoration: none;
			color: #fff;
			width: 290px;			
		    background-color: red;
		}
		.hms-tait {text-align: center;font-size: 34px;margin: 0;}
		.hms-tait span{text-align: center;font-size: 34px;margin: 0;}
		.hms-tait img{width: 65px;}

		@media (max-width: 767px){

		


		}
/*==============================
    Home Page
 ===============================*/

/*==============================
			book Appointment header style
	================================*/
		.hms-book-head{
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0;
            top: 50px;
		}
		.hms-logo {
			width: 280px;
			height: auto;
			margin: 10px 0 0;
			padding: 0;
			float: left;
			
		}
		.hms-logo img{
			width: 160px;
			height: auto;
			margin: 0 ;
			padding: 0;
			
			
		}
		.hms-logo a{
			font-size: 24px;
			font-weight: 700;
			text-transform: uppercase;
			text-decoration: none;
			color: #4a4a4a;			
		}
		.log-sig{
			width: 300px;
			height: auto;
			padding: 0;
			margin: 35px 0 0;
			float: right;
			text-align: center;
		}
		.log-sig a{			
			text-decoration: none;
		}
		.log-sig a:hover,.sig-in:hover,.log-in:hover{			
			text-decoration: none;
			color: #F2785B;
		}
		.log-in{
			font-size: 18px;
			font-weight: 400;
			text-transform: uppercase;
			margin: 0 10px 0 5px;
			color:#4a4a4a;
				
		}
		.sig-in{
			font-size: 18px;
			font-weight: 400;
			text-transform: uppercase;
			margin: 0 5px 0 10px;
			color:#4a4a4a;
				
		}

	/*==============================
			doc catagory style
	================================*/

		.hms-book-now-body{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
		}
		.hms-doc{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			border: 1px solid #1ea160;
		}

        .hms-doc-cat {
            background-color: #1ea160;
            display: block;
            font-size: 16px;
            margin: 5px 5px 0;
            padding: 10px;
            color:#fff;
            transition-duration: 1s;
            transition-property: background-color;
            text-align: left;
        }
        .hms-doc-cat:hover,.hms-doc-cat:active{
			background-color: #F2785B;
			color:  #fff;
			text-decoration: none;
			font-weight: 600;
			margin: 5px 0 0 5px;		
		}
		.hms-doc-cat input[type=checkbox]{margin-right: 5px;}
		.hms-doc-cat-tit{
			margin: 0;		
			padding: 10px;	
			background-color: #1ea160;
			color: #fff;		
		}

	/*==============================
			doc catagory style
	================================*/

		.hms-sear{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
		}
		.hms-sear p{
			text-align: center;
			margin: 0;
			padding: 0;
			font-size: 24px;
			font-weight: 400;
		}
		.hms-sear input{
			width: 40%;
			height: 50px;
			margin: 2px auto;
			padding: 10px;
			font-size: 20px;
			font-weight: 400;
			display: block;
			
		}
        
        .search-doc p {
            width: 250px !important;
            margin: 0 3px;
            float:left;
        }

        .search-doc p input{
            width: 100% !important;
            padding-left: 40px;
        }

        .search-doc p span {
          bottom: -40px;
          float: left;
          font-size: 20px;
          position: relative;
          width: 40px;
        }
        .form-group.search-doc {
          margin: 0 auto;
          width: 75%;
          
        }
        #btnSearchParam {
          float: left;
          font-size: 20px;
          height: 50px;
          margin-left: 5px;
          margin-top: 28px;
          padding: 12px;
          vertical-align: middle;
        }
	/*==============================
			doc catagory style
	================================*/
		.hms-doc-pro {
		  border: 1px solid #1ea160;
		  float: left;
		  margin: 0 3px 10px;
		  min-height: 350px;
		  padding: 5px;
		  width: 188px;
		}
		.hms-doc-pic-pro{
			width: 100%;
			padding: 0;
			min-height: 150px;
			margin: 0;
		}
		.hms-doc-pic{
		    padding: 5px;
		    border: 1px solid #1ea160;
		    width: 130px;
		    display: block;
		    margin: 0 auto 10px;
		    height: 130px;
		    float: none;
		    border-radius: 65px;
		}
		.hms-doc-pic img {
		    width: 100%;
		    display: block;
		    margin: 0;
		    border-radius: 65px;
		}
		.hms-doc-pro p{
		    padding: 0;		    
		    width: 100%;
		    text-align: justify;
		    font-size: 12px;
		    font-weight: 300;
		    margin-bottom: 1px;		    
		}
		.hms-doc-pic-pro p{
		    padding: 0;		    
		    width: 100%;
		    text-align: center;
		    font-size: 12px;
		    font-weight: 300;		    
		}
		.hms-doc-pic-pro p span{
		    padding: 0;		    
		    width: 100%;
		    text-align: center;
		    font-size: 15px;
		    font-weight: 600;		    
		}
		.hms-doc-pro hr{
		   margin: 10px 0;
		   border-color: #1ea160;		    
		}

        .hms-doc-pro-calender-time {
            border: 1px solid #1ea160;
            float: right;
            margin: 36px 3px 10px;
            min-height: 100px;
            padding: 5px;
            width: 240px;
         }

	/*===============================
			hms-book-now-body-2
	=================================*/

		.hms-book-now-body-2{
			width: 100%;
			min-height: 300px;
			margin: 0;
			padding: 0;
			background-color: rgba(30,161,96,.85);

		}
		.mobil-tex{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
		}
        
		.mobil-tex{
			color: #fff;
			text-align: left;
			font-weight: normal;	
			
		}
       


/*==============================
    Transection Form
 ===============================*/
.invoice-form {
    float: left;
}

    .invoice-form.custom-label {
        margin-top: 7px;
        width: 37%;
    }

    .invoice-form.custom-input-field {
        width: 63%;
    }

.RefdPC-label {
    width: 17.4% !important;
}

.RefdPC-input-field {
    width: 82.6% !important;
}

.mb-10px {
    margin-bottom: 10px !important;
}
.mt-7px {
    margin-top: 7px;
}
.ui-dialog {
    z-index: 1;
}

.hms-tran-tota {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.hms-tran-tota > p{
    width: 100%;
    height: auto;
    margin: 0 auto 5px;
    padding: 0;
}
.tran-fom-lab {
    text-align:right; 
    float:left;
    clear:both;
    width:65%;
    margin-right: 10px;
    margin-bottom: 0px !important;
    padding: 5px 0;
}
.tran-fom-lab-texa {
    text-align:left; 
    float:left;
    clear:both;
    width:90px;
    margin-right:3px;
    padding: 13px 0;
}

.tran-fom-inp {
    text-align:right;
    width:100px;
    height:30px;
    padding:0 5px;
    margin:0 5px 1px 0;
    border:1px solid #ccc;
}

.tran-fom-inp-texa {
    text-align:left;
    width:76%;
    height:50px;
    padding:3px 5px;
    margin:0 0 1px 0;
    border:1px solid #ccc;
    
}

.inlin-lab-tex {
    width:90px !important;
    float:left !important;
    margin:0 2px 0 0;
    padding: 7px 0;
    
}

.inlin-input-tex {
    width:120px !important;
}
/*Item Information for Field */
.inlin-lab-tex-itm {
    width:120px !important;
    float:left !important;
    margin:4px 2px 0 0;
    
}

.inlin-accountSetup {
    width:260px !important;
    float:left !important;
    margin:4px ;
    border:1px solid #666;
}

.inlin-accountSetupHeadID {
    width:220px !important;
    float:left !important;
    margin:4px ;
    border:1px solid #666;
    background-color:#E3E3E3;
}

.inlin-input-tex-itm {
    width:70% !important;
}

/*Item Information for Field End */
.cust-form-guru {
    width:240px;
    float:left;
    height:auto;
    margin:0 0 5px 0;
}

.tran_tab {
    margin-bottom:10px !important;
}
.tran_tab > tbody > tr > td,
 .tran_tab > tbody > tr > th,
 .tran_tab > tfoot > tr > td,
 .tran_tab > tfoot > tr > th,
 .tran_tab > thead > tr > td,
 .tran_tab > thead > tr > th {
    padding: 1px !important;
}

.th-p {
    text-align: center;
    width: 15%;
    float: left;
    margin: 0 3px;
    padding: 0;
}

.tab-head {
    text-align: center;
    width: 100%;    
    margin: 0;
    padding: 0;
    clear:both;
}

.datepicker-orient-top {
    z-index: 99999999999999 !important;
}

#btnAddDoctor, #btnAddPC {
    width: 20px;
    padding: 0;
    /*position: absolute;*/
    top: 7px;
    right: 3px;
    background: none;
    border: none;
    color: #3c8dbc;
}

/*#btnAddPC {
    width: 20px;
    padding: 0;
    position: absolute;
    top: 7px;
    right: 3px;
    background: none;
    border: none;
    color: green;
}
*/

.lab-test-report-input {
    width: 50%;
}

.lab-test-report-p {
    width: 46.25%;
}

.lab-test-report-input-2 {
    width:25%;
}
.lab-test-report-p-2 {
    width: 23.10%;
}







/*//////////////////// Button //////////////////*/
.btn-primary-outline {
    background-color: transparent;
    background-image: none;
    border-color: #0275d8 !important;
    color: #0275d8;
}
.btn-primary-outline.active, 
.btn-primary-outline.focus, 
.btn-primary-outline:active, 
.btn-primary-outline:focus, 
.open > .btn-primary-outline.dropdown-toggle {
    background-color: #0275d8;
    border-color: #0275d8 !important;
    color: #fff;
}
.btn-primary-outline:hover {
    background-color: #0275d8;
    border-color: #0275d8 !important;
    color: #fff;
}
.btn-primary-outline.disabled.focus, 
.btn-primary-outline.disabled:focus, 
.btn-primary-outline.focus:disabled, 
.btn-primary-outline:disabled:focus {
    border-color: #43a7fd !important;
}
button, input, select, textarea {
  border:1px solid #ccc;
}

/*#ui-id-1 table{
  border: 1px solid #ccc;
  
}
#ui-id-1 table tbody tr{
  border: 1px solid #ccc;
  
}
#ui-id-1 table tbody tr td {
  border: 1px solid #ccc;
  padding: 10px;
}*/

.tdinChequeLeave {
    border: 1px solid #ccc;
    padding: 10px;
}

.MenuCheckBox {
    float:left;
    clear:both;
    margin-bottom:5px;
}
.MenuCheckBox > span {
    margin: 0;
    padding: 0 5px;
}

.panel-heading > span {
    font-weight: normal;
    padding-left: 5px;
}

/*.d-maxheight {  max-height:200px; overflow: auto; }*/




.main-footer { 
  bottom: 0;  
  position: fixed;
  width: 100%;
}

.inputFieldBoder {
    border: 1px solid #666;
    margin: auto auto 15px 15px;
}

.AddnoOfBranch {
  display: block;
  float: left;
  margin: auto 15px 15px 15px;
  width: 100px;
}
.AddnoOfBranchlable lable {
    float:left;
}
.AddnoOfBranchlable {
  clear: both;
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
}
.has-sub {
    width: auto !important;
}

input[type=checkbox], input[type=radio] {
    margin: 0;   
    vertical-align: middle !important;

}

#btnSave{
   background-color: #0D880F;
}
#btnSave:hover{
   background-color: #105611;
}
#btnCancel{
    background-color: #D20D0D;
}
#btnCancel:hover{
    background-color: #A00C0C;
}
#dvTextEditor > #editor{
    border: 1px solid #ccc;
}

.inlin-lab-tex2 {
    margin: 0px 2px 0 0 !important;
    padding: 7px 0;
}






	/*=========================
			Media Quary
	===========================*/

@media (min-width:1080px) {

        /* .cust-form-guru {   width: 240px !important;    } */



}



@media (max-width:1199px) {


    .tran-fom-lab {        width: 50%;        margin-right: 5px;    }
    .inlin-input-tex-itm {         width:60% !important;    }
    .cust-form-guru {   width: 330px !important;    }
    .form-group.search-doc {
      width: 100%;
    }
    #btnSearchParam {
  border: 1px solid #ccc;
  border-radius: 5px;  
  margin-left: -3px;  
  padding: 12px 2px;
}


}



@media (max-width: 1024px){

	.form-control.select2.inlin-input-tex {
	  float: right;
	  margin: inherit 10px;
	}
    .form-group.search-doc {
      width: 75%;
    }
    
}



}



@media (max-width: 767px){



    .hms-ho-pat > a:hover,.hms-ho-patc > a:hover {	width: 250px;	}
	.hms-ho-pat,.hms-ho-patc{	border-radius: 5px 5px 5px 5px;		}
	.hms-tait span{		display: block;		}
	.hms-ho-pat img,.hms-ho-patc img{	margin: 0 auto ;	padding: 30px 0 0;		}

	.hms-sear input  {	width: 90%;		}
	.hms-doc-pro	 {	margin: 25px 0 0;		}
	/* .hms-doc-pro img {	 width: 165px;			} */
	.hms-doc-pro p 	 {	 text-align: justify;	}
	.hms-doc-pic-pro p{	 text-align: center;	}
	.mob,.dc{	padding: 0;	}

	.cust-form-guru {   width: 300px !important;    }

	.form-control.select2.inlin-input-tex {
	  float: right;
	  margin: 0 10px;
	}
.form-group.search-doc {
      width: 100%;
    }


}



@media (max-width: 640px){

	.th-p {  
	  width: 10%;
	}
    .form-group.search-doc {
      width: 100%;
    }
    #btnSearchParam {
  border: 1px solid #ccc;
  border-radius: 5px;  
  margin-left: -3px;  
  padding: 12px 2px;
}

}

@media (max-width: 480px){

	.th-p { 
  		width: 9%;
	}
    .form-group.search-doc {
      width: 100%;
    }


}


/*   Prescription page   */

.prescrip-lable {
  float: left;
  height: 30px;
  padding: 4px 0;
  width: 120px;
}

.prescrip-lable-1 {
  float: left;
  height: 30px;
  padding: 4px 0;
  width: 120px;
}

.prescrip-input {
  float: left;
  height: 30px;
  padding: 2px;
  width: 150px !important;
  margin:0px;
}

.prescrip-cust-form-guru {
  
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 290px;
  float:left;
}

.prescrip-cust-form-guru-1 {
  clear: both;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 400px;
}


.prescrip-cust-form-guru-1 > button {
  margin: 0 2px;
  padding: 4px;
}




.prescrip-describ {
    width:100%;
    height:250px;
    margin:0 auto;
    padding:5px;
    overflow-y:scroll;
    overflow:visible;

}
.ButtonInnerP1 {
    width:100%;
    margin:0px;
    font-weight:bold;
    font-size:12px;
    line-height:13px;
}

.ButtonInnerP2 {
    margin:0;
    line-height:13px;
    font-size:12px;
}

.buttonForDoc {
background-color:#1ea160;border:1px solid gray;color:#fff;padding:3px;border-radius:10px 10px 10px 10px;
}

.pagemask {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.15);
}




/* //////// Sels & Purches Returns /////////*/

tbody #tbItemReturn {
    width:98%;
    height:auto;
    margin:5px 10px;
    padding:0;

}
tbody #tbItemReturn >tr{
    width:100%;
    height:auto;
    margin:3px 0px;
    padding:0;
    border:1px solid #ccc;

}
#tbItemReturn tr td:nth-child(1) {
  width: 15px;
}
#tbItemReturn tr td:nth-child(2) {
  width: 30%;
  text-align:center;
}

#tbItemReturn tr td:nth-child(3),#tbItemReturn tr td:nth-child(4),
#tbItemReturn tr td:nth-child(5),#tbItemReturn tr td:nth-child(6),
#tbItemReturn tr td:nth-child(7),#tbItemReturn tr td:nth-child(8){
  width: 10%;
  text-align:center;
}
 
.thItemReturn tr th:nth-child(1) {
  width: 15px;
}
.thItemReturn tr th:nth-child(2) {
  width: 30%;
  text-align:center;
}

.thItemReturn tr th:nth-child(3),.thItemReturn tr th:nth-child(4),
.thItemReturn tr th:nth-child(5),.thItemReturn tr th:nth-child(6),
.thItemReturn tr th:nth-child(7),.thItemReturn tr th:nth-child(8) {
  width: 10%;
  text-align:center;
}

#tbItemReturn tr:nth-child(even) {
    background-color: #c7f594;
}
#tbItemReturn tr:nth-child(odd) {
    background-color: #f3b5ac;
}

.thItemReturn input {
  display: block;
  margin: 0 auto;
}

.lblAdmission {
    float: left;
    margin-top: 5px;
    width: 100px;
}
.fldAdmission {
    width: 75%;
}




/*_____________ Calender____________*/

.tbBodyCellClender {
    background-color:darkgray;
    cursor:none !important;
}


.tbodytdCalender tr:nth-child(odd) {
    background-color: #f0f0f0;
}

.tbodytdCalender tr td:first-child,.tbodytdCalender tr td:last-child {
    font-weight:700;
}


/*.tbodytdCalender tr td:nth-child(even) {
    background-color: #f0f0f0;
}*/


.tbodytdCalender tr td {
    width: 12%;
    text-align: center;
    font-size: 14px;
    border:1px solid #6d6b6b;
    cursor:pointer;
}

.tbodytdCalender tr td:first-child,.tbodytdCalender tr td:last-child {
    width: 70px !important;
    cursor:default;
    
    
}


.tbodytdCalender tr {
    height: 30px;
    text-align: center;
    font-size: 14px;
}

#dvCalender table{
    margin: 0 auto;
    
}

/*#dvCalender{
    
    max-height:250px;
    overflow:scroll;
    overflow-x:hidden;
}*/

.thCalender th {
    width: 12%;
    text-align: center;
    font-size: 14px;
}
.thCalender th:first-child,.thCalender th:last-child{
    width: 70px !important;
    
}

.thCalender th button {
    width: 100%;
    height: 35px;
    text-align: center;
    font-size: 20px;
    color:#000;
}

thead .thCalender {
  box-shadow: 0 2px 3px 1px #777;
}

.thCalender{
    background-color:#5590ed;
    color:#fff;
    height:35px;
}





/* custom */
.mb-0 {
	margin-bottom: 0px !important;
}
	

/* custom */










