#map {
       width: 100%;
       height: 100%;
       margin: 0;
       padding: 10px 0 0 0;
       display: flex;
   }
   .leftContainer {
       width: 67%;
   }
   .rightContainer {
       width: 33%;
   }
   .rightContainer .descr_text {
       position: relative;
       top: 5%;
   }
   .descr_text p {}
   .exportButtons {
       margin: 12px 0 5px 0;
       display: flex;
       justify-content: center;
   }
   #shares {
       display: flex;
       justify-content: center;
   }
   .mainContainer {
       height: auto;
       display: flex;
   }
   #accordion {
       max-height: 1000px;
   }
   #accordion table {
       font-size: 1em;
   }
   #accordion .ui-draggable,
   #accordion .ui-droppable {
       background-position: top;
   }
   .accordion {
       margin-right: 3%;
   }
   .ui-accordion {
       margin-right: 0;
   }
   .ui-accordion .ui-accordion-content {
       max-height: 300px;
       /* font-size: 11px !important;*/
       font-weight: 300;
       color: #5d5d5d !important;
       letter-spacing: 0px;
       padding-top: 5px;
   }
   .ui-accordion-header:active,
   .ui-accordion-header:focus,
   button:active,
   button:focus {
       outline: 0 !important;
   }
   .accordionContainer {
       padding: 0 0 0 0;
       margin: 0;
       overflow: hidden;
       /* height: 100%;*/
       margin: 2% 0 2% 0;
   }
   p.accord_text {
       font-family: "Helvetica Neue", "Helvetica", "Varela Round", "Arial", sans-serif !important;
   }
   hr.accordLine {
       margin: 0;
       padding: 0;
       background-color: #BDBCBC;
       height: 1px;
   }
   .ui-accordion .ui-accordion-header {
       /* font-size: 14px !important;*/
       font-weight: 300;
       color: #504f4f;
       font-family: "Helvetica Neue", "Helvetica", "Varela Round", "Arial", sans-serif !important;
       letter-spacing: 1px;
       padding: 5px 15px;
       line-height: 20px;
       border: 1px solid #ddd;
       margin-bottom: -1px;
   }
   .upper-left-container {
       padding: 0 !important;
   }
   .upper-right-container {
       padding-right: 10px !important;
   }
   #inputForm {
       margin-left: 15px;
       margin-right: 15px;
   }

   textarea:focus,
   input:focus {
       outline: none;
   }
   .btn {
       background-color: #238EBC;
       color: #fff;
   }
   
   .btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
   .btn-labeled {padding-top: 0;padding-bottom: 0;}
   .btn { margin-bottom:10px; }

    .timeline-body > .btn:hover {
        background-color: #fff;
        color: #238EBC;
    }
   
   .map_wrapper {
       width: 100%;
   }
   .visibility-map .well h3,
   h2,
   h1,
   h4,
   h5 {
       margin-top: 0px;
   }
   .visibility-main {
       display: none;
   }
   .visibility-map {
       display: none;
   }
   .row.visibility-map {
       width: 100%;
       margin-right: auto;
       margin-left: auto;
   }
   svg text {
       font-family: FontAwesome;
   }
   .lower_box {
       display: inline-flex;
       width: 30%;
       min-height: 20px;
       height: auto;
       vertical-align: top;
       background-color: white;
       padding: 5px;
       margin: 5px;
   }
   .lower_box:nth-child(1) {
       margin-left: 0vh;
   }
   .visibility-map {
       display: flex;
   }
   .visibility-map > .well {
       -webkit-box-flex: 1;
       -moz-box-flex: 1;
       -webkit-flex: 1;
       -ms-flex: 1;
       flex: 1;
   }
   .visibility-map > .well:nth-child(1) {
       margin-left: 0vh;
   }
   @media screen and (max-width: 990px) {
       .lower_box {
           display: flex;
           width: 100%;
       }
   }
   .lower_box > img {
       width: 35vh;
       height: 27vh;
   }
   .pluginSkinLight > div {
       width: 100% !important;
   }
   #header > nav > div.collapse.navbar-collapse.navbar-main.navbar-right > ul {
       padding-top: 2px;
   }
   /* Input panel */
   
   .list-search input {
       height: 37px !important;
   }
   #inputForm > button {
       width: auto !important;
       height: auto !important;
       top: 87.5px;
   }
   #inputForm > input {
       margin-top: 50px;
   }
   #inputForm > .list-search button {
       top: 71px !important;
   }
   #surnameSubmit {
       padding: 9px 12px !important;
   }
   /* Fixed panel */
   #header {
       padding: 2px 20px !important;
   }
   .header-nav__logo {
       padding: 0 !important;
       margin-bottom: 0 !important;
   }
   .navbar-brand {
       font-family: 'Fita_Poluustav', serif !important;
       margin-top: 2px!important;
       margin-bottom: 0 !important;
       padding: auto !important;
       height: 40px!important;
   }
   .header-jobs {
       height: 7.5vh !important;
   }
   @media (max-width: 1199px) {
       #inputForm > input {
           margin-top: -35px;
       }
       #inputForm > button {
           top: 2px;
       }
   }
   @media (max-width: 699px) {
       .visibility-map {
           flex-direction: column;
       }
       .visibility-map > div:nth-child(1) {
           order: 3;
       }
       .visibility-map > div:nth-child(2) {
           order: 1;
       }
       .visibility-map > div:nth-child(3) {
           order: 2;
       }
   }
   #header > nav > div.navbar-header > button {
       margin-top: 8px;
   }

.form-control {
    border-color: #238EBC !important;
}

.herb-icon {
    display: inline;
    margin: 0 auto;
    max-height: 50px;
}

.herb-blazon {
    display: inline;
    margin: 0 auto;
    max-height: 100px;
}