@charset "utf-8";
@font-face {
    font-family: 'PT Sans Narrow';
    src: local('PT Sans Narrow'), url('ptsansnarrow.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans Narrow';
    src: local('PT Sans Narrow Bold'), url('ptsansnarrowbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

*{
  margin:0;
  padding:0;
  outline:0;
  border:0;
  background:transparent;
  
}

html, body {
  background-color: #FFF;
  height: 100%;
}

.container {
  min-height: 100%;
  margin:0px auto -55px;
}

/* для IE6 */
* html .container {height: 100%;}

body {
  font-family: "PT Sans Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 19px;
  color: #333;
}

.modal_body {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 600px;
  margin-top: -300px;
  margin-left: -305px;
  background: #fff;
  border: 8px solid #38bebc;
  border-radius: 4px;
  overflow: hidden;
  z-index: 2000;
}

/***** Н content *****/
.content {
  clear: both;
  /*padding: 30px 5px;*/
  padding: 5px;
}

h2 {text-align: center;}
h2 + p {text-align: center;}

a {
  color: #00908e;
  text-decoration: none;
}

a:hover {text-decoration: underline;}

table {
  /*margin-top: 300px;*/
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}

table tr {border-bottom: 1px solid #006f79;}

table tr:nth-child(2n+3) {background-color: #f4ffff;}
table tr:nth-child(n+2):hover {background: #e6ffff;}

table th {
  font-weight: normal;
  padding-bottom: 3px;
}

table th p {
  color: #0a8a0a;
  text-transform: uppercase;
  margin-bottom: -5px;
}

table th i {
  color: #777;
  font-size: 14px;

}

table td {
  font-size: 17px;
  padding: 3px;
}
td p{
  line-height: 1;
  color: black;
}
table td i {font-size: 14px;}
table td:last-child a:hover,
a.nodecoration {
  text-decoration: none;
}
table tr.tr_for_button {
  background-color: #fff;
  padding: 20px;
  border-bottom: 0;
  text-align: right;
}

table tr.tr_for_button:hover {background-color: #fff;}
.tr_for_button td {padding: 25px 10px 25px 0;}
.spacer_tr {padding: 1px 5px;}

.achtung {
  color: #f00;
  font-weight: bold;
}
.success { /*** вывод удачно ****/
  padding: 10px;
  color: #006f79;
  text-align: center;
  background-color: #a0eb8c;
}

.error { /*** вывод ошибки ***/
  padding: 10px;
  font-size: 19px;
  color: #fff;
  text-align: center;
  background-color: #ff7560;
}

.msg { /*** вывод ошибки ***/
  display: none;
}

.content .nothing {
  color:#60f;
  font-size:32px; 
  text-align: center;
  text-transform: uppercase;
}

.file_icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;  
  vertical-align: middle;
  cursor: pointer;
}
.middle {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: baseline;
}
.small {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  vertical-align: baseline;
}

/* 25x25 */
.file_out_bl {background:url("../images/file_icon.svg") -150px -120px;}
.file_out_bl:hover {background:url("../images/file_icon.svg") -150px -145px;}
.file_out_or {background:url("../images/file_icon.svg") -175px -120px;}
.file_out_or:hover {background:url("../images/file_icon.svg") -175px -145px;}
.file_refresh {background:url("../images/file_icon.svg") -125px -120px;}
/* 30x30 */
.file_new {background:url("../images/file_icon.svg") -180px -60px;}
.file_apply {background:url("../images/file_icon.svg") -180px 0px;}
.file_delete {background:url("../images/file_icon.svg") -180px -90px;}
.file_delete_off {background:url("../images/file_icon.svg") -150px -90px; cursor: default;}
.file_recovery {background: url(../images/file_icon.svg) 0 -186px;}
/***** К content *****/

/***** Н login *****/
.login .modal_name, .register .modal_name {
   background: transparent url("../images/top_logo.svg") no-repeat scroll 0% 0% / 130px auto;
   height: 80px;
   text-indent: 130px;
   margin-left: 10px;
}

.login .modal_body {
  width: 450px;
  margin-top: -200px;
  margin-left: -225px;
}
.loginForm .modal_body h2+p {border-bottom: 0;}
.login table tr:hover {background-color: #fff;}
.login table td:last-child { text-align: right;}

.modal table tr {background-color: #fff;}
.modal table tr {border-bottom: 0;}
.modal table td:first-child {width: 45%;}
.modal table td p {
  padding: 0;
  padding-top: 5px;
  font-weight: bold;
  text-indent: 0;
}
.modal table td i { font-size: 14px;}

.modal_name {margin-top: 10px;}
/***** К login *****/

 /* Н кнопка-ссылка */
.for_work_button_js {display: inline-block;}
.btn {
  display: inline-block;
  color: #fff;
  border: medium none;
  background: #006f79;
  padding: 0px 15px;
  font-size: 19px;
  border-radius: 4px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px #f1ffff inset, 0 1px 3px #b8bebe;
  
}

.btn:hover {
  color: #f9ff04;
  border-color: #015158;
  background-color: #009ead;
  text-shadow: 1px -1px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.btn:active {
  color: #0a8a0a;
  text-shadow: #08f059 0 1px 0;
}

.btn p {
  color: #006F79;
  line-height: 50px;
}
.btn .big_plus  {
  font-size: 46px;
  vertical-align: bottom;
  margin-right: 10px;
}

a.btn p {color: #fff;}
a.btn p:hover {color: #f9ff04;}
  /* К кнопка-ссылка */
  
.submit {
  margin: 20px -10px -10px;
  padding: 20px;
  border-top: 1px solid #6cf;
  text-align: right;
}

.submit .btn {
  height: 48px;
  border-radius: 0;
}

/* поля ввода */
input {
  height: 28px;
  vertical-align: middle;
  font-family: "PT Sans Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: #060;
  border: 1px solid #006f79;
  background-color: #fff;
  border-radius: 3px;

  -webkit-box-sizing: border-box; /* Safari */
     -moz-box-sizing: border-box; /*Firefox 1-3*/
          box-sizing: border-box;

}

input[type=text] {
  padding-left: 5px;
  padding-right: 5px;
}

input[type="password"]{
  padding-left: 5px;
  padding-right: 5px;
}

/**** модальное  окно ****/
.modal_backing {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.7;
  z-index: 1000;
}

.modal_body {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 600px;
  margin-top: -300px;
  margin-left: -305px;
  background: #fff;
  border: 8px solid #38bebc;
  border-radius: 4px;
  overflow: hidden;
  z-index: 2000;
}

.close {
  display: inline-block;
  float: right;
  width: 16px;
  height: 16px;
  background:url("../images/file_icon.svg") -112px -170px;
  cursor: pointer;
  margin: 10px 10px 0 -10px;
}

.close:hover {
  background:url("../images/file_icon.svg") -96px -170px;
  cursor: pointer;
}

.modal_name {margin-top: 10px;}
.modal_name h2+p {
  padding: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #6cf;  
}

.modal_content {
  position: relative;
  padding: 10px;}

.modal_content p {
  line-height: 0.8;
  padding: 20px 10px;
  padding-bottom: 0;
}
.modal_content p.error {
  margin-top: 10px;
  padding: 10px;
}
.modal_content i {
  font-size: 16px;
  color: #999;
}

.modal_content input[type="checkbox"]{
  margin-right: 20px;
  height: 14px;
}
.modal_content input:hover {cursor: pointer;}

.submit {
  margin: 20px -10px -10px;
  padding: 20px;
  border-top: 1px solid #6cf;
  text-align: right;
}

.submit .btn {
  height: 48px;
  border-radius: 0;
}
/** К всплывающее окно **/