@charset "utf-8";

h4,h3{
	font-family: Arial, sans-serif;
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin: 0;
}

.background_img{
	background: url(../img/back.jpg);
	background-attachment: fixed;
    background-size: 150% 130%;
    background-repeat: no-repeat;
}

.search-container {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #860202ad;
    overflow-y: scroll;
	overflow-y: scroll; 
	-webkit-overflow-scrolling: touch;
} 

.close {
	float: right;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: none; 
	color: #ffffff;
	text-shadow: none; 
	opacity: none;
	outline: none;
}

.close:not(:disabled):not(.disabled):hover, 
.close:not(:disabled):not(.disabled):focus {
	opacity: 1;
}

.close:hover {
	color: #fff;
	text-decoration: none;
}

#search-input {
	width: 100%;
	font-size: 1.8rem;
	padding: 5px 0px;
	background: transparent;
	border: none;
	border-bottom: 2px solid white;
	color: white;
	outline: none;
	
}

#search-input::-webkit-input-placeholder {
	color: #f1f1f1;
} 

#search-input::-moz-placeholder {
	color: #f1f1f1;
}

a.link-to-news:active,
a.link-to-news:hover,
a.link-to-news {
	text-decoration: none;
	color: white;
}

.table-div {
	display: table;
	height: 66px;
	width: 100%;
}

.table-div.my-3:hover {
	background: #ffffff3d;
}

.table-cells {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 0px;
}

#news-feed{
	transition: 0.3s;
}

#allNameNews{
	display:none;
}

.myPaginator td{
	text-align: midle;
}

.myPaginator {
	border-spacing: 10px 0px;
	border-collapse: separate;
}

p.content {
	color: white;
	font-size: 1.3rem;
	font-weight: 300;
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
	font-size: 1.3rem;
	padding-top: 9px;
	padding-bottom: 9px;
	height: 38px;
	display: block;
	width: 40px;
	max-width: 40px;
}

.input-transition-page {
	background: transparent;
	outline: none;
	border: none;
	border-bottom: 0.5px white solid;
	width: 37px;
	text-align: center;
	color: white;
	padding: 0px;
	font-size: 1.3rem;
	font-weight: 300;
}

#btn-search {
	color: white;
	font-size: 1.25rem;
	font-weight: 300;
	font-family: sans-serif;
}

.btn:focus, .btn.focus {
	outline: none;
	box-shadow: none;
}

.div-search{
	text-align: end;
}

table.myPaginator.bottom{
	    margin: 0 auto;
}

@media (max-width: 415px) {
	#search-input {
		font-size: 1rem;
		padding: 5px 0px;      
		border-bottom: 1px solid white;
	}
	h3.table-cells {
		font-size: 18px;
  	}
}




/* Изменяю вид полосы прокрутки */
::-webkit-scrollbar { width: 5px; height: 3px; cursor: }
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px; transition: .3s;}
::-webkit-scrollbar-thumb:hover{ background-color: #da251c; transition: .3s;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}