html, body{
    width: 100%;
    height: 100%;
    /*filter:grayscale(1);*/
}
#logo-group > span {
    display: inline-block;
    height: 39px;
    float: left;
}

#logo-group span#activity {
    border-radius: 2px;
    cursor: default !important;
    display: inline-block;
    font-weight: 700;
    height: 24px;
    width: 24px;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -webkit-gradient(linear,top left,bottom left,from(#f8f8f8),to(#f1f1f1));
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #bfbfbf;
    color: #c4bab6;
    font-size: 19px;
    margin: 10px 0 0;
    position: relative;
}

    #logo-group span#activity:hover {
        border: 1px solid #bfbfbf;
        -webkit-transition: all 0s;
        transition: all 0s;
        cursor: pointer !important;
        -webkit-box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
        box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
    }

#logo {
    display: inline-block;
    width: 175px;
    margin-top: 13px;
    margin-left: 9px;
}

    #logo img {
        width: 110px;
        height: auto;
        padding-left: 3px;
    }

#logo-group > span .badge {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    background: #0091d9;
    display: inline-block;
    font-size: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    padding: 2px 4px 3px;
    text-align: center;
    line-height: normal;
}



#login{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg-new03.png) 0 0 no-repeat;
    background-size: cover;
}

    #login .container {
        border: 0;
    }

    #login #header {
        margin-top: 30px;
        height:100px;
        -webkit-background-clip: padding-box;
        border-width: 0;
        min-height: 28px;
        margin-bottom: 0px;
    }

        #login #header #logo {
            margin-top: 14px;
            margin-left: 0;
        }

            #login #header #logo img {
                width: 287px;
            }

#platformChildTitle {
    width: 100%;
    float: left;
}

#platformChildTitle  .font_bk{
    font-size: 3rem;
    padding-left: 20px;
    color: #fff;
    text-align: left;
}
#platformChildTitle .font_bk_footer{
    font-size:1.5rem;
    color:rgba(255,255,255,0.8);
}

#platformChildGoBack {
    /*float: right;
    text-align: right;
    margin-top: 10px;*/
    float: right;
    text-align: left;
    margin-right: 10%;
}

#login-header-space {
    float: right;
    text-align: right;
    display: block;
    vertical-align: middle;
    line-height: 71px;
}

    #login-header-space > :first-child {
        font-size: 13px;
        margin-right: 14px;
        vertical-align: -3px;
        font-weight: 400;
    }

    #login-header-space .btn {
        font-weight: 700;
        text-transform: uppercase;
    }

    #login-header-space > * {
        display: inline-block;
    }

#login #main {
    margin: 0;
    margin-bottom: 0px;
}

#login .hero {
    background-image: url(../images/login.png);
    background-repeat: no-repeat;
    background-position: 0 137px;
    height: 360px;
    width: 100%;
    float: left;
}

#login h4.paragraph-header {
    color: #565656;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 15px;
    width: 270px;
}

#login h5.about-heading {
    color: #565656;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 5px;
}

#login .login-header-big {
    font-weight: 400;
}

#login .login-desc-box-l {
    min-height: 350px;
    width: 50%;
}

#login .login-app-icons {
    vertical-align: top;
    margin-top: 90px;
    width: 300px;
}

@media (min-width:768px) and (max-width:880px) {
    #login #header {
        padding: 0 5px !important;
    }
}

@media only screen and (min-width:0) and (max-width:679px) {
    #login #header {
        padding: 0 5px !important;
    }

        #login #header #logo img {
            width: 287px;
        }

        #login #header #logo {
            margin-top: 14px;
        }
}


.well {
    background: #fbfbfb;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #ececec;
    -webkit-box-shadow: 0 1px 1px #ececec;
    position: relative;
}

    .well.well-clean {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: transparent;
    }

    .well.well-glass {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: transparent;
        background-color: rgba(255,255,255,.25);
        color: #fff;
    }

    .well.well-light {
        background: #fff;
        border: 1px solid #e2e2e2;
    }


.smart-form *, .smart-form :after, .smart-form :before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.smart-form .btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.smart-form .checkbox + .checkbox, .smart-form .radio + .radio {
    margin-top: 0;
}

.smart-form footer .btn {
    float: right;
    height: 31px;
    margin: 10px 0 0 5px;
    padding: 0 22px;
    font: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
    cursor: pointer;
}

.smart-form legend {
    padding-top: 15px;
}

.smart-form {
    margin: 0;
    outline: 0;
    color: #666;
    position: relative;
}

    .smart-form header {
        display: block;
        padding: 8px 0;
        border-bottom: 1px dashed rgba(0,0,0,.2);
        background: #fff;
        font-size: 16px;
        font-weight: 300;
        color: #232323;
        margin: 10px 14px 0;
    }

    .smart-form fieldset {
        display: block;
        padding: 25px 14px 5px;
        border: 0;
        background: #fbfbfb;
        position: relative;
    }

        .smart-form fieldset + fieldset {
            border-top: 1px solid rgba(0,0,0,.1);
        }

    .smart-form section {
        /*margin-bottom: 15px;*/
        position: relative;
    }

    .smart-form footer {
        display: block;
        padding: 7px 14px 15px;
        border-top: 1px solid rgba(0,0,0,.1);
        background: #fbfbfb;
    }

        .smart-form footer:after {
            content: '';
            display: table;
            clear: both;
        }

    .smart-form .label {
        display: block;
        margin-bottom: 6px;
        line-height: 19px;
        font-weight: 400;
        font-size: 13px;
        color: #333;
        text-align: left;
    }

        .smart-form .label.col {
            margin: 0;
            padding-top: 7px;
        }

    .note, .smart-form .note {
        margin-top: 6px;
        padding: 0 1px;
        font-size: 11px;
        line-height: 15px;
        color: #999;
    }

        .smart-form .note a {
            font-size: 13px;
        }

    .smart-form .button, .smart-form .checkbox, .smart-form .input, .smart-form .radio, .smart-form .select, .smart-form .textarea, .smart-form .toggle {
        position: relative;
        display: block;
        font-weight: 400;
    }

        .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea {
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            width: 100%;
            height: 32px;
            padding: 8px 10px;
            outline: 0;
            border-width: 1px;
            border-style: solid;
            border-radius: 0;
            background: #fff;
            font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;
            color: #404040;
            appearance: normal;
            -moz-appearance: none;
            -webkit-appearance: none;
        }

    .smart-form .input-file .button {
        position: absolute;
        top: 4px;
        right: 4px;
        float: none;
        height: 22px;
        margin: 0;
        padding: 0 14px;
        font-size: 13px;
        line-height: 22px;
    }

        .smart-form .input-file .button:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .smart-form .input-file .button input {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            font-size: 30px;
            cursor: pointer;
            opacity: 0;
        }

    .smart-form .select i {
        position: absolute;
        top: 10px;
        right: 11px;
        width: 5px;
        height: 11px;
        background: #fff;
        -webkit-box-shadow: 0 0 0 9px #fff;
        box-shadow: 0 0 0 9px #fff;
    }

        .smart-form .select i:after, .smart-form .select i:before {
            content: '';
            position: absolute;
            right: 0;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

        .smart-form .select i:after {
            bottom: 0;
            border-top: 4px solid #404040;
        }

        .smart-form .select i:before {
            top: 0;
            border-bottom: 4px solid #404040;
        }

    .smart-form .select-multiple select {
        height: auto;
    }

    .smart-form .textarea textarea {
        height: auto;
        resize: none;
    }

    .smart-form .textarea-resizable textarea {
        resize: vertical;
    }

    .smart-form .textarea-expandable textarea {
        height: 31px;
    }

        .smart-form .textarea-expandable textarea:focus {
            height: auto;
        }

    .smart-form .checkbox, .smart-form .radio {
        margin-bottom: 4px;
        padding-left: 25px;
        line-height: 25px;
        color: #404040;
        cursor: pointer;
        font-size: 13px;
    }

        .smart-form .checkbox:last-child, .smart-form .radio:last-child {
            margin-bottom: 0;
        }

        .smart-form .checkbox input, .smart-form .radio input {
            position: absolute;
            left: -9999px;
        }

        .smart-form .checkbox i, .smart-form .radio i {
            position: absolute;
            top: 3px;
            left: 0;
            display: block;
            width: 17px;
            height: 17px;
            outline: 0;
            border-width: 1px;
            border-style: solid;
            background: #FFF;
        }

        .smart-form .radio i {
            border-radius: 50%;
        }

        .smart-form .checkbox input + i:after, .smart-form .radio input + i:after {
            position: absolute;
            opacity: 0;
            transition: opacity .1s;
            -webkit-transition: opacity .1s;
        }

        .smart-form .radio input + i:after {
            content: '';
            top: 4px;
            left: 4px;
            width: 9px;
            height: 9px;
            border-radius: 50%;
        }

        .smart-form .checkbox input + i:after {
            content: '\f00c';
            top: -1px;
            left: 1px;
            width: 15px;
            height: 15px;
            font: 400 16px/19px FontAwesome;
            text-align: center;
        }

        .smart-form .checkbox input:checked:hover + i:after {
            content: '\f00d';
        }

        .smart-form .checkbox input:checked:disabled:hover + i:after {
            content: '\f00c';
        }

        .smart-form .checkbox input:checked + i:after, .smart-form .radio input:checked + i:after {
            opacity: 1;
        }

    .smart-form .inline-group {
        margin: 0 -30px -4px 0;
    }

        .smart-form .inline-group:after {
            content: '';
            display: table;
            clear: both;
        }

        .smart-form .inline-group .checkbox, .smart-form .inline-group .radio {
            float: left;
            margin-right: 30px;
        }

            .smart-form .inline-group .checkbox:last-child, .smart-form .inline-group .radio:last-child {
                margin-bottom: 4px;
            }

    .smart-form .toggle {
        margin-bottom: 4px;
        padding-right: 61px;
        font-size: 15px;
        line-height: 25px;
        color: #404040;
        cursor: pointer;
    }

        .smart-form .toggle:last-child {
            margin-bottom: 0;
        }

        .smart-form .toggle input {
            position: absolute;
            left: -9999px;
        }

        .smart-form .toggle i {
            content: '';
            position: absolute;
            top: 4px;
            right: 0;
            display: block;
            width: 49px;
            height: 17px;
            border-width: 1px;
            border-style: solid;
            border-radius: 12px;
            background: #fff;
        }

            .smart-form .toggle i:after {
                content: attr(data-swchoff-text);
                position: absolute;
                top: 2px;
                right: 8px;
                left: 8px;
                font-style: normal;
                font-size: 9px;
                line-height: 13px;
                font-weight: 700;
                text-align: left;
                color: #5f5f5f;
            }

            .smart-form .toggle i:before {
                content: '';
                position: absolute;
                z-index: 1;
                top: 4px;
                right: 4px;
                display: block;
                width: 9px;
                height: 9px;
                border-radius: 50%;
                opacity: 1;
                transition: right .2s;
                -webkit-transition: right .2s;
            }

        .smart-form .toggle input:checked + i:after {
            content: attr(data-swchon-text);
            text-align: right;
        }

        .smart-form .toggle input:checked + i:before {
            right: 36px;
        }

    .smart-form .rating {
        margin-bottom: 4px;
        font-size: 13px;
        line-height: 25px;
        color: #404040;
    }

        .smart-form .rating:last-child {
            margin-bottom: 0;
        }

        .smart-form .rating input {
            position: absolute;
            left: -9999px;
        }

        .smart-form .rating label {
            display: block;
            float: right;
            height: 17px;
            margin-top: 5px;
            padding: 0 2px;
            font-size: 17px;
            line-height: 17px;
            cursor: pointer;
        }

    .smart-form .button {
        float: right;
        height: 31px;
        overflow: hidden;
        margin: 10px 0 0 5px;
        padding: 0 25px;
        outline: 0;
        border: 0;
        font: 300 15px/31px 'Open Sans',Helvetica,Arial,sans-serif;
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }

    .smart-form .icon-append, .smart-form .icon-prepend {
        position: absolute;
        top: 5px;
        width: 22px;
        height: 22px;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    .smart-form .icon-append {
        right: 5px;
        padding-left: 3px;
        border-left-width: 1px;
        border-left-style: solid;
    }

    .smart-form .icon-prepend {
        left: 5px;
        padding-right: 3px;
        border-right-width: 1px;
        border-right-style: solid;
    }

    .smart-form .input .icon-prepend + input, .smart-form .textarea .icon-prepend + textarea {
        padding-left: 37px;
    }

    .smart-form .input .icon-append + input, .smart-form .textarea .icon-append + textarea {
        padding-right: 37px;
    }

    .smart-form .input .icon-prepend + .icon-append + input, .smart-form .textarea .icon-prepend + .icon-append + textarea {
        padding-left: 37px;
    }

    .smart-form .row {
        margin: 0 -15px;
    }

        .smart-form .row:after {
            content: '';
            display: table;
            clear: both;
        }

    .smart-form .col {
        float: left;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .smart-form .col-1 {
        width: 8.33%;
    }

    .smart-form .col-2 {
        width: 16.66%;
    }

    .smart-form .col-3 {
        width: 25%;
    }

    .smart-form .col-4 {
        width: 33.33%;
    }

    .smart-form .col-5 {
        width: 41.66%;
    }

    .smart-form .col-6 {
        width: 50%;
    }

    .smart-form .col-8 {
        width: 66.67%;
    }

    .smart-form .col-9 {
        width: 75%;
    }

    .smart-form .col-10 {
        width: 83.33%;
    }

@media screen and (max-width:600px) {
    .smart-form .col {
        float: none;
        width: 100%;
    }
}

.smart-form .select select {
    padding: 5px;
}

.smart-form .tooltip {
    position: absolute;
    z-index: 99999;
    left: -9999px;
    padding: 2px 8px 3px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    background: rgba(0,0,0,.9);
    color: #fff;
    opacity: 0;
    transition: margin .3s,opacity .3s;
    -webkit-transition: margin .3s,opacity .3s;
}

    .smart-form .tooltip:after {
        content: '';
        position: absolute;
    }

.smart-form .input input:focus + .tooltip, .smart-form .textarea textarea:focus + .tooltip {
    opacity: 1;
}

.smart-form .tooltip-top-right {
    bottom: 100%;
    margin-bottom: 15px;
}

    .smart-form .tooltip-top-right:after {
        top: 100%;
        right: 11px;
        border-top: 4px solid rgba(0,0,0,.9);
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

.smart-form .input input:focus + .tooltip-top-right, .smart-form .textarea textarea:focus + .tooltip-top-right {
    right: 0;
    left: auto;
    margin-bottom: 5px;
}

.smart-form .tooltip-top-left {
    bottom: 100%;
    margin-bottom: 15px;
}

    .smart-form .tooltip-top-left:after {
        top: 100%;
        left: 11px;
        border-top: 4px solid rgba(0,0,0,.9);
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

.smart-form .input input:focus + .tooltip-top-left, .smart-form .textarea textarea:focus + .tooltip-top-left {
    right: auto;
    left: 0;
    margin-bottom: 5px;
}

.smart-form .tooltip-right {
    top: 4px;
    white-space: nowrap;
    margin-left: 15px;
}

    .smart-form .tooltip-right:after {
        top: 6px;
        right: 100%;
        border-top: 4px solid transparent;
        border-right: 4px solid rgba(0,0,0,.9);
        border-bottom: 4px solid transparent;
    }

.smart-form .input input:focus + .tooltip-right, .smart-form .textarea textarea:focus + .tooltip-right {
    left: 100%;
    margin-left: 5px;
}

.smart-form .tooltip-left {
    top: 4px;
    white-space: nowrap;
    margin-right: 15px;
}

    .smart-form .tooltip-left:after {
        top: 6px;
        left: 100%;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid rgba(0,0,0,.9);
    }

.smart-form .input input:focus + .tooltip-left, .smart-form .textarea textarea:focus + .tooltip-left {
    right: 100%;
    left: auto;
    margin-right: 5px;
}

.smart-form .tooltip-bottom-right {
    top: 100%;
    margin-top: 15px;
}

    .smart-form .tooltip-bottom-right:after {
        bottom: 100%;
        right: 11px;
        border-right: 4px solid transparent;
        border-bottom: 4px solid rgba(0,0,0,.9);
        border-left: 4px solid transparent;
    }

.smart-form .input input:focus + .tooltip-bottom-right, .smart-form .textarea textarea:focus + .tooltip-bottom-right {
    right: 0;
    left: auto;
    margin-top: 5px;
}

.smart-form .tooltip-bottom-left {
    top: 100%;
    margin-top: 15px;
}

    .smart-form .tooltip-bottom-left:after {
        bottom: 100%;
        left: 11px;
        border-right: 4px solid transparent;
        border-bottom: 4px solid rgba(0,0,0,.9);
        border-left: 4px solid transparent;
    }

.smart-form .input input:focus + .tooltip-bottom-left, .smart-form .textarea textarea:focus + .tooltip-bottom-left {
    right: auto;
    left: 0;
    margin-top: 5px;
}

.smart-form .checkbox i, .smart-form .icon-append, .smart-form .icon-prepend, .smart-form .input input, .smart-form .radio i, .smart-form .select select, .smart-form .textarea textarea, .smart-form .toggle i {
    border-color: #BDBDBD;
    transition: border-color .3s;
    -webkit-transition: border-color .3s;
}

    .smart-form .toggle i:before {
        background-color: #3276B1;
    }

.smart-form .rating label {
    color: #ccc;
    transition: color .3s;
    -webkit-transition: color .3s;
}

.smart-form .button {
    background-color: #3276B1;
    opacity: .8;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
}

    .smart-form .button.button-secondary {
        background-color: #b3b3b3;
    }

.smart-form .icon-append, .smart-form .icon-prepend {
    color: #A2A2A2;
}

.smart-form .checkbox:hover i, .smart-form .input:hover input, .smart-form .radio:hover i, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .toggle:hover i {
    border-color: #5D98CC;
}

.smart-form .rating input + label:hover, .smart-form .rating input + label:hover ~ label {
    color: #3276B1;
}

.smart-form .button:hover {
    opacity: 1;
}

.smart-form .checkbox:hover i, .smart-form .radio:hover i, .smart-form .toggle:hover i {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}

.smart-form .checkbox:active i, .smart-form .radio:active i, .smart-form .toggle:active i {
    background: #F0F0F0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}

.smart-form .checkbox input:focus + i, .smart-form .input input:focus, .smart-form .radio input:focus + i, .smart-form .select select:focus, .smart-form .textarea textarea:focus, .smart-form .toggle input:focus + i {
    border-color: #3276B1;
}

.smart-form .radio input + i:after {
    background-color: #3276B1;
}

.smart-form .checkbox input + i:after {
    color: #3276B1;
}

.smart-form .checkbox input:checked + i, .smart-form .radio input:checked + i, .smart-form .toggle input:checked + i {
    border-color: #3276B1;
}

.smart-form .rating input:checked ~ label {
    color: #3276B1;
}

.smart-form .checkbox.state-error i, .smart-form .radio.state-error i, .smart-form .state-error input, .smart-form .state-error select, .smart-form .state-error textarea, .smart-form .toggle.state-error i {
    background: #fff0f0;
    border-color: #A90329;
}

.smart-form .toggle.state-error input:checked + i {
    background: #fff0f0;
}

.smart-form .state-error + em {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #D56161;
}

.smart-form .rating.state-error + em {
    margin-top: -4px;
    margin-bottom: 4px;
}

.smart-form .state-error select + i {
    background: #FFF0F0;
    -webkit-box-shadow: 0 0 0 9px #FFF0F0;
    box-shadow: 0 0 0 9px #FFF0F0;
}

.state-error .icon-append, .state-error .icon-prepend {
    color: #ed1c24;
}

.smart-form .checkbox.state-success i, .smart-form .radio.state-success i, .smart-form .state-success input, .smart-form .state-success select, .smart-form .state-success textarea, .smart-form .toggle.state-success i {
    background: #f0fff0;
    border-color: #7DC27D;
}

.smart-form .toggle.state-success input:checked + i {
    background: #f0fff0;
}

.smart-form .note-success {
    color: #6fb679;
}

.smart-form .state-success select + i {
    background: #f0fff0;
    -webkit-box-shadow: 0 0 0 9px #f0fff0;
    box-shadow: 0 0 0 9px #f0fff0;
}

.smart-form .button.state-disabled, .smart-form .checkbox.state-disabled, .smart-form .input.state-disabled input, .smart-form .radio.state-disabled, .smart-form .select.state-disabled, .smart-form .textarea.state-disabled, .smart-form .toggle.state-disabled {
    cursor: default !important;
    opacity: .6 !important;
}

    .smart-form .checkbox.state-disabled:hover i, .smart-form .input.state-disabled:hover input, .smart-form .radio.state-disabled:hover i, .smart-form .select.state-disabled:hover select, .smart-form .textarea.state-disabled:hover textarea, .smart-form .toggle.state-disabled:hover i {
        border-color: #e5e5e5 !important;
    }

.smart-form .state-disabled.checkbox input + i:after, .smart-form .state-disabled.checkbox input:checked + i, .smart-form .state-disabled.radio input + i:after, .smart-form .state-disabled.radio input:checked + i, .smart-form .state-disabled.toggle input:checked + i {
    border-color: #e5e5e5 !important;
    color: #333 !important;
}

.smart-form .state-disabled.radio input + i:after {
    background-color: #333;
}

.smart-form .message {
    display: none;
    color: #6fb679;
}

    .smart-form .message i {
        display: block;
        margin: 0 auto 20px;
        width: 81px;
        height: 81px;
        border: 1px solid #6fb679;
        border-radius: 50%;
        font-size: 30px;
        line-height: 81px;
    }

.smart-form.submited fieldset, .smart-form.submited footer {
    display: none;
}

.smart-form.submited .message {
    display: block;
    padding: 25px 30px;
    background: rgba(255,255,255,.9);
    font: 300 18px/27px 'Open Sans',Helvetica,Arial,sans-serif;
    text-align: center;
}

.smart-form .ui-widget-content .ui-spinner-input {
    margin: 0;
    border: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 29px;
}

.smart-form-modal {
    position: fixed;
    z-index: 1;
    display: none;
    width: 400px;
}

.smart-form-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}


.client-form header {
    padding: 15px 13px;
    margin: 0;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,.1);
    background: #fbfbfb;
}

.display-image {
    margin-top: -60px;
    margin-right: 20px;
}

.font_bk {
    border: 1px;
    solid: #white;
}

.w-box {
    margin: 0 0 15px 0;
    /*-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;*/
    position: relative;
    overflow: hidden;
    cursor: default;
    border-radius: 4px;
}

    .w-box a {
        text-decoration: none;
    }

    .w-box:before, .w-box:after {
        display: table;
        content: "";
    }

    .w-box:after {
        clear: both;
    }

    .w-box h1 {
        margin: 0;
        padding: 10px 15px;
        font-weight: 500;
        font-size: 20px;
    }

.lw .w-box h2 {
    margin: 0;
    padding: 12px 15px 0px 15px;
    font-weight: 500;
    font-size: 16px;
    color: #333;
}

.ld .w-box h2 {
    margin: 0;
    padding: 12px 15px 0px 15px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.w-box.inner h2 {
    padding: 10px 0;
}

.w-box small {
    display: block;
    font-size: 12px;
    margin-top: 3px;
}

.w-box p {
    margin: 6px 0;
    padding: 0 15px;
    padding-bottom: 8px;
    color: gray;
}

.w-box time {
    display: block;
    padding: 8px 15px 0 15px;
}

.w-box .w-footer {
    padding: 10px 15px;
    border-top: 1px solid #f1f1f1;
}

    .w-box .w-footer:before, .w-box .w-footer:after {
        display: table;
        content: "";
    }

    .w-box .w-footer:after {
        clear: both;
    }

    .w-box .w-footer small {
        font-size: 12px;
    }

.w-box .w-box-parent {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.w-box .date-over {
    padding: 10px;
    background: #fff;
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: center;
    font-weight: normal;
}

    .w-box .date-over.small {
        padding: 4px 8px;
        font-size: 12px;
    }

    .w-box .date-over strong {
        font-size: 12px;
        display: block;
        font-weight: normal;
    }

.w-box h3 {
    border-bottom: 0;
    text-align: center;
    color: rgb(199, 74, 63);
    font-weight: bold;
}

.w-box .thmb-img {
    text-align: center;
    padding: 8px 0 8px 0;
}

    .w-box .thmb-img i {
        font-size: 50px;
        color: #616161;
    }

#provinceManagementButton-child {
    /*margin-top: 50px;
    display: none;*/
}

.w-box.white {
    background: #FFF;
}

.w-box.red {
    background: #FFF;
    background-image: linear-gradient(to bottom, #FFFFFF, #F7CECE);
}

.w-box.orange {
    background: #FFFFFF;
    background-color: #1755BA;
}
#gdSuperviseButton:hover, #provinceManagement:hover .w-box.orange {
    background: #EB6100;
}

.w-box.green {
    background: #FFFFFF;
    background-image: linear-gradient(to bottom, #FFFFFF, #E9F6C0);
}

.w-box.blue {
    background: #FFFFFF;
    background-image: linear-gradient(to bottom, #FFFFFF, #C0DCF6);
}


#login #footer {
    background: rgba(255,255,255,0.3);
    position: fixed;
    bottom: 0px;
    margin: 0;
    width: 100%;
    overflow: unset;
    -webkit-background-clip: padding-box;
    min-height: 28px;
    line-height:40px;
    height:108px;
}


#login #footer p {
    color: #666;
    text-align: center;
    margin:0;
}

.bc-gray {
    background: #5f6d9d !important;
    color: gray !important;
}
.loginFormBox{
    margin-top:60px;
}

.loginForm{
    height:auto !important;
    width:350px;
    background:rgba(255,255,255, 1);
    border-radius:4px;
    box-sizing:border-box;
    position: fixed;
    right: 10%;
    top: 20%;
}
.loginForm-title{
    color:#222;
    font-size:18px;
    font-weight:bold;
    font-family:'微软雅黑';
    /*height:44px;
    line-height:44px;
    margin-bottom:15px;*/
    height:40px;
    line-height:40px;
    margin-bottom:6px;
}
.loginForm-inputBox{
    width:100%;
    height:40px;
    /*line-height:46px;
    border:1px solid #B2CBED;
    margin-bottom:20px;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(255,255,255,0.7);*/
    line-height:40px;
    margin-bottom:20px;
    text-align:center;
    border: 1px solid rgba(140,160,179,1);
    border-radius: 4px;
    position: relative;
    padding-left: 15%;
}
.loginForm-inputBox-imgBox{
    width:15%;
    float:left;
    height:100%;
    /*background:transparent;*/
    background:none;
    text-align:center;
    position: absolute;
    left: 0;
}
.loginForm-inputBox-imgBox-img{
    height:20px;
}
.loginForm-inputBox-input{
    border:0px;
    width:100%;
    height:100%;
    float:left;
    padding:0px 10px;
    box-sizing:border-box;
    outline:none;
    background: transparent;
    border-radius: 4px;
}
.loginForm-inputBox-inputCode{
    border:0px;
    width:55%;
    height:100%;
    float:left;
    padding:0px 10px;
    box-sizing:border-box;
    outline:none;
    background: transparent;
}
#valiCode{
    position: absolute;
    right: 0;
    height: 100%;
}
.loginForm-loginButton{
    color:white;
    text-align:center;
    /*height:50px;
    line-height:50px;
    background: #1C6CE7;
    margin-top: 10px;*/
    height:40px !important;
    line-height:40px !important;
    /*background-image: linear-gradient(to bottom, #efb64c, #e63e3c);*/
    font-size:16px !important;
    width:100%;
    border:0px;
    border-radius:4px;
}
.loginForm label{
    position: absolute;
    left: 0;
    bottom: -24px;
    display: inline;
    margin: 0;
    line-height: 1;
}
.login-Explain{
        font-size: 12px;
    line-height: 1.8;
    color: #666;
    margin-top: 10px;
}
.login-Explain ul{
    padding: 0;
    margin: 0;
    
}