﻿/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 40px;
    background-color: #f5f5f5;
}

.signin-footer {
    width: 100%;
    /* Set the fixed height of the footer here */
    text-align: center;
}

.container .text-muted {
    margin: 10px 0;
}

/* Set width on the form input elements since they're 100% wide by default */
.normal-form-control {
    max-width: 280px;
}

.form-signin {
    max-width: 384px;
    width: 384px;
    padding: 30px;
    margin: 0 auto;
    /*box-shadow: 0 8px 20px #ddd;*/
    overflow: hidden;
    /*box-shadow: 0 0 6px 0 rgba(0,0,0,.2);*/
    border-radius: 8px;
    /*background-color:#fff;*/
    margin-top: 10%;
}

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin .checkbox {
        font-weight: normal;
    }

    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        font-size: 16px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.page-number-box {
    text-align: center;
    border: 1px solid #ede4e4;
    width: 38px;
}

.dl-horizontal dt {
    line-height: 30px;
    color:var(--golobal-default-color);
    font-weight:600;
}

.dl-horizontal dd {
    line-height: 30px;
}

.short-dd {
    width: 300px;
}

@media (min-width: 768px) {
    .dl-horizontal-factory-profile dt {
        float: left;
        width: 380px;
        overflow: hidden;
        clear: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-height: 34px;
    }

    .dl-horizontal-factory-profile dd {
        margin-left: 380px;
        display: block;
        padding: 6px 12px;
        line-height: 1.428571429;
        color: #555555;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        margin-bottom: 8px;
        min-height: 34px;
    }

    .dl-horizontal-audit-firm-profile dt {
        float: left;
        width: 300px;
        overflow: hidden;
        clear: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-height: 34px;
    }

    .dl-horizontal-audit-firm-profile dd {
        margin-left: 300px;
        display: block;
        padding: 6px 12px;
        line-height: 1.428571429;
        color: #555555;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        margin-bottom: 8px;
        min-height: 34px;
    }

    .dl-horizontal-factory-incident dt {
        float: left;
        width: 220px;
        overflow: hidden;
        clear: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-height: 34px;
        color:var(--golobal-default-color);
        font-weight:600;
    }

    .dl-horizontal-factory-incident dd {
        margin-left: 220px;
        margin-bottom: 8px;
        min-height: 34px;
    }

    .dl-horizontal-audit dt {
        float: left;
        width: 250px;
        overflow: hidden;
        clear: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-height: 34px;
    }

    .dl-horizontal-audit dd {
        margin-left: 250px;
        display: block;
        padding: 6px 12px;
        line-height: 1.428571429;
        color: #555555;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        margin-bottom: 8px;
        min-height: 34px;
    }

    .dl-horizontal-audit-no-box dt {
        float: left;
        width: 250px;
        overflow: hidden;
        clear: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-height: 34px;
    }

    .dl-horizontal-audit-no-box dd {
        margin-left: 250px;
        display: block;
        line-height: 1.428571429;
        color: #555555;
        background-color: #ffffff;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        margin-bottom: 8px;
        min-height: 34px;
    }
}

.area-box {
    border: 1px solid #ede4e4;
    min-height: 100px;
    padding: 8px 8px 8px 8px;
}

.bg-header {
    font-size: 18px;
    padding: 8px 5px;
    background-color: var(--golobal-default-color);
    color:white;
    border-radius:5px;
}

.box {
    border: 1px solid #cccccc;
    padding: 15px 15px 15px 15px;
}

.form-account {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.normal-textbox {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid var(--golobal-default-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-radius:4px;
}

    .normal-textbox[disabled],
    .normal-textbox[readonly] {
        cursor: not-allowed;
        background-color: #eeeeee;
    }

.file-input-box {
    width: 100%;
}

em {
    color: red;
    padding-right: 8px;
}

.date-form-control {
    width: 120px;
}

.auto-saving-box {
    padding: 3px 3px 3px 3px;
    width:300px;
    border: 1px solid #cccccc;
    color: red;
    background-color:#FFFFFF; 
    font-size:12px; 
    position:fixed;
    bottom: 0px;
}

.normal-label label {
    font-weight: normal;
}

.nav-tabs > li > a > .badge {
    background-color: red;
}

.red {
    background-color: red;
}