:root{
    --primary-color-100:#0072C6;
    --primary-color-300:#133877;
    --primary-color-200:rgb(29, 78, 216);
    --primary-color-800:rgb(155 203 235);
}

body {
    background: #fff !important;
    background-color: #fff  !important;
    font-family: "Trebuchet MS";

  
    /* background-size: cover; */
   
    /* font-family: roboto,helvetica neue,Helvetica,Arial,sans-serif; */
} 
html[dir="rtl"] .mainbody-inner{
    /* float: left; */
}
.mainbody-inner{
    /* float: right; */
}
/*  */
#content{
    padding: 15px;
    width: 100%;
} 
.back{
    float:inline-end;
}
.content{
    padding: 15px;
background: white;
border-radius: 2em;
}
.sidebar-1{
    background-color: #f3f2f1;
    color:var(--primary-color-300);
    /* max-width: 100px; */
    overflow-wrap: break-word;
    position: fixed;
    /* top: 0px; */
    height: 100%;
    max-width: 200px !important;
    padding: 0px !important;
    padding-top: 30px !important;
    z-index: 100;
    transition: all 0.5s ease;
}
.sidebar-2{
    background-color: #f3f2f1;
    color:var(--primary-color-300);
    /* max-width: 100px; */
    overflow-wrap: break-word;
    position: fixed;
    /* top: 0px; */
    left: 0;
    height: 100%;
    max-width: 200px !important;
    padding: 0px !important;
    padding-top: 30px !important;
    z-index: 100;
    transition: all 0.5s ease;
}
.nav-header{
    font-size: medium;
    text-shadow: none;
    color:white;
    background: var(--primary-color-100);
}
.customside_menu_logo{
    text-align: center;
}
.mod-languages, .lang-inline a{
    color: white;
}
#mainnav{
    height: 50px;
    background-color: var(--primary-color-100) !important;
}
.navbar-form{    
    background-color: transparent !important;
    border: none;
}
@media only screen and (max-width: 992px){
#mainnav [class*="span"] {
  width: auto;
}}
@media (max-width: 992px){
.navbar .btn-navbar {
  display: none;
}}
.fa:before{
    margin: 10px;
}
#mainMenu {
	/* margin:10px;*/
	width:100%; 
    align-items: start;
	font-family: "Trebuchet MS";
    /* background-color: var(--primary-color-100); */
    /* max-width: 60px; */
    overflow-wrap: break-word;
    /* margin-left:5px; */
    padding: 0px;
    float: left;
}
#mainMenu li {
	position:relative;
	display:block;
    padding: 5px;
    align-items: center;
    text-align: center;
    width: 100%;

	/* border:1px solid #000;
	border-top:0px; */
}
#mainMenu li:first-child::before {
	/* border-top:1px solid #000; */
    background-image: url("/images/edaa_logo.png");
}
#mainMenu a {
	display:block;
    white-space: initial;
	padding:3px;
	text-decoration:none;
	/* color:#009; */
    color:var(--primary-color-300);
}
#mainMenu a:hover, #mainMenu a:active {
	background-color:var(--primary-color-100);
	color:#fff; 
}
.nav .nav-child > li:focus > a {
    background: var(--primary-color-100);
    color: #ffffff;
}
#mainMenu .nav-child {
    position:relative;
	/* position:absolute;
	width:150px;
	left:118px;
	top:5px; */
    float: left;
    /* align-items: center;
    text-align: center; */
    background-color: transparent;
    color:#edf2f7;
    padding: 5px;
	display:block;
    border: none;
    box-shadow: none;
    width: 100%;
}
/* #mainMenu li ul li {
	font-size:smaller;
} */
#mainMenu li:hover ul {
	display:block;
}
/*  */


 .btn-primary{
    background-color: var(--primary-color-300) !important;
    border-color: var(--primary-color-300) !important;
}
.hidden{
    display: none;
}
.btn:hover{
    background-color: var(--primary-color-200) !important;
    border-color: var(--primary-color-200) !important;
}
.btnSubmit{
    width: inherit !important;
} 
input{
    border-radius: 10px !important;
    height: auto !important;
}
.mod-languages {
    float: right;
    /* height: 44px; */
    /* margin-top: 6px; */
    padding-top: 10px;
    display: flex;
    /* float: inherit; */
}
.central-container {
    background: #fff;
    padding: 40px 65px;
    border-radius: 12px;
    row-gap: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}
.title_lines {
    width: 100%;
    margin-bottom: 10px;
    border-top: var(--primary-color-300) solid 1px;
    color: var(--primary-color-300);
}
    
.title, .heading-subtitle {
    text-align: center;
    margin-top: -20px
}

.title > span{
    background-color: white;
    box-shadow: white 11px 0px 0px,
                white -13px 0px 0px;
}
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) !important;
    border-radius: 0.25rem !important; */
}
thead tr th {
    background: #eaf0f6 !important;
    box-shadow: inset 0 0 0 9999px #eaf0f6;
    border: 0 !important;
    border-bottom: 1px solid #eaf0f6 !important;
    vertical-align: start !important;
    text-align: start !important;
}
td{
    text-align: start !important;
}
table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::before {
    color: var(--primary-color-300);
}
table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
    color: var(--primary-color-300);
}
.table thead:first-child tr:first-child th:first-child{
    border-top-right-radius:15px ;
}
.table thead tr:first-child th:last-child{
    border-top-left-radius:15px ;
}
.page-header{
    border-bottom: 1px solid lightgrey;
    padding: 5px;
    color:var(--primary-color-300);
}
.nocontent-message {
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    line-height: 120%;
    width: auto;
    height: calc(100vh - 216px);
    box-sizing: border-box;
    padding-top: calc((100vh - 400px) / 2);
}
.nocontent-message i {
    font-size: 120px;
    display: block;
}
.dataTables_wrapper{
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) !important;
    border-radius: 0.25rem !important;
}
.well{
    padding: 15px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) !important;
    border-radius: 0.25rem !important;

}
.dataTables_filter {
    white-space:nowrap;
    display: inline-block;
  /* border: 1px solid red; */
  padding: 1rem 1rem;
  vertical-align: middle;
}
.dataTables_length{
    white-space:nowrap;
    display: inline-block;
  /* border: 1px solid red; */
  padding: 1rem 1rem;
  vertical-align: middle;
}
.dataTables_filter label, .dataTables_filter input {
    display: inline-block;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.dataTables_paginate a {
    margin: 0 4px; /* 0 is for top and bottom. Feel free to change it */
    border: 1px solid #ddd; /* Gray */
    font-size: 15px;
    text-align: center;
    padding: 5px;
    color: #000000;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 0.25rem;
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
}
#sortableTable_next, #sortableTable_previous{
    width: auto;
    border:none
}
.dataTables_paginate .current{
    color: white;
    background: var( --primary-color-200);
}
.customModal{
    background: transparent !important;
    border: none;
}
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.75) url("/images/loading.gif") no-repeat center center;
    z-index: 10000;
}
[class^="icon-"]{
    margin-left: 10px;
    margin-right: 10px;
}
.navbar-form #login-form{
    display: flex;
}
.login-greeting{
    /* width: 70%; */
    float: left;
    padding: 10px;
    /* border: 2px solid red; */
    text-align: start;
    color: white;
}
#login-form .logout-button{
    width: 30%;
    float: left;
    padding-top: 5px;
    
    /* padding: 10px 20px; */
}
#login-form .logout-button .btn-primary{    
    /* border: 2px solid red; */
    margin-top: 0px !important;
    background-color: transparent !important;
    border: none !important;
    border-left: 2px solid white;
}
.login-greeting::before{
    content: "\22";
    font-family: 'IcoMoon';
    /* background:url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSj3XfIpf-OOJRCcWz4iN2CU3qMKVVbj0p0bRvKNGVo1U9pk_8ZIlyR8pWreA'); */
    background-size:cover;
        /* position:absolute; */
    width:20px;
    height:20px;
    margin-left:5px;
    margin-right:5px;
}

@media (max-width: 992px)
{.nav-collapse, .nav-collapse.collapse {
  overflow: visible;
  height: 0;
}}

html[dir="rtl"] #login-form{
    float: right;    
}
#footer{
    position: fixed;
    bottom: 0;
    width: 100%;
}
html[dir="rtl"] #login-form .login-greeting {
    /* width: 70%; */
    float: right;
    padding: 10px;
    width: auto;
    /* border: 2px solid red; */
    /* text-align: start; */
    color: white;   
}
html[dir="rtl"] #login-form .logout-button {
    width: auto;
    float: left;
    /* padding: 10px 20px; */
}
html[dir="rtl"] .nav-collapse .mod-languages {
    float: left;
    /* height: 44px; */
    /* margin-top: 6px; */
    padding-top: 10px;
    display: flex;
    /* float: inherit; */
}
.customentityName
{
    display: inline-block;
    font-size: large;
    color: white;
    margin: 0px 20px;
}