#submission-form-container textarea,
#submission-form-container select,
#submission-form-container input[type="text"] {
  display: inline-block;
  width: 100%;
}


.proposals-form-input:focus {
  background-color: #f1f7b8 !important;
}
.oops-face {
  width: 35px;
  height: 35px;
  margin-bottom: 20px;
}

.oops-text {
  color: red;
}

.proposal-form-row {
  /* min-height:  200px; */
  margin-bottom: 30px;
}

.spark-checkbox-div {
  margin-bottom: 1.5em;
}

.learning-objective {
  margin-bottom: 6px;
}

/* input#proposal-title {
	font-size:  140% !important;
	padding: 20px 10px 20px 10px !important;
	font-weight:  bold !important;
	color:  #cbdb2a !important;

} */

.spark-clickable-label {
  font-weight: normal;
}

.checkbox-columns {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}

.ui-button-icon-primary,
.ui-icon,
.ui-icon-closethick,
button:focus {
  outline: none !important;
}

#preview-modal-ul {
  padding-left: 20px;
}

/* Search Form Styles */

#proposal-search-form label {
  font-weight: normal;
  font-size: 85%;
  padding: 0;
  margin: 0;
}

#proposal-search-form h4 {
  margin-top: 10px;
}

.advanced-button-style {
  color: white !important;
  border-radius: 3px !important;
}

.adv-button-box {
  margin-top: 12px;
  text-align: center;
}

.show-more-search:hover,
.show-fewer-options:hover {
  background-color: #1a408b;
  cursor: pointer;
}

.adv-search-hed {
  color: #fff;
  background-color: #cbdb2a;
  width: 100%;
  padding: 4px 4px 4px 20px;
  font-size: 1.4em;
  margin-bottom: 6px;
}

.adv-search {
  padding: 8px;
  /* border-left:  1px solid #cbdb2a;
	border-right:  1px solid #cbdb2a;
	border-bottom:  1px solid #cbdb2a; */
}

/* .search-sidebar input[type=text]  {
	width: 100%; 
	padding: 20px; 
	font-size: 120%; 	
	border:  0;
	font-weight: bold;
} */

.search-sidebar h3 {
  margin-bottom: 12px;
}

.search-sidebar ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc;
}
.search-sidebar ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}
.search-sidebar:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
}
.search-sidebar :-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
}

.magnifying-glass-box {
  width: 70px;
  height: 100%;
  background-color: #cbdb2a;
  float: right;
  display: inline;
}

.btn-search {
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  height: 42px !important;
  width: 42px;
  color: #fff !important;
}

.show-options-text {
  /* font-size: 90%; */
  color: #fff;
  /* margin-left:  22px; */
  margin-top: 12px;
  background-color: #cbdb2a;
  padding: 4px 6px 4px 6px;
  text-align: center;
  border-radius: 4px;
}

/* Archive Styles */
.proposal-list-box {
  margin-bottom: 20px;
}

.proposal-list-box a {
  color: #05514b;
}

.proposal-list-box-meta {
  font-size: 85%;
}

.pretty-label {
  font-size: 1.2em;
  display: inline-block;
}

.sub-label {
  font-weight: bold;
  margin: 0 0 8px 0;
  font-size: 1.1em;
}

.callout-announcement {
  padding: 12px;
  margin: 20px 0 20px 0;
  background-color: #05514b;
  color: #fff;
  font-size: 200%;
}

.prop-login-warning {
  padding: 12px;
  border: 1px solid #fee065;
}

.not-very-sprint {
  margin-bottom: 2em;
}

ul.with-padding {
  padding-left: 1em !important;
}

.tag-selector-box {
  border: 1px solid #888;
  padding: 1em;
}
.tagger-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
}
.tag-choices {
  /* display: none; */
  margin-top: 1em;
}

.tag-choices li {
  border: 1px solid #555;
  padding: 2px 6px;
  margin-bottom: 0.5em;
  border-radius: 4px;
  cursor: pointer;
}
.tags-chosen {
  margin-top: 1em;
}

.tags-chosen li {
  border: 1px solid #555;
  padding: 2px 6px;
  margin-bottom: 0.5em;
  border-radius: 4px;
  background: rgb(250, 250, 201);
  cursor: pointer;
}

.ntc-tags {
  list-style: none;
}

.tag-clear-btn {
  font-size: 1.6rem !important;
  background: #00a0b0 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  padding: 8px 12px;
  border-radius: 4px;
  margin: 8px 6px 8px 0 !important;
}

.tag-header {
  font-weight: bold;
  border-bottom: 1px solid #888;
}

.all-available-tags {
  display: none;
}

.all-tags-ul {
  list-style: none;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.available-tags-expander {
  text-decoration: underline;
  font-weight: bold;
  text-align: center;
}
/* Sky Blue: 7DCAD7
Sun: FEE065
Teal: 389171 
Light Green Tree: 376832
Dark Green Tree: 05514B
Beaver Brown: A56D3D
Glasses Black: 231F20 */

/* This hides the weird checkboxes that show up at the bottom of the proposals form because
of how the new tag manager works. Nothing to see here */
.tag-checks {
  display: none;
}

.dashboard-voting-left {
  font-size: 1.2em;
  font-weight: 700;
}

.dashboard-voting-right {
  font-size: 2.5em;
  font-weight: 700;
  color: #eb6841;
}

#validation-warning-modal {
  background: #fff;
  padding: 30px;
  border: 1px solid red;
}

.ui-dialog-titlebar-close {
  background: red !important;
  float: right;
  border: none;
  color: #fff;
}

.proposal-accepted {
  color: green;
}

.proposal-pending {
  color: orange;
}
.proposal-draft {
  color: #31708f;
}
.proposal-canceled {
  color: rgb(190, 103, 103);
}

/* Proposal Acceptance Tool */
.acceptance-form-container {
  padding: 2rem;
  border: 1px solid #ddd;
}
.proposal-acceptance-container {
  /* display: grid;
  grid-template-columns: 1fr 130px;
  grid-gap: 1em; */
  margin-top: 2rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  align-items: center;
  /* max-width: 575px; */
  margin: 0 auto 0 auto;
}

.submit-proposal-update-house {
  width: 100%;
  padding: 2rem;
  text-align: center;
}

.radio-house {
  display: flex;
  /* justify-content: space-between; */
  margin-top: .5rem;
}
.radio-house div {
  margin-right: 4rem;
}


.radio-house--proposal-title {
  font-size: 2.6rem;
  line-height: 1.4;
  margin-top: 2rem;
}

.update-proposals-error {
  display: none;
  color: red;
}

#submission-form-container select, input, textarea {
  padding: 1rem;
}

.share-link-text-house {
  margin-top:  5px;
  padding-top: 6px;
}

.share-link-text {
    font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
    /* line-height: 1.6; */
    font-size: 1.5rem !important;
    /* padding-top: .4rem; */
}

.share-link-box {
  display: flex;
  /* align-items: center; */
}

.copy-icon {
  width: 35px;
  text-align: center;
  margin-right: 16px;
  margin-top: 8px;
  cursor: pointer;
  color: #3d99dc;
}

.copy-icon:hover {
  color: #2e6c99;
}



.click-to-copy {
  font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
}

.proposal-form-required {
  color: firebrick;
}

.line-spacer {
  /* width: 100%; */
  border-top: 1px solid #ddd;
  margin-bottom: 1.6rem;
}

.proposal-buttons {
  text-align: center;
}

.flex-me-2 {
    display: flex;
    gap: 2rem;
}

@media (max-width: 1075px) {
  .flex-me-2 {
    display: block;
  }
}
input[type=text], textarea {
   width: 100%;
 }

 ::placeholder {
   color: #bbb;
 }

 .user-organization {
   /* padding: 1rem;
   border: 1px solid #aaa; */
  margin-top: 1rem;
  margin-bottom: 2rem;
 }

 .user-org-meta {
   font-weight: 400 !important;
 }

/* .react-like-button {
  font-size: 1.6rem !important;
  font-weight: bold;
  letter-spacing: .5px;
  display: inline-block;
  border: 1px solid #f8792586 !important;
  color: #666 !important;
  background: none;
  padding: 3px 8px;
  border-radius: 8px;
  margin: 0 0 1rem 0 !important;
  font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
  padding-top: 5px;
  font-weight: 400;
  width: 100%;
}

.react-like-button--voted {
  background-color: #3d9adc25;
} */

.react-like-button {
  width: 100%;
  height:4rem;
  font-family: 'Open-Sans', sans-serif;
  font-size: 1.6rem;
  text-transform: none;
  font-weight: 700;
  color: #000;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 45px;
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  margin-bottom: 2rem;
  }

.react-like-button:hover {
  background-color: #2EE59D;
  box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
  color: #fff;
  /* transform: translateY(-7px); */
}

.react-like-button--voted {
    background-color: #2ee59c7a;
}

.voting-loading {
  text-align: center;
  margin-top: -14px;
}