body {
    background: url(../images/bg.JPG) no-repeat fixed;
    background-size: cover;
    background-position: center;
    /*overflow-y:scroll;*/
}
div.footer{
  bottom:auto;
  position:absolute;
}
input {
    border-color:black;
    border-width: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 27px;
padding: 3px;
}
button {
    border-color:black;
    border-width: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 27px;
padding: 3px;
   margin: auto;
   display: block;
}

input::-webkit-input-placeholder {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;}
input::-moz-placeholder {opacity: 1; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;}

.action_date {
    width: 90%;
    text-align: center;
    margin-bottom: 1%;
}

.table_results {
	margin: 0 auto;
	border-spacing: 10px 0px;
	border: 2px solid #3b1061/*Purple*/;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
        border-radius: 6px;
    -webkit-filter: drop-shadow(3px 5px 5px #000);
	background-color: #FFFFB9;
}
.table_text {
	font-size: 0.9rem;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3b1061/*#555*/;
	border: 0px solid #000;
	padding: 5px;
}
.table_parameter {
	font-size: 0.9rem;
	font-weight: bold;
	color: #3b1061/*Purple/*000*/;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left/*right*/;
	border: 0px solid #000;
	padding: 5px;
}

.table_note {
	margin: 10px auto 0px auto;
	border: 1px solid #ddd;
	border-spacing: 0px;
	font-size: 0.8rem;
	color: #555;
	text-align: center;
}
.note_cell {
	width: 50px;
	border: 1px solid #ddd;
	padding: 5px 0px 5px 0px;
}
.number {
	text-align: left;
	font-size: 0.7rem;
	padding: 0px 0px 0px 5px;
}
.dedicated_column {
	width: 50px;
	border: 1px solid #ddd;
	padding: 5px 0px 5px 0px;
	color: #333366;
	background-color: #FFFFB9;
}
.activ_cell {
	width: 50px;
	border: 1px solid #ddd;
	padding: 5px 0px 5px 0px;
	background-color: orange;
}
.domin_cell {
	width: 50px;
	border: 1px solid #ddd;
	padding: 5px 0px 5px 0px;
	background-color: lime;
}
.minor_cell {
	width: 50px;
	border: 1px solid #ddd;
	padding: 5px 0px 5px 0px;
	background-color: magenta;
}
.unactiv_cell {
	width: 50px;
	border: 1px solid #ddd;
	padding: 5px 0px 5px 0px;
	background-color: Gainsboro;
}
.unison_cell {
	width: 50px;
	border: 1px solid #ddd;
	padding: 5px 0px 5px 0px;
	color: red;
	background-color:orange;
}

/*---------------- Адаптация для устройств---------------*/

/*7680*4320------------------------------------------------*/
@media only screen and (max-width:7680px)
{
    #icosocid {top: 45%;right: 1%;transform: scale(5.6,5.6)}
}

/*2560*1440------------------------------------------------*/
@media only screen and (max-width:2560px)
{
    #icosocid {right: 1%; top: 42%;transform: scale(2,2)}
}

/*2048*1152------------------------------------------------*/
@media only screen and (max-width:2048px)
{
    #icosocid {right: 0.3%; top: 38%;transform: scale(1.4,1.4);}
}

/*FullHD---1920*1080--------------------------------------*/
@media only screen and (max-width:1920px)
{
/*    .topwords {margin-top: 2%; margin-bottom: 2%;}*/
    #icosocid {top: 38%; transform: scale(1.3,1.3)}
}

/*16:9---1600*900 ----------------------------------------*/
@media only screen and (max-width:1600px)
{
    #icosocid {top: 36%; transform: scale(1.2,1.2)}
}

/* 1440*1022---------------------------------------------*/   
@media only screen and (max-width:1440px)
{
    #icosocid {top: 36%; transform: scale(1.2,1.2)}

/* iPad PRO 1366*1024----------------------------------*/
@media only screen and (max-width:1366px)
{
/*    .topwords {max-width: 300px;}*/
    #icosocid {top: 35%; transform: scale(1.1,1.1)}
}

/* 1280*1024----------------------------------*/
@media only screen and (max-width:1280px)
{
/*    .topwords {max-width: 100%; height: auto;}*/
    #icosocid {top: 35%; transform: scale(1,1)}
}

/* 1024*768----------------------------------*/
@media only screen and (max-width:1024px)
{
/*   .topwords {max-width: 25%; height: auto;}*/
    footer {font-size: 10pt;}
    .footer_img {max-width: 140px;}
}

/* iPad----------------------------------------*/
@media only screen and (max-width:768px)
{
    #icosocid {top: 20%}
}

/* iPhone 6 PLUS------------------------------ */
@media only screen and (max-width:736px)
{
    #icosocid {top: 25%}
}

/* Nexus 5X---------------------------------*/
@media only screen and (max-width:732px)
{
    #icosocid {top: 22%}
}*/

/* "iPhone 6"------------------------------ */
@media only screen and (max-width:667px)
{
    #icosocid {top: 21%}
}

/* Galaxy S5-------------------------------- */
@media only screen and (max-width:640px)
{
    #icosocid {top: 22%}
}

/* "iPhone 5"------------------------------ */
@media only screen and (max-width:568px)
{
    #icosocid {top: 19%}
}

/* "iPhone 4 480*320"------------------------------ */
@media only screen and (max-width:480px)
{
    #icosocid {top: 18%}
}
    
/* "iPhone 6PLUS"------------------------------ */
@media only screen and (max-width:414px)
{
    #icosocid {top: 33%}
}

/* Nexus 5X---------------------------------*/
@media only screen and (max-width:412px)
{
    #icosocid {top: 33%}
}

/* "LG Optimus 384*640"------------------------------ */
@media only screen and (max-width:384px)
{
    #icosocid {top: 33%}
}    

/* "iPhone 6"------------------------------ */
@media only screen and (max-width:375px)
{
    #icosocid {top: 33%}
}

/* Galaxy S5 ------------------------------*/
@media only screen and (max-width:360px)
{
    #icosocid {top: 32%}
}
/* "iPhone 5"------------------------------- */
@media only screen and (max-width: 320px)
{
    #icosocid {top: 32%}
}