* {
    margin: 0;
    padding: 0;
}

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

#outerContainer {
    position: relative;
    width: 500px;
    height: 500px;
    /*background: teal;*/
    top: 30%;
    left: 50%;
    padding-top: 200px;
    box-sizing: border-box;
}

#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: rgb(99, 106, 109);
    /* 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;
    display: none;
}

#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: #f1df8c;
    text-align: center;
}