/*   
Theme Name: Repa theme
Theme URI: 
Version: 0.6
Tags: repository, html5
Description: Тема репозитарію
Author: Віталій Ткач
Author URI: http://vk.net.ua
*/

.navbar-form .form-control {
    display: inline-block;
    width: 50px;
    vertical-align: middle;
}

.margintop{
	margin-top:60px;
}
.width-search-box{
	width:200px;
}
.margin-search-button{
	margin-top:10px;
	margin-bottom:10px;
}
.table-stat {
    margin-bottom: 2px;
    width: 300px;
    
}
.table-stat > thead > tr > th {
    border-bottom: 2px solid #ddd;
    text-align: center;
}


/***** Tags *****/
 
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear {zoom: 1; clear: both;}
*+html .clear {zoom: 1; clear: both;}
 
.page-template-template-tags-php h4 {font-weight: bold; text-transform: uppercase;}
.page-template-template-tags-php .hentry-content {width: 620px; overflow: hidden;}
.page-template-template-tags-php .hentry-content .tags {width: 640px;}
.page-template-template-tags-php .hentry-content ul {list-style: none; margin: 0 0 15px 0;}
.page-template-template-tags-php .hentry-content ul li {color: #898989;}
.page-template-template-tags-php .hentry-content .column {width: 140px; float: left; margin-right: 20px;}








/*  Catalog    */
 
 #catalog {
  margin-bottom: 20px;
}
#catalog p {
  margin: 0 0 5px 0;
}
.tag-title {
  font-size: 18px;
  margin: 10px 0 7px 0 !important;
  font-weight: normal;
}
.columntags {
 /* padding: 10px;*/
}
.forcolumntag{
	width: 100%;
	margin-bottom:50px;
}
 @media (min-width:350px){
.columntags {
  float: left; 
  width: 98%; 
}
} 
 @media (min-width:700px){
.columntags {
  float: left; 
  width: 48%; 
}
}




.container-letter{
	margin:0px auto 2px;
	/*max-width: 1000px;*/
	background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
	border-radius: 4px;
    margin-bottom: 2px;
	padding: 1px;
}
.container-search{
	margin:0px auto 2px;
	/*max-width: 1000px;*/
	background-color: #A5CADC;
    border-color: #bce8f1;
    color: #31708f;
	border-radius: 8px;
    margin-bottom: 2px;
	padding: 1px;
}

.container-info{
	margin:0px auto 2px;
	/*max-width: 1000px;*/
	background-color: #FDF5E6;
    border-color: #FDF5E6;
    color: #31708f;
	border-radius: 8px;
    margin-bottom: 2px;
	padding: 10px;
			}
.container-uri{
	margin:0px auto 2px;
	/*max-width: 1000px;*/
	background-color: #FFE4E1;
    border-color: #FFE4E1;
    color: #31708f;
	border-radius: 8px;
    margin-bottom: 2px;
	padding: 10px;
			}
code{
	background-color: #f9f2f4;
    border-radius: 4px;
    color: #c7254e;
    font-size: 90%;
    padding: 2px 4px;
   /* white-space: nowrap;*/
			}
.container-bread{
	margin:0px auto 2px;
	/*max-width: 1000px;*/
	background-color: #e7e7e7;
    border-color: #e7e7e7;
    color: #31708f;
	border-radius: 8px;
    margin-bottom: 5px;
	padding: 10px;

			}			
			
.maincontent{


text-align:  justify;
/*padding: 10px;*/
}


.loop-table-col1 {
    width: 4%; /* Ширина ячейки */
   }
   
.loop-table-col2 {
    width: 40%; /* Ширина ячейки */
   }
   
.loop-table-col3 {
    width: 25%; /* Ширина ячейки */
   }
   
.loop-table-col4 {
    width: 16%; /* Ширина ячейки */
   }
   
.loop-table-col5 {
    width: 10%; /* Ширина ячейки */
   }
   
.loop-table-col6 {
    width: 5%; /* Ширина ячейки */
   }
   
   
   
/* seo friendly tables */
.table{
	display:table;	/* Defines a Table */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom:2px solid #dddddd;
	/*color:#8d8d8d;*/
	/*margin:10px 0;*/
	padding-top: 10px;
}

.table-head{
	 display: table-header-group; /* Defines a table header group */
}
.table-head .column{ /* Column inside the table-head */
    background: #337ab7;
    color: #f5f5f5;
	border-right:1px solid #5d5d5d;
	border-bottom:none;
	text-align:center;
	font-weight: bold;
}
.rows{
	display:table-row; /* Defines a table row */
}
.rows .column:nth-child(1){ /* First column in a row */
	border-left:1px solid #eeeeee;
}
.rows:last-child .column{  /* column in a last row */
	border-bottom:none;
}
.column{
	display:table-cell; /* Defines a table cell */
	padding:5px 5px;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}

/* Responsive table */
@media all and (max-width: 763px){
	.table,
	.rows,
	.column,
	.column:before{
		display:block;	/* Converts a table, table row, table column and table column:before into a block element */
	
	}
	.table,
	.rows .column:last-child{
		border-bottom:none;
	}
	.table-head{
		position:absolute;	/* Hides table head but not using display none */
		top:-1000em;
		left:-1000em;
	}
	.rows{
		border:0px;
		border-top:2px solid #dddddd;
		
		margin:20px 0;
	}
	.rows .column:nth-child(1){ /* first column of the row */
		border-left:none;
	}
	.rows .column:last-child{ /* last column of the row */
		border-right:none;
	}
	.rows:last-child .column,
	.column{ /* Column in the last row and column */
		border-bottom:1px solid #eeeeee;
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 28%;
		
	}
	.column:before{ /* prints the value of data-label attribute before the column data */
		font-weight: bold;
    padding-right: 20px;
    /* font-size: 12px; */
    content: " "attr(data-label)":";
   /* background: rgba(51, 122, 183, 0.26);*/
    color: #31708f;
	
	
	
	
	position: absolute;
		top: 6px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	

	
}