div.sm-popup {
    position: fixed;
    border: 1px solid #A7A7A7;
    padding: 1px;
    border-radius: 8px;
    z-index: 8010;
}

    div.sm-popup.sm-confirm, div.sm-popup.sm-prompt, div.sm-popup.sm-alert {
        z-index: 11000;
    }

    div.sm-popup.sm-popup-shadow {
        box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.6);
    }

    div.sm-popup div.sm-popup-header {
        padding: 12px 13px 12px 13px;
        /*border: 1px solid #ACACAC;*/
        border-bottom: 1px solid #e5e5e5;
        height: 44px;
        cursor: move;
        text-align: left;
        border-radius: 6px;
    }

        div.sm-popup div.sm-popup-header.sm-popup-header-default {
            color: black;
            /*background-color: #E1E1E1;*/
            background-color: #f5f5f5;
            /*background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E0E0E0), color-stop(1, #CCCCCC) );
            background-image: -o-linear-gradient(bottom, #E0E0E0 0%, #CCCCCC 100%);
            background-image: -moz-linear-gradient(bottom, #E0E0E0 0%, #CCCCCC 100%);
            background-image: -webkit-linear-gradient(bottom, #E0E0E0 0%, #CCCCCC 100%);
            background-image: -ms-linear-gradient(bottom, #E0E0E0 0%, #CCCCCC 100%);
            background-image: linear-gradient(to bottom, #E0E0E0 0%, #CCCCCC 100%);*/
        }

        div.sm-popup div.sm-popup-header > i {
            float: left;
            margin-top: 4px;
            display: inline-block;
            font-size: 13px;
            margin-right: 5px;
        }

        div.sm-popup div.sm-popup-header.sm-popup-header-default > i {
            color: #666;
        }

        div.sm-popup div.sm-popup-header > span.sm-popup-title {
            /*font-family: Verdana, Arial, sans-serif;*/
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            float: left;
            display: inline-block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            /*max-width: calc(100% - 27px);*/
            max-width: 100%;
        }

    div.sm-popup.sm-popup-closeable div.sm-popup-header {
        padding: 12px 7px 12px 13px;
    }

        div.sm-popup.sm-popup-closeable div.sm-popup-header > span.sm-popup-title {
            max-width: calc(100% - 27px);
        }

        div.sm-popup.sm-popup-closeable div.sm-popup-header > .sm-popup-button-close {
            display: inline-block;
            float: right;
            padding: 2px 6px;
            /*margin: -3px 0px;*/
            margin: -1px 0px;
            /*color: white;*/
            cursor: pointer;
            /*font-size: 15px;*/
            font-size: 11px;
            /*font-weight: bold;*/
            text-decoration: none;
            opacity: .5;
            /*border: 1px solid #2e2e33;
            border-radius: 5px;*/
            border: none;
            /*vertical-align: middle;*/
            /*text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;*/
            /*background-color: #5C5C65;
            background-image: -o-linear-gradient(bottom, #5C5C65 0%, #3A3A40 100%);
            background-image: -moz-linear-gradient(bottom, #5C5C65 0%, #3A3A40 100%);
            background-image: -webkit-linear-gradient(bottom, #5C5C65 0%, #3A3A40 100%);
            background-image: -ms-linear-gradient(bottom, #5C5C65 0%, #3A3A40 100%);
            background-image: linear-gradient(to bottom, #5C5C65 0%, #3A3A40 100%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5C5C65), color-stop(1, #3A3A40));*/
            background: transparent;
        }

            div.sm-popup.sm-popup-closeable div.sm-popup-header > .sm-popup-button-close:hover {
                /*background-color: #696973;
                background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #696973), color-stop(1, #48484F) );
                background-image: -o-linear-gradient(bottom, #696973 0%, #48484F 100%);
                background-image: -moz-linear-gradient(bottom, #696973 0%, #48484F 100%);
                background-image: -webkit-linear-gradient(bottom, #696973 0%, #48484F 100%);
                background-image: -ms-linear-gradient(bottom, #696973 0%, #48484F 100%);
                background-image: linear-gradient(to bottom, #696973 0%, #48484F 100%);*/
                opacity: 1;
            }

    /*div.sm-popup.sm-popup-closeable div.sm-popup-header .sm-popup-button-close:focus {
                outline: none;
            }*/

    div.sm-popup div.sm-popup-body {
        /*height: 100%;*/ /* gkb 06/13/16 - this didn't cause problems before, but it does now when you drag a popup whose height isn't set (the body's height grows and the buttons get pushed out of the popup) */ 
        overflow-x: auto;
        overflow-y: auto;
        scrollbar-face-color: #336699;
        scrollbar-3dlight-color: #336699;
        scrollbar-base-color: #336699;
        scrollbar-track-color: #336699;
        scrollbar-darkshadow-color: #000;
        scrollbar-arrow-color: #000;
        scrollbar-shadow-color: #fff;
        scrollbar-highlight-color: #fff;
    }

        div.sm-popup div.sm-popup-body > form {
            margin: 0px;
        }

        div.sm-popup div.sm-popup-body .row,
        div.sm-popup div.sm-popup-body .form-group {
            margin-left: auto;
            margin-left: initial;
            margin-right: auto;
            margin-right: initial;
        }

    div.sm-popup div.sm-popup-footer {
        padding: 9px 6px;
        background-color: #F5F5F5;
        border-top: 1px solid #DBDBDB;
    }

        div.sm-popup div.sm-popup-footer .sm-popup-button.sm-popup-button-default {
            cursor: pointer;
            padding: 8px 11px;
            margin: 0px 4px;
            color: black;
            border: 1px solid #CCCCCC;
            font-size: 14px;
            text-decoration: none;
            border-radius: 5px;
            vertical-align: middle;
            background-color: #FFFFFF;
            /*background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #E3E3E3) );
            background-image: -o-linear-gradient(bottom, #F2F2F2 0%, #E3E3E3 100%);
            background-image: -moz-linear-gradient(bottom, #F2F2F2 0%, #E3E3E3 100%);
            background-image: -webkit-linear-gradient(bottom, #F2F2F2 0%, #E3E3E3 100%);
            background-image: -ms-linear-gradient(bottom, #F2F2F2 0%, #E3E3E3 100%);
            background-image: linear-gradient(to bottom, #F2F2F2 0%, #E3E3E3 100%);*/
        }

            div.sm-popup div.sm-popup-footer .sm-popup-button.sm-popup-button-default:hover {
                background-color: #EBEBEB;
                border-color: #B3B3B3;
                /*background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #EBEBEB), color-stop(1, #D9D9D9) );
                background-image: -o-linear-gradient(bottom, #EBEBEB 0%, #D9D9D9 100%);
                background-image: -moz-linear-gradient(bottom, #EBEBEB 0%, #D9D9D9 100%);
                background-image: -webkit-linear-gradient(bottom, #EBEBEB 0%, #D9D9D9 100%);
                background-image: -ms-linear-gradient(bottom, #EBEBEB 0%, #D9D9D9 100%);
                background-image: linear-gradient(to bottom, #EBEBEB 0%, #D9D9D9 100%);*/
            }

        div.sm-popup div.sm-popup-footer .sm-popup-button-focus {
            /*background-color: #e6e6e6;
            border-color: #b3b3b3;
            color: #333;*/
            /*outline: #4D90FE 1px solid !important;*/
            outline: #9BD3FE 1px solid !important;
        }

        div.sm-popup div.sm-popup-footer .sm-popup-button {
            /*cursor: pointer;*/ /*gkb 01/17/17*/
            display: inline-block;
            margin-left: 2px;
            margin-right: 2px;
        }

            div.sm-popup div.sm-popup-footer .sm-popup-button > i + span,
            div.sm-popup div.sm-popup-footer > div.btn-group > ul.dropdown-menu > li > a > i + span {
                margin-left: 4px;
            }

        /* angle icon */
        div.sm-popup div.sm-popup-footer > div.btn-group > button > i:last-of-type {
            margin-left: 4px;
            margin-right: 0px;
        }

    div.sm-popup div.sm-popup-body div.popup-subheader {
        padding: 15px;
        background-color: #F9F9F9;
    }

    div.sm-popup div.sm-popup-body div.popup-subheader {
        margin: -10px -10px 10px -10px;
    }

    div.sm-popup div.sm-popup-body div.popup-subfooter {
        padding: 9px 8px;
        background-color: #F5F5F5;
        border-top: 1px solid #DBDBDB;
    }

    div.sm-popup div.sm-popup-body div.popup-subfooter {
        margin: 10px -10px -10px -10px;
    }

html.sm-popup-modal-open,
html.sm-popup-modal-open body {
    overflow: hidden;
    height: 100%;
}

div.sm-popup-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8010;
    /*background: #000;*/
    /*opacity: .5;*/
    /*opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear;*/
}

    /*div.sm-popup-modal-backdrop-visible {
    opacity: .5;
}*/

    div.sm-popup-modal-backdrop.sm-confirm-modal-backdrop,
    div.sm-popup-modal-backdrop.sm-prompt-modal-backdrop,
    div.sm-popup-modal-backdrop.sm-alert-modal-backdrop {
        z-index: 11000;
    }