/**SIMPLE THEME BACK END MOS**/
/*Desainer		: Ari Rusmanto*/
/*Email			: hello@arirusmanto.com*/
/*YM			: ariecupu@ymail.com*/
/*Official Site	: arirusmanto.com*/

@import'../bootstrap/css/bootstrap.css';

@font-face {
    font-family: "JF Flat Regular";
    src: url('../fonts/JF-Flat-regular.eot');
    src: url('../fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'), url('../fonts/JF-Flat-regular.woff') format('woff'), url('../fonts/JF-Flat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "JF Flat Regular" !important;
    color: #5c6267 !important
}

.control-label {
    font-size: 14px;
    line-height: 30px;
    margin: 0;
}

.taitle {
    text-align: right !important;
    padding-right: 10px;
}

.clear {
    clear: both;
}
/*small {font-size: 11px; color: 5b5b5b;}*/
img {
    border: none;
}

a {
    color: #527e19;
    text-decoration: none;
}

    a:hover {
        color: #000;
    }

label {
    padding: 0;
    margin: 0 0 10px 0;
}

input.login {
    width: 100%;
    margin: 0;
}

input.panjang {
    width: 100%;
}

input.sedang {
    width: 40%;
}

input.pendek {
    width: 25%;
}

input.panjang:focus {
    -moz-box-shadow: 0px 0px 5px #dcdcdc;
    -webkit-box-shadow: 0px 0px 5px #dcdcdc;
    background: #feffdc;
    text-shadow: 1px 0px #fff;
}

input.sedang:focus {
    -moz-box-shadow: 0px 0px 5px #dcdcdc;
    -webkit-box-shadow: 0px 0px 5px #dcdcdc;
    background: #feffdc;
    text-shadow: 1px 0px #fff;
}

input.pendek:focus {
    -moz-box-shadow: 0px 0px 5px #dcdcdc;
    -webkit-box-shadow: 0px 0px 5px #dcdcdc;
    background: #feffdc;
    text-shadow: 1px 0px #fff;
}

.button {
    cursor: pointer;
    padding: 4px 10px 4px 10px;
    color: #fff;
    background: url(img/green.jpg) repeat left center;
    border: 1px solid #71bb3b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

    .button:hover {
        color: #2e2e2e;
    }

    .button:active {
        background: #71bb3b;
        color: #fff;
    }

select {
    padding: 4px;
    color: #5b5b5b;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}

    select:focus {
        -moz-box-shadow: 0px 0px 5px #dcdcdc;
        -webkit-box-shadow: 0px 0px 5px #dcdcdc;
        background: #feffdc;
        text-shadow: 1px 0px #fff;
    }

textarea:focus {
    -moz-box-shadow: 0px 0px 5px #dcdcdc;
    -webkit-box-shadow: 0px 0px 5px #dcdcdc;
    background: #feffdc;
    text-shadow: 1px 0px #fff;
}

textarea {
    padding: 4px;
    color: #5b5b5b;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    width: 100%;
    height: 230px;
    resize: none;
}

table {
    border: none;
    font-size: 12px;
}

td {
    border: none;
    padding: 5px;
}

table.data {
    border: 1px solid #dcdcdc;
    margin: 10px 0px 20px 0px;
    width: 97%;
    border-collapse: collapse;
    font-size: 12px;
}

th.data {
    padding: 8px 4px 8px 4px;
    border: 1px solid #dcdcdc;
    background: url(img/green.jpg)repeat left center;
    text-shadow: 1px 0px #003362;
    color: #fff
}

td.data {
    padding: 4px;
    border: 1px solid #dcdcdc;
    color: #5b5b5b;
    vertical-align: top;
}

tr.data {
    background: #fff
}

    tr.data:hover {
        background: #feffdc;
    }

    tr.data small a {
        color: #fff;
    }

    tr.data small {
        color: #fff;
    }

    tr.data:hover small a {
        color: #527e19;
    }

        tr.data:hover small a:hover {
            color: #000;
        }

    tr.data:hover small {
        color: #5b5b5b;
    }

.quoteOfDay {
    border: 1px solid #cbe0b5;
    background: #f7ffe8 url(img/daun.png) no-repeat left center;
    float: left;
    width: 640px;
    padding: 10px 10px 10px 70px;
    min-height: 50px;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
}

.sukses {
    border: 1px solid #cbe0b5;
    background: #f7ffe8 url(img/sukses.png) no-repeat left center;
    float: left;
    width: 640px;
    padding: 15px 10px 15px 50px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
    color: #cbe0b5;
}

.gagal {
    border: 1px solid #e78686;
    background: #ffe1e1 url(img/gagal.png) no-repeat left center;
    float: left;
    width: 640px;
    padding: 15px 10px 15px 50px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
    color: #e78686;
}

.informasi {
    border: 1px solid #86afe7;
    background: #e7f1ff url(img/informasi.png) no-repeat left center;
    float: left;
    width: 640px;
    padding: 15px 10px 15px 50px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
    color: #86afe7;
}

#header {
    width: 100%;
    /* border-bottom: 1px solid #dcdcdc; */
    background: #ddf1fd;
    height: 75px;
    z-index: 1000;
    -moz-box-shadow: 0px 0px 8px #dcdcdc8a;
    -webkit-box-shadow: 0px 0px 8px #dcdcdc8a;
    box-shadow: 0px 0px 8px #dcdcdc8a;
    position: absolute;
}

.inHeader {
    /*float: center;*/
    background: url(img/logo.png) no-repeat left center;
    margin: auto;
    width: 920px;
    height: 45px;
    padding: 15px;
    border-right: 0px solid #dcdcdc;
    border-left: 0px solid #dcdcdc;
}

.inHeaderLogin {
    /*background: url(../Images/logo-shamel.png) no-repeat 20px center;*/
    height: 75px;
    padding: 0px 40px;
}

.mosAdmin {
    float: right;
    border: 0px solid #dcdcdc;
    margin: 0 1px 0 auto;
    text-align: right;
    padding: 10px 40px 10px 10px;
    background: url(img/Administrator.png) no-repeat right center;
    text-shadow: 1px 1px #fff;
}

#loginForm {
    width: 500px;
    height: 300px;
    border: 1px solid #dcdcdc;
    /*float: center;*/
    text-align: left;
    background: #fff url(img/lock.png) no-repeat left center;
    margin: 50px auto 0 auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.headLoginForm {
    padding: 20px 0;
    font-size: 18px;
    text-align: right;
    float: right;
    width: 100%;
}

.fieldLogin {
    margin: 30px 5px 0 140px;
}

#wrapper {
    width: 950px;
    padding: 15px 0 0 0;
    position: relative;
    /*float: center;*/
    margin: auto;
    text-align: left;
}

#leftBar {
    width: 185px;
    float: left;
    padding: 0 0 20px 10px;
    border-right: 0px solid #dcdcdc;
    text-align: left;
}

    #leftBar ul {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 13px;
    }

        #leftBar ul li {
            width: 164px;
            background: url(img/icon-left.png) no-repeat left center, url(img/green.jpg) repeat left center;
            padding: 10px 0 10px 10px;
            margin-top: 8px;
            margin-left: 9px;
            border: 1px solid #dcdcdc;
            -moz-border-radius-topleft: 8px;
            -moz-border-radius-bottomleft: 8px;
            -webkit-border-top-left-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
            -o-border-top-left-radius: 8px;
            -o-border-bottom-left-radius: 8px;
        }

            #leftBar ul li a {
                width: 100%;
                color: #2e2e2e;
                cursor: pointer;
                padding: 10px 65px 10px 20px;
                -webkit-transition: padding-left 250ms ease-out;
                -moz-transition: padding-left 250ms ease-out;
                -o-transition: padding-left 250ms ease-out;
            }

                #leftBar ul li a:hover {
                    padding-left: 30px;
                    text-decoration: none;
                    color: #fff;
                    text-shadow: 1px 1px #496d2a;
                }

#rightContent {
    width: 725px;
    padding: 5px;
    float: right;
    border-left: 0px solid #dcdcdc;
    text-align: left;
    background: #fff;
}

    #rightContent h3 {
        font-size: 20px;
        font-weight: normal;
        padding: 0;
        margin: 5px;
        border-bottom: 1px dashed #dcdcdc;
    }

.shortcutHome a {
    width: 65px;
    padding: 20px;
    border: 1px solid #dcdcdc;
    height: 100px;
    float: left;
    margin: 10px 0 10px 10px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

    .shortcutHome a:hover {
        color: #5b5b5b;
        text-decoration: none;
    }

        .shortcutHome a:hover img {
            opacity: 1;
            color: #5b5b5b;
            padding-top: 10px;
        }

.shortcutHome img {
    opacity: 0.8;
    -webkit-transition: padding-top 250ms ease-out;
    -moz-transition: padding-top 250ms ease-out;
    -o-transition: padding-top 250ms ease-out;
}

#smallRight {
    width: 315px;
    padding: 5px 10px 5px 10px;
    margin: 10px;
    border: 1px solid #dcdcdc;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

    #smallRight h3 {
        font-size: 16px;
        padding: 5px;
        margin: 0px;
        border-bottom: 1px solid #dcdcdc;
    }

#footer {
    width: 950px;
    padding: 15px 0 15px 0;
    text-align: center;
    font-size: 11px;
    border-top: 1px solid #dcdcdc;
    background: #fff;
}

.btnLang {
    width: 52px !important;
    height: 22px;
    float: right;
    margin: 0px;
    background: transparent url('../Images/eng_icon.png')no-repeat !important;
    border: none;
    margin-top: 22px !important;
    margin-left: 0px !important;
}

.btnLogout {
    width: 35px !important;
    height: 22px;
    float: right;
    margin: 0px;
    background: transparent url('../Images/logout.png')no-repeat !important;
    border: none;
    margin-top: 3px;
    margin-left: 0px !important;
}

    .btnLang:hover, .btnLogout:hover {
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
    }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: right;
}

@-webkit-keyframes wave1 {
    0% {
        -webkit-transform: skewX(-55deg);
        transform: skewX(-55deg);
    }

    50% {
        -webkit-transform: skewX(-50deg);
        transform: skewX(-50deg);
    }

    100% {
        -webkit-transform: skewX(-55deg);
        transform: skewX(-55deg);
    }
}

@keyframes wave1 {
    0% {
        -webkit-transform: skewX(-55deg);
        transform: skewX(-55deg);
    }

    50% {
        -webkit-transform: skewX(-50deg);
        transform: skewX(-50deg);
    }

    100% {
        -webkit-transform: skewX(-55deg);
        transform: skewX(-55deg);
    }
}

@-webkit-keyframes wave2 {
    0% {
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
    }

    50% {
        -webkit-transform: skewX(-40deg);
        transform: skewX(-40deg);
    }

    100% {
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
    }
}

@keyframes wave2 {
    0% {
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
    }

    50% {
        -webkit-transform: skewX(-40deg);
        transform: skewX(-40deg);
    }

    100% {
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
    }
}

@-webkit-keyframes wave3 {
    0% {
        -webkit-transform: skewX(-65deg);
        transform: skewX(-65deg);
    }

    50% {
        -webkit-transform: skewX(-60deg);
        transform: skewX(-60deg);
    }

    100% {
        -webkit-transform: skewX(-65deg);
        transform: skewX(-65deg);
    }
}

@keyframes wave3 {
    0% {
        -webkit-transform: skewX(-65deg);
        transform: skewX(-65deg);
    }

    50% {
        -webkit-transform: skewX(-60deg);
        transform: skewX(-60deg);
    }

    100% {
        -webkit-transform: skewX(-65deg);
        transform: skewX(-65deg);
    }
}

@-webkit-keyframes wave4 {
    0% {
        -webkit-transform: skewX(-65deg);
        transform: skewX(-65deg);
        border-radius: 0;
    }

    50% {
        -webkit-transform: skewX(-60deg) rotateX(50deg);
        transform: skewX(-60deg) rotateX(50deg);
        border-radius: 90%;
    }

    100% {
        -webkit-transform: skewX(-65deg);
        transform: skewX(-65deg);
        border-radius: 0;
    }
}

@keyframes wave4 {
    0% {
        -webkit-transform: skewX(-65deg);
        transform: skewX(-65deg);
        border-radius: 0;
    }

    50% {
        -webkit-transform: skewX(-60deg) rotateX(50deg);
        transform: skewX(-60deg) rotateX(50deg);
        border-radius: 90%;
    }

    100% {
        -webkit-transform: skewX(-65deg);
        transform: skewX(-65deg);
        border-radius: 0;
    }
}

body, html {
    height: 100%;
}

.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/20.jpg) top center no-repeat;
    position: fixed;
    left: 0;
    right: 0;
    height: 100%; 
    top: 0;
    bottom: 0;
    width: 100%;
    background-size: cover;
}

.stripe {
    position: absolute;
    width: 500px;
    height: 500px;
}

.stripe1 {
    top: -300px;
    left: -300px;
    -webkit-transform: skewX(-55deg);
    transform: skewX(-55deg);
    background: rgba(33, 150, 243, 0.3);
    -webkit-animation: wave1 6s infinite;
    animation: wave1 6s infinite;
}

.stripe2 {
    top: -350px;
    left: -350px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    background: rgba(33, 150, 243, 0.2);
    -webkit-animation: wave2 6s infinite;
    animation: wave2 6s infinite;
}

.stripe3 {
    top: -356px;
    left: -200px;
    -webkit-transform: skewX(-65deg);
    transform: skewX(-65deg);
    background: rgba(33, 150, 243, 0.1);
    -webkit-animation: wave3 6s infinite;
    animation: wave3 6s infinite;
}

.stripe4 {
    top: -322px;
    left: -200px;
    -webkit-transform: skewX(-65deg);
    transform: skewX(-65deg);
    background: rgba(33, 150, 243, 0.1);
    -webkit-animation: wave3 6s infinite;
    animation: wave3 6s infinite;
}

.stripe5 {
    top: -380px;
    left: -200px;
    -webkit-transform: skewX(-65deg);
    transform: skewX(-65deg);
    background: rgba(33, 150, 243, 0.4);
    -webkit-animation: wave3 6s infinite;
    animation: wave3 6s infinite;
}

.stripe6 {
    top: -179px;
    left: -191px;
    -webkit-transform: skewX(-65deg);
    transform: skewX(-65deg);
    background: rgba(33, 150, 243, 0.08);
    -webkit-animation: wave4 6s infinite linear;
    animation: wave4 6s infinite linear;
}

.stripe7 {
    top: -316px;
    left: 51px;
    -webkit-transform: skewX(-55deg);
    transform: skewX(-55deg);
    background: rgba(33, 150, 243, 0.06);
    -webkit-animation: wave4 6s infinite linear;
    animation: wave4 6s infinite linear;
}

.form8 {
    width: 480px;
    margin: 0 auto;
    padding: 40px;
    box-shadow: 0px 0px 39px -5px rgba(0, 0, 0, 0.34);
    background: #fff;
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    transition: all 0.5s ease;
    border-bottom: 4px solid #248afd;
    direction: rtl
}

    .form8.register__bg {
        transition: all 0.5s ease;
        background: #248afd;
        border-color: #a32c00;
    }

        .form8.register__bg .stripe1 {
            background: rgba(255, 255, 255, 0.3);
        }

        .form8.register__bg .stripe2 {
            background: rgba(255, 255, 255, 0.2);
        }

        .form8.register__bg .stripe3 {
            background: rgba(255, 255, 255, 0.1);
        }

        .form8.register__bg .stripe4 {
            background: rgba(255, 255, 255, 0.1);
        }

        .form8.register__bg .stripe5 {
            background: rgba(255, 255, 255, 0.4);
        }

        .form8.register__bg .stripe6 {
            background: rgba(255, 255, 255, 0.08);
        }

        .form8.register__bg .stripe7 {
            background: rgba(255, 255, 255, 0.06);
        }

        .form8.register__bg .form8__text span {
            color: #fff;
        }

        .form8.register__bg .form8__btncircle span {
            background: #fff;
        }

        .form8.register__bg .form8__btn {
            background: #fff;
            color: #248afd;
        }

            .form8.register__bg .form8__btn::before {
                color: #248afd;
            }

        .form8.register__bg input {
            color: #fff;
            border-bottom-color: #fff;
        }

            .form8.register__bg input::-webkit-input-placeholder {
                color: #fff;
            }

            .form8.register__bg input::-moz-placeholder {
                color: #fff;
            }

            .form8.register__bg input:-moz-placeholder {
                color: #fff;
            }

            .form8.register__bg input:-ms-input-placeholder {
                color: #fff;
            }

    .form8 input, .form8 select {
        display: block;
        width: 100%;
        background: transparent;
        border: 0;
        height: 50px;
        line-height: 50px;
        outline: none;
        border-bottom: 1px solid #807b7b;
        color: #248afd;
        font-size: 12px;
        box-shadow: none;
    }

        .form8 input::-webkit-input-placeholder, .form8 select::-webkit-input-placeholder {
            transition: all 0.2s ease;
            opacity: 1;
            color: #807b7b;
        }

        .form8 input::-moz-placeholder, .form8 select::-moz-placeholder {
            transition: all 0.2s ease;
            opacity: 1;
            color: #807b7b;
        }

        .form8 input:-moz-placeholder, .form8 select:-moz-placeholder {
            transition: all 0.2s ease;
            opacity: 1;
            color: #807b7b;
        }

        .form8 input:-ms-input-placeholder, .form8 select:-ms-input-placeholder {
            transition: all 0.2s ease;
            opacity: 1;
            color: #807b7b;
        }

        .form8 input:focus, .form8 select:focus {
            transition: all 0.2s ease;
        }

            .form8 input:focus::-webkit-input-placeholder, .form8 select:focus::-webkit-input-placeholder {
                transition: all 0.2s ease;
                opacity: 0;
            }

            .form8 input:focus::-moz-placeholder, .form8 select:focus::-moz-placeholder {
                transition: all 0.2s ease;
                opacity: 0;
            }

            .form8 input:focus:-moz-placeholder, .form8 select:focus:-moz-placeholder {
                transition: all 0.2s ease;
                opacity: 0;
            }

            .form8 input:focus:-ms-input-placeholder, .form8 select:focus:-ms-input-placeholder {
                transition: all 0.2s ease;
                opacity: 0;
            }

.form8__log {
    position: relative;
    transition: all 0.5s ease;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

    .form8__log.slided {
        opacity: 0;
        transition: all 0.5s ease;
        -webkit-transform: translateY(-285px);
        transform: translateY(-285px);
    }

.form8__reg {
    position: relative;
    top: 50px;
    transition: all 0.5s ease;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
}

    .form8__reg.slided {
        opacity: 1;
        top: 0;
        transition: all 0.5s ease;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }

.form8__text {
    text-align: center;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

    .form8__text span {
        color: #248afd;
    }

.form8__btn {
    background: #248afd;
    border: 0;
    width: 70%;
    margin: 40px auto 0;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 17px;
    padding: 10px;
    border-radius: 40px;
    cursor: pointer;
    outline: none;
    position: relative;
    transition: all 0.2s ease;
}

    .form8__btn:hover {
        transition: all 0.2s ease;
        background: rgba(233, 63, 0, 0.5);
    }

        .form8__btn:hover::before {
            transition: all 0.2s ease-in;
            -webkit-transform: translateX(5px);
            transform: translateX(5px);
        }

    .form8__btn::before {
        content: "";
        font-family: FontAwesome;
        font-size: 1.25em;
        display: inline-block;
        position: absolute;
        right: 25px;
        transition: all 0.3s ease-in-out;
    }

.form8__btncircle {
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all 1.2s ease;
    outline: none;
    z-index: 2;
}

    .form8__btncircle:hover {
        transition: all 1.2s ease;
    }

        .form8__btncircle:hover span {
            width: 80%;
            height: 4px;
            border-radius: 15px;
        }

    .form8__btncircle span {
        width: 5px;
        height: 5px;
        background: #248afd;
        display: block;
        border-radius: 90%;
        margin: 5px auto 0;
        transition: all 0.2s ease;
    }

        .form8__btncircle span:nth-child(1) {
            margin-top: 0;
        }

    .form8__btncircle.active {
        border-radius: 90%;
        background: #fff;
    }

        .form8__btncircle.active:hover {
            -webkit-transform: none;
            transform: none;
        }

            .form8__btncircle.active:hover span {
                width: 5px;
                height: 5px;
                border-radius: 90%;
            }

        .form8__btncircle.active span {
            background: #248afd !important;
            margin: 0 auto;
            transition: all 0.2s ease;
        }

            .form8__btncircle.active span:nth-child(1) {
                opacity: 0;
                transition: all 0.2s ease;
            }

            .form8__btncircle.active span:nth-child(3) {
                opacity: 0;
                transition: all 0.2s ease;
            }

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right;
    }
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form8__btn {
    background: #248afd !important;
    color: #fff !important;
    line-height: 30px !important;
    font-size: 14px !important;
}

.inHeaderLogin a {
    float: right;
    margin-top: 20px;
    background: #248afd !important;
    color: #fff !important;
    line-height: 30px !important;
    padding: 0 15px;
    border-radius: 18px;
    text-decoration: none;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .form8 {
        width: 90%;
    }
    .wrapper {
        position: relative;
        /* height: calc(100% - 75px); */
        padding-top: 90px;
        padding-bottom: 15px;
    }
}