/* @import url("https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap"); *\/ */
/* @import url("https://fonts.googleapis.com/css?family=PT+Sans|Open+Sans"); */
@import url("https://fonts.googleapis.com/css?family=Maven+Pro");
@import url('https://fonts.googleapis.com/css?family=Roboto|Raleway');
/* @import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap'); */
html {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

#titlepanel {
	/* background-color: #D7D6DB; */
	background-color: #E7E7E9 !important;
	background-image: url('banner.jpg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    /* background-attachment: fixed; */
		
}
body {
    font-family: 'IBM Plex Sans', sans-serif !important;
    width: 100%;
    /* font-family: "Open Sans"; */
    line-height: 1.1;
    font-size: 12px;
    /* background-image: url('southern-ocean-straight3.jpg'); */
	background-color: #E8E8EA !important;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-attachment: fixed; */
    padding-top: 0 !important;
    /* margin-left: 15px !important; */
    /* margin-right: 15px !important; */
    /* padding-left: 40px !important; */
    /* padding-right: 40px !important; */
    /* max-width: 800px; */
    /* color: #475011; */
}

h1 {
    margin-bottom: 0 !important;
	font-size: 3.2em !important;
	font-weight: bold;
	margin-bottom: 0.2em !important;
	color: #000000 !important;
}

h2 {
    margin-bottom: 0 !important;
	/* font-size: 3em !important; */
	/* color: #000000 !important; */
}

html,
body {
    overflow: unset;
}


/* Mike additions ------------------------------------------------------- */

:root {
    --charcoal: #414141;
}

/* .page-header {

} */

.main,
.page-header-el,
.page-footer-el {
    padding-left: 5rem;
    padding-right: 5rem;
	/* background-color: #D7D7D9 */
}

.page-footer-el {
    margin-top: 3rem;
    padding-bottom: 5rem;
}

.panel-section {
    border-radius: 10px;
}

.panel-section .panel-header {
    color: white;
    background-color: var(--charcoal);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 1rem 3rem;
    margin-bottom: 0px;
}

.panel-header h2 {
    color: white;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0;
}

.panel-section .panel-content {
    background-color: #ffffffdd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 1rem 3rem;
}

.panel-section .map-container {
    padding: 1rem;
}

.panel-section .map-container #map_overall {
    border: 1px solid gray;
}

/* ------------------------------------------------------- */

.row {
    background-color: white;
    border: 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 25px;
    /* padding-top: 5px;
    padding-bottom: 15px; */
    /* padding-left: 15px;
    padding-right: 15px; */
    /* width: 97%; */
}

.row2 {
    background-color: #ffffff00;
    /* margin-left: 15px !important; */
    /* margin-right: 15px !important; */
    margin-bottom: 15px;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    /* width: 97%; */
}

.row2:before {
    content: " ";
    display: table;
}

/* body > div.panel.panel-default { */
/*     background-color: #ffffffdd; */
/*     border-radius: 15px; */
/*     margin-bottom: 15px; */
/*     /\* margin-left: 15px !important; *\/ */
/*     /\* margin-right: 15px !important; *\/ */
/*     /\* width: 97%; *\/ */
/* } */

.shiny-file-input-progress {
    /* display: none; */
	/* background-color: #279BC6 !important; */
}
.progress-bar {
	background-color: #279BC6 !important;
}

#collpanel {
    background-color: #ffffff00 !important;
    border-radius: 10px;
    border-color: #fff0 !important;
}

/* .panel {
    background-color: #ffffffdd !important;
    border-radius: 10px;
    border-color: #ffffffdd !important;
    margin-bottom: 15px;
    padding-bottom: 10px;
} */

/* .panel-heading {
    background-color: #ffffff00 !important;
    border-radius: 10px;
    border-color: #fff0 !important; */
/* margin-left: 15px !important; */
/* margin-right: 15px !important; */
/* } */

/* .panel-title {
    font-family: 'Maven Pro', sans-serif !important;
    font-size: 26px;
    border-radius: 10px;
    color: #000;
} */

/* .panel-body {
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 2px !important;
} */

a:hover,
a:active,
a:focus {
    color: #000 !important;
}


.well {
    /* background-color: #39302F; */
    margin-bottom: 25px;

    /* margin-left: 15px !important; */
    /* margin-right: 15px !important; */
    /* width: 97%; */
}

.h2,
h2 {
    /* font-family: 'Titillium Web', sans-serif !important; */
    /* font-family: 'Roboto', sans-serif !important; */
    font-weight: bold;
    color: #279BC6;
    /* text-shadow: 0px 0px 7px #fff; */
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 4em;
    /* color: #5c640f; */
}

.h3,
h3 {
    /* font-family: 'Titillium Web', sans-serif !important; */
    margin-top: 5px !important;
    color: #279BC6;
    font-weight: bold;
    /* color: #475011; */
}

.h4,
h4 {
    /* font-family: "Maven Pro" !important; */
    /* color: #475011; */
    font-size: 18px;

}

.h5,
h5 {
    /* font-family: 'Maven Pro', sans-serif !important; */
    color: #000;
    text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff;
    font-size: 20px;
    /* font-weight: bold; */
    /* color: #475011; */
}

.h6,
h6 {
    /* font-family: 'Maven Pro', sans-serif !important; */
    color: #555;
    /* font-weight: bold; */
    /* color: #475011; */
}

.p,
p {
    /* font-family: "Maven Pro" !important; */
    /* color: #444; */
    font-size: 1.2em;
}


.smallinput {
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 50px !important;
    /* display: inline-block; */
    /* height: 100px; */
    /* line-height: 12px !important; */
    /* min-height: 50px; */
    /* float: left; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* width: 100px; */
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    line-height: 12px !important;
}

.selectize-input {
    min-height: 50px !important;
    text-align: left;
}

.control-label {
    min-height: 25px !important;
    /* max-width: 120% !important; */
}

.label {
	font-weight: 400 !important;
}
#map_overall > div.leaflet-control-container > div.leaflet-top.leaflet-right > div > form > div.leaflet-control-layers-overlays > label > div > span {
	font-weight: 400 !important;
	font-size: 0.9em !important;
	line-height: 1 !important;
	margin-bottom: 2px !important;
}

#map_overall > div.leaflet-control-container > div.leaflet-top.leaflet-right > div > form > div.leaflet-control-layers-overlays > label {
	margin-bottom: 0px !important;
}


/* .form-control { */
/*     min-height: 50px !important; */
/* } */

#scen_lab,
#threat,
#impact_ind_n,
#impact_ind_p {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 1em !important;
}

/* #delrowbtn { */
/*     /\* position: fixed; *\/ */
/*     /\* height: 50px; *\/ */
/*     /\* display: flex; *\/ */
/*     /\* align-items: center; *\/ */
/*     /\* justify-content: center; *\/ */
/*     /\* display: center-align; *\/ */
/*     /\* vertical-align: middle; *\/ */
/* } */

.btn-default.active {
    background-color: #dfeeff !important;
}

.btn {
    font-size: 1em !important;
    background-color: #E9E9E9 !important;

}

#duprowbtn, #delrowbtn, #editrowbtn, #savebtn, #savebtn {
	width: 100px !important;
	font-size: 0.8em !important;
	font-weight: 500 !important;
	background-color: #f4f4f8 !important;
}
#scenpanel > div.row.panel-content > div:nth-child(1) > div > div.col-sm-2 > div > div:nth-child(1) > label > span {
/* #threatsfile { */
	width: 100px !important;
	font-size: 0.8em !important;
	font-weight: 500 !important;
	height: 27.7px !important;
	background-color: #f4f4f8 !important;
	/* background-color: #f40000 !important; */
}

.btn-file {
	/* width: 100px !important; */
	/* font-size: 0.8em !important; */
	font-weight: 500 !important;
	background-color: #f4f4f8 !important;
	height: 34px !important;
}
/* #runbtn { */
/*     background-color: #279BC6 !important; */
/*     color: #fff; */
/* } */

#updsimbtn, #runbtn {
    background-color: #279BC6 !important;
    color: #fff;
	border-radius: 10px !important;
    border-color: #279BC6 !important;
	font-size: 1.2em !important;
	font-weight: 500 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	margin-right: 20px !important;
}

#add_nonspatial_threat,  #add_spatial_threat {
	background-color: #279BC6 !important;
	color: #fff !important;
	font-size: 1.2em !important;
	font-weight: 500 !important;
	margin-right: 10px;
	border-radius: 10px !important;
	border-color: #279BC6; !important;
}
#add_nonspatial_threat:hover,  #add_spatial_threat:hover {
	color: #ff8 !important;
	
}

#saveres,  #savecache {
	background-color: #279BC6 !important;
	color: #fff !important;
	font-size: 1.2em !important;
	font-weight: 500 !important;
	margin-right: 10px;
	border-radius: 10px !important;
	border-color: #279BC6; !important;
}

body > main > div:nth-child(4) > div.row.panel-content > div.col-sm-8 > div > div:nth-child(3) > div > div:nth-child(1) > label > span {
	background-color: #279BC6 !important;
	color: #fff !important;
	font-size: 1.2em !important;
	font-weight: 500 !important;
	margin-right: 10px;
	border-radius: 10px !important;
	border-color: #279BC6; !important;
}
/* #add_nonspatial_threat:hover,  #add_spatial_threat:hover { */
/* 	color: #ff8 !important; */
	
/* } */


#erase_sel, #clip_to_sel, #add_to_sel {
	background-color: #279BC6 !important;
	color: #fff !important;
	/* font-size: 1.2em !important; */
	font-weight: 500 !important;
	margin-right: 10px;
	border-radius: 10px !important;
	border-color: #279BC6; !important;
}

#get_impact, #validate_threat {
	min-height: 50px !important;
	margin-top: 40px !important;
	/* position: absolute !important; */
	/* bottom: 0; */
	background-color: var(--charcoal) !important;
	color: #fff !important;
	/* display: inline-block !important; */
	/* float: right !important; */
}
#get_impact[disabled], #validate_threat[disabled] {
	background-color: #fff !important;
	color: #ccc !important;
}

/* #pop_type > button { */
/*     background-color: #565659 !important; */
/*     color: #fff; */
/* } */

#pop_type-label {
	background-color: #222 !important;
}

.btn-myStatus {
	background-color: #222 !important;
	color: #ccc !important;
}

.btn-myStatus:active, .btn-myStatus:focus {
	background-color: #222 !important;
	font-weight: 500;
	color: #fff !important;
}
.btn-myStatus:hover {
	color: #ff8 !important;
}

#tutbtn {
    background-color: #565659 !important;
    color: #fff;
}

#dem_table {
    max-width: 600px;
}

#alb-img {
    max-width: 250px;
}

.irs--shiny .irs-bar {
    border-top-color: #279BC6;
    border-bottom-color: #279BC6;
    background: #279BC6;
}

.irs--shiny .irs-single {
    background-color: #279BC6;
}

.irs--shiny .irs-from, .irs--shiny .irs-to, .irs--shiny .irs-single {
	background-color: #279BC6 !important;
}
.form-group {
    margin-bottom: 0px !important;
}

html.shiny-busy .container-fluid {
    cursor: wait;
}

.shiny-busy {
    cursor: wait;
}

/* #threat_table > table.dataTable tr.selected td, table.dataTable td.selected { */
/* 	background-color: #50AD85 !important; */
/* } */

/* #threat_table > tbody > tr.odd.selected, #threat_table > tbody > tr.even.selected { */
/* 	background-color: #50AD85 !important; */
/* } */
/* table.dataTable tr.selected td, */
/* table.dataTable td.selected { */
/* 	background-color: green !important; */
/* } */

table.dataTable tbody tr.selected>* {
    box-shadow: inset 0 0 0 9999px #50AD85 !important;
    color: white
}
/* #threat_table > table.display.dataTable > tbody > tr.selected > *, */
/* table.display.dataTable > tbody > tr.odd.selected > *, */
/* table.display.dataTable > tbody > tr.selected:hover > *  { */
/*     box-shadow: inset 0 0 0 9999px #acbad4 !important; */
/*     color: #333; */
/*     background-color: #50AD85 !important; */
/* } */

/* .leaflet .legend { */
/* 	font-size: 0.8em !important; */
/* } */
/* .info .legend { */
/* 	font-size: 0.8em !important; */
/* } */
.legend {
    font-size: 0.8em !important;
    line-height: 0.1em !important;

}

.leaflet-right .leaflet-control {
    float: left !important;
}

.leaflet-control-layers {
    margin-left: 50px !important;
}

.info {
    padding-top: 12px !important;
    padding-bottom: 4px !important;
    /* max-height: 100px; overflow-y: auto;	 */
}

#threat_impact {
	height: 50px !important;
}

#shiny-modal > div > div > div > div:nth-child(5) > div.col-sm-6 > div > div.input-group > label > span {
	width: 30px !important;
	height: 34px !important;
}
.modal-body {
	/* padding-top: 50px !important; */
	padding-bottom: 50px !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
}

/* #shiny-modal > div > div > div.modal-body > div:nth-child(5) > div:nth-child(1) > div > div > div > div.selectize-dropdown.single.plugin-selectize-plugin-a11y > div.selectize-dropdown-content { */
/* 	z-index: 100 !important; */
/* } */

.selectize-dropdown {
	z-index: 1000000 !important;
	position: static;
}

#scenpanel > div.row.panel-content > div:nth-child(1) > div > div.col-sm-2 > div {
	width: 100px !important;
	max-width: 100px !important;
}