/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
body {
    overflow: auto;
}

    body:not(.menu-on-top).desktop-detected {
        min-height: 100% !important;
    }

    body.smart-style-4 {
        font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;
    }

#logo {
    margin-top: 6px;
}

.clearFloat {
    clear: both;
}

.fixed-navigation nav {
    overflow: hidden;
}

/*.smart-style-2 nav ul li a {
    color: #8f7e66 !important;
}*/

/*.smart-style-4 #header > :first-child {
    background-color: #eee;
}

.smart-style-4 #content > :first-child.row {
    background-color: inherit;
}

.smart-style-4 #header {
    background-color: #3a3f51;
}

.smart-style-4 #content > .row:first-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}*/

#project-context > :first-child, .project-context > :first-child {
    color: #fff;
}

#project-selector, .project-selector {
    color: #fff;
}

    #project-selector:hover, .project-selector:hover {
        color: cadetblue;
    }

.fixed-navigation #main {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    overflow-y: auto;
}

#divModal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: url(/Content/img/mybg.png) #ffffff;
    display: none;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

#divIframeModal {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    background: url(/Content/img/mybg.png) #ffffff;
    display: none;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    margin: 0;
}

/* SmartForm Bootstrap Validation */
h4.paragraph-header {
    width: auto;
}

.smart-form .alert {
    margin: 4px;
}

    .smart-form .alert li {
        margin-left: 14px;
        list-style: none;
    }

        .smart-form .alert li:before {
            content: "\f071";
            font-family: FontAwesome;
            position: absolute;
            left: 28px;
        }

.smart-form div + fieldset {
    padding-top: 15px;
}

.smart-form.client-form header {
    background-color: #fff;
}

.smart-form footer {
    background-color: #fff;
}

.tab-content {
    background-color: #fff;
}


input.validation-success,
select.validation-success,
textarea.validation-success,
.radio.validation-success i,
.checkbox.validation-success i,
.toggle.validation-success i {
    background-color: #f0fff0;
    border-color: #7DC27D;
}

input.validation-error,
select.validation-error,
textarea.validation-error,
.radio.validation-error i,
.checkbox.validation-error i,
.toggle.validation-error i {
    background-color: #fff0f0;
    border-color: #A90329;
}


.divPhoneNumber div em.validation-error {
    display: none !important;
}

em.validation-error {
    font-size: 10px;
    color: #d56161;
}


.divPhoneNumber .form-group {
    /*margin-bottom: -2px !important;*/
}

.form-group {
    margin-bottom: 4px;
}

.ui-datepicker {
    z-index: 1051 !important;
}

.cursor {
    cursor: pointer;
}

.boldText {
    font-weight: bold;
}

.redText {
    color: #e61f1f;
}

.greenText {
    color: #2b8615;
}

.goldText {
    color: #8f7e66;
}

/*.step-content {
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
}

    .step-content .step-pane {
        display: none;
    }

    .step-content > .active {
        display: block;
    }*/

.btn-fileUpload {
    position: relative;
    overflow: hidden;
}

    .btn-fileUpload input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.divSignatureInputBox {
    border: 1px solid rgb(143, 126, 102);
    max-width: 600px;
    max-height: 200px;
}

    .divSignatureInputBox canvas {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
    }

.divSignatureBox {
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #8f7e66;
}

.divSignatureImage {
    width: 250px;
    height: 100px;
}

    .divSignatureImage, .divSignatureImage img {
        max-width: 250px;
        max-height: 100px;
    }

.divSignatureName {
    padding: 2px;
    font-weight: bolder;
    border-top: 1px solid #8f7e66;
}

.form-group label {
    color: #8f7e66;
    font-weight: 500;
}


#tabProcedureForm .tab-pane.active {
    border-left: 1px solid #d5d5d5;
    border-right:none;
    min-height: 200px;
}

#tabProcedureForm > .tab-content {
    margin-left: 88px;
    margin-top: 1px;
}

#tabProcedureForm > .nav-tabs > li > a, #tabProcedureForm > .nav-pills > li > a {
    min-width: 88px;
}


#left-panel .lnkBritMilahSA {
    text-align: center;
    margin-top: 10px;
}

.minified .lnkBritMilahSA {
    display: none;
}


@media only screen and (min-width: 320px) and (max-width: 479px) {
    #divCaseStatus, #divTextFilter, #divMohelFilter {
        width: 100%;
    }
}