body {
    font-family: 'Helvetica Light',Helvetica,Arial,sans-serif;
    max-width: 1082px;
    border: 1px solid black;
    margin: auto;
}

.container {
    max-width: 1080px;
    min-height: 815px;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}

.backgr_img_1{
    background-image: url('/static/img/BKGRND-child.jpg');
    background-repeat: no-repeat;
}

.backgr_img_2{
    background-image: url('/static/img/BKGRND.jpg');
    background-repeat: no-repeat;
}


#wizard {
    float: right;
    margin-right: 70px;
}

footer {
    width: 100%;
    padding: 20px 0px 10px;
    background-color: #4A5661;
}

footer p {
    text-align: right;
    margin-right: 20px;
    color: white;
}

.red_top {
    width: 100%;
    height: 10px;
    background-color: #D50F2B;
}

.blue_top {
    background-color: #219CED;
    width: 100%;
    height: 120px;
}

.blue_top h1 {
    font-family: Helvetica Bold,Arial,sans-serif;
    font-size: 21pt;
    color: white;
    margin-left: 25px;;
    margin-top: 0px;
    padding-top: 25px;
    font-size: 2em;
}

.blue_top h2 {
    font-family: Helvetica Light,Arial,sans-serif;
    font-size: 21pt;
    color: white;
    margin-left: 25px;
    margin-top: 0px;
    font-weight: normal;
    font-size: 1.5em;
}

.tab-content {
    height: 100%;
}

.form-horizontal .form-group{
    margin-top: 20%;
    margin-left: 0;
    margin-right: 0;
}

.form-control {
    background-color: #B4E2F9;
    border-radius: 0;
}

label {
    font-weight: normal;
    dispaly: inline;
}

.lang-form {
    margin-left:70px;
    width: 30%;
    margin-top: 10%;
}

button.dropdown-toggle {
    background-color: white;
    background-image: none;
}

*:focus,
*:active{
    outline:0 !important;
    box-shadow:none !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: white;
    background-image: none;
}
.dropdown-menu{
    background-color: #77808A;
    border-radius: 0;
    margin-top: 0px;
}

a.l_option,
a.l_option:hover,
a.l_option:focus,
a.l_option:active{
    color: #fff !important;
    background: #77808A !important;
}
.sample_img{
    position: absolute;
    right: 500px;
    top: 170px;
}

.error {
    margin-top: 25px;
    background-color: #D50F2B;
    padding: 20px 20px;
    color: white;
    display: inline-block;
    background-image: url('/static/img/Error-Triangle.png');
    background-repeat: no-repeat;
    background-position: 10px;
}

.disp_er{
    display:table;
    margin-left: 80px;
}

.small_label {
    font-size: smaller;
}

.fh-checkbox-small{
    margin-top: 20%;
}

.pager{
    position: absolute;
    right: 110px;
    bottom: 20px;
}

.pager li>a, .pager li>a:hover, .pager li>a:focus {
    background-color: #D50F2B;
    color: white;
    border-radius: 0;
    padding: 8px 28px;
    float: right;
}

.nav-pills>li {
    margin: 20px 0px;
}

.nav-pills>li.dots {
    paddin-bottom: 5px;
    top:10px;
}

.nav-pills>li>a {
    border: 1px solid #4A5661;
    border-radius: 100%;
    padding: 13px 18px;
    color: #4A5661;
    font-weight: bold;
}

.nav-pills>li>a:hover, .nav-pills>li>a:focus {
    background-color: white;
    cursor: default;
}


.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #4A5661;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #B4E2F9;
	padding: 9px;
	display: inline-block;
	position: relative;
    float: left;
}

.regular-checkbox:checked + label {
	background-color: #B4E2F9;
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}


.big-checkbox + label {
	padding: 18px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}

.tag {
	position: relative;
	top: 5px;
    margin-left: 46px;
	display: block;
}

.tag.small_label {
    top:0;
    margin-left: 30px;
    max-width: 380px;
}

.fh-checkbox {
    margin-top: 20px;
    margin-bottom: 3em;
    clear: both;
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

canvas {
    border: 1px solid grey;
}

.m-signature-pad {
    border: 1px solid black;
    width: 325px;
    padding: 10px;
}

.button.clear{
    float:left;
    margin-right:20%;
    background-color: white;
    border-radius: 5px;
}

.button.save{
    float:right;
    background-color: white;
    border-radius: 5px;
}

.m-signature-pad--footer > .description{
    float: left;
}

.m-signature-pad--footer{
    height: 30px;
}

.welcome-form{
    padding: 0 70px;
}

.icon{
    float: left;
    margin-right: 15px;
}

.box {
    display: table;
    margin: 40px 0;
}

.box_title{
    background-color: #219CED;
    color: white;
    padding: 5px 10px;
    display: inline-block;
}

.box_footer{
    background-color: #219CED;
    color: white;
    padding: 5px 10px;
}

.descr{
    background-color: #B3E2FA;
    padding: 10px;
}

.thank-you {
	margin: 0 70px;
}

.disclaimer {
    margin-bottom: 60px;
}

.spinning {
    -webkit-animation: spinning 2s infinite linear;
    animation: spinning 2s infinite linear;
}

@-webkit-keyframes spinning {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spinning {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}