@charset "UTF-8";
body {
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
  outline: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

*:focus {
  outline: none;
}

._arrow_down {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  padding-bottom: 2px;
}

.close_modal {
  cursor: pointer;
}

._header {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px 0 10px;
}
._header .menu {
  display: flex;
  height: 60px;
  margin: auto 0;
}
._header .menu .adaptive_menu {
  display: flex;
  z-index: 999;
}
@media (max-width: 1280px) {
  ._header .menu .adaptive_menu {
    display: none;
    position: absolute;
    width: calc(100% - 20px);
    left: 10px;
    top: 85px;
    padding: 10px;
    border-radius: 5px;
    color: black;
    border: 1px solid #9E313A;
    background: #ffffff;
  }
  ._header .menu .adaptive_menu .show_sub_menu {
    display: block;
  }
  ._header .menu .adaptive_menu .show_sub_menu .title {
    justify-content: center;
  }
  ._header .menu .adaptive_menu .show_sub_menu .sub_menu {
    display: block;
    position: relative;
    top: 0;
    background: transparent;
    padding: 10px 20px;
  }
  ._header .menu .adaptive_menu .show_sub_menu .sub_menu a {
    color: #333333;
    border-bottom: 1px solid #645850;
    padding: 10px 0;
  }
}
._header .menu .show_adaptive_menu {
  display: none;
  margin-right: 10px;
}
._header .menu .show_adaptive_menu svg {
  width: 30px;
  color: #333333;
}
@media (max-width: 1280px) {
  ._header .menu .show_adaptive_menu {
    display: flex;
  }
}
._header .logo {
  margin-right: 20px;
  display: flex;
  height: 58px;
  text-decoration: none;
}
._header .logo img {
  width: 58px;
}
._header .logo .text {
  margin: auto 0 auto 7px;
  color: #A62239;
  font-weight: bold;
  font-size: 20px;
}
._header .show_sub_menu {
  position: relative;
  margin-right: 15px;
  cursor: pointer;
  display: flex;
}
._header .show_sub_menu .title {
  margin: auto 0;
  text-transform: uppercase;
  display: flex;
  color: #645850;
  font-size: 12px;
  font-weight: bold;
}
._header .show_sub_menu .title img {
  width: 16px;
  margin-left: 5px;
}
._header .show_sub_menu .sub_menu {
  background: #AA9F97;
  display: none;
  position: absolute;
  top: 55px;
  left: 0px;
  padding: 20px;
  min-width: 200px;
  z-index: 10;
}
._header .show_sub_menu .sub_menu a {
  display: block;
  color: white;
  padding: 10px 0;
  border-bottom: 1px solid #645850;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
._header .show_sub_menu .sub_menu a:first-of-type {
  padding: 0 0 10px 0;
}
._header .show_sub_menu .sub_menu a:last-of-type {
  padding: 10px 0 0 0;
  border-bottom: none;
}
._header .show_sub_menu .sub_menu a:hover {
  color: #645850;
}
._header .actions {
  display: flex;
}
._header .actions button, ._header .actions a {
  display: flex;
  width: 130px;
  margin: auto 0;
  justify-content: center;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
}
._header .actions button:first-of-type, ._header .actions a:first-of-type {
  margin-right: 10px;
}
._header .actions button.search, ._header .actions a.search {
  height: 62px;
  color: #9fae3c;
  border: 2px solid #9fae3c;
}
._header .actions button.search svg, ._header .actions a.search svg {
  fill: #9fae3c;
}
._header .actions button.volunteer, ._header .actions a.volunteer {
  height: 62px;
  color: #8eb8c7;
  border: 2px solid #8eb8c7;
}
._header .actions button.volunteer svg, ._header .actions a.volunteer svg {
  fill: #8eb8c7;
}
._header .actions button.donate, ._header .actions a.donate {
  border: none;
}
._header .actions button.donate img, ._header .actions a.donate img {
  height: 73px;
}
._header .actions button svg, ._header .actions a svg {
  width: 20px;
  margin: auto 3px auto 0;
}
._header .actions button .text, ._header .actions a .text {
  margin: auto 0;
  font-weight: bold;
}
@media (max-width: 768px) {
  ._header .actions .search, ._header .actions .volunteer {
    display: none;
  }
}
@media (max-width: 380px) {
  ._header .actions .donate {
    display: none;
  }
}

._footer {
  background: #EEECEA;
  display: flex;
  justify-content: space-between;
  padding: 30px 30px 0 30px;
  margin-top: 40px;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  ._footer {
    padding: 30px 15px 0 15px;
  }
}
._footer .block {
  width: 33%;
  min-height: 180px;
}
@media (max-width: 768px) {
  ._footer .block {
    width: 100%;
    text-align: center;
    min-height: auto;
  }
}
._footer .logo {
  margin-right: 20px;
  display: flex;
  height: 58px;
}
@media (max-width: 768px) {
  ._footer .logo {
    justify-content: center;
  }
}
._footer .logo img {
  width: 58px;
}
._footer .logo .text {
  margin: auto 0 auto 7px;
  color: #A62239;
  font-weight: bold;
  font-size: 20px;
}
._footer .address {
  color: #645850;
  margin-top: 30px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
@media (max-width: 768px) {
  ._footer .information {
    margin: 20px 0;
  }
}
._footer .information .title {
  font-family: Roboto Slab, sans-serif;
  color: #645850;
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 25px;
  font-weight: 700;
  line-height: 14px;
}
._footer .information .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
._footer .information .links a {
  width: 21%;
  color: #645850;
  text-decoration: none;
  margin-right: 10px;
  margin-top: 5px;
  font-weight: 600;
  font-size: 13px;
}
@media (max-width: 1200px) {
  ._footer .information .links a {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  ._footer .information .links a {
    width: 40%;
  }
}
@media (max-width: 768px) {
  ._footer .information .links a {
    width: 100%;
  }
}
._footer .socials {
  display: flex;
  justify-content: center;
}
._footer .socials .search {
  width: 16px;
  margin: auto 7px auto 0;
}
._footer .socials .search svg {
  fill: #99999E;
}
._footer .socials a {
  border-radius: 50%;
  border: 2px solid #645850;
  width: 32px;
  height: 32px;
  display: flex;
  padding: 6px;
  margin-right: 7px;
}
._footer .socials a svg {
  width: 14px;
  margin: auto;
  color: #99999E;
}
._footer .socials a:hover svg {
  color: #9b3039;
}
._footer .socials a:first-of-type svg {
  width: 10px;
}
._footer .gif {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 50px;
}
@media (max-width: 768px) {
  ._footer .gif {
    position: relative;
    bottom: 0;
    right: 0;
  }
}

._container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
._container ._subheader {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  flex-wrap: wrap;
}
._container ._subheader .title {
  width: 69%;
  text-align: center;
  margin-top: auto;
}
@media (max-width: 768px) {
  ._container ._subheader .title {
    width: 100%;
    margin-bottom: 10px;
  }
}
._container ._subheader .title .text {
  font-size: 56px;
  font-weight: bold;
  color: #9e313a;
  font-family: Roboto Slab, sans-serif;
}
@media (max-width: 768px) {
  ._container ._subheader .title .text {
    font-size: 44px;
  }
}
._container ._subheader .title .change_language {
  color: #9e3039;
  border: 2px solid #9e3039;
  border-radius: 15px;
  padding: 6px 13px;
  font-weight: bold;
  font-size: 13px;
  background: white;
  text-decoration: none;
}
._container ._subheader .description {
  width: 30%;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  ._container ._subheader .description {
    width: 100%;
  }
}
._container ._tabs {
  display: flex;
  margin-top: 15px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 768px) {
  ._container ._tabs {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 0;
  }
}
._container ._tabs .item {
  background: gray;
  border-radius: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 10px 15px;
  margin-right: 1px;
  color: white;
  border-bottom: 0;
  margin-bottom: -1px;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 768px) {
  ._container ._tabs .item {
    border: 1px solid #ddd;
    margin: 5px;
    border-radius: 5px;
    width: 45%;
    text-align: center;
  }
}
._container ._tabs .item:hover {
  background: #9f9999;
}
._container ._tabs .item.active {
  position: relative;
  color: black;
  background: white;
}
._container .inactive_page {
  margin-top: 15px;
}

#map {
  margin: 10px 0;
  height: 400px;
}

.organisations {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  flex-wrap: wrap;
  width: 100%;
}
.organisations .list {
  width: 65%;
}
@media (max-width: 768px) {
  .organisations .list {
    width: 100%;
  }
}
.organisations .list .title {
  font-family: Roboto Slab, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
}
.organisations .list .title a {
  word-break: break-word;
}
.organisations .list .title i {
  font-size: 30px;
}
@media (max-width: 768px) {
  .organisations .list .title {
    font-size: 26px;
  }
}
.organisations .list .orders {
  border: 1px solid #a0a0a0;
  display: flex;
  justify-content: space-between;
}
.organisations .list .orders .item {
  border-right: 1px solid #a0a0a0;
  padding: 10px;
  width: 25%;
  text-align: center;
  color: #9b3039;
  font-weight: 600;
}
.organisations .list .orders .item:last-of-type {
  border-right: none;
}
.organisations .list .orders .item.order {
  cursor: pointer;
}
.organisations .list .description {
  padding: 20px 0;
}
.organisations .list .pagination {
  display: flex;
  justify-content: space-between;
}
.organisations .list .pagination .print {
  cursor: pointer;
  color: white;
  background: #428bca;
  border-radius: 5px;
  border: 1px solid #3071a9;
  padding: 0 10px;
}
.organisations .list .pagination .print:hover {
  background: #3071a9;
}
.organisations .list .items {
  margin-top: 20px;
}
.organisations .list .items .item {
  padding: 10px 15px;
  border: 1px solid #dddddd;
  border-bottom: none;
}
.organisations .list .items .item:first-of-type {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.organisations .list .items .item:last-of-type {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom: 1px solid #dddddd;
}
.organisations .list .items .item .title a {
  font-family: Roboto Slab, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
  text-decoration: none;
}
.organisations .list .items .item .type {
  font-family: Roboto Slab, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.organisations .list .items .item .type b {
  font-size: 18px;
  font-family: Roboto Slab, sans-serif;
}
.organisations .list .items .item .field {
  margin-bottom: 5px;
}
.organisations .list .items .item .field:last-of-type {
  margin-bottom: 0;
}
.organisations .list .items .item .field b {
  color: #333333;
}
.organisations .list .items .item .quick_details {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  margin-top: 15px;
  cursor: pointer;
}
.organisations .list .items .item .quick_details .name {
  border-radius: 5px;
  background: #f5f5f5;
  font-family: Roboto Slab, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
  padding: 5px 10px;
}
.organisations .list .items .item .quick_details.active .name {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.organisations .list .items .item .quick_details .details {
  border-top: 1px solid #a0a0a0;
  padding: 10px 10px;
  display: none;
}
.organisations .list .items .item .block_img {
  width: 100%;
}
.organisations .list .items .item .block_img .img {
  width: 100%;
  height: 100%;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.organisations .org_options {
  width: 65%;
}
.organisations .org_options .org_title {
  font-family: Roboto Slab, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
  display: flex;
  margin-bottom: 10px;
}
.organisations .org_options .org_title .arrow {
  font-size: 20px;
  margin: auto 5px;
}
.organisations .org_options .field {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #a0a0a0;
}
.organisations .org_options .field .title {
  color: #9b3039;
  font-size: 16px;
  font-family: Roboto Slab, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  background: #F5F5F5;
  padding: 10px 15px;
  border-radius: 3px;
  cursor: pointer;
}
.organisations .org_options .field .title.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.organisations .org_options .field .body {
  padding: 15px;
  border-top: 1px solid #a0a0a0;
}
.organisations .org_options .field .body .input {
  display: flex;
  color: #9e3039;
  margin-top: 10px;
}
.organisations .org_options .field .body .input:first-of-type {
  margin-top: 0;
}
.organisations .org_options .field .body .input input[type=checkbox] {
  width: 16px;
  height: 16px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.organisations .org_options .field .body .input input[type=checkbox]:checked:before {
  content: "✔";
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 1;
  background: #9e3039;
  border-radius: 3px;
  text-align: center;
  color: white;
  font-size: 15px;
}
.organisations .org_options .field .body .input .label {
  margin: auto 0;
}
.organisations .options {
  width: 34%;
}
@media (max-width: 768px) {
  .organisations .options {
    width: 100%;
    margin-top: 30px;
  }
}
.organisations .options .title {
  font-family: Roboto Slab, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.organisations .options .inputs {
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}
.organisations .options .inputs:first-of-type {
  border-bottom: 1px solid #eee;
  padding-bottom: 25px;
}
.organisations .options .inputs .input {
  margin-top: 25px;
}
.organisations .options .inputs .input:first-of-type {
  margin-top: 0;
}
.organisations .options .inputs .input .label {
  color: #9e3039;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 7px;
}
.organisations .options .inputs .input input, .organisations .options .inputs .input select {
  border: 1px solid #cccccc;
  border-radius: 5px;
  width: 100%;
  padding: 8px 12px;
  background: white;
}
.organisations .options .inputs .input .group {
  display: flex;
}
.organisations .options .inputs .input .group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.organisations .options .inputs .input .group select {
  border-left: none;
  width: 130px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.organisations .options .additional_button {
  cursor: pointer;
  margin-top: 25px;
  border-radius: 5px;
  border: 1px solid #3071a9;
  padding: 6px 12px;
  color: #333333;
  background: white;
}
.organisations .options .additional_button:hover {
  background: #e6e6e6;
}
.organisations .options .actions {
  padding: 25px 10px 10px 0;
}
.organisations .options .actions button, .organisations .options .actions a {
  border-radius: 5px;
  padding: 6px 12px;
  cursor: pointer;
  text-decoration: none;
}
.organisations .options .actions button.blue, .organisations .options .actions a.blue {
  color: white;
  border: 1px solid #285e8e;
  background: #428bca;
}
.organisations .options .actions button.blue:hover, .organisations .options .actions a.blue:hover {
  background: #3071a9;
}
.organisations .options .actions button.white, .organisations .options .actions a.white {
  color: #333333;
  background: white;
  border: 1px solid #adadad;
}
.organisations .options .actions button.white:hover, .organisations .options .actions a.white:hover {
  background: #e6e6e6;
}
.organisations .options .additional_options {
  display: none;
  margin-top: 25px;
}

.organisation {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  flex-wrap: wrap;
}
.organisation .title {
  font-family: Roboto Slab, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
}
.organisation .left {
  width: 65%;
}
@media (max-width: 768px) {
  .organisation .left {
    width: 100%;
  }
}
.organisation .left .information {
  width: 100%;
}
.organisation .left .information .field .title {
  font-family: Roboto Slab, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
}
.organisation .right {
  width: 34%;
}
@media (max-width: 768px) {
  .organisation .right {
    width: 100%;
    margin-top: 10px;
  }
}
.organisation .right .details {
  margin-top: 10px;
}
.organisation .field {
  margin-bottom: 10px;
}
.organisation .field:last-of-type {
  margin-bottom: 0;
}
.organisation .field b {
  color: #333333;
}
.organisation .field ul {
  padding: 0 15px;
  margin: 5px 0 0 0;
}

.organisation_form {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  flex-wrap: wrap;
}
.organisation_form .title {
  font-family: Roboto Slab, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #9e313a;
  text-transform: uppercase;
}
.organisation_form .title small {
  font-size: 65%;
  font-family: Roboto Slab, sans-serif;
  font-weight: 400;
}
.organisation_form .fields {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.organisation_form .fields .field {
  border: 1px solid #cccccc;
  border-radius: 5px;
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.organisation_form .fields .field:first-of-type {
  margin-top: 0;
}
.organisation_form .fields .field.w50 {
  width: 49%;
}
@media (max-width: 1200px) {
  .organisation_form .fields .field.w50 {
    width: 100%;
  }
}
.organisation_form .fields .field .title {
  border-bottom: 1px solid #a0a0a0;
  padding: 10px 15px;
  font-size: 16px;
  background: #F5F5F5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
}
.organisation_form .fields .field .body {
  width: 100%;
  padding: 10px;
}
.organisation_form .fields .field .body .title {
  background: transparent;
  border: none;
  padding: 0;
  margin-bottom: 10px;
}
.organisation_form .fields .field .body.w50 {
  width: 49%;
}
@media (max-width: 1200px) {
  .organisation_form .fields .field .body.w50 {
    width: 100%;
  }
}
.organisation_form .fields .field .body .add {
  background: #3071a9;
  color: white;
  border-radius: 3px;
  border: 1px solid #2f669d;
  padding: 5px 10px;
  cursor: pointer;
}
.organisation_form .fields .field .body .input {
  margin-bottom: 5px;
}
.organisation_form .fields .field .body .input:last-of-type {
  margin-bottom: 0;
}
.organisation_form .fields .field .body .input.info_list {
  display: flex;
  margin-bottom: 10px;
}
.organisation_form .fields .field .body .input.info_list select {
  width: 100px;
  margin-right: 10px;
}
.organisation_form .fields .field .body .input.info_list input {
  margin-right: 10px;
}
.organisation_form .fields .field .body .input.info_list input:last-of-type {
  width: 100px;
}
.organisation_form .fields .field .body .input.info_list input:first-of-type {
  width: 100%;
}
.organisation_form .fields .field .body .input.info_list .delete {
  background: #c9302c;
  color: white;
  border-radius: 3px;
  border: 1px solid #a22a28;
  cursor: pointer;
}
.organisation_form .fields .field .body .input .checkbox_group {
  display: flex;
  justify-content: space-between;
}
.organisation_form .fields .field .body .input .checkbox_group input[type=checkbox] {
  padding: 0;
  margin: 0;
}
.organisation_form .fields .field .body .input .group_select {
  display: flex;
  justify-content: flex-start;
}
.organisation_form .fields .field .body .input .group_select .block_select {
  display: flex;
  margin-right: 30px;
}
.organisation_form .fields .field .body .input .group_select .block_select .colon {
  font-weight: bold;
  margin: auto 5px;
}
.organisation_form .fields .field .body .input .group_input {
  display: flex;
  justify-content: space-between;
}
.organisation_form .fields .field .body .input .group_input.two input {
  width: 49%;
}
.organisation_form .fields .field .body .label {
  font-weight: bold;
  padding-bottom: 5px;
}
.organisation_form .fields .field .body select, .organisation_form .fields .field .body input, .organisation_form .fields .field .body textarea {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  padding: 5px;
  background: white;
}
.organisation_form .fields .field .body textarea {
  resize: vertical;
}
.organisation_form .fields .field .body select[multiple] {
  height: 89px;
  resize: none;
}
.organisation_form .fields .field .body input {
  position: relative;
}
.organisation_form .fields .field .body input:disabled {
  background: #cccccc;
}
.organisation_form .fields .field .body.options {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.organisation_form .fields .field .body.options .input {
  display: flex;
  width: 33%;
}
.organisation_form .fields .field .body.options .input input[type=checkbox] {
  width: 16px;
  height: 16px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.organisation_form .fields .field .body.options .input input[type=checkbox]:checked:before {
  content: "✔";
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 1;
  background: #9e3039;
  border-radius: 3px;
  text-align: center;
  color: white;
  font-size: 15px;
}
.organisation_form .fields .field .body.options .input .label {
  margin: auto 0;
  font-weight: normal;
  padding-bottom: 0;
}
.organisation_form .actions {
  padding: 25px 10px 10px 0;
}
.organisation_form .actions button, .organisation_form .actions a {
  border-radius: 5px;
  padding: 8px 14px;
  cursor: pointer;
  text-decoration: none;
}
.organisation_form .actions button.blue, .organisation_form .actions a.blue {
  color: white;
  border: 1px solid #357ebd;
  background: #428bca;
}
.organisation_form .actions button.blue:hover, .organisation_form .actions a.blue:hover {
  background: #3071a9;
}
.organisation_form .actions button.white, .organisation_form .actions a.white {
  color: #333333;
  background: white;
  border: 1px solid #adadad;
}
.organisation_form .actions button.white:hover, .organisation_form .actions a.white:hover {
  background: #e6e6e6;
}

._pagination {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
._pagination li {
  list-style: none;
  color: #23527c;
  background: white;
  border: 1px solid #a0a0a0;
  border-right: none;
  display: flex;
}
._pagination li:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._pagination li:last-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #a0a0a0;
}
._pagination li a {
  padding: 6px 12px;
  color: #23527c;
  text-decoration: none;
  background: transparent;
}
._pagination li:hover {
  background: #eee;
}
._pagination li.active {
  cursor: default;
  background: #337ab7;
}
._pagination li.active a {
  color: white;
}

._modal {
  min-height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  padding: 20px;
  display: none;
}
._modal .body {
  margin: auto;
  width: 90%;
  max-width: 800px;
  height: auto;
  padding: 20px;
  position: relative;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #000;
}
._modal .body .close {
  position: absolute;
  right: -5px;
  top: -5px;
  background: white;
  padding: 5px 8px;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
  border: none;
}
._modal .body .title {
  font-family: Roboto Slab, sans-serif;
  color: #9e313a;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
}
._modal .body .message {
  max-height: 200px;
  overflow-y: auto;
  font-size: 14px;
  color: #333333;
  text-align: justify;
}
._modal .body ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
._modal .body ::-webkit-scrollbar-button {
  background-color: #9e313a;
  opacity: 0.5;
  height: 3px;
}
._modal .body ::-webkit-scrollbar-corner {
  background-color: transparent;
}
._modal .body ::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #9e313a;
}
._modal .body ::-webkit-scrollbar-track {
  background-color: #9e313a;
}
._modal .body ::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
}

.m_modal {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow-y: scroll;
  display: none;
}
.m_modal .body {
  max-width: 600px;
  margin: 20px auto 20px auto;
  padding: 20px;
  border-radius: 3px;
  position: relative;
  background: white;
}
@media (max-width: 620px) {
  .m_modal .body {
    margin: 20px;
  }
}
.m_modal .body .close {
  position: absolute;
  right: -2px;
  top: -3px;
  background: white;
  padding: 4px 8px;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
  border: none;
}
.m_modal .body img {
  width: 100%;
  height: 100%;
}

._container_map {
  position: relative;
}
._container_map #map {
  height: 100vh;
}
._container_map #loader_gif {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  transition: all 0.3s;
}
._container_map #loader_gif img {
  height: 300px;
  margin: auto;
}
._container_map .search {
  width: 100%;
  position: absolute;
  top: 50px;
  z-index: 2;
}
._container_map .search .actions {
  display: flex;
  width: 70%;
  margin: auto;
  height: 40px;
}
@media (max-width: 768px) {
  ._container_map .search .actions {
    width: 95%;
  }
}
._container_map .search .actions input {
  border: 1px solid #cccccc;
  border-radius: 5px;
  width: 100%;
  padding: 8px 12px;
  background: white;
  margin-right: 10px;
}
._container_map .search .actions button {
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  color: #333333;
  background: white;
}
._container_map .search .actions button:hover {
  background: #e6e6e6;
}

.volunteer_index {
  display: flex;
  justify-content: center;
  max-width: 900px;
  margin: 30px auto;
  border: 2px solid #f5f5f5;
  line-height: 20px;
}
.volunteer_index .left-panel {
  width: 40%;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  background: #f5f5f5;
}
.volunteer_index .left-panel .logo {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  width: 100%;
  margin-bottom: 30px;
}
.volunteer_index .left-panel .logo img {
  max-width: 100%;
  height: auto;
}
.volunteer_index .left-panel .text {
  width: 100%;
  font-size: 16px;
  margin-bottom: 50px;
}
.volunteer_index .left-panel .text b {
  font-size: 16px;
  font-weight: 700;
}
.volunteer_index .left-panel .assistance {
  font-size: 16px;
}
.volunteer_index .left-panel .assistance a {
  text-decoration: underline;
  color: #FF352C;
  font-weight: bold;
}
.volunteer_index .right-panel {
  width: 60%;
  padding: 30px;
}
.volunteer_index .right-panel .title {
  color: #9e313a;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.volunteer_index .right-panel .sub_title {
  color: #9e313a;
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  margin: 15px 0;
}
.volunteer_index .right-panel .description {
  color: #333333;
}
.volunteer_index .right-panel .admonition {
  color: #9e313a;
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
  line-height: 27px;
}
.volunteer_index .right-panel form input[type=text] {
  margin-top: 15px;
  border: none;
  border-bottom: 1px solid #9e0012;
  padding-bottom: 5px;
  color: #9e0012;
  width: 180px;
  margin-right: 50%;
  margin-bottom: 15px;
}
.volunteer_index .right-panel form input[type=submit] {
  border-radius: 3px;
  background: #74242b;
  border-color: #74242b;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  width: auto;
  padding: 10px 25px;
  cursor: pointer;
}
.volunteer_index .right-panel .field select {
  margin-top: 15px;
  border: none;
  border-bottom: 1px solid #9e0012;
  padding-bottom: 5px;
  color: #9e0012;
  width: 180px;
  margin-right: 50%;
  background: transparent;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .volunteer_index {
    flex-wrap: wrap;
    max-width: 600px;
  }
  .volunteer_index .left-panel {
    width: 100%;
  }
  .volunteer_index .right-panel {
    width: 100%;
  }
}

.volunteer_search .list {
  padding: 30px;
}
.volunteer_search .list .title {
  color: #9e313a;
  font-weight: bold;
  font-size: 20px;
}
.volunteer_search .list .sub_title {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 25px;
}
.volunteer_search .list .item {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  width: 100%;
  border: 1px solid #989b94;
  background: #f5f5f5;
  margin-bottom: 15px;
  border-radius: 3px;
}
.volunteer_search .list .item .left-panel {
  padding-right: 15px;
}
.volunteer_search .list .item .left-panel .title {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  overflow: hidden;
  word-break: break-all;
}
.volunteer_search .list .item .left-panel .sub_title {
  font-size: 16px;
  margin: 0;
}
.volunteer_search .list .right-panel {
  display: flex;
}
.volunteer_search .list .right-panel a {
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: white;
  background: #9b3039;
  margin: auto 0;
  width: 120px;
  text-align: center;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  text-decoration: none;
}
.volunteer_search .list .right-panel a img {
  margin: auto 0 auto 5px;
}
.volunteer_search .feedback_form {
  background: #f5f5f5;
  padding: 25px;
  margin: 0px 30px 30px 30px;
}
.volunteer_search .feedback_form .title {
  font-size: 24px;
  font-weight: bold;
  color: #9e313a;
}
.volunteer_search .feedback_form .input_label {
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
}
.volunteer_search .feedback_form textarea {
  margin-top: 5px;
}
.volunteer_search .feedback_form textarea:focus {
  outline: none;
}
.volunteer_search .feedback_form textarea, .volunteer_search .feedback_form input {
  width: 100%;
  border: 1px solid #3d3d3d;
  border-radius: 4px;
  padding: 10px;
  resize: none;
  font-size: 16px;
  margin-bottom: 0;
}
.volunteer_search .feedback_form .footer {
  display: flex;
  justify-content: space-between;
}
.volunteer_search .feedback_form .footer button {
  padding: 8px 0;
  font-size: 17px;
  font-weight: bold;
  color: white;
  background: #9b3039;
  margin: auto 0;
  width: 120px;
  text-align: center;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid #9b3039;
  cursor: pointer;
}
.volunteer_search .feedback_form .footer div {
  margin: auto 0;
  padding-left: 15px;
  transition: all 0.3s;
}
.volunteer_search .feedback_form .footer div:first-child {
  width: 50%;
}
.volunteer_search .footer_actions {
  display: flex;
  justify-content: space-between;
  padding: 0px 30px 50px 30px;
}
.volunteer_search .footer_actions button, .volunteer_search .footer_actions a {
  width: 49%;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: white;
  background: #9b3039;
  margin: auto 0;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid #9b3039;
  cursor: pointer;
}

.volunteer_form {
  /* Firefox */
}
.volunteer_form .actions.right {
  width: 100%;
  text-align: right;
}
.volunteer_form .actions button, .volunteer_form .actions a {
  color: white;
  border-radius: 3px;
  margin-top: 10px;
  padding: 5px 10px;
  cursor: pointer;
  font: 400 13px "Open Sans", sans-serif;
  text-decoration: none;
  display: inline-block;
}
.volunteer_form .actions .delete {
  background: #ff2906;
  color: white;
  border: 1px solid #d5d5d5;
}
.volunteer_form .back {
  color: #FF352C;
  display: flex;
  margin-top: 30px;
  text-decoration: none;
}
.volunteer_form .back .text {
  margin-left: 5px;
  font-weight: bold;
  border-bottom: 2px solid #FF352C;
}
.volunteer_form .instruction {
  background-color: #f5f5f5;
  display: flex;
  margin-top: 30px;
  padding: 30px;
}
.volunteer_form .instruction .text {
  margin-left: 40px;
}
.volunteer_form .instruction h2 {
  font-size: 30px;
  margin-top: 0;
  color: #9e313a;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.volunteer_form .instruction ul {
  margin: 0;
  padding-left: 20px;
}
.volunteer_form .instruction ul li {
  font-size: 16px;
  margin-left: 20px;
  margin-bottom: 10px;
  line-height: 22px;
}
.volunteer_form .instruction ul li img {
  color: #000000;
  stroke: #000000;
}
.volunteer_form .instruction ul li a {
  color: #000000;
  font-weight: 400;
  text-decoration: underline;
}
.volunteer_form .contact {
  background-color: #FFFFFF;
  border: 2px solid #f5f5f5;
  margin-bottom: 30px;
  margin-top: 30px;
  display: flex;
  padding: 30px;
}
.volunteer_form .contact .text {
  margin-left: 40px;
}
.volunteer_form .contact .text h2 {
  margin-top: 0;
  font-size: 24px;
  color: #9e313a;
  font-weight: bold;
  text-transform: uppercase;
}
.volunteer_form .contact .text h4 {
  text-transform: unset;
  font-size: 16px;
}
.volunteer_form .contact .text .complete {
  font-size: 16px;
}
.volunteer_form .contact .text .complete a {
  color: #DB2921;
  border-bottom: 2px solid;
  font-weight: bold;
  text-decoration: none;
}
.volunteer_form .call-text {
  background-color: #f5f5f5;
  color: #333333;
  display: flex;
  font-weight: 600;
  font-size: 18px;
  padding: 15px 20px;
}
.volunteer_form .call-text .text {
  margin-left: 10px;
  font-size: 18px;
}
.volunteer_form .call-text .image img {
  width: 28px;
  height: 22px;
}
.volunteer_form .step {
  display: flex;
  margin: 30px 20px;
}
.volunteer_form .step .number {
  border: 3px solid #333333;
  display: inline-flex;
  border-radius: 50%;
  width: 54px;
  height: 54px;
  text-align: center;
  font-weight: bold;
  font-size: 28px;
}
.volunteer_form .step .number span {
  margin: auto;
  font-size: 28px;
}
.volunteer_form .step .title {
  font-size: 24px;
  font-weight: bold;
  margin: auto 0 auto 15px;
  color: #333333;
}
.volunteer_form .question-section {
  margin-top: 20px;
}
.volunteer_form .question-section .question {
  background-color: #f5f5f5;
  color: #333333;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
}
.volunteer_form .question-section .question img {
  width: 28px;
  height: 22px;
  margin: auto 0;
}
.volunteer_form .question-section .question span {
  margin: auto 10px;
  font-size: 18px;
}
.volunteer_form .question-section .answer {
  padding: 20px 20px 10px 20px;
  border-bottom: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}
.volunteer_form .question-section .answer .option {
  display: flex;
  padding-bottom: 10px;
  flex-wrap: wrap;
  position: relative;
}
.volunteer_form .question-section .answer input[type=checkbox] {
  width: 23px;
  height: 23px;
  transition: all 0.3s ease-in-out;
  background: transparent;
  color: white;
  font-size: 20px;
  line-height: 22px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  margin: auto 10px auto 0;
}
.volunteer_form .question-section .answer input[type=checkbox]:checked {
  background-color: #f5f5f5;
  border-color: #333333;
  color: #333333;
}
.volunteer_form .question-section .answer ._label {
  width: 100%;
  color: black;
  font-weight: bold;
}
.volunteer_form .question-section .answer label {
  margin: auto 0;
  color: #9e3039;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}
.volunteer_form .question-section .answer textarea {
  width: 100%;
  border: 1px solid #3d3d3d;
  border-radius: 4px;
  margin-top: 10px;
  padding: 10px;
  resize: none;
  font-size: 16px;
}
.volunteer_form .question-section ._col-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.volunteer_form .question-section ._col-2 .option {
  width: 49%;
}
.volunteer_form .add_item {
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid black;
  color: #333333;
  border-radius: 5px;
  cursor: pointer;
  display: inline-table;
  margin-top: 10px;
}
.volunteer_form .add_item:hover {
  background: transparent;
  transition: all 0.5s ease-in-out;
}
.volunteer_form .w100p {
  width: 100%;
}
.volunteer_form .w49p {
  width: 49%;
}
.volunteer_form .day_title {
  font-size: 20px;
  margin-bottom: 5px;
  color: #333333;
}
.volunteer_form .add_hours {
  margin-bottom: 15px;
  padding: 10px;
  color: #333333;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
}
.volunteer_form .add_hours.disabled {
  opacity: 0.5;
}
.volunteer_form .add_hours .image {
  margin: auto 0;
}
.volunteer_form .add_hours .text {
  margin: auto 0 auto 5px;
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
}
.volunteer_form .day_list .item {
  display: flex;
  margin-bottom: 10px;
}
.volunteer_form .day_list .item input[type=time] {
  border-right: none;
  margin-bottom: 0;
  padding-right: 0;
}
.volunteer_form .day_list .item input[type=time], .volunteer_form .day_list .item input[type=time]:focus {
  outline: none;
  border: 1px solid #eee;
  border-right: none;
}
.volunteer_form .day_list .item select {
  width: 45px;
  border: 1px solid #eee;
  height: 40px;
  border-left: none;
  outline: none;
  margin-bottom: 0;
  background: transparent;
}
.volunteer_form .day_list .item .form {
  display: flex;
}
.volunteer_form .day_list .item .divider {
  margin: auto 10px;
  width: 15px;
  height: 2px;
  background: #8c8585;
}
.volunteer_form .day_list .time_day {
  border: 1px solid #eee !important;
  width: 240px !important;
}
.volunteer_form #day_time_list .day_name {
  font-weight: 600;
  font-size: 16px;
  width: 100px;
  display: inline-block;
  margin-right: 15px;
  text-align: right;
}
.volunteer_form #day_time_list .day_times {
  font-size: 16px;
}
.volunteer_form #day_time_list .closed {
  opacity: 0.5;
}
.volunteer_form .send_request {
  text-align: center;
  margin: 20px 0;
}
.volunteer_form .send_request input[type=button] {
  font-size: 18px;
  font-weight: bold;
  color: white;
  background: #9b3039;
  margin: auto 0;
  text-align: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid black;
  padding: 10px 30px;
}
.volunteer_form .send_request .admin_actions input[type=button] {
  border: none;
  width: auto;
}
.volunteer_form .send_request .unable {
  margin-top: 10px;
  font-size: 16px;
  color: #FF352C;
  background: transparent;
  font-weight: bold;
  border: none;
  border-bottom: 2px solid #FF352C;
}
.volunteer_form #modalFormSuccess, .volunteer_form #modalFormUncomplete {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
}
.volunteer_form #modalFormSuccess textarea, .volunteer_form #modalFormUncomplete textarea {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  padding: 5px;
  background: white;
}
.volunteer_form #modalFormSuccess label, .volunteer_form #modalFormSuccess ._label, .volunteer_form #modalFormUncomplete label, .volunteer_form #modalFormUncomplete ._label {
  margin: auto 0;
  color: #9e3039;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}
.volunteer_form #modalFormSuccess .modal-content, .volunteer_form #modalFormUncomplete .modal-content {
  border-radius: 3px;
}
.volunteer_form #modalFormSuccess .modal-content .modal-body .title, .volunteer_form #modalFormUncomplete .modal-content .modal-body .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.volunteer_form #modalFormSuccess .modal-content .modal-footer, .volunteer_form #modalFormUncomplete .modal-content .modal-footer {
  text-align: center;
}
.volunteer_form #modalFormSuccess .modal-content .modal-footer button, .volunteer_form #modalFormUncomplete .modal-content .modal-footer button {
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: white;
  background: #9b3039;
  margin: auto 0;
  width: 120px;
  text-align: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid #9b3039;
}
.volunteer_form #modalFormSuccess .modal-content .modal-body .option, .volunteer_form #modalFormUncomplete .modal-content .modal-body .option {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 5px 10px 5px;
}
.volunteer_form #modalFormUncomplete .modal-content .modal-body .wrong_option {
  background: #f5f5f5;
}
.volunteer_form #modalFormUncomplete .modal-content .modal-body .wrong_option:last-child {
  background: #f5f5f5;
  margin-bottom: 5px;
}
.volunteer_form #modalFormUncomplete .modal-content .modal-body .wrong_option label {
  padding-bottom: 5px;
}
.volunteer_form #modalFormUncomplete .modal-content .modal-body .wrong_active {
  background: #f5f5f5;
}
.volunteer_form #modalFormSuccess .modal-content .modal-body .option input[type=checkbox], .volunteer_form #modalFormUncomplete .modal-content .modal-body .option input[type=checkbox] {
  width: 23px;
  height: 23px;
  transition: all 0.3s ease-in-out;
  background: transparent;
  color: white;
  font-size: 20px;
  line-height: 22px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  margin: auto 10px auto 0;
}
.volunteer_form #modalFormUncomplete .modal-content .modal-body .wrong_option input[type=checkbox] {
  border: 1px solid #3d3d3d;
}
.volunteer_form #modalFormUncomplete .modal-content .modal-body .option input[type=text] {
  margin: 0;
  border: 1px solid #3d3d3d;
  border-radius: 3px;
  width: 100%;
  padding: 7px;
}
.volunteer_form #modalFormSuccess .modal-content .modal-body .option input[type=checkbox]:checked, .volunteer_form #modalFormUncomplete .modal-content .modal-body .option input[type=checkbox]:checked {
  background-color: #f5f5f5;
  border-color: #333333;
  color: #333333;
}
.volunteer_form #modalFormSuccess .modal-content .modal-body .option label, .volunteer_form #modalFormUncomplete .modal-content .modal-body .option label {
  margin: auto 0;
  width: 90%;
}
.volunteer_form #phone_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.volunteer_form #email_list {
  flex-wrap: wrap;
  display: flex;
}
.volunteer_form #phone_list textarea {
  width: 49%;
}
.volunteer_form .clockpicker input[type=text] {
  border: 1px solid #eee;
  border-right: none;
  border-radius: 0;
  padding-right: 0;
  width: 50px;
  box-shadow: none;
}
.volunteer_form .clockpicker input[type=text]:focus {
  outline: none;
  box-shadow: none;
}
.volunteer_form .button_actions {
  font-size: 18px;
  font-weight: bold;
  color: white;
  background: #9b3039;
  margin: auto 0;
  width: 120px;
  text-align: center;
  justify-content: center;
  border-radius: 3px;
  display: inline-block;
  border: none;
  padding: 1px 6px;
}
.volunteer_form .form .change_time {
  text-align: center;
}
.volunteer_form .change_time input {
  width: 40px;
  margin-bottom: 0px;
  text-align: center;
  height: 40px;
  outline: none;
  box-shadow: none;
  border: 1px solid #eee;
}
.volunteer_form .wickedpicker {
  z-index: 5;
  width: 150px !important;
}
.volunteer_form .time_hour {
  border-right: 0 !important;
}
.volunteer_form .time_min {
  border-left: 0 !important;
  border-right: 0 !important;
}
.volunteer_form .time_type {
  border-left: 0 !important;
  padding: 0;
}
.volunteer_form .change_time .separator {
  position: absolute;
  top: 4px;
  z-index: 2;
  right: -3px;
  font-size: 20px;
  color: #878684;
}
.volunteer_form .time_hour:focus,
.volunteer_form .time_min:focus,
.volunteer_form .time_type:focus {
  outline: none;
  border-color: #eee;
}
.volunteer_form .from_time, .volunteer_form .to_time {
  display: flex;
}
.volunteer_form .change_time input::-webkit-outer-spin-button,
.volunteer_form .change_time input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.volunteer_form .change_time input[type=number] {
  -moz-appearance: textfield;
}
.volunteer_form .type_description_help {
  background: #84151f;
  border-radius: 50%;
  width: 13px;
  color: white;
  text-align: center;
  margin-left: 2px;
  font-size: 10px;
  height: 13px;
  cursor: pointer;
}
.volunteer_form .type_description {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  border-radius: 3px;
  padding: 5px;
  background: #f5f5f5;
  color: #333333;
  z-index: 1;
  border: 1px solid #3d3d3d;
}
.volunteer_form .actions button, .volunteer_form .actions a {
  color: white;
  border-radius: 3px;
  margin-top: 10px;
  padding: 5px 10px;
  cursor: pointer;
  font: 400 13px "Open Sans", sans-serif;
  text-decoration: none;
  display: inline-block;
}
.volunteer_form .actions .save {
  background: #3071a9;
  border: 1px solid #2f669d;
}
.volunteer_form .actions .update {
  background: #00a90b;
  border: 1px solid #029819;
}
.volunteer_form .actions .delete {
  background: #ff000e;
  color: white;
  border: 1px solid #cc000e;
}