html, body {
    margin: 0px;
    height: 100%;
    /*font-family: 'Open Sans';*/
    font-family: titillium_webregular !IMPORTANT;
    font-size:13px !important;
}


.login, .register {
    width: 420px;
    display: block;
    top: 80px;
    position: absolute;
    right: 50px;
    margin-left: -210px;
    z-index: 1020;
    background: rgba(0, 0, 0, 0.3);
    color: #FFF;
}
.login-brand, .register-brand {
    padding: 15px 30px;
    font-size: 30px;

    border-radius: 8px 8px 0 0;
}
.text-white {
    color: #fff;
}
.bg-inverse {

}

.login-input{
    background-clip:
        border-box
        ;
    background: none;
    background-image:
        none
        ;
    background-color: #FFF;
    background-origin:
        padding-box
        ;
    background-size:
        auto
        ;
    border-bottom-color:
        rgb(196, 202, 207);
    border-bottom-style:
        solid
        ;
    border-bottom-width:
        2px
        ;
    border-image-outset:
        0px
        ;
    border-image-repeat:
        stretch
        ;
    border-image-slice:
        100%
        ;
    border-image-source:
        none
        ;
    border-image-width:
        1
        ;
    border-left-color:
        rgb(196, 202, 207)
        ;
    border-left-style:
        solid
        ;
    border-left-width:
        2px
        ;
    border-right-color:
        rgb(196, 202, 207)
        ;
    border-right-style:
        solid
        ;
    border-right-width:
        2px
        ;
    border-top-color:
        rgb(196, 202, 207)
        ;
    border-top-style:
        solid
        ;
    border-top-width:
        2px
        ;
    box-shadow:
        none
        ;
    box-sizing:
        border-box
        ;
    color:#000;
    cursor:
        auto
        ;
    display:
        block
        ;
    font-family:
        Nunito, sans-serif
        ;
    font-size:
        16px
        ;
    font-stretch:
        normal
        ;
    font-style:
        normal
        ;
    font-variant-caps:
        normal
        ;
    font-variant-ligatures:
        normal
        ;
    font-variant-numeric:
        normal
        ;
    font-weight:
        normal
        ;
    height:
        46px
        ;
    letter-spacing:
        normal
        ;
    line-height:
        21.3333px
        ;
    margin-bottom:
        0px
        ;
    margin-left:
        0px
        ;
    margin-right:
        0px
        ;
    margin-top:
        0px
        ;
    padding-bottom:
        10px
        ;
    padding-left:
        16px
        ;
    padding-right:
        16px
        ;
    padding-top:
        10px
        ;
    text-align:
        start
        ;
    text-indent:
        0px
        ;
    text-rendering:
        auto
        ;
    text-shadow:
        none
        ;
    text-size-adjust:
        100%
        ;
    text-transform:
        none
        ;
    transition-delay:
        0s, 0s
        ;
    transition-duration:
        0.15s, 0.15s
        ;
    transition-property:
        border-color, box-shadow
        ;
    transition-timing-function:
        ease-in-out, ease-in-out
        ;
    user-select:
        text
        ;
    width:
        360px
        ;
    word-spacing:
        0px
        ;
    writing-mode:
        horizontal-tb
        ;
    -webkit-appearance:
        none
        ;
    -webkit-rtl-ordering:
        logical
        ;
    -webkit-tap-highlight-color:
        rgba(0, 0, 0, 0)
        ;
    -webkit-border-image:
        none
        ;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { 
    -webkit-box-shadow:0 0 0 50px #FFF inset; 
    /* transition: background-color 5000s ease-in-out 0s;
      -webkit-text-fill-color: #FFF;*/
}
.background {
    position: fixed;
    content: " ";
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(/images/background.webp?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260) center no-repeat no-repeat;
    background-size: cover;
    /*
    images.pexels.com/photos/417074/pexels-photo-417074.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260
    */
    /*images.pexels.com/photos/147411/italy-mountains-dawn-daybreak-147411.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260*/
}
#floatDiv{
    display: none;
    position:absolute;
    left:30px;
    top:80px;
    width:500px;
    height:500px;
    background-color: #fff;
}

#contentDivId:after{
    content: ""
}