.mr-12{margin-right:12px;}
.track{cursor:pointer; padding: 5px 10px;}
.cstLink{font-size:14px; color: #2db988 !important; cursor: pointer;}
a.cstLink {text-decoration: none  !important;}
.fs-14{font-size:14px;}
.rightsidebar a { color: #2db988 !important;cursor: pointer;}
.fs-13{font-size:13px;}
.lineHeight{line-height: 3.5rem;}
.line-wrap {display: block;width: 70%;height: 5px;position: absolute;top: 50px;left: 13%;padding: 1px 0;}
.line-mask {width: 100%;height: 5px; overflow: hidden;position: absolute;left: 0;}
.line-mask .line {background-color: #9A825C;width: 100%;height: 3px;}
.how-works .three-steps {width: 33.3333333%;}
.how-works .hw-step {display: block;float: left; margin: 0;padding: 0;}
.rounded {border: 3px solid #9A825C;color: #9A825C;}
.rc-section .content {display: flex;position: relative;margin: 30px auto 20px;max-width: 950px;text-align: center;}
.rounded {width: 100px;height: 100px;border-radius: 50% !important;background-color: #fff;display: block; margin: 0 auto;position: relative;}
.rounded i {font-size: 40px;line-height: 100px;}
.rounded .arrow {font-size: 20px;font-weight: bold;color: #9A825C; position: absolute;left: 0;
top: 1px;margin-left: -13px;}
.top{background: #ffffff;padding: 0;border-bottom: 1px solid #efefef;}
.chk{height:20px; width:20px;}
.top img { width: 140px; margin: 14px auto; }
.center{position: relative; padding: 0;margin: 0 auto; max-width: 425px;}
.rc-section{background: #fffff3;padding: 50px 0;}
.sb_btn{background-color: #9c856a;border-radius: 0;font-family: 'proxima_novasemibold';height: auto;padding: 10px 5%;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;border: none;color: white;width:200px;margin-top: 20px}
.email_type{border: 1px solid #a4a3a4;font-family: inherit;font-size: 15px;background-color: #fff;color: #303030;padding: 7px 20px;margin: 20px 0 0;width: 100%;border-radius: 0;position: relative;}
.m-10{margin: 0 10%;}
.table td, .table th {vertical-align: middle !important;}
#btnProcess.btn { background-color: #da4b29; color: white;height: auto; padding: 10px auto;text-transform: uppercase;font-family: 'proxima_novasemibold';font-size: 16px;font-weight: bold;   letter-spacing: 2px;border: none; }
.chk1{display:none;}
.btn-info{padding: 12px 40px; text-transform: capitalize;font-weight: bold;margin-top:10px;}
h3.title,#myform h3{margin: 20px 0;}
.options{padding:0 10px;border:1px solid #dedede;}
.options .radio input{height: 25px;width: 18px;margin-top: -3px;vertical-align: middle;margin-right: 5px;}
.checkbox label, .radio label{margin: 20px 0 !important;}
.avatar{width:60px; height:60px;border-radius:50%;}	
.orederRecords div{padding: 10px 0;}
.orderHeader input,.orederRecords input {height: 25px;width: 24px;margin-top: 2px;margin-left: 5px;}
.center{text-align: -webkit-center;} .cst{margin-top:20px;font-size:16px;} .mt-10{margin-top:10px;}
.table{margin-top:15px}
.fs-13{font-size:13px !important;}
form{display: contents;}
ul.list-group:nth-last-child(n){border-bottom: 1px solid #dfdfdf;}
.option-name{display: block; color: #66656a; margin: 0 auto;font-size: 11px;width: 100%;text-transform: uppercase;
  letter-spacing: 1px}
.tooltip{padding:2px !important;}
.btn-info{padding: 12px 20px; text-transform: capitalize;font-weight: bold;}
.pl-20{padding-left: 20px;}
.orderHeader {margin-bottom: 10px;background: #f9f9f9;padding: 10px 0px;border-bottom: 2px solid #dfdfdf;}
.selector-wrapper { margin-bottom: 5px; }
.selector-wrapper label { min-width: 60px; }
select { font-size: 16px; line-height: 1.7; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color: #555; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
select { font-size: 1em; padding: 8px 10px; line-height: 1.42; border-radius: 2px; max-width: 100%; }
select { border: 1px solid #ddd; width: 100%; max-width: 100%; display: inline-block; margin: 0 0 1em; color: #333; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-image: url('//cdn.shopify.com/s/files/1/0228/7775/t/26/assets/ico-select.svg'); background-repeat: no-repeat; background-position: right 10px center; background-color: #fff; padding-right: 28px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; }
.single-option-selector { width: auto !important; }.list-group{ width:100%;}
li.list-group-item.col-md-12 { flex: auto; }
.list-group-item{}
.img{height: 60px;padding: 6px;}
span.price { font-family: 'proxima_novasemibold'; font-size: 18px; color: #b8a68d; }
div#invalidAlert { max-width: 500px; width: 100%; position: fixed; top: 10px; right: 15px; z-index: 99; }
.TopNavbar__collapse .SideNavbar__menu-list {display: block; width:65px;}
.SideNavbar__link {padding: 0 15px;height: 60px;display: flex;align-items: center;justify-content: flex-start;
width: 100%;text-align: center;color: #888 !important;transition: color .2s;font-weight: 700;font-size: 32px;line-height: 1;}
.SideNavbar { position: fixed; bottom: 0;left: 0;top:73px;height: 100%;
    background: #222; background: linear-gradient(180deg,#2f2f2f,#151515); padding-top: 10px; z-index: 100;}
.SideNavbar__link.active, .SideNavbar__link:active, .SideNavbar__link:hover {text-decoration: none;color: #fff !important;}
.SideNavbar__item-icon {width: 32px;text-align: center;}
.form-control:focus {box-shadow: none;    border-color: #2db988;}
.FilterSidebar__panel-item:active, .FilterSidebar__panel-item:focus, .FilterSidebar__panel-item:hover { text-decoration: none; }
.row{margin-right: 0; margin-left: 0}

.ReturnsPage__Content {padding: 16px 32px; width:75%;}
a:focus, a:hover { color: #2db988;text-decoration: none;}
.table {width: 100%;max-width: 100%;margin-bottom: 21px;}
.SideNavbar ul{padding-left: 0}
.Page {/*height: calc(100vh - 62px);*/ height:auto;display: flex;flex-flow: column nowrap;overflow-y: hidden;}
.Page__ContentWrapper {flex: 1 1 0%;display: flex;flex-flow: column nowrap;overflow-y: auto;}
.Header {background: #fbfbfb; box-shadow: inset 0 -1px 0 0 #ddd;padding: 10px;margin-top: 73px;}
.main-layout{padding-left:47px;}
.FilterSidebar { padding: 24px 16px;  overflow-y: scroll; min-height: 550px; }

.FilterSidebar__panel {background: #f2f2f2;border-radius: 4px;padding: 12px 16px;margin-top: 16px;}
.FilterSidebar__panel-item.active {font-weight: 700;color: #2db988;}
.FilterSidebar__panel-item {padding: 12px 0;display: block;color: #333;}
.Sidebar { background-color: #fbfbfb;align-self: stretch;height: 100vh;position: relative;}
.Sidebar__toggle {display: block;border: 0;background: transparent!important;text-align: left;padding: 20px 32px;font-weight: 700;}
.FilterSidebar__toggle {padding: 0;}
.h-1{overflow-y: scroll; height:100vh;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table>thead:first-child>tr:first-child>th { border-top: 0;}
.ship_span{color: blue;border: 1px solid blue;padding: 6px;border-radius: 4px;font-size: 14px;background: #0080000a;}
.reject_span{color: red;border: 1px solid red;padding: 6px;border-radius: 4px;font-size: 14px;background: #0080000a;}
.success_span{color: #21a940;border: 1px solid #28a745;padding: 6px;border-radius: 4px;font-size: 14px;background: #0080000a;}
.warning_span{color: #ffc107;border: 1px solid #ffc107;padding:6px; border-radius: 4px; font-size: 14px; background:#ffc1071f;}

::-webkit-scrollbar {
  width: 3px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.upload-btn-wrapper .btn {
  border: 1px dotted gray;
  color: gray;
  background-color: white;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
}
.upload-btn-wrapper input[type=file] {
  font-size: 75px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload-btn-wrapper i { display: block; }
.exchangepg{margin:0 10px !important;}
form label { display: block; }
/* Customize the label (the container) */
.chkcontainer {
  display: block;
  position: relative;
  margin-top: 3px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #9c856a;
}

/* On mouse-over, add a grey background color */
.chkcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chkcontainer input:checked ~ .checkmark {
  background-color: #9c856a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chkcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
textarea#note {max-width: 100%;}
.options .custom-control-label{padding-left: 6px;}
.options .custom-control-input:checked~.custom-control-label::before{background-color:#9c856a;}
.options .custom-control-label::before,.options .custom-control-label::after{top:0;width: 20px;height: 20px;}
@media screen and (max-width:575px){.chkcontainer{margin-bottom: 25px !important;} .list-group-item .avatar{height:auto !important;width:100% !important;} .prodTitle,.prodVariant,.prodQty{text-align:center;} .sb_btn.next-step{width:165px !important;}}

@media screen and (min-width: 768px)
.Sidebar {
    width: 240px;
    border-right: 1px solid #ddd;
    border-bottom: 0;
}

@media screen and (min-width: 768px)
.Sidebar__toggle {
    display: none;
}
@media screen and (min-width: 768px)
.Sidebar__collapse {
    display: block;
}
@media screen and (min-width: 768px)
.Page__ContentWrapper {
    flex-flow: row nowrap;
}