	/** Generated by FG **/
@font-face {
	font-family: 'Conv_GothamMedium';
	src: url('../fonts/GothamMedium.eot');
	src: local('☺'), url('../fonts/GothamMedium.woff') format('woff'), url('../fonts/GothamMedium.ttf') format('truetype'), url('../fonts/GothamMedium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Gotham-Black';
	src: url('../fonts/Gotham-Black.eot');
	src: local('☺'), url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.ttf') format('truetype'), url('../fonts/Gotham-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_GothamBold';
	src: url('../fonts/GothamBold.eot');
	src: local('☺'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf') format('truetype'), url('../fonts/GothamBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_GothamBook';
	src: url('../fonts/GothamBook.eot');
	src: local('☺'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype'), url('../fonts/GothamBook.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url('https://use.fontawesome.com/releases/v5.3.1/css/brands.css');
@import url('https://use.fontawesome.com/releases/v5.3.1/css/fontawesome.css');

html{
	height: 100%;
}
body{
  font-family: 'Conv_GothamBook'; color:#535353;
  height: 100%;
}
h4{color:#000;font-family: 'Conv_GothamBook' ;}

header.head {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.btn-primary {
	font-size: 13px;
	background-color: #ef4400;
	letter-spacing: 1px;
	line-height: 15px;
	border-radius: 40px;
	transition: all 0.3s ease 0s;
	border-color: #ef4400;
	text-transform: uppercase;
}

button.logout-btn {
	position: relative;
	padding-left: 35px;
}

button.logout-btn svg {
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	background: #d03b00;
	padding: 0 7px;
	height: 100%;
	width: 30px;
	border-radius: 50%;
}

.fs-20{font-size:20px;}
.clred{color:#ef4400;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-26{font-size:26px;}
.fs-13{font-size:13px;}

.form-control {
	border-radius: 0rem;
	border: 1px solid #dedede;
}
.add-cust label {
	text-transform: uppercase;
	font-size: 13px;
	line-height: 46px;
	margin: 0;
}
.addcust-bg{background-color:#f3f3f3; padding:25px;margin-top:20px;width: 100%;}
.btn-secondary{padding:10px 24px;border:0px solid red; text-transform:uppercase; font-size:16px;}
.buttonred{background:#ef4400;}
.btndark{
	background: #2e2e2e;
	opacity: 1 !important;
}
.form-control-sm {
	padding: 1rem .5rem;
}
.form-group {
	margin-bottom: 30px;
}
.fw-600{font-weight:600;}
.mtEventtxtStartDate {
	background: #fff url('../images/calendar-icon.png')no-repeat right 4px center !important;
}
textarea.form-control {
	border-radius:0rem;
}
.searchbar{background: #fff url('../images/search.png')no-repeat right 4px center !important;}
.icon{width: 15px;
height: 15px;
fill: #000;}
.icon.user{fill:#fff;}
.icon.add{fill:#fff; height:10px; width:10px;}

.bdr-left{border-left:2px solid #093c77;}
.brdr{border: 1px solid #cbcbcb;}
.bgright{
  background-color: #fff;
  border-radius: 5px;
	border-top-width: 0px;
	margin-right: 20px;
}
.addorderbg .addcust-bg{
	border:1px solid #dedddd;
	border-radius:5px;
	position: relative;
}
.bgright img {
	margin: 20px auto !important;
	display: block;
	border-radius: 5px;
}
.media p{line-height:1.5; font-size: 14px; font-family: 'Conv_GothamBook';}
.bgwh, .mdmid{background: #fff; border-bottom:1px solid #d1d1d1; position: relative;}
.cstmr-section .media{
	padding:15px;
}
.bgwhtop{background: #fff;}
.mdmid{padding:20px 20px;}
.editbg{width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(239, 68, 0, .8);
position: relative;
left: 50%;
top: -35px; text-align: center;transform: translateX(-50%);}
.iconedit {
	width: 16px;
	height: 13px;
	fill: #fff;
}
.cartmedia{border-bottom:1px solid #d1d1d1;}

.cstmr-section .delete-icon {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.cstmr-section {
	position: relative;
	display: block;
	width: 100%;
	z-index: 5;	
}
.cstmr-section .media{
	border-right: 1px solid #d1d1d1;
}

/***Avinash ****/

.card-signin {
  border: 1px solid #e4e4e4;
  border-radius: 0.2rem;
}

.card-signin .card-title {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  font-weight: 600;
  font-size: 1rem;
	font-family: 'Conv_GothamBold';
  text-transform: uppercase;
  color: #f26522;
}

.card-signin .card-body {
  padding: 2rem;
}

.form-signin {
  width: 100%;
}

.form-signin .btn {
  font-size: 19px;
  border-radius: 2px;
  letter-spacing: .1rem;
  padding: 1.1rem;
  transition: all 0.2s;
  background: #042143;
  border: none;
  font-family: 'Conv_GothamBook';
}
.form-signin .btn:hover{
  background: #f26522;
}


.form-label-group {
  position: relative;
  margin-bottom: 1rem;
  font-family: 'Conv_GothamBook';
}

.form-label-group input {
  border-radius: 0rem;
}
.form-label-group input::-webkit-input-placeholder {
  color: #949494;
}

.form-label-group input:-ms-input-placeholder {
  color: #949494;
}

.form-label-group input::-ms-input-placeholder {
  color: #949494;
}

.form-label-group input::-moz-placeholder {
  color: #949494;
}

.form-label-group input::placeholder {
  color: #949494;
}


.dashcenter{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);border-radius:50%;text-align:center;}
.circle1{width:230px; height:230px; background:#fff;opacity:0.1;}
.circle2{width:215px; height:215px; background:#fff;opacity:0.2;}
.circle3{width:200px; height:200px; background:#fff;}
.clrblue{color:#041e69;}
.clrblue span{color:#818181;}


.custom-control-label::after{
  border:1px solid #ccc;
}


.form-control{
  height:47px;
  font-size: 0.875rem;
}

textarea.form-control{
  height: auto;
}

.centered {
	position: absolute;
	top: 50%;
	left: 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 97%;
	transform: translateY(-50%);
}

.icondashboard{width:70px; height:80px; fill:#ccd3e7;}

.dashboardDetail h5 {
	font-size: 26px;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
  letter-spacing: 1px;
}

.dashcenterDetail{
  font-weight:700;
  line-height: 26px;
  color: #041e69;
  font-weight:900;
}

.block-about span{
	font-size: 19px;
    opacity: .8;
}

.searchinput input{border-top:0px; border-left:0px; border-right:0px; border-bottom:1px solid #e4e4e4; width:100%;}
li a{color:#495057;}

.nav-tabs .nav-link {
	border-color:#e4e4e4 ;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-color: #e4e4e4;
}
.nav-link {
	padding: .5rem 0.48rem;
}
.searchinput{line-height:1.3rem;}
.searchinput p:first-child {
	margin-bottom: 0.2rem;
	font-family: 'Conv_GothamMedium';
	color: #042143;
	font-size: 13px;
}

.searchinput p {
	color: #010101;
	font-size: 15px;
	font-family: 'Conv_GothamBook';
}

.searchinput input::-moz-placeholder{
  color: #010101;
  font-size: 15px;
  opacity: 0.4;
}
.searchinput input::-webkit-input-placeholder{
  color: #010101;
  font-size: 15px;
  opacity: 0.4;
}

.bdleft div:before{border-left:2px solid #093c77; content:""; position:absolute;height:36px; left:0px; top:6px;}
 
.searchinput input:focus {
  border-bottom: 1px solid #093c77;
}

.carousel-control-prev-icon{background:url('../images/previous.png');margin-left:-31px;}
.carousel-control-next-icon{background:url('../images/next.png'); margin-left:27px;}

.clrgreen{color:#608c48;}
.clrred-2{color:#fe2828;}
.bgstrip{background:#f3f3f3;}
.bgstrip p{font-size:14px;}
.bgstrip div{border-right:1px solid #e4e4e4;width:33.33%;}
.sucesscircle{width:450px; height:450px; position:absolute; background:rgba(93,203,116,0.1); top:50%; left:50%; transform: translate(-50%,-50%);border-radius:50%;text-align:center;}
.postop{top:30%;}

.clrsuccess{color:#5dcb74;}
.p-body p{font-size:13px;font-family: 'Conv_GothamBold';}


.icon.back{width:12px; height:12px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: #ef4400;
	color: #fff;
	border-color: transparent;
}

.btn-secondary.addorder {
	padding: 4px 8px;
}
.btn-secondary.addorder svg {
	margin-left: 2px !important;
	font-weight: bold !important;
	opacity: 1 !important;
	color: #fff !important;
}

.order-editbtn a:first-child{
	margin-bottom: 8px;
}
.status select {
	    -webkit-appearance: none;-moz-appearance: none;
    appearance: none;}
	
.status .slate {
	background: #fff url('../images/down-arrow.png') no-repeat 96% ;
}
#shipping input {
	border-color: rgba(0, 0, 0, 0.15);
}
#lblcus_info label{
	text-transform: lowercase;
}
.address-bar textarea#street_address {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	border-left: none;
	border-right: none;
	border-top: none;
	background: rgba(255, 255, 255, 0.1);
}
.ship1{background-color:#f3f3f3;}
.container-radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;

    border-radius: 50%;
    border:1px solid #5a5a5a;
}


/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
 	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ef4400;
}

.container-radio input:checked ~ .checkmark {
	border-color: #ef4400;
}

.icon.back{width:12px; height:12px;}

.dashboardDetail{
	
	font-family: 'Lato', sans-serif;
}
.serachcustomerDetail {

  border-top: 1px solid #e5e8ec;
  font-size:1.375rem;
}

p.serachcustomer {
  font-size:1.375rem;
}

.p-body p.text-uppercase.clred {
  font-size: 22px;
  font-weight: 400;
}

.add-image {
	position: relative;
	margin: 0 auto;
	display: inline-block;
}

.add-image span.add-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	font-size: 24px;
	line-height: 34px;
	width: 36px;
	height: 36px;
	text-align: center;
	right: 0;
	margin: auto;	
	background: rgba(0, 0, 0, 0.4);
	border-radius: 50%;
}

.add-image span.add-icon a{
  color: #fff;
}

.add-image span.add-icon a:hover{
  text-decoration: none;
}

.media-body p b {
	color: #042143;
	font-family: 'Conv_GothamMedium';
	font-weight: 500;
}

p.fs-16.cstmr-name b {
	font-size: 15px;
	color: #042143;
}

.fs-12 {
	font-size: 12px;
}

.fs-20 {
	font-size: 20px;
}

.fs-14 {
	font-size: 14px;
}

p.pro-name {
	color: #595959;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 18px;
	border: none;
	padding: 0;
	margin: 0;
}

p.pro-code {
	color: #1a1a25;
	font-weight: 600;
}

p.pro-edit a {
	color: #ef4400;
	font-weight: 600;
}

.cart-items {
	background: rgba(229, 229, 229, 0.6);
	padding: 25px;
	position: relative;
}

.cart-items::after {
	position: absolute;
	content: "";
	bottom: 0px;
	background: rgba(0, 0, 0, 0.1);
	height: 1px;
	left: 25px;
	right: 25px;
}

.cart-items:last-child:after{
  display: none;
}

.items {
	display: inline-block;
	vertical-align: middle;
}

.cart-items-edit {
	float: right;
	vertical-align: middle;
	margin: 17px 30px 0 0;
}

.quantity {
	display: inline-block;
	width: 70px;
	vertical-align: middle;
}

.item-remove a {
	display: inline-block;
	color: #636363;
	font-size: 24px;
	font-weight: 600;
	line-height: 20px;
}

.quantity select {
	background: rgba(0, 0, 0, 0.1) url(../images/down-arrow.png) no-repeat;
	border: none;
	height: 36px;
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	padding: 6px;
	font-size: 16px;
	font-weight: 600;
  color: #1a1a25;
  background-position: 85% 19px;
}
.method-detail .container-radio.text-uppercase{
	text-transform: capitalize !important;
}
.price {
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	margin-left: 30px;
}

.price input.form-control {
	width: 130px;
	height: 36px;
	padding: 3px 8px;
	float: left;
}

.price .input-group-append.quantity{
  width: 50px;
}

.item-remove {
	float: right;
	margin: 6px 0 0 70px;
}

.subtotal p {
	font-size: 16px;
	color: #797979;
	text-transform: uppercase;
	line-height: 21px;
}

.subtotal p b {
	font-size: 18px;
	color: #1a1a25;
}

.subtotal {
	display: block;
	margin: 30px 0 30px;
	font-family: 'Conv_GothamBook';
}

input.discount-input {
	background: #eaeaea;
	border: none;
	width: 239px;
	height: 47px;
	padding: 0 14px;
}

.discount {
	margin: 0px 0 30px;
}

.total-price p {
	font-size: 24px;
	color: #1a1a25;
	font-weight: 600;
}

.buttons {
	text-align: right;
	margin: 30px 0 0;
}

.checkout-btn {
	background: #f16321;
	float: right;
	margin-left: 10px;
	color: #fff;
	border-radius: 0px;
	font-size: 18px;
	text-transform: uppercase;
	height: 48px;
	width: 324px;
	font-weight: 600;
}

.shopping-btn {
	background: #1a1a25;
	border-radius: 0px;
	height: 48px;
	font-size: 14px;
}

.dashcenterDetail span {
	position: relative;
	display: block;
	margin: 8px 0;
}

.dashcenterDetail span::after {
	position: absolute;
	left: 18px;
	top: 12px;
	content: "";
	background: #ddd;
	height: 1px;
	width: 47px;
}

.dashcenterDetail span::before {
	position: absolute;
	right: 16px;
	top: 12px;
	content: "";
	background: #ddd;
	height: 1px;
	width: 50px;
}

.fltr-section {
	width: 100%;
	background: #e5e5e5;
	padding: 15px;
	border-radius: 3px;
}

.date-input {
	display: inline-block;
	width: 60%;
	vertical-align: middle;
	position: relative;
}

.fltr-section input {
	width: 100%;
}

.date-input svg {
	position: absolute;
	right: 13px;
	top: 11px;
	font-size: 22px;
	color: #797979;
}

.fltr-section button.btn.btn-primary {
	border-radius: 0px;
	height: 42px;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
}

.fittings-detail {
	display: block;
	margin: 20px 0 20px;
	background: #f3f3f3;
	padding:0 20px 20px 20px;
	border: 1px solid #dedddd;
	border-radius: 3px;
}

.fitting-table {
	background: #fff;
	border: 1px solid #cbcbcb;
	border-radius: 3px;
	padding: 20px;
}

.fitting-date {
	display: inline-block;
	border: 1px solid #cbcbcb;
	background: #fff;
	color: #606060;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	padding: 14px 20px;
	border-radius: 3px 3px 0px 0px;
	margin: 0 0 -1px;
}

.fittings-detail .fitting-date {
margin: 20px 0 -1px 0;
	}

.fitting-table table.table {
	margin: 0;
}

.fitting-table table.table thead th {
	font-size: 14px;
	color: #042143;
	text-transform: uppercase;
	background: #e5e4e4;
	border: 1px solid rgba(0, 0, 0, 0.12);
	vertical-align: top;
}

.fitting-table table.table tbody td {
	border: 1px solid #dadada;
	background: #f3f3f3;
	text-transform: uppercase;
	font-size: 14px;
	color: #2f3030;
	/*font-weight: 600;*/
}

.fitting-table table.table tbody td a{
  color: #2f3030;
}

form.add-cust {
	padding-right: 20px;
}

span.sub-heading {
	color: #6f6f6f;
	font-weight: normal !important;
  font-size: 22px;
  font-family: 'Conv_GothamBook';
}

.order-div {
	border-top: 1px solid #ddd;
	margin: -5px 0 10px;
	padding: 25px 0 0;
}

.order-div h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
}

.left-info {
	margin: 20px 0px 0px;
}

.left-info p {
	margin: 0 0 20px;
	font-size: 15px;
  color: #000;
  font-family: 'Conv_GothamBook';
}

.left-info.right-info {
	float: right;
	width: 80%;
}

.left-info p.sign {
	float: right;
	width: 63%;
	margin: 100px 0 0;
}

.last-bottom {
	float: left;
	width: 100%;
	margin: 136px 0 0;
}

.order-div.order-performa {
	border: none;
	padding-top: 15px;
}

.order-performa .personal-info {
	margin: 20px 0 0;
}

.order-performa .personal-info table thead th {
	background: #f2f2f2;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	color: #000;
	font-weight: normal;
}

.order-performa .personal-info table tbody td {
	padding:10px 10px;
	background: #fff;
	font-size: 14px;
	color: #000;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.order-performa .personal-info table tbody tr:last-child{
  border-bottom: 1px solid #d9d9d9; 
}

.comment-box {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}

.comment-box textarea {
	resize: none;
	height: 700px;
}

.order-btn {
	margin: 0 0 20px;
	float: left;
	width: 100%;
}

ul.add-cstmr {
	margin: 0 -1px;
}

ul.add-cstmr li a.nav-link {
	padding: 14px 8px;
	font-size: 14px;
	text-align: center;
}

.overview p {
	font-weight: 600;
	color: #042143;
	padding: 0px 10px; 
}

.overview p ~ p{
	font-weight: 400;
	color: #000;
}

.bgstrip.overview {
	border: 1px solid #dadada;
	border-radius: 3px;
}

.addcust-bg form {
	width: 100%;
}

.remark textarea.form-control {
	border: none;
	padding: 0;
	height: 50px;
	resize: none;
	border-bottom: 1px solid #dddddd;
}


.body-shape label {
	color: #4b4b4b;
	text-transform: uppercase;
	font-size: 13px;
	display: block;
	margin: 20px 0 5px;
	font-family: 'Conv_GothamMedium';
}

.body-shape select.form-control {
	appearance: none;
	-webkit-appearance: none;
	padding: 0 6px;
	text-transform: uppercase;
	border-color: #dedede;
	color: rgba(75, 75, 75, 0.8);
	font-size: 13px;
	font-family: 'Conv_GothamBook';
	background: url(../images/down-arrow.png) no-repeat 95%;
	height: 40px;
}

.other-msrmnts h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #f47216;
	display: block;
	margin: 10px 0 0;
	font-family: 'Conv_GothamMedium';
}

.o-msrmnts .body-shape label {
	font-size: 13px;
	text-transform: none;
	font-family: 'Conv_GothamBook';
	color: #f47216;
}

.o-msrmnts .body-shape select.form-control {
	width: 50%;
	float: left;
	border-color: #b4b4b4;
}

.other-msrmnts {
	margin: 0 0 15px;
}

.o-msrmnts .body-shape select.form-control:last-child {
	margin-left: -1px;
}

.cstmr-reciept {
	width: 100%;
	margin: 0;
	padding: 10px 0;
}

.cstmr-reciept img {
	margin: 0 !important;
	display: inline-block;
	max-width: 100%;
	border-radius: 0px;
	border: none;
	width: 100%;
}

.add-head p {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	text-transform: uppercase;
	color: #f47216;
	font-family: 'Conv_GothamMedium';
}

.shipping-address span {
	display: inline-block;
	vertical-align: middle;
}

.shipping-address {
	float: left;
	width: 100%;
	margin: 20px 0 0;
}

.address-bar {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	/*background: #f3f3f3;
	border: 1px solid #dadada;
	padding: 15px 20px;*/
}

.address-bar .bdleft div::before {
	left: 15px;
}

.address-bar .bdleft div {
	padding-left: 30px;
	padding-top: 5px;
}

.add-head {
	margin: 4px 0 0;
}

.fitting-table.history-table {
	padding: 0;
	border: none;
	margin: 15px;
}

.fitting-table.history-table table.table tbody td{
	text-transform: none;
}

.history-pagination .pagination {
	text-align: right;
	margin: 10px 0 0;
	display: inline-block;
}

.history-pagination .pagination li {
	display: inline-block;
	margin: 0 0px 0 3px;
}

.history-pagination .pagination li a {
	background: #e4e4e4;
	color: #656565;
	font-size: 12px;
	border-radius: 0px !important;
	padding: 5px 6px;
	font-family: 'Conv_GothamBook';
}

.history-pagination .pagination li.page-item.active .page-link, .history-pagination .pagination li.page-item:hover .page-link{
	background: #fa7c42;
	color: #fff;
	border-color: #fa7c42;
}

.make-payment {
	background: #e5e5e5;
	margin: 15px 0 20px;
	padding: 15px;
}

.due-paymnt {
	background: #fff;
	border: 1px solid #e5e5e5;
	margin: 0 -1px -1px;
}

.due-paymnt p {
	display: block;
	text-align: center;
	color: #010101;
	font-size: 15px;
	font-family: 'Conv_GothamBook';
	margin: 13px 0;
}

.due-paymnt.clred p{
	color: #ef4400;
}

.due-paymnt p span {
	display: block;
	font-size: 13px;
	color: #042143;
	text-transform: uppercase;
	font-family: 'Conv_GothamMedium';
	margin: 0 0 5px;
}

.order-detail {
	margin: 0 0 0px;
	display: block;
	padding: 5px 15px 15px;
}

.order-detail ul{
	padding: 0px;
	margin: 0px;
}

.order-detail ul li {
	display: block;
	margin: 0 0 10px;
	font-size: 14px;
	color: #000000;	
	font-family: 'Conv_GothamBook';
}

.order-detail ul li span {
	color: #494949;
	display: inline-block;
	min-width: 150px;
}

.user-detail {
	position: relative;
	padding: 30px 0;
}

.user-detail::after {
	content: "";
	position: absolute;
	left: -15px;
	right: -15px;
	top: 0px;
	background: #d1d1d1;
	height: 1px;
}

.user-detail::before {
	content: "";
	position: absolute;
	left: -15px;
	right: -15px;
	bottom: 0px;
	background: #d1d1d1;
	height: 1px;
}

.user-pro img {
	margin: 0 !important;
	border-radius: 3px;
	border: none;
	max-width: 100%;
}

.user-detail .order-detail {
	padding: 0;
}

.user-detail .order-detail ul li span {
	min-width: 90px;
}

.remark-div h2 {
	font-size: 16px;
	color: #042143;
	display: block;
	margin: 0 0 6px;
	font-family: 'Conv_GothamMedium';
	text-transform: uppercase;
}

.remark-div p {
	font-size: 14px;
	line-height: 21px;
	margin: 0;
	color: #494949;
	font-family: 'Conv_GothamBook';
}

.remark-div {
	margin: 20px 0 20px;
	padding: 0 10px;
}

.print-order {
	margin: 0 0 20px;
}

.schedule {
	background: #ebebeb;
	padding: 15px 20px 20px  20px;
	margin: 0px 10px 20px;
	display: block;
}

.schedule .form-group {
	display: inline-block;
	width: 49%;
	margin: 0 0 25px 0;
}

.schedule .form-group label{
	font-size: 15px;
	font-family: 'Conv_GothamBook';
	color: rgba(0, 0, 0, 0.7);
}
.schedule.schedule1.pr-2{
	padding-right:0 !important;
} 
.schedule .form-group input {
	text-transform: capitalize;
	background: #fff;
	height: 50px;
	padding: 0 9px;
	width: 100%;
	border-radius: 0px;
} 
.schedule.schedule1 .print-btn{
	margin-top: 0;
}
.print-btn {
	text-align: right;
	padding: 0 10px;
}

.print-btn button {
	font-size: 16px;
	border-radius: 0px;
	padding: 11px 20px;
	margin-left: 10px;
}

.schedule .form-group input.fitting-date {
	background-image: url(../images/fitting-date.png);
	background-repeat: no-repeat;
	background-position: 96%;
}

input.fitting-date {
	background-image: url(../images/fitting-date.png);
	background-repeat: no-repeat;
	background-position: 96%;
}

.schedule .form-group input.fitting-date.time {
	background-image: url(../images/pickup-time.png);
	background-repeat: no-repeat;
	background-position: 96%;
}

.nav.nav-tabs.add-cstmr {
	max-width: 649px;
}

.tab-arrow {
	position: absolute;
	top: 40px;
	left: -1px;
	z-index: 1;
	background: #fff;
	border: 1px solid #ddd;
	width: 40px;
	border-radius: 0px 5px 5px 0px;
	height: 40px;
	text-align-last: center;
	line-height: 39px;
	/* box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); */
	border-left-width: 0px;
	display: none;
}

.tab-arrow a svg {
	font-size: 18px;
	color: #000;
	line-height: ;
}

.payment-tab div.{
	transition: 0.8s all ease;
}

.bgright.fl-menu {
	float: left;
	width: 100%;
	border-top-width: 1px;
	padding: 15px;
}

.bgright.fl-menu ul.nav-tabs.add-cstmr {
	float: right;
	margin: 0 0;
}

.bgright.fl-menu .tab-content {
	float: left;
	width: 100%;
}

.order-id {
	display: block;
	margin: 20px 0 15px;
	font-size: 15px;
	color: #000;
	font-family: 'Conv_GothamBook';
}

.order-id span{
	display: block;
	font-size: 22px;
	color: #ef4400;
	font-family: 'Conv_GothamMedium';
}

.serch-ordr-prodct {
	margin: 0 -15px;
}

.pro-dimension {
	display: block;
	margin: 0 0 0;
}

.pro-dimension select {
	height: 50px;
	border: 1px solid #dedede;
	-webkit-appearance: none;
	appearance: none;
	padding: 0 10px;
	margin-right: 12px;
	background: url(../images/down-arrow.png) no-repeat 90% center;
}

.pro-dimension select:nth-child(1) {
	width: 200px;
}

.pro-dimension select:nth-child(2) {
	width: 90px;
}

.pro-dimension select:nth-child(3){
	width: 150px;	
}

.pro-dimension input{
	height: 50px;
	border: 1px solid #dedede;
	padding: 0 4px;
	width: 170px;
}

.pro-dimension button.update {
	border-radius: 0px;
	font-size: 16px;
	padding: 6px 28px;
	height: 50px;
	margin: 0 0px 0 10px;
}

.pro-dimension button.update.remove {
	background: #3c3c3c;
	border-color: #3c3c3c;
	/* float: right; */
	margin: 0px 0px 0px 15px;
	display: inline-block;
}

ul.select-design {
	padding: 0;
	margin: 0;
}

ul.select-design li{
	display: inline-block;
	text-align:center;
	transition: 0.6s all ease;
	border: 1px solid transparent;
}

ul.select-design li:hover {
	border: 1px solid #ef4400;
}

ul.select-design li a{
	display: block;
}

ul.select-design li a img {
	margin: 0 !important;
	border: none;
	border-radius: 0px;
	display: inline-block;
}

ul.select-design li p {
	font-size: 13px;
	color: #000;
	margin: 0px 0px 10px;
	font-family: 'Conv_GothamBook';
}

ul.select-design li p i {
	font-style: normal;
	display: block;
	font-size: 15px;
	color: #434343;
	font-family: 'Conv_GothamMedium';
}

.shirt-measurements {
	padding: 20px 0;
}

ul.select-design li:hover p, ul.select-design li:hover p i, ul.select-design li a:hover{
	color: #ef4400;
	text-decoration: none;	
}

ul.select-design li a span{
	height: 100%;
}

.product-measurements-by {
	border: 1px solid #d9d9d9;
}

.product-measurements-by .heading {
	display: block;
	text-align: center;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid #d9d9d9;
}

.product-measurements-by .heading img {
	margin: 0 !important;
	display: inline-block;
	border: none;
}

.pro-naap {
	border-right: 1px solid #d9d9d9;
	position: relative;
	z-index: 2;
	margin-left: -15px;
}

.pro-name {
	padding: 23px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	margin: 0 0 10px;
}

.pro-naap h3{
	font-size: 21px;
	color: #000;
	font-family: 'Conv_GothamBook';
	display: block;
	margin: 0px 0px 10px;
}

.pro-naap p {
	margin: 0;
	font-size: 15px;
	color: #000;
	font-family: 'Conv_GothamBook';
}

.pro-msrmnts {
	padding: 5px 20px;
}

.pro-msrmnts h3 {
	color: #ef4400;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Conv_GothamMedium';
	margin: 10px 0 25px;
}

.naap-size .pro-size {
	width: 70px;
	float: left;
	height: 32px;
	border: 1px solid #c5c5c5;
	-webkit-appearance: none;
	margin-right: 8px;
	font-size: 14px;
	color: #44464f;
	padding: 0 2px;
	background: url(../images/down-arrow.png) no-repeat 94% center;
}

.naap-size label {
	font-size: 14px;
	color: #44464f;
	margin: 6px 0 0;
}

.naap-size {
	margin: 0 0 20px;
}

.supplier-code {
	display: block;
	padding: 20px;
	margin: 30px 0 10px;
}

.s-code {
	position: relative;
}

.s-code input.form-control {
	padding-right: 48px;
}

.s-code span.s-icon {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 45px;
	text-align: center;
	padding: 10px 0 0;
	background: #ef4400;
	color: #fff;
}

.supplier-code span.or {
	display: block;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	margin: 10px 0;
	color: #000;
	font-family: 'Conv_GothamBook';
}

.supplier-code button.btn.btn-default {
	background: #241f1e;
	color: #fff;
	width: 100%;
	border-radius: 0px;
	padding: 10px 0;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Conv_GothamBook';
}

.pattern {
	padding: 0 20px;
}

.ptrn-div{
	position: relative;
}

.patrn-box img {
	margin: 0 !important;
	border-radius: 0px;
	border: none;
	display: inline-block;
	width: 100%;
}

.cross-icon {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 25px;
	height: 25px;
	text-align: center;
	color: #fff;
	line-height: 27px;
}

.zoom-icon {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 25px;
	height: 25px;
	text-align: center;
	color: #fff;
	line-height: 27px;
}

.patrn-box p {
	text-align: center;
	color: #363636;
	font-size: 14px;
	margin: 6px 0 10px;
	font-family: 'Conv_GothamBook';
}

.tools-left {
	float: left;
}

.color-right {
	float: right;
}

.top-part {
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 25px;
}

.tools-left a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.tools-left a img {
	margin: 0 !important;
	border: none;
}

.color-right a{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.color-right a img{
	margin: 0 !important;
	border: none;
}

.product-measurements-by ~ .btn.btn-primary {
	border-radius: 0px;
	float: right;
	margin: 15px 0 0;
	font-size: 16px;
	padding: 16px 30px;
}

.product-full-dimension {
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

.bottom-part {
	margin-top: auto;
}

.product-image img {
	margin: 0 !important;
	display: inline-block;
	border: none;
}

.product-image {
	text-align: center;
	padding: 20px 0 0;
	display: block;
	clear: both;
}


.blank-template {
	background: #f2f2f2;
	padding: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.blank-template a {
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
	font-family: 'Conv_GothamMedium';
	letter-spacing: 1px;
}

.tailor-name {
	display: flex;
	flex-direction: row;
}

.tailor-name label {
	display: flex;
	white-space: nowrap;
	align-items: center;
	margin: 0 12px 0 0;
	font-size: 13px;
	color: #000;
	font-family: 'Conv_GothamBook';
}

.tailor-name .form-control {
	height: 40px;
}

.naap-part-editor {
	float: left;
	width: 100%;
}

.bottom-btns {
	float: left;
	width: 100%;
	text-align: right;
	margin: 40px 0 20px;
}

.bottom-btns button {
	border-radius: 0px;
	font-size: 18px;
	padding: 20px 20px;
	margin-left: 10px;
}

.total-payment {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0px 0 20px;
	position: relative;
	padding: 26px 10px 0px;
}

/* .total-payment::after{
	position: absolute;
	content: "";
	bottom: 0px;
	left: -15px;
	right: -15px;
	background: #ddd;
	height: 1px;
} */

.total-payment p {
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	font-family: 'Conv_GothamMedium';
	margin: 0px;
}

.total-payment p span{
	color: #676767;
}

p.Clred {
	color: #ff0000;
}

.total-payment .btn.btn-default {
	background: #5e5e5e;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 0px;
	margin: 9px 0 0;
	font-family: 'Conv_GothamBold';
}

.payment-detail {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-top: 15px;
}

.payment-detail::after {
	position: absolute;
	content: "";
	top: 0px;
	left: -15px;
	right: -15px;
	background: #ddd;
	height: 1px;
}

.payment-detail div span, .payment-detail div p{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.payment-detail div span {
	min-width: 110px;
}

.payment-detail > div {
	font-size: 16px;
	color: #4f4f4f;
	display: block;
	margin: 0 0 15px;
}

.payment-detail div.price {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: auto;
}

.payment-detail div.price .form-control {
	height: 48px;
	width: 230px;
	border: 1px solid #ced4da !important;
}

.payment-detail div.price .input-group-append.quantity {
	width: 90px;
}

.payment-detail div.price .input-group-append.quantity select {
	height: 48px;
	background-color: #efefef;
	background-position: 88%;
}

.payment-detail textarea.form-control {
	height: 90px;
	resize: none;
	display: inline-block;
	width: 370px;
	vertical-align: top;
}

.payment-method h3 {
	display: block;
	margin: 0 0 20px;
	color: #ef4400;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Conv_GothamMedium';
}

.payment-method {
	margin: 30px 0 0;
	padding: 0px 10px;
}

.remark_section{
	padding: 0px 10px;
}

.method-group span.radio-box {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
}

.method-group select {
	display: inline-block;
	vertical-align: middle;
	width: 155px;
	height: 48px;
	padding: 7px;
	border: 1px solid #dedede;
	-webkit-appearance: none;
	background: #fff url("../images/down-arrow.png") no-repeat 92%;
}
.place-review-order ~ div.copntainer{
	padding: 15px;
}
.method-group {
	display: block;
	margin: 0 0 20px;
}
.place-review-order{
	margin: 0 15px;
}
.order-taken-by {
	border-top: 1px solid #ddd;
	padding: 30px 0 20px;
}
.order-user-remark.revordpay-remark{
	border:0;
}
.place-review-order .review-orleft{
	background: #ebebeb;
}
.order-taken-by span {
	display: inline-block;
	width: 230px;
}

.order-taken-by select{
	display: inline-block;
	vertical-align: middle;
	width: 220px;
	height: 48px;
	padding: 7px;
	border: 1px solid #dedede;
	-webkit-appearance: none;
	background: #fff url("../images/down-arrow.png") no-repeat 92%;
}

.btns-update-payment {
	display: block;
	padding: 20px 0 0;
	text-align: right;
}

.btns-update-payment button {
	border-radius: 0px;
	font-size: 16px;
	padding: 16px 20px;
	margin-left: 10px;
}

.address-div h3 {
	display: block;
	margin: 0 0px 15px;
	font-size: 16px;
	text-transform: uppercase;
	color: #ef4400;
	font-family: 'Conv_GothamBold';
}

.address-div {
	margin: 20px 0 0;
}

.address-show {
	border: 1px solid #dedddd;
	border-radius: 5px;
	padding: 10px;
	margin: 0 0 20px;
}

.address-show {
	border: 1px solid #dedddd;
	border-radius: 5px;
	padding: 20px;
	margin: 0 0 20px;
}

.top-addres {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.top-addres p, p.ads {
	font-size: 13px;
	color: #2f3030;
	margin: 0 12px 10px 0;
	font-family: 'Conv_GothamBook';
	padding: 0 11px 0 0;
	border-right: 1px solid #ddd;
}
.top-addres p{
	font-size: 13px;
	color: #2f3030;
	margin: 0 20px 10px 0;
	font-family: 'Conv_GothamBook';
	padding: 0 20px 0 0;
	border-right: 1px solid #ddd;
}
p.ads, .top-addres p:last-child{
	border: none;
}

.top-addres p span, p.ads span {
	font-size: 13px;
	color: #042143;
	text-transform: uppercase;
	display: block;
	margin: 0 0 4px;
	font-family: 'Conv_GothamMedium';
}
p.ads.Performa{
	border-bottom: 1px solid #ddd;
    padding-bottom: 16px;
    margin-bottom: 18px;
}
.date-field {
	position: relative;
}

.date-field input {
	/*padding-right: 45px;*/
}

.date-field svg {
	position: absolute;
	right: 13px;
	top: 9px;
	font-size: 24px;
	color: #9d9d9d;
}

.shipping-tab {
	padding: 0 0 30px;
}

.save-btn {
	text-align: right;
	margin: 30px 0 0;
}

.save-btn button {
	border-radius: 0px;
	font-size: 14px;
	padding: 14px 20px;
}

.select-option {
	margin: 20px 0 0;
}

.select-option {
	margin: 20px 0 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.left-option {
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	padding: 15px;
	min-width: 220px;
}
.left-option p {
	margin: 0;
	font-size: 14px;
	color: #2c2c2c;
}

.left-option div {
	margin: 0 0;
	border-bottom: 1px solid #ddd;
	padding: 12px 0;
}

.left-option div:last-child{
	border: none;
	padding-bottom: 0px;
}

.center-arrow {
	display: flex;
	flex-direction: column;
}

.center-arrow svg {
	color: #9d9d9d;
	font-size: 20px;
	margin: 10px 0;
}

.status-tab {
	padding: 20px 10px 0px;
	display: block;
}

.order-status .form-grpup {
	display: block;
	margin: 0 0 20px;
}

.order-status .form-grpup label {
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 8px;
	display: block;
}

.order-status .form-grpup textarea{
	height: 150px;
	resize: none;
}

.order-status .form-grpup select{
	-webkit-appearance: none;
	background: #fff url("../images/down-arrow.png") no-repeat 97%;	
}

.order-status .form-grpup span.radio-box {
	display: inline-block;
	vertical-align: middle;
	margin: 4px 20px 0 0;
}

.order-status .form-grpup span.radio-box label {
	margin: 0 0 0;
}

.order-status .form-grpup span.radio-box label span.checkmark {
	top: 0;
}

.address-show p.ads:last-child {
	margin: 20px 0 0;
	border-top: 1px solid #ddd;
	padding: 20px 0 0;
}

.order-status .save-btn {
	text-align: center;
	margin: 0 0 10px;
}

.order-status .save-btn button.btn.btn-primary {
	display: inline-block;
	margin: 0 5px;
}

.place-order-section ul.nav {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	position: relative;
}

.place-order-section ul.nav .nav-link {
	font-size: 14px;
	color: #9e9e9e;
	text-transform: uppercase;
	border: none;
	background: transparent;
	font-family: 'Conv_GothamMedium';
	padding: 0 3px 10px 15px;
}

.place-order-section ul.nav .nav-item {
	position: relative;
}

.place-order-section ul.nav .nav-item .nav-link::before {
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	background: #a5a5a5;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.place-order-section {
	margin: 15px 0 0;
}

.place-order-section ul.nav .nav-link.active {
	color: #ef4400;
	position: relative;
	border-bottom: 2px solid #ef4400;
}

.place-order-section ul.nav .nav-item .nav-link.active::before{
	background: #ef4400;
}

.order-user-detail, .order-user-remark {
	border: 1px solid #d9d9d9;
	margin: 30px 0 20px;
	padding: 20px;
}

.order-user-detail {
	background: #e4e4e4;
	border-right: none;
}

.order-user-remark {
	background: #f2f2f2;
	border-left: none;
	float: left;
	width: 100%;
	padding: 38px 20px;
}

.place-user-image {
	display: block;
	margin: 0 0 20px;
}

.place-user-detail p {
	margin: 0 0 15px;
	color: #000;
	font-size: 14px;
	font-family: 'Conv_GothamBook';
}

.place-user-detail p:last-child{
	margin: 0px;
}

.place-user-detail p span {
	color: #494949;
	display: inline-block;
	min-width: 95px;
}

.place-order-dimens .pro-dimension select:nth-child(1) {
	width: 235px;
}

.place-order-dimens {
	margin: 20px 0 20px;
}

.order-user-remark .schedule {
	background: transparent;
	padding: 0;
	margin: 0;
}

.order-user-remark .schedule .form-group {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.order-user-remark .schedule .form-group label {
	float: left;
	width: 25%;
	text-align: right;
	font-size: 14px;
	color: #000;
	font-family: 'Conv_GothamBook';
	margin: 10px 0 0;
}
.p-d-block
{
	width: 45% !important;
}

.order-user-remark .schedule .form-group textarea {
	float: left;
	width: 70%;
	margin-left: 20px;
	resize: none;
	height: 190px;
	border-color: #dedede;
}

.order-user-remark .schedule .form-group input.fitting-date {
	float: left;
	width: 34%;
	margin-left: 23px;
	border-color: #dedede;
}

.order-user-remark .schedule .form-group input.fitting-date.time {
	margin: 0 3px 0 0;
	float: right;
}

.place-measurement-detail {
	padding: 20px;
	background: #efefef;
	margin: 30px 0 0px;
	width: 100%;
}

.place-product-detail .body-shape label {
	margin: 0 0 7px;
}

.place-product-detail .body-shape select{
	background-color: #fff;
}

.place-product-detail .other-msrmnts h4 {
	margin: 10px 0 20px;
}

.place-product-detail .cstmr-reciept {
	padding: 0;
	margin: 0 0 20px;
}

.place-order-btns {
	text-align: right;
	display: block;
	width: 100%;
	margin: 20px 0 6px;
}

.place-order-btns button {
	border-radius: 0px;
	padding: 14px 18px;
	font-size: 16px;
	margin-left: 8px;
}

.place-order-btns button.remove{
	background: #313131;
	border-color: #313131;
}

.place-shipping-address {
	padding: 20px;
	margin: 30px 0 0;
	background: #efefef;
}

.place-shipping-detail {
	width: 100%;
}

.place-shipping-address-top {
	width: 100%;
	display: block;
}

.address-tabs {
	display: inline-block;
}

.add-new-address {
	float: right;
	margin: 3px 0 0;
}

.address-tabs > span {
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	padding: 11px 20px 6px;
	margin: 0 15px 0 0;
}

.address-tabs > span.active{
	border-color: #ef4400;	
}

.place-primary-adrs h4 {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	text-transform: uppercase;
	color: #f47216;
	font-family: 'Conv_GothamMedium';
	margin: 0px 0 0;
}

.primary-select {
	float: right;
}

.place-primary-adrs {
	width: 100%;
	margin: 30px 0 0;
}

.place-adrs-section {
	background: #fff;
	border: 1px solid #c8c8c8;
	width: 100%;
	padding: 40px 20px;
	margin: 10px 0 0;
}

.adres-place textarea.form-control {
	resize: none;
	height: 120px;
}
.pro-dimension div{
display:inline !important;
}





.drawing-canvas {
	width: 100%;
	border: 2px solid #ddd;
	/*position: absolute;*/
	z-index: 9999;
	bottom: 80px;
	height: 450px;
	background-color: #fff;
	color: #000;
}
.img64
{
	width: 64px !important;
	height:64px !important;
}
.decorationnone{
	text-decoration: none !important;
}



.claendar-icon svg {
	right: 10px;
}


.left-option.group-shipping div {
	padding: 1px 0; border-bottom: 0;
}

.left-option.group-shipping div .col-sm-8 p {
	margin: 8px 0 0;
}

.left-option.group-shipping .col-form-label.text-right {
	text-align: left !important;
}


.edit-icon button.btnEdit {
    padding: 0px;
    background: transparent;
    border-color: transparent;
}

.user_image {
    position: relative;
    display: block;
	margin: 0 auto 0;
	padding-bottom: 10px;
}

.user_image:hover .editbg{
	opacity:1;
}

.user_image .editbg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}

.user_image .editbg a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.cstmr-section .left-section {
    float: left;
    width: 90%;
}

.cstmr-section .right-section {
    float: right;
    width: 10%;
}

a.cstmr-section img {
    float: left;
    border-radius: 5px;
}

a.cstmr-section .media-body {
    float: left;
    width: 65%;
}

    .zoomin img { height: 200px; width: 200px;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease; }
    .zoomin img:hover,
    .ptrn-div.zoomer{ width:300px; height:300px; background:#000; padding:15px; }
    .ptrn-div.zoomer img{width:100%; height: 100%;}


.btn.btn-primary.logout_btn {
	padding-left: 37px;
	position:relative;
	overflow: hidden;
}
.btn.btn-primary.logout_btn span.icon_sec {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	line-height: 25px;
	background: #d32804;
	border-radius: 12px;
	padding: 0 8px;
	opacity: 1;
}
section.head_part {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 15px;
}
span.primary_section {
	display: inline-block;
	margin:0;
	background: #ececec;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 6px 10px;
}
span.primary_section label{
	margin-bottom: 0px;
}


.p-left-0{
	padding-left: 0px !important;
}
.p-right-0{
	padding-right: 0px !important;
}




/*.canvas_area {
	float: left;
	width: 100%;
	position: relative;
	z-index: 99;
	height: 600px;
}
.canvas_area canvas {
	height:500px;
	width:500px;
	position: relative;
	z-index: 99;
}
*/

.p-block.block-about.write-section canvas{
}
a.order-box {
    display: block;
    width: 100%;
    transition: 0.6s all ease;
    overflow: hidden;
}
a.order-box img, a.order-box .centered h5{
	transition: 0.6s all ease;
}
a.order-box:hover img{
	transform: scale(1.1);
}
a.order-box:hover .centered h5{
	color: #ef4400;
}
a.order-box p.dashcenterDetail{
	transition: 0.6s all ease;
}
a.order-box:hover p.dashcenterDetail{
	color: #ef4400;
}

.otherRefferal {
	position: absolute;
    top: -7px;
    right: -58px;
    z-index: 99;
    height: 44px;
}

.cus-info {
	border: 1px solid #ccc;
	padding: 10px;
	position: relative;
	background: #fff;
}

.cus-info input{
	margin-bottom: 10px;
}
.cus-info label{
	line-height:35px;
	border-bottom:1px solid #ccc;
	width:100%;
}

#lblcloseDiv {
position: absolute;
top: 0px;
right: 15px;
}

#closeDiv {
	position: absolute;
	top: -12px;
	right: -13px;
}


.s-codeNew .select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0px;
	height: 44px;
	margin: -7px 0 0;
}
span#closeDiv i {
	font-size: 20px;
	background: #fff;
}

ul.pagination {
	margin: 20px 0 0;
}
select.country_drop {
	height: auto;
	border: none;
	-webkit-appearance: none;
	padding: 0px;
	border-bottom: 1px solid #e4e4e4;
	background: transparent;
}
span.drop_icon {
	position: absolute;
	bottom: 6px;
	right: 20px;
}
label.ppl_name {
	display: block;
	margin: 7px 0px 0px;
	font-size: 14px;
}
label.ppl_cntry {
	display: block;
	margin: 0;
	padding: 0px 0 15px;
	font-size: 14px;
	color: #000;
}
#shipping .searchinput input:focus{
	border-bottom: 1px solid #093c77;
}
.o-msrmnts .body-shape .shirt_chest select.form-control{
	width:33.33333%;
}
.o-msrmnts .body-shape .shirt_chest select.form-control:first-child{
	border-right: 0px;

}
#shipping .part1, .shipping-addetail{ font-size: 16px;}
#shipping .part1 .form-group{margin-bottom: 10px;}
.shipping-lable{margin-bottom: 5px;}
}
.select2.select2-container{
	width:100% !important;
}
.addor-outer .bgwh{ padding-top: 0; }
a{outline: 0;}
.order-editbtn{position: relative; right: 0; top: 0; z-index: 9;}
.media.mdmid1 {
    border-left: 2px solid #ef4400;
    background: none;
    padding: 20px;
    position: relative;
}
.media .bgwh1
{
	 background: #fff;
    padding: 20px;

    position: relative;
}
.orderrigt-fix {
	top: 0;
	bottom: 0;
	right: 0;
	width: 56%;
	background: #fff;
	overflow-y: auto;
	position: fixed;
	z-index: 999;
}
.closeicon{position: absolute;; right: 15px; top: 5px; color: #000; opacity: 1; font-size: 20px; font-weight: 700}
.closeicon:hover{color: #000; text-decoration: none;}
#innerSlideContent{margin-top:35px;}
#innerSlideContent .print-btn{margin: 10px 0;}
.divnoimage{
	text-align: center;
    margin-top: 100px;
    font-size: larger;
}
.btncommon-lg{border-radius: 0px; font-size: 16px; padding: 0px 28px !important; height: 50px; line-height: 50px;}
.review-orleft{ background: #dedede;}
.review-orright{background: #efefef;}
.review-orright form{background: #fff; border: 1px solid #ced4da;}
.btn-primary.disabled, .btn-primary:disabled{background-color: #3c3c3c; border-color: #3c3c3c;}
.left-option.group-shipping{width: 420px; min-width: 420px;background: #fff;}
.left-option.group-shipping #customerAddresses{padding: 0;}
.revordpay-remark{padding: 0; margin-top: 0; background: none;}
.revordpay-remark .schedule .form-group textarea{ margin-left: 0; width: 100%;}
.revordpay-remark .schedule .form-group label{text-align: left}
.revordpay-remark .schedule .form-group input.fitting-date{width: 48%; margin: 0; font-size: 12px;}
.bgwhtop-link{width: 100%;}
.orderde-flex{flex-direction: inherit; display: flex; width: 100%; margin: 0}
.orderde-flex:after{display: none;}
.orderde-flex span.text-right{ font-size:16px;}
.orderde-flex .input-group-append.quantity{ min-width: 90px; }
.orderde-flex.price{margin: 0; width: 100% !important;}
.btnor-update{background: #ef4400 !important}
.bgwh-padding{padding-left: 20px;}
.orderde-flex{flex-direction: inherit; display: flex; width: 100%; margin: 0}
.orderde-flex:after{display: none;}
.orderde-flex span.text-right{ font-size:16px;}
.orderde-flex .input-group-append.quantity{ min-width: 90px; }
.orderde-flex.price{margin: 0; width: 100% !important;}
.btnor-update{background: #ef4400 !important}
.bgwh-padding{padding-left: 20px;}
.pl-lable25{padding-left: 32px;}
.gropship-orders{margin-bottom: 15px;}
.gropship-orders p{margin-bottom: 4px; font-size: 14px;}
.login-fropage{ height: 100vh; display: flex; align-items: center; justify-content: center;}
.login_layout{
	max-width: 428px;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 auto;
}
.login_layout .card-body{
	padding: 2.3rem;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus{
	background: #ef4400;
	border-color: #ef4400;
	box-shadow: none !important;
}
.login_layout .card-body .card-title{
	font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #f26522;
    margin-top: 28px;
		margin-bottom: 35px;
		font-family: 'Conv_GothamBold'
}
.text-uppercase.fs-13{
	font-size: 15px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    opacity: .9;
    line-height: 0;
}

.text-uppercase.fs-13 .icon.back{
	margin-right: 2px;
    margin-top: 2px;
}
.go_back{
	color:#000;
}
.go_back:hover, .go_back:hover .icon.back{
	color: #ef4400;
    fill: #ef4400;
}
.filter-date{
	margin-top:28px;
}
.top-page-haeding{
	margin-top:28px;
}
.top-page-haeding .text-uppercase.fs-13 .icon.back{
	margin-top: 0;
}
label.col-sm-2.text-right{
	padding-right: 0;
}
.cstmr-section  .media.mdmid {
	background: #f3f3f3 !important;
	border-right: 0;
}
.cstmr-section  .media.mdmid::before{
	content: '';
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	background: #ef4400;
	width: 3px;
}
.search_bar{
	width: 100%;
	background: #ddd;
	padding: 15px !important;
	border-radius: 2px;
	margin-top: 20px;
}
.search_bar form.add-cust{
	padding-right: 0;
}
.p-block.block-about.search_sc{
	margin-top: 24px;
}
.sidebar_panel{
	padding-right: 5px;
}

.search_sec .searchinput  input:focus{
	outline: none;
}
.before_none::before{
	display: none;
}
.c_content{
	width: calc(100% - 30px);
}
.modal-header{
	align-items: center;
}

.bdleft.search_edit .col-md-6{
	margin-bottom: 15px;
}
.sidebar_panel{
	padding-bottom: 20px;
}
.btn-secondary.addorder.add_ord {
	padding: 3px 15px;
	font-size: 15px;
}
.addd_left_panel .paradet.float-left p:last-child{
	margin-bottom: 0;
}

.addd_left_panel .media {
	padding: 15px !important;
	border-right: 1px solid #d1d1d1;
}

.addd_left_panel a{
	color: #464646;
}
.addd_left_panel .media.mdmid{
	border-right: 0;
	background: #f3f3f3;
}
.addd_left_panel .media.mdmid::before{
	content: '';
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	background: #ef4400;
	width: 3px;
}
.addd_left_panel{
	padding-bottom: 25px;
}
.right_panel{
	border: 1px solid #d1d1d1;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.pl_lt.addd_left_panel{
	padding-right: 5px;
}
.right_panel_content {
	margin-right: 20px;
}
.right_panel_content .addor-outer{
	border: 1px solid #d1d1d1;
	border-right: 0;
}
.right_panel_content .media {
	border-bottom: 1px solid #d1d1d1;
}
.right_panel_content .media:last-child {
	border-bottom: 0;
}
.right_panel_content h5{
	font-size: 26px;
    margin-bottom: 16px;
}
.search_left_panel .media{
	padding: 15px 30px;
	border-right: 1px solid #d1d1d1;
}
.search_left_panel .media.mdmid1{
	border-left: 0;
}
.search_left_panel .media.mdmid1::before{
	content: '';
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	background: #ef4400;
	width: 3px;
}
.carousel-control-next, .carousel-control-prev{
	top: 40px;
	align-items: inherit;
}
.search_left_panel a{
	color: #464646;
}
.search_left_panel .media.mdmid1{
	border-right: 0;
	border-bottom: 1px solid #d1d1d1;
}
.print-btn{
	margin-top: 20px;
}
.nav-tabs.add-cstmr.text-uppercase{
	margin-left: auto;
}
.product_ct{
	padding: 20px;
}
.bg_light{
	background: #fff !important;
}

.bg_light .pro-dimension{
	margin-bottom: 20px;
}
.addcust-bg.search_bar.bg_light{
	background: #ddd;
}
.shipping-tab.shipping-addetail{
	padding-top:20px;
}
.payment-tab .bgright {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.left-option div{
	padding: 10px !important;
	border-bottom: 1px solid #ddd !important;
    box-shadow: none;
}
.left-option div:last-child{
	border-bottom: 0 !important;
}
.left-option div p{
	margin-bottom: 4px;
}
.left-option div p:last-child{
	margin-bottom: 0;
}
.left-option div p:nth-child(2){
	font-weight: bold;
}
.fc-field:hover {
	outline: none !important;
}
.search_left_panel{
	padding-bottom: 28px;
}

#pickupContainer{
	margin-bottom: 15px;
}
.left-option #customerAddresses div{
	padding: 10px 0 !important;
}
.left-option #customerAddresses div.mr-2{
	border-bottom: 0 !important;
}

.addcust-bg form.bg_lt{
	padding:0 15px 15px 15px;
	background: #f9f9f9;
}
.head_part.dashboard{
	border-bottom: 0;
    margin-bottom: 0;
}
.logo img{
	max-width: 144px;
}
.logout_btn{
	line-height: 18px;
}
form.add-cust#frm_add_customer {padding-right:0;}
.search_sec .bgright{
	border: 1px solid #ddd;
	border-top:0;
}
.time_icon{
	background-image: url(../images/pickup-time.png);
	background-repeat: no-repeat;
	background-position: 96%;
}
.modal button.close{
	outline:none;
	font-size:35px;
}
.user_image  #blah{
	width: 128px;
	height: 121px;
}

.addd_left_panel .icon{
	width: 17px;
	height: 17px;
}
.addd_left_panel img{
	border-radius: 3px;
}

.search_bar #btnSearch{
	padding: 11px 24px;
}
#txtreferral_earning{
	margin: 0;
	font-weight: 600;
}
#total_currency{
	outline: none;
}
.review-orright .bg-white{
	background-color: #fff!important;
	padding: 16px 18px 25px;
	border: 1px solid #cbcbcb;
	border-radius: 3px;
}
.search_left_panel .media  img{
	border-radius: 3px;
}
#shipping .total-payment {
	padding: 5px;
}
.total-payment .alert.alert-primary{
	margin: 0 15px;
}
#shipping .payment-detail div.price .input-group-append.quantity select{
	background-color: #ffffff;
	border: 1px solid #ddd;
	margin-left: 20px;
}
#shipping .payment-detail div.price .input-group-append.quantity {
	width: 120px;
}
.date-field .schedule {
	background: #ffffff;
	padding: 0;
	margin: 0;
}
#menu3 .address-div{
	margin:0;
}
#menu3 .select-option{
	margin: 0;
}




/************************* 14 02 2019 Start ***********************/

.select_section {
	padding: 0px 15px;
	margin-bottom: 20px;
}
.select_section select {
	padding: 10px 30px 10px 10px;
	margin-right: 15px;
	width: auto;
	border: 1px solid #ddd;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	color: #535353;
	background: #fff url('../images/down-arrow.png') no-repeat 94%;
}
.select_section input.dimension-shirt{
	padding: 10px;
	margin-right: 15px;
	width: auto;
	border: 1px solid #ddd;
	font-size: 16px;
	color: #535353;
}
.select_section .btn.update{
	border-radius: 0px;
	margin-right: 10px;
	font-size: 16px;
}
.select_section .btn.update.remove{
	background: #3c3c3c;
	border-color: #3c3c3c;
}
.naap-size .pro-size:last-child {
	margin: 0;
}
.ptrn-div img{
	max-width: 100%;
	border-radius: 0px;
}
.search_left_panel.d-none ~ div .bgright .nav.nav-tabs.add-cstmr {
	margin-top: 20px;
	margin-right: 20px;
}
.search_left_panel.d-none ~ div .bgright{
	margin-left: 20px;
}
.remark_section span, .method-detail label.container-radio{
	font-size: 16px;
	margin: 0px;
}
.method-group .input.select select {
	width: 150px;
	height: auto;
	padding: 4px 4px;
	font-size: 16px;
}
#shipping .payment-detail input, #shipping .payment-detail select, .payment-detail .price input {
	padding: 6px 10px;
	height: auto;
	margin: 0px;
}




@media (max-device-width: 1024px) and (orientation: portrait) {
  .landscape-in-phone {  
        display:block;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
         min-width:460px;
         min-height: auto;
    }  
}

.inputDetailView .form-group p {
	margin: 4px 0px 0px;
}
.inputDetailView .form-group label.col-form-label {
	color: #000000;
	font-size: 14px;
	padding-right: 0px;
	text-transform: uppercase;
}
#shipping .address-bar input {
	padding: 0;
	border-radius: 0px;
}


.o-msrmnts .shirt_case.body-shape select.form-control {
    width: 33.3333%;
}

span.patern_name {
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 3px 0 0px;
}

.ptrn-div .zoom-icon {
	bottom: 0px;
}

.pro-dimension select.shirt.ctype {
	min-width: 150px;
	width: auto;
}
.naap-size .pro-size:nth-child(3) {
	margin: 10px 0 0px;
	float: none;
	width: 32%;
}
.naap-size .pro-size:nth-child(2){
	margin-right: 0px;
}
.naap-size {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.naap-size > label ~ div{
	text-align: right;
}
.naap-size select.pro-size{
	float: none;
}
.word-break{
word-break: break-word;
}

.modal-backdrop{z-index: 99;}
#check_passcode .modal-content .price{ width: 100%; margin-left: 0; }
#check_passcode .modal-content .btn-secondary{padding: .375rem .75rem; background: #ef4400 !important;}
#check_passcode .modal-content .btn-default{border-radius: 0;}
.fc-field {
    width: 195px;
/*    height: 48px;*/
    margin: 0 0 3px 0 !important;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #ddd;
    box-shadow: 0px 0px 10px 0px rgba(222, 222, 222, 1.0);
}
.bgright .ptrn-div img{margin: 0px auto !important;}
.patrn-box + span{display: block; text-align: center; font-size: 14px;}
.ptrn-div-one .zoom-icon{bottom: 23px;}
.patrn-box .zoom-icon{bottom: 0px;}
.pattern{ max-height: 350px; overflow-y: auto;}
.editor-part{ height: 1350px !important; position: relative;;}

/************************* 14 02 2019 End ***********************/






.select2-selection__clear{display:none !important;}
.serch-ordr-prodct .naap-size label{font-size:13px}


@media (min-width:1024px){
	.overview1 p{
		font-size: 10px;
		letter-spacing: 0px;
	}
	.fitting-table table.table thead th{
		font-size: 12px;
	}
	.naap-size .pro-size{
		width:60px;
		font-size: 12px;
	}
	.add-cust.bv-form{
		padding-bottom: 15px;
	}
	



}
.addproductBtn button.update {
	border-radius: 0px;
	font-size: 16px;
	padding: 6px 28px;
	height: 46px;
	margin: 0 0px 0 10px;
}

.addproductBtn button.update.remove {
	background: #3c3c3c;
	border-color: #3c3c3c;
	/* float: right; */
	margin: 0px 0px 0px 15px;
	display: inline-block;
}

.section-product .col-md-8 {
	padding-left: 15px !important;
}
.leftpart {
	border-left: 1px solid #d9d9d9;
	margin-left: -14px;
}
.product_im{
position:relative;
}
.clear_default{
position:absolute;
top:5px; 
right:5px;
}
.clear_defaultI{
	position:absolute;
top:5px; 
right:5px;
}
.undo_clear_defaultI{
	position:absolute;
top:5px; 
right:5px;
}
.undo_clear_default{
	position:absolute;
top:5px; 
right:5px;
}

.product_detail .canvas_section {
    margin: 0px -26px;
}
.naap-part-editor a.btn.btn-primary.btncommon-lg {
    margin-right: 15px;
}
.product_detail .add_morew_pro{

}
.row.add_new_pro {
    margin-left: -21px;
    margin-right: -21px;
}



.pattern_section, .items_section {
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    margin: 10px 0px;
}
.patrn-box {
    margin: 20px 0px 0px;
}
.pattern_section button.btncommon-lg{
	margin-top: 10px;
}
.items_section button.btncommon-lg{
	margin-top: 10px;
}
.completePrint div{
	position: relative;
}
.completePrint .orderdeleteImg_pattern, .completePrint .orderdeleteImg_item{
	right: 5px;
    top: 5px;
    background: transparent;
    color: #000;
}
span.select2.select2-container.select2-container--default
{
	width:100% !important;
}
