.login-box {
    padding-top: 75px;
    position: relative;
}

    .login-box .login-logo {
        position: absolute;
        top: 0;
        white-space: nowrap;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.logo-lg {
    width: 100%;
    height: 100%;
}

    .logo-lg img {
        max-width: 100%;
        max-height: 100%;
    }

.position-relative {
    position: relative !important;
}

.loading-panel {
    position: absolute;
    background: url("/Common/images/loading-big.gif") no-repeat center center rgba(255, 255, 255,0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
}

.customer-question-dialog-cbox,
.reminder-modal-cbox {
    background-color: transparent !important;
}

.customer-question-dialog,
.reminder-modal {
    border: 1px solid #CCC;
    border-radius: 3px;
    min-width: 500px;
}

.reminder-list-modal {
    border: 1px solid #CCC;
    border-radius: 3px;
    min-width: 600px;
}

/*Notification menu*/
#reminder-inner {
    width: 450px !important;
}

.wide-column {
    max-width: 300px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.table-nonfluid {
    width: auto !important;
}


/*Data verification*/
.verified-information {
    position: relative;
}

    .verified-information input {
        border: 1px solid #008000;
    }

    .verified-information::after {
        content: "\f05d";
        position: absolute;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        color: #008000;
        right: 4px;
        bottom: 4px;
        font-size: 1.6em;
    }

/*.verified-information::before {
        content: "\f023";
        position: absolute;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        font-size: 1.6em;
        color: #000;
        right: 4px;
        bottom: 4px;
    }*/


.clear-user-information {
    cursor: pointer;
}

.ui-table-autocomplete {
    padding-top: 30px;
}


@media only screen and (max-height: 768px) {
    .reminder-list-modal .box-body {
        /*height: 768px !important;*/
        overflow: auto !important;
        max-height: 500px !important;
    }

    .reminder-modal .box-body {
        overflow: auto !important;
        max-height: 500px !important;
    }
}

@media only screen and (max-width: 1366px) {
    .reminder-modal .box-body {
        overflow: auto !important;
        max-width: 1200px !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    #reminder-inner {
        width: 350px !important;
    }

    .reminder-modal {
        max-width: 350px !important;
        min-width: initial;
    }

        .reminder-modal .button-separator {
            height: 5px !important;
            display: block !important;
            width: 100% !important;
        }

        .reminder-modal .btn {
            float: none !important;
        }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    #reminder-inner {
        width: 375px !important;
    }

    .reminder-modal {
        max-width: 375px !important;
        min-width: initial;
    }

        .reminder-modal .button-separator {
            height: 5px !important;
            display: block !important;
            width: 100% !important;
        }

        .reminder-modal .btn {
            float: none !important;
        }
}


.sale-filter-dates-group {
    display: flex;
    flex-direction: row;
    float: left;
    flex-wrap: nowrap;
}

    .sale-filter-dates-group .sale-filter-dates-group__col {
        padding: 0 15px;
        min-width: 130px;
        /*max-width: 200px;*/
        flex: 0 1 auto;
    }


.link-button {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}


.busy {
    cursor: wait;
    opacity: .5;
}