@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900&display=swap');











body {





	font-family: 'Montserrat', sans-serif !important;





	





}





.no-gutter {





	padding-left: 0px !important;





	padding-right: 0px !important;





}





/*dashboard*/





.sidenav {





	/*height: 100vh; */





    margin-top: 10px;





    width: 50px;





    float: left;





    z-index: 1;





    /* top: 0; */





    /* left: 0; */





    background-color: #26344b;





    /* overflow-x: hidden; */





    transition: 0.5s;





    padding-top: 0;





    overflow: visible;





}





div#HereBox {





    margin: 6px 0 6px 0;





} 











div#HereBox a {





    font-size: 14px;





}











div#HereBox span {





    font-size: 14px;





    color: #656565;





}

















#main {





	float: left;





	width: 80%;





	padding: 0 0 0 0





}





.slideCav {





	margin-left: 250px;





}





.sidenav ul li a span {





	display: none;





}





.sidenav.openSlide ul li a span {





	display: block;





}





.sidenav a:hover, .offcanvas a:focus, .sidenav a.active {





	color: #fff;





	background: #314669;





}





.sidenav .closebtn {





	position: absolute;





	top: 0;





	right: 25px;





	font-size: 36px;





	margin-left: 50px;





}





.openSlide {





	width: 185px;





}





#dashMenuBtn {





	float: right;





	border: none;





	background: transparent;





	box-shadow: none;





	color: #fff;





	font-size: 25px;





	/* margin: 0 7px 0 0; */





	outline: none !important;





	background: #5b78a7;





	padding: 10px 13px;





}





i.menuIcon {





}





i.menuIcon div {width: 25px;height: 2px;background-color: white;margin: 5px 0;}





.sidenav ul {padding: 0;margin: 0;}





.sidenav ul li {list-style-type: none;float: left;width: 100%;padding: 0;margin: 0;text-align: center;border-bottom: solid 1px #314669;}





.sidenav ul li a {text-transform: capitalize;color: #FFF;padding: 16px 0;display: block;text-decoration: none;}





.sidenav ul li a i {font-size: 25px;display: block;}





.custmCont {margin-top: 10px;padding-left: 64px;transition: all 0.5s;}





.custmCont .media {text-align: center;    border-radius: 0;    margin-bottom: 0;    padding: 20px 8px;    transition: all 0.5s;      position: relative;    background: #f5f5f7;    display: table;     width: 100%;}





.custmCont .media:hover {transition: all 0.5s;}





.custmCont .media h4 {font-weight: 600;text-transform: uppercase;color: #525252;font-size: 15px;margin: 13px 0 6px 0;}





.custmCont .media a, .custmCont .media span {text-decoration: none;    display: table-cell;    vertical-align: middle;}





.custmCont .media span img{margin: 0 auto;}





.custmCont .media p {font-size: 14px;color: #7d7d7d;}





.mainheading { font-size: 30px;    font-weight: 500;    color: #000000;     display: block;    margin-bottom: 20px;    line-height: initial;    text-align: center;}





.mainheading a{float:right; color:#000;}





.mainCont {padding-left: 185px;transition: all 0.5s;}





.custmCont .media a i {font-size: 45px;color: #052355;}





.sidenav.openSlide ul li .tooltip{display:none !important;}











/*account-profile*/





.accFormGrop{float:left; width:100%; padding:0;}





.accFormGrop .form-control{border: none;





    box-shadow: none;





    border-bottom: solid 1px #ccc;





    border-radius: 0;





    padding: 6px 0;





    margin: 0 0 8px 0;





    max-width: 380px;





    width: 100%;}

















.accFormGrop label {    font-size: 12px;





    padding: 0;





    margin: 12px 0 0 0;





    font-weight: bold;





    text-transform: uppercase;





    color: #000;





    letter-spacing: 1px;}





.editbtn{    font-size: 15px;    margin: 7px 0 0 0;    display: inline-block;}











p.passMust{    margin: 10px 0 10px 0;}





/*account-profile*/











/*rma*/





.rma {width: 100%;border-collapse: collapse;margin:0;font-size: 14px;}





.rma .firts-row, .firts-row:hover {background: #f5f5f5 !important;    color: #333333;}





.rma tr {border-bottom: 1px solid #e1e2e4;height: 50px;-webkit-transition: linear .3s;-moz-transition: linear .3s;-ms-transition: linear .3s;-o-transition: linear .3s;transition: linear .3s;}





.rma th, .rma td{padding:15px;}











a.addbtn {padding: 5px 10px;





    background: #464646;





    color: #fff;





    text-decoration: none;





    -webkit-transition: linear .3s;





    -moz-transition: linear .3s;





    -ms-transition: linear .3s;





    -o-transition: linear .3s;





    transition: linear .3s;





    font-size: 14px;





    float: right;





    margin: 10px 0 10px 0px;}











/*rma end*/











.myAccount .detailRow .form-group label {font-weight: 600 !important;text-align: left;}





.myAccount .detailRow {    border-bottom:none !important;}





.myAccount .detailRow{ margin:0 !important;}





.reqReDrop{display: block;width: 100%;max-width:400px;height: 30px;padding: 0 7px;font-size: 14px;/* line-height: 1.42857143; */color: #555;background-color: #fff;background-image: none;border: 1px solid #ddd8d8;border-radius: 0;-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;box-shadow: none;}





input:focus {box-shadow:none !important;outline: none;}





.rado {float: left;margin:0 10px 0 0;}





.rado input{float: left;margin:3.2px 5px 0 0;}





.rado label{    text-transform: capitalize !important;    font-weight: 600 !important;    font-size: 14px !important;    margin: 0;    padding: 0;}





.btn-info {color: #fff !important;background-color: #5bc0de !important;border-color: #46b8da !important;}











.rightCta{}





.rightCta .btn{display:block; width:100%;    margin: 0 0 6px 0;}





.order-info-sec > h1 {    margin: 0 0 10px 0 !important;}





.order-info-sec > h1 > span {    float: none !important;    font-size: 13px !important;    color: #89908c !important;}





.order-head > h4 {margin: 0 ;}





.order-head {float: left;width: 100%;padding: 0;margin: 0 0 8px 0;}





span.subHeading {display: block;font-size: 22px;color: #000;margin:0; font-weight: 500;}





.returnProw {border: solid 1px #eceaea;}





.checkSec{background: #f7f6f6;    max-width: 63px;}





.checkSec input[type="checkbox"]{position: absolute;left: 50%;top: 50%;height:20px; width:20px;transform: translate(-50%, -50%);padding: 0;margin: 0;}





.returnProw .order-grid	{padding: 12px 0;float: left;width: 100%;}





.qtyRMA{padding: 12px 0; text-align:center;}	





a.allCbtns {font-size:14px;color:#4a7cd4;margin: 0 0 9px 0;padding: 0px 10px;display: inline-block;border-right: solid 2px #6495ea;}





.disfl{display:flex;}





.returnProw .order-info-sec{width:78%;}





.viewOrdrs {margin: 3px 13px 0;float: left;font-size: 14px;}





.custmCont .form-control, .custmCont select{    height: 42px !important;border-radius:0px !important;}





.custmCont .btn-primary, .custmCont .btn-info, .custmCont .btn-warning, .custmCont .btn-success   {border-radius: 0px;}





/*.myAccount .detailRow .form-group label {font-weight: 400 !important;color: #353535;text-transform: uppercase;font-size: 12px;letter-spacing: normal;font-size: 14px;padding: 0;margin: 12px 0 0 0;font-weight: 400;text-transform: capitalize !important;}*/





.myAccount .detailRow .form-group label{     font-size: 12px !important;





    padding: 0;





    margin: 12px 0 0 0;





    font-weight: 700 !important;





    text-transform: uppercase !important;





    color: #000 !important;





    letter-spacing: 1px !important;}





	.myAccount .detailRow .form-group label {





    font-weight: bold !important;}





	.marLeft {    margin-left: 20px;}





.myOrdRow{margin: 0 0 22px 0;float: left;width: 100%;padding: 0 0 20px 0;border-bottom: solid 1px #ccc;}	





.ssec {float: left;width: 83.3%;}





.marbotm{margin-bottom:20px;}





.order-head > a {font-weight: 600;}





.createTicket ul li p span {text-align: left;}	





.createTicket ul li p span {width: 16%;margin-right: 15px;}	





.createTicket textarea {min-height: 90px; padding:10px; outline:none; font-size:14px; border: solid 1px #ccc;}	











.box_Text {background-color: rgba(247, 234, 254, 0.29);color: #000000;font-size: 13px;float: left;padding: 10px 10px;width: 100%;}





.box_Text2 {background-color: rgba(255, 255, 255, 0.69);padding: 10px 10px;color: #000;font-size: 13px;float: left;width: 100%;border-bottom: solid 1px rgb(207, 204, 204);border-top: solid 1px rgb(207, 204, 204);}





.point {float: right;width: 200px;}





.itemText {float: left;margin: 3px 0 0 0;}





.point_small {float: left;width: 100px;padding-right: 20px;padding-left: 20px;}





.btnsubmit {display: inline-block;float: right;border-radius: 0;font-size: 12px;color: #FFF;border: none;background: #337ab7;padding: 7px 12px;margin: 0 0 10px 0;letter-spacing: 1px;}





.numb {float: right;padding: 5px 36px 0 36px;height: 23px;}





.myAccount .detailRow .address-detail {}





.adress-box {  background: none !important;    border: 0px;    padding: 0;}





.adress-box.bgColr {background: #fbfbfb;}





.myAccount .detailRow .address-detail h4 {font-size: 16px;padding: 0;margin: 0 0 5px 0;}





.myAccount .detailRow .address-detail p {font-size: 14px;    padding: 0;    margin: 0 0 5px 0;    color: #2b2b2b;    font-weight: 500;}





.myAccount .detailRow .address-detail ul {padding: 0;margin: 9px 0 0;}





.myAccount .detailRow .address-detail ul a {color: #ffffff;padding: 4px 10px;background: #0092db;}





.make-default {    width: 100%;    padding: 0;    float: left;    font-weight: 400 !important;    margin: 6px 0 15px 0;    background: TRANSPARENT;}





.make-default label {font-weight: 400 !important;float: left;max-width: none;width: 90%;line-height: 17px;font-size: 13px;}

















.amazingDeals {    width: 100%;    padding: 0;    float: left;    font-weight: 400 !important;    margin: 6px 0 15px 0;    background: TRANSPARENT;}





.amazingDeals label {font-weight: 500 !important;    max-width: none;    line-height: 17px;    font-size: 14px;    margin: 0 0 0 0;    display: inline;}

















.regular-checkbox + label {float: left;background-color: #fafafa;border: 1px solid #696969;border-radius: 3px;display: inline-block;position: relative;padding: 0;width: 18px !important;height: 18px !important;margin: 0 5px 0 0;margin-top: 3px;}





.regular-checkbox {display: none;}











.regular-checkbox:checked + label:after {content: "\f00c";font-family: FontAwesome;font-size: 12px;position: absolute;top: -3px;left: 2px;color: #696969;}





.myAccount {





    margin-top: 0 !important;





}





.popUpForm .form-group {





    margin-bottom: 10px;





    float: left;





    width: 100%;





}





.popUpForm .form-group input {





    border: solid 1px #e2e2e2;





    box-shadow: none;





    border-radius: 0px;





	    height: 34px !important;





}





.popUpForm .form-group select {





    border: solid 1px #e2e2e2;





    box-shadow: none;





    border-radius: 0px;





	height: 34px !important;





}





.popUpForm .form-group label {





       text-align: right;





    float: right;





        padding: 10px 0 0;





    letter-spacing: 1px;





    text-transform: uppercase;}





	p.opt {





    font-size: 11px;





    color: #afafaf;





    margin: 10px 0px 0px -20px;





}





.newLab {    font-size: 12px !important;





    padding: 0;





    margin: 12px 0 10px 0;





    font-weight: bold !important;





    text-transform: uppercase !important;





    color: #000 !important;





    letter-spacing: 1px !important;    display: block;}





	.newLab2{    font-size: 12px !important;





    text-transform: uppercase !important;





    color: #000 !important;





    letter-spacing: 1px;}





	





	





/*tabel to accordion*/





.table {





	width: 100%;





}











.tr:first-child {





	display: none;





}











.rh > span {





	display: block;





	position: relative;





}











/* Insert header name before each row on mobile */





.td:before {





	content: attr(data-header);





	float: left;





	width: 50%;





}











/* CSS border triangle trick */





.table .rh > span:after {





	content: "\f107";





    display: block;





    position: absolute;





    width: 0;





    height: 0;





    font-size: 23px;





    font-family: FontAwesome !important;





    z-index: 2;





    right: 27px;





    top: 9px;





    pointer-events: none;





}











/* Flip CSS border triangle on active */





.table .rh.active > span:after {





	content: "\f106";





}

















span.dataSpan {





    font-weight: 500;





}











/* Media Queries */





@media screen and (min-width: 768px) {





	.rh {





		display: none;





	}





  





	.table {





		display: table;





		width: 100%;





	}











	.thead {





		display: table-header-group;





	}











	.tbody {





		display: table-row-group;





	}











	.tr,





	.tr:first-child {





		display: table-row;





	}











	.th,





	.td {





		display: table-cell;





	}











	.td:before {





		content: "";





	}





}















































.table {





	border-bottom: 1px solid #e0e0e0;





    border-radius: 0;





	





}











.th,





.rh > span {





	background: #f5f5f7;





}











.tr .td:nth-child(even) {





	background: #e0e0e0;





}











.th,





.tr .td,





.rh.active:nth-last-child(2) {





	border-bottom: 1px solid #e0e0e0;





}











.rh:nth-last-child(2) {





	border-bottom: none;





}











.td {





	padding: 5px 15px;





}











.rh > span {





	padding: 15px 15px;





    font-size: 1.15em;





    font-weight: 500;





    margin-bottom: 8px;





}











.tr:first-child,





.tr:last-child {





	border-bottom: none;





}











.tr:last-child .td:last-child {





	border-bottom: none;





}











@media screen and (min-width: 768px) {





	.th,





	.td,





	.tr,





	.tr .td:last-child {





		border-bottom: 1px solid #e0e0e0;





	}











	.th,





	.td {





		padding: 15px;





	}











	.th {





		    font-weight: 600;





    font-size: 15px;





	}











	.td {





		font-weight: 500;





	}











	.th:last-child,





	.td:last-child {





		border-right: none;





	}











	/* Unfortunately we cannot just use :nth-child(odd/even) since the





	   .rh elements are interspersed in there. Until CSS 4 I don't





	   think there will be a way to style alterating rows for this 





	   without using JavaScript or whatever builds the table to add





	   a special class. */





	/*.tr.alternate-highlight {





		background: #dcf4fc;





	}*/











	/* Reset Mobile Styles */





	.tr:last-child .td:first-child {





		border-top: none;





	}











	.tr:last-child .td {





		border-bottom: none;





	}











	.tr .td:nth-child(even) {





		background: none;





	}





}

















@media (min-width: 320px) and (max-width: 767px) {





	





	





	.custmCont {





    padding-left: 15px;





	}





	.td{display: flex;    font-weight: 500;    color: #000;    margin-bottom: 8px;}





	





	span.dataSpan{display:flex; width:50%;}





	





	





	.table {





    border-bottom: none;





}

















.th, .tr .td, .rh.active:nth-last-child(2){





	border-bottom:none;





	





	}





	





	.tr .td:nth-child(even) {





    background: none;





}











}











/*tabel to accordion end*/





	





	





.AccSideBar{background: #f5f5f7;    padding-top: 25px;    padding-bottom: 25px;    min-height: 470px; }





.AccSideBar ul{padding:0; margin:0;}





.AccSideBar ul li {    list-style-type: none;    font-size: 14px;    padding: 0;    margin: 0 0 15px 0;    font-weight: 500;}





.AccSideBar ul li a{color:#515153;}





.AccSideBar ul li a:hover, .AccSideBar ul li a.active{color:#e4494f;}

















.CtaBtnBlue {       border: none;    background-color: #1b2064;    color: #fff !important;    font-weight: 500;    padding: 6px 12px;    line-height: normal;    text-decoration: none !important;    font-size: 13px;    display: inline-block; text-align: center;}











.CtaBtnBlue:focus{    box-shadow: none !important;    outline: none;}





	





a.addaddress.addbtn {    background: #e6ffff !important;    color: #36b6e3;    display: block;    float: left;    width: 100%;    text-align: center;    border: dashed 1px #34b6f0;    border-radius: 5px;    padding: 9px 0;    font-weight: 500;}











.marBot50{    margin-bottom: 50px;}





.marBot30{    margin-bottom: 30px;}





.marBot10{   margin-bottom: 10px !important;}





	





	





	.createTicket .form-group select {





    display: block;





    width: 100%;





    height: 50px;





    float: left;





    padding: 0px 6px;





    font-size: 14px;





    color: #555;





    background-color: #f5f5f7;





    border: 1px solid #e4e4e4;





}





.createTicket .form-group select:focus{





	outline:none;





	}





	





.form-control {





    outline: none;





    height: 45px;





    border-radius: 0;





    box-shadow: none;





}





	





.form-control::placeholder {





  color: #737373;





}











.form-control:-ms-input-placeholder { 





 color: #737373;





}











.form-control::-ms-input-placeholder { 





 color: #737373;





}

















.CtaBtnBlueBig {





       border: none;





    background-color: #1b2064;





    color: #fff !important;





    font-weight: 500;





    padding: 12px 5px;





    line-height: normal;





    text-decoration: none !important;





    font-size: 16px;





    display: block;





    width: 100%;





    float: left;





}











:focus{outline:none}











.createTicket .form-group label {





    font-size: 15px;





    font-weight: 500;





    color: #000;





}

















.commentsBox {





       background: none;





    float: left;





    width: 97%;





    padding: 0 0 20px 0;





    position: relative;





    margin: 0 15px 20px;





    border-bottom: solid 1px #dfdfdf;





}

















/*.commentsBox article:before {





 content: attr(data-letters);





    display: inline-block;





    font-size: 1em;





    width: 3.5em;





    height: 3.5em;





    line-height: 3.5em;





    text-align: center;





    border-radius: 50%;





    background: #e03643;





    vertical-align: middle;





    margin-right: 1em;





    color: white;





    float: left;





}*/























.commentsBox article p.heading {





    padding: 0 !important;





	}





	





	.commentsBox article p {





    margin-bottom: 0 !important;





}











.commentsBox article p.heading span.commentInfo{font-weight:500;}

















.topUserInfo {





    float: left;





    width: calc(100% - 30px);





    margin: 35px 15px;





    border-bottom: solid 1px #dfdfdf;





    font-weight: 500;





}











.topUserInfo a {





    float: right;





    color: #da3740;





    display: inline-block;





    margin: 20px 0 0 0;





}





























.NewRma {width: 100%;





    border-collapse: collapse;





    margin: 0;





    font-size: 14px;}





	





	





	.NewRma tr{    border-bottom: 1px solid #e1e2e4;}











.NewRma .firts-row {





    background: #f5f5f5 !important;





    color: #333333;





}











.NewRma th, .NewRma td {





    padding: 15px;





}

















.rmaRow{





   display:flex;





   flex-wrap:wrap;





   align-items: center;





   margin: 15px 0;





   padding: 0;





}











.rmaRow .checkSec{background: none;    max-width: none;    float: left; }





.rmaRow .checkSec input[type="checkbox"]{	position: static;    left: auto;    top: auto;    height: 20px;    width: 20px;    transform: none;    padding: 0;    margin: 0;	}





.rmaRow img {    width: 100%;    max-width: 100px;    height: auto;    float: left;    padding: 0 0 0 10px;}











.rmaRow .ProductDetails {    float: left;    width:70%;     padding: 0 0 0 20px;}





.rmaRow .ProductDetails h4 {    font-size: 15px;    font-weight: 600;}





.rmaRow .ProductDetails p {    margin: 0 0 4px 0;    padding: 0;}











.rmaRow .ProductDetails p span {    width: 30%;    float: left;    font-weight: 600;}





.rmaRow .price{ float: right;    font-size: 20px;    font-weight: 500;    padding: 0;    margin: 0;    flex: 1;    text-align: right;}

















.rmaRow .rmaQty {    float: left;    width: 80px;}





.rmaRow button{   width: 30%;    float: left;    border: none;    font-size: 20px;    font-weight: 500;    line-height: 26px; }





.rmaQty input {          /* width: 40%; */    float: left;    text-align: left;    border: none;    padding: 0 7px;    border: solid 1px #ccc;    height: 35px;}

















.submitBtn { 





    background-color: #e13740;





    color: #fff !important;





    font-weight: 500;





    padding: 8px 12px;





    line-height: normal;





    text-decoration: none !important;





    font-size: 16px;





    display: inline-block;





    text-align: center;





    width:100% !important;





	    border: none;





		height: 50px;





}











.request-return {





   border: solid 1px #1b2064;





    background-color: #fff;





    color: #1b2064 !important;





    font-weight: 500;





    padding: 8px 12px;





    line-height: normal;





    text-decoration: none !important;





    font-size: 13px;





    display: inline-block;





    text-align: center;





    min-width: 164px;





}

















.request-return.cancel {





    border: solid 1px #1b2064;





    background-color: #1b2064;





    color: #fff !important;





}

















.bottomSubmit {





    float: left;





    width: 100%;





    padding: 20px 0;





}











.bottomSubmit .col-md-3{    padding-right: 0;}











.bottomSubmit select{





display: block;





width: 100%;





height: 50px;





float: left;





padding: 0px 6px;





font-size: 16px;





color: #555;





background-color: #f5f5f7;





border: 1px solid #e4e4e4;	





}

















.bottomSubmit .textFileld{





	display: block;





width: 100%;





height: 50px;





border: 1px solid #e4e4e4;	





font-size: 16px;





    padding: 0 12px;





	}





	























.orderDetailTopBar{}





.orderDetailTopBar p{font-size:16px; color:#000; padding:0; margin:0; font-weight:500;}





.orderDetailTopBar p span{color:#e43739;}





.orderDetailTopBar i{font-style:normal; color:#666; font-size:12px; margin: 0 10px; 0 0;}























.orderDetail-productRow {





    margin: 15px 0;





    padding: 0;





}











.orderDetail-productRow img {





    width: 100%;





    max-width: 100px;





    height: auto;





    padding: 0;





}











.orderDetail-productRow .ProductDetails {





   





}











.orderDetail-productRow .ProductDetails h4 {





    font-size: 15px;





    font-weight: 600;





    margin-top: 0;





}

















.orderDetail-productRow .ProductDetails p {





    margin: 0 0 4px 0;





    padding: 0;





}











.orderDetail-productRow .ProductDetails p span {





    font-weight: 400;


    color: #000;





}











	





.trackingNumBar{margin-bottom: 10px;}





.trackingNumBar p{color:#000; font-size:15px; }





.trackingNumBar h5{   font-size:15px;  display: inline-block;    text-align: left;    background: url(../images/printer-icon.jpg) 0 0 no-repeat;    padding: 0 0 0 35px;    background-size: 29px;}





.trackingNumBar h5 a{color:#000; text-decoration:none;}

















.orderDetail-productRow .btnRed{float:left; width:49%; padding:8px 0; margin:0; border:solid 2px #d9383e; color:#d9383e; text-align:center;font-size: 14px;    font-weight: 600;}





.orderDetail-productRow .btnBlue{float:right; width:49%; padding:8px 0; margin:0;border: solid 2px #cc9966;   color: #cc9966; text-align:center;font-size: 14px;    font-weight: 600;}











	





	.orderDetail-productRow .price {





   float: right;





    font-size: 20px;





    font-weight: 500;





    padding: 0;





    margin: 34px 0 0 0;





    text-align: right;





}























 .orderDetailsAcord .panel-title > a:before {    font-family: FontAwesome;    content: "\f068";    color: rgb(213,57,62);    float: right;    font-size: 14px;    line-height: 1.5;    position: absolute;    right: -10px;    top: 50%;    transform: translate(-50%, -50%);}





 .orderDetailsAcord .panel-title > a.collapsed:before {    content: "\f067";    color: rgb(213,57,62);}





.orderDetailsAcord.panel-group .panel {    border-radius: 0;	    border: none;}





.orderDetailsAcord .panel-default > .panel-heading{border:none; background:#f3f3f3; text-decoration:none;}





.orderDetailsAcord .panel-default > .panel-heading + .panel-collapse > .panel-body {    border-top-color: #ddd;    border: none;    background: #f9f9f9;}

















.EmbroideryDetailsTable{}





.EmbroideryDetailsTable td{padding-bottom:15px;}





.EmbroideryDetailsTable tr:last-child td {    padding-bottom: 0px;}











.EmbroideryDetailsTable td strong, .EmbroideryDetailsTable td span{display:block;} 











.bottomEmbTotal {





    font-size: 15px;





    font-weight: 600;





	margin-bottom:0px;





}











	.bottomEmbTotal span{float:right; color:#e43739;}





	





	





	.EmbroideryDetailsTable td:last-child {    text-align: right;}





	





	





	.orderDetailsAcord.panel-group {





    margin-bottom: 30px;





    margin-top: 0;





}











.lastTotal{margin-bottom: 40px;}





.lastTotal p{font-weight:500; color:#000; font-size:15px;}





.lastTotal p span{float:right;}











.lastTotal h5 {





    font-size: 20px;





    color: #cc9966;





    font-weight: 600;





    margin-top: 8px;





}











.lastTotal h5 span{float:right;}











.ShipBillAddressBox{    margin-bottom: 30px;}





.ShipBillAddressBox p{background:#f3f3f3; padding:10px 20px; color:#000; font-size:16px; font-weight: 600; margin: 0;}





.ShipBillAddressBox .innerAdres{background: #f9f9f9;    padding: 12px 20px; }





.ShipBillAddressBox .innerAdres span{display:block; font-size:15px; font-weight:500;}

















.OrderDetailBotBtn{margin-bottom:50px;}





.OrderDetailBotBtn a{display:block; text-align:center; color:#fff; font-weight:500; padding:9px 0; margin:0; background:#1b2064; text-decoration:none;}











.myLogo{}





.myLogo img{width:100%; height:auto; border:solid 1px #ccc;     margin-bottom: 20px;}





.myLogo a{display: block;    text-align: center;    color: #fff;    font-weight: 500;    background: #1a2753;    text-decoration: none;    padding: 6px 0; text-transform: uppercase;  margin: 10px 0 15px 0;}











input#myLogo{opacity:0; width:100%;}











label.logoUpload {





 





    top: 20px;





    width: 100%;





    text-align: center;





    background: #f5f5f7;





    padding: 20px 0;





    font-size: 18px;





    font-weight: 500;





    border: solid 1px #dcdcde;





    color: #333;





    cursor: pointer;





}

















.profileImage {





  width: 55px;





    height: 55px;





    border-radius: 50%;





    font-size: 26px;





    color: #fff;





    text-align: center;





    line-height: 55px;





    margin: 0 17px 0 0;





    float: left;





    font-weight: 500;





}











.flexRow{	display:flex;	flex-wrap:wrap;	}





.col-xs-12.flexRow.no-gutter .col-xs-6.col-sm-6.col-md-3 {    margin-bottom: 70px;}





.media-heading{text-align: center;    text-transform: uppercase;    color: #000;    font-size: 15px;    margin: 10px 0 30px 0;}

















.selectAddress{padding-top: 20px !important;}





.selectAddress i.icon-check{display: none;}





.selectAddress.activeBox i.icon-check{    display: inline-block;





    position: absolute;





    right: 13px;





    color: #c96;





    top: 10px;}





.activeBox{border: solid 1px #c96;}





	





/*res*/





 @media screen and (max-height: 450px) {











.sidenav a {font-size: 18px;}











}





 @media (min-width:320px) and (max-width:767px) {





	 





	 .custmCont .media span img {





    max-width: 60px;





    height: auto;





}











.media-heading {    font-size: 12px;}











.col-xs-12.flexRow.no-gutter .col-xs-6.col-sm-6.col-md-3 {





    margin-bottom: 60px;





}





	 





	 .profileImage {    width: 45px;    height: 45px;    font-size: 19px;    line-height: 45px;    margin: 0 6px 0 0;}





	 





	 .commentsBox article p {





    padding:7px 0 0 52px !important;





}





	 





	 .orderDetailTopBar p {     margin: 6px 0 0 0;   font-size: 13px;}





	 .orderDetailTopBar .text-right {  text-align: left !important;}





	 .orderDetail-productRow {    margin: 15px -15px;}











	 .orderDetail-productRow .ProductDetails {    margin-top: 0; margin-bottom: 10px;     padding-left: 0;}





	 .orderDetail-productRow .ProductDetails h4 {    font-size: 13px;}





	 .orderDetail-productRow .btnRed, .orderDetail-productRow .btnBlue {    padding: 6px 0;    font-size: 13px;}





	 .trackingNumBar h5 {    font-size: 13px;    background-size: 27px;	}





	 





	 .orderDetail-productRow .price {        font-size: 18px;    position: absolute;    top: -35px;    right: 18px;    margin: 0;}





	 





	 





	 





	 .orderDetail-productRow img {    max-width: 80px; margin-bottom: 15px;}





	 





	 





	 .marBot50-xs {





    margin-bottom: 50px;





}

















.topUserInfo {





    float: left;





    width: 100%;





    margin: 17px 0;





    border-bottom: none;





}





	 





	 .commentsBox {    margin: 0 3px 20px;}





	 





.custmCont .form-control, .custmCont select {width: 100%;}





.customerBox textarea { width:100%;margin-bottom: 10px;}





.pdgLeft2 {padding-left:0px !important;}





.checkSec input[type="checkbox"]{width:12px; height:12px;}





.createTicket ul li p span {width: 56%;margin-right: 7px;}





span.subHeading {    font-size: 17px;}





.qtyRMA {padding-top: 0;}





.row.disfl {display: inherit;}





.checkSec {background: #f7f6f6;max-width: auto !important; }	 





.rightCta .btn {display: inline-block;width: auto;font-size: 11px;padding: 4px 7px;margin: 0 0 6px 0;}





.order-grid > .img-sec {float: left;width: 50px !important;}





.order-info-sec > h1 {    font-size: 13px !important;}





.rado label {font-size: 11px !important;letter-spacing:normal !important;} 





.rado input {





    margin: 0 3px 0 0;





}











.accFormGrop label {font-size: 11px;padding: 0;}





.mainheading {font-size: 20px;    margin-left: 0;    margin: 10px 0;    padding: 10px 0;    text-align: left;    border-bottom: solid 1px #bdbdbd;}





.openSlide {width: 95px;}





.sidenav.openSlide ul li a span {font-size: 10px;}





.sidenav ul li a {padding: 10px 0;}





.sidenav ul li a i {font-size: 22px;}





.mainCont {padding-left: 100px;transition:all 0.5s;}





.custmCont .media h4 {font-size: 14px;margin: 6px 0 4px 0;}





.custmCont .media {padding: 9px 8px;}





.custmCont .media p {font-size: 12px;}





p.passMust{margin:0;}











/**/





.rma, .rma thead, .rma tbody, .rma th, .rma td, .rma tr {display: block;}





.rma thead tr {position: absolute;top: -9999px;left: -9999px;display: none;}





.rma tr {border: 1px solid #ccc;border-bottom: none;margin-bottom: 30px;height: auto;}





.rma td {border: none;border-bottom: 1px solid #dfdfdf;position: relative;padding: 4px 0 4px 50%;font-size: 10px;min-height: 30px;height: auto;box-sizing: border-box;}





.rma td:before {position: absolute;top: 0px;left: 0px;width: 45%;padding-left: 10px;padding-top: 4px;background: #464646;min-height: 30px;height: auto;border-bottom: 1px solid #dfdfdf;color: #fff;}





.rma td:nth-of-type(1):before {content: "Select";}





.rma td:nth-of-type(2):before {content: "Picture";}





.rma td:nth-of-type(3):before {content: "Description";}





.rma td:nth-of-type(4):before {content: "Style";}





.rma td:nth-of-type(5):before {content: "Ordered Qty";}





.rma td:nth-of-type(6):before {content: "RMA Qty";}





a.addbtn {font-size: 14px;margin: 0 0 8px 0px;}





#ticketsTab {}





#ticketsTab td:nth-of-type(1):before {    content: "Ticket #";}





#ticketsTab td:nth-of-type(2):before {    content: "Submit Date";}





#ticketsTab td:nth-of-type(3):before {    content: "Description";}





#ticketsTab td:nth-of-type(4):before {    content: "Order #";}





#ticketsTab td:nth-of-type(5):before {    content: "Department";}





#ticketsTab td:nth-of-type(6):before {    content: "Department";}























.AccSideBar {





    padding-bottom: 10px;





    min-height: auto;





	margin-bottom: 20px;





}

















.btnBlockXs{display: block;    width: 100%;    text-align: center;    padding: 14px 0;    text-transform: uppercase;    font-size: 15px;}























.request-return {





    padding: 8px 9px;





    font-size: 11px;





    min-width: 69px;





}











.NewRma th, .NewRma td {





    padding: 10px 4px;





    font-size: 12px;





}











.NewRma .rado {





    margin: 4px 2px 4px 0;





}

















.rmaRow img {    max-width: 50px;    padding: 0 0 0 5px;}





.rmaRow .ProductDetails h4 {    font-size: 13px;}























.rmaRow .ProductDetails {





    width: 75%;





    padding: 0 0 0 7px;





}

















.rmaRow .ProductDetails p span {





    width: 50%; max-width: 150px;





	}





	





	.rmaRow .price {





    padding: 0 0 0 79px;





    text-align: left;





}











.rmaRow {





    margin: 3px 0;





    padding: 0 0 16px 0;





    border-bottom: dashed 1px #ccc;





}











.bottomSubmit {





 





    margin: 0;





}























.bottomSubmit select, .bottomSubmit .textFileld{margin-bottom:8px ;}





.bottomSubmit select, .bottomSubmit .textFileld, .submitBtn {    height: 38px;    font-size: 15px;}

















.EmbroideryDetailsTable td {





    padding-bottom: 7px;





    display: block;





    text-align: left !important;





    font-size: 13px;





}











.EmbroideryDetailsTable tr:last-child td {





    padding-bottom: 7px;





}











.bottomEmbTotal {    font-size: 13px;}











.lastTotal p {    font-size: 13px;}











.lastTotal h5 {    font-size: 17px;}











.lastTotal {    margin-bottom: 30px;}











.orderDetailsAcord.panel-group {





    margin-bottom: 20px;





    margin-top: 0;





}

















.EmbroideryDetailsTable td:last-child {





    border-bottom: dashed 1px #333;





    margin-bottom: 10px;





}











.EmbroideryDetailsTable tr:last-child td {





    border-bottom: none;





    margin-bottom: 0px;





}











.EmbroideryDetailsTable tr:last-child td:last-child {





    padding: 0;





}











.ShipBillAddressBox p {





    font-size: 14px;





}

















.ShipBillAddressBox .innerAdres span {





    font-size: 14px;





}











.OrderDetailBotBtn a {    margin: 0 0 10px 0;}











}























.btn.btn-outline-primary-2:hover a{ color: #fff !important;}

















 @media (min-width:768px) and (max-width:991px) {





	 .custmCont {





    padding-left: 15px;





	}





	 





	 .custmCont {





    padding-left: 20px;}





	 





.orderDetail-productRow .btnRed {    width: 100%;    margin: 0 0 8px 0; font-size: 12px;}





.orderDetail-productRow .btnBlue {    width: 100%; font-size: 12px; }





.orderDetail-productRow .ProductDetails h4 {    font-size: 13px;}





.orderDetail-productRow .ProductDetails p {   font-size: 13px;}





.orderDetail-productRow .price {    font-size: 19px;    margin: 12px 0 0 0;}





.orderDetailTopBar p {    font-size: 14px;}





.EmbroideryDetailsTable td {    font-size: 12px;}





.bottomEmbTotal {    font-size: 14px;}





.lastTotal p {    font-size: 14px;}





.lastTotal h5 {    font-size: 18px;}











.lastTotal {    margin-bottom: 20px;}

















.ShipBillAddressBox p {    padding: 10px 15px;    font-size: 14px;}





.ShipBillAddressBox .innerAdres {    padding: 12px 15px;}





.orderDetailsAcord.panel-group {    margin-top: 20px;}





.OrderDetailBotBtn a {    font-size: 12px;}





.OrderDetailBotBtn .col-sm-4 {    padding: 0 6px;}





























.accFormGrop label {font-size: 12px;}





p.passMust {margin:0;}





.order-grid > .img-sec {float: left;width: 58px !important;}





.rightCta .btn {font-size: 11px;}





span.subHeading {font-size: 16px;}





.ssec {float: left;width: 75%;}





.createTicket ul li p span {width: 23%;}











.th {





    font-size: 12px;





}











.mainheading {





    font-size: 22px;}





	





	





	





span.dataSpan {   font-size: 12px;}











.NewRma th, .NewRma td {





    padding: 8px;





	    font-size: 12px;





	





}











.request-return {





    padding: 8px 4px;





    font-size: 12px;





    min-width: 121px;





}











.rado label {





   font-size: 13px !important;





    letter-spacing: 0;





}





.rado {





   margin: 0 0 3px 0;





    width: 100%;





}

















.rmaRow img {





    max-width: 70px;





	}





	





	.rmaRow .ProductDetails {





    width: 65%;





    padding: 0 0 0 10px;





}











.rmaRow .ProductDetails h4 {





    font-size: 13px;





}











.rmaRow .ProductDetails p span {





    width: 50%;





	}











.rmaRow .price {





    font-size: 18px;





	}





	





		





.bottomSubmit select, .bottomSubmit .textFileld, .submitBtn {





    height: 40px;





    font-size: 13px;





}	















































}























@media (max-width: 480px) and (min-width: 320px){





.itemText {float: none;margin: 3px 0 5px 0;text-align: center;}





.returnProw .desc > p {    font-size: 11px;}





.returnProw .desc > p > span {    font-weight: normal;    width: 48%;}





.order-grid > .img-sec {float: left;width: 100% !important;}





.order-grid > .img-sec > img {max-width: 60px !important;}





.order-info-sec{width:100% !important;}





.order-grid > .img-sec > img { max-width: 120px;height: auto;margin: 0 auto;}





.order-head > a {width: 70%;float: left;font-size: 11px !important;}





.order-head > h4 {font-size: 14px !important;}





.order-head > span{text-align:left !important;width: 70%;float: left;}





.order-head{    float: left;    width: 100%;margin: 0 0 11px 0;}





}























@media (max-width: 767px) and (min-width: 481px){





.order-head > a {font-size: 13px !important;}





.order-head > h4 {font-size: 14px !important;}





.cust70{width:70% !important;}





.cust30{width:18% !important;}





.desc > p > span {width: 52% !important;}





.itemText {float: left;margin: 3px 0 0 0;text-align: left;font-size: 11px;}





}

















@media (max-width: 1199px) and (min-width: 992px){





.rightCta .btn {font-size: 12px !important;}





.order-grid > .img-sec {width: 76px;}

















.AccSideBar ul li {





    font-size: 13px;





	}





	





	.NewRma th, .NewRma td {





    padding: 10px;





	}





	





	





.rado label {





    font-size: 13px !important;





}











.bottomSubmit .textFileld, .bottomSubmit select, .submitBtn {





    height: 40px;





	font-size:14px;





	}

















.mainheading {font-size: 26px;}











span.subHeading {    font-size: 20px;}























	











}

















/*end dash*/











/*account-profile*/