*{
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/gurkha.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

:root {
	--orange: #f7931e;
}

.wrapper-button {
    padding: 10px;
}

.cancelstrike {
	color:red;
	text-decoration: line-through;
}

/*pagination*/
.pagination .page-item {
    background-color: var(--orange) !important;
}
.pagination .current{
     background-color: black;
}
/*main container for all inner pages*/
.container-forall {
	max-width: 80%;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	background-color: rgba(255,255,255,0.6);
}
.container-forinventory {
	max-width: 98%;
	margin: 0 auto;
	margin-bottom: 40px;
	padding-bottom: 20px;
	background-color: rgba(255,255,255,0.6);

}
.container-main-inner input{
	border-radius: 0;
	background-color: var(--orange)!important;
}
.main-button {
	background-color: var(--orange) !important;
	padding: 10px 45px;
	border-color: var(--orange);
	border-radius: 0 !important;
}



/*NAVBAR SECTION*/
.navbar-brand img {
	max-width: 50%;
}
.navbar-light {
	padding: 0 !important;
}
.nav-link {
	font-family: 'roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #fff!important;
	padding: 10px 20px !important;
}
.nav-link:hover {
	color: var(--orange) !important;
}
.butt3 {
	border-radius: 0 !important;
	padding: 5px 20px;
	background-color: var(--orange) !important;
	border-color: var(--orange);
	color: #fff !important;
}
.logout {
	background-color: var(--orange);
}

.logout:hover {
    color: var(--orange) !important;
    background-color: #fff !important;
}

.hold-nav {
	background-color: #222d32;
}


/*ADMIN PANEL*/
.admin-header {
	padding: 10px 20px;
	color: #000;
	text-align: center;
}
.container-admin {
	text-align: center;
	padding: 60px 40px;
	background-color: rgba(255,255,255,0.6);
}

.admin-users-list {
	background-color: rgba(0,0,0,0.8);
}
.admin-add-users {
	background-color: rgba(0,0,0,0.8);
}
.admin-tasks-list {
	background-color: rgba(0,0,0,0.8);
}
.admin-add-task {
	background-color: rgba(0,0,0,0.8);
}
.admin-account {
	background-color: rgba(0,0,0,0.8);
}
.admin-logout {
	background-color: rgba(0,0,0,0.8);
}
.admin-pad {
	padding: 30px 0;
	margin-bottom: 20px;
	border-radius: 5px;
}
.admin-pad a {
	color: #fff;
}
.admin-pad:hover {
    background-color: #000!important;
}


/*ADD-USER SECTION*/
.container-user-reg {
	max-width:65%;
	margin: 0 auto;
	margin-top: 60px;
	border-radius: 30px;
	padding: 50px 30px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
}
.butt1 {
	background-color: #fff;
	color: var(--orange);
	border-color: var(--orange);
	padding: 10px 45px;
}
.container-user-reg h1 {
	padding-bottom: 30px;
}
.user-list {
	text-align: center;
	color: var(--orange);
	font-size: 40px;
	padding: 10px;
}

/*USER PROFILE*/
.container-profile-user {
	max-width: 400px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.container-task-user {
	margin: 30px;
}
.container-profile-user ul li {
	background-color: rgba(0,0,0,0.6)!important;
	color: #fff;
}
.container-task-user h2 {
	text-align: center;
	font-family: roboto;
}

/*ADMIN SETTING PAGE*/
.admin-settings{
	padding: 30px;
}

/*ORDER PAGE*/
.order-menu {
	padding: 10px 10px 1px 10px;
	text-align: center;
	background-color: #4c4c4c;
}

.order-menu a {
	color: #fff;
	text-decoration: none;
}
.order-menu a:hover {
	color: var(--orange);
}
/*icons in search in order list*/
.below-nav{
	 display: flex;
      justify-content: space-between;
}
 .below-nav .input-container .icon {
  padding: 10px;
  background: #f7931e;
  color: white;
  text-align: center;
}

  .below-nav .input-container {
  display: flex;
  width: 100%;
  justify-content:center; 
  margin: 30px;
}
.add-new{
	float:left;
}

.input-field:focus {
  border: 2px solid  #f7931e;
}
 .below-nav .input-field {
  padding: 5px;
  outline: none;
}

/*ajax*/
th .ajax-field{
	width: 90px; height: 45px;
}

/*for all index pages*/
.indexicon{
	border-radius:50%;
}
.indexlink{
	color:#060977f7;
	text-decoration: none;
}
.indexlink:hover{
	color:#060977f7;
	font-size:18px;
	text-decoration: none;
}


/*MOBILE RESPONSIVE*/
@media only screen and (max-width: 425px) {
	
	.container-main {
	max-width: 90%;
	margin: 0 auto;
	padding: 30px 15px;
	}

	.container-admin {
	text-align: center;
	padding: 20px 10px;
}

	.container-user-reg {
	max-width:95%;
	margin: 0 auto;
	margin-top: 60px;
	border-radius: 30p;
	padding: 30px 10px;
	background-color: var(--orange);
	color: #fff;
}

	}

/*IPAD RESPONSIVE*/
@media only screen and (max-width: 768px) {
	
	.container-main {
	max-width: 50%;
	margin: 0 auto;
	padding: 50px 35px;
	}

	}