EVOLUTION-NINJA

Edit File: main.css

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;

}

{

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: #3f76d8;

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