.jconfirm-bg.seen {
    opacity:1 !important;
}

.jconfirm .jconfirm-box {
    padding:0;
    border-radius:0 !important;
    font-family:Roboto;
}

.jconfirm .jconfirm-box div.title-c .title {
    display: block;

    padding:0 15px;
    height:40px;
    line-height:40px;

    font-size:20px;
    font-weight:bold;

    color:#FFF;
    background-color:#C8102E;
}

.jconfirm .jconfirm-box .content-pane {
    border-bottom:1px solid #ddd;
    margin: 0px !important;
    /* fixes whitespace below block
    see https://stackoverflow.com/a/5804278 */
    vertical-align: middle;
}

.jconfirm .jconfirm-box .content {
    padding: 5px;
}

.jconfirm .jconfirm-box .content div.warning {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 5px 0px;
}

.jconfirm .jconfirm-box input {
    width:100%;
    height:70px;

    border:0;

    font-family:"Roboto Mono";
    font-size:40px;

    text-align:center;
}

.jconfirm .jconfirm-box .buttons {
    padding:0;
    height:40px;
}

.jconfirm .jconfirm-box .buttons button {
    min-width:40px;
    height:100%;
    margin:0;
    margin:0 !important;
}

.jconfirm .jconfirm-box .buttons button:first-child:focus,
.jconfirm .jconfirm-box .buttons button:first-child:hover {
    color:#FFF !important;
    background:#009011 !important;
}

.jconfirm .jconfirm-box .buttons button:nth-child(2):focus,
.jconfirm .jconfirm-box .buttons button:nth-child(2):hover {
    color:#FFF !important;
    background:#C8102E !important;
}

.jconfirm .capslock {
    position: relative ;
}

.jconfirm .capslock .glyphicon {
    position: absolute;
    padding: 10px;
    right: 0px;
    top: 15px;
    font-size: 30px;
    display: none ;
    margin-left: 60px !important;
}

.jconfirm .capslock input {
    padding-right: 50px;
    padding-left: 50px;
}
