
.dontShow {display:none!important;}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.45);
    z-index: 98;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 99;
    height: auto;
    margin-left: -40%;
    width: 80%;
    background-color: #fff;
    padding: 1.875em;
    border: 1px solid #666;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    top: 50px;
}

.alert-box,.breadcrumbs {
    display: block;
    border-style: solid;
    border-width: 1px;
}

.reveal-modal .column,.reveal-modal .columns {
    min-width: 0;
}

.reveal-modal>:first-child {
    margin-top: 0;
}

.reveal-modal>:last-child {
    margin-bottom: 0;
}

.reveal-modal .close-reveal-modal {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: .5em;
    right: .6875em;
    color: #aaa;
    font-weight: 700;
    cursor: pointer;
}

@media only screen and (min-width:768px) {
    .reveal-modal {
        padding: 1.875em;
        top: 6.25em;
    }

    .reveal-modal.tiny {
        margin-left: -15%;
        width: 30%;
    }

    .reveal-modal.small {
        margin-left: -20%;
        width: 40%;
    }

    .reveal-modal.medium {
        margin-left: -30%;
        width: 60%;
    }

    .reveal-modal.large {
        margin-left: -35%;
        width: 70%;
    }

    .reveal-modal.xlarge {
        margin-left: -47.5%;
        width: 95%;
    };
}

@media print {
    .reveal-modal {
        background: #fff!important;
    };
}

.alert-box {
    font-weight: 700;
    margin-bottom: 1.25em;
    position: relative;
    padding: .6875em 1.3125em .75em .6875em;
    font-size: .875em;
    background-color: #195291;
    border-color: #123966;
    color: #fff;
}

.alert-box .close {
    font-size: 1.375em;
    padding: 5px 4px 4px;
    line-height: 0;
    position: absolute;
    top: .4375em;
    right: .3125em;
    color: #333;
    opacity: .3;
}

.alert-box .close:focus,.alert-box .close:hover {
    opacity: .5;
}

.alert-box.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.alert-box.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
}

.alert-box.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: #fff;
}

.alert-box.alert {
    background-color: #ff6464;
    border-color: #ff3131;
    color: #fff;
}

.alert-box.secondary {
    background-color: #6a6a6a;
    border-color: #515151;
    color: #fff;
}

.breadcrumbs {
    padding: .5625em .875em;
    overflow: hidden;
    margin-left: 0;
    background-color: #777;
    border-color: #5d5d5d;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.breadcrumbs>* {
    margin: 0;
    float: left;
    font-size: .6875em;
    text-transform: uppercase;
}

.breadcrumbs>:focus a,.breadcrumbs>:hover a {
    text-decoration: underline;
}

.breadcrumbs>* a,.breadcrumbs>* span {
    text-transform: uppercase;
    color: #195291;
}

.breadcrumbs>.current,.breadcrumbs>.current a {
    cursor: default;
    color: #333;
}

.breadcrumbs>.current:focus,.breadcrumbs>.current:focus a,.breadcrumbs>.current:hover,.breadcrumbs>.current:hover a {
    text-decoration: none;
}

.breadcrumbs>.unavailable,.breadcrumbs>.unavailable a {
    color: #999;
}

.breadcrumbs>.unavailable a:focus,.breadcrumbs>.unavailable:focus,.breadcrumbs>.unavailable:hover,.breadcrumbs>.unavailable:hover a {
    text-decoration: none;
    color: #999;
    cursor: default;
}

.breadcrumbs>:before {
    content: "/";
    color: #aaa;
    margin: 0 .75em;
    position: relative;
    top: 1px;
}

.breadcrumbs>:first-child:before {
    content: " ";
    margin: 0;
}

.label {
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    padding: .1875em .625em .25em;
    font-size: .875em;
    background-color: #195291;
    color: #fff;
}

.label.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.label.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
}

.label.alert {
    background-color: #ff6464;
    color: #fff;
}

.label.success {
    background-color: #5da423;
    color: #fff;
}

.label.secondary {
    background-color: #6a6a6a;
    color: #fff;
}

.inline-list {
    margin: 0 0 1.0625em -1.375em;
    padding: 0;
    overflow: hidden;
}

.panel.callout>:first-child,.panel>:first-child {
    margin-top: 0;
}

.panel,.panel.callout {
    border-style: solid;
    border-width: 0;
    padding: 1.25em;
}

.panel {
    border-color: #d5d5d5;
    margin-bottom: .9375em;
    background: #eee;
}

.panel>:last-child {
    margin-bottom: 0;
}

.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p {
    color: #525252;
}

.panel.callout a,.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p {
    color: #fff;
}

.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6 {
    line-height: 1;
    margin-bottom: .625em;
}

.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader {
    line-height: 1.4;
}

.panel.callout {
    border-color: #123966;
    margin-bottom: .9375em;
    background: #195291;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
}

.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6 {
    line-height: 1;
    margin-bottom: .625em;
}

.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader {
    line-height: 1.4;
}

.panel.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
}
