@import url("//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/* Bootstrap customization ... */

select, input[list]{
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
}
input::-webkit-calendar-picker-indicator {
  display: none;
}


.popBody{
	margin:0px;
	position:relative;
	padding:30px;
	width:800px;
	box-sizing:content-box;
}
.popBody .container{
    max-width: calc(100% - 40px);
    margin-left: 0;
}

.form-row>.col, .form-row>.align-right{
	margin-right:0;
	margin-left:auto;
}


.table-hover tbody tr:hover {
    background-color: rgb(210 115 46 / 12%);
}


.btn:hover {
    color: #000;
    background-color: #ccc;
    border-color: #ccc;
}

.btn-primary {
    color: #fff;
    background-color: #2d7138;
    border-color: #2d7138;
}

.btn-primary:hover {
    color: #fff;
    background-color: #5eb36b;
    border-color: #5eb36b;
}

input.form-control, select.form-control, textarea.form-control{
	border:0;
	border-radius: 2px;
	box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(51, 170, 255, 0);
}

textarea.form-control{
	padding-bottom:2.5em;
}


.form-check-label {
	vertical-align: sub;
}

.no-label-padded{
	padding-top:2em;
}

input.form-control[type='file']
 {
	box-shadow: none;
    width: auto;
}


.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(51, 170, 255, 0),
    0 0 0 0.2rem rgba(125,189,165,0.3);
}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border:solid 1px #c14c2e;
}

/* ... Bootstrap customization */

.container{
	background-color:#fff;
	padding:24px;
	border-radius:4px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	/* max-width: 900px; */
}
body.embed .container{
	box-shadow:none;
  padding:0;
}

.button-group{
	text-align:center;
	margin-top:24px;
	padding:24px 0 0 0;
}
.button-group .btn{
	margin:0 8px;
	min-width:120px;
}


body{
  margin:0;
  padding:0 0 24px 0;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  color:#444;
  background-color:#fcfcfc;
}
.topBand{
  background-color:#3a3a3a;
  margin:0 0 30px 0;
  padding:0;
  height:40px;
  padding:10px 0;
  line-height:20px;
  color:#fff;
}
	.topBand .welcome{
		float:right;
		padding-right:1em;
		border-right:solid 1px #666;
		margin-right:1em;
	}
	.topBand .welcome span{
		color:#ccc;
	}
	.topBand .signout{
		float:right;
		color:#fff;
		margin-right:2em;
	}
	.topBand .signout .fa{
		margin:0 0.3em;
	}

.brown{color:#483c31;}
.orange{color:#c14c2e;}
.yellow{color:#e3ac41;}
.ltgreen{color:#7ebba4;}
.green{color:#2d7138;}
.ltyellow{color:#f6f8c2;}

a{
  color:#2d7138;
  transition:color 200ms;
}
a:hover{
  color:#e3ac41;
}

body{
	padding-left:200px;
}
body.embed{
	padding-left:0;
	background-color:#fff;
}


.leftBar{
  position:absolute;
  z-index:9000;
  top:0px;
  padding:0 14px 0 14px;
  background-color:#fff;
  width:200px;
  height:100%;
  left:-234px;
  left:0px;
  transition:left 500ms;
  box-shadow:0px 0px 1px rgba(0,0,0,0.4);
}
.leftBar .topBand{
	margin-left:-14px;
	margin-right:-14px;
	width:calc(100% + 28px);
	margin-bottom:0;
}
.brandBadge{
	display:block;
	height:86px;
  background-repeat:no-repeat;
  background-position:center 5px;
  background-size:75%;
  background-image:url('/images/Cherry-Logo-Art.jpg');
}

body.navClosed .leftBar{
  left:-234px;
}
body.navClosed{
	padding-left:0;
}

.leftBar:hover{
  left:0px;
}
/* Hover trigger */
.leftBar:before{
  content:' ';
  display:block;
  position:absolute;
  top:0px;
  left:100%;
  height:60px;
  width:100px;
  transition:500ms;
}
.leftBar:hover:before{
  left:0px;
  width:0px;
}


ul.navi{
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
  padding-top:1em;
  padding-left:0;
  border-top: solid 1px #dedede;
  margin-top: 1.5em;
}
ul.navi li{
  margin:0 0;
  padding:0 0;
  width:100%;
}
ul.navi li a{
  text-decoration:none;
  display:block;
  font-weight:600;
  padding:4px 0;
  color:#483c31;
}
ul.navi li a .fa{
	margin-right: 3px;
    font-size: 1.1em;
    min-width: 1.2em;
    text-align: center;
    opacity: 0.9;
}
ul.navi li a:hover{
  color:#2d7138;
}
a.togglnav{
  position:absolute;
  top:0px;
  left:0px;
  height:60px;
  width:60px;
  text-align:center;
  z-index:8000;
  color:#fff;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  line-height:60px;
}

.formBox{
  background-color:white;
  border-radius:4px;
  padding:40px 60px;
}

.formBox h2{
  padding-bottom:1em;
}




.h1, h1 {
    font-size: 1.5rem;
	margin-bottom:1em;
}


.h2, h2 {
    font-size: 1.3em;
	margin-top: 2em;
}


	
	.previewPhoto{
		display:inline-block;
		background-size:cover;
		background-repeat:no-repeat;
		width:140px;
		height:140px;
		background-position:center center;
	}
	
	.form-group .previewPhoto{
		background-size:contain;
	}