html, body {
    height: 100%;
}

body {
    font-size: 12px;
}

a.btn {
    outline: none;
}

a.disabled,input.disabled {
    background-color: #d4d4d4 !important;
    border-color: #d4d4d4 !important;
    color: #cbcbcb;
}

a {
    color: #005B96;
    outline: none;
}

.primary-bkg {
    background-color: #005B96;
    color: #ffffff;
}

.header-band {
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    background-color: #005B96;
    color: #ffffff;
    display: block;
}

    .header-band a {
        font-weight: bold;
        color: white;
        font-size: 13px;
        text-decoration: none;
        outline: none;
    }

    .header-band p {
        font-weight: bold;
        color: white;
        font-size: 14px;
        letter-spacing: 2px;
        margin: 4px 0px 0px 6px;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #005B96;
}

.btn {
    outline: none !important;
}

.btn-success {
    background-color: #005B96 !important;
    border-color: #005B96 !important;
}

.btn-primary {
    color: #ffffff;
    background-color: #808080;
    border-color: #808080;
}

.btn-cancel {
    color: #000000 !important;
    background-color: #d4d4d4 !important;
    border-color: #d4d4d4 !important;
}



    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus {
        color: #ffffff;
        background-color: #525252;
        border-color: #525252;
        outline: none !important;
    }

    .btn-primary i,
    .btn-primary i.glyphicon {
        color: #ffffff !important;
    }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, .form-control:focus {
    outline: none;
    border-color: #005B96;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.tab-pane {
    padding-top: 12px;
}


.modal-header {
    background-color: #005B96;
    color: #ffffff;
    padding: 8px 16px;
}

    .modal-header .close {
        color: #ffffff !important;
        margin-top: 0px !important;
        font-size: 20px !important;
    }

    .modal-header h4 {
        font-size: 14px;
        font-weight: bold;
        margin-top: 2px;
        margin-bottom: 2px;
    }

.panel-heading.main {
    padding: 4px 15px;
    background-color: #005B96 !important;
    color: white !important;
}

    .panel-heading label {
        margin: 0;
    }

.panel-heading.main a {
    color: white;
    outline: none;
    text-decoration: none;
    font-weight: bold;
}

.panel-heading.sub a {
    color: #005B96 !important;
    font-weight: bold;
    outline: none;
    text-decoration: none;
}


.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #c3c3c3;
    color: #005B96;
    font-weight: bold;
    letter-spacing: 4px;
    padding: 12px;
    vertical-align: middle;
    background-color: #ffffff;
    z-index: 9001;
    display: none;
}

    .loader span {
        padding-top: 14px;
        display: inline-block;
        padding-left: 8px;
    }

.loader_icon {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #005B96; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: loader_spin 1s linear infinite;
    display: inline;
    float: left;
    vertical-align: middle;
}

@keyframes loader_spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


table.dataTable tbody tr td,
table.dataTable thead tr th {
    width: auto;
    white-space: nowrap;
}

table.dataTable thead th.sorting::after {
    content: '';
}

table.dataTable thead th {
    background-color: #525252 !important;
    color: #ffffff;
}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    opacity: 0.9;
    right: 2px;
}

table.dataTable tbody tr td a,
table.dataTable tbody tr td a:visited
table.dataTable tbody tr td a:hover{
    color: #000000;
    outline:none;
    cursor:pointer;
    text-decoration: underline;
}

.dataTables_info{
    padding-left: 15px;
    padding-right: 15px;
}

.dataTableFilteredIndicator {
    color: #005B96;
    font-weight: bold;
}

.row_highlight {
    background-color: #f3f3f3;
}

table td.nowrap,
table th.nowrap,
.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1% !important;
}

dt.text-right {
    padding-right: 0px !important;
}

dd {
    padding-left: 8px !important;
}

.required {
    display:inline;
}

    .required::after {
        content: " *";
        color: red;
    }

.required-error{
    border: 1px solid red !important;
}

.duplicate-error {
    border: 1px solid #ff3e00 !important;
    background-color: #ffa082;
}


/*  Data Caputre Styles -BEGIN */


.datacaptureQuestionContainer {
    border: 1px solid #cccccc;
    margin: 8px 0px;
}


.datacaptureQuestionTitle {
    font-weight: bold;
    margin-bottom: 6px;
    padding-left: 20px;
}

.datacaptureQuestionValidationStatementView {
    background-color: #FFFBCC;
    font-size: 9px;
}

.dataCaptureQuestionAttemptsContainer {
    border: 1px dotted #d0d0d0;
    margin: 6px 0px;
}

.dataCaptureQuestionAttemptsInfo {
    font-size: 9px;
}

.datacaptureQuestionInputTitle {
    border: 1px dotted #ebebeb;
}

.datacaptureQuestionInputValue {
    border: 1px dotted #ebebeb;
}

tr.invalidValue td, .invalidValue{
    background-color: #ffb6b6
}

/*  Data Caputre Styles - END  */

.field-validation-error{
    color: red;
}

.headerDropdown {
    color: Black;
    font-family: inherit;
    height: 31px;
    width: 159px;
    position: relative;
    top: 1px;
    display: inline-block;
    /* font-family: 'Glyphicons Halflings'; */
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}


/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}