@font-face {
  font-family: cond;
  src: url('/fonts/pfdintextcondpro-regular-webfont.eot');
  src: url('/fonts/pfdintextcondpro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
       url('/fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'),
       url('/fonts/pfdintextcondpro-regular-webfont.svg#pf_din_text_cond_proregular') format('svg');
  font-weight: normal;
  font-style: normal;
} 

body {
  font: 15px/18px Arial, sans-serif;
  color: #ccc;
  //background-color:#F0F9FF;
}
#tab1{
  border-style:solid;
  border-color:#D7D7D7;
  border-width: 0px;
  font-family:Arial, sans-serif;
  font-size:12pt;
  font-style:normal;
  color:#ccc;
}

#tab{
  font-family:Arial, sans-serif;
  font-size:12pt;
  font-style:normal;
  color:#ccc;
  border:0px;
}

#sett1{
  border-style:solid;
  border-color:#D7D7D7;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width:1px;
}

#sett2{
  border-style:solid;
  border-color:#D7D7D7;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width:1px;
}

.sbutton {
  font-family:Arial, sans-serif;
  font-size:12pt;
  color:#ffffff;
  background-color:#F7F7F7;
  background-color: #2d9fd5;
  font-weight:300;
  text-align:center;
  padding:7px;
  margin:5px;
  border-style:solid;
  border-width: 3px;
  border-radius: 7px;
}
.sbutton:hover {
  border-color:#ff8888;
}

#copy a{
  text-decoration:none;
  font-family:"Times New Roman", "serif";
  font-size:9pt;
  font-style:normal;
  color:#C0C0C0;
}

h4 {
  font-size: 14px;
  color: #5a9dd3;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

.modal {
  //display: none;
  //position: fixed;
  //z-index: 1;
  //left: 0;
  //top: 0;
  //height: 100%;
  //background-color: rgba(0, 0, 0, 0.4);
  background-color:#fff;
  width: 100%;
  overflow: auto;
}

.modal-content {
  /* some rules */
}

.close {
  /* some rules */
}




input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
	padding: 8px 9px;
	border: 2px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
}
input[type='search'].styler {
	-webkit-appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type='email'].styler:focus,
input[type='password'].styler:focus,
input[type='search'].styler:focus,
input[type='tel'].styler:focus,
input[type='text'].styler:focus,
input[type='url'].styler:focus,
textarea.styler:focus {
	border-color: #CCC;
	border-top-color: #B3B3B3;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
	overflow: visible;
	padding: 8px 11px;
	border: 2px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	outline: none;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type='button'].styler::-moz-focus-inner,
input[type='submit'].styler::-moz-focus-inner,
input[type='reset'].styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
	background: #E6E6E6;
	background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
	background:         linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:not([disabled]):active,
input[type='button'].styler:not([disabled]):active,
input[type='submit'].styler:not([disabled]):active,
input[type='reset'].styler:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}

.styler{
  margin:3px 0;
}

/* Верный ввод */
.styler:valid:not(:placeholder-shown) {
  border-color: green !important;
  background: #cfffd3 !important;
  color: green !important;
  box-shadow: none;
}
/* Не верный ввод */
.styler:invalid:not(:placeholder-shown) {
  border-color: red !important;
  background: #ffdbdb !important;
  color: red !important;
  box-shadow: none;
}

.lab{font-size:20px; margin-bottom:10px;}

.trashlist{font-size:23px; font-family:cond,arial; line-height:25px;}
.trashblock{float:left; font-size:20px; font-family:cond,arial; width:100%;}

.xplus,.xminus,.xcross{width:30px;}
.xedit{display:block; width:30px; height:30px; margin:4px; float:left;}

@media screen and (max-width:720px){
  #tab1{
    font:20px cond;
  }
  .sbutton {
    font-size: 17px;
    padding: 10px;
    margin: 5px;
    border-radius: 10px;
  }

  input[type='email'].styler,
  input[type='password'].styler,
  input[type='search'].styler,
  input[type='tel'].styler,
  input[type='text'].styler,
  input[type='url'].styler,
  textarea.styler {
  	font: 21px Arial, sans-serif;
  }
  .lab{font-size:19px; line-height:22px; margin-bottom:5px;}

  .trashblock{border-color:white; border-bottom:1px; margin-bottom:15px}
}