.theme-purple .wizard .steps .current a,
.theme-purple .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-purple .fc .fc-toolbar,
.theme-purple .blog-page .single-blog-post .img-holder .date-box,
.theme-purple .menu-app li ul li a:hover,
.theme-purple .card .header .header-dropdown ul li a:hover {
	background: linear-gradient(45deg, #8f78db, #ab9ae5);
}
.theme-purple .navbar-brand {
	color: #fff;
}
.theme-purple .navbar-brand:hover {
	color: #fff;
}
.theme-purple .navbar-brand:active {
	color: #fff;
}
.theme-purple .navbar-brand:focus {
	color: #fff;
}
.theme-purple .nav > li > a {
	color: #fff;
}
.theme-purple .nav > li > a:hover {
	background: transparent;
}
.theme-purple .nav > li > a:focus {
	background: transparent;
}
.theme-purple .nav .open > a {
	background: transparent;
}
.theme-purple .nav .open > a:hover {
	background: #8f78db;
}
.theme-purple .nav .open > a:focus {
	background: transparent;
}
.theme-purple .bars {
	color: #fff;
}
.theme-purple .sidebar .menu .list li.active.open > a {
	background: linear-gradient(45deg, #8f78db, #ab9ae5);
	color: #fff;
}
.theme-purple .sidebar .menu .list li a:hover {
	color: #8f78db;
}
.theme-purple .sidebar .menu .list li.active >:first-child i,
.theme-purple .sidebar .menu .list li.active >:first-child span {
	color: #fff;
}
.theme-purple .sidebar .menu .list .toggled {
	background: #353d44;
	color: #fff;
}
.theme-purple .sidebar .menu .list .ml-menu {
	background: transparent;
}
.theme-purple .nav-tabs>li>a:before{
	border-bottom: 2px solid #8f78db;
}
.theme-purple .notify .heartbit {
	border-color: #ab9ae5;
}
.theme-purple .notify .point {
	background-color: #ab9ae5;
}
.theme-purple .chat .chat-history .other-message {
	background: #8f78db;
	color: #fff;
}
.theme-purple .chat .chat-history .other-message:after {
	border-bottom-color: #8f78db;
}
.theme-purple .cd-horizontal-timeline .filling-line {
	background-color: #8f78db;
}
.theme-purple .cd-horizontal-timeline .events a.selected::after,
.theme-purple .no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #ab9ae5;
	border-color: #8f78db;
}
.theme-purple .cd-horizontal-timeline .events a.older-event::after,
.theme-purple .no-touch .cd-timeline-navigation a:hover {
	background-color: #8f78db;
	border-color: #8f78db;
}
.theme-purple .nav > li > a.active{border-bottom: 2px solid #8f78db !important;}
/*====== theme-blue ========*/

.theme-blue .wizard .steps .current a,
.theme-blue .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-blue .fc .fc-toolbar,
.theme-blue .blog-page .single-blog-post .img-holder .date-box,
.theme-blue .menu-app li ul li a:hover,
.theme-blue .card .header .header-dropdown ul li a:hover {
	background: linear-gradient(45deg, #67d1fe, #479ef5);
}
.theme-blue .navbar-brand {
	color: #fff;
}
.theme-blue .navbar-brand:hover {
	color: #fff;
}
.theme-blue .navbar-brand:active {
	color: #fff;
}
.theme-blue .navbar-brand:focus {
	color: #fff;
}
.theme-blue .nav > li > a {
	color: #fff;
}
.theme-blue .nav > li > a:hover {
	background: transparent;
}
.theme-blue .nav > li > a:focus {
	background: transparent;
}
.theme-blue .nav .open > a {
	background: transparent;
}
.theme-blue .nav .open > a:hover {
	background: #479ef5;
}
.theme-blue .nav .open > a:focus {
	background: transparent;
}
.theme-blue .bars {
	color: #fff;
}
.theme-blue .sidebar .menu .list li.active.open > a {
	background: linear-gradient(45deg, #67d1fe, #479ef5);
	color: #fff;
}
.theme-blue .sidebar .menu .list li a:hover {
	color: #67d1fe;
}
.theme-blue .sidebar .menu .list li.active >:first-child i,
.theme-blue .sidebar .menu .list li.active >:first-child span {
	color: #fff;
}
.theme-blue .sidebar .menu .list .toggled {
	background: #353d44;
	color: #fff;
}
.theme-blue .sidebar .menu .list .ml-menu {
	background: transparent;
}
.theme-blue .nav-tabs>li>a:before{
	border-bottom: 2px solid #479ef5;
}
.theme-blue .notify .heartbit {
	border-color: #67d1fe;
}
.theme-blue .notify .point {
	background-color: #67d1fe;
}
.theme-blue .chat .chat-history .other-message {
	background: #479ef5;
	color: #fff;
}
.theme-blue .chat .chat-history .other-message:after {
	border-bottom-color: #479ef5;
}
.theme-blue .cd-horizontal-timeline .filling-line {
	background-color: #479ef5;
}
.theme-blue .cd-horizontal-timeline .events a.selected::after,
.theme-blue .no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #67d1fe;
	border-color: #479ef5;
}
.theme-blue .cd-horizontal-timeline .events a.older-event::after,
.theme-blue .no-touch .cd-timeline-navigation a:hover {
	background-color: #479ef5;
	border-color: #479ef5;
}
.theme-blue .nav > li > a.active{border-bottom: 2px solid #479ef5 !important;}
/*====== theme-cyan ========*/

.theme-cyan .wizard .steps .current a,
.theme-cyan .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-cyan .fc .fc-toolbar,
.theme-cyan .blog-page .single-blog-post .img-holder .date-box,
.theme-cyan .menu-app li ul li a:hover,
.theme-cyan .card .header .header-dropdown ul li a:hover {
	background: linear-gradient(45deg, #49cdd0, #ab9ae5);
}
.theme-cyan .navbar-brand {
	color: #fff;
}
.theme-cyan .navbar-brand:hover {
	color: #fff;
}
.theme-cyan .navbar-brand:active {
	color: #fff;
}
.theme-cyan .navbar-brand:focus {
	color: #fff;
}
.theme-cyan .nav > li > a {
	color: #fff;
}
.theme-cyan .nav > li > a:hover {
	background: transparent;
}
.theme-cyan .nav > li > a:focus {
	background: transparent;
}
.theme-cyan .nav .open > a {
	background: transparent;
}
.theme-cyan .nav .open > a:hover {
	background: #49cdd0;
}
.theme-cyan .nav .open > a:focus {
	background: transparent;
}
.theme-cyan .bars {
	color: #fff;
}
.theme-cyan .sidebar .menu .list li.active.open > a {
	background: linear-gradient(45deg, #49cdd0, #ab9ae5);
	color: #fff;
}
.theme-cyan .sidebar .menu .list li a:hover {
	color: #45e5c3;
}
.theme-cyan .sidebar .menu .list li.active >:first-child i,
.theme-cyan .sidebar .menu .list li.active >:first-child span {
	color: #fff;
}
.theme-cyan .sidebar .menu .list .toggled {
	background: #353d44;
	color: #fff;
}
.theme-cyan .sidebar .menu .list .ml-menu {
	background: transparent;
}
.theme-cyan .nav-tabs>li>a:before{
	border-bottom: 2px solid #49cdd0;
}
.theme-cyan .notify .heartbit {
	border-color: #45e5c3;
}
.theme-cyan .notify .point {
	background-color: #45e5c3;
}
.theme-cyan .chat .chat-history .other-message {
	background: #49cdd0;
	color: #fff;
}
.theme-cyan .chat .chat-history .other-message:after {
	border-bottom-color: #49cdd0;
}
.theme-cyan .cd-horizontal-timeline .filling-line {
	background-color: #49cdd0;
}
.theme-cyan .cd-horizontal-timeline .events a.selected::after,
.theme-cyan .no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #45e5c3;
	border-color: #49cdd0;
}
.theme-cyan .cd-horizontal-timeline .events a.older-event::after,
.theme-cyan .no-touch .cd-timeline-navigation a:hover {
	background-color: #49cdd0;
	border-color: #49cdd0;
}
.theme-cyan .nav > li > a.active{border-bottom: 2px solid #49cdd0 !important;}
/*====== theme-green ========*/

.theme-green .wizard .steps .current a,
.theme-green .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-green .fc .fc-toolbar,
.theme-green .blog-page .single-blog-post .img-holder .date-box,
.theme-green .menu-app li ul li a:hover,
.theme-green .card .header .header-dropdown ul li a:hover {
	background: linear-gradient(45deg, #40b988, #5edb8c);
}

.theme-green .navbar-brand:hover {
	color: #fff;
}
.theme-green .navbar-brand:active {
	color: #fff;
}
.theme-green .navbar-brand:focus {
	color: #fff;
}
.theme-green .nav > li > a {
	color: #fff;
	cursor: pointer;
}
.theme-green .nav > li > a:hover {
	background: transparent;
}
.theme-green .nav > li > a:focus {
	background: transparent;
}
.theme-green .nav .open > a {
	background: transparent;
}
.theme-green .nav .open > a:hover {
	background: #40b988;
}
.theme-green .nav .open > a:focus {
	background: transparent;
}
.theme-green .bars {
	color: #fff;
}
/* .theme-green .sidebar .menu .list li.active.open > a {
	background: linear-gradient(45deg, #40b988, #5edb8c);
	color: #fff;
} */
.theme-green .sidebar .menu .list li.active.open > a {
	background: linear-gradient(45deg, #dedede, #cdcdcd);
	color: #000206;
}
.theme-green .sidebar .menu .list li a:hover {
	/* color: #40b988; */
	color: #000206;
}
.theme-green .sidebar .menu .list li.active >:first-child i,
.theme-green .sidebar .menu .list li.active >:first-child span {
	/* color: #fff; */
	color: #000206;
}
.theme-green .sidebar .menu .list .toggled {
	background: #353d44;
	color: #fff;
}
.theme-green .sidebar .menu .list .ml-menu {
	background: transparent;
}
.theme-green .nav-tabs>li>a:before {
	border-bottom: 2px solid #40b988;
}
.theme-green .notify .heartbit {
	border-color: #5edb8c;
}
.theme-green .notify .point {
	background-color: #5edb8c;
}
.theme-green .chat .chat-history .other-message {
	background: #40b988;
	color: #fff;
}
.theme-green .chat .chat-history .other-message:after {
	border-bottom-color: #40b988;
}
.theme-green .cd-horizontal-timeline .filling-line {
	background-color: #40b988;
}
.theme-green .cd-horizontal-timeline .events a.selected::after,
.theme-green .no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #5edb8c;
	border-color: #40b988;
}
.theme-green .cd-horizontal-timeline .events a.older-event::after,
.theme-green .no-touch .cd-timeline-navigation a:hover {
	background-color: #40b988;
	border-color: #40b988;
}
.theme-green .nav > li > a.active{border-bottom: 2px solid #40b988 !important;}
/*====== theme-blush ========*/

.theme-blush .wizard .steps .current a,
.theme-blush .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-blush .fc .fc-toolbar,
.theme-blush .blog-page .single-blog-post .img-holder .date-box,
.theme-blush .menu-app li ul li a:hover,
.theme-blush .card .header .header-dropdown ul li a:hover {
	background: linear-gradient(45deg, #dd5e89, #f7bb97);
}
.theme-blush .navbar-brand {
	color: #fff;
}
.theme-blush .navbar-brand:hover {
	color: #fff;
}
.theme-blush .navbar-brand:active {
	color: #fff;
}
.theme-blush .navbar-brand:focus {
	color: #fff;
}
.theme-blush .nav > li > a {
	color: #fff;
}
.theme-blush .nav > li > a:hover {
	background: transparent;
}
.theme-blush .nav > li > a:focus {
	background: transparent;
}
.theme-blush .nav .open > a {
	background: transparent;
}
.theme-blush .nav .open > a:hover {
	background: #dd5e89;
}
.theme-blush .nav .open > a:focus {
	background: transparent;
}
.theme-blush .bars {
	color: #fff;
}
.theme-blush .sidebar .menu .list li.active.open > a {
	background: linear-gradient(45deg, #dd5e89, #f7bb97);
	color: #fff;
}
.theme-blush .sidebar .menu .list li a:hover {
	color: #dd5e89;
}
.theme-blush .sidebar .menu .list li.active >:first-child i,
.theme-blush .sidebar .menu .list li.active >:first-child span {
	color: #fff;
}
.theme-blush .sidebar .menu .list .toggled {
	background: #353d44;
	color: #fff;
}
.theme-blush .sidebar .menu .list .ml-menu {
	background: transparent;
}
.theme-blush .nav-tabs>li>a:before {
	border-bottom: 2px solid #dd5e89;
}
.theme-blush .notify .heartbit {
	border-color: #f7bb97;
}
.theme-blush .notify .point {
	background-color: #f7bb97;
}
.theme-blush .chat .chat-history .other-message {
	background: #dd5e89;
	color: #fff;
}
.theme-blush .chat .chat-history .other-message:after {
	border-bottom-color: #dd5e89;
}
.theme-blush .cd-horizontal-timeline .filling-line {
	background-color: #dd5e89;
}
.theme-blush .cd-horizontal-timeline .events a.selected::after,
.theme-blush .no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #f7bb97;
	border-color: #dd5e89;
}
.theme-blush .cd-horizontal-timeline .events a.older-event::after,
.theme-blush .no-touch .cd-timeline-navigation a:hover {
	background-color: #dd5e89;
	border-color: #dd5e89;
}
.theme-blush .nav > li > a.active{border-bottom: 2px solid #dd5e89 !important;}
/*====== Theme light ========*/

.light,
.light .sidebar .menu,
.light.ls-closed .sidebar {
	background: #f0f3f5;
}
.light .sidebar .menu .user-info {
	color: #30373e;
}
.light .sidebar .menu .list .header {
	color: #999;
	border-bottom: 1px solid #e8e8e8;
}
.light .card {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.light .navbar-brand {
	color: #30373e;
}
.light .navbar-brand:hover {
	color: #30373e;
}
.light .navbar-brand:active {
	color: #30373e;
}
.light .navbar-brand:focus {
	color: #30373e;
}
.light .nav > li > a {
	color: #30373e;
}
.light .nav li a i {
	font-weight: 600;
}
.light .nav > li > a:hover {
	background: transparent;
}
.light .nav > li > a:focus {
	background: transparent;
}
.light .nav .open > a {
	background: transparent;
}
.light .nav .open > a:focus {
	background: transparent;
}
.light .bars {
	color: #30373e;
}
.light .sidebar .menu .list .ml-menu li a,
.light .sidebar .menu .list a {
	color: #444;
}
.light .sidebar .menu .list li a:hover {
	color: #30373e;
}
.light .sidebar .menu .list li.active >:first-child i,
.light .sidebar .menu .list li.active >:first-child span {
	color: #fff;
}
.light .sidebar .menu .list .toggled {
	background: #e9eaea;
	color: #30373e;
}
.light section.content {
	padding: 0;
	margin: 0 15px 15px 265px;
}
.light.ls-closed section.content {
	margin: 55px 0px 15px 0px;
}
.light.rtl section.content {
	margin: 55px 265px 15px 15px;
}
.light .block-header {
	margin: 0;
}
.theme-light-dark li {
	display: inline-block;
}
.theme-light-dark li:hover {
	cursor: pointer;
}
.theme-light-dark .t-dark,
.theme-light-dark .t-light {
	padding: 5px 15px;
	display: inline-block;
	border-radius: 3px;
}
.theme-light-dark .t-dark {
	background: #30373e;
	border: 1px solid #30373e;
	color: #fff;
}
.theme-light-dark .t-light {
	background: #fff;
	border: 1px solid #30373e;
}
.light .email-page,
.light .profile-page {
	margin-top: 55px !important;
}
.custom-margin-b10 {margin-bottom: 10px;}
.custom-margin-b20 {margin-bottom: 20px;}
.custom-margin-b30 {margin-bottom: 30px;}
.custom-img-area {width: 96%; height: 250px;}
.custom-img-area2 {width: 98%; height: 160px;}
.custom-img-area3 {width: 98%; height: 40px;}
.custom-img-area4 {width: 98%; height: 260px;}
.custom-img-area .img-thumbnail {height: 250px; width: auto; border: 0px solid #ddd;
	-webkit-transition: all 0 ease-in-out;
	-o-transition: all 0 ease-in-out;
	transition: all 0 ease-in-out;
}
.custom-img-area2 .img-thumbnail {height: 150px; width: auto; border: 0px solid #ddd;
	-webkit-transition: all 0 ease-in-out;
	-o-transition: all 0 ease-in-out;
	transition: all 0 ease-in-out;
}
.custom-img-area3 .img-thumbnail {height: 40px; width: auto; border: 0px solid #ddd;
	-webkit-transition: all 0 ease-in-out;
	-o-transition: all 0 ease-in-out;
	transition: all 0 ease-in-out;
}
.custom-img-area4 .img-thumbnail {height: 200px; width: auto; border: 0px solid #ddd;
	-webkit-transition: all 0 ease-in-out;
	-o-transition: all 0 ease-in-out;
	transition: all 0 ease-in-out;
}
._sidebarLeftContent{	
    background-color: #eee;
    border-right: 1px solid #ddd;
}
.custom-height-80vh {
	height: 80vh;
}
.custom-height-100vh {
	height: 100vh;
}
.admin-image2 {
	width: 100%;
	height: 100px;
	float: left;
}
.admin-image2>img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    width: 85px;
    height: auto;
}
.sidebar .menu .user-info .admin-image>img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    width: 65px;
    height: auto;
}
.customo-with-auto {
	width: auto;
	float: left;
}
.iTFQCX {
    background: #4caf50;
    border: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    margin: 0;
    outline: 0;
    padding: 8px 16px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    width: 100%;
    -webkit-transition: background 0.21s ease-in-out;
    transition: background 0.21s ease-in-out;
}
.react-tabs__tab-list {
	margin: 0 0 0px !important;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 8px 15px !important;
    border-bottom: 1px solid #111111;
}
table.dataTable thead th {font-size: 15px;}
table.dataTable tbody td {font-size: 13px;}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    font-size: 13px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button {
	border: 1px solid #333 !important;
}
.custom-delete-img {height:25px; width:auto; cursor: pointer; }
.col.custom-width-90p{width: 90%;}
.col.custom-width-30{width: 30px;}
.react-tabs__tab-panel--selected {
    display: block;
    background: #fff;
    padding: 10px 3px;
    margin-bottom: 20px;
}
.cutom-width-auto {width:auto; margin:0px auto; text-align: center; }
.custom-bg-p10p20 {background: #efefef; padding: 10px 0px 1px;}
.form-group.form-group-lg.custom-margin-top-none{	
    margin: 0px 0 0 0;
}
.form-group .form-line.no-border-bottom {
	border-bottom: none !important;
}
.custom-margin-b2 {margin-bottom: 2px;}
.custom-margin-b3 {margin-bottom: 3px;}
.custom-margin-b4 {margin-bottom: 4px;}
.custom-margin-b5 {margin-bottom: 5px;}

.custom-border-right {border-right: 1px solid #e8e8e8;}
.custom-bg-one {background: #eee;}
.custom-bg-two {background: #ddd;}

.bars.custom-color {color:#000206;}

.container-fluid.custom-min-height {
	min-height: 480px;
	padding-right: 0px;
    padding-left: 0px;
}

.content-profile {
	/* float: left;  */
    margin: 0px 0px 5px 227px;
    padding: 0px;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 16;
    position: relative;
    background: #fff;    
}
.navbar-header h2 {margin-left: 10px !important;}
.sidebar .menu {height: calc(100vh - 56px); overflow: hidden;}
.content-area {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
}
.store-content-area {
	width: 100%;
	height: auto;
	min-height: 300px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
.content-area-show {
	display: block;
}
.content-area-hide {
	display: none;
}
.custom-margin-b0 {margin-bottom: 0px !important;}
.place-order .btn.custom-btn {
	margin: 22px 1px 10px;
}
.place-order .ElementsApp, .place-order .ElementsApp .InputElement {
    font-size: 18px;
    color: #000206;   
	padding: 9px 0px;
}
.place-order .use-as-border-b1{
	border-bottom: 1px solid #ddd;
    height: 8px;
    width: 200px;
    float: left;
}
.place-order .use-as-border-b2 {
	float: right;
    height: 8px;
    border-bottom: 1px solid #ddd;
    width: 42px;
    margin-right: 5px;
}
.place-order .use-as-border-b3 {
	border-bottom: 1px solid #ddd;
    float: right;
    width: 68px;
    height: 8px;
    margin-right: 5px;
}		

.col-sm-2.custom-datetime-width {
	width:14.28%;
	flex: 0 0 14.28%;
    max-width: 14.28%;
}

/* nav area */
#notificationTitle {
	color: black;
}
.nav-area-div {
	position: relative;
	max-width: 100%;
	width: 100%;
	height: 82px;	
	background: #FFFFFF;
	border: 0px solid;
	margin: 0px auto;
	z-index: 0;
}
.logo-area-div {
	width: 30%;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}
.logo-area-div a .logo-text {
	position: relative;
    left: 35px;
    /* right: 82.03%; */
    top: 23px;
    /* bottom: 32.93%; */
    font-family: Larsseit-Bold;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 21px;
    letter-spacing: -2.5px;
    color: #333333;
}
.logo-area-div a .logo-border {
	position: relative;
    /* width: 104px;
    height: 5px;
    left: 54px;
	top: 31px; */
	width: 96px;
    height: 5px;
    left: 58px;
    top: 20px;
	background: linear-gradient(90.52deg, #CEE004 13.25%, #87D71F 39.75%, #E6F915 80.33%, #04E05C 97.99%);
}
.logo-area-div a .logo-border-left {
	position: relative;
    width: 5px;
    height: 5px;
	left: 58px;
    top: 20px;
	background: #CEE004;
}	
.logo-area-div a .logo-border-right {
	position: relative;
    width: 5px;
    height: 5px;
	left: 149px;
    top: 15px;
	background: #04E05C;
}	
.shelfshop-logo {
	width: 149px;
    height: auto;
    top: 23px;
    left: 35px;
    position: relative;
}
.button-area-div {
	width: 70%;
	height: auto;
	padding: 0px;
	margin: 0px;
	text-align: right;
	float: left;
}
ul.rightnav {
	float: right;
	list-style: none;
}
ul.rightnav li {
	float: left;
	margin-top:29px;
	margin-right: 36px;
	font-family: Larsseit-Bold;
    font-style: normal;
    /* font-weight: 600; */
    font-size: 18px;
    line-height: 21px;
    text-align: right;
    letter-spacing: -0.25px;
}
ul.rightnav li a {
	color: #333333;
}
ul.rightnav li.active {
	border-bottom: 2px solid #333
}
.unreadMessageDiv {
	position: absolute;
    width: 17px;
    height: 17px;    
    /* left: 982px; */
    top: 36px;
    background: #E73711;
    border-radius: 100%;
    right: 17px;
}
.unreadMessageDiv a {
	position: absolute;
    left: 1px;
    right: 0;
    top: 0px;
    bottom: 0;
    font-family: Larsseit-bold;
    font-style: normal;
    /* font-weight: bold; */
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
}
.messages a{
	position: unset;
	color: #0275d8;
}

/* footer */
.footer_area_div {
	position: absolute;
	width:100%;
	max-width: 100%;
	height: 219px;
	background: conic-gradient(from 262.13deg at 74.27% 41.01%, #A616D9 0deg, #CEE004 0deg, #E00439 0.04deg, #87D71F 0.07deg, #DAEC16 193.12deg, #BCE129 240deg, #04E05C 354.37deg, #A616D9 360deg);
	padding: 0px;
	margin: 0px auto;
}
.footer_area_feedback {
	/* position: relative; */
    /* left: 36px; */
    /* top: 42px; */
    font-family: Larsseit-Bold;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    text-align: left;
    letter-spacing: -0.25px;
    color: #fff;
    float: left;
    width: 55%;
    padding: 0px;
    margin: 42px 0px 0px 36px;
}
.footer_area_feedback a, .helplinks-div a { color: #333333;}
.helplinks-div {	
    /* position: relative; */
    font-family: Larsseit-Bold;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -0.25px;
    color: #333333;
    /* right: 33px; */
    /* top: 8px; */
    width: 25%;
    float: right;
    padding: 0px;
	margin: 42px 33px 0px 0px;
	height: 141px;
}
.footer-copyright {
	/* position: relative; */
    /* right: 33px; */
    /* top: 28px; */
    font-family: Larsseit-Bold;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -0.25px;
    color: #FFFFFF;
    float: left;
    width: 100%;
    padding: 0px 33px 0px 0px;
    /* margin-right: 33px; */
}

/* Home page */
.homeheader {
	width:639px;
	height: 144px;	
	margin: 80px auto 0px;
	padding: 0px;
	font-family: Larsseit-Bold;
	font-style: normal;
	/* font-weight: 600; */
	font-size: 60px;
	line-height: 72px;
	/* or 120% */
	text-align: center;
	letter-spacing: -1px;
	/* Gray 1 */
	color: #333333;	
}
p.slogan {
	float: left;	
	width: 100%;
	height: 60px;	
	margin: 28px auto 30px;	
	padding: 0px;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 30px;
	/* or 167% */
	text-align: center;
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
}
.addyourshop {
	float: left;
	width: 100%;
	height: 66px;
	margin: 41px auto 20px;
	text-align: center;	
}
a.btn-addyourshop {
	background: #333333;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #E7FA16;
	padding: 22px 59px 22px;
	margin: 0px;
}
a.btn-addyourshop:focus, a.btn-addyourshop:hover {
	background: #333;
	color: #04E05C;
}
.seeShopAction {
	float: left;
	width: 100%;
	height: 66px;
	margin: 0px auto 0px;
	text-align: center;	
}
a.btn-seeShopAction {
	background: transparent;
	cursor: pointer;    
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	text-decoration-line: underline;
	color: #333;
	padding: 0px;
	margin: 0px;
}
a.btn-seeShopAction:focus, a.btn-seeShopAction:hover {	
	color: #333;
}

.shelfShop-Setup {
	position: relative;
	width: 596px;
	height: auto;
	/* Gray 1 */
	border: 10px solid #333333;
	box-sizing: border-box;
	padding: 0px;
	margin: 80px auto 0px;
	text-align: center;
}
img.shelfshop-img {
	width: 448px;
    height: auto;
    margin: 95px auto 0px;
    padding: 0px;
}
p.noMoreWriting {
	width: 436px;
    height: 60px;
    padding: 0px;
    margin: 20px auto 80px;
    text-align: center;
    font-family: Larsseit-Bold;
    font-style: normal;
    /* font-weight: 600; */
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.25px;
    color: #04E01A;
}
p.Snapphotos {
	width: 258px;
    height: auto;
    padding: 0px;
    margin: 0px auto 80px;
    text-align: center;
    font-family: Larsseit-Bold;
    font-style: normal;   
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.25px;
    color: #333333;
}
.shelfShop-Revenue {
	position: relative;
	width: 380px;
	height: 60px;
	/* Gray 1 */
	border: 0px solid #333333;	
	padding: 0px;
	margin: 46px auto 0px;
	text-align: center;
}
.shelfShop-Revenue p {	
    font-family: Larsseit-Bold;
    font-style: normal;    
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.15px;
    color: #333333;
    padding: 0px;
    margin: 0px;
}
p.revenueText {
	color: #95C900;
}

p.revenueText a {
	color: #04E01A;
}


.homeMiddleBannerdiv {	
	width: 100%;
	height: 320px;
	margin: 104px 0px 140px;
	padding: 0px;	
	background: conic-gradient(from 264.08deg at 74.27% 41.01%, #04E05C -18.75deg, #CEE004 13.89deg, #87D71F 150deg, #E00439 178.12deg, #A616D9 187.5deg, #BCE129 196.87deg, #DAEC16 273.02deg, #04E05C 341.25deg, #CEE004 373.89deg);
}
p.homeMiddleBanner {
	width: 653px;
    height: 72px;
    margin: 0px auto 12px;
    font-family: Larsseit-Bold;
	font-style: normal;	
    font-size: 60px;
    line-height: 72px;
    text-align: center;
    letter-spacing: -1px;
    color: #FFFFFF;
    padding-top: 76px;
}
p.homeMiddleBanner1 {
	width: 495px;
    height: 61px;
    margin: 0px auto;
    font-family: Larsseit-Bold;
	font-style: normal;	
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.25px;
    color: #FFFFFF;
    padding-top: 72px;
}
.shelfShop-rectangle-495 {
	width: 495px;
	height: 94px;
	margin: 0px auto;
	padding: 0px;
}
.shelfShop-rectangle-495 p {
	margin: 0px;
    font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 30px;
	/* or 167% */
	text-align: center;
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
}
.shelfShop-rectangle-600 {
	width: 600px;
	height: auto;
	margin: 25px auto 100px;
	padding: 0px;
}
/* checkbox */
.shelfShop-rectangle-600 .checkbox1 {
	border-bottom: 5px solid #F2F2F2;
	box-sizing: border-box;
	border-radius: 2px;
	margin-bottom: 35px;
}
.shelfShop-rectangle-600 label {
	font-family: Larsseit-Bold;
	font-style: normal;	
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.25px;
    color: #CEE004;
    text-align: left;
}
.shelfShop-rectangle-600 .checkbox1 [type="checkbox"]+label {
    padding-left: 56px;
    height: 25px;
}
.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked)+label:after {
    height: 24px;
    width: 24px;
    background-color: transparent;
    border: 5px solid #F2F2F2;
    top: 0px;
    z-index: 0;
    left: 560px;
}
.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 564px;
	top: 10px;
}	
	
.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:after {
    top: 0;
    width: 24px;
    height: 24px;
    border: 5px solid #CEE004;
    background-color: #fff;
    z-index: 0;
    left: 560px;
}
.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:before {
    border-right: 3px solid #333!important;
    border-bottom: 3px solid #333 !important;
}
.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:before {
    top: -8px;
    left: 563px;
    width: 11px;
    height: 23px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333333;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.shelfShop-rectangle-653 {
	width: 653px;
	height: 144px;
	margin: 0px auto 12px;
	padding: 0px;
}
.shelfShop-rectangle-653 p {
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 60px;
	line-height: 72px;
	/* or 120% */
	text-align: center;
	letter-spacing: -1px;
	/* Gray 1 */
	color: #333333;
	margin: 0px;
	padding: 0px;
}
.shelfShop-rectangle-600-hau {
	width: 600px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.shelfShop-rectangle-600-hau p {
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 30px;
	/* or 120% */
	text-align: center;
	letter-spacing: -0.25px;	
	/* Gray 1 */
	color: #333333;
	margin: 0px;
	padding: 0px;
}

.startSellig {
	float: left;
	width: 100%;
	height: 66px;
	margin: 61px auto 140px;
	text-align: center;	
}
a.btn-startSellig {
	background: #E7FA16;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	/* identical to box height, or 117% */
	text-align: center;
	letter-spacing: -0.5px;
	color: #333;
	padding: 22px 72px 22px;
	margin: 0px;
}
a.btn-startSellig:focus, a.btn-startSellig:hover {
	background: #E7FA16;
	color: #04E05C;
}
/* store Page Header */
.storePageHeader {
	width: 618px;
	height: 120px;
	position: relative;
	margin: 80px auto 44px;
	padding: 0px;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 48px;
	line-height: 60px;	
	text-align: center;
	letter-spacing: -1px;
	color: #333333
}
.storetopRectangle {
	position: relative;
	width: 864px;
	height: 177px;
	border: 10px solid #333333;
	box-sizing: border-box;
	margin: 0px auto 100px;
	padding: 0px;
}
.storetopRectangle1 {
	float: left;
	width: 223px;
	height: 90px;
	padding: 0px;
	margin: 32px 0px 0px 40px;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 30px;
	/* or 167% */
	text-align: center;
	letter-spacing: -.25px;
	/* Gray 1 */
	color: #333333;
}
.storetopRectangle1 span {
	color: #04E01A;
}
.storePageTitleDiv {
	position: relative;
	width: 501px;
	height: 60px;	
	margin: 0px auto 60px;
	padding: 0px;
	font-family: Larsseit-Bold;
	font-style: normal;
	font-size: 48px;
	line-height: 60px;
	/* identical to box height, or 125% */
	text-align: center;
	letter-spacing: -0.25px;
	color: #04E01A;
}
.storePageProContentFull {
	position: relative;
	width: 700px;
	height: auto;	
	margin: 0px auto;
	padding: 0px;
}
.storePageProContent {
	width: 350px;
    height: 570px;
    margin: 0px 0px 100px;
    padding: 0px;
	float: left;
	text-align: center;
}
p.storeTitle {
	width: 100%;
    height: auto; 
	float: left;
	text-align: center;
}
p.storeTitle a {
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 15px;
	line-height: 30px;
	/* identical to box height, or 200% */
	text-align: center;
	letter-spacing: -0.25px;
	/* Kinda Hot Text */
	color: #04E01A;
}
p.storeImages {
	width: 300px;
    height: 300px;
    margin: 5px auto;
    padding: 0px;
    text-align: center;
	overflow: hidden;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 	
}
p.storeImages img.img-store {
	width: auto;
    height: auto;
    text-align: center;
	vertical-align: middle;
}
p.storeName {
	width: 300px;
    height: auto;
    margin: 19px auto 0px;
    padding: 0px;
    text-align: center;
    overflow: hidden;
    font-family: Larsseit-Bold;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.25px;
	color: #333333;
	min-height: 42px;
}
p.storePickup
{
	width: 300px;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    overflow: hidden;
    font-family: Larsseit;
    font-style: normal;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.25px;
	color: #333333;	
}
p.storeClosed,
p.storeOpen {
	width: 300px;
	height: 30px;	
    margin: 0px auto;
    padding: 0px;
    text-align: center;
	overflow: hidden;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 30px;
	/* or 133% line-height: 30px;*/
	text-align: center;
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
}
p.storePickup span {font-family: Larsseit-Bold; }
p.storeClosed span {color: #E73711; font-family: Larsseit-Bold; }
p.storeOpen span {color: #04E01A; font-family: Larsseit-Bold; }

.addshop {
	float: left;
	width: 100%;
	height: 44px;
	margin: 24px auto 12px;
	text-align: center;	
}
a.btn-addshop {
	background: #E7FA16;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 15px;
	line-height: 21px;
	/* identical to box height, or 117% */
	text-align: center;
	letter-spacing: -0.25px;
	color: #333;
	padding: 10px 16px 10px;
	margin: 0px;
}
.storePageBottomDiv {	
	width: 551px;
	height: 90px;
	margin: 0px auto 60px;
	text-align: center;	
	padding: 0px;
	font-family: Larsseit;
	font-style: normal;
	font-size: 15px;
	line-height: 30px;
	/* identical to box height, or 117% */
	text-align: center;
	letter-spacing: -0.25px;
	color: #333;
	
}
.storePageBottomDiv span {
	font-family: Larsseit-Bold;		
}
.storePageBottomDiv span.pandemic {
	color: #95C900;
}
.img-fit {
	width: 100%;
	object-fit: cover;
}
.bodyContent2,
.bodyContent {
    margin: 0px 20px;
    height: auto;
    width: 97%;
    overflow-x: hidden;
}

.nav-tabs+.tab-content {
    padding: 15px 20px 15px 0px;
    width: 100%;
}
.text-right.custom-button {
	margin-right: 28px;
}
.text-right.custom-button a { color: #333333;}


@media only screen and (min-width: 768px) and (max-width: 1186px) {
	.content-profile {		
		margin: 0px 0px 5px 0px;
		padding: 0px;
		-moz-transition: .5s;
		-o-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
		z-index: 16;
		position: relative;
		background: #fff;    
	}
	.ls-closed .bars:after, .ls-closed .bars:before {
		top: 12px !important;
		left: -16px !important;
	}
}
@media only screen and (max-width: 767px) {
	.content-profile {		
		margin: 20px 0px 5px 0px;
		padding: 0px;
		-moz-transition: .5s;
		-o-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
		z-index: 16;
		position: relative;
		background: #fff;    
	}

	.ls-closed .bars:after, .ls-closed .bars:before {
		top: 12px !important;
		left: -16px !important;
	}
}

@media only screen and (min-width: 501px) and (max-width: 575px) {
	.col-sm-2.custom-datetime-width {
		width:50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.col-sm-2.custom-datetime-width {
		width:33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 900px){
    .col-sm-2.custom-datetime-width {
		width:25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media only screen and (min-width: 901px) and (max-width: 1100px){
    .col-sm-2.custom-datetime-width {
		width:19.4%;
		flex: 0 0 19.4%;
		max-width: 19.4%;
	}
}
@media only screen and (min-width: 1101px) and (max-width: 1201px){
    .col-sm-2.custom-datetime-width {
		width:16.66666%;
		flex: 0 0 16.66666%;
		max-width: 16.66666%;
	}
}




@media only screen and (max-width: 992px) {
	.light.rtl section.content {
		margin: 55px 0px 15px 0px;
	}
}
@media only screen and (max-width: 500px) {
	.light section.content {
		margin-left: 0px !important;
	}
	section.content {
		margin: 78px 0px 15px 0px !important;
	}
	.col-sm-2.custom-datetime-width {
		width:100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.container-fluid.custom-min-height {
		min-height: 200px;
	}
	.place-order .use-as-border-b1{
		border-bottom: 1px solid #ddd;
		height: 8px;
		width: 150px;
		float: left;
	}
	.place-order .use-as-border-b2 {
		float: right;
		height: 8px;
		border-bottom: 1px solid #ddd;
		width: 42px;
		margin-right: 5px;
	}
	.place-order .use-as-border-b3 {
		border-bottom: 1px solid #ddd;
		float: right;
		width: 68px;
		height: 8px;
		margin-right: 5px;
	}	
	/* Nav area */
	.nav-area-div {
		position: relative;
		max-width: 100%;
		width: 100%;
		height: 52px;
	}	
	.logo-area-div a .logo-text {
		position: absolute;
		left: 2.4%;
		right: 70.4%;
		top: 25.59%;
		bottom: 32.28%;

		font-family: Larsseit;
		font-style: normal;		
		font-size: 24.6443px;
		line-height: 14px;
		/* or 58% */
		letter-spacing: -1.71141px;
		/* Gray 1 */
		color: #333333;
	}
	.shelfshop-logo {
		width: 102px;
		height: auto;
		top: 14px;
		left: 9px;
		position: relative;
	}
	.logo-area-div a .logo-border {
		position: absolute;
		width: 62.19px;
		height: 3.42px;
		left: 26.69px;
		top: 35.21px;
		background: linear-gradient(90.52deg, #CEE004 13.25%, #87D71F 39.75%, #E6F915 80.33%, #04E05C 97.99%);
	}
	.logo-area-div a .logo-border-left {
		position: absolute;
		width: 3.42px;
		height: 3.42px;
		left: 26.69px;
		top: 38.64px;
		background: #CEE004;
	}	
	.logo-area-div a .logo-border-right {
		position: absolute;
		width: 3.42px;
		height: 3.42px;
		left: 85.46px;
		top: 38.64px;
		background: #04E05C;
	}
	ul.rightnav {
		margin-right: 0px;
		width: fit-content;

	}
	ul.rightnav li {
		float: left;
		margin-top: 19px;
		margin-right: 15px;		
		font-size: 15px;
		line-height: 21px;		
		letter-spacing: -0.25px;
	}
	.unreadMessageDiv {
		position: absolute;
		width: 17px;
		height: 17px;
		/* left: 353px; */
		top: 25px;
		background: #E73711;
		border-radius: 100%;
		right: 6px;
	}
	.unreadMessageDiv a {
		font-size: 11px;
		line-height: 18px;		
	}
	
	/* footer */
	.footer_area_div {
		
	}

	.homeheader {
		width: 100%;		
		height: 72px;
		margin: 40px auto 0px;		
		font-size: 35px;
		line-height: 36px;		
		letter-spacing: -1px;
	}
	p.slogan {		
		height: 40px;
		margin: 20px auto 20px;		
		font-size: 12px;
		line-height: 22px;				
	}
	.shelfShop-Setup {		
		width: 93%;		
		border: 10px solid #333333;		
		margin: 60px auto 0px;
	}
	img.shelfshop-img {
		width: 248px;		
		margin: 47px auto 0px;		
	}
	p.noMoreWriting {
		width: 96%;
		height: auto;		
		margin: 20px auto 40px;		
		font-size: 14px;
		line-height: 19px;
		letter-spacing: -0.25px;		
	}
	p.Snapphotos {		
		margin: 0px auto 40px;		
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -0.25px;		
	}
	.shelfShop-Revenue {		
		width: 100%;
	}
	.homeMiddleBannerdiv {
		width: 100%;
		height: auto;
		margin: 52px 0px 70px;
	}
	p.homeMiddleBanner {
		width: 100%;
		height: auto;
		margin: 0px auto 12px;		
		font-size: 30px;
		line-height: 36px;		
		letter-spacing: -1px;		
		padding-top: 20px;
	}	
	p.homeMiddleBanner1 {
		width: 89%;
		height: auto;
		margin: 0px auto;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -0.25px;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.shelfShop-rectangle-495 {
		width: 93%;
		height: 52px;
	}
	.shelfShop-rectangle-495 p {		
		font-size: 14px;
		line-height: 24px;		
	}
	.shelfShop-rectangle-600 {
		width: 95%;
		height: auto;
		margin: 25px auto 50px;
		padding: 0px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"]+label {
		padding-left: 5px;
		height: auto;
		padding-right: 43px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked)+label:after {
		height: 24px;
		width: 24px;
		background-color: transparent;
		border: 5px solid #F2F2F2;
		top: 0px;
		z-index: 0;
		left: 310px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked)+label:before {
		width: 0;
		height: 0;
		border: 3px solid transparent;
		left: 316px;
		top: 10px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:after {
		top: 0;
		width: 24px;
		height: 24px;
		border: 5px solid #CEE004;
		background-color: #fff;
		z-index: 0;
		left: 310px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:before {
		top: -8px;
		left: 313px;
		width: 11px;
		height: 23px;
		border-top: 2px solid transparent;
		border-left: 2px solid transparent;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333333;
		-webkit-transform: rotateZ(37deg);
		transform: rotateZ(37deg);
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
	}
	.shelfShop-rectangle-653,
	.shelfShop-rectangle-600-hau {
		width: 100%;
		height: auto;
	}
	.shelfShop-rectangle-653 p {		
		font-size: 35px;
		line-height: 42px;			
	}
	.shelfShop-rectangle-600-hau p {		
		font-size: 14px;
		line-height: 24px;	
		padding: 0px 10px;
	}
	.startSellig {		
		margin: 61px auto 70px;
	}
	.footer_area_div {
		height: 130px;
	}
	.footer_area_feedback {
		padding: 0px;
    	margin: 22px 0px 0px 20px;
		font-size: 15px;
		line-height: 21px;		
	}
	.helplinks-div {		
		font-size: 15px;
		line-height: 15px;
		color: #333333;
		margin: 22px 20px 0px 0px;
		height: 82px;
	}	
	.footer-copyright {		
		padding: 0px 20px 0px 0px;
		font-size: 15px;
		line-height: 18px;		
	}
	.storePageHeader {
		width: 100%;
		height: auto;		
		margin: 40px auto 24px;
		padding: 0px 10px;
		font-size: 29px;
		line-height: 42px;		
	}
	.storetopRectangle {		
		width: 93%;
		height: 300px;		
		margin: 0px auto 40px;
		padding: 0px;
	}
	.storetopRectangle1 {		
		width: 88%;
		height: 50px;
		padding: 0px;
		margin: 32px 0px 0px 10px;
		font-size: 15px;
		line-height: 21px;
	}	
	.storePageTitleDiv {
		width: 100%;
	}
	.storePageProContentFull {		
		width: 100%;		
	}
	.storePageProContent {
		width: 100%;		
		margin: 0px 0px 50px;		
	}
	.storePageBottomDiv {
		width: 93%;
		height: auto;
		margin: 0px auto 40px;
	}	
	.text-right.custom-button {
		margin-right: 16px;
	}	
	.nav-tabs+.tab-content {		
		width: 800px;
	}
	.bodyContent {			
		overflow-x: scroll;
	}
	.bodyContent2 {
		width: 90%;
	}	
	
}



/* shop page */
.shopContentArea {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100px;
	margin: 0px auto;
	padding: 0px;
}
.shopContentLogo {
	float: left;
	position: relative;
	width: 104px;
	height: 104px;
	margin: 22px 0px 0px 55px;
	padding: 0px;
	overflow: hidden;
	/* background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 	 */
}
.shopContentLogo img {
	width: auto;
	height: 104px;
}
.shopContentInfo {
	position: relative;
	width: 390px;
	height: auto;
	min-height: 150px;
	margin: 22px 0px 0px 66px;
	padding: 0px;
	float: left;
}

p.shopContentInfoTitle {
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 36px;
	line-height: 36px;
	/* identical to box height, or 100% */
	letter-spacing: -1.25px;
	/* Gray 1 */
	color: #333333;
	margin-bottom: 14px;
}
p.shopContentInfoNote,
p.shopContentInfoadd {
	font-family: Larsseit-bold;
	font-style: normal;	
	font-size: 15px;
	line-height: 21px;
	/* or 200% */
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
	margin-bottom: 5px;
}
p.shopContentInfoNote {color: #04E01A;}
.shopContentInfoClose, 
.shopContentInfoOpen {
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 21px;
	/* or 200% */
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
	margin-bottom: 5px;
}
.shopContentInfoOpen span {
	color: #04E01A;
	font-family: Larsseit-bold;
}
.shopContentInfoClose span {
	color: #E73711;
	font-family: Larsseit-bold;
}

.custom-tab {
	position: absolute;
	z-index: 12;
	width: 332px;
	left: -20px;
}
.custom-tab .panel-collapse.collapse.in.show,
.custom-tab .panel-collapse.collapse.in {
	position: absolute;
	z-index: 12;
	width: 332px;	
}
.custom-tab .panel {
    border-radius: 2px;
    border: 0;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0);
	top: -36px;
    position: relative;
}
.custom-tab .panel>.panel-heading,
.custom-tab .panel.panel-default>.panel-heading {
    background-color: #fff;
	width: 50px; 
	position: relative;
    top: 0px;
	left: 300px;	
}

.custom-tab h4.panel-title {
	margin-bottom: 0px;
}
.custom-tab h4.panel-title a.collapsed {
	background: url("https://storage.googleapis.com/shelfshopdev/down-arrow.svg") center center no-repeat;
}
.custom-tab h4.panel-title a {
	background: url("https://storage.googleapis.com/shelfshopdev/up-arrow.svg") center center no-repeat;
}
p.openingDate,
p.openingTime {
	width: 137px;
	height: 30px;
	float: left;
	font-family: Larsseit;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 30px;
	/* or 200% */
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
p.openingTime {
	text-align: right;
}
.custom-tab.panel-group .panel .panel-body {
    color: #555;
    padding: 20px;
    background: #fff;
    height: 200px;
}
.shopContentEstimated {
	position: relative;
    width: 330px;
    height: auto;
    min-height: 150px;
    margin: 22px 27px 0px 0px;
    padding: 0px;
    float: right;
}
.shopContentEstimated .demo-radio-button {
	float: left;
	width: 234px;
	height: auto;
	margin: 0px;
}
.shopContentEstimated .demo-dropdown {
	float: left;
	width: 90px;
	height: auto;
	margin: 0px;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 21px;
	/* identical to box height, or 140% */
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
}
.shopContentEstimated .demo-dropdown .form-group .form-control,
.shopContentEstimated .demo-dropdown select.form-control{
	margin: 0px;
	padding: 0px;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 21px;
	/* identical to box height, or 140% */
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
}
.shopContentEstimated .demo-dropdown .form-control.select1 {
	margin: 20px 0px 0px;
}
.shopContentEstimated .demo-dropdown .form-control.select2 {
	margin: 64px 0px 0px;
}

.shopContentEstimated [type="radio"]+label:before, 
.shopContentEstimated [type="radio"]+label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 24px;
    height: 24px;
    z-index: 0;
    transition: .28s ease;
}
.shopContentEstimated [type="radio"]:not(:checked)+label:before, 
.shopContentEstimated [type="radio"]:not(:checked)+label:after {
    border: 2px solid #e0e0e0;
}
.shopContentEstimated [type="radio"].radio-col-indigo:checked+label:after {
    background-color: #E7FA16;
    border-color: #e0e0e0;
}

.shopContentEstimated [type="radio"]:checked+label,
.shopContentEstimated [type="radio"]:not(:checked)+label {    
    padding-left: 34px;
    height: 29px;   
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 30px;
	/* identical to box height, or 200% */
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
	margin-bottom: 17px;
}
.shopContentEstimated [type="radio"]:checked+label span,
.shopContentEstimated [type="radio"]:not(:checked)+label span {
	font-family: Larsseit-Bold;
}
.checkoutdivArea {
	position: absolute;
    width: 184px;
    height: auto;
    border: 0px solid;
    float: right;    
    top: 200px;
    z-index: 12;
	right: 16px;
	min-height: 40px;
}
.btnCheckout {
	float: right;
    width: 120px;
    height: 44px;
    margin: 20px auto;
    text-align: right;
}
p.btnCheckout a.btn-checkout {
	background: #E7FA16;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #333;
	padding: 10px 12.5px;
	margin: 0px;
}
p.btnCheckout a.btn-checkout:focus, p.btnCheckout a.btn-checkout:hover {
	background: #333;
	color: #E7FA16;
}

.btnPutaDot {
	float: right;
    width: 230px;
    height: 44px;
    margin: 20px auto 0px;
    text-align: right;
}
p.btnPutaDot a.btn-btnPutaDot {
	background: #fff;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #333;
	padding: 10px 12.5px;
	margin: 0px;
}
p.btnPutaDot a.btn-btnPutaDot:focus, p.btnPutaDot a.btn-btnPutaDot:hover {
	background: #333;
	color: #fff;
}
.hideButtonArea {
	display: none;
}
.showButtonArea {
	display: block;
}
.divCheckout {
	position: relative;
	width: 184px;
	height: 335px;
	background: #FFFFFF;
	border-radius: 3px;
	padding: 0px 8px;
}
.divCheckout p.btnCross {
	width: 100%;
	height: 10px;
	padding: 0px;
	margin: 0px;
	text-align: right;
}
.divCheckout p.btnCross img {
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.divCheckout p.itemtotal{
	font-family: Larsseit-bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 30px;
	/* identical to box height, or 167% */
	text-align: center;
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
	padding: 0px;
	margin: 5px 0px 13px;
}
.divCheckout p.itemEstimated{
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 20px;
	/* or 133% */
	text-align: center;
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
	padding: 0px 14px;
	margin: 0px 0px 17px;
}
.divCheckout p.itemInputarea {
	padding: 0px;
	margin: 0px;
	height: 46px;
	width: 100%;
	text-align: center;
}
.divCheckout p.itemInputarea .form-group {
    padding: 0px;
    margin: 0px;
}
.divCheckout p.itemInputarea .form-group.col-md-6 {
	float: left;
	width: 50%;
}
.divCheckout p.itemInputarea .form-group .form-control::placeholder {
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 21px;
	/* identical to box height, or 140% */
	letter-spacing: -0.25px;
	/* C-Gray */
	color: #CCCCCC;
}
.divCheckout p.itemInputarea .form-group .form-control::-moz-placeholder,
.divCheckout p.itemInputarea .form-group .form-control::-ms-input-placeholder {
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 21px;
	/* identical to box height, or 140% */
	letter-spacing: -0.25px;
	/* C-Gray */
	color: #CCCCCC;
}
.divCheckout p.itemInputarea .form-group .form-control {
	border: 2px solid #EEEEEE;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 2px 4px;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 30px;
	/* or 200% */
	text-align: left;
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
}
.divCheckout p.itemInputarea .form-group select.form-control {
	background: url("https://storage.googleapis.com/shelfshopdev/dropdown-select.svg") 96% no-repeat;
}
.divCheckout p.itemInputarea .form-group.col-md-6 .form-control {
	width: 97%;
}
.divCheckout p.itemInputarea .form-group.col-md-6 .form-control#cardCvv {
	margin-left: 2px;
}

.btnConfirmOrder {
	float: none;
	width: 160px;
	height: 44px;
	margin: 12px auto;
	text-align: center;	
}
p.btnConfirmOrder a.btn-btnConfirmOrder {
	background: #333;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #E7FA16;
	padding: 10px 12px;
	margin: 0px;
}
p.btnConfirmOrder a.btn-btnConfirmOrder:focus, p.btnConfirmOrder a.btn-btnConfirmOrder:hover {
	background: #E7FA16;
	color: #333;
}

a.newCard {
	font-family: Larsseit-bold;
	font-style: normal;
	font-size: 15px;
	line-height: 30px;
	/* identical to box height, or 200% */
	text-align: center;
	letter-spacing: -0.25px;
	text-decoration-line: underline;
	/* Hot Text */
	color: #CEE004;
}
a.newCard:hover {
	color: #CEE004;
}
.shopContentEstimated .form-group {
    padding-bottom: 0px;
    margin: 0px;
}
p.serviceChargedTxt {
	width: 160px;
	height: 70px;
	float: left;
	padding: 0px;
	margin: 0px auto;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 12px;
	line-height: 16px;
	/* or 133% */
	text-align: center;
	letter-spacing: -0.25px;
	/* Gray 4 */
	color: #BDBDBD;
}

.form-control.item-select option {
	color: #E0E0E0 ;
}
.form-control.item-select .select-selected {
	color: #333333;
}

.react-datepicker-popper {
	left: 10px;
}

@media only screen and (max-width: 500px) {
	
	.shopContentArea {		
		width: 100%;
		margin: 0px auto;
		padding: 0px;
	}
	.shopContentLogo {		
		margin: 20px 0px 0px 20px		
	}
	.shopContentInfo {		
		width: 100%;		
		margin: 22px 0px 0px 20px;
		padding: 0px;		
	}
	.shopContentEstimated {		
		width: 96%;
		margin: 20px 0px 0px 0px;
		padding: 0px;		
	}
	.checkoutdivArea {		
		top: 495px;		
	}
	.customTop.checkoutdivArea {		
		top: 330px;		
	}
	.custom-tab {		
		z-index: 13;
	}	
	.divCheckout p.btnCross img {
		width: 12px;
		height: 12px;		
	}
}

/* sell page */
.sellcontent-area-div {
	float: left;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px auto;
}
.sellPageHeader {
	width: 567px;
    height: 120px;
    font-family: Larsseit-bold;
    font-style: normal;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -1px;
    color: #333333;
    margin: 40px auto 34px;
    padding: 0px;
}
.sellPageText {
	width: 560px;
    height: 62px;
    font-family: Larsseit;
	font-style: normal;
	font-size: 18px;
	line-height: 30px;
	/* or 167% */
	text-align: center;
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
    margin: 0px auto 10px;
    padding: 0px;
}
.sellPageText1 {
	width: 560px;
    height: 186px;
    font-family: Larsseit;
	font-style: normal;
	font-size: 18px;
	line-height: 30px;
	/* or 167% */
	text-align: center;
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
    margin: 0px auto 10px;
    padding: 0px;
}
.sellPageText span, .sellPageText1 span {
	font-family: Larsseit-bold;
}

.btnStartSelling {
	float: none;
	width: 233px;
	height: 162px;
	margin: 0px auto;
	text-align: center;	
}
p.btnStartSelling a.btn-btnStartSelling {
	background: #E7FA16;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #333;
	padding: 22px 31px;
	margin: 0px;
}
p.btnStartSelling a.btn-btnStartSelling:focus, p.btnStartSelling a.btn-btnStartSelling:hover {
	background: #333;
	color: #E7FA16;
}
.sellbigImg {
	float: none;
	width: 618.76px;
	height: 491.6px;
	margin: 0px auto 157px;
	text-align: center;	
}
.sellbigImg img {
	width: 100%;
	height: auto;
}

.btnShareShelfShop {
	float: none;
    width: 403px;
    height: 253px;
    margin: 0px auto;
    text-align: center;
}
p.btnShareShelfShop a.btn-btnShareShelfShop {
	background: #333;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	color: #E7FA16;
	padding: 22px 56px;
	margin: 0px;
}
p.btnShareShelfShop a.btn-btnShareShelfShop:focus, p.btnShareShelfShop a.btn-btnShareShelfShop:hover {
	background: #E7FA16;
	color: #333;
}

/* lottie_area */
.lottie_area {
	width: 112px;
    height: 112px;
    margin: 0px auto;
    padding: 0px;
}
.lottie_area2_bg {
	width: 160px;
	height: 44px;
	margin: 0px auto;
	padding: 0px;
	background: #333333;
	border-radius: 6px;
}
.lottie_area2 {
	width: 44px;
	height: 44px;
	margin: 0px auto;
	padding: 0px;
}
.custom-top-lotto {
	padding-top: 120px;
}
.custom-top-lotto2 {
	padding-top: 139px;
	padding-bottom: 120px;
}

.lottie_area2_bg2 {
	width: 160px;
	height: 44px;
	margin: 0px auto;
	padding: 0px;
	background: #333333;
	border-radius: 6px;
	/* float: left; */
}
.lottie_area22 {
	width: 44px;
	height: 44px;
	margin: 0px auto;
	padding: 0px;
}

@media only screen and (max-width: 500px) { 
	.sellPageHeader {
		width: 100%;
		height: 80px;		
		font-size: 32px;
		line-height: 46px;		
		margin: 20px auto 34px;
		padding: 0px 20px;
	}
	.sellPageText {
		width: 100%;		
		font-size: 16px;
		line-height: 28px;
		padding: 0px 20px;
		height: 88px;
	}
	.sellPageText1 {
		width: 100%;		
		font-size: 16px;
		line-height: 28px;
		padding: 0px 20px;
		height: 234px
	}
	.btnStartSelling {		
		margin: 0px auto;
		height: 91px;		
	}
	.sellbigImg {		
		width: 100%;
		margin: 0px auto 80px;
		height: auto;		
	}
	.sellbigImg img {
		width: 100%;
	}
	.btnShareShelfShop {		
		width: 100%;
		margin: 0px auto;
		height: 125px;		
	}
	p.btnShareShelfShop a.btn-btnShareShelfShop {		
		padding: 22px 26px;
		margin: 0px;
	}
	.custom-top-lotto {
		padding-top: 60px;
	}
	.custom-top-lotto2 {
		padding-top: 65px;
		padding-bottom: 60px;
	}
}


/* start your Shop */
.startyourShop {
	float: left;
	width: 100%;
	height: 93px;
	margin: 27px auto 0px;
	padding: 0px;
	font-family: Larsseit-bold;
	font-style: normal;	
	font-size: 36px;
	line-height: 60px;
	/* identical to box height, or 167% */
	text-align: center;
	letter-spacing: -1px;
	/* Gray 1 */
	color: #333333;
}
.sellLeftMenuArea {
	float: left;
	width: 160px;
	height: auto;
	min-height: 180px;
	margin: 0px 68px 0px 84px;
	padding: 0px;
}
.sellContentArea {
	float: none;
	width: 400px;
	height: auto;
	min-height: 300px;
	margin: 0px auto;
	padding: 0px;
}
.sellMenu {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.sellMenu li {
	float: left;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    min-height: 45px;
}
.sellMenu.menuFirstTime li a {
	font-family: Larsseit-bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 18px;
	/* or 250% */
	letter-spacing: -0.5px;
	/* Gray 1 */
	color: #E0E0E0;
	cursor: none;
}
.sellMenu.menuFirstTime li a.active {
	color: #333333;
	cursor: pointer;
}
.sellMenu.menuFirstTime li a.clickable {
	color: #04E01A;
	cursor: pointer;
}

.sellMenu.menuFirstTime li a.inactiveClickable {	
	cursor: pointer;
}
.sellMenu.menuFirstTime li a.inactiveClickable:hover {
	color: #333333;
	cursor: pointer;
}

.sellMenu li a {
	font-family: Larsseit-bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 18px;
	/* or 250% */
	letter-spacing: -0.5px;
	/* Gray 1 */
	color: #04E01A;
	cursor: pointer;
}
.sellMenu li a.active {
	color: #333333;
	cursor: pointer;
}
.sellContentArea .col-sm-12 {
	padding: 0px;
	margin: 0px;
}
.sellContentArea .form-group {
    padding: 0px;
    margin: 0px;
}
.sellContentArea .form-group label.control-label {    
	margin: 0px 0 6px 0;
	font-family: Larsseit-bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 24px;
	/* identical to box height, or 133% */
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
}

.div_ShoppableImages1 label.imgname {
	background: url("https://storage.googleapis.com/shelfshopdev/edit-icon.svg") 100% 35% no-repeat;	
    width: fit-content;
    padding-right: 22px;
	cursor: pointer;
}

.sellContentArea .form-group.required .control-label:after {
	content:"*"; color: #333333;
}
.sellContentArea .form-group select.form-control {
	background: url("https://storage.googleapis.com/shelfshopdev/dropdown-select.svg") 96% no-repeat;
}
.sellContentArea .form-group select.form-control,
.sellContentArea .form-group input[type="text"].form-control,
.sellContentArea .form-group input[type="email"].form-control {
	width: 100%;
	height: 48px;
    border: 3px solid #333333;
	box-sizing: border-box;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
	padding: 0px 14px 0px;
	margin: 0px;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 18px;
	line-height: 36px;
	letter-spacing: -0.25px;
	/* Gray 5 */
	color: #333333;
	/* color: green; */
	cursor: text;
}
.sellContentArea .form-group select.form-control.itemselect {
	width: 100%;
    height: 30px;
    border: 0px solid #333333;
    box-sizing: border-box;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 0px 13px 0px;
    margin: 0px;
    font-family: Larsseit;
    font-style: normal;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: -0.25px;
    color: #333333;
    /* color: green; */
    cursor: pointer;
}
.sellContentArea .form-group input[type="text"].form-control::placeholder ,
.sellContentArea .form-group input[type="text"].form-control::-moz-placeholder,
.sellContentArea .form-group input[type="text"].form-control::-ms-input-placeholder,
.sellContentArea .form-group input[type="text"].form-control:-ms-input-placeholder,

.sellContentArea .form-group input[type="email"].form-control::placeholder ,
.sellContentArea .form-group input[type="email"].form-control::-moz-placeholder,
.sellContentArea .form-group input[type="email"].form-control::-ms-input-placeholder,
.sellContentArea .form-group input[type="email"].form-control:-ms-input-placeholder
{
	color: #E0E0E0 !important;
	font-family: Larsseit !important;
	font-style: normal;	
	font-size: 18px !important;
	line-height: 36px !important;
	letter-spacing: -0.25px;
}
.sellContentArea .form-group input[type="file"].form-control {
	width: 100%;
	height: 48px;
    border: 3px solid #333333;
	box-sizing: border-box;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
	padding: 0px 14px 0px;
	margin: 0px;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 18px;
	line-height: 36px;
	letter-spacing: -0.25px;
	/* Gray 5 */
	background: #333333;
	color: transparent;
	
}
.sellContentArea .form-group input[type="file"].form-control::-webkit-file-upload-button {
	visibility: hidden;		
}
.sellContentArea .form-group input[type="file"].form-control::before {
	content: 'Drag or select jpg, gif, or png...';
	color: #FFFFFF;	
}
.sellContentArea .form-group input[type="file"].form-control.form-control-imgedit::before {
	content: 'Click to change image...';
	color: #FFFFFF;	
}

.sellContentArea .form-group input[type="file"].form-control::placeholder ,
.sellContentArea .form-group input[type="file"].form-control::-moz-placeholder,
.sellContentArea .form-group input[type="file"].form-control::-ms-input-placeholder {
	color: #fff;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 18px;
	line-height: 36px;
	letter-spacing: -0.25px;
}
.sellContentArea .form-group input[type="file"].form-control.danger,
.sellContentArea .form-group .form-control.danger {
	border: 3px solid #E73711;
}
.sellContentArea .errordanger {
	width: 100%;
	height: auto;
	float: left;
	font-family: Larsseit;
	font-style: normal;	
	font-size: 15px;
	line-height: 24px;
	/* identical to box height, or 160% */
	text-align: right;
	letter-spacing: -0.25px;
	/* Red */
	color: #E73711;
	margin: 0px;
	padding: 9px 0px 0px;
	min-height: 24px;
}
.sellContentArea .errordanger1 {
    width: 100%;
    height: auto;
    float: left;
    font-family: Larsseit;
    font-style: normal;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.25px;
    color: #E73711;
    margin: 0px;
    padding: 0px 0px 0px;
    min-height: 24px;
}
.sellContentArea .errordanger.custom-height-error {
	min-height: 36px;
}
.sellContentArea .fieldarea {
	width: 100%;
    min-height: 84px;
    float: left;
    padding: 0px;
    margin: 0px;
    height: auto;
}

.sellContentArea select option.nms{
    color:#E0E0E0 !important;
}
.sellContentArea .form-control.item-select .select-selected {
	color: #333;
}

.sellContentArea .form-control.item-select option {
    color: #333333;
}
.sellContentArea select option:first-child {
    color: #E0E0E0 !important;
}
.sellContentArea .custom-padmar-ls {
	padding-left: 0px;
}
.sellContentArea .custom-padmar-rs {
	padding-right: 0px;
}
.sellContentArea .custom-control-label-height {
	min-height: 180px;
	height: auto;
}
.sellContentArea .custom-control-label-height2{
	min-height: 258px;
	height: auto;
}
.buttonareaDiv {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px auto 0px;
	text-align: left;	
	padding: 0px;
}
.buttonareaDiv ul {
	float: left;
	list-style: none;
	margin: 0px 0px;
	padding: 0px 0px;	
}
.buttonareaDiv ul li {
	float: left;
	margin: 0px 24px 0px 0px;
	padding: 0px 0px;
	height: 36px;	
}
.buttonareaDiv ul li a {
	font-family: Larsseit-bold;
	font-style: normal;	
	font-size: 15px;
	line-height: 24px;
	/* identical to box height, or 160% */
	letter-spacing: -0.25px;
	/* Kinda Hot Text */
	color: #95C900;
}
.fieldarea.imageareaDivHeight {
	min-height: 346px;
}
.control-label span {
	font-family: Larsseit;
}
.imageareaDiv {
	float: left;
	width: 315px;
	height: 200px;
	margin: 0px auto 0px;
	text-align: left;	
	padding: 0px;
	background: #C4C4C4;
}
.btnSaveStoreLoading ,
.btnSaveStore_,
.btnSaveStore {
	float: left;
	width: 100%;
	height: 204px;
	margin: 0px auto 0px;
	text-align: center;	
	padding: 30px 0px 0px;
}
.btnSaveStore.btnSaveStore1 {	
	height: 102px;
}
a.btn-btnSaveStore, 
input[type="button"].btn-btnSaveStore {
	background: #333333;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	text-decoration-line: none;
	color: #E7FA16;
	padding: 12px 33px;
	margin: 0;
}
 
input[type="button"].btn-btnSaveStore_,
a.btn-btnSaveStore_ {
	background: #E7FA16;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0px solid #333;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	text-decoration-line: none;
	color: #333333;
	padding: 12px 33px;
	margin: 0;
}
a.btn-btnSaveStore:focus, a.btn-btnSaveStore:hover,
input[type="button"].btn-btnSaveStore:focus, input[type="button"].btn-btnSaveStore:hover {	
	color: #333;
	background: #E7FA16;
}
a.btn-btnSaveStore_:focus, a.btn-btnSaveStore_:hover,
input[type="button"].btn-btnSaveStore_:focus, input[type="button"].btn-btnSaveStore_:hover {	
	color: #E7FA16;
	background: #333333;
}
.sellMenu li.btnorders {	
    margin: 20px 0px;
    padding: 0px;    
}
.sellMenu li a.btn-orders {
	background: #E7FA16;
	cursor: pointer;    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #E7FA16;    
	outline: none;
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	text-decoration-line: none;
	color: #333333;
	padding: 10px 32px;
	margin: 0;
}
.sellMenu li a.btn-orders:hover {
	background: #333333;
	color: #E7FA16;
	border: 1px solid #E7FA16; 
}
.sellMenu li a.deactivate-Store {
	color: #95C900;
	font-size: 15px;
	line-height: 21px;
}
.AccountConnected {	
	font-family: Larsseit-Bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	letter-spacing: -0.5px;
	text-decoration-line: none;
	color: #333333;
	padding: 5px 5px;
	margin: 0;
	width: 100%;
	height: 40px;
}
.pickupOptionsHeight {
	height:150px;
}

.div_ShoppableImages1 label {   
	font-family: Larsseit-bold;
	font-style: normal;	
	font-size: 18px;
	line-height: 24px;
	/* identical to box height, or 133% */
	letter-spacing: -0.25px;
	/* Gray 1 */
	color: #333333;
}
.div_ShoppableImages1 .col-md-12{
    padding-left:0px;
    padding-right: 0px;
}

.div_ShoppableImages1 .ShoppableImages {
	position: relative;
	top: 0px;
	left: 0px;
}

@media only screen and (max-width: 500px) { 
	.startyourShop {		
		margin: 15px auto 0px;
	}
	.sellLeftMenuArea {		
		margin: 0px 68px 20px 15px;
		padding: 0px;
	}
	.sellContentArea {		
		width: 88%;		
		margin: 0px 20px;
		padding: 0px;
		float: left;
	}
	.customCheckbox .col-md-5 {
		width: 40%;
	}
	.customCheckbox .col-md-3 {
		width: 30%;
	}
	
	.sellContentArea .custom-padmar-ls {
		padding-left: 0px;
		padding-right: 0px;
	}
	.sellContentArea .custom-padmar-rs {
		padding-left: 0px;
		padding-right: 0px;
	}
	ul.rightnav li {		
		margin-right: 10px;		
	}

	.logo-area-div {
		width: 25%;
	}
	.button-area-div {
		width: 75%;
	}
}
/* start your Shop */

/* device wise css iphone */
/* iphone x */
@media only screen and (device-width : 375px) and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {
    .shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::after {		
		left: 320px;	
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked + label::before {
		left: 320px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::before {
		left: 326px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:after {		
		left: 320px;
	}
	ul.rightnav li {		
		margin-right: 15px;		
	}
}

/* iphone 6/7/8 */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) { 

	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::after {		
		left: 320px;	
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked + label::before {
		left: 320px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::before {
		left: 326px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:after {		
		left: 320px;
	}
	ul.rightnav li {		
		margin-right: 15px;		
	}
}
/* iphone 6/7/8 plus */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) {
		
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"]+label {
		padding-left: 5px;
		height: auto;
		padding-right: 53px;
	}	    	
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::after {		
		left: 350px;	
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked + label::before {
		left: 350px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::before {
		left: 356px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:after {		
		left: 350px;
	}
	ul.rightnav li {		
		margin-right: 15px;		
	}
}
/* iphone xs xr */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) {	


		.shelfShop-rectangle-600 .checkbox1 [type="checkbox"]+label {
			padding-left: 5px;
			height: auto;
			padding-right: 53px;
		}
		.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::after {		
			left: 350px;	
		}
		.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked + label::before {
			left: 350px;
		}
		.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::before {
			left: 356px;
		}
		.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:after {		
			left: 350px;
		}
		ul.rightnav li {		
			margin-right: 15px;		
		}
}
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) {
	
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"]+label {
		padding-left: 5px;
		height: auto;
		padding-right: 53px;
	}	
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::after {		
		left: 350px;	
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked + label::before {
		left: 350px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::before {
		left: 356px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:after {		
		left: 350px;
	}ul.rightnav li {		
		margin-right: 15px;		
	}

}
/* iphone xs xr */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) {

	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"]+label {
		padding-left: 5px;
		height: auto;
		padding-right: 53px;
	}		
    .shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::after {		
		left: 350px;	
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked + label::before {
		left: 350px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:not(:checked) + label::before {
		left: 356px;
	}
	.shelfShop-rectangle-600 .checkbox1 [type="checkbox"].filled-in:checked+label:after {		
		left: 350px;
	}

	ul.rightnav li {		
		margin-right: 15px;		
	}
}
/* end iphone */

.estimatedpickup_3 {
	margin-left: -3px;
}

select option {
	/* color: black !important; */
	color: grey !important;
}
select option:first-child {
	color: grey !important;
}

@media only screen and (max-width: 600px) {
	.fx-placeholder {
		padding: 10px 14px 0px !important;
	}
}