html, body {
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

.launching {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #773f9b;
}

.launching .logo {
    height: 14em;
    display: inline-block;
    position: absolute;
    margin-top: -6em;
}

.launching .lds-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    margin-top: 80px;
}

.launching .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 10px;
    border-radius: 50%;
    border: 5px solid;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.launching .server {
    display: none;
    color: #fff;
    font-size: 1em;
    text-align: center;
    position: absolute;
    bottom: 4em;
}

.launching .server > img {
    height: 5em;
    display: inline-block;
}

.launching .server > span {
    padding-top: 1em;
    font-size: 1.5em;
    font-weight: 400;
    font-family: 'Arial', serif;
    display: inline-block;
    width: 80%;
}

/*::-webkit-scrollbar-button {*/
/*    background-image: url('');*/
/*    background-repeat: no-repeat;*/
/*    width: 0;*/
/*    height: 0;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*    background-color: #ecedee*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*    -webkit-border-radius: 0;*/
/*    border-radius: 0;*/
/*    background-color: #d0d0d0;*/
/*}*/

/*::-webkit-scrollbar-thumb:hover {*/
/*    background-color: #919191;*/
/*}*/

/*::-webkit-resizer {*/
/*    background-image: url('');*/
/*    background-repeat: no-repeat;*/
/*    width: 4px;*/
/*    height: 4px;*/
/*}*/

/*::-webkit-scrollbar {*/
/*    width: 4px;*/
/*    height: 4px;*/
/*}*/



.launching .container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 64px;
    margin-top: 120px;
    overflow: hidden;
    animation-delay: 1s;
}

.launching .item-1 {
    width: 10px;
    height: 10px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #ffffff;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    50%,
    75% {
        transform: scale(2.5);
    }
    78%, 100% {
        opacity: 0;
    }
}

.launching .item-1:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 200ms;
    transition: 0.5s all ease;
    transform: scale(1);
}

.launching .item-2 {
    width: 10px;
    height: 10px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #ffffee;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.launching .item-2:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffffee;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 400ms;
    transition: 0.5s all ease;
    transform: scale(1);
}

.launching .item-3 {
    width: 10px;
    height: 10px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #ffffcc;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.launching .item-3:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffffcc;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 600ms;
    transition: 0.5s all ease;
    transform: scale(1);
}

.launching .item-4 {
    width: 10px;
    height: 10px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #ffffbb;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.launching .item-4:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffffbb;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 800ms;
    transition: 0.5s all ease;
    transform: scale(1);
}

.launching .item-5 {
    width: 10px;
    height: 10px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #ffffaa;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.launching .item-5:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffffaa;
    opacity: 0.7;
    animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
    animation-delay: 1000ms;
    transition: 0.5s all ease;
    transform: scale(1);
}

.x-grid-item-selected .x-grid-cell-inner {
    white-space: normal;
}
.x-grid-column-center {
    text-align: center !important;
}
.x-grid-checkcolumn-not-after::after {
    content: '' !important;
}

.AddressHandbook .add_address {
    display: block;
    visibility: visible;
}
.AddressHandbook .remove_address {
    display: none;
    visibility: hidden;
}
.AddressHandbook.step2 .add_address {
    display: none;
    visibility: hidden;
}
.AddressHandbook.step2 .remove_address {
    display: none;
    visibility: hidden;
}
.AddressHandbook.step2.step3 .add_address {
    display: none;
    visibility: hidden;
}
.AddressHandbook.step2.step3 .remove_address {
    display: block;
    visibility: visible;
}
.AddressHandbook .actionColumnBtn {

}