body {
    padding-top: 50px;
    padding-bottom: 20px;
}
.h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
}
.beta-tag {
    position:absolute;
    top:0px;
    right:0px;
    transform:translate(100%, -100%);
    font-weight:bold;
    font-size:12px;
    color:#269abc;
}
    .beta-tag.fill {
        background-color:#269abc;
        color:white;
        padding:5px;
        line-height:15px;
    }
.beta-tag-parent {
    position:relative;
    top:0px;
    left:0px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.tooltip {
    pointer-events:none;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.default-hide {
    display:none;
}
    .default-hide.unhide {
        display:block;
    }
.floatfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* Sample styles */
.flip-container .back,
.flip-container .front {
    border: 5px solid #00bcf2;
    padding-bottom: 30px;
    padding-top: 30px;
}

#content {
    position: relative;
    background: #fff;
    padding: 50px 0 0 0;
}

.option {
    width: 140px;
    margin: 5px;
}

div.correct p {
    color: green;
}

div.incorrect p {
    color: red;
}

.btn {
    border-radius: 0;
}

.flip-container div.front, .flip-container div.back.flip {
    display: block;
}

.flip-container div.front.flip, .flip-container div.back {
    display: none;
}

/*Timeout popup styling*/

modalbody {
    font-family: Arial;
    font-size: 10pt;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.93;

    position: fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 15000;
}

.modalPopup {
    background-color: #FFFFFF;
    opacity: 2;
    width: 420px;
    height: 200px;
    top: 30%;
    left: 35%;
    position: absolute;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
    z-index: 20000;
}

.modalPopup .header {
    background-color: #269abc;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modalPopup .modalbody {
    padding: 10px;
    min-height: 50px;
    text-align: center;
    /*font-weight: bold;*/
}

.modalPopup .footer {
    padding: 6px;
}

.modalPopup .yes, .modalPopup .no {
    height: 25px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

.modalPopup .yes {
    background-color: #269abc;
    border: 1px solid #0DA9D0;
}

.modalPopup .no {
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}