.el-license-container {
    margin-top: 20px;
    padding: 35px;
    background: #fff;
    border-radius: 4px;
    margin-right: 20px;
    -webkit-box-shadow: 0 0 5px -1px #c7c2c2;
    -moz-box-shadow: 0 0 5px -1px #c7c2c2;
    box-shadow: 0 0 5px -1px #c7c2c2;
    .el-license-field {
        display: block;
        margin-bottom: 15px;
        input {
            font-size: 200%;
            padding: 8px 10px 10px;
            line-height: 30px;
        }
        label {
            display: block;
            margin-bottom: 5px;
        }
    }

    .el-license-active-btn {
        margin-top: 25px;
    }
    .el-license-active-btn {
        margin-top: 25px;
    }

    .notice-error,div.error {
        background: rgba(220, 50, 50, 0.11);
        margin: 0;
    }

    .el-license-title{
        margin-top: 0;
        &,& i{font-size: 36px;}
        i{

            width: auto;
            height: auto;
            margin-top: -8px;
            margin-bottom: -16px;

        }
    }
    .el-license-info li {
        list-style: none;
        padding: 0;
    }
    .el-license-info-title {
        width: 150px;
        display: inline-block;
        position: relative;
        padding-right: 5px;

        &:after {
            content: ':';
            position: absolute;
            right: 2px;
        }
    }
    .el-license-valid, .el-license-invalid , .el-button{
        padding: 0px 5px 2px;
        color: #fff;
        background-color: #8fcc77;
        border-radius: 3px;
    }
    .el-button{
        text-decoration: none;;
        -webkit-box-shadow: 0 0 4px -1px #8fcc77;
        -moz-box-shadow: 0 0 4px -1px #8fcc77;
        box-shadow: 0 0 4px -1px #8fcc77;
        &:hover{
            background-color: #81bb6a;
            -webkit-box-shadow: 0 0 5px 0px #8fcc77;
            -moz-box-shadow: 0 0 5px 0px #8fcc77;
            box-shadow: 0 0 5px 0px #8fcc77;
        }
    }
    .el-license-invalid {
        background-color: #f44336;
    }
    .el-license-key {
        font-weight: 700;
        opacity: 0.8;
    }
    .el-copy-right-text{
        a{
            text-decoration: none;
        }
    }
    .el-row{
        display: flex; /* or inline-flex */
        flex-direction: row;
        .el-col{
            width: 100%;
        }
    }
    .el-text-right{
        text-align: right !important;
    }
    .el-text-center{
        text-align: center !important;
    }
}
@media all and (max-width: 768px) {
    .el-license-container {
        .el-row{
            display: block; /* or inline-flex */
            .el-col{
                width: 100%;
                .el-copy-right-text{
                   margin-top: 5px;
                    text-align: center !important;
                }
            }
        }
        .el-xs-text-center{
            text-align: center !important;
        }
        .el-xs-mt{
            margin-top: 10px;
        }
        .el-license-field {
            display: block;
            margin-bottom: 15px;

            input {
                font-size: 100%;
                padding: 8px 10px 10px;
                width: 100%;
            }

            label {
                display: block;
                margin-bottom: 5px;
            }
        }

        .el-license-title {
            margin-bottom: 15px;

            &, & i {
                font-size: 27px;
            }

            i {
                margin-top: -4px;
            }
        }
    }
}