﻿/*.pop-up * {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}*/

.pop-up {
    background: #fff;
    box-shadow: 0 -2px 25px 0 rgba(0,0,0,.15),0 13px 25px 0 rgba(0,0,0,.3);
    border-radius: 5px;
}

.pop-up, .pop-up-body, .pop-up-buttons a, .pop-up-title, .pop-up-button {
    font-family: Helvetica,Tahoma,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.4;
}

.pop-up, .pop-up-body, .pop-up-buttons a, .pop-up-title, .pop-up-button {
    margin: 0;
    padding: 0;
    text-align: left;
}

.pop-up-title {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    color: #666;
    background-color: #eee;
    font-size: 17px;
    font-weight: 700;
    padding: 10px;
}

.pop-up-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    color: #44484a;
    margin: 10px;
    padding: 20px;
}

.pop-up-warning i {
    left: 25px;
    position: absolute;
    font-size: 5rem;
    top: 80px;
}

.pop-up-icon {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.pop-up-icon .pop-up-body {
    background-repeat: no-repeat;
    background-position: 25px 20px;
    padding-left: 120px;
    min-height: 48px;
}

.pop-up-buttons {
    text-align: right;
    padding: 10px 10px 0px 10px;
}

    .pop-up-buttons a, .pop-up-button {
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle;
        zoom: 1;
        *display: inline;
        background: 0 0;
        border-radius: 5px;
        color: #24334a !important;
        font-size: .9rem;
        font-weight: 700;
        margin: 0 0 1rem;
        margin-right: 10px !important;
        min-width: 60px;
        /*padding: 9px 16px 7px;*/
        padding: .85em 1em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }

        .pop-up-buttons a:focus, .pop-up-buttons a:hover, .pop-up-button:focus, .pop-up-button:hover, a.ZebraDialog_Close:focus, a.ZebraDialog_Close:hover {
            background: #f0f0f0;
            color: #37a0f5;
        }
.pop-up label {
    font-weight: 700;
    color: hsl(209, 28%, 39%);
}


.pop-up-header {
    padding-left: 0px;
    background: #24334a !important;
    color: #24334A !important;
    border-bottom: 1px solid #DEE3E7;
    padding: 10px;
    width: 100%;
    float: left;
}

    .pop-up-header.error {
        background: #F74969 !important;
        border-bottom: 1px solid #F74969 !important;
    }

    .pop-up-header.success {
        background: #0BC2B0 !important;
        border-bottom: 1px solid #0BC2B0 !important;
    }

    .pop-up-header.general {
        background: #0098cd;
        /*border-bottom: 1px solid #0098cd;*/
    }

    .pop-up-header h5 {
        font-size: 30px;
        font-weight: 300;
        color: #fff !important;
        margin-bottom: 0;
    }

    .pop-up-header.error h5,
    .pop-up-header.success h5,
    .pop-up-header.general h5 {
        font-size: 24px;
        font-weight: 300;
        margin-top: 3px;
        padding-left: 5px;
    }

    .pop-up-header.error h5 {
        color: #fff;
    }

    .pop-up-header::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #DEE3E7;
    }
.pop-up-footer {
    padding-left: 0px;
    background: #fdfbfb;
    border-top: 1px solid #DEE3E7;
    padding: 10px;
    width: 100%;
    float: left;
}

    .pop-up-footer.error {
        border-top: 2px solid #F74969 !important;
    }

    .pop-up-footer.success {
        border-top: 2px solid #0BC2B0 !important;
    }


    .pop-up-footer .button {
        margin: 0;
    }

    .pop-up-footer.error .button {
        border: 2px solid #cc4b37;
    }

    .pop-up-footer.success .button {
        border: 2px solid #3adb76;
        font-size: 20px;
    }

    .pop-up-footer.general .button {
        border: 2px solid;
        font-size: 20px;
    }

.error-message {
    color: #999999;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px !important;
}
