body {
    background: url(../templates/img/bg_vegan_opt.jpg) no-repeat fixed;
    background-size: cover;
    background-position: center;
    /*overflow-y:scroll;*/
}

#topwordsblock {
    text-align: center;
}

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

button {
    text-align: center;
    color: #E9EDF4;
    font-family:sans-serif;
    letter-spacing: 1pt;
    font-weight: bold;
    font-size: 10pt;
    border-style: none;
    border-width: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
button.exit{
   background: #f8863e; 
   cursor: pointer;  
   position: fixed; 
   right: 2%; 
   top: 2%; 
   padding-left: 1%; 
   padding-right: 1%; 
   padding-bottom: 2pt; 
   padding-top: 2pt;
}
button.entrance {
    margin: auto;
    display: block;
    background-image: url(/career/templates/img/entrance_opt.png);
    background-size: 100% 100%;
    width: 170px;
    height: 50px;
    background-color: transparent;
    border: transparent;
    cursor: pointer;
}
button.vvod{
   background: #6bc176; 
   cursor: pointer; 
/*   margin-right: 1%; */
   padding-right: 2%; 
   padding-left: 2%; 
   line-height: 27px;
}
button.exit_but {
   margin: auto;
   display: block;
   background-image: url(http://germesmedia.com/vegan/templates/img/exit_opt.png);
   background-size: 100% 100%;
   width: 170px;
   height: 50px;
   background-color: red;
/*   border: transparent;*/
   cursor: pointer;
}
p.login{
   color: green;
    width: 50%;
    text-align: center;
    background-color: #FFFFB9;
    margin: auto;
}

button.reg_but {
   margin: auto;
   display: block;
   width: 170px;
   height: 50px;
   background-color: green;
   cursor: pointer;
}

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-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: Verdana, Arial, Helvetica, sans-serif;}
input::-moz-placeholder {opacity: 1; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;}

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

.input_time {
    width: 50px;
    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: #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;
}


/*Таблица с иконками соц сетей*/
#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%}
}