/*
    +---------------------------------------------------------------------------------------------
    +
    +    Should include:
    +        1. Common Layout Files
    +        2. Shared Styles
    +        3. Helper CSS
    +
    +    From now on,
    +        1. We will use no-in text css [even if it's one/two styles]
    +        2. No fixed units like pixels for text size. Use em. px are okay for margin/padding
    +        3. Page styles are ok-ay, but discouraged.
    +
    +---------------------------------------------------------------------------------------------

*/
.navbar-header {
    color:white;
}

body a:hover, body a:active, body a:focus {
    text-decoration: none !important;
    outline: 0 !important;
}

.no-display {
    display: none
}

.hide, .hide-popup-container {
    display: none;
}

.hide-popup-container {
    display: none
}

.show {
    display: block !important;
}

.clear {
    clear: both;
}

img.responsive {
    max-width: 100%
}

.right-align-text {
    text-align: right !important
}

.callout-danger, .callout-info, .callout-success, .callout-warning {
    background-color: #f2f2f2
}

.callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #e8e8e8;
    color: #111
}

    .callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 1.3em;
        font-weight: 900;
        text-transform: uppercase
    }

    .callout p:last-child {
        margin-bottom: 0
    }

.callout-danger {
    border-color: #f56b6b
}

    .callout-danger h4 {
        color: #f56b6b
    }

.callout-warning {
    border-color: #b35206
}

    .callout-warning h4 {
        color: #b35206
    }

.callout-info {
    border-color: #337ab7
}

    .callout-info h4 {
        color: #337ab7
    }

.callout-success {
    border-color: #006600
}

    .callout-success h4 {
        color: #006600
    }

.border-danger {
    border: 1px solid #f56b6b
}

.pointer {
    cursor: pointer
}

.no-select {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

.b-b-3 {
    border-bottom: 3px solid #888 !important
}

.b-b-2 {
    border-bottom: 2px solid #888 !important
}

.b-b-1 {
    border-bottom: 1px solid #888 !important
}

.b-t-3 {
    border-top: 3px solid #888 !important
}

.b-t-2 {
    border-top: 2px solid #888 !important
}

.b-t-1 {
    border-top: 1px solid #888 !important
}

.text-strike {
    text-decoration: line-through
}

.formError .formErrorContent {
    background: rgba(0,0,0,.99);
    color: #fff;
    border: 1px solid white;
}

.formError .formErrorArrow div {
    background: rgba(0,0,0,.99)
}

.data-table-ressponsive table {
    width: 100% !important
}

#win-hostory-back {
    float: left;
    margin-top: 10px;
    color: #444;
}

#modal-ls-ajax .modal-header {
    padding: 0;
    border: 0;
    height: 0;
    min-height: 0;
    margin: 0;
}

    #modal-ls-ajax .modal-header button.close {
        background: rgba(0,0,0,.7);
        padding: 4px 9px;
        color: white;
        top: -17px;
        position: absolute;
        right: -15px;
        border-radius: 50%;
        opacity: 1;
        border: 2px solid white;
        box-shadow: 0px 0px 0px #888;
    }

.compound {
    clear: both
}

.compound-left {
    float: left
}

.compound-right {
    float: right;
    color: #999
}

@media (min-width: 1500px) {
    .col-xl-2 {
        width: 20%;
    }

    .col-xl-10 {
        width: 80%;
    }
}

@media (min-width: 2000px) {
    .col-xl-2 {
        width: 15%;
    }

    .col-xl-10 {
        width: 85%;
    }
}

#modal-ls-ajax-content {
    min-height: 300px;
}

.select2-dropdown.select2-dropdown--below {
    border: 1px solid #ccc !important;
    border-radius: 0 0 5px 5px !important
}

.select2-results__option:hover,
.select2-results__option.select2-results__option--highlighted {
    background: #1f5785 !important
}

span.select2-selection.select2-selection--single {
    border: 1px solid #ccd0d4 !important
}

#modal-cfm .modal-dialog {
    width: 400px;
    max-width: 98%
}

#modal-ls-ajax .modal-dialog {
    width: 800px;
    max-width: 98%
}

.select2 {
    width: 100% !important;
}

table.table {
    width: 100%
}

.field-validation-error,
.model-object-error-lbl,
.error-text {
    color: #831414;
    float:left;
}

.blockUI.blockOverlay {
    display: none !important;
    background-color: transparent !important
}

.blockUI.blockMsg.blockPage {
    border: none !important;
    background: none !important
}

.data-table-responsive {
}

#datatable-analysis_processing {
    border: none !important
}

fieldset {
    border: 1px solid #f2f2f2;
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 3px
}

.panel .panel-body {
    border: 1px solid #f2f2f2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.rad-0 {
    border-radius: 0 !important
}

.input-group .select2-selection {
    border-radius: 3px 0 0 3px
}

.blockUI.blockMsg.blockPage {
    display: none !important
}

.table-responsive {
    clear: both !important;
}

table.DTFC_Cloned tr, table.DTFC_Cloned tr.even,
table.DTFC_Cloned tr:not(.odd) {
    background: white !important;
}

div.space10 {
    height: 10px;
    display: inline-block;
    padding: 5px 0;
    margin: 0
}

div.space20 {
    height: 20px;
    display: inline-block;
    padding: 10px 0;
    margin: 0
}

div.space40 {
    height: 40px;
    display: inline-block;
    padding: 20px 0;
    margin: 0
}

div.space60 {
    height: 60px;
    display: inline-block;
    padding: 30px 0;
    margin: 0
}

div.space80 {
    height: 80px;
    display: inline-block;
    padding: 40px 0;
    margin: 0
}

.pad-clear {
    padding: 0 !important
}

.margin-clear {
    margin: 0 !important
}
/*.form-group{clear: both; margin-right:5px;}*/

.readonly-permission {
    pointer-events: none;
    opacity: 0.7;
    z-index: inherit;
}

.dataTables_wrapper ul.pagination li {
    display: inline-block !Important;
    border: none;
    background: none;
    font-size: .8em;
    margin-right: 0;
}


.fa-pencil:before,
.fa-edit:before,
.fa-pencil-square:before,
.fa-pencil-square-o:before {
    content: "\f040" !important;
}

#subject-filter + span.select2.select2-container.select2-container--default {
    width: 50% !important;
}

.panel-default > .panel-heading {
    background: #337ab7;
    color: white;
}

div.dataTables_wrapper div.dataTables_filter {
    width: auto;
    float: none;
    text-align: right;
    font-size: 11px !important;
}

.btn-clear, .btn-clear:hover {
    cursor: pointer;
    background: none;
    color: inherit;
    border: none;
}

.text-strong {
    font-weight: bold;
    color: #000;
}

select:not(.default) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    background: url("../../images/dropdown.png") no-repeat right 5px center #FFF;
    background-size: 25px 25px;
}

select.input-sm {
    padding-top: 0;
    padding-bottom: 0;
}

ol.ui-selectable {
    list-style: none;
    padding: 0;
}

    ol.ui-selectable .ui-widget-content {
        padding: 6px 10px;
        margin-top: 1px;
        cursor: pointer;
    }

        ol.ui-selectable .ui-widget-content:hover {
            background: #f5f5f5;
        }

        ol.ui-selectable .ui-widget-content.ui-selected {
            background: #e3e3e3;
        }

.selectize-input {
    padding-right: 40px;
}

.dataTables_wrapper select {
    margin-left: 5px;
    margin-right: 5px;
}

.modal-normal {
    width: 800px !important
}

.modal-sm {
    width: 400px !important
}

.modal-lg {
    width: 1600px !important
}


input:not([type=checkbox]):not([type=radio]):not([type=submit]), select {
    padding: 6px 12px;
}

.dataTables_wrapper div.row div.col-sm-12 {
    overflow-x: auto;
}

.form-control.input-lg {
    padding: 10px 16px !important;
    font-size: 1.2em;
}

#header, body div.pace {
    z-index: 1000;
    height: 0px;
    background: #337AB7;
    width: 96.8%;
    margin-left: 1.6%;
}

/* Boostrap Click Modal CSS */
.popup-modal .modal-content {
    border-radius: 3px
}

.popup-modal button.close {
    top: -20px;
    position: absolute;
    right: -20px;
    background: #444;
    padding: 6px 8px;
    border-radius: 50%;
    color: #FFF;
    opacity: 1;
    text-shadow: none;
    border: 2px solid #fff;
    font-size: 14px
}

.pad10 {
    padding: 10px
}

.popup-modal .modal-dialog {
    position: relative;
    display: table;
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px
}

}

/* Validation Popup */
.validate-criteria-container h4 {
    color: #5da4e0
}

    .validate-criteria-container h4:after {
        display: block;
        content: "";
        width: 20px;
        border-bottom: 2px solid #5da4e0;
        padding: 5px;
    }

.validate-criteria-container i {
    width: 16px
}

.validate-criteria-container .validate-criteria-pass {
    color: #fff
}

.validate-criteria-container .validate-criteria-fail {
    color: #999
}

.liner {
    border-bottom: 1px solid rgba(0, 0, 0, 0.43);
    padding-bottom: 30px;
}