EVOLUTION-NINJA

Edit File: main.css

html, body
{
	margin:0;
	padding:0;		
	color: #616161 !important;
	font-family: 'Roboto', sans-serif !important; 	
	overflow-x:hidden;
}
ul, li, a, span, label, h1, h2, h3, h4, h5, h6, form, p
{
	margin:0 auto;
	padding:0;
}
.clr
{
	clear:both;
}
.active{
	/*background:#4eabf9 !important;*/
	color:#4eabf9 !important;
	border-radius:3px;
}	
.height-50
{
	height:50px;
}
.hotline_bg {
		/*background:url("../images/hotline_bg.png") no-repeat center center /cover;	*/
		    position: relative;
	}
	.hotline_bg a {
        position: absolute;
        top: 5px;
	}
/*-------------------------- Header -----------------------------------------------------------------------------------*/

.cf{
		background:url("../img/nav-bg.png") no-repeat center center /cover;	
	}
	@media only screen and (min-width:320px) and (max-width:991px) { 
		.cf{
			background:#2a4474;
		}
	}
	
	@media only screen and (min-width:320px) and (max-width:640px) {
		.logo{
			width:70% !important;
			padding-top: 6px;
		}
		.smobitrigger{
			color:#2a4474 !important;
			background:#4eabf9;
		}
	}		
	
	@media only screen and (min-width:641px) and (max-width:991px) { 
		.smobitrigger{
			color:#2a4474 !important;
			background:#4eabf9;
		}
	}

.top-bg{
		background:#4eabf9;		
	}
	.top-head-right li {
		list-style:none;
		float:left;
	}
	.top-head-right ul li a{
		padding: 10px 15px;
		color: white;
	}
	.top-head-right ul li a:hover{
		text-decoration:none;
	}
	
	.top-head-right  ul {
		float:right;
		padding-top:5px;
	}	
	
	.top_marqu li
	{
		display:inline;
		padding-top:5px;
		padding-left:10px;
	}
	
	.top_marqu
	{
		padding-top: 8px;
		margin-bottom: 5px !important;
		text-align:center;
	}
	
	.top_marqu li a
	{
		color:white;
	}
	.top_marqu li a:hover
	{
		text-decoration:none;
		color:blue;
	}
	
	.dropdown-menu{
		background-color: #2a4474 !important;
		width:234px !important;
	}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
		width: 234px !important;
	}
	.dropdown-menu li a{
		padding: 12px 20px !important;
	    width: 120px;
	}
	.dropdown-submenu {
		background-color: #2a4474 !important;
		width:234px !important;		
	}
	.dropdown-submenu>li>a:focus, .dropdown-submenu>li>a:hover{
		width: 234px !important;
		background-color: #fff !important;
	}
	.dropdown-submenu li {
		width:234px !important;
		padding: 0px 0px !important;
	}
	.dropdown-submenu li a{
		padding: 12px 20px !important;		
	}
	
	
	
	
	.dropdown_list{
		list-style-type: none;
	  }
	  .dropdown-submenu1 {
		position: absolute;
		/*width: 210px;*/
		height: auto;
		left: 100%;
		top: 0;
		display: none;
		/*box-shadow: 1px 1px 2px;*/
		background-color: #2a4474 !important;
		width:234px !important;	
	  }
	  .drop-rel{
		position: relative;
	  }
	  .drop-rel:hover .dropdown-submenu1 {
		display: block;
	  }
	  .dropdown-submenu1 {
		list-style-type: none;
		padding-left: 10px;
	  }
	  .dropdown-submenu1 li {
		padding: 0px 0px !important;
		color: #0065B3;
	  }
	  
	  .dropdown-submenu1 li a{
		display: block;
	  }
	  .dropdown-submenu1>li>a:focus, .dropdown-submenu1>li>a:hover{
		width: 234px !important;
		background-color: #fff !important;
    }
	  .drop-rel a {
		  width:234px;	  
	  }
	
	
	
	
	
	
/*-------------------------- Banner -----------------------------------------------------------------------------------*/

.stock_update-banner{
		background:url("../img/banner-1.png") no-repeat center center  /cover;
		height:200px;
	}
	
/*---------------------- middle - work ---------------------*/

.middle_work_table{
		padding-bottom:50px;
	}
	.middle_work_hedding h3{
		color:#636363;
		border-bottom:1px solid #0065b3;
	}
	
    
    .search-container {
      float: right;
    }
    .search-container input[type=text] {
      padding: 6px;
      margin-top: 8px;
      font-size: 17px;
      border: none;
    }

.search-container button {
      float: right;
      padding: 6px 10px;
      margin-top: 8px;
      margin-right: 16px;
      background: #ddd;
      font-size: 17px;
      border: none;
      cursor: pointer;
    }

.search-container button:hover {
      background: #ccc;
    }
	.middle_work_table{
		padding-top:20px;
	}
	.ppp{
		/*font-style:italic;*/
		font-weight:600;
		letter-spacing: 1px;
	}
	@media only screen and (min-width:320px) and (max-width:640px) {
		.cc{
			text-align:left !important;
			font-size: 13px;
		}		
	}
	
/*------------------------ table ---------------------------------------------------*/

table th
	{
		background:#2a4474;
		color:white;
	}
	tbody tr td
	{
		border: 1px solid #ddd;
	}
	@media only screen and (min-width:641px) and (max-width:991px) {
		thead tr{
			font-size:12px;
		}
	}
	
/*------------ footer ------------------------------------------------*/

footer{
		background: #E9E9E9;
		padding:10px 0px;
		color:#707070;
		font-weight: bold;
	}
	footer a{
		color:#707070;
		transition: all .5s ease;
	}
	footer a:hover{
		text-decoration:none;
	}
	.foot-global h4,.foot-banglore h4,.foot-gurgaon h4{
		color: #176097;
		padding-bottom: 10px;
		border-bottom: 2px solid #176097;	
		font-weight: bold;
	}
	.cpyrights{
		background: #0065B3;
		color: white;
		padding: 5px 0px;
		text-align: center;
		font-size: 12px;
	}
	.cpyrights p{
		margin-bottom: 0;
	}
	.blues
	{
		background-color:#017dc6;
		padding-left:8px;
		padding-right:8px;
		color:white;
		border-radius:3px;
	}
	@media only screen and (min-width:320px) and (max-width:640px) {
		footer p{
			font-size:13px;
			//text-align:center;
		}		
	}
	
/*------------ stock-updates -------------------------------------------------------------------------------------------------------*/

.downloads{
		background:#4eabf9;
		padding:6px;
		color:white;
		border-radius:6px;
	}
	.downloads:hover{
		background:#2a4474;
		color:white;
		text-decoration:none;
	}
	.PO_Acknowledgemets-banner{
		background:url("../img/banner-2.png") no-repeat center center  /cover;
		height:200px;
	}
	
/* -------------------- Drive Catalogues --------------------------------------------------------------------------------------------*/

.Drive_Catalogues-banner{
		background:url("../img/banner-3.png") no-repeat center center  /cover;
		height:200px;
	}
	.case-stories-banner{
		background:url("../img/banner-4.png") no-repeat center center  /cover;
		height:200px;
	}
	.news-banner{
		background:url("../img/banner-news.png") no-repeat center center  /cover;
		height:200px;
	}
	.profile-banner{
		background:url("../img/banner-profile.png") no-repeat center center  /cover;
		height:200px;
	}
	.outstanding-banner{
		background:url("../img/banner.png") no-repeat center center  /cover;
		height:200px;
	}
	
/* -------------------- Inventory Import --------------------------------------------------------------------------------------------*/

.file-uploader {
	  //background-color: #dbefe9;
	  background-color:#c7e7ff;
	  border-radius: 3px;
	  color: #242424;
	}

.file-uploader__message-area {
	  font-size: 18px;
	  padding: 1em;
	  text-align: center;
	  //color: #377a65;
	  color:#0065b3;
	}

.file-list {
	  background-color: white;
	  font-size: 16px;
	}

.file-list__name {
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

.file-list li {
	  height: 50px;
	  line-height: 50px;
	  margin-left: .5em;
	  border: none;
	  overflow: hidden;
	}

.removal-button {
	  width: 20%;
	  border: none;
	  background-color: #d65d38;
	  color: white;
	}
	.removal-button::before {
	  content: "X";
	}
	.removal-button:focus {
	  outline: 0;
	}

.file-chooser {
	  padding: 1em;
	  transition: background-color 1s, height 1s;
	}
	.file-chooser p {
	  font-size: 18px;
	  padding-top: 1em;
	}

.file-uploader {
	  max-width: 400px;
	  height: auto;
	  /*margin: 2em auto;*/
	}
	.file-uploader * {
	  display: block;
	}
	.file-uploader input[type=submit] {
	  margin-top: 2em;
	  float: right;
	}

.file-list {
	  margin: 0 auto;
	  max-width: 90%;
	}

.file-list__name {
	  max-width: 70%;
	  float: left;
	}

.removal-button {
	  display: inline-block;
	  height: 100%;
	  float: right;
	}

.file-chooser {
	  width: 90%;
	  margin: .5em auto;
	}

.file-chooser__input {
	  margin: 0 auto;
	}

.file-uploader__submit-button {
	  width: 100%;
	  border: none;
	  font-size: 1.5em;
	  padding: 1em;
	 // background-color: #72bfa7;
	 background-color:#0065b3;
	  color: white;
	}
	.file-uploader__submit-button:hover {
	  background-color: #a7d7c8;
	}

.file-list li:after, .file-uploader:after {
	  content: "";
	  display: table;
	  clear: both;
	}

.hidden {
	  display: none;
	}
	.hidden input {
	  display: none;
	}

.error {
	  background-color: #d65d38;
	  color: white;
	}

*, *::before, *::after {
	  box-sizing: border-box;
	}

ul, li {
	  margin: 0;
	  padding: 0;
	}

/*-------------------------------------------- ---------------------------------------------------------------------*/

.mybt{
		background:#0261b7 !important;
		color:white !important;
		width:100%;
	}
	.mybt:hover{
		background:#021c33 !important;
	}
	
	@media only screen and (min-width:320px) and (max-width:640px) {	
		.mybt{
			
			width:40%;
		}		
	}