﻿/*****************************************************************************
** ModuleSearchFilters
*****************************************************************************/

@media all {
    .MNLCFiltersHeader { background-color: #1c8db0; color: #fff; height: 60px; text-align: center; font-size: 0.8125rem; font-weight: 600; line-height: 20px; overflow: hidden; margin-bottom: 10px; }
        .MNLCFiltersHeader span { line-height: 60px; text-transform: uppercase; }

    .MNLCFiltersBody { background-color: #f2f2f2; min-height: 200px; height: calc(100vh - 190px); overflow: hidden; overflow-y: auto; color: #004e60; font-weight: 400; position: relative; }
        .MNLCFiltersBody .MNLCFilterItem { margin: 15px; }
            .MNLCFiltersBody .MNLCFilterItem label { font-size: 0.6875rem; font-weight: 600; color: #004e60; }
            .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner { font-size: 0.875rem; font-weight: 400; }
                .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner input[type='text'],
                .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner input[type='date'] { width: 100%; height: 28px; line-height: 28px; padding: 0px 5px; font-size: 0.75rem; font-weight: 400; color: #004e60; background-color: white; border: 1px solid #aaa; border-radius: 4px; }
                    .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner input[type='text']:not(:last-child),
                    .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner input[type='date']:not(:last-child) { margin-bottom: 10px; }
                .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner input[type='datetime-local'] { width: 100%; height: 28px; line-height: 28px; padding: 0px 5px; font-size: 0.75rem; font-weight: 400; color: #004e60; background-color: white; border: 1px solid #aaa; border-radius: 4px; }
                .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner input.MNLCDateFilter { font-family: 'Lato', sans-serif; }

                .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner .select2-container--default .select2-selection--multiple .select2-selection__choice { max-width: 100px; overflow: hidden; color: #004e60; }
                .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner .select2-container--default .select2-selection--single .select2-selection__rendered { color: #004e60; }
                .MNLCFiltersBody .MNLCFilterItem .MNLCFilterItemInner .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-bottom: 2px; }
    .select2-results__option { color: #004e60; font-size: 0.75rem; font-weight: 400; }
    .select2-container--default .select2-search--dropdown .select2-search__field { color: #004e60; font-size: 0.75rem; font-weight: 400; }

    .MNLCFiltersBody .MNLCFilterButtons { margin: 15px; text-align: center; }
        .MNLCFiltersBody .MNLCFilterButtons button { font-size: 0.875rem; font-weight: 400; }
}

/*for Edge*/
@supports (-ms-ime-align: auto) { }

/*for IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

/*bootstrap grid xxl*/
@media all and (min-width: 1920px) {
}

/*bootstrap grid xl*/
@media all and (max-width: 1919px) and (min-width: 1600px) {
}

/*bootstrap grid lg2*/
@media all and (max-width: 1599px) and (min-width: 1366px) {
}

/*bootstrap grid lg*/
@media all and (max-width: 1365px) and (min-width: 1200px) {
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
    .MNLCFiltersHeader { height: 80px; line-height: 80px; }
    .MNLCFiltersBody { height: calc(100vh - 210px); }
}

/*for IE and bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .MNLCFiltersHeader { height: 80px; line-height: 80px; }
    .MNLCFiltersBody { height: calc(100vh - 210px); }
}

/*for IE and bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
    .MNLCFiltersHeader { height: 80px; line-height: 80px; }
    .MNLCFiltersBody { height: calc(100vh - 210px); }
}

/*for IE and bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
    .MNLCFiltersHeader { height: 80px; line-height: 80px; }
    .MNLCFiltersBody { height: calc(100vh - 210px); }
}

/*for IE and bootstrap grid xxs*/
@media all and (max-width: 576px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

/*screen, bootstrap grid md, mouse*/
@media only screen and (max-width: 1199px) and (min-width: 992px) and (pointer: fine) {
}

/*screen, bootstrap grid sm, mouse*/
@media only screen and (max-width: 991px) and (min-width: 768px) and (pointer: fine) {
}

/*screen, bootstrap grid xs, mouse*/
@media only screen and (max-width: 767px) and (min-width: 577px) and (pointer: fine) {
}

/*screen, bootstrap grid xs, touch*/
@media only screen and (max-width: 1199px) and (min-width: 992px) and (pointer: coarse) {
}

@media only print {
}
