/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10.10.2014, 12:21:55
    Author     : root
*/

/*form styles*/

@import url(https://fonts.googleapis.com/css?family=Montserrat);

body {
font-family: montserrat, arial, verdana;
}

#msform {
margin: 40px auto;
text-align: center;
position: relative;
/*
min-height: 480px;
max-width: 400px;*/
}

#msform input[type="text"] {
    
    height: 30px;
	width: 50%;
	float: left;
	clear: both;    
}

#msform button.btn {
    
    margin: 0;
    width: 50%;
}

#msform h1, #msform h2, #msform h3 {
    
    line-height: normal;
    font-weight: bold;
}
#homeCTA .span4 {
    
    min-height: 480px;
}

#msform fieldset {
background: #f4f3f3;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
padding: 20px 20px 0 20px;
box-sizing: border-box;
/*width: 85%;*/
margin: 0 auto 0 20px;
/*stacking fieldsets above each other*/
position: absolute;
max-width: 330px;
}

#homeCTA #msform fieldset, .landingPage #msform fieldset {margin: 0 auto;}

#msform fieldset#field_1 {
position: static;
}

.bootstrap-select.btn-group .btn .filter-option {text-align: center;}

.btn-group {width: 100%;}
.btn-group.bootstrap-select {width: 49% !important;}
.btn-group.bootstrap-select.breed_btn {width: 100% !important;}

.bootstrap-select>.btn {width: 100% !important;}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform input, #msform textarea {
border: 1px solid #ccc;
border-radius: 3px;
width: 5em;
box-sizing: border-box;
color: white;
font-size: 18px;
padding-left: 10px;
padding-right: 10px;
	margin: 1em auto 0 auto; 
}
/*buttons*/
#msform .action-button {
width: 115px;
background: #faa732;
/*font-weight: bold;*/
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #faa732;
}

#msform .action-button.no-hover:hover, #msform .action-button.no-hover:focus{
	box-shadow: none !important;
}

/*headings*/
.fs-title {
font-size: 23px !important;
text-transform: uppercase;
color: #2C3E50 !important;
margin-bottom: 10px;
text-align: left;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
text-align: left;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
display: none;
}
#progressbar li {
list-style-type: none;
color: black;
text-transform: uppercase;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
background: #faa732;
color: white;
}

#progressbar li:first-child {width: 32.33%;}

.flash_gender, .fs_birth, .fs_gender, #attention-block {display: none;}

.flash_birth {display: none !important;}

.bootstrap-select {width: auto !important;}

#disclaimer {cursor: pointer;}

#disclaimer-block { 
    display: none;
    
}
/*
#disclaimer:hover + #disclaimer-block { display: block; }
*/

#disclaimer-block:hover {display: block !important; }


/* tooltip */

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}


.sidebar_go_btn{ 
position: relative;
align-items: center;
align-self: flex-end;
box-sizing: border-box;
display: flex;
height: 44px;
justify-content: center;
margin-bottom: 2px;
margin-left: 35px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
overflow-x: clip;
overflow-y: clip;
padding-bottom: 15px;
padding-left: 40px;
padding-right: 40px;
padding-top: 15px;
width: 105.945px;
text-size-adjust 100%
font-family: "Public Sans", Arial, Helvetica, sans-serif;
font-feature-settings: normal;
font-kerning: auto;
font-optical-sizing: auto;
font-size: 14px;
font-size-adjust: none;
font-stretch: 100%;
font-style: normal;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-weight: 700;
letter-spacing: 0.24px;
line-height: 14px;
text-align: center;
text-decoration-color: rgb(255, 255, 255);
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-thickness: auto;
text-indent: 0px;
text-shadow: none;
text-transform: none;
text-wrap: nowrap;
vertical-align: middle;
white-space-collapse: preserve;
word-spacing: 0px;
color: rgb(255, 255, 255);
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(244, 73, 23);
background-image: none;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(108, 155, 172);
border-bottom-style: solid;
border-bottom-width: 0px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(108, 155, 172);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(108, 155, 172);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(108, 155, 172);
border-top-style: solid;
border-top-width: 0px;
cursor: pointer;
outline-color: rgb(255, 255, 255);
outline-style: none;
outline-width: 0px;
-webkit-border-image: none;
appearance: none;
text-rendering: auto;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
overflow-clip-margin: 0px;
padding-block-end: 15px;
padding-block-start: 15px;
padding-inline-end: 40px;
padding-inline-start: 40px;
user-select: none;
-webkit-rtl-ordering: logical;
transition-behavior: normal;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: ease;
}
.sidebar_go_btn:hover{
	background-color: #006b91;
}