* {
    margin: 0;
    padding: 0;
}

html, body, form {
    width: 100%;
    height: 100%;
    background: #e4e4e4;
    /*background:-webkit-radial-gradient(center, circle cover, rgba(10,206,254,1) 0%, rgba(4,46,88,1) 100%);*/
    padding: 10px;
}

#outerContainer {
    position: relative;
    width: 96%;
    height: 500px;
    /*background: teal;*/
    top: 10%;
    left: 42%;
    padding-top: 200px;
    box-sizing: border-box;
    max-width: 450px;

}

#innerContainer {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.05);
    top: -50%;
    left: -50%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /*overflow: hidden;*/
    
}

/*#loginHeader {
    position: relative;
    top: 8px;
    height: 30px;
    width: 100%;
    background: #14805e;
    /*background: rgb(38,88,137);*/
    /*box-sizing: border-box;*/
/*}*/

#gradientHighlight {
    position: absolute;
    height: 8px;
    width: 100%;
    /*background: -webkit-linear-gradient(top, rgb(21,157,209)0%, rgb(21,157,209)25%, rgb(43,182,241)26%, rgb(43,182,241)50%, rgb(33,156,215)51%, rgb(33,156,215)75%, rgb(41,128,181)76%, rgb(41,128,281)100% );*/
    background: -webkit-linear-gradient(top, rgb(111, 157, 175)0%, rgb(125, 164, 179)25%, rgb(113, 151, 167)26%, rgb(106, 128, 138)50%, rgb(61, 97, 115)51%, rgb(101, 123, 134)75%, rgb(71, 93, 107)76%, rgb(53, 60, 70)100% );
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    #innerContainer::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        bottom: -105%;
        left: 0;
        background: -webkit-linear-gradient(top, rgba(255,255,255, 0.1)0%, rgba(255,255,255, 0)40%);
        z-index: 4;
    }

#syte {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url(../../images/client/syte.png) 90% 80% no-repeat;*/
}

#logoHyrje {
    position: absolute;
    top: -30%;
    left: -50%;
    width: 100%;
    height: 200px;
    /*background: url(../../images/client/logoSuperbastEMadhe.png) center center no-repeat;*/
}

.bestViewedWith {
    position: absolute;
    width: 500px;
    display: block;
    bottom: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: white;
    text-align: center;
}