/*Вывод тестового импорта*/
#contentOut {
  width: 70%;
}

.headerPs{
  font-size: 2em;
  font-weight: 600;
  padding: 15px;
}

.warningPs{
  font-size: 1.5em;
  padding: 15px;
}

/**Кнопки общих настроек**/

.setings_nav_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #e7efe0;
  color: #0c0e11;
  white-space: nowrap;
}

.setings_nav_tab:hover {
  cursor: pointer;
}

.glav_shop_nav_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #e7efe0;
  color: #0c0e11;
  white-space: nowrap;
}

#glav_shop_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #b8ee89;
  color: #0c0e11;
  white-space: nowrap;
}

/*Кнопки настроек магазинов*/

.ps_nav_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  border-bottom: none;
  margin-left: 0.5em;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #c3f198;
  color: #0c0e11;
  white-space: nowrap;
}

#testPS {
  border: 1px solid #3b3b1c;
  padding: 0.2em;
  padding-left: 0.6em;
  padding-right: 0.6em;
}

#testPS:hover {
  cursor: pointer;
  border: 2px solid #3b3b1c;
  background-color: rgb(217, 212, 244);
}

#importPS {
  border: 1px solid #3b3b1c;
  padding: 0.2em;
  padding-left: 0.6em;
  padding-right: 0.6em;
}

#importPS:hover {
  cursor: pointer;
  border: 2px solid #3b3b1c;
  background-color: rgb(217, 212, 244);
}

#buttonPS:hover {
  cursor: pointer;
  background-color: rgb(217, 212, 244);
}

#buttonSavePs {
  cursor: pointer;
  background-color: rgb(194, 185, 246);
}

#buttonSavePs:hover {
  cursor: pointer;
  background-color: rgb(244, 241, 212);
}

#buttonCancelPS {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 0.2em;
  padding-left: 0.6em;
  padding-right: 0.6em;
}

#buttonCancelPS:hover {
  cursor: pointer;
  border: 2px solid #3b3b1c;
  background-color: rgb(217, 212, 244);
}

/*Таблица настроек лент магазинов*/

.tableMag {
  border-spacing: 0;
  width: 100%;
  clear: both;
  margin: 0;
  border: 1px solid #3b3b1c;
}

.trMagSh {
  background-color: #f6f2f2;
  font-size: 1.5em;
}

.trMagSh td {
  padding: 0.5em;
  margin: 1em;
  border-bottom: 1px solid #3b3b1c;
}

.trMag {
  background-color: #dfe9e7;
  font-size: 1.5em;
}

.trMag td {
  padding: 0.5em;
  margin: 1em;
  border-bottom: 1px solid #3b3b1c;
}

/**Кнопки добавления нового магазина**/

.glav_shop_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #e7efe0;
  color: #0c0e11;
  white-space: nowrap;
}

.glav_shop_nav_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #e7efe0;
  color: #0c0e11;
  white-space: nowrap;
}

#glav_shop_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #b8ee89;
  color: #0c0e11;
  white-space: nowrap;
}

/**Кнопки настройки главного магазина**/

.glav_shop_settings_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1.2em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #e7efe0;
  color: #0c0e11;
  white-space: nowrap;
}

#glav_shop_basic_settings_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1.2em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #b8ee89;
  color: #0c0e11;
  white-space: nowrap;
}

.addit_shop_settings_tab {
  text-decoration: none;
  border: 1px solid #3b3b1c;
  padding: 5px 10px;
  font-size: 1.2em;
  line-height: 1.71428571;
  font-weight: 600;
  background: #e7efe0;
  color: #0c0e11;
  white-space: nowrap;
}

/*Категории*/
#categoryList {
  padding: 0.75em;
  width: 80%;
  border: 1px solid #3b3b1c;
}

#div_category_list {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}

/*Фильтр-слова*/
#word_filter_priceshop {
  width: 80%;
  margin-top: 1em;
  padding: 1em;
  border: 1px solid #9a9a57;
}

/*Настройки магазинов*/
.inputNewShop {
  box-sizing: border-box;
  width: 40%;
  margin-left: 2em;
}

/*Логотип в настройках*/
#logoImage {
  display: inline-block;
  width: 12em;
  padding-left: 3em;
}

/*Индикация загрузки контента */
#ajax_loader {
  width: 9.5em;
  height: 1.2em;
  background: url("../images/ajax-loader.gif");
  display: none;
  margin-top: 1em;
  margin-bottom: 1em;
}

#parsTable {
  border: 1px solid black;
  padding: 1em;
  vertical-align: middle;
}

/*Блок обработки */
#permitedTableModal {
  padding: 10px;
  height: 600px; /* высота нашего блока */
  width: 90%; /* ширина нашего блока */
  background: #fff; /* цвет фона, белый */
  border: 1px solid #c1c1c1; /* размер и цвет границы блока */
  overflow-x: scroll; /* прокрутка по горизонтали */
  overflow-y: scroll; /* прокрутка по вертикали */
}

/*Блок сообщений о поиске в дополнительных магазинах*/
#blockMessegeDopMag {
  width: 70em;
  background-color: #eceaea;
  margin: 0.5em;
  margin-left: 0;
  padding: 0.5em;
  border: 2px solid #999;
}

/**Настройки общие**/

#cssTablePS {
  background: rgb(254, 247, 247);
  padding: 1em;
  border: 1px solid #999;
}

/**Список магазинов**/
#optionPS {
  margin-bottom: 1em;
}

#massActions{   
  padding-top: 0.1em;
}

#applyPs {
  padding-top: 0.2em;
  padding-bottom: 0.4em;
  font-size: 1.1em;
}

#applyPs:hover {
  cursor: pointer;
  border: 2px solid #3b3b1c;
  background-color: rgb(217, 212, 244);
}

#categorySelect{   
  padding-top: 0.1em;
  margin-left: 2em;
}

.changeShops{   
  text-decoration: none;
  font-size: 0.6em;
}

.changeShops:hover {
  color: rgb(231, 33, 33);
  cursor: pointer;
}

.testShopsPs {
  font-size: 0.6em;
}

#testShopsPs {
  text-decoration: none;
  font-size: 0.6em;
  color: rgb(78, 61, 173);
}

#testShopsPs:hover {
  color: rgb(231, 33, 33);
  cursor: pointer;
}

#importXml {
  background-color: rgb(201, 201, 236);
  margin: 1em;
  padding: 1em;
}

#submitImport{
  background-color: rgb(67, 67, 133);
  color: white;
  padding: 1em;
  border-radius: 5px;
}

#submitImport:hover {
  background-color: rgb(107, 107, 143);
  cursor: pointer;
}

#paginationDivPS {
  padding: 1em;
  margin-left: auto;
  margin-right: auto;
}

#paginationPS {
  margin-left: 40%;
}

#buttonPSDelete {
  background-color: rgb(201, 201, 236);
  margin: 1em;
  border-radius: 5px;
}
#buttonPSDelete:hover {
  background-color: rgb(231, 33, 33);
  cursor: pointer;
}

/*Настройки сохранены*/
.fade-in {
  opacity: 0; /* начальное значение непрозрачности */
  animation: fadeIn ease-in 1; /* добавляем анимацию fadeIn */
  animation-fill-mode: forwards; /* будет видимым после завершения анимации */
  animation-duration: 5s; /* длительность анимации в 1 секунду */
}

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