/*-------------- Errors ------------------*/
.error-wrap{
    display: flex;
    align-items: center;
}
.error-logo{
    margin-right: 10px;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCINCiAgIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+DQogICA8cGF0aCBkPSJNNyAxM0gxN1YxMUg3VjEzWk0xMiAyMkMxMC42MTY3IDIyIDkuMzE2NjcgMjEuNzM3NSA4LjEgMjEuMjEyNUM2Ljg4MzMzIDIwLjY4NzUgNS44MjUgMTkuOTc1IDQuOTI1IDE5LjA3NUM0LjAyNSAxOC4xNzUgMy4zMTI1IDE3LjExNjcgMi43ODc1IDE1LjlDMi4yNjI1IDE0LjY4MzMgMiAxMy4zODMzIDIgMTJDMiAxMC42MTY3IDIuMjYyNSA5LjMxNjY3IDIuNzg3NSA4LjFDMy4zMTI1IDYuODgzMzMgNC4wMjUgNS44MjUgNC45MjUgNC45MjVDNS44MjUgNC4wMjUgNi44ODMzMyAzLjMxMjUgOC4xIDIuNzg3NUM5LjMxNjY3IDIuMjYyNSAxMC42MTY3IDIgMTIgMkMxMy4zODMzIDIgMTQuNjgzMyAyLjI2MjUgMTUuOSAyLjc4NzVDMTcuMTE2NyAzLjMxMjUgMTguMTc1IDQuMDI1IDE5LjA3NSA0LjkyNUMxOS45NzUgNS44MjUgMjAuNjg3NSA2Ljg4MzMzIDIxLjIxMjUgOC4xQzIxLjczNzUgOS4zMTY2NyAyMiAxMC42MTY3IDIyIDEyQzIyIDEzLjM4MzMgMjEuNzM3NSAxNC42ODMzIDIxLjIxMjUgMTUuOUMyMC42ODc1IDE3LjExNjcgMTkuOTc1IDE4LjE3NSAxOS4wNzUgMTkuMDc1QzE4LjE3NSAxOS45NzUgMTcuMTE2NyAyMC42ODc1IDE1LjkgMjEuMjEyNUMxNC42ODMzIDIxLjczNzUgMTMuMzgzMyAyMiAxMiAyMlpNMTIgMjBDMTQuMjMzMyAyMCAxNi4xMjUgMTkuMjI1IDE3LjY3NSAxNy42NzVDMTkuMjI1IDE2LjEyNSAyMCAxNC4yMzMzIDIwIDEyQzIwIDkuNzY2NjcgMTkuMjI1IDcuODc1IDE3LjY3NSA2LjMyNUMxNi4xMjUgNC43NzUgMTQuMjMzMyA0IDEyIDRDOS43NjY2NyA0IDcuODc1IDQuNzc1IDYuMzI1IDYuMzI1QzQuNzc1IDcuODc1IDQgOS43NjY2NyA0IDEyQzQgMTQuMjMzMyA0Ljc3NSAxNi4xMjUgNi4zMjUgMTcuNjc1QzcuODc1IDE5LjIyNSA5Ljc2NjY3IDIwIDEyIDIwWiINCiAgICAgIGZpbGw9IiNDQzFDMjciIC8+DQo8L3N2Zz4=");
}

/*-------------- Loader ------------------*/
.loader_off {
    display: none;
}

.loader_container {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(227, 227, 227, 0.7);
}

.loader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2;
    border: 5px solid #e2e2e2;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.hide {
    display: none;
}