﻿.info {
    width:calc(100% - 20px);
    margin:10px auto;
    table-layout:fixed;
    border-spacing:10px;
}

.header {
    background:orangered;
    line-height:25px;
    color:white;
    font-size:16px;
    padding:5px;
    border-radius:4px;
}

.label {
    width:100px;
    white-space:nowrap;
}

.err {
    font-size:20px;
    color:red;
}

.data {
     padding:5px;
     border:1px solid gray;
     border-radius:4px;
}

.info input:not([type=submit]) {
    width:100%;
    height:100%;
    border:none;
    outline:none;
}

.btn {
    border:none;
    outline:none;
    padding:8px 40px;
    background:#105caa;
    color:white;
    cursor:pointer;
    border-radius:4px;
    }
    .btn:hover {
        background:royalblue;
    }

.description {
    color: gray;
}
.capcha img {
    width: 150px;
}

.submitholder {
    text-align:center;
}


.rulesframe {
    width:calc(100% - 12px);
    max-height: 350px;
    padding:5px;
    border:1px solid gray;
    border-radius:4px;
    overflow-y: scroll;
    text-align: justify;
}

.rulesheader {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: red;
}

.rulesindex1 {
    font-weight: bold;
    font-size: 16px;
    margin-left: 20px;
}
.rulesindex2 {
    font-weight: bold;
    font-size: 16px;
    margin-left: 40px;
}
.rulesindex3 {
    font-weight: bold;
    font-size: 16px;
    margin-left: 60px;
}

.rulespara1 {
    font-size: 16px;
    text-indent: 20px;
    margin-left: 20px;

}
.rulespara2 {
    font-size: 16px;
    text-indent: 40px;
    margin-left: 40px;
}
.rulespara3 {
    font-size: 16px;
    text-indent: 60px;
    margin-left: 60px;
}