/* montserrat-300 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('/template/assets/fonts/montserrat/montserrat-v15-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/template/assets/fonts/montserrat/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('/template/assets/fonts/montserrat/montserrat-v15-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-500.woff') format('woff'), /* Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/template/assets/fonts/montserrat/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('/template/assets/fonts/montserrat/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/template/assets/fonts/montserrat/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
body {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    background: #fff;
}

.select2-search
{
    padding: 0;
}

.select2-search__field
{
    height: auto;
}

.select2-selection__choice
{
    color: black !important;
    font-size: 0.5em;
}

.select2-results
{
    font-size: 0.6em;
}

.wdp
{
    z-index: 1000;
}


.vertical-align-middle
{
    vertical-align: middle !important;
}
.header-section .logo-area .logo a img {
    transition: 0.3s max-height;
}
.header-section.active .logo-area .logo a img{
    max-height: 100px;
}

.open_image
{
    cursor: pointer;
}

#image_modal_img
{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    padding: 10px;
}

body {
    color: #1c2e4b
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.section-header .cate{
    color: #558bba;
    text-transform: uppercase;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1, h2, h3, h4, h5, h6{
    color: #1c2e4b;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

.header-section.active {
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    padding: 0;
}

.header-section .form-inline {
    display: block;
    position: relative;
    margin-bottom: 0;
}
.header-section .form-inline button {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    background: #fff;
    color: #1c2e4b;
    border-color: #fff;
    height: 100% !important;
    font-size: 1em;
}
.header-section .form-inline button:hover {
    color: #fff;
    background: #558bba;
    border-color: #558bba;
}
.header-section .form-inline button i{
    font-size: 1.3em;
}
.header-section .form-inline input {
    margin-right: 0 !important;
    padding-right: 50px !important;
    border: none;
}

.header-section .form-inline input:focus {
    border-color: #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.looking-wrapper li a {
    border-radius: 0;
    padding: 16px 50px;
    font-size: 16px;
    text-align: center;
}
.looking-wrapper li a:hover {
    transform: scale(1.1);
}

.how-search-item {
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    height: 430px;
}

input,
button{
    border-radius: 0 !important;
}

.btn-primary,
.header-section .btn-primary{
    background-color: #558bba;
    border-color: #558bba;
}

.btn-primary:hover {
    border-color: #1c2e4b;
    background-color: #1c2e4b;
}

.header-section .header-wrapper .menu li .submenu,
.scrollToTop {
    background-color: #558bba;
}

.how-search-item .thumb img {
    filter: invert(54%) sepia(0%) saturate(903%) hue-rotate(178deg) brightness(60%) contrast(101%);
}
section.banner-2.bg_img {
    overflow: hidden;
    position: relative;
    background-blend-mode: saturation;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}
section.banner-2.bg_img .container {
    position: relative;
    z-index: 1;
}
section.banner-2.bg_img:after {
    align-items: center;
    background: linear-gradient(-45deg, #1c2e4b, #0a111d, #1c2e4b, #0a111d);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.75;
    height: 100%;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: inherit;
}

.header-section .header-wrapper .menu li a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
}

.banner-content-2 .title {
    font-size: 42px;
    text-transform: uppercase;
}

.scrollToTop {
    border-radius: inherit;
}
.scrollToTop i{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scrollToTop:hover {
    transform: scale(1.4);
}
.multiselect_div {
    margin-bottom: 50px;
}
.multiselect_div > label {
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    text-overflow: ellipsis;
    max-width: calc(100% - 130px);
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s;
    float: left;
}



.multiselect_div > label:hover ~ .custom-control {
    opacity: 0;
    pointer-events: none;
}
.multiselect_div > label:hover {
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 100%;
}

.select2-container .select2-selection--multiple{
    min-height: 60px;
    line-height: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 0;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    width: 30px;
    font-size: 26px;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #558bba;
    left: 0;
    top: 7px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1c2e4b;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    width: 100%;
    padding-right: 0;
    margin-top: 0;
    position: relative;
    padding-left: 30px !important;
    margin-bottom: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    overflow-y: scroll;
    max-height: 305px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
    width: 100%;
    height: 40px;
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    background: #558bba;
    color: #fff;
}


.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search:after {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    pointer-events: none;
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
    z-index: 1;
    text-transform: uppercase;
    transition: 0.3s;
    color: #fff;
}
.select2-container--default.select2-container--focus.select2-container--open .select2-selection--multiple .select2-selection__rendered li.select2-search:after {
    opacity: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
}
body > .select2-container--default .select2-results__option[role="option"]:hover{
    background-color: #558bba !important;
    background: #558bba !important;
    color: #fff !important;
}
body > .select2-container--default .select2-results__option[aria-selected=true] {
    background: #fff !important;
    color: #1c2e4b !important;
}

.loaderOuter{
    width: 200px;
    height: 200px;
    position: relative;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    margin: 0 auto;
    justify-content: center;
}
.loaderOuter .loader{
    display: inline-block;
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 3;
    border: 4px solid white;
    top: 50%;
    -webkit-animation: loader 2.5s infinite ease;
    animation: loader 2.5s infinite ease;
}
.loaderOuter .loader .loader-inner{
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: white;
    -webkit-animation: loader-inner 2.5s infinite ease-in;
    animation: loader-inner 2.5s infinite ease-in;
}

.find-section .loaderOuter .loader {
    border-color: #1c2e4b;
}
.find-section .loaderOuter .loader .loader-inner{
    background-color: #1c2e4b;
}

body > .select2-container--default .select2-results>.select2-results__options {
max-height: 200px !important;
display: flex;
flex-wrap: wrap;
}

@keyframes showSelect2Container {
0% {
    transform: translateX(-50%) translateY(110%);

    pointer-events: none;
}
100% {
    transform: translateX(-50%) translateY(0);
    pointer-events: all;
}
}

html[lang="de"] .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search:after {
content: "Hinzufügen";
}
html[lang="en"] .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search:after {
content: "Add";
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 200%;
    padding: 7px 5px;
    margin-bottom: 5px !IMPORTANT;
    border-bottom: 2px solid #558bba;
    border-top: none !important;
    border-radius: 0;
    border-right: none !important;
    border-left: none !important;
    background: transparent;
    text-align: left;
    font-size: 10px;
    white-space: break-spaces;
}


.select2-container--default.select2-container--focus .select2-selection--multiple {
border-left: none;
border-right: none;
border-top: 1px solid #558bba;
border-bottom: 1px solid #558bba;
}

input#start_date, input#end_date{
    height: 60px;
    padding: 10px 20px;
    transition: 0.3s;
    width: 100% !important;
    margin-top: 0 !important;
    font-size: 14px;
    background: transparent;
    border: 1px solid #1c2e4b;
    z-index: 4;
    position: relative;
    cursor: pointer;
    color: #1c2e4b;
    background: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input {
    height: 40px;
    padding: 10px;
    transition: 0.3s;
    width: 100% !important;
    margin-top: 0 !important;
    font-size: 14px;
    background: transparent;
    z-index: 4;
    position: relative;
    cursor: pointer;
    color: #1c2e4b;
    border-bottom: 1px solid #fff;
    background: #fff;
}
.select2-results__option {
    width: 100%;
}
body > .select2-container--default .select2-results__option[role="option"] {
    transition: 0.3s;
}
body > .select2-container--default .select2-results__option[role="option"]:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: #1c2e4b !important;
    background-color: #1c2e4 !important;
    color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #1c2e4b;
}
body > .select2-container--default .select2-results__option[aria-selected=true] {
    background: #ddd !important;
    background-color: #ddd !important;
}

label[for="end_date"], label[for="start_date"] {
font-weight: bold;
text-transform: uppercase;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input:focus,
.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input{
    border-color: #1c2e4b
}
input#start_date, input#end_date {
background: #fff;
box-shadow: none !important;
font-size: 16px;
}

input#start_date:focus, input#end_date:focus,
input#start_date:hover, input#end_date:hover {
border-color: #558bba;
}
.multiselect_div .custom-control {
position: absolute;
right: 15px;
top: 0;
font-size: 12px;
transition: 0.3s;
}
.multiselect_div .custom-control label:before {
border-radius: 0;
}

.multiselect_div .custom-control-input:checked~.custom-control-label::before {
border-color: #558bba;
background-color: #558bba;
}

.wdp {
top: inherit !important;
bottom: 20px !important;
position: absolute !important;
left: 15px !important;
width: calc(100% - 30px);
transition: 0.3s;
}

.wdp .wdp-container {
width: 100%;
box-shadow: 0 0 40px rgba(0,0,0,0.5);
border-radius: 0;
border: 1px solid #fff;
box-sizing: border-box;
}

.wdp .wdp-container:not(.wdp-active) {
transform: translateY(20px);
}
.wdp:not(.wdp-active) {
opacity: 0;
pointer-events: none;
display: block !important;
}
.wdp .wdp-container .wdp-header {
border-radius: 0;
}

.wdp .wdp-container .wdp-header svg {
fill: #fff;
}
.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li {
transition: 0.3s;
cursor: pointer;
position: relative;
}
.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li:before {
content: '';
position: absolute;
z-index: -1;
border-radius: 100%;
transition: 0.3s;
width: 30px !important;
height: 30px !important;
left: 5px !important;
top: 5px !important;
background: transparent !important;
}
.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li:hover {
color: #fff;
}
.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li:hover:before {
background: #558bba !important;
}

.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week li.wdp-active:before, .wdp .wdp-container .wdp-header {
background: #1c2e4b !important;
}

.wdp .wdp-container .wdp-body .wdp-date-container ul {
background: transparent;
position: relative;
z-index: 1;
}

.wdp .wdp-container .wdp-body .wdp-date-container {
overflow: visible;
}
.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week-header .wdp-week li {
font-weight: bold;
color: #1c2e4b !important;
cursor: default !important;
}

.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week-header .wdp-week li:before {
display: none;
}
.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-body .wdp-week-container .wdp-week-header .wdp-week li:hover {
color: #1c2e4b !important
}

.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-header>div div {
cursor: pointer;
transition: 0.3s;
}

.wdp .wdp-container .wdp-body .wdp-date-container .wdp-date-header>div div:hover {
transform: scale(1.2);
}
.wdp .wdp-container .wdp-header>div div:last-child {
transition: 0.3s;
cursor: pointer;
}
.wdp .wdp-container .wdp-header svg:hover {
fill: #fff;
}
.wdp .wdp-container .wdp-header>div div:last-child:hover {
transform: scale(1.2);
}

.submitFormButton{
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
background-color: #558bba !important;
height: 60px;
display: inline-block;
padding: 10px 20px;
box-sizing: border-box;
align-items: center;
outline: none;
border-radius: 0;
line-height: 40px;
transition: 0.3s;
border-color: #558bba !important;
}

.submitFormButton:hover {
border-color: #fff !important;
transform: scale(1.1);
background: #1c2e4b !important;
background-color: #1c2e4b !important;
}

.page-link {
color: #1c2e4b;
padding: 6px 12px;
background: #efefef;
border-radius: 0;
margin: 0 5px 5px 5px;
color: #1c2e4b;
transition: 0.3s;
font-size: 12px;
line-height: 1.5;
border-radius: 0 !important;
box-shadow: none !important;
}
.page-link:hover {
background: #558bba;
border-color: #558bba;
color: #fff;
}

#modalSearch {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    height: 60px;
    font-size: 18px;
    margin-top: -20px;
    margin-bottom: 20px;
    border: 1px solid #558bba;
}

#modalSearch .modalSearchText {
    position: relative;
    min-width: 4px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
}

#modalSearch .modalSearchText:after {
    content: "";
    height: 100%;
    width: 1px;
    top: 50%;
    right: -1px;
    position: absolute;
    background: #1c2e4b;
    transform: translateY(-50%);
    animation: 1.2s textAnimation infinite;
    transition: background 0.3s;
}
#modalSearch:not(.focus) .modalSearchText:after {
    background: transparent;
}
#modalSearch:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    display: block;
    pointer-events: none;
    opacity: 0;
    width: 100%;
    text-align: center;
}
#modalSearch.placeholder:before {
    opacity: 0.5;
}#modalSearch.focus:before {
    opacity: 0;
}
html[lang="de"] #modalSearch:before {
    content:"Bitte tragen Sie hier Ihren Suchbegriff ein";
}
html[lang="en"] #modalSearch:before {
    content:"Please enter your search term here"
}

@keyframes textAnimation {
   0% {
       opacity: 0;
   }
   50% {
       opacity: 1;
   }
   100% {
       opacity: 0;
   }
}

.page-item.active .page-link {
border-color: #1c2e4b;
background: #1c2e4b;
color: #fff;
}

.bg-success {
background-color: #558bba !important;;
}

.rekla_table>tfoot td {
padding: 20px 0 !important;
}

input,
select{
box-shadow: none !important;
}

table:not(#delivery_table).table:not(#deliveryDownloadFolderTable).table-bordered.dataTable thead tr:last-child th{
width: auto;
overflow: hidden;
height: 100px;
padding-right: .75rem;
padding-top: 30px;
}

table:not(#delivery_table).table:not(#deliveryDownloadFolderTable).table-bordered.dataTable thead tr:last-child th.sorting:before,
table:not(#delivery_table).table:not(#deliveryDownloadFolderTable).table-bordered.dataTable thead tr:last-child th.sorting_desc:before,
table:not(#delivery_table).table:not(#deliveryDownloadFolderTable).table-bordered.dataTable thead tr:last-child th.sorting_asc:before{
bottom: auto;
top: 0;
left: 50%;
right: auto;
transform: translateX(-120%);
}
table:not(#delivery_table).table:not(#deliveryDownloadFolderTable).table-bordered.dataTable thead tr:last-child th.sorting:after,
table:not(#delivery_table).table:not(#deliveryDownloadFolderTable).table-bordered.dataTable thead tr:last-child th.sorting_desc:after,
table:not(#delivery_table).table:not(#deliveryDownloadFolderTable).table-bordered.dataTable thead tr:last-child th.sorting_asc:after{
bottom: auto;
top: 0;
right: 50%;
left: auto;
transform: translateX(120%);
}

table:not(#delivery_table).table:not(#deliveryDownloadFolderTable).table-bordered.dataTable thead tr:last-child th span{
transform: rotate(-90deg) translateY(-50%);
top: 35px;
left: 50%;
position: absolute;
width: 100px;
height: 100px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-size: 14px;
white-space: break-spaces;
line-height: 120%;
}
#loginModal {
    padding-right: 0 !important;
}
#loginModal .modal-content {
    width: 500px;
    border: none;
    background: rgba(243,244,246,1);
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
    border-radius: 0;
}
#loginModal img.logo {
    padding: 20px 40px;
    width: 80%;
    box-sizing: border-box;
    margin-left: 50%;
    transform: translateX(-50%);
}

#loginModal .form-signin {
    padding: 20px 40px 40px 40px;
}
#loginModal .form-control,
.swal2-input{
    height: 60px !important;
    line-height: 60px;
    padding: 10px 20px !important;
    outline: none;
    border: 1px solid #eee;
    border-radius: 0;
    background: #eee !important;
    background-color: #eee !important;
    box-shadow: none !important;
    text-align: center;
    background-color: #fff !important;
    border-color: #ddd !important;
    font-size: 14px !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}
#loginModal .form-control:focus,
.swal2-input:focus{
    border-color: #558bba !important;
}
#loginModal .modal-content .col-lg-12{
    padding-left: 0;
    padding-right: 0;
}
#loginModal input[type="submit"],
.swal2-confirm{
    color: #ffffff!important;
    font-size: 16px;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-color: #558bba;
    height: 60px;
    display: block;
    padding: 10px 20px;
    box-sizing: border-box;
    align-items: center;
    outline: none !important;
    border-radius: 0;
    transition: 0.3s;
    text-align: center;
    width: 100%;
    border-color: #0089a7;
}
#loginModal input[type="submit"]:hover,
.swal2-confirm:hover{
    background: #1c2e4b;
    background-color: #1c2e4b !important;
    border-color: #1c2e4b !important;
}

#loginModal #forgot_password,
.swal2-cancel{
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #558bba;
    transition: 0.3s;
    background: transparent;
    border: none;
}
#loginModal #forgot_password:hover,
.swal2-cancel:hover{
    color: #1c2e4b;
    background: transparent;
    border: none;
}

.swal2-actions {
    flex-direction: column-reverse;
    padding: 0 40px !important;
    margin: 20px auto 0 auto !important;
}
.swal2-cancel {
    margin-bottom: 10px;
}
.swal2-actions > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.swal2-footer {
    margin: 10px 0 0 0 !important;
    padding: 10px !important;
    background: #1c2e4b;
    color: #fff;
}
.swal2-footer > * {
    color: #fff !important;
}

.swal2-close {
    color: #558bba !important
}


.how-search-item .content p {
font-size: .8em;
}



.custom-select {
border-radius: 0;
}
.footer-widget.widget-link ul li a {
font-weight: bold;
text-transform: uppercase;
}

body.swal2-shown,
body.modal-open{
    padding-right: 0 !important;
}

.swal2-popup .swal2-header .swal2-title {
    font-size: 24px;
    color: #1c2e4b
}
.swal2-popup {
    padding: 40px !important;
}
.swal2-popup .swal2-content {
    font-size: 16px;
}
.swal2-popup.resetPassword {
    width: 500px !important;
    padding: 0 !important;
    background: rgba(243,244,246,1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    border-radius: 0;
}
.swal2-popup.resetPassword .swal2-content{
    padding: 40px 40px 0 40px;
}
.swal2-popup.resetPassword .swal2-input{
    margin-top: 0;
    margin-bottom: 0;
}

.swal2-popup.resetPassword .swal2-image{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 20px 40px;
    width: 80%;
    box-sizing: border-box;
    margin-left: 0;
}
.swal2-popup.resetPassword .swal2-header{
    padding-left: 0;
    padding-right: 0;
    background-color: #1c2e4b;
}
.swal2-popup.resetPassword .swal2-header .swal2-title{
    color: #fff;
    width: 100%;
    border-top: 2px solid #fff;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    display: block !important;
    margin-bottom: 0 !important;
}
.swal2-popup.resetPassword .swal2-header .swal2-actions{
    flex-direction: column-reverse;
}

.username_header_li
{
    background-color: transparent;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;display: inline-block;
    font-size:16px;
    font-weight: 600;
    color: #ffffff;
    padding: 7px 18px;
}

.clickable_module
{
    cursor: pointer;
    transition: 0.3s;
}
.clickable_module:hover {
    transform: scale(1.1);
}

.inputError {
    border: 3px red solid;
}

/* Login Modal */

/* ########### */

@media only screen and (max-width: 1300px){
    .header-section .header-wrapper .logo-area {
        width: 200px;
    }
    .banner-2 {
        padding: 200px 0 190px 0;
    }
}
@media only screen and (max-width: 991px){
    .header-section .header-wrapper .menu {
        background: #1c2e4b;
        max-height: calc(100vh - 100px);
        border-top: 2px solid #fff;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        max-height: 295px;
    }
    .header-section .header-wrapper .menu li a {
        padding: 15px 20px;
        justify-content: center;
        text-align: center;
    }
    .header-section .form-inline {
        width: 280px;
        margin: 0 auto;
    }
    .header-section .header-wrapper .menu > li:last-child {
        background: #0e1929;
        padding: 20px 20px !important;
    }
    .header-section .form-inline input {
        width: 100%;
    }
    .header-section .header-wrapper .menu li a:hover {
        background: transparent;
    }
    .header-section .header-wrapper .menu li a:hover {
        background: #0e1929;
        color: #fff
    }
    .header-section .header-wrapper .menu li.open {
        background: #558bba;
    }
    .header-section .header-wrapper .menu li.open > a {
        background: #0e1929;
    }
    .header-section .header-wrapper .menu li .submenu li > a {
        padding: 10px 0;
        background: transparent !important;
    }
    .header-section .header-wrapper .menu li .submenu li:last-child {
        padding-bottom: 20px;
    }
    .header-section .header-wrapper .menu li .submenu li > a:hover {
        color: #0e1929;
    }
    .header-section .header-wrapper .menu li .submenu {
        padding-left: 0 !important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input, input#start_date, input#end_date,
    #modalSearch{
        height: 50px !important;
        padding: 10px 15px !important;
    }
    #modalSearch .modalSearchText {
        line-height: 30px;
        height: 30px;
        font-size: 14px;
    }
    #modalSearch:before {
        font-size: 14px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline,
    .submitFormButton{
        height: 50px !important;
    }
    .select2-container .select2-selection--multiple {
        min-height: 50px;
    }
    .submitFormButton{
        line-height: 25px;
    }
}
@media only screen and (max-width: 767px){
    .banner-content-2 .title {
        font-size: 35px;
    }

    .banner-content-2 p {
        font-size: 16px;
    }
    .col-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        flex-wrap: wrap;
    }
    .table td, .table th {
        padding: 10px;
    }
    table.table-bordered.dataTable thead tr:last-child th span {
        font-size: 11px;
        height: 80px;
        width: 80px
    }
    table.table-bordered.dataTable thead tr:last-child th {
        height: 80px;
    }
    body,
    .footer-widget.widget-about p,
    .footer-widget.widget-link ul li a{
        font-size: 16px;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        font-size: 1rem;
    }
    #loginModal .form-control, .swal2-input {
        height: 50px !important;
        line-height: 50px !important;
        padding: 10px 15px !important;
    }
    #loginModal input[type="submit"], .swal2-confirm {
        padding: 10px 15px;
        font-size: 14px;
        height: 50px;
    }
    #loginModal #forgot_password, .swal2-cancel {
        font-size: 14px;
    }
    #loginModal img.logo,
    .swal2-popup.resetPassword .swal2-image{
        width: 60%;
    }
    .swal2-popup .swal2-header .swal2-title {
        font-size: 20px;
    }
    .swal2-footer *{
        font-size: 14px;
    }
}

@media only screen and (max-width: 540px){
    .header-section .header-wrapper .logo-area .logo a img {
        max-height: 120px;
    }

    body > .select2-container--default .select2-results>.select2-results__options {
        max-height: 360px !important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        max-height: 280px;
    }
    .header-section.active .logo-area .logo a img {
        max-height: 80px;
    }
    .banner-content-2 .title {
        font-size: 30px;
    }
    .multiselect_div > label {

    }
    .custom-control-label::before,
    .custom-control-label::after{
        width: 15px;
        left: -20px;
        height: 15px;
    }
    .multiselect_div > label,
    body,
    .footer-widget.widget-about p,
    .footer-widget.widget-link ul li a{
        font-size: 14px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input, input#start_date, input#end_date,
    #modalSearch{
        height: 40px !important;
        padding: 10px 15px !important;
    }
    #modalSearch .modalSearchText {
        line-height: 20px;
        height: 20px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline,
    .submitFormButton{
        height: 40px !important;
    }
    .submitFormButton{
        line-height: 20px;
    }
    .select2-container .select2-selection--multiple {
        min-height: 40px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .header-section .header-wrapper .logo-area .logo a {
        width: 180px
    }

    .modal-dialog-centered {
        justify-content: center;
    }

    #loginModal .form-control, .swal2-input {
        height: 40px !important;
        line-height: 40px !important;
        font-size: 13px !important;
    }

    #loginModal input[type="submit"], .swal2-confirm {
        line-height: 20px;
        height: 40px;
        font-size: 13px;
    }
    #loginModal #forgot_password, .swal2-cancel {
        font-size: 13px;
    }
    .swal2-popup .swal2-header .swal2-title {
        font-size: 18px;
    }
}