/*------------------------------------*\
    PLUGINS

	Used to override the CSS used in any plugin.  This will keep the main CSS file simpler, and ensure that any plugin CSS
	customizations are not lost when libraries are upgraded.

\*------------------------------------*/


/*------------------------------------*\
    DATATABLES
\*------------------------------------*/

table.dataTable thead th[colspan]:not([colspan="1"]) .sorting-icons {
    /*suported only in FF, Chrome, IE9*/
    display: none;
}

table.dataTable thead .sorting-icons {
    margin-top: 0;
}

table.dataTable thead .sorting .sorting-icons:before,
table.dataTable thead .sorting_asc .sorting-icons:before,
table.dataTable thead .sorting_desc .sorting-icons:before {
    border: none;
    background: none;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    top: 0;
}

table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    background-color: #426D94;
    /* #2572b4; */
    color: #fff;
}

table.dataTable thead th.sorting_asc input,
table.dataTable thead th.sorting_desc input,
table.dataTable thead th.sorting_asc select,
table.dataTable thead th.sorting_desc select {
    color: #000;
}

table.dataTable thead th input,
table.dataTable thead th select {
    font-weight: normal;
}

table.dataTable thead .sorting .sorting-icons:before {
    content: "\f0dc";
    color: #000;
}

table.dataTable thead .sorting_asc .sorting-icons:before {
    content: "\f0de";
    color: #000;
}

table.dataTable thead .sorting_desc .sorting-icons:before {
    content: "\f0dd";
    color: #000;
}

table.dataTable thead th {
    background-color: #eee;
}

table.dataTable thead {

    border-bottom: 2px solid #666;
}

table.dataTable tfoot {

    border-top: 2px solid #666;
}

table.dataTable thead .sorting .sorting-icons:after,
table.dataTable thead .sorting_asc .sorting-icons:after,
table.dataTable thead .sorting_desc .sorting-icons:after {
    content: none;
}

.bottom .dataTables_paginate {
    padding: 0;
}

.dataTables_wrapper .dataTables_paginate {
    text-align: inherit;
}

.dataTables_scrollHeadInner {
    background-color: #CCCCCC;
}


.pages-left .dataTables_wrapper .dataTables_paginate,
.panel table.dataTable tr td.dataTables_empty {
    text-align: left;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #426D94;
    border-color: #2572b4;
}

/* .dataTables_wrapper a:hover {
	color: #fff;
} */

/* .panel table.dataTable,
.panel table.dataTable td,
.panel table.dataTable th {
    border: 0px;
} */

/*
.panel table.dataTable td,
.panel table.dataTable th {
    border-right: solid #ddd 1px;
    border-bottom: solid #ddd 1px;
} */

.panel table.dataTable tr.even {
    background-color: #f8f8f8;
}

.panel table.dataTable tr.separator td {
    border-bottom: 2px solid #739ABD;
}

.panel table.dataTable td:last-child,
.panel table.dataTable th:last-child {
    border-right: 0px;
}

.panel table.dataTable tr:last-child td {
    border-bottom: 0px;
}

.panel table.dataTable tfoot td {
    border-top: 2px solid #ddd;
}

dataTables_wrapper.no-footer .dataTables_scrollBody,
table.dataTable tfoot td,
table.dataTable tfoot th,
table.dataTable thead td,
table.dataTable thead th,
table.dataTable.no-footer {
    border-bottom: 2px solid #ddd;
}

.panel-datatable footer.panel-footer {
    font-style: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid #ddd;
}

/*footer.panel-footer {
    border-top: 2px solid #ddd;
}

table.dataTable.no-footer {
    border-bottom: 2px solid #ddd;
} */

.panel.panel-datatable {
    border: 1px solid #ddd;
}

.panel-datatable footer.panel-footer .top label {
    font-weight: normal;
    margin: 0;
}

.panel-datatable footer.panel-footer .top select {
    padding: 5px 10px;
    border-radius: 3px;
    border-color: #ccc;
}


.panel-datatable footer.panel-footer .dataTables_length label {
    margin-bottom: 0;
    margin-top: 14px;
    font-weight: normal;
}

.panel-datatable footer.panel-footer .dataTables_length select {
    height: 34px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.4375;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.panel-datatable footer.panel-footer .bottom .paginate_button {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 6px 12px;
}

.panel-datatable footer.panel-footer .bottom a.paginate_button.next:after {
    content: "\f061";
    font-family: 'Font Awesome 6 Pro';
    top: 0;
}

.panel-datatable footer.panel-footer .bottom a.paginate_button.previous:before {
    content: "\f060";
    font-family: 'Font Awesome 6 Pro';
    top: 0;
}


/*------------------------------------*\
    SELECT 2
\*------------------------------------*/

.panel-primary .panel-heading .select2-container .select2-choice > .select2-chosen {
    text-shadow: none;
}

.select2-container--bootstrap .select2-dropdown {
    text-wrap: none;
    white-space: nowrap;
    /* width: auto !important; */
    overflow: visible !important;
}

.select2-container--bootstrap .select2-results > .select2-results__options {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    min-width: 75px;
}

.select2-results__group {
    color: #333 !important;
    font-size: 14px !important;
    background-color: #EFF3F7;

}

.select2-results__options--nested {
    padding-left: 7px !important;
    font-size: 13px !important;
}

select.fieldError + .select2-container--bootstrap .select2-selection.select2-selection--single,
select.fieldError + .select2-container--bootstrap .select2-selection.select2-selection--single,
select.input-validation-error + .select2-container--bootstrap .select2-selection.select2-selection--single,
select.input-validation-error + .select2-container--bootstrap .select2-selection.select2-selection--single {
    background-color: #faf3f3;
    border-color: #a94442;
}

/*------------------------------------*\
    X-EDITABLE
\*------------------------------------*/

.editable-click,
a.editable-click,
a.editable-click:hover {
    border-bottom-style: solid !important;
    padding-left: 2px;
    padding-right: 2px;
}

.panel-title .editable-click,
.panel-title a.editable-click,
.panel-title a.editable-click:hover {
    border-bottom: solid 1px #fff;
}


.editable-textarea .editableForm .form-control .width100 {
    width: 100% !important;
}

/*------------------------------------*\
    BOOTSTRAP POPOVER
\*------------------------------------*/

.table-comparison h3.popover-title {
    margin-top: 0px;
}

/*------------------------------------*\
    TINY MCE
\*------------------------------------*/

div.mce-fullscreen {
    position: fixed !important;
    top: 26% !important;
    left: 13% !important;
    width: 74% !important;
    height: 85% !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
}

/* body.mce-fullscreen {
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
	background: #0b0b0b!important;
} */

/*------------------------------------*\
   JQUERY UI
\*------------------------------------*/

.ui-datepicker-trigger {
    border: none;
    background: none;
}

.ui-datepicker-calendar tr:hover td a {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}