@import "~/app-resources/css/admin-theme.less";

.admin-home-page {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding: 0px 15% 0px 5%;

    .center-title {
        height: 20%;
        text-align: center;
        font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei';
        padding: 5%;
    }

    .import-title {
        font-size: 14px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .modules {
        padding: 60px;
        margin: auto;
        width: 100%;
        height: 40%;

        .active {
            background-color: @color-light-gray-f2;
        }

        .first-module {
            width: 32%;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            padding: 40px;

            .menu-wrapper {
                .img {
                    padding: 10px;
                }
            }
        }
        /* .menu-width{
        	width: 160px;
        }*/
        .popover.bottom > .arrow:after {
            border-bottom-color: @color-light-gray-e4;
        }

        .popover {
            background-color: @color-light-gray-e4;
        }

        a {
            text-decoration: none;
        }
    }

    .second-menu-wrapper {
        .second-menu {
            display: inline-block;
            padding: 30px;
            text-align: center;
            vertical-align: middle;
            max-width: 600px;

            i {
                font-size: 26px;
                color: @color-orange4;
            }

            a {
                text-decoration: none;
                color: black;
            }

            .circle {
                height: 50px;
                width: 50px;
                border-radius: 50%;
                padding: 12px;
                display: inline-block;
                background-color: white;
                margin-bottom: 20px;
            }
        }
    }

    .modal-footer {
        padding-left: 104px;
    }


    #importBasicData {
        z-index:9999;

        label {
            font-weight: normal;
            width: 103px;
        }

        .col-sm-3, .col-sm-6 {
            padding-left: 0px;
        }

        .form-group {
            margin-left: -16px;
        }

        .import-result {
            overflow: auto;
            max-height: 240px;
            font-size: 13px;
            word-wrap: normal;
            white-space: nowrap;
            text-align: left;
            line-height: 25px;
            border: 1px solid #d4d4d4;
            border-radius: 5px;
        }

        .glyphicon.spinning {
            animation: spin 1s infinite linear;
            -webkit-animation: spin2 1s infinite linear;
        }

        .import-progress {
            margin-left: 30px;
            vertical-align: middle;
            font-size:26px;
        }

        @keyframes spin {
            from {
                transform: scale(1) rotate(0deg);
            }

            to {
                transform: scale(1) rotate(360deg);
            }
        }

        @-webkit-keyframes spin2 {
            from {
                -webkit-transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
            }
        }
    }
}