/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

/* 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 widths on the form inputs since otherwise they're 100% wide */


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #777;
    border-color: #fff
}

.divider { /* minor cosmetics */
    display: table;
    text-align: center;
    width: 95%; /* divider width */
    margin: 40px auto; /* spacing above/below */
}

.divider span {
    display: table-cell;
    position: relative;
}

    .divider span:first-child, .divider span:last-child {
        width: 50%;
        top: 13px; /* adjust vertical align */
        -moz-background-size: 100% 2px; /* line width */
        background-size: 100% 2px; /* line width */
        background-position: 0 0, 0 100%;
        background-repeat: no-repeat;
    }

    .divider span:first-child { /* color changes in here */
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#868e96));
        background-image: -webkit-linear-gradient(180deg, transparent, #868e96);
        background-image: -moz-linear-gradient(180deg, transparent, #868e96);
        background-image: -o-linear-gradient(180deg, transparent, #868e96);
        background-image: linear-gradient(90deg, transparent, #868e96);
    }

    .divider span:nth-child(2) {
        padding: 0px 5px;
        width: auto;
        white-space: nowrap;
    }

    .divider span:last-child { /* color changes in here */
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#868e96), to(transparent));
        background-image: -webkit-linear-gradient(180deg, #868e96, transparent);
        background-image: -moz-linear-gradient(180deg, #868e96, transparent);
        background-image: -o-linear-gradient(180deg, #868e96, transparent);
        background-image: linear-gradient(90deg, #868e96, transparent);
    }

.garbage {
    display: none;
}

    .garbage[style*=visible] + input,
    .garbage[style*=visible] + select,
    .garbage[style*=visible] + textarea {
        background-color: #fff6f6 !important;
        border: 1px solid #ff0000 !important;
    }

.btn-file-css {
    position: relative;
    overflow: hidden;
}

    .btn-file-css 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;
    }

.textbox_btn_lt {
    border-color: #222236;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #10a2dd;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.775rem;
    line-height: 1.71;
    border-radius: 0.25em 0rem 0rem 0.25em;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

    .textbox_btn_lt:hover {
        border-color: #222236;
        display: inline-block;
        font-weight: 400;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #222236;
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 0.775rem;
        line-height: 1.71;
        border-radius: 0.25em 0rem 0rem 0.25em;
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }

.textbox_btn_rt {
    border-color: #222236;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #10a2dd;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.775rem;
    line-height: 1.71;
    border-radius: 0 0.25em 0.25em 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.textbox_btn {
    border-color: #10a2dd;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #10a2dd;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.775rem;
    line-height: 1.71;
    border-radius: 0em 0.25rem 0.25rem 0em;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.noline {
    text-decoration: none !important;
}

.multiline{
    max-width:654px !important;
    min-width:280px !important;
}

.datetimepicker :disabled {
    border-radius: 0.25em 0.25em 0.25em 0.25em;
}
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file 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;
    }

.textbox_btn:hover {
    border: 1px solid transparent;
}

.tbl-container {
    margin-top: 10px;
    margin-left: 10px;
}

.bg-red {
    background-color: red;
    color: white;
}

.bdr {
    border-radius: 6px;
    overflow: hidden;
}

.title {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.hrcentertext {
    flex: 1;
}

.linecentertext {
    padding: 0px 48px;
}
.hidemodal {
    display: none !important;
}

.hrFade {
    margin: 30px 0;
    height: 1px;
    border: none;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, black));
}

.oFile::file-selector-button {
    display: none;
}

.oFile {
    width:200px;
}

.FAClass {
    font-family: FontAwesome;
}

.hideTextBox {
    display: none; 
    visibility: hidden;
}

#lb_UploadImage.disabled {
    z-index: -1;
    position: relative;
    opacity: .5;
}
progress {
    border-radius: 5px;
    width: 80%;
    height: 22px;
    box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.2 );
}

    progress::-webkit-progress-bar {
        background-color: #fff;
        border-radius: 5px;
    }

    progress::-webkit-progress-value {
        background-color: #358bad;
        border-radius: 5px;
    }