/* 
    Document   : button
    Created on : 04.11.2015, 16:40:08
    Author     : oliverzadori
    Description:
        Purpose of the stylesheet follows.
*/






/* RowToggler als Button */
.greenButtonBlackText, a.greenButtonBlackText, form .greenButtonBlackText, form a.greenButtonBlackText{
    cursor: pointer;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #339900 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: black;
    font-weight: normal;
    vertical-align: central;
    padding: 10px;
}
.greenButtonBlackText:hover, a.greenButtonBlackText:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #339900) );
    background:-moz-linear-gradient( center top, #ededed 5%, #339900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    text-decoration: none;
}



.grayButtonGreenText, a.grayButtonGreenText, .ui-button.grayButtonGreenText{
    cursor: pointer;
    background-color: #dcdcdc;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: #339900;
    vertical-align: central;
    padding: 10px;
    font-weight: bold;
}
.grayButtonGreenText:hover, a.grayButtonGreenText:hover, .grayButtonGreenTextMobileNavi:hover, a.grayButtonGreenTextMobileNavi:hover {
    color: black;
    text-decoration: none;
    font-weight: bold;
    background-color: #68db1f;
}


.grayButtonGreenTextMobileNavi, a.grayButtonGreenTextMobileNavi, .ui-button.grayButtonGreenTextMobileNavi{
    cursor: pointer;
    background-color: #dcdcdc;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: #339900;

    vertical-align: central;
    padding: 4px 10px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 10px;
}

.ui-button .ui-button-text .buttonBerechnenGross{
    color: #339900; width: 100%; font-weight: bolder; font-style: normal; font-size: 20px;  padding-bottom: -5px; padding-top: -5px; padding-left: 0px
}

.telefonWaehlButton{
    padding: 3px 10px;
    font-size: 0.8em !important
}

div.btnZumAboGlow, .ui-widget-content div.btnZumAboGlow{
    background-color: #339900;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    padding: 0.5rem 1.0rem;
    /*    border:1px solid black;*/
    -webkit-box-shadow: 0 0 9px gray; 
    -webkit-animation: glowButtonShadow 3s 20;
    width: 180px;
    text-align: center;
}

/*Text für alle CommandButtons: .ui-button-text-only .ui-button-text*/
/*.ui-button-text-only .ui-button-text {
    color: red
}*/

.ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only .buttonBerechnenGross{
    color: red

}


div.btnZumAbo, .ui-widget-content div.btnZumAbo{
    background-color: #339900;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    padding: 0.5rem 1.0rem;
    -webkit-box-shadow: 0 0 9px gray; 
    -webkit-animation: glowButtonShadow 3s 20;
    width: 180px;
    text-align: center;
}

div.naviButtonGreen, .ui-widget-content div.naviButtonGreen{
    background-color: #339900;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    padding: 0.5rem 1.0rem;
    float: left;
    text-align: center;
    margin-left: 15px;
    margin-top: 10px
}

a.btnZumAbo, .ui-widget-content a.btnZumAbo{

    color:white;
    font-size: 18px;
    font-size: 1.1rem;
    font-weight: bold;
}

a.naviButtonGreen, .ui-widget-content a.naviButtonGreen{

    color:white;
    font-size: 18px;
    font-size: 1.1rem;
    font-weight: bold;
}

a.btnZumAbo:hover, .ui-widget-content a.btnZumAbo:hover{
    text-decoration: none;
    color: black;
}

a.naviButtonGreen:hover, .ui-widget-content a.naviButtonGreen:hover{
    text-decoration: none;
    color: black;
    font-weight: bold;
}

/* für p:commandButton */
.btnZumAbo.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background-color: #339900;
}
.ausgabeTabelleColumn2 .btnZumAbo.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .ausgabeTabelleColumn2 .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    width: 90%;
}
.ausgabeTabelleColumn2 .btnZumAbo span.ui-button-text.ui-c, .ausgabeTabelleColumn2 .btnZumHandy span.ui-button-text.ui-c{
    padding: 0.5rem auto;
    margin-right: 0px;

}
/* für Text von p:commandButton */
.btnZumAbo span.ui-button-text.ui-c, .btnZumHandy span.ui-button-text.ui-c {
    color:white;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: bold;
    padding: 0.5rem 1.0rem;


}
.btnZumAbo.ui-state-hover span.ui-button-text.ui-c, .btnZumHandy.ui-state-hover span.ui-button-text.ui-c, .ui-state-hover span.ui-button-text.ui-c{
    color:black;
}



.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    border: 3px solid #339900;
    font-weight: bold;
    /*-moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
}
.buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background-color: #339900;
    color: white;
}
.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background-color: white;
    color: #339900;
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover{
    background-color: #339900;
    color: white;
    border: 3px solid #339900;
    color: black;
}

.buttonLight, .buttonLightGreen {
    border: 3px solid #339900;
    /*-moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    padding: .35em 1em;
    display: inline-block
}
.buttonLight, .ui-widget-content a.buttonLight{
    background-color: white;
    color: #339900;
}
.buttonLightGreen{
    background-color: #339900;
    color: white;
}
a.buttonLight, a.buttonLight:hover, a.buttonLightGreen, a.buttonLightGreen:hover {
    font-weight: bold;
    margin: 2px;
}
a.buttonLight:hover, a.buttonLightGreen:hover{
    color: black;
    text-decoration: none;
    background-color: #339900;
}





/* inputField, selectOne*/
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield, 
.ui-corner-all.ui-state-default.ui-widget.ui-inputfield, 
.ui-corner-all.ui-state-default.ui-widget.ui-selectonemenu, .ui-corner-all.ui-state-default.ui-widget.ui-inputfield.ui-autocomplete-input{
    background: white;
    font-size: 1.0rem;
    border: 1px #339900 solid;
    
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;

}


/* die Select Items auf der Liste*/
.ui-corner-all.ui-selectonemenu-list-item.ui-selectonemenu-item{
    background: none;
    border: none;

    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius: 2px;
    padding: 5px;
    font-size: 0.9rem;
}
/* das ausgewählte Select Item */
.ui-corner-all.ui-inputfield.ui-selectonemenu-label{
    font-size: 0.9rem;

}
.ui-corner-all.ui-state-default.ui-widget.ui-inputfield.ui-autocomplete-input{
    
    height: 25px;
    width: 100%
}

.ui-corner-all.ui-selectonemenu-list-item.ui-selectonemenu-item:hover{
    background: #339900;
    border: none;
    color: black;

}
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield:focus{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-corner-right.ui-state-default.ui-selectonemenu-trigger{
    background: white;
    border: none;
    bottom: 5px;

}


/* selectOneMenu Ecken des Feldes*/
.ui-corner-all.ui-inputfield.ui-selectonemenu-label, 
.ui-corner-all.ui-state-default.ui-widget.ui-selectonemenu{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;


    border-radius: 0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;

}

/* selectOneMenu Höhe*/
.ui-selectonemenu .ui-selectonemenu-label{
    padding: 8px;

}




/* Textfelder */
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield{
    padding: 8px;
    border-radius: 0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}

.NaviButton, a.NaviButton {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#339900;

    padding:0.4% ;
    text-decoration:none;
    font-size: 17.6px;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px;

}
.NaviButton:hover, a.NaviButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
    text-decoration: none
}

.NaviButtonSmaller, a.NaviButtonSmaller{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#339900;

    padding:0.4% ;
    text-decoration:none;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: bold;
    padding: 0.4em 1em;

}
.NaviButtonSmaller:hover, a.NaviButtonSmaller:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
    text-decoration: none;
    font-weight: bold;
}

.greenButton, .StartButton a.NaviButton{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #339900 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    /*-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;*/
    -moz-border-radius:1.5em;
    -webkit-border-radius:1.5em;
    border-radius:1.5em;
    border:1px solid #dcdcdc;
    display:inline-block;
    color: black;
    vertical-align: central;
}

.StartButton {

    font-size:1em !important;
    font-weight: 200;
    text-decoration:none;
    white-space: normal;
    margin-top: 4px;
    height: 50px; 
    width: 90%;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 0%;
    break-inside: auto;
}



input.schnellProfilTabButtonActive {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e3e3e3), color-stop(1, #fafafa) );
    background:-moz-linear-gradient( center top, #e3e3e3 5%, #fafafa 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa');
    background-color:#e3e3e3;
    -webkit-border-top-left-radius:11px;
    -moz-border-radius-topleft:11px;
    border-top-left-radius:11px;
    -webkit-border-top-right-radius:11px;
    -moz-border-radius-topright:11px;
    border-top-right-radius:11px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#333333;
    font-family:Arial;
    font-size:15px !important;
    font-weight:normal;
    font-style:italic;
    height:33px;
    line-height:33px;
    width: 100%;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;

}
div.schnellProfilTabButtonActive {
    width: 18%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;


}
input.schnellProfilTabButtonActive:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #e3e3e3) );
    background:-moz-linear-gradient( center top, #fafafa 5%, #e3e3e3 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e3e3e3');
    background-color:#fafafa;
}
input.schnellProfilTabButtonActive:active {
    position:relative;
    top:1px;
}


input.schnellProfilTabButtonPassive {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, lightgreen), color-stop(1, #339900) );
    background:-moz-linear-gradient( center top, lightgreen 5%, #339900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339900', endColorstr='#6b6b6b');
    background-color: lightgreen;
    -webkit-border-top-left-radius:11px;
    -moz-border-radius-topleft:11px;
    border-top-left-radius:11px;
    -webkit-border-top-right-radius:11px;
    -moz-border-radius-topright:11px;
    border-top-right-radius:11px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #757575;
    display:inline-block;
    color:#f0f0f0;
    font-family:Arial;
    font-size:15px !important;
    font-weight:normal;
    font-style:normal;
    height:33px;
    line-height:33px;
    /*    width:159px;*/
    width: 100%;
    text-decoration:none;
    text-align:center;


}
div.schnellProfilTabButtonPassive {
    width: 18%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;

}
input.schnellProfilTabButtonPassive:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, lightgreen) );
    background:-moz-linear-gradient( center top, #339900 5%, lightgreen 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339900', endColorstr='#636363');
    background-color: lightgreen;
}
input.schnellProfilTabButtonPassive:active {
    position:relative;
    top:1px;
}

#schnellProfilTabMenu{
    float: left;
    background-color: #339900; 
    margin-top: 0px; 
    padding-top: 30px;
    width: 100%;
    background:-moz-linear-gradient( center top, #339900 5%, #339900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339900', endColorstr='#339900');
    background-color:#339900;
    -webkit-border-top-left-radius:11px;
    -moz-border-radius-topleft:11px;
    border-top-left-radius:11px;
    -webkit-border-top-right-radius:11px;
    -moz-border-radius-topright:11px;
    border-top-right-radius:11px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;

}

/* für den Text p:commandButton*/
.btnBerechnen span.ui-button-text {
    color: #339900; 
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}
/* für den Button p:commandButton*/
#erweitertesProfilInputFelderWrapper .ui-button.btnBerechnen, #welcomeSchnellprofil.ui-button.btnBerechnen   {
    width: 50%;
    margin-top: 20px;

}
.ui-button.btnBerechnen  {
    width: 90%;
    margin-top: 20px; margin-bottom: 15px
}

/* für den Text p:commandButton*/
.btnBerechnenStart span.ui-button-text {
    color: #339900; 
    font-size: 18px;
    font-size: 1.15rem !important; 
    font-weight: bolder
}
.ui-button.btnBerechnenStart  {
    width: 90%;
}

.btnBerechnenStartAusland span.ui-button-text {
    color: #339900; 
    font-size: 18px;
    font-size: 1.15rem;
    font-weight: bolder
}
.ui-button.btnBerechnenStartAusland  {
    width: 250px;
}




.ui-fieldset-legend.ui-corner-all.ui-state-default{
    font-size: 12.8px;
    font-size: 0.8rem;
    font-weight: normal;
}


.reihe{
    margin-bottom: 40px;
}



@media only screen and (max-width: 736px){


    .greenButton{
        clear: both;
        font-weight: normal;
        text-decoration: none;
        background:none;
        filter:none;
        background-color:white;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
        border:none;
        display:inline-block;

    }

    .greenButton:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #339900) );
        background:-moz-linear-gradient( center top, #ededed 5%, #339900 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color:#dfdfdf;
    }
    a.greenButton:hover {
        text-decoration: none;
        color: white;
    }

    .StartButton{
        height: auto;
        width: 100%;
    }
    a.StartButton:hover{
        background: none;
        color: black;
        text-decoration: underline;
    }

}
@media only screen and (max-width: 736px){
    .StartButton{
        padding-top: 5px;
    }
}

@media only screen and (max-width: 530px){
    div.naviButtonGreen, .ui-widget-content div.naviButtonGreen{

        float: left;
        text-align: center;
        margin-left: 2%;
        margin-top: 10px;
        padding: 0.5rem 0.5rem;
    }


    a.naviButtonGreen, .ui-widget-content a.naviButtonGreen{
        font-weight: normal;
        font-size: 3.9vw;
    }
}

@media only screen and (max-width: 420px){
    div.schnellProfilTabButtonActive, div.schnellProfilTabButtonPassive{
        margin-left: 0%!important;
        margin-right: 0%!important;
        width: 20%;
    }

    .smallButton, a.smallButton, form.smallButton, form a.smallButton{
        padding: 10px 4px;
        font-size: 12px;
        font-size: 0.78rem;
        margin-right: 8px;
    }


    .NaviButtonSmaller, a.NaviButtonSmaller{
        font-size: 12px;
        font-size: 0.78rem;
        font-weight: normal;
        padding: 0.4rem 0.5rem;
        margin-right: 0.5rem;
    }
    .NaviButtonSmaller:hover, a.NaviButtonSmaller:hover {
        font-weight: normal;
    }

}

@media only screen and (max-width: 380px){
    div.schnellProfilTabButtonActive, div.schnellProfilTabButtonPassive{
        margin-left: 0%!important;
        margin-right: 0%!important;
        width: 20%;


    }
    input.schnellProfilTabButtonActive, input.schnellProfilTabButtonPassive{
        font-size: 3vw !important;

    }
}