* {
    margin: 0;
    padding: 0;
}

html, body, form {
    width: 100%;
    height: 100%;
    background: rgb(11,29,47);
    background-image: url(../../images/background.png);
    background-size: 195%;
    background-position: center;
    background-repeat: no-repeat;
}

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

#innerContainer {
    position: relative;
    width: 100%;
    height: 100%;
    top: 30%;
    left: -50%;
}

#loginHeader {
    position: relative;
    top: 8px;
    height: 30px;
    width: 100%;
    background: rgb(38,50,56);
    /*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;
}


#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: 300px;
    display: block;
    bottom: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: white;
    text-align: center;
}

.innerLogin {
    background: rgb(34,45,51);
    margin-top: 45px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 200px;
    z-index: 2;
}


.language-option {
}

    .language-option img {
        width: 20px;
        height: 15px;
        margin-right: 8px;
    }

.selLng {
    display: flex;
    align-items: center;
}

    .selLng.en {
        background-image: url(/images/Flags/england2424.png);
        background-repeat: no-repeat;
        width: 27px;
        height: 24px;
        padding-right: 5px;
    }


    .selLng.al {
        background-image: url(/images/Flags/albania2424.png);
        background-repeat: no-repeat;
        width: 27px;
        height: 24px;
        padding-right: 5px;
    }

    .selLng.fr {
        background-image: url(/images/Flags/france2424.png);
        background-repeat: no-repeat;
        width: 27px;
        height: 24px;
        padding-right: 5px;
    }

    .selLng.de {
        background-image: url(/images/Flags/germany2424.png);
        background-repeat: no-repeat;
        width: 27px;
        height: 24px;
        padding-right: 5px;
    }

    .selLng.tr {
        background-image: url(/images/Flags/turkey.png);
        background-repeat: no-repeat;
        width: 27px;
        height: 24px;
        padding-right: 5px;
        background-position: center;
        background-size: contain;
    }
    .selLng.pl {
        background-image: url(/images/Flags/pl.png);
        background-repeat: no-repeat;
        width: 27px;
        height: 24px;
        padding-right: 5px;
        background-position: center;
        background-size: contain;
    }