EVOLUTION-NINJA

Edit File: main.css

html, body {
	margin:0 !important;
	padding:0 !important;
	color: #000000 !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: 1px solid #ddd;
	background:#ffffff;
}
.header_right
{
	float:right;
	padding-top: 10px;
}
.header_right ul
{
	float: left;
	padding-top: 6px;
	margin-right: 25px;
	border-top: 5px 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: 1px solid #ddd;
	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:#346faa;		border-bottom: 1px solid #000;
}

/*------------------- events ------------------------*/
.tab_left
{
	border: 1px solid #182155;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.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;	
}

/*--------------- mid_work_two ---------------*/

.mid_work_two
{
	padding-bottom:20px;
	padding-top:20px;
	background:#f5f5f5;
}

/*-------------------------- 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;
}
/*-------------------*/
.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: #e6fae6;
}
.prio_table td
{	
	border-top: 0px solid transparent !important;
}
.prio_table .form-control
{
	background-color: transparent !important;
	border: transparent !important;
	box-shadow: initial !important;
}

.table1>tbody>tr>td, 
.table1>tbody>tr>th, 
.table1>tfoot>tr>td, 
.table1>tfoot>tr>th, 
.table1>thead>tr>td, 
.table1>thead>tr>th {
    border-top: 0px solid transparent !important;
}

/*-------- 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;
}

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