﻿

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.splashtop {
    background-color: #eaf1f1;
    height: 4em;
    color: #fff;
    text-align: center;
}

.splash {
    background-image: url('Images/denim.png');
    padding: 4em 0 2em;
    color: #fff;
    text-align: center;
}

#home {
    padding-top: 0;
    background-color: #eaf1f1;
}

.section-login {
    padding: 4em 0 3em;
    background-color: #eaf1f1;
}

#loginForm {
    padding-top: 2em;
}

.section-login .fa {
    margin-right: .5em;
}

.section-login p {
    margin-bottom: 3em;
}

.bigText {
    font-size: 4em;
}

input.form-fixer {
    padding: 6px;
    font-size: 14px;
    height: 28px;
}

button.form-fixer {
    padding: 1px 10px;
    font-size: 14px;
    height: 28px;
}

.notification {
    position: relative;
    cursor: pointer;
    height: 40px;
}
    li.notification span.notification-icon {
        padding: 10px 14px;
    }

    .notification .notification-badge {
        position: absolute;
        left: 27px;
        top: 3px;
        border-radius:4px;
        height: 20px;
        padding: 4px 5px;
        border: 2px solid;
        border-color: rgba(255,255,255, .7);
        text-align: center;
        box-shadow: rgba(0,0,0,.15) 5px 5px 5px;
        z-index: 100000;
    }



.note-metadata {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.subscript {
    font-size: 12px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 3px;
}

.info-box {
    margin-bottom: 7px;
    margin-top: 0;
    padding: 0;
}

.info-box-title {
    background-color: #fcf8e3;
    border-color: #e7eaec; 
    border-width: 5px 1px 0px 1px;
    border-style: solid;
    padding: 2px 0;
}

.info-box-success .info-box-title {
    border-top-color: #468847;
}

.info-box-warning .info-box-title {
    border-top-color: #c09853;
}

.info-box-danger .info-box-title {
    border-top-color: #b94a48;
}

.info-box-content {
    background-color: #fff;
    border-color: #e7eaec; 
    border-width: 1px;
    border-style: solid;
    padding: 4px 11px;
}

.info-box-content div {
    padding: 5px;
}

.info-box-footer {
    background-color: #fafafa;
    border-color: #e7eaec; 
    border-width: 0 1px 1px 1px;
    border-style: solid;
    padding: 0px 4px;
}

.info-box-footer div {
    padding: 0px 5px;
}

.info-box-split {
    padding: 0 !important;
    width: 100%;
    display: table;
}

.info-box-content-left {
    width: 50%;
    float: left;
    border-right: 1px solid #e7eaec;
    padding: 0 10px;
}

.info-box-content-right {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.note-link {
    width: 1px;
    border-left: 3px solid #ccc;
    height: 7px;
    left: 250px;
    top: -7px;
    position: absolute;
}

div.note-row:nth-of-type(odd) {
    background-color: #EFF9FD;
}

footer {
    position: fixed;
    bottom: 0px;
    right: 10px;
}

div.client-results-holder.rejected div {
    text-decoration: line-through;

}

div.template-preview {
    overflow-y: auto;
    width: 780px;
    border: 1px solid #aaa;
    padding: 0px;
}

div.template-preview div.preview-frame {
    background-color: #bbb;
    min-height: 100%;
    width: 760px;
    padding: 10px;
}

div.template-preview div.preview-page {
    background-color: #fff;
    border: 1px solid #999;
    width: 738px;
    min-height: 1000px;
    
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
    padding: 30px;
}

.cke_combo__mergefields .cke_combo_button .cke_combo_text,
 .cke_combo__specialfields .cke_combo_button .cke_combo_text{
    width: 150px !important;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    background-color: #38b44a;
    border-color: #38b44a;
    color:#fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    padding: 3px 12px;
    cursor: pointer;
}

.inputfile + label:focus, .inputfile + label:hover {
    background-color: #2c8d3a;
    border-color: #298537;
}

.bootstrap-datetimepicker-widget {
    z-index: 1000000 !important;
}

div.cke_combopanel {
    width: auto !important;
    height: 250px;
}