/*
 ########## BreezingForms 1.6.5 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2009 crosstec.de. All rights reserved.
 ########################################
*/
.bfElementGroup input[type='radio']{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type='radio']{
    vertical-align: top;
}
.bfElementGroup input[type='checkbox']{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type='checkbox']{
    vertical-align: top;
}
/* ##### General BreezingForms styles ##### */

.bfQuickMode {
    padding-bottom: 50px;
}

.bfQuickMode fieldset {

}

.bfQuickMode legend {

}

.bfQuickMode p.bfElemWrap {

}

.bfQuickMode span.bfElemWrap {

}

/* ##### inline ##### */

.bfQuickMode fieldset fieldset legend {

}

.bfQuickMode fieldset.bfInline {

}

.bfQuickMode fieldset.bfInline p {

}

/* ##### Input Fields ##### */

.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select {
    border: 0;
    background-color: #cceeef;
    padding: 10px 11px 11px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 1em;
    width: 400px;
    color: #000;
    display: block;
    margin: auto !important;
    float: none !important;
    margin-bottom: 25px !important;
    transition: box-shadow 0.3s;
}

.bfQuickMode textarea
{
    height: 200px;
    font-family: sans-serif;
    text-align: left;
}

.bfQuickMode textarea:hover, .bfQuickMode input[type='text']:hover, .bfQuickMode input[type='password']:hover, .bfQuickMode select:hover {
    
}

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
    border: none;
    box-shadow: 0 0 5px 0 #0FB2B6 inset;
    filter: brightness(100%);
}

.bfQuickMode input[type='button'], .bfQuickMode input[type='submit'], .bfQuickMode input[type='checkbox'], .bfQuickMode input[type='image'], .bfQuickMode input[type='radio'], .bfQuickMode input[type='reset'], .bfQuickMode select, .bfQuickMode button {

}

.bfQuickMode input[type='hidden'] { display: none; }

/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {

}

/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {

}

/* ##### max length message ##### */

.bfMaxLengthCounter {
    color: #666;
}

/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
    background: transparent url('img/icon_info.png') right top no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {

}

.bfQuickMode .bfSectionDescription p {

}

/* ##### required ##### */

.bfQuickMode .bfRequired {

}

/* ##### buttons ##### */

.bfQuickMode input[type='submit'], .bfQuickMode input[type='reset']  {

}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    display: block;
    margin: auto;
    float: none;
    background-color: #00D9DE;
    color: #58675F;
    font-size: 1em;
    padding: 10px 20px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    transition: filter 0.3s;
}

.bfQuickMode .bfSubmitButton:hover
{
    filter: brightness(130%);
    background-color: #00D9DE;
    color: #58675F;
}

.bfQuickMode .bfPrevButton {

}

.bfQuickMode input.bfCalendar {

}

.bfQuickMode label
{
    display: none;
}

#bfLabel32
{
    display: block;
    text-align: center;
    float: none;
    width: 100%;
    font-size: 2.2em;
    color: #00aab1;
    margin-bottom: 25px;
}

.bfRolloverBg
{
    background: transparent !important;
}

#bfElementGroupNoWrap32
{
    width: 100%;
    text-align: center;
    float: none;
    display: block;
    margin-bottom: 25px;
}

.bfQuickMode input[type='checkbox']
{
    display: none !important;
}

.bfQuickMode input[type='checkbox']:before
{
    content: "✔";
    border: 2px solid #00aab1;
}

.bfQuickMode input[type='checkbox'] + label
{
    font-size: 1em;
    line-height: 1.6em;
}

.bfQuickMode input[type='checkbox'] + label:before
{
    content: "✔";
    border: 3px solid #00aab1;
    padding: 0 6px 2px;
    margin-right: 5px;
    color: transparent;
    transition: color 0.3s, border 0.3s;
    border-radius: 10px;
}

.bfQuickMode input[type='checkbox'] + label:hover:before,
.bfQuickMode input[type='checkbox']:checked + label:hover:before
{
    border: 3px solid #64e8ef;
}

.bfQuickMode input[type='checkbox']:checked + label:before
{
    content: "✔";
    border: 3px solid #00aab1;
    color: black;
}

@media (max-width: 440px)
{
    .bfQuickMode input[type='checkbox'] + label
    {
        display: block !important;
    }
}