/*
    Created on : 28 févr. 2017, 12:06:56
    Author     : trobador
*/

.k4x {
    background-color: rgba(78, 100, 121, 0.9);
    color: #FFFFFF;
    padding: 0.3em;
    font-family: "Raleway",sans-serif;
}

.k4x.closed {
    display: none;
}

.k4x.open {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    transition: bottom 2s ease-out;
    box-shadow: 0 -1px 10px 0 rgba(117,117,117,0.7);
    height: auto;
}

.k4x .knews_add_user label,
.k4x .knews_add_user .requiredtext {
    display: none;
}

.k4x .x-container {
    display: table;
    width: 100%;
}

.k4x .x-column {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    float: none;
    margin: 0;
}

.k4x .title {
    font-size: 25px;
    font-weight: bold;
    width: 25%;
}

.k4x .text {
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    width: 40%;
    padding-left: 1em;
    line-height: normal;
}

.k4x .form {
    width: 25%;
}

.k4x .form input, .k4x .form input:focus, .k4x .form [type="submit"]:hover, .k4x .form [type="submit"] {
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    margin: 0;
    padding: 0.2em;
    height: 2.5em;
    border: 1px solid #ffffff;
    font-size: 1em;
    font-weight: 700;
}

.k4x .form [type="submit"]:hover, .k4x .form [type="submit"] {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: 500;

}

.k4x .form fieldset {
    display: inline-block;
}

.k4x .form .knewsemail input {
    background-color: rgba(78, 100, 121, 0.9);
    color: #FFFFFF;
}

.k4x .form .knewsemail input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FFFFFF;
}
.k4x .form .knewsemail input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFFFFF;
   opacity:  1;
}
.k4x .form .knewsemail input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFFFFF;
   opacity:  1;
}
.k4x .form .knewsemail input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FFFFFF;
}

.k4x form {
    margin: 0;
}

.k4x .close-button {
    font-size: 25px;
    width: 10%;
    cursor: pointer;
}

.k4x .form .response {
    font-weight: bold;
}

.k4x .form .response a {
    color: #FFFFFF;
    text-decoration: underline;
}

.k4x .legal {
    font-size: 13px;
    font-style: italic;
    text-align: center;
    padding: 0 1em;
    line-height: normal;
}

.k4x .legal p {
    margin: 0;
    line-height: normal;
}

.k4x .legal a, .k4x .legal a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}