* {margin:0; padding:0;}

body {font-family: Tahoma, Arial, sans-serif; margin:0; padding:0;}

a { color:#2764af; font-size: 14px;} 
a:hover {color: #CC0000;}

.text {font-size: 11pt; line-height: 1.5;}

.text-gray {font-size: 11pt; color:#7f8081; line-height: 1.5;}
.text-gray12 {font-size: 11pt; color:#7f8081; line-height: 1.5;}

.text-white {color: #fff; font-size: 14px; margin-left: 15px;}
.text-white a {color: #fff;}
.text-white a:hover {color: #fff;text-decoration: none;}

.text_w {color: #fff; font-size: 14px; margin-left: 15px;}
.text_w a {color: #fff;}
.text_w a:hover {color: #fff;text-decoration: none;}

#container-auto {width: 1263px; margin: 0 auto;}

#container {width: 1263px; margin: 0 auto;height: 100%;}

#content-auto {padding-left: 15px; padding-right: 15px; font-size: 11pt; line-height: 1.5; border-left: 1px solid #e0dfdf; border-right: 1px solid #e0dfdf; height: auto;}

#content {padding-left: 15px; padding-right: 15px; font-size: 11pt; line-height: 1.5;}

.text_small {font-size: 12px;color: #000000;}
.text_small a {color: #000000;}
.text_small a:hover {color: #000000;}

#column1 {float: left; margin:0; padding: 0 15px 0 0; max-width: 700px;}
#column2 {float: left; margin:0; padding: 0; width: 516px;}
#column3 {float: left; margin:0; padding: 0; width: 516px;}

/* Меню: начало */

#menu {height: 60px; margin:0; background-color: #80bb27; padding-left: 15px;padding-right: 15px;}

.menu-general {position: relative;float:left; top: 20px;}
.menu-sacada {position: relative;float:left; left: 40px; top: 20px;}
.menu-check {position: relative;float:left; left: 80px; top: 20px;}
.menu-4 {position: relative;float:left; left: 120px; top: 20px;}
.menu-twitter {position: relative;float:left; left: 120px; top: 20px;}
.menu-citethis {position: relative;float:right; top: 20px;}

/* Меню: конец */

/* Визуализация: начало */

.text_gray_10_mi {font-size: 10pt;color:#7f8081;line-height: 2.0;}

/* Визуализация: конец */

/* .table {height:100px; width:300px; border-bottom: 1px solid #cccccc;} */



.loading {
  width: fit-content;
  
  font-size: 11pt; color:#7f8081; line-height: 1.5;
  clip-path: inset(0 1.5ch 0 0);
  animation: l4 1s steps(4) infinite;
}
.loader:before {
  content:"Loading..."
}
@keyframes l4 {to{clip-path: inset(0 -1ch 0 0)}}


/* Копирайты: начало */

.footer_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.footer_content {
  flex: 1 0 auto;

  }
.footer_footer {
  flex: 0 0 auto;
}

#copy {height: 60px; margin:0; background-color: #353a33; padding-left: 15px;padding-right: 15px;}

.copy-copyright {position: relative;float:left; top: 20px;}
.copy-team {position: relative;float:left; left: 40px; top: 20px;}
.copy-references {position: relative;float:left; left: 80px; top: 20px;}
.copy-mail {position: relative;float:left; left: 120px; top: 20px;}
.copy-citethis {position: relative;float:right; top: 20px;}

/* Копирайты: конец */

#controls {width:980px; margin:0 auto; height:20px}

#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}

#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}

#text {float:left; width:200px; text-align:right; margin-top:2px}

#text_counter {float:right; width:200px; text-align:right; margin-top:2px}

#body {font-family: Arial; margin:0; padding:0;background: url(/i/bg.png) repeat-y; background-position:top center;}

#table {border: 1px solid #c6d5e1; border-color: #c6d5e1; border-collapse: collapse;}
#table td {border: 1px solid #c6d5e1; border-color: #c6d5e1; border-collapse: collapse;}
#table th {border: 1px solid #c6d5e1; border-color: #c6d5e1; border-collapse: collapse;}

#table1, td, th {border: 0px solid; border-color: white; border-collapse: collapse;}
#tb0 {width: 100%; font-size: 13px;}
#tb0 td {padding: 5px 5px;}
#dv0 {width: 1233px; height: 500px; overflow-y: scroll; border-bottom: 1px solid #cccccc;}
#dv0 {background-color: #fff} /* чтобы таблица, если прозрачная, не просвечивала */

#tbody tr:nth-child(odd) {background-color: #F0F0F0;}

.sortable {width:100%; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px;}
.sortable th {background:url(img/bg_noselect2.gif); text-align:left; border:1px solid #c6d5e1; border-right:none;}
.sortable th h3 {font-size:14px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; font-size:14px}
.sortable .head h3 {background:url(img/sort.png) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(img/bg_select3.gif);}
.sortable .desc h3 {background:url(img/desc.png) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(img/asc.png) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#table-transparent {border: 1px solid; border-color: #c6d5e1; border-collapse: collapse;}
#table-transparent td {border: 1px solid; border-color: #c6d5e1; border-collapse: collapse;}
#table-transparent th {border: 1px solid; border-color: #c6d5e1; border-collapse: collapse;}
.sortable-transparent {width:50%;border:1px solid #c6d5e1;}
.sortable-transparent td {padding:4px 6px 6px; font-size:14px;  }

.mini {font-size: 1px; color: #f6f5f3}

#testtest {width:100%;}
.testtest_1{position: relative; left: 0px;}
.testtest_2{position: relative; left: 100px;}
.testtest_3{position: relative; left: 150px;}
.testtest_4{position: relative; left: 200px;}
.testtest_5{float: right; padding-right: 00px;}

/* Sign In */

#sign {	border-color: #dbdbdb;
		width: 100%;
		height: 280px;
		/* height: 320px; */
		border-style: dashed;
		border-width: 1px;
		box-sizing: border-box;
		padding:10px;
		}
		
.text_gray_small {font-size: 10pt;color:#7f8081;line-height: 1.3;}

.button_upload {position: relative; float:left; width: 140px; height: 25px; background: #80bb27; padding: 8px; text-align:  center; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; color: #000;}
.button_upload:hover {background: #6da11e;}

.column-1, .column-3, .column-4 {float: left; width: 23%;}
.column-2 {float: left; width: 15%;}
.column-1 {padding-right: 40px;}
.column-2 {padding-right: 40px;}
.column-3 {padding-right: 40px;}

.column-1-1, .column-1-2, .column-3-1, .column-3-2, .column-4-1, .column-4-2 {float: left; width: 50%;}

#re_from {width: 90%; height: 40px;}
#re_to {width: 90%; height: 40px;}
#coord_num {width: 90%; height: 40px;}
#atomcnt_from {width: 90%; height: 40px;}
#atomcnt_to {width: 90%; height: 40px;}

.seach_cond {width: 90%; height: 40px;
  border: 1px solid #CCCCCC;
  padding: 1px 10px 2px 10px;
  color: #000;
  font-size: 11pt;
  outline: none;}

input#re_from,#re_to,#coord_num,#atomcnt_from,#atomcnt_to {
  border: 1px solid #CCCCCC;
  padding: 1px 10px 2px 10px;
  color: #000;
  font-size: 11pt;
  outline: none;}

input#hpp_filter {outline: 1px solid #1e5180}

.checkboxes {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.checkboxes__row {
  display: flex;
}
.checkboxes__row:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.checkboxes__item {
  padding: 15px;
  width: 50%;
}

/* STYLE E */

.checkbox.style-e {
  display: inline-block;
  position: relative;
  padding-left: 50px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox.style-e input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox.style-e input:checked ~ .checkbox__checkmark {
  background-color: #80bb27;
}
.checkbox.style-e input:checked ~ .checkbox__checkmark:after {
  left: 21px;
}
.checkbox.style-e:hover input ~ .checkbox__checkmark {
  background-color: #eee;
}
.checkbox.style-e:hover input:checked ~ .checkbox__checkmark {
  background-color: #80bb27;
}
.checkbox.style-e .checkbox__checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 40px;
  background-color: #eee;
  transition: background-color 0.25s ease;
  border-radius: 11px;
}
.checkbox.style-e .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  transition: left 0.25s ease;
}
.checkbox.style-e .checkbox__body {
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  transition: color 0.25s ease;
}


.apps-block {
	vertical-align: top;
}
.apps-1, 
.apps-2 {
    display: inline-block;
    height: 210px;
}
.apps-1 {
    width: 210px;
    margin: 0 20px 20px 0;
	padding: 20px;
	border: 1px dashed #dbdbdb;
	vertical-align: top;
}
.apps-2 {
    width: 210px;
    margin: 0 20px 20px 0;
	padding: 20px;
	border: 1px dashed #dbdbdb;
	vertical-align: top;
}