﻿* {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
}


/* класс v2 применен для версии 2 - без скроллинг-эффекта */
body {
    /*background-color: #d24dff*/
}

#header {
    width: 100%;
    background: white;
    position: fixed;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: none;
    transition: all 0.3s ease-in;
    -webkit-box-shadow: 0 1px 10px 1px rgba(216, 223, 223, 0.8);
    box-shadow: 0 1px 10px 1px rgba(216, 223, 223, 0.8);
    height: 80px;
}

#header.gradient {
    /*box-shadow: inset 0 230px 230px -230px rgba(36,50,56,0.8);*/
    box-shadow: inset 0 230px 230px -230px rgba(36,50,56,0.2);
} /* градиент шапки */


#content {

    border: 4px solid green; /* Параметры границы */
    margin: -30 auto;
    background: white; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
    border-radius: 10px 20px;

    width:90%/*400px*/;
    height: 84vh/* 640px */;
    /*position:absolute;*/
    /*	top:250px/*50%*/;*/
    /*left:200px/*50%*/;*/
    /*margin:-100px 0 0 -100px;*/
    /*align="top"*/
    /*top: 100px;*/
    /*	height: 10000px */
}	/* test (remove later) */

#overlay_help1 {
    opacity: 1/* 0.9; */
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 100;
}
#overlay_help2 {
    opacity: 1/* 0.9; */
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 100;
}
#overlay_help3 {
    opacity: 1/* 0.9; */
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 100;
}
#overlay_help4 {
    opacity: 1/* 0.9; */
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 100;
}

#modal_help {
    width: 500px;
    height: 500px;
    margin-left: -250px; /* 50% от width */
    background: #FFF;
    box-shadow: 0 3px 7px #000;
    border-radius: 15px;
    border: 1px solid #000;
    left: 50%;
    top: 15%;
    position: fixed;
    z-index: 101;
}
.modal_help-body {
    position: relative;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
    min-height: 200px;
    height: 500px;
}
.close {
    position: absolute;
    right: 35px;
    top: 10px;
    cursor: pointer;
}


