:root {
		--navy: #001A72;
		--navy-hover: #2E4AAA;
		--background-body: #F5F6FA;
		--font-default: #757575;
		--white: #FFF;
		--border-radius-md: 4px;
		--border-radius-lg: 8px;
		--border-form: #E0E0E0;
		--background-footer: #D9DEE9;
		--backgroundGreyLight: #FBFBFB;
		--backgroundTitleTable: #F5F6FA;
		--panel-shadow: 0px 10px 13px 0px rgba(17, 38, 146, 0.05);
		
		--mt-1: margin-top 1px;		

	}
	
	@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'),
         url('../fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'),
         url('../fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff');
  }
  /* roboto-500 - latin-ext_latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'),
         url('../fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'),
         url('../fonts/roboto-v20-latin-ext_latin-500.woff') format('woff'); 
  }
  /* roboto-700 - latin-ext_latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'),
         url('../fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'),
         url('../fonts/roboto-v20-latin-ext_latin-700.woff') format('woff');
  }
	
	html {
		font-size:14px;
		height:100%;
	}
	
	body{
		height:100%;
		color: var(--font-default);
		font-family: Roboto, Verdana;
		background-color: var(--background-body);
		font-size:1rem;
	}

	#logo {
	    padding: .5rem 0 .5rem 0;
	    background: #FFF;
	}

	.navbar.navbar-expand {
	    padding: 0;
	    background: var(--navy);
	}

	.navbar.navbar-expand .container {
	    background: url(../images/backgroundNavbar.svg);
        background-repeat: no-repeat;
        background-position: center left;
        padding: 1.5rem 0 1.5rem 1rem;
        color: #FFF;
	}

	.navSection {
        background: var(--background-footer);
        padding: 2rem 0 6rem 0;
        width: 100%;
    }

    .accordion {
        border-radius: var(--border-radius-md);
        box-shadow: var(--panel-shadow);
    }

    .accordion-header .accordion-button {
        border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
    }
    .accordion-header .accordion-button.collapsed {
            border-radius: var(--border-radius-md) var(--border-radius-md) var(--border-radius-md) var(--border-radius-md);
        }

   .flex-1 {
       flex: 1;
    }

    .flex-column {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

  .pr-top {
      position: relative;
      top: -2.5rem;
  }

  #accordion {
      position: relative;
      top: -2rem;
  }
  .accordion-body {
    padding:0 0 0 0;
  }
.card {
    background: var(--white);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--panel-shadow);
    z-index: 0;
    border: none;
}
  .filtrsecion {
    padding: 0;
  }
  #maintable_buttonsfilter {
    padding: .5rem 1.25rem 0 1.25rem;
    display: flex;
    justify-content: flex-end;
    column-gap: .5rem;
  }
  #filterContainer {
    padding: 1.25rem;
    background: var(--background-body);
    border: 7px solid #FFF;
  }
    .filtrsecion .row {
        margin-left: 0;
        margin-right: 0;
        align-items: flex-end;
    }

    #grid {
      padding: 2rem;
  }
  .dt-search {
    background: #F5F6FA;
    padding: 1rem;
    border-radius: 4px 4px 0 0;
  }
  #gridSetting {
    display: inline;
    position: relative;
    top: -3.2rem;
    left: 1rem;
  }
   
  #footer {
    width: 100%;
    font-weight: 500;
    padding: 8rem 0 2rem 0;
    background: var(--background-footer);
    margin-top: -8rem;
    background-image: url(../images/backgroundFooter.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

 th.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc, th.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc {
    color: var(--navy-hover);
    border-bottom: 1px solid var(--navy-hover);
}

table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    box-shadow: none;
    background: #F4F5F8;
    border-bottom: 1px solid #D9DEE9;
}
.table > :not(caption) > * > * {
    border-bottom: 1px solid #D9DEE9;
}
table.dataTable thead>tr>th.dt-orderable-asc:hover, table.dataTable thead>tr>th.dt-orderable-desc:hover, table.dataTable thead>tr>td.dt-orderable-asc:hover, table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: none;
    color: var(--navy-hover);
    border-bottom: 1px solid var(--navy-hover);
}
table.table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: none;
    background: #E3EAEA;
}
a:not([href]):not([class]) {
    color: var(--navy-hover);
}
a:not([href]):not([class]):hover {
    color: var(--navy);
}
table.table.dataTable {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.dt-length, .dt-info {
display: inline;
margin-right: 1rem;
}
button.page-link.last, button.page-link.first {
    border: none;
    border-radius: 4px 4px 4px 4px;
}

.tabsSection {
    padding: 2rem 1rem 6rem 1rem;
    background: var(--background-footer);
    width: 100%;
}

.topposition {
    position:relative;
    top: -4rem;
}

.entityName {
    display: block;
    clear: both;
    width: 100%;
    background: var(--backgroundTitleTable);
    color: #686F86;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 1rem 1rem 1rem 6rem;
    border-bottom: 1px solid var(--background-footer);
    border-radius: 4px 4px 0 0;
}

div.dt-buttons.btn-group-detail {
    display: inline-block;
    position: absolute;
    top: 2.8rem;
    left: 1.5rem;
}

.gridStyle tr td:nth-child(2) {
    font-weight: 600;
}
a.btn.btn-default {
    color: var(--navy-hover);
}
a.btn.btn-default:hover {
    color: #FFF;
    background: var(--navy);
}
.active a.btn.btn-default {
    color: #FFF;
    background: var(--navy);
}

select {
    max-height: 34px;
}

#modalWaitMessage {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 1.5rem;
}

#home table td:nth-child(2) {
	width: 35%;
	min-width: 20rem;
}

#lok th.dt-type-numeric,
#lok table.dataTable td.dt-type-numeric,
#trans th.dt-type-numeric,
#trans table.dataTable td.dt-type-numeric {
	width: 2rem;
	text-align:center;
}

#lok th:nth-child(3),
#lok  tr td:nth-child(3) {
	width: 3rem;
	min-width: 3rem;
	text-align:left;
}

#lok th:nth-child(2),
#lok tr td:nth-child(2) {
	width:45%;
}

#lok th:nth-child(4),
#lok tr td:nth-child(4) {
	width:35%;
	text-align:left;
}

#lok.entEU th:nth-child(2),
#lok.entEU tr td:nth-child(2) {
    width: 25%;
}
#lok.entEU th:nth-child(3),
#lok.entEU tr td:nth-child(3) {
    width: 25%;
}
#lok.entEU th:nth-child(4),
#lok.entEU tr td:nth-child(4) {
    width: 25%;
}
#lok.entEU th:nth-child(5),
#lok.entEU tr td:nth-child(5) {
    width: 20%;
}

#trans th:nth-child(3),
#trans  tr td:nth-child(3) {
	text-align:left;
}
#trans th:nth-child(4),
#trans  tr td:nth-child(4) {
	text-align:left;
}
.addressRow span {
    display:block;
}

body.contrast,
.contrast .tabsSection,
.contrast #footer,
.contrast .navbar.navbar-expand {
    background: #000;
    background-image: none;
}

.contrast #footer {
    color: #FACB00;
}

.contrast #logo {
    background: #FACB00;
}

.contrast #logo img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(257deg) brightness(103%) contrast(107%);
}

.contrast .card {
    background: #000;
    box-shadow: none;
    border: 1px solid  #FACB00;
}

.contrast .entityName {
    background: #000;
    color: #FACB00;
    border-bottom: 1px solid  #FACB00;
}

.contrast .btn-primary {
    color: #FACB00;
    background: #000;
    border-color: #FACB00;
}

.contrast .btn-primary:hover {
    color: #000;
    background: #FACB00;
    border-color: #FACB00;
}

.contrast table.table.dataTable>:not(caption)>*>* {
    background-color:  #000;
    color: #FACB00;
    border-bottom: 1px solid #FACB00;
}

.contrast .navbar.navbar-expand .container {
    background-image: none;
    color: #FACB00;
}

.contrast .table > :not(caption) > * > * {
    border-bottom: 1px solid transparent;
}

.contrast .dt-info {
    color: #FACB00;
}

.contrast table.table.dataTable {
    border-bottom: 1px solid #FACB00;
}

.contrast .active a.btn.btn-default {
    color: #000;
    background: #FACB00;
}

.contrast .navSection {
    background: #000;
}

.contrast .btn-light {
    color: #FACB00;
    background: transparent;
}

.contrast .form-select-sm,
.contrast .form-select {
    background-color: #FACB00;
    color: #000;
    border: 1px solid #000;
}

.contrast .btn-light:hover {
    color: #FACB00;
    background: transparent;
    border-color: #FACB00;
}

.contrast .dt-search {
    background: #000;
    border-bottom: 1px solid #FACB00;
}

.contrast div.dt-container div.dt-search label {
    color: #FACB00;
}

.contrast .form-control {
    color: #000;
    background: #FACB00;
    border: 1px solid #FACB00;
}

.contrast .accordion-body,
.contrast #filterContainer {
    background: #000;
    color: #FACB00;
}

.contrast #filterContainer {
    border-color: transparent;
}

.contrast .accordion-collapse {
    border: 1px solid #FACB00;
}

.contrast .accordion-button {
    background: #000;
    color: #FACB00;
    border: 1px solid #FACB00;
}

.contrast .accordion-button:not(.collapsed),
.contrast .accordion-button.collapsed:hover {
    color: #000;
    background-color: #FACB00;
    box-shadow: none;
}

.contrast .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(34deg) brightness(83%) contrast(101%);
}

.contrast .accordion-button.collapsed::after {
    filter: brightness(0) saturate(100%) invert(65%) sepia(85%) saturate(536%) hue-rotate(4deg) brightness(105%) contrast(105%);
}

.contrast .accordion-button:not(.collapsed)::after {
     filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(257deg) brightness(103%) contrast(107%);
}

.contrast .btn-outline-primary {
    color: #FACB00;
    border-color: transparent;
}

.contrast .btn-outline-primary:hover {
    color: #000;
    border-color: transparent;
    background: #FACB00;
}

.contrast table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    background: #000;
    border-bottom: 1px solid #FACB00;
}

.contrast table.table.dataTable.table-hover>tbody>tr:hover>* {
     background: #FACB00;
     color: #000;
}

.contrast a:not([href]):not([class]) {
    color: #FACB00;
}

.contrast a:not([href]):not([class]):hover {
    color: #000;
}

.contrast table.table.dataTable.table-hover>tbody>tr:hover>* a:not([href]):not([class]) {
    color: #000;
}

.contrast table.dataTable thead>tr>th.dt-orderable-asc:hover, .contrast table.dataTable thead>tr>th.dt-orderable-desc:hover {
    color: #000;
    border-bottom: 1px solid #FACB00;
    background: #FACB00;
}

.contrast  table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
.contrast table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before {
    opacity:1;
}

.contrast .dt-length {
     color: #FACB00;
}

::-webkit-scrollbar {
  width: 14px;
  height:10px;
}

.contrast .active > .page-link {
    background-color: #FACB00;
    border-color: #FACB00;
    color: #000;
}

.contrast .page-link {
    background-color: transparent;
    border: 1px solid #FACB00;
    color: #FACB00;
}

.contrast .page-link:hover {
    background-color: #FACB00;
    border-color: #FACB00;
    color: #000;
}

.contrast .disabled > .page-link {
    color: #FFF;
    opacity: .7;
}

.contrast a.btn.btn-default {
    color: #FACB00;
}

.contrast a.btn.btn-default:hover {
    color: #000;
    background: #FACB00;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
 
}

::-webkit-scrollbar-thumb {
  background: #B9B9C6;
   border-radius:4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media  (min-width: 1200px){ 
			.container {
			   max-width: 1440px;
			   width: 100%;
			}
		}
@media  (max-width: 768px){
	#gridSetting {
		flex-direction: column;
		justify-content:center;
		top: .5rem;
		left:0;
	}
	div.dt-buttons.btn-group-detail {
        display: inline-block;
        position: absolute;
        top: 2.8rem;
        left: 1.5rem;
        width: auto;
    }
}