.row {
  margin-left: 0px;
  margin-right: 0px;
}

*{ font-family: Lato, "Avant Garde", Ubuntu, sans-serif; }
body{ background-color: #e4e4e4; }
header{ background-color: #910303; color: white; }
header a{ color: white; }
header a:hover{ color: white; text-decoration: none; }
#header_row{ padding: 30px 0 100px; }
#header_authors{ text-align: right }
#header_authors a{ color: #aaa; }
#header_authors a:hover{ text-decoration: underline; }
h1, h2, h3{ margin: 0; padding: 0; }
h2{ font-size: 14pt; font-variant: small-caps; }
#predict_type{ overflow: auto; padding-bottom: 12px; }
#predict_type h3{ display: block; float: left; font-weight: bold; padding: 13px 15px 13px; }
h3{ background-color: #ddd; color: #aaa; }
.predict_type_selected{ background-color: #fff; color: #910303; }
.predict_type_unselected{ cursor: pointer; }
button,input[type=submit]{ text-align: center; border: 0; padding: 5px 5px 8px; }
button:disabled,input[type=submit]:disabled{ opacity: 0.4; }
input[type=submit]{ padding: 7px 9px 10px; }
.emph{ font-weight: bold; color: #910303; }
.fake_a{ cursor: pointer; }
.fake_a:hover{ text-decoration: underline; }

#content{ margin-top: -70px; margin-bottom:30px; }
#content > div{ width: 100%; }
#sidebar{ background-color: #590000; padding: 15px; width: 100%; color: white; }
#sidebar #logo{ text-align: center; }
#sidebar #logo img{ width: 100px; height: 100px; margin: 10px; }
#sidebar .btnlink{ width: 90%;color: #590000; background-color: white; margin: 10px 5%; display: block; padding: 5px 5px 7px; text-align: center;}
#sidebar a{ color: white; text-decoration: none; color: #B34949; }
#sidebar a:hover{ text-decoration: underline; }
#sidebar #logo a{ background-color: #590000; padding: 0; }
#sidebar_container{ padding: 0 5px; margin: 0;}
#moreabout{ text-align: center; color: white; width: 100%; padding: 5px 5px 7px; background-color: #910303; text-decoration: none; display: block; }
#moreabout:hover{ text-decoration: underline; }
#game{ background-color: #039191; text-align: center; color: white; width: 100%; padding: 5px 5px 7px; text-decoration: none; display: block; }
#game a { color: !white; }
#paramdefs_div{ padding: 5px 0 5px 20px; float: right; }
#paramdefs{ border: 0; background-color: #eee; box-shadow: 0 0 5px #aaa; font-size: 9pt; }
#paramdefs th{ font-weight: bold; border-bottom: 3px double black; padding: 5px; }
#paramdefs td{ padding: 5px; }


#main{ padding: 0 5px; }
#userinterface{ width: 100%; background-color: white; }

#predict_type_slha_form{ display: none; }
.coord_selection_info{ margin: 15px 0 25px; }

#userinterface_upload{ width: 100%; }
#upload{ text-align: center; background-color: #fff; padding: 20px 15px; width: 80%; margin: 10px 10%;}
input[type=file]{ margin: 5px auto 0; }
#userinterface_more{ border-top: 1px #aaa solid; border-bottom: 1px #aaa solid; background-color: #ddd; padding: 10px; display: none; }
#userinterface_more div div div{ float: left; }
#userinterface_more div div div:nth-child(1){ font-size: 9pt; }
#coord_selection div{ float: left; }
#coord_selection div div:nth-child(1){ font-size: 9pt; padding-top: 3px; }
#userinterface_more input[type=text]{ background-color: #ddd; border: 0; border-bottom: 1px #aaa solid; color: #333; margin-left: 3%; }
#userinterface_more input[type=text]:focus{ color: #910303; border-bottom: 1px #910303 solid; }

.userinterface_help{ background-color: #039191; padding: 10px 10px 0; display: none; }
.carousel_nav{ padding: 0; }
.carousel_nav .carousel_nav_arrow{ height: 100%; line-height: 100%;  color: #fff; font-size: 20pt; cursor: pointer; display: block; padding: 20px 0; width: 100%; text-align: center; margin-top: 50px; opacity: 0.65; }
.carousel_nav .carousel_nav_arrow:hover{ text-align: center; opacity: 1;}
.carousel_close{ float: right; color: #fff; font-size: 14px; cursor: pointer; padding: 5px 5px 10px 10px; opacity: 0.7; }
.carousel_close:hover{ opacity: 1; }
.carousel_image{ text-align: center; }
.carousel_image img{ margin: 0 auto; background-color: white; max-height: 100%; max-width: 100%; border: 2px #fff solid; }
.carousel_image img.inbackground{ background-color: none; border: 0; }
.carousel_text{ padding: 10px 0 0; }
.carousel_text_header{ font-size: 14pt; color: #fff !important; font-weight: bold; width: 100%; text-align: center; }
.carousel_text { color: #c0e3e3;  } /* #d9d9d9 */
.carousel_text p a, .carousel_text p .fake_a { color: #04cbcb; }
.carousel_text .row > div{ padding-top: 5px; padding-bottom: 5px; }
.carousel_text_glyphicon{ font-size: 18pt; color: #fff; text-align: right; }
.carousel_text_ref{ width: 100%; text-align: center; }
.slick-dots li.slick-active button::before { color: white; }

#autofill_container{ padding: 0 20px; width: 100%;}
#autofill_container > div{ float: right; }
#autofill_container div div{ padding: 7px 12px !important; margin-left: 10px; font-size: 10pt !important; }
#autofill_container .btn_container{ padding: 0 !important; }
#autofill_container .clickable{ cursor: pointer; background-color: #ddd; color: #333; }
#autofill_container .txt{ color: #333; background-color: white; padding-right: 3px !important; }
#autofill_container .coloured{ background-color: #910303; color: white; }
#autofill_container .nomargin{ margin-left: 0; }
#arxiv_explanation{ background-color: #ddd; margin: 10px 0; padding: 25px !important; display: none; }
#arxiv_explanation p{ margin: 0; padding: 0; font-size: 10pt;}


.slider{ width: 100%; margin-top: 5px; }
.coord_selection_box{ width: 100%; }
.coord_selection_value{ color: #bbb; text-align: right; cursor: pointer; padding-top: 3px; }


#coord_selection .coord{ background-color: none; border: 0; border-bottom: 1px #aaa solid; color: #333; }
#coord_selection .coord:focus{ color: #910303; border-bottom: 1px #910303 solid; }
#userinterface_buttons{ text-align: right; padding:  10px; }
#userinterface_buttons > span { padding-right: 10px; color: #910303; font-size: 11pt; }
#userinterface_buttons > button{ padding: 7px 12px 10px; }
#userinterface_buttons > .btn_help{ background-color: #039191; color: #fff; }
.btn_other{ background-color: #ddd; }
.btn_submit{ background-color: #910303; color: white; }

#service_partially_offline{ background-color: #333; color: white; padding: 12px 17px; overflow: auto; }
#service_partially_offline span{ padding: 6px; margin-right: 10px; background-color: #666; color: #fff; }
/* #service_partially_offline .online{ background-color: #1c1; } */


#selects{ padding-top: 25px; overflow: auto; }
.select_type{ margin-top: 10px; color: #333; background-color: #e4e4e4; }
#select_cl{ text-align: right; overflow: auto; margin-left: 30px; float: right; }
#select_cl > *{ float: right; }
input[type=radio]{ display: none; }
label{ padding: 3px 6px 4px; background-color: #d9d9d9; font-weight: normal; color: #aaa; cursor: pointer; }
input[type=radio]:checked+label{ background-color: #910303; color: white; }

#select_main_classifier{ text-align: right; overflow: auto; float: right; }
#select_main_classifier > *{ float: left; }


#upload_file_message, #checking_service{ text-align: center; font-weight: bold; color: #888; background-color: #ddd; padding: 10px;}
#service_offline{ text-align: center; background-color: #333; color: white; font-size: 14pt; padding: 15px; }
#service_offline a{ text-align: center; background-color: white; color: #333; padding: 8px 8px 10px; display: block; width: 200px; margin: 10px auto 6px; }

#colofon div:nth-child(2) { text-align: center; margin-top: 20px; padding-top: 10px; color: #aaa; font-size: 10pt; }




.output{ margin-bottom: 6px; overflow: auto; background-color: white; }
.output:hover{ box-shadow: 2px 2px 5px #999; }
.output_title{ background-color: white; overflow: auto; }
.output_title_icons{ width: 50px; height: 50px; text-align: center; float: left; margin-right: 15px; padding: 15px; }
.output_title_icon{ font-size: 14pt; color: white; }
.output .output_title_icon{ display: none; margin-top: -1px;}
.output_title_data{ color: #333; width: 100%;}
.output_title_filename{ padding: 12px; font-size: 14pt; height: 50px; }
.output_title_filename div{ float: right; font-size: 14pt; }
.output_title_signal_icons{ margin-right: 30px; }
.output_title_signal_icon{ margin-left: 5px; cursor: pointer; color: #ccc; }
.output_title_signal_icon:hover{ color: #777; }
.output_title_expand_icon{ color: #ccc; cursor: pointer }
.output:hover .output_title_expand_icon{ color: #777; }
.output_collapsed .output_title_expand_icon_collapse{ display: none; }
.output_expanded .output_title_expand_icon_expand{ display: none; }
.output_title_detail{ background-color:#aaa; color: white; padding: 5px; font-size: 10pt; display: none; }
.output_title_detail .select_other_coord{ font-style: italic; text-decoration: underline; cursor: pointer; }

.output_detail{ padding: 10px 10px; }
.output_detail *{ padding: 0; }
.output_detail_info{ padding-right: 10px; }

.output_detail_info_classifier{ text-align: center; font-weight: bold; padding-top: 4px; }
.output_detail_info_number{ font-style: italic; text-align: right; padding-right: 5px; }
.output_detail_info_title{ padding-left: 5px; }
.output_detail_info_mapinfo{ text-decoration: underline; text-align: center; font-size: 8pt; cursor: pointer; padding: 14px; display: none; }
.output_detail_params{ padding-left: 10px; border-left: 1px white solid; } 
.output_detail_param{ padding-bottom: 5px; }
.output_detail_param div{ text-align: center; }
.output_detail_param_name{ color: #333; font-size: 9pt; }
.output_detail_param_value{ color: white; }
.mapped_value{ text-decoration: line-through; color: #DE6137; }

.classifier_result{ margin-bottom: 10px; }
.this_method{ background-color: white; color: black; }
.this_method .output_detail_info_classifier{ color: white; }


.output_allowed .output_title_icons, .output_allowed .this_method .output_detail_info_classifier{ background-color: #39A83D; }
.output_allowed .output_detail_info_classifier{ border-bottom: 1px #39A83D solid; }
.output_allowed .output_title_icon_allowed{ display: block; }
.output_allowed .output_detail, .output_allowed .output_title_detail{ background-color: #75EB79; }
.output_unknown .output_title_icons{ background-color: #FAEA3E; }
.output_unknown .this_method .output_detail_info_classifier{ background-color: #FAEA3E; color: black; border-bottom: none; }
.output_unknown .output_detail_info_classifier{ border-bottom: 1px #c5b228 solid; }
.output_unknown .output_title_icon_unknown{ display: block; }
.output_unknown .output_detail, .output_unknown .output_title_detail{ background-color: #fff087; }
.output_unknown .output_title_detail{ background-color: #fff087; color: #fff; }
.output_unknown .output_detail_param_value{ color: #c5b228; }
.output_excluded .output_title_icons, .output_excluded .this_method .output_detail_info_classifier{ background-color: #DE6137; }
.output_excluded .output_detail_info_classifier{ border-bottom: 1px #DE6137 solid; }
.output_excluded .output_title_icon_excluded{ display: block; }
.output_excluded .output_detail, .output_excluded .output_title_detail{ background-color: #F79E81; }
.output_error .output_title_icons{ background-color: #910303; }
.output_error .output_title_icon_error{ display: block; }
.output_error .output_title_expand_icon_expand, .output_error .output_title_expand_icon_collapse{ display: none; }
.output_error .output_title_signal_icons{ display: none; }
.output_error .output_title_detail{ background-color: #BD1E1E; }
.output_inprogress .output_title_icons{ background-color: #aaa; }
.output_inprogress .output_title_icon_inprogress{ display: block; }
.output_inprogress .output_title_expand{ display: none; }
.output_inprogress .output_title_signal_icons{ display: none; }
.output_title_icon_inprogress{ -webkit-animation:spin 2.4s linear infinite; -moz-animation:spin 2.4s linear infinite; animation:spin 2.4s linear infinite; }

@-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); } }

.download_call{ background-color: #039191; color: white; margin-bottom: 6px; padding: 10px; }
.download_call div{ padding: 0; }
.download_call span{ margin-right: 10px; font-size: 14pt; }
.download_call span:first-child{ padding: 5px 0 0 5px; }
.download_call span:nth-child(2){ margin-top: -2px; }
.download_call div a{ background-color: white; padding: 5px 7px 7px; color: #039191; float: right; margin-top: -1px; text-align: center; width: 100%; }

#guide{ width: 100%; height: 100%; position: fixed;  top: 0; left: 0; background-color: rgba(0,0,0,0.7); padding-top: 100px; }
#guide_dialog{ background-color: white; padding: 50px; }

#container_about{ background-color: white; padding: 20px 25px; }
#container_about h3{ text-align: center; color: #910303; font-weight: bold; background-color: white; }
.paperref{ text-align: center; padding: 10px 0; }
.changelog{ width: 100%; height: 320px; border: 1px #ccc solid; padding: 15px; white-space: pre-wrap; background-color: #eee; font-family: Courier, monospace; overflow: auto; font-size: 10pt; }
pre{ overflow: auto; }


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #aaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #aaa;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #aaa;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #aaa;
}

@media (max-width: 767px) {
	h1{ text-align: center; }
	h2{ text-align: center; }
	#content{ width: 100%; }
	#header_authors{ text-align: center; }
	#header_title{ margin-bottom: 20px; }
	#header_row{ padding: 30px 0 70px; }
	#content{ margin-top: -30px; }
	#sidebar_container{ padding: 0 10px; margin: 0;}
	#main{ padding: 0 10px; }
	.output_detail_info{ padding: 0 0 15px; }
	.output_detail_info{ padding: 0 0 15px; }
	.output_detail_params{ border: 0; border-top: 1px white solid; padding: 15px 0 0; }
	.download_call div:nth-child(2){ padding-top: 10px; }
	#container_about{ margin-top: 20px; }
}
@media (min-width: 768px) and (max-width: 991px) { 
	#header_row{ padding: 30px 0 80px; }
	#content{ margin-top: -30px; }
	.output_detail_info{ padding: 0 0 15px; }
	.output_detail_params{ border: 0; border-top: 1px white solid; padding: 15px 0 0; }
	.download_call div:nth-child(2){ padding-top: 10px; }
}