@charset "utf-8";

/* CSS Document Shubham css Start here */

body {

    font-family: 'Open Sans', sans-serif !important;

	font-size: 15px;

    color: #000 !important;

	font-weight:500;

}

h1, h2, h3, h4, h5, h6{

	font-family: 'Open Sans', sans-serif !important;

}

header {

    padding: 5px 0;

    background:#fff;

    position: relative;

    left: 0;

    right: 0;

    z-index: 10;

	transition: 0.3s;

}

header.fixed-header {

    background: transparent;

    transition: 0.3s;

}

/*App Css Start here*/

.banner_item img {

    width: 100%;

    border-radius: 0px !important;

    margin: 0;

	object-fit: cover;

}

.top_bar {

    background: #007aff;

    padding: 14px 15px;

	width:100%;

    position: relative;

}

.top_bar h3 {

    color: #fff;

    font-size: 16px;

    margin: 0;

    text-align: center;

    text-transform: uppercase;

}

section.slider {

   /* padding: 5px 0;*/

}

section.dashboard {

    padding: 15px 0;

}

.dash_grid {

    background: #fff;

    border-radius: 4px;

    padding: 15px 10px;

    text-align: left;

    box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.2);

    margin-bottom: 15px;

    position: relative;

    padding-left: 100px;

}

.dash_grid img {

    position: absolute;

    left: 20px;

    width: 48px;

    top: 23px;

}

.dash_grid.box p {

    color: #fff;

}

.dash_grid.box h3 {

    color: #fff;

}

.dash_grid p {

    text-transform: uppercase;

    margin-bottom: 5px;

    font-size: 14px;

}

.dash_grid h3 {

    margin: 0;

    font-weight: 700;

    font-size: 34px;

}

.retailer {

    text-align: center;

    width: 100%;

}

.btn.btn-retailer {

    background: #007aff;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    padding: 13px 15px;

    left: 0;

    right: 0;

    width: 100%;

    position: fixed;

    border-radius: 0;

    bottom: 0;

    font-weight: 800;

}

.pr-8{

	padding-right:8px;

}

.pl-8{

	padding-left:8px;

}

section.dashboard.form_w {

    padding: 20px 0;

}

.form_w .form-control {

    border-radius: 0px;

    font-size: 16px;

    border: 1px solid #b5b5b5;

    box-shadow: 0px 2px 10px rgba(0,0,0,0.19);

}

.form_w textarea.form-control {

    height: 110px;

}

input.btn.btn-retailer {

    width: 100%;

}



.dash_grid.ret_list {

    padding: 10px;

    text-align: left;

    position: relative;

}

.dash_grid.ret_list h4 {

    font-size: 14px;

    font-weight: 700;

    color: #007aff;

    padding-right: 80px;

}

.dash_grid.ret_list p {

    text-transform: none;

}

.dash_grid.ret_list span.date {

    position: absolute;

    right: 10px;

    top: 10px;

    font-size: 12px;

    color: #5e5e5e;

}

ul.list-unstyled.order_itm{

	margin:0;

}

ul.list-unstyled.order_itm li {

    position: relative;

    line-height: 24px;

    display: flex;

}

span.time_oc {

    margin-left: auto;

}

/*Mobile Nav*/

.sidenav {

	display: none;

	height: 100%;

	right: 0px;

	position: fixed;

	z-index: 999;

	top: 0;

	left: 0;

	background-color: rgba(0, 0, 0, 0.7);

	overflow-x: hidden;

	padding-top: 0px;

}

.innser_slds {

    background: #0c354e;

    max-width: 100%;

    height: 100%;

    overflow: hidden;

}

.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}

ul.mobmenu {

	margin: 0 !important;

	list-style: none;

	padding: 0;

}

ul.mobmenu > li {

    display: inline-block;

    vertical-align: top;

    width: 100%;

    padding: 12px 20px;

    border-bottom: solid 1px #ffffff29;

    font-weight: 500;

    color: #ffffff;

    text-transform: uppercase;

    font-family: 'Trebuchet MS' !important;

}

ul.mobmenu > li > a {

    color: #fff;

    display: block;

}

.sidenav .closebtn {

	position: absolute;

	top: 0px;

	right: 15px;

	font-size: 35px;

	margin-left: 0;

	color: #fff;

	cursor: pointer;

}

span.menu_btn {

    position: absolute;

    left: 15px;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer !important;

    display: none;

}

.dropdown-menu.sub_strss.show {

    margin: 0;

    border-radius: 0;

    top: 70px;

    border: none;

    background: #000;

    padding: 0;

}

.dropdown-menu.sub_strss.show a {

    padding: 10px 12px;

    color: #fff;

    border-bottom: 1px solid #505050;

}

.dropdown-menu.sub_strss.show a:hover {

    background: #ff9d20;

    color: #000;

}

.dropdown-menu.sub_strss.show a:focus {

    background: #ff9d20;

    color: #000;

}



/*=======END MOBILE NAV=======*/

a.btn.btn-retailer img {

    width: 22px;

    margin-right: 17px;

}

a.btn.btn-retailer {display: flex;justify-content: center;align-items: center;}



.order_table table td, .order_table table th {

    padding: 3px 5px;

    font-size: 12px;

    border: 1px solid #eee;

}

input.btn.btn-addorder {

    width: 100%;

    background: #245db3;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

}

.dash_grid_all {

    margin-bottom: 36px;

}

ul.list-unstyled.order_itm li {

    position: relative;

    line-height: 24px;

    display: flex;

    color: #232323;

}

a.list_items {

    display: flex;

    justify-content: space-between;

	text-decoration:none;

}

a.list_items img {

    position: relative;

	left:0;

	top:0;

}

.item_info h3 {

    font-size: 18px;

    color: #232323;

}

.item_info {

    padding-left: 15px;

    text-align: left;

    width: calc(100% - 80px);

}

.dash_grid.item_full_details {

    padding: 0;

    box-shadow: none;

}

.dash_grid.item_full_details img {

    width: 100%;

    position: relative;

    left: 0;

    right: 0;

    top: 0;

    margin-bottom: 10px;

    max-height: 200px;

    object-fit: cover;

}

.dash_grid.item_full_details p {

    color: #007aff;

    font-size: 20px;

    font-weight: 600;

}

.dash_grid.item_full_details h3 {

    font-size: 24px;

}

.dash_grid.ret_list.cart_list {

    display: flex;

}

.dash_grid.ret_list.cart_list img {

    position: relative;

    top: 0;

    left: 0;

}

a.back_button {

    color: #fff;

    width: 25px;

    height: 19px;

    display: flex;

    align-items: center;

	text-decoration:none !important;

}

a.item_remove {

    background: #cf0000;

    color: #fff;

    width: 18px;

    height: 18px;

    text-align: center;

    display: block;

    line-height: 18px;

    position: absolute;

    border-radius: 50%;

    top: -3px;

    right: -6px;

    font-size: 12px;

}

.top_bar.with_cart {

    background: #007aff;

    padding: 14px 15px;

    width: 100%;

    position: relative;

    display: flex;

    justify-content: space-between;

    flex-flow: wrap;

    align-items: center;

}

.top_bar.with_cart a.cart_icon {

    color: #fff;

    position: relative;

    display: inline-block;

    width: 25px;

}

.top_bar.with_cart a.cart_icon span {

    width: 15px;

    height: 18px;

    position: absolute;

    text-align: center;

    line-height: 18px;

    background: #ffeb00;

    border-radius: 50%;

    font-size: 12px;

    top: -6px;

    left: 11px;

}

.top_bar.with_cart  h3 {

    width: calc(100% - 50px);

    margin-left: 25px;

}





/*Loader css Start Here*/

.loader, .loader:after {

    border-radius: 50%;

    width: 5em;

    height: 5em;

}

.loader {

  margin: 0px auto;

  font-size: 10px;

  position: relative;

  text-indent: -9999em;

  border-top: 0.5em solid #007aff;

  border-right: 0.5em solid #007aff;

  border-bottom:0.5em solid #007aff;

  border-left: 0.5em solid #ffffff;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation: load8 1.1s infinite linear;

  animation: load8 1.1s infinite linear;

}

@-webkit-keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

#loadingDiv {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 9;

    background: #fff;

    overflow: hidden;

    display: flex;

    align-items: center;

}

/*Loader css End Here*/

form{

	margin-bottom:50px;

}

.order_item {

    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 20%);

    background: #fff;

    border-radius: 2px;

    overflow: hidden;

    margin-bottom: 20px;

	position: relative;	

}

span.offer_ribbon {

    position: absolute;

    background: #ff7600;

    color: #fdfdfd;

    transform: rotate(-35deg);

    font-size: 10px;

    width: 65px;

    text-align: center;

    left: -18px;

    top: 6px;

    text-transform: uppercase;

}

.order_item a {

    display: block;

	width:100%;

	text-decoration:none !important;

}

.order_item a img {

    width: 100%;

    height: 95px;

    object-fit: cover;

}

.order_item_info {

    padding: 10px;

}

.order_item_info h3 {

    font-size: 18px;

    color: #232323;

	font-weight: 700;

}

.order_item_info p {

    margin-bottom: 5px;

}

.col-6.order_list_r:nth-child(2n) {

    padding-left: 10px;

}

.col-6.order_list_r:nth-child(2n+1) {

    padding-right: 10px;

}

.inc_btn {

    background: #007aff;

    color: #fff;

    border: none;

    width: 30px;

    height: 30px;

    font-size: 19px;

    line-height: 20px;

    border-radius: 3px;

}

input#number {

    height: 30px;

    border: 1px solid #ddd;

    padding-left: 13px;

}

.dash_grid a {

    text-decoration: none !important;

}

p.item_capto {

    text-transform: none;

    font-size: 14px !important;

    color: #333 !important;

    margin-bottom: 20px;

}

span.unit {

    color: #8f8f8f;

    font-size: 12px;

}

.offer_details {

    margin-bottom: 50px;

    display: block;

    width: 100%;

    background: #fdedd5;

    border-radius: 4px;

    padding: 10px 15px;

    line-height: 18px;

    font-size: 13px;

    color: #626262;

}

.userinfo {

    padding: 20px;

    text-align: center;

    color: #fff;

    border-bottom: solid 1px #ffffff29;

}

.userinfo p {

    font-size: 11px;

    text-transform: uppercase;

    margin-bottom: 5px;

}

.userinfo h3 {

    font-size: 18px;

	text-transform: uppercase;

	font-weight:500;

}

.userinfo h3 span {

    font-weight: normal;

    font-size: 11px;

    text-transform: capitalize;

    display: block;

    margin-top: 5px;

}

.message {

    background: #ffe8e8;

    padding: 5px 10px;

    border-radius: 4px;

    color: #f00;

    margin-bottom: 10px;

}

span.form-control.readonly {

    background: #efefef;

}

a.dispatched {

    background: #538757;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    padding: 4px 7px;

    border-radius: 2px;

}

a.dispatched {

    background: #538757;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    padding: 4px 7px;

    border-radius: 2px;

}

@media (max-width: 767px){

	.client_wrapp{

		width:100%;

		max-width:100% !important;

	}

	.founder_pic {

    padding-right: 0;

    margin-bottom: 15px;

	}

	.row.invert_k:nth-child(2n) .founder_pic {

		padding-left: 0;

		padding-right: 0;

		margin-bottom: 20px;

	}

	section.our_work {

		padding: 40px 15px;

	}

	.breadcrumb_wrapp.page_brdcum img {

		min-height: 150px;

	}

	.page_identity {

		padding: 0;

		transform: translateY(-50%);

		left: 0;

		text-align: center;

		right: 0;

	}

	.page_identity h2 {

		font-size: 2rem;

	}

	.hbr_left {

		display: none;

	}



	.hbr_right ul li:first-child {

		display: none;

	}

	.bg-gray {

		padding: 10px !important;

	}

	.navbar-dark .navbar-brand img {

	height: 50px !important;

	margin-bottom: 0px;

	}

	span.menu_btn {

		display: block;

		color: #fff;

	}

}

.user-reg-title{
    text-align: center;
}
.user-reg-img{
    text-align: center;
    margin-bottom: 20px;
}
.user-reg-img img{
    width: 100%;
    max-width: 106px;
    vertical-align: middle;
    border-style: none;
}