/*
Theme Name: topcryst
Version: 1.0
*/

html,body{margin:0;padding:0;height: 100%}
body{font-family: Tahoma, Arial, sans-serif; font-size: 11pt;height: 100%;line-height: 1.5;}

a {text-decoration: none; color:#2764af;} 
a:hover {color: #CC0000;}

.ion {
	display: inline-block;
	border: 1px solid; 
	width: 40px; 
	height:40px; 
	text-align: center; 
	line-height: 40px
	color:#000;
	}

.at_div {display: inline-block; width: 50px;height: 50px;background-color: #e6e8ea; padding:6px;}
.at_div:hover {background: #d1d5d8;}
.at_div_1 {line-height: 8px;font-size: 7pt;}
.at_div_2 {text-align: center; line-height: 26px;font-size: 14pt;}
.at_div_3 {text-align: center; line-height: 8px;font-size: 7pt;}

#fileElem {
  display: none;
}

ol {margin-left: 16px;padding: 0;}

#head {margin:0; padding-left:20px; border-bottom: #ebebeb solid 1px;}

.menu_home {position: relative; float:left; left: 0px;}
.menu_apps {position: relative; float:left; left: 40px;}
/*.menu_upload {position: relative;float:left; left: 40px;}
.menu_determine {position: relative;float:left; left: 80px;}
.menu_release {position: relative;float:left; left: 120px;}*/
.menu_twitter {position: relative;float:left; left: 80px;}

.text1 {font-size: 11pt;line-height: 1.5;}
.text_small {font-size: 10pt;color:#000;line-height: 1.3;}
.text_gray {font-size: 11pt;color:#7f8081;line-height: 1.5;}
.text_gray_small {font-size: 10pt;color:#7f8081;line-height: 1.3;}
.text_gray_small a{font-size: 10pt;color:#2764af;line-height: 1.3;}
.text_red {color:#cb0606;line-height: 1.5;}
.text_green {font-size: 11pt;color:#009900;line-height: 1.5;}

.text_input {font-size: 12pt;color:#000;}

#warning {font-size: 10pt;color:#7f8081;}

#menu {height:65px;margin:0;}

#menu_logo{position: relative; float:left; top: 35px; padding-left: 41px;}
#menu_info{position: relative; float:left; top: 38px; padding-left: 60px;}
#menu_sign{position: relative; float:left; top: 38px; padding-left: 60px;}
#menu_menu{position: relative; float:left; top: 37px; padding-left: 60px;}

#main_menu {height:80px;margin:0;}

#main_menu_data{position: relative; float:left; top: 35px; padding-left: 41px;}
#main_menu_services{position: relative; float:left; top: 35px; padding-left: 50px;}
#main_menu_faq{position: relative; float:left; top: 35px; padding-left: 50px;}

.search_topology {position: relative;float:left; left: 0px;}
																								   
.search_refcode {position: relative;float:left; left: 40px;}
																									   
.search_abundant {position: relative;float:left; left: 0px;}
.search_new {position: relative;float:left; left: 40px;}

#name_data {margin:0; border-top: #ebebeb solid 1px;}
#name_file {margin:0; border-top: #ebebeb solid 1px;}
#name_file_services {margin:0;}
#name_result {height:150px;margin:0; background: #fafafa; border-top: #ebebeb solid 1px;border-bottom: #ebebeb solid 1px;}
#name_faq {margin:0; border-top: #ebebeb solid 1px; background: #fafafa;}

.name_link_types{position: relative;float:left; left: 0px;}
.link_type_block {position: relative;float:left; left: 0px; width:110px; height:6px;background: #ebebeb;}
.name_link_refcode{position: relative;float:left; left: 40px;}
.link_refcode_block {position: relative;float:left; left: 150px; width:54px; height:6px;background: #ebebeb;}
.name_link_nnt{position: relative;float:left; left: 80px;}
.link_nnt_block {position: relative;float:left; left: 244px; width:55px; height:6px;background: #ebebeb;}
.name_link_advanced{position: relative;float:left; left: 120px;}
.link_advanced_block {position: relative;float:left; left: 338px; width:110px; height:6px;background: #ebebeb;}

#name_name{position: relative; float:left; top: 20px; padding-left: 41px;}
.name{font-size: 16pt;line-height: 1.5;}
#name_search{top: 20px; padding-left: 20px; padding-top: 25px; background: #fafafa; border-bottom: #ebebeb solid 1px;}

#info {padding-left: 20px; margin:0;height: 15%;}
#content {padding-left: 41px; margin:0; width:800px;line-height: 1.5;}
#youtube {padding-left: 41px; margin:0;}

#footer {margin:0; padding-left:20px; border-top: #ebebeb solid 1px;}

.footer_copyright {position: relative;float:left; left: 0px;}
.footer_new {position: relative;float:left; left: 40px;}
.footer_release {position: relative;float:left; left: 80px;}
.footer_team {position: relative;float:left; left: 120px;}
.footer_rules {position: relative;float:left; left: 160px;}
.footer_email {position: relative;float:left; left: 200px;}

/* Search */

#search {
  width: 640px;
  height: 45px;
}

#search input {
  float: left;
  border: none;
}

#search .input {
  width: 577px;
  height: 44px;
  padding: 0 48px 1px 15px;
  background: #EEE url(i/search.png) no-repeat;
  color: #000;
  font-size: 11pt;
  outline: none;
  
}

@-moz-document url-prefix() {
  #search .input {
    height: 45px;
    padding-bottom: 2px;
  }
}

#search .submit {
  width: 48px;
  height: 45px;
  cursor: pointer;
  margin-left: -48px;
  background: url(i/dontexist.png); 
}

.table_medium {border-collapse: collapse; border: 1px solid #e0dfdf; color:#000;line-height: 1.5; font-size:11pt; width:800px;}
.table_medium td {border: 1px solid #e0dfdf;text-align: center;}
.table_medium th {
border: 1px solid #e0dfdf;
background: #fafafa;
text-align: center;

}


.show,
.hide {
    
	text-decoration: none; 
}

.hide,
.content {
    xdisplay: none;
}

.spoiler_controler {
    display: none;
}

.spoiler_controler:checked + label .show {
    display: none;
}

.spoiler_controler:checked + label .hide {
    display: inline;
}
.spoiler_controler:checked ~ .content {
    display: block;
}

/* Loading */

.loading:after {
    content: '.';
    animation: loading 1s ease alternate infinite;
}

@keyframes loading {
    60%  { text-shadow: 0.35em 0 0 currentColor; }
    100% { text-shadow: 0.35em 0 0 currentColor, 0.75em 0 0 currentColor; }
}

/* Footer */

* {
  margin: 0;
  
}

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

  }
.footer_footer {
  flex: 0 0 auto;
}

.tooltip {
	border-bottom: 1px dotted #0077AA;
	cursor: help;
}

.tooltip::after {
	background: rgba(0, 0, 0, 0.8);
	border-radius: 8px 8px 8px 0px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	color: #FFF;
	content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
	margin-top: -24px;
	opacity: 0; /* Наш элемент прозрачен... */
	padding: 3px 7px;
	position: absolute;
	visibility: hidden; /* ...и скрыт. */
	transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
}
		
.tooltip:hover::after {
	opacity: 1; /* Показываем его */
	visibility: visible;
}

  ::-webkit-input-placeholder {color:#dadadd; opacity:1;}/* webkit */
  ::-moz-placeholder          {color:#dadadd; opacity:1;}/* Firefox 19+ */
  :-moz-placeholder           {color:#dadadd; opacity:1;}/* Firefox 18- */
  :-ms-input-placeholder      {color:#dadadd; opacity:1;}/* IE */
  
 
.mark_refcode
{background: url(i/bg_refcode.png); 
background-repeat: repeat-y;}




#step2,
#dnd_success,
#dnd_status,
#draganddrop {
	width: 640px; 
	height:300px; 
	
	}
	.draganddrop_inside {
		border-color: #ebebeb;
		width: 100%;
		height: 100%;
		border-style: solid;
		border-width: 1px;
		box-sizing: border-box;
		background: #fff;
		}
	.draganddrop_inside_keyboard {
		}
	.draganddrop_outer {
		width: 100%;
		position: relative;
		height: 100%;}
	.draganddrop_inner {
		cursor: pointer;
		position: absolute;
		text-align: center;
		width:100%;
        height: 100%;}
	.draganddrop_inner_status {
		position: absolute;
		width:100%;}
		.draganddrop_inner_status_1 {
			margin: 25px 0 0 25px;
			float: left;}
		.draganddrop_inner_status_2 {
			margin: 25px 25px 0 0;
			width: 32px;
			float: right;}
		.draganddrop_inner_status_3 {
			margin: 0px 0 0 25px;
			float: left;}
	.draganddrop_inner_download {
		position: absolute;
		width:100%;
        height: 100%;}
		.draganddrop_inner_download_1 {
			margin: 0 0 0 25px;
			width: 55px;
			float: left;}
		.draganddrop_inner_download_2 {
			width: 200px;
			height: 49px;
			float: left;}
		.draganddrop_inner_download_3 {
			width: 150px;
			float: left;}

label{
  color: #0d46b9;
  cursor: pointer;
  
}

label:hover{
  text-decoration: none;
  color: #CC0000;
}

#file_input_id{
  display:none;
}

/* Keyboard */


#textarea {
    display: inline-block;
    position: relative;
}

textarea[type="text2"]  {
   border: 1px solid #ebebeb; /* цвет рамки */
   background: #ffffff !important; /*  желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым */
   outline: none; /*  удаляет обводку в браузерах хром(желтая) и сафари(синяя) */
   height: 300px; /*  высота на свое усмотрение */
   width: 640px; /*  ширина на свое усмотрение */
   color: #7f8081; /* цвет шрифта в обычном состоянии */
   font-size: 11pt; /* Размер шрифта */
   font-family: Arial; /* Стиль шрифта */
   line-height: 1.5;
   padding: 15px;
   resize: none;
   overflow:hidden;
/*overflow-y: scroll;
overflow-x: scroll;
white-space: nowrap;*/
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

} 



button, 
button:active, 
button:focus {
	position: absolute;
	bottom: 20px;
	right: 13px;
	width:25px;
	height:25px;
	outline: none;
}



.myButton {
    background:url(/i/textarea_search.png) no-repeat;
    cursor:pointer;
    border: none;
}

#sign {
		border-color: #dbdbdb;
		width: 800px;
		border-style: dashed;
		border-width: 1px;
		box-sizing: border-box;
		padding:10px;
		}
		
		
		
a.button15 {
  display: inline-block;
  font-size: 14px;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: .2em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
a.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

#report {
	border-color: #dbdbdb;
	width: 800px;
	border-style: dashed;
	border-width: 1px;
	box-sizing: border-box;
	padding:20px;
}