html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 12px;
    overscroll-behavior-y: contain;
}
body {
    background-color: #fff;
    color: #fff;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    /*overflow: hidden;*/
}
header {
    text-align: center;
}
h1 {
    /*font-size: 22px;*/
    font-size: 2.5rem;
}
h2 {
    /*font-size: 22px;*/
    font-size: 2rem;
}
h3 {
    /*font-size: 14px;*/
    font-size: 1.5rem;
}
h4 {
    /*font-size: 14px;*/
    font-size: 1.25rem;
}
h1, h2, h3 {
    margin-top: 0;
    color: #82bc00;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #0264b4;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
a:active{
    color: #0264b4;
}
img {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-drag: none;
}
p {
    /*
    color: #586370;
    font-size: 22px;
    */
    line-height: 1.5rem;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
ol {
    margin: 0;
    padding: 0;
    padding-left: 24px;
    padding-right: 55px;
}
ol li {
    font-size: 22px;
    padding-bottom: 30px;
    padding-right: 0px;
    padding-left: 10px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.block-center{
    margin: 0 auto;
}
.outline {
    padding: 20px;
    border: 1px solid black;
}
input {
    -webkit-appearance: none;
    outline-style: none;
}
.input-text, .input-email, .input-password, .input-url, .input-disabled, .input-area, .input-create-password {
    border: 1px solid #1a3561;
    border-radius: 7px;
    outline : none;
    background-color: #f6f7f9;
    padding: 7px;
    -webkit-appearance: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 531px;
}
.input-select {
    border: 1px solid black;
    border-radius: 0;
    padding: 5px;
    width: 191px;
}
.input-disabled {
    color: #1b75bb;
    border-style: dashed;
    background-color: #ccc;
}
.input-button {
    color: #fff;
    border-radius: 30px;
    background-color: #032230;
    font-size: 1.5rem;
    outline: none;
    padding: 7px;
    padding-right: 10%;
    padding-left: 10%;
    border: 1px solid #82bc00;
    font-weight: normal;
    cursor: pointer;
    
}
.input-button:active {
    color:#032230;
    background-color: #82bc00;
    border: 1px solid #fff;
}
.hidden {
    display: none !important;
}

.greenText {
    color: limegreen;
}
.redText {
    color: red;
}
.text-left {
    text-align: left;
}