EVOLUTION-NINJA

Edit File: main - Copy.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; 
}
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: 10px;
	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;
}

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

.ul_menu li.dropdown:hover > .sub_dropdown {
	display: block !important;    
}

.sub_dropdown > li
{
	padding:0px 0px !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;
}

.mid_container1
{
	background:#fff;
	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;
}