/* $Id: style.css,v 1.3 2018/03/02 12:49:12 sinda Exp $ */

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.container::before, .container::after {
    display: table;
    content: " ";
}
.container::after {
    clear: both;
}
.container {
    width: 600px;
    margin-left: 10px;
}

.form-horizontal {
    margin-top: 50px;
    margin-bottom: 60px;
    margin-left: 30px;
}

.form-horizontal .form-row::before, .form-horizontal .form-row::after {
    display: table;
    content: " ";
}
.form-horizontal .form-row::after {
    clear: both;
}
.form-row {
    margin-bottom: 20px;
    margin-right: -15px;
    margin-left: -15px;
}

label {
    font-weight: bold;
    display: inline-block;
}
.control-label {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
    width: 45%;
    float: left;
    position: relative;
}

.col-data {
    margin-top: 4px;
    padding-right: 15px;
    padding-left: 15px;
    width: 45%;
    float: left;
    position: relative;
}
.input-small {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    vertical-align: middle;
    text-align: right;
}

input.btn {
    color: #ffffff;
    background: #51d466;
    border-color: #4cae4c;
    padding: 6px 12px;
}

div.container h3 {
    margin-left: 30px;
}

div#headBanner a img {
    width: 160px;
}
div.instr {
    font-size: 14px;
    margin-left: 30px;
    margin-bottom: 30px;
    padding-left: 10px;
}
div.instr p {
    margin-top: 0px;
    margin-bottom: 0px;
}
div#cards {
    padding-top: 25px;
    margin-left: 30px;
}

*, *::before, *::after {
   box-sizing: border-box;
}