html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

h1 {
    font-size: 2.0em;
}
h2 {
    font-size: 1.65em;
}
/* site image 
----------------------------------------------------------*/
/*.site-image {
    width: 150px;
	background-color: white;
	vertical-align:middle;
	border-radius: 60px;
	transition-duration: 1s, 3s;
	transition-timing-function: linear;
	transition-delay: 0.5s;
	
	transition-property: background, border-radius;
	-moz-transition-property: background, border-radius; /* Firefox 4 /
	-webkit-transition-property: background, border-radius; /* Safari and Chrome /
	-o-transition-property: background, border-radius; /* Opera /
}*/

#site-image {
    width: 100px;
	/*background-color: white;*/
	vertical-align:middle;
}

/*КОНВЕРТЕР*/
/*это - предварительная загрузка картинок для hover на странице конвертера, чтобы они не "моргали", 
    когда на них курсор в первый раз наводишь
*/

#combomain {
    display: block;
    width: 300px;
    padding: 5px 5px 5px 5px;
    margin: 10px 10px 10px 0px;
}

#combosource {
    display: block;
    width: 300px;
    padding: 5px 5px 5px 5px;
    margin: 10px 10px 10px 0px;
}

#combotarget {
    display: block;
    width: 300px;
    padding: 5px 5px 5px 5px;
    margin: 10px 10px 10px 0px;
}

#convertinput {
    display: block;
    width: 300px;
    padding: 5px 5px 0px 5px;
    margin: 10px 10px 0px 0px;
}

#convertresult {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
}

#convertchange {
    display: block;
    background: url("../images/arrow.png") no-repeat;
    width: 50px;
    height: 25px;
    cursor: pointer;
    border: none;
    margin-left: 0px;
    margin-top: 10px;
}

table.noborder:after{
 display:none;
 content: url("../images/converter/a_length_over.png") 
 url("../images/converter/a_area_over.png") 
 url("../images/converter/a_volume_over.png")
 url("../images/converter/a_weight_over.png") 
 url("../images/converter/a_temp_over.png") 
 url("../images/converter/a_speed_over.png") 
 url("../images/converter/a_pressure_over.png") 
 url("../images/converter/a_flow_over.png") 
 url("../images/converter/a_force_over.png") 
 url("../images/converter/a_power_over.png") 
 url("../images/converter/a_info_over.png") 
 url("../images/converter/a_time_over.png") 
 url("../images/converter/a_ccal_over.png") 
 url("../images/converter/mtv_conv_clicked.png");
}

.a_length {
	background: url("../images/converter/a_length.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_length:hover
{
	background: url("../images/converter/a_length_over.png") no-repeat;
}

.a_area {
	background: url("../images/converter/a_area.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_area:hover
{
	background: url("../images/converter/a_area_over.png") no-repeat;
}

.a_volume {
	background: url("../images/converter/a_volume.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_volume:hover
{
	background: url("../images/converter/a_volume_over.png") no-repeat;
}

.a_weight {
	background: url("../images/converter/a_weight.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}
.a_weight:hover
{
	background: url("../images/converter/a_weight_over.png") no-repeat;
}

.a_temp {
	background: url("../images/converter/a_temp.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_temp:hover
{
	background: url("../images/converter/a_temp_over.png") no-repeat;
}

.a_speed {
	background: url("../images/converter/a_speed.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_speed:hover
{
	background: url("../images/converter/a_speed_over.png") no-repeat;
}

.a_pressure {
	background: url("../images/converter/a_pressure.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_pressure:hover
{
	background: url("../images/converter/a_pressure_over.png") no-repeat;
}

.a_flow {
	background: url("../images/converter/a_flow.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_flow:hover
{
	background: url("../images/converter/a_flow_over.png") no-repeat;
}

.a_force {
	background: url("../images/converter/a_force.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_force:hover
{
	background: url("../images/converter/a_force_over.png") no-repeat;
}

.a_power {
	background: url("../images/converter/a_power.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_power:hover
{
	background: url("../images/converter/a_power_over.png") no-repeat;
}

.a_info {
	background: url("../images/converter/a_info.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_info:hover
{
	background: url("../images/converter/a_info_over.png") no-repeat;
}

.a_time {
	background: url("../images/converter/a_time.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_time:hover
{
	background: url("../images/converter/a_time_over.png") no-repeat;
}

.a_ccal {
	background: url("../images/converter/a_ccal.png") no-repeat;
    padding-top: 75px;
    padding-bottom:75px;
    padding-left:75px;
    padding-right:75px;
    transition: color .7s ease-out, background 1.0s ease-in, padding .7s ease-out;
}

.a_ccal:hover
{
	background: url("../images/converter/a_ccal_over.png") no-repeat;
}


.mtv_conv {
	background: url("../images/converter/mtv_conv.png") no-repeat center;
    padding-top: 30px;
    padding-bottom:30px;
    padding-left:150px;
    padding-right:150px;
    transition: color .7s ease-out, background 1.5s ease-in, padding .7s ease-out;
}

.mtv_conv:hover
{
	background: url("../images/converter/mtv_conv_clicked.png") no-repeat center;
}

.converterbutton
{
    display: inline-block;
}

/*КОНВЕРТЕР - КОНЕЦ*/

/*КОНВЕРТЕР МАССЫ*/
#tonsourcedrop {
    display: block;
    width: 300px;
    padding: 5px 5px 5px 5px;
    margin: 30px 10px 10px 0px;
}

#tonsourcetext {
    display: block;
    width: 150px;
    padding: 5px 5px 0px 5px;
    margin: 10px 10px 30px 0px;
}

#tontargetdrop {
    display: block;
    width: 300px;
    padding: 5px 5px 5px 5px;
    margin: 10px 10px 10px 0px;
}

#tontargettext {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
}
/*КОНВЕРТЕР МАССЫ - КОНЕЦ*/

/*FEEDBACK*/

#feedsubject {
    display: block;
    width: 300px;
    padding: 5px 5px 0px 5px;
    margin: 10px 10px 20px 0px;
}

#feedname {
    display: block;
    width: 300px;
    padding: 5px 5px 0px 5px;
    margin: 10px 10px 20px 0px;
}
#feedemail {
    display: block;
    width: 300px;
    padding: 5px 5px 0px 5px;
    margin: 10px 10px 20px 0px;
}
#feedmessage {
    display: block;
    width: 300px;
    height: 200px;
    padding: 5px 5px 0px 5px;
    margin: 10px 10px 30px 0px;
}
/*FEEDBACK - КОНЕЦ*/

/*НОТАРИУС*/
.notaryaa {
                   font-size: 1.5em;
                   font-weight: 600;
                   text-align: center;
}

.notaryab {
                   font-size: 1.4em;
}

#notaryImgA {
                   float: left;
                   width: 20%;
                   padding: 0% 2% 2% 2%;
}


#notaryImgB {
                   float: right;
                   width: 20%;
                   padding: 0% 2% 2% 2%;
}

.notary_map {
    text-align: center;
}
/*НОТАРИУС - КОНЕЦ*/


/*ОНЛАЙН-ПЕРЕВОД*/
@font-face {
font-family: 'kling';
src: url('../fonts/pIqaD.woff');
src: local('klingon-webfont'), 
 local('klingon-webfont'), 
 url('../fonts/pIqaD.ttf') format('truetype');
}

#source {
    display: block;
    width: 350px;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
}


#target {
    display: block;
    width: 350px;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
}

#SourceTextField {
    font-family: kling;
    font-size: 1.3em;
    padding: 10px;
    /*max-width: 100%;*/
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #999;
    margin: 0px 10px 10px 0px;
    width: 350px;
    height: 200px;
}

#targetField {
    font-family: kling;
    font-size: 1.3em;
    padding: 10px;
    /*max-width: 100%;*/
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #999;
    margin: 0px 10px 10px 0px;
    width: 350px;
    height: 200px;
}


#changeButton
{
	 background:url("../images/arrow.png") no-repeat;
	 width: 50px;
	 height: 25px;
     cursor:pointer;
	 border: none;
	 margin-left:50px;
}
/*ОНЛАЙН-ПЕРЕВОД - КОНЕЦ*/


/*QR-КОД*/
.createcode {
    margin: 50px 0px 20px 0px;
}

.qrtyperadio {
    margin: 30px 0px 50px 50px;
}

.qrarticle{
}

div.qr {
    display: block !important;
}

.qritem {
    margin: 0px 0px 15px 0px;
    width: 250px;
    padding: 5px 5px 5px 5px;
}
.qrdropitem {
    margin: 0px 0px 15px 0px;
    width: 250px;
    padding: 5px 5px 5px 5px;
}
.qrcheckitem {
    margin: 5px 0px 15px 0px;
}

.qrsize {
    padding: 5px 5px 5px 5px;
    width: 70px;
    margin: 10px 0px 5px 0px;
    /*width: 100px !important;*/
}

.qrimage {
    margin: 15px 0px 15px 0px;
    width: 400px;
}


.qrdrop {
    display: block !important;
    margin: 30px 10px 15px 0px;
    width: 250px;    
}

#corrlvl {
    margin: 10px 10px 30px 0px;
    padding: 3px 3px 3px 3px;
    width: 70px;
}

#qrtypesel {    
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

#authmodelist {
    padding: 5px 5px 5px 5px;
}


/*QR-КОД - КОНЕЦ*/
/*РЕКОМЕНДАЦИИ*/
.refletter {
    display: inline;
    height: 280px;
    background-color: #eee;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


.refletter:hover {
    background-color: #fc3;
    -webkit-transform: rotate(720deg) scale(3.0);
    -moz-transform: rotate(720deg) scale(3.0);
    -o-transform: rotate(720deg) scale(3.0);
    -ms-transform: rotate(720deg) scale(3.0);
    transform: rotate(720deg) scale(3.0);
  }
  /*РЕКОМЕНДАЦИИ - КОНЕЦ*/

/*СЧЕТЧИКИ*/

.counter {
    padding: 10px 10px 10px 10px;
    margin: 50px 0px 50px 0px;
}
/*СЧЕТЧИКИ - КОНЕЦ*/
  
  
/*accordation*/
#accordion section, #accordion .pointer, #accordion h5, #accordion p {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}

#accordion {
		margin-bottom:30px;
		width:80%;
}

#accordion h5 {
		line-height:1.2;
		font-size:1em;
		background-color:rgba(0,0,225,0.3);
		margin:0;
		padding: 10px 10px 10px 30px;
}

#accordion h5 a {
		color:black;
}

#accordion section {
		overflow:hidden;
		height:220px;
		border:1px #333 solid;
}

#accordion p {
		padding:0 10px;
		color:black;
}
#accordion section.ac_hidden p:not(.pointer) {
		color:#fff;
}

#accordion section.ac_hidden {
		height:44px;
}
#accordion .pointer {
		padding:0;
		margin:10px 0 0 6px;
		line-height:20px;
		width:13px;
		position:absolute;
}

#accordion section:not(.ac_hidden) h5 {
		background-color:rgba(0,0,255,0.7);
}

#accordion section:not(.ac_hidden) .pointer {
		display:block;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg);
		padding:0;
}

/* tables
----------------------------------------------------------*/
/*table {
		border-collapse: collapse;
		border-spacing: 0;
		margin-top: 0.75em;
		//border: 0 none;
		border: dotted 2px #C8E7FE;
		background-color:white;
}

table.noborder{
		//margin-top: 0.75em;
		border: none;
		background-color: initial;
}


td.noborder{
		border: none;
}

th {
		font-size: 0.9em;
		text-align: center;
		padding: 1em 0.5em 1em 0.5em;
		border: dotted 1px #20a0ff;
}

th a {
        display: block;
        position: relative;
}

th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
}

th a:hover {
        color: #000;
}

th.asc a, th.desc a {
        margin-right: .75em;
}

th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
}

th.asc a:after {
        content: '▲';
}

th.desc a:after {
        content: '▼';
}

td {
		padding: 0.5em 0.5em 0.5em 0.5em;
		//border: 0 none;
		border: dotted 1px #20a0ff;
		font-size: 0.9em;
}

td.admingroup {
		width: 6%;
}

td.adminid {
		width: 4%;
}

td.admintitle {
		width: 40%;
}

td.adminauthor {
		width: 16%;
}

td.adminitem {
		width: 40%;
}

td.adminreleasedate {
		width: 16%;
}

td.admincontrols {
		width: 16%;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}
    */
ul.submenu li { list-style-type: none; }