/* First Column Login */


/* Import Fonts from google font */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital@1&display=swap');
html,
body {
    height: 100%;
    overflow: hidden;
    background: #ffe259;
    background: var(--mango-gradient);
    font-family: Georgia, serif;
}

.liquid {
    background:  url('data:image/png;base64,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');
    background-size: cover;
    background-repeat: no-repeat;
}

.owl-carousel {
    width: 100%;
    height: 320px;
    max-height: 330px;
}

.owl-carousel .owl-item .login_img {
    float: right;
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 3rem;
}

.owl-dots {
    position: fixed;
    padding: 3rem 1.2rem;
    display: flex !important;
    flex-direction: column;
    transform: translateY(-240px);
}

.owl-dots button {
    border-radius: 5rem;
    margin: .3rem 0;
}

.owl-dots button span {
    background: var(--text-color) !important;
    margin: 0rem .6rem !important;
}

.owl-dots .active {
    border: 1px solid #ffa751 !important;
}

.owl-dots .active span {
    background: #ffa751 !important;
    margin: .3rem .5rem !important;
}


/* =============
   ACCOUNT
============= */

.account-wall {
    padding: 1px;
}

.accountchooser ol {
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 0;
    position: relative;
}

.accountchooser ol li {
    height: 76px;
    border-bottom: 1px solid #d5d5d5;
}

.accountchooser ol li .button-action {
    padding: 10px;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
}

.accountchooser ol li .button-action:hover {
    background-color: #ececec;
    color: #092160!important;
}

.account-image {
    float: left;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    margin-right: 12px;
}

.account-name {
    font-weight: bold!important;
    font-size: 14px;
    padding-top: 3px;
    color: #3c4043!important;
}

.accountchooser ol li .button-action span {
    display: block;
    margin-left: 12px;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #5f6368;
    font-size: 12px;
}


/* Variables */

:root {
    --primary-gradient: linear-gradient(to right, #4e4376, #2b5876);
    --mango-gradient: linear-gradient(to right, #f1f1f1, #dfdfdf);
    --text-color: #f7f9f9;
    --Garamond: "Garamond", cursive;
    --Cormorant: "Cormorant", cursive;
    --primary-shadow: 3px, 4px, 7px rgba(27, 27, 27, 0.534);
    --border-color: rgba(0, 0, 0, 0.329);
}
