body {
        background-color: #354e9f;
        background-repeat: no-repeat, repeat;
        background-size: cover;
    }
        .login-box {
            background-color: #35449f;
            float: none;
            margin: auto;
            border-radius: 25px !important;
            -webkit-box-shadow: 0px 0px 72px -10px rgba(0, 0, 0, 0.44);
            -moz-box-shadow: 0px 0px 72px -10px rgba(0, 0, 0, 0.44);
            box-shadow: 0px 0px 72px -10px rgba(0, 0, 0, 0.44);
            border-radius: 5px;
            margin-top: 6%;
        }

        .dev-logo {
            text-align: center;
            align-items: center;
            color: #c3f7ec;
            font-size: 1.2rem;
        }

        .small-logo {
            text-align: center;
            align-items: center;
            color: #c82333;
            font-size: 1.2rem;
        }
    .small-logol {
            text-align: center;
            align-items: center;
            color: #ffffff;
            font-size: 1.2rem;
        }
        .box-de {
            background-image: url(/assets/images/dashboard/backgnd_1.jpg);
            /*background-size: 100%;*/
            background-size: cover;
            padding: 0px;
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
        }


            .box-de .ditk-inf {
                margin: auto;
                align-items: center;
                text-align: center;
                color: #FFF;
            }
          .box-de .innl-cover {
                display: flex;
                background-color: rgba(200, 35, 51, 0.7);
                background-color: dodgerblue;
                background-color: rgba(30, 30, 124, 0.7);
                position: absolute;
                width: 100%;
                height: 100%;
                border-top-left-radius: 25px;
                border-bottom-left-radius: 25px;
                padding: 30px;
            }
            .box-de .inn-cover {
                display: flex;
                background-color: rgba(200, 35, 51, 0.7);
                background-color: dodgerblue;
                background-color: rgba(30, 30, 124, 0.7);
                position: absolute;
                width: 100%;
                height: 100%;
                border-top-right-radius: 25px;
                border-bottom-right-radius: 25px;
                padding: 30px;
            }

            .box-de .foter-credit {
                position: absolute;
                bottom: 10px;
                right: 6%;
                font-size: 14px;
                padding: 10px;
                color: #FFF;
                font-weight: 300;
            }

        .log-det {
            padding: 40px;
        }

            .log-det .text-box-cont .btn {
                border-radius: 50px;
                padding: 10px 30px;
                margin: auto;
                margin-bottom: 10px;
                font-size: 13px;
            }

            .log-det .forget-p {
                margin-top: 10px;
                font-size: .9rem;
            }

                .log-det .forget-p span {
                    color: #c82333;
                    font-weight: 600;
                    margin-left: 5px;
                }

        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
        }

        .log-det ul {
            float: none;
            margin: auto;
            width: 200px;
        }

            .log-det ul li {
                float: left;
                padding: 10px;
            }

                .log-det ul li i {
                    padding: 10px;
                    border: 1px solid #CCC;
                    width: 40px;
                    height: 40px;
                    text-align: center;
                    border-radius: 50px;
                }

        .navbar-fixed-bottom {
            bottom: 0;
            margin-bottom: 0;
        }
 
        .header span {
            margin-left: 1.5rem;
            font-size: 28px;
            color: #fff;
            font-weight: 500;
            text-align: center;
        }