/* ==========================================================
*     GENERAL STYLES
* ==========================================================
*/




@font-face {
  font-family: 'AvenirNext-Regular';
  src: url('../fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNext-Regular.woff') format('woff'), url('../fonts/AvenirNext-Regular.ttf')  format('truetype'), url('../fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Perpetua';
  src: url('../fonts/Perpetua.eot?#iefix') format('embedded-opentype'),  url('../fonts/Perpetua.woff') format('woff'), url('../fonts/Perpetua.ttf')  format('truetype'), url('../fonts/Perpetua.svg#Perpetua') format('svg');
  font-weight: normal;
  font-style: normal;
}

/************************font-family*********************************************/
body { width:100%; overflow-x: hidden;  font-family: 'AvenirNext-Regular'; font-size: 14px;  color:#525252;  background: #fff;  margin: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

/*only use Comfortaa*/


h1, h2, h3, h4,
nav.side_menu > ul > li > a,
.portlet-widget .portlet-header,
.top-widget .general-col,


/*only use Comfortaa*/
a{color:#4e3629;}
a:hover, a:focus { color: #808080;}
a, i {   text-decoration: none;  }
a:hover, a:focus, i:hover, i:focus, span:hover, span:focus {  text-decoration: none;}
p{color:#737373;}
h1, h2, h3, h4{font-weight: 400; color: #000; }
h2{ font-size: 20px ;}
h3{ font-size: 18px ;}
h4{ font-size: 16px ;}
h4 span, h2 span, h3 span { border-bottom: 2px solid #c8cede; height: 1px; width: 25px; display: block; padding-top: 8px;}

ul {
  margin: 0;
  padding: 0;
}

canvas {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
hr {
    border-top: 1px solid #dedede;
}

/*.container-fluid {
  padding: 0px 15px;
}*/
.btn {
  display: inline-block;
  padding: 7px 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.60;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-collapse.collapse {
  display: flex!important;

}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

@media (max-width: 575px) {
  .container-fluid {
    padding: 0 15px;
  }
}

header.page-header {
  padding:0;
  margin:0px;
  border-bottom: none;
}
.card-close {
  position: absolute;
  top: 15px;
  right: 15px;
}

.card-close .dropdown-toggle {
  color: #999;
  background: none;
  border: none;
}

.card-close .dropdown-toggle:after {
  display: none;
}

.card-close .dropdown-menu {
  border: none;
  min-width: auto;
  font-size: 0.9em;
  border-radius: 0;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1), -2px -2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1), -2px -2px 3px rgba(0, 0, 0, 0.1);
  }

.card-close .dropdown-menu a {
  color: #999 !important;
}

.card-close .dropdown-menu a:hover {
  background: #796AEE;
  color: #4e3629!important;
}

.card-close .dropdown-menu a i {
  margin-right: 10px;
  -webkit-transition: none;
  transition: none;
}

.content-inner {
  width: calc(100% - 250px);
}

.content-inner.active {
  width: calc(100% - 90px);
}

.page-header {
  /*background: #fff;*/
  padding: 20px;
  /*-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);*/
  position: relative;
  z-index: 8;
}

*[class*="icon-"] {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

button, input {
  outline: none !important;
}

.card {
  border-radius:4px;
 padding: 15px;
 width: 100%;
}

.card-header {
  background: #fff;
  padding: 15px;
  border-bottom: 1px solid #eee;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}

.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6 {
  margin-bottom: 0;
}

.card-body {
  padding: 20px;
}

.breadcrumb-holder {
  background: #fff;
}

.breadcrumb {
  background:transparent !important;
  position: relative;
  z-index: 7;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  padding-left: 0;
}



/*=== Helpers ===*/
.text-bold {
  font-weight: 700;
}

.text-small {
  font-size: 0.9rem;
}
/* label {color:#808080;} */

.btn {font-size: 12px;  letter-spacing: 1px;  font-weight: 600;  text-transform: uppercase; border-radius:0;   transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; }

.btn-default {
   color: #fff;
   background: #4e3629;
   border-color: #4e3629;
   cursor: pointer;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
   color: #fff;
   border-color: #4e3629;
   background: #4e3629;
}



.btn.btn-default.dropdown-toggle {
  background-color:transparent;
  color: #4c546b;
  border-color: #4c546b;

}
.btn.btn-default.dropdown-toggle:hover {
  border-color: #95a9e0;
  background: rgba(255,255,255,.6);
  color: #7585b3;
}


.admin_table .rightalign-tgl .btn.btn-default.dropdown-toggle {
  background-color: #ececec;
  color: #909090;
  border-color: transparent;
  -webkit-transition: 0.6s ease-out;
  -moz-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  padding: 7px 12px;
  border-radius: 50%;
  line-height: 13px;
  text-align: center;
}
.admin_table .btn.btn-default.dropdown-toggle:hover , 
.admin_table .btn.btn-default.dropdown-toggle[aria-expanded="true"]{
  background-color: #dddde0;
  color: #495677;
  border-color: #d4d4d4;
}

.admin_table .btn.btn-default.dropdown-toggle[aria-expanded="true"] .fa-ellipsis-v{ -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  transform: rotate(90deg);}
.admin_table .btn.btn-default.dropdown-toggle::before, .admin_table .btn.btn-default.dropdown-toggle::after, .multiselect.dropdown-toggle::after{content: none;}


.admin_table .btn.btn-default.dropdown-toggle:active, .admin_table .btn.btn-default.dropdown-toggle:focus, .admin_table .btn.btn-default.dropdown-toggle:visited{  border-color: #d4d4d4;}

.btn.btn-default.dropdown-toggle:active, .btn.btn-default.dropdown-toggle:focus, .btn.btn-default.dropdown-toggle:visited {
  border-color: #000;
  background: rgba(255,255,255,.6);
  color: #000;
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0);
}


.btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .show>.btn-info.dropdown-toggle{
  background: #000;
  border: 1px solid #000;
    box-shadow: 0 0 0 0 rgba(23, 162, 184,0);
}


.bg-red {
  background: #ff7676 !important;
  color: #fff;
}

.bg-red:hover {
  color: #fff;
}

.bg-blue {
  background: #85b4f2 !important;
  color: #fff;
}

.bg-blue:hover {
  color: #fff;
}

.bg-yellow {
  background: #eef157 !important;
  color: #fff;
}

.bg-yellow:hover {
  color: #fff;
}

.btn.bg-green {
  padding: 8px 20px;
  background: none !important;
  border: 1px solid #3dba6f !important;
  color: #3dba6f !important;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  
  vertical-align: middle;
  box-shadow: none;
  margin-left: 15px;
}

.btn.bg-green:hover {
  color: #fff !important;
  border-color: #3dba6f !important;
  background: #3dba6f !important;
}
.btn.bg-green:active, .btn.bg-green:focus, .btn.bg-green:visited {
   color: #808080;
  border-color: #3dba6f !important;
  background: #3dba6f !important;
}
.bg-orange {
  background: #ffc36d !important;
  color: #fff;
}

.bg-orange:hover {
  color: #fff;
}

.bg-violet {
  background: #796AEE;
  color: #fff;
}

.bg-violet:hover {
  color: #fff;
}

.bg-gray {
  background: #c5c5c5;
}

.bg-white.has-shadow {
  padding:15px;
  position: relative;
}

.text-red {
  color: #ff7676;
}

.text-red:hover {
  color: #ff7676;
}

.text-yellow {
  color: #eef157;
}

.text-yellow:hover {
  color: #eef157;
}

.text-green {
  color: #54e69d;
}

.text-green:hover {
  color: #54e69d;
}

.text-orange {
  color: #ffc36d;
}

.text-orange:hover {
  color: #ffc36d;
}

.text-violet {
  color: #796AEE;
}

.text-violet:hover {
  color: #796AEE;
}

.text-blue {
  color: #85b4f2;
}

.text-blue:hover {
  color: #85b4f2;
}

.text-gray {
  color: #c5c5c5;
}

.text-gray:hover {
  color: #c5c5c5;
}

.general_page {  background: #f7f7f7; }
.general_page .text-white {  color: #fff;}

.no-padding {
  padding: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}


/* .has-shadow {
  -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 10px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 10px 1px rgba(0,0,0,.05);
  border-radius: 4px;
} 29-3*/

.has-shadow {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15);
  box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15);
}


.badge {
  font-weight: 400;
}

.badge-rounded {
  border-radius: 50px;
}

/* ==========================================================
*     MAIN NAVBAR
* ==========================================================
*/
nav.navbar_top {
    padding-bottom: 10px;
    color: #fff;
    position: relative;
    border-radius: 0;
    padding: 0;
    border-bottom: 0;
    background: #808080;
    /* -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .02);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .02); */
    padding-left: 0;
    padding-right: 0;
     
}

nav.side_menu {
    min-width: 215px;
    max-width: 215px;
    color: #747c95;
    z-index: 10;
    min-height: 100vh;
    border-right: 1px solid #d8d8d8;
    transition: all .5s ease;
    transform: translateX(0);

}

nav.navbar_top .badge {
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}

nav.navbar_top .navbar_wrap {
  width: 100%;
}
.navbar-brand_logo{
  float: left;
  padding: .7rem 0;
  min-height: 57px;
}
nav.navbar_top .navbar-brand_logo .small_logo {
  display: none;
  font-size:22px;
  padding-right:20px;
}


nav.navbar_top .small_logo {
  display: none;
}
.navbar-header{
  background:transparent; 
  padding: 0 ;
  max-width: 300px;
}
nav.navbar_top a {
  color: inherit;
  display: inline-block;
}

/*nav.navbar_top .container-fluid {
  width: 100%;
}*/

nav.navbar_top .menu-btn {
  margin-right: 0;
  font-size: 1.2em;
  -webkit-transition: all 0s;
  transition: all 0s;
}


nav.navbar_top .menu-btn span { 
  height: 2px;
  background: #b5bef5;
  display: block;
  margin: 2px auto 0;
  -webkit-transition: all 0.3s cubic-bezier(0.81, -0.33, 0.345, 1.375);
  transition: all 0.3s cubic-bezier(0.81, -0.33, 0.345, 1.375);
  position: relative;
}
nav.navbar_top .menu-btn.active span{background: #fff; margin: 4px auto 0;  }

nav.navbar_top .menu-btn span:nth-of-type(2) {
  position: relative;
  width: 20px;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#toggle-btn.menu-btn.active span:nth-child(1){
  -webkit-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
  top: 0;
  width: auto;
}
#toggle-btn.menu-btn.active span:nth-child(2){
  top: 0;
}
#toggle-btn.menu-btn.active span:nth-child(3){
  -webkit-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
  top: 0;
  width: auto;
}

#toggle-btn.menu-btn span:nth-child(1){
  -webkit-transform: translateX(6px) rotate(45deg);
  -ms-transform: translateX(6px) rotate(45deg);
  -o-transform: translateX(6px) rotate(45deg);
  transform: translateX(6px) rotate(45deg);
  top: 4px;
  width: 12px;
}
#toggle-btn.menu-btn span:nth-child(2){
  top: 4px;
}
#toggle-btn.menu-btn span:nth-child(3){
  -webkit-transform: translateX(6px) rotate(-45deg);
  -ms-transform: translateX(6px) rotate(-45deg);
  -o-transform: translateX(6px) rotate(-45deg);
  transform: translateX(6px) rotate(-45deg);
  top: 4px;
  width: 12px;
}

nav.side_menu.shrinked {
  transition: all .3s ease;
  transform: translateX(-230px);
  opacity: 0;
}

nav.navbar_top .menu-btn span:nth-of-type(2)::before, nav.navbar_top .menu-btn span:nth-of-type(2)::after {
  content: '';
  width: 6px;
  height: 2px;
  display: block;
  background:none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 0;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

nav.navbar_top .menu-btn span:nth-of-type(2)::after {
  -webkit-transform: rotate(145deg);
  transform: rotate(145deg);
  position: absolute;
  top: -2px;
  left: 0;
}

nav.navbar_top .menu-btn.active span:first-of-type {
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
}

nav.navbar_top .menu-btn.active span:nth-of-type(2) {
  -webkit-transform: none;
  transform: none;
}

nav.navbar_top .menu-btn.active span:last-of-type {
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}

nav.navbar_top .nav-item > a {
  position: relative;
  color:#fff;
}


.nav-link.logout .fa-sign-out:before{content: "\f011";}

nav.navbar_top .nav-item > a.logout i {
  margin-left: 10px;
  color: #ff7575;
  font-size: 20px;  
}

nav.navbar_top .search-box_top {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  background: #fff;
  z-index: 12;
  border-radius: 0;
  display: none;
}

nav.navbar_top .search-box_top .dismiss {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.5em;
  color: #999;
}

nav.navbar_top .search-box_top form {
  height: 100%;
}

nav.navbar_top .search-box_top form input {
  height: 100%;
  border: none;
  padding: 20px;
}

nav.navbar_top .dropdown-menu {
  left: inherit !important;
    right: 0;
}

nav.navbar_top .dropdown-menu:before{
  left: inherit;
  right: 7px;
}

nav.navbar_top .dropdown-menu:after{
  left: inherit;
  right: 7px;
}

.notifications > li:first-child a{
  border-radius: 5px 5px 0 0;
}

nav.navbar_top .dropdown-menu a {
  padding: 5px 10px;
  color: #666666;
  width: 100%;
}

nav.navbar_top .dropdown-menu a:hover{   color: #808080;  background-color:#f4f4f4;}
nav.navbar_top .dropdown-menu .active a{color: #fff;}
nav.navbar_top .dropdown-menu a.all-notifications{  background: #e6e6e6;}
#toggle-btn{    padding: 18px 0 18px 10px; float: left;   min-height: 57px;}
/* #toggle-btn.active{background: #2e3346; }  */

nav.navbar_top .dropdown-menu a:hover, .dropdown-menu>.active>a  {background:#f3f3f3; color:#808080;}
nav.navbar_top .dropdown-menu > .active a i{  color: #fff;}

nav.navbar_top .dropdown-menu a:hover i{color: #808080;}
nav.side_menu span.main_heading {
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 20px;
    color: #ccc;
    font-size: 0.8em;
    padding-bottom:20px;
}
nav.navbar_top .dropdown-menu a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #848484;
}

nav.side_menu a i {
    font-size: 1.2em;
    margin-right: 0;
    -webkit-transition: none;
    transition: none;
}
nav.side_menu a:hover i{padding-right: 10px;}
nav.navbar_top .dropdown-menu a small {
  margin-left: 0;
}

nav.navbar_top .dropdown-menu span {
  position: static;
  font-size: 0.9em;
  color: #999;
}

nav.navbar_top .dropdown-menu strong {
  font-weight: 700;
}

nav.navbar_top .dropdown-menu .msg-profile {
  width: 45px;
  height: 45px;
  margin-right: 10px;
}

nav.navbar_top .dropdown-menu h3 {
  font-weight: 500;
  font-size:15px;
}

.topbar a {
    position: relative;
    width: 44px;
    height:24px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    color: #333;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

nav.side_menu .pro_title h1 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-top:15px;
}
nav.side_menu {
    color: #c5c5c5;
    
}
nav.side_menu .sidebar-header {
    padding: 30px 15px;
}
nav.side_menu .pro_title {
    margin-left: 10px;
}
  nav.side_menu.shrinked .sidebar-header .pro_title {
    display: none;
}

nav.side_menu.shrinked ul li{ min-height:34px;}
nav.side_menu.shrinked a {
    
    padding: 12px 0 5px 0;
    border: none;
    min-height: inherit;
    font-size: 0.8em;
    color: #aaa;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
}
nav.side_menu.shrinked a i {
    margin-right: 0;
    margin-bottom: 5px;
    display: block;
    font-size: 1.6em;
    color: #fff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
nav.side_menu.shrinked .active a i {
    color:#fff; opacity: .8;
}
nav.side_menu.shrinked ul a:hover {
  background: transparent;
}



/* MAIN NAVBAR MEDIAQUERIES ----------------------------------- 
@media (max-width: 1199px) {

nav.side_menu span.main_heading  { margin-left:0px !important;}

  nav.navbar_top .big_logo {
    display: none;
  }
  nav.navbar_top .small_logo {
    display: block;
  }
  nav.navbar_top .menu-btn {
    margin-right: 20px;
    font-size: 1.2em;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
  }
  nav.navbar_top .menu-btn span:first-of-type {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
  nav.navbar_top .menu-btn span:nth-of-type(2) {
    -webkit-transform: none;
    transform: none;
  }
  nav.navbar_top .menu-btn span:nth-of-type(2)::before, nav.navbar .menu-btn span:nth-of-type(2)::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  nav.navbar_top .menu-btn span:nth-of-type(2)::after {
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg);
    position: absolute;
    top: -2px;
    left: 0;
  }
  nav.navbar_top .menu-btn span:last-of-type {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  nav.navbar_top .menu-btn.active span:first-of-type {
    -webkit-transform: none;
    transform: none;
  }
  nav.navbar_top .menu-btn.active span:nth-of-type(2) {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  nav.navbar_top .menu-btn.active span:last-of-type {
    -webkit-transform: none;
    transform: none;
  }
}

@media (max-width: 575px) {
  nav.navbar_top {
    font-size: 14px;
  }
  nav.navbar_top .badge {
    width: 19px;
    height: 19px;
  }
  nav.navbar_top .nav-item > a {
    font-size: 13px;
  }
  nav.navbar_top .dropdown-menu {
    right: auto;
    left: -50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

*/

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

.dropdown-option > a.btn {
padding: 7px 15px;
}

nav.side_menu .profile_image {
    width: 55px;
    height: 55px;
}

.spacing { padding:0 10px;}


.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #f0ad4e;
}
.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.has-warning .form-control {
    border-color: #f0ad4e;
}
.form-control-danger, .form-control-success, .form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem;
}



.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
    color: #d9534f;
}

.has-danger .form-control {
    border-color: #d9534f;
}


.form-control {
  border-radius: 3px;
  width: 100%;
  margin: 0 0 15px;
  padding:8px 10px;
  box-sizing: border-box;
  font-size: 14px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #333;
  line-height: 1.25;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #c5c5c5;

}



#minimum-setup {
    margin-left: 15px;
}

.rightbar {
  width: 300px;
  background-color: #ffffff;
  position: fixed;
  z-index: 11;
  top: 60px;
  height: 100%;
  right: 0px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  transform: translate(300px, 0);
  -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.rightbar.right-aside-toggle {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.right_btn{float:right;}


.btn-default .fa{font-size:14px;}
.ico-help{float:right; width:15%; padding-top:5px;}
.pull_lebal_left{float:left; width:85%; text-align:right;}
.right_one{ padding-left:0; line-height:36px;}

 .k-link {
    border-radius: 0;
    margin: 0;
        margin-left: 0px;
    margin-left: 0px;
    margin-left: -1px;
    height: 32px;
    line-height: 31px;
    background: #ffffff;
    border: 1px solid #ddd;
    float: right;
	padding:0px 10px;
}
.k-pager-info {
    float: right;
    padding: 0 1.333em;
}
button{cursor:pointer;}
.button_top{position:relative;}
.sel1{width:30%; float:left;}

.dropdown-menu button{background:none;}
.dropdown-menu button {
    background: #fff;
    border: none;
    font-size: 13px;
    text-align: left;
}
/*.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active{background-color:#fff; border-radius:0px; border-top:4px solid #3c8dbc; border-right:1px solid #dadada;}*/

.panel-login {
	border-color: #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
.panel-login>.panel-heading {
	color: #00415d;
	background-color: #fff;
	border-color: #fff;
	text-align:center;
	border-top:1px solid #ededed;
    padding:10px 0px;
}
.panel-login>.panel-heading a{
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
	color: #029f5b;
	font-size: 18px;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	height: 45px;
	border: 1px solid #ddd;
	font-size: 16px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
}
.btn-login {
	background-color: #59B2E0;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #59B2E6;
}
.btn-login:hover,
.btn-login:focus {
	color: #fff;
	background-color: #53A3CD;
	border-color: #53A3CD;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: underline;
	color: #666;
}

.btn-register {
	background-color: #1CB94E;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
	color: #fff;
	background-color: #1CA347;
	border-color: #1CA347;
}
.log-in_outer{ padding-top:150px;}
#login-form{padding:0px 10px;}
#register-form {padding:0px 10px;}
.target_right{float:right;width:26%; margin-bottom:0px;}

.close {
    float: right;
    font-size: 21px;
}
.modal .modal-title {
  font-size: 16px;
  padding-bottom: 0px;
  margin: 0;
  color: #fff;
  text-align: left;
  font-weight: normal;
  width: 100%;

}
.modal .modal-title +  p{margin:.2em 0 0 0; color:#abb1bf;}
.feedback_left p, .feedback_right p {color: #93969e;   font-size: 13px;}
.feedback_right p {margin-bottom: 48px;}
.feedback_left p{ padding: 15px;}

.modal_containt #comment{resize: none;}

.modal .close {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  color: #eaeaea;
  background: #4e3629;
  padding: 5px 10px;
  border-radius: 0;
  margin: 0;
  height: 100%;
  text-shadow: 0 1px 0 #000000;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.modal .close:hover{     background: #4e3629;  color: #fff;}

    /* Example 2 (login form) */
    .login_form.modal {
      border-radius: 0;
      line-height: 18px;
      padding: 0;

    }

    .login_form h3 {
      margin: 0;
      padding: 10px;
      color: #fff;
      font-size: 14px;
      background: -moz-linear-gradient(top, #2e5764, #1e3d47);
      background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1e3d47),color-stop(1, #2e5764));
    }

    .login_form.modal p { padding: 20px 30px; border-bottom: 1px solid #ddd; margin: 0;
      background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));
      overflow: hidden;
    }
    .login_form.modal p:last-child { border: none; }
    .login_form.modal p label { float: left; font-weight: bold; color: #808080; font-size: 13px; width: 110px; line-height: 22px; }
    .login_form.modal p input[type="text"],
    .login_form.modal p input[type="password"] {
      font: normal 12px/18px "Lucida Grande", Verdana;
      padding: 3px;
      border: 1px solid #ddd;
      width: 200px;
    }

    .part {
      display: none;
    }
.modal p { margin: 1em 0; }
   .modal a.close-modal { border: none; }
.dataTables_wrapper {
    width: 100%;
    margin: 0px;
}
.searching-table tfoot{display:none;}
.cancel_order{background: #fff;}

/** ===========================image editing css start here===============================**/
.project_left_outer{float:left;width:100%;}
.image_editing th{background: #f7f8f9;color: #666;}
.header_input{width: 8%; text-align: center;}

.project_left_outer .checkbox-inline {
  width: 100%;
  line-height: 15px;
  float: left;
  margin-left: 0px;
  margin-bottom: 14px;
}


.setting {
  background: #fff;
  margin: 0 auto 3px;
  padding: 12px;
  width: 300px;
}
.setting h2 {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 6px;
  line-height: 24px;
}
.setting a[data-action] {
  cursor: pointer;
  color: #555;
  font-size: 14px;
  line-height: 24px;
  transition: color 0.2s;
}
.setting a[data-action] i {
  width: 1.25em;
  text-align: center;
}
.setting a[data-action]:hover {
  color: #f80;
}
.setting a[data-action].disabled {
  opacity: 0.35;
  cursor: default;
}
.setting a[data-action].disabled:hover {
  color: #555;
}
.image_picker .settings_wrap {
  overflow: hidden;
  position: relative;
}
.image_picker .settings_wrap .drop_target,
.image_picker .settings_wrap .settings_actions {
  float: left;
}
.image_picker .settings_wrap .drop_target {
  margin-right: 18px;
}
.image_picker .settings_wrap .settings_actions {
  margin-top: 12px;
}
.settings_actions.vertical a {
  display: block;
}
.drop_target {
  position: relative;
  cursor: pointer;
  background: #e6e6e6;
  border-top: 1px solid #cccccc;
  border-radius: 4px;
  width: 72px;
  height: 72px;
  padding: 4px 6px 6px;
  transition: all 0.2s;
}
.drop_target input[type="file"] {
  visibility: hidden;
}
.drop_target:before {
  content: '\f0ee';
  font-family: FontAwesome;
  position: absolute;
  display: block;
  width: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 32px;
  color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s;
}
.drop_target:hover,
.drop_target.dropping {
  background: #f80;
  border-top-color: #cc6d00;
}
.drop_target:hover:before,
.drop_target.dropping:before {
  color: rgba(0, 0, 0, 0.6);
}
.drop_target .image_preview {
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: contain;
  position: relative;
  z-index: 2;
}
.image_details {
  width: 192px;
  padding: 4px;
  background: #e6e6e6;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 84px;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
.dropped ~ .image_details {
  opacity: 1;
  pointer-events: all;
}
.image_details:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right-color: #e6e6e6;
  position: absolute;
  left: -12px;
  top: 10px;
}
.image_details .input_line {
  display: block;
  overflow: hidden;
  margin-bottom: 4px;
}
.image_details .input_line:last-of-type {
  margin-bottom: 0;
}
.image_details .input_line span,
.image_details .input_line input {
  float: left;
  line-height: 24px;
}
.image_details .input_line span {
  font-size: 12px;
  color: #666;
  width: 20%;
}
.image_details .input_line input[type="text"] {
  width: 100%;
  color: #444444;
  appearance: none;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background: #fff;
  height: 24px;
  line-height: 18px;
  padding: 3px 5px;
  font-size: 14px;
  transition: border 0.2s;
}
.image_details .input_line input[type="text"]:hover,
.image_details .input_line input[type="text"]:focus {
  outline: 0;
  border: 1px solid #f80;
}
.image_details .input_line input[type="text"]::-webkit-input-placeholder {
  font-size: 14px;
  color: #999;
}
.image_details a.confirm {
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -12px;
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 100%;
  background: #eee;
  line-height: 23px;
  text-align: center;
  font-size: 16px;
}

.list_view{width: 100px !important;}
.grid_view{text-align: center;width:100%;}
.grid_view li{border: 1px solid #ccc; width: 30%;display: inline-block; margin-right: 12px; border-radius: 5px;}
.grid_view li .top{ padding: 10px 30px; position: relative;}
.grid_view li .top img{width: 100%;}
.asset_title li {
  list-style: none !important;
  border: none !important;
  width: auto !important;
  margin-right: 2px !important;
  color: #ccc !important;
}
.asset_title{margin-bottom: 20px;}
.media-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background:rgb (0, 0, 0, 0.6) !important;
  -webkit-transition: background .1s ease-in;
  -moz-transition: background .1s ease-in;
  -o-transition: background .1s ease-in;
  transition: background .1s ease-in;
  background:#808080;
  opacity:0.8;
}
.top .media-overlay{display: none;}
.top:hover .media-overlay{display: block;}
.button_outer li{width: 100% !important;border:none !important;text-align: left !important;}
.button_outer{position: absolute;left: 10px; z-index: 999;}
.top .checkbox_top {
  position: absolute;
  right: 10px;
  padding: 10px;
  top: 27px;
}
 


.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 6px 0px 5px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 100px;
  height: 39px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.dropbtn input{text-indent: -9999px;}
.red{color:red; font-size: 15px;}

.image_management_pop {
    position: absolute;
    top: 77px;
    right: 70px;
    z-index:11;
}
.assist a{padding-left: 10px;}

.image_management_pop span{width:100%;float:left;}
.top_section{margin-top: 20px; background: #00aaff; padding:20px 26px;}
.assist{float: left;width:30%; color: #fff; font-size: 16px;}
.assist a{color: #fff; font-size: 16px;}
.assist_right {
  float: right;
  width: 60%;
  text-align: right;
  color: #fff;
}
.assist_right a{color: #fff;}
.assist_right .fa{margin-right: 10px; font-size: 20px;}
.image_right h4{font-size: 14px;}
.assist_right .close{margin-left:40px;}
.outer_images .modal-header{  color: #04567f; border-radius: 0px; border: none; border-bottom: 1px solid #e6e6e6;}
.outer_images .image_left .images{width: 270px;}
.outer_images .image_left{float: left;}
.outer_images .image_right {
  float: right;
  width: 40%;
  color: #fff;
}
.outer_images .image_right {
  background: #04567f;
  padding: 10px;
}
.outer_images .image_right h3 {
  color: #fff;
  font-size: 18px;
  text-align: left;
}
.outer_images.image_right { background: #0d85c1; padding: 10px;color: #2a556a;}
.outer_images.image_right h3{ color: #fff;font-size: 18px;}
.outer_images.image_right h4{font-size: 14px;}
.model_right .fa{float: right;}
.modal_containt .fa {
  margin-right: 6px;
  margin-top: 0px;
  background: #4d5975;
  padding: 10px;
  width:38px;
  border-radius: 50%;
  color: #c0c2c9;
  text-align: center;
}
.right_section_part { background: none !important; color: #666;}
.right_section_part span {
  font-size: 14px;
  margin-left: 10px;
  margin-top: 11px;
}

.loader1 {
  width: 50px;
  height: 30px;
  position: absolute;
  left: 80%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.loader1:after {
  position: absolute;
  content: "";
  bottom: -40px;
  left: -2px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

.loader1 > .line {
  background-color: #808080;
  width: 6px;
  height: 100%;
  text-align: center;
  display: inline-block;
  
  animation: stretch 1.2s infinite ease-in-out;
}

.line.one {
  background-color: #2ecc71; 
}

.line.two {
  animation-delay:  -1.1s;
  background-color:#3498db;
}
.line.three {
  animation-delay:  -1.0s;
  background-color:#9b59b6;
}
.line.four {
  animation-delay:  -0.9s;
   background-color: #e67e22;
}
.line.five {
  animation-delay:  -0.8s;
  background-color: #e74c3c;
}

@keyframes stretch {
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% {transform: scaleY(1.0);}
}
.button_outer{float: left; width:100%;}
.top .button_outer{width: auto;}
.left_panel .col-md-12{ padding: 0px;}
.selcted::selection{background: #808080;}
.list_images li{border: 1px solid #ccc;
  width: 30%;
  display: inline-block;
  margin-right: 12px;
  border-radius: 5px; margin-bottom: 10px; position: relative;}


  .list_images{text-align: center;width:100%;}
  .list_images li{border: 1px solid #ccc;
    width: 19%;
    display: inline-block;
    margin-right: 12px;
    border-radius: 5px;}
  .list_images li .top{ padding: 10px 30px; position: relative;}
  .list_images li .top img{width: 100%;}
  .list_images li .close {
    position: absolute;
    z-index: 999;
    right: -9px;
    top: -10px;
}
.common-list li{ list-style: none;}
.button_left{margin-left:12px;margin-bottom: 20px;}
.reward_point .point {
  float: left;
  width: 135px;
  line-height: 37px;
}
.reward_point .input-group {
  float: left;
  width: 300px;
  line-height: 36px;
}

/* .list_item {
  float: left;
  width: 100%;
  margin-top: 0px;
  padding: 10px;
  position: relative;
  border-radius: 4px;
} 29-3*/

.list_item {
  float: left;
  width: 100%;
  margin-top: 0px;
  padding: 20px 15px;
  border-radius: 4px;
}


.list_item .list_item_left{float: left; width: 60%;}
.list_item_right {
  float: left;
  width: 40%;
  text-align: right;
  margin-top: 4px;
}
.list_item_right .price {
  float: right;
  width: 100%;
  margin-bottom: 10px;
  font-size: 20px;
  text-align: right;
}
.ready_checkout_red {
  background: red;
  color: #fff;
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 5px;
}
.images_outer{float: left; width: 100%;}

.ready_checkout_black{
  color: #fff;
  background: #2f3c4b;
  color: #fff;
  padding: 4px 7px;
  font-size: 12px;
  border-radius: 4px;
 }
/*  .online_ash {
    background: #e8e8e8;
    padding:0;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #949494;
}*/
.view {
  background: #9d9d9d;
  padding: 4px;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  margin-left: 7px;
}

.online_ash span .fa{padding-right: 10px;}
.status {
	background: #818fa0;
    padding: 3px 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	margin-right: 10px;
}
.bottom_portion{margin-top: 10px;}
.images_outer {
  /* border: 1px solid #e5e8eb; */
  float: left;
  padding: 10px;
  text-align: center;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff;
  margin-bottom: 15px;
}
.images_outer span {
  border: none;
  width: auto;
  padding: 10px;
  text-align: center;
  width: auto;
  clear: both;
  display: block;
}

.topclass{margin-top:50px;}
.shadow.top{padding: 0px !important;}
.list_item .top {
  padding: 10px 30px;
  position: relative;
}
.images_outer .top {
  float: left;
  padding: 0px;
  margin-right: 4px;
}
.button_outer .fa-download{color: #fff;}
.images_outer .top .checkbox_top{color: #fff; top: 7px;}

.outer_images .section {
  float: left;
  width: 100%;
}
.outer_images .section img{ width: 100%;}
.border_dotted {
    border:1px dashed #737373;
    margin-top: 0px;
    padding: 40px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    color: #737373;
}


  .text_file .imageuploadify-container{width: 30%;}

  .wizard {
    margin: 20px;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #808080;
    border: 2px solid #808080;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 11px;
    font-size: 20px;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

/*.table .fa-pencil{margin-right: 20px;}*/
.modal_left{float: left; width: 100%; margin-bottom: 10px;}
.most_popular li {
  float: left !important;
  width: 24%;
  list-style: none;
  border: 2px solid #ccc;
  margin-right: 1%;
  text-align: center;
  padding:16px !important;
  position: relative;
}

.outerimages.enlerge_view .modal-body{padding:0px !important;}

.most_popular li span{ display: block; clear: both; font-size: 17px;margin-top:15px;}
.most_popular .fa{font-size: 30px;}
.other{display: inline-block;}

.single_images_outer img {
  float: left;
  /*width: 100% !important;*/
}
.intro{display: none;}
.intro1{display: block !important;}
.dag_drop_outer {
  background: #f5f5f5;
  padding: 10px;
  border: 1px solid #ededed;
}
.validatebtn{ margin-top: 20px;  float: right;  margin-right: 0;}
.upload_images_url_error{word-wrap: break-word;}
.submit_top{margin-top: 20px;}
.linedwrap{width: 100% !important; border-radius: 5px;}

.dropdown-submenu .dropdown-menu {
  /* top: 0; */
  left: 100%;
  margin-top: -1px;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.dropdown-menu {
  position: absolute !important;
  font-size: 13px;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  /* margin-top: 10px; */
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  min-width: 215px;
}

.dropdown-menu[x-placement="bottom-start"]{ top: 100% !important;
  left: auto !important;
  padding: 5px 0px;
  right: 10px;}
 .rightalign-tgl .dropdown-menu[x-placement="bottom-start"]{  top: 100% !important;  left: inherit !important; right:0;}

.dropdown-menu:before{content:'';  
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  left: auto !important;
  z-index: 3;
  right: 2px;
}
.dropdown-menu:after{content:'';  
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  /* border-bottom: 8px solid rgba(0,0,0,.25); */
  position: absolute;
  top:-9px;
  right:40px;
  z-index: 2;
}

.rightalign-tgl .dropdown-menu:before{left:inherit; right: 7px;}
.rightalign-tgl .dropdown-menu:after{left:inherit; right: 7px;}
.nav-menu_outer .dropdown-menu{min-width:230px;}

.small{width:100px;height:100px;}
.medium{width:160px;height:160px;}
.large{width:300px;height:300px;}

.fast {
  font-size: 27px;
  color: #808080;
 
}
.fast::before { margin-top: 10px;}
.fast_top {
  position: relative;
  width: 21px;
}
.fast { position: absolute;top:-18px;}
.set-option{display: none; background: #d1d1d1; float: left;padding:15px 10px 0px; width: 100%;}




.image_librery_outers {
  float: left;
  width: 23.4%;
  margin: 0% 0.8%;
  position: relative;
  list-style:none;
 }
 .image_librery_outers img {
  max-width: 100%;
  padding: 0;
  width: auto;
  margin-bottom:10px;
 }
 .image_librery_outers span {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* background: #f4f4f4; */
    border-radius: 0 0 4px 4px;
    padding: 6px 3px;
    /* width: 88px; */
    /* line-height: 2px !important; */
    margin-top: 0px;
    display: block;
    white-space: nowrap;
 }

.latest_update {
    /* border: 1px solid #e5e8eb; */
    padding: 0px;
    list-style: none;
    overflow: auto;
    padding:0px;
    border-radius: 4px;
}
.latest_update .dropdown-divider {
  display: none;
}
.latest_update h4{ padding: 0px; margin: 0px;}
.latest_update ul{ list-style: none; }
.latest_update ul li {  padding: 0;  border-bottom: 1px solid #d8dae4; margin-bottom:10px; position: relative;}
.latest_update ul li .fa.fa-remove{padding:0px;}
.latest_update ul li:last-child{margin-bottom:0;}
.latest_update ul li.active{ /*background:#18b9d4;*/ color:#7a86ff;}
/* .latest_update ul li.active a{ color:#7a86ff;} */
/*.latest_update ul li:active{ background:#b3e8ff;}*/
.latest_update ul li a{ color: #343434;}
.latest_update .fa{margin-right: 10px;}
.latest_update h4 {
  font-size: 15px;
  background: #ccc;
  padding: 10px;
  color: #666;
}


/* .image_librery .col-sm-3{width: 252px;} 
.image_librery .col-sm-9{width: calc(100% - 252px);}*/

.images_outer ul li, .main_image_outers .image_outers {
  float:left;
  display:inline;
  width:18.5%;
  margin: 0px 1.5% 1.5% 0;
  overflow: hidden;
  position: relative;
  padding: 0;
  border-radius: 4px;
  border: 2px solid #ececec;
}
.images_outer ul li img{ max-width: 100%;}
.images_outer ul {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.images_outer ul li > span > .fa-eye {
  position: absolute;
  right: 0;
  padding: 10px;
  background: rgba(0,0,0,.5);
  bottom: 38px;
  cursor: pointer;
  color: #e8edff;
}


.most_popular li:hover{ background:#55c2f5; color: #fff;}

.fade.in {
  opacity: 1;
}




.twitter-typeahead { display:initial !important; }
.bootstrap-tagsinput {line-height:40px;display:block !important;}
.bootstrap-tagsinput .tag {background:#6a7077;padding:5px;border-radius:4px;}
.tt-hint {top:2px !important;}
.tt-input{vertical-align:baseline !important;}
.typeahead { border: 1px solid #CCCCCC;border-radius: 4px;padding: 8px 12px;width: 300px;font-size:1.5em;}
.tt-menu { width:300px; }
span.twitter-typeahead .tt-suggestion {padding: 10px 20px;	border-bottom:#CCC 1px solid;cursor:pointer;}
span.twitter-typeahead .tt-suggestion:last-child { border-bottom:0px; }
.demo-label {font-size:1.5em;color: #686868;font-weight: 500;}

.images_outer .modal-dialog {
  max-width: 96%;
  margin: 30px auto;
}
.single_images_outer ul li {
  float: left;
  list-style: none;
  width: 48%;
  overflow: hidden;
  margin-right: 2%;
}
.enter_ratio input{float: left; width: 140px;}
.enter_ratio span {
  float: left;
  padding: 11px 24px 11px 10px;
  font-weight: bold;
}

.enter_ratio .input-group .form-control{width:60%;}
#myModa16 .enter_ratio span {  float: left;  padding: 11.3px 11px;  font-weight: bold;  width:10%;  font-size: 13px;}
.height{margin-top: 10px;}
.most_popular li .toltip {display: none; font-size: 19px;}
.most_popular li:hover .toltip {display: block; position: absolute; top: 10px; right:10px;z-index: 9999;}  
.image_outers_margin{ background: #808080; float: left; width: 100%; padding: 20px;}
.images_outer_left {float: left;  width: 24%;}

.lable_left {
  color: #fff;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.lable_right {
  float: right;
  width: 116px;
  line-height: 32px;
}
.wColorPicker-palette-mixed{display: none !important;}
.lable_right input {
  float: left;
  margin-right: 10px;
}
.lable_left h3{font-size: 19px;}
.images_outer_right {
  float: right;
  width: 66%;
  text-align: center;
  background: #fff;
  padding: 4%;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.chiled_images{ float: left; width: 100%;}
.lable_right input{padding: 3px;}
.view-detail.section_preview .pnl_preview{overflow-x: scroll;margin-top:20px;}
#modalPreviewRow .scrolloption {height:300px;background: #f6f6f6;overflow-y: scroll;}
/* #preview_single_row tr td{border-bottom:1px solid #dcdcdc;}
#preview_single_row tr th{border-bottom:1px solid #dcdcdc;} */

#modalPreviewRow .modal-dialog{max-width:620px;}
.lslide .market_place_sec {
  width: 99%;
}
  
  
  

/** ===========================image editing css start here===============================**/



/** ===========================Containt management start here===============================**/
.no_item{text-align: center; padding: 80px 0px;}
.no_item h2{padding-bottom: 10px;}
.no_item h5{padding-bottom: 10px;}


.accepted_order_outer .editing_prof{margin-bottom: 20px; font-size: 22px; position: relative; margin-left: 20px;}
.rejected_order_outer .editing_prof{margin-bottom: 20px; font-size: 22px; position: relative; margin-left: 20px;}

#yes{margin:20px 20px 20px 100px !important; float: left;}
.input_outer{margin:20px  20px;}
.input_outer .form-check-label{margin-right: 60px;}
.fa-question-circle{    margin-left: 8px;  margin-top: 4px;}
.pricing{    margin: 0 auto;
  width: 72%;
}
.pricing td{ border: none !important;}
.min .pull_lebal_left{ text-align: left;}
.pricing tfoot th{font-size: 20px;}

#yes1 {
  margin: 20px 20px 20px 50px !important;
  float: left;
  width: 93%;
}
.include input {
  margin-left: 3px;
  margin-right: 10px;
}
.include label{margin-left: 15px; margin-right: 10px;}
.includes label{ padding-left: 5px;padding-right: 5px;}
.includes{margin-top:6px;}
.save{margin-left: 20px;}
.wPaint-menu-icon-name-fillStyle{display: none !important;}
.wColorPicker-palette-mixed{display: none !important;}

.uploadfile{border:1px solid #50addb !important;color: #50addb;}
.includes_all input { display: inline-block !important;}
.saved {
  background: #09F;
  border-radius: 5px;
  text-align: center;
  width: 90%;
  color: #fff;
  padding: 4px 0px;
  margin-bottom: 10px;
}

.detailsicons{float: left; width: 100%; display: none;}
.saveletter:hover .detailsicons{display: block;}
.saveletter{width: 263px;}

.saveletter .fa{margin:0px 5px;}
/*.bottom_portion .form-control{font-size: 12px;}
.bottom_portion .input-group .btn{padding: 6px 10px;}*/

.price {
    text-align: center;
    font-size: 16px;
    border-radius: 0;
    width: 100%;
    padding:0;
    font-weight: 600;
    color: #5a5a5a;
    margin:5px 0 0 0;
    display: flex;
    background: #f1f1f1

}
.right_option{background: transparent !important; text-align: right;}
.rating-block .fa-star{ padding-right: 0px !important; margin-top: 0px !important;}
.rating{ clear: both; display: block;}
.bottom_portion .modal-dialog {
  max-width: 650px;
  margin: 30px auto;
}

.bottom_portion .outer_images .image_left {
  float: left;
  width: 68%;
}

.bottom_portion .outer_images .image_right {
  float: left;
  width: 30%;
  text-align: left;
}

.right_option p{color: #808080; text-align:left;}
.right_option h3{color: #4e3629!important;}
.option_new{padding-top: 40px !important;}
.option_new .btn-success {width: 100%;}
.reloaded{margin-top: 3px; font-size: 23px;}
.right_ones span{background: transparent !important; border: none !important;}
.right_ones .modal-dialog{max-width: 650px !important;}

.right_ones .outer_images .image_left {
  float: left;
  width: 68%;
  text-align: left;
}

.right_ones .outer_images .image_right {
  float: right;
  width: 26%;
  color: #fff;
}

.right_ones .modal .modal-title {
  width: 100%;
  float: left;
  text-align: left;
}

.status_outer{width: 328px;}
.saved_msg {
  background: #09F;
  border-radius: 5px;
  text-align: center;
  width: 90%;
  color: #fff;
  padding: 4px 0px;
  margin-bottom: 10px;
  width: 20%;
  float: left;
  margin-right: 10px;
}

.image_stripped .status_outer {
  text-align: left;
  font-weight: 600;
  background: #e6e9f7;
  width: 18%;
  color: #2e3346;
}
.pull-right .detailsicons{display: block;}
.pull-right .detailsicons span{margin: 0px 2px;}
.pull-right .detailsicons span .fa {padding-right: 4px;}
.status_right{text-align: left;}
.list_item_right .price{background: none; border: none;}

.online_ash .modal-dialog{max-width: 814px;}

.detailsicons a{ color: #666;}
#yes1{display: none;}

.btn_real{margin-left: 10px !important;}
.right_bar {
  margin-right: 0px;
  float: right;
  width: 55%;
  text-align: right;
  margin-bottom: 10px;
}

.status_bar{width: 20%;}
.star-rating {
  line-height:32px;
  font-size:1.25em;
}

.star-rating .fa-star{color: #5cb85c;}
.myeditor {
  margin: 0px 8px !important;
}

.top_sectionpart{margin-top: 20px; color: #fff!important;}

.right_one .modal-dialog {
  max-width: 458px;
  margin: 30px auto;
}

.margin-left{margin-left: 68px;}
.rightone{text-align: right;}
.right_ones{text-align: right;}
.middlecontain{background:#eae7e7;border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding: 20px 0px;margin-bottom: 10px;}

.past_order {
  border-bottom: 1px solid #dcdcdc !important;
  padding-bottom: 10px;
  padding-top: 0;
  display: inline-block;
  width: 100%;
  padding-left: 5px;
  margin-bottom: 26px;
}
.tableblack .sorting{background:#949494 !important;}
.tableblack .sorting_asc{background:#949494 !important;}
.tableblack .sorting_desc{background:#949494 !important;}

.status-right{width: 17% !important;}

.tableblack th{ border: none !important;}
.tableblack td{ border: none !important;}




.right_option input[type="radio"] {
  display: none !important;
}

.right_option label {
padding: 10px 20px !important;
background-color:#5bc0de;
border: thin solid #46b8da ;
border-radius: 10px !important;
margin:5px !important;
display: inline-block !important;
}

.right_option input[type="radio"] {
  cursor: default !important;
  background-color:#808080;
 
}


.rignt_one input[type="radio"] {
  display: none !important;
}

.rignt_one label {
padding: 10px 20px !important;
background-color:#5bc0de ;
border: thin solid #46b8da !important;
border-radius: 10px !important;
margin:5px !important;
display: inline-block !important;
}

.rignt_one input[type="radio"]:checked + label {
  cursor: default !important;
  background: #808080;

 
}

.adv_right input[type="radio"] {
  display: none !important;
}

.adv_right label {
padding: 10px 20px !important;
background-color:#5bc0de !important;
border: thin solid #46b8da !important;
border-radius: 10px !important;
margin:5px !important;
display: inline-block !important;
}

.adv_right input[type="radio"]:checked + label {
  cursor: default !important;
 
}
.adv_right{text-align: right;}
#show2:selected{background: #00415d;}

.rignt_one{text-align: right;}

.status_bar{width: 200px;}
.topPortion{margin-top: 30px;}

.collapse2{display: none;}
.bottom_portion .fa-refresh{cursor: pointer;}


.wColorPicker-palettes-holder br{display: none;}
.wColorPicker-palettes-holder #wColorPicker-palette-color-0{width: 20px; height: 20px;}
.wColorPicker-palette-color:nth-child(2){display: none !important;}

.wColorPicker-palette div:nth-of-type(2) {display:none !important; }
.wColorPicker-palette div:nth-of-type(4) {display:none !important; }
.wColorPicker-palette div:nth-of-type(5) {display:none !important; }
.wColorPicker-palette div:nth-of-type(3) {display:none !important; }

.adv_right .active{background: #32a0c0 !important; color: #fff !important;}
.rignt_one .active{background: #32a0c0 !important; color: #fff !important;}
.rignt_one .active{background: #32a0c0 !important; color: #fff !important;}
.right_option .active{background: #32a0c0 !important;}

.Blue::before{ color:#6c72930ff; margin-right:20px;}
.Green::before{ color:#00ff00;margin-right:20px;}
.Black::before{ color:#808080;margin-right:20px;}
.white::before{ color:#fff;margin-right:20px;}

.full_width.save{width: 88%;}


.example-image.modification{
background:url(../images/ring.jpg) no-repeat;
background-size: 90% auto;

} 

.example-image {

  height: 100%;
  width: 100%;
  position: absolute;
 /*  -webkit-box-shadow: 0px 0px 40px #6c7293000;
  -moz-box-shadow: 0px 0px 40px #6c7293000;
  -ms-box-shadow: 0px 0px 40px #6c7293000;
  -o-box-shadow: 0px 0px 40px #6c7293000;
  box-shadow: 0px 0px 40px #6c7293000; */
  -webkit-transition: left 0.25s ease, top 0.25s ease, width 0.25s ease, height 0.25s ease;
  -moz-transition: left 0.25s ease, top 0.25s ease, width 0.25s ease, height 0.25s ease;
  -ms-transition: left 0.25s ease, top 0.25s ease, width 0.25s ease, height 0.25s ease;
  -o-transition: left 0.25s ease, top 0.25s ease, width 0.25s ease, height 0.25s ease;
  transition: left 0.25s ease, top 0.25s ease, width 0.25s ease, height 0.25s ease;
  width:88%;
  height:500px;
  position: absolute;



}
.modal_left label{line-height: 15px;}



/** ===========================Containt management  End here===============================**/


/** ===========================POS start here===============================**/

.total_price span{padding: 0px 16px 0px 10px; border-right: 1px solid #5e9dd4; margin-right: 10px;}
.plus_sign{border: none;background: none;margin-right: 20px;}
.orderpos .product_left {
  width: 76%;
  color: #808080;
  font-size: 15px;
  float: left;
}
.orderpos .product_left p{ color: #a7a7a7; font-size: 14px;}
.orderpos .contain {
  width: 20%;
  font-size: 14px;
  float: left;
}
.contain p{font-size: 14px; margin-bottom: 0px;}
.product_left p{margin-bottom: 0px;}
.date_title{ width: 100%;margin: 10px 0px;}
.contain span{color: #f58e14;display: block;}
.product_left span{color: #f58e14;display: block;}
.store_listing{list-style: none; padding-left: 20px;}
.store_listing .fa{padding-right: 20px;}
.store_listing li{margin-bottom: 10px;}
.log-out{color: red; padding-left: 20px;}
.store_title{padding-left: 10px; padding-bottom: 20px;}
.log-out .fa {padding-right: 10px;}
.contain .quantity {
  background: #2e6da4;
  text-align: center;
  color: #fff;
  padding: 0%;
  width: 70%;
}
.pull-left p{color: #666; font-size: 16px;}

.create_customer_outer .col-sm-6{ padding-left: 0px;}
.create_customer_outer .last_right{padding-right: 0px;}

.allpro_pos .product_outers .product_left{width: 10%; float: left;}

.allpro_pos .name{width: 76%; font-size: 18px; color: #808080; float: left;}
.allpro_pos .name p{color: #666;font-size: 16px;margin-bottom:0px;}
.allpro_pos .change{font-size: 14px;}
.allpro_pos .qty{font-size: 14px !important;}
.allpro_pos .cartprice{font-size: 16px; float: left;width:11%;}
.add_discount li {
  border: 1px solid #04567f;
  border-radius: 50%;
  width: 37px;
  height: 37px;
  text-align: center;
  float: left;
  line-height: 34px;
  list-style: none;
  font-size: 12px;
  margin-right: 3%;
}

.add_discount .active{ background: #3873a8; color: #fff;}
.discount p{padding: 0px;margin: 0px; color: red; font-size: 12px;}
.amount p{padding: 0px;margin: 0px; color: red; font-size: 12px;}
.create_customer_outer .amount{margin-bottom: 15px;}

.create_customer_outer .discount{margin-bottom: 15px;}
.product_outers{float: left; width: 100%;margin-bottom: 10px;}
.contain strike{clear: both; display: block;}
.allpro_pos .change{float: left;width: 100%; background: #fbfbfb; padding: 10px;}
.cross_tags{padding-left: 25%;}
.select_payment  h3{text-align:center; margin-top: 20px;}
.select_payment  h5{text-align:center;}

.select_payment ul li {
  float: left;
  width: 31%;
  margin-right: 2%;
  list-style: none;
  text-align: center;
}

.icon_size{font-size:55px;}
.payment_right{text-align: center;}
.payment_right .fa-check {
  font-size: 30px;
  background: #066e41;
  color: #fff;
  width: 63px;
  height: 63px;
  line-height: 65px;
  border-radius: 50%;
  border: 1px solid #066e41;
}

.footer_botom{position: fixed; bottom: 0px;}
.footer_botom {
  position: fixed;
  bottom: 0px;
  width: 77%;
  margin: 7px 0px 0px;
}

.footer_botom .col-sm-4{text-align: center;}
.text-dark .fa-check-circle-o{margin-right: 10px;}
.someclass{position: relative;z-index: 99;}
.allpro_pos .messages{color: red !important;}
.ph_no{margin-bottom: 20px; float: left; width: 100%;}

.check_receipt {
  font-size: 32px;
  color: #666;
}
.btn-block{clear: both; display: block;}

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


.product_outers{padding:10px 0px; border-bottom: 1px dotted #ccc;}
.text-dark .product_left{color: #fff;}
.text-dark .contain{color: #fff;}
.text-dark.product_outers {
  padding: 12px 10px;
}
.product_outers .product_left{float: left;width:80%;}
.product_outers .contain{float: left;width:20%;}



.cartpage_pos .product_left {
  float: left;
  width: auto;
  padding-right: 10px;
}
.product_outers .name {
  float: left;
  width: 58%;
}
.product_outers .cartprice {
  float: left;
  width: 25%;
}
.product_outers .containt {
  float: left;
  width: 7%;
}
.allpro_pos.refunditems .product_left{float: left; width: auto !important; padding-right: 10px;}

.store_listing{ margin-left:28px;}
.marks_outer {
  background: #efefef;
  padding: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 13px;
}

.top_imagemanagement .dataTables_wrapper{margin-top:20px !important;}

.top_imagemanagement .sorting_asc{display: none;}
.top_imagemanagement tfoot{display: none;}

.image_librery_outers #exampleCheck1 {
  position: absolute;
  right: 11px;
  top: 5px;
}

.right_one .sorting_asc{display: none;}
#myModa7 .modal-dialog {
  max-width: 500px;
  margin: 30px auto;
}
.submit_btn{float: left;margin-top:20px;}
.right_ones {
  color: #fff;
  font-size: 20px;
  margin: 0px 10px;
  margin-top: 0px;
  margin-top:61%;
}
.image_medium li {  width: 16% !important; margin: 0% 4% !important;}
 .image_medium .right_ones{margin-top:45%;}
.small_images li{width:10% !important; margin: 0px 7% !important;}
.small_images .top .right_ones {
      font-size: 12px !important;
      margin:10px 4px;
  
  }
  .newsection_imagement .sorting_asc{ display: none;}

  .button_sec .price_outers{font-size: 18px;margin-bottom: 2px;float: left; color: #7997e8; font-weight:600; ;margin-top: 3px; margin-right:10px;}
  .button_sec .price_sec{font-size: 25px; float: left; color: #7997e8; font-weight:600;}
  #complete_990{margin-right:5px;}

/*  .list_item_left h4{float: left; width: 100%;}*/
  .list_item_left .ready_checkout_black {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*  .list_item_left .online_ash{float: left; width: 100%;}*/

  .list_item_left .hide_section {
    text-align: right;
    position: absolute;
    bottom: 0px;
    left: 1%;
}
.hide_section li{display: inline-block; padding: 5px;}
.hide_section li a{cursor: pointer;}
.section_divider{margin: 9px 1px 9px 2px; float: left; width: 100%; padding: 0;}
.imageuploadify-container{ position: relative;}

.imageuploadify-container #fullname {
  position: absolute;
  bottom: -27px;
  width: 100%;
}

.imageuploadify-container .fullname {
  position: absolute;
  bottom: -27px;
  width: 100%;
}
.image_right_one{overflow: hidden;}
.outerimages .modal-dialog {
  max-width: 96%;
  margin: 30px auto;
}

.selectpicker{width: 100%; padding: 10px;}
.from_group_outer{margin: 0px 10px;}
.chose_plan {
  margin: 0px 10px;
  color: #666;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 18px;
}


.parent { text-align: center; }
.parent .panzoom { }
.parent > div { display: inline-block; }
.parent img { width: 100%; }

#set .buttons{float: left; width: 100%; margin-top: 20px;}
.image_devider{overflow: hidden;}

.dashboard_image .sorting_asc{display: none;}
.imageuploadify-details span{position: relative;}
.imageuploadify-details span #exampleCheck1 {
  position: absolute;
  right: 83px;
}
.outer_images .modal_containt .fa{padding-right: 0;    padding-left: 0;}

.online_ash .dropdown .btn{
  padding: 2px 8px !important;
  background-color: transparent;
  color: #2f3c4b;
  border-color: #e5e8eb;
  font-size: 14px;
}

.section_divider .answer{margin-top: 10px;}

.answer .ready_checkout_black{padding: 4px;}

.hide_section li .fa{padding-right:10px;}
.imageuploadify-details .fa-eye{font-size: 24px !important; display: inline !important; margin-top:0px!important; color: #fff;}
.imageuploadify-details input{background: transparent; border: none; color: #fff;}
.btn-primary.next{ float: left;}
.btn-primary.previous{ float: right;}



.outer_images .modal-body{padding: 15px; border-radius: 0px; background: #fff;}

.outer_images h3 {
  font-size: 18px;
  margin-bottom: 0px;
 display: inline-block;
}
.outer_images p{margin: 6px 0px;}
.outer_images .submit_btn{background: transparent; color: #808080;}
.outer_images .input-group.date .input-group-addon{height: 20px;}

#datetimepicker1{height: 20px;}
.selectable .ui-selecting {
  border: 2px dashed #808080;
}

.selectable .ui-selected {
  border: none;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);
  box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);
}


.selected-items {
  border: 2px solid #808080;
  line-height: 32px;
}

.selected
{
  border: 2px dashed #4e3629!important;

}

.imageuploadify-container span a{color: #fff;}
.section_divider ul{width: auto !important;}
.section_divider ul li{width: auto !important; }
.boostrap-datetimepicker-widget{position: absolute;}

.chhoseplain .modal-dialog {
  max-width: 80%;
  margin: 30px auto;
}
.chhoseplain .modal_left {
  float: left;
  width: 40%;
  margin-right: 6%;
  margin-left: 2%;
}
.chhoseplain .modal_right{float: left; width:50%;}

.modal_left h3{font-size:18px;}

.modal_left p{float: left; width: 100%;}
.modal_left h4 {
  width: 100%;
  line-height: 33px;
  font-size: 15px;
  
}
.modal_left .fa {
  font-size: 34px;
  color: #326c0c;
  padding-right: 10px !important;
  margin-right: 20px;
  float: left;
}
.image_new_outter{display: none;}
.image_new_outter1{display: none;}

.accepted_order form{overflow-y: scroll;height: 300px;}

  
.item_right .modal_left h4{width: 100% !important;}
.item_right .panel-heading h4 {
  width: 100% !important;
  margin-top: 14px;
}
.item_right .panel-heading h4 {
  width: 100% !important;
}
  
/** ===========================POS End here===============================**/

*******************************/
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
    float: left;
    width: 100%;
}

.panel-title {
    font-size: 14px;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    font-weight: bold;
}

.more-less {
  float: right;
  color: #212121;
  font-weight: bold;
  font-size: 20px;
  margin-top: -9px;
  background: #054e96;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  right: 43px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

/* ----- v CAN BE DELETED v ----- */


.modal_right .panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #FAFAFA;
  border-color: #EEEEEE;
  float: left;
  width: 100%;
  border: 1px solid #e7e1e1;
  margin-bottom: 4px;
}

.background_outer_images{background: #fff;}
.background_outer_images img{padding: 10%;}

.image_new_outter .images_outer .accepted_order_outer {
  max-height: 400px;
  overflow: auto;
  overflow-x:hidden;

}
.accepted_order_outer{margin-top: 0;}
.list_item.dashboarad{display: inline !important;}
/*.list_item.dashboarad .dropdown{display: inline !important;}*/
.list_item.dashboarad .btn-primary{float:right;margin-bottom: 10px; padding: 8px 15px;}

.dropdown-item {color: #737373;}

.superadminimage .remove_btn, .checked_area_left, .sortable-imgwrap li .remove_btn {background:#efefef; position: absolute;  top: -1px;  z-index:2;  right: -1px;  border: none;  color: #fff;  width: 24px;  height: 24px;  border-radius: 2px;  border: 1px solid #e8e8e8;  text-align: center;     transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;}
.superadminimage .remove_btn:hover, .sortable-imgwrap li:hover .remove_btn{ background: #dadada; background:rgba(255,255,255,.9); cursor: pointer;}
/* .computerupload .fa-remove:hover:before, .fa-close:hover:before, .fa-times:hover:before{color:#495171; } */
.superadminimage li{position: relative;}

/* .multiselect-native-select .btn-group {
  width: 86%;
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
} */


.multiselect.dropdown-toggle.btn.btn-default{width: 100%; font-size: 13px; letter-spacing: inherit; font-weight: 400; line-height: 1.25; text-transform: inherit; border-radius: 4px; padding: 11px 8px; padding-right: 8px;border-color: #c5c5c5;}
.multiselect-container.dropdown-menu .checkbox input[type="checkbox"]{opacity: 1; margin-top: 5px;}
.multiselect-container.dropdown-menu .checkbox{line-height: 24px;     padding-left: 30px;}
.multiselect-container.dropdown-menu{  max-height: 200px;  overflow: auto;  overflow-x: hidden; z-index: 100;} 

.choosetime input {
  background: #f9f9f9;
  padding: 8px 10px;
  width: calc(100% - 55px) !important;
  border: 1px solid #c5c5c5;
  border-radius: 3px 0 0 3px;
  float: left;
  line-height: 17px;
}

.choosetime .add-on {
  background: #f1f1f1;
  padding: 8px 6px;
  float: left;
  border: 1px solid #c5c5c5;
  border-left: none;
  text-align: center;
  line-height: 17px;
}

.choosetime .add-on:hover{color:#808080;}
.choosetime .add-on + .add-on{background: #4e3629; color: #fff; border-radius:0 3px 3px 0;}
.choosetime .add-on + .add-on:hover{background:#4c5275;}
.choosetime .fa-times:before{ color: #989aa0;}



/*.ui-selectable{float: left; width: 700px;}*/

/* #accordion .panel-body{ height: 300px !important;} */

.most_popular li.active { background: #55c2f5 !important;}
.most_popular li{min-height: 120px;}


.modal_containt select{width: 100% !important;display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
margin-bottom: 10px;}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance:none !important; 
}


.single_images_outer ul li {
    float: left;
    list-style: none;
    width: 48.56%;
    overflow: hidden;
    position: relative;
    margin-right: 0%;
}
.divider {
   width: 4px !important;
   margin: 0px 15px !important;
}
.intro1 .title {
    font-size: 13px;
    text-align: center;
    position: absolute;
    z-index: 999;
    bottom: 2px;
    left: 50%;
    font-weight: bold;
    color: #ececec;
    background: #535252;
    border-radius: 4px;
    padding: 7px;
    transform: translate(-50%,-50%);
}

.image_dragdrop .imageuploadify{
  position: absolute;
    width: 98%;
    height: 100%;
    z-index: 9999;

}



.list_item_left .hide_section li a {
    color: #2f3c4b !important;
}


span.input-group-addon {
    background: #fff;
    color: #2f3c4b;
}
.cancel_checkout {
    background: none !important;
    color: #fe413b !important;
    border-color: #fe413b !important;
    border: 1px solid;
}
.review_checkout {
    background: none !important;
    color: #ffc107 !important;
    border-color: #ffc107 !important;
    border: 1px solid;
}
.confirm_checkout {
    background: none !important;
    color: #28a745 !important;
    border-color: #28a745 !important;
    border: 1px solid;
}
.production_checkout {
    background: none !important;
    color: #18b9d4 !important;
    border-color: #18b9d4 !important;
    border: 1px solid;
}
.redy_download_checkout {
    background: none !important;
    color: #328dff !important;
    border-color: #328dff !important;
    border: 1px solid;
}
.awating_checkout {
    background: none !important;
    color: #343a40 !important;
    border-color: #343a40 !important;
    border: 1px solid;
}
.menu_left li a.collapse_menu:after {
    
    content: "\f107";
    float: right;
    font-family: "FontAwesome";
}
.menu_left li a.collapse_menu.collapsed:after {
    float: right;
    content: "\f105";
    font-family: "FontAwesome";
}


 /* ul.breadcrumb {
    background:none;
    padding:0;
    margin-top: 15px;
    margin-bottom: 15px;
   
} */
.breadcrumb a {
    color: #333;
}
.breadcrumb a:hover {
    color: #2f3c4b;
}
.breadcrumb>.active {
  color: #808080;
  font-weight: 500;
}
.breadcrumb li:after{
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    content: "\f105";
    color: #c6c5c7;
    font-family: "FontAwesome";
}
.breadcrumb li:before {
    display:none;
}
.breadcrumb li:last-child:after {
    display:none;
}
.latest_update ul li a {
    cursor:pointer;
}
.latest_update ul li:hover a {
       color:#808080;
}
/* .latest_update ul li.active a{ color:#808080;} */

.jstree-default .jstree-wholerow-clicked {
    background: none !important;
}

.media-overlay i {
    color: #fff;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 33px;
    cursor:pointer;
}
button.btn.btn-danger {
    color: red;
    background-color:#ffdada;;
    border-color:red ;
}
button.btn.btn-danger:hover {
    color: #808080;
    background-color: transparent;
    border-color: none;
}
button.btn.btn-warning {
    color: #ffc107 !important;
    background-color: transparent !important;
    border-color: #ffc107 !important;
}
button.btn.btn-warning:hover {
    color: #fff !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}
.computerupload .imageuploadify {
    border: 1px dashed #737373;
    min-height: 285px;
    min-width: 250px;
    max-width: 100%;
    margin: 0;
    display: flex;
    padding: 0;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    color: #737373;
}
.computerupload .imageuploadify .imageuploadify-images-list i {
    display: block;
    font-size: 47px;
    text-align: center;
    margin-top:18px;
    padding-bottom: 0;
}
.computerupload .imageuploadify .imageuploadify-images-list span.imageuploadify-message {
    font-size: 14px;
    border-top: none;
    border-bottom: none;
    padding: 0px 0;
    display: inline-block;
}
.computerupload .imageuploadify .imageuploadify-images-list button.btn-default {
    display: block;
    margin: 25px auto;
    background-color: #5d6782;
    color: #d4d4d4;
    border-color: #5d6782;
    border-radius: 4px;
    max-width: initial;
    width: auto;
}
.computerupload .imageuploadify .imageuploadify-images-list button.btn-default:hover {
    background:#343a40 !important;
    color:#fff !important;
}
.computerupload .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
    position: absolute;
    top: 0;
    padding-top:40px;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    background: #343a407d !important;
    z-index: 2;
    opacity: 0;
    color: #fff;
    /* display: table-cell; */
    /* vertical-align: middle; */
}
.computerupload .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
    display: initial;
    /* padding-top: 30px; */
}

.img_url_up textarea {
    width: 100%;
}
.img_url_up textarea:focus {
    outline:none;
}

.imageuploadify-images-list .fa-cloud-upload:before {
  content: "";
  background-image: url(../images/cloud-upload.png);
  background-repeat: no-repeat;
  width: 128px;
  height: 128px;
  display: inline-block;
}
/*......sankar.....*/
/* .img_order_sec{ margin:0; width:100%; float:left; padding:0px; position:relative}29-3 */
.img_order_sec{ margin:0; width:100%; float:left; padding:0px;}

.title_sec h4 p {
  
      color: #2f3c4b;
      margin-left: 2px;
      display: inline-block;
      float:none;
      margin-right: 45px;
      line-height: 20px!important;
      margin-bottom:0px!important;
  
  }

.img_order_sec ul{ list-style-type:none; padding:0; margin-top:20px;display: inline-block;}
.img_order_sec ul li{ margin:0; padding:0 5px 0 0; color:#737373;line-height:20px; float:left; display:flex;}
.img_order_sec ul li a{ display:flex;}
.img_order_sec ul li .fa{margin-right:10px; color:#8291a5; font-size: 19px;}
.img_order_sec ul li .fa:before{  content: "";    background-image: url(../images/sprite-sm.png);    background-repeat: no-repeat;    width: 20px;    height: 20px;    display: inline-block;}
.img_order_sec ul li .fa-tag:before { background-position: -1px -223px;}
.img_order_sec ul li .fa-calendar:before { background-position: -1px -250px;}
.img_order_sec ul li .fa-picture-o:before { background-position: -1px -279px;}
.img_order_sec ul li .fa-download:before { background-position: -1px -340px;}
.img_order_sec ul li .fa-edit:before { background-position: -1px -307px;}
.img_order_sec ul li .fa-user:before { background-position: -1px -369px;}
.img_order_sec ul li .fa-eye:before { background-position: -1px -398px;}

.img_order_sec ul li a .fa{margin-right:10px; color:#808080; font-size: 19px;}
.img_order_sec ul li span{ padding: 0 5px;}
.img_order_sec ul li:after { content: "/"; margin-left:10px; margin-right: 10px;font-size: 20px;color:#e5e8eb;vertical-align: bottom;}
.img_order_sec ul li:last-child:after{ display:none}

.img_order_sec ul li .btn-secondary {
    color: #666666 !important;
    background-color:transparent !important;
   border-color:none !important;
   box-shadow:none;
   border:none !important
}
.img_order_sec ul li .btn {
    padding: 0px;
    font-size: 14px;
    font-weight: 400;
    
}
.img_order_sec ul li .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{box-shadow:none; border:none;}
.img_order_sec ul li .btn:hover{border:none;padding: 0px;
    font-size: 14px;
    font-weight: 400;
    }

.img_order_sec ul li .dropdown-toggle::after {
    display: none;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: .255em;
    content: "";
    font-family: FontAwesome;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    font-size: 16px;
    position: absolute;
    top: 1px;

}

.img_order_sec ul li .dropdown-menu {
  left: -4px !important;

}

  .status_sec {
      font-size: 13px ;
      width: auto;
      padding: 8px 15px;
      background: transparent;
      border: .5px dashed #666666;
      color: #666666;
      display: inline-block;
      margin-right: 0px;
      margin-bottom: 10px;
      
  
  }
/*.status_sec_cancel{ position:absolute; right:140px; font-size:14px !important;  top:15px; width:auto; padding:5px 15px; background:red; color:#fff;}
.status_sec_review{ position:absolute; right:140px; font-size:14px !important;  top:15px; width:auto; padding:5px 15px; background:blue; color:#fff;}
.status_sec_confirm{ position:absolute; right:140px; font-size:14px !important; top:15px; width:auto; padding:5px 15px; background:green; color:#fff;}
.status_sec_production{ position:absolute; right:140px; font-size:14px !important;  top:15px; width:auto; padding:5px 15px; background:yallow; color:#fff;}
.status_sec_redy_download{ position:absolute; right:140px; font-size:14px !important;  top:15px; width:auto; padding:5px 15px; background:orange; color:#fff;}
.status_sec_awaitingForAcceptance{ position:absolute; right:140px; font-size:14px !important;  top:15px; width:auto; padding:5px 15px; background:pink; color:#fff;}
.status_sec_awaitingSpecification{ position:absolute; right:140px; font-size:14px !important;  top:15px; width:auto; padding:5px 15px; background:brown; color:#fff;}
*/
.status_cancel{ border-color:#fd3d33; color:#fd3d33;}
.status_review{ border-color:#067cfe; color:#067cfe;}
.status_confirm{ border-color:#58bd69; color:#58bd69;}
.status_draft{ border-color:#747d86; color:#747d86;}
.status_ready_download{ border-color:#58bd69; color:#58bd69;}
.status_awaiting_acceptance{border-color: #f7941e; color: #f7941e;}
.status_awaiting_specification{ border-color:#f7941e; color:#f7941e;}
.status_completed{ border-color:#58bd69; color:#58bd69;}

.status_production{border-color:#067cfe; color:#067cfe;}
.status_awaiting_payment{border-color:#f7941e; color:#f7941e;}

.timepedding_sec {
width: 100px;
border-radius: 4px;
padding: 8px 15px;
background: #f1f1f1;
color: #469b4f;
margin-bottom: 10px;
margin-left: 15px;
float:right;
  }
.img_order_sec .button_sec{float: right;  width:auto;}
.button_sec .btn-primary {
float: right;
margin-bottom: 0;
margin-left: 10px;
width: auto ;

}

/* .more_sec{  height:22px; line-height:22px;float: left; width:100%; text-align:center; z-index:99;} 29-3*/
.more_sec{  
  height:24px;
  left: 0; 
  line-height:22px;
  float: left; 
  position: absolute; 
  bottom:0; width:100%; 
  text-align:center; 
  z-index:7;
  /* background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 67%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 67%,#e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#ffffff 67%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); */
}
.more_sec ul{margin-top:8px; padding: 0;}
.more_sec ul li{ width: 100%; float: left;}

.more_sec a {
  display: block;
  background-color: #fff;
  color: #a7a7a7;
  width: 24px;
  height: 24px;
  position: relative;
  text-align: center;
  border-radius: 50%;
  
}
.more_sec a .fa{ margin-right:0; display: inline-block;color:#fff;     vertical-align: text-bottom;}
.more_sec a:hover{color:#eee;}
.more_sec a:hover .fa{color:#eee;}
.more_sec ul li a .fa {margin-right:0px;font-size: 16px; color:#95a9e0; font-weight:bold;  padding:0;     width: 100%;    margin-top: 6px;}
.more_sec ul li a .fa:hover{color:#867e7e;}

/* .more_sec ul li:hover{
  animation: MoveUpDown 3s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 100px;
  }
} */

/*......sankar..end...*/


.nav-menu_outer {
font-weight: 400;
padding-right: 25px;
}

#btnsignin.btn, #btnsignup.btn, #btnForgot.btn{margin-top: 12px; text-transform: uppercase; font-size: 16px; width: 100%; background: #323848;  border-color: #323848; border:0;}
.btn.btn-primary {color: #fff;  background: #4e3629;  border-color: #4e3629;  cursor: pointer;}
.btn.btn-primary:hover, #btnsignin.btn:hover {  color: #fff ;    border-color: #4e3629;  background: #4e3629;}
.btn.btn-primary.reverse-btn { color: #4e3629;  background: transparent ;  border-color: #4e3629;  cursor: pointer;}
.btn.btn-primary.reverse-btn:hover{  color: #fff ;    border-color: ##4e3629;  background: #4e3629;}

.btn.btn-primary.reverse-btn.btn-sm{padding: 9px 8px;font-size: 11px;}
.btn.violet-bg { background: #4e3629; border-color:#4e3629; color: #fff;}
.btn.violet-bg:hover{ background: #000; border-color:#000; color: #fff;}
.btn.violet-bg.reverse-btn{background:transparent ; border-color:#4e3629; color: #4e3629;}
.btn.violet-bg.reverse-btn:hover{ background: transparent; border-color:#000; color: #000;}
#pay_apply_coupon{padding:4px 15px;}
#pay_coupon_applied_msg .alert-danger{padding: 4px;margin-top:10px;}
#pay_coupon_applied_msg .alert-success{padding: 4px;margin-top:10px;}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #eee !important;
    border-color: #eee !important;
}

.saved_border{float: left;width:100%;background: #f3f3f3;border: 1px solid #ccc;border-radius: 5px;margin-bottom: 10px;
 padding:5px;
}
.saved_border .col-sm-1{margin-top:10px;}
#saved_cards .col-sm-2{margin-top:10px;}

a.btn.btn-primary:not([href]):not([tabindex]){ color: #ecf1ff;}
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  border-color: #4e3629;
  background: #4e3629;
  box-shadow: 0 0 0 0 rgba(0, 123, 255,0);
}
/* .tab-content{border: 1px solid #ddd !important;margin-top:-1px  !important;} */


.list_item_left .hide_section li a {
  color: #2f3c4b ;
}
.btn-success {
color: #4e3629;
background-color: transparent;
border-color: #808080;
position: relative;
}
.btn-success:hover {
border-color: #808080;
  background: #808080;
  color: #fff;
}
.multiselect-container .input-group {  margin: 0px !important;}
button.btn.btn-default.multiselect-clear-filter {
  padding: 7px 6px;
  background: #fff;
  color: #2f3c4b;
  margin-left: 0;
  line-height: 19px;
}
.multiselect-item .input-group-btn:not(:first-child)>.btn:first-child{ margin-left: 0;}
.multiselect-container>li>a>label{    padding: 3px 20px 3px 30px;}
span.input-group-addon {
  background: #fff;
  color: #2f3c4b;
}

.your_order {
background: url(../images/reciept_bottom.png) no-repeat 49% 99%;
}

.price_btn {font-size: 18px; }
.price_btn span {font-size: 20px; display:block;}
.price_btn span + span {      font-size: 12px;  padding: 3px 15px;   /*  background-image: url(../images/sprite-sm.png); background-position: 100% -165px;  background-repeat: no-repeat;*/} 
.right_section_outer .from_outer {
  width: 22%;
  margin: 0 1px;
  line-height: 30px;
  display: inline-block;
  background: #f2f2f2;
  padding: 6px 18px;
  border-radius: 4px 4px 0 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.right_section_outer .from_outer:hover{background-color: #d4dae8;}

.from_outer{margin-bottom: 15px;}
.right_section_outer .from_outer input{ margin-right: 10px;}

.box {
color: #fff;
padding: 20px;
display: none;
margin-top: 20px;
text-align: center;
}

.red{display: block;}
.mid_conent{margin-top: 10px;}
.right_section_outer{text-align: center; margin-bottom: 15px; border-bottom: 1px solid #E6E6E9;}  
.right_section_outer.radio {
margin: 0.5rem;
}
.right_section_outer .radio input[type="radio"] {
position: absolute;
opacity: 0;
}
.right_section_outer .radio input[type="radio"] + .radio-label:before {
content: '';
background: #f4f4f4;
border-radius: 100%;
border: 1px solid #b4b4b4;
display: inline-block;
width: 1.4em;
height: 1.4em;
position: relative;
top: -0.2em;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
.right_section_outer .radio input[type="radio"]:checked + .radio-label:before {
background-color: #666;
-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
box-shadow: inset 0 0 0 4px #f4f4f4;
}
.right_section_outer .radio input[type="radio"]:focus + .radio-label:before {
outline: none;
border-color: #666;
}
.right_section_outer .radio input[type="radio"]:disabled + .radio-label:before {
-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}
.right_section_outer .radio input[type="radio"] + .radio-label:empty:before {
margin-right: 0;
}

.right_section_outer .radio label, .checkbox label {
min-height: 20px;
padding-left: 0px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
line-height: 14px;
}



.mid_conent td {
font-size: 14px;
padding-left: 0;
padding-right: 0;
}

/* .create_oderpage section {
padding: 20px 0;
} */

.create_oderpage .table th {line-height: 25px; font-weight: normal;}


.create_oderpage .table th{border-top:1px solid #f4f4f4 !important;}
.create_oderpage .table td{ border: none; padding-left: 0; padding-right: 0; padding-top: 14px;  padding-bottom: 14px;  border-bottom: 1px solid #f2f2f2;}

select.form-fill:not([multiple]), select:not([multiple]) {
background:#f9f9f9 url(../images/arrows.png);
background-repeat: no-repeat;
background-position: 98% 50%;
-webkit-appearance: none;
-moz-appearance: none;
}

.caret {
background: url(../images/arrows.png);
border-top: 0px solid;
border-right: 0px solid transparent;
border-left: 0px solid transparent;
background-repeat: no-repeat;
background-position: 98% 50%;
-webkit-appearance: none;
-moz-appearance: none;
width:9px; height:6px;
}

/* ....sankar...... */

.market_place_area {
  
      margin: 30px 0;
      width: 100%;
      float: left;

  
  }
.market_place_sec {
      width: 23%;
      float: left;
      margin: 0% 1%;
      border-radius: 4px;
      border: 1px solid #f4f4f4;
      background: #fbfbfb;
      text-align: center;
  }

  .stone_type_outers {
    float: left;
    width: 100%;
    height: 400px;
    overflow-y: scroll;
}

/* .product_top_scroll{position: fixed;
  width: 50.6%;
  z-index: 9;
  background: #fff;} 

  .top_productgap{margin-top: 120px;}*/
.market_place_sec{    -webkit-transition: all 0.3s;  transition: all 0.3s;}
.market_place_sec input[type="radio"] {display: none;}
.market_place_sec input[type="radio"]:not(:disabled) ~ label {cursor: pointer;}
.market_place_sec input[type="radio"]:disabled ~ label {color: #bcc2bf;border-color: #bcc2bf;box-shadow: none;cursor: not-allowed;}
.market_place_sec label + h5{  margin: 0;  padding: 10px;  background: #f4f4f4;  color: #737373; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.market_place_sec label {
  height: 200px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 0 15px;
  width: 23%;
  box-sizing: border-box;
}
.market_place_area .market_place_sec label {  height: 200px;}
.market_place_sec img{ width: 100%;  border-radius: 6px;  -webkit-filter: grayscale(0);  filter: grayscale(0); -webkit-transition: all 0.3s; transition: all 0.3s;}
.market_place_sec:hover img{ -webkit-filter: grayscale(100%);  filter: grayscale(100%); }
/*.market_place_sec input[type="radio"]:checked + label::after {color: #666;font-family: FontAwesome;border: 1px solid #f4f4f4;content: "\f00c";font-size: 24px;position: absolute;top: -19px;left: 50%;transform: translateX(-50%);height: 40px;width: 40px;line-height: 37px;text-align: center;border-radius: 50%;background: white;box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);}*/
.img_order_sec .dropdown-menu{    padding: 6px 0;}

/* .......choose--editing.... */

.choose_edit_area{margin: 50px 0; width: 100%;display: flex;flex-direction: row;justify-content: space-around;}
.choose_edit_sec img{ width: 100%; height: auto; max-height: 100%}
.choose_edit_sec input[type="radio"] {display: none;}
.choose_edit_sec input[type="radio"]:not(:disabled) ~ label {cursor: pointer;}
.choose_edit_sec input[type="radio"]:disabled ~ label {color: #bcc2bf;border-color: #bcc2bf;box-shadow: none;cursor: not-allowed;}
.choose_edit_sec h2{font-size: 16px;}

.choose_edit_sec span .fa{ margin-bottom: 20px; font-size: 35px;}

.choose_edit_sec label {height: 100%;display: block;background: white;border-radius: 4px;border: 1px solid #f4f4f4;background: #fbfbfb; padding:45px 15px 20px 15px;margin-bottom: 1rem;text-align: center;position: relative;}

.choose_edit_sec input[type="radio"]:checked + label {}
.choose_edit_sec input[type="radio"]:checked + label::after {display: none;}

/* .....custom..edit... */
.custom_edit_area{margin: 10px 0; width: 100%;display: flex;flex-direction: row;justify-content: space-around;}
.custom_edit_sec{ margin: 0; width: 100%; float: left}

.custom_edit_sec ul{ margin: 0; list-style-type: none; padding: 0;}
.custom_edit_sec ul li{padding: 0; width: 100%; float: left}
.custom_edit_sec ul li .radio {margin: 0.5rem;}
.custom_edit_sec ul li .radio input[type="radio"] {position: absolute;opacity: 0;}
.custom_edit_sec ul li .radio input[type="radio"] + .radio-label:before {content: '';background: #f4f4f4;border-radius: 100%;border: 1px solid #b4b4b4;display: inline-block;width: 1.4em;height: 1.4em;position: relative;top: -0.2em;margin-right: 1em;vertical-align: top;cursor: pointer;text-align: center;-webkit-transition: all 250ms ease;transition: all 250ms ease;}
.custom_edit_sec ul li .radio input[type="radio"]:checked + .radio-label:before {background-color: #666;-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;box-shadow: inset 0 0 0 4px #f4f4f4;}
.custom_edit_sec ul li .radio input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #666;}
.custom_edit_sec ul li .radio input[type="radio"]:disabled + .radio-label:before {-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.custom_edit_sec ul li .radio input[type="radio"] + .radio-label:empty:before {margin-right: 0;}

.custom_edit_sec ul li .radio label, .checkbox label {min-height: 20px;padding-left: 0px;margin-bottom: 0;font-weight: 400;cursor: pointer;line-height: 14px;}

.create_button_sec{     margin: 0;  width: 100%;  float: left;}

/* ....sankar..end.... */

.radio, .checkbox {
padding-left: 20px;
margin-bottom: 0;
margin-top: 1px; 
}
.checkbox label {
display: inline-block;
position: relative;
padding-left: 5px; }
.checkbox label::before {
content: "";
display: inline-block;
position: absolute;
width: 17px;
height: 17px;
left: 0;
margin-left: -20px;
border: 1px solid #b5b5b5;
border-radius: 3px;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
top: -2px;
 }
.checkbox label::after {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 0;
margin-left: -22px;
padding-left: 3px;
padding-top: 0;
font-size: 11px;
color: #555555;
}
.checkbox input[type="checkbox"] {
opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
font-family: 'FontAwesome';
content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
background-color: #eeeeee;
cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
border-radius: 50%; }
.checkbox.checkbox-inline {
margin-top: 0; }

.checkbox-success input[type="checkbox"]:checked + label::before {
background-color: #fff;
border-color: #b5b5b5;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
color: #666666; 
font-size: 15px;
}

.radio {
padding-left: 20px; }
.radio label {
display: inline-block;
position: relative;
padding-left: 5px; }
.radio label::before {
content: "";
display: inline-block;
position: absolute;
width: 17px;
height: 17px;
left: 0;
margin-left: -20px;
border: 1px solid #b5b5b5;
border-radius: 50%;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
}

.success_left{margin-left: 175px;}
.user_role_table .rows{ border-bottom: 1px solid #f0f0f0; padding-bottom: 10px;}

.user_role_table .rows_left{float: left; width: 90%;}
.user_role_table .rows_right{float: right; width: 10%; text-align: right;}

.user_role_table{float: left; width: 100%;}
.user_role_table .rows{float: left; width: 100%;}


/* ....userrole start here.... */

.accordion-item {
position: relative;
}
.accordion-item.active .heading {
color: #cbb198;
}

.accordion-item.active .icon:before {
background: #cbb198;
}
.accordion-item.active .icon:after {
width: 0;
}
.accordion-item .heading {
display: block;
text-transform: uppercase;
text-decoration: none;
color: #808080;
/*   font-size: 1rem; */
position: relative;
padding:1% 1% 1% 5%;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (min-width: 40rem) {

}
.accordion-item .heading:hover {
color: #7a86ff;
outline: none;
}
.accordion-item .heading:hover .icon:before, .accordion-item .heading:hover .icon:after {
background: #cbb198;
}
.accordion-item .icon {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 3rem;
height: 3rem;
border-radius: 3px;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
.accordion-item .icon:before, .accordion-item .icon:after {
content: '';
width: 18px;
height: 0.25rem;
background: #bcbcbc;
position: absolute;
border-radius: 3px;
left: 50%;
top: 50%;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
.accordion-item .icon:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
z-index: -1;
}
.accordion-item .content {
display: none;
}
.accordion-item .content ul {
margin-top: 0;
/*   background:#fbfbfb;
border: 1px solid #f4f4f4; */
padding: 5px;
margin-left: 51px;
}

.accordion-item .content ul li {
position: relative;
margin-left: 20px;
padding: 2px 2px 5px 10px;
list-style: disc inside;
}
@media (min-width: 40rem) {
.accordion-item .content {
  line-height: 1.75;
  float: left; width: 100%;
}
}

.accordian_top {
margin-top: 0px;
float: left;
width: 100%;
}

.accordian_top .icon{ float: left;}
.accordian_top .heading {
float: left;
width: 97.4%;
outline: none;
}
.accordian_top .checkbox-success {
float: left;
position: absolute;
right: 0px;
top:10px;
}
.accordian_top .accordion-item{float: left; width: 100%; border-bottom:1px solid #f2eeee;}


.accordion-item .content ul li .checkbox-success{ right: -3px;}

.accordian_top .accordion-item.active{ background:#fbfbfb !important; border: 1px solid #f4f4f4;}
.accordion-item .content ul li.selection_area {

    background: #eaeaea;


}




/* .active, .accordion:hover {
  background-color: #ebf6fa; 
} 

.panel {
  padding: 0 18px 20px 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}*/

.margin_bottom{ margin-top: 15px;}

/* ....userrole end here.... */


.photo_icons {
text-align: right;
padding-right: 14px;
font-size: 21px;
}

.drag-drop-text{text-align: center;}

.modal_outers_lavel .modal-dialog{ max-width: 900px !important;}



/*.ui-selectable img{width:100%;}*/
.modal_outers_lavel .ui-selectable {
float: left;
width:100%;
}


.fileUpload {
position: relative;
overflow: hidden;
margin: 10px;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}

.list_item.dashboarad .list_item_left .online_ash {
  float: none;
  width: 100%;
}

.btn_margin {
  float: right;
  width: 46%;
  text-align: right;
}
.btn_margin .btn-primary{ float: none !important; width: auto !important;}

.list_item.dashboarad .ui-selectable{width:100%;}
.top_right_section{border:1px solid #ccc;}
/* .img_outer.ui-selectee{ border: none; box-shadow:none; float: left;}
.img_outer h5.ui-selected{ border: none; box-shadow:none;} */
.main{border: none; box-shadow:none; margin: 0px;}


/* .main_image_outers .multi_image_view {
  display: inline-block;
  float:left;
  width: 25% !important;
  margin: 0% 2%;
} */

.main_image_outers{text-align: center; padding:15px;}

.user_assign{width: auto !important;}

.superadmin_modal_left{float: left; width: 31%;}
.superadmin_modal_right {
  float: left;
  width: 68%;
}

.perfect-datetimepicker td i {
  font-size: 10px !important;
  font-weight: normal !important;
}

.user-deta ul li{position: relative;
  margin-left: 0px;
  padding: 2px 2px 5px 10px;
  list-style: none;}
  .user-deta .checkbox-success {
    float: left;
    position: absolute;
    right: 0px;
    top: 10px;
}
.user-deta ul{margin-top: 10px;}
.perfect-datetimepicker td.day{border: none !important;}
.perfect-datetimepicker tbody td.selected{background:#4e3629!important;}


#demo {
  margin: 30px 0 50px 0;

}

#demo .wrapper {
  display: inline-block;
  width: 180px;
  margin: 0 10px 0 0;
  height: 20px;
  position: relative;
}

#demo .parent {
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
  line-height: 30px;
  height: 30px;
  border-radius: 5px;
  background: #F9F9F9;
  border: 1px solid #AAA;
  border-bottom: 1px solid #777;
  color: #282D31;
  font-weight: bold;
  z-index: 2;
  position: relative;
  -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
  -webkit-transition-delay: .8s;
  text-align: center;
}

#demo .parent:hover,
#demo .content:hover ~ .parent {
  background: #fff;
  -webkit-transition-delay: 0s, 0s, 0s;
}

#demo .content:hover ~ .parent {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 0;
}

#demo .content {
  position: absolute;
  top: 0;
  display: block;
  z-index: 1;
  height: 0;
  width: 180px;
  padding-top: 30px;
  -webkit-transition: height .5s ease;
  -webkit-transition-delay: .4s;
  border: 1px solid #777;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0,0,0,.4);
}

#demo .wrapper:active .content {
  height: 123px;
  z-index: 3;
  -webkit-transition-delay: 0s;
}

#demo .content:hover {
  height: 123px;
  z-index: 3;
  -webkit-transition-delay: 0s;
}


#demo .content ul {
  background: #fff;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#demo .content ul a {
  text-decoration: none;
}

#demo .content li:hover {
  background: #eee;
  color: #808080;
}

#demo .content li {
  list-style: none;
  text-align: left;
  color: #888;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  padding-left: 10px;
  border-top: 1px solid #ccc;
}

#demo .content li:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


.top_area{padding: 2%;}


/* .....20-3-18.... sankar.. */

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

.search_sec{margin-bottom: 15px; width: 100%; float: left; text-align: right}
.search_sec .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 45%;
  outline: none;
}
.search_sec .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  height: 37px;
}
.search_sec a{ text-decoration: none; padding: 8px 10px; background: transparent; border: 1px solid #0069d9}
.search_sec a:hover {  border-color: #2f3c4b;  background: #2f3c4b;  color: #fff;}
.main_notification_sec ul{ list-style-type: none; margin: 0; padding: 0;}
.main_notification_sec ul li{ margin-bottom: 15px; width: 100%; float: left;padding: 7px 10px;  }

.message_person{ margin: 0; width: 6%; float: left;}
.message_person img{ height: 45px; width: auto}
.message_sec{ margin: 0; width: 100%; float: left; position: relative}

.message_sec h2{ font-size: 14px; color:#808080; margin-bottom: 5px;}
.message_sec p {
  
      color: #aeacac;
      font-size: 12px;
      margin-bottom: 0;
  
  }

.message_sec .time_sec {    position: absolute;    right: 23px;    top: 50%;     transform: translateY(-50%);    width: 30%;    text-align: right; }

.message_sec .time_sec ul{ margin: 0; padding: 0; list-style-type: none;}

.message_sec .time_sec ul li{ margin: 0; padding: 0 10px; float: right; width: auto; border: none;}

.message_sec .close_btn{position: absolute; right: -28px; top: -28px; width: 20px; font-size: 17px}

/* .message{
  background-size: 40px 40px;
  background-image: linear-gradient(135deg, rgba(197, 255, 255, .05) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
transparent 75%, transparent);                                      
   box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
   width: 100%;
   border: 1px solid;
   color: #fff;
   padding: 0px;
   position: fixed;
   _position: absolute;
   text-shadow: 0 1px 0 rgba(0,0,0,.5);
   animation: animate-bg 5s linear infinite;
} */

.info{
   background-color: #EEF5F9;
   border-color: #3b8eb5;
}



@keyframes animate-bg {
  from {
      background-position: 0 0;
  }
  to {
     background-position: -80px 0;
  }
}


/* .image_outers{margin:0px 5px !important;} */

/* .....20-3-18----sankar..end... */


.message_sec h5 {
  color: #0c4dae;
  margin: 3px 0px;
  font-weight: 500;
}

.info_outer th {
  color: #808080;
  font-size: 14px;
}
.info_outer thead th{border-bottom: none !important;}
.table.info_outer {
     padding: 0px 10px !important;
      margin: 9px 7px;
      width: 98%;
  
  }


  .select_area .btn{ background:#fbfbfb;border: 1px solid #f4f4f4; width: 100%;}
  .select_area{ width: 100%;}
 .select_area .btn:hover{color: #666;}
 .select_area .btn:active, .select_area .btn:focus,.select_area .btn:visited{background: none !important;color: #666 !important; box-shadow: none; border:1px solid #ccc !important;}

 .select_area .dropdown-menu{min-width: 182px;}

 .left_ones .form-control{padding: 10px;}



 
 
 
 
 


 
/* .....21-03-18...sankar.... */

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

.search_sec{margin-bottom: 15px; width: 100%; float: left; text-align: right}
.search_sec .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 45%;
  outline: none;
}
.search_sec .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  height: 37px;
}
.search_sec a{    font-size: 13px;  font-weight: 400;   border-radius:4px;   background-color: #5d6782;  color: #d8dae2; border-color: #5d6782;  transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;}
.main_notification_sec ul{ list-style-type: none; margin: 0; padding: 0;}
.main_notification_sec ul li{ margin-bottom: 0; width: 100%; float: left;padding: 1.2rem 1.5rem; border-top: 1px solid #e9ecef;}
.main_notification_sec ul li:last-child{ border-bottom: 1px solid #e9ecef;}
.message_person{ margin: 0; width: 6%; float: left;}
.message_person img{ height: 45px; width: auto}
.message_sec{ margin: 0; width: 100%; float: left; position: relative}

.message_sec h2{ font-size: 13px; color: #808080; margin-bottom:10px;  font-weight: 600;}
.message_sec p{color:#737373; font-size: 12px; margin-bottom: 0; line-height: 18px;}

.message_sec .time_sec ul{ margin: 0; padding: 0; list-style-type: none;}

.message_sec .time_sec ul li{ margin: 0; padding:0; float: right; width: auto; border: none; color:#6c757d;     font-size: 80%;}

.message_sec .time_sec ul li:after{ content:'/'; margin:0 5px;}
.message_sec .time_sec ul li:first-child:after{ content:''}

.message_sec .close_btn{position: absolute; right: -28px; top: -28px; width: 20px; font-size: 17px}

.info{
   background-color: #fff;
}
.info:hover{ background: #f8f9fa}


.total_outer {
      background: #13151b;
    border: 10px solid #6c7293000;
  /*height: 100vh;*/
}
.right_position h3 {
  color: #FFF;
  font-size: 18px !important
}
.right_section {
  background: transparent;
  padding: 10px;
  margin-top: 3px;
  border-left: 1px solid #525252;
}
.total_outer .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 5px !important;
}
.button_area{ 
  margin: 0; 
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;}

.button_area .btn {
  padding: 0px 20px;
  font-size: 12px;
  font-weight: 400;
  
  width: 120px !important;
  float: left;
  height: 35px;
}

.total_outer .save {
  margin-top: 10px;
}

.text_fill_sec{ margin: 0; width: 100%;min-height: 100%; max-height:100vh; position: relative;;}
.force-overflow ul{ margin: 0; padding: 0; list-style-type: none;}
.force-overflow ul li{ margin-bottom: 15px;    padding-bottom: 15px;    border-bottom: 1px dashed #505050; width: 100%; } 
.force-overflow ul li:last-child{border-bottom:0;}
.force-overflow ul li .img_area {
    margin: 0;
    width: 12%;
    float: left;
}
.force-overflow ul li .img_area .marker {
  position: relative;
  width: auto;
  height: auto;
}
.force-overflow ul li .img_area .marker-text {  color: #fff;    display: inline-block; font-size: 12px;    font-weight: bold;     margin: 0;     position: relative;    top: inherit;    left: inherit;    transform: inherit;    width: auto;  margin-right:5px;}
.force-overflow ul li .img_area .marker-text:after{content:'.';}
.force-overflow ul li .img_area img {    width: auto;    margin-right: 5px;}
.force-overflow ul li .text_area{  margin: 0;    width: 85%;    float: left;    color: #a9a9a9;    font-size: 14px;    margin-top: 1px;}

.checked_area{ position: absolute;top:9%;left:5%;width: 30px;height: 30px;background:rgba(255, 255, 255, 0.7);padding-top: 4px;}
.checked_area .fa{ font-size: 15px; color:#fff}

.checked_area_left .fa-close{color: #fff;}

.blue_sec{ background:#328dff !important;}
.green_sec{background:#37a764;}
.red_sec{background:#fe413b;}
.dark_sec{background:#252f3b;}
.yellow_sec{background:#f9ad26;}
.selectable .ui-selected .checked_area { border: none !important; box-shadow: none !important}
.selectable .ui-selected .checked_area .fa { border: none !important; box-shadow: none !important}
.selectable .ui-selected .checked_area { border: none !important; box-shadow: none !important}
.selectable .ui-selected .checked_area .fa { border: none !important; box-shadow: none !important}

/*.spacing {padding: 0px 10px !important;}

/* .blue_option{ background:#328dff;}
.green_option{background:#37a764; }
.red_option{background:#fe413b; }
.dark_option{background:#252f3b;}
.yellow_option{ background:#f9ad26;} */

.blue_option{ color:#328dff; font-size: 13px}
.green_option{color:#37a764; font-size: 13px}
.red_option{color:#fe413b; font-size: 13px}
.dark_option{color:#252f3b; font-size: 13px}
.yellow_option{ color:#f9ad26; font-size: 13px}

/* .....21-03-18...sankar.end... */


/* .....Kunal css start here... */

p.next-pre a.next {
  margin-right: 10px;
}
p.next-pre a {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #7a86ff;
  color: #7a86ff;
}

p.next-pre {
  display: block;
  float: right;
}

p.next-pre a:hover {
  background: #7a86ff;
  color: #fff; 
}
.user-role .select2-container {
 display: block;
 width: 100%;
 padding: 0.57rem .75rem;
 padding-right: 0.75rem;
 font-size: 14px;
 line-height: 1.25;
 color: #464a4c;
 background-color: #fff;
 background-image: none;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 border: 1px solid #e5e8eb;
 border-radius: .25rem;
 -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 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;
 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
/* .select2-container--default .select2-selection--multiple {height: 37px;border:1px solid #c5c5c5;} */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
 background-color: #7d869e !important;
 border: 1px solid #7d869e !important;
 color: #fff;
 cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
 color: #fff !important;
}
.user-form {
 padding-top: 10px;
}
.user-form h2 {
 /*border-left: 4px solid #7a86ff;*/
 padding: 0px 0 0px 10px;
}
.user-form .popover.primary {
 border-color:#337ab7;
}
.user-form .popover.primary>.arrow {
 border-top-color:transparent;
}
.user-form .popover.primary>.popover-title {
 color:#fff;
 background-color:#337ab7;
 border-color:#337ab7;
}
.user-form .popover.success {
 border-color:#d6e9c6;
}
.user-form .popover.success>.arrow {
 border-top-color:transparent;
}
.user-form .popover.success>.popover-title {
 color:#3c763d;
 background-color:#dff0d8;
 border-color:#d6e9c6;
}
.user-form .popover.info {
 border-color:#bce8f1;
}
.user-form .popover.info>.arrow {
 border-top-color:transparent;
}
.user-form .popover.info>.popover-title {
 color:#31708f;
 background-color:#d9edf7;
 border-color:#bce8f1;
}
.user-form .popover.warning {
 border-color:#faebcc;
}
.user-form .popover.warning>.arrow {
 border-top-color:transparent;
}
.user-form .popover.warning>.popover-title {
 color:#8a6d3b;
 background-color:#fcf8e3;
 border-color:#faebcc;
}
.user-form .popover.danger {
 border-color:#ebccd1;
}
.user-form .popover.danger>.arrow {
 border-top-color:transparent;
}
.user-form .popover.danger>.popover-title {
 color:#a94442;
 background-color:#f2dede;
 border-color:#ebccd1;
}
.user-form .popover {
 font-size: 10px;
}
.user-form .popover h3{
 font-size: 12px;
}


.top_select select {
/*border: 1px solid #f4f4f4;*/
width: 70px;
}
.top_select select {
 background: #fbfbfb url(../images/arrows.jpg);
 background-repeat: no-repeat;
 background-position: 98% 50%;
 -webkit-appearance: none !important;
 -moz-appearance: none !important;
}
 select::-ms-expand {
  display: none;
}
/*.admin_table tbody tr:nth-child(even) {
background-color:#f5f5f5;
}*/
/*.table_btm {
 float: left;
 width: 100%;
}*/
p.paginatn {
 float: left;
}
p.paginatn a {
 font-weight: 600;
}

/* .admin_table.table>thead>tr>th, .admin_table.table>tbody>tr>th, .admin_table.table>tfoot>tr>th,
.admin_table.table>thead>tr>td, .admin_table.table>tbody>tr>td, .admin_table.table>tfoot>tr>td {
 border-top: 1px solid #f4f4f4 !important;
} */
.admin_table>thead>tr>td, .admin_table.table>tbody>tr>td, .admin_table.table>tfoot>tr>td {border-bottom: 1px solid #f2f2f2;}
.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
  background-color: #fbfbfb;
}
.admin_table>tbody{border-top: 1px solid #c3c3c3;}
.admin_table>tbody + tbody { border-top:0;}
.admin_table> thead tr th {  border-bottom: 1px solid #f1f1f1;  background: #f1f1f1;height: 50px; font-weight: 600;  text-transform: uppercase;  color: #212529;  font-size: 12px;  vertical-align: middle;}
.admin_table .admin_table thead tr th{    border-bottom: 1px solid #e6e6e6;  background: #f1f1f1;  color: #556080;}
.admin_table tr{ transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;}
/*.admin_table tr:hover{background: #f9f9f9;}*/
.admin_table.nonhov-tbl tr:hover{background: transparent;}
.list_item1 {
  background: #f5f5f5;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  border-radius: 4px;
}

/* table.table.admin_table thead {      background: #525769;    color: #fff;} */

/* table.table.admin_table tbody tr:nth-child(even) td {background: #e2e2e2;}
table.table.admin_table tbody tr:nth-child(odd) td {background: #FFF} */
table .collapse.in {	display:table-row;}
table.table.admin_table tbody tr.header td:first-child{cursor: pointer;}
/*table.table.admin_table tbody tr.header td {background: #d5dbff;}
table.table.admin_table tbody tr.singlehdr td {background: #eff1ff;}*/
table.table.admin_table tbody tr.childrow td {background: #eff1ff;}



/*.table.admin_table {
  width: 100%;

}
.table.admin_table tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}
.table.admin_table thead, .table.admin_table tbody, .table.admin_table tr, .table.admin_table td, .table.admin_table th {
  display: block;
}
.table.admin_table tbody td {
  float: left;
}
.table.admin_table thead tr th {
  float: left;
    background: #525769;
}*/


.choose_edit_sec {
  margin: 0;
  margin-left: 0px;
  margin-left: 0px;
  width: 32.3%;
  float: left;
  border: 1px solid #dbe0ec;
  background: #f5f8ff;
  text-align: center;
  vertical-align: middle;
  margin-left: 1.5%;
  vertical-align: middle;
  display: table-cell;
  border-radius:4px; 
  font-size: 13px;
  padding: 10px 15px;
  min-height: 220px;
}
.choose_edit_sec:first-child{    margin-left: 0;}
.choose_edit_area {
  margin: 8px 0 0 0;
  width: 100%;
  display: table;
  flex-direction: row;
  justify-content: space-around;
}
/* .....Kunal css End here... */
.choose_edit_sec span {  display: inline-block; min-height: 115px;}
.choose_edit_sec:hover{background: #e8edff;  border: 1px solid #dae0f7; color:#2e3346;}
.choose_edit_sec:hover h2{color:#2e3346;}

/* ....userrole end here.... */
.error_msg{border: 1px solid red !important;}

 /* .list_item.dashboarad .status_sec{position: absolute;}
.list_item.dashboarad .timepedding_sec{position: absolute;}
.list_item_right .status_sec{ position: inherit !important;} */

.btn-info.bg-green{
  padding: 8px 12px;
  background: #4e3629 ;
  border: 1px solid #4e3629;
  color: #fff;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  vertical-align: middle;
  box-shadow: none;
  margin-left: 10px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  display: inline-block;
}

.btn-info.bg-green:hover{ background: #000;   border: 1px solid #000; color: #fff ;}
.imageuploadify-container{margin-left: 13px !important;}

.section_divider .btn-primary{margin-left:5px;}

#btnsignup{position: relative;}
.loader{position: absolute; left: 44%;}

.fa-spin.loader{ margin-left:-28px;}

.upload_images .loaders{ margin-left: 10px; margin-top: 10px;}
.upload_images .loaders .fa{font-size: 16px; color: #666;}

.upload_images .col-sm-8{margin-top: 10px;  font-size: 14px;}
.upload_images .col-sm-8 span{ color: #4e3629!important;}
.checkin{position: relative; color:#737373;}
.checkin div {
  position: absolute;
  top: 0px;
  left: 40px;
  width: 314px;
}

.btn-success .fa-folder-open::before{color: #fff !important; font-size: 15px;}

/* .....sankar...22-3-18... */
/* .module_tab{ margin: 0; width: 100%; float: left;} */
.module_tab .scrtabs-tab-container {
  height: 60px;
  border-bottom: 1px solid #eee;
}

.module_tab .nav-tabs>li {float: left; margin-bottom: -1px;}
.module_tab .nav-tabs>li>a { font-size:13px; padding: 10px; font-weight: 600; margin-right: 0;  line-height: 1.42857143;  border: none;   border-radius: 4px 4px 0 0;  color:#69625a;}

/*.nav-tabs li.active::after{content:"2";}*/

.module_tab .nav-tabs>li::after {content: none;}
.module_tab .nav-tabs>li:last-child::after{content:"";}
.tab-content{width:100%; float: left}
.outer_section h4 {
  color: #2f3c4b !important;
  
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center;
}     
.image_upload_sec{ margin-bottom:20px; width: 100%; float: left;}

.image_upload_sec .imageuploadify .imageuploadify-images-list button.btn-default {
  display: inline-block !important;
  color: #737373 !important;
  border-color: #737373 !important;
  border-radius: 1em;
  width: 40%;
  margin-right: 20px !important;

}
.image_upload_button{ margin-top: 30px; margin-bottom: 30px; width: 100%; padding: 0 10px; text-align: center; display: block;}
.image_upload_sec .imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin-bottom: 1em;
  float: left;
  border-radius: 12px;
  box-shadow: 0 0 4px 0 #888;
  margin-left: 15px !important;
}
.image_upload_sec .imageuploadify{color:#737373 !important;  border: 1px dashed #737373;}
.image_upload_sec .imageuploadify .imageuploadify-images-list span.imageuploadify-message {
  font-size: 15px;
  border-top: 1px solid #737373 !important;
  border-bottom: 1px solid #737373 !important;
  padding: 10px;
  display: inline-block;
}
.image_upload_sec .imageuploadify .imageuploadify-images-list i {font-size: 3em !important;}

.image_upload_button .btn-bs-file{
  position:relative;
}
.image_upload_button .btn-bs-file input[type="file"]{
  position: absolute;
  top: -9999999;
  filter: alpha(opacity=0);
  opacity: 0;
  width:0;
  height:0;
  outline: none;
  cursor: inherit;
}
.image_upload_button .btn.btn-primary {
  background: none !important;
  color: #737373 !important;
  border-color: #737373 !important;
  margin:0 15px;
}
.image_upload_sec .imageuploadify {
  border: 2px dashed #d2d2d2;
  position: relative;
  min-height: 200px; 

}

.image_url_sec{ margin-top: 20px; width: 100%; float: left;}


.table_search{ margin-bottom: 10px; width: 100%; float: left;}
.table_search_sec{ width: 60%; float: right}

.table_search_sec .input-group {
  position: relative;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 85%;
}

.scroll_table_sec{ margin: 0; width: 100%; float: left;}
.scroll_table_sec .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #eee;
}
.scroll_table_sec .scrollbar {
  margin-left: 0px;
  float: left;
  height: 215px;
  width: 100%;
  background: transparent;
  overflow-y: auto;
  margin-bottom: 25px;
}
.scroll_table_sec .force-overflow {
  min-height: 165px;
  max-height: 100%;
}
.user-deta .table>thead>tr>th {
  vertical-align: bottom;
   border-bottom:none !important; 
}

.user-deta .table-striped .btn {
  padding: 1px 10px 1px 4px !important;
  font-size: 12px;
  font-weight: 400;
  
  margin-bottom: 0 !important
}

.user-deta .table>thead>tr>th:first-child{ min-width: 150px;}




/* .....sankar...22-3-18..end... */


/* .....sankar....23-3-18.... */

.accepted_order_outer span {
  width: 9%;
  padding-top: 10px;
}
.accepted_order_outer .scrollbar, .rejected_order_outer .scrollbar {
  margin-left: 0px;
  max-height: 400px;
  width: 100%;
  background: transparent;
  overflow-y: auto;
}

.rejected_order_outer {
  width: 100%;
  float: left;
  border-top: 1px solid #e5e8eb;
  padding: 15px;
}






  .checked_area_left .fa-close{color: #808080; font-weight: 100}

  .selectable .ui-selected .checked_area_left .fa-close{ border: none !important; box-shadow: none !important}

/* .....sankar....23-3-18..end.. */


/* ....26-3-18...new-header...... */
header{position:fixed !important; width:100%; z-index:999;}
nav.side_menu { top: 57px; position: fixed; } 
nav.side_menu > ul{ margin-top: 15px;  max-height: 85vh; overflow: auto;  overflow-x: hidden;}
nav.side_menu > ul > li > a:before{
  content: '';
    width: 4px;
    height: 4px;
    background: #bfbfbf;
    position: absolute;
    border-radius: 4px;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
nav.side_menu > ul > li > a:hover:before, nav.side_menu ul > li.active > a:before{background: #4d61d4;}
nav.side_menu > ul > li > a[aria-expanded="true"]:before{background: #111;}


.main_container {
  width: calc(100% - 215px) ;
  margin-left: 215px;
  padding-top: 57px;
  min-height: 100vh;
  -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.main_container.active {
    width: 100%;
    margin-left: 0;
    padding-top: 60px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
nav.side_menu.shrinked a span {
    display: none !important
}

nav.side_menu.shrinked a i {
    margin: 0 auto;
    display: block;
    font-size: 1.6em;
    color: #b1b1b1 ;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    padding-right: 0;
    padding-left: 0;
    float: none;
    max-width: 100%;
}
nav.side_menu.shrinked ul a:hover i{ margin: 0 auto;}



nav.navbar_top .big_logo {  animation-name: fadeOutLeft;  display: block;    font-size: 16px;    padding-right: 15px;    padding-left: 15px;}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	animation-name: fadeOutLeft
}
nav.side_menu ul li{border-left:none; list-style: none;}
nav.side_menu ul li a  {
    padding:7px 15px;
    padding-left: 30px;
    text-decoration: none;
    display: block;
    color: #111 ;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    cursor: pointer;
}

nav.side_menu ul li a[aria-expanded="true"]{font-weight: 700;}
nav.side_menu ul a[aria-expanded="false"]:after{content: ''; opacity: .8; width: 22px;  height: 15px;  position: absolute; right: 0; top: 50%; background-image: url(../images/sprite-sm.png);  background-repeat: no-repeat; background-position:0 -660px;   -webkit-transform: translateY(-50%) rotate(-90deg) scale(0.6);  -moz-transform: translateY(-50%) rotate(-90deg) scale(0.6);  -ms-transform: translateY(-50%) rotate(-90deg) scale(0.6);  -o-transform: translateY(-50%) rotate(-90deg) scale(0.6);  transform: translateY(-50%) rotate(-90deg) scale(0.6);  -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
nav.side_menu ul a[aria-expanded="true"]:after{content: ''; opacity: 1;     width: 22px;  height: 15px; position: absolute; right: 0; top: 50%; background-image: url(../images/sprite-sm.png);  background-repeat: no-repeat; background-position:0 -660px;  -webkit-transform: translateY(-50%) scale(0.6);  -moz-transform: translateY(-50%) scale(0.6);  -ms-transform: translateY(-50%) scale(0.6);  -o-transform: translateY(-50%) scale(0.6);}
nav.side_menu ul a:hover{
    color:#4d61d4;
}
nav.side_menu ul li.active a {
  color: #4d61d4;
  font-weight: 600;
}
nav.side_menu ul li.active a:hover {
  color: #808080;
  font-weight: 600;
}
nav.side_menu ul li ul li a{color: #676767; padding-left: 40px; font-size: 13px;}


nav.side_menu.shrinked ul li:hover, 
nav.side_menu.shrinked ul li.active:hover, 
nav.side_menu.shrinked ul li.active{
    color: #4d61d4;
    font-weight: 600;
}

nav.side_menu.shrinked ul li.active a{    background: transparent;}
nav.side_menu a i { position: relative; width:22px; height: 100%;  float: left;  opacity: .4;  font-size: 1.2rem !important;  transition: all 0.5s ease;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    margin-right: 15px;}

nav.side_menu a i + span{     display: inline-block; width: calc(100% - 38px);}
nav.side_menu ul a:hover i{margin-right: 12px; color: #fff; opacity: .9;}

nav.navbar_top .navbar-brand_logo .small_logo {padding-right: 15px; padding-left: 15px;}
nav.navbar_top .navbar-brand_logo .small_logo img{ width: 31px;}
nav.navbar_top .big_logo img{ width: 153px; }

/* ....26-3-18...new-header..end.... */

/* ....26-3-18... */
.form-horizontal .control-label, .form-horizontal label, .slides label {
  margin-bottom: 10px;
  text-align: left;
  line-height:18px;
  font-weight: 600;
  color: #4e3629;
  text-transform: capitalize;
}

.form-control:focus {
  background: #fdfdfd;
  border-color: #808080;
  outline: 0;
  -webkit-box-shadow:  0 0px 7px rgba(81,54,40,.6);
  box-shadow: 0 0px 7px rgba(81,54,40,.6);
}

h4 div{ margin-bottom: 0 !important; line-height: 20px;}
.left_postion {
  float: left;
  width: 70%;
}
.right_position {
  float: right;
  width: 30%;
}

.button_area .btn-danger {
  color: #fff !important;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.user_order .list_item.dashboarad{ background: #fff;}

.image_new_outter .section_divider {

  margin: 0;
  background: #e6e9f7;
  border-radius: 0 ;
  /* border-left: 1px solid #e5e8eb !important;
  border-right: 1px solid #e5e8eb !important; */
  border-top: none ;
  border-bottom: none ;
  padding-top: 10px; padding-bottom: 10px;
}
.image_new_outter .images_outer {
  /* border-left: 1px solid #e5e8eb !important;
  border-right: 1px solid #e5e8eb !important; */
  border-top: none !important;
  /* border-bottom: 1px solid #e5e8eb !important; */
  float: left;
  padding: 15px;
  padding-bottom: 0;
  text-align: center;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff;
  min-height:170px;
  opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

a{ outline: none !important}


.table_outers_scroll {
  float: left;
  width: 100%;
}

/* ....26-3-18.end.. */

.edit_role .panel {display: block;}


/* ....27-3-18..... */
footer.sticky-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 35px;
  border-top: 1px solid #e5e8eb;
  background-color: #fff;
  line-height: 35px;
  z-index: 999999;
}

.image_order_outers  .list_item {padding:15px;}
/* .dashboard_image{ display: inline-block; width: 100%; margin-top: 20px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background: #fff} */

.dashboard_image{ position: relative; display: inline-block; width: 100%; margin-top: 18px;  border-radius: 4px; background: #fff; 
  -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.06), 0 1px 3px 0 rgba(63,63,68,0.10);  box-shadow: 0 0 0 1px rgba(63,63,68,0.06), 0 1px 3px 0 rgba(63,63,68,0.10);
}
/* .dashboard_image:hover{ box-shadow: 0 1px 10px 1px rgba(0,0,0,.05);} */


.border_dotted a {
  color:#737373;
  font-size: 18px
}
.border_dotted a:hover {
  color:#7a86ff;
}
.border_dotted .fa{margin-right: 10px; font-size: 30px;vertical-align: sub;}

.list_item1 form {
  width: 850px;
  /* background: #f6f9fd; */
  margin: 0 auto;
}
.checked_area {
  position: absolute;
  top: inherit !important;
  left: inherit !important;
  width: 35px !important;
  right: 0 !important;
  bottom: 40px !important;
  height: 35px;
  padding-top: 4px;
  border-radius: 0 !important;
  line-height: 25px;
  background: #afafaf !important;
}
/*.viewport{ width: auto !important;  height: 100% !important}*/

.img_order_sec .margin_topp{ margin-top:5px !important;}
.nav-menu_outer li{position: relative;}
.nav-menu_outer a.notify .fa{ color:#cdd4ff; font-weight: 600; font-size: 14px;}
.nav-menu_outer a.notify:hover .fa{color:#fff;}
.nav-menu_outer .nav-item > a span.count-col {  position: absolute;  top: -8px;  right: -7px;  font-weight: 400;  font-size: 0.7em; background: #34ce71;}
.notify.nav-link{  border-radius: 3px;  padding: 0;  width: 30px;  height: 30px;  text-align: center;  line-height: 30px; margin-left:6px; margin-right:6px;  }


/* ........all....scroll.... */

/* width */
/* ::-webkit-scrollbar {
  width: 5px;
} */

/* Track*/
/* ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #653502; 
  border-radius: 10px;
}  */

/* Handle */
/* ::-webkit-scrollbar-thumb {
  background: #2d5adb ; 
  border-radius: 10px;
} */

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  background:#4374ff;
} */


/* ::-moz-scrollbar {
  width: 12px;
  }
  ::-moz-scrollbar-track {
  -moz-box-shadow: inset 0 0 6px #fff;
  background:#fff;
  }
  ::-moz-scrollbar-thumb {
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 6px #fff;
  background:#7A252B;
  } */


/* ........all....scroll..end..... */
.images_outer img {  height: 150px;}
.main_image_outers .image_outers.large{   height: auto;   width: 23.5%;}
.images_outer .image_outers.large img {  height: 150px;}
.main_image_outers .image_outers.medium{   height: auto;    width: 18.5%;}
.images_outer .image_outers.medium img {  height: 120px;}
.main_image_outers .image_outers.small{   height:auto;    width: 12.5%;  }
.images_outer .image_outers.small img {  height: 85px;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th{
  padding:8px 15px;
}

.dropdown-menu>li:first-child:hover, .dropdown-menu>li:first-child a:hover{border-radius:5px 5px 0 0;}
.dropdown-menu>li:last-child:hover, .dropdown-menu>li:last-child a:hover{border-radius:0 0 5px 5px;}
.dropdown-menu>li:not(:last-child){ border-bottom:0; padding: 0; }

.dropdown-menu>li>a {
  display: block;
  padding: 5px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
}

.dropdown-menu>li>a .fa{margin-right: 10px;}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li:hover,
.dropdown-menu a:hover,
.dropdown-menu a:focus {
    text-decoration: none;
    color: #4e3629;
    background-color:#fff;
}

.admin_table ul.dropdown-menu.show{  background-color:#fff !important;}
.images_outer h5 { font-size: 13px;  line-height: 22px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  margin: 0;  padding: 6px 10px;  background: #f4f4f4;  color: #737373;  min-height: 35px;  max-height: 35px;  box-sizing: border-box;}
.images_outer h5 input[type=text]{ line-height: 18px;  padding: 0 3px;  width: 100%;}




/* .arrow_box {
	position: relative;
	background: #88b7d5;
	border: 1px solid #c2e1f5;
}
.arrow_box:before {
 bottom: 100%; 
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position:absolute;
  pointer-events: none;
  top: -50px;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #88b7d5;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 21px;
	margin-left: -21px;
}
 */


.main h5{ white-space: nowrap; overflow: hidden;}
.checked_area a{ border:none !important; box-shadow: none !important;}
.selectable .ui-selecting .checked_area {
  border: none !important;
  box-shadow: none !important;
}
 .fa.fa-eye.ui-selecting{ border: none !important; box-shadow: none !important}
 
 .select2-container .select2-selection--multiple .select2-selection__rendered {
 
 max-height: 72px ;
  overflow: auto;
  overflow-x: hidden;
  cursor: pointer;
}

.modal_outers_lavel{z-index: 9999;}



.outerimages.enlerge_view .modal-content{ background: #353a45;}

.outerimages.enlerge_view h4 {
  font-size: 20px !important;
  color: #fff;
}

.outerimages.enlerge_view .modal-header{     padding: 10px 40px 10px 15px; border-bottom:1px solid #515661;} 

.outerimages.enlerge_view{background: #808080;}
.hide_section li a .fa-angle-double-down::before {
  content: "\f107";
  background-image:none;
}

.hide_section li a .fa-angle-double-up::before {
  content: "\f106";
  background-image:none;
}


.from_left {
  float: left;
  width: 100%;
}

.order_summery_outer .discount {
  float: left;
  width: 70%;
  text-align: right;
  font-weight: 600;
}

.order_summery_outer .amount {
  float: left;
  width: 27%;
  text-align: right;
}

.order_summery_outer {
  float: left;
  width: 100%;
}
.order_summery_outer .discount {
  float: left;
  width: 70%;
  text-align: right;
  font-weight: 600;
}

.order_summery_outer .amount {
  float: left;
  width: 27%;
  text-align: right;
}


*[class^="accs_"]
{
    display:none;
}
.order_summery_outer{float:left;width:100%;}
.order_summery_outer .discount {
  
      float: left;
      width: 70%;
      text-align: right;
      font-weight: 600;
  
  }
  .order_summery_outer .amount {
    
        float: left;
        width: 27%;
        text-align: right;
    
    }

    .outer_name{float:left; width:100%;margin-bottom:0px;}
    .outer_name .col-sm-6 {
      line-height: 32px;
  }
  .table.payment_table{margin-bottom:0px;}
    .outer_name .col-sm-3{font-weight: bold; font-size: 25px;}


    .message_sec .name_here {
      float: left;
      width: 7%;
      padding-top: 10px;
  }
    .message_sec .fa-user{padding-right: 9px; line-height: 30px;}

    .message_sec .right_arrow {
      position: absolute;
      right: 0;top: 50%;     transform: translateY(-50%); 
      width: 30%;
      text-align: right;
      color: #666;
   }
  .right_arrow .fa-angle-right {
    color: #cecece;
    font-size: 23px;
}

.right_one{float:left;width: 78%;}

.message_sec .left_ones{float: left;width:5%;}
.message_sec .right_text{float: left;width: 60%;}

.left_ones .fa-info{border: 1px solid #8a8a8a;  padding: 2px 7px;border-radius: 50%; color: #8a8a8a;}
.name_here .fa-user {
       border: 1px solid #8a8a8a;
      padding: 3px 7px;
      border-radius: 50%;
      color: #8a8a8a;
      line-height: 17px;
      margin-right: 5px;
  
  }

  nav.side_menu a i.fa:before{
    content: "";
    background-image: url(../images/sprite-sm.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
nav.side_menu a i.fa.fa-home:before {background-position: -1px -3px;}
nav.side_menu a i.fa.fa-plus:before {background-position: -1px -33px;}
nav.side_menu a i.fa.fa-shopping-bag:before {background-position: -1px -66px;}
nav.side_menu a i.fa.fa-file-image-o:before {background-position: -1px -100px;}
nav.side_menu a i.fa.fa-wrench:before {background-position: -1px -135px;}

.nav-tabs h6{display: inline-block; margin-top: 0;  margin-bottom: 0;     font-size: 14px;  font-weight: 400;}
.tab-content{background: #fff;margin-top: 0;border: 0; border-top: 0;padding:0 15px 15px 15px;}
/* .nav-tabs>li>a.active:hover {  color: #555;  cursor: default;  background-color: #8c9bec ;color:#fff; border-bottom-color: transparent;} */
.tab-btn-sec{background: #fff;padding:15px 15px 0 15px;}

.tab-btn-sec .nav-tabs .nav-link.active {
  color: #4e3629!important;
  background-color: transparent;
  font-size: 16px;
  font-weight: bold;
}
.tab-btn-sec .nav-tabs .nav-link:hover, .tab-btn-sec .nav-tabs .nav-link:focus{
    border-color:transparent
}

.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus{background-color: #fff; color:#808080; }
.right_card_no{text-align:right;font-weight:600;}
.right_card_no{text-align:right;font-weight:600;}
.nav-tabs>li>a:hover { border-color: #cfd3dc; background-color:rgba(255,255,255,.4);}
.nav.nav-tabs ul li a{color:#4c4c4c;}
.notifications{    max-height: 300px;  overflow: auto;  overflow-x: hidden;}
.top_search{padding-left: 15px;  padding-right: 15px;}
.form-horizontal .form-group input.form-control, .form-horizontal .form-group textarea.form-control, .form-horizontal .form-group select.form-control{margin-bottom: 0;}
select.form-control:focus{    background: #fff url(../images/arrows.jpg); background-repeat: no-repeat; background-position: 98% 50%;}
.create_oderpage > .breadcrumb + .col-sm-12{padding-left: 10px;  padding-right: 10px;}
.your_order .bg-white{padding:15px; border-radius: 4px; -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15); box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15);}
h2.editing_prof + .btn.btn-primary{ color: #adb1b9; padding: 5px 15px 5px 25px; font-weight: 600;  float: right;  position: absolute;  background: none;  border: none;  top: 15px;  right: 9px;  background-image: url(../images/sprite-sm.png);  background-position: 3px -192px;  background-repeat: no-repeat;}
h2.editing_prof + .btn.btn-primary:hover{color: #2f3c4b;}
h2.editing_prof + .btn.btn-primary:not([href]):not([tabindex]){color: #adb1b9;}
h2.editing_prof + .btn.btn-primary:not([disabled]):not(.disabled).active, 
h2.editing_prof + .btn.btn-primary:not([disabled]):not(.disabled):active, 
.show>h2.editing_prof + .btn.btn-primary.dropdown-toggle {
  color: #8a909e;
  border-color: #1f2125;
  background: none;
  border: none;
  background-image: url(../images/sprite-sm.png);
  background-position: 3px -192px;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 0 rgba(0, 123, 255,0);
}
h2.editing_prof + .btn.btn-primary:not([href]):not([tabindex]):hover{color: #2f3c4b;}
.levelofediting .status_outer{ font-weight: bold; background: #8890a7;  color: #fff;     width: 13%;}
.levelofediting .status_right{    font-weight: bold;  background: #ffffff;  color:#8c9bec; }

.table_outers i.fa.fa-info-circle, .table i.fa.fa-info-circle{color: #bababa; cursor:pointer;}
.table_outers i.fa.fa-info-circle:hover, .table i.fa.fa-info-circle:hover{color: #8089ab;}

.mid_conent td.priceamt {    font-size: 16px;  font-weight: 600;  color: #64739c;  text-align: right;  padding-right: 15px;}
.image_dragdrop .images_outer ul li{border: none;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a label{  color: #fff;  text-decoration: none;  background-color: #7a92d4; outline: 0;}
.modal .btn.btn-primary.submit_btn{padding: 8px 15px;}

.message + .message{margin-top: 6px;}
.remember_me{text-align: left;color: #a8b1bd;font-size: 13px;}
/* #my_folder_tree.jstree-default .jstree-icon:empty {  width: 20px;  height: 20px;  line-height: 20px;} */
.table_outers_scroll{ height: 350px;}
.create_oderpage #CustomSpecification_DIV .table td{  position:relative;  border-top: 1px solid #f5f5f5; border-bottom: none;}
.validation-summary-errors ul li{list-style: none;}
#comment{margin-bottom: 15px;}
.viewport .marker {     width: auto;    height: auto;}
.marker-text{    left: -11px; top: -23px !important; padding: 2px 5px;  background: rgb(54, 59, 76);  border-radius: 3px;  min-width: 24px;}
.marker-text:before{  content: '';  width: 0px;  height: 0px;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #363b4c;  position: absolute;  bottom: -6px;  left: 50%;  transform: translateX(-50%);}
.scrollbar {margin-bottom:0;}
.right_section .btn.btn-primary{    padding: 9px 15px;}
.checked_area_left_bowse .btn-bs-file {       position: relative;  padding: 6px 11px !important;  border-radius: 4px;  width: 100%;  background: #e6e6e6 !important;  border-color: #dcdcdc !important;  color: #4e3629!important;}
.checked_area_left_bowse .btn-bs-file:hover{background: #808080;}
.image_new_outter.sadmin_outer{display:block; padding-bottom: 15px;}
.datetimepicker .dropdown-menu {-webkit-animation-duration:0;   animation-duration: 0;}
.top_select select.form-control{display:inline-block;}
.w50 {width:50px;}
.cstmprogress{ position: absolute; width: 90%;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); background-color: #e6e6e6;}
.cstmprogress .progress-bar{ font-size: 10px;}
.marker img {  display: none;}
textarea.form-control{resize: none;}
.user-aro:after{ font: normal normal normal 16px/1 FontAwesome; content: "\f107"; position: absolute;  top: 50%;  right: 1px;  transform: translateY(-50%); }
.notification{    position: relative;  padding-left: 40px;}
.notification-content .fa-envelope{    position: absolute;  left: 0;  top:3px;}
.login-form input[type=text]:-webkit-autofill{    background: url(../images/user.png) no-repeat 10px center #c2c6d6 !important;}
.login-form input[type=password]:-webkit-autofill{    background: url(../images/password.png) no-repeat 10px center #c2c6d6 !important;}

.addicon, .delicon{ padding: 6px 10px; display: inline-block; background: #e6e6e6; margin-right: 5px; border-radius: 4px; cursor: pointer;}

.pad-t-0{padding-top:0 !important;}
.module_tab .eachrow{ margin-top: 15px;}
.mtp-25{margin-top: 15px;}

.product_details{
  padding: 20px 30px;
}
.prod-slider {
  height: 535px !important;
}
#prodSlider {
  height: 455px !important;
}


.prod-slider .lSSlide {
  height: 275px !important;

}
.prod-slider .lSSlide li img{ max-width: 100%; max-height: 100%}

.sidebar-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.make-me-sticky {
  -webkit-position: sticky;
  position: sticky;
  top: 55px;
  padding: 0 0;
}

.max_details {
  margin: 0 auto;
  max-width: 100%;
  min-height: 610px;
}

#toggle_tst{
width: 100%;
  background:#fff;
  margin:0;
  display: none
}

/*lightslider*/
.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#808080}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../images/controls.png);cursor:pointer;position:absolute;z-index:9999;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}
.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;min-height:300px;}
.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
/*bootstrap taginput*/
.bootstrap-tagsinput{background-color:#fff; border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);display:inline-block;padding:4px 6px;color:#555;vertical-align:middle;border-radius:4px;max-width:100%;line-height:22px;cursor:text}.bootstrap-tagsinput input,.bootstrap-tagsinput input:focus{border:none;box-shadow:none}.bootstrap-tagsinput input{outline:0;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}
.bootstrap-tagsinput.form-control input::-moz-placeholder{color:#777;opacity:1}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder{color:#777}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder{color:#777}
.bootstrap-tagsinput .tag{margin-right:2px; margin-bottom:2px; display : inline-block; color:#fff}
.bootstrap-tagsinput .tag [data-role=remove]{margin-left:8px;cursor:pointer}
.bootstrap-tagsinput .tag [data-role=remove]:after{content:"x";padding:0 2px}
.bootstrap-tagsinput .tag [data-role=remove]:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}
.bootstrap-tagsinput .tag [data-role=remove]:hover:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.deta_management #lightSlider li{min-height: 283px;}

.customtaginput .bootstrap-tagsinput{ background: #f9f9f9;  border-radius: 3px; padding: 10px 15px;}
.customtaginput .bootstrap-tagsinput .tag {    background: #7d869e; font-weight: normal;}
.table>tbody>tr.levelofediting>td{  border-bottom: 1px solid #f5f5f5;}
.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger{  width: 20px;  height: 20px; font-size:11px;  background: rgba(255,255,255,.6);  border: 1px solid #e8e8e8;     border-radius: 2px !important;  top: -1px !important; right: -1px !important;}
.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger:hover{background: rgba(255,255,255,.8); }
.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger.fa-times:before{color: #484848;}
.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger.fa-times:hover:before{color: #808080;}

.dashboard_tab{ margin-top: 0; background: #fff;}
.dashboard_tab .tab {    float: left;    width: 35%;    margin: 0;  margin-top: 15px;  }
.dashboard_tab .tab .tab_btn {    float: left;    background-color: inherit;    color: black; padding: 12px 15px;  width: 100%;    border: none;    outline: none;    text-align: left;    cursor: pointer;    transition: 0.3s;    font-size: 17px;    position: relative;    border-bottom:1px solid #f4f4f4;}
.dashboard_tab .icon_sec{ margin: 0; width: 15%; float: left;}
.dashboard_tab .tab .icon_sec .fa{ font-size: 20px; color:#ced0d6; border:1px solid #a9a9a9;     width: 32px;    height: 32px;    text-align: center;    position: relative;border-radius: 50%;float: left;}
.dashboard_tab .tab_title_sec{margin: 0; width: 85%; float: left;}
.dashboard_tab .tab .tab_title_sec h4 { color:#040404; margin: 0 0 10px 0;}
.dashboard_tab .tab .tab_title_sec p{    font-size: 12px;    margin-top: 5px;    margin-bottom: 5px;}
.dashboard_tab .tab .tab_btn.active{ background:#61677b;}
.dashboard_tab .tab .tab_btn.active h4{color:#fff;}
.dashboard_tab .tab .tab_btn.active p{color:#ced0d6;}
.dashboard_tab .tab .tab_btn.active:after{    content: '\f0da';    font-family: 'FontAwesome';    position: absolute;    right: -13px;    top:50%;    transform: translateY(-50%);    color:#61677b;    font-size: 45px;}
.dashboard_tab .tabcontent {    float: left;    padding:15px;    width: 65%;    border-left: none;      background: #f9f9f9;}
.dashboard_tab .tabcontent img{ width: 100%;}
#dashboard-modal .modal-lg{ max-width: 75%;}
.dashboard_tab .fa-info:before{transform: translate(-50%, -50%);    top: 50%;    left: 50%;    position: absolute;}

/*.viewport { height: initial !important;}    need to remove*/
  .variant-modal .modal-dialog {z-index: 11;}
  .variant-modal .form-control{margin-bottom: 0;}
  .variant-modal .modal-body {padding: 15px 0;}
  .nav-button-row {text-align: center;padding-right: 15px;padding-left: 15px; position: relative;}
  .savebtn{position: absolute; top: 0; right: 20px;}
  .total_outer.graywrap .savebtn{position: relative; top: inherit; right: inherit;     z-index: 7;}
  .left-aro, .right-aro {width: 32px;height: 32px;background: #5d6782;text-align: center;display: inline-block; border-radius: 2px;}
  .left-aro a, .right-aro a {    display: block;  top: 50%;  position: relative;  transform: translateY(-50%);  color: rgba(255,255,255,.6);}
  .custom-owl{background: #e6e6e6;  padding: 10px; position: relative; padding: 10px 20px;}
  .custom-owl .market_place_sec {    width: 100%; float:none;  margin:0;} 
  .market_place_sec label { height: 120px; width: 100%; padding: 0; }  
  .market_place_sec label + h5 { padding: 5px 10px; font-size: 13px;}
  .owl-carousel .owl-stage-outer { z-index: 8;}
  .custom-owl .owl-nav{position: absolute;    top: 50%;    left: 0;    transform: translateY(-50%);    width: 100%;     z-index: 5;}
  .custom-owl.owl-carousel .owl-nav button{font-size: 30px; padding: 5px!important;}
  .custom-owl.owl-carousel .owl-nav button.owl-next{position: absolute;right: 0;}
  .right_section_outer .from_outer.selected-radio{background: #808080; color: #fff;}
  .custm-accor .info_outer th { color: #7685ad; font-weight: normal;}
  .custm-accor .table>thead>tr>th, 
  .custm-accor .table>tbody>tr>th, 
  .custm-accor .table>tfoot>tr>th, 
  .custm-accor .table>thead>tr>td, 
  .custm-accor .table>tbody>tr>td, 
  .custm-accor .table>tfoot>tr>td { border-top: 1px solid #808080;     border-bottom: 0;    padding: 14px 10px; position: relative;}
  .custm-accor .table>tbody>tr:last-child>td{ border-bottom: 1px solid #808080; } 
/*  .total_outer .btn-info.bg-green { padding: 6px 15px;}      */
  .btn-sm.btn-default{    border: 0;}
  .mr-top{margin-top: 16px;}
  .custm-accor .card{padding: 0; margin-bottom: 15px; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.0); box-shadow: 0 0 0 0 rgba(0,0,0,.0); }
  .custm-accor .card-header{ padding: 0; background: #a5a7ad; position: relative;   border-bottom: 1px solid #a5a7ad;}
  .custm-accor .card.active .card-header {      background: #5d6782;  border-bottom: 1px solid #5d6782;}

  .custm-accor .card-body { padding: 0 15px 15px 15px;}
  .custm-accor .table.info_outer{ margin: 0;}
  .custm-accor .card-header h5 > .btn{width: 100%;    text-align: left; color: #f5f5f5;}
  .custm-accor .card-header h5 > .btn:hover, 
  .custm-accor .card-header h5 > .btn:active, 
  .custm-accor .card-header h5 > .btn:focus,
  .custm-accor .card-header h5 > .btn:visited { background: #909090;    border-bottom: 1px solid #909090; border-color: #909090; text-decoration: none; border-radius: 4px 4px 0 0;}
  .custm-accor .collapse, .custm-accor .collapsing{   background: #060708;}
  .total_outer .custm-accor .btn-sm.btn-info.bg-green{    padding: 5px 10px;    font-size: 12px;    line-height: 1.5;}
  .custm-accor .marker-text{ position: absolute;    top: 8px !important;;    left: 8px; width: auto;}
  .left-aro a .fa{font-family: 'FontAwesome';}
  .btn-sm, .btn-group-sm>.btn {padding: 7px 10px; font-size: 13px;}
  .total_outer.graywrap { background: #f9f9f9; position: relative; border: 1px solid #e8e8e8; margin-bottom: 25px;     padding-bottom: 15px;}
  .create_oderpage .custm-accor .table th{    border-top: 0 !important;}
  .custm-accor.gray-accor .collapse, .custm-accor.gray-accor .collapsing { background: #f3f3f3;}
  .custm-accor.gray-accor .table>thead>tr>th, .custm-accor.gray-accor .table>tbody>tr>th, .custm-accor.gray-accor .table>tfoot>tr>th, .custm-accor.gray-accor .table>thead>tr>td, .custm-accor.gray-accor .table>tbody>tr>td, .custm-accor.gray-accor .table>tfoot>tr>td {border-top: 1px solid #cacaca;}
  .custm-accor.gray-accor .table>tbody>tr:last-child>td {    border-bottom:1px solid #a09f9f;}
  .btn-sm.btn-info.bg-green {  padding: 6px 15px; border-radius: 3px;  font-size: 12px;}
  .total_outer.graywrap .left-aro, .total_outer.graywrap .right-aro{position: absolute; z-index: 8; background: #bdbdbd;}
  .total_outer.graywrap .left-aro:hover, .total_outer.graywrap .right-aro:hover{background: #4f5669;}
  .total_outer.graywrap .left-aro{left:10px;}
  .total_outer.graywrap .right-aro{right:10px;}
  .total_outer.graywrap ul{margin: 0; padding: 0;}
  .total_outer.graywrap ul li{list-style: none;}
 .nodata_found{ text-align: center; padding: 5% 15px !important;  text-align: center;  margin: 1% 0%;} 
  .welcome-wrap{min-height:500px;  border-radius: 4px; padding: 25px;   box-shadow: 0 1px 10px 1px rgba(0,0,0,.04);    background: #fff;  }
  .welcome-inner .btn-info.bg-green{  padding: 15px 32px; font-size: 14px;  margin: 0; display: inline-block;}
  .custmupload .file {  position: relative;  overflow: hidden;  cursor:pointer;}
  .custmupload input[type=file] {  position: absolute;  font-size: 50px;  opacity: 0;  right: 0;  top: 0;}
  .notification-content{ max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .image_new_outter .rejected_order_outer .images_outer{padding: 15px 0;}
  .active-selected{    border: none;   -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);   -moz-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);   box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 1);}
  .error_msg{border:1px solid red;}
  .nodata_found h3 {  font-size: 16px;  color: #727070;}
  .nodata_found figure{margin-bottom: 20px;}
  .showImg-preview ul{margin-top: 25px;}
  .showImg-preview li{ width: 15%; position:relative;    margin: 0 1% 1% 0; border: 1px solid #e6e6e6; border-radius: 4px; text-align: center; padding: 5px;    float: left;    list-style: none;}
 .showImg-preview li a.remove_btn {background: #efefef;     border: 1px solid #e8e8e8;   width: 22px;    display: inline-block;    border-radius: 2px;    padding: 2px;    position: absolute;    top: 0;    right: 0;  cursor:pointer;     transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;}
  .showImg-preview li a:hover.remove_btn{ background: rgba(255,255,255,.9);}
  .upload_images_url_error h5{ padding-right: 15px;  padding-left: 15px;}
  .custmupload .fa-info-circle{ font-size: 18px;}
  .file.btn.btn-primary{    background: #e6e9f7;    border-color: #808080;    color: #213365;}
  .checked_area_left_bowse {    margin-bottom: 20px;  }
    .table-striped.image_stripped{margin-bottom:0px;}
    .table-striped.image_stripped .status_outer{width:187px;}
    /*.sadmin_outer .accepted_order_outer .image_outers{min-height: 194px;}
     .mySlides img{width: 524px;      height: 394px;}
    .mySlides table{width: 524px; } */
    .main_notification_sec h5{display:inline-block;}
    .image_librery .card{min-height: 545px;}
    .jstree-themeicon.fa-folder:before{ content: ""; background-image: url(../images/sprite-sm.png); background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block;     background-position: -3px -453px;     transform: scale(0.8);}
    .jstree-open .jstree-themeicon.fa-folder:before{ content: ""; background-image: url(../images/sprite-sm.png); background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block;     background-position: -3px -425px;     transform: scale(0.8);}
    a[data-toggle="tooltip"]{color: #cccccc;}
    a:hover[data-toggle="tooltip"]{color: #8089ab;}
    .jstree-open .jstree-children li{border-bottom: none !important;}
    .custm-header-sec .row{    width: calc(100% + 30px);}
    .right_section_outer{text-align: center; margin-bottom: 15px; border-bottom: 1px solid #E6E6E9;}  
    .right_section_outer.radio {
    margin: 0.5rem;
    }
    .right_section_outer .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    }
    .right_section_outer .radio input[type="radio"] + .radio-label1:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    }
    .right_section_outer .radio input[type="radio"]+ .radio-label1.active:before {
    background-color: #666;
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
           box-shadow: inset 0 0 0 4px #f4f4f4;
    }
    .right_section_outer .radio input[type="radio"]:focus + .radio-label1:before {
    outline: none;
    border-color: #666;
    }
    .right_section_outer .radio input[type="radio"]:disabled + .radio-label1:before {
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
           box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
    }
    .right_section_outer .radio input[type="radio"] + .radio-label1:empty:before {
    margin-right: 0;
    }
    
    .right_section_outer .radio label1, .checkbox label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    line-height: 14px;
    }

    .draft_upload_images{display: inline-block;   margin-right: 10px;}
    .modal-lg {   max-width: 700px;  }
    .imageuploadify .imageuploadify-images-list .imageuploadify-container{border-radius: 4px !important;}

  .custm-accor.api-accor .card-header .btn{   padding: 9px 15px; min-width: 80px;}
  .custm-accor.api-accor .card-header h5 > .btn{    padding: 3px 25px 3px 3px; }

  .custm-accor.api-accor .card-header { background: #d6d7dc; border-bottom: 1px solid #c9cace;  }
  .custm-accor.api-accor .card-header h5 > .btn:hover,
  .custm-accor.api-accor .card-header h5 > .btn:active,
  .custm-accor.api-accor .card-header h5 > .btn:focus,
  .custm-accor.api-accor .card-header h5 > .btn:visited{  background: #c8c9ce;  border-bottom: 1px solid #c8c9ce;  border-color: #c8c9ce;}
  .custm-accor.api-accor .post-hldr .btn.btn-primary{background: #58bd69; border-color: #58bd69; }
  .custm-accor.api-accor .del-hldr .btn.btn-primary{background: #fd3d33; border-color: #fd3d33; }
  .custm-accor.api-accor .put-hldr .btn.btn-primary{background: #f7941e; border-color: #f7941e; }
  .custm-accor.api-accor .pitch-hldr .btn.btn-primary{background: #067cfe; border-color: #067cfe; }
  .textinfo{color:#808080;}
  .custm-accor.api-accor table{margin-bottom: 0;}
  .block-section-header{background: #fff; padding-top:20px; }

    /*-------------------------------------------------------------
------------------Edit product accordian start here--------------------------*/
.cd-accordion-menu {
  width: 100%;
}
.cd-accordion-menu ul label{color:#808080;}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu ul li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style: none;
  padding: 5px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 0;
}
.cd-accordion-menu ul li.active{/* background: #efefef; */ color:#666;}
.cd-accordion-menu ul li ul li a{padding-left: 38px;}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu input[type=text]{    padding: 5px;  box-sizing: border-box;  width: 100%;}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
/* background: #4e4e4e; */

  color:#737373;
  font-size: 1.6rem;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
 /*  background: #52565d; */
 color:#73737c;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 15px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../images/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg) scale(0.6);
  -moz-transform: translateY(-50%) rotate(-90deg) scale(0.6);
  -ms-transform: translateY(-50%) rotate(-90deg) scale(0.6);
  -o-transform: translateY(-50%) rotate(-90deg) scale(0.6);
  transform: translateY(-50%) rotate(-90deg) scale(0.6);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  background: url(../img/cd-icons.svg) no-repeat -48px 0;
}
.cd-accordion-menu .active input + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%) scale(0.6);
  -moz-transform: translateY(-50%) scale(0.6);
  -ms-transform: translateY(-50%) scale(0.6);
  -o-transform: translateY(-50%) scale(0.6);
  transform: translateY(-50%) scale(0.6);
}
.cd-accordion-menu .active input + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu .active input + label + ul,
.cd-accordion-menu .active input + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background:transparent;
  /* box-shadow: inset 0 -1px #d8dae4; */
  padding-left: 82px;
  padding:5px 10px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
/*   background: #3c3f45; */ color: #737373;
}
.cd-accordion-menu ul a:hover input{color: #808080;}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 5px 6px 5px 40px;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 20px;
  }
  .cd-accordion-menu label::before {
    left: 0;
  }
  .cd-accordion-menu label::after {
    left: 18px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left:38px;
    color:#4e4e4e;
  }
  .cd-accordion-menu ul li.active a{font-weight: bold;}
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.specification_toltip{position: absolute;  top: 20px;  z-index: 2;  left: -25px;  border: 1px solid #a7a4a4;  border-radius: 50%;  padding: 0px 5px;}  .specpricing_details{float:right;margin-right:18px;}

.lightslider { width: 100%; }
.lightslider ul {list-style: none outside none; padding-left: 0; margin-bottom: 0;}
.lightslider li {display: block; float: left; margin-right: 10px; cursor: pointer; }
.lightslider img { display: block; height: auto; max-width: 100%; max-height:120px ;}
.lightslider .market_place_sec {  width: 100%; margin: 0;}
.lightslider .market_place_sec:hover img{ -webkit-filter: grayscale(0); filter: grayscale(0); }
.choose_edit_area .choose_edit_sec p{color: #99a6c3;}
.custm-accor .card-header:after{    content: "\f107";     display: inline-block;  color: #808080;  font: normal 18px/1 FontAwesome;  position: absolute; right: 10px;  top: 50%; transform: translateY(-50%);}
.custm-accor .card.active .card-header:after{    content: "\f106"; color: #dae2f6;}
.notetxt{ border-bottom: 1px dashed #eee;  margin: 0 auto; padding-bottom: 5px; color: #5d6782bf;  margin-bottom: 10px; font-size: 12px;}
.block-icon{    display: inline-block;   margin: 20px 0;}
/*.modal-content{overflow: hidden;}
#myModal13 .modal-content{ overflow: visible;}*/

div [title='Toggle full page']{display:none !important;}
div [title='Go home']{display:none !important;}
div [title='Zoom out']{display:none !important;}
div [title='Zoom in']{display:none !important;}
/* .openseadragon-canvas > div > div{top:0px !important;} */

.ui-button-icon-only .ui-icon{ margin-top: -12px;}
.minicolors input.minicolors-input[type ='text']{color:#808080;}
.minicolors-theme-bootstrap .minicolors-swatch {  top: 5px !important;  left: 5px !important;}
.info-sm{ border-radius: 4px; overflow: hidden; background: #e8e9f4; margin-bottom: 15px; }
.info-sm .starimg{background: #808080; padding: 10px 15px;}
.info-sm .starimg img{width: 100%;}
.info-sm ul{padding: 0;     padding-top: 15px;    padding-bottom: 15px; margin: 0; text-align: left;}
.info-sm li{display: inline-block; color: #808080; font-size: 13px; list-style: none; margin-right: 5px;}
.info-sm li i{margin-right: 8px;     font-size: 10px;    color: #808080;}
    
.editable-col {position: relative; max-height: 31px;}
.editable { border-bottom: 1px solid #cccaca;;}
.editable-col .text { position: relative;  outline: none; display: inline-block;     min-width: 15px;     min-height: 31px;}
.title_sec h4.text:after{content: ''; border-bottom: 2px solid #c8cede;  height: 1px;  width: 25px; position: absolute;  bottom: 0; left:0;}
.editable-col .edit, .editable-col .save { display: inline-block; margin-left: 10px;   text-align: center;  cursor: pointer;   position: relative;  top: -16px; }
.editable-col .edit { color: #3e4c96; opacity: 0;  transition: opacity .2s ease-in-out;}
.editable-col .save {  display: none;  color: #bd0f18; }
.editable-col:hover .edit {  opacity: 1;}
.choose_edit_sec img{width: 77px;}
.viewport{overflow:hidden;}
#myPaymentModal{top:0%;}


.module_tab .nav-tabs>li::after{content: none;}
.module_tab input.form-control,
.form-group input.form-control,
.module_tab textarea.form-control,
.form-group textarea.form-control,
.module_tab select.form-control,
.form-group select.form-control { margin-bottom: 0;}

.module_tab h5{  padding-top: 0;    padding-bottom: 10px;  margin-bottom: 10px;    border-bottom: 1px solid #f8f8f8;}
.multiinput .input-group-addon{ width: 25%;     min-width: 65px;}
.addicon, .delicon{ padding: 6px 10px; display: inline-block; background: #e6e6e6; margin-right: 5px; border-radius: 4px; cursor: pointer;}

.pad-t-0{padding-top:0 !important;}
.module_tab .eachrow{ margin-top: 15px;}
.mtp-25{margin-top: 15px;}

.latest_update ul li:last-child {border-bottom: 0;}

#my_folder_tree.jstree-default .jstree-node {  margin-left: 15px;  color: #737373;position: relative; font-weight: normal;}
/* #my_folder_tree.jstree-default .jstree-node[aria-expanded="true"]{ background: #e6e9f7;} */
#my_folder_tree.jstree-default .jstree-node[aria-selected="true"]{background: transparent;  color: #808080;  font-weight: bold;}
#my_folder_tree.jstree-default .jstree-node[aria-selected="true"] .jstree-icon:empty { opacity: 1;}
#my_folder_tree.jstree-default>.jstree-container-ul>.jstree-node{ margin-left: 0;}
#my_folder_tree.jstree-default .jstree-anchor{padding:8px 4px; line-height: inherit; height: auto;}
#my_folder_tree.jstree-default.jstree-default .jstree-wholerow-hovered { background: #f3f3f3;  }
#my_folder_tree.jstree-default .jstree-wholerow {height: 40px; margin-top: 0;}
#my_folder_tree.jstree-default .jstree-open>.jstree-children{background: #fff;}
#my_folder_tree.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl, 
#my_folder_tree.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl,
#my_folder_tree.jstree-default .jstree-leaf>.jstree-ocl{min-height: 40px;}
#my_folder_tree.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {background-position: -4px 4px;}
#my_folder_tree.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {background-position: -36px 4px;}
#my_folder_tree.jstree-default .jstree-icon:empty{opacity: .7;}

.welcome-inner{width: 100%;}

.table.payment_table tr th{background:#8c9bec; color:#fff !important;border-radius: 5px 0px 0px 0px;}
.table.payment_table tr th:last-child{border-radius: 0px 5px 0px 0px;}

.sortable-imgwrap{margin: 0; padding: 0;}
.sortable-imgwrap li{text-align: center; list-style: none; height: 125px; background: #fff; float: left; display:table;  width: 18.5%;  margin: 0px 1.5% 1.5% 0;  border-radius: 4px; border: 1px solid #e8e8e8;  position: relative;}
.sortable-imgwrap li .img-hld{    display: table-cell;  vertical-align: middle;}
.sortable-imgwrap li img{    max-width: 100%;  max-height: 120px;}
.sortable-imgwrap li .sort_btn, .sortable-imgwrap li .remove_btn{position: absolute;}
.product_manage{margin-bottom: 20px;}
.search-col .fa{margin: 0;}
.search-col .form-control{    border-radius: 3px 0 0 3px;}
.search-col .btn{ border-radius: 0 3px 3px 0; padding: 8px 5px; display: block;}
.sortable-imgwrap li .sort_btn{right: 0;  bottom: 0; cursor: move;  background: #efefef;  color: #b9b9b9;width: 24px;height: 24px;border-radius: 2px;border: 1px solid #e8e8e8;text-align: center;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.sortable-imgwrap li:hover .sort_btn{background: #fff;  color: #808080;}
.sortable-imgwrap li.ui-sortable-helper{border: 1px solid #808080;}
.sortable-imgwrap li.ui-sortable-helper .remove_btn{opacity: .3;}

.custmlisting{margin: 0; padding: 0; max-height: 350px; overflow: auto; overflow-x: hidden;}
.custmlisting li{list-style: none; color: #737373; position: relative;}
.custmlisting li a:before{content:''; width: 4px; height: 4px; background: #a0a0a0; position: absolute;  top: 18px; left: 3px;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.custmlisting li a{padding:10px; padding-left: 22px; display: block; color: #737373; border-bottom: 1px solid #f2f2f2; text-decoration: none;}
.custmlisting li a:hover, .custmlisting li a.selected{color: #7d869e; background: #f2f2f2; border: none !important;  border-bottom: 1px solid #dcdcdc !important;}
.custmlisting li a:hover:before, .custmlisting li a.selected:before{ left: 8px; background: #7d869e;}
.marketlist-slider{ background: #fff; padding:0; border-radius: 4px;  margin-bottom: 1px; }
.marketlist-slider .lightSlider{margin: 0 auto;}
.marketlist-slider .lightSlider li.lslide{padding: 10px 0; text-align: center; border-right:1px solid #ececec; }
.marketlist-slider .radio{padding-left:0; }
.marketlist-slider .radio input[type="radio"] { position: absolute; opacity: 0;}
.marketlist-slider .radio input[type="radio"] + .radio-label1:before { content: ''; background: #f4f4f4; border-radius: 100%;border: 1px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; position: relative; margin-right: 1em; vertical-align: middle; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease;  transition: all 250ms ease;    }
.marketlist-slider .radio input[type="radio"]+ .radio-label1.checked:before {background-color: #666;-webkit-box-shadow: inset 0 0 0 4px #f4f4f4; box-shadow: inset 0 0 0 4px #f4f4f4;}
.marketlist-slider .radio input[type="radio"]:focus + .radio-label1:before { outline: none; border-color: #666;    }    
.marketlist-slider .radio input[type="radio"]:disabled + .radio-label1:before { -webkit-box-shadow: inset 0 0 0 4px #f4f4f4; box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4;  background: #b4b4b4;}
.marketlist-slider .radio input[type="radio"] + .radio-label1:empty:before { margin-right: 0; } 
.marketlist-slider .radio label1, .checkbox label { min-height: 20px; padding-left: 0px; margin-bottom: 0; font-weight: 400;   cursor: pointer;    line-height: 14px;    }  
.marketlist-slider li.lslide.selectitem{    background: #7d869e; color: #fff;}
.marketlist-slider .lSAction>a, .lSAction>a{ background-image: url(../images/controlar-nav.png); background-repeat: no-repeat;}
.lSAction>a { top: 0;  margin-top: 0; height: 100%; background-color: #f2f2f2;}
.lSAction>.lSPrev{ left: 0;  background-position: 0 center;}
.lSAction>.lSNext{ right:0;  background-position: -32px center;}
/* .lSSlideOuter .lightSlider {    min-height: 150px !important;} */

.main_sec{background: #fff !important;}
.child_sec{ background: #e6e9f7 !important;}
.cd-accordion-menu a.create-variant-button{ background: #f1f1f1; color: #6c757d; text-align: center; padding: 5px 6px;}
.cd-accordion-menu a.create-variant-button:hover{background: #d9e2ea; color: #2e3346;}
.dropup .dropdown-menu[x-placement="top-start"], .navbar-fixed-bottom .dropdown .dropdown-menu[x-placement="top-start"] {  top: auto;  bottom: 100%;  margin-bottom: 2px;}
.searchselect.bootstrap-select{width:100% !important;}
.searchselect.bootstrap-select .btn.btn-default.dropdown-toggle{    background: #f9f9f9;  border: 1px solid #c5c5c5;  color: #808080;  text-transform: initial;  font-size: 13px;  font-weight: 400;  letter-spacing: initial;}
.searchselect.bootstrap-select .dropdown-menu.inner{max-height: 200px !important;}
.searchselect.bootstrap-select .dropdown-menu[x-placement="bottom-start"], .searchselect.bootstrap-select .dropdown-menu[x-placement="top-start"]{left:0 !important; top:100% !important;  z-index: 8;}
.searchselect.bootstrap-select.dropup .dropdown-menu[x-placement="bottom-start"], .searchselect.bootstrap-select.dropup .dropdown-menu[x-placement="top-start"] {  top: auto !important;  bottom: 100% !important;  margin-bottom: 2px;}
.searchselect.bootstrap-select .dropdown-toggle::after{content: none;}
/*.searchselect.bootstrap-select .btn.dropdown-toggle{font-family: inherit;}*/
.searchselect.bootstrap-select .dropdown-menu > li.selected{border: none !important;}
.searchselect.bootstrap-select .dropdown-menu > li > a{padding: 6px 20px;}
.input-group-addon {  padding: 2px 4px 2px 8px;     background-color: #dce1fd;}
.input-group-addon select{ width: 100%;      min-height: 28px;  line-height: 18px; border: 0;  background-color: transparent; color:#2e3346;}
.input-group-addon select:focus{outline: 0;}
.images_messages{background: #f6f6f6;font-size: 13px;padding: 6px;color: #636363; margin-bottom: 18px; border: 1px solid #e3e3e3;}
  
.from_check_attribute li{ float: left; width: 24%; margin: 0 1% 1% 0; background: #f1f1f1; padding: 5px 7px;     border: 1px solid #e6e6e6;}
.from_check_attribute li .form-check {margin-bottom:0;}
.dataimport ul.from_check_attribute{padding:0; margin:0;}
.dataimport ul li{list-style: none;margin-bottom: 10px;}
.dataimport ul li input{margin-left:0px;}
.dataimport .scrolloption {max-height: 100px; overflow: auto; overflow-x:hidden;}
.dataimport .custom-select{width: 100%; height:46px;}
.dataimport .btn-info.bg-green{color:#fff !important; cursor: pointer;}
.row-eq-height {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;}
.row-eq-height .bg-white.has-shadow{height:100%;}
.dataimport .title-section{margin:0px 0px;}
.deta_management .view-detail.mystyle .data_management_title{overflow-x: scroll;}
/* .dataimport .category-showing .bg-white{ min-height:170px;} */
.category-showing label{    color: #808080;}
#data-import .scrolloption{height: 150px;  background: #f6f6f6;  overflow-y: scroll;} 
.modal-library .modal-lg{max-width:950px; margin: 0 auto;}
.modal-library .showImg-preview ul{    max-height: 200px;    overflow: auto;    overflow-x: hidden;}
.modal-library .showImg-preview li{width: 19%;}
.modal-library .images_outer{padding: 10px 0;  max-height: 300px;    overflow: auto;    overflow-x: hidden;}
.modal-library .module_tab h5 {margin-bottom: 0; padding-bottom: 6px; padding-top:6px; }
.modal-library .images_outer ul li img{height: 120px;}
.modal-library .imageuploadify .imageuploadify-images-list{max-height: 700px;    overflow: auto;    overflow-x: hidden;}
.datetimepicker-dropdown-bottom-left:before{right: 7px;  left: initial;  z-index: 1;}
.datetimepicker-dropdown-bottom-left:after{top: -9px;  right: 7px; left: initial;}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active{
  background-color: #808080; background-image: none;
}
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active{
  background-color: #808080; background-image: none;
}
.admin_table tr.clickable[aria-expanded="true"] > td .fa-plus:before{content: "\f068";}
  
#myTable li {border-bottom: 1px solid #e9e9e9;padding: 5px 0px;color: #524b77; line-height: 32px;}
#myTable li:hover {cursor: pointer;}  
#myTable {padding: 12px 10px;list-style: none; border-top: 1px solid #e5ebf2;width: 100%;height: 300px;}
#myTable1 { width: 100%;margin-top: 16px;}
#myTable1 tr {margin-bottom: 4px;line-height: 36px;padding-bottom: 4px; width: 100%;}   
#myTable1 td {border-bottom: 1px solid #e9e9e9;}
/*.deta_management input { width: 100%;padding: 10px; }*/
.scrolloption {max-height: 300px; overflow: auto; overflow-x: hidden; padding-right: 1px;}
#myTable {padding: 12px 10px;list-style: none; border-top: 1px solid #e5ebf2;width: 100%;height: 300px;}  
#myTable li {border-bottom: 1px solid #e9e9e9;padding: 5px 0px;color: #524b77;line-height: 32px;}
p#view-icon button {  border: none;  background: #e5ebf2;  padding: 3px 8px;  border-radius: 20px;  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);}
p#view-icon button:hover {background: #6a7ad6;}
p#view-icon button:hover .fa-eye { color:#fff;}
p.view-icon {text-align: right;  padding-top: 0px;  font-size: 22px;}
#system_fields {width: 100%;}
#system_fields tr {  margin-bottom: 2px;line-height: 36px;padding-bottom: 2px; width: 100%; float: left;}
#system_fields td {  border-bottom: 1px solid #e9e9e9;  font-size:13px;}
#system_fields .field_name{float:left;}
#system_fields .no-hover{float:left;margin-left:10px;}
#system_fields .required-field{float:left;margin-right:2px;}
.imported-fields{  padding: 12px 10px;  list-style: none; width: 100%;height: 300px;}
.imported-fields tr {padding: 2px 0px; line-height: 20px; float: left;  width: 100%;   box-sizing: border-box;}  
.imported-fields td { background: #f2f2f2; border: 1px solid #e6e6e6; padding: 8px 15px;  float: left;  width: 100%;  box-sizing: border-box;}
#system_fields:hover .ui-state-hover{border:none !important;}
#system_fields:hover .ui-state-default{border:none !important;}
.table-status tr th{text-align: left;font-weight: 500; background: #e6e9f7;  width: 18%; color: #2e3346;}
table.table-status{background:#fff;}
#system_fields td{background: #f2f2f2; border: 1px solid #e6e6e6; padding: 1px 15px;     float: left;  width: 100%;}
/* .deta_management .lslide.active{border: 2px dashed #4e3629!important;} */

.viewport img{height:auto !important;}

.addonimg{ width: 100px; margin-top: 15px; border: 1px solid #b5b5b5; border-radius: 3px;}
.addonimg img{max-width: 100%;}

.create_oderpage .table.table_outers th, .create_oderpage .table th{width: 60% !important;}

.margin_top{margin-top:20px;}
.form-check-label { padding-left: .5rem;     color: #737373;}

/* .btn-primary + .btn-primary, .price_sec{margin-right:10px;} */
.price_sec{font-size: 18px;  color: #808080;}
.wirehousebtn{ position: absolute;  top: 50%;  transform: translateY(-50%); right: 0; cursor: pointer;}
.varientpic{margin-bottom: 15px;  border: 1px solid #f2f2f2;    border-radius: 4px; overflow:hidden;height: 200px; text-align:center; }
.varientpic img{max-width: 100%;object-fit: contain;max-height: 200px;}

  


/*storefront css*/

.form-horizontal.strefront-wrap label{text-align: left; line-height: 18px;}
.numariclist{list-style: none;     padding: 0 15px 0 60px; }
.numariclist li{counter-increment: item;  margin-bottom:25px; position: relative;}
.numariclist li:last-child{margin-bottom:0; }
.numariclist li:before {content: counter(item);    background: #c2c5ce;    border-radius: 100%;    color: white;    width: 32px;    height: 32px;    text-align: center;    display: inline-block;    position: absolute;    left: -45px;    top: -6px;    font-size: 16px;    font-weight: bold;    line-height: 32px; }
.form-horizontal.strefront-wrap h5 {padding-bottom: 15px;    margin-bottom: 25px;  border-bottom: 1px solid #eaeaea;}
.custm-tool{position: absolute; top: 0;  right: 0; opacity: .4;}
.custm-tool:hover{opacity: 1;}
.btn-default.cancel { background-color: transparent;  color: #222;      border: 0}
.btn-default.cancel:hover{background-color: transparent;  color: #808080;   border-color: #808080;}
.inner-select{max-width: 150px; margin-right: 10px; display: inline-block;}
.relate-tool{position: relative;}

/*storefront css*/

.varientpic img{max-width:100%;}
.modal-backdrop {z-index:1000;}
.modal {z-index:1002;}



    /*-------------------------------------------------------------
------------------Domain settings start here--------------------------*/ 


.buy_new_domain .bg-grey{ background: #f2f2f2;padding:15px 20px; border-radius:5px; margin-top:0; }
.buy_new_domain .col-sm-5 img{max-width:100%;}
.buy_new_domain .input-group-btn .btn-default{ background:#5b6abf !important;}
.buy_new_domain h3.title{margin-top:25px;}
.buy_new_domain .input-group-btn .fa-check{color:#fff;font-size:16px;}
.buy_new_domain .col-sm-6 img{max-width:40%;}
.buy_new_domain ul { margin-top: 30px;margin-bottom: 30px;float: left;}
.buy_new_domain ul li {float:left; width: 49%; list-style: none;display: inline-block;text-align: left;} 
.buy_new_domain h3.title { margin-top: 25px;}
.buy_new_domain ul {
  margin-top: 30px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.connect_domain{margin-top:30px; text-align: center;}

.connect_domain .right_border{border-right: 2px dashed #acacac;}
.available-domain .title{font-size: 18px; background: #5b6abf; padding:14px 10px;color:#fff;border-radius: 5px;}

.buy_new_domain ul.pagination li{width:auto;float: none;display: inline-block;}
.buy_new_domain ul.pagination li.page-item.active .page-link{background:#5b6abf !important;border:none;cursor:pointer;}
.buy_new_domain ul.pagination li.page-item.active{margin-left:10px;}
.buy_new_domain ul.pagination {text-align:center;float: none;display: inline-block;margin: 0px;} 
.available-domain .price_domain{color:#5b6abf;}

.buy_new_domain .btn-info.bg-green .fa-chevron-left{margin-right:10px;}

.available-domain td{font-size:15px;}

.buy_new_domain .right-sec-img{margin-top:50px;}
.buy_new_domain ul.pagination li a{ background: #d4d4d4; color: #828282; font-size:18px;border-radius: .25rem;}
.buy_new_domain .right-sec-img{margin-top:50px;}
.error_message{border:1px solid #e2574c; background:#ffcdcd;}
.redborder{border:1px solid #e2574c; padding:10px 10px;}
.redborder img{padding-top:5px}
.redborder h4{color:#e2574c;font-weight:bold;}
.buy_new_domain .fa-circle{color:#e2574c;margin-right: 6px;}
.buy_new_domain .black h4{color:#808080; line-height: 22px;} 
.buy_new_domain .black p{  line-height: 20px; padding-top:20px;width: 91%;}   
.buy_new_domain .black p span{color:#808080;font-weight: bold;}   
.border{border-bottom:1px solid #737373;}  
.topmargin{margin-top:15px;}    
.spinbtn{width: 150px;text-align: center;}
.bg-white.has-shadow .fa-chevron-left{margin-right:5px;}

.bg-grey h3{color:#666;}
.bg-grey h5{color:#5b6abf;}



/*=================== productwrap*/

.productwrap h4 {       position: relative;
  margin-top: 7px;
  padding: 10px 0;
  background-color: transparent;
}

.productwrap a.moreoption {
text-decoration: none;
    color: #4e3629;
    text-align: left;
    display: inline-block;
    padding: 10px 10px 0;
    margin: 0;
    width: 100%;
}
 .tagoption {
    margin-bottom: 10px;
}
 .tagoption ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0;
     padding-left: 0;
    list-style-type: none;
}

 .tagoption ul li{    margin: 0 8px 6px 0;    position: relative;
    background-color: #f7f7f7;
        width: auto !important;
    text-transform: capitalize;
    color: #3e4152;
    cursor: default;
    font-size: 11px;
    font-weight:400;
    padding: 4px 26px 5px 10px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 20px;
    /*border: 1px solid #d4d5d9;*/

}

 .tagoption ul li span{position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 20px;
    z-index: 1;
    text-align: center;
    cursor: pointer;}

#moredive {
position: fixed;
    top: 0;
    left: 0;

    width: 100%;
   height: 100%;

    background:rgba(255,255,255,0.8);
    z-index: 999;
    overflow: hidden;
    padding:15px 0;
}

#moredive .content-box {
position: fixed;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    max-width: 80%;
    max-height: 90%;
    min-height: 50%;
    min-width: 35%;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    background: #fff;
    z-index: 999;
    overflow: hidden;
    padding:0;
}


#moredive .content-box  ul { margin: 0;padding: 15px; list-style-type:none}

#moredive .content-box  ul li{ padding: 5px 10px;
    width: 25%;
    display: inline-block;
    text-align: left;
    float: left;
        line-height: 20px;
}

#moredive .content-box  ul li .checkbox label {
display: inline-block;
    position: relative;
    margin-bottom: 0;
    padding-left: 5px;
    color: #808080;
    line-height: 20px;
    width: auto;
    color: #777;
    font-size: .9rem;
}

#moredive .content-box ul li  .checkbox label::before {
content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 0;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

#moredive .content-box ul li .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
    top: -1px;
    left: 2px;
}

#moredive .content-box  ul li .badge-secondary {
    color: #a2a2a2;
    background-color: transparent;
}

#moredive .content-box  ul li .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #808080;
    border-color: #808080;
}
#moredive .content-box  ul li .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#moredive .content-box  ul li .checkbox input[type="checkbox"]:focus + label::before {
    outline: none;
    outline: 0;
    outline-offset: 0;
}
#moredive .content-box .more-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    vertical-align: middle;
    padding:10px;
    border-bottom: 1px solid #e9e9ed;
}

#moredive .content-box .more-header .main .input-group {
    width: 100%;
}
#moredive .content-box .more-header .main .input-group {
    width: 300px;
}

#moredive .content-box .more-header.main .input-group input[type=text] {
    background-color: #f9f9f9;
    width: 100%;
}

#moredive .content-box .more-header .main .input-group .input-group-append {
    position: absolute;
    right: 0;
    z-index: 9;
}

#moredive .content-box .more-header .main .input-group-append a {
    padding: 7px 15px;
    background: #4e3629;
    color: #fff;
}

#moredive .content-box .more-header a.closebtn {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 17px;
    margin-left: 0;
    background: transparent;
    text-align: right;
    z-index: 99;
    color: #4e3629;
    transition: .4s;
    }

#moredive .content-box .more-header h3{font-size:16px}

#moredive .content-box .morebtn {position:absolute;bottom: 15px;
    right: 15px;}


#mobilefilter{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
 
}

#mobilefilter .filters-content {
    color: #3e4152;
    height: 100%;
    display: flex;
}
#mobilefilter .filters {
    height: 100%;
    overflow: scroll;
    background-color: #f5f5f6;
    padding: 0 0 90px 0;
}

#mobilefilter .tabs-left {
  border-bottom: none;
  /*border-right: 1px solid #ddd;*/
}

#mobilefilter .filters a.moreoption {
  text-decoration: none;
    color: #4e3629;
    text-align: center;
    display: inline-block;
    padding: 10px;
    margin:0;
    width: 100%;
}

#mobilefilter .tabs-left>li {
  float: none;
 margin:0px;
     width: 100%;
     border-bottom: 1px solid #e9e9e9;
  
}

#mobilefilter .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    padding: 15px 12px;
    color:#828080
}

#mobilefilter .tabs-left>li a.active
{
    border-bottom-color: #fff;
    border-right-color: transparent;
    background: #fff;
    border: none;
    border-radius: 0px;
    margin: 0px;
    color: #252525;
        font-weight: 500;
}
#mobilefilter .nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 0;
    /* border-radius: 4px 4px 0 0; */
}
/*#mobilefilter .tabs-left>li a.active::after{content: "";
content: "";
    position: absolute;
    top: 0px;
    right: -8px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 8px solid #4e3629;
    display: block;
    width: 0;
    z-index: 9999;}*/


#mobilefilter .tab-content {
    background: #fff;
    margin-top: 0;
    border: 0;
    border-top: 0;
    padding: 0 0 110px 0;
        height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}


.priceinput {
    position: relative;

}

.priceinput input{  padding-right: 15px;}

.priceinput .price_close {
    position: absolute;
    top: 6px;
    right: 3px;
    background: transparent;
    border: 0;
}

#mobilefilter .tab-content ul { margin: 0;padding-left: 0; list-style-type:none}


#mobilefilter .tab-content ul li{ padding: 5px 10px;
    width: 100%;
    display: inline-block;
    text-align: left;
    float: left;
        margin-top: 7px;
}

#mobilefilter .tab-content ul li .checkbox label {
display: inline-block;
    position: relative;
    margin-bottom: 0;
    padding-left: 5px;
    color: #828080;
    line-height: 20px;
    width: auto;
    text-transform: capitalize;
}

#mobilefilter .tab-content ul li input:checked ~ label {
  color: #000;
}

#mobilefilter .tab-content ul li .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    top: 2px;
}

#mobilefilter .tab-content ul li .checkbox label::after {
    width: 16px;
    height: 16px;
    left: 2px;
    top: 1px;
}

#mobilefilter .tab-content ul li .badge-secondary {
    color: #a2a2a2;
    background-color: transparent;
}

#mobilefilter .tab-content ul li .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #4e3629;
    border-color: #4e3629;
}
#mobilefilter .tab-content ul li .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#mobilefilter .tab-content ul li .checkbox input[type="checkbox"]:focus + label::before {
    outline: none;
    outline: 0;
    outline-offset: 0;
}



#mobilefilter .more-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    vertical-align: middle;
    padding: 6px 15px;
    border-bottom: 1px solid #e9e9ed;
}

#mobilefilter .more-header h4 {
    text-transform: uppercase;font-size: 14px;
}

#mobilefilter .more-header h3{font-size:16px}


#mobilefilter .more-header a.closebtn {
position: absolute;
    top: 13px;
    right: 13px;
    font-size: 14px;
    margin-left: 0;
    background: transparent;
    text-align: right;
    z-index: 99;
    color: #4e3629;
    transition: .4s;
    text-transform: uppercase;
    }

#mobilefilter .morebtnsec {
position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #fff;
    border-top: 1px solid #e9e9ed;

    padding: 10px 15px;

}


#mobilefilter .morebtnsec a{text-decoration:none; width:50%; float:left;text-align: center;font-size: 15px;
       padding: 3px 15px;
    border-right: 1px solid #e9e9ed;
    text-transform: uppercase;
        font-weight: 400;
    color: #777;

}

#mobilefilter .morebtnsec a:last-child{ border-right: none;}
#mobilefilter .morebtnsec a a.closebtn {
color: #4e3629;
font-weight:500


}

#mobilefilter .morebtnsec a.okbtn {
color: #4e3629;
background:#fff;
    font-weight: 600;
}

.productlist_area .btn-link:hover{background:#4e3629; color:#fff}
.productwrap a:hover{color:#4e3629; }
  .categories ul label{line-height: 20px;}
.categories, .filter, .color_sea{ padding-bottom: 15px;   width: 100%;   border-bottom: 1px solid #e9e9ed; }

.filter .form-control {
    padding: 5px 5px;
    font-size: 13px;
    height: calc(1.3em + .75rem + 2px);

}

.filter span.line {
    font-size: 30px;
    color: #8a8686;
}

.filter label {
    display: inline-block;
    margin-bottom: 0;
}

.filter .btn {
    display: inline-block;
    padding: 5px 8px;
}
.categories ul{ margin: 0; list-style-type: none; position: relative;    padding-left: 10px;}
.categories ul li{  margin-bottom:10px; width: 100%; }
.color_sea:last-child{border-bottom:none}


.specifications .color_sea{    /* margin-bottom: 30px; */ padding-bottom: 15px;   width: 100%;   border-bottom: 1px solid #e9e9ed; }


/*.filter h4{ margin-bottom: 20px;}*/
.filter ul{ margin: 0; margin-left: 20px;   padding: 0; list-style-type: none;}
.filter ul li{  margin-bottom:10px; width: 100%; }
.filterby-input{padding: 0 18px;}

.filterby-input input[type=text] {
    background-color: transparent !important;
    width: 100%;
}

.color_sea h4{ margin-bottom: 7px;}
.color_sea ul{ margin: 0; padding-left: 30px;}
.color_sea ul li{  margin-bottom:7px; width: 100%; list-style: none;}

.shape{margin-bottom:20px; padding-bottom: 15px; width: 100%;}
.shape h4{ margin-bottom: 20px;}
.shape ul{ margin: 0;padding: 0; list-style-type: none; padding-left: 20px; max-height: 250px; overflow: auto; overflow-x: hidden }
.shape ul li{  margin-bottom:10px; width: 100%; } 

.productwrap .checkbox {padding-left: 0px; font-size: .9rem; }
.productwrap .checkbox label {display: inline-block;position: relative;margin-bottom: 0;padding-left: 5px;color:#777; line-height: 20px;}
.productwrap .checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;top:0;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 2px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    width: 16px;
    height: 16px;
    left: 0;
    top: -3px;
}
.productwrap .badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    float: none;
    font-size: 12px;
}
.productwrap .badge-secondary {color: #a2a2a2;background-color: transparent;}
.productwrap .checkbox input[type="checkbox"] {opacity: 0; }
.productwrap .checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: -2px; }
.productwrap .checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c"; }
.productwrap .checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.productwrap .checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }
.productwrap .checkbox.checkbox-circle label::before {border-radius: 50%; }
.productwrap .checkbox.checkbox-inline {margin-top: 0; }

.productwrap .checkbox-primary input[type="checkbox"]:checked + label::before {background-color: #4e3629;border-color: transparent; }
.productwrap .checkbox-primary input[type="checkbox"]:checked + label::after {color: #fff; top: -1px;left: 2px;}

.productwrap .radio-primary input[type="radio"] + label::after {background-color: #808080; }
.productwrap .radio-primary input[type="radio"]:checked + label::before {border-color: #808080; }
.productwrap .radio-primary input[type="radio"]:checked + label::after {background-color: #808080; }


.filter .ui-slider-horizontal {  margin-bottom: 5px !important;}

.inerpagetop{margin-top: 100px; width: 100%; padding: 0;}

.product_listtitle{margin: 0; width: 100%; padding: 0;height: 319px; background: url(../img/productlist_bg.jpg) repeat-x;display: flex;flex-direction: column;justify-content: center;}
.product_listtitle h3{font-size: 3.4rem;}
.productlist_area{ 
    margin: 0;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 99;
    background: #fff;
    padding: 10px 0 0 0;
    display: flex;
    height: 60px;
}
.productcount{ margin: 0; width: 100%; padding:0;}
.productcount ul{ margin: 0; padding: 0; list-style-type: none;}
.productcount ul li{padding: 0; width: auto; float: left;}
.productcount ul li:first-child{color:#a2a2a2; padding-right: 10px;}

/*.productlist_area .filter-btn{display: block}*/
.productlist_area .filter-btn{display: inline-block}

.productlist_area .filter-btn .btn.btn-primary {
  letter-spacing: 2px;
  font-weight: 500;
}

.sortby_sec{ margin: 0; width: 100%;}
.sortby_sec ul{ margin: 0; padding: 0; list-style-type: none;}
.sortby_sec ul li{padding: 0 10px; width: auto; float: left;}
.sortby_sec ul li select.form-control:not([size]):not([multiple]) {height: calc(1.25rem + 2px);}
.sortby_sec ul li .form-control{border:none; padding: 0; font-size: .9rem;}
.sortby_sec ul li .form-control:focus {color: #495057;background-color: #fff;border-color: none;outline: 0;box-shadow: none;}
.sortby_sec ul li:last-child{color:#a2a2a2;}

.productlist_tab{ margin: 0; width: 100%;}
.productlist_tab ul{ margin: 0; padding: 0; list-style-type: none;}
.productlist_tab ul li{padding:0px; width: auto; float: left; line-height: 20px;   }
.productlist_content{ margin: 0; width: 100%;display: flex;}
.productlist_content .productsec{ display: block;}

.productlist_content .productsec ul{ margin: 0; padding: 0; margin-left: -10px;  margin-right: -16px; list-style-type: none;     display: -ms-flexbox;  display: flex;     -ms-flex-flow: row wrap;  flex-flow: row wrap;}
.productlist_content .productsec ul li{ width: 23.5%; max-width: 23.5%; margin: 0 8px;  background: #fff; border-radius: 4px;  -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);  margin-bottom: 20px;   display: -ms-flexbox;  display: flex;  -ms-flex-direction: column;  flex-direction: column;}
.productlist_content .productsec ul.flex-direction-nav{margin-top: -22px;}
.productlist_tab .nav-tabs .nav-item {margin: 0 0;font-size: 1.4rem;}
.productlist_tab .nav-tabs {border-bottom: none; }
.productlist_tab .nav-link {margin: 0 5px;font-size: 1.4rem; padding: 0 10px 5px 10px; }
.productlist_tab .nav-item .nav-link{background: #f2f2f2; margin: 0; border-radius:0; color: #a2a2a2; }
.productlist_tab .nav-item .nav-link.active  {font-size: 1.4rem;  color: #808080; background: transparent; }
.productlist_tab .nav-tabs i{margin: 0; }
.breadcrumb_area{ margin: 0; width: 100%; padding: 0px; background: #f1f1f1;}
.breadcrumb_area .breadcrumb{ background: transparent; font-size: .9rem; margin-bottom: 0; padding: 15px 0px}

.productlist_content .product-loader{ width:100%; text-align:center; height:80px; z-index:9;}
.productlist_content .product-loader img{ max-width:80px; max-height:100%;}

/*.margin_top{ margin-top: 100px}*/

.productlist_view{width: 100%}
.productlist_view ul{ margin: 0; padding: 0; list-style-type: none;}
.productlist_view ul li{ width: 100%;     border: 1px solid #e8e8e8; margin-bottom: 10px;}
.productlist_view ul li .image_sec{ width: 25%; height:140px; float: left;display: flex;flex-direction: column;justify-content: center;}
.productlist_view ul li .image_sec img{ max-height: 100%; max-width: 100%;}
.productlist_view ul li .caption_sec{ width: 75%; float: left;}
.productlist_view ul li .caption_sec h5{    color: #737373;     font-size: 16px;}
.productlist_view ul li .caption_sec .price{     width: 100%;  font-size: 1.2rem;  padding: 15px 15px 0 0;  background: transparent;  border: 0;  text-align: left;}
.productlist_view ul li .caption_sec .price a .fas:hover{ color:#8a8a8a; }
.productlist_view ul li .caption_sec .price table{    width: 48px;  height: 38px;}

.thumnail{ width: 100%; padding: 0px; -ms-flex: 1 1 auto;  flex: 1 1 auto; position: relative;    display: flex;
    flex-direction: column;}
.thumnail h5{     font-size: 14px; text-align: center; font-weight: 600;  line-height: 20px; padding: 5px 15px;  margin-top: 8px;  width: 100%;   box-sizing: border-box;  }
.thumnail .img_sec{ margin: 0; width: 100%; min-height:230px; height:100%; text-align: center; overflow: hidden; padding: 5px 0 0 0 ;}

.thumnail .img_sec .noimage {
    max-height: 220px;
    margin: 0 auto;
    display: inline-block;
}
.thumnail .skeuno{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    padding-top: 12px;
    padding-bottom: 12px;}

.thumnail .img_sec .owl-carousel .owl-item .item a{    display: block;  width: 100%;  height: 100%;}
.thumnail .img_sec .owl-carousel .owl-item .item a img{
    display: inline-block;
    width: auto;
     max-width: 100%; max-height: 100%;}
/*.thumnail .img_sec:hover img{ -webkit-transform: scale(1.09);transform: scale(1.09);}*/
.thumnail .caption{ margin: 0px; width: 100%;height: 47px;border-top: 1px solid #e8e8e8;}
.thumnail .caption .price{ margin: 0; width: 100%; font-size: .9rem; border-radius: 0; color: #808080;border: 0; background: none; height: 45px; display: flex;flex-direction: column;justify-content: center; }
.thumnail .caption .cart_area{ margin: 0; width: 100%;}
.thumnail .caption a .fas:hover{ color:#8a8a8a; }

.featuredtab_content .thumnail{margin-bottom: 30px; width: 100%; padding: 0px; background: #fff;}
.featuredtab_content .thumnail h3{ font-size: 1rem;padding: 20px;width: 100%;}
.featuredtab_content .thumnail .img_sec{ margin: 0; width: 100%; height: 180px; text-align: center; overflow: hidden}
.featuredtab_content .thumnail .img_sec img{ max-width: 100%; max-height: 100%; -webkit-transition: 0.4s ease;transition: 0.4s ease;}
.featuredtab_content .thumnail .img_sec:hover img{ -webkit-transform: scale(1.09);transform: scale(1.09);}
.featuredtab_content .thumnail .caption{ margin:0; width: 100%;height: 47px;border-top: 1px solid #bcc0c2;}
.featuredtab_content .thumnail .caption .price{ margin: 0; width: 100%;     background: none;  border: 0; font-size: 1rem; padding-left: 20px; height: 45px; display: flex;flex-direction: column;justify-content: center;}
.featuredtab_content .thumnail .caption .cart_area{ margin: 0; width: 100%;}
.featuredtab_content .thumnail .caption .cart_area ul{ margin: 0; padding: 0; list-style-type: none;}
.featuredtab_content .thumnail .caption .cart_area ul li{ float: left; padding: 0 12px;border-left: 1px solid #bcc0c2;height: 45px;display: flex;flex-direction: column;justify-content: center;}
.featuredtab_content .thumnail .caption .cart_area ul li:last-child{ padding: 0 0 0 12px;}
.featuredtab_content .thumnail .caption .cart_area ul li a{ text-decoration: none;}
.featuredtab_content .thumnail .caption a .fas{ font-size: 1.2rem; }

.productlist_content.cont-border{ border: 1px solid #d8d8d8;  border-radius: 4px; padding: 15px;     overflow: auto;  overflow-x: hidden}

.cartbg { color: #686f84;  width: 25%;    text-align: center;  }
.cartbg a{color: #808080; display:block; font-size: 16px;}
.cartbg a:hover{color: #2e3346; }
.cartbg.selectitem{/*background: #898fa7;*/ background:#34ce71; color: #fff;    border-color: #34ce71;}
.cartbg.selectitem .fa-shopping-cart:before {  content: "\f00c";}

.stockinfo{font-size:16px; color:red; float:right; margin-right:15px}

.varient_sec p {font-size: .8rem;font-weight: 300;}

.count_sec{ margin: 0; width: 100%;    display: flex;}
.icon_sec{width: 35px;float: left;height: 35px;border: 1px solid #262626; text-align: center;line-height: 37px;border-radius: 50%;}

.count-input {position: relative;width: 100px; margin:0; float:left; }
.count-input a .fas{color:#fff;}
.count-input a{color: #808080;}
.count-input a:hover{color: #808080;}
.count-input input {width: 100%;height: 36.92307692px; color: #000; border: 1px solid #f1eded; border-radius: 3px;background: none;text-align: center; padding: 0 20px;}
.count-input input:focus {outline: none;}
.count-input .incr-btn {display: block; position: absolute; font-weight: 300; text-align: center; right: 5px; margin-top: 0; text-decoration:none;}
.count-input .incr-btn:hover{ color: #838a9a;}
.count-input .incr-btn:first-child { left: 2px; top:0;}
.count-input .incr-btn{ background: transparent;border:none;}
.fa-sort-up::before, .fa-sort-asc::before {  content: "\f067";}
.count-input.space-bottom .decr-btn {position: absolute;left: 5px; }  
.count-input.space-bottom .decr-btn i{font-size: 14px;vertical-align: middle;}

.count-input .incr-btn i{font-size: 14px;vertical-align: middle;}

.count-input.space-bottom a{ top: 55%; transform: translateY(-55%); line-height: 14px;}
.count-input .incr-btn .fa-sort-up:before, .count-input .incr-btn .fa-sort-asc:before {  position: relative;}
.fa-sort-down::before, .fa-sort-desc::before {content: "\f068";}   
.count-input .incr-btn .fa-sort-up::before, .count-input .incr-btn .fa-sort-asc::before {position: relative;} 
.count-input .incr-btn .fa-sort-up:before, .count-input .incr-btn .fa-sort-asc:before { top: 3px;  position: relative;}

.image_gallery_details{margin: 0; width: 100%;}
.image_gallery_details h2{line-height: 30px;font-family: 'Perpetua';font-size: 25px;}
.image_gallery_details .price{    margin: 15px 0;  font-size: 1.3rem;  background: transparent;  text-align: left;  border: 0;  font-weight: 500;  border-radius: 0;  padding: 0;  float: none;}
.image_gallery_details .tab_sec{ margin-top: 20px; width: 100%;}
.image_gallery_details .tab_sec .nav-tabs {border-bottom: none;}
.image_gallery_details .tab_sec .nav-tabs .nav-link {border: 1px solid #cbcbcc; color:#848484;  border-top-left-radius: 0;border-top-right-radius: 0;padding: 5px 35px;font-size: .9rem;margin-right: 5px;}
.image_gallery_details .tab_sec .nav-tabs .nav-link.active {font-size: .9rem;color: #fff;background-color: #5d6782;border: 1px solid #5d6782;border-radius: 0;}
.image_gallery_details .tab-content{     width: 100%;  border: 0 !important;  padding: 5px 0; display: inline-block}
.image_gallery_details .tab-content p{ font-size: .8rem}
.image_gallery_details .tab-content ul{ margin: 0; padding: 0; list-style-type: none;}
.image_gallery_details .tab-content ul li{ margin-bottom: 5px; font-size: .8rem; color:#262626;}
.image_gallery_details .tab-content ul li::before{ margin-left: -14px; margin-right: 8px; content: '\f0da';font-family:'FontAwesome'; font-size: 1rem;}


.count-input.count-input-sm {max-width: 125px;}
.count-input.count-input-sm input {height: 36px;}
.count-input.count-input-lg {max-width: 200px;}
.count-input.count-input-lg input {height: 70px;border-radius: 3px;}
.prod-slider .lSSlide{height:450px !important;     display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.prod-slider .lSSlide li{text-align: center;  -ms-flex-preferred-size: 0;  flex-basis: 0;  -ms-flex-positive: 1;  flex-grow: 1;  max-width: 100%; height: 100%;  -ms-flex-item-align: center!important;  align-self: center!important;}
.prod-slider .lSSlide li img{max-width: 100%; max-height: 450px;}
.prod-slider .lSSlideOuter .lSPager.lSGallery li.active, .prod-slider .lSSlideOuter .lSPager.lSGallery li:hover{border: 1px solid #808080; border-radius:0; opacity: 1;}
.prod-slider .lSPager li{border: 1px solid #d0d0d0; max-height: 60px; text-align: center; opacity: .6;     -webkit-transition: all 0.3s;  transition: all 0.3s;}
.prod-slider .lSPager li a{display: inline-block;}
.prod-slider .lSPager li img{max-height: 60px; }

.prod-slider .lSAction>a { background-image: url(../images/controlar-nav.png); background-repeat: no-repeat;}
.desc-table tr:nth-child(even) {background: #f5f5f5;}

.addtocart .btn {
  width: 200px;
}
.addtocart .btn-link:hover, .addtocart .btn-link:focus {
  color: #4e3629;
  text-decoration: none;
}


/* .table.desc-table td{
  padding: 10px 15px;
  background: #f1f1f1

} */
.table.desc-table td:first-child{ font-weight: 600;width: 50%;}


/*=================== productwrap===============================*/


 .checkout-pos li .round{position: absolute; right:22px;}
 .checkout-pos li img{max-width: 100%;}   
 .round {position: relative;}
 .round label { background-color: #fff; border: 1px solid #ccc; border-radius: 50%;cursor: pointer;  height: 28px;  left: 0;  position: absolute;  top: 0;  width: 28px; }
 .round label:after {    border: 2px solid #fff;    border-top: none;    border-right: none;    content: "";    height: 6px;    left: 7px;    opacity: 0;    position: absolute;    top: 8px;    transform: rotate(-45deg);   width: 12px;  }  
 .round input[type="checkbox"] {    visibility: hidden;  } 
 .round .active{    background-color: #66bb6a;    border-color: #66bb6a;  }
 .round .active:after {    opacity: 1;  }
 .checkout-pos li p{font-size:13px; margin: 0px;}
 .pos .header-bar {background: #2e3346;   border-radius: 3px;color: #fff;padding: 10px;margin-bottom: 6px; height: 58px; line-height:46px;}
.pos select{margin-bottom:0px;}
.pos_listing li{list-style: none;border: 1px solid #ccc; padding: 10px; border-radius: 5px;margin-bottom: 10px;}

.pos_listing li .right{text-align:right; font-weight: 500;}
.cart-section li img{max-width: 100%;}
.cart-section li{ background:#e6e6e6; float:left;border:1px solid #b0b0b0;  padding:10px; border-radius: 5px; list-style: none;margin-bottom:10px;}
.cart-section li h3{font-size:15px;color:#2e3346;}   
.cart-section li .thumbimages{float: left;width:20%;} 
.cart-section li .description{float: left;width:40%;margin-left:10px;} 
.cart-section li .description p{ margin-bottom: 0px;}
.cart-section li .price_sec{float: left;width:30%; margin-left:10px;}  
.cart-section li .price_sec #spn_orderprice{margin-bottom:10px;} 

.customer-top p{line-height: 10px;color:#fff;margin:5px 0px 5px;}


.discount-pos{background: #e6e6e6; border-radius: 5px; border:1px solid #b0b0b0; padding:0px;}
.discount-pos li{list-style: none;}
.discount-pos li h3{color:#2e3346; font-weight: bold;}




/*=================== catelog product master===============================*/

.catelog-product-master .productlist_content{margin-top:0px;}
.image_checkbox{margin-top:0px;margin-left:0px;}
.catelog-product-master .custom-select{text-align: left;width:200px;height: 40px;}
.catelog-product-master .custom-select a{padding: 0px;}



.dropdown-container, .instructions {
  margin: 0;
  font-size: 14px;
  position: relative;
  display: inline-block;
}

.instructions {
  width: 100%;
  text-align: center;
}

.dropdown-button {
  float: left;
  width: 100%;
  background: whitesmoke;
  padding:9px 12px;
  cursor: pointer;
  border: 1px solid lightgray;
  box-sizing: border-box;
}
.dropdown-button .dropdown-label, .dropdown-button .dropdown-quantity {
  float: left;
}
.dropdown-button .dropdown-quantity {
  margin-left: 4px;
}
.dropdown-button .fa-filter {
  float: right;
}

.dropdown-list {
  float: left;
  width: 100%;
  border: 1px solid lightgray;
  border-top: none;
  box-sizing: border-box;
  padding: 10px 12px;
}
.dropdown-list input[type="search"] {
  padding: 5px 6px;
}
.dropdown-list ul {
  margin: 10px 0;
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-list ul input[type="checkbox"] {
  position: relative;
  top: -10px;;
}

.dropdownsearch input.dropdown-search{width:100%;}
.dropdownsearch ul li{text-align:left;list-style: none;}
.dropdownsearch ul li label{line-height:auto;margin-bottom: 0px;padding-left:10px;}
.dropdownsearch .dropdown-list .add_new_catelog{width:100%; text-align:left; padding-top:10px;}
/* .catelog-product-master a.btn{float:right;} */
/* .catelog-product-master .dropdownsearch{float: right;margin-top: 0px;}
.catelog-product-master .dropdown{float: right;margin-left:10px;} */

.catelog-product-master .dropdown-button{background: #808080;  border: 1px solid #808080; border-radius: 5px;margin: 0px 10px;
  display: inline-block;color:#fff;}
.catelog-product-master .dropdownsearch .dropdown-list{display: block;position: absolute;top: 40px;left: 0;background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 3;}
.catelog-product-master .form-check-label{margin-left:9px;}

.listing-item{border: 1px solid #5b6abf; float: left;width:100%;margin-bottom: 36px; padding:5px;}
.listing-item ul li{ list-style: disc inside;}
.listing-item ul{padding:10px;}
.listing-item li{margin-bottom:10px;}
.catalogleftbar{position: relative;}

.dropdown-button.noselect .fa-caret-down{float:right;}
 
  
  

.productlist_area .btn-info.bg-green{margin-top: 0px;display: inline-block;}
.dropdownsearch ul li label {
  width: 82%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdownsearch ul li a {
  float: right;
  margin-top: 4px;
  margin-right: 6px;
}
.dropdownsearch ul li label a{float:right;}
.add_new_catelog a:hover{ color:#0b2684; }
/* .list_item1.dashboard .table thead {
  background: #525769;
  color: #fff;
} */

.productlist_content .table-striped .image_checkbox{margin-top:-5px;}

/* .list_item1.dashboard .dropdown-menu{height: 200px;overflow-y:auto;}
.list_item1.dashboard #divchklist .dropdown-menu{height: auto;overflow-y:auto;} */
#discount .fa-percent{margin-top: 11px;margin-left: 8px;}
#discount .form-check label{padding-left: 34px; padding-right: 14px;}
 
/* .list_item1.dashboard .table-striped th{width:20%;} */
#discount .modal-dialog{max-width:450px;}

#discount select{margin-bottom:0px;padding: 7px;}
#discount .form-check.form-check-inline{margin-bottom:10px;}
.percentage_outer {margin-bottom:10px;}
.percentage_outer .col-sm-12 input{float:left; width:85% !important;}
.percentage_outer .col-sm-12 .fa-percent{margin-left:10px;}

.list_item1.dashboard .fa-eye{font-size:16px;}
.list_item1.dashboard .fa-eye-slash{font-size:16px;}
.list_item1.dashboard .table-listing .name{color:#808080;}
.list_item1.dashboard .table-listing .items{color: #fff; background: #5b6abf; padding: 7px 10px;font-size: 14px;border-radius: 3px;}
.list_item1.dashboard .table-listing .hold{border: 1px solid #afafaf; padding: 7px 10px;font-size: 14px;border-radius: 3px;} 
.table-listing .separation{border: 1px solid #dbd8d8 !important;} 
.table-listing .separation td{border:none;} 
.btn-file { position: relative;overflow: hidden;width:100%;margin-bottom: 20px;}
.btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%;min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0);opacity: 0; outline: none; background: white; cursor: inherit;display: block;}
.disabledmain, .disabled-hold {  pointer-events: none;  opacity: 0.4;}
.disabled-hold:before{content:'Hold'; position: absolute; right: 5px; background: red;  z-index: 12;  opacity: 1;  padding: 3px 5px;  border-radius: 4px;  color: #fff;  font-size: 12px;}
.deta_management .list_item1.dashboard .clickable.main_sec input{width:auto !important;margin-top: 13px;}
.login-form #frmotp input[type=text] {  background: #f9f9f9;  padding-left: 3px;  padding-right: 3px;  border: 1px solid #c2c6d6;  text-align: center;}
.from_check_attribute .form-check-label {  padding-left: 1.5rem;}

.copy-link{cursor: pointer;}
.list_item1.dashboard .url {padding-left: 23px;}
.singlecheck {    width: auto!important;    border: 0!important;    margin: 9px 0 0 0;}
.multiinput .searchselect.bootstrap-select .btn.btn-default.dropdown-toggle{  background: transparent;  border: 0;  padding: 6px 0;}
.autocomplete-suggestions{background: #fff;  padding: 8px;  box-shadow: 0px 2px 3px rgba(0,0,0,.2); max-height: 100px !important; overflow: auto; overflow-x:hidden;}
.autocomplete-suggestion{padding-bottom: 5px;  margin-bottom: 5px;  border-bottom: 1px solid #e6e6e6; cursor: pointer;}
.btn .fa-chevron-right{ margin-left: 5px;}

.accordion-toggle {border-bottom: 1px solid #cccccc;cursor: pointer;margin: 0;padding: 0px 0;position: relative;}
/*.accordion-toggle.active:after{content:"";position:absolute;left:96%;top:10px;width:0;height:0;border-bottom:5px solid #212121;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
 .accordion-toggle:before{content:"";position:absolute;right:0;top:10px;width:0;height:0;border-top:5px solid #808080;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);} */
.accordion-toggle.active:before{display:none;}
.accordion-content {display: none;}
.accordion-toggle.active {color: #808080;}

.productwrap .accordion .checkbox{padding-left: 20px ;}
.accordion .accordion-content .checkbox-primary{margin-bottom: 20px;}
.accordion .scroll{height: 250px;overflow-y: scroll;}

.public_contain .fa-eye{font-size: 19px !important; margin-top: 1px;padding: 10px 11px;
border-radius: 3px;background:#808080;}
.public_contain .fa-eye::before{color:#fff;}  
.accordion-toggle .caret{float: right;position: absolute;top: 9px; right: 20px;text-indent: -99999px;border-top: 5px solid;
 border-right: 5px solid transparent;
 border-left: 5px solid transparent;border-bottom:0px ;}
.accordion-toggle .caret.arrow-rotate{border-bottom: 5px solid;border-right: 5px solid transparent;border-left: 5px solid transparent;
border-top:none;top:1px;}
.accordion .scroll .accordion-content{margin-left:12px;}

.ebay-marketpalce .form-group {border: 1px solid #e6e6e6;border-radius: 3px;width: 98%;}
.ebay-marketpalce .form-group span {color: #808080;padding: 10px;border-radius: 4px;margin-top: 4px;display: inline-block;  
margin-bottom: 5px;}  
.ebay-marketpalce .form-group span.url {  width: 284px;}
.amazon-marketpalce span{ color: #808080;  padding: 10px;border-radius: 4px;margin-top: 4px;display: inline-block;}
.ebay-marketpalce label {color: #808080;line-height: 17px;margin-top: 8px;}
.amazon-marketpalce label {color: #808080;line-height: 17px;margin-top: 8px;}
.ebay-marketpalce h3 {color: #414141;font-weight: bold;margin: 24px 0px;display: block;}

.list_item1.dashboard .url {padding-left: 23px;}

.module_tab .nav-tabs {
 border-bottom: 1px solid #ddd;
 margin-top: 0;
 background: #e4e4e4;
}
.title_header{ background: #2e3346; color:#fff; padding: 10px;border-radius:3px;margin-bottom:10px;}

#menu3 .pagination{text-align: right;}

.title_sec {
 margin: 0;
 width: 100%;
}


.title_sec h4 {
   margin: 0;
   line-height: 22px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: calc(100% - 40px);
}


.title_sec h4.text::after {
 content: '';
 border-bottom: 2px solid #c8cede;
 height: 1px;
 width: 25px;
 position: absolute;
 bottom: 0;
 left: 0;
}

.title_sec.editable-col h4{color: #808080;}
.addbanner1 a {  float: left;}
.addbanner1 ul {  float: left;  margin-left: 5px;}
.addbanner1 ul li{display: inline-block;}
.addbanner1 ul li a { border: 1px solid #556080;  padding: 8px 11px;  border-radius: 3px;  line-height: 19px;  margin-right: 4px; color: #9d9d9d;} 
.addbanner1 ul li a:hover{background: #5b6cbe; color:#fff;}
.addbanner1 ul li.active a {background: #556080;color:#fff;}



.replaceimages .btn-info.bg-green { margin-left: 0px;width: 84%; clear: both;display: block;text-align: center;cursor:pointer;}


/* .addbanner{margin-bottom:30px;} 

.slides .col-sm-9{margin-top:20px;}*/
.ebay-marketpalce .form-check input{width:auto !important;}
.ebay-marketpalce .form-check label{margin-top:0px;}
.ebay-marketpalce input{width:auto !important;}
.ebay-marketpalce span {
 margin-right: 107px;
 width: 130px;
 float: left;
 margin-top: 5px;
}


.value-button:hover { cursor: pointer;}

.number-increase  #input-wrap { margin: 0px;padding: 0px;  }

input#number {text-align: center;border: none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;
 margin: 0px;width: 40px;height: 40px; } 
 

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}  

.ebay-marketpalce #number{width: 61px !important; box-shadow:none;border:none;}
.ebay-marketpalce span.text {margin-right: 0px;float:left;line-height:27px;}
.ebay-marketpalce .number-increase .fa-minus{color: #666;font-size: 10px;}
.ebay-marketpalce .number-increase .fa-plus{color: #666;font-size: 10px;}

.customize_menu img{margin-top:10px;float:left;}
.ebay-marketpalce span.choosepage{float: left;width: 200px;margin-right: 10px;  margin-top: 0px;color:#5977cd;} 
.ebay-marketpalce input.add-more { width: 100% !important;}

.rounded-option{border-bottom:1px solid #ccc;}
 
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{ color: #2e3346; background-color: #e6e6e6;  border-color: #dcdcdc;}
.pagination>li>a, .pagination>li>span {  color: #737373}
.pagination>li>a.active{color: #ffffff; background-color: #7a8dc1;}

nav.side_menu.shrinked ul li::after {  content: attr(data-menu);  padding:0 5px 12px 5px;  z-index: 200;  font-size: 10px;  width: 100%;  display: block;  color: #9fa5b7;}
nav.side_menu.shrinked ul li.active::after{ color: #fff;}

.tagit-close .ui-icon, .ui-widget-content .tagit-close .ui-icon {  background-image: url(../images/sprite-sm.png);}
.tagit-close .ui-icon-close { background-position: -3px -504px;}
.skudata.table tbody tr:not(.header) { display: none;}
.skudata.table tbody tr:not(.header) td .fa-plus:before {content: none; }
.skudata.table .header.active td .fa-plus:before { content: "\f068";}
.skudata.table .header.data-load-ico td .fa-plus:before { content: ""; background-image:url(../images/loader-1.gif); width: 16px; height: 16px;display: block; background-size: contain}
.skudata.table .singlehdr {  display: table-row !important;}

.dz-preview.dz-processing.dz-image-preview.dz-error.dz-complete{display:none;}
.dz-preview.dz-processing.dz-image-preview.dz-success.dz-complete{display:none;}
.dz-preview .remove {background-image:url(../images/sprite-sm.png); background-color:rgba(255,255,255,1); background-repeat:no-repeat; background-position: -3px -520px;  position: absolute;   z-index: 99;   top: 2px;   width: 16px;   right: 2px; border-radius: 2px;   cursor: pointer !important; opacity:.7;}
.dz-preview .remove:hover, .dropzone .dz-preview:hover .remove{opacity: 1;}
.searchselect .btn.dropdown-toggle{padding: 7.5px 15px;}
.srchdata .bootstrap-tagsinput input[type=text]{display: none;}

.dropzone{border: 1px dashed #b4bfe0;  color: #7b9df9;  border-radius: 4px;}
.dropzone.dz-drag-hover{border:1px dashed #566caf !important; }
.dropzone.dz-started .dz-message {display: block !important;}
.dropzone {padding-left:15px !important; padding-right:15px !important;}
.dropzone .dz-preview { margin: 10px !important;}
.dropzone .dz-preview.dz-file-preview .dz-image {border-radius: 4px !important;}
.dropzone .dz-preview .dz-image img { max-width: 100%;}
.scrolloption{position: relative; z-index: 10;}
.action-icon{ padding: 5px 6px;  background: #dadada;  border-radius: 2px;  color: #5d6782;  max-width: 24px;  box-sizing: border-box;}
.action-icon:hover { background: #9093a0; color: #f9faff;}
.list_item1.dashboard .skudata .dropdown-menu{ height: inherit;}

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {    background-color: #4e3629!important;}
.dataimport h4{margin-top:0;}
.admin_table th .btn-remove { background: #5d6782; border: 1px solid #5d6782; color: #c3c6d2;}
.admin_table th .btn-remove:hover { background: #303654; border: 1px solid #303654; color: #fff;}

.pagination { display: block;}
.pagination>li {    display: inline-block;}
.pagination>li>a, .pagination>li>span{float:none; display:block;}

.header .fa-plus{color: #5d6782;}
.bg-white.has-shadow.import-topsec {padding: 15px 22px;}
.import-topsec .bg-gray{background: #f1f1f1; border-radius:3px;}
.import-topsec .bg-gray .form-control{margin-bottom:0;}
.import-topsec .col-sm-3{padding-left:7px; padding-right:7px;}
.import-topsec .browse.btn-info.bg-green {    padding: 9px 15px;    margin-left: 0;    border-radius: 0 3px 3px 0;}
.row-eq-height .bg-white.has-shadow{height: 100%;}
.row-eq-height .has-shadow{position: relative;}
.row-eq-height .has-shadow:after{    content: '';  border: 1px solid #ddd;  border-radius: 3px;  width: 98%;  height: 94%;  top: 50%;  position: absolute;  left: 50%;  transform: translate(-50%, -50%);}
.variants thead {background: #2e3346;}
.table-listing .separation td {
  border: none;
}
.tab-pane .table-listing.variants .fa-pencil {
  background: #9fa6bf;
  padding: 9px;
  color: #fff;
  cursor: pointer;
}
.variants .fa-pencil {
  border: 1px solid #9fa6bf;
  margin-right: 4px;
}
.tab-pane .table-listing.variants .fa-trash {
  background: #9fa6bf;
  padding: 9px;
  color: #fff;
  cursor: pointer;
}
.variants .fa-check {
  background: #9fa6bf;
  padding: 9px;
  color: #fff;
  cursor: pointer;
}
.list_item1 .variants form {
  width: auto;
}

.variants input#number {
  width: 46px !important;
  height: 32px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.b2b-admin .gridbox{overflow: inherit;}
.listbox.list_item1.dashboard .public-outer{ float: right;width: 9%;background: #e9e9e9;text-align: center; padding: 5px;min-height: 35px;margin-right:6px; border-radius:5px;}
.listbox.list_item1.dashboard .Hold{ float: right;width: 9%;background: #e9e9e9;text-align: center; padding: 5px;min-height: 35px;margin-right:6px;border-radius: 5px;}
.listbox.list_item1.dashboard .Hold img{max-height: 18px; max-width: 10px;}
.listbox.list_item1.dashboard .image-upload{ float: right;width: 9%;background: #e9e9e9;text-align: center; padding: 5px;height: 35px;border:none;margin-right: 7px; margin-left: 8px;}
.listbox.list_item1.dashboard .image-upload.change-image{ float: left;width:100%;background: #5b6abf;text-align: center; padding: 5px;min-height: 34px;border:none;}
.listbox.list_item1.dashboard .image-upload img {  max-width: 20px;}  

.midcol .editable-col .edit { color: #fff;   transition: opacity .2s ease-in-out;top:0px;}
.midcol .editable-col .save {  display: none;  color: #fff; top:0px; }
.midcol .editable-col .text {    color: #fff;  font-size: 18px;  max-width: 50%;  width: auto;  left: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; font-weight: 400;} 
.catalog-listing .midcol .editable-col .edit{top: -15px;}

 .catalog-listing .midcol .editable-col .save{top:-15px;}
  
figure.effect-sadie .midcol {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 0;
} 
.catalog-listing .midcol .editable{border-bottom:none;} 


/****gallery image list view and grid view*****/

.image-area {width: 100%;margin: 20px 0px 20px 0px;}
.image-box{width: 33%;text-align: center;float: left;}
.category-item{position: relative;height: auto;}
.category-item .name {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(46, 51, 70, 0.5);margin: 10px;z-index: 2;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.category-item .name a {width: 100%;height: 50%;display: block;}
.category-item .name span {display: block;width: 100%;border: none;}
.category-item-text-wrapper {position: absolute;top: 50%;left: 0;right: 0;/*margin: -33px 0 0;*/text-align: center;transform:translateY(-50%);}
.category-item .name span {display: block;height: auto;padding:10px;}
.category-item-productname {font-size: 30px;color: #fff;}
.category-item-count {position: relative;font-size: 18px;font-style: italic;color: #fff;font-weight: normal;line-height: 1em;padding: 12px 0 0;font-weight: bold;}
.category-item-count:before {content: '';display: block;position: absolute;top: 0px;left: 0;right: 0; margin: auto;width: 23px;height: 1px;background: #fff;}
.image-box .category-item .picture {z-index: 1;overflow: hidden;}
.image-box .picture a {display: block;position: relative;width: 100%; margin: 0 auto;}
.image-box .category-item .picture img {max-width: 100%;height: 290px;padding: 10px 40px 0px 40px;}

.listbox{position: relative; cursor: pointer; background:#fff; height: auto; padding: 0 0 0 15px; border-bottom: 1px solid #e6e6e6; transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;}
.listbox:hover{border-bottom : 1px solid #ababab;}
.listbox .itemimg-hld{position: relative; height: 90px; padding:0;  text-align: center; background: #fff;}
.listbox .itemimg-hld img{ max-width: 100%;  max-height: 100%; border-radius: 4px 0 0 4px;}
.listbox h4{margin: 0; margin-bottom: 4px;  line-height: 24px;}
.listbox h2{font-size: 24px;}
.list-col .listbox .itemimg-hld img{max-width:100%; min-width: 160px;}
.list-col .listbox label{line-height: 10px; margin-bottom: 0;}
.pos-product-listing{padding-bottom: 50px;}
.listbox.active{background: #ffffff;border-bottom: 1px solid #9a2626;} 
.listbox a{ color:#808080}
.listbox a:hover{ color:#525252}
.modal-dialog-custom {
    max-width: 655px !important;
}


.pos-product-listing .dashboard[data-item-id="product_view_grid"] .listbox.active::after{ content: "\f058"; font: normal 26px/1 FontAwesome; position: absolute; right: 15px; color: #34ce71;
-webkit-animation: fade .5s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fade .5s; /* Firefox < 16 */
-ms-animation: fade .5s; /* Internet Explorer */
-o-animation: fade .5s; /* Opera < 12.1 */
animation: fade .5s;
}
.datelist{margin: 0; padding: 0;}
.datelist li{list-style: none; margin-bottom: 4px; color: #ababab;}
.datelist li span{color: #222;}
.itemnum{font-size: 18px; margin-bottom: 0; }

/* gridbox style */

.gridbox { position: relative;  margin: 0 .5% 15px;  padding: 0;  max-width: 1000px; list-style: none;  text-align: center;  width: 24%;  max-height: 400px;  background: #ededed; box-shadow: 0 1px 1px rgba(0,0,0,.2);  margin-bottom: 20px;  border-radius: 5px;  overflow: hidden;}

/* Common style */
.gridbox figure {  position: relative; overflow: hidden;  margin: 0; height:200px;  background: #171717;  text-align: center;  cursor: pointer;  border-radius: 0;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: center!important;  justify-content: center!important;}
.gridbox figure img{max-width: 100%;  max-height: 100%;     -ms-flex-item-align: center!important;  align-self: center!important;}
.gridbox figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.effect-sadie{height: 200px;text-align:center;}
.gridbox figure figcaption::before,
.gridbox figure figcaption::after {	pointer-events: none;}
.gridbox figure figcaption,
.gridbox figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.gridbox.catalog-listing figure figcaption,
.gridbox.catalog-listing figure figcaption > a {top: 0;	left: 0;	width: 100%;	height: 100%;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.gridbox figure figcaption > a {	z-index: 7;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.gridbox figure h2 {  font-size:28px;  color: #fff;  text-transform: capitalize;}
.gridbox figure .midcol em{background-color: #efefef;  color: #808080;  word-spacing: initial;  font-style: normal;  padding: 5px 12px;  border-radius: 3px;  margin-top: 15px;  text-transform: capitalize; font-weight: bold;  display: inline-block;  font-size: 14px;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.gridbox figure .midcol em small{font-size: 75%;}
.gridbox figure .midcol em:hover{background: #fff;}
.gridbox figure h2 span {	font-weight: 800;}
.gridbox figure h2,
.gridbox figure p {	margin: 0;}
.gridbox figure p {	letter-spacing: 1px;	font-size: 68.5%;}
/*---------------*/
/***** Sadie *****/
/*---------------*/
figure.effect-sadie figcaption::before {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 75%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 75%); content: '';	opacity: 0; -webkit-transform: translate3d(0,50%,0);  transform: translate3d(0,50%,0);}
figure.effect-sadie figcaption::before, figure.effect-sadie p {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {  opacity: 1;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
figure.effect-sadie h2{  color: #eef0ff;	-webkit-transition: -webkit-transform 0.35s, color 0.35s;	transition: transform 0.35s, color 0.35s;}
figure.effect-sadie p {	position: absolute;	bottom: 0;	left: 0;	padding: 2em;	width: 100%;	opacity: 0;	-webkit-transform: translate3d(0,10px,0);	transform: translate3d(0,10px,0); 	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie:hover {background: #313a68; background-repeat: no-repeat;  background-size: cover;  background-position: center;}
/*figure.effect-sadie:hover img{ -webkit-filter: blur(2px); filter: blur(0);   -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1);}
figure.effect-sadie:hover h2 {	color: #fff;	-webkit-transform: translate3d(0,0,0) translate3d(0,04px,0);	transform: translate3d(0,0,0) translate3d(0,04px,0);}
figure.effect-sadie:hover em{ margin-top: 8px; color: #414d9c;}*/

.effect-sadie:before{content:''; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.3); left:0;}

/* gridbox style */
.productlist_tab{ margin-bottom: 15px;}
.productlist_tab h5{color: #808080;}
.productlist_tab .viewcol a{padding: 0 12px;  text-align: center;  display: inline-block;  border-radius: 0;  font-size: 20px;  background: transparent;  color: #7c84a2;}
.productlist_tab .viewcol a:hover{color:#677090; }
.productlist_tab .viewcol a.current{color:#34ce71;}
.cusmtab-content{ margin: 0 -.5%;}
.tab-link.current{  background: #7c84a2;   color: #fff;}

.gridbox .image-upload > input{display: none;}
.gridbox .image-upload > label[for="file-input"]{margin: 0;  margin-top: -6px;}
.gridbox .image-upload img{  width: 100%;    cursor: pointer;}
.gridbox .image-upload:hover{background-color: rgba(255,255,255,1);}
.listbox .image-upload > input{ display: none;}
.listbox .image-upload > label[for="file-input"]{margin: 0; margin-top: -4px;  cursor: pointer;}
.listbox .image-upload img{  max-width: 24px;  }
.listbox .image-upload{ width: 100%;cursor: pointer;  height: 38px;  background-color: #5b6abf;  padding: 5px 10px;  box-sizing: border-box;  border: 1px solid #5b6abf;  border-radius: 4px;  color: #d1d5f4;  -webkit-transition: all 0.3s;  transition: all 0.3s;     position: relative; z-index: 5;}
.listbox .image-upload:hover{background-color: #3e4f92; border: 1px solid #3e4f92;   color: #fff;}

.listing-title .editable-col .save{color:#fff;}
.listing-title .editable-col .edit{color:#fff;}
.checkout-pos{margin-left:-1%; margin-right:-1%;  }
.checkout-pos li{ width: 100%; padding: 10px 30px 10px 25px;  margin: 0px 1.1% 10px;  list-style: none;  position: relative; }
.checkout-pos li .round{position: absolute; right:22px;}
/* .checkout-pos li .itempic{min-height:230px;} */
.checkout-pos li .itempic img{max-width: 100%;    max-height: 70px;}   
.round { position: relative;}
.round label {    background-color: #fff;    border: 1px solid #ccc;    border-radius: 50%;    cursor: pointer;    height: 28px;    left: 0;    position: absolute;    top: 0;    width: 28px;  }
.round label:after {  border: 2px solid #fff;    border-top: none;    border-right: none;    content: "";    height: 6px;    left: 7px;    opacity: 0;    position: absolute;    top: 8px;    transform: rotate(-45deg);    width: 12px;  }    
.round input[type="checkbox"] {    visibility: hidden;  }    
.round .active{  background-color: #66bb6a;    border-color: #66bb6a;  }
.round .active:after {    opacity: 1;  }
.checkout-pos li h3{ color: #2e3346;  line-height: 26px;  overflow: hidden;  max-width: 95%;}
.checkout-pos li p{font-size:13px; line-height: 18px;}
.pos .coupon-bar {background: #efefef;   border-radius: 3px; color: #000; padding: 10px;margin-bottom: 6px;}
.pos select{margin-bottom:0px;}
.pos_listing li{list-style: none;border: 1px solid #ccc; padding: 10px; border-radius: 5px;margin-bottom: 10px;}
.pos_listing li .right{text-align:right; font-weight: 500;}
.cart-section li img{max-width: 100%;}
.cart-section li{ background:#e6e6e6; float:left;border:1px solid #b0b0b0;  padding:10px; border-radius: 5px; list-style: none;margin-bottom:10px;}
.cart-section li h3{font-size:15px;color:#2e3346;}   
.cart-section li .thumbimages{float: left;width:20%;} 
.cart-section li .description{float: left;width:40%;margin-left:10px;} 
.cart-section li .description p{ margin-bottom: 0px;}
.cart-section li .price_sec{float: left;width:30%; margin-left:10px;}  
.cart-section li .price_sec #spn_orderprice{margin-bottom:10px;} 
.customer-top p{line-height: 10px;color:#fff;margin:5px 0px 5px;}
.discount-pos li{ list-style: none;}
.checkout-pos li #spn_orderprice{color: #444858;font-size: 19px; line-height: 37px;font-weight: bold;}
.cart-section #spn_orderprice{color: #444858; font-size: 19px;  line-height: 37px; font-weight: bold;text-align:right;} 
.pos .editing_prof{margin-top:20px;}
.pos .discount-pos{padding: 10px;}

.checkout-pos li .remove_btn{
  background: transparent;
    position: absolute;
    top: 6px;
    z-index: 2;
    right: -5px;
    border: none;
    color: #4e3629;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    border: 1px solid transparent;
    text-align: center;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.checkout-pos li .btn.btn-default{float: right;padding:6px 11px;}
.checkout-pos li .btn.btn-default .fa-shopping-cart{font-size: 18px;}
.discount-pos li table th{font-size:16px;}
.discount-pos li table td{font-size:16px; }
.discount-pos li .btn-info.bg-green{margin-left:0px; display: inline-block;width:100%;text-align:center;font-size:21px;}
.pos .add-option {background: #5a5a5a; color: #e6e6e6; display: inline-block;  padding: 0px 10px;  border-radius: 5px;  cursor: pointer;  height: 38px;  line-height: 37px;}
.coupon-bar p{    line-height: 17px;  font-size: 16px;  color: #000;}
.pos .add-option .fa.fa-plus{font-size: 17px;}

.pos .coupon-bar .input-group-btn .btn.btn-default{margin-top:0; padding-top: 7px; padding-bottom:7px; }
.customer-txt a:hover .fa-close:before, .customer-txt a:hover .fa-times:before{color: #000;}
.num-item{font-size: 14px; margin-right: 6px;  display: inline-block;}
.full-link{position: absolute;top: 0;width: 100%;height: 100%;text-indent: -2000px;z-index: 2;}
.text-col p{  margin: 0;  display: inline-block;  position: relative;}
.itemcount{ background: #999ca9;  width: 24px;  height: 24px;  border-radius: 50%;  color: #fff;  padding:5px 10px;  line-height: 14px;  font-size: 12px;  box-sizing: border-box;  margin-left: 5px;}
.p-top5{top:-5px;}

.custmpicker.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {  width: 100%; display: block;}
.custmpicker.bootstrap-select>.dropdown-toggle.bs-placeholder, .custmpicker.bootstrap-select>.dropdown-toggle.bs-placeholder:active, .custmpicker.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .custmpicker.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{background: transparent;}
.custmpicker .dropdown-menu[x-placement="bottom-start"] {    top: 20px !important;  left: 0 !important;}
.custmpicker.bootstrap-select.btn-group .dropdown-toggle .caret{display:none;}
.custmpicker.bootstrap-select.btn-group .dropdown-menu li a.opt { padding-left: 1.5em;}
.custmpicker .dropdown-header{ padding: 5px 8px; background: #f2f2f2;}
.custmpicker.bootstrap-select.btn-group .dropdown-menu li.selected{    background-color: #7a92d4;border:0 !important;}
.custmpicker.bootstrap-select.btn-group .dropdown-menu li.selected a{color: #fff;}
.custmpicker.bootstrap-select.btn-group .dropdown-menu li.selected a:hover{color: #808080;}
.custmpicker .btn.btn-default.dropdown-toggle{  padding: 3px 20px 3px 3px;  font-size: 13px;  color: #fff;  background: transparent;}
.glyphicon-ok:before {content: "\f00c"; font: normal 14px/1 FontAwesome;}
.scroller { z-index: 6; position: relative;}
 
 

td.priceamt { font-size: 16px;  font-weight: 600;  color: #808080;  text-align: right;}

.filtrcol .choices__list--multiple .choices__item { background-color: #393d4f; border: 1px solid #5d6782;     border-radius: 2px;}
.filtrcol .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { border-left: 1px solid #5d6782;  background-image: url(../images/cross.svg);}
.filtrcol .choices__input { background-color: transparent;  font-size: 13px;}
.filtrcol .choices__list--dropdown{color: #808080;}
.filtrcol .card-body, .filtrcol .collapse{background: transparent;}
.filtrcol label{font-size: 13px;}
/*.filtr-lbl{position: absolute; top: -36px; cursor: pointer; }*/
.filtr-lbl[aria-expanded="true"]{color: #808080;}
.filtr-lbl[aria-expanded="true"] .fa-filter{    border: 1px solid #34ce71; color: #34ce71; }
.filtr-lbl .fa-filter{    border: 1px solid #a4a8b5;  border-radius: 3px;  padding:9px 10px;  margin-right: 7px;}
.filtrcol .choices__inner {  background-color: transparent;  padding: 5px 0 0 0;  border: 0;  border-radius: 0;  min-height: 40px;}
.coupon-bar .btn.btn-primary{padding: 8px 15px; }
.payment-tbl tr:first-child td{border-top:0;}
.warrenty .left-panel{color: #bebebe;font-size:12px;}
.warrenty .col-sm-8{font-size:12px;}



.failed-product {
  margin-top: 30px;
}
.failed-product h3 {
  line-height: 46px;
  font-weight: 500;
  color: red;
}
.fail-txt {color:#d41010;}
.success-txt{color:#59a559;}

.table_outers_scroll {    height: 300px;    overflow-y: scroll;}
.fade {opacity: 1;}
.round {  position: relative;}
.round label {  background-color: #fff;  border: 1px solid #ccc;  border-radius: 50%;  cursor: pointer;  height: 28px;  left: 0;  position: absolute;  top: 0;  width: 28px;}
.round label:after {  border: 2px solid #fff;  border-top: none;  border-right: none;  content: "";  height: 6px;  left: 7px;  opacity: 0;  position: absolute;  top: 8px;  transform: rotate(-45deg);  width: 12px;}
.round input[type="checkbox"] {  visibility: hidden;}
.round .active{  background-color: #66bb6a;  border-color: #66bb6a;}
.round .active:after {  opacity: 1;}

#CustomSpecification_DIV .modal {    top: 0%;}
.mid_conent .col.terms-col {    float: left;}
.col.terms-col{ margin-bottom: 19px;}
.terms_condition{    width: 270px;    position: absolute;    left: 49px;    top: -4px;}
#divchklist img{border-radius:3px;}

.view-detail.section_preview .pnl_preview
.view-detail.section_preview .pnl_preview {   overflow: scroll;   margin-top: 20px;   height: 400px;}
.form-check-inline .form-check-label {    color: #808080;}

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {    background-color: #4e3629!important;    color: #fff;}
.dataimport h4{margin-top:0;}
.admin_table th .btn-remove { background: #5d6782; border: 1px solid #5d6782; color: #c3c6d2;}
.admin_table th .btn-remove:hover { background: #303654; border: 1px solid #303654; color: #fff;}

.pagination { display: block;}
.pagination>li {    display: inline-block;}
.pagination>li>a, .pagination>li>span{float:none; display:block;}

/* .scroller.promotion-code{z-index: 8;position: fixed;bottom: 0px;background: #fff;  width: calc(100% - 290px);} */

.scroller.promotion-code{background: #fff; -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15);
  box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15); top:0}

 /* .form-inline.gift-voucher { text-align:left; float:right;padding-right:14px;} */
  

 .apply-coupon li {  background: #f6f6f6;  color: #107cc2; border: 1px solid #e6e6e6;  list-style: none;  border-radius: 20px;  height: 31px;  width: 31px;  text-align: center;  padding: 7px 3px;  display: inline-block;  cursor: pointer;  font-size: 11px;  box-sizing: border-box;  margin: 0 1px; }   
  .listbox .alerts{color:red;}

  /* .scroller.cart-outer{   z-index: 8;position: fixed;bottom: 0px; width: calc(100% - 38.8%);} */
  .scroller.cart-outer{   z-index: 8;position: sticky;bottom: 0px; width: 100%;}
  .main_container.active .scroller.cart-outer{width: calc(100% - 150px);}
    
  .scroller.cart-outer .btn-info { text-align: center;font-size: 20px;padding: 0px;line-height: 40px;display: flex;
  flex-direction: row;  justify-content: center; height: 43px; width: calc(100% + 16px);}
 .scroller.cart-outer span {border-right: 1px solid #f5f5f5;padding-right: 10px;position: absolute;left: 9px;} 
 /* .pos-product-listing .listbox{max-height: none;text-align:center;margin-bottom:5px; padding: 5px;} */


@keyframes fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

 .apply-coupon .active{background: #808080;}
 .apply-coupon .active a{color:#fff;}
 .invoicetable tr{position: relative;}
 .invoicetable .discount .fa{position: absolute; right:4px;top:8px;}
 .promotion-code a.btn-info{text-align: center;font-size:18px;}


 .pos-product-listing .col-sm-8 h2{ text-align:left;}
 .pos-product-listing .itemimg-hld{ padding: 0px;  overflow: hidden;  }
 .promotion-code .bg-white{padding: 0px;}



.invoicetable td{ padding: 5px 20px !important;}
.invoicetable td:last-child{text-align: right;}
.invoicetable .discount{color:#808080;position: relative;}
.add-customer p{text-align: left;  font-size: 16px;  margin-top: 0;  margin-bottom: 0;}
.remove-coupon span{margin-right:10px;font-size:20px;}
.pos-orders input{padding:0px;margin:0px;}
.pos-orders input {padding: 0px;margin-top: -7px;margin-left: 0px;}
.table-listing.pos-orders td{ padding:14px;}
.table-listing.pos-orders th{ padding:14px;}

.total-payable-amount h3{color:#808080; text-align:center;}
.total-payable-amount h2{ color: #4e3629;
  text-align: center;
  font-weight: 500;
  font-size: 25px;}
.total-payable-amount ul {  list-style: none;  margin: 0 auto;  width: 600px;margin-top: 38px; text-align: center;}
.total-payable-amount ul li {list-style: none; display: inline-block; width: 46%; border: 1px solid #dedddd; border-radius: 5px; text-align: center; margin: 2%; padding:4%; cursor: pointer;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
   -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
       animation: fadein 2s;
}
.total-payable-amount ul li:hover{-webkit-box-shadow:0px 2px 5px 0px rgba(195, 191, 191, 0.8);-moz-box-shadow:0px 2px 5px 0px  rgba(195, 191, 191, 0.8); box-shadow:0px 2px 5px 0px rgba(195, 191, 191, 0.8);}   
.total-payable-amount ul li .fa{font-size: 35px;margin-bottom:20px; color:#808080;}
.list-col .listbox .col-sm-2 .btndrop{margin-top: 10px; display: inline-block;}
 
.list-col .listbox .edit {position: absolute;top: 0px;right:0px;}
.list-col .listbox .save {position: absolute;top: 0px;right:0px;} 
.list-col.cusmtab-content .text{word-wrap: break-word;padding-right: 11px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; margin-bottom: 0;}
.catelog-product-master .public_contain{float: right;}  
.productlist_content .selected-area {float: left; width: auto;  background: #808080;
  color: #f3f1f1; padding: 6px 10px;  font-size: 17px;  border-radius: 4px; margin-bottom:10px;}
 
 

 

.productlist_content .selected-area #total_product_count{color:#fff;}
.admin_table .product-name{color:#808080;}
.admin_table .product-sku{color:#929292; font-weight:600;}
.admin_table .product-price{color:#929292; font-weight:600;}
.productlist_content .admin_table .image_checkbox{margin-top: -6px;}

.categories .scroll h4::after{border-bottom: none !important;}
.catalog-listing .listing-title{float:left;margin-top:10px;}
.catalog-listing .listing-title .text{color:#fff;float:left;margin-left:10px;}
.catalog-listing .listing-title em{float:left;color:#fff;margin-left:11px;}

#imported_fields .field_name { padding-left: 20px; position: relative;}
.checked-tick:before{  content: "\f00c";  display: inline-block;  font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  color: #28a745;  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);}

.main_loader{ position: fixed; width: 100%; top: 0; left: 0; height: 100%; display: flex; flex-direction: column; justify-content:center; overflow-y: hidden;background: rgba(255, 255, 255, .9); z-index: 9999;} 
.loader_sec{ width: 100%; text-align: center; } 
.loader_sec img{ max-height: 100%; max-width: 100%;}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {  border-top: 0;  border-bottom: 0;}

.pane-hScroll table {  table-layout: fixed;  width: 100%;  margin-bottom: 0 !important;}
/* .pane-hScroll th, .pane-hScroll td {  width: 160px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;} */
.pane-hScroll th, .pane-hScroll td {  width: 160px;}

.pane-hScroll.pane125 th, .pane-hScroll.pane125 td {  width: 125px;}
.pane-hScroll.pane125 .pane-vScroll{min-height:125px; padding-bottom: 65px;}
.botmpad-65{padding-bottom: 65px;}
.pane-hScroll.validate-tbl th:nth-child(1), .pane-hScroll.validate-tbl td:nth-child(1) { width: 50px;}
.pane-hScroll.validate-tbl th:nth-child(2), .pane-hScroll.validate-tbl td:nth-child(2) { width: 80px;}
.pane-hScroll {  overflow: auto;  width: 100%;}
.pane-vScroll {  overflow-y: auto;  overflow-x: hidden;}
.scrollH-400 .pane-vScroll{max-height: 400px;}
.pane-vScroll .table thead{ visibility: hidden;}
.pane-vScroll .table thead th{padding: 0; line-height: 0; height: 0; padding: 0; border: 0;}

.btn-info.bg-green.disabled{ opacity: .3; pointer-events: none;}

.module_tab input.form-control, .module_tab textarea.form-control, .module_tab select.form-control { margin-bottom: 0;}
/* .module_tab label{color: #737373;} *
.module_tab h5{    padding-bottom: 15px;    padding-top: 15px;    margin-bottom: 25px;    border-bottom: 1px solid #f6f6f6;}
*/
.addicon, .delicon{ padding: 6px 10px; display: inline-block; background: #e6e6e6; margin-right: 5px; border-radius: 4px; cursor: pointer;}

.pad-t-0{padding-top:0 !important;}
.module_tab .eachrow{ margin-top: 15px;}
.addrow-sec .col-sm-1{padding-left:0; padding-right:0;  }
.mtp-25{margin-top: 15px;}
.deta_management.bottom_portion .form-check-input {width: auto; margin-left: 1px;margin-top: 10px; position: relative;}
.domain-bg{background: #f6f6f6;padding: 15px;margin-bottom:10px;}
#blogpost .domain-bg h3{margin-top:20px;}

.blog-postright h3{text-align:left; font-size:18px;}
.connect_domain {  margin-top: 30px;text-align: center;}
.contact-email{display:none;}
.contact-email.active{display: block;}
.domain-bg .bootstrap-tagsinput{margin-left:0px;width: 186px !important; text-align: left;}

.domain-bg .edit{float:left;margin-left:15px;}
.domain-bg .remove{float:right;margin-right:15px;}

.default-store-name .form-check {  float: left;  width: 30%;}
#captcha .collapse_area {  background: #f3f3f3;  padding: 10px;  display: none;  }
.rounded-option .btn-info.bg-green{ display: inline;}
.default-store-name .form-check img {  max-width: 100%;  }
.number-increase { margin: 0 auto;  padding-top: 0px;  }


.remove_btn{cursor: pointer;}

.number-increase .number {    width: 46px !important;    height: 36px;       margin-top: -1px;  margin-bottom: 0px;    text-align: center;  background: #fff; border: 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.number-increase #decrease {     line-height: 18px;   margin-right: -4px;    margin-bottom: 3px;    border: 1px solid #ddd; border-right:0; }
.value-button {    display: inline-block;   margin: 0px;    width: 40px;    height: 36px;    text-align: center;    vertical-align: middle;    padding: 7px 0;    background: #fff;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    }
.number-increase #increase {     line-height: 26px;   margin-left: -4px;    margin-bottom: 3px;   border: 1px solid #ddd; border-left:0;  }
.ebay-marketpalce .choose-enable {  margin-top: 24px; margin-bottom: 10px;}
.ebay-marketpalce span.choosepage { float: left; width: 200px; margin-right: 10px; margin-top: 0px; color: #5977cd;}
.ebay-marketpalce .choose-enable .form-check-input {margin-top: 3px;}
.ebay-marketpalce .form-check label { margin-top: 0px; }
.ebay-marketpalce label {  color: #5977cd; line-height: 17px; margin-top: 8px;}

.bor-rt{border-right:1px solid #a0a0a0;}
.coupon-bar .bor-rt{color: #545971; }
.coupon-bar .bor-rt:hover{color: #556080;}
      .product_manage.catalog-listing .image-upload {top: 130px; left: 10px;width: 30px; height: 30px;
      background-color: rgba(255,255,255,.8);z-index: 1; padding: 4px 5px; } 
      .product_manage .image-upload label{   line-height: 10px;} 
      .product_manage .image-upload img { width: 100%;cursor: pointer;}
      .product_manage .image-upload > input { display: none;} 
        

.shop-radius{border-radius: 3px 0 0 3px;}
.pay-radius{border-radius: 0 3px 3px 0 !important;  }
#email .btn-info.bg-green {position: absolute;right: 48px;  top: 62px;}

.inv-check{top: 2px; position: relative;}
.divaction .fa{    width: 28px;  height: 28px;  background: #808080;  border-radius: 3px;  text-align: center;  padding: 5px;  color: #fff; line-height: 18px; cursor: pointer;}
.product-variant-action-btn .fa{    width: 28px;  height: 28px;  background: #808080;  border-radius: 3px;  text-align: center;  padding: 5px;  color: #fff; line-height: 18px; cursor: pointer;}
.inv-check{top: 2px; position: relative;}


/*multilabel menu*/

.u-vmenu ul li {
	width: auto;
  list-style: none;
  
}
.u-vmenu ul:first-child > li:not(:last-child){/*border-bottom: 1px solid #efefef;*/}
.u-vmenu ul ul{
	display: none;
}
.u-vmenu > ul > li {
	/* background: url(../images/vmenu/zakladka.png) left top no-repeat; */
	background-size: 100% auto;
}
/* .u-vmenu ul li a {
	height: 30px;
	line-height: 30px;
	display: block;
	font-size: 14px;
	color: #82846f;
	text-decoration: none;
  outline: none;
} */

.u-vmenu ul li a[data-option='on']{
  background: url(../images/arrows-up.png) center no-repeat; 
}
.u-vmenu ul li a[data-option='off'] {
  background: url(../images/arrows.png) center no-repeat;
}

/*multilabel menu*/

.multilabel-menu-col .checkbox-primary{  width: calc(100% - 26px);  float: left;}
.categories .u-vmenu ul li a{display: inline-block; width: 26px; height: 26px; border-radius:3px; }
.categories .accordion {padding: 0; margin-bottom: 0;  border-bottom: 0; width: auto;}

.productwrap .color_sea .checkbox label{width: auto}
.rangeinput{    border: 0;  margin-bottom: 13px;  width: 100%;   padding: 0 4px;  color: #808080; font-weight: 600; background: transparent;}
#email .save{position: relative;  right: 0px;  top: 0px;}
.file-browse-btn{  padding: 9px 15px; background: #4e3629;
  border: 1px solid #808080; color: #fff;border-radius: 4px;font-size: 13px; font-weight: 400;  
  vertical-align: middle; box-shadow: none;margin-left: 10px; transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  display: inline-block;}
.product_key .fa-trash {
    position: absolute;
    right: 26px;
    top: 23px;
}

.product_key .fa-trash::before {
  color: #d5d5d5;
  font-size: 20px;
  font-weight: normal;
}





.copy a{display: inline-block; border: 1px solid #c5c5c5;  padding: 7px 10px;     margin-left: 3px;  font-size: 14px;  line-height: 19px;  border-radius: 4px; text-align: center;  color: #556080;}
.copy a:hover{border: 1px solid #808080; color:#808080;}

/*dashboard - 08062018*/

.action-link{margin: 0; padding: 0;}
.action-link li{list-style: none; display: inline-block; width: 38px;  height: 38px; position: relative; margin-left: 2px;}
.action-link li a{   display: block; height: 100%;  background-color: #5b6abf;  border-radius: 3px;  text-align: center;}
.action-link li .act-icon { opacity: .8; background-image:url(../images/sprite-sm.png); background-repeat:no-repeat; width: 22px; height: 23px;  display: inline-block;  position: relative;  top: 50%;  transform: translateY(-50%);}
.action-link li .act-icon.setting-i{background-position: 0 -590px;}
.action-link li .act-icon.msg-i{background-position: 0 -628px;}
.action-link li .act-icon.announce-i{background-position: 0 -551px;}
.bordr-btm{position: relative;}
.bordr-btm:after{ content: "";  position: absolute;  height: 1px;  background: #e6e6e6;  width: calc(100% - 22px);  bottom: 1.2rem;  left: 50%;  transform: translateX(-50%);}
.action-link li .dropdown-toggle::after{content:none; }
.action-link li .dropdown-menu.dropdown-menu-right{left: inherit!important; right: 0!important; top: 100%!important; min-width: 250px;}
.action-link li .dropdown-menu.dropdown-menu-right::before, .action-link li .dropdown-menu.dropdown-menu-right::after{left: inherit!important; right: 7px !important;}
.action-link li .d-block-wrap li{ list-style: none; display: block;  width:100%; height: auto; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px; padding-bottom: 10px;}
.action-link li .d-block-wrap li:last-child{border-bottom:0; margin-bottom: 0; padding-bottom:0; }
.action-link li .d-block-wrap li .form-check{margin-bottom: 0;}
.announce-col h6{color:#5b6abf; margin-top: 0;}
.action-link li a:hover{background: #555d7b; }
.action-link li a:hover .act-icon{opacity: 1;}
.general-col{min-height: 125px; padding:0 0 20px 0; box-sizing: border-box;}
.general-col h6{color: #989898; font-size: 14px; margin: 0;}
.general-col p{color: #222; margin-bottom: 0;}
.general-col p.big-text{font-size: 26px;}

.bg-style{border-radius: 4px;    -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15);  box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15); max-height: 100%;}



.portlet-widget .column { padding-bottom: 20px;}
.portlet-widget .portlet { margin: 0 0 0 0;  padding: 0;     border-radius: 4px;      -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15);  box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15); border:0; -webkit-transition: 0.1s all ease;  -moz-transition:  0.1s all ease;  transition:  0.1s all ease;}
.portlet-widget .portlet:not(:last-child){ margin-bottom: 20px;}
.portlet-widget .portlet-header {cursor: move;  font-weight:400;  font-size:16px; line-height: 20px; color: #5b6abe;  padding: 1rem;  margin: 0;  border-radius: 0;  position: relative;  border: 0;  background: none; border-bottom:1px solid #dddddd;  -webkit-transition: 0.6s ease-out;  -moz-transition:  0.6s ease-out;  transition:  0.6s ease-out;}
.portlet-widget .portlet-header:hover{background: #f1f3fb;}
.portlet-widget .portlet-toggle {cursor: pointer; position: absolute;  top: 50%;  right: 40px;  margin-top: -8px; }
.portlet-widget .ui-widget-header .ui-icon{background-image: url(../images/sprite-sm.png);   background-repeat: no-repeat;  width: 16px;  height: 16px; opacity: .4; -webkit-transition: 0.6s ease-out;  -moz-transition:  0.6s ease-out;  transition:  0.6s ease-out;}
.portlet-widget .ui-icon-minusthick{background-position: -3px -660px; -webkit-transform: rotate(0deg) ;  -moz-transform: rotate(0deg);  transform: rotate(0deg);   transform-origin: center;  transform-style: preserve-3D;}
.portlet-widget .ui-icon-plusthick{background-position: -3px -660px; opacity: 1 !important; -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  transform: rotate(180deg); }
.portlet-widget .portlet-close {cursor: pointer; position: absolute;  top: 50%;  right: 16px;  margin-top: -8px; }
.portlet-widget .ui-icon-close {background-position: -3px -683px; }
.portlet-widget .ui-icon-close:hover{-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  transform: rotate(90deg); opacity: 1 !important;}
.portlet-widget .portlet-content { padding: 0;}  
.portlet-widget .portlet-placeholder {border: 1px dashed #808080; margin: 0 0 1em 0; height: 150px; }
.portlet-widget .status_ready_download{margin-bottom: 0;}
.card-columns.portlet-widget{ column-count: 2;}
.card-columns.portlet-widget .card{    padding: 0;}


.txt-break{max-width: 120px; word-break: break-all;/*display: block;*/ }
/* .violet-bg{background: #d1d5ee !important;} */
.custom-pagi.pagination>li{ display: inline;}
.custom-pagi.pagination>li>a, .custom-pagi.pagination>li>span{padding: 5px 10px; float: left; color: #646c8a; }
.custom-pagi.pagination>li.active>a, .custom-pagi.pagination>li.active>a:hover {color: #fff; background-color: #4e3629; border-color: #4e3629;}
.custom-pagi.pagination>li>a:hover, .custom-pagi.pagination>li>span:hover, .custom-pagi.pagination>li>a:focus, .custom-pagi.pagination>li>span:focus {color: #fff; background-color: #4e3629; border-color: #4e3629;}
.custom-pagi.pagination .page-link:focus{box-shadow: none;}

.custom-pagi.pagination .fa{font-weight: 600;}
.custom-pagi.pagination .fa-chevron-left:before {content: "\f104" !important;}
.custom-pagi.pagination .fa-chevron-right:before {content: "\f105" !important;}

.table.admin_table a[data-toggle="tooltip"]{color: #5b6abf;}
.table.admin_table a:hover[data-toggle="tooltip"]{color: #808080;}
.portlet-content a i.fa-retweet { background-image: url(../images/sprite-sm.png);  background-repeat: no-repeat; background-position: -1px -711px; width: 22px;  height: 20px;  display: inline-block; opacity: .6;     position: relative; top: 2px;}
.portlet-content a:hover i.fa-retweet{opacity: 1;}
.portlet-content a i.fa-retweet:before{content: none;}
.wid-bottom-row .btn-sm{ padding: 3px 5px;}
.wid-bottom-row .btn-sm.btn-info.bg-green{margin-left: 3px;}
.maxH-table{max-height: 252px; overflow: auto; overflow-x: hidden;}
.voilet-txt{color: #4456be;}
.admin_table.graybg-table.table{border-spacing:0 .6em; border-collapse:separate; font-size: 14px;}
.admin_table.graybg-table.table>tbody{ border: 0;}
.admin_table.graybg-table.table>tbody>tr>td{ background: #f4f4f4;  border-bottom: 0;  border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding: 12px 8px;}
.admin_table.graybg-table.table>tbody>tr>td:first-child{ border-radius: 3px 0 0 3px; border-left: 1px solid #c5c5c5;}
.admin_table.graybg-table.table>tbody>tr>td:last-child{ border-radius: 0 3px 3px 0; border-right: 1px solid #c5c5c5;}
.img-sizing-1{max-width: 50px; max-height: 50px;}
.dark-txt{color: #808080;}

.top-widget .general-col{ padding: 0; }
.with-sdo{    border-radius: 4px;     -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.09), 0 1px 3px 0 rgba(63,63,68,0.15);
  box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);}

.portlet-sortable-placeholder {
	border: 2px dashed #d0d4e6;
	margin-bottom: 25px
}

.portlet-sortable-empty {
	box-shadow: none!important;
  height: 45px;
  background:transparent !important;
  border:0 !important;
}

.portlet-collapsed {
	display: none
}
/*dashboard - 08062018*/

/*order-dashboard - 11062018*/

.order-col{float: left; margin-right:10px;  background: #5b6abf; border:1px solid #5b6abf; padding:8px 10px; border-radius: 4px;}
.order-col h5{color: #c4ccfa; margin: 0; font-weight: 400; font-size: 16px; line-height: 22px;}
.order-col h5 span{font-size: 18px; color: #fff; margin-left:5px;}
.created-info{float: left; background: #fff; border: 1px solid #c7c7c7; padding:9px 10px; border-radius: 4px; min-width: 260px;}
.created-info p{margin: 0; font-size: 16px;     }
.created-info p span{color: #5b6abf; margin-left: 5px;}
.w-50{width: 50%; float: left;}
.w-33{display: inline-block; padding: 0 12px; box-sizing: border-box;}
.overview-wrap h4{margin-top: 0; border-bottom:1px solid #ddd; color:#5b6abf;}
.overview-wrap em{font-style: normal; color: #808080;}
.collapsecard .card{border-radius:0; margin-bottom: 0; }
.collapsecard.collapse{background: transparent;}

.darkgray-txt {color: #6c6c6c !important;}
.grn-round {background: #6bc259;  width: 32px;  height: 32px;  border-radius: 50%;  text-align: center;  line-height: 32px;  color: #fff;  margin-right: 10px;}
.bord-btm-0{border-bottom:0 !important; }
.admin_table.graybg-table.no-border.table>tbody>tr>td, .admin_table.graybg-table.no-border.table>tbody>tr>td:first-child, .admin_table.graybg-table.no-border.table>tbody>tr>td:last-child{border: 0;}
.border-top{border-top:1px solid #dddddd; }
.dropup .dropdown-menu[x-placement="top-start"]{top: auto !important;}
.dropup .dropdown-menu:before, .dropup .dropdown-menu:after{content: none;} 
.dropdown-menu li{list-style:none;}
.member-pic{ width: 64px; height: 64px; border-radius:50%;  background: #e6e6e6; overflow: hidden; text-align: center; margin-right: 15px;}
.member-pic img{width: 100%; }
.member-name {margin: 0; font-size: 18px; }
.member-text{margin: 0; color:#5b69c1;}
.checkorder-txt{line-height: 18px;}
.num-text{font-size:18px; line-height: 20px; }
.dropdown-menu-right {right: 0; left: auto;}

.custm-select .dropdown-menu-right {  right: 0;  left: auto !important;  top: 100% !important;}
.custm-select .dropdown-menu.dropdown-menu-right:before, .custm-select .dropdown-menu.dropdown-menu-right:after{    left: auto; right: 8px;}
.custm-select .selected{ border: 0 !important;  background: #7a92d4;  color: #fff;}
.iconedit-text, .iconedit-text a{font-size: 18px; color: #808080;}
.iconedit-text .fa, .iconedit-text a .fa{color: #5a6bbd;  width: 26px;  font-size: 24px;  text-align: center;}
.iconedit-text a:hover{color: #5a6bbd;}
.btn-default.btn-sm.outlinebg{     border: 1px solid #404667;  background: transparent;  color: #404667;  padding: 6px 15px 5px 15px;}
.btn-default.btn-sm.outlinebg:hover{color: #808080; border: 1px solid #808080;}
.w-32{width: 18px; display: block; font-size: 20px; color: #5a6bbd;} 
.iconedit-text .form-control{ padding: 7px 10px; font-size: 16px;}
.iconedit-text .form-control:disabled{background: transparent; border:1px solid transparent;}
.iconedit-text.form-group {  margin-bottom: 8px;}
h4 .orderEditBtn span{ border-bottom: 0;  height: auto;  width: auto;  display: block;  padding-top: 0;}
.btn-info.bg-green.order-saveBtn{display: none;}

.highlight-txt {color: #848484; font-size: 14px;}
.highlight-txt .fa{margin-right:8px;}
.total-salecolr .fa{color: #2961ff;}
.monthly-incmcolr .fa{color: #40c4ff;}
.total-incmcolr .fa{color: #5b6abf;}
.chart-widget .ct-series-a .ct-bar, 
.chart-widget .ct-series-a .ct-line, 
.chart-widget .ct-series-a .ct-point, 
.chart-widget .ct-series-a .ct-slice-donut{stroke: #2961ff;}


.chart-widget .ct-series-b .ct-bar, 
.chart-widget .ct-series-b .ct-line, 
.chart-widget .ct-series-b .ct-point, 
.chart-widget .ct-series-b .ct-slice-donut{stroke: #40c4ff;}

.chart-widget .ct-series-c .ct-bar, 
.chart-widget .ct-series-c .ct-line, 
.chart-widget .ct-series-c .ct-point, 
.chart-widget .ct-series-c .ct-slice-donut{stroke: #5b6abf;}



/*stepper css*/

.step-app .step-steps { margin: 0;  padding: 0;  border-radius: 3px 3px 0 0;  overflow: hidden; font-size:13px;}
.step-app .step-steps li { list-style: none; }
/* .step-app .step-steps li:last-child a {  border: none;} */
.step-app .step-steps li a {position: relative;  display: block; min-height:40px; padding-bottom: 10px; margin-bottom: 10px; color: #737373;  background-color: transparent;  text-decoration: none;   border-bottom:3px solid #e6e6e6;     text-align: right;}
.step-app .step-steps li a em{ width: 70%;  font-style: normal;  display: inline-block;}
.step-app .step-steps li a .number {  background: #fff;  padding: 0 8px;  display: inline-block;  text-align: center;  margin-right: 15px;  border-radius: 3px;  color: #808080;}
.step-app .step-steps li a:hover {  border-color: #ddd; color: #808080;}
.step-app .step-steps li.active-step a {  border-color: #808080;  color: #808080;}
.step-app .step-steps li.error a {  border-color: #e7505a;  color: #e7505a;}
.step-app .step-steps li.done a {  border-color: #3cb371;  color: #3cb371;}
.step-app .step-content {  border: 1px solid #e5e5e5;  padding: 10px;  border-top: 0;}
.step-app .step-steps li a:after{content: '';  width: 10px;  height: 10px;  border-radius: 10px;  position: absolute;  border: 2px solid #e6e6e6;  background: #fff;  bottom: -6px;  right: 0;}
.step-app .step-steps li a:hover:after { border: 2px solid #ddd;  background: #ddd;}
.step-app .step-steps li.active-step a:after { border: 2px solid #808080;  background: #fff;}
.step-app .step-steps li.error a:after { border: 2px solid #e7505a;  background: #e7505a;}
.step-app .step-steps li.done a:after { border: 2px solid #3cb371;  background: #3cb371;}

.step-app .step-content .step-tab-panel {  display: none;}
.step-app .step-content .step-tab-panel.active-step {  display: block;}
.step-app .step-footer { padding-top: 15px;  margin-top: 15px;  margin-bottom: 15px;  border-top: 1px solid #e6e6e6;}
.step-app .step-footer .step-btn {  padding: 4px 16px;  color: #808080;  text-decoration: none;  background: #e5e5e5;  border-radius: 3px;  border: none;  outline: none;  cursor: pointer;}
/*# sourceMappingURL=jquery-steps.css.map */


.stepwrap .step-app > .step-steps{border-radius: 0; }
.stepwrap .step-app > .step-content{border: 0;}
.stepwrap .lSSlideWrapper { overflow: visible;}
.stepwrap .lSSlideOuter{padding: 0 30px;}
.stepwrap .lSSlideOuter .lightSlider{min-height: auto !important;}
.stepwrap .lSAction>a {z-index:100; width: 20px; top: 0;  margin-top: 0; border-radius:3px;  background-image: url(../images/controlar-nav.png);  background-repeat: no-repeat;}
.stepwrap .lSAction>.lSPrev{left:-30px; background-position: -3px center; }
.stepwrap .lSAction>.lSNext{right:-30px; background-position: -40px center;}
.time-info {color: #808080;}
.time-info span{background: #c9d2ea; font-size: 13px; padding: 3px 8px; border-radius:3px; color: #232738; }
.hidden-elem ul{margin: 0; padding: 0; margin-top: 25px;}
.hidden-elem li{list-style: none; border-bottom: 1px solid #e6e6e6;}
.hidden-elem li:last-child{border-bottom: none;}
.hidden-elem li h6{font-size: 14px;}

.hide-link {font-size:13px; color: #5a6bbd;}
.hide-link .fa{font-size: 12px;}

.hidden-elem{display:none;}
.dropdown-menu>li>a.red-txt{color:#d20808;}
.allow-filtering{float: right;}
.allow-filtering .form-check-input{position: relative;}
.allowfilteringhead {text-align: right;margin-right: 19px;margin-bottom: 10px;font-weight: bold; line-height: 45px; }
.system-fields h3{margin-bottom:13px;}



/*order-dashboard - 11062018*/

/*email templete customization 23062018*/

.storeitem-wrap .store-logo{width: 100%; height:100px;  background: #fff; text-align: center; margin-bottom:16px; border-radius: 4px; } 
.storeitem-wrap .store-logo img{max-width: 100%; max-height: 100%; height: auto;}
.storeitem-wrap .lightSlider.lsGrab>*{min-height: auto;}
.storeitem-wrap li{opacity: .6;}
.storeitem-wrap li.elected{opacity: 1;}
.storeitem-wrap .elected .store-logo{    border: 2px dashed #808080}
.storeitem-wrap .lSAction>a {opacity: .6;  background-color: #b5b5b5;  background-image: url(../images/controlar-nav.png);  background-repeat: no-repeat;}
.storeitem-wrap .lSAction>.lSPrev {  left: 0;  background-position: 0 ;}
.storeitem-wrap .lSAction>.lSNext {  right: 0;  background-position: -32px 0;}
.email-widget-col{margin-bottom: 20px;}
.email-widget-col h4{margin-top:0; margin-bottom:25px; }
.email-widget-col li{margin-bottom:15px; }
.voilet-txt{color: #808080}
.config-icn{background: #808080;width: 24px;height: 24px;border-radius: 3px;text-align: center;line-height: 24px;color: #fff;}
.overlaydisable{position: relative;}
.overlaydisable:before{    content: '';    width: 100%; height: 100%;    position: absolute;    background: rgba(255,255,255,.5);    z-index: 500;    border-radius: 3px;    top: 0;    display: block;}

.maileditable{position: relative; }
.editable { border-bottom: 1px solid #cccaca;;}
.maileditable.text { position: relative;  outline: none; display:block;   min-width: 15px; min-height: 31px;}
.title_sec h4.text:after{content: ''; border-bottom: 2px solid #c8cede;  height: 1px;  width: 25px; position: absolute;  bottom: 0; left:0;}
.maileditable .edit, .maileditable .save { display: inline-block; border-bottom: 0; margin-left:15px;  text-align: center;  cursor: pointer;  position: relative;  top: 0;  font-size: 14px; }
.maileditable .edit { color: #6c7293000; opacity: 0;  transition: opacity .2s ease-in-out;}
.maileditable .save {  display: none;  color: #bd0f18; }
.maileditable:hover .edit {  opacity: 1;}

/*email templete customization 23062018*/

.shipping_area{ margin:0px; width: 100%; background: #f1f1f1; padding:0px; border-radius: 5px;}
.shipping_area ul{ margin: 0;padding: 0; list-style-type: none;}
.shipping_area ul li{ width: 100%;padding: 15px;}
.shipping_area ul li:first-child{ border-bottom: 1px solid #c5c5c5;}
.shipping_area .badge-secondary {color: #808080;font-size: 1rem;background-color: transparent;}
.payment_area{ margin:0px; width: 100%; background: #f1f1f1; padding:0px; border-radius: 5px;}
.payment_area ul{ margin: 0;padding: 0; list-style-type: none;}
.payment_area ul li{ width: 100%;padding: 15px; border-bottom: 1px solid #c5c5c5;}
.payment_area ul li:last-child{ border-bottom: none;}
.payment_area .badge-secondary {background-color: transparent; float: right;}
.payment_area .badge-secondary img{ height: 20px; width: auto;}
.review_area{ margin:0px; width: 100%; background: #f1f1f1; padding:0px; border-radius: 5px;}
.review_area .table td, .table th {padding: .75rem;vertical-align: middle;border-top: 0; border:0}
.comment_area{ margin:0px; width: 100%; background: #e6e6e6; padding:15px; border-radius: 5px;}
.comment_area textarea{ resize: none;}
.comment_area .btn{ width: 100%;}
.checkout_sec .custom-control-label{line-height:22px; font-size:13px;}
.checkout_sec h3{margin-bottom:20px;margin-top:15px;}
.card-information{display:none;}
.card-information.active{display: block;
background: #e3e0e0;
padding: 10px;}
.card-information h6{padding-left:20px;}
.card-information label{line-height: 10px;}
.cvv-code{width:33%;}
#frmcreatestore h3{font-size:15px;}
#frmcreatestore input[type=text]{width:85%;}
#frmcreatestore span{font-size: 16px;line-height: 34px;  font-weight: bold;margin-left: 10px;color:#808080;}

.inv-check{top: 2px; position: relative;}
.divaction .fa{    width: 28px;  height: 28px;  background: #808080;  border-radius: 3px;  text-align: center;  padding: 5px;  color: #fff; line-height: 18px; cursor: pointer;}
.sample-box-outer {
  padding: 10px;
  border: 1px solid #e9e6e6;
  background: #f9f9f9;
  margin-top:10px;
}

#countryviewall ul{list-style: none;}

.rates-outer{background: #f5f5f5; padding:12px 20px;}
.rates-outer ul li {list-style: none;display: inline-block;width: 31.5%;margin-right: 2%;background: #fff;padding: 1%;
} 
.rates-outer ul li:last-child{margin-right:0%;} 
  
.weight-based .fa.fa-pencil{position: absolute;  top: 12px; right: 45px;cursor:pointer;} 
.weight-based .fa.fa-trash-o{position: absolute;  top: 12px; right: 72px; cursor:pointer;} 
.shipping-zone #sel1{padding:8px 10px;}
#viewservices ul{padding:0px;}
#viewservices ul li{padding:0px; list-style: none;margin-bottom: 10px;}
.addmore-right-btn{text-align: right;margin-right:13px;}
.scrolloption .form-check-input{position: relative; margin-top: .25rem;  margin-left:6px;
  margin-right: 20px !important;}
 
.panel-group .panel {border-radius: 0;box-shadow: none;  border-color: #EEEEEE;}
.panel-default > .panel-heading {  padding: 0;border-radius: 0;color: #212121;background-color: #FAFAFA;border-color: #EEEEEE;
}
.panel-title {font-size: 14px;}
.panel-title > a {display: block; padding: 15px;text-decoration: none;}
.more-less { float: right;color: #212121;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

#carrier #accordion .panel{display:block !important; padding:0px;}
#carrier #accordion .panel-title{margin-top:0px;}
.dashboard .divaction p#license{ background-color :#fff;padding : 6px; color:#666;font-weight: bold; float:left;width:94%;text-align:left;
  border: 1px solid #e9e6e6;background: #f9f9f9;
  
}
#license textarea{border: none; resize: none; background: transparent;}

.image_order_outers .divaction{position: relative;}
.weight-based .weight{border: 1px solid #e9e6e6;background: #f9f9f9; padding:10px;min-height:150px;}
  
.catelog-product-master .search-country .dropdownsearch{ float:left;width:60%;}
.catelog-product-master .search-country .dropdownsearch ul li label{text-align:left;}
.search-countries{display:none;}

#carrier #accordion .collapse{background: transparent;}
#carrier input[type="radio"]{position: relative;margin-left:0px;margin-top:0px;}
#carrier #accordion .more-less{font-size: 25px; color:#ababab;margin-top:0px; line-height:14px;right:0px; background: #e4e4e4;}
#custome input[type="checkbox"]{position: relative;margin-left:0px;margin-top:0px;margin-right: 10px;} 
#carrier input[type="checkbox"]{position: relative;margin-left:0px;margin-top:0px;margin-right: 10px;}  
.addcountriesareas h6{text-align:left;}
.addcountriesareas-text h6 a{font-size:14px;}
.search-countries.active {
  display: block !important;
  width: 60%;
  border: 1px solid #ccc;
  padding: 2%;
}
.search-countries.active ul {
  margin: 20px 0px;
  height: 200px;
  overflow-y: scroll;
}
.search-countries.active ul li{list-style: none;}
.search-countries.active ul li input{margin-right:10px;}
.addcountriesareas.remove{display: none;}
.weight .fa-trash-o{color:red;}
#countryviewall ul li{margin-bottom:10px;}
#countryviewall ul li a{color:#666;}
#countryviewall .modal-dialog{max-width: 285px;}

.fa-pencil.savetext::before {
  content: "\f0c7";
}
.sample-box-outer .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{width:100%;}
#viewservices .modal-dialog{max-width:300px;}
.search-countries.active input[type="search"]{width: 93%;  border: 1px solid #ccc;border-radius: 3px;
  padding: 7px;}
.addcountriesareas ul li{ list-style: none;margin-bottom:10px;}
.addcountriesareas ul li .fa-trash-o{float:right;margin-right:10px;color:red;}
.addcountriesareas{border: 1px solid #e9e6e6;background: #f9f9f9;padding: 10px; width:80%;}
.addcountriesareas ul {height: 150px;overflow-y: scroll;}
.map-outer{width: 120px;padding: 8px 20px;}
.map-outer span{margin-right:10px;}
#carrier .form-check p{margin:10px;}
.subscribe-outer{border: 1px solid #e8e8e8; padding-bottom:10px;margin-bottom:20px;}
.subscribe-outer img{max-width:100%;}
.subscribe_top_section{ border-bottom: 1px solid #808080;} 
.subscribe-outer h4{padding:0px 15px;}
.subscribe-outer h4{padding:0px 15px;font-size: 20px;}
.subscribe-outer h6{padding:0px 15px;font-size: 16px;}
.subscribe-outer p {padding:10px 15px;}
.subscribe-outer .btn-info.bg-green{width:94%; text-align:center; font-size:18px;}

.myprofile .btn-order {background: #3e3e3e;padding: 10px 20px;text-align: center;
  line-height: 16px;font-size: 15px;    border: 1px solid #3e3e3e;text-transform: capitalize;color: #fff;
  float: right;}  
 .myprofile .image_sec img{max-width:100%;} 
  .myprofile .discount_code {background: #f8f8f8;padding: 15px; width: 70%; border: 1px solid #d9d9d9;border-radius: 5px; 
 }
 .myprofile .btn.btn-help {margin-bottom: 15px;}
 .myprofile .area-first {  background: #fff;  height: auto;  margin-bottom: 20px;  border: 1px solid #e3e3e3;
   padding: 10px 10px 0px 10px;  padding: 10px;}
 .myprofile .tab-content .tab_one p span {  font-weight: bold;  display: block;  font-size: 13px;}
 .myprofile .area-first .leftcart {  width: 43%;  float: left;}
 .myprofile .area-first .rightcart {  width: 57%;  float: left;  margin-top: 2px;}
 .myprofile input{border: 1px solid #ccc;padding:8px;}
 .myprofile .btn-order .fa-times::before{color: #FFF;}
 .myprofile .btn-order .fa-times{margin-right:10px;}
 
 .area-first .count-input .incr-btn.decr-btn {top: 5px;display: block;position: absolute;
 width: 30px;height: 16px;background: #f8f8f8;font-size: 13px; font-weight: 300;text-align: center;  
 line-height: 24px;top: 2px; right: 2px;margin-top: 0;  text-decoration: none; border-bottom: 1px solid #d9d9d9;
  padding-bottom: 5px;}

 .checkout-pos li.active{border: 1px solid #808080;}
.custom-select {    background: #f9f9f9 url(../images/arrows.png) no-repeat 98% center;     border: 1px solid #c5c5c5; width:100%; height:auto; padding-right: 6px;}
.custom-select a { width: 100%;  height: auto;  padding: 0;}
.custom-select input {    width: 97%;    border: 1px solid #c5c5c5;    border-radius: 4px;}

.GrpAdd.btn.btn-primary{background: transparent;color: #5d6782;border: 1px solid #e6e6e6; padding:8px 10px;}
.GrpRem.btn.btn-default.cancel{background: transparent;color: #f56d6d;border: 1px solid #e6e6e6; padding:8px 10px;}
.fieldconfig-btn.btn.btn-primary{background: transparent;color: #5d6782;border: 1px solid #e6e6e6; padding:8px 10px; margin-right:5px; }
.accordion.accordian_top{ width: 100%;}
.top-widget .general-col figure img{ max-width: 100%;  max-height: 100px;}

.replaceimages img{max-width:100%;}
.latest_update .scrolloption {
  max-height: 460px;
  overflow: auto;
      overflow-x: auto;
  overflow-x: hidden;
  padding-right: 1px;
}

nav.side_menu ul li ul li ul.collapse {background:#e7e7e7;}


/*content module - 04072018*/

.image_new_outter .images_outer.border-top{    border-top: 1px solid #dddddd !important;}
.image_new_outter.content-outer .images_outer{text-align:left;}
.comment-list-hld{border-radius:5px;}
.comment-list-hld h4{margin-top: 0; margin-bottom: 25px;}
.comment-list-hld ol{margin:0; padding:0; counter-reset: comntlist-counter;}
.comment-list-hld ol li{list-style:none; position:relative; font-size:14px; border-bottom:1px solid #e6e6e6; margin-bottom: 10px; padding-bottom: 10px; }
.comment-list-hld ol li:last-child{border-bottom:0; }
.comment-list-hld ol li:before{ content: counter(comntlist-counter); counter-increment: comntlist-counter; position: absolute; left: 18px; top: 0; font-size: 20px; line-height: 24px; font-weight:600; color: #808080;}
.gray-bg{background: #f1f1f1;}
.prod-desc-hld .form-horizontal label{text-align:left;}
.chbox{display:none;}
.choose-radio-wrap{ background: #eef0ff;  padding: 15px;}
.custom-control {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 2rem;
}
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}
.custom-control-label::before {
    position: absolute;
    top: .1rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}
.custom-control-label::after {
    position: absolute;
    top: .1rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #4e3629;
    border-color: #4e3629;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #4e3629;
    border-color: #4e3629;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-label::before {
    border-radius: .25rem;
}
.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: #e9ecef;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.prod-desc-hld .accor-deschld .card{padding:0; margin-bottom:0;}
.prod-desc-hld .accor-deschld .card-header{background: #808080; cursor:pointer; padding:0;}
.prod-desc-hld .accor-deschld .card-header h3{ color:#fff; padding:10px 15px;}
.prod-desc-hld .accor-deschld .collapse{background:#fff;}
.prod-desc-hld .accor-deschld h3 .fa{    position: absolute;    right: 15px;    font-size: 14px;}
.prod-desc-hld .accor-deschld [data-toggle="collapse"] .fa:before {    content: "\f077";}
.prod-desc-hld .accor-deschld [data-toggle="collapse"].collapsed .fa:before {  content: "\f078";}
.prod-desc-hld .form-check-inline{    margin-right: 1.5rem;}
.prod-desc-hld .form-check-inline .form-check-label{margin-right:8px;}
.form-horizontal label.disabled{color: #adadad;}
.accor-deschld .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.accor-deschld .input-group-append {
    margin-left: -1px;
}

.accor-deschld .input-group-append, .accor-deschld .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.accor-deschld .input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.accor-deschld .input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #c5c5c5;
    border-radius: .25rem;
}

.input-group>.input-group-append>.input-group-text{    border-top-left-radius: 0;    border-bottom-left-radius: 0;}
.input-group>.input-group-prepend>.input-group-text{ border-top-right-radius: 0;    border-bottom-right-radius: 0;}
.prod-desc-hld .weekchkbox .form-check-inline {    margin-right: 0;}

#specificationdetails .modal-dialog {
max-width: 800px;
margin: 30px auto;
}

#specificationdetails .modal-dialog p{margin: 0em 0;}

.enquiry .fa.fa-info {
background: #808080;
padding: 10px;
color: #fff;
border-radius: 17px;
height: 35px;
width: 34px;
text-align: center;
margin-right:10px;
float:left;
}
.enquiry span{float: left; width: calc(100% - 50px);}

.pkgmenu{margin:0; padding:0;}
.pkgmenu li{list-style:none; float:left; background:#808080; padding:10px 12px; color:#fff; font-size:13px; text-transform:uppercase;}
.selected-text{background: #ffffc9; padding:5px 8px;}
#getTxtModal .modal-sm{width: 50%;}

.create_oderpage .table td {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f2f2f2;
}

#error-toastbar {
    visibility: hidden; 
    min-width: 250px;
    margin-left: -125px; 
    background-color: #808080; 
    color: #fff; 
    text-align: center; 
    border-radius: 2px; 
    padding: 16px;
    position: fixed; 
    z-index: 1; 
    left: 50%; 
    bottom: 30px; 
}

#error-toastbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the error-toastbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}



.comment-list-hld span{    display: inline-block;  padding: 2px 5px;  background: #8a92bf;  border-radius: 3px;  color: #fff; margin-right: 5px;}
.cmnt-list{padding-left: 36px;}

/*content module - 04072018*/

/*Footer theme setting - 17072018*/

.ftrsetting-wrap .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.ftrsetting-wrap .input-group>.custom-file, .ftrsetting-wrap .input-group>.custom-select, .ftrsetting-wrap .input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.ftrsetting-wrap .input-group>.custom-select:not(:last-child), .ftrsetting-wrap .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ftrsetting-wrap .input-group-append, .ftrsetting-wrap .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ftrsetting-wrap .input-group-append {
    margin-left: -1px;
}
.ftrsetting-wrap .input-group-prepend {
  margin-right: -1px;
}

/* .ftrsetting-wrap .input-group>.input-group-append>.btn, .ftrsetting-wrap .input-group>.input-group-append>.input-group-text, .ftrsetting-wrap .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .ftrsetting-wrap .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .ftrsetting-wrap .input-group>.input-group-prepend:not(:first-child)>.btn, .ftrsetting-wrap .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
} */

.ftrsetting-wrap .input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .5rem;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #c5c5c5;
    border-radius: .25rem;
}

.file-field {
    position: relative;
}
.file-field span {
    cursor: pointer;
}

.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}
.file-field .img-placehld{text-align: center;  max-width: 150px;  padding: 5px;  box-sizing: border-box; background: #f2f2f2; position: relative;}
.file-field .img-placehld .playback i{font-size: 17px;  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50% , -50%);  color: #fff;  border: 1px solid rgba(255,255,255,.5);  width: 48px;  height: 48px;  border-radius: 50%;  background: rgba(255,255,255,.3);  line-height: 44px;}
.file-field .img-placehld .playback:before{content: ''; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.3);  position: absolute; }
.file-field .img-placehld + .btn {width:150px; text-align:center;}
.file-field .img-placehld img{max-width: 150px; max-height: 120px;}

.file-field.w-100{background: #f2f2f2;}
.file-field.w-100 .img-placehld{max-width: 100%; width:100%}
.file-field.w-100 .img-placehld + .btn {width:100%;}
.file-field .img-placehld img{max-width: 100%; max-height: 100%;}

/*Footer theme setting - 17072018*/

/*Subscribe all at $99 Per Month*/

.module-list-wrap ul{margin:0; padding:0;}
.module-list-wrap ul li{list-style:none; padding-left:8px; padding-right:8px; margin-bottom:20px;}
.module-list-wrap ul li i.module-sprite{background-image: url(../images/module-base-sprite.png);  background-repeat:no-repeat;width:54px ; height:54px; display:inline-table;}
.b2bicon{ background-position: -14px -3px;}
.posicon{ background-position: -104px -3px;}
.onlineicon{ background-position: -187px -3px;}
.premiumicon{ background-position: -277px -3px;}
.contenticon{ background-position: -368px -3px;}
.editingicon{ background-position: -446px -3px;}
.module-list-wrap{min-height:450px;}
.module-list-wrap h5{font-size:18px;}
.iconic-list{padding:22px 10px; border:1px solid #e2e2e2; border-radius:4px; text-align:center; -webkit-transition: all 0.3s;    transition: all 0.3s;}
.module-list-wrap li:hover .iconic-list{ cursor:pointer; border:1px solid #686868;}
.module-list-wrap li:hover .iconic-list h5, .module-list-wrap li.active .iconic-list h5{color:#808080;}
.module-list-wrap li.active .iconic-list{border:1px dashed #808080;}
.module-list-wrap .btn-lg{font-weight: 600; font-size: 16px; padding: 10px 18px;}
.module-list-wrap h2{font-size:24px; color:#505050;}

.store-settinglist.u-vmenu ul li{padding: 10px 0;}
.store-settinglist.u-vmenu ul li a.btn, .store-settinglist.u-vmenu ul li a.btn-info.bg-green{
  display: inline-block;
  height: auto;
  line-height: inherit;
}
.store-settinglist.u-vmenu figure img{    max-width: 60px;  max-height: 60px;}
.store-settinglist.u-vmenu ul li a[data-option]{background-image: url(../images/sprite-sm.png); background-repeat:no-repeat;  opacity:.6; height: 30px;}
.store-settinglist.u-vmenu ul li a[data-option='on']{
  background-position:center -768px; 
}
.store-settinglist.u-vmenu ul li a[data-option='off'] {
  background-position:center -737px; 
}

.store-settinglist.u-vmenu ul ul{background-color: #f2f2f2; margin-top: 10px;}
.store-settinglist.u-vmenu ul > li:not(:last-child){    border-bottom: 1px solid #d4d4d4;}

.newloader .loader_sec img {
  max-height: 100%;
  max-width: 100%;
  background: #f3f2f2;
  padding: 30px;
  border-radius: 10px;
}
.newloader img {
  max-height: 100%;
  max-width: 100%;
  background: #f3f2f2;
  padding: 30px;
  border-radius: 10px;
}

.main_loader.newloader{background:transparent;}

.user-aro .fa-user-o{background: #556080;width: 32px;height: 32px;border-radius: 50%;text-align: center;line-height: 32px;color: #fff;}
.disablearea{position: relative;}
.disablearea:before{content: ''; position: absolute; top :0; left:0; background: rgba(255,255,255,.6); cursor: not-allowed; width: calc(100% + 10px); height: 100%;     z-index: 99;}


.allmodule ul li{ margin-left:10px; font-size:13px; list-style: none;margin-bottom:10px;}

.table-listing a{margin-left:20px;}
.table-listing .fa-sign-out{margin-left:30px;}
.allmodule ul{margin-top:10px;}

.total-payment .col-sm-8{font-weight: bold; font-size:20px;}
.total-payment .col-sm-4{font-weight: bold; font-size:20px;}
.payment-header .col-sm-8{font-weight: bold;}
.payment-header .col-sm-4{font-weight: bold;}

.top_select select#ddltake.form-control{float: left;}
.btn-default.backrounded-btn{      background-color: #ececec;  color: #909090;  border-color: transparent;  border-radius: 50%;  padding: 5px 12px;}
.btn-default.backrounded-btn:hover{      background-color: #808080;  color: #fff;  border-color: #000;}
.btn-default.backrounded-btn .fa.fa-chevron-left{font-size: 11px;}

.switch-tgl {  position: relative;  display: inline-block;  width: 35px; height: 20px; margin: 0 10px ;}
.switch-tgl input {display:none;}
.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}
.slider:before {  position: absolute;  content: "";  height: 14px;  width: 14px;  left: 3px;  bottom: 3px;  background-color: white; -webkit-transition: .4s;  transition: .4s;}
input:checked + .slider {  background-color: #4e3629;}
input:focus + .slider {  box-shadow: 0 0 1px #4e3629;}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.searchcol .input-group-btn{    position: absolute;  right: 1px; bottom:1px;  width: auto;     z-index: 10;}
.searchcol .input-group-btn .btn-default{background: transparent; border: transparent; padding-top: 7px; padding-bottom: 7px; color:#777;}
.searchcol .input-group-btn .btn-default:hover{background: #f2f2f2; color: #808080;}
.searchcol .form-control{padding-right: 42px; border-radius:0 !important;min-height: 35px;}

.select2-container--default.select2-container--focus .select2-selection--multiple{border-color: #1934cc;}

.select2-container {width:100% !important;}
.modal-header { padding: 10px 15px;   background: #4e3629;  position: relative; border-top-left-radius: 3px;  border-top-right-radius: 3px;}
/* .ftrsetting-wrap#frmcreatestore .input-group-append{width: 11%} */
.ftrsetting-wrap#frmcreatestore .input-group-btn{width:4%;     display: -webkit-box;  display: -ms-flexbox;  display: flex;}
.icon-btn{ padding: 4px; font-size: 18px; color: #676767 !important; border: 0; background: transparent; cursor: pointer; display: inline-block;}
.icon-btn:hover{background: transparent; color: #4e3629!important;; border: 0;}
.custom-control .custom-control-input + .custom-control-label{color: #525252; font-weight: 400; line-height: 20px; padding-left: 0;}

.custom-control-label:focus {
    outline: none;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: #4e3629;
    border-color: #4e3629;
}

.input-group-btn .browse{margin-left:0px;}
.computerupload .input-lg{height: 35px;}
.preview{padding: 0px 3px;}
.preview .btn-info.bg-green{margin-left:0px;}
#catalogname .pull_lebal_left{line-height:15px; }
#catalogname .modal-dialog{    max-width: 750px;}
#bulkproductassign .modal-dialog {
  max-width: 750px;
}

.table.variants-tbl>thead>tr>td, .table.variants-tbl>tbody>tr>td, .table.variants-tbl>tfoot>tr>td,.table.variants-tbl>thead>tr>th {
  padding: 5px 7px;
}
/*[class^="icon-"]:before, [class*=" icon-"]:before{    font-family: FontAwesome !important;}*/

/*variant-accor*/

.variant-accor li{list-style:none;}
.cd-accordion-menu.variant-accor label::before {
	    left: 8px;
    -moz-transform: translateY(0) rotate(0) scale(1);
    -ms-transform:translateY(0) rotate(0) scale(1);
    -o-transform: translateY(0) rotate(0) scale(1);
    transform: translateY(0) rotate(0) scale(1);
}
.cd-accordion-menu.variant-accor input[type=checkbox]:checked+label::before {
	
    -webkit-transform: translateY(0) scale(1);;
    -moz-transform: translateY(0) scale(1);;
    -ms-transform: translateY(0) scale(1);;
    -o-transform: translateY(0) scale(1);;
    transform: translateY(0) scale(1);;
}
.cd-accordion-menu.variant-accor input[type=checkbox]:checked+label::after {	color: #808080;   content: "\f146";}
.cd-accordion-menu.variant-accor input[type=checkbox]:checked+label{color: #808080;}
.cd-accordion-menu.variant-accor input[type=checkbox]:checked+label+ul, .cd-accordion-menu.variant-accor input[type=checkbox]:checked+label:nth-of-type(n)+ul {    display: block;}
.cd-accordion-menu.variant-accor label, .cd-accordion-menu.variant-accor a {    padding-left:40px;}
.cd-accordion-menu.variant-accor label::before{background-image: none; width: 10px; height: 1px; background: #c3c3c3;}
.cd-accordion-menu.variant-accor input[type=checkbox]+label::after {font-family: FontAwesome;	content:"\f0fe";	background-image: none; left: 20px; line-height: 16px;}
.cd-accordion-menu.variant-accor label::after {content:none;}
.cd-accordion-menu.variant-accor label, .cd-accordion-menu.variant-accor a {    padding: 10px 6px 10px 40px;    font-size: 14px;}
.cd-accordion-menu.variant-accor, .cd-accordion-menu.variant-accor ul{position:relative;}
.cd-accordion-menu.variant-accor:before, 
.cd-accordion-menu.variant-accor ul:before{content: '';    width: 1px;    height: calc(100% - 40px);    background: #c3c3c3;    position: absolute;    left: 8px;    top:20px;}
.cd-accordion-menu.variant-accor ul {margin-left:32px;}
.cd-accordion-menu.variant-accor ul li{    padding:0;     border-bottom: 0;}
.cd-accordion-menu.variant-accor ul label, .cd-accordion-menu.variant-accor ul a{padding-top:10px; padding-right:10px; padding-bottom:10px;}
.cd-accordion-menu.variant-accor ul li a:before{content: '';    background-image: none;    width: 10px;    height: 1px;    background: #c3c3c3;    position: absolute;    left: 8px;    top: 50%;}
.cd-accordion-menu.variant-accor ul li a:after{content:none;}

/*variant-accor*/

.cstm-scroll, .cd-accordion-menu.cstm-scrollcol ul {overflow:auto; overflow-x: hidden;}
.cd-accordion-menu.cstm-scrollcol ul {max-height: 500px;}
.variant-wrap .multiinput .input-group-addon{width: 38%;  min-width: 100px;}
.lightblue-bg{background: #eaedff; border: 1px solid #fff;}
.variant-wrap .disable:before{  content: '';  background: rgba(255,255,255,.4);  width: 100%;  height: 100%;  display: block;  position: absolute;  z-index: 6;  left: 0; top:0;}
.variant-wrap .lightblue-bg label{color: #808080;}
.variant-wrap .lightblue-bg .input-group-addon select{font-size: 13px;}
.variant-wrap .lightblue-bg label {  color: #515b9c;}
.variant-wrap label.custom-control-label{margin-bottom: 0; line-height: 20px;}
.module_tab .variant-srch h5{border-bottom: 0; font-size:13px; margin: 0; padding: 0;}
.variant-srch{    position: fixed;  width: calc(100% - 32px);  /* top: 0; */  z-index: 99;}
.variant-srch .bordr-rt, .variant-body .bordr-rt{border-right:1px solid #d8d8d8; }
.variant-body{margin-top: 42px;}
.variant-body .dropdown-toggle::after{content: none;}
.variant-multisel-col .multiselect.dropdown-toggle.btn.btn-default{border: 0; padding: 3px 15px 3px 0; text-align: left;}
.variant-srch .searchcol.input-group .form-control{ background: no-repeat;  border: 0;}
.var-row{border-bottom:1px solid #e6e6e6; min-height: 36px;}
.var-row .custom-control {min-height: 1.25rem;}
.variant-cont{position: relative; min-height:350px; max-height:400px; overflow:auto; overflow-x:hidden;}
.bordr-rt-drk{border-right: 1px solid #e6e6e6;background: #f7f7f7;}
.d-flex.d-none{display: none !important;}

.customtaginput ul.tagit { padding: 4px 10px;  border: 1px solid #c5c5c5;} 
.mh-250{ min-height: 250px;}

.sortable-imgwrap li .sort_btn{    z-index: 2;}
.sortable-imgwrap.videothumb-hld li{position: relative;}
.sortable-imgwrap.videothumb-hld li:before, .sortable-imgwrap.videothumb-hld li:after{
   content:'';
   background-image: url(../images/filmstrip.png);
   background-repeat: repeat-y;
   position: absolute;
   top:0;
   left:0;
   width: 14px;
   height: 100%;
   z-index: 1;
   opacity: .2;
}
.sortable-imgwrap.videothumb-hld li:after{
    left:inherit; right: 0;
}


/*order flow 20082018*/

.dropdown-menu>li>button {display:block; padding: 5px 15px;background:transparent;}
.w-250{min-width: 230px;}
.datetimepicker.dropdown-menu{ padding: 4px;}
.nolbl label{line-height: 0;}
.btn-sm, .btn-group-sm>.btn {  padding: 6px 8px;  font-size: 11px;}
.form-text-row{padding-top: calc(.35rem + 1px); padding-bottom: calc(.35rem + 1px);}
.module_tab .modal h5.modal-title { border-bottom: none;}
.lefthead-col tr td:first-child{ color: #808080; border-right: 1px solid #eee;}

.admin_table.lefthead-col .form-control{padding: 6px 9px;}
.admin_table.lefthead-col .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #f3f3f3;  border: 1px solid #fff;}

.form-control.form-control-sm{padding: .25rem .5rem;}
.col-form-label.label-sm{ line-height: 10px;}


.collap-aro[data-toggle="collapse"][aria-expanded="true"] .fa-filter{ -webkit-transition: 0.6s ease-out;  -moz-transition: 0.6s ease-out;  transition: 0.6s ease-out;}
.collap-aro[data-toggle="collapse"][aria-expanded="false"] .fa-filter{ font-style: normal; -webkit-transform: rotate(-180deg);  -moz-transform: rotate(-180deg);  transform: rotate(-180deg);}
.collap-aro[data-toggle="collapse"][aria-expanded="false"] .fa-filter:before {     content: "\f078"; }
.collap-aro[data-toggle="collapse"][aria-expanded="true"]:before{content:'Collapse Filter'; font-size: 13px;  margin-right: 8px;}
.collap-aro[data-toggle="collapse"][aria-expanded="false"]:before{content:'Expand Filter'; font-size: 13px;  margin-right: 8px;}



.collapse.collapsearch-wrap{background: transparent;}
.variant-multisel-col .btn-group, .srchmultisel-col .btn-group{ width: 100%;}
.srchmultisel-col .multiselect.dropdown-toggle.btn.btn-default{padding-right:15px; text-align: left;}
.multiselect.dropdown-toggle.btn.btn-default{width: 100% !important; background-color: #fff; overflow: hidden;}
.srchmultisel-col .dropdown-menu>li>a{padding: 0;}
.pane-hScroll table {  background: white;}
.choose-daterange{position: relative;}
.choose-daterange .fa-calendar{    position: absolute;  right: 7px;  top: 50%;  transform: translateY(-50%);  z-index: 2;  pointer-events: none;}
.choose-daterange .form-control{padding-right:  25px;}
.srchmultisel-col .dropdown-menu[x-placement="bottom-start"], .variant-multisel-col .dropdown-menu[x-placement="bottom-start"]{left:0 !important;}
.srchmultisel-col .multiselect .caret, .variant-multisel-col .multiselect .caret{position: absolute;right: 4px;top: 50%;transform: translateY(-50%);}
.srchmultisel-col .multiselect-selected-text, .variant-multisel-col .multiselect-selected-text{overflow: hidden;width: 100%;display: block;text-overflow: ellipsis;}
.choose-daterange .form-control[readonly]{background-color: #ffffff;  border: 1px solid #c5c5c5;}
.pane-hScroll th.fixtd-4, .pane-hScroll td.fixtd-4, .fixtd-4{width: 40px; padding-left:6px; padding-right:6px;  }
.pane-hScroll th.fixtd-4.fixtd-100, .pane-hScroll td.fixtd-100, .fixtd-100{width: 100px;}
.modal.show{animation-duration: .3s;	animation-fill-mode: both; animation-name: zoomInmodal; }
#addressmodal .modal-dialog{max-width:800px;}
#addressmodal .address {padding: 0px;margin: 0px; height: 300px;overflow-y: scroll;}
.address li {float: left;width: 48%;margin-bottom: 10px;border: 1px solid #efeded; margin-right: 2%;padding: 2%; list-style: none;}
#address .address li.active {border: 1px solid #262626;}
.address li.active {border: 1px solid #262626;}

/*discount*/
.percentage-icon{position: relative;}
.percentage-icon input[type=text]{padding-right:45px;}
.percentage-icon:after{    content: '%';  position: absolute;  right: 44px;  top: 50%;  transform: translateY(-50%);  z-index: 5;}
.selecteditem-wrap, .modal-overflowtable{max-height: 300px; overflow: auto; overflow-x:hidden }
ul.selecteditem-wrap {margin: 0; padding: 0;}
ul.selecteditem-wrap li ul{margin-left:55px;}
.selecteditem-wrap li{list-style: none; padding:8px 0; border-bottom:1px solid #e6e6e6; width: 100%; color: #808080;}
.selecteditem-wrap li:last-child{border-bottom:0;}
.selecteditem-wrap li dl, .selecteditem-wrap li dl dd{margin-bottom: 0;}
.selecteditem-wrap li small{color: #333; margin-left: 10px;}
.serchitem-pic{ max-width: 40px; display: inline-block; margin-right: 10px;}
.summary-wrap{background: #edf0ff; border-radius: 4px;}
.summary-wrap ul{margin: 0; padding: 0;}
.summary-wrap li{    list-style: none;  padding: 4px 0 4px 20px;  color: #757886; position: relative;}
.summary-wrap li:before{ content: "\f14a"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left:0; top:7px;     color: #68b549;}

/* @keyframes zoomInmodal {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
} */
.modal.show{animation-duration: .3s;	animation-fill-mode: both; animation-name: zoomInmodal; }
.col-100{width: 100px !important;}

select.error_msg[multiple="multiple"] + btn-group > multiselect{border: 1px solid red;}

.input-group-text .searchselect{width: 40px;  height: 100%; background-color: transparent;  border: 0;}
.lh16{line-height: 16px !important;}
.title_sec h5{color: #808080;}

.manufacturetab .btn-link[aria-expanded="true"]:before {
  float: right !important;
  font-family: FontAwesome;
  content:"\f106";
}
.manufacturetab .btn-link[aria-expanded="false"]:before {
  float: right !important;
  font-family: FontAwesome;
  content:"\f107";
}

.manufacturetab.accordion{ width: auto; padding: 0;     margin-bottom: 0;  border-bottom: 0;}
.manufacturetab h5{border: 0;}
.manufacturetab h5 .btn-link{

  width: 100%;
  text-align: left;
  color: #908d8a;
  background: #fff;
  text-decoration: none;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  padding-left: 0;
}
.manufacturetab h5 .btn-link[aria-expanded="true"]{color: #808080;}
.manufacturetab h5 .btn-link:hover, .manufacturetab h5 .btn-link:focus{text-decoration: none;}
.manufacturetab .card-header {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.0);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.0); 
}
.manufacturetab .card {  -webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.0), 0 1px 3px 0 rgba(63,63,68,0.0);  box-shadow: 0 0 0 1px rgba(63,63,68,0.0), 0 1px 3px 0 rgba(63,63,68,0.0);}
.manufacturetab .card .card-body{padding: 12px;}
.acco-toparea{ border-bottom: 1px solid #e2e2e2; margin-bottom: 15px;}
.modal p.styletxt{margin:0; color: #808080;}
.acco-bottmarea{max-height: 250px; overflow: auto; overflow-x:hidden; }
.form-horizontal .acco-bottmarea .control-label{margin-bottom: 5px;}
.shownimg{display: inline-block; margin-top: 5px;}
.shownimg img{ max-height: 80px; max-width: 100px;}


.taglist-fieldconfig ul{ margin: 0; margin-top: 10px; padding: 0; max-height: 275px; overflow: auto; overflow-x: hidden;}
.taglist-fieldconfig li { border: 1px solid #7d869e;    color: #5b5c5d;    list-style: none;    padding: 3px 5px;    display: inline-block;    border-radius: 30px;    font-size: 12px;    margin: 5px;}
.taglist-fieldconfig li a .fa-times:before{     color: #d23c3c;    margin-left: 5px;    font-size: 11px;}
.taglist-fieldconfig li a:hover .fa-times:before{color:#ff2a2a;}
.accoarea-topsearch{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e6e6e6;  }
.accoarea-bottom .pane-vScroll{min-height: inherit;height: auto; max-height: 300px;}
.prod-desc .form-control-sm {  padding: .25rem .5rem;  font-size: .875rem;  line-height: 1.5;  border-radius: .2rem;}
.image_gallery_details .price.pricetag {background: #808080; width: 160px; right: 0px; padding: 4px 15px 4px 18px;border-radius: 22px 0px 0px 22px;color: rgb(255, 255, 255);}


.pos .coupon-bar.scroller { width: 100%; top:0;}
.scrollH-200 {max-height:260px; overflow:auto; overflow-x:hidden; display:block;}

.varient_are ul li {    text-align: left; display: inline-block;  margin-right: 2px; margin-bottom: 7px; background: #f3f2f2; padding: 4px 15px; border-radius:4px;
  color:#878787;border: 1px solid #e6e6e6; line-height:20px;}
.details-area .varient_are ul li a { text-decoration: none;font-size:13px; color: #666;}
.varient_sec p {  font-size: .8rem;  font-weight: 300;  margin-top: 9px;}

.gapwithbordr{border-top: 1px solid #dcdcdc; margin-top:20px; padding-top: 20px; }
.IntroFilter{cursor: pointer;}
.IntroFilter[aria-expanded="true"]{color: #808080;}
.IntroFilter .fa{  border: 1px solid #c5c5c5;  border-radius: 3px;  padding: 9px 10px;  margin-left: 7px; color: #333;     min-width: 34px;  text-align: center;}
.IntroFilter[aria-expanded="true"] .fa {  border: 1px solid #808080; color: #808080;}


.arocollapse.collapse.show:before{content:'';    width: 0px;  height: 0px;  border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-bottom: 8px solid #efefef;  position: absolute;  top:-7px;  right:24px;  z-index: 3;}
.arocollapse.collapse.show:after{content:'';   width: 0px;  height: 0px;  border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-bottom: 8px solid #cecece;  position: absolute;  top:-8px;  right:24px;  z-index: 2;}
#fullscreenWrap {   overflow: auto;}
#fullscreenWrap .bg-white.has-shadow { margin: 1px 0;}

.dropdown.nodroparo .dropdown-toggle::after{content:none;}
.dropwrap450 .dropdown-menu{min-width: 480px;}
.totalitemcol h5{color: #333; font-size: 16px; line-height: 20px; margin-top: 5px;}

.violet-txt, .totalitemcol h5.violet-txt{ color: #808080;}
.catcustom-chk{position: relative;}
.catcustom-chk .cat-eyeicn{padding-left: 10px;}

.productlist_content .image_change .flexslider{overflow: hidden; text-align: center;}
.productlist_content .image_change .flexslider .slides{display: inline-block;width: 100%;margin: 0;}
.productlist_content .image_change .flexslider .slides > li{margin: 0; overflow: hidden;    display: inline-block;  width: 18px; height: 18px;  max-width: 18px; margin-right: 5px; border: 1px solid #d0d0d0; border-radius: 50%; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.productlist_content .image_change .flexslider .slides > li:hover{border: 1px solid #818eda;}
.productlist_content .image_change .flexslider .slides > li.active{border: 1px solid #5262b9;}
.productlist_content .image_change .flexslider .slides > li img{ object-fit:none;}
.productlist_content .image_change .flexslider .flex-direction-nav a{width: 20px;  height: 20px; text-align: center;}
.productlist_content .image_change .flexslider .flex-direction-nav li{border: 0;}
.productlist_content .image_change .flexslider .flex-direction-nav .flex-prev {  left: 0;}
.productlist_content .image_change .flexslider .flex-direction-nav .flex-next {  right: 0;}
.productlist_content .image_change .flex-direction-nav a:before { font-size: 16px;}
.productlist_content .image_change .flex-direction-nav a{margin:0 0 0; top:0;}
.varient-circle { width: 18px; height: 18px; display: block; border-radius: 50%;}

.specific-col{    border: 1px solid #c4c6d2;  border-radius: 4px;}
.specific-col legend {background: #808080;  color: #fff;  border-radius: 4px;     padding: 5px 10px;  display: inline-block;  width: auto;  margin-left: 15px; margin-right: 15px; margin-bottom: 15px; line-height: 15px;}
.specific-col h5{font-size: 14px; font-weight: 600;     line-height: 18px; margin: 0;}
.specific-col ul{margin: 0; }
.specific-col li{    list-style: none;  border-bottom: 1px solid #e6e6e6;   position: relative;     padding: 10px 25px;}
.specific-col li:last-child{border: 0;}
.crossicn{position: absolute; right: 0; }
   /**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
 .dragdrop-wrap ul[dnd-list] {  min-height: 42px;  padding-left: 0px;}

/**
* The dndDraggingSource class will be applied to
* the source element of a drag operation. It makes
* sense to hide it to give the user the feeling
* that he's actually moving it.
*/
.dragdrop-wrap ul[dnd-list] .dndDraggingSource {  display: none;}

/**
* An element with .dndPlaceholder class will be
* added to the dnd-list while the user is dragging
* over it.
*/

.dragdrop-wrap ul[dnd-list] .dndPlaceholder {  background-color: #ddd;  display: block;  min-height: 42px;}
.dragdrop-wrap ul[dnd-list] li {      background-color: #fff;  border-bottom: 1px solid #ddd; display: block; /* border-top-right-radius: 4px; */  /* border-top-left-radius: 4px; */   /* padding: 10px 15px;*/  /* margin-bottom: -1px; */}
/**
* Show selected elements in green
*/
.dragdrop-wrap ul[dnd-list] li.selected, .dragdrop-wrap .selected-spc-col ul[dnd-list] li { background-color: #eff1fb;  color: #808080;  border: 0!important; border-bottom: 1px solid #dae0ff !important;}

.desc-dragable-col ul li{ list-style: none;  position: relative;}
.desc-dragable-col ul li:before{ content: '';  background-image: url(../images/sprite-sm.png);  width: 20px;  height: 18px;  background-repeat: no-repeat; background-position: -1px -862px;  position: absolute;  left: 0; opacity: .4;  -webkit-transition: all 0.3s;  transition: all 0.3s}
/* .desc-dragable-col ul li:after{ content: '';  background-image: url(../images/sprite-sm.png);  width: 20px;  height: 20px;  background-repeat: no-repeat; background-position: -1px -802px;  position: absolute;  right: 2px; opacity: .4;  -webkit-transition: all 0.3s;  transition: all 0.3s} */
.desc-dragable-col ul li:hover:before{opacity: .8;}
.desc-dragable-col ul li:hover, .desc-dragable-col ul li.elected{  -webkit-transition: all 0.3s;  transition: all 0.3s; background: #f2f2f2f2; cursor: move;}
/*.desc-dragable-col ul li:hover:after, .desc-dragable-col ul li.elected:after{     position: absolute;  font: normal 14px/1 FontAwesome;  content: "\f061";  right: -15px;  top: 50%;  transform: translateY(-50%);  border-left: 2px dotted #d2d2d2;  padding-left: 4px;  color: #a0a0a0;}*/

.current-spc-col .specific-col{border: 0;}
.current-spc-col .specific-col ul{padding-right: 15px;}
.selected-spc-col .specific-col ul{margin-left:15px; margin-right: 15px; margin-bottom:15px; }

/* .theme-thumbslider.flexslider figcaption h5{color:#202020; font-size:14px; font-weight: 600; margin-bottom: 5px;}

.theme-thumbslider.flexslider{border: 0; margin: 15px 0;}
.theme-thumbslider.flexslider .flex-direction-nav li{border: 0;}
.theme-thumbslider.flexslider .flex-direction-nav .flex-prev {  left: 0;}
.theme-thumbslider.flexslider .flex-direction-nav .flex-next {  right: 0;}
.theme-thumbslider.flexslider .flex-direction-nav a:before { font-size: 16px; line-height: 35px; color:#fff;}
.theme-thumbslider.flexslider .flex-direction-nav a{margin: 0 0 0;  background: #808080;  border-radius: 3px; text-align: center; width: 35px; height: 35px;     top: 50%;  transform: translateY(-50%);} 
.theme-thumbslider.flexslider .flex-direction-nav .flex-disabled{opacity: .5 !important;} */

.themegallery-wrap{ overflow-y: auto;  overflow-x: hidden;}
.themegallery-wrap ul{margin: 0; padding: 0;     display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; margin-right: -15px;  margin-left: -15px; }
.themegallery-wrap li{ -webkit-transition: all 0.3s; transition: all 0.3s;   -ms-flex: calc(20% - 30px);  flex: calc(20% - 30px);  max-width: calc(20% - 30px); overflow: hidden;  list-style: none;  position: relative;  width: calc(20% - 30px); margin: 0 15px;  margin-bottom: 20px;  border: 1px solid #e6e6e6;  border-radius: 4px;}
.themegallery-wrap li:hover{border:1px solid #b1b1b1;}
.themegallery-wrap li figure .thumbarea{background: #f1f1f1;} 
.themegallery-wrap li figure .thumbarea a{text-align: center; height: 180px; display: -ms-flexbox!important; padding: 0;  display: flex!important;     -ms-flex-wrap: wrap!important;  flex-wrap: wrap!important;     -ms-flex-align: center!important;  align-items: center!important; }
.themegallery-wrap li figure .thumbarea img{    max-width: 100%;  margin: 0 auto;  max-height: 100%;}
.themegallery-wrap li figure .figcaption label{margin-bottom: 0;}
.themegallery-wrap li figure .figcaption .numtext{color: #808080;font-size: 14px;font-weight: 600;text-transform: uppercase;}
.themegallery-wrap li figure .figcaption .themename{display: block; font-size: 13px;}
.themegallery-wrap li.active {border:1px solid #808080;}
.themegallery-wrap li.active .btn.btn-gray{  color: #fff ; border-color: #40bf72;  background: #34ce71;}
.themegallery-wrap li .btn-gray .fa.fa-check{ font: 600 11px/1  'Open Sans', sans-serif;}
.themegallery-wrap li .btn-gray .fa-check:before{content:'APPLY';}
.themegallery-wrap li.active .btn-gray .fa.fa-check{    font: normal 14px/1 FontAwesome;}
.themegallery-wrap li.active .btn-gray .fa-check:before{content:"\f00c"}

.checkout-next ul li{list-style: none;}
.shipping_form {  width: 100%;}
.shipping_form ul li {  width: 30%;  margin-right: 20px;  height: 60px;  display: inline-block;}
.shipping_form .discount_code {  overflow: hidden;  font-size: 0;  padding: 1px;  border-radius: var(--border-radius);  border: 1px solid #f1f1f1;  background: #fff;  margin-bottom: 0px;}
.shipping_form ul li span {  font-size: 12px;  display: inline-block;}
.shipping_form .discount_code input[type="submit"] {  float: left;  width: 43.5%;  background: #8b8b8b;  color: #fff;}
.shipping_form .discount_code input {  margin: 0;  padding: 5px;  border: none;  height: 30px;  float: left;  width: 56.5%;}
.checkout_sec .card-body {  padding: 0px;}
.prod-desc{margin-top:30px;}
.prod-desc .nav-tabs {
  border-bottom: 0;
}

.prod-desc .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #fff #fff #000;
}
.prod-desc .nav-link {
  display: block;
  padding: .8rem 0;
  margin-right: 25px;
  font-size: 16px;
}

.thankyou .fa-check-circle { font-size: 96px;color: #35942c;margin-bottom: 26px;}
.thankyou h3 {  font-size: 40px;  font-weight: 500;} 
.thankyou{text-align: center;margin-top:30px;min-height: 550px;}
.thankyou h3 .fa-check-circle-o {  font-size: 79px;  color: #35942c;}
.address_area .card-body{padding: 0px;}
.address_area h4 {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.address_area .card-body h4 {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.detailsdesc h3{margin-bottom: 10px; font-weight: 600;font-size: 16px;margin-top:10px;}

.btn.btn-gray {color: #676767;  background: #e2e2e2;  border-color: #dcdcdc;  cursor: pointer;}
.btn.btn-gray:hover {  color: #fff ;    border-color: #40bf72;  background: #34ce71;}

/* #preview{	position:absolute;	border:1px solid #ccc;	background:#808080;	padding:5px;	display:none;  color:#fff;  max-width: 300px;  max-height: 400px;}
#preview img{max-width: 100%;} */

.module_tab .nav-pills{ border-bottom: 1px solid #ddd;  margin-top: 0;  background: #e4e4e4; border-radius:4px; padding:10px 0 10px 10px;}
.module_tab .nav-pills .nav-link{padding: 10px; border-radius: 4px 0 0 4px;  color: #69625a;}
.module_tab .nav-pills .nav-link:hover{ background-color: rgba(255,255,255,.4);}
.module_tab .nav-pills .nav-link.active, .module_tab .nav-pills .show>.nav-link { color: #495057;  background-color: #fff;}

ul.dropdown-menu.show[x-placement='top-start']{ top: inherit !important;  left: inherit !important;  right: 0;  bottom: 100%;}
ul.dropdown-menu.show[x-placement='top-start']::before, ul.dropdown-menu.show[x-placement='top-start']::after{content: none;}

/*.......sankar.......*/

.left_categories{ 
    padding: 0;
    background:transparent;
    /*position: sticky;*/
    /*bottom: 0px;*/
}

.left_categories .more-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    vertical-align: middle;
    padding-bottom: 20px;
    margin-bottom: 10px;
    padding-top: 2px;
    border-bottom: 1px solid #e9e9ed;
}

.left_categories .more-header h4{ padding:0; margin:0}

.left_categories .more-header a{ color:#4e3629}

.filterfixed{
    z-index: 4;
    position: fixed;
    margin-bottom: 10px;
    margin-top: 10px;
    width:100%;
        top: auto;
    bottom: 0px;
}

.left_categories ul li {
    width: 98% !important;
    max-width: 98% !important;
}



.visible_input{ width:100%}
.visible_input input[type=checkbox] {
    opacity: 1;
    margin-top: -5px;
}

.header-outer{padding-top: 0; padding-bottom: 0;     -webkit-box-shadow: 0px 0px 40px 0px rgba(81, 54, 40, 0.1);
  box-shadow: 0px 0px 40px 0px rgba(81, 54, 40, 0.1);
  background: #fff; }
/* .navbar-collapse.collapse {
  position: inherit;
  z-index: 9;
} */
/* .ellipse-shape {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
  height: 100%;
  width: 560px;
}
.ellipse-shape:after {
  content: "";
  display: block;
  width: 870px;
  position: absolute;
  top: -20px;
  right: -300px;
  height: 280px;
  z-index: 1;
  background-color: hsla(0,0%,100%,.08);
  border-radius: 50% 0 0 50%;
} */


.header-outer .navbar { border: 0;  min-height: 57px;  margin-bottom: 0;  width: 100%;  background: transparent !important;padding: .5rem 1.8rem; }
.list-inline-item {  display: inline-block;}

.list-inline-item .fa{font-size: 15px;
    margin-right: 6px;}
.list-inline-item .dropdown-item .fa{ padding-right:10px; font-size:14px;}
.list-inline-item a{color:#808080;border: none;background: none;}
.btn:active, .btn.active{box-shadow:none;}

.log-in{ background: #fff; border-radius: 5px; 
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
   -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
       animation: fadein 2s;
}
.log-in .form-control{background: #fff;}
.login_area{min-height:100vh;}
.log-in{margin:25px 0;}
.log-in h3{padding-top:10px;}
.log-in label{text-align: left; font-weight: 600; font-size: 15px; color:#808080; padding-left: 0;}
/*.filter{margin-bottom: 28px;}*/
.cart-section .badge{    top: 7px;  left: 16px;  position: absolute;     background-color: #737373;  border-radius: 50%; min-width: 18px;  min-height: 18px; padding: 3px 0;}

@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}





/* .user-profile #collapeMenu {  background: #fff;  box-shadow: 1px 6px 10px 0px #eeeeee;  border: 1px solid #eeeff0;  padding: 12px;} */
.user-profile .nav-pills .nav-link {text-transform: capitalize;
    font-weight: 500;
    color: #b7b7b7;
    padding: 1rem .5rem;
    font-size: 16px;}
.user-profile .nav-pills .nav-link.active, .nav-pills .show > .nav-link {  background: transparent;
    border: none;
    color: #4e3629;
    transition: .5s;
    font-weight: 600;
    font-size: 15px;
}
.user-profile .nav-pills .nav-link i.fa{ width: 25px;  text-align: center;}
.user-profile .tab-content {
    background: #fff;
    -webkit-box-shadow: 1px 6px 10px 0px #eeeeee;
    box-shadow: 1px 6px 10px 0px #eeeeee;
    border: 1px solid #eeeff0;
    padding: 12px;
    margin-bottom:25px
}

.user-profile .tab-content .accordion h4 {
    font-size: 20px;
    margin-top: 0;
    font-weight: 600;
}
.order-status {  width: 100%;  margin-bottom: 20px;}
.order-status .page-header { background: #fbfbfb;
    padding: 10px 15px;
    line-height: 1.7;
    margin: 0;
    border-bottom: 0;}

.order-status .card-body {
    padding: 5px 15px 0 15px;
    font-size: 15px;
    border: 1px solid #eeeeee;
}
.order-status .collapse {  background: #fff;}
.order_hrader {  color: #63615e;  font-size: 1rem;}
.address-area .col-9  {flex: 0 0 65%;max-width: 65%;}
.address-area .col-3{flex: 0 0 35%;max-width: 35%;}
.order-status .input-group-btn .btn {padding: 7px 15px;  position: absolute;right: 1px;  bottom: -2px;width: auto;z-index: 10;  background: transparent;}
.wishlist-outer img{width:110px;}
.wishlist-outer{ background: #fff; padding: 5px;margin-bottom: 10px;}
.wishlist-outer .col-sm-3{border-right: none;}
.wishlist-outer a {padding: 10px; color: #cacacacc; display: inline-block;}
  
.wishlist-outer .price{clear: both; display: block;}
.breadcrumb-item+.breadcrumb-item::before{content: none;}

#pagination-demo {
    text-align: center;
    min-width: 300px;
    margin: 20px auto;
}

.page-link:focus {
    box-shadow: none;
}

.navbar-brand { height: auto; max-height: 90px;  padding:6px 0;    width:auto;}
.navbar-brand>img {  max-width: 160px; max-height:50px ;margin: 0 auto;}
.navbar-expand-lg .navbar-nav .nav-link{    color: #4e3629;
  font-weight: 600; margin-right: 1.2rem;}
.header-outer .navbar-light .navbar-nav .nav-link:focus, .header-outer .navbar-light .navbar-nav .nav-link:hover {
  color: #4e3629!important;
}
.navbar-expand-lg .navbar-nav.navbar-right .nav-link{margin-right:0;}
.navbar-expand-lg .navbar-nav .nav-link .fa{margin-right:5px; }

.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show>.nav-link {  color: #4e3629!important;font-weight: 600;}
.header-outer .nav>li>a:hover, .header-outer .nav>li>a:focus { background-color: transparent;  color: rgba(0,0,0,.8);}
.collapse-menu {float: none;
    margin-left: 20px;
    border: 0;
    padding: 0px;
    font-size: 20px;
    line-height: 1;}

.collapse-menu[aria-expanded=true] .icon-plus:before {  content: "\e8ae";}

.navbar-nav  .btn.btn-primary.reverse-btn {
  color: #4e3629;
  background: transparent;
  border-color: transparent;
}

.header-outer .navbar-nav>li>a{font-weight: 600;}


.return-item {    float: left;  margin: 0;  padding: 0;}
.return-item li {float: left; margin-left: 35px;  font-size: 13px;  list-style: none;}
.return-item li a {  color: #808080;  font-weight: 500;  font-size: 14px;}
.details i {  color: #808080;  margin-right: 7px;}
.user-profile p {     font-weight: 500;  margin-bottom: 0;  display: inline-block;  font-size: 14px;  line-height: 20px;  margin-top: 0;  color: #808080;}
.user-profile p.OrderStatus{font-weight:600; color:#000}

.user-profile p.OrderStatus span {
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    text-transform: capitalize;
    color: #4e3629;
}

.user-profile p span {  font-weight: 500;  font-size: 13px;  display: inline-block;  text-transform: capitalize;  color: #808080;}
.orderItems img {max-width: 60px;  max-height: 60px;  border-radius: 4px;  border: 1px solid #fff;}
.orderItems h6 {  margin-bottom: 0px;}
.orderItems h6 a {  color: #5f5f5f;  font-size: 14px;}
.address_area .card{min-height: 200px; height: 100%; padding: 15px;}
.address_area p{line-height: 24px;}

.address-sec .address-area {
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.address-sec .address-area p{ color: #8e8e8e;}

.create_newaddress .btn-outline-dark {
  background: #808080;
  border-radius: 5px;
  border: none;
}
.create_newaddress .btn-outline-dark:hover{opacity: .9;}
.create_newaddress .btn-outline-dark .fa{color:#fff;}

.order-status .track-number h4 {
    font-size: 20px;
    margin-top: 0;
    font-weight: 600;
}

.order-status .track-number .btn{    min-width: 200px;}

.order_cart_table .table-responsive {
    min-height: 190px;
    background: #fff;
}

.order_cart_table table {
    background-color: transparent;
    border: 1px solid #e6e6e6;
}

.order_cart_table{ width: 100%;}
.order_cart_table table tr td {
  color: #222;
  font-size: 13px;
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.order_cart_table table tr td:nth-child(1) {
  text-align: center;
  border-right: 1px solid #fff;
}

.order_cart_table table tr td .figure img {
  width:80px;
  height: auto;
}

.order_cart_table ul{padding: 0px; margin:0px;}
.order_cart_table ul li h5 a{color: #828282;}

.order_cart_table table tr .total_price {
  color: #464646;
  font-size: 16px;
  font-weight: bold;

}

.numeric ul li{list-style: none;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #808080;
  border-color: #808080;
}

.titlebg-bar{     background: #333;
    margin: 0;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;}
.border-bottom{border-bottom: 1px solid #dadada;}

.btn.focus, .btn:focus {  outline: 0;  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);}
.custm-alert {display: block; padding: 5px 15px; border-radius: 0;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
   -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
       animation: fadein 2s;
}
.conf-txt{    background: transparent;  border: 0; color: #776060; font-weight: bold; }
.conf-txt:hover{color: #382c2c;}

.useful-action{ margin: 0;  padding: 0;  position: absolute;  width: 30px;  z-index: 8;  top: 8px;  left: 8px;}
.useful-action li{position: relative; list-style: none; margin-bottom: 5px;  background-color: #e2e2e2; padding: 3px 5px; width:100%; height: 28px; box-sizing:border-box; border-radius: 2px;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.useful-action li a.nav-link{padding: 0;}
.useful-action li:hover{background: #fff;}
.useful-action li a.dropdown-toggle::after{ content: none; }
.useful-action li.image-upload label {  line-height: 20px;}
.useful-action li ul.dropdown-menu li{background: transparent; height: auto; margin-bottom: 0;}
.useful-action li img{filter: grayscale(100%);}

.useful-action ul.dropdown-menu.show[x-placement='top-start']{ left: 30px !important;  bottom: 0; right: auto}

.w100{width: 100px;}

.review-table .table>thead>tr>td, .review-table .table>tbody>tr>td, .review-table .table>tfoot>tr>td{padding: 10px 15px;}
.review-table .admin_table tr:hover {  background: transparent;}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {  color: #fff;  background-color: #000;  border-color: #000;}
.btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show>.btn-success.dropdown-toggle {  color: #fff;  background-color: #000;  border-color: #000;  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, .5);}
.anim-loader img{width: 16px; max-height: 16px;}

.customer-txt{margin-right: 15px; font-weight: 600;}
.customer-txt > span{margin-right:5px;}
.customer-txt > i.fa{color:#bababa;}

.shopbtn-wrap .btn.btn-primary{border-radius: 3px 0 0 3px;}
.shopbtn-wrap .btn.btn-primary.reverse-btn{border-radius: 0 3px 3px 0;}

.total-payable-amount h3, .total-payable-amount h2, .payorder {-webkit-animation-duration: 2s;  animation-duration: 2s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}
  @-webkit-keyframes fadeInDown {
    0% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateY(0);
    }
 }
 
 @keyframes fadeInDown {
    0% {
       opacity: 0;
       transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       transform: translateY(0);
    }
 }






/* ..7-12...sankar...... */



/*.dropdown-menu[x-placement="bottom-start"]{  top: 100% !important;  left: 15px !important; padding:5px 0px;}
 .rightalign-tgl .dropdown-menu[x-placement="bottom-start"]{  top: 100% !important;  left: inherit !important; right:0;}

.dropdown-menu:before{content:'';  
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top:-8px;
  left:7px;
  z-index: 3;
} */
/* .dropdown-menu:after{content:'';  
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(0,0,0,.25);;
  position: absolute;
  top:-9px;
  left:7px;
  z-index: 2;
} */


.gridbox .dropdown-menu[x-placement="bottom-start"]{  top: 0 !important;  left: 40px !important; padding:5px 0px;}
.gridbox .rightalign-tgl .dropdown-menu[x-placement="bottom-start"]{  top: 100% !important;  left: inherit !important; right:0;}

.gridbox .dropdown-menu:before{content:'';  
  width: 0px; height: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right:10px solid #fff;position: absolute;  top:6px;  left:-18px;  z-index: 3;}

.gridbox .dropdown-menu:after{content:'';  display: none}


/* ...sankar...... */


/* ....mobile-menusec..... */

.mobileview_menu{ display: none;  background: #000;}
.mobileview_menu .mobile_logo{ padding:10px; text-align: center}
.mobileview_menu a img{max-height: 35px;  max-width: 130px;}

.mh-head {display: block; background: #404040; text-align: center;padding: 5px 10px;margin: 0;position: relative;color:#000; line-height: 30px;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ background: #fff !important;}
.mh-head a {color: #fff;text-decoration: none}
.mh-head.mh-size-2 {height: 80px}
.mh-head.mh-size-3 {height: 120px}
.mh-head.mh-sticky {
position: -webkit-sticky;position: sticky;top: 0;left: 0;right: 0;z-index: 10;transition: -webkit-transform .2s ease;transition: transform .2s ease;transition: transform .2s ease, -webkit-transform .2s ease;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.mh-head.mh-sticky.mh-scrolledout {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
.mh-head .mh-text {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;display: initial;padding: 10px}


.mh-head.mh-align-left .mh-text {text-align: left}
.mh-head.mh-align-right .mh-text {text-align: right}
.mh-head.mh-btns-left {padding-left: 20px}
.mh-head.mh-btns-left-2 {padding-left: 90px}
.mh-head.mh-btns-left-3 {padding-left: 130px}
.mh-head.mh-btns-right {padding-right: 25px}
.mh-head.mh-btns-right-2 {padding-right: 90px}
.mh-head.mh-btns-right-3 {padding-right: 130px}
.mh-head .mh-btns-left,
.mh-head .mh-btns-right {display: block;width: 40px;position: absolute;top: 0;bottom: 0}
.mh-head .mh-btns-left {left: 20}
.mh-head .mh-btns-right {right: 25px}
.mh-head.mh-btns-left-2 .mh-btns-left,
.mh-head.mh-btns-right-2 .mh-btns-right {width: 80px}
.mh-head.mh-btns-left-3 .mh-btns-left,
.mh-head.mh-btns-right-3 .mh-btns-right {width: 120px}

.mh-head .mh-btns-left>*,
.mh-head .mh-btns-right>* {
text-align: left;font-size: 18px;line-height: 20px;width: 40px;display: block;padding: 10px 0;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.mh-head .mh-btns-right .badge {  position: absolute;  top: 7px;}


.mh-head .mh-btns-left>:nth-child(1),
.mh-head .mh-btns-right>:nth-child(1) {
  left: 0
}

.mh-head .mh-btns-left>:nth-child(2),
.mh-head .mh-btns-right>:nth-child(2) {
  left: 40px
}

.mh-head .mh-btns-left>:nth-child(3),
.mh-head .mh-btns-right>:nth-child(3) {
  left: 80px
}

.mh-head .mh-list {
-webkit-overflow-scrolling: touch;overflow-x: auto;white-space: nowrap;list-style: none;line-height: 20px;display: block;padding: 0;margin: 0}

.mh-head .mh-list li {display: inline-block;padding: 0; margin: 0}

.mh-head .mh-list li a,
.mh-head .mh-list li span {
  display: block;  padding: 10px}

.mh-head.mh-align-left .mh-list {text-align: left}

.mh-head.mh-align-right .mh-list {text-align: right}

.mh-head .hamburger {
margin-top:0;
-webkit-transform: scale(.6, .7) translateY(-50%);
-ms-transform: scale(.6, .7) translateY(-50%);
transform: scale(.6, .7) translateY(-50%);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center
}

.mh-head .mh-image,
.mh-head .mh-logo {
background: none center center transparent no-repeat;
display: block;
height: 100%
}

.mh-head .mh-logo {background-size: contain;background-clip: content-box;padding: 10px}

.mh-head.mh-align-left .mh-logo {  background-position: left center}

.mh-head.mh-align-right .mh-logo {  background-position: right center}

.mh-head .mh-image {  background-size: cover}

.mh-head .mh-form {  padding: 7px 0;  position: relative}

.mh-head .mh-form input {
background: #fff;border: none;border-radius: 3px;font-size: 14px;line-height: 26px;display: block;box-sizing: border-box;height: 35px;width: 100%;padding: 0 10px}

.mh-head .mh-form .fa {
color: #ccc;text-align: center;line-height: 40px;display: block;width: 40px;height: 40px;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.mm-navbar .mm-title {font-size: 18px;}
.mm-menu.mm-offcanvas.mm-opened {display: block !important;}


.mh-head .mh-text .btn-sm{
  padding: 0;
  font-size: 18px;
  background: transparent;
  border: 0;
  color:#fff;
}
.mh-head .mh-text .dropdown-menu-right {
  right: 0;
  left: auto !important;
  top: 100% !important;
  
}
.mh-head .mh-text .dropdown-menu:before {
  right: 7px;
  z-index: 9;
  left: auto;
}
.mh-head .mh-text .dropdown-menu:after{display: none}
.mh-head .mh-text .dropdown-menu a{color:#000}

.mh-head .mh-text .dropdown-menu-right .profile-name span {
  padding: 5px 15px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 10px;
  display: block;
}
.mh-head .dropdown-toggle::after{margin-left: 0}



/* ....mobile-menusec.end...... */



/* ......checkout.page.... */

.checkout {
  margin: 0;
  width: 100%;
  padding: 0;
}
.checkout h2 {
  margin-top: 40px;
}

.checkout #accordion .card-header{ background-color: transparent;}
.checkout #accordion .card-body {background-color: transparent; padding:15px 0;}
.checkout #accordion .card{  width: 800px;  margin: 0 auto;border: transparent;box-shadow: none; padding: 0; margin-bottom: 10px; background: transparent;}
.checkout #accordion .card-header{border-bottom: none;background: #5d5d5d; padding: 0;}
.checkout #accordion .card-header h6{ font-size: 16px; color:#fff; margin: 0; font-weight: 300}
.checkout #accordion a { color: #666;}

.checkout .card-header span {
  background: #313131;
  background: var(--secondary);
  padding: 10px 15px;
  color: #fff;
  margin: 0px 0px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  font-weight: 600;
}
.method-list {
  width: 70%;
  margin: 0 auto;
  padding: 20px 0px;
  text-align: center;
  border: 1px solid #f1f1f1;
  background: #f9f8f8;
  margin-bottom: 30px;
  list-style-type: none;
}
.method-list li {
  margin-bottom: 16px;
  text-align: left;
  padding: 0 15px;
}
.method-list li .form-check{ margin-bottom: 0;}
.method-description {
  color: #b7b7b7;
  text-align: left;
  padding-left: 25px;
}

.my_cart_table{margin-top:30px;  width: 100%;}

.my_cart_table table {
    background-color: #fff;
}
.my_cart_table .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.my_cart_table ul{ list-style-type: none; margin: 0;padding-left: 0;}
.my_cart_table table td p{ margin-bottom: 0}
.my_cart_table .table thead th{ border-bottom: 0}
.my_cart_table table td img{ max-width: 100%; max-height: 75px;}
.my_cart_table .table tr:first-child td{ border-top: 0}
.my_cart_table .table tr:last-child td{ border-bottom: 1px solid #efefef;}
.my_cart_table table thead{ background: #f1f1f1}
.my_cart_table table thead td{border: 0}
.my_cart_table td:nth-child(1) {width:145px;text-align: left; position: relative}
.my_cart_table td:nth-child(3) {width: 100px; }
.my_cart_table td:nth-child(5) {width: 100px; }
.my_cart_table td:nth-child(6) {width: 100px; }
.my_cart_table table tr td {color: #222;font-size: 14px;padding: 5px; }
.my_cart_table table tr td i{margin-right:0px;}
.my_cart_table table tr td ul{ list-style-type: none; margin: 0; padding: 0; font-size: 13px;}
.my_cart_table table tr td ul li{ margin: 0; width: 100%; float: left; text-align: left; line-height: 27px;}
.mywishlist a{margin-right:10px;}
.my_cart_table table tr .price{ font-size: 1rem; font-weight: 300;}
.my_cart_table table tr .total_price{color:#313537; color:var(--primery);font-size: 1rem;font-weight: 300;}
/*.my_cart_table table tr:nth-of-type(even) {background: transparent;}*/
.my_cart_table table tr td .quantity input[type="text"] { margin: 0; height: 44px;display: initial;border: 1px solid #f4f4f4;padding: 8px;vertical-align: middle;text-align: center;width: 44px;box-shadow: none;}
.my_cart_table .count_sec{ width: 110px; padding:0; display: inline-block;}
.my_cart_table .count-input input { width: 100%;height: 28px;border: none;background: transparent;text-align: center;outline: none;border-radius: 0}
.my_cart_table .count_sec .count-input {position: relative;width: 100%;height: 30px;margin: 0px;border: 1px solid #d8d8d8;}
.my_cart_table .count-input .incr-btn.decr-btn { left: 0px; border-top: 0px;}
.my_cart_table .count-input .incr-btn i{ color:#313537;}
.my_cart_table .count-input .incr-btn {background: transparent;top: -22%;border-left: none;border-top: none;}
.my_cart_table .count-input .incr-btn { 
display: block;position: absolute;width: 30px;height: 28px;background: transparent;opacity: .8;transform: translateY(0);font-weight: 300;text-align: center;line-height: 30px;top: 0;right: 0px;text-decoration: none;margin-top: 0px;border: none;transition: .7s }
.my_cart_table .count-input .incr-btn:hover{ background: #9c9c9c;} 
.my_cart_table .count-input .incr-btn:hover i{color:#fff; transition: .5s}

.review_area{ width: 100%;}

.review_area table tr td ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-align: left;
}
.review_area .table thead th {
  border-bottom:none;
  border: 0;
  background: #5d5d5d;
  color:#fff;
  vertical-align: middle;
}
.my_cart_table table tr td{border: 1px solid #dee2e6;padding: .75rem;vertical-align: middle;}
.my_cart_table td:nth-child(1) {
   width: auto; 
  position: relative;
}

.comment_area{ width: 100%}
.comment_area textarea{ resize: none;}
.my_cart_table .shipping_form ul li {  width: 45%;  margin-right: 20px;  float: left;}

.paypal_sec{ margin: 15px 0}

.paypal_sec .track-number .card{ width: 100% !important}

.paypal_sec.tab_btn {
  background: #fff;
}

.paypal_sec .tab_btn ul.tabs {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 10;
  padding: 0;
  width: 100%;
  list-style: none;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.paypal_sec .tab_btn ul.tabs li {
  margin: 0;
  cursor: pointer;
  padding: 10px 15px;
  color: #000;
  text-align: left;
  font-size: 14px;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: #eee;
}
.paypal_sec .tab_btn ul.tabs li:hover{  background: #d7dcfa;  color: #fff;}
.paypal_sec .tab_btn ul.tabs li.active {
  background: #808080;
  color: #fff;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.paypal_sec .tab_container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 20;
  left: 0;
  width: 100%;
  min-width: 10px;
  text-align: left;
  background: white;
}
.paypal_sec .track-number {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0px #eaeaea;
  -moz-box-shadow: 0px 0px 5px 0px #eaeaea;
  box-shadow: 0px 0px 5px 0px #eaeaea;
  padding: 20px;
  border-radius: 4px;
}
.paypal_sec .tab_drawer_heading {
  display: none;
}






/* ......checkout.page.end..... */

.productwrap h4{    color: #000;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;}

.productwrap #wrap {
margin: 0;
    display: inline-block;
    position: relative;
    height: 30px;
    padding: 16px;
    top: 10px;
    float: right;
    background: #f9f9fc;
    border-radius: 35px;
}

.productwrap #wrap input[type="text"] {
height: 32px;
    font-size: 13px;
    display: inline-block;
    border: none;
    outline: none;
    color: #777;
    padding: 3px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 10px;
    background: transparent;
    z-index: 3;
    transition: width .1s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

.productwrap #wrap input[type="text"]:focus:hover {
  border-bottom: 1px solid #777;
}

.productwrap #wrap input[type="text"]:focus {
    width: 180px;
    z-index: 1;
    border-bottom: 0 !important;
    cursor: text;
    background: #fff;
    border-radius: 35px;
    box-shadow: none;
    outline: none;
    padding: 7px;

}
/*.productwrap #wrap input[type="submit"] {
    height: 14px;
    width: 14px;
    display: inline-block;
    color: red;
    float: right;
    background: #fff url(/Content/img/search_icon.png);
    background-size: contain;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 6px;
    right: 7px;
    z-index: 1;
    cursor: pointer;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity .4s ease;
}*/

.productwrap #wrap button {
height: 30px;
    width: 30px;
    display: inline-block;
    color: #777;
    float: right;
    background: transparent;
    border: none;
    position: absolute;
    top: 1px;
    right: 14px;
    z-index: 1;
    cursor: pointer;
    opacity: 1;
    cursor: pointer;
    transition: opacity .4s ease;
}

.productwrap #wrap  input[type="submit"]:hover {
  box-shadow:none
}


.varient_are ul li.active{color: #fff; background: #757990;}
.varient_are ul li.active a{color: #fff;}

.navbar-toggler{border: 1px solid #969696;    position: absolute;    top: 8px;
  left: 10px;padding: .10rem .25rem;
  font-size: 1.2rem;}
.productwrap{padding-bottom: 0; display:flex}

.productlist_area .switchcol{padding-top: 5px;}
.table-responsive { min-height: 500px;}
.tagsarea{ position: relative; border-bottom: 1px solid #dbdbdb;}
.addicn{padding: 0;}
.addicn a{ padding: 10px;  display: block;  color: #333; font-size: 12px; background: #d7d7d7;  font-weight:bold; text-transform: uppercase;}
.addicn a:hover{color: #fff; background: #808080; }
.tagsarea ul{margin: 0; padding: 0;     padding-bottom: 5px; border-top: 1px solid #c9c9c9;}
.tagsarea ul li{ float: left; padding: 2px 2px 2px 5px; border-radius:4px; background: #7c8093; color: #dbdbdb; margin: 5px 3px 0 5px; list-style: none; font-size: 13px;}
.tagsarea ul li a{min-width: 18px; display:inline-block; color: #dbdbdb;}
.tagsarea ul li a:hover{color: #fff;}
.tagsarea ul li a .fa-times:before{color: #dbdbdb;}
.tagsarea ul li a:hover .fa-times:before{color: #fff;}
.createdtxt h6{  margin:5px 0;text-align: left; line-height: 22px; font-size: 14px;}

.image_gallery_details p{color: #333;   margin-bottom: 3px;}
.custm-chkcol{position: absolute; left:2px; top:0; z-index: 1;}

.footer-col{text-align: center; font-size: 14px; margin: 10px 0; width: 100%; bottom:0; }
.footer-col a{color: #808080;}
.footer-col a:hover{color: #000;}


/* ........track......... */

.tacked_sec{ margin: 0; width: 100%; min-height: 670px;}

.tacked_ordersec{ margin-top: 20px; width: 100%; min-height: 150px}

.payment-wrap ul{margin-bottom: 15px;}
.product-id {font-size: 20px;    color: #333;    font-weight: 500;    margin-top: 25px;}
.track-order-step{ margin-top: 30px;}
/* .track-order-step .btn.btn-primary{overflow: visible;padding: 0;border: 0;font-size: 1rem;cursor: pointer;
height: 38px;width:110px; color: #fff; text-transform: uppercase;background: #bca480 ; background:var(--primery);  border-radius: 20px; 
outline: none;}   */

.track-order-step .trackaddress {
text-align: left;
-webkit-box-shadow: 0px 1px 6px 1px #dadada;
-moz-box-shadow: 0px 1px 6px 1px #dadada;
box-shadow: 0px 1px 6px 1px #dadada;
margin-bottom: 30px;
}
.track-order-step .trackaddress h5{ font-weight: 400; font-size: 18px; color:#808080;}
.track-order-step .trackaddress li {
font-size: 15px;
padding-bottom: 5px;
width: 100%;
float: none;
list-style: none;;
}
.track-order-step .trackaddress .payment {
font-weight: bold;
min-width: 128px;
display: inline-block;
width: auto;
padding-right: 7px;
}
.track-order-step .trackaddress  li a {
color: #5d5d5d;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.track-order-step .trackaddress li a:hover {
color: #000;
}

.track-order-step .trackaddress li a i {
border: 1px solid #c7c7c7;
width: 33px;
height: 32px;
text-align: center;
padding-top: 6px;
border-radius: 4px;
margin-right: 7px;
float: left;
}

.track_product{
padding: 8px 0;
font-size: 17px;
text-align: left;
border-bottom: 1px solid #e6e6e6;
}
.track_product img{ max-width: 100%}
.track_product P {
margin-bottom: 7PX;
}
.track_product li{font-size: 14px}
.track_product li .payment {
font-weight: bold;
min-width: 128px;
display: inline-block;
width: auto;
}


.border_top{ margin-top: 25px;border-top: 1px solid #e6e6e6;}

.track_product .price {
font-weight: bold;
font-size: 18px;
border-top:0;
padding-left: 0;
}

.trams-conditions {
float: right;
position: relative;
}

.plus-icon {
position: relative;
width: 20px;
height: 20px;
display: block;
background-image: url(../img/plus.png);
background-repeat: no-repeat;
margin-top: 3px;
background-position: center;
background-size: 9px;
}
.plus-icon.mins-icon {
background-image: url(../img/minus.png);
}

.trams-conditions a {
color: #000;
margin-left: 15px;
}
.plus-icon:before {
content: "[";
left: 0;
}
.plus-icon:before, .plus-icon:after {
position: absolute;
top: -2px;
}
.plus-icon:after {
content: "]";
right: 0;
}

.plus-icon:before, .plus-icon:after {
position: absolute;
top: -2px;
}
.trams-conditions .trams-con {
font-size: 16px;
color: #747474;
margin-top: 5px;
display: none;
overflow: auto;
max-width: 500px;
position: absolute;
right: 0px;
width: 200px;
background: #f9f9f9;
border: 1px solid #e4e4e4;
padding: 5px;
margin-right: 24px;
z-index: 999;
}
.price_left {
float: left;
width: 68%;
margin-right: 8%;
color: #000;
}
.price_right {
float: left;
width: 19%;
text-align: right;
margin-right: 5%;
}
.dropdown-price_outer {
float: left;
width: 100%;
margin: 2px;
}

.cancel-area {
width: 100%;
}
.cancel-area .btn {
margin-top: 10px;
margin-left: 0;
padding: 7px 8px;
line-height: 15px;
font-size: 12px;
color:#fff;
text-transform: uppercase;
letter-spacing: .5px;
}



.track_product .product-varient {
float: left;
margin-right: 10px;
margin-bottom: 15px;
}
.track_product .product-varient .left {
float: left;
color: #000;
font-size: 16px;
}
.track_product .product-varient .right {
float: left;
color: #383838;
font-size: 16px;
}


.track_product .progress-wrap{margin-top:30px;}

.multi-steps {height: auto;position: relative;margin: 0;padding: 0;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* .multi-steps:after {
content: '';
height: 2px;
width: 94%;
background-color: #dadada;
position: absolute;
top: 1px;
left: 0;
transform: translateY(-53%);
z-index: -1;
} */

.multi-steps > li {
margin-bottom: 40px; counter-increment: stepNum;display: block;position: relative;margin-right: 0;background: #dadada; height: 2px; padding:0;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.multi-steps > li:last-child{flex-grow: 0;}

.multi-steps > li:before {
content: '';display: block;margin: 0;background-color: #fff;width: 16px;height: 16px;line-height: 21px;text-align: center;font-weight: bold;border-width: 2px;border-style: solid;border-color: #dadada;border-radius: 50%;z-index: 2;position: absolute;left: 0;top: -8px;}
.multi-steps > li h4{position: absolute;top: 15px; font-size: 15px;}
.multi-steps > li h4, .checkout .multi-steps > li h4 a {color: #929292;pointer-events: none;}
.multi-steps > li.active h4, .checkout .multi-steps > li.active h4 a{color: #388e3c;     pointer-events: initial;}
.multi-steps > li.active h4 a:hover{ color: #047d0a; font-weight: 500;}
.multi-steps > li.active:before {  border: 2px solid #388e3c; background-color: #388e3c;}
.multi-steps > li:not(:last-child).active:after {
content: '';height:2px ;width: 100%;background-color: #388e3c;position: absolute;top: 0;left:0;transform: translateY(-1%);z-index: 1;border-color: #388e3c;transition: 0.3s;-webkit-animation: demo 5s;animation: demo 5s;}
.multi-steps > li.cancelordr:before { border: 2px solid #d85757;  background-color: #d85757;}
.multi-steps > li.cancelordr h4, .checkout .multi-steps > li.cancelordr h4 a{ color: #d85757; font-weight: 500; pointer-events: inherit;}

.multi-steps > li:nth-child(2) h4{position: absolute; left: -34px;}
.multi-steps > li:nth-child(3) h4{position: absolute; left: -30px;}
.multi-steps > li:last-child h4 {position: absolute; right: 2px;}  

.multi-steps > li:last-child:before{left: -15px}



.multi-steps > li:last-child:after{ display: none}
.multi-steps > li:before {
content: '';
display: block;
margin: 0;
background-color: #fff;
width: 16px;
height: 16px;
line-height: 21px;
text-align: center;
font-weight: bold;
border-width: 2px;
border-style: solid;
border-color: #dadada;
border-radius: 50%;
z-index: 2;
position: absolute;
left: 0;
top: -8px;
}

/* .multi-steps > li:after {
content: '';
height: 2px;
width: 100%;

background: transparent;
position: absolute;
top: 16px;
left: 1%;
transform: translateX(-1%);
z-index: -1;
} */
.multi-steps > li h4, .checkout .multi-steps > li h4 a {color: #929292; font-size: 15px;pointer-events: none;}
.multi-steps > li.active h4, .checkout .multi-steps > li.active h4 a{color: #388e3c;     pointer-events: initial;}
.multi-steps > li.active h4 a:hover{ color: #047d0a; font-weight: 500;}
.multi-steps > li.active:before {  border: 2px solid #388e3c; background-color: #388e3c;}
.multi-steps > li:not(:last-child).active:after {
content: '';
height:2px ;
width: 100%;
background-color: #388e3c;
position: absolute;
top: 0;
left:0;
transform: translateY(-1%);
z-index: 1;
border-color: #388e3c;
transition: 0.3s;
-webkit-animation: demo 5s;
animation: demo 5s;

}
.multi-steps > li.cancelordr:before { border: 2px solid #d85757;  background-color: #d85757;}
.multi-steps > li.cancelordr h4, .checkout .multi-steps > li.cancelordr h4 a{ color: #d85757; font-weight: 500; pointer-events: inherit;}




@-webkit-keyframes demo {
from {
width: 0;border-color:#388e3c;
}
}
@keyframes demo {
from {
width: 0;border-color:#388e3c;
}
}



.track_product .progress-wrap.multi-steps > li:last-child:after {
display: none;
}

.smtxt{margin-bottom: 0;}
.smtxt small{font-size: 88%;}
.smtxt small span{margin-right: 10px; color: #656565; min-width: 135px; display: inline-block;}
.msgtxt{margin-bottom: 5px;}
.msgtxt.disabled{color: #656565;}
.trked_detail_dsk{ width: 100%;}
.ordered_sec{ width: 100%;}
.packed_sec{ width: 100%; }
.shipped_sec{ width: 100%;}
.delivered_sec{ width: 100%; }


.trked_detail_dsk P {
margin-bottom: 0;
}
.trked_detail_mb{ width: 100%; display: none}

.totalamount {
font-weight: bold;
}


.details-shipment{ background: #fff;padding:20px;}
.details-shipment h4{margin-bottom: 30px;}
.details-shipment td{font-size: 16px; color: #8a8a8a;border-bottom: 1px solid #eaeaea;}
.details-shipment th{color: #989898;}

.step1{ display: none;}
.step1.active{ display: block;}
.step2{display: none;}
.step2.active{display: block;}
.step3{display: none;}
.step3.active{display: block;}

.details-shipment .pagination{ float: right;}
.details-shipment .pagination li a {
color: #ccc;
padding: 7px 13px;
font-size: 16px;
}
.details-shipment table th {background: #f5f5f5;border-bottom: 1px solid #f5f5f5;font-weight: normal;border-top: 1px solid #f5f5f5;
color: #313131; font-weight: 600 } 
.details-shipment .table{border: 1px solid #efefef;}
.details-shipment .pagination li a:hover{ background:transparent; color:#313537; color: var(--primery);}
.modal-sm {max-width: 300px !important; }

.modal-sm .modal-header h5 {
    color: #fff;
    font-size: 14px !important;;
}


.track-order-step .trackaddress .phone-outer .m-width{ width: 55px; display: inline-block}
.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #ccb687;
    border-color: #ccb687;
}

.dtinfo{line-height:17px;}
.dtinfo span.purpletxt{color:#d44109;}
.linkedtxt {text-decoration:none; color: #4e3629;}
.linkedtxt:hover {text-decoration:none;}

.title-max-H{ overflow: hidden; text-align: center;padding: 0px 10px;}
.title-max-H h5{ height: 42px;overflow: hidden;font-size: 15px;line-height: 20px;}
.title-max-H h5 a{ color: #4e3629;  transition: .4s;letter-spacing: 1px;font-weight: 400;}
.title-max-H h5 a:hover{color:#4e3629}

.productdetails-table{width: 100%;}
.productdetails-table thead tr th {border-top: 1px solid #dde1e8 !important;}
.productdetails-table thead tr th:nth-child(2){ width: 50%;}
.productdetails-table tbody tr td img{max-width: 100%; max-height: 85px; width: 75px;}
.productdetails-table .admin_table tr:hover { background: transparent;}
.productdetails-table tbody tr td ul{ list-style-type: none; margin-left: 0;}
.productdetails-table tbody tr td ul li{ padding-left: 12px;margin-bottom: 4px;margin-top: 5px; position: relative;}
.productdetails-table tbody tr td ul li span{ margin-right: 0px; position: absolute; top: -3px;left: 0px;}
.productdetails-table tbody tr td ul li span i{font-size: 5px; color:#4e3629}


.border-bottom-1 {border-bottom:1px solid #dee2e6;}



.aligntbl .table{    table-layout: fixed;  border-collapse: collapse;}
.aligntbl .table th, .aligntbl .table td{    vertical-align: middle;}
.table>tbody>tr + tr > td{ border-top: 1px solid #fff; background: #fff;}


.min_width{min-width: 200px;}

.min_width.dropdown-toggle::after {
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.defaulttag{ position: absolute; top: 5px; right: 5px; font-size: 13px; background: #fff; color: #808080; z-index: 5; padding: 3px 5px; font-weight: 600;}
.mb-100 {margin-bottom:100px;}


.tab-btn{margin: 0; width: 100%;}

.tab-btn .nav-tabs{border: 0}
.tab-btn .nav {  display: block;}
.tab-btn .nav-tabs>li {  float: none;  display: inline-block;}
.tab-btn .nav-tabs .nav-link.active {  color: #808080;  background-color: transparent;  border-color: transparent;}
.tab-btn .nav>li>a {position: relative; display: block; padding: 0px 4px; font-size: 20px; color: #cecece;}

.tab-content-sec{ margin: 0; width: 100%;}
.tab-content-sec .tab-content { background: transparent; padding: 0; min-height: 250px;}
.tab-content-sec .tab-content .listview{ margin-bottom: 15px; width: 100%; background: #fff;padding: 10px;}

.listview .itemimg-hld {
position: relative;height: 130px;padding: 0;text-align: center;background: #fff;}

.listview figure {
position: relative;overflow: hidden;margin: 0;height: 130px;background: #171717;text-align: center;cursor: pointer;border-radius: 0;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: center!important;justify-content: center!important;}
.listview .itemimg-hld figure img {max-width: 100%;max-height: 100%;-ms-flex-item-align: center!important;align-self: center!important;}
.listview .itemimg-hld figure.effect-sadie:hover {background: #313a68;background-repeat: no-repeat;background-size: cover;background-position: center;}
.listview .itemimg-hld figure figcaption{top: 0;left: 0;width: 100%;height: 100%;}

.listview .midcol {width: 100%; margin-top: 15px;}
.listview .midcol .editable-col .text {
color: #808080;font-size: 18px;max-width: 75%;width: auto;left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 400;margin-bottom: 0;}

.listview .midcol .editable-col .edit {top: -15px; color: #808080;}
.listview .midcol .editable-col .save {  top: -15px;  color: #808080;}

.listview .item-sec {
background-color: #efefef;color: #6d7282;word-spacing: initial;font-style: normal;padding: 0;border-radius: 3px;margin-top:0px;margin-bottom: 10px;text-transform: capitalize;font-weight: bold;display: inline-block;font-size: 14px;-webkit-transition: all 0.3s;transition: all 0.3s;}

.listview .item-sec a {text-decoration: none;display: block;padding: 8px 20px;}

.listview .item-sec a span{ font-size: 10px;margin-left: 10px;}

.listview .action-sec{margin: 0;text-align: right;}

.listview .user-btn {margin-top: 15px;text-align: right;}

.listview .action-sec .useful-action {position: inherit;width: 100%;}
.listview .action-sec .useful-action li {position: relative;text-align: center;padding: 3px 5px;width: 30px;height: 28px;margin: 0 5px;display: inline-block;}
.listview .action-sec .useful-action li:hover { background: #f7f7f7;}
.listview .action-sec .useful-action li a.nav-link {  padding: 0;}

.listview .action-sec .useful-action li img { filter: grayscale(100%);}
.listview .action-sec .useful-action li.image-upload img {width: 100%;cursor: pointer;}
.listview .action-sec .useful-action li.image-upload > input { display: none;}

.listview .action-sec .useful-action li ul.dropdown-menu li { background: transparent; height: auto;margin-bottom: 0;width: 100%;}
.listview .dropdown-menu-right {top: 30px !important;width: 215px;margin-bottom: 50px; left: auto !important}

.listview .dropdown-menu:before {
  right: 7px !important;
  left: auto;
  z-index: 3;
}

.listview .dropdown-menu:after {
  right: 7px !important;
  left: auto;

}

.listview .dropdown-menu-right li{text-align: left !important}

/* .listview .dropdown-menu[x-placement^=bottom], .listview .dropdown-menu[x-placement^=left], .listview .dropdown-menu[x-placement^=right], .listview .dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto;
}

.listview ul.dropdown-menu.show[x-placement='top-start'] {
  left: auto !important;
  bottom: 100% !important;
} */

.listview .tag-sec{ margin:0; width: 100%;border-top: 1px solid #ececec;display: inline-flex;}

.listview .tag-sec ul {margin: 0;padding: 0;padding-bottom: 5px;border-top: 0;}
.listview .tag-sec ul li {float: left;padding: 2px 2px 2px 5px;border-radius: 4px;background: #7c8093;color: #dbdbdb;margin: 5px 3px 0 5px;list-style: none;font-size: 13px;}

.listview .tag-sec ul li a {min-width: 18px;display: inline-block;color: #dbdbdb;}
.listview .tag-sec ul li a .fa-times:before {  color: #dbdbdb;}
.listview .createdtxt h6 {margin: 5px 10px 5px 0;text-align: left;line-height: 22px;font-size: 14px;display: initial;}

.pos-editable{ margin:0;}
.pos-editable .editable-col.editable {
    border-bottom: 0;
}
.pos-editable .editable-col .text {
    color: #808080;
    font-size: 18px;
    max-width: 50%;
    width: auto;
    left: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    vertical-align: bottom;
        min-width: auto;
    min-height: auto;
}
.pos-editable .editable-col .edit {
    top: -1px;
}
.pos-editable .editable-col .save {
    top: -1px;
}
.outstock{ width:100%; display:block; font-size:11px;    float: left;}
.choosecustomer-poup{ position:absolute; width:100%; top:50%;    text-align: center;transform: translateY(-50%);font-size: 20px;color: #808080;}

.editprice-wrap {max-height:initial;}
.editprice-wrap .editableprice{display: inline-block;    position: relative;    top: -5px;}
.editprice-wrap .editableprice span{    color: #808080;    font-size: 18px;}
.editprice-wrap .editableprice h2{    line-height: 22px;}
.editprice-wrap .pos-editable .editable-col .text{max-width:100%;}

/* .left_categories{
  padding: 0 17px;
} */

.filter-overlay{width: 100%;
  height: 100%;
  background: rgba(0,0,0,.2);
  position: fixed;
  z-index: 100;
  top: 0;
transition: .4s

}
.filterscroll {
  position: relative;
}

.filterscroll .apply_btn{position: sticky;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    background: #f9f9fc;
    z-index: 9;}

.filterscroll .apply_btn .btn{width:100%}




.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow: hidden;
  transition: 0.5s;
  padding-top: 0;
  -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);
}





.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav a.closebtn {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 17px;
  margin-left: 0;
  background: transparent;
  text-align: right;
  z-index: 99;
  color:#4e3629;
  transition: .4s
}
.sidenav a.closebtn:hover{color:#808080}

/* .sidenav a.fa .fa-times{ color:#4e3629!important; transition: .4s }
.sidenav a.closebtn:hover .fa .fa-times{ color:#4e3629} */

.applybtn-sec{ position: sticky; width: 100%; bottom: 0; height: 50px;text-align: right; background: #fff}


.applybtn-sec .btn{width: 49%;border-radius: 0;}



.scrollbar::-webkit-scrollbar {
  background-color:#fff;
  width:16px
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
  background-color:#fff
}
.scrollbar::-webkit-scrollbar-track:hover {
  background-color:#f4f4f4
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
  background-color:#babac0;
  border-radius:16px;
  border:5px solid #fff
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color:#a0a0a5;
  border:4px solid #f4f4f4
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {display:none}

/* div box */
.scrollbar {
  height: 100vh;
  width: 100%;
  background: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;

}
.overflow{min-height: 100%;    position: relative;}

.Catalog-tab{margin: 0; width: 100%;}

.Catalog-tab .card {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.Catalog-tab .tab-content{background: transparent; padding: 0;;}

/* Tabs Card */

.Catalog-tab .tab-card {
margin: 0;
}

.Catalog-tab .tab-card-header {
background:none;
}
/* Default mode */
.Catalog-tab .tab-card-header > .nav-tabs {
  border-bottom: 1px solid #ddd;
margin: 0px;
}
.Catalog-tab .tab-card-header > .nav-tabs > li {
margin-right: 2px;
}
.Catalog-tab .tab-card-header > .nav-tabs > li > a {
border: 0;
border-bottom:1px solid transparent;
margin-right: 20px;
color: #737373;
padding:15px;
cursor: pointer;
}

.Catalog-tab .tab-card-header > .nav-tabs > li > a.active  {
  border-bottom:1px solid #4e3629;
  color: #4e3629;
  background: transparent;
}
/* .Catalog-tab .tab-card-header > .nav-tabs > li > a:hover {
  color: #4e3629;
  border-bottom:1px solid #4e3629;
  background: transparent;
} */

.Catalog-tab .tab-content .listsec {
  padding: 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(81, 54, 40, 0.05);
  box-shadow: 0px 0px 13px 0px rgba(81, 54, 40, 0.05);
    border-radius: 4px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.Catalog-tab .tab-content .listsec .edit-name{ width: 100%; display: flex; margin-bottom: 10px; position: relative;}

.Catalog-tab .tab-content .listsec .edit-name h2.text{font-size: 16px;color: #4e3629;font-weight:600;letter-spacing: .09rem; float: left;outline: none; margin-bottom: 0;max-width: 75%;}

.Catalog-tab .tab-content .listsec .edit-name span{    color: #74788d;
  display: initial;
  border: 0;
  margin-left: 10px;}

  .Catalog-tab .tab-content .listsec  span.edit {
    top: -15px;
}

.Catalog-tab .tab-content .listsec  span.save {
  top: -15px;
}

.Catalog-tab .tab-content .listsec .defaulttag {
  position: absolute;
  top:-10px;
  right: 0;
  font-size: 13px;
  color: #fff;
  z-index: 5;
  padding: 4px 23px;
  font-weight: 400;
  background: #4e3629;
}

.Catalog-tab .tab-content .listsec .defaulttag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  right: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.Catalog-tab .tab-content .listsec .defaulttag::after {

    background: #fff;
    border-bottom: 15px solid transparent;
    border-right: 13px solid #4e3629;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    left: 0;
    top: -1px;

}

.Catalog-tab .tab-content .listsec h3{font-size: 13px;  color: #808080;}

.Catalog-tab .tab-content .listsec .createdtxt h6 {
  margin: 5px 10px 5px 0;
  text-align: left;
  line-height: 22px;
  font-size: 12px;
  display: initial;
}

.Catalog-tab .tab-content .listsec .createdtxt h6  strong {
    color:#4e3629
}

.image_sec {
width: 23%;
height: 135px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: relative;
border-radius: 5px 0 0 5px;
overflow: hidden;
float: left;
margin-right: 2%;
}

.image_sec .camerasec{ width: 35px; height: 35px; text-align: center;position: absolute; right: 0px; top: 0px; background: #4e3629; opacity: 1;transition: .4s}

/*.image_sec:hover .camerasec{opacity: 1; transition: .4s}*/

.image_sec .logo_remove{ width: 35px; height: 35px; text-align: center;position: absolute;padding: 7px 8px; color:#fff; font-size: 12px; right: 40px; top: 0px; background: #4e3629; transition: .4s}

/*.image_sec:hover .logo_remove{opacity: 1; transition: .4s}*/

.image_sec .camerasec .btn-dark {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.image_sec a{display: block;    width: 100%;
  height: 100%;}

.exportmodal_leftborder {
    border-left: 1px solid #dee2e6;
}

.export_modal_height{ margin:0; width:100%; max-height:285px; overflow-y:auto;overflow-x: hidden;}

.export_modal_height .dragdrop-wrap ul li {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 2px;
    color: #000;
}
.export_modal_height .dragdrop-wrap ul li:last-child{border-bottom:0}

  .category-sec{ width: 75%; float: left;

  }

.contentsec{ height: 45px;display: flex;
  flex-direction: column;
  justify-content: center;}


  .Catalog-tab .tab-content .listsec .dropdown-toggle::after {
    display: none;
}


.Catalog-tab .tab-content .listsec .items{font-size: 12px; color: #b1b1b1;}

  .Catalog-tab .tab-content .listsec .items-count{font-size: .9rem; display: block;  font-weight: 600;
    color: #4e3629;}

.listsec .tag-sec {
  margin: 0;
  width: 100%;display: inline-block;

}

.listsec .tag-sec ul {
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
  border-top: 0;
}
.listsec .tag-sec ul li {
  float: left;
  padding: 2px 2px 2px 5px;
  border-radius: 4px;
  background: #4e3629;
  color: #fff;
  margin: 1px 3px 0 0px;
  list-style: none;
  font-size: 12px;
}
.listsec .tag-sec ul li span {
  margin-right: 10px;
}


.listsec .tag-sec ul li a {
  min-width: 18px;
  display: inline-block;
  color: #595d6e;
 
}
.listsec .tag-sec ul li a i{color:#fff}
/* .listsec .tag-sec ul li:hover a{  opacity: 1;} */


.listsec .tag-sec ul .btn {
  display: initial;
  padding: 0px 8px;
  vertical-align: sub;
  float: left;
  transition: .3s;

}
.listsec .tag-sec ul  .btn-dark {
  color: #4e3629;
  background-color: transparent;
  border: 0;
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {
  box-shadow:none;
}

.listsec .tag-sec ul .btn-dark:not(:disabled):not(.disabled).active, .listsec .tag-sec ul .btn-dark:not(:disabled):not(.disabled):active, .listsec .tag-sec ul .show>.btn-dark.dropdown-toggle {
  color: #000;
  background-color: transparent;
  border-color:transparent;
}

.searchsec{margin: 0; border: 1px solid #e0e0e0;}
.searchsec .form-control {
  height: 35px;
  padding: 0 10px;
  border: 0;

}
.searchsec .btn {
  padding: 10px 19px;
}

.searchsec .btn.btn-default.dropdown-toggle {
  background-color:#4e3629;
  color: #fff;
  border-color: #4e3629;
  border: 0;
  font-weight: 400;
}

.searchsec .form-control:focus {
  background: #fdfdfd;
  border-color: #808080;
  outline: 0;
  box-shadow: none
}

.tickitsec{ width: auto; padding: 5px 10px; background: #ddd; position: absolute; top:0; right: 0;}



.createcatalog-modal{position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  background: rgba(0, 0, 0, .7);
  /* background: #f9f9fc; */
  z-index: 99;

}

.createcatalog-modal .modal-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
  box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 0;
}
.createcatalog-modal .modal-header {
  border: 0;
}

.createcatalog-modal .modal-footer {
  border: 0;
}
.createcatalog-modal .modal-content .form-control {
  padding: 5px 10px;
  height: calc(1.5em + .75rem + 2px);
  border: 1px solid #f1f1f1;
}

.createcatalog-modal .modal-body{
   min-height: 170px;   
   display: flex;
  flex-direction: column;
  justify-content: center;

}

  .createcatalog-modal .modal-body a{text-decoration: none; text-align: center}

  .createcatalog-modal .modal-body a img{
    max-width: 85px;
    max-height: 85px;
}
.inputDnD .form-control-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 6em;
  outline: none;
  visibility: hidden;
  cursor: pointer;
  background-color: #c61c23;
  box-shadow: 0 0 5px solid currentColor;
}
.inputDnD .form-control-file:before {
  content: attr(data-title);
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 100%;
  min-height: 92%;
  line-height: 2em;
  padding-top: 1.5em;
  opacity: 1;
  visibility: visible;
  text-align: center;
  border: 2px dashed currentColor;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
}
.inputDnD .form-control-file:hover:before {
  /* border-style: solid; */
  border-color: #4e3629
  /* box-shadow: inset 0px 0px 0px 0.25em currentColor; */
}

.search-sec{margin: 0; width: 100%;}

.createcatalog-modal .close {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  position: absolute;
  right: 20px;
  top: 15px;

  z-index: 999;
}

.createcatalog-modal .custom-control .custom-control-input + .custom-control-label {
  padding-left: 25px;
}
.custom-control-input:focus~.custom-control-label::before {
  box-shadow: none;
}

.createcatalog-modal .searchcol .input-group-btn .btn-default{
  background: transparent;
  border: transparent;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  height: inherit;
}

.createcatalog-modal .btn {
  padding: 6px 10px;
  font-size: 14px;
  min-width: 60px;
  height: 35px;

}
.createcatalog-modal .btn .fa{font-size: 20px}
.createcatalog-modal .btn .fa-times {
  font-size: 15px;
}

.createcatalog-modal .catagoryList{margin: 0; width: 100%; max-height: 380px;  overflow-x: hidden;
  overflow-y: auto;}


.createcatalog-modal .catagoryList .custom-control {
  width: 49%;
  min-height: 1.9rem;
  padding-left: 0;
  margin-right: 0;
}

.createcatalog-modal .catagoryList .row .custom-control {
  width: 100%;
  min-height: 0.9rem;
  padding-left: 0;
  margin-right: 0;
}

.createcatalog-modal .modal-body .catagoryList h3 {
  margin-bottom: 0
}
.createcatalog-modal .modal-body .catagoryList h4 {
  margin: 0
}


.createcatalog-modal .modal-body .reportList{ margin: 0; width: 100%;}
.createcatalog-modal .modal-body .reportList ul{ margin: 0; padding: 0; list-style-type: none;}
.createcatalog-modal .modal-body .reportList ul li{width: 100%; padding: 5px; margin-bottom: 0}

.createcatalog-modal .modal-body .reportList img{max-height: 80px; max-width: 100%;}

.createcatalog-modal .modal-body .scanList{ margin: 0; width: 100%; max-height: 430px;    overflow-x: hidden;overflow-y: auto;}
.createcatalog-modal .modal-body .scanList img {
  max-width: 100%;
  max-height: 50px;
}
.createcatalog-modal .modal-body .scanList .btn {
  padding: 2px 0;
  font-size: 14px;
  min-width: 28px;
  height: 30px;
}
.createcatalog-modal .modal-body .scanList .searchcol .input-group-btn {
  position: absolute;
  right: 1px;
  bottom: 3px;
  width: auto;
  z-index: 10;
}

.createcatalog-modal .modal-body .scanList h3 {margin-bottom: 0}
.createcatalog-modal .modal-body .scanList h4 {margin: 0}
.createcatalog-modal .modal-body .scanList .scanbg{ background: #f5f5f5; width: 100%; padding: 10px 0;}


.createcatalog-modal .modal-body .reportList{ margin: 0; width: 100%; }

.createcatalog-modal .modal-body .asignTo{margin: 0; width: 100%;}

.createcatalog-modal .modal-body .asignTo .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #4e3629!important;
  background-color: transparent;

  border-bottom: 1px solid #4e3629!important;
  font-size: 15px;
  font-weight: 600;
}
.createcatalog-modal .modal-body .asignTo .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #808080;
  font-size: 16px;
  font-weight: 600;
}
.createcatalog-modal .modal-body .asignTo .nav-link:hover {
  border-bottom: 1px solid #4e3629;
}

.createcatalog-modal .modal-body .asignTo a{
  text-decoration: none;
  color: #333;
  font-weight: 600;
}



.createcatalog-modal .modal-body .asignTo .table>tbody>tr.active>td,
.createcatalog-modal .modal-body .asignTo .table>tbody>tr.active>th,
.createcatalog-modal .modal-body .asignTo .table>tbody>tr>td.active,
.createcatalog-modal .modal-body .asignTo .table>tbody>tr>th.active,
.createcatalog-modal .modal-body .asignTo .table>tfoot>tr.active>td,
.createcatalog-modal .modal-body .asignTo .table>tfoot>tr.active>th,
.createcatalog-modal .modal-body .asignTo .table>tfoot>tr>td.active,
.createcatalog-modal .modal-body .asignTo .table>tfoot>tr>th.active,
.createcatalog-modal .modal-body .asignTo .table>thead>tr.active>td,
.createcatalog-modal .modal-body .asignTo .table>thead>tr.active>th,
.createcatalog-modal .modal-body .asignTo .table>thead>tr>td.active,
.createcatalog-modal .modal-body .asignTo .table>thead>tr>th.active {
  background-color: #fff;

}

.createcatalog-modal .modal-body .asignTo .table-bordered > tbody > tr > td,
.createcatalog-modal .modal-body .asignTo .table-bordered > tbody > tr > th,
.createcatalog-modal .modal-body .asignTo .table-bordered > tfoot > tr > td,
.createcatalog-modal .modal-body .asignTo .table-bordered > tfoot > tr > th,
.createcatalog-modal .modal-body .asignTo .table-bordered > thead > tr > td,
.createcatalog-modal .modal-body .asignTo .table-bordered > thead > tr > th {
  border-color: #e4e5e7;
}

.createcatalog-modal .modal-body .asignTo .table tr.header {
  font-weight: bold;
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.createcatalog-modal .modal-body .asignTo .table tr.header td{  position: relative;}

.discountInput{position: absolute; top:5px; right: 5px; width: 110px;}
.createcatalog-modal .modal-content .discountInput .form-control {
  height: calc(1.3em + .75rem + 2px);
  border: 1px solid transparent;
}

.createcatalog-modal .modal-content .discountInput  .form-control:focus {
  border-color: transparent;
  box-shadow:none;
}

.createcatalog-modal .modal-body .asignTo .table tr:not(.header) {
  display: none;
}

.createcatalog-modal .modal-body .asignTo .table .header td:after {
  content: "\f054";
  position: relative;
  top: 5px;
  display: inline-block;
  font: normal normal normal 11px/1 FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  color: #999;
  text-align: center;
  padding: 3px;
  transition: .5s;
}



.createcatalog-modal .modal-body .asignTo .table .header.active td:after {
  content: "\f078";
  transition: .5s;
}

.createcatalog-modal .modal-body .asignTo .table .header .custom-control .custom-control-input + .custom-control-label {
  color: #525252;
  font-weight: 400;
  line-height: 27px;
}
.createcatalog-modal .modal-body .asignTo .table .header .custom-control-label::before {
  top: 0.3rem;

}

.createcatalog-modal .modal-body .asignTo .table .header .custom-control-label::after {
  top: .3rem;
}

.custom-modal{
  max-width: 640px !important;
}

.createcatalog-modal .modal-body .asignTo .table td{    padding: 0px 8px;    border-top: 0;}

.createcatalog-modal .modal-body .asignTo .table td p{ font-size: 12px}

.createcatalog-modal .modal-body .asignTo .table td label {
  font-size: 12px;
  margin-top: 9px;
}


.createcatalog-modal .modal-body .table-bordered>thead>tr>th{
  border: 1px solid #f1f1f1; color: #808080; font-weight: 500
}

.createcatalog-modal .modal-body .tab-content .table tbody+tbody {
  border-top: 0;
}


 h6 small, .h6 small, h6 .small, .h6 .small {
  font-size: 90% !important;
  color:#808080
}
.modal-title {color: #fff;}
.modal-header .custom-control-label{color: #fff !important;}


.mobileMenu-Sec{ display: none;}




.new-Checkout {
  width: 100%;
  margin: 0;
  }
.new-Checkout table {
    background-color: #fff;
}

.new-Checkout table {
    background-color: #fff;
}


.new-Checkout table.table-color{background:#f7f7f7}

.new-Checkout table.table-color table{background:#f7f7f7}
  
  .new-Checkout .sw-theme-arrows {
  width: 100%;
  }
  
  .new-Checkout .sw-theme-arrows .nav-tabs .nav-item {
  margin-bottom: 0px;
  font-size: 19px;
  margin-right: 2px;
  float: right;
  width: 31.1%;
  }
  
  .new-Checkout .sw-theme-arrows > .sw-container {
  min-height: 200px;
  }
  
  .new-Checkout .sw-theme-arrows .step-content {
  padding: 0 10px;
  border: 0 solid #d4d4d4;
  background-color: transparent;
  text-align: left;
  }

    .new-Checkout .sw-theme-arrows .tab-content>.tab-pane {
    display: none;
    visibility: visible;
}
  
  .new-Checkout .sw-theme-arrows .step-content h4{ font-size: 16px;    display: block;
  width: 100%;}
  
  .new-Checkout .sw-theme-arrows .sw-toolbar {
  padding: 10px;
  margin-bottom: 0 !important;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor {
  border: 0;
  padding: 0;
  background: #ffffff;
  border-radius: 0;
  border-top-right-radius: 5px;
  list-style: none;
  overflow: hidden;
  margin-bottom: 10px;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor li + li:before {
  padding: 0;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a {
  width: 100%;
  color: #333;
  font-size: 17px;
  text-decoration: none;
  padding: 10px 0 10px 45px;
  position: relative;
  display: block;
  border: 0 !important;
  border-radius: 0;
  outline-style: none;
  background: #f7f7f7;
  font-weight: 400;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:hover {
  color: #fff;
  text-decoration: none;
  padding: 10px 0 10px 45px;
  position: relative;
  display: block;
  border: 0 !important;
  border-radius: 0;
  outline-style: none;
  background: #f5f5f5;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #f7f7f7;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #f7f7f7;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li:first-child > a {
  padding-left: 15px;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:hover {
  color: #490001;
  text-decoration: none;
  outline-style: none;
  background: #e8e7e7;
  border-color: #e8e7e7;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:hover:after {
  border-left-color: #e8e7e7;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {
  color: #4285f4 !important;
  background: #46b8da !important;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li.active > a {
  border-color: #4e3629 !important;
  color: #fff !important;
  background: #4e3629 !important;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li.active > a:after {
  border-left: 30px solid #333 !important;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li.done > a {
  border-color: #f5f5f5 !important;
  color: #c7c7c7 !important;
  background: #f5f5f5 !important;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li.done > a:after {
  border-left: 30px solid #f5f5f5;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li.danger > a {
  border-color: #d9534f !important;
  color: #fff !important;
  background: #d9534f !important;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li.danger > a:after {
  border-left: 30px solid #d9534f !important;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li.disabled > a, .new-Checkout .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {
  color: #eee !important;
  }
  
  @media screen and (max-width:768px) {
  .new-Checkout .sw-theme-arrows > ul.step-anchor {
  border: 0;
  background: #f9f9fc !important;
  }
  
  .new-Checkout .sw-theme-arrows > .nav-tabs > li {
  float: none !important;
  margin-bottom: 0;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a, .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:hover {
  padding-left: 15px;
  margin-right: 0;
  margin-bottom: 0;
  }
  
  .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:after, .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:before {
  display: none;
  }
  }
  
  .new-Checkout .sw-theme-arrows::before {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #5cb85c;
  }
  
  .new-Checkout .sw-btn-prev {
  display: none;
  }
  
  .new-Checkout .review_area {
  background: #fff;
  display: inline-block;
  padding: 0;
  width: 100%;
  margin-top: 54px;
  }
  
  .new-Checkout .review_area .scroll-sec{
  width: 100%;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  }
  
  
  .new-Checkout .review_area .table-bordered td, .table-bordered th {
  border: 1px solid transparent;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: initial;
  }
  
  .new-Checkout .review_area .scroll-sec .table-bordered td:nth-child(2){ width: 56%;}
  .new-Checkout .review_area .scroll-sec .table-bordered td:nth-child(1){ width: 15%;}
  
  .new-Checkout .review_area table td strong {
  font-weight: 600;
  }
  
  .new-Checkout .review_area th {
  background: #e8e7e7;
  padding: 9px 8px;
  font-size: 16px;
  }
  
  .new-Checkout .shipping_form ul li {
  width: 50%;
  margin: 0;
  height: 35px;
  float: left;
  position: relative;
  }
  
  .new-Checkout .shipping_form .discount_code {
  border: 1px solid transparent;
  }
  
  .new-Checkout .shipping_form .form-control {
  background-color: #fff;
  height: 35px;
  border: 1px solid #e8e7e7;
  }
  
  .new-Checkout .shipping_form .discount_code input[type="submit"] {
  background: #5d5d5d;
  color: #fff;
  padding: 4px 5px 5px 5px !important;
  border-radius: 0;
  height: 35px;
  float: right;
  width: 38.5%;
  }
  
  .new-Checkout .method-list {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0px;
  text-align: center;
  border: 1px solid transparent;
  background: #fff;
  margin-bottom: 30px;
  }
  
  .new-Checkout .method-list .method-description {
  color: #717171;
  text-align: left;
  padding-left: 50px;
  font-size: 17px;
  }
  
  .new-Checkout .method-list li {
  margin-bottom: 15px;
  }
  
  .new-Checkout .method-list label {
  font-size: 16px;
  margin-bottom: 10px;
  }
  
  
  .error_sec .success {
  color:#47ec11 !important
  }
  
  .error_sec .not-valid {
  color: red !important;
  }
  
  .step-content .scroll-sec{ width: 100%; max-height: 400px; overflow-x: hidden; overflow-y: auto; padding-right: 15px}
  
  #style-3::-webkit-scrollbar-track
  {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  background-color: #fff;
  }
  
  #style-3::-webkit-scrollbar
  {
  width: 5px;
  background-color: #4e3629;
  }
  
  #style-3::-webkit-scrollbar-thumb
  {
  background-color: #4e3629;
  }
  
  
  .step-content .address-sec {
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
  }
  
  .step-content .form-control {height: calc(2.1rem + 2px);}
  
  .step-content .address-sec a {
  display: block;
  padding: 5px 10px;
  border: 1px solid transparent;
  }
  
  .step-content .address-sec a:hover {
  border: 1px solid #eaeaea;
  }
  
  .step-content .address-sec a.active {
  border: 1px solid #eaeaea;
  }
  
  .step-content .address-sec ul {
  margin: 0;
  padding: 0;
  }
  
  .step-content .address-sec ul li {
  margin-bottom: 0px;
  font-size: 14px;
  color: #777;
  padding-left: 25px;
  }
  
  .step-content .address-sec label {
  font-size: 16px;
  margin-bottom: 10px;
  color: #333;
  font-weight: 400;
  }
  
  
  
  .review_area.tab-pane {
  display: block !important;
  }
  
  .new-Checkout .w-50 {
  float: left;
  }
  
  
  #addaddress .form-control {
  height: calc(2.4rem + 2px);
  }
  
  #addaddress h5 {
  font-size: 20px;
  }
  
  .modal#addaddress .close {
  color: #490001;
  margin: -4px;
  opacity: 1;
  }
  
  .review_area img {
  max-height: 70px;
  }
  
  
  .step-content .btn-link {
  font-weight: 400;
  color: #490001;
  background-color: transparent;
  padding: 0 !important;
  text-decoration: underline;
  }
  
  .new-Checkout .review_area .table-bordered td p {
font-size: 23px;
    margin-bottom: 0;
    color: #4e3629;
    font-weight: 500;
  }


  .new-Checkout .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.content-section .button-sec .btn img {
  max-width: 10px;
  }
  
  .paypal_sec {
  margin: 40px 0;
  }
  
  .paypal_sec.tab_btn {
  background: #fff;
  }
  
  .paypal_sec .tab_btn ul.tabs {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 10;
  padding: 0;
  width: 100%;
  list-style: none;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  }
  
  .paypal_sec .tab_btn ul.tabs li {
  margin: 0;
  cursor: pointer;
  padding: 10px 15px;
  color: #333;
  text-align: left;
  font-size: 17px;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-weight: 400;
  }
  
  .paypal_sec .tab_btn ul.tabs li:hover {
  background: #4e3629;
  color: #fff;
  }
  
  .paypal_sec .tab_btn ul.tabs li.active {
  background: #4e3629;
  color: #fff;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  }
  
  .paypal_sec .tab_container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 20;
  left: 0;
  width: 100%;
  min-width: 10px;
  text-align: left;
  background: white;
  }
  
  .paypal_sec .track-number {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0px #eaeaea;
  -moz-box-shadow: 0px 0px 5px 0px #eaeaea;
  box-shadow: 0px 0px 5px 0px #eaeaea;
  padding: 20px;
  border-radius: 4px;
  }
  
  .paypal_sec .tab_drawer_heading {
  display: none;
  }
  
  .paypal_sec .tab_container .track-number .card {
  width: 100% !important;
  margin: 0 auto;
  border:none
  }
  
  .paypal_sec .tab_container .track-number .btn-dark {
  padding: 8px 0px;
  border-radius: 5px !important;
  background: #777;
  border: none;
  } 



  .new-customer h6 {
    font-size: 12px;
    text-transform: lowercase;
}

.step-content .btn-link:hover{font-weight: 400;
  color: #490001;
  background-color: transparent;
  padding: 0 !important;
  text-decoration: underline;}

  .step-content .btn-link::after {

    background: transparent;
}

.new-Checkout .shipping_form ul li .error_sec {
  margin-top: 0;
  text-align: right;
  float: right;
  position: absolute;
  top: 35px;
  left: 5px;
}

.error_sec.tab-content {
  margin-top: 15px;
  text-align: right;
  float: right;
}


.not-valid .not_valid {
    color: red;
}


.more-btn{    padding: 6px 10px;
    background: #fff;
    display: inline-block;
    border-radius: 35px;
    width: 35px;
    height: 35px;
    text-align: center;}

.more-btn .dropdown-menu:before {
    right: 13px;
}


.thumnail .img_sec  .owl-nav button:focus{  outline: none;}
.thumnail .img_sec  .owl-nav{position:absolute; top: 50%;transform: translateY(-50%); width: 100%;z-index: 9; opacity:0; transition:.5s}
.thumnail .img_sec:hover .owl-nav{opacity:1}

.thumnail .img_sec .owl-nav .owl-next{ position: absolute; right: 15px; background:rgba(255,255,255,.5) url(/Content/img/next_arrow.png) no-repeat center center;}
.thumnail .img_sec  .owl-nav .owl-prev{ position: absolute; left:15px; background:rgba(255,255,255,.5) url(/Content/img/back_arrow.png) no-repeat center center;}
.thumnail .img_sec  .owl-nav .owl-prev span{display: none;}
.thumnail .img_sec  .owl-nav .owl-next span{display: none;}
.thumnail .img_sec  .owl-dot{cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background:transparent;width:25px;height:25px;border: 1px solid #313537; background-size: 10px;}
.thumnail .img_sec  .owl-nav .owl-prev{
position: absolute; top: 50%; background-size: 30%; transform: translateY(-50%);width: 20px;height: 20px;background:rgba(255,255,255,.5) url(/Content/img/back_arrow.png);background-repeat: no-repeat;background-position: center center; border:0;
}
.thumnail .img_sec .owl-nav .owl-prev span{display: none}

.thumnail .img_sec .owl-nav .owl-next{
position: absolute; top: 50%; transform: translateY(-50%);width: 20px;height: 20px;background:rgba(255,255,255,.5) url(/Content/img/next_arrow.png);background-repeat: no-repeat;background-position: center center;border:0;
}
.owl-carousel .owl-nav .owl-next span{display: none}

.thumnail .img_sec .owl-carousel {

    width: 100%;
    z-index: 1;
    height: 100%;
}

.thumnail .img_sec .owl-carousel .owl-item .item{height:230px; text-align:center}

.productlist_area .main .input-group{width:100%}
.productlist_area .main .input-group .input-group-append{
    position: absolute;
    right: 0;
    top :0;
    z-index: 9;
}

.productlist_area .main .input-group input[type=text] {
    background-color: #fff;
    width: 100%;
}

.productlist_area .main .input-group-append a{
    padding: 7px 15px;
    background: #4e3629;
    color: #fff;
}
.productlist_area .main .input-group-append .btn:hover, .productlist_area .main .input-group-append .btn:focus, .productlist_area .main .input-group-append .btn.focus {
    color: #fff;
    text-decoration: none;
    
}

.price input {
    position: absolute;
    opacity: 0;
}

.price .custom-lable-cart{
color: #fff;
    background: #4e3629;
    border-color: #4e3629;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 9px 8px;
    margin-bottom: 0;
    transition:.5s;
    height: 35px;
}

.price .custom-lable-cart:hover{color: #fff;
    background: #4e3629;
    border-color: #4e3629;}

.price input[type = "checkbox"]:checked + label {
color: #fff;
    background: #4e3629;
    border-color: #4e3629;;
}

.price .custom-lable-cart span{ display:none}

.price input[type = "checkbox"]:checked + label span{ display:inline-block; vertical-align: text-bottom;}


.productlist_area .btn-link{
    text-decoration: none;
    border: 1px solid #c5c5c5;
    color: #4e3629;
}


.prod-slider .lSSlideOuter .lSPager.lSGallery li.sl-video{position: relative;}

.prod-slider .lSSlideOuter .lSPager.lSGallery li.sl-video:after{content: ''; position: absolute; width:100%; height: 100%; background: rgba(0, 0, 0, 0.4);left: 0;
  z-index: 9;}

.prod-slider .lSSlideOuter .lSPager.lSGallery li.sl-video a:before{content: ''; width: 35px; height: 35px; background-image: url(../img/product-play.png);
  z-index: 99;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

a.remove{color: #d9534f;
        text-decoration:none;
    background-color: transparent;
    border-color: transparent;}



 .productlist-container {
     max-width: 100%; 
     width: 100%;
      padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}






 .loginbg{
     position:fixed;
     top:0;
     left:0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
        -ms-flex-pack: center!important;
    justify-content: center!important;
    width: 100%;
    height: 100vh;
    background-image:url(../images/login_bg.jpg);
        background-position: center center;
    background-size: cover;
}

.loginbg .form-control {
    background: #fff !important;
        height: calc(2.2em + .75rem + 2px);
        border: 1px solid #e8e8e8 !important;
}

.loginbg .log-in {
    margin: 25px 0;
    box-shadow: rgba(60, 66, 87, 0.12) 0px 7px 14px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px;
}

.loginbg .navbar-brand{float:none}


.loginbg .contact100-form-checkbox {
    display: inline-block;

    width: 82%;
    text-align: right;
}

.loginbg .contact100-form-checkbox .custom-control {
    min-height: 1.5rem;
    padding-left: 0;
    margin-right: 7px;
}
.loginbg h2 {
    font-size: 25px;
}

.my_cart_table .helpcart{font-weight:600}



             .page_loader {
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            position: fixed;
            background: #f9f9fc;
            z-index: 999999;
            opacity: 0.7;
        }

        .page_loader__inner {
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            position: absolute;
        }

        .page_loader__content {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            text-align:center;
        }

        .page_loader .spinner {
            width: 60px;
            height: 60px;
            display: inline-block;
            border-width: 2px;
            border-color: #4e3629; /*rgba(255, 255, 255, 0.05);*/
            border-top-color: #fff;
            animation: spin 1s infinite linear;
            border-radius: 100%;
            border-style: solid;
        }
        .page_loader .loader_msg {
            float: left;
            margin-top: 10px;
            width: 100%;
            color: #000;
            font-weight: 600;
            font-size: 15px;
        }


        @keyframes spin {
            100% {
                transform: rotate(360deg);
            }
        }



.myorder-sec{
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}








/*-------------------------------------------------------------
------------------@media Rule Start----Mobile----------------------*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 /* IE10+ CSS styles go here */
  .form-control{ padding: 8px 15px;}
  .sortable-imgwrap li{display: inline-block;}
  .sortable-imgwrap li .img-hld{display:block;}
}

@media (min-width: 1920px){
  .productlist-container {
     max-width: 1920px; 
     width: 100%;
      padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
}

@media (min-width: 1601px){
  .thumnail .img_sec .owl-carousel .owl-item .item {
    height: 450px;
}

}

@media (min-width: 1400px) {
  #my_folder_tree.jstree {font-size: 16px;}
  #my_folder_tree.jstree-default .jstree-node { min-height: 50px; line-height: 50px;}
  #my_folder_tree.jstree-default .jstree-wholerow {height: 50px;}
  #my_folder_tree.jstree-default .jstree-anchor {line-height: 50px; height: 50px; }
  #my_folder_tree.jstree-default .jstree-icon:empty{margin-top: 12px;}
  #my_folder_tree.jstree-default .jstree-themeicon-custom{ margin-top: 14px; margin-right: 10px;}
  .varient_sec select{max-width:50%;}
    .container {max-width: 1920px; width: 100%; 
                padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }

  .productlist-container {
     max-width: 1920px; 
     width: 100%;
      padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}

  .thumnail .img_sec .owl-carousel .owl-item .item {
    height: 270px;
}
  
}


@media only screen and (min-width:1331px) and (max-width:1400px) {
  .productlist_content .productsec ul {margin-left: -8px;
    margin-right: -12px;}
  .productlist_content ul li, .productlist_content .productsec ul li {    width: 23.33%;    max-width: 23.33%;}

  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 0.2rem;
}




}

/* ------------------------ extra SMALL DESKTOP ------------------------*/
@media only screen and (min-width:1170px) and (max-width:1300px) {
  .pos .add-option { padding: 0px 7px;}
  .pos .coupon-bar .input-group-btn .btn.btn-default{font-size: 12px;    padding-left: 5px;    padding-right: 5px;    line-height: 20px;}
  .apply-coupon.col-sm-5{padding-left:0; }
  .productlist_content .productsec ul {margin-left: -10px;margin-right: -40px;}
  .productlist_content ul li, .productlist_content .productsec ul li {    width: 22.5%;    max-width: 22.5%;}
  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 0.2rem;
}



}

@media (min-width: 1200px) {
    .container {max-width: 1920px; width: 100%; 
                padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }

}


/* ------------------------ SMALL DESKTOP ------------------------*/

@media only screen and (min-width:992px) and (max-width:1169px) {

  .list_item .list_item_left{ width: 70%;}
  .list_item_right{ width: 30%;}
  .choose_edit_sec{ min-height: 250px;}
  .right_section_outer .from_outer { width: 36%;}  
  .createcustomer form{width:80%; margin: 0 auto;}
  .cusmtab-content.current { margin-left: -1%; margin-right: -1%;}
  .gridbox{width: 31.3%; margin: 0 1% 15px;}
  .productlist_content .productsec ul {margin-left: -10px;margin-right: -40px;}
  .productlist_content ul li, .productlist_content .productsec ul li {    width: 30.33%;    max-width: 30.33%;}
  .thumnail .img_sec .owl-carousel .owl-item .item {
    height: 250px;
}
  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 0.2rem;
}


  
}

@media only screen and (max-width:1024px) {
    .more-none {
    display: none;
}

      .productlist-container {
     max-width: 1920px; 
     width: 100%;
      padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}

.Catalog-tab .tab-content .listsec .createdtxt h6 {
    margin: 5px 10px 5px 0;
    text-align: left;
    line-height: 11px;
    font-size: 12px;
    display: block;
}
}  

/* ------------------------ TABLET ------------------------*/

@media (min-width: 992px){
    .container {max-width: 1920px !important; width: 100% !important; 
                padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }

}

@media (max-width: 991px) {

      .productlist-container {
     max-width: 1920px; 
     width: 100%;
      padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}

        .more-none {
    display: none;
}


	.left_categories{ display: block;  }
  .left_categories .filterscroll{overflow: auto; overflow-x: hidden; height: 100%;}
  .filter-close { position: absolute; top: 0; right: 0; width: auto;  height: 38px; line-height: 22px; text-align: center;  font-weight: 800;   text-transform: uppercase;   color: #808080;  font-size: 12px; }
  .ui-slider-horizontal { width: 97% !important; margin: 0 auto;}
  
  .categories #accordion {
    padding: 0 0;
}

.overflow{min-height: 100%;    position: relative; padding: 0 12px;height: 100%;}

.filterby-input {
  padding: 0 0;
}
  
  .dropdown-menu>li>a{font-size: 16px;}

  .searchcol.w-75 { width: 70%!important;} 
  .tab-content-sec .tab-content .listview{ display:none}
  .tab-btn{display:none}

  #home {
    display: block;
    opacity: 1;
    visibility: visible;
}

.container {max-width: 100%; width:100%; }



.my_cart_table table tr td.footable-first-column {
    padding-left: 60px;
}

.my_cart_table table tr td span {
    width: 25px;
    height: 25px;
    position: inherit;
    left: 0;
    top: 35%;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
    content: "";
    background: url(/Content/images/table_plus.png) no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 26px;
    top: 10%;
    background-size: cover;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "";
    background: url(/Content/images/table_minus.png) no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 26px;
    top: 10%;
    background-size: cover;
}

.footable-row-detail-name {
    display: table-cell;
    font-weight: bold;
    padding-right: 0.5em;
    vertical-align: top;
    width: 60px;
}


}


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

  .listbox{ max-height: inherit;}
  .listbox .xsbtn-area{    width: 100%;  text-align: right;  margin-bottom: 15px;}
  .createcustomer form{width:100%; margin: 0 auto;}
  .coupon-bar p{ margin-bottom: 0;}
  .add-customer p{margin-bottom: 15px; }
  .form-horizontal .control-label, .form-horizontal label{text-align:left;}
  .header-outer .navbar-collapse.collapse { display: none!important;}
  .header-outer .navbar-collapse.collapse.show { display: block!important;}
  .navbar-nav {display: block; float: none; margin: 0;}
  .navbar-brand {-ms-flex-item-align: start!important; align-self: flex-start!important;    -ms-flex-preferred-size: 0;    flex-basis: 0;    -ms-flex-positive: 1;    flex-grow: 1;    max-width: 100%;}
  .navbar-nav>li {    float: none;}
  .navbar-right {    float: none!important;    margin-right: 0;}
  .navbar-nav>li>a {    padding-top: 10px;    padding-bottom: 10px;}
  .dropdown-menu { background-color: #f2f2f2;    border: 1px solid rgba(0,0,0,0); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0);  box-shadow: 0 6px 12px rgba(0,0,0,0);}
  .navbar-expand-lg .navbar-nav .nav-link { margin-right: 0; border-bottom: 1px solid #d7d7d7;}
  .navbar-expand-lg .navbar-nav .nav-link:last-child{ border-bottom:0;}
  .header-outer .dropdown-menu:before, .header-outer .dropdown-menu:after{ content: none;}
  .header-outer .dropdown-menu{ -webkit-animation-duration: .1s;  animation-duration: .1s; position: relative !important;}
  .header-outer .dropdown-toggle::after { position: absolute;  right: 6px;  top: 50%;}
  .cusmtab-content.current { margin-left: -1%; margin-right: -1%;}
  .gridbox{width: 48%; margin: 0 1% 15px;}
  .list_item1 form { width: 100%;}
  .ui-slider-horizontal { width: 94% !important; margin: 0 auto;}
  .productlist_content ul li, .productlist_content .productsec ul li {     width: 47%;
    max-width: 47%;
    }

 
  .thumnail .img_sec .owl-carousel .owl-item .item {
    height: 260px;
}
  .rt-panel{margin:20px 0;}
  .login_area{min-height:inherit;}
  .dropdown-menu{ min-width: 170px;}
  .checkout #accordion .card{  width: auto;}
  .mobile-cart{ position: absolute; top: 25px; right: 25px;}
  .mobile-cart a{position: relative;padding-top: 15px;  padding-bottom: 15px;padding-right: .5rem;  padding-left: .5rem;}
  .mobile-cart a .badge {
    top: 7px;  left: 16px;  position: absolute;  background-color: #737373;  border-radius: 50%;  min-width: 18px;  min-height: 18px;  padding: 3px 0;}


    .tab-content.all_catalog_list .tab-pane.fade .col-sm-12 {
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }


    .tab-content.all_catalog_list .tab-pane.fade .col-md-6 {
      float: left;
  }

  .image_sec {
    width: 100%;
    height: 215px;
    margin-right: 0;
    border-radius: 0;
    overflow: visible;
    background-size: contain;
    margin-bottom: 15px;

}

.image_sec .camerasec {
  opacity: 1;
  right: auto;

}

.image_sec .dropdown-option {
  width: 35px;
  height: 35px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0px;
  background: #fff;
  opacity: 1;
  transition: .4s;
}

.dropdown-option ul.dropdown-menu.show[x-placement='top-start'] {
  right: 0 !important;
  top: 24px !important;
  bottom: auto !important;
}

.dropdown-option .dropdown-menu[x-placement="bottom-start"] {
  right: 0 !important;
  top: 24px !important;
  bottom: auto !important;

}

.image_sec .dropdown-option .nav-link {
  display: block;
  padding: 0 .5rem 1rem;
}


.category-sec {
  width: 100%;
}
.Catalog-tab .tab-content .listsec {
  padding: 15px;

}
.modal-dialog {
  padding: 0 15px;
}

.dropdown-menu[x-placement="bottom-start"] {
  right: auto;
}


.dropdown-menu:before {
  content: '';
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  left: 20px !important;
  z-index: 3;
  right: auto !important;
}

.Catalog-tab .tab-content .listsec .edit-name {
  height: 35px;
}
.contentsec {
  height: auto;

}

.Catalog-tab .tab-content .listsec .defaulttag {

  top: 2px;

}

.Catalog-tab .tab-content .listsec .col-2, .Catalog-tab .tab-content .listsec .col-3, .Catalog-tab .tab-content .listsec .col-4, .Catalog-tab .tab-content .listsec .col-5, .Catalog-tab .tab-content .listsec .col-6,  .Catalog-tab .tab-content .listsec .col-7 {

  float: left;
}

.Catalog-tab .tab-content .listsec .createdtxt h6 {
  margin: 0 10px 5px 0;
  line-height: 16px;
  display: block;
}
.mobile-logo{background: #fff; padding: 10px 0 0 0;}
.mobile-logo a{display: block;}
.mobile-logo a img{ max-width:100%; max-height:30px}

.mobileMenu-Sec{ display: block;padding:0;}

.mobileMenu-Sec .navbar-right {
  float: right!important;
  margin-right: 0;
}

.mobileMenu-Sec .navbar-nav>li {
  float: left;
}
.mobileMenu-Sec .nav>li>a:hover, .mobileMenu-Sec .nav>li>a:focus {
  text-decoration: none;
  background-color:transparent;
}
.mobileMenu-Sec .navbar-nav>li>a {
  padding-top: 5px;
  padding-bottom: 10px;
}
.mobileMenu-Sec .btn.btn-primary.reverse-btn.btn-sm {
  max-width: 85%;
  width: inherit;
  padding: 5px 0 !important;
}

.header-outer{display: none;}



.mobile-user{width: 100%;
  position: absolute;
  top: 0px;
  z-index: 9;
  background: transparent;}

  .mobile-logo .dropdown-menu[x-placement="bottom-start"] {
    right: -47px !important;
    background: #fff !important;
}

.mobile-logo .dropdown-menu>li>a {
  font-size: 13px;
}

.tab-card-header .nav-tabs .nav-link.active {

  font-size: 14px;
  font-weight: 500;
}

.addtocart .btn {
  width: 100%;
  margin-bottom: 15px;
  margin-right: 0 !important;
}

.sidebar-item {
  position: inherit;
}

.cart-section .badge {
  top: 0px;

}
.price .btn-primary {
  padding: 13px 12px !important;
}

.productlist_content .productsec ul {

    margin-left: -6px;
    margin-right: -16px;

}

.productlist_area {
    flex-wrap: wrap;
     height: auto; 
}









}


/* ------------------------ Mobile ------------------------*/
@media only screen and (max-width:767px) {

  /* .navbar-brand {-ms-flex-item-align: start!important;    align-self: flex-start!important;    -ms-flex-preferred-size: 0;    flex-basis: 0;    -ms-flex-positive: 1;    flex-grow: 1;    max-width: 100%;} */
  .header-outer .navbar-collapse.collapse { display: none!important;}
  .header-outer .navbar-collapse.collapse.show { display: block!important;}
  .navbar-nav {display: block; float: none; margin: 0;}
  /* .navbar-brand {    -ms-flex-item-align: center!important;align-self: center!important;    -ms-flex-preferred-size: 0;    flex-basis: 0;    -ms-flex-positive: 1;    flex-grow: 1;    max-width: 100%;} */
  .navbar-nav>li { float: none;}
  .navbar-right { float: none!important; margin-right: 0;}
  .navbar-nav>li>a { padding-top: 10px;    padding-bottom: 10px;}
  .dropdown-menu {  background-color: #f2f2f2;    border: 1px solid rgba(0,0,0,0); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0);  box-shadow: 0 6px 12px rgba(0,0,0,0);}
  .navbar-expand-lg .navbar-nav .nav-link { margin-right: 0; border-bottom: 1px solid #d7d7d7;}
  .navbar-expand-lg .navbar-nav .nav-link:last-child{ border-bottom:0;}
  .header-outer .dropdown-menu:before, .header-outer .dropdown-menu:after{ content: none;}
  .header-outer .dropdown-menu{ -webkit-animation-duration: .1s;  animation-duration: .1s; position: relative !important;}
  .header-outer .dropdown-toggle::after { position: absolute;  right: 6px;  top: 50%;}
  .cusmtab-content.current { margin-left: -1%; margin-right: -1%;}
  .gridbox{width: 48%; margin: 0 1% 15px;}
  .list_item1 form { width: 100%;}
  .ui-slider-horizontal { width: 92% !important; margin: 0 auto;}
  .productlist_content ul li,  .productlist_content .productsec ul li  { width: 47%; max-width: 47%;}

   .left_categories{ display: none !important;  }

  .thumnail .img_sec .owl-carousel .owl-item .item {
    height: 260px;
}
  .productlist_area{    flex-wrap: wrap; height:auto}
  .rt-panel{margin:20px 0;}
  .searchcol, .itempic{margin-bottom: 15px;text-align: center;}

  .checkout-pos li .itempic img {
    max-width: 100%;
    max-height: 150px;
  }
  .checkout-pos{    max-height: 500px;    overflow: auto;    overflow-x: hidden;  }
  .checkout-pos li h3{font-size: 16px;}
  .login_area{min-height:inherit;}
  .order_cart_table table tr td:nth-child(1) {  width: 50px;}
  .multi-steps > li h4, .checkout .multi-steps > li h4 a {  font-size: 12px;}
  .checkout #accordion .card{  width: auto;}
  #prodSlider {
    height: 290px !important;
  }
  .prod-slider {
    height: 350px !important;
  }
  .prod-slider .lSSlide {
    height: 275px !important;
  
  }
  .navbar-brand {width:100%;}
  .mobile-cart{ position: absolute; top: 25px; right: 25px;}
  .mobile-cart a{position: relative;padding-top: 15px;  padding-bottom: 15px;padding-right: .5rem;  padding-left: .5rem;}
  .mobile-cart a .badge {  top: 7px;  left: 16px;  position: absolute;  background-color: #737373;  border-radius: 50%;  min-width: 18px;  min-height: 18px;  padding: 3px 0;}
  .aligntbl .table {   width: 900px;}
  .searchcol.w-75 { width: 100%!important; } 

  .image_sec {
    width: 100%;
    height: 250px;
    margin-right: 0;
    border-radius: 0;
    overflow: visible;
    background-size: contain;
    margin-bottom: 15px;

}

.image_sec .camerasec {
  opacity: 1;
  right: auto;

}

.image_sec .dropdown-option {
  width: 35px;
  height: 35px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0px;
  background: #fff;
  opacity: 1;
  transition: .4s;
}

.dropdown-option ul.dropdown-menu.show[x-placement='top-start'] {
  right: 0 !important;
  top: 24px !important;
  bottom: auto !important;
}

.dropdown-option .dropdown-menu[x-placement="bottom-start"] {
  right: 0 !important;
  top: 24px !important;
  bottom: auto !important;

}

.image_sec .dropdown-option .nav-link {
  display: block;
  padding: 0 .5rem 1rem;
}


.category-sec {
  width: 100%;
}
.Catalog-tab .tab-content .listsec {
  padding: 15px;

}
.modal-dialog {
  padding: 0 15px;
}

.dropdown-menu[x-placement="bottom-start"] {
  right: auto;
}


.dropdown-menu:before {
  content: '';
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  left: 20px !important;
  z-index: 3;
  right: auto !important;
}

.Catalog-tab .tab-content .listsec .edit-name {
  height: 35px;
}
.contentsec {
  height: auto;

}

.Catalog-tab .tab-content .listsec .defaulttag {

  top: 2px;

}

.Catalog-tab .tab-content .listsec .col-2, .Catalog-tab .tab-content .listsec .col-3, .Catalog-tab .tab-content .listsec .col-4, .Catalog-tab .tab-content .listsec .col-5, .Catalog-tab .tab-content .listsec .col-6,  .Catalog-tab .tab-content .listsec .col-7 {

  float: left;
}

.Catalog-tab .tab-content .listsec .createdtxt h6 {
  margin: 0 10px 5px 0;
  line-height: 16px;
  display: block;
}
.mobile-logo{background: #fff;padding:10px 0 0 0}
.mobile-logo a{display: block;}
.mobile-logo a img{ max-width:100%; max-height:30px}

.mobileMenu-Sec{ display: block;padding:0;}

.mobileMenu-Sec .navbar-right {
  float: right!important;
  margin-right: 15px;
}

.mobileMenu-Sec .navbar-nav>li {
  float: left;
}
.mobileMenu-Sec .nav>li>a:hover, .mobileMenu-Sec .nav>li>a:focus {
  text-decoration: none;
  background-color:transparent;
}
.mobileMenu-Sec .navbar-nav>li>a {
  padding-top: 5px;
  padding-bottom: 10px;
}
.mobileMenu-Sec .btn.btn-primary.reverse-btn.btn-sm {
  max-width: 85%;
  width: inherit;
  padding: 5px 0 !important;
}

.header-outer{display: none;}



.mobile-user{width: 100%;
  position: absolute;
  top: 0px;
  z-index: 9;
  background: transparent;}

  .mobile-logo .dropdown-menu[x-placement="bottom-start"] {
    right: -47px !important;
    background: #fff !important;
}

.mobile-logo .dropdown-menu>li>a {
  font-size: 13px;
}

.tab-card-header .nav-tabs .nav-link.active {

  font-size: 14px;
  font-weight: 500;
}

.breadcrumb a {
  font-size: 12px;
}
.breadcrumb>.active {

  font-weight: 500;
  font-size: 12px;
}

.btn-default.backrounded-btn {
  padding: 5px 10px;
}


.collapse {
  padding: 0 16px;
}
.checkout #accordion .card {
  width: 100%;
  background: #fff;
}
#accordion {
  padding: 0 16px;

}

.addtocart .btn {
  width: 100%;
  margin-bottom: 15px;
  margin-right: 0 !important;
}

.sidebar-item {
  position: inherit;
}


.cart-section .badge {
  top: 0px;

}
.price .btn-primary {

  padding: 13px 12px !important;
}


.lSAction>.lSPrev {

  left: 0 !important;
}

.lSAction>.lSNext {

  right: 0!important;
}


.new-Checkout .review_area {

    margin-top: 30px;
}

.new-Checkout .sw-theme-arrows > ul.step-anchor > li > a:after {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 50px solid transparent;
   border-bottom: 50px solid transparent;
   border-left: 30px solid #fff;
   position: absolute;
   top: 50%;
   margin-top: -50px;
   left: 92%;
   z-index: 2;
}
.new-Checkout .sw-theme-arrows > ul.step-anchor > li.active > a:after {
   border-left: 30px solid #333 !important;
}

.new-Checkout .nav-tabs .nav-item span {
   display: none;
}


    .new-Checkout .sw-theme-arrows > ul.step-anchor > li > a {
        text-align: center;
    }


.new-Checkout .review_area .scroll-sec .table-bordered td:nth-child(1) {
   width: 10%;
}

.new-Checkout .review_area .table-bordered td, .table-bordered th {
   font-size: 13px;

}
.new-Checkout .review_area .scroll-sec .table-bordered td:nth-child(2) {
   width: 35%;
}

.new-Checkout .review_area .scroll-sec .table-bordered td:nth-child(4) {
   width: 30%;
}
.new-Checkout .review_area .scroll-sec {

   padding-right: 0;
}
.review_area img {
   max-height: 50px;
}

.new-Checkout .shipping_form ul li {
   width: 100%;
   margin: 0 0 10px 0;
   height: 35px;
   float: left;
}
.new-Checkout .review_area .table-bordered td p {
   font-size: 15px;
   margin-bottom: 0;
}






}
/* ------------------------ Mobile XS ------------------------*/
@media (max-width: 575px) {
	
  .cusmtab-content.current { margin-left: 0; margin-right: 0;}
  .gridbox{width: 100%; margin: 0 0 15px;}
  .productlist_area .switchcol{padding: 5px 15px; width: 100%;}
  .dropwrap450 .dropdown-menu {    min-width: 200px;}
  .catalog-col .btn.violet-bg.reverse-btn{    padding: 5px;}
  .catalog-col .btn.btn-primary{    padding: 5px 8px;  font-size: 12px;  line-height: 22px;}

  .productlist_content .productsec ul {

    margin-left: 0;
    margin-right: 0;


}
  .thumnail h5{ padding: 5px ; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.thumnail .img_sec .owl-carousel .owl-item .item{
    height: 340px;
}
  .thumnail .img_sec .owl-nav{opacity:1}
  .productlist_content .productsec ul li{ margin:0 0 25px 0;width: 100%;max-width: 100%;}
  .productlist_area .filter-btn {
    margin-left: 0;
}



.price .btn-primary {
  padding: 13px 12px !important;
}

  /* .productlist_content ul li, .productlist_content .productsec ul li {    width: 100%;    max-width: 100%;} */

  .title-max-H, .title-max-H h5 { height: auto; padding: 0 10px;}
  .title-max-H h5
  .customer-txt { margin-right: 0px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px; display: inline-block;}
  .midcol .editable-col .text {max-width: 50%;}
  .editable-col .edit { opacity: 1;}
  .gridbox {max-height: 100%;}
  .checkout #accordion .card{width: 100%}
  .method-list {width: 100%;}
  .review_area .table>thead>tr>th, .review_area .table>tbody>tr>th, .review_area.table>tfoot>tr>th {padding: 8px;}
  .my_cart_table .shipping_form ul li {width: 100%;margin-right: 0px;}
  .checkout h2 {margin-top: 10px;margin-bottom: 0px !important;}
  .desc-table td:first-child {  width: 120px;}

.editable-col .edit{opacity: 1}
.bulk-col .btn{width: 100%;}
.order_cart_table table tr td:nth-child(1) {  width: 50px;}
.order-status .text-right{text-align: left !important;}


.footable-row-detail-row{margin: 11px 0;}
.admin_table td:nth-child(1) {position: relative;}
.admin_table tbody > tr > td > span.footable-toggle:before {
  content: "";background: url(../images/table_plus.png) no-repeat;width: 25px;height: 25px;position: absolute;right: 10px;top: 40%;}
.admin_table tbody > tr > td > span.footable-toggle:before {
  content: ""; background: url(../images/table_plus.png) no-repeat;width: 25px; height: 25px;position: absolute;right: 10px;top: 33%;}
  .footable-row-detail-name {
    display: table-cell;
    font-weight: bold;
    padding-right: 0.5em;
    vertical-align: middle;
    width: 60px;
}
.footable-row-detail-value {
  display: table-cell;
}
#prodSlider {
  height: 290px !important;
}

.prod-slider {
  height: 350px !important;
}
.prod-slider .lSSlide {
  height: 275px !important;

}
.prod-slider .lSSlide li img{ max-width: 100%; max-height: 100%}


.navbar-brand {width:100%;}
.mobile-cart{ position: absolute; top: 25px; right: 25px;}
.mobile-cart a{position: relative;padding-top: 15px;  padding-bottom: 15px;padding-right: .5rem;  padding-left: .5rem;}
.mobile-cart a .badge {
  top: 7px;  left: 16px;  position: absolute;  background-color: #737373;  border-radius: 50%;  min-width: 18px;  min-height: 18px;  padding: 3px 0;}

  .custom-btn .btn {padding: 8px 9px; width: 48%;}
  .btn.btn-primary.reverse-btn.btn-sm {width: 47%;}
  .btn.btn-primary.reverse-btn {width: 48%;overflow: hidden;}

  /* .scroller.cart-outer {width: calc(100% - 14%);} */
  .scroller.cart-outer span {padding-right: 20px;}

  .scroller.cart-outer .btn-info {font-size: 15px;}
  .searchcol.w-75 {width: 100%!important;} 
  .listbox h4 {font-size: 14px;}
  .listbox h2 {font-size: 18px;}


  .image_sec {
    width: 100%;
    height: 300px;
    margin-right: 0;
    border-radius: 0;
    overflow: visible;
    background-size: contain;
    padding-bottom: 15px;

}

.image_sec .camerasec {
  opacity: 1;
  right: auto;

}

.image_sec .dropdown-option {
  width: 35px;
  height: 35px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0px;
  background: #fff;
  opacity: 1;
  transition: .4s;
}

.image_sec .dropdown-menu:before{ display: none;}

.dropdown-option ul.dropdown-menu.show[x-placement='top-start'] {
  right: 0 !important;
  top: 24px !important;
  bottom: auto !important;
}

.dropdown-option .dropdown-menu[x-placement="bottom-start"] {
  right: 0 !important;
  top: 24px !important;
  bottom: auto !important;

}

.image_sec .dropdown-option .nav-link {
  display: block;
  padding: 0 .5rem 1rem;
}


.category-sec {
  width: 100%;
}
.Catalog-tab .tab-content .listsec {
  padding: 15px;

}
.modal-dialog {
  padding: 0 15px;
}

.dropdown-menu[x-placement="bottom-start"] {
  right: auto;
}


.dropdown-menu:before {
  content: '';
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  left: 20px !important;
  z-index: 3;
  right: auto !important;
  display:none
}

.Catalog-tab .tab-content .listsec .edit-name {
  height: 35px;
}
.contentsec {
  height: auto;

}

.Catalog-tab .tab-content .listsec .defaulttag {

  top: 2px;

}

.Catalog-tab .tab-content .listsec .col-2, .Catalog-tab .tab-content .listsec .col-3, .Catalog-tab .tab-content .listsec .col-4, .Catalog-tab .tab-content .listsec .col-5, .Catalog-tab .tab-content .listsec .col-6,  .Catalog-tab .tab-content .listsec .col-7 {

  float: left;
}

.Catalog-tab .tab-content .listsec .createdtxt h6 {
  margin: 0 10px 5px 0;
  line-height: 16px;
  display: block;
}
.mobile-logo{ background: #fff;padding: 10px 0 0 0;}
.mobile-logo a{display: block;}
.mobile-logo a img{ max-width:100%; max-height:30px}

.mobileMenu-Sec{ display: block;padding:0;    -webkit-box-shadow: 0px 0px 40px 0px rgba(81, 54, 40, 0.1);
    box-shadow: 0px 0px 40px 0px rgba(81, 54, 40, 0.1);}

.mobileMenu-Sec .navbar-right {
  float: right!important;
  margin-right: 15px;
}

.mobileMenu-Sec .navbar-nav>li {
  float: left;
}
.mobileMenu-Sec .nav>li>a:hover, .mobileMenu-Sec .nav>li>a:focus {
  text-decoration: none;
  background-color:transparent;
}
.mobileMenu-Sec .navbar-nav>li>a {
  padding-top: 5px;
  padding-bottom: 10px;
}
.mobileMenu-Sec .btn.btn-primary.reverse-btn.btn-sm {
  max-width: 85%;
  width: inherit;
  padding: 5px 0 !important;
  overflow: visible;
}

.header-outer{display: none;}



.mobile-user{width: 100%;
  position: absolute;
  top: 0px;
  z-index: 9;
  background: transparent;}

  .mobile-logo .dropdown-menu[x-placement="bottom-start"] {
    right: -47px !important;
    background: #f7f7f7 !important;
}

.mobile-logo .dropdown-menu>li>a {
  font-size: 13px;
}

.tab-card-header .nav-tabs .nav-link.active {

  font-size: 14px;
  font-weight: 500;
}





.breadcrumb a {
  font-size: 12px;
}
.breadcrumb>.active {

  font-weight: 500;
  font-size: 12px;
}
.btn-default.backrounded-btn {
  background-color: #ececec;
  color: #909090;
  border-color: transparent;
  border-radius: 50%;
  padding: 5px 10px;
}
.addtocart .btn {
    width: 49.4%;
    margin-bottom: 15px;
    margin-right: 0 !important;
}
.sidebar-item {
  position: inherit;
}
.dropdown-menu>li>a {
  font-size: 14px;
}
.breadcrumb li:after {
  padding-right: .2rem;
  padding-left: .2rem;

}


.product_details {
  padding: 20px 16px;
}

.product_details .lSAction>a {

  background-color: #fff !important;
}

.my_cart_table .btn{display:block; margin-bottom:10px}
.my_cart_table .btn.btn-primary.reverse-btn {
    width: 100%;
    overflow: hidden;
}
.my_cart_table .btn.btn-primary {

    width: 100%;
}


.productlist_area {

    height: auto;
}

.more-none {
    display: none;
}






}



@media (max-width: 320px) {

    .mobileMenu-Sec .btn.btn-primary.reverse-btn.btn-sm {
      max-width: 100%;
      padding: 5px 0 !important;
      /* text-overflow: ellipsis;
      white-space: nowrap; */
  }
  .dropdown-menu>li>a {
    font-size: 12px;
}

.mobileMenu-Sec .btn.btn-primary.reverse-btn.btn-sm span {
  width: 68%;
  display: inline-flex;
  overflow: hidden;
}

.breadcrumb li:after {
  padding-right: .2rem;
  padding-left: .2rem;

}



.my_cart_table .btn{display:block; margin-bottom:10px}
.my_cart_table .btn.btn-primary.reverse-btn {
    width: 100%;
    overflow: hidden;
}
.my_cart_table .btn.btn-primary {

    width: 100%;
}




}



@-webkit-keyframes swal2-show{
  0%{
      -webkit-transform:scale(.7);
      transform:scale(.7)
  }
  45%{
      -webkit-transform:scale(1.05);
      transform:scale(1.05)
  }
  80%{
      -webkit-transform:scale(.95);
      transform:scale(.95)
  }
  100%{
      -webkit-transform:scale(1);
      transform:scale(1)
  }
}
@keyframes swal2-show{
  0%{
      -webkit-transform:scale(.7);
      transform:scale(.7)
  }
  45%{
      -webkit-transform:scale(1.05);
      transform:scale(1.05)
  }
  80%{
      -webkit-transform:scale(.95);
      transform:scale(.95)
  }
  100%{
      -webkit-transform:scale(1);
      transform:scale(1)
  }
}
@-webkit-keyframes swal2-hide{
  0%{
      -webkit-transform:scale(1);
      transform:scale(1);
      opacity:1
  }
  100%{
      -webkit-transform:scale(.5);
      transform:scale(.5);
      opacity:0
  }
}
@keyframes swal2-hide{
  0%{
      -webkit-transform:scale(1);
      transform:scale(1);
      opacity:1
  }
  100%{
      -webkit-transform:scale(.5);
      transform:scale(.5);
      opacity:0
  }
}
@-webkit-keyframes swal2-animate-success-line-tip{
  0%{
      top:1.1875em;
      left:.0625em;
      width:0
  }
  54%{
      top:1.0625em;
      left:.125em;
      width:0
  }
  70%{
      top:2.1875em;
      left:-.375em;
      width:3.125em
  }
  84%{
      top:3em;
      left:1.3125em;
      width:1.0625em
  }
  100%{
      top:2.8125em;
      left:.875em;
      width:1.5625em
  }
}
@keyframes swal2-animate-success-line-tip{
  0%{
      top:1.1875em;
      left:.0625em;
      width:0
  }
  54%{
      top:1.0625em;
      left:.125em;
      width:0
  }
  70%{
      top:2.1875em;
      left:-.375em;
      width:3.125em
  }
  84%{
      top:3em;
      left:1.3125em;
      width:1.0625em
  }
  100%{
      top:2.8125em;
      left:.875em;
      width:1.5625em
  }
}
@-webkit-keyframes swal2-animate-success-line-long{
  0%{
      top:3.375em;
      right:2.875em;
      width:0
  }
  65%{
      top:3.375em;
      right:2.875em;
      width:0
  }
  84%{
      top:2.1875em;
      right:0;
      width:3.4375em
  }
  100%{
      top:2.375em;
      right:.5em;
      width:2.9375em
  }
}
@keyframes swal2-animate-success-line-long{
  0%{
      top:3.375em;
      right:2.875em;
      width:0
  }
  65%{
      top:3.375em;
      right:2.875em;
      width:0
  }
  84%{
      top:2.1875em;
      right:0;
      width:3.4375em
  }
  100%{
      top:2.375em;
      right:.5em;
      width:2.9375em
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line{
  0%{
      -webkit-transform:rotate(-45deg);
      transform:rotate(-45deg)
  }
  5%{
      -webkit-transform:rotate(-45deg);
      transform:rotate(-45deg)
  }
  12%{
      -webkit-transform:rotate(-405deg);
      transform:rotate(-405deg)
  }
  100%{
      -webkit-transform:rotate(-405deg);
      transform:rotate(-405deg)
  }
}
@keyframes swal2-rotate-success-circular-line{
  0%{
      -webkit-transform:rotate(-45deg);
      transform:rotate(-45deg)
  }
  5%{
      -webkit-transform:rotate(-45deg);
      transform:rotate(-45deg)
  }
  12%{
      -webkit-transform:rotate(-405deg);
      transform:rotate(-405deg)
  }
  100%{
      -webkit-transform:rotate(-405deg);
      transform:rotate(-405deg)
  }
}
@-webkit-keyframes swal2-animate-error-x-mark{
  0%{
      margin-top:1.625em;
      -webkit-transform:scale(.4);
      transform:scale(.4);
      opacity:0
  }
  50%{
      margin-top:1.625em;
      -webkit-transform:scale(.4);
      transform:scale(.4);
      opacity:0
  }
  80%{
      margin-top:-.375em;
      -webkit-transform:scale(1.15);
      transform:scale(1.15)
  }
  100%{
      margin-top:0;
      -webkit-transform:scale(1);
      transform:scale(1);
      opacity:1
  }
}
@keyframes swal2-animate-error-x-mark{
  0%{
      margin-top:1.625em;
      -webkit-transform:scale(.4);
      transform:scale(.4);
      opacity:0
  }
  50%{
      margin-top:1.625em;
      -webkit-transform:scale(.4);
      transform:scale(.4);
      opacity:0
  }
  80%{
      margin-top:-.375em;
      -webkit-transform:scale(1.15);
      transform:scale(1.15)
  }
  100%{
      margin-top:0;
      -webkit-transform:scale(1);
      transform:scale(1);
      opacity:1
  }
}
@-webkit-keyframes swal2-animate-error-icon{
  0%{
      -webkit-transform:rotateX(100deg);
      transform:rotateX(100deg);
      opacity:0
  }
  100%{
      -webkit-transform:rotateX(0);
      transform:rotateX(0);
      opacity:1
  }
}
@keyframes swal2-animate-error-icon{
  0%{
      -webkit-transform:rotateX(100deg);
      transform:rotateX(100deg);
      opacity:0
  }
  100%{
      -webkit-transform:rotateX(0);
      transform:rotateX(0);
      opacity:1
  }
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast{
  flex-direction:column;
  align-items:stretch
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions{
  flex:1;
  align-self:stretch;
  justify-content:flex-end;
  height:2.2em
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading{
  justify-content:center
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input{
  height:2em;
  margin:.3125em auto;
  font-size:1em
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror{
  font-size:1em
}
body.swal2-toast-shown>.swal2-container{
  position:fixed;
  background-color:transparent
}
body.swal2-toast-shown>.swal2-container.swal2-shown{
  background-color:transparent
}
body.swal2-toast-shown>.swal2-container.swal2-top{
  top:0;
  right:auto;
  bottom:auto;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{
  top:0;
  right:0;
  bottom:auto;
  left:auto
}
body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{
  top:0;
  right:auto;
  bottom:auto;
  left:0
}
body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{
  top:50%;
  right:auto;
  bottom:auto;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-center{
  top:50%;
  right:auto;
  bottom:auto;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{
  top:50%;
  right:0;
  bottom:auto;
  left:auto;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{
  top:auto;
  right:auto;
  bottom:0;
  left:0
}
body.swal2-toast-shown>.swal2-container.swal2-bottom{
  top:auto;
  right:auto;
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{
  top:auto;
  right:0;
  bottom:0;
  left:auto
}
.swal2-popup.swal2-toast{
  flex-direction:row;
  align-items:center;
  width:auto;
  padding:.625em;
  box-shadow:0 0 .625em #d9d9d9;
  overflow-y:hidden
}
.swal2-popup.swal2-toast .swal2-header{
  flex-direction:row
}
.swal2-popup.swal2-toast .swal2-title{
  justify-content:flex-start;
  margin:0 .6em;
  font-size:1em
}
.swal2-popup.swal2-toast .swal2-close{
  position:initial
}
.swal2-popup.swal2-toast .swal2-content{
  justify-content:flex-start;
  font-size:1em
}
.swal2-popup.swal2-toast .swal2-icon{
  width:2em;
  min-width:2em;
  height:2em;
  margin:0
}
.swal2-popup.swal2-toast .swal2-icon-text{
  font-size:2em;
  font-weight:700;
  line-height:1em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{
  width:2em;
  height:2em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
  top:.875em;
  width:1.375em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
  left:.3125em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
  right:.3125em
}
.swal2-popup.swal2-toast .swal2-actions{
  height:auto;
  margin:0 .3125em
}
.swal2-popup.swal2-toast .swal2-styled{
  margin:0 .3125em;
  padding:.3125em .625em;
  font-size:1em
}
.swal2-popup.swal2-toast .swal2-styled:focus{
  box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
}
.swal2-popup.swal2-toast .swal2-success{
  border-color:#a5dc86
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{
  position:absolute;
  width:2em;
  height:2.8125em;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  border-radius:50%
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{
  top:-.25em;
  left:-.9375em;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transform-origin:2em 2em;
  transform-origin:2em 2em;
  border-radius:4em 0 0 4em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{
  top:-.25em;
  left:.9375em;
  -webkit-transform-origin:0 2em;
  transform-origin:0 2em;
  border-radius:0 4em 4em 0
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{
  width:2em;
  height:2em
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{
  top:0;
  left:.4375em;
  width:.4375em;
  height:2.6875em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{
  height:.3125em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{
  top:1.125em;
  left:.1875em;
  width:.75em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{
  top:.9375em;
  right:.1875em;
  width:1.375em
}
.swal2-popup.swal2-toast.swal2-show{
  -webkit-animation:showSweetToast .5s;
  animation:showSweetToast .5s
}
.swal2-popup.swal2-toast.swal2-hide{
  -webkit-animation:hideSweetToast .2s forwards;
  animation:hideSweetToast .2s forwards
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{
  -webkit-animation:animate-toast-success-tip .75s;
  animation:animate-toast-success-tip .75s
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{
  -webkit-animation:animate-toast-success-long .75s;
  animation:animate-toast-success-long .75s
}
@-webkit-keyframes showSweetToast{
  0%{
      -webkit-transform:translateY(-.625em) rotateZ(2deg);
      transform:translateY(-.625em) rotateZ(2deg);
      opacity:0
  }
  33%{
      -webkit-transform:translateY(0) rotateZ(-2deg);
      transform:translateY(0) rotateZ(-2deg);
      opacity:.5
  }
  66%{
      -webkit-transform:translateY(.3125em) rotateZ(2deg);
      transform:translateY(.3125em) rotateZ(2deg);
      opacity:.7
  }
  100%{
      -webkit-transform:translateY(0) rotateZ(0);
      transform:translateY(0) rotateZ(0);
      opacity:1
  }
}
@keyframes showSweetToast{
  0%{
      -webkit-transform:translateY(-.625em) rotateZ(2deg);
      transform:translateY(-.625em) rotateZ(2deg);
      opacity:0
  }
  33%{
      -webkit-transform:translateY(0) rotateZ(-2deg);
      transform:translateY(0) rotateZ(-2deg);
      opacity:.5
  }
  66%{
      -webkit-transform:translateY(.3125em) rotateZ(2deg);
      transform:translateY(.3125em) rotateZ(2deg);
      opacity:.7
  }
  100%{
      -webkit-transform:translateY(0) rotateZ(0);
      transform:translateY(0) rotateZ(0);
      opacity:1
  }
}
@-webkit-keyframes hideSweetToast{
  0%{
      opacity:1
  }
  33%{
      opacity:.5
  }
  100%{
      -webkit-transform:rotateZ(1deg);
      transform:rotateZ(1deg);
      opacity:0
  }
}
@keyframes hideSweetToast{
  0%{
      opacity:1
  }
  33%{
      opacity:.5
  }
  100%{
      -webkit-transform:rotateZ(1deg);
      transform:rotateZ(1deg);
      opacity:0
  }
}
@-webkit-keyframes animate-toast-success-tip{
  0%{
      top:.5625em;
      left:.0625em;
      width:0
  }
  54%{
      top:.125em;
      left:.125em;
      width:0
  }
  70%{
      top:.625em;
      left:-.25em;
      width:1.625em
  }
  84%{
      top:1.0625em;
      left:.75em;
      width:.5em
  }
  100%{
      top:1.125em;
      left:.1875em;
      width:.75em
  }
}
@keyframes animate-toast-success-tip{
  0%{
      top:.5625em;
      left:.0625em;
      width:0
  }
  54%{
      top:.125em;
      left:.125em;
      width:0
  }
  70%{
      top:.625em;
      left:-.25em;
      width:1.625em
  }
  84%{
      top:1.0625em;
      left:.75em;
      width:.5em
  }
  100%{
      top:1.125em;
      left:.1875em;
      width:.75em
  }
}
@-webkit-keyframes animate-toast-success-long{
  0%{
      top:1.625em;
      right:1.375em;
      width:0
  }
  65%{
      top:1.25em;
      right:.9375em;
      width:0
  }
  84%{
      top:.9375em;
      right:0;
      width:1.125em
  }
  100%{
      top:.9375em;
      right:.1875em;
      width:1.375em
  }
}
@keyframes animate-toast-success-long{
  0%{
      top:1.625em;
      right:1.375em;
      width:0
  }
  65%{
      top:1.25em;
      right:.9375em;
      width:0
  }
  84%{
      top:.9375em;
      right:0;
      width:1.125em
  }
  100%{
      top:.9375em;
      right:.1875em;
      width:1.375em
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){
  overflow-y:hidden
}
body.swal2-height-auto{
  height:auto!important
}
body.swal2-no-backdrop .swal2-shown{
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  background-color:transparent
}
body.swal2-no-backdrop .swal2-shown>.swal2-modal{
  box-shadow:0 0 10px rgba(0,0,0,.4)
}
body.swal2-no-backdrop .swal2-shown.swal2-top{
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{
  top:0;
  left:0
}
body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{
  top:0;
  right:0
}
body.swal2-no-backdrop .swal2-shown.swal2-center{
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom{
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{
  bottom:0;
  left:0
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{
  right:0;
  bottom:0
}
.swal2-container{
  display:flex;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  padding:10px;
  background-color:transparent;
  z-index:1060;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch
}
.swal2-container.swal2-top{
  align-items:flex-start
}
.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{
  align-items:flex-start;
  justify-content:flex-start
}
.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{
  align-items:flex-start;
  justify-content:flex-end
}
.swal2-container.swal2-center{
  align-items:center
}
.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{
  align-items:center;
  justify-content:flex-start
}
.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{
  align-items:center;
  justify-content:flex-end
}
.swal2-container.swal2-bottom{
  align-items:flex-end
}
.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{
  align-items:flex-end;
  justify-content:flex-start
}
.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{
  align-items:flex-end;
  justify-content:flex-end
}
.swal2-container.swal2-grow-fullscreen>.swal2-modal{
  display:flex!important;
  flex:1;
  align-self:stretch;
  justify-content:center
}
.swal2-container.swal2-grow-row>.swal2-modal{
  display:flex!important;
  flex:1;
  align-content:center;
  justify-content:center
}
.swal2-container.swal2-grow-column{
  flex:1;
  flex-direction:column
}
.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{
  align-items:center
}
.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{
  align-items:flex-start
}
.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{
  align-items:flex-end
}
.swal2-container.swal2-grow-column>.swal2-modal{
  display:flex!important;
  flex:1;
  align-content:center;
  justify-content:center
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{
  margin:auto
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
  .swal2-container .swal2-modal{
      margin:0!important
  }
}
.swal2-container.swal2-fade{
  transition:background-color .1s
}
.swal2-container.swal2-shown{
  background-color:rgba(0,0,0,.4)
}
.swal2-popup{
  display:none;
  position:relative;
  flex-direction:column;
  justify-content:center;
  width:32em;
  max-width:100%;
  padding:1.25em;
  border-radius:.3125em;
  background:#fff;
  /*font-family:inherit;*/
  font-size:1rem;
  box-sizing:border-box
}
.swal2-popup:focus{
  outline:0
}
.swal2-popup.swal2-loading{
  overflow-y:hidden
}
.swal2-popup .swal2-header{
  display:flex;
  flex-direction:column;
  align-items:center
}
.swal2-popup .swal2-title{
  display:block;
  position:relative;
  max-width:100%;
  margin:0 0 .4em;
  padding:0;
  color:#595959;
  font-size:1.875em;
  font-weight:600;
  text-align:center;
  text-transform:none;
  word-wrap:break-word
}
.swal2-popup .swal2-actions{
  align-items:center;
  justify-content:center;
  margin:1.25em auto 0
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{
  opacity:.4
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{
  background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{
  background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{
  width:2.5em;
  height:2.5em;
  margin:.46875em;
  padding:0;
  border:.25em solid transparent;
  border-radius:100%;
  border-color:transparent;
  background-color:transparent!important;
  color:transparent;
  cursor:default;
  box-sizing:border-box;
  -webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
  animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{
  margin-right:30px;
  margin-left:30px
}
.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{
  display:inline-block;
  width:15px;
  height:15px;
  margin-left:5px;
  border:3px solid #999;
  border-radius:50%;
  border-right-color:transparent;
  box-shadow:1px 1px 1px #fff;
  content:'';
  -webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
  animation:swal2-rotate-loading 1.5s linear 0s infinite normal
}
.swal2-popup .swal2-styled{
  margin:0 .3125em;
  padding:.625em 2em;
  font-weight:500;
  box-shadow:none
}
.swal2-popup .swal2-styled:not([disabled]){
  cursor:pointer
}
.swal2-popup .swal2-styled.swal2-confirm{
  border:0;
  border-radius:.25em;
  background:initial;
  background-color:#3085d6;
  color:#fff;
  font-size:1.0625em
}
.swal2-popup .swal2-styled.swal2-cancel{
  border:0;
  border-radius:.25em;
  background:initial;
  background-color:#aaa;
  color:#fff;
  font-size:1.0625em
}
.swal2-popup .swal2-styled:focus{
  outline:0;
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
}
.swal2-popup .swal2-styled::-moz-focus-inner{
  border:0
}
.swal2-popup .swal2-footer{
  justify-content:center;
  margin:1.25em 0 0;
  padding-top:1em;
  border-top:1px solid #eee;
  color:#545454;
  font-size:1em
}
.swal2-popup .swal2-image{
  max-width:100%;
  margin:1.25em auto
}
.swal2-popup .swal2-close{
  position:absolute;
  top:0;
  right:0;
  justify-content:center;
  width:1.2em;
  height:1.2em;
  padding:0;
  transition:color .1s ease-out;
  border:none;
  border-radius:0;
  background:0 0;
  color:#ccc;
  /*font-family:serif;*/
  font-size:2.5em;
  line-height:1.2;
  cursor:pointer;
  overflow:hidden
}
.swal2-popup .swal2-close:hover{
  -webkit-transform:none;
  transform:none;
  color:#f27474
}
.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{
  display:none
}
.swal2-popup .swal2-content{
  justify-content:center;
  margin:0;
  padding:0;
  color:#545454;
  font-size:1.125em;
  font-weight:300;
  line-height:normal;
  word-wrap:break-word
}
.swal2-popup #swal2-content{
  text-align:center
}
.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{
  margin:1em auto
}
.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{
  width:100%;
  transition:border-color .3s,box-shadow .3s;
  border:1px solid #d9d9d9;
  border-radius:.1875em;
  font-size:1.125em;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.06);
  box-sizing:border-box
}
.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{
  border-color:#f27474!important;
  box-shadow:0 0 2px #f27474!important
}
.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{
  border:1px solid #b4dbed;
  outline:0;
  box-shadow:0 0 3px #c4e6f5
}
.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{
  color:#ccc
}
.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{
  color:#ccc
}
.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{
  color:#ccc
}
.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{
  color:#ccc
}
.swal2-popup .swal2-range input{
  width:80%
}
.swal2-popup .swal2-range output{
  width:20%;
  font-weight:600;
  text-align:center
}
.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{
  height:2.625em;
  margin:1em auto;
  padding:0;
  font-size:1.125em;
  line-height:2.625em
}
.swal2-popup .swal2-input{
  height:2.625em;
  padding:.75em
}
.swal2-popup .swal2-input[type=number]{
  max-width:10em
}
.swal2-popup .swal2-file{
  font-size:1.125em
}
.swal2-popup .swal2-textarea{
  height:6.75em;
  padding:.75em
}
.swal2-popup .swal2-select{
  min-width:50%;
  max-width:100%;
  padding:.375em .625em;
  color:#545454;
  font-size:1.125em
}
.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{
  align-items:center;
  justify-content:center
}
.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{
  margin:0 .6em;
  font-size:1.125em
}
.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{
  margin:0 .4em
}
.swal2-popup .swal2-validationerror{
  display:none;
  align-items:center;
  justify-content:center;
  padding:.625em;
  background:#f0f0f0;
  color:#666;
  font-size:1em;
  font-weight:300;
  overflow:hidden
}
.swal2-popup .swal2-validationerror::before{
  display:inline-block;
  width:1.5em;
  min-width:1.5em;
  height:1.5em;
  margin:0 .625em;
  border-radius:50%;
  background-color:#f27474;
  color:#fff;
  font-weight:600;
  line-height:1.5em;
  text-align:center;
  content:'!';
  zoom:normal
}
@supports (-ms-accelerator:true){
  .swal2-range input{
      width:100%!important
  }
  .swal2-range output{
      display:none
  }
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
  .swal2-range input{
      width:100%!important
  }
  .swal2-range output{
      display:none
  }
}
@-moz-document url-prefix(){
  .swal2-close:focus{
      outline:2px solid rgba(50,100,150,.4)
  }
}
.swal2-icon{
  position:relative;
  justify-content:center;
  width:5em;
  height:5em;
  margin:1.25em auto 1.875em;
  border:.25em solid transparent;
  border-radius:50%;
  line-height:5em;
  cursor:default;
  box-sizing:content-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  zoom:normal
}
.swal2-icon-text{
  font-size:3.75em
}
.swal2-icon.swal2-error{
  border-color:#f27474
}
.swal2-icon.swal2-error .swal2-x-mark{
  position:relative;
  flex-grow:1
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line]{
  display:block;
  position:absolute;
  top:2.3125em;
  width:2.9375em;
  height:.3125em;
  border-radius:.125em;
  background-color:#f27474
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
  left:1.0625em;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
  right:1em;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.swal2-icon.swal2-warning{
  border-color:#facea8;
  color:#f8bb86
}
.swal2-icon.swal2-info{
  border-color:#9de0f6;
  color:#3fc3ee
}
.swal2-icon.swal2-question{
  border-color:#c9dae1;
  color:#87adbd
}
.swal2-icon.swal2-success{
  border-color:#a5dc86
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line]{
  position:absolute;
  width:3.75em;
  height:7.5em;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  border-radius:50%
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{
  top:-.4375em;
  left:-2.0635em;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transform-origin:3.75em 3.75em;
  transform-origin:3.75em 3.75em;
  border-radius:7.5em 0 0 7.5em
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{
  top:-.6875em;
  left:1.875em;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transform-origin:0 3.75em;
  transform-origin:0 3.75em;
  border-radius:0 7.5em 7.5em 0
}
.swal2-icon.swal2-success .swal2-success-ring{
  position:absolute;
  top:-.25em;
  left:-.25em;
  width:100%;
  height:100%;
  border:.25em solid rgba(165,220,134,.3);
  border-radius:50%;
  z-index:2;
  box-sizing:content-box
}
.swal2-icon.swal2-success .swal2-success-fix{
  position:absolute;
  top:.5em;
  left:1.625em;
  width:.4375em;
  height:5.625em;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  z-index:1
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
  display:block;
  position:absolute;
  height:.3125em;
  border-radius:.125em;
  background-color:#a5dc86;
  z-index:2
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{
  top:2.875em;
  left:.875em;
  width:1.5625em;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{
  top:2.375em;
  right:.5em;
  width:2.9375em;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.swal2-progresssteps{
  align-items:center;
  margin:0 0 1.25em;
  padding:0;
  font-weight:600
}
.swal2-progresssteps li{
  display:inline-block;
  position:relative
}
.swal2-progresssteps .swal2-progresscircle{
  width:2em;
  height:2em;
  border-radius:2em;
  background:#3085d6;
  color:#fff;
  line-height:2em;
  text-align:center;
  z-index:20
}
.swal2-progresssteps .swal2-progresscircle:first-child{
  margin-left:0
}
.swal2-progresssteps .swal2-progresscircle:last-child{
  margin-right:0
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{
  background:#3085d6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{
  background:#add8e6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{
  background:#add8e6
}
.swal2-progresssteps .swal2-progressline{
  width:2.5em;
  height:.4em;
  margin:0 -1px;
  background:#3085d6;
  z-index:10
}
[class^=swal2]{
  -webkit-tap-highlight-color:transparent
}
.swal2-show{
  -webkit-animation:swal2-show .3s;
  animation:swal2-show .3s
}
.swal2-show.swal2-noanimation{
  -webkit-animation:none;
  animation:none
}
.swal2-hide{
  -webkit-animation:swal2-hide .15s forwards;
  animation:swal2-hide .15s forwards
}
.swal2-hide.swal2-noanimation{
  -webkit-animation:none;
  animation:none
}
[dir=rtl] .swal2-close{
  right:auto;
  left:0
}
.swal2-animate-success-icon .swal2-success-line-tip{
  -webkit-animation:swal2-animate-success-line-tip .75s;
  animation:swal2-animate-success-line-tip .75s
}
.swal2-animate-success-icon .swal2-success-line-long{
  -webkit-animation:swal2-animate-success-line-long .75s;
  animation:swal2-animate-success-line-long .75s
}
.swal2-animate-success-icon .swal2-success-circular-line-right{
  -webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;
  animation:swal2-rotate-success-circular-line 4.25s ease-in
}
.swal2-animate-error-icon{
  -webkit-animation:swal2-animate-error-icon .5s;
  animation:swal2-animate-error-icon .5s
}
.swal2-animate-error-icon .swal2-x-mark{
  -webkit-animation:swal2-animate-error-x-mark .5s;
  animation:swal2-animate-error-x-mark .5s
}
@-webkit-keyframes swal2-rotate-loading{
  0%{
      -webkit-transform:rotate(0);
      transform:rotate(0)
  }
  100%{
      -webkit-transform:rotate(360deg);
      transform:rotate(360deg)
  }
}
@keyframes swal2-rotate-loading{
  0%{
      -webkit-transform:rotate(0);
      transform:rotate(0)
  }
  100%{
      -webkit-transform:rotate(360deg);
      transform:rotate(360deg)
  }
}



.Catalog-tab .tab-content .listsec{ position: relative;}


.Catalog-tab .tab-content .listsec .gobtn{position: absolute; right: -13px; top:50%; transform: translateY(-50%);}

.Catalog-tab .tab-content .listsec .gobtn a{text-decoration: none; padding: 7px 10px; display: block; background: #4e3629;color: #4e3629; border-radius: 50%;}

.multiselect-item.multiselect-filter .input-group {border: 1px solid #ccc;}

.multiselect-item.multiselect-filter .input-group .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 0;
  border-radius: 0;
}



.multiselect-item.multiselect-filter .input-group *[class*="icon-"] {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}


.multiselect-container.dropdown-menu li.active>a{
  color: #808080;
  text-decoration: none;
  background-color: #fff;
}

.multiselect-container.dropdown-menu li.active>a label{background-color: #fff;color: #808080;}

.multiselect-container.dropdown-menu li a:hover{background-color: #fff;color: #808080;}
.multiselect-container.dropdown-menu li:hover{background-color: #fff;color: #808080;}

.modal-body .custom-control-label{ position: initial;}
.modal-footer{padding: .5rem;}
.modal-footer .form-control{    border-radius: 0;   }

.header-outer .dropdown-menu:before {
content: '';
width: 0px;
height: 0px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
position: absolute;
top: -8px;
right: 25px !important;
z-index: 3;
left: auto !important;
display:none
}

.header-outer .dropdown-menu:after {
  content: '';
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  /* border-bottom: 8px solid rgba(0,0,0,.25); */
  position: absolute;
  top: -9px;
  left: 40px;
  z-index: 2;
  display:none
}


.order-status .custom-control-label {
  position: initial;
  margin-bottom: 0;
  vertical-align: top;
}

.user-profile .nav-tabs .nav-link.active {
  border-color: transparent;
}
.user-profile .nav-tabs .nav-link:hover {
  border-color: transparent;
}

.custom-control-label {
  position: initial;
  margin-bottom: 0;
  vertical-align: top;
}

.col-header{background: #f7f7f7 !important;padding-top: 7px;padding-bottom: 7px; font-weight: 700;
}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

input {
  border: 1px solid transparent;
  background-color: #fff;
  padding: 10px;
  font-size: .8rem;
}

input[type=text] {
  background-color: #fff;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*border-bottom: none;
  border-top: none;*/
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.admin_table tr .active {
    background: #eef0f9;
}

.apply-coupon1 li{      background: #f6f6f6;
    color: #107cc2;
    border: 1px solid #e6e6e6;
    list-style: none;
    border-radius: 20px;
    height: 31px;
    width: 31px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    margin: 0 1px;  padding: 4px;line-height: 20px;}
.apply-coupon1 li a{font-size:20px}

.apply-coupon1 .active {
    background: #808080;
}
.apply-coupon1 .active a {
    color: #fff;
}

.accordion .collapse.show{
    display:block;
}


/*Button spinner starts*/
/* This is the submit button styles */
.app_btn_submit {
  /*display: block;
  margin: 0 auto;
  padding: .6em .8em;

  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  border: none;
  overflow: hidden;
  cursor: pointer;*/
  position: relative;
  transition: all .2s;
}

/* focus/disabled styles, you can change this for accessibility */
.app_btn_submit:focus, .app_btn_submit:disabled {
  outline: none;
  background: #ddd;
}

/* This is the space for the spinner to appear, applied to the button */
.app_btn_submit.spin {
  padding-left: 3em;
  display: block;
}

/* position of the spinner when it appears, you might have to change these values */
.app_btn_submit.spin .spinner {
  left: -.6em;
  top: .4em;
  width: 2.5em;
  display: block;
  position: absolute;
}

/* spinner animation */
@keyframes app_btn_spinner {
  0% {
    transform: rotate(0deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

/* The actual spinner element is a pseudo-element */
.app_btn_submit.spin .spinner::before {
  content: "";
  width: 22px; /* Size of the spinner */
  height: 22px; /* Change as desired */
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: solid 2px #999; /* Thickness/color of spinner track */
  border-bottom-color: #555; /* Color of variant spinner piece */
  animation: .8s linear infinite app_btn_spinner; /* speed of spinner */
  transform: translate(-50%, -50%);
  will-change: transform;
}

/*Button spinner starts*/


.disabled-click { pointer-events: none; }

.varient_are ul.slides {
    margin: 0;
    padding: 0px;
}

.varient_are ul.slides li {
    margin-bottom: 10px;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    background: transparent;
    padding: 0;
    border-radius: 35px;
    border: 2px solid #e6e6e6;
    line-height: 1.9;
}

.varient_are ul.slides li.active {
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
    background: transparent;
    border-radius: 35px;
    border: 2px solid #4e3629;
    opacity: 1;
    padding: 0;
}

.varient_are ul.slides li a {
    text-decoration: none;
    font-size: 13px;
    color: #000;
    font-weight: 400;
}

.varient_are ul.slides li.active a {
    color: #000 !important;
}

.varient_are ul.slides li img {
    width: 30px;
    height: 30px;
    border-radius: 35px;
}

.varient_are ul.slides li a.text-width{padding:0 5px}

.varient_are ul.slides li .disabled_close {
    display: none;
}

.varient_are ul.slides li.disabled_variant{position:relative;pointer-events: none;opacity: .6;}

.varient_are ul.slides li.disabled_variant .disabled_close{  
display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
}

.varient_are ul.slides li.disabled_variant .disabled_close svg{
        width: 18px;
    height: 18px;
    fill: rgba(0,0,0, .5);
}

.modal-dialog.linkedmodal {
    max-width: 725px !important;
    margin: 30px auto;
}

.modal-dialog.linkedmodal td:nth-child(1) {
    width: 90px;
    position: relative;
}

.modal-dialog.linkedmodal td:nth-child(2) {
    width:45%;
    position: relative;
}

.modal-dialog.linkedmodal td:nth-child(4) {
    width:150px;
    
}
.modal-dialog.linkedmodal ul{list-style-type:none}
.modal-dialog.linkedmodal .price input {
    position: absolute;
    opacity: 0;
}

.modal-dialog.linkedmodal .price .custom-lable-cart {
    color: #fff;
    background: #4e3629;
    border-color: #4e3629;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 9px 8px;
    margin-bottom: 0;
    transition: .5s;
    height: 35px;
}
.modal-dialog.linkedmodal .price .custom-lable-cart span {
    display: none;
}

.modal-dialog.linkedmodal .price input[type = "checkbox"]:checked + label span {
    display: inline-block;
    vertical-align: text-bottom;
}

.modal-dialog.linkedmodal .table>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.modal-dialog.linkedmodal .card {
    border-radius: 0;
    border: 0;
}

.modal-dialog.linkedmodal .footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
    left: 0;
    right:auto;
    top: 44%;
    background-size: cover;
}

.modal-dialog.linkedmodal .footable-row-detail-name {
    display: table-cell;
    font-weight: bold;
    padding-right: 0.5em;
    vertical-align: middle;
    width: 0;
}

.modal.show {
    padding-right: 0 !important;
}



.recently-vertical {
    padding:0;
}

.recently-vertical h2 {
    font-size: 17px;
}

.recently-vertical .flexslider2 .slides > li img{    width: auto;
    max-height: 150px;}

.recently-vertical .flexslider2{ position: relative}

.recently-vertical .flexslider2 .flex-viewport{ height: 480px !important; z-index: 2; }

.recently-vertical .flexslider2 .flex-direction-nav {
    position: absolute;
    width: 51px;
    top: 0;
    display: block;
    height: 100%;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}

.recently-vertical .flexslider2 .flex-direction-nav .flex-nav-prev {
    right: 10px;
    text-align: center;
    top: -48px;
    height: 40px;
    position: absolute;
    width: 40px;
}

.recently-vertical .flexslider2 .flex-direction-nav .flex-nav-next {
 right: 10px;
 text-align: right;
 bottom: -41px;
 height: 40px;
 position: absolute;
 width: 40px;
 
}

.recently-vertical .flexslider2 .flex-direction-nav .flex-prev {
 left: 0;
 border: 0;
 transform: rotate(90deg);
}
.recently-vertical .flexslider2:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 0px;
}

.recently-vertical .flexslider2 .flex-direction-nav .flex-next {
 right: 0;
 border: 0;
 transform: rotate(90deg);
}

.recently-vertical .flexslider2:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 0px;
}


.recently-vertical .flexslider2 .flex-direction-nav a {
 text-decoration: none;
 display: block;
 width: 40px;
 height: 40px;
 margin: 0;
 position: absolute;
 top: 0;
 z-index: 10;
 overflow: hidden;
 opacity: 1;
 cursor: pointer;
 color: rgba(0, 0, 0, 0.8);
 text-shadow:none;
 text-align: center;

}
.recently-vertical .flexslider2 .slides > li{ float: none !important; margin-bottom:15px}

.recently-vertical .flexslider2 .card {
    border-radius: 4px;
    padding: 5px;
    width: 100%;
    border: 0;
}
.recently-vertical .flexslider2 .card .image-sec{
    text-align:center
}

.recently-vertical .flexslider2 .card-body {
    padding: 10px 0px;
    text-align: center;
}
.recently-vertical .flexslider2 .card .card-body h3 {
        line-height: 23px;
    font-family: 'Perpetua';
    font-size: 25px;
    margin-bottom: 0;
    color: #000;
    font-weight: 100;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    text-overflow: ellipsis;
}
.recently-vertical .flexslider2 .card .card-body h3 a {
    text-decoration: none;
   
    color: #000;
}


.recently-vertical .flexslider2 .card .card-body .price  {
    background:transparent;
    font-size: 12px;
    margin: 0;
}


.sitemap_menu{margin:60px 0 0 0; width:100%; padding:0}


.sitemap_menu .max-width{ width:70%; margin:0 auto}

.sitemap_menu .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.sitemap_menu ul{list-style-type:none; padding:0; margin:0}

.sitemap_menu .card {
    border-radius: 4px;
    padding: 15px;
    width: 100%;
    border: 1px solid #eee;
}
.sitemap_menu .card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.sitemap_menu .card ul li {
    background: #fff;
    border-radius: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    margin-bottom:0;
    position:relative
}

.sitemap_menu .card ul li a{ 
padding:15px 10px;
display: block;
width: 100%;
font-size: 16px;
color: #333;

}
.sitemap_menu .card ul li a img{max-height:20px; margin-right:5px}

.sitemap_menu .card ul li::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px;background:#eee}

.sitemap_menu .card ul li:last-child::after{display:none}

.sitemap_menu .card ul li a:hover {
    color: #8f8f8f;
}



.menu_suport_sec .card p a{ 
padding:15px 10px;
display: block;
width: 100%;
font-size: 16px;
color: #333;

}
.menu_suport_sec .card p a img{max-height:20px; margin-right:5px}

.menu_suport_sec .card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}



.newDataTable{margin:0; width:100%; padding:50px 0}
.newDataTable .card{border:0}

.newDataTable .dataTables_filter{display:none}
.newDataTable .dataTables_length{display:none}
.newDataTable table.dataTable {
    margin-top: 0 !important;
}
.newDataTable table.dataTable thead th{border-bottom-width: 0;font-weight: 600;background: #f1f1f1; padding: 12px 15px; vertical-align: middle;}
.newDataTable table.dataTable thead th:first-child:after{display:none}
.newDataTable table.dataTable thead th:last-child:after{display:none}
.newDataTable table.dataTable thead .sorting:after{bottom: 13px !important;}
.newDataTable table.dataTable .custom-control {margin-top: 5px; min-height: 1.4rem;}
.newDataTable .table>tbody>tr>td{padding: 4px 15px;border-bottom: 1px solid #ddd;vertical-align: middle;}
.newDataTable .table>tbody>tr:last-child td{border-bottom:0}
.newDataTable .btn.btn-default.dropdown-toggle {
    border-color: transparent;
    background-color: #ececec;
    color: #909090;
    border-color: transparent;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
    padding: 7px 9px;
    border-radius: 50%;
    line-height: 13px;
    text-align: center;
    width: 35px;
    height: 35px;
}
.newDataTable .btn.btn-default.dropdown-toggle:hover, .newDataTable .btn.btn-default.dropdown-toggle[aria-expanded="true"] {
    background-color: #dddde0;
    color: #495677;
    border-color: #d4d4d4;
}

.newDataTable .paginate_button {
  min-width: 4rem;
  display: inline-block;
  text-align: center;
  padding: 7px 10px;
  margin-top: -1rem;
  border: 1px solid #ddd;
}
.newDataTable .paginate_button:not(.previous) {
  border-left: none;
}
.newDataTable .paginate_button.previous {
  border-radius: 0;
  min-width: 6rem;
}
.newDataTable .paginate_button.next {
  border-radius: 0;
  min-width: 6rem;
}
.newDataTable .paginate_button:hover {
  cursor: pointer;
  background-color: #eee;
  text-decoration: none;
}

.modal-dialog.CreateCatalog-modal {
    max-width: 800px;
    margin: 30px auto;
}

.modal-dialog.CreateCatalog-modal .form-control:focus{box-shadow:none}
.modal-dialog.CreateCatalog-modal h3 {
    font-size: 20px;
    font-weight: 600;

}