:root {
	--primary-color1: #E60000;
	--primary-color2: #FFFFFF;
	--primary-color3: #4A4D4E;
	--primary-color4: #25282B;
	--secondary-color1: #00697C;
	--secondary-color2: #5E2750;
	--secondary-color3: #EB6100;
	--secondary-color4: #FECB00;
	--secondary-color5: #008A00;
	--secondary-color6: #9C2AA0;
	--secondary-color7: #BD0000;
	--neutral-color1: #FFFFFF;
	--neutral-color2: #F2F2F2;
	--neutral-color3: #BEBEBE;
	--neutral-color4: #7E7E7E;
	--neutral-color5: #262626;
	--neutral-color6: #0D0D0D;
	--error-color: #BD0000;
	--focus-color: #0096AD;
	--incomplete-color: #BEBEBE;
	--info-color: #005EA5;
	--success-color: #008A00;
	--warning-color: #EB6100;
	--radius-base: 24px;
	--radius-pill: 999px;

	--size-1-font: 14px;
	--size-1-line: 18px;
	--size-2-font: 18px;
	--size-2-line: 26px;
    --size-head-1-font: 20px;
    --size-head-1-line: 28px;
    --size-head-2-font: 28px;
    --size-head-2-line: 32px;
    --size-head-3-font: 40px;
    --size-head-3-line: 48px;
    --size-head-4-font: 56px;
    --size-head-4-line: 64px;
    --size-head-5-font: 64px;
    --size-head-5-line: 72px;
}

@media (max-width: 1199px) {
    :root {
        --size-head-1-font: 20px;
        --size-head-1-line: 28px;
        --size-head-2-font: 24px;
        --size-head-2-line: 32px;
        --size-head-3-font: 32px;
        --size-head-3-line: 40px;
        --size-head-4-font: 40px;
        --size-head-4-line: 48px;
        --size-head-5-font: 56px;
        --size-head-5-line: 64px;
    }
}

@media (max-width: 767px) {
    :root {
		--size-2-font: 16px;
		--size-2-line: 20px;
        --size-head-1-font: 18px;
        --size-head-1-line: 28px;
        --size-head-2-font: 20px;
        --size-head-2-line: 28px;
        --size-head-3-font: 24px;
        --size-head-3-line: 32px;
        --size-head-4-font: 28px;
        --size-head-4-line: 36px;
        --size-head-5-font: 32px;
        --size-head-5-line: 40px;
    }
}

/* ***************************************** GRID *********************************************** */

.layout-container {
	max-width: 1440px;
    margin: 0 auto;
}

.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}
.container-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.row, .form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 767px) {

    .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* ***************************************** TYPOGRAPHY *********************************************** */

body {
	font-family: 'Vodafone Rg',Arial, Helvetica, sans-serif;
	color: var(--neutral-color5);
	font-size: 14px; 
	line-height: 18px;
}

a {
	color: var(--neutral-color5);
}

h1 {
	font-family: 'Vodafone Rg',Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: var(--neutral-color6);
}

h2 {	
	font-family: 'Vodafone Rg',Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: var(--neutral-color6);
}

h3,h4,h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: var(--neutral-color6);
}

body, .text-size-1 {
	font-size: var(--size-1-font);
    line-height: var(--size-1-line);
}

.text-size-2, h4, h5 {
	font-size: var(--size-2-font);
    line-height: var(--size-2-line);
}

.text-size-head-1, h3 {
    font-size: var(--size-head-1-font);
    line-height: var(--size-head-1-line);
}

.text-size-head-2, h2 {
    font-size: var(--size-head-2-font);
    line-height: var(--size-head-2-line);
}

.text-size-head-3, h1 {
    font-size: var(--size-head-3-font);
    line-height: var(--size-head-3-line);
}

.text-size-head-4 {
    font-size: var(--size-head-4-font);
    line-height: var(--size-head-4-line);
}

.text-size-head-5 {
    font-size: var(--size-head-5-font);
    line-height: var(--size-head-5-line);
}
.font13, .font14 {
	font-size: var(--size-1-font);
    line-height: var(--size-1-line);
}
.font16, .font18 {
	font-size: var(--size-2-font);
    line-height: var(--size-2-line);
}
.font20, .font22 {
    font-size: var(--size-head-1-font);
    line-height: var(--size-head-1-line);
}
.font25 {
    font-size: var(--size-head-2-font);
    line-height: var(--size-head-2-line);
}
.font34, .font40 {
    font-size: var(--size-head-3-font);
    line-height: var(--size-head-3-line);
}
.font50 {
    font-size: var(--size-head-4-font);
    line-height: var(--size-head-4-line);
}

/**************************************************** MENU ***************************************************************************************************/

#menu > li {
	margin-right: 20px;
}
#menu > li > a {
	font-size: var(--size-head-1-font);
	line-height: var(--size-head-1-line);
	font-family: 'Vodafone Rg', Arial, Helvetica, sans-serif;
	padding: 18px 5px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

#menu > li.active a {
	border-bottom: 2px solid var(--primary-color1);
}
.nav > li > a:focus, #menu > li:hover, #menu > li > a:hover, #menu > li.active > a {
	background-color: transparent;
}
#menu > li > a:hover {
	color: var(--primary-color1);
	border-bottom: 2px solid var(--primary-color1);
}
#menu > li > a.shopping-cart-btn:hover, #menu > li > a.shopping-cart-btn:focus {
	border-bottom-color: transparent;
	color: var(--primary-color4);
}
.navbar {
	width:100%;	
	background: transparent;
	margin-bottom: 0;
	border: 0;
}

.over-menu {
	background-color: var(--neutral-color5);
	color: #FFF;
	font-size: 12px;
}
.over-menu a, .over-menu .contact-phone {
	color: #FFF;
	display: inline-block;
	padding: 5px 10px 5px 16px;
	margin-right: 20px;
}
.over-menu a .fa {
	font-size: 16px;
}
.over-menu a:hover, .over-menu .contact-phone {
	text-decoration: none;
	color: #FFF;
	background-color: var(--neutral-color4);
}

.my-account {
	border: 1px solid var(--neutral-color6);
	border-radius: var(--radius-base);
	padding: 8px 22px;
}

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

#content-layout {
    padding-top: 30px;
}
#header + #content-layout {
    padding-top: 120px;
}

.cart-badge {
	display:inline-block;
	background: var(--primary-color1);
	border-radius:50%;
	position:relative;
	top: -7px;
	left: -10px;
	height:12px;
	width:12px;
	color: var(--primary-color2);
}

@media (max-width: 991px) {
	#menu .my-account {
		border: none;
		padding: 0;
	    font-size: 0; 
	}

	#menu .my-account .fa {
  		font-size: var(--size-head-1-font);
	}
}

@media (max-width: 767px) {
	#header + #content-layout {
 	   padding-top: 110px;
	}
	.navbar-toggle .icon-bar {
		background-color: var(--neutral-color4);
	}
	#menu > li.active a {
		border-bottom: none;
		color: var(--primary-color1);
	}
	#menu > li > a {
		padding: 5px;
		font-size: var(--size-head-2-font);
		line-height: var(--size-head-2-line);
	}
	#menu > li > a.shopping-cart-btn {
		display: none;
	}
	#menu > li.right {
		float: none !important;
	}
	#menu .my-account {
		display: none;
		/*border: none;
		padding: 10px 0 0;
		width: 100%;
    	display: inline-block;
    	border-top: 1px solid var(--neutral-color3);
    	border-radius: 0;*/
	}
	#menu {
		padding-bottom: 20px;
	}
	.header-buttons a {
		font-size: 20px;
	    display: inline-block;
	    margin-top: 14px;
	    margin-right: 14px;
	    color: var(--neutral-color4);
	}
}

/* ***************************************** FOOTER *********************************************** */
#footer {
	color: var(--primary-color2);
	background-color: var(--neutral-color6);
}
#footer a {
	color: var(--primary-color2);
}
#footer a:hover{
	color: var(--primary-color2);
	text-decoration: underline;
}
#footer .legal {
	padding-top: 20px;
	text-align: center;
}
#footer .legal ul {
	list-style-type: none;
	font-size: 0;
  	margin: 0;
  	padding: 0;
}
#footer .legal ul li {
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	display: inline-block;
	padding: 2px 10px;
	border-right: 1px solid var(--neutral-color4);
}
#footer .legal ul li:last-child {
	border-right: none;
}

@media (max-width: 767px) {
	#footer {
		margin-top: 30px;
	}
	#footer .legal ul li {
		display: block;
		padding: 7px 10px;
		border-right: none;
	}
}

/* ***************************************** GLOBAL *********************************************** */
a.link, a.a-intro {
    color: var(--primary-color1);
    text-decoration: underline;
}
a.link:hover, a.a-intro:hover {
    color: var(--primary-color1);
    text-decoration: none;
}

.rotate180 {
	transform: rotate(180deg);
}
.wrapper {
	background-color: var(--neutral-color2);
}
.header {
	background-color: var(--primary-color2);
}
i.fa {
	margin-right: 5px;
}
.fa-info-circle {
	color: var(--info-color)
}
.alert-info, .alert-warning, .alert-success, .alert-danger {
	background-image: none;
  	border: none;
	color: var(--primary-color2);
	padding: 15px 20px 15px 40px;
	position: relative;
}
.alert-info {
	background-color: var(--info-color);
}
.alert-success {
	background-color: var(--success-color);
}
.alert-danger {
	background-color: var(--error-color);
}
.alert-warning {
	background-color: var(--warning-color);
}
.alert-info::before, .alert-success::before, .alert-danger::before, .alert-warning::before {
	font-family: FontAwesome;
	margin-right: 15px;
	font-size: 16px;
	position: absolute;
	left: 12px;
}
.alert-info::before {
	content: "\f05a";
}
.alert-success::before {
	content: "\f058";
}
.alert-danger::before {
	content: "\f057";
}
.alert-warning::before {
	content: "\f06a";
}
.alert .glyphicon {
	display: none;
}

.generalBox.half-form {
	background-color: var(--neutral-color1);
	margin-top: 22px;
	border-radius: var(--radius-base);
	padding: 20px 40px;
	margin: auto;
}
.half-form {
	width: 50%;
}
.half-form h1 {
	display: none;
}
.back-link {
	text-decoration: underline;
}
.form-btn-link {
	margin-right: 20px;
	margin-top: 12px;
	display: inline-block;
	text-decoration: underline;
}

.form-control {
	border-radius: 6px;
    border-color: var(--incomplete-color);
    background-color: var(--neutral-color1);
    color: var(--neutral-color5);
    font-size: var(--size-2-font);
    line-height: var(--size-2-line);
	padding: 8px 16px;
}
.has-error .form-control {
	border-color: var(--error-color);
	border-width: 2px;
  	padding: 7px 15px;
}
.form-control:focus, .has-error .form-control:focus {
  border-color: var(--focus-color);
  border-width: 2px;
  padding: 7px 15px;
  outline: 0;
  box-shadow: none;
}
select.form-control {
	padding: 3px 16px;
}
.has-error .form-control, .form-control:focus, .has-error .form-control:focus {
	padding: 1px 15px;
}
label {
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	font-weight: normal;
}
label:has(+ input:required)::after, label:has(+ textarea:required)::after, label:has(input:required)::after,
label:has(+ div > input:required)::after, label:has(+ div > textarea:required)::after {
 	content: " *";
	color: var(--primary-color1);
}
.popover {
	font-size: var(--size-1-font);
	line-height: var(--size-1-line);
	color: var(--neutral-color5);
}
.panel {
	border: none;
	border-radius: var(--radius-base);
}
.panel-footer {
	border-top: none;
}

@media (max-width: 767px) {
	.half-form {
		width: 100%;
	}
	.help-video {
		writing-mode: vertical-lr;
  		transform: rotate(180deg);
  		right: 0;
	}
	.help-video .play-video {
		border-width: 4px;
  		border-radius: 0;
  		border-left: 0;
  		padding: 10px 5px;
	}
	.help-video .help-video-icon, .help-video .help-phone {
		display: none; 
	}
}

/* ***************************************** HOME *********************************************** */

.banner-home {
	background-color: var(--neutral-color1); 
	border-radius: var(--radius-base);
	overflow: hidden
}
.banner-home img {
	max-width: 100%;
}
.banner-steps {
	padding-top: 15px;
	text-align: center;
	margin-bottom: 40px;
}
.banner-steps .row-steps-icon {
    display: flex;
    align-items: center;
}
.banner-steps .row-steps-icon .fa {
    font-size: 40px;
    color: var(--neutral-color4);
}
.banner-steps .row-steps-title {
	font-size: var(--size-head-1-font);
	line-height: var(--size-head-1-line);
	font-weight: bold;
	text-align: center;
}
.banner-steps .row-steps-subtitle {
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.banner-steps .row-steps-text {
	font-size: var(--size-1-font);
	line-height: var(--size-1-line);
	text-align: justify;

}
.banner-steps .row-steps-promotion {
	margin-bottom: 60px;
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
}
.play-video, .help-phone {
	border-color: var(--secondary-color6);
}
.banner-home .home-search {
	padding: 30px 30px 0;
}
.banner-home .home-search .panel-search.search_phone {
	margin: 0;
	padding: 15px 0 0;
}
.banner-home .home-search .imei-info {
	display: none;
}

.banner-home .home-search .banner-info {
	padding-top: 30px;
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
}
.banner-home .home-search .banner-info ul {
	margin-top: 30px; 
	font-size: var(--size-2-font);
	line-height: 40px; 
	list-style-type: none;
}
.banner-home .home-search .banner-info ul .fa {
	color: var(--success-color);
}

.search_phone input[type="text"]{
	border-top-left-radius: var(--radius-base) !important;
	border-bottom-left-radius: var(--radius-base) !important;
	height: 41px;
	border-right: none;
}

.banner_promos {
	background-color: var(--neutral-color1);
	border-radius: var(--radius-base);
	padding: 20px 30px;
	box-shadow: 0 2px 10px rgba(0,0,0,.08);
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
}
.banner_promos form {
	margin-top: 20px;
}
.promos {
	margin-top: 30px;
}
.questionMark .fa-info-circle {
	font-size: 22px;
	margin-left: 5px;	
}

@media (max-width: 991px) {
	.banner-home .home-search .banner-info {
		padding-top: 15px;	
	}
	.banner-home .home-search .banner-info ul {
		margin-top: 15px;
		padding-left: 20px;
		line-height: 32px;
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.banner-steps .row-steps-title {
		font-weight: normal;
	}
	.banner-home .home-search .banner-info ul {
		margin-top: 15px;
		padding-left: 20px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	.banner-home .home-search .panel-search.search_phone {
		padding: 10px 0 0;
	}
	.search_phone input[type="text"] {
		height: 35px;
	}
	
	.banner-home img {
		width: 100%;
		height: 500px;
		object-fit: cover; 
		object-position: top;
	}
	
}
	


/* ***************************************** MODAL *********************************************** */
.modal-content {
	background-color: var(--neutral-color1);
	border: none;
	border-radius: var(--radius-base);
}
.modal-header {
	background-color: transparent;
	border: none;
	padding-left: 30px;
	padding-right: 30px;
}
.modal-header .modal-title {
	font-size: var(--size-head-2-font);
	line-height: var(--size-head-2-line);
}
.modal-header .close {
	font-size: 30px;
}
.modal-body {
	padding: 10px 30px 20px;
}
.modal-xlg {
	width: 90%;
	max-width: 1340px;
}
.modal-footer {
	border-top: none;
	margin-top: 0;
}
@media (max-width: 767px) {
	.modal-xlg {
		width: auto;
	}
}

/* ********************************** PRODUCTOS ************************************************ */
.products-grid li.item {
	border-radius: var(--radius-base);
	margin: 10px;
	box-shadow: 0 2px 10px rgba(0,0,0,.08);	
}
.products-grid li.item .product-price {
	font-size: var(--size-head-3-font);
	line-height: var(--size-head-3-line);
	margin-bottom: 10px;
}
.products-grid li.item .product-price .price-currency {
	font-size: 0.5em;
}

.pagination > li > a, .pagination > li > span {
	text-decoration: underline;
	background-color: transparent !important;
	border: none;
}
.pagination > li.disabled {
	display: none;
}
.pagination > .active > a {
	font-weight: bold;
	color: var(--neutral-color5) !important;
	text-decoration: none;
}
.pagination-sm > li > a, .pagination-sm > li > span {
	font-size: var(--size-1-font);
	line-height: var(--size-1-line);
}
.numberOfProductsColorText {
	color: var(--neutral-color5);
	margin-bottom: 0;
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	font-weight: bold;
}

@media (max-width: 767px) {
	.products-grid li.item {
		margin: 15px auto;
		float: none;
		height: auto;
	}
	.products-grid li.item .product-name {
		height: auto;
	}
}


/***************************************************BUTTONS**************************************************************************************************/
.btn {
	font-family: 'Vodafone Rg', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	padding: 8px 32px;
	border-radius: var(--radius-base);
}
.btn-primary, .btn-color-purple, #btnSell, .btn-sell {
	font-family: 'Vodafone Rg', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	color: var(--primary-color2);
	background: var(--primary-color1);
	padding: 8px 32px;
	border-radius: var(--radius-base);
	border: none;
}
.btn-color-purple:hover, .btn-color-purple:focus, 
.btn-primary:hover, .btn-primary:focus,
#btnSell:hover, .btn-sell:hover,
#btnSell:focus, .btn-sell:focus {
	color: var(--primary-color2);
    background: #C30000;
}
.btn-primary.disabled, .btn-primary[disabled],
.btn-primary.disabled:focus, .btn-primary[disabled]:focus {
	color: var(--neutral-color2);
    background: #970000;
}

.btn-black-color, .btn-secondary, .btn-default, .btn-not-included-sell, .btn-add-more-models, .btn-back {
	color: var(--primary-color4);
    background: var(--primary-color2);
    border: 2px solid var(--primary-color4);
}
.btn-black-color:hover, .btn-black-color:focus,
.btn-secondary:hover, .btn-secondary:focus,
.btn-default:hover, .btn-default:focus,
.btn-not-included-sell:hover, .btn-not-included-sell:focus,
.btn-add-more-models:hover, .btn-add-more-models:focus,
.btn-back:hover, .btn-back:focus {
	color: var(--primary-color2);
    background-color: var(--primary-color4);
    border: 2px solid var(--primary-color4);
}

/*
#search_form .btn-color-purple{
	box-shadow: none;
}

.btn-not-included-sell, , .btn-add-more-models, .btn-back {
	background: #fff;
	color: #333333;
    text-shadow: none;
    box-shadow: none; 
    border: 1px solid #c5c5c6;
    border-radius: 0;
}

.btn-not-included-sell:hover, .btn-not-included-sell:focus, 
.btn-default:hover, .btn-default:focus,
.btn-add-more-models:hover, .btn-add-more-models:focus,
.btn-back:hover, .btn-back:focus {
    background: #fff;
    text-decoration: none;
    cursor: pointer;
}
*/
.btn.width100 {
	min-width: 90px;
}

.btn-group .btn {
	cursor: pointer;
	border-radius: var(--radius-base);
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline-block;
}

.btn-group .btn.active {
	border-color: var(--primary-color4);
	background-color: var(--primary-color3);
	color: var(--primary-color2);
	box-shadow: none;
}
.btn-group .btn.active:hover {
	background-color: var(--primary-color4);
}
.btn-group .btn label {
	cursor: pointer;
	margin-bottom: 0;
	margin-left: -5px;
	padding: 0;
	font-size: 16px;
}
.btn-group .btn:hover label {
	font-weight: bold;
}
.btn-group .btn input {
	display: none;
}
.row.btn-group {
	display: block;
}
.row.btn-group .btn label {
	margin: auto;
}


/***************************************** PROMOS ********************************************************/
.promos-panel {
	border: none;
	border-radius: var(--radius-base);
	background-color: var(--neutral-color1);
	box-shadow: none;
}
.promos-panel .promotion-description strong {
	color: var(--primary-color1);
	font-size: 1.5em;
}
.promos-panel .promotion-description strong span {
	color: var(--primary-color4);
	font-size: var(--size-1-font);
}
.view-all-promotions {
	float: right;
	color: var(--primary-color1);
	text-decoration: underline;
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
}
.view-all-promotions:hover {
	color: var(--primary-color1);
}
.color-purple .fa-check {
	color: var(--success-color);
}

@media (max-width: 991px) {
	.promos-panel {
		min-height: 255px;
	}
}

@media (max-width: 767px) {
	.promos-panel div.promos-info .fa-info-circle {
		display: none;
	}
	.promos-panel {
		min-height: 0;
	}
}

/****************************************************FAQ********************************************************************************************/
.faq_question {
	padding: 0 10px;
	margin-top: 15px;
	border: none;
	box-shadow: none;
	background-color: var(--neutral-color1);
	border-radius: 6px;
}
.open_question h2 {
	font-family: 'Vodafone Rg',Arial, Helvetica, sans-serif;
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	font-weight: bold;
}

div.open_question {
	cursor: pointer;
    font-size: 16px;
    padding: 10px 20px;
}

div.close_reply {
	 padding: 0 20px 20px;
	 display: none;
}

.faqs span.fa {
	color: #E60000;
    font-size: 26px;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.faqs h1 {
	margin-bottom: 32px;
}

/**************************************************** TRADE PROCESS ********************************************************************/
.white-box {
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	margin-bottom: 20px;
}

.cosmetic-question {
	box-shadow: none;
	border: none;
	background-color: var(--neutral-color1);
	border-radius: var(--radius-base);
	padding: 10px 20px;
}
.cosmetic-question.cosmeticBox {
	background-color: var(--neutral-color1);
}
.cosmetic-question .cosmetic-question-title {
	font-size: var(--size-2-font);
	line-height: var(--size-2-line);
	font-weight: bold;
}
.cosmetic-question .cosmetic-question-help {
	border-top: none;
}
.cosmetic-question .response-title {
	color: var(--success-color);
}
.product-image-trade img {
	/*box-shadow: 0 2px 8px rgba(0,0,0,.08);*/
  	border-radius: 16px;
}
#block-imei-serial .questionMark .zwipitColorText {
	color: var(--info-color);
}
.questionMark img {
	display: none;
}
.questionMark span::before {
	content:"\f05a";
	font-family: FontAwesome;
	font-size: 18px;
	color: var(--info-color);
	margin: 0 5px 0 10px;
}
.statuses .price .zwipitColorText {
	color: var(--neutral-color6);
}
.statuses .price .upperCase {
	text-transform: capitalize;
}
.cosmeticResult > .statuses > .price {
	color: var(--primary-color1);
}
.cosmeticResult > .statuses > .price .price-currency {
	font-size: 0.5em;
}
#validImeiSerial {
	display: none;
}

.steps {
	margin-bottom: 20px;
}
.steps .stepNumber img, .steps .stepSmallNumber img {
	display:none;
} 
.circleActive, .circleInactive, .circleBefore {
	width: 20px;
	height: 20px;
	top: 20px;
}
.circleActive {
	background-color: var(--primary-color1);
	border: 2px solid var(--neutral-color1);
	box-shadow: 0 0 0 2px var(--primary-color1);
}
.circleBefore {
	background-color: var(--primary-color1);
}
.circleInactive {
	background-color: var(--neutral-color3);
}
.borderStepActive {
	border-color: var(--primary-color1);
}
.borderStepInactive {
	border-color: var(--neutral-color3);
}
.stepTitles {
	margin-top: 20px;
	text-align: center;
	color: var(--neutral-color3);
}
.stepTitleActive {
	color: var(--neutral-color6);
	font-weight: bold;
}
.cartPanel .panel-body, .productsTable {
	overflow-y: unset;
}
.cartPanel .img-responsive {
	margin: auto;
}
.panel-footer .price-currency, .boldText.price .price-currency {
	font-size: 0.5em;
}
.promoCart {
	background-color: var(--neutral-color2);
	border-radius: var(--radius-base);
	border: none;
}
.cartProducts .price {
	color: var(--primary-color1);
	margin-left: 7px;
}
.cart-collapsed {
	display: none;
}
.search-page .cart-collapsed {
	display: block;
}
.search-page .cart-expanded {
	display: none;
}
.cartProducts p strong {
	font-size: var(--size-2-font);
}

.product-name-trade {
	font-size: var(--size-head-1-font);
	line-height: var(--size-head-1-line);
}

.cosmeticResult > .statuses > .price {
	font-size: var(--size-head-4-font);
	line-height: var(--size-head-4-line);
}

@media (max-width: 767px) {
	.cosmetic-question .cosmetic-question-help {
		padding: 10px;
	}
	.cosmetic-question .response-title {
		font-size: var(--size-head-1-font);
	}
	.productsTable p, .promoCart p {
		margin-bottom: 5px;
	}
	.productsTable > .row, .promoCart {
		padding-bottom: 5px;
	}
	.cart-collapsed {
		display: block;
	}
	.cart-expanded {
		display: none;
	}
	.totalLabel {
		display: inline-block;
		margin-bottom: 7px;
	}
}

/* **************************************** AREA PERSONAL ************************************* */
.nav-tabs > li, .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: transparent;
	border: none;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	border-bottom: 2px solid var(--neutral-color3);
}
.tab-pane.active.in {
	border: none;
}
.nav-tabs {
	border: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-bottom: 2px solid var(--primary-color1);
	font-weight: bold;
}
.body-box {
	background-color: var(--neutral-color1);
	border-radius: var(--radius-base);
	padding: 20px 30px;
	margin-bottom: 20px;
}
#show-detail label {
	margin-right: 5px;
}

@media (max-width: 767px) {
	.nav-tabs > li .fa {
		display: none;
	}
	.nav > li > a {
		padding: 10px 5px;
		height: 48px;
		overflow: hidden;
	}
	.tab-pane.active.in {
		padding-left: 0;
		padding-right: 0;
	}
	#list_trades .body-box {
		background-color: transparent;
		padding: 0;
	}
	#list_trades  #tradeTable_length, #list_trades  #tradeTable_filter {
		display: none;
	}
}