.ui-dialog {
 z-index:9999999;
}
#dialog input.type1 {
 width: 100%;
 margin: 5px auto;
 text-align: left
}
#dialog select.type1 {
 width: 100%;
 margin: 5px auto;
 text-align: left
}
#dialog textarea {
 width: 100%;
 height:90px;
 margin: 5px auto;
 text-align: left
}
#placeholder {
 text-align: center
}
.dataempty {
 border-color: red;
}
#show {
 display:block;
 margin:10px auto;
}
#show img {
 width:100%;
 height:auto;
}

@media only screen and (max-width: 1500px){
 .header__center .header__center-title {text-align: center;}
 .header__center .header__center-title {top:20%;right:7%;}
}

@media only screen and (max-width: 1350px){
 .header__center .header__center-title {height:auto; }
 .header__center .header__center-title-c {text-shadow: 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff, 0 -1px 1px #fff;}
}

@media only screen and (max-width: 1270px){
 .header__center .header__center-title {
  overflow-wrap: break-word;  /* не поддерживает IE, Firefox; является копией word-wrap */
  word-wrap: break-word;
  word-break: normal;  /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
  line-break: auto;  /* нет поддержки для русского языка */
  -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;  /* значение auto не поддерживается Chrome */ }
 .header__center .header__center-title-a {text-shadow: 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff, 0 -1px 1px #fff;}
 .header__center .header__center-title-a {font-size:1.2em;}
 .header__center .header__center-title-b {font-size:2.4em; margin:2% 0;}
 .header__center .header__center-title-c {font-size:1.2em;}
}

@media only screen and (max-width: 1200px){
 #container { width: 100%;}
 #content { flex-direction:column;}
 #mainbox { margin:0px 0px; padding:0px;}
 .left  { order:2;flex-basis:100%;width: 100%;margin:0px 0 0px 0; }
 .main  { order:1;flex-basis:100%;flex-grow:1;width: 100%;margin:0px 0 0px 0; }
 .right { order:3;flex-basis:100%;width:100%;margin:0px 0 0px 0; }
 .header__center .header__center-title {top:15%;}
 .header__center .header__center-title-a {font-size:1.2em;}
 .header__center .header__center-title-b {font-size:2.3em; line-height: 1em;}
 .header__center .header__center-title-c {font-size:1.2em;}
}

@media only screen and (max-width: 1050px){
 .header__center .header__center-title {top:10%;}
 .header__center .header__center-title-a {font-size:1.1em;}
 .header__center .header__center-title-b {font-size:2.0em; }
 .header__center .header__center-title-c {font-size:1.1em;}
}

@media only screen and (max-width: 950px){
 img.header__center-img {content:url('../images/header0.png');}
 .header__center .header__center-logo {left:5%;}
 .header__center .header__center-title {top:5%;left:20%;right:5%;width:auto;}
 .header__center .header__center-title-a {font-size:0.9em;}
 .header__center .header__center-title-b {font-size:1.5em; margin:1% 0;}
 .header__center .header__center-title-c {font-size:0.9em;}
}

@media only screen and (max-width: 700px){
 .header__center .header__center-logo {left:2%;}
 .header__center .header__center-title {top:5%;left:17%;right:2%;width:auto;}
 .header__center .header__center-title-a {font-size:0.7em;}
 .header__center .header__center-title-b {font-size:1.2em; margin:0.5% 0;}
 .header__center .header__center-title-c {font-size:0.9em;}
 .header__bottom-menu ul.nav {margin:10px 0 10px 0;}
 .header__bottom-menu ul.nav li a {font-size:90%;margin:0 4px; padding:6px 5px;}
}