.full-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: #FFF !important;
}

.x-mask-msg {
    z-index: 999999;
}

.x-body {
    background: #1979ca;
}

iframe {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
}

.button-sell {
    background-image: url('../img/sell.png');
}

.button-buy {
    background-image: url('../img/buy.png');
}

.button-test {
    background-image: url('../img/test.png');
}

.button-excel {
    background-image: url('../img/excel.png');
}

.button-excel-old {
    background-image: url('../img/excel-old.png');
}

.button-book {
    background-image: url('../img/book.png');
}

.button-sign_out {
    background-image: url('../img/sign_out.png');
}

.button-chart {
    background-image: url('../img/chart.png');
}

.button-config {
    background-image: url('../img/config.png');
}

.button-naver {
    background-image: url('../img/naver.png');
}

.button-save {
    background-image: url('../img/save.png');
}

.button-start {
    background-image: url('../img/start.png');
}

.button-goback {
    background-image: url('../img/goback.png');
}

.button-goforward {
    background-image: url('../img/goforward.png');
}

.button-stop {
    background-image: url('../img/stop.png');
}

.button-refresh {
    background-image: url('../img/refresh.png');
}

.button-popup {
    background-image: url('../img/popup.png');
}

.button-world {
    background-image: url('../img/world.png');
}

.button-today {
    background-image: url('../img/today.png');
}

.button-admin {
    background-image: url('../img/admin.png');
}

.button-dev {
    background-image: url('../img/dev.png');
}

.button-fabot {
    background-image: url('../img/fabot.png');
}

.button-fabot2 {
    background-image: url('../img/fabot2.png');
}

.button-follow {
    background-image: url('../img/follow.png');
}

.button-request {
    background-image: url('../img/request.png');
}

.button-sync {
    background-image: url('../img/sync.png');
}

.button-sync0 {
    background-image: url('../img/sync0.png');
}

.button-simulation {
    background-image: url('../img/simulation.png');
}

.button-day {
    background-image: url('../img/day.png');
}

.button-order {
    background-image: url('../img/order.png');
}

.button-lock {
    background-image: url('../img/lock.png');
}

.button-capture {
    background-image: url('../img/capture.png');
}

.button-account {
    background-image: url('../img/account.png');
}

.button-rest {
    background-image: url('../img/rest.png');
}

.button-more {
    background-image: url('../img/more.png');
}

.button-action {
    background-image: url('../img/action.png');
}

.button-delete {
    background-image: url('../img/delete.png');
}

.button-power {
    background-image: url('../img/power_off.png');
}

.button-blank {
    background-image: url('../img/blank.png');
}

.button-add {
    background-image: url('../img/add.png');
}

.button-monitoring {
    background-image: url('../img/monitoring.png');
}

.button-launch {
    background-image: url('../img/launch.png');
}

.button-connect {
    background-image: url('../img/connect.png');
}

.button-disconnect {
    background-image: url('../img/disconnect.png');
}

.button-predict {
    background-image: url('../img/predict.png');
}

.button-trash {
    background-image: url('../img/trash.png');
}

.button-circle {
    background-image: url('../img/circle.png');
}

.button-mirror {
    background-image: url('../img/mirror.png');
}

.button-message {
    background-image: url('../img/message.png');
}

.button-payment {
    background-image: url('../img/payment.png');
}

.x-mask {
    z-index: 99999;
}


/*login page component*/

.login-page {
    width: 360px;
    padding: 0;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -130px;
}

.login-page .form {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    max-width: 360px;
    margin: 0 auto;
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.login-page .form input {
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}

.login-page .form button {
    text-transform: uppercase;
    outline: 0;
    background: #1979ca;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}

.login-page .form button:hover,
.login-page .form button:active,
.login-page .form button:focus {
    background: #1979ca;
}

.login-page .form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
}

.login-page .form .message a {
    color: #1979ca;
    text-decoration: none;
}

.login-page .form .register-form {
    display: none;
}

.login-page .container {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin: 0 auto;
}

.login-page .container:before,
.login-page .container:after {
    content: "";
    display: block;
    clear: both;
}

.login-page .container .info {
    margin: 50px auto;
    text-align: center;
}

.login-page .container .info h1 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 36px;
    font-weight: 300;
    color: #1a1a1a;
}

.login-page .container .info span {
    color: #4d4d4d;
    font-size: 12px;
}

.login-page .container .info span a {
    color: #000000;
    text-decoration: none;
}

.login-page .container .info span .fa {
    color: #EF3B3A;
}

.login-banner {
    position: absolute;
    width: 450px;
    height: 73px;
    left: 50%;
    top: 50%;
    margin-top: -230px;
    margin-left: -225px;
}

.img_resizer p {
    display: inline;
}

.img_resizer img {
    max-width: 100% !important;
    max-height: 100% !important;
}