/* This CSS allows the footer to be always at bottom */

/*---------------------------------------*/
/*              BASE                     */
/*---------------------------------------*/

html {
  -ms-text-size-adjust: 100%; /* 2 */
  /* -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    font-family: Arial,sans-serif;
    margin:0;
    padding:0;
    font-size:110%;
    line-height: 1.0em;
}

a:link {text-decoration: None;}
figcaption { font-size: 90%;}

.btn_selector {
    padding: 0 3px;
    margin: 0 2px;
    color:white;
}

.icon {
    height: 18px;
    width: 18px;
    margin-left: 6px;
    margin-right:6px;
}

/*---------------------------------------*/
/*              LAYOUT                   */
/*---------------------------------------*/

header {
    background-color:#667292;
    border-top:1px solid #0f0f0f;
    border-bottom:1px solid #0f0f0f;
    color: white;
}

.navbar--color {
    background-color: #efefef;
}

.navbar--color a {
    color:black;
}

.content {
    margin-top: 40px;
    min-height: 600px;
}
#page-container {
  position: relative;
  min-height: 105vh;
  padding-bottom: 6.5rem;
}

#footer {

  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.5rem;            /* Footer height */
    background-color:#dfdfdf;
    font-size:80%;
    text-align:center;
    padding-top: 2em;
}

span.hoverimage { visibility: hidden; }
div:hover > span.hoverimage { visibility: visible; }

.btn-mini {
    line-height:14px;
    font-weight:800;
}
.btn-xs {
  padding: .2rem .2rem;
  font-size: .750rem;
  line-height: 1;
  border-radius: .2rem;
}

/*---------------------------------------*/
/*              MODULE                   */
/*---------------------------------------*/

.page-title {
    line-height: 2.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.75rem;
    border-bottom:1px solid #bab7b6;
    margin-bottom: 3rem;
}

.container_3_columns {
    column-width: 280px;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.container_5_columns {
  column-width: auto;
  -webkit-column-count: 5; /* Chrome, Safari, Opera */
  -moz-column-count: 5; /* Firefox */
  column-count: 5;
}

@media (max-width: 600px) {
  .container_reclist {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}


@media (max-width: 600px) {
  .container_patronyme {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

/*---------------------------------------*/
/*              ETAT                   */
/*---------------------------------------*/


.link { margin-left: 1rem;}
.selector > li { padding-top:15px; display:inline; float:right; }

.toolclass { display:None; }

#map {height:500px; width:100%; overflow:hidden; }
#map_xl {height:700px; width:100%; overflow:hidden; }
#show_data { font-size:80%;}
#show_data_xl { height: 800px; overflow-y: scroll; font-size:80%;}

@media screen and (max-width: 600px) {
    body { font-size: 100%;}
    h1 { font-size: 120%;}
    header h1 { padding-top: 10px; padding-left:10px; }
    .navbar-color { background-color:#667292; border-top:1px solid #0f0f0f; border-bottom:1px solid #0f0f0f;
        padding-top: 10px; padding-left: 10px; }
    .content { min-height: 300px; }
}

select[data-autocomplete-light-function="select2"] { padding: 20px; }
.inline {display:inline; }
.genbox {width:180px; height: 200px; position:relative; border:1px black solid;float:left; margin-right:15px;}
.genbox-2 {width:180px; height: 200px; position:relative; border:1px black solid;float:left; margin-left:150px;}
.gentree {width: 1600px; border:1px black solid;}