body {
	font-family: 'Rubik', Helvetica, Tahoma, Arial, sans-serif;
	font-size: 15px;
	margin: 0px;
	color: #000000;
	background-color: #FFFFFF;
}

table {
	font-size: 15px;
}


.b1 {
  background-color: #ffffff;
  border: thin dashed #000000;
  position: static;
  height: auto;
  width: 99%;
  padding: 2px;
  margin-top: 10px;
  margin-right: 5px;
}

.hd_ft_tb {
	background-color: #3399CC;
	color: #FFFFFF;
}
.mainmenu_tb {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #86AED7;
	text-align: center;
	font-size:12px;
	font-weight: bold;
}
.mainmenu_tb:hover { text-decoration: none}


.stat_tb {
	border-color: #3399CC;
}
.h_stat_tb {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size:12px;
	background-color: #86AED7;
}

.main_tb {
	background-color: #DBE8E8;
	vertical-align: top;
	border: thin ridge #000000;
	padding: 3px;
}

.txt3big {  font-size: 18px; color: #666666}
.txt2 {  font-size: 12px; color: #333333}
.txt3 {  font-size: 12px; color: #666666}
.txt {  font-size: 12px; color: #000000}
.txt12 {  font-size: 14px; color: #333333}
.txt13 {  font-size: 14px; color: #666666}
.txt1 {  font-size: 14px; color: #000000}


a { color: #000066; } /* font-weight: bold */
a:hover { color: #000066; text-decoration: none}
.anorm { color: #000066; font-weight: normal}
.afon { color: #3399CC; font-weight: normal}

/* .tblink { font-size:10px; color: #FFFFFF; }.tblink:hover { font-size:10px; color: #FFFFFF; text-decoration: none} */
INPUT {BORDER-RIGHT: #959595 1px solid; BORDER-TOP: #959595 1px solid; BORDER-BOTTOM: #959595 1px solid; BORDER-LEFT: #959595 1px solid; FONT-SIZE: 10px; COLOR: #000000;}
.INPUT  {BORDER-RIGHT: #959595 1px solid; BORDER-TOP: #959595 1px solid; BORDER-BOTTOM: #959595 1px solid; BORDER-LEFT: #959595 1px solid; FONT-SIZE: 10px; COLOR: #000000;}
.form {  font-size: 16px; color: #000000}

/* Login form */
.form_input {
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  /* margin: 0 0 20px; */
  padding: 10px 15px;
  box-sizing: border-box;
  font-wieght: 400;
	font-size: 14px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;

}
.form_input:focus {
  border: 1px solid #33b5e5;
  color: #333333;
}

.form-module {
/*
  position: relative;
  background: #ffffff;
  max-width: 320px;
  width: 100%;
  border-top: 5px solid #33b5e5;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
*/
}

.form-module h2 {
  margin: 25px 0 20px;
  /* color: #33b5e5; */
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.form-module input[type="text"], 
.form-module input[type="password"], 
.form-module input[type="email"] {
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  margin: 0 0 5px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-wieght: 400;
	font-size: 14px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-module input:focus {
  border: 1px solid #33b5e5;
  color: #333333;
}
.form-module button {
  cursor: pointer;
  background: #33b5e5;
  width: 100%;
  border: 0;
  padding: 10px 15px;
  color: #ffffff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-module button:hover {
  background: #178ab4;
}

.form-module-button {
  font-wieght: 400;
	font-size: 14px;
  cursor: pointer;
  background: #33b5e5;
  width: 100%;
  border: 0;
  padding: 10px 15px;
  color: #ffffff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-module-button:hover {
  background: #178ab4;
}


#modal_info {
    display: none;
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -100px;
    padding: 10px;
    width: 200px;
    height: 100px;
    box-shadow: 0 0 3px 5px rgba(0,0,0,.3);
}

/* !!! new !!! */
h1 {font-size: 17px; font-weight: bold; text-align: center; text-transform: uppercase;}                                              
h2 {font-size: 16px; font-weight: normal; text-align: center; text-transform: uppercase;}
h3 {font-size: 15px; font-weight: normal; text-transform: uppercase; text-align: center;}                                              
/* Table */
.tabl  { border-collapse: collapse; 	font-size: 14px;}
.tabl  thead tr {color: #ffffff; font-weight: bold; background: #86AED7; text-align: center;}    
.tabl  thead tr td {border: 1px solid #3399CC; padding: 5px;}
.tabl  tbody tr td {border: 1px solid #e8e9eb; padding: 5px;}
.tabl  tbody tr:nth-child(2n) {background: #f4f4f4;}
.tabl  tbody tr:hover {background: #e8f6ff;}

/* Tabs playlist */
#tablist { margin: 10px 0;	overflow: hidden; }
.tablist-nav {	width: 150px;	float: left;	overflow: hidden;	margin: 0;	padding: 0;	position: relative; }
.tablist-nav:after {
	content: '';
	display: inline-block;
	width: 1px;	height: 1px;
	background: #ccc;
	position: absolute;
	top: 0px;
	right: 0px; 
}
.tablist-nav li {	display: block;	padding: 0;	margin: 0; }    
.tablist-nav a {
	display: block;
	padding: 10px 20px;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #ccc;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fbfbfb; 
	font-size: 12px;
	text-decoration: none;
	color: #999;
}		
.tablist-nav li:first-child a {	border-radius: 5px 0 0 0; }
.tablist-nav li:last-child a {	border-bottom: 1px solid #ccc;	border-radius: 0 0 0 5px; }
.tablist-nav a.active {	border-right: 1px solid #fff;	background: #fff;	color: #000;}    
.tablist-items {	margin-left: 149px;	background: #fff;	height: auto; }
.tablist-item {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 0 5px 5px 0;	
	min-height: 320px;
}


/* Button */
button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}


.btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  margin: 2px 0;
  border: solid 1px transparent;
  border-radius: 4px;
  padding: 0.5em 1em;
  color: #FFF;
  background-color: #86AED7;
  border-color: #3399CC;
}

.btn:active {
  transform: translateY(1px);
  filter: saturate(150%);
}

.btn:hover {
  color: #3399CC;
  border-color: currentColor;
  background-color: #e8f6ff;
}

.btn::-moz-focus-inner {
  border: none;
}
.btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #CCCCCC, 0 0 0 1.5px #CCCCCC;
}

.js-focus-visible .btn:focus:not(.focus-visible) {
  box-shadow: none;
}

/* Navigation */
#navbar {
  margin: 0;
  padding: 0;
  /* border: 0px solid #fff; */
  width: 100%;
  text-align: center;
  background-color: #86AED7;
	border-top: 1px solid #fff;
}
#navbar > li { 
	display: inline;
	list-style-type: none;
	border-right: 2px dotted #fff;
	padding: 10px 10px; 
	
 }
#navbar > li:last-child{
	border-right: none; /* а ¬Є  г Ї®б«Ґ¤­ҐЈ® */
}
#navbar a {
  font-family: 'Exo 2', arial;
  font-size: 100%;
  font-weight: normal;
	text-transform: uppercase;
  color: #fff;
	white-space: nowrap;
  padding: 10px 10px; /* ўлб®в  Ё иЁаЁ­  Ў«®Є  */
  text-decoration: none;
  display: inline-block;
  /* width: 100px; */
  margin-right: 4px;
	min-width: 80px;
  -webkit-transition: background-color 0.15s linear; /* Ђ­Ё¬ жЁп ¤«п Ўа г§Ґа®ў ®б­®ў ­ле ­  Webkit */
}
#navbar a:hover {
  background-color: #689bcd;
}


/* left block */
label.block {
  display: block;
  cursor: pointer;
	padding: 4px;
}

div.contentL {
  width: 250px;
  margin: 8px auto 30px; /* auto 業вагҐв */
  /* border: 1px dotted gray; */
}

.select {
	font-size: 14px;
  border: solid 1px;
  border-radius: 4px;
  padding: 0.5em 1em;
  color: #FFF;
  background-color: #86AED7;
  border-color: #3399CC;
}


/* mini form */
.formMini {

}

.formMini input[type="text"], 
.formMini input[type="password"], 
.formMini input[type="email"] {
	font-size: 14px;
	border-radius: 3px;
	width: 100%;
	padding: 5px;
	margin-top: 2px;
	box-sizing: border-box;
}
.formMini label  {
	margin: 5px 5px;
	font-size: 12px;
  display: block;
  cursor: pointer;
}
.formMini button {
	width: 100%;
}


/* Grid 2 colimns 50-50% */
.grid2col {
		display: grid;
		grid-template-columns: 1fr 1fr;	grid-template-rows: 1fr;	grid-gap: 0vw;
		margin: 20px;
}
.grid2col > div {
	  padding: 0px 15px;
		
}
.grid2col > div:last-child {
		border-left: 1px solid #ccc;
}



/* List */
.li-blok {list-style: none; padding: 0;	margin: 5px 30px;}
.li-blok li {padding: 4px; text-align: center}
.li-blok li:nth-child(odd) {background: #86AED7;}
.li-blok li:nth-child(even) {background: white;}		


/* HEADER - FOOTER */
header {
	width: auto;
	background: #fff url(/images/logo_sharatv.png) no-repeat 3% 50%;
	height: 90px;
	border-top: 12px solid #86AED7;
	border-bottom: 10px solid #86AED7;  /*  #86AED7 */
	color: #3399CC;
}

header > .header_title{
	font-size: 35pt;
	line-height: 90px;
	text-align: center;
}
header > .header_title a {
  text-decoration: none;
	font-size: 4.5vw;
	color: #3399CC;
}

header  .header_time {
	font-size: 22pt;
	/* color: #333333; */
}
header .header_money {
	font-size: 100%;
	color: #666;
}
header > .header_rblock {
	font-family: 'Exo 2',sans-serif;
	position: absolute;
	top: 25px;
	right: 5%;
	width: 150px;

}

footer {
	width: auto;
	background: #86AED7;
	height: 33px;
	border-bottom: 1px solid #fff;  /*  #86AED7 */
	color: #fff;
	overflow: hidden; /* Float */
}

footer > .footer_ps {
	position: relative;
	top: 1px;
	left: 10px;
	float: left;

}

footer > .footer_tr {
	position: relative;
	top: 3px;
	right: 5px;
	float: right;
}

/* BODY */
.bodyAll {
	background: #DBE8E8;
	border: 1px ridge #ccc;
}
/* 2 clumns */
.gridConternt2col {
		display: grid;
		grid-template-columns: 0.5fr 1fr;	grid-template-rows: 1fr;	grid-gap: 0vw;
		margin: 1px;
}

.gridConternt2col > div {
		border: 0px ridge #000;
	  background: #DBE8E8;
	  padding: 2px 5px;
}
.gridConternt2col > div:last-child {
		border-left: 1px solid #000;
}

/* 3 clumns */
.gridConternt3col {
		display: grid;
		grid-template-columns: 0.5fr 1fr 0.5fr;	grid-template-rows: 1fr; grid-gap: 0vw;
		margin: 1px;
}

.gridConternt3col > div {
		border: 0px ridge #000;
	  background: #DBE8E8;
	  padding: 2px 5px;
		border-right: 1px solid #000;
}

.gridConternt3col > div:last-child {
		border-right: 0px;
}