html,body {
   font-family: 'Open Sans', sans-serif;
   height:100%;
   margin:0;
   padding:0;
   top:0;
   width:100%;
}

h1{
   margin-bottom: 10px;
}

h1 img{
   width: .9em;
   position: relative;
   top:1px;
   margin-right: 5px;
}

h4{
   color:grey;
   font-weight: normal;
   margin-top: 0;
   margin-left: auto;
   margin-right: auto;
}

.divider{
   display: block;
   border-bottom: 1px solid #ededed;
   margin: 20px auto;
   width: 80%;
}

/*z-header section*/
#header {
   background-color:#fff;
   position:fixed;
   top:0;
   width:100%;
   z-index:20;
}

#header_container {
   border-bottom:1px solid #ededed;
   height:40px;
   margin:auto;
   vertical-align:middle;
   width:95%;
}

#header_title {
   text-align:left;
   width:40%;
}

#header_title a {
   display: inline-block;
   cursor:pointer;
   line-height: 1.5em;
   font-family: 'Roboto Slab', serif;
   font-size:1.5em;
   font-weight:700;
   text-decoration: none;
   color: black;
}

#header_login {
   padding-right:15px;
   text-align:right;
   width:auto;
   font-size: 1em;
}

#header_login_console_opener {
   background-color:#4CAF50;
   color:#fff;
   cursor:pointer;
   font-weight: 600;
   text-align:center;
   width:150px;
}

#header_login_console_opener:hover{
   background-color: #43A047;
}

#login_console {
   -moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.3);
   -webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.3);
   -webkit-transition:all .3s ease;
   background-color:#fff;
   border:1px solid #f2f2f2;
   border-top:none;
   box-shadow:0 5px 5px 0 rgba(0,0,0,0.3);
   box-sizing:border-box;
   margin-top:-520px;
   padding-bottom:40px;
   position:absolute;
   right:2.5%;
   text-align:center;
   transition:all .3s ease;
   width:280px;
}

#login_console_top {
   display:block;
   margin-bottom:20px;
   text-align:right;
   width:100%;
}

#login_console_close {
   cursor:pointer;
   margin-right:5px;
   margin-top:5px;
   width:15px;
}

.login_console_input {
   background:#f2f2f2;
   border:0;
   box-sizing:border-box;
   font-size:12px;
   margin:0 0 10px;
   outline:0;
   padding:10px;
   width:80%;
}

.login_console_button {
   -webkit-transition:all 0.3 ease;
   background-color:#4CAF50;
   border:0;
   color:#fff;
   cursor:pointer;
   display:block;
   font-size:14px;
   font-weight: 600;
   margin:auto;
   outline:0;
   padding:10px;
   transition:all 0.3 ease;
   width:80%;
}

.login_console_button:hover,.login_console_button:active,.login_console_button:focus {
   background:#48A84B;
}

#login_console_message {
   color:#b3b3b3;
   display:block;
   font-size:.7em;
   margin-top:10px;
}

#login_console_message_signin,#login_console_message_login,#login_console_login_button {
   color:#4CAF50;
   cursor:pointer;
}

#login_console_result {
   color:#CE4332;
   font-size:.7em;
}

#login_console_divider {
   border-bottom:1px solid #f2f2f2;
   display:block;
   margin:30px auto;
   width:80%;
}

#login_console_social {
   margin:auto;
   width:80%;
}

#login_console_social img {
   cursor:pointer;
   display:block;
   margin:10px auto auto;
   width:80%;
}

#header_login_social {
   text-align:right;
   width:30%;
}

#header_login_social img {
   box-sizing:border-box;
   cursor:pointer;
   display:inline-block;
   height:auto;
   padding:0 .5%;
   vertical-align:bottom;
   width:50%;
}

#header_login_logged {
   font-weight:700;
   padding-right:15px;
   text-align:right;
}

#header_addmenu {
   background-color:#4CAF50;
   color:#fff;
   cursor:pointer;
   font-weight:600;
   text-align:center;
   width:130px;
}

#header_addmenu:hover{
   background-color: #48A84B;
}

#header_collections {
   background-color:#FBBC05;
   color:#fff;
   cursor:pointer;
   font-weight:600;
   text-align:center;
   width:130px;
}

#header_collections:hover{
   background-color: #E7AF17;
}

#header_logout {
   background-color:#E53F39;
   color:#fff;
   cursor:pointer;
   font-size:.8em;
   font-weight:600;
   text-align:center;
   width:70px;
}

#header_logout:hover{
   background-color: #D53833;
}

#header_logout a {
   color:#fff;
   text-decoration:none;
}

#add_console {
   -moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.3);
   -webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.3);
   -webkit-transition:all .3s ease;
   background-color:#fff;
   border:1px solid #f2f2f2;
   border-top:none;
   box-shadow:0 5px 5px 0 rgba(0,0,0,0.3);
   box-sizing:border-box;
   margin-top:-520px;
   padding-bottom:40px;
   position:absolute;
   right:2.5%;
   text-align:center;
   transition:all .3s ease;
   width:342px;
}

#add_console_top {
   display:block;
   margin-bottom:20px;
   text-align:right;
   width:100%;
}

#add_console_close {
   cursor:pointer;
   margin-right:5px;
   margin-top:5px;
   width:15px;
}

#add_console_message {
   color:#b3b3b3;
   display:block;
   font-size:.7em;
   margin-bottom:10px;
}

.add_console_button {
   -webkit-transition:all 0.3 ease;
   background-color:#4CAF50;
   border:0;
   color:#FFF;
   cursor:pointer;
   display:block;
   font-family:Roboto, sans-serif;
   font-size:14px;
   margin:auto auto 10px;
   outline:0;
   padding:10px;
   transition:all 0.3 ease;
   width:80%;
}

.add_console_button:hover,.add_console_button:active,.add_console_button:focus {
   background:#48A84B;
}

#add_console .divider{
   display: block;
   width: 80%;
   margin:20px auto;
   border-bottom: 1px solid #f2f2f2;
}

#adding_menu {
   border-bottom:1px solid #f2f2f2;
   border-collapse:collapse;
   height:25px;
   margin:auto;
   max-width:1500px;
   table-layout:fixed;
   width:70%;
   z-index:100;
}

#adding_menu td {
   font-size:.8em;
   text-align:center;
}

#adding_menu td a {
   color:#333;
}

.divider {
   border-bottom:1px solid #e5e5e5;
   margin:30px auto;
   width:500px;
}

.big_divider {
   border-bottom:1px solid #ededed;
   display:block;
   margin:50px auto;
   width:900px;
}

h2 {
   display:block;
   margin:0 0 20px;
}

.content {
   align-items:center;
   display:flex;
   height:100vh;
   justify-content:center;
   margin:auto;
   text-align:center;
   width:100%;
}

/*z-main console section*/
#main_title{
   font-family: 'Roboto Slab', serif;
   font-size: 3.5em;
   font-weight: bold;
   margin-top: 0;
}

#main_subtitle{
   font-weight: 600;
   font-size: 1.4em;
}

#main_subtitle img {
   position: relative;
   top: 1px;
   margin-right:5px;
   width:.8em;
}

#search_text {
   -webkit-transition:all .3s ease;
   align-items:center;
   background-color:#f2f2f2;
   border:none;
   box-sizing: border-box;
   display:block;
   font-size:2em;
   font-weight: lighter;
   height:55px;
   justify-content:center;
   margin:auto auto 20px;
   outline:0;
   padding:10px;
   text-align:center;
   width:600px;
}

input::-webkit-calendar-picker-indicator {
	display: none;
}

label {
   background-color:#8CC5D8;
   cursor:pointer;
   display:inline-block;
   margin: 0 2px 20px;
   padding:10px 25px;
   width:60px;
   font-weight: 600;
}

label:hover {
   background-color:#78B5C9;
}

input[type=radio] {
   display:none;
}

input[type=radio]:checked + label {
   background-color:#0F546D;
   color:#fff;
}

#search_button {
   background-color:#FBBC05;
   cursor:pointer;
   font-weight:700;
   margin:auto auto 10px;
   padding:10px 0;
   width:200px;
}

#search_button:hover,#search_button:active,#search_button:focus {
   background:#E7AF17;
}

#info-tutorial_container{
   display: block;
   margin: 0 auto;
   line-height: .85em;
   vertical-align: middle;
}

.main_bottom_icons{
   position: relative;
   top:2px;
   right: -1px;
   display: inline-block;
   height: .85em;
}

#search_general_button, #header_info, #header_tutorial{
   display: inline-block;
   margin: 0 5px;
   cursor: pointer;
   font-size:.85em;
   line-height: .85em;
}

/*z-input section*/
#input_message {
   display:block;
   text-align:center;
   width:100%;
}

#input_message_add {
   color:#4CAF50;
   cursor:pointer;
}

#section2 .content {
   box-sizing:border-box;
}

#data_input {
   max-width:700px;
   width:70%;
}

#data_input #input_title {
   margin-bottom:5px;
}

#data_input #input_subtitle{
   font-size: 0.9em;
}

#data_input div#check_wiki,#data_input div#check_viaf,#data_input div#check_geonames {
   background-color:#8CC5D8;
   cursor:pointer;
   display:inline-block;
   font-size:.8em;
   margin:auto auto 20px;
   padding:10px 0;
   width:170px;
   font-weight: 600;
}

#data_input div#check_wiki:hover,#data_input div#check_viaf:hover,#data_input div#check_geonames:hover {
   background-color:#78B5C9;
}

#data_input div {
   font-size:.8em;
   margin-bottom:10px;
   width:100%;
}

#data_input div.label {
   margin-bottom:0;
}

#data_input div span {
   border:none;
   box-sizing:border-box;
   color:#b5b5b5;
   display:inline-block;
   height:auto;
   margin:0 1px;
   outline:none;
   text-align:left;
   vertical-align:bottom;
   width:30%;
}

#data_input div span.fullspan {
   width:100%;
}

#data_input div span.halfspan {
   width:20%;
}

#data_input div span.midspan {
   width:49.5%;
}

#data_input div span#stillalive {
   width:auto;
}

#data_input div input {
   border:none;
   border-bottom:1px solid grey;
   box-sizing:border-box;
   display:inline-block;
   height:25px;
   margin:0 1px;
   outline:none;
   width:30%;
}

#data_input div input.input_fullwidth {
   width:100%;
}

#data_input div input.input_halfwidth {
   width:20%;
}

#data_input div input.input_midwidth {
   width:49.5%;
}

#data_input div#sa_container {
   display:table-cell;
   width:100%;
}

#data_input div input#input_stillalive {
   border:none;
   border-bottom:1px solid grey;
   box-sizing:border-box;
   display:inline-block;
   height:16px;
   margin:0;
   outline:none;
   vertical-align:bottom;
   width:16px;
}

#data_input div input#input_author {
   height:25px;
   width:30%;
}

#data_input div #input_type {
   height:20px;
   outline:none;
   vertical-align:bottom;
   width:30%;
}

#data_input div #input_bio {
   border:none;
   border-bottom:1px solid grey;
   box-sizing:border-box;
   display:block;
   height:60px;
   outline:none;
   resize:none;
   width:100%;
}

#data_input div#input_send {
   background-color:#FBBC05;
   cursor:pointer;
   font-size:1em;
   font-weight:700;
   margin:15px auto auto;
   padding:10px 0;
   width:250px;
}

#data_input div#input_send:hover {
   background:#E7AF17;
}

#data_input div#input_update,#data_input div#input_cancel {
   background-color:#FBBC05;
   cursor:pointer;
   display:inline-block;
   font-size:1em;
   font-weight:700;
   margin:0 5px;
   padding:10px 0;
   width:150px;
}

#data_input div#input_cancel {
   background-color:#f4f4f4;
}

#data_input div#input_remove {
   background-color:#D50F25;
   color:#fff;
}

#popup_container {
   align-items:center;
   display:flex;
   height:100vh;
   justify-content:center;
   position:absolute;
   text-align:center;
   top:0;
   width:100vw;
   z-index:100;
}

#popup {
   -moz-box-shadow:0 5px 17px 0 rgba(0,0,0,0.45);
   -webkit-box-shadow:0 5px 17px 0 rgba(0,0,0,0.45);
   background-color:#fff;
   box-shadow:0 5px 17px 0 rgba(0,0,0,0.45);
   display:block;
   margin:auto;
   padding:60px;
   text-align:center;
   border:1px solid #4d4d4d;
}

#popup #loading {
   -webkit-animation: spin 1.7s linear infinite;
   animation: spin 1.7s linear infinite;
   display:block;
   height:120px;
   padding:10px 30px;
   width:120px;
   box-sizing: border-box;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#popup span {
   display:block;
   font-size:1.2em;
   font-weight:600;
   margin-bottom:20px;
}

#popup_viaf{
   font-style: italic;
   font-size: .8em;
   color: #4d4d4d;
   margin-top: -10px;
   margin-bottom: 10px;
}

.popup_button {
   background-color:#FBBC05;
   cursor:pointer;
   display:inline-block;
   font-size:.8em;
   font-weight:700;
   margin:auto;
   padding:10px 0;
   width:120px;
}

.popup_button:hover{
   background-color: #E7AF17;
}

#popup_view {
   background-color:#4CAF50;
   color:#fff;
   margin-right:5px;
}

#popup_view:hover, #popup_yes:hover{
   background-color: #48A84B;
}

#popup_yes {
   background-color:#4CAF50;
   color:#fff;
}

#popup_no {
   background-color:#E53F39;
   color:#fff;
   margin-left:5px;
}

#popup_no:hover{
   background-color: #D53833;
}

.internal_slider {
   height:100%;
   overflow:auto;
   padding-top:50px;
   width:100%;
}

#result_title {
   margin:auto auto 30px;
   width:700px;
}

.result_subtitle {
   -webkit-transition:all .3s ease;
   background-color:#FBBC05;
   box-sizing:border-box;
   cursor:pointer;
   font-size:1.3em;
   margin:20px auto 0;
   transition:all .3s ease;
   width:40vw;
}

.result_subtitleDB {
   -webkit-transition:all .3s ease;
   background-color:#c9b888;
   box-sizing:border-box;
   cursor:pointer;
   font-size:1.3em;
   margin:20px auto 0;
   transition:all .3s ease;
   width:40vw;
}

.result_subtitle_fw {
   width:80vw;
}

.result_placetitle {
   font-size:1em;
}

.add_place {
   cursor:pointer;
   text-decoration:underline;
}

.result_header {
   background-color:#FBBC05;
   border:1px solid grey;
   box-sizing:border-box;
}

.result_title {
   display:inline-block;
   font-size:1.8em;
   font-weight:700;
   text-align:left;
   width:85%;
}

.result_title.person {
   color:#FBBC05;
}

.result_title.place {
   color:#50aaac;
}

.result_title.cho {
   color:#00B241;
   font-size:1.3em;
}

.result_data {
   border:1px solid #dcdcdc;
}

.result_name {
   font-size:1.5em;
   font-weight:bolder;
}

.result_row_height {
   height:30px;
}

.result_row_height td {
   width:100%;
}

.result_links a {
   color:grey;
   text-decoration:none;
}

.result_divider {
   border-bottom:1px solid #ededed;
   display:block;
   margin:20px 0;
   text-align:center;
   width:100%;
}

.result_divider span {
   border-bottom:1px solid #dcdcdc;
   display:block;
   margin:auto;
   width:300px;
}

#add_element_confirm,#add_element_cancel {
   cursor:pointer;
   margin-left:5px;
   width:1em;
}

/*Collections section*/
#collections_container {
   border-collapse:collapse;
   margin:auto;
   width:600px;
}

#collections_container .collection {
   -webkit-transition:all .3s ease;
   border-bottom:1px solid #ededed;
   font-size:1.1em;
   height:40px;
   text-align:left;
   transition:all .3s ease;
}

#collections_container .collection td {
   -webkit-transition:all .3s ease;
   transition:all .3s ease;
}

.collection_name{
   padding-left: 5px;
}

.collection_button {
   text-align:center;
}

.collection_button img {
   cursor:pointer;
   width:18px;
}

#collection_button_export{
   color: grey;
   font-size: 13px;
}

#collection_button_export span {
   color: #00B241;
   cursor: pointer;
}

#collections_container .collection:hover {
   background-color:#fff5c6;
}

#collections_container #new_collection {
   -webkit-transition:all .3s ease;
   color:#b3b3b3;
   cursor:pointer;
   font-size:1.1em;
   font-style:italic;
   font-weight: lighter;
   height:40px;
   text-align:left;
   transition:all .3s ease;
}

#collections_container #new_collection:hover {
   background-color:#fff5c6;
}

#collections_container #new_collection img {
   width:15px;
}

#collections_container #new_collection_title {
   font-weight:700;
   text-align:left;
}

#collections_container #new_collection_row {
   -webkit-transition:all .3s ease;
   font-size:1.1em;
   height:40px;
   text-align:left;
   transition:all .3s ease;
}

#new_collection_name input {
   font-family:Lato, sans-serif;
   font-size:.8em;
   height:20px;
   outline:none;
   text-align:left;
   width:90%;
   z-index:10;
}

#new_collection_create,#new_collection_cancel {
   z-index:10;
}

#coll_subtitle{
   font-size: 1.2em;
}

/*s Database Section*/
#DB_subtitle{
   color:#b3b3b3;
   font-weight: normal;
}

#DB_subtitle img{
   width: 1em;
}

#DB_subtitle span {
   color: #00B241;
   cursor: pointer;
}

.DB_type{
   display: block;
   -webkit-transition:all .3s ease;
   background-color:#FBBC05;
   cursor:pointer;
   font-size:1.3em;
   padding: 5px 0;
   margin:20px auto 0;
   transition:all .3s ease;
   width:600px;
   font-weight: bold;
}

.DB_type_fade{
   display: block;
   -webkit-transition:all .3s ease;
   background-color:#f7df9e;
   cursor:pointer;
   font-size:1.3em;
   padding: 5px 0;
   margin:20px auto 0;
   transition:all .3s ease;
   width:600px;
   font-weight: bold;
}

.DB_type_fw{
   width: 80vw;
}

.DB_arrow {
   -webkit-transition:all .3s ease;
   float:right;
   height:.8em;
   padding:.2em;
   transition:all .3s ease;
}

.rotate {
   -ms-transform:rotate(90deg);
   -webkit-transform:rotate(90deg);
   transform:rotate(90deg);
}

.DB_records_container {
   -webkit-transition:all .3s ease;
   border-collapse:collapse;
   font-size:.8em;
   margin:auto auto 30px;
   text-align:left;
   transition:all .3s ease;
   width:80vw;
   border-bottom: 2px solid #4d4d4d;
}

.DB_records_container thead {
   border-bottom: 2px solid #4d4d4d;
   background-color: #f2f2f2;
   font-size:1.2em;
   font-weight:600;
}

.DB_records_container tr {
   -webkit-transition:all .3s ease;
   border-bottom:1px solid #ededed;
   height:45px;
   transition:all .3s ease;
}

.DB_records_container tr td {
   padding:0 5px;
}

.DB_records_container tbody tr:hover {
   background-color:#FEF2D1;
}

.DB_records_container .view_record, .DB_records_container .remove_record, .DB_records_container .add_record {
   cursor:pointer;
   width:15px;
}

.DB_records_container #remove_record_confirm {
   cursor:pointer;
   margin-right:10px;
   width:15px;
}

.DB_records_container #remove_record_cancel {
   cursor:pointer;
   width:15px;
}

.DB_records_container td.centered {
   text-align:center;
}

/*z-result section*/

#result_main_subtitle{
   margin-bottom: 60px;
}

#result_assoc_subtitle{
   margin-bottom: 60px;
}

.result_main_title {
   color:#FBBC05;
   display:block;
   margin:auto auto 30px;
   text-decoration:underline;
   width:700px;
}

.result_content {
   box-sizing:border-box;
   display:block;
   height:auto;
   margin:auto auto 50px;
   width:800px;
}

.result_column1 {
   box-sizing:border-box;
   display:inline-block;
   float:left;
   height:100%;
   padding-right:20px;
   text-align:right;
   top:0;
   width:40%;
}

.result_column2 {
   border-left:1px solid #ededed;
   box-sizing:border-box;
   display:inline-block;
   height:100%;
   padding-left:20px;
   text-align:left;
   width:60%;
}

.result_image {
   display:block;
   margin:auto auto 20px;
   width:90%;
}

.result_edit {
   box-sizing:border-box;
   display:inline-block;
   text-align:right;
   width:15%;
}

.result_modify,.result_delete {
   cursor:pointer;
   margin-left:5px;
   width:20px;
}

.result_modify {
   border-left:1px solid #ededed;
   padding-left:5px;
}

.result_sub {
   display:block;
   font-size:1.1em;
   font-weight:700;
   margin-bottom:10px;
   text-align:left;
   text-decoration:underline;
}

.result_sub2 {
   display:block;
   font-size:1.1em;
   font-weight:700;
   margin-bottom:10px;
   text-align:right;
   text-decoration:underline;
}

.result_bio {
   font-size:.7em;
   text-align:justify;
}

.result_links {
   margin:0;
   padding:0 20px;
}

.result_collection {
   margin:0;
   padding:0 20px;
}

.result_collection_add {
   color:grey;
   cursor:pointer;
   list-style-image:url(imgs/add.svg);
}

.result_collection_add select {
   font-family:Lato, sans-serif;
   margin:0 10px 0 0;
   width:300px;
}

.result_collection_add img {
   display:inline-block;
   margin-right:5px;
   vertical-align:middle;
   width:15px;
}

.result_min {
   cursor:pointer;
   display:inline-block;
   margin:0 0 10px 10px;
   width:90px;
}

.result_min img {
   border-radius:100%;
   display:block;
   height:90px;
   object-fit:cover;
   width:90px;
}

.result_min span {
   display:block;
   font-size:.8em;
   text-align:center;
   width:100%;
}

.result_nores {
   display:block;
   font-size:.8em;
   margin-bottom:5px;
}

.result_nores_add {
   color:grey;
   cursor:pointer;
   text-decoration:none;
}

.result_delete_message {
   color:red;
   font-size:.55em;
}

#result_delete_confirm,#result_delete_cancel {
   cursor:pointer;
   margin-left:5px;
   vertical-align:middle;
   width:15px;
}

.result_deleted_message {
   color:red;
   font-size:1em;
   font-weight:700;
   text-align:center;
   width:100%;
}

.result_content .map {
   border:2px solid #b5b5b5;
   box-sizing:border-box;
   display:block;
   height:200px;
   width:100%;
}

#result_association {
   display:block;
}

#section2_container h4{
   width: 800px;
}

#import_img{
   position: relative;
   top: 0.5px;
   width: .8em;
   margin-right: 5px;
}

#import_instructions{
   text-align: center;
   margin: 0 auto 20px;
   max-width: 900px;
}

#import_instructions li{
   text-align: left;
}

#import_example{
   width: 600px;
   line-height: 20px;
   outline: none;
}

#import_select{
   outline: none;
   height: 20px;
   margin-right: 10px;
}

#import_type{
   width: 300px;
   font-size: 0.8em;
   outline: none;
   border-radius: 0;
   font-family: 'Open Sans', sans-serif;
   text-align: center;
}

fieldset{
   max-width: 800px;
   margin: 20px auto;
   text-align: center;
   border-color: #ededed;
}

#import_csv_container{
   border: 2px solid #4d4d4d;
   max-width: 90vw;
   max-height: 400px;
   overflow: scroll;
}

#import_csv_table{
   font-size: 0.6em;
   border-collapse: collapse;
}

#import_csv_table tbody tr:first-child{
   background-color: #ededed;
}

#import_csv_table td{
   padding: 5px;
   border: 1px solid #4d4d4d;
}

#import_csv_table .long_text{
   width: 400px;
   height: 40px;
   resize: none;
   outline: none;
}

#import_result_title{
   margin-top: 40px;
   display: inline-block;
   vertical-align: middle;
}

#import_confirm, #import_cancel{
   display: inline-block;
   width: 18px;
   margin-left: 10px;
   cursor: pointer;
   vertical-align: middle;
   position: relative;
   top: 10px;
}

#import_result{
   font-size: 0.8em;
   border-collapse: collapse;
   width: 100%;
   margin: auto;
}

#import_result tr{
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #939393;
}

#import_result td{
   padding: 2px;
}

#import_result tr.success{
   background-color: #CEE9CF;
}
#import_result tr.duplicate{
   background-color: #FDECBA;
}
#import_result tr.error{
   background-color: #F7CAC9;
}

#credits ul{
   list-style-type: none;
   margin: auto;
   padding: 0;
   margin-bottom: 40px;
}

#credits ul li {
    display: inline-block;
    border: 1px solid #ededed;
    box-sizing: border-box;
    padding: 8px;
    margin: 0 5px;
}

#credits a {
   color: black;
}

#credits_me{
   display: block;
   margin: auto;
   text-align: center;
   margin: 40px auto;
}

#credits_me img{
   width: 150px;
   border-radius: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
}

#credits_me_text{
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
   text-align: left;
   border-left: 1px solid #ededed;
   padding-left: 10px;
}

#credits_thanks {
   margin-bottom: 40px;
}

@media screen and (max-width: 1400px), screen and (max-height: 980px){

   #header_title a {
      font-size: 1.35em;
      line-height: 1.35em;
   }

   #header_addmenu, #header_collections {
      font-size: 0.9em;
      width: 120px;
   }

   #main_title{
      font-size: 2.9em;
   }

   #main_subtitle {
      font-size: 1.2em;
   }

   #search_text {
      font-size: 1.5em;
      width: 450px;
      padding: 5px;
      height: 50px;
   }

   label {
      padding: 8px 23px;
   }

   #search_button {
      width: 150px;
   }

   #search_general_button, #header_info, #header_tutorial {
      font-size: .75em;
      line-height: .75em;
   }

   #data_input{
      position: relative;
      top: 10px;
   }

   #credits p, #credits li {
      font-size: 0.8em;
   }

   #credits_me {
      margin: 30px auto;
   }

   #credits_me img {
      width: 120px;
   }

   #credits_thanks {
      margin-bottom: 30px;
   }

   #credits ul{
      margin-bottom: 30px;
   }

   .import_section h1{
      margin-top: 0;
   }

   .import_section h4 {
      margin-bottom: 15px;
   }

   .import_section p {
      margin-top: 10px;
      margin-bottom: 10px;
   }

   #import_instructions {
      font-size: .8em;
      margin-bottom: 10px;
   }

   #import_example {
      line-height: 1em;
      font-size: .8em;
   }

   .import_section .divider {
      margin-top: 15px;
      margin-bottom: 15px;
   }

   #import_csv_container{
      max-height: 200px;
   }

   #import_result_title{
      margin-top: 15px;
   }

   #import_confirm, #import_cancel {
      top: 2px;
   }

}