.div-popup, .div-popup .div-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: none;
    z-index: 999997;
}


    .div-popup .div-popup-overlay {
        display: block;
        background-color: rgba(24,39,56,.3);
    }

    .div-popup .popup-content {
        z-index: 999999;
        text-align: center;
        position: fixed;
        top: 50%;
        left: 50%;
        background: rgba(0,0,0,.4);
        padding: 15px;
        max-width: 70%;
    }

.popup-content > span {
    padding: 3px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
}

.loader {
    border: 4px solid transparent;
    border-radius: 50%;
    border-top: 4px solid #fdaf17;
    width: 24px;
    height: 24px;
    border-right: 4px solid #fdaf17;
    border-bottom: 4px solid #fdaf17;
    background: url(./images/loader.gif);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.or-option {
    bottom: -25px;
    text-align: center;
}

    .or-option .client_name {
        width: 83%;
    }

.client_dropdown {
    border: 1px solid #666666;
    color: #666666;
    text-align: center;
    width: 100%;
    float: left;
    padding: 13px 10px !important;
    border-radius: 65px !important;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 25px;
    margin-right: 10px;
    appearance: none;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgBbY7dDUVAEIXP0ICH28GNoAItiGJWCVYHohjx6nE7EFECJdi145+Yh5mcmS/nDKWRyLSB13RVgY/i+6wBx+EGkkko8je07gyVLsFz+0kp/xeDLPy3cxhVe0BsABhZ2zQ6I1ZHktoeWN8h1vT4Z4c3dUGfxXAaiOy9XwBuzC7tvK7SCgAAAABJRU5ErkJggg==);
}

.ssologin-btn:hover {
    background: #ffac0c;
    color: #fff;
    border: 1px solid #ffac0c;
}

.ssologin-btn {
    background: #fff;
    border: 1px solid #5c5c5c;
    color: #5c5c5c;
    float: left;
    padding: 14px 45px !important;
    border-radius: 65px !important;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 25px;
    margin-right: 10px;
}

.ssologinbuttoncombobox {
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 72%;
    left: 44%;
    text-align: center;
    height: 130px
}

.ssologinbuttonselect {
    text-align-last: center;
    width: 240px;
    height: 32px;
    border-radius: 15px 15px 15px 15px;
    background: transparent;
    border-color: white;
    color: white;
    outline: none;
}

.ssologinbuttonbtn {
    display: inline-block;
    width: 225px;
    padding: 7px;
    text-decoration: none;
    border-radius: 15px 15px 15px 15px;
    color: white;
    border: 1px solid #fdaf17;
    background: #fdaf17;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.divor {
    color: white;
    width: 240px;
    margin-bottom: 30px;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}