/**
* 2007-2015 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    Snegurka <snegurka@web-esse.ru>
*  @copyright 2007-2021 Snegurka WS
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/


/* The container must be positioned relative: */

.retail-price {
	font-size: 13px;
	margin-bottom: 0;
    color: #7B7B7B;
    font-weight: 400;
}

.retail-price strong {
    color: var(--primary);
}


.select-price {
   width: 178px !important;
   margin-right: 5px;
}
.select-price .select-selected,
.select-price .select-hide
{
  display: none;
}

.select-price .nice-select  {
  border: 0;
  font-size: 13px;
  font-weight: bold;
  color: var(--primary);
  padding: 0;
  border-radius: 0;
  background-size: 12px !important;
  background-position: right 50% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  outline: none !important;
  box-shadow: none !important;
  height: auto;
  margin-top: 5px;
}
.select-price .nice-select .current{
  padding-right: 18px;
  color: var(--primary);
  transition: all 0.3s ease;
}
.select-price .nice-select:hover .current{
  color: #06980B;
}

.select-price .list {
  z-index: 99999;
  border-radius: 0;
  background: #fff;
  box-shadow: 0px 3px 12px #00000029;
  border: 0;
  border-top: 2px solid var(--primary);;
  width: 100%;
  padding: 5px 20px 8px;
  padding: 5px 20px 8px;
  margin-top: 6px;
}

.select-price .list .option{
  padding: 4px 0;
  background: none !important;
  text-align: right;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: var(--primary);
  min-height: auto;
}

.select-price .list .option.selected{
  color: #06980B;
  background: none !important;
}
.select-price .list .option:hover{
  text-decoration: underline;
}
.select-price .list .option.selected:hover{
  text-decoration: none;
  color: #06980B;
  cursor: default;
}

.custom-select {
  position: relative;    
} 


.select-price-mobile {
  display: flex;
  padding: 30px 0 0 20px;
}
.select-price-mobile span {
  font-size: 16px;
  font-weight: 400;
  color: var(--primary);
  margin-right: 10px;
}
.select-price-mobile ul {
  margin: 0;
}
.select-price-mobile ul li{
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  color: #212121;
  padding: 2px 0;
  border: 0 !important;
  margin-bottom: 4px;
}
.select-price-mobile ul li.selected{
  color: #06980B;
}

.hide_price_opt{
  display: none!important;
}

.form_element-input{
  font-size: 13px!important;
}

.d-inline-flex strong{
  color: #1c2d4e;
}
.header-nav .right-nav>div.header-top__block--display_settings--logged {
	width: auto;
}
button#display_settings {
    white-space: nowrap;
    color: #1c2d4e;
    font-weight: bold;
    font-size: 13px;
}
#header .header-icon #display_settings svg {
    width: 16px;
    height: 17px;
}

.display-settings__container {
	 transition: all 0.3s ease;
	 right: -475px;
	 width: 475px;
	 height: 100dvh;
	 position: fixed;
	 top: 0;
	 background: white;
	 z-index: 1001;
}
 .display-settings__container.show {
	 right: 0;
}
 @media (max-width: 576px) {
	 .display-settings__container.show {
		 left: 0;
	}
}
 @media (max-width: 400px) {
	 .display-settings__container {
		 width: 300px;
		 left: -300px;
	}
}
 @media (max-width: 576px) {
	 .display-settings__container {
		 width: 350px;
		 left: -350px;
	}
}
 
 
.display-settings__icon-container {
	 background-color: var(--primary);
	 padding: 12.4px 30px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
.setting-price {
    padding: 5px 30px;
    text-align: left;	
}
@media (max-width: 576px) {
	 .display-settings__icon-container {
		 padding: 11px 20px;
	}
	.setting-price {
		padding: 5px 20px;
	}
}
.display-settings__icon-container .display-settings__close:hover {
	 cursor: pointer;
}
.display-settings__user-container {
	 display: flex;
	 gap: 12px;
	 color: white;
	 font-size: 18px;
	 font-weight: bold;
}
.display-settings__user {
	 color: white;
	 position: relative;
}
.display-settings__user::after {
	 background: #06980b;
	 border: 2px solid #fff;
	 border-radius: 8px;
	 bottom: 1px;
	 content: "";
	 height: 15px;
	 position: absolute;
	 right: -7px;
	 width: 15px;
}
.display-settings__overlay {
	 z-index: 1000;
	 height: 100vh;
	 transition: opacity 0.3s ease;
	 opacity: 0;
	 visibility: hidden;
	 position: fixed;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 background: rgba(0, 0, 0, .5);
}
.display-settings__overlay.show {
	 visibility: visible;
	 opacity: 1;
}
.setting-label {
    font-size: 14px;
    text-align: left;
	margin-bottom: 5px;
	margin-top: 25px;
	color: #1C2D4E;
	letter-spacing: 0px;
	font: normal normal bold 14px/20px Source Sans Pro;
}

.setting-price .nice-select{
	text-align: left;
	font: normal normal normal 14px/21px Source Sans Pro;
	letter-spacing: 0px;
	color: #7B7B7B;
	opacity: 1;
}

.setting-price .nice-select .list{
	text-align: left;
	font: normal normal normal 14px/21px Source Sans Pro;
	letter-spacing: 0px;
	color: #495057;
	
	left: 0px;
}

.save_setting_btn {
    width: 100%;
}

#display_mobile_settings {
    position: absolute;
    right: 0px;
    top: calc(50% - 15px) !important;
	display: none;
}
#display_mobile_settings svg{
	width: 25px;
	height: 25px;
}
@media (max-width:991px){
	#display_mobile_settings {
		display: block;
	}

    .header-top__row .salon-mobile {
        right: 50px !important;
    }
}