@charset "UTF-8";

.text-pending
{
	color: #388fdb;
}
.font-text
{
	font-family: var(--bs-font-sans-serif);
}
.font-heading
{
	font-family: var(--bs-font-heading);
}
footer
{
	font-family: var(--bs-font-sans-serif);
	background-color: #2d2c2c;
	background: linear-gradient(180deg, #2d2c2c 0%, #2d2c2c 20%, rgb(5,5,5) 100%);
	color: white;
	padding: 30px 0;
	font-weight: normal;
}
#profile_menu,
#profile_menu li
{
	background-color: #2d2c2c !important;
	text-align: center;
}
#profile_menu li a
{
	padding: 6px 20px !important;
}
#profile_menu a:hover
{
	background-color: transparent !important;
	color: --bs-link-color;
}
#admin_sidebar
{
	position: fixed;
	width: 240px;
	border-right: 2px solid #5f5f5f;
	height: 100%;
	background-color: #2d2c2c;
	padding: 20px;
	color: white;
}
#admin_sidebar ul
{
	margin: 0;
    padding: 0;
}
#admin_sidebar li
{
	list-style-type: none;
	line-height: 1;
}
#admin_sidebar ul a
{
	color: white;
	text-decoration: none;
	display: block;
	padding: 9px 12px;
	border-radius: 4px;
	vertical-align: middle;
	margin-bottom: 1px;
}
#admin_sidebar ul a:hover,
#admin_sidebar ul a:focus
{
	background-color: #4f4e4e;
	text-decoration: none;
}
.sidebar_menu_sel a
{
	background-color: #5f5f5f;
}
.sel_row2
{
    background-color: rgb(238,239,240);
	color: rgb(50,50,58);
}
.size-10
{
	font-size: 10px !important;
}
.gray-text
{
	color: #666677;
}
#art_sp_filter label
{
    display: inline-block;
    vertical-align: 3px;
}
#art_sp_filter td
{
	padding: 1px 5px;
}
#art_sp_filter
{
    position: absolute;
    left: 2px;
    top: 35px;
    z-index: 1;
	background-color: #fff;
    padding: 6px 8px;
    border: 1px solid rgb(160,160,169);
    width: 270px;
    text-align: left;
    border-radius: 4px;
	box-shadow: 0 0 3px 0 #ccc;
}
.drag_release
{
	background-color: white;
}
.drag_hover
{
	background-color: rgb(255,225,225);
}
.drag_success
{
	background-color: rgb(235,235,255);
}
.drop_box_1
{
	display: inline-block;
	width: 100px;
	height: 100px;
	vertical-align: top;
	text-align: center;
	border: 1px dashed rgb(190,200,210);
	margin-top: 3px;
}
.pointer
{
	cursor: pointer;
}
.caropen
{
	overflow-x: auto;
	overflow-y: hidden;
	/*
	width: 2000px;
	*/
	width: 100%;
	max-width: 100%;
	white-space: nowrap;
	padding-bottom: 10px;
}
.caropen img
{
	max-width: 100%;
	height: auto;
}
.caropen-item
{
	display: inline-block;
	height: 100%;
	margin-right: 8px;
	vertical-align: top;
	white-space: normal;
}
.caropen-item:last-of-type
{
	margin-right: 0;
}
.mxw-100
{
	max-width: 100% !important;
}
@media screen and (max-width: 992px)
{
	.caropen-item
	{
		max-width: 150px;
	}
}
@media screen and (min-width: 992px)
{
	.caropen-item
	{
		max-width: 210px;
	}
}
.product_colors
{
	width: 80px;
	margin: 0 2px 2px 0;
	padding: 1px;
    border-radius: 1px;
}
.border_default
{
	border: 2px solid white;
}
.border_default:hover
{
	border: 2px solid rgb(210,210,212);
}
.border_selected
{
	border: 2px solid #179bd7;
}
.list-unstyled
{
	padding-left: 0;
	list-style: none;
}
.login_popup
{
	padding: 0 !important;
}
@media screen and (max-width: 450px)
{
    .login_popup
    {
        width: 100%;
        height: 100%;
		left: 0;
    }
}
@media screen and (min-width: 451px)
{
    .login_popup
    {
        width: 450px;
        top: 10%;
        margin-left: -200px;
        left: 50%;
    }
}
@media screen and (max-width: 620px)
{
	.close_btn
    {
        /*
        background-color: rgba(0,0,0,0.15);
        margin: 2px;
        */
        padding: 0 8px 1px 8px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 20;
        color: rgb(160,160,160);
        font-size: 28px;
        line-height: 100%;
    }
}
@media screen and (min-width: 621px)
{
	.close_btn
    {
        /*
        background-color: rgba(0,0,0,0.15);
        margin: 2px;
        */
        padding: 0 8px 1px 8px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        color: rgb(200,200,200);
        font-size: 28px;
        line-height: 100%;
	}
}

#atc_art_title
{
	color: #417ab7;
}
@media screen and (max-width: 992px)
{
	.atc_box
	{
		background-color: #fff;
		width: 100%;
		border-radius: 0 !important;
		box-shadow: none !important;
		top: 60px;
		text-align: center;
		padding: 25px 25px;
		overflow-y: auto;
		left: 0;
	}
	.atc_box .brand_h1_art
	{
		font-weight: 700;
		color: #202020;
		letter-spacing: 0px;
		font-size: 20px;
		line-height: 1.4;
	}
	.b1margin
	{
		margin-bottom: 15px;
	}
	.b2margin
	{
		margin: 20px 0 15px;
	}
	.btn-block-mobile
	{
		display: block;
		width: 100%;
	}
	#atc_art_title
	{
		display: block;
		width: 100%;
		/*
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		*/
		font-size: 16px;
	}
}
@media screen and (min-width: 992px)
{
	.atc_box
	{
		background-color: #fff;
		left: 50%;
		top: 90px;
		width: 70%;
		transform: translateX(-50%);
		text-align: center;
	}
	.atc_box .brand_h1_art
	{
		font-weight: 700;
		color: #202020;
		letter-spacing: -1px;
	}
	.b1margin
	{
		margin-bottom: 20px;
	}
	.b2margin
	{
		margin: 35px 0 15px;
	}
}
.select-special
{
	background-color: white;
	position: relative;
}
.select-checkbox option
{
	padding-left: 0;
}
.select-checkbox option::before
{
	content: "\2610";
	width: 1.3em;
	text-align: center;
	display: inline-block;
}
.hilight_placeholder.success::placeholder 
{
	color: rgb(20,20,28) !important;
}
.m-checked::before
{
	content: "\2611" !important;
}
.m-checked
{
	font-weight: bold;
}
.item_discount
{
	color: #fff;
	padding: 0 6px;
	margin-left: 10px;
	background-color: #dc2828;
}
.base_link a,
.base_link a:link,
.base_link a:visited
{
	color: var(--bs-body-color);
}
.base_link a:hover,
.base_link a:active
{
	color: var(--bs-link-color);
}
.white_link a,
.white_link a:link,
.white_link a:visited
{
	color: #fff;
}
.white_link a:hover,
.white_link a:active
{
	color: var(--bs-link-color);
}
.error_msg
{
    color: white;
    background-color: #e24848;
    border: 1px solid #b32f28;
}
.success_msg
{
    color: #225a75;
    background-color: #d9edf7;
    border: 1px solid #83acd4;
}
#reg_msg, #pwd_msg, #login_msg, #msg_from_server, #start_msg
{
    padding: 6px 10px;
    border-radius: 5px;
    margin: 10px 0 20px 0;
    display: none;
}
.remove_item
{
	float: right;
	padding: 0 4px 6px 4px;
}
.red
{
    color: rgb(195,30,30);
}
.input_pad_left
{
	padding-top: 2px;
	padding-left: 4px;
}
input.error,
select.error,
div.error
{
    border-color: #bf6464 !important;
}
input.success,
select.success,
div.success
{
    border-color: #3d773e;
}
.child_row_default
{
	display: none;
	line-height: 1.9;
}
.small_select
{
	margin: 0;
	padding: 1px;
	font-weight: normal;
	/*
	border: none;
	*/
	border-radius: 0;
	border: 1px solid #bbb;
}
.small_select option
{
	font-weight: normal;
	padding: 0 4px;
	margin: 0;
}
.small_select:disabled
{
	background-color: #eee;
}
.edit_barcodes
{
	padding: 1px 4px;
	margin-bottom: 1px;
	border: 1px solid rgb(190,190,190);
}
.width_auto
{
	width: auto !important;
}
.article_label
{
    border-radius: 0 3px 3px 0;
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    color: white;
    z-index: 11;
    margin: 0;
    padding: 4px 6px 4px 5px;
    line-height: 1;
	letter-spacing: 0.1px;
}
@media only screen and (min-width: 481px)
{
    .article_label
    {
        font-size: 12px;
    }
}
@media only screen and (max-width: 480px)
{
    .article_label
    {
        font-size: 9px;
    }
}
.label_white
{
    background-color: #efefef;
	color: #000;
}
.label_red
{
    background-color: rgb(198,40,35);
}
.label_green
{
	background-color: rgb(1, 142, 3);
}
.label_fucsia
{
	background-color: #d44d8f;
}
.label_orange
{
    background-color: rgb(237,133,59);
    /*border: 1px solid rgb(197,93,19);*/
}
.label_blue
{
	background-color: rgb(84, 157, 242);
}
.shop-item-summary
{
	padding: 2px 4px;
	height: 6.6rem;
	line-height: 1.2;
	overflow: hidden;
	margin: 0;
}
.accordion-button
{
	font-size: var(--bs-body-font-size) !important;
}
.text-info1
{
	color: #2173f2;
}
.text-warning1
{
	color: #f48b4d;
}
.note_col_0
{
	color: rgb(138,138,145);
	font-style: italic;
}
.note_col_1
{
	background-color: #e54b3d;
	color: white;
	padding: 0 6px;
}
.note_col_2
{
	background-color: #f08535;
	color: white;
	padding: 0 6px;
}
.note_col_3
{
	background-color: #378436;
	color: white;
	padding: 0 6px;
}
.note_col_4
{
	background-color: rgb(201,139,250);
	color: white;
	padding: 0 6px;
}
.note_col_5
{
	background-color: rgb(71,188,255);
	color: white;
	padding: 0 6px;
}
.note_col_6
{
	background-color: #f542bc;
	color: white;
	padding: 0 6px;
}
.note_col_7
{
	background-color: #971c89;
	color: white;
	padding: 0 6px;
}
.note_col_8
{
	background-color: rgb(25,161,238);
	color: white;
	padding: 0 6px;
}
.cyanpinklink a,
.cyanpinklink a:link,
.cyanpinklink a:visited
{
	text-decoration: none;
	color: rgb(247,63,105);
}
.cyanpinklink a:hover,
.cyanpinklink a:active
{
	text-decoration: none;
	color: #0f5bd8;
}
.force-inline
{
	width: auto !important;
	display: inline-block !important;
}
.product_colors1
{
	margin: 0 2px 2px 0;
	padding: 1px;
    border-radius: 1px;
}
.border_default1
{
	border: 2px solid #f4f4f4;
}
.border_default1:hover
{
	border: 2px solid rgb(210,210,212);
}
.art_small_preview
{
    display: inline-block;
    width: 100px;
    margin: 0 4px 3px 0;
    border: 1px solid rgb(242,242,242);
}
#sb_form
{
    margin: 0;
    padding: 0;
    width: calc(100% - 70px);
    display: inline-block;
}
#sb_search
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f7f7f7;
    border: none;
    margin-top: 1px;
    padding: 4px 8px 5px;
}
#filter_window
{
	position: fixed;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	top: 60px;
	left: 0;
	padding: 30px 4px 0 4px;
	z-index: 100;
	background-color: white;
	display: none;
}
.img_ricerca
{
    transition: all .15s ease-out;
	border: 1px solid #dee2e6;
}
.img_ricerca:hover
{
    transform: translate(0, -16px);
}
.nolastborder tr:last-child td
{
    border: none;
}
.smaller
{
	font-size: smaller;
}
.drag_release
{
	background-color: white;
}
.drag_hover
{
	background-color: rgb(255,225,225);
}
.drag_success
{
	background-color: rgb(235,235,255);
}