html, body {

	margin:0 !important;

	padding:0 !important;

	color: #616161 !important;

	font-family: 'Roboto', sans-serif !important;

	overflow-x:hidden !important;

}

span, label, h1, h2, h3, h4, h5, h6, p, ul, li {

	margin:0 auto;

	padding:0;

}

p {

    margin: 0 0 0px !important; 

}

a

{

	text-decoration:none !important;

	transition:all .5s ease-in-out;

}

.clr {

	clear:both;

}




/*-------------------------------- Header Top--------------------------------------------*/

.header

{

	padding:15px 0px;

	border-bottom: 2px solid #e3e3e3;

	background:#ffffff;

}

.header_right

{

	float:right;

	padding-top: 10px;

}

.header_right ul

{

	float: left;

	padding-top: 6px;

	margin-right: 25px;

	border-top: 2px solid #001e64;

	margin-top: 5px;

}

.header_right ul li

{

	display:inline;

	padding:0px 5px;

}



.header_right ul li a

{

	color:#001e64;

}

.header_right span

{

	float:right;

}

.header_right span img

{

	width:40px;

	height:40px;

	border-radius:50%;

	border:1px solid #001e64;

}



.header_bottom

{

	padding-top: 5px;

	padding-bottom: 5px;

	border-bottom: 2px solid #e3e3e3;

	background:#ffffff;

	

}



.header_bottom h3

{

	margin:0px;

	font-weight:bold;

	color:#0073b1;

	padding-top: 10px;
	padding-bottom:10px;

}



.header_menu

{

	float:right;

	padding-top: 10px;

}



.header_menu ul

{

	border-bottom: 5px solid #001e64;

	padding-bottom: 5px;

	margin-bottom: 5px;

}



.header_menu ul li

{

	display:inline;

	padding:5px 8px;

	margin-bottom:3px;

}



.header_menu ul li a

{

	color:#333333;

}

.act

{

	padding:5px 10px;

	background:#001e64;

	color:#fff;

}



.act a

{

	color:#ffffff !important;

}

.navbar-nav {
    float: right !important;
}
.navbar
{
	min-height:auto !important;
	padding-bottom: 4px !important;
}
.navbar-nav>li>a
{
	padding: 8px 10px 5px !important;
}
@media only screen and (min-width:320px) and (max-width:640px)

{

	 .our_logo img

	{

		display:block;

		margin:auto;

	}

	

	.header_right

	{

		float:none;

		display: flex;

		padding-top: 20px;

	}

	

	.header_right span

	{

		float:none;

	}

	.header_menu

	{

		float:none;

		padding-top: 15px;

	}

}



/*--------------- middle work ------------------------*/

.mid_work_one

{

	padding-bottom:20px;

	padding-top:20px;

}



.mid_container

{

	background:#fff;

	border:1px solid #b4b1b1;

	border-radius:8px;

	padding:20px 15px 20px 15px;

	margin-left:0px !important;

	margin-right:0px !important;

}



.info_text

{

	padding-bottom:10px;

	font-weight:bold;

	color:#000;

}



/*------------------- events ------------------------*/

.tab_left

{

	background:#f2f4f9;

	padding-bottom: 10px;

}



.tab_left h4

{

	background:#e4e8f3;

	text-align:center;

	color:#001e64;

	padding:10px 0px;

	margin-top: 0px;

}



.our_navtab

{

	margin-left:25px;

	margin-right:25px;

}

.our_navtab li

{

	text-align:center !important;

}

.our_navtab>li>a

{

	color:#333 !important;

	border-radius: 6px !important;

	padding: 8px 15px !important;

}

.our_navtab>li.active>a

{

	background: #dfeeca !important; 	

}



.mobile_top

{

	background:#fff;

	box-shadow:0px 0px 20px #95959538;

	padding-top:15px;

	padding-bottom:15px;

	border-radius: 4px;

}



.mob_model, .mob_num

{

	margin-top:0px;

}

.mob_model

{

	border:1px solid #001e64;

	text-align:center;

	color:#001e64;

	padding:5px 0px;

	border-radius: 4px;

}



.mob_num

{

	border: 1px solid #001e64;

	text-align: center;

	color: #333;

	padding: 5px 15px;

	border-radius: 4px;

	display: inline-block;

}

.green_bg

{

	width: 30px;

	height: 30px;

	border-radius: 50%;

	background: #a0e345;

	display: inline-block;

	float: left;

	margin-right: 20px;

}



.price_input

{

	 padding-top:15px;

}



.price_input p

{

	text-align:center;

	color:#333;

}



.price_input .form-control

{

	border: 1px solid #001e64 !important;

}

.mobtab_num

{

	border: 1px solid #001e64;

	text-align: center;

	color: #333;

	padding: 5px 15px;

	border-radius: 4px;

	display: inline-block;

	margin-bottom:0px;

	font-size:14px;

}



.mobile_bottom

{

	margin-top: 5%;

	box-shadow: 0px 0px 20px #95959538;

	border-radius: 5px;

	border: 1px solid #959595;

}



.no_row

{

	margin-left:0 !important;

	margin-bottom:0 !important;

}



.our_table

{



}

.our_table>thead>tr>th

{

	text-align:center !important;

}



.green_table

{

	width: 30px;

	height: 30px;

	border-radius: 50%;

	background: #a0e345;

	display: block;

	margin-right: auto;

}

.table_input

{

	border: 1px solid #001e64 !important;

}



/*---------------------------- action page --------------------------*/

.action_table{

	background: #f3f7f1 !important;

	border: 2px solid #bfdeb0;

	border-radius: 5px;

}

.action_table th{

	border-bottom: 1.5px solid #bfdeb0 !important;

}

.action_table td{

	border-top: 0px solid transparent !important;

	border-bottom: 1.5px solid #bfdeb0;

	height: 40px !important;

}



/*-------------------------- welcome page ------------------------------------*/

.welcome_table{

	background: #e9f5fb !important;

	border: 1px solid gray; 

}

.welcome_table th{

	border-top: 0px solid transparent !important;

}

.task_div1{

	border: 1.5px solid silver;

	padding: 12px 15px;

	background: #f7f5f5;

	border-radius: 5px;

}

.task_div1 p{

	background: #dff0d8;

	padding: 10px 15px;

	margin-bottom: 5px;

	text-align: center;

}

.task_div2{

	border: 1.5px solid silver;

	padding: 12px 15px;

	background: #f7f5f5;

	border-radius: 5px;	

}



/*-------------------------- login Page ----------------------------------*/

.top_head{

	background: #072c6e;

	padding-top: 10px;

	padding-bottom: 20px;

}

.top_img_mid{

	background: url("../images/login_bg.png") no-repeat center center /cover;

	padding-top: 2%;

	padding-bottom: 8%;

	color: white;

}

.tile {

  background-color: #ffffff;  

  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.2), 0 0.25rem 0.25rem rgba(0, 0, 0, 0.2);  

  margin-top: -8%;

  padding-top: 10px;

}

.tile .tile-body {

  padding: 35px 15px;

}



.signin_mid

{

	padding-bottom:50px;

}



/**

 * Forms

 */

.form-input {

  display: block;

  position: relative;

  margin-bottom: 1rem;

}

.form-input > .material-icons {

  position: absolute;

  font-size: 1.5rem;

  top: 1.2rem;

}

.form-input > .material-icons ~ input, .form-input > .material-icons ~ .label, .form-input > .material-icons ~ .underline {

  margin-left: 2.25rem;

  width: calc(100% - 2.25rem);

}

.form-input input {

  border: none;

  box-shadow: none;

  padding-top: 1.5rem;

  padding-right: 0;

  padding-bottom: 0.5rem;

  padding-left: 0;

  outline-style: none;

  width: 100%;

}

.form-input input ~ .label {

  color: #868e96;

  font-size: 1rem;

  margin: 0;

  pointer-events: none;

  position: absolute;

  top: 1.5rem;

  left: 0;

  transition: top .2s,font .2s;

  z-index: 1;

}

.form-input input ~ .underline {

  background-color: #bdc1c5;

  height: 1px;

  width: 100%;

  position: absolute;

  bottom: 0;

}

.form-input input:hover ~ .underline, .form-input input:focus ~ .underline {

  background-color: #07beb8;

}

.form-input input:hover ~ .label, .form-input input:focus ~ .label {

  color: #07beb8;

}

.form-input input:focus ~ .underline {

  height: 2px;

}

.form-input input:focus ~ .label, .form-input input:valid ~ .label {

  top: 0;

  font-size: 0.85rem;

}

.form-input input:-webkit-autofill ~ .label {

  top: 0;

  font-size: 0.85rem;

}



.h_btn{

	background: #ff8c00;

	width: 100%;

	padding: 10px 15px; 

	color: white;

	margin-top: 20px;

	margin-bottom: 20px;

}

.forgot_a{

	margin-top: 10px;

}

/*-------- Busse Hospital Disposable --------*/
.wlc_bg
{
	background:#00c0ef;
	color:#fff;
	padding:15px;
	margin-bottom:20px;
	border-radius:3px;
}
.small-box
{
	border-radius:2px;
	position:relative;
	display:block;
	margin-bottom:20px;
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
.small-box>.inner
{
	padding:10px;
}
.small-box>.small-box-footer
{
	position:relative;
	text-align:center;
	padding:3px 0;
	color:#fff;	color:rgba(255,255,255,0.8);
	display:block;
	z-index:10;
	background:rgba(0,0,0,0.1);
	text-decoration:none;
}
.small-box>.small-box-footer:hover
{
	color:#fff;
	background:rgba(0,0,0,0.15);
}
.small-box h3
{
	font-size:38px;
	font-weight:bold;
	margin:0 0 10px 0;
	white-space:nowrap;
	padding:0;
}
.small-box p
{
	font-size:15px;
}
.small-box p>small
{
	display:block;
	color:#f9f9f9;
	font-size:13px;
	margin-top:5px;
}
.small-box h3,.small-box p
{
	z-index:5;
}
.small-box .icon
{
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	position:absolute;
	top:-10px;
	right:10px;
	z-index:0;
	font-size:80px;
	color:rgba(0,0,0,0.15);
}
.small-box:hover{
	text-decoration:none;
	color:#f9f9f9;
}
.small-box:hover .icon
{
	font-size:95px;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body 
{
	background-color: #00c0ef !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
	background-color: #00a65a !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
	background-color: #f39c12 !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
	background-color: #dd4b39 !important;
}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
	color: #fff !important;
}

.btn-dark
{
	margin-top:10px;
	background:#182155;
	color:#fff;
}
.btn-dark:hover, .btn-dark:focus
{
	background:#243180;
	color:#fff !important;
}

.prio_table .form-control
{
	background-color: transparent !important;
	border: transparent !important;
	box-shadow: initial !important;
}

.prio_table > thead > tr > th {
    background: #abf3ad !important;
    border-bottom: 1px solid #61b79c !important;
    border-top: 1px solid #61b79c !important;
}
.prio_table > tbody > tr > td {
    background: #f0fffc;
}

@media (max-width:767px)
{
	.small-box
	{
		text-align:center;
	}
	.small-box .icon
	{
		display:none;
	}
	.small-box p
	{
		font-size:12px;
	}
}

.bg-red
{
	background-color: red;
}