*{
	padding:0px;
	margin:0px;
}
a {
    color: inherit;
    text-decoration: none;
    font-family: initial;
}

/*frame page starts from here*/
.index_background_img{
	
	background-repeat: no-repeat;
	
}
.inner90{
	float:left;
	width:90%;margin-left: 5%;
}
#sidenav{
	clear:both;
	float:left;
}
#sidenav2{
	clear:both;
	float:right;
}

.mySidenav{/* side long nav*/
	float:left;
}
.mySidenav2{/* side long nav*/
	float:right;
}
.sidenav{
	float:left;
    height: 100%; /* 100% Full-height */
    width: 0px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav2{
	float:right;
    height: 100%; /* 100% Full-height */
    width: 0px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
	 

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display:block;
    transition: 0.5s;
}
.sidenav2 a {
	
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display:block;
    transition: 0.5s;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
.sidenav2 a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 36px;
    margin-left: 50px;
}
.sidenav2 .closebtn2 {
	
    position: absolute;
    top: 0;
    left: 0;
    font-size: 36px;
    margin-right: 50px;
}
.header_frame{
	clear:both;
	float:left;
	z-index: 2;
	border:none;
	outline:none;
	position:fixed;
	box-shadow: 0px 0px 15px 2px #90f8f9;
}
.body_frame{
	float:left;
	background-color:#fff;border-top:3px solid #f4f3f3;	outline:none;
	border:none;
	
	
}
.body_frame::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
/*frame page ends here*/

/******************* navigation start***************************/
			#menu_container {
				width: 100%;
				font-family: Arial;
				font-size: 16px;
				font-weight: bolder;
			}

			ul#menu, ul.submenu{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			ul#menu li{
				float: left;
			}
			/* hide the submenu */
			li ul.submenu {
				display: none;
			}
			ul#menu li a{
				display: block;
				text-decoration: none;
				padding: 7px 22px;
				float:none;
				color: rgb(51,51,51);
			}
			/* show the submenu */
			ul#menu li:hover > ul.submenu{
				display: block;
				position: absolute;
				float:left;
				border: 1px solid rgb(128,128,128);
				min-width: 130px;
			}
			ul.submenu li:hover > ul.submenu{
				display: block;
				position:absolute;
				left:100%;
				top:0;
				border: 1px solid rgb(128,128,128);
			}
			ul#menu li:hover li,  ul#menu li:hover a {
				float: none;
				background-color: #0B3663;
    			color: white;
			}
			ul#menu li:hover li a {
				background: rgb(250,252,254);
				color: rgb(51,51,51);
			}
			ul#menu li:hover li a:hover {
				background-color: #0B3663;
    			color: white;

			}
			/******************* Link active background Start***************************/
			.active > a {
				color: white !important;
				background-color: #7caf00 !important;
				padding: 5.5px 10px;;
				font-weight: bold;
				font-family: initial;
			}

			/******************* Link active background End***************************/
			
			/******************* navigation End ***************************/

.outerring{
		clear:both;
		float:left;
		width:100%;
	}
	.inner50{
		width:50%;
		float:left;
		min-width:200px;
		margin-top: 10px;
	}
.inner25{
		width:25%;
		float:left;
		/*min-width:200px;*/
		margin-top: 10px;
	}
.inner30{
		width:30%;
		float:left;
		min-width:200px;
		margin-top: 10px;		
		margin-left: 30px;
	}
.hole_input_textdiv{
	float:left;margin: 5px 10px;width:320px;
}
.h_register_inputtext{
		float:left;
		margin: 4px 0px;

		color:#939393;
		font-size: 14px;
		text-align: left;
		font-family:arial;
		min-width: 80px;

	}
	.h_register_input{
		float:right;
		width:200px;
		padding:3px 0px;
		color:#000;
		border-bottom:1px solid #ccc;
		border-top:none;
		border-left:none;
		border-right:none;
		background-color:transparent;
		outline:none;

	}
.m_inputtext{
		float:left;
		margin-left: 5%;
		margin-top: 10px;
		min-width: 200px;
		font-size:20px;
	}
.m_input{
		float:left;
		margin-left: 5%;
		margin-top: 10px;
		


	}
.address_input{/*this for address inputs*/
		width:220px; margin-top:10px;float:right;
		padding:3px 0px;
		color:#000;
		border-bottom:1px solid #ccc;
		border-top:none;
		border-left:none;
		border-right:none;
		background-color:transparent;
		outline:none;

	}
	.button_active{
		float:left; width:81px; padding:5px 0px;background-color: rgb(124, 175, 0);color:#fff;border: 2px solid rgb(221, 221, 221);
		
	}
	.button_save{
		float:left; width:81px; padding:5px 0px; margin-top:20px; margin-left:5%; background-color: rgb(124, 175, 0);color:#fff;border: 2px solid rgb(221, 221, 221);
	}
	.button_reset{
		float:left; width:81px; padding:5px 0px; margin-top:20px; margin-left:5%; background-color: rgb(124, 175, 0);color:#fff;border: 2px solid rgb(221, 221, 221);
	}
	.user_hospital_select{
		width:60%;
		float:left;
		margin-left: 10%;
		margin-top: 10px;
		font-size:18px;
	}
	.user_table{
		clear:both;
		float:left;
		width:90%;
		margin-left:5%;border:1px solid;
		margin-top:20px;
		
	}
	.user_access_input{
		width:99%;padding:2px 0px;
	}
	
.hospital_all_div{
	width:85%;float:left;
	margin-left:5%;margin-top:20px;background-color: #9BFAFC;
}

.hospital_list{
	float:left;width:9%;min-width:200px;padding:10px 0px;margin-right: 20px;margin-left: 10px;word-break: break-all;
}

 .input_gradient{/* this class is for input gradient */ 
	background: #ebedea; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(#ebedea,#fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ebedea,#fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ebedea,#fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ebedea,#fff); /* Standard syntax (must be last) */
}

/*.page_heading_div{/* this is every page heading div */ 
	/*clear:both;float:left;width:100%;height:30px;background-color:#64d5df;color:#fff;
}*/

/* this is text div of every page heading */ 
.page_heading_div_text {
    float: left;
    margin-left: 1%;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0px;
    font-family: Consolas;
    font-size: 20px;
	color: #5a97a9;
}

.m_table_th{
	border:1px solid #ccc;padding:10px 0px;font-size: 18px;color:#fff;background-color: #2A5E8A; 
}
.m_table_td{
	border:1px solid #ccc;padding:2px 0px;font-size: 14px;color:#333;background-color: #fff;
}
table{
	border-spacing: 0;
	border: none;
}

/*
.m_table_td:nth-child(even) {background: #eee;}
.m_table_td:nth-child(odd) {background: #FFF;}
*/




.search_table_th{
	border: 0.1px solid #000;
    padding: 2px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    border-left: 0;
}

.search_table_td{
    border: 1px solid;
    border-top: none;
    border-left: none;
    border-right-color: #ccc;
    padding: 1px 5px 1px 5px;
	border-bottom-color:#ccc;
}
.search_bk_color{
	background-color:#004177;
}

/********************* Report page CSS**************************/
.report-table-width{
	margin-top: 4px;
	width: 90%;
	margin-left: 5%;
	border-spacing: 0;
	border-left: 1px solid black;
    border-right: 1px solid #000;
	margin-bottom: 25px;
}

.report-tr{
	width: 100%;
    text-align: right;
	border:0.1px solid;
}
.report-td{
	    table-layout: fixed;
    	width: 10%;
		padding-right: 1%;
	    border:0.1px solid;
}
.export-button{
	float:right!important;
	margin-right: 10px;
	margin-left: 1%;
}
@media print
    {
        .non-printable { display: none; }
        #table_wrapper { display: block; 
			color: #000;
			border-color:none !important;
		}
		.search_table_th{
			width:210mm;
			border: 0.1px solid #000;
			padding: 2px 0px;
			background-color: #fff;
			color: #000;
			font-size: 16px;
			font-weight: lighter;
			border-right: 0;
		}
		.recipt-form-box{
			margin-left: 6%!important;
		}
		
    }

.print-button{
		float:right!important;
}
.recipt-form-box{
	font-size: 20px;margin-left: 15%
}
 /****************************** Save Image CSS ****************/

.uplode-button{
	background-color:#7caf00;
	color:#fff;font-size:14px;
	font-family:arial;clear:both; 
	margin-top:20px;margin-left:20px;
	width:200px;
	float:left;
	box-shadow:4px 3px 10px 1px #4c4b4b;
}

.inner33{
    float:left;
    width:33%;
    min-width: 333px;
}
.h_register_inputtext182 {
    float: left;
    margin-left: 5%;
    margin-top: 10px;
    min-width: 184px;
    font-size: 20px;
	clear: both;
}
.inner40{
		width:40%;
		float:left;
		min-width:200px;
		margin-top: 10px;
		padding: 2px 0px;
}
.inner31{
		width:31%;
		float:left;
		min-width:200px;
		margin-top: 10px;
		padding: 2px 0px;
}
.inner100{
		width:100%;
}    
.inner66{
     float:left;
    width:66%;
    min-width: 333px;
}
.button_save_delivery {
        width: 15%;
    padding: 5px 0px;
    margin-top: 20px;
    margin-left: 5%;
    background-color: #7caf00;
    color: #fff;
    border-color: #7caf00;
}
.h_register_input_padding {
    float: left;
    margin-top: 10px;
    padding:4px 0px;
}
.inner65{
	width: 65%;
    float: left;
    min-width: 200px;
    margin-top: 10px;
    margin-left: 30px;
    margin-left: 3%;
}
.inner60{
	width: 60%;
    float: left;
    min-width: 200px;
    margin-top: 10px;
    margin-left: 30px;
    margin-left: 3%;
}



/***************************
Add Item Button
***************************/
.button-item {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    width: 110px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
	font-family: serif;
	border-radius: 10px;
	background-color: rgb(124, 175, 0);
    color: #fff;
    border: 2px solid rgb(221, 221, 221);
}

.button-item span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button-item span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button-item:hover span {
  padding-right: 25px;
}

.button-item:hover span:after {
  opacity: 1;
  right: 0;
}
/***********************************
for iframe div box table
************************************/
.table-wrapper
{
    overflow-y: scroll;height: 194px;width: 100%;
}



    .services-sheet-select{/* border: 1px solid; */
    border-top: none;
    border-left: none;
    border-right-color: #ccc;
    padding: 1px 5px 1px 5px;
    border-bottom: 1px solid #ccc;
}



/************************ Select placeholder start ************************/

select:invalid { 
	color: gray; 
}


/************************ Select placeholder end************************/


/************************* Master page input field and name Start************/

.input-and-label-master-services, .input-and-label-master-departments, .input-and-label-master-designations, .input-and-label-master-accountheads{
    margin-left: 5%;
    width: 200px;
    padding: 3px 0px;
    color: #000;
    border-bottom: 1px solid #ccc;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    outline: none;
}




/************************* Master page input field and name End************/

.global-search-button{
	float: none!important;
    margin-top: 0!important;
    border-bottom-right-radius: 25px!important;
    border-top-right-radius: 25px!important;
    margin-left: 0px!important;
    border: none;
}
.global-search-button:focus{
	    outline: white;
}
.global-search-div{
	width: 30%;
    display: inline-block;
    border-radius: 25px;
    padding-left: 25px;
    border: 2px solid #fff;
    margin-top: 22px;
    margin-left: 290px;
}
.global-search-div input[type="text"] {
	color: #fff!important;
}
.td-bottom-border{
	    border-bottom: 1px solid #ccc; /* table td bottom border */
}
.div-border{
	    border: 1px solid #ccc; /* table table border */
}
.div-scroll-h300{
	height: 300px;overflow-y: scroll;overflow-x: hidden;
}
.div-h300{
	height: 300px;
}
.separator{
	height: 50px; /*  it for space between service sheet tfooter and tbody */
}
/***************************** Input spin disable **************************/
input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: #333;
    text-align:center;
    position:relative;
}

input[type=number]::-webkit-inner-spin-button:before,
input[type=number]::-webkit-inner-spin-button:after {
    content: "^";
    position:absolute;
    right: 0;
    font-family:monospace;
}

input[type=number]::-webkit-inner-spin-button:before {
    top:0px;
}

input[type=number]::-webkit-inner-spin-button:after {
    bottom:0px;
    -webkit-transform: rotate(180deg);
}
/***************************** Input spin disable **************************/