﻿

@media only screen and (min-width: 1170px) {
    #wrapper {
        margin: 0 auto;
        width: 80%;
    }
}

.ibox-title h5 {
    font-size: 120%;
}

body {
    font-size: 160%;
}

.page-numbering {
    padding: 5px;
}

    .page-numbering > div {
        float: left;
        display: inline-block;
        margin: 0 5px;
    }

.page-btn-Add {
    float: right;
    display: inline-block;
    margin: 0 5px;
}

.page-numbering .btn-primary {
    padding: 2px 10px;
}

.checkbox-radio-align {
    padding-left: 15px;
}

.error-message-align {
    padding-left: 5px;
}

.dis-table {
    margin: 0;
}

    .dis-table td {
        vertical-align: middle !important;
        border-top: none !important;
    }

    .dis-table th {
        background-color: #e8e8e8;
        font-weight: bold;
        border-bottom: 2px solid #cccccc;
    }

    .dis-table td.grid-bdr {
        border: 1px solid #e5e5e5 !important;
        border-top: 1px solid #e5e5e5 !important;
    }

.print-only-visible {
    display: none;
}

.old-value {
    background-color: #fff6c4;
    border-radius: 2px;
}

label {
    font-weight: normal;
}

.page-title {
    background-color: #d6e3bc !important;
    color: #ffffff;
}

.ibox-content {
    color: #5c5f61;
}

.ibox-title {
    border-top-width: 2px;
    color: #6f6a6a;
}

.table-sub-heading {
    background-color: #cccccc;
}

.divider {
    width: 5px;
    height: auto;
    display: inline-block;
}

.my-drop-zone {
    border: dotted 3px lightgray;
    height: 400px;
    text-align: center;
    vertical-align: middle;
    font-size: xx-large;
}

.general-border {
    border: Solid 1px lightgray;
}

.nv-file-over {
    border: dotted 3px red;
}

/* Default class applied to drop zones on over */
.another-file-over-class {
    border: dotted 3px green;
}

/* a hack to fix radio button not printing in print view */
.radio-success input[type="radio"]:checked + label::before {
    border-width: 7px !important;
}

.btn-frm-submit:disabled {
    background-color: lightgray;
    border: 1px solid lightgray;
}

.word-wrap {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

@media print {

    .not-dis-table [class*="col-md-"] {
        float: left;
    }

    .page-numbering {
        display: none;
    }

    .page-heading,
    .btn {
        display: none !important;
    }

    .form-control, .single-line {
        border: none !important;
    }

    input[type=text].form-control, input[type=email].form-control, select.form-control {
        border-bottom: 1px solid #cccccc !important;
    }

    body {
        zoom: .8;
    }

    .q-page {
        page-break-before: always;
    }

    .frm-section::before {
        display: block;
        content: "";
        padding-top: 10px;
    }

    .frm-question > div {
        page-break-inside: avoid;
    }

    .ibox-title {
        border: none !important;
        border-bottom: 1px solid #aaaaaa !important;
        background-color: #9dcb88 !important;
        -webkit-print-color-adjust: exact !important;
    }

    .print-only-visible {
        display: block;
        font-weight: bold;
    }

    .old-value div:last-child::before {
        content: 'Old value: ';
        font-style: oblique;
        text-decoration: underline;
    }

    .q-validation {
        display: none;
    }

    .hide-me-when-printing {
        display: none;
    }
}

/*
 *  Overwrite checkpoint cloud css
*/
body.md-skin {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #2f4050;
}

.md-skin .ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    box-shadow: none;
}

.md-skin .ibox-title {
    border-style: solid solid none;
}

.md-skin .ibox-content {
    border-style: solid solid none;
}

.md-skin .ibox-title h5 {
    font-size: 120%;
    font-weight: 600;
}