/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../fonts/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}



/*html, body, #container, .outercontainer, #app-region  {
  width: calc(100% + (100vw - 100%)); 
}
*/
html, body {
    width: calc(100% + (100vw - 100%)); 
    height: 100%;
}


body{
  overflow-x: hidden;
  background: #181818;
}


#app-region{
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
}

.container.docs{
  padding-top: 20px;
}


.container.docs h2{
  margin-bottom: 15px;
}

.container.docs img{
  margin-bottom: 10px;
  margin-top: 10px;
}

.signum_container{
    overflow: hidden;
    width: 100%;
    height: 55%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.cdli_imgs.container{
  padding: 0;
}

.full_bg{

    width: 100%;
    height: 100vh;
    position: absolute;
    overflow-x: hidden;
    background: url(../images/bird_bg2.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1;
/*    max-height: 100vh;
*/}

.img_row{
  height: 100%;
}


.modal-open #signum {
  right: calc(-20% + 20px);
}

.modal-open .full_bg{
   /*padding-right: calc(100vw - 100%); calculates scrollbar width*/
    width: 100%;
}


.modal-open #footer{
  padding-right: 17px;
}



input, input:before, input:after {
      -webkit-user-select: initial !important;
      -khtml-user-select: initial !important;
      -moz-user-select: initial !important;
      -ms-user-select: initial !important;
      user-select: initial !important;
      color: black;
 }

.map_active #footer-region{
  display: none;
}

img.lmu_logo {
    max-height: 26px;
    display: inline-block;
    margin-left: 21px;
    position: absolute;
}

.main_header{
    height: 33vh;
    min-height: 200px;
    position: relative;
}

.main_header.smaller{
    height: 20vh;
    min-height: 150px;
}

.hl_header{
   display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}


.defaulthl {
    color: white;
    font-size: 45px;
    text-align: center;
    font-family: "Quicksand";
    width: 100%;
    position: relative;
}

.downloadbtn{
    bottom: -15px;
    font-size: 15px;
    align-self: center;
    position: absolute;
    left: 0;
    width: 100%;
    color: #f1f1f1;
}

.downloadbtn:hover{
  cursor: pointer;
  color: white;
}

#backdrop-region_gr{
    background: linear-gradient(to bottom, #fff4f4eb 0%,#b0cee5 100%);
    width: 100%;
    position: absolute;
    min-height: 500px;
  }

.card_row{
  display: flex;
  align-content: center;
}

.hub_col{
  display: flex;
}


@media screen and (max-width: 900px)  {
  .main_header{
       height: calc(10vh + 20vw);
       min-height: 170px;
       background-size: cover;
  }
}

.gallery_img{
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    background-position: top center;
        -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);

  transition-property:transform: scale();
  transition-duration: 0.25s;
  transition-timing-function: ease;
}


.gallery_img:hover{
  cursor: pointer;
  transform:scale(1.10);
}

.full_screen_close{
    position: absolute;
    color: white;
    top: -10px;
    right: 15px;
    font-size: 45px;
    text-shadow: 2px 2px 1px rgb(0, 0, 0);
}

.full_screen_close:hover{
  cursor: pointer;
  opacity: 0.85;

}

.fullscreen_modal .modal-dialog{
     display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
}

 
  .cdli_imgs.multi_images .gallery_img.firstImg{
  margin-right: 15px;
  }



.row .hub_col:first-child{
  border-right: 1px solid rgba(0,0,0,.125);
}


.cdli_imgs{
  overflow: hidden;
}

.main_bg{
   /* background: url(../images/main_bg.jpg)  no-repeat;
    background-size: 100%;
    position: absolute;*/
    top: 0;
    width: 100%;
    height: 100%;

}

.main_logo{
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
-webkit-box-shadow: inset 0px -29px 30px -16px rgba(0,0,0,0.38);
-moz-box-shadow: inset 0px -29px 30px -16px rgba(0,0,0,0.38);
box-shadow: inset 0px -29px 30px -16px rgba(0,0,0,0.38);
}

.main_logo > #svg_object{
     max-width: 650px;
     width:50%;
     min-width: 250px;
     z-index: 1;
     position: absolute;
     bottom: 30px;
    /* background: #00000094; */
    /* width: 652px; */
    /*bottom: 100px;*/
    /* -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4); */
    /*-moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4);*/
    /* box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4); */
}


.footer_text{
    margin: 0 auto;
    color:#adadad;
}

 #signum{
     position: absolute;
    right: -20%;
    opacity: 0.3;
    bottom: -75px;
    max-width: 500px;
    z-index: 0;
  }

.footercontainer{
    display: flex;
    padding-top: 17.5px;
    align-content: center;
    justify-content: space-between;
}    

@media screen and (min-width: 1200px)  {

/*  .main_header{
       height: calc(25vh + 20vw);
       min-height: 170px;
  }  */

.main_logo > #svg_object{
     max-width: 650px;
  }

}

@media screen and (min-height: 1150px)  {
  .main_logo > #svg_object {
       min-width: 800px;
  }
}

.card_left{
  -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
  max-width: 33.333333%;
  width: auto;
/*  display: flex;*/
}

.card_right{
  width: auto;
  -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}


.cover_bg{
  height: 100vh;
  position: absolute;
  background: rgba(0, 0, 0, 0.69);
  width: 100%;
  z-index: 0;
}


.custom_card > .card-header {
    border-radius: 0px;
    background: none;
    /*border-bottom: 1px solid #1891ff;*/
    color: black;
}

.custom_card > .card-footer {
    border-radius: 0px;
    background: none;
    /*border-top: 1px solid #1891ff;*/
    color: white;
}

.footer_item_enter_container {
    margin-left: 10px;
}

.card-header{
  background: none;
  border:none;
  padding-bottom: 0px;
  padding-top: 0px;
}

.card-footer{
  background:none;
  border:none;
}

.custom_card {
    background: none;
    color:#4e4e4e;
    border-radius: 0px;
    border: none;
}

.custom_card .row{
  height: 100%;
  margin-top: 15px;
}

.custom_card:not(.disabled):hover .card_img {
 transform:scale(1.10);
 cursor: pointer;
}

.custom_card:not(.disabled):hover{
  cursor: pointer;
  color: black;
}

.custom_card.disabled{
  filter: grayscale(100%);
}

.card_img_header{

     width:100%;
     height:100%;
     overflow:hidden;
}



.card_img_header > img{
    width: 100%;
    height: 100%;
}


.paginate_button {
    padding: 0px !important;
}

.paginate_button:hover{
  border: 1px solid transparent !important;
  background: none !important;
}

.pagination{
  margin-bottom: 0px;
}

#outercontainer{

width:100%;
height:100%;
}


.reset .modal-backdrop{
  display:none;
}

.init_modal .modal-backdrop{
  display:none;
}

.loading_background{

  height: 100%;
  width: calc(100% + (100vw - 100%));
  position: absolute;
  background: rgba(244, 244, 244, 1.0);
  z-index: 10003;

}


.loading_cover{
	position:absolute;
	width:100%;
	height:100%;
	background: rgba(45, 45, 45, 0.4);
	z-index: 10001;
}


.custom_header{
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    padding-left: 6px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom-right-radius: 6px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.55);
    border-bottom: 1px solid rgba(128, 128, 128, 0.55);
    border-right: 1px solid rgba(128, 128, 128, 0.55);
    z-index: 100;
    font-family: 'Quicksand', sans-serif;
}



.custom_header2{
  font-family: "Open Sans",Arial,sans-serif;
    max-width: 95%;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
    position: absolute;
    padding-left: 1px;
    padding-right: 22px;
    padding-bottom: 0px;
    padding-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 9;
    bottom: 77px;
    color: white;
    font-size: 16px;
    border-bottom: 1px solid;
    font-family: 'Quicksand', sans-serif;
    overflow: hidden;

}

.custom_header2 .slbbd{
  display: flex;
  flex-direction: row;
}

.custom_header2 .slbbd > div{
  white-space: nowrap;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom_header2 .slbbd > div.separator{
  padding-right: 5px;
  cursor: default;
}


.custom_header2 .slbbd  > div:not(.separator):hover{
 cursor: pointer;
 opacity: 0.8;
}


.navbar-nav .nav-item+.nav-item {
    margin-left: 2rem;
}

.navbar-brand {
    margin-right: 1.5rem;
  }

.navbar-brand:hover{
  cursor:pointer;
}


.header_cover_x{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:8;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */



}


.card_img{
  width: 100%;
  height: 100%;
  transition-property:transform: scale();
  transition-duration: 0.25s;
  transition-timing-function: ease;
      background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.card-title{
  margin-bottom: 0px;
  font-family: Quicksand;
}

.card_img_shadow{
  -webkit-box-shadow: inset -10px 0px 5px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: inset -10px 0px 5px 0px rgba(0,0,0,0.35);
  box-shadow: inset -10px 0px 5px 0px rgba(0,0,0,0.35);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  top: 0;
  z-index: 2;
}

/*
  .container .card_row:first-child{
    padding-bottom: 15px;
  }*/




.c_header_cont{
  height: 100%;
  width: 100%;
   display: flex;
/*  justify-content: center;
*/}

  .card_img_header{    
      width: 155px;
      height: 155px;
      border-radius: 50%;
      position: relative;
      z-index: 1;
  }


.table_manager .search_label input{
    margin-left: 5px;
}


@media screen and (max-width: 1250px)  {
 #start_container{
  width: 100%;
 }
}

@media screen and (min-width: 1251px)  {
    #start_container{
     margin: 0 auto;
    }
}

@media screen and (min-width: 991px)  {
  .cdli_imgs.multi_images .gallery_img.firstImg{
  margin-right: 30px;
  }
}

@media screen and (max-width: 991px) {


    .main_data_table .pagination a{
      padding: 2px 5px 2px 5px;
   }

  .table.dt-responsive.custom-table td{
    font-size: 12px;
  }

  .table.dt-responsive.custom-table th{
    font-size: 12px;
  }

.table_manager .length_el select{
    font-size: 12px;
    padding: 0px;
    height: 20px !important;
}

.table_manager .length_el{
  padding-left: 5px;
}

.table_manager .search_label input{
    font-size: 12px;
    padding: 4px;
    height: 20px !important;
    width: 125px !important;
}

.table_manager .length_el{
  max-width: 64px;
}

.table_manager .length_el select{
   min-width: 56px;
}

.dataTables_info {
  font-size: 12px;
}

.table_manager .nav-link {
  font-size: 12px;
}

.table_manager .search_label {
  font-size: 12px;
}

}

@media screen and (max-width: 767px)  {


.row.img_row{
  margin-top: 25px;
}


.feature-table{
  font-size: 12px;
}

.row.img_row .col-md-6:first-child{
  margin-bottom:25px;
}


.table_manager .nav-link{
  text-align: center;
}

  .navbar_item.no_map:first-child .nav-link{
    padding-left: 10px;
    border-right: 1px solid white;
  }

  .navbar_item.no_map:nth-child(2) .nav-link{
    border-right: 1px solid white;
    padding-left: 5px;
    margin-right: 5px;
  }

  .table_manager .search_label{
    border-right: 1px solid white;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 144px;
  }

  .table_manager .search_label{
    padding-left: 10px;
  }

  .table_manager .entry_label{
    border-left: 1px solid white;
    padding-left: 5px !important;
    }


.container.main_data_table 
  {
  width: 100% !important;
  }

  .container.filter_container
  {
  width: 100% !important;
  padding-right: 35px;
  }
}


@media screen and (max-width: 767px)  {

}

@media screen and (max-width: 1000px)  and (min-width: 768px)  {
.card-text{
  font-size: 12px;
}

.card_img_header{  
     width: 135px;
     height: 135px;
}

.card-header{
   padding-left: 35px;
}

.card-block{
   padding-left: 35px;
}

.card-title{
  font-size: 22px;
}


}






 

@media screen and (min-width: 768px)  {

    .card_left{
      padding-right:0;
    }

    .card_right{
      padding-left: 0;
    }


  .container .card_row:first-child{
    border-bottom: 1px solid rgba(0,0,0,.125);
  }
/*
  .container .card_row:first-child .custom_card{
    margin-bottom: 15px;
  }*/

  .container .card_row:nth-child(2) .custom_card{
    margin-top: 15px;
 }

  .custom_card .card-footer{
    display: none;
  }



}

@media screen and (max-width: 480px) {

  .card-text{
    font-size: 12px;
  }

  .card_img_header{  
       width: 125px;
       height: 125px;
  }

  .card-title{
    font-size: 22px;
  }

  .card_left {
    max-width: 125px;
  }

}




#placeModal .listbody{
      z-index: 100;
    position: relative;
}


.modal-loading_overlay{
 
    top: 0;
    height: 100%;
    width: 100%;
    left: 0px;
    position: fixed;
    background: rgba(244, 244, 244, 0.77);
    border-radius: 5px;
    z-index: 10005;
    display: none;

}

.modal-loading_overlay.main_table_o{
    width: calc(100% - 45px);
    left: 15px;
    position:absolute; 
    background: rgb(244, 244, 244);
    display: block;
    top: 20px;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);

}



.theloading_spin{

color:#cbcbcb;
font-size: 30px;
height: 30px;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 50px; right: 0;
opacity: 0.6;

}



.modal-loading_overlay .theloading_spin{
bottom:0;
}



#blurred{
  position:absolute;
  z-index:10000;
  width:100%;
  height:100%;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}

.loading_circle_container{
z-index: 10002;
position:absolute;
 top: 50%;
  left: 50%;
  transform: translate(-50%, -68%);
  background:url("../images/lion_of_babylon_gradient.png");
    width: 300px;
    height: 300px;
    /* background-color: red; */
    border-radius: 50%;
    background-size: cover;
    -webkit-box-shadow: 9px 9px 5px -6px rgba(0,0,0,0.39);
-moz-box-shadow: 9px 9px 5px -6px rgba(0,0,0,0.39);
box-shadow: 9px 9px 5px -6px rgba(0,0,0,0.39);
text-align:center;

}

.version_div{

    color: white;
    position: absolute;
    bottom: 60px;
    left: 231px;
    font-size: 10px;
    height: 30px;
    width: 30px;
}

/*.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0 !important;
    overflow: visible;
}*/



.help_row{
  margin-top: 15px;
  float: left;
}

#helpModal .nav-pills > li > a {
  font-size: 14px;
}

#helpModal .nav-pills{
  border-bottom: 1px solid #eceeef;
  padding-bottom: 15px;
}

#helpModal .nav-pills > li > a.active {
  font-size: 14px;
  color: white;
}


.help_left{
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.17);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.17);
  box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.17);
  min-height: 250px;
  background-position:center;
  background-size: cover;
  background-repeat:no-repeat;
}

#helpModal .modal-body {
  overflow-y: auto; 
  max-height: calc(100vh - 170px);
  min-height:95px;
}

#helpModal .modal-footer{
  padding: 7px;
}


#helpModal .help_text {
  font-size: 14px;
}

#aboutModal .modal-body{
  overflow-y: auto; 
  max-height: calc(100vh - 275px);
  min-height:95px;
  font-size: 14px;

}

#filterModal .modal-body {
  overflow-y: auto; 
  max-height: calc(100vh - 275px);
  min-height:95px;
}



#featureModal .modal-body {
  overflow-y: auto; 
  max-height: calc(100vh - 225px);
  min-height:95px;
}


// .im_map_modal_body{
//     max-height: calc(100vh - 132px);
//     overflow-y:auto;
// }


#featureModal .modal-body {
  overflow-y: auto; 
  min-height:95px;
}


/*.modal-footer button {
    border: 1px solid black;
    color: black;
}*/




#token_modal table {

  color:black;
}



#token_modal .modal-content{

border-radius:.3rem;

}

.no_select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contentfooter{
    position: relative;
    padding-top: 10px;
    display: table;
    width: 100%;
}

#content_switch{
   display: table-cell;
   vertical-align: middle;
   padding-left: 5px;
}

#content_switch label{
  margin-bottom: 0px;
}

.ctn_btn_container{
   display: table-cell;
    vertical-align: bottom;
    text-align: right;
    white-space: nowrap;
}

.check_item{
  white-space: nowrap;
}


.check_section{
  display: inline-block;
  margin-right: 10px;
}

#token_modal_table_wrapper .dataTables_scrollHead thead{
  display: none;
}

#placeModal table.dataTable thead th, table.dataTable thead td {
    padding-left: 10px;
}

.list_modal .dataTables_scroll {

    border: 1px solid rgba(128, 128, 128, 0.55);
    border-radius:4px;
}



#token_modal .dataTables_scrollHead {
  display:none;
}


.list_modal .dataTables_scrollBody{
  border-bottom:none !important;
  overflow-x: hidden !important;
  min-height:41px !important;
}


.list_modal .dataTables_scrollBody tr:hover{
  cursor: pointer;
}


.list_modal .dataTables_scrollBody table{
  table-layout: fixed !important;
}


.list_modal .dataTables_wrapper label{
color:transparent;
outline:none;
-webkit-user-select: none;  
-moz-user-select: none;     
-ms-user-select: none;     
user-select: none;
}

.list_modal .dataTables_wrapper input, #token_modal_filter input{

    padding:0.428571429rem;
    min-width: 100%;
    outline: none;
    border: none;
    display: block;
    font-size:16px;


  background-image:url(../images/feather_1-1-0_search_256_0_cdcdcd_none.png);
  background-position: 10px 50%; 
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-color:white;
  color:black;
  padding-left:35px;
  margin-top: -10px;
  margin-left:0px !important;
  border-bottom:1px solid rgba(128, 128, 128, 0.55);
  border-radius: 0 !important;

}

#token_modal_filter input::-webkit-input-placeholder{
  color:#d3d3d3;
}

.list_modal .dataTables_wrapper input::-webkit-input-placeholder{
  color:#d3d3d3;
}

.list_modal .dataTables_wrapper .dataTables_filter{
  float:none !important;
  text-align: left  !important;
  margin-top: 0 !important;
}

.list_modal .dataTables_filter label{
width: 100%;
}


#token_modal_filter{    
  display: block;
  padding-top: 25px;
  padding-bottom: 15px;
}

.customclose{
    position: absolute;
    right: 7px;
    color: black;
    z-index: 50;
    font-size: 24px;
    font-weight: bold;
    z-index: 1000;
}


.select2-search__field{
  min-width:120px !important; //fix for cut off bug
}

.customclose:hover{
    opacity:0.75;
    cursor:pointer;
}  

.modal-dialog{

-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.15);
box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.15);

}

.list_modal >.modal-dialog >.modal-content{

background-color: rgb(255, 255, 255);

}

.top_filter_list{
  display:inline-block;
}



  .version_div_container{
       right: 21px;
    bottom: 124px;
    position: absolute;
    z-index: 1;
  }


 .inner_loading{

background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 48%, rgba(0,0,0,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 48%,rgba(0,0,0,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 48%,rgba(0,0,0,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
top: 9px;
left: 9px;
position: absolute;
height: 94%;
width: 94%;
border-radius: 50%;
webkit-box-shadow: inset 4px 4px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 4px 4px 5px 0px rgba(0,0,0,0.3);
box-shadow: inset 4px 4px 5px 0px rgba(0,0,0,0.3);
 } 

  .loading_logo{
  	opacity:1.0;
  	position: absolute;
    width: 225px;
    transform:translate(-50%, 130%);
    margin-left: -2px;
  }



.center {
	text-align: center;
}



.filtered_objects{
     position: absolute;
    top: 60px;
    z-index: 1000;
    left: 10px;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    margin-right: 68px;
    display: none;
    padding-right: 12px;
    padding-left: 6px;
}



.filtered_tokens{
    position: absolute;
    top: 130px;
    z-index: 1000;
    left: 10px;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    margin-right: 68px;
    display: none;
    padding-right: 12px;
    padding-left: 6px;
}

body:not(.map_active) .filtered_objects{
  display: inline-block;
  top: 0px !important;
  margin-top: 10px;
  margin-right: 25px;
  background: rgba(255, 255, 255, 0.93);
  margin-left: 5px;
}

body:not(.map_active) .filtered_tokens{
  display: inline-block;
  top: 0px !important;
  margin-top: 10px;
  margin-right: 25px;
  background: rgba(255, 255, 255, 0.93);
  margin-left: 5px;
}


.top_filter_list_headline{
    font-style: italic;
    font-size: 12px;
    padding-right: 10px;
}

.btn-primary:hover{
  color:black !important;
  border-color: black;
}

.btn-primary:focus{
  -webkit-box-shadow:initial !important;
  -box-shadow: initial !important;
}

.modal_btn{

  border:1px solid black;
  color:black;
  outline:none;
  cursor: pointer;
  color:rgb(150, 150, 150);
}

.modal_btn button:hover{
  color:black;
}

.active_token td{
  background-color: rgb(133, 189, 255) !important;

}



.show_sidebar{
  margin-left:10px;
  top: 55%;
  position:absolute;
  display:none;
  z-index: 100002;
  font-size:16px;
  color:white;
  outline:none;
}

.show_sidebar:hover{

  cursor:pointer;
  color:grey;

}

.sort{

  color:black !important;
}

.logodesc{
position:absolute;

}

.header_frame {
  background-color:#FFFFFF !important;
  color: white;
-webkit-box-shadow: inset 0px -5px 15px 0px rgba(0,0,0,0.08);
-moz-box-shadow: inset 0px -5px 15px 0px rgba(0,0,0,0.08);
box-shadow: inset 0px -5px 15px 0px rgba(0,0,0,0.08);
  border-radius: 0px !important;
  margin-bottom: 0px !important;
}

.header_panel{
	/*padding: 10px;*/
}

.header_panel > h1 {

min-width: 800px;	
}

#tokentable{
	width: 100%;
}

.ctrl_btn{
  margin-right: 5px;
}

.main_hl_text {
padding-left: 9px;
max-width: 700px;
font-size: 1.10rem;
font-weight: 300;
}

.gianticon {
	font-size: 60px !important;
	margin-right: 10px;
}


.modal-content{
margin-top: 60px;
}

.mainlogo{

width: 300px;
margin-bottom: 20px;
margin-left: -1px;
}


.navbar-nav .nav-link {
    padding-top: .3rem;
}

.navlogo{
    width: 97px;
    margin-top: -2px;
}

.navbar{
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.88);
}

.sidebar_head{
    padding-left: 10px;
    padding-right: 10px;
}

.sidebar_head .panel-title{

	padding:5px;
}

.panel-title button{

	border:none !important;
}

.sidebar_search{
  padding-top:15px;
  padding-bottom:15px;
  border-bottom: 1px solid white;
  color: #ababab;
}

.sidebar_search button{
	outline:none!important;
	border:none!important;
	color: white!important;
	display:inline;
	padding-left: 5px;
}

.sidebar_search input{
	width: 156px;
	display:inline;
    outline: none!important;
    background: url(../images/font-awesome_4-7-0_search_256_0_ffffff_none.png);
    background-position: 6.5% 45%;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    padding-left: 30px;
    color:white !important;
    border-color:white !important;
}



button {
	background: none!important;
}

button:hover {

  opacity: 0.85;
  cursor: pointer;
}



.infodiv{
color: white;
padding: 10px;
background: #313131; 
/*border-radius: 10px;*/
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.18);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.18);
}

.infotext{
margin: 20px;

}

.post-title{

margin-bottom: 30px;

}


.full_screen_img{
  padding: 20px;
}

#footer {
    padding-top: .75em;
    background: #373a3c;
    clear: both;
    width: 100%;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 0.85em;
    top: calc(100vh);
    position: absolute;
    height: 75px;
    z-index: 0;
    overflow-x: hidden;
}

.siegellogo{
    position: absolute;
    width: 228px;
    right: 0px;
    top: 53px;
    opacity: 0.3;
}


.fake_content{
  padding: 19px !important;
  background: white;
}

.table_head{
  background: white;
}

#table tr{
  height: 39px;
}

/*#table tr td{
  height: 39px;
}*/

.leaflet-left{
  display:none;
  margin-top: 50px;
}

.leaflet-right{
  display:none;
  margin-top: 50px;
}

.modal_menu_item{
    width: 100%;
    display:block;
    border-bottom: 1px solid lightgray;
    font-family: 'Quicksand', sans-serif;
    padding: 10px;
    padding-left: 0px;

}

.last_menu_item{
  border:none;
}

.modal_menu_item a{
  color:rgba(0, 0, 0, 0.54) !important;
  padding-left: 5px;
}

.modal_menu_item a:hover{

	color: black!important;
}


#placeModal_table tr{

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


#placeModal .customclose{
	color:#fff;
}
 .main_nav .wedge_span:before{
     background: rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: -50px;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    width: calc(100% + 100px);
    z-index: -1;

 }

 .main_nav .wedge_span.list:before{
      width: calc(100% + 25px);
}

.main_nav{
  position: relative;
  top: 0;
  height: 50px;
  width: 100%;
  z-index: 1000;
  -webkit-box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.17);
  -moz-box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.17);
  box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.17);
  overflow:hidden;
}



.map_active .main_nav{
  display: none !important;
}

.map_nav{
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.17);
  -moz-box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.17);
  box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.17);
  display: none;
}

.my_collapse{
  display: inline-block;
  line-height: 50px;
  padding-left: 10px
}


.navbar_item{
  display: inline-block;
  color:rgb(150, 150, 150)  ;
  font-family: 'Quicksand', sans-serif;
  cursor: pointer;
}

.navbar_item:hover{
  color:black;
}

.navbar_item:hover > a{
  color:black;
}

.table_manager{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar_item.no_map{
  color: #f1f1f1;
}

.navbar_item.no_map .nav-link{
  padding: 0px;
}

.navbar_item.no_map.entry_label{
  padding: 0px;
} 

.navbar_item.no_map .nav-link:first-child{
  padding-right: 5px;
}

.navbar_item.no_map:not(.entry_label):hover{
  color: white;
  cursor: pointer;
}

.back_btn{
  border: 1px solid #4e4e4e;
  color: #4e4e4e;
  margin-top: 15px;
  margin-bottom: 15px;
}

.back_btn:hover{
  color:black;
  border-color:black;
}

.length_el label{
  color:  #4e4e4e;
  font-family: "Quicksand";
}

.length_el {
    display: inline-block;
    float: initial;
}

.entry_label .dataTables_length {
  padding-left: 14px;
}

.entry_label{
    display: inline-block;
    color: white;
    font-family: "Quicksand"; 
}

.search_label{
    display: inline-block;
    float: right;
    color: white;
    font-family: "Quicksand"; 
    height: 100%;
}

.main_data_table #table_wrapper .dataTables_filter label{
  color:  #dedede;
}

.main_data_table #table_wrapper .table-bordered  {
  border: none;
  background: #ffffff;
  color: black;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
}

.main_data_table #table_wrapper table.dataTable tbody tr{
    background: none;
}

.main_data_table #table_wrapper table.dataTable tbody tr:hover{
    background: #cfdce6;
    cursor: pointer;
}

.main_data_table #table_wrapper .table-bordered th {
  border-right: 1px solid #eceeef;
  border-bottom: 1px solid #eceeef;
}

.map_active #backdrop-region_gr{
  display: none;
}

.navbar-logo{
    display: inline-block;
    padding-left: 10px;
    line-height: 50px;
    cursor: pointer;
}


#panel-region{
  margin-top:15px;
  margin-bottom:15px;
}

.modal-open.map_active{
  padding-right: 0px !important;
}

.map_active{
  overflow: hidden !important;
}

.map_active .full_bg{
  display: none;
}


.map_active #placeModal table th {
  border-bottom: none  !important;
}

.map_active #panel-region{
  display: none;
}

#panel-region > div > div > div > div > button:first-child {
    margin-left:0px !important;
}


.menu_symbol{
    display:none;
    position: absolute;
    right: 13px;
    top: 15px;
}

.main_nav.list .menu_symbol
{
  right: 44px;
}  


.menu_symbol i{
    color: gray;
}

.menu_symbol:hover{
  cursor:pointer;
}

.menu_symbol:hover i{
  color: black;
}


.preview > img {

    margin-top: 8px;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-left: 2px;
}

.progress {
margin-top: 7px;
margin-bottom: 0px !important;
display: inline-block;
}

.file-row{

    border: 1px dashed  white;
    margin-top: 35px;
    padding: 10px;
    padding-top: 20px;
    border-radius: 5px;
    margin-left: 15px !important;

}

.filenumber{
    background: #34B0EF;
    border-radius: 3.8em;
    -moz-border-radius: 3.8em;
    -webkit-border-radius: 3.8em;
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    line-height: 1.8em;
    text-align: center;
    width: 2.1em;
    border: 2px solid white;
    margin-top: -35px;
    margin-left: -32px;
    position: absolute;
  }

.start{
  margin-top: 15px;
}

.formaticon{

    font-size: 47px !important;
    margin-bottom: 5px;
    margin-left: 1px;
}


.delete:hover{
  opacity: 0.7;
}

.delete_section {
    height: 0px;
    margin-top: -24px;

}

.formatspan{

    border-radius: 5px;
    font-weight: bold;
    font-size: 13px;
    margin-top: 29px;
    margin-left: -7px;
    padding-right: 4px;
    padding-left: 2px;
    background: #34B0EF;
    text-align: center;
    border: 1px solid white;
    position: absolute;
  }

.uploadref{
  margin-bottom: 5px;
}

.start_treetagger{
  margin-bottom: 5px;
}

/*table thead th {
border:none !important;
}*/

.tableheadline{

  border-bottom: 1px dashed;
  padding-bottom: 10px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.15);
}

.filenamesty{
  font-size: 20px;
  font-style: italic;

}

.back_clicked{

  margin-top: 10px;
}

.nav-link:focus{
	color: rgb(150, 150, 150);
}

.nav-link{
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 14px;
  padding-right: 14px;
  color: rgb(150, 150, 150);
}



.close{

  color: black !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-appearance: initial !important;
  margin-top: -10px;
}

.delete_section .close{

    margin-top: 9px;
    margin-right: -3px;
}

.close:hover{

  opacity: 0.7 !important;
}

.tableup:hover{
opacity: 0.7;
}

.fileformatdesc {

  font-weight: bold;
}

.duplicatedesc{

  font-weight: bold;
}


.headerlink {
  color: rgba(255,255,255,.5);
}

.headerlink:hover{
  color: rgba(255,255,255,.75);
}

#mapcontrol_container {
  height: 700px;
}


/* bootleaf zeug*/

#sidebar {
    display: block;
    height: 100%;
    width: 252px;
    float: left;  
    background: #313131;
    color:white;
}

#mapdiv {
  height: 100vh;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.legend_headline{
font-size: 22px;
font-family: 'Sumana', serif;
padding-bottom: 5px;
  border-bottom: 1px solid white;

}

.legend_headline i{
	margin-right:5px;
}


#features {
  margin: 0px;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
   box-shadow: none;
}

#sidebar-hide-btn {
	display:none;
    position: absolute;
    top: 55%;
    left: 245px;
    z-index: 1000;
    border: none !important;
    outline:none;
}




.progress-bar-full {
  width: 100%;
}
.white {
  color: #FFFFFF;
}
.panel-heading{
   width: 250px;
}
.panel-body{
  /*width: 250px;*/
   /* padding-left: 10px;
    padding-right: 10px;*/
}
.feature-row {
  cursor: pointer;
  width: 250px;
}


.feature-row:hover {
  background-color:transparent !important;
  opacity:0.76;
}

.mCSB_inside>.mCSB_container {
    margin-right: 18px;
}    

.sidebar-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.sidebar-table {
   /*position: absolute;*/
    width: 100%;
    top: 133px;
    bottom: 0px;
    overflow: auto;
    padding-left: 10px;

    margin-left: -1px; 
}

.leaflet-control-layers {
  overflow: auto;
}
.leaflet-control-layers label {
  font-weight: normal;
  margin-bottom: 0px;
}
.leaflet-control-layers-list input[type="radio"], input[type="checkbox"] {
  margin: 2px;
}
.table {
  margin-bottom: 0px;
  color: #ababab;
}

/*.table > tbody > tr:first-child > td {
    border: none;
}*/


.modal-title{
font-family: 'Quicksand', sans-serif;

}

.nav-item a{
  color:rgb(150, 150, 150);
  font-family: 'Quicksand', sans-serif;
}

.nav-item a:hover{
  color:rgb(0, 0, 0);
}

.filter_list{
    margin-bottom: 0px;
   list-style-type: none;
   padding-left: 5px;

}


.filter_list_item{
    border-radius: 4px;
    cursor: default;
    margin-right: 5px;
    color: grey;

    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 2px;
    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
  }

.filter_list_item_remove{
    font-weight: bold;
    margin-right: -2px;
    display: table-cell;
    border-right: 1px solid;
    padding-right: 5px;
    background-color: rgba(230, 230, 230, 0.69);
    padding-left: 5px;
    color: grey;
    height: 100%;
    vertical-align: middle;
    font-size: 12px;
}


.sub_filter_list{
     margin-bottom: 0px;
   list-style-type: none;
   padding-left: 10px;
}


.sub_filter_list > li{
 display: inline-block;  
}


/*.select2-selection{
  height: 40px !important;
}*/

// #filterModal label {
//   display: block !important;
// }


.select2-selection__choice {
  font-size:15px;
  max-width: 93%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter_item_parent{
    padding: 0;
    border: 1px solid grey;
    border-radius: 3px;
    margin-right: 4px;
    margin-bottom: 5px;
    position: relative;
    display: table;
}    


.filter_item_parent :hover{
cursor:pointer;
opacity:0.85;
}

.place_img_container{


  overflow: hidden;
  width: 100%;

  // height: calc(12.5vh + 12.5vw);
  height:25vh;
  min-height:100px;
  max-height:250px;

}


// #placeModal .dataTables_scroll{
// 	margin-top: 2px;
//   height: calc(100vh - 380px);
//   overflow-y:auto;
// } 


#placeModal_table_wrapper{
  opacity: 0.9;
  margin-top:-80px;
}    

.img_gradient{
  z-index:11;
    width: 100%;
    height: 70px;
    margin-top: -34px;
    position: relative;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}


#featureModal{
  z-index: 10002;
  overflow: hidden;
}

#placeModal{
 overflow: hidden;
}


.map_active .modal{
   overflow: hidden;
}

.featureModal_forward_backward{
   text-align: left;
   display: none;
 }

 .feature-table{
  color: black;
  background: white;

 }

 body:not(.map_active) .feature-table{
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
 }

 #smallmap{
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
 }

 #oraccdiv{
  resize: vertical;
  height: 400px;
  min-height: 300px;
    overflow-y: scroll;
    background: white;
    padding: 15px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22);
 }

#oraccdiv .h2{
  display: none;
}

#oraccdiv table.transliteration {
    border-spacing: 0px;
    width: 99%;
}

#oraccdiv tr.l {
    vertical-align: baseline;
}

#oraccdiv tr.nonl td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#oraccdiv p.tt {
    margin-left: .75em;
    text-indent: -.75em;
    font-family: Ungkam, "Times New Roman", serif;
}
#oraccdiv td p {
    margin: 0px;
    vertical-align: top;
}

#oraccdiv td.t1 {
    border-left: 1px solid #d8d8d8;
    padding-left: .5em;
    padding-right: 1em;
}

#oraccdiv td.lnum{
  width: 5%;
    padding-right: 1em;
    color: #777;
    text-align: right;
}

#oraccdiv span.noncl {
    color: #777;
}

#oraccdiv td.tlit{
  width: 45%;
  padding-right: 10px;
}
#oraccdiv td.xtr{
  width: 50%;
  padding-left: 10px;
}

#oraccdiv tr.h td {
    display: none;
}

#oraccdiv span.xlabel {
    font-family: arial,sans-serif;
    font-size: 70%;
}

#oraccdiv span.lnum{
  display: none;
}

#oraccdiv span.xtr-label {
    font-weight: normal;
    font-size: 8pt;
    color: gray;
    vertical-align: super;
}
#oraccdiv .akk {
  font-style: italic;
}

#oraccdiv span.div {
    display: none;
}


.orraccredits{
    margin-bottom: 0px;
    font-size: 12px;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}

 .feature-table tbody th{
   color: rgba(0, 98, 202, 0.65);
   font-weight: normal;
 }

#addInfoModal{
  z-index: 10002;
}

 .marker-cluster span{
    font-size: 10px;
    font-family: 'Quicksand', sans-serif;
    // font-weight: bold;
 }


.marker-cluster:hover {
background: rgba(62, 184, 255, 0.72);
}

 .marker-cluster div{

}

.marker-cluster-large {
background-color:rgba(115, 202, 253, 0.72);

}

.marker-cluster-large div {
background-color:rgba(255, 255, 255, 0.24)

}

.marker-cluster-large div span {

color: rgb(97, 134, 167);
}

.marker-cluster-medium div span {
color: rgb(97, 134, 167);

}

.marker-cluster-small div span {
color: rgb(97, 134, 167);
}

.marker-cluster-medium {
background-color:rgba(115, 202, 253, 0.72);

}

.marker-cluster-medium div {
background-color:rgba(255, 255, 255, 0.24);

}

.marker-cluster-small {
background-color:rgba(115, 202, 253, 0.72);

}

.marker-cluster-small div {
background-color:rgba(255, 255, 255, 0.24);

}

.custompopup .leaflet-popup-content{
    text-align: center;
    font-size: 13px;
    font-family: 'Quicksand', sans-serif;

}

 .table.dt-responsive.custom-table td{
    font-size: 14px;
  }

.dataspan{

    display: inline-block;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    float: left;
    max-width:100%;
}

.dataright{
  float: right !important;
  text-align: left;
}

 
#spinner{
  padding-left: 250px;
}



.backdrop
{
  width: 100%;
  height:100%;
  background: black;
  position: fixed;
  z-index: 1001;
  opacity: 0.45;
}

.backdrop.opc
{
  width: 100%;
  height:100%;
  background: black;
  position: fixed;
  z-index: 1001;
  opacity: 0.0;
}

.spinnerparent
{
border-top-left-radius: 32px;
border-bottom-left-radius: 32px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
width: 182px;
height: 56px;
background: #758999;
position: fixed;
top: 91%;
left: 1%;
z-index: 10001;


}

.spinnertitle
{
left: 61px;
top: 16px;
position: absolute;
color: white;
}

.show_on_map_container{
   position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
     top: 0px;
    right: 0px;
}

.show_on_map.top{
    background-image: url(../images/bgs/triangle_cut.png);
    background-size: cover;
    z-index: 2;
}

.show_on_map.bottom{
    background: black;
    z-index: 1;
    opacity: 1.0;
}

.show_on_map{

    width: 338px;
    height: 137px;
    position: absolute;
    top: -25px;
    right: -116px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: inset 0px -8px 24px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -8px 24px -6px rgba(0,0,0,0.75);
    box-shadow: inset 0px -8px 24px -6px rgba(0,0,0,0.75);
    display: none;
    opacity: 0.8;
}

/*.modal-open .show_on_map{
  right: -116px;
}*/

.page-item.active .page-link {

    background-color: #9bb5cc;
    border-color: #5c88ad;
}

.page-link {
    color: #9bb5cc;
}

.show_on_map.top:hover{
  opacity: 1.0;
  cursor: pointer;
}

.main_data_table #table_wrapper{
  padding-left: 0px;
}

@media screen and (max-width: 767px)  {
  .main_header{
       height: calc(8vh + 20vw);
       min-height: 170px;
       background-size: cover;
  }

  .custom_card{
    border-bottom: 1px solid #a5a5a5;
  }

  #start_container .card_row:last-child .hub_col:last-child .custom_card {
    border-bottom: none;
  }

  .card_left{
  max-width: 150px;
  align-items: center;
  }


.hub_col{
 border-right: 0px !important;
}

  .show_on_map{
    top: -38px;
    right: -132px;
    -moz-transform: rotate(45deg) scale(0.7);
    -o-transform: rotate(45deg)  scale(0.7);
    transform: rotate(45deg) scale(0.7);
  }

}

 @media screen and (max-width: 300px)  {

  .img_gradient{
  	 margin-top: -60px;
  }

}

 @media screen and (min-width: 920px)  {

  .slick-slide img{
      width: 100%;
	}

}

.dataTables_paginate {
	  padding-top: 0.6em !important;
 }


@media screen and (max-width: 500px)  {
  .loading_circle_container{
    width:250px;
    height:250px;
  }

  .loading_logo{
    width:189px;
  }

.version_div {
     bottom: 43px;
    left: 191px;
    font-size: 8px;
  }

}



@media screen and (max-width: 914px) and (min-width: 768px)  {
#filterModal .modal-body .col-sm-4  {width: 32.5%;}
}


@media screen and (max-width: 544px){
		#filterModal .modal-body {font-size:12px;}	
		#filterModal  button {font-size:12px;margin-top: 2px;}	
		#filterModal .form-group  {margin-bottom: 0.5rem;} 
		#filterModal .form-group label{	margin-bottom: .18rem;}
		#filterModal .modal-title{font-size:16px;}

}



@media screen and (max-width: 615px) and (min-width: 544px)  {
	#filterModal .modal-body .col-sm-4  {width: 32.5%;}
	#filterModal  button {font-size:12px;}	
	#filterModal .modal-body {font-size:12px;}	
	#filterModal .modal-title{font-size:16px;}
}

/*@media screen and (max-width: 620px)  {

	.modal-dialog{
		margin:10px;
		position: relative;
        width: auto;
	}
}*/

@media screen and (max-width: 920px) and (min-width: 768px)  {

	#placeModal .modal-dialog{

        width: 730px;
	}
}



@media screen and (max-width: 640px) {

#placeModal .dataTables_wrapper .dataTables_filter {
    margin-top: 0.0em;
}

}


@media screen and (max-width: 991px) and (min-width: 576px)  {

  #filterModal .modal-dialog.modal-lg{
    width: calc(100vw - 20px);
    margin: auto;
    position: relative;
    max-width: 800px;
  }

   #placeModal .modal-dialog.modal-lg{
    width: calc(100vw - 20px);
    margin: auto;
    position: relative;
    max-width: 800px;
  }

    #helpModal .modal-dialog.modal-lg{
    width: calc(100vw - 20px);
    margin: auto;
    position: relative;
    max-width: 800px;
  }

}



@media screen and (min-width: 576px)  {

  .custom_header2{
    font-size:24px;
  }

}

@media screen and (max-width: 575px)  {

  .help_text{
    margin-top: 15px;
  }     
}



@media screen and (max-width: 444px)  {

  .help_row{float: initial;}
  .help_text{margin-top: 15px;}
  .help_left{float:initial; margin-right: 0px;}
  .help_row img{width: 100% !important;}
}


@media screen and (max-width: 472px)  {

  #content_switch{
    font-size: 12px;
  }

  .ctn_btn_container button{
    font-size: 12px;
  }

  #content_switch .custom-control-description{
    margin-top: 3px;
  }

}



@media screen and (max-width: 575px) {

  .card-title{
    font-size: 22px;
  }

  .card-text{
    font-size: 14px;
  }

  .card_img_header{
    width: 130px;
    height: 130px;
  }

}



@media screen and (max-width: 767px) {

  .card_img_header{
    margin-bottom: 10px;
  }

  .my_collapse{display:none;}
  .menu_symbol{display:block;}
  .modal .dataTables_scrollBody table{
    font-size:12px;
  }

    .modal .dataTables_scrollHead th{
    font-size:14px;
  }

  .modal .dataTables_paginate{
    font-size:12px;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button{
        padding: 0.1em 0.2em;
        margin-left:0px;
  }

  /*.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{

    text-align: right;

  }*/

    #placeModal_table_previous{
    margin-left:-10px;
    margin-right:3px;
  }

  #placeModal_table_next{
        margin-right: 5px;
  }

  #featureModal .modal-title{
    font-size:16px;
  }

  #featureModal .modal-body{
    font-size:12px;
  }

  #featureModal .modal-footer button{
    font-size:14px;
  }

  .table.dt-responsive.custom-table td{
    font-size: 11px;
  }

.main_data_table #table_wrapper{
  padding-right: 0px;
}

}



@media screen and (max-width: 707px) {

   .table_manager .length_el{
   padding-left: 5px;
  }



   .container.filter_container
  {
  padding-right: 25px;
  }

}

@media screen and (max-width: 545px) {
.table_manager .length_el{
  padding-left: 0px;

}

.table_manager .search_label input {
      margin-left: -1px !important;

}

}

@media screen and (max-width: 694px) {
  .search_label input{
    margin-left: 0px !important;
 }
}

@media screen and (max-width: 449px) {

 .card-title{
    font-size: 20px;
  }

.card_left {
  max-width: 85px;
}

.card_img_header{  
     width: 85px;
     height: 85px;
}

.table_manager .nav-link{
  font-size: 10px;
}

.table_manager .search_label{
   font-size: 10px;
   min-width: initial;
}

.table_manager .search_label input {
  width: 105px !important;
}


}

@media screen and (max-width: 364px) {

   .main_data_table .pagination{
    font-size: 12px;
   }

 }

@media screen and (max-height: 550px) {

   .signum_container{
    display: none !important;
  }

 }