body {
    background: url(../templates/img/bg.jpg) no-repeat fixed;
    background-size: /*cover*/90% auto;
    background-position: center;
    font-family: 'Open Sans', sans-serif;
    /*overflow-y:scroll;*/
}
#page {
    width: 1514px;
    margin: 0 auto;
    background-color: rgb(255 255 255 / 50%);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#topwordsblock {
    text-align: center;
}

.topwords {max-width: 100%; height: auto;}

button {
    text-align: center;
    color: #E9EDF4/* #889e9e*/;
    background: #759194;
    font-family:sans-serif;
    letter-spacing: 1pt;
    font-weight: bold;
    font-size: 10pt;
    border-style: none;
    border-width: 1px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

select {
    border-color:black;
    border-style: double;
    border-width: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 27px;
}
input {
    border-color:black;
    border-style: double;
    border-width: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 27px;
}
input::-webkit-input-placeholder {text-align: center; font-family: Open Sans/*, Verdana, Arial, Helvetica, sans-serif*/;}
input::-moz-placeholder {opacity: 1; text-align: center; font-family: Open Sans/*, Verdana, Arial, Helvetica, sans-serif*/;}

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

.input_time {
    width: 80px;
    text-align: center;
    margin-right: 1%;
    margin-bottom: 1%;
}

.action_name {
    width: 80%;
    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:#D0D8E8 /*#FFFFB9*/;
        background: #D0D8E8; 
}


/*Таблица с иконками соц сетей*/
#icosocid {
    right: 0.3%;
    max-height: 250px;
    width: 25px;
    position:fixed;
    top: 35%;
}

.is {
    width: 20px;
    height: 20px;
    opacity:0.5;
    filter:alpha(opacity=50);
    transition: 0.1s;
}

.is:hover {
    border-style: none;
    transform: scale(2, 2);
    opacity:1;
    filter:alpha(opacity=100);
}

.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)
{
    #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)
{
    #topwordsblock {padding-left: 30%; padding-right: 30%;}
    #icosocid {top: 35%; transform: scale(1.1,1.1)}
}

/* 1280*1024----------------------------------*/
@media only screen and (max-width:1280px)
{
    #topwordsblock {padding-left: 30%; padding-right: 30%;}
    #icosocid {top: 35%; transform: scale(1,1)}
}

/* 1024*768----------------------------------*/
@media only screen and (max-width:1024px)
{
   
    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)
{
    #topwordsblock {text-align: center; padding-left: 20%; padding-right: 20%;}
    .topwords {max-width: 100%; height: auto;}
    #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%}
}