@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('../plugins/pace/pace.min.css');
@import url('nifty.min.css');
@import url('opensans.css');
@import url('demo/nifty-demo.min.css');
@import url('demo/nifty-demo-icons.min.css');


.validate {
    margin-top: 10px;
}

.invalid-form-error-message {
    margin-top: 10px;
    padding: 5px;
}

    .invalid-form-error-message.filled {
        border-left: 2px solid #E74C3C;
    }

p.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

p.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

ul.parsley-errors-list {
    list-style: none;
    color: #E74C3C;
    padding-left: 0;
}

input.parsley-error, textarea.parsley-error, select.parsley-error {
    background: #FAEDEC;
    border: 1px solid #E85445;
}

.btn-group .parsley-errors-list {
    display: none;
}

.bad input, .bad select, .bad textarea {
    border: 1px solid #CE5454;
    box-shadow: 0 0 4px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: 0.7s 1 shake linear;
}

.item input, .item textarea {
    -webkit-transition: 0.42s;
    -moz-transition: 0.42s;
    transition: 0.42s;
}


/*.checkbox input[type="checkbox"]:indeterminate + label::after,*/
input.magic-checkbox:indeterminate + label:before {
    background: #ccc;
    border-color: #ccc;
}

#f-container:before {
    content: '';
    display: block;
    height: 165px;
    width: 100%;
    position: absolute;
    background-color: #25476a;
    z-index: 0;
}

.table tbody > tr.selected > td {
    background: #e5eeff !important;
}

.has-error .select2-selection, .has-error .multiselect.dropdown-toggle.btn.btn-default {
    border-color: #f8877f !important;
}

#f-container>#page-head{ position:relative !important; }

#f-container { width: 100%; overflow-x: hidden; }

#page-head h3 {color:#fff !important;}

#unitToolBox li.active {
    color: #fff;
    background: rgb(37, 71, 106);
    cursor: default;
}


.table.table-vcenter th, .table.table-vcenter td {
    vertical-align: middle !important;
}

.ula { max-height:200px; overflow:auto;  margin-bottom:15px; padding-right:10px;}
.ula p { text-align:justify; }

#editorForm .panel-body,#detail .panel-body {padding-top: 25px !important;}
#dtSearchResult { font-size:13px !important;}
#upl {display: none;}

#detail1 .table>tbody>tr>td{ padding:3px 8px; font-size:14px; }


@media (min-width: 992px) {
    #mainnav-menu ul {
        border-inline-start: 1px dashed rgba(55,60,67,.45);
        margin-inline-start: 1.75em;
    }
}
@media (max-width: 991.98px) {
    #mainnav-menu ul {
        border-inline-start: 1px dashed rgba(55,60,67,.45);
        margin-inline-start: 1.75em !important;
    }
}
/*
form .magic-radio + label:before, form .magic-checkbox + label:before {
    top: 10px !important;
}

form .magic-checkbox + label:after {
    top: 10px !important;
}
*/
#editorForm .label-checkbox input[type=checkbox] {
    height: 18px;
    width: 18px;
    margin:6px 0px 0px 0px;
}


.select2-dropdown, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(0,0,0,0.17) !important;
}


@media (max-width: 480px) {
    #unitToolBox {
        margin: 0px -45px 0px -45px !important;
    }
    #unitToolBox li p {
        height: 30px !important;
        font-size:11px !important;
        padding-top:5px !important;
    }
    #page-content {
        padding: 20px 5px 0 !important;
    }
}
