﻿
.container-fluid {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/*forms*/

.bv-form .form-control.ng-pristin, .bv-form .form-control.ng-empty {
    background-color: #f0fba6 !important;
}

.bv-form .help-block {
    position: absolute !important;
    bottom: 2px !important;
    font-style: italic !important;
}

.input-group {
    margin-bottom: 4px !important;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    color: #3c763d !important;
    -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);
    background-color: #aeebaf !important;
    color: #3c763d !important;
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        background-color: #aeebaf !important;
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
    font-weight: bold !important;
}

.has-success .form-control-feedback {
    color: #3c763d !important;
    /*color: #fff !important;*/
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -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);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442 !important;
    color: #a94442;
    -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);
    background-color: #efbbba !important;
}

    .has-error .form-control:focus {
        border-color: #843534;
        color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        background-color: #efbbba !important;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
    font-weight: bold !important;
}

.has-error .form-control-feedback {
    color: #a94442;
    /*color: #fff !important;*/
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.form-control[disabled="disabled"] {
    background-color: #e9e9e9 !important;
}

.form-control-feedback {
    position: absolute !important;
    left: 100% !important;
    margin-left: -40px !important;
    top: 5px !important;
    z-index: 2 !important;
    height: 20px !important;
    width: 20px !important;
    display: inline-block !important;
    font-weight: bold !important;
}

/*Forms*/




body {
    background-color: #F5F7FF!important;
}
.nav-tabs .nav-link {
    padding: .2rem .5rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px !important;
    margin: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button .page-link {
    font-size: 11px !important;
    padding: 2px !important;
}

.dataTable tr td, .dataTable tr th, .expandable-table tr td, .expandable-table tr th {
    font-size: 11px !important;
    white-space: nowrap !important;
    padding:2px!important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dt-buttons {
    float: left !important;
    font-size: 12px !important;
}

.dataTables_wrapper .dataTables_filter {
    float: right !important;
    font-size: 12px !important;
}


.dataTables_wrapper .form-control {
    padding:2px!important;
    height:20px!important;
}

ul {
    list-style-type:none!important;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

form span {
    color:var(--primary)!important;
}

.btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {
    padding: 0.2rem .8rem!important;
}

/*Filters*/

/*Filters  Styles*/

.filter-box .form-control {
    padding:5px!important;
    font-size:12px!important;
    height:24px!important;
    margin-bottom:2px!important;
    background-color:#e4f9fc!important;
}

.filter-box .form-control:focus {
    background-color: #efd65d!important;
    color:#000!important;
}

.filter-box {
    position: relative;
    padding: 5px !important;
}

    .filter-box > ul {
        height: 140px !important;
        overflow: auto;
        background-color: #ffffff !important;
        border: 2px solid #fff !important;
        margin-top: -2px !important;
    }

    .filter-box > p {
        padding: 2px !important;
        margin-left: -0px !important;
        background-image: linear-gradient(#969BA1, #2b4a72, #203755) !important;
        color: #ccc !important;
        font-size: 12px !important;
        border: 1px solid #fff !important;
    }


    .filter-box li {
        padding: 1px !important;
        border: 0px solid #fff;
        border-bottom: 1px solid #ccc !important;
        font-size: small !important;
        font-weight: normal;
        color: #22608e !important;
        border-bottom: 1px solid #e9e7e7 !important;
        white-space: nowrap;
        font-size: 12px !important;
    }

        .filter-box li:hover {
            background-color: #afd7d5 !important;
            cursor: pointer !important;
        }

            .filter-box li:hover .li-unchecked {
                color: #193831 !important;
            }

.li-unchecked {
    font-size: 15px;
    height: 15px;
    width: 15px;
    color: #ccc !important;
    cursor: pointer;
}

.li-checked {
    font-size: 15px;
    height: 15px;
    width: 15px;
    color: #193831 !important;
    cursor: pointer;
}

/*Filters*/

.fs-24 {
    font-size: 24px;
    font-weight:bold!important;
}

.fs-30 {
    font-size: 24px;
    font-weight: bold !important;
}

.content-wrapper {
    padding:0px!important;
}

.form-control {
    height:26px!important;
}

.input-group-text {
    padding:0px!important;
}



.modal .modal-dialog {
    margin-top: 5px !important;
}

p {
    margin-bottom:2px!important;
}