/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *




 */


body#odc {
  color: #333;
  padding: 0;
  margin: 0;
  font-family: "Work Sans", sans-serif;
}

.navbar .nav-item {
  border-left: 1px solid #dddddd;
  padding: 0 15px;
  font-weight: bold;
  font-size: 1.1em;
}

.nav-tabs .nav-link {
  font-weight: bold;
}

#odc a {
  color: #062f57;
}
#odc a:hover {
  color: #afb91d;
}

#odc h1 {
  color: #062f57;
  margin: 20px 0;
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
}
#odc h2,
#odc h3 {
  color: #446285;
  margin: 20px 0;
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
}

.nav-item {
  font-size: 1.3em;
}

#left_menu_bar {
  display: table-cell;
  width: 25%;
  /* border-right: 1px dashed #AAA; */
}

.contact_block {
  width: 48%;
}
.contact_block:nth-of-type(odd) {
  float: left;
}
.contact_block:nth-of-type(even) {
  float: right;
}

ul li.boxes {
  margin-bottom: 10px;
  border: 1px solid #aaa;
  padding: 5px;
}

ul#left_ajax_results {
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-height: 600px;
  overflow: auto;
}

ul#left_ajax_results li {
  margin: 5px 0;
  background: #dedede;
  border: 1px solid #ddd;
  border-right-color: #bbb;
  border-bottom-color: #bbb;
  /* min-height: 15pt; */
  clear: both;
  padding: 5px;
}

ul#left_ajax_results li:hover {
  background: #fff;
}
#left_ajax_results li a {
  display: block;
}

.quick_filter {
  padding: 0 15px;
  margin: 30px 0;
}
.quick_filter form {
  display: inline-block;
  margin-right: 15px;
}

#content_block label {
  font-weight: bold;
  margin: 3px 0 5px 3px;
}

#odc .notice.success {
  background: #addebd; /*rgba(0,255,0,0.2) */
  color: black;
}

#odc input[type="submit"],
#odc input[type="reset"],
#odc input[type="button"] {
  padding: 8px 12px;
  margin: 4px 0;
}

#odc textarea {
  height: auto;
}

#map img {
  max-width: none;
}
#map label {
  width: auto;
  display: inline;
}

label.required:after {
  content: "*";
}

#odc .btn-outline-primary {
  color: #062f57;
  border-color: #062f57;
}

#odc .btn-outline-primary:hover {
  background-color: #446285;
  color: white;
}
#odc .btn-primary {
  background: rgba(175, 185, 29, 0.6);
  border-color: #062f57;
}

#odc .btn-primary:hover {
  background: rgba(175, 185, 29, 1);
  border-color: #062f57;
  color: #ffffff;
}

#odc .sf_diff {
  background: rgba(255, 165, 0, 0.6);
}

#membernav {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 26px 33px 20px 0px;
  border-bottom: 1px solid #d4d4d4;
}

#membernav li.active {
  border-bottom: 4px solid #062f57;
}

#membernav li {
  display: inline-block;
  /* width: 24%; */
  /* margin: 1.3333%; */
  margin-bottom: 0px;
  /* margin-left: 0px; */
  text-align: center;
  padding: 2px 22px;
}

@media only screen and (max-width: 770px) {
  #membernav {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 26px 33px 20px 0px;
    border-bottom: 1px solid #d4d4d4;
  }
  #membernav li {
    margin-bottom: 7px;
    padding: 10px 13px 0px 13px;
    border: 1px solid #e4e4e4;
    background-color: white;
  }
}

#membernav li a {
  display: inherit;
  text-align: center;
  font-size: 1.1em;
  font-weight: 700;
  transform: translateY(-5px);
  transition: all 0.5s;
}

#membernav li a:hover {
  transform: translateY(-7px);
  text-decoration: none;
}
.member_header {
  padding: 50px 0px;
  background-color: #f3f3f3b3;
  border-bottom: 1px solid #d4d4d4;
}

.member_header h5 {
  font-weight: 700;
  font-size: 1.3em;
}

.member_header p {
  font-size: 1em;
  max-width: 610px;
  margin-bottom: 0px;
}

.payment-banderole {
  position: absolute;
  right: -40px;
  display: inline-block;
  font-size: 14pt;
  width: 150px;
  text-align: center;
  padding: 0.25em 0;
  color: white;
  transform: rotate(45deg);
  border: 5px solid #fff;
  background: #58a;
}

#odc caption {
  caption-side: top;
  color: #062f57;
  font-size: 16pt;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/*






 */



/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-32175261daee76c82bb0edf0eea16a56421866fbc31e94f3c1d570aa114502f5.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-350df1b7131037de20e83c5c0f3a41a770d2ac48b5762ea772b3f4a8a7b9d47a.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-0b020fc6e696d88d296e7bb1f61f1eb2ad827848e2c7382a4c3e0999e702dd9b.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-40985a64b4d5dd213fba27fcd862a1bd1b337a97674f6ff0b9ec20abcee4bc69.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-faf32007ae120c302213557626e660dd10e711c5dd4f1113d35f26dc05b78d2f.png)/*{iconsDefault}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*

 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */

.ga_dashboard {
  background-color: rgba(200,200,200,0.9);
  padding: 0.2em 1em;
  line-height: 3em;
  margin: 1em;
  border-radius: 5px;
  border: 1px solid #062f57;
  font-size: x-large;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/


#odc .affiliate_index {
				  /* display: block;*/
  	margin: 0 0 35px 0; 
  border-radius: 4px;
  	border-top: solid #AFB91D;
  	width: 100%;
  	background: rgba(255,255,255,0.5);
  min-height: 170px;
  height: 100%;
  /* overflow: hidden; */  
  border: 1px solid #e2e2e2;
    border-top: 3px solid #d9dca4;
    


  /* box-shadow: 1px 2px rgba(6,47,87,0.1); */  
}

#odc .affiliate_index:hover {
	  	background: white;
}
 
#odc .affiliate_index h3 a {
	 text-decoration: none;
}

#odc .affiliate_index h3 a:hover {
	 color: #AFB91D;
	 text-decoration: none;
}

#odc .affiliate_index .related_affiliates {
  min-height: 130px; 
  text-align: center;
  padding: 15px;
  display: table;
}

.affiliate_index .related_affiliates a {
		text-align: center;
	vertical-align: middle;
	display: table-cell;

}

.affiliate_index .related_affiliates:hover {
	background: rgba(175,185,29,0.1)
}
#odc .pagination li a {
	    color: #446285;
}

#odc .pagination li.active a {
	  color: white;
	  background: #446285;
}

#odc .rosette_show {
		    width: 65px;
    position: absolute;
    top: -40px;
    right: 0px;
    z-index: 4000;
}

#odc .rosette_index {
		    width: 50px;
    position: absolute;
    bottom: -25px;
    right: 0px;
    z-index: 4000;
}

#odc .rosette_inline {
		    width: 50px;
		    display: inline;
		    margin: 0 15px;
    z-index: 4000;
}

#odc .rosette_top_right {
		    width: 50px;
		    display: inline;
		    position: absolute; top: 18px; right: 10px;
		    margin: 0 15px;
    z-index: 4000;
}

.continent-icons {
	height: 80px;
	margin-left: 20px;
	background-size: 80px;
	background-repeat:no-repeat;
	background-position: 10px 10px;
}

.tab-content {
	width: 100%;
}

.tab-pane .row {
	border-bottom: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	background-color: rgba(255,255,255,0.5);
	padding: 15px;
	min-height: 400px;	
	
}
#filter_buttons {
	margin: 15px 0;
}

#filter_buttons .col-md-4  {
  display: table;	
  padding: 10px 20px;  
}

#filter_buttons .col-md-4 a {	
	display: table-cell;
	height: 100px;	
	color: #062F57;
	font-size: 1.25em;
	font-weight: bold;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(255,255,255,0.7);		
	border-radius: 3px;
    box-shadow: 2px 4px 5px rgba(6,47,87,0.1);
}

#filter_buttons .col-md-4 a:hover
{
	background-color: rgba(175,185,29,0.1);
	text-decoration: none;
	border: 1px dotted #062F57;
	color: #446285;
}

#odc .card-header {
  font-size: 1em;
  font-weight: 700;
  background-color: white;
} 
span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container .multiselect-reset .input-group{width:93%}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
#cbs #content {
	padding-top: 25px;
	padding-bottom:25px;
}
#cbs #content_body {
	
}

#cbs #content_body h2 {
	text-align: left;
	font: normal normal bold 14pt 'Open Sans';
	letter-spacing: 0px;
	color: #222529;
	opacity: 1;
}

#cbs .cb_index {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #e3e3e3;
	opacity: 1;
	margin: 0 0 20px 0;
	box-shadow: 0px 0px 0px #00000029;
	transition: box-shadow 0.3s;
}

#cbs .cb_index:hover {
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #8e8e8e;
}

#cbs #cbs_affiliate_rosette,
#cbs #cbs_affiliate_rosette a {
	text-align: center;
	font: normal normal 300 12px/14px 'Open Sans';
	color: #222529;
	max-width: 50%;
}

#cbs #cbs_affiliate_rosette a {
	margin-top:10px;
}

#cbs #cbs_ifoam_accredited {
  	text-align: center;
  	vertical-align: middle;
  	
}

#cbs #cbs_ifoam_accredited img {
 margin: 0 auto;
 max-width:100%;
 width:80px;
}

/* Begin Related Certification Bodies Styles */

#cbs .related_cb {
    margin: 10px;
    border: 1px solid #e3e3e3;
    padding: 20px;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cbs #pre-footer-area {
	background: #ECEFF0 0% 0% no-repeat padding-box;
}

#cbs #pre-footer-area .jumbotron {
	margin-bottom: 0;
	padding: 40px 0px;
}

#cbs #pre-footer-area p {
	text-align: center;
	font: normal normal normal 30px/41px 'Open Sans';
	letter-spacing: 0px;
	color: #222529;
	opacity: 1;
	padding: 0.5em 10%;
}

#cbs #footer h1,
#cbs #footer h2,
#cbs #footer h3,
#cbs #footer h4,
#cbs #footer h5 {
	color: white;
	margin: 1em 0 0.5em 0;
	font-family: 'Open Sans';	
}

#cbs #footer h2 {
	font-weight: 800;
}

#cbs #footer p {
	margin: 0px 0px 10px 0px;
}

#cbs #footer a {
	
}

#cbs #footer .footer-bottom {
	color: #8e8e8e;
	font-size:13px;
	border-top:1px solid #8e8e8e;
	padding-top:20px;
	margin-top:30px;
}

#cbs #footer .footer-bottom a {
	color: #8e8e8e;
}

#cbs #footer .footer-disclaimer {
	font-size: 13px;
    color: #8e8e8e;
} 
body#cbs {  
	  color: #333; 
	  padding: 0; 
	  margin: 0;
  font-family: 'Open Sans', sans-serif;	
	}

#cbs a {color: #062F57}
#cbs a:hover {color: #AFB91D}

#cbs h1 {
	text-align: left;
	font: normal normal bold 18pt 'Open Sans';
	letter-spacing: 0px;
	color: #222529;	
	color: #062F57; 
	margin: 20px 0;
	font-weight: bold;
}
#cbs h2, #cbs h3 {
	text-align: left;
	font: normal normal 600 14pt 'Open Sans';
	letter-spacing: 0px;
	color: #555555; /* #222529; */
	opacity: 1;	
	margin: 20px 0;	  
	}

.nav-item {
	font-size: 1.3em
}

#cbs .notice.success {
		  background: #ADDEBD; /*rgba(0,255,0,0.2) */ 
		  color: black;
}

#cbs input[type="submit"], #cbs input[type="reset"], #cbs input[type="button"] {
	  padding: 8px 12px;
	  margin: 4px 0; 
}

#cbs textarea {
	 height: auto;
}

#cbs .affiliate_index {
				  /* display: block;*/
  	margin: 0 0 35px 0; 
/*  border-radius: 4px; */
/*  	border-top: solid #AFB91D; */
  	width: 100%;
/*  	background: rgba(255,255,255,0.5); */
/*  min-height: 170px;*/
/*  height: 100%;*/
  /* overflow: hidden; */  
/*  border: 1px solid #e2e2e2; */
/*    border-top: 3px solid #d9dca4;*/
    


  /* box-shadow: 1px 2px rgba(6,47,87,0.1); */  
}

#cbs .affiliate_index:hover {
	  	background: white;
}
 
#cbs .affiliate_index h3 a {
	 text-decoration: none;
}

#cbs .affiliate_index h3 a:hover {
	 color: #AFB91D;
	 text-decoration: none;
}

#cbs .affiliate_index .related_affiliates {
  min-height: 130px; 
  text-align: center;
  padding: 15px;
  display: table;
}

.affiliate_index .related_affiliates a {
		text-align: center;
	vertical-align: middle;
	display: table-cell;

}

.affiliate_index .related_affiliates:hover {
	background: rgba(175,185,29,0.1)
}
#cbs .pagination li a {
	    color: #446285;
}

#cbs .pagination li.active a {
	  color: white;
	  background: #446285;
}

#cbs .rosette_show {
	width: 50px;
    position: relative;
    top: 0;
    right: 0;
    z-index: 4000;
    max-width: 100%;
}

#cbs .rosette_index {
		    width: 50px;
    position: absolute;
    bottom: -25px;
    right: 0px;
    z-index: 4000;
}

#cbs .rosette_inline {
		    width: 45px;
		    display: inline;
		    margin: 0 0 6px 0;
    z-index: 4000;
}

#cbs .rosette_top_right {
		    width: 50px;
		    display: inline;
		    position: absolute; top: 18px; right: 10px;
		    margin: 0 15px;
    z-index: 4000;
}

#cbs .card-header {
  font-size: 1em;
  font-weight: 700;
  background-color: white;
} 

#cbs #footer {
	/*height: 350px;*/
	background: #313131 0% 0% no-repeat padding-box;
	opacity: 1;
	text-align: left;
	letter-spacing: 0px;
	color: white;
	padding: 40px 0px 10px 0px;
}

#cbs #footer a {
	color: white;
}

#cbs .cbs-jumbotron h3 {
	font: normal normal 700 16pt 'Open Sans'
}

/* CB Detail Page */

#cbs .cbs-detail-backtolist {
	padding: 2.4rem 0 1.6rem 0;
}

#cbs .cbs-detail-inforow1 {
	border-bottom:1px solid #e3e3e3;
	align-items:center;
	padding: 1rem 0px;
}

#cbs .cbs-detail-inforow2a {
	border-right: 1px solid #e3e3e3;
}

#cbs .fa-ul {
	margin-left:1.5em;
}

#cbs .cbs-index-keyinfo {
	padding: 15px 40px 15px 15px;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#cbs .cbs-detail-inforow2a {
	border-right: 0px;
	}
	#cbs .cbs-detail-inforow1 {
	text-align: center;
	}
	#cbs .cbs-detail-inforow1 h1 {
	text-align:center;
	}
	#cbs .bb-1-dash {
	border-bottom: 1px dashed #e3e3e3;
	}
	#cbs #cbs_ifoam_accredited img {
		margin-bottom:20px;
	}
	#cbs .cbs-index-keyinfo {
		padding: 0px 15px;
	}
}
/* Navigation Section */


#cbs #wide-header {
	background: #113256;
	color: white;
	height: 40px;
	
	padding-top: 0.5em;
}

#cbs #wide-header a, #cbs #navigation a {
	color: white;	
}

#cbs #navigation {
	border-top: 1px solid black;	
	background: #113256;
	padding: 25px 5%;
}

#cbs #navbar-wrapper {

}
#cbs .navbar .nav-item {
  border-left: 0px solid #DDDDDD;
  padding: 0 15px;
  font-weight: bold;
  font-size:1.1em;
}

#cbs .navbar-brand {
	border-right: 1px solid #424d5a;
	}
	
#cbs .navbar-brand img {
	max-width:80px;
}

#cbs .nav-tabs .nav-link {
	font-weight: bold;
}

#cbs .cbs-nav-title {
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 0em;
	line-height: 24px;
}

/* New Nav Styles */

#cbs .cbs-navigation {
	background-color: rgba(0,0,0,0.35);
	color:white;
	position:absolute;
    z-index:10;
    top:0;
    left:0;
    width:100%;
}

#cbs .cbs-navigation a {
    color:white;
    font-weight: 700;
}

#cbs .cbs-utility {
    padding: 5px 15px;
}
  
#cbs .cbs-utility a {
  color: #cacaca;
  font-size:0.8em;
  }
  
#cbs .cbs-utility .navbar-nav a {
  font-weight: 700;
}
#cbs .cbs-nav.navbar-dark .navbar-nav .nav-link {
  color:#e0e0e0;
  }
  
#cbs .cbs-nav.navbar-dark .navbar-nav .nav-link.active {
  color:white;
  text-decoration: underline;
  }
  
#cbs .cbs-nav .dropdown-menu {
	background-color: #099559;
}
  
#cbs .cbs-nav .dropdown-item.active {
  background-color: #077f4c;
  }
 
#cbs .cbs-utility-ifoam {
	position:relative;
  transition:0.5s;
  right:20px;
  }
#cbs .cbs-utility-ifoam:after {
  content: '→';
  position: absolute;
  opacity: 0;  
  top: 0px;
  right: -20px;
  transition: 0.5s;
  }
  
  #cbs .cbs-utility-ifoam:hover {
    padding-right:24px;
  }
   #cbs .cbs-utility-ifoam:hover:after {
     opacity:1;
     right:5px;
  }

  
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#cbs .navbar-brand img {
	max-width:60px;
	}
	#cbs .navbar {
		justify-content: normal;
	}
	#cbs .cbs-nav-title {
	font-size: 1em;
	}
}
#cbs #search-home {
	/*min-height: 550px;*/
	/*height: 70%;*/
	/*max-height: 650px;*/
	background-image: url('/images/CB_Directory_Cover.jpg');
	background-size: cover;
    background-position: bottom;
    padding-top:110px;
    position:relative;
    display: flex;
    justify-content:center;
    align-items:center;
    
}

#cbs #search {
	min-height: 110px;
	/*height: 50%;*/
	/*max-height: 340px;*/
	background-image: url('/images/CB_Directory_Cover.jpg');
	background-size: cover;
    background-position: bottom;
    padding-top:110px;
    position:relative;
    display: flex;
    justify-content:center;
    align-items:center;
}

#cbs #searchbar-wrapper {	
	/*border-top: 1px solid black;*/
	padding: 2em 1.2em;
	color: white;
	text-align: center;		
}

#cbs #searchbar-wrapper h1,
#cbs #searchbar-wrapper h2 
#cbs #searchbar-wrapper h3 {
	color: white;
	text-align: center;	
}

#cbs .searchbar-frame {
	background: #39536E 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	margin: 2% 5%;
}

#cbs #searchbar {
	/*height: 5em;*/
	/*max-height: 10em;*/
	/*background: #39536E 0% 0% no-repeat padding-box;*/
	/*box-shadow: 0px 3px 6px #00000029;*/
	/*opacity: 0.88;*/	
	/*margin: 3% 10%;*/
	/*border: 1px solid #FFFFFF;*/
	padding: 1em 1em 0em 1em;
	z-index: 1200;
	position: relative;
	border:0px;
}

#cbs #searchbar form,
#cbs #searchbar > div {
	height: 100%;
} 

#cbs #searchbar .form-row,
#cbs #searchbar .form-group,
#cbs #searchbar .btn-group {
	height: 100%;
}

#cbs #searchbar input,
#cbs #searchbar input.select2-search__field,
#cbs #searchbar select {
	vertical-align: middle;	
	height: 100%;
	min-height: 15px;
	border-radius: 0;
	background-color: white;
	
}
#cbs #searchbar.select2-search,
#cbs #searchbar span.select2 {
	height: 100%; 
	overflow: auto;
	border-radius: 0;
	background-color: white;
}

#cbs #searchbar span.select2-selection--multiple {
	height: 100%; 
	border-radius: 0;
	border: none;
	background-color: white;	
}

#cbs #searchbar button[type=submit] {
	background: #FFCB3C 0% 0% no-repeat padding-box;
	height: 100%;
	width: 100%;
	border-radius: 0px;	
	height:50px;
}

#cbs .multiselect {
	background: white;
	max-width: 100%;
	border-radius: 0;
	height:50px;
}

#cbs .multiselect-native-select,
#cbs .multiselect-native-select .btn-group {
	width: 100%;
    max-width: 100%;
}

#cbs .multiselect-container > li { height: auto; }

#cbs .multiselect-container > li > a { white-space: normal; }

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#cbs .cbs-navigation {
		position:relative;
		background-color: #062542;
	}
	
	#cbs #search-home {
		padding-top:0px;
	}
	#cbs #search {
		padding-top:0px;
		min-height: 0px;
	}
	#cbs #searchbar-wrapper {
		padding: 2em 1.2em!important;
	}
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper{ 
	position:absolute;
	top:0; left:0; 
	z-index:9999;
	overflow: auto;
}
#cboxWrapper {max-width:none;background: white;}
#cboxOverlay { 
	position:fixed; 
	width:100%; 
	height:105%;
	background-color: lightgray;
}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent {
	position:relative; 
	border: 15px white solid;
	padding: 1em 2em;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: gray #666 #666 gray;
}
#cboxContent button {
	margin: 10px;	
}
#cboxLoadedContent{ 
	overflow: auto;
}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:105%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:105%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

@font-face {
	font-family: 'Work Sans';
	src:url('/assets/WorkSans-Light-d1eceee39432142a3c5cbc5e103c41895b348ce8463adb2db06515d7131effc0.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	}
@font-face {
	font-family: 'Work Sans';
	src:url('/assets/WorkSans-Regular-1b94e0d8ca23cc01c51de5d2d6a9e69704b95848c2143df8ee6cd421ac60decf.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	}
@font-face {
	font-family: 'Work Sans';
	src:url('/assets/WorkSans-Medium-f1ca78b693fa3195a3b4a78d1d851d5150cdce603e5289422e033ba5fdb85cc0.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	}
@font-face {
	font-family: 'Work Sans';
	src:url('/assets/WorkSans-SemiBold-cf7ae8d55dd1927fbaafe23f111b73a99202d7109925647facadf76ff1bb7516.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	}
@font-face {
	font-family: 'Work Sans';
	src:url('/assets/WorkSans-Bold-40580d429399613827a6f3ad0c14d7193c0de2ea2994113d32cd00d7fbceafbc.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	}    
@font-face {
	font-family: 'Open Sans';
	src:url('/assets/OpenSans-Light-abca0004f2960ea162b161a82240a139fce6012733a76f3859febb9bed38b420.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	}         
@font-face {
	font-family: 'Open Sans';
	src:url('/assets/OpenSans-Regular-a0707e10e48c02363b3c6b2283b6b4f87c20e6fd24a0c5d33b381455f5b8e69b.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	}            
@font-face {
	font-family: 'Open Sans';
	src:url('/assets/OpenSans-Medium-bf3dc3e49f1b9dbee1177e61895e429aaa153bc7793d5bcc342de6ea81c5931d.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src:url('/assets/OpenSans-SemiBold-89275a1c66640733265b5be89864b6daefef1cc3f275566dd8fd29bd66601a83.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	}
@font-face {
	font-family: 'Open Sans';
	src:url('/assets/OpenSans-Bold-914b98c4be37d22289a09667dc5083f7c625d972fea66a049d73decad7f1df72.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
.registration.on_site {
    color: green;
}

.registration.not_present {
    color: gray;
}
.vote-code-box {   
   border: 5px dotted #062f57;
   /* border-radius: 10px;
   border-top: 5px solid #11497F;
   border-right: 5px solid #062F57;
   border-left: 5px solid #2C5F8F;
   border-bottom: 5px solid #062F57; */
   text-align: center;
   padding: 0.7em 1em;
   display: inline-block;
   margin: 1em calc(50% - 5em);
   width: 10em;
   font-weight: bold;
   color: #062f57;
}

#odc .card-header-blue {
    background: #062F57; 
    color: white    
}
#pgs {
	font-family: fieldwork, sans-serif;
}
#pgs #content {
	padding-top: 0em;
}

#pgs #content_body h2 {
	text-align: left;
	font: normal normal bold 14pt 'Open Sans';
	letter-spacing: 0px;
	color: #222529;
	opacity: 1;
}

#pgs .pgs_index {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #e3e3e3;
	opacity: 1;
	margin: 0 0 20px 0;
	box-shadow: 0px 0px 0px #00000029;
	transition: box-shadow 0.3s;
}

#pgs .pgs_index:hover {
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #8e8e8e;
}

#pgs #pgs_affiliate_rosette,
#pgs #pgs_affiliate_rosette a {
	text-align: center;
	vertical-align: middle;
	font-size: small;
	text-decoration: none;
	color: #222529;
	max-width: 50%;
}

#pgs #pgs_affiliate_rosette a {
	margin-top:10px;
}

#pgs #pgs_ifoam_accredited {
  	text-align: center;
  	vertical-align: middle;
  	font-size: small;
}

#pgs #pgs_ifoam_accredited img {
 margin: 0 auto;
 max-width:100%;
 height:80px;
}

/* Begin Related Certification Bodies Styles */

#pgs .related_pgs {
    margin: 10px;
    border: 1px solid #e3e3e3;
    padding: 20px;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* PGS Detail Page */
#pgs .back-to-map {
	padding: 30px 0px;
    border-bottom: 1px solid #efefef;
}

#pgs .back-to-map a {
	text-decoration: none;
}

#pgs .pgs-detail-header {
    border-bottom: 1px solid #efefef;
	align-items: center;
}

#pgs .pgs-detail-header h1 {
    margin-bottom: 5px;
}

#pgs .pgs-detail-info i {
	color: #668b72;
	margin-right:10px;
}

#pgs .pgs-detail-info i {
	color: #668b72;
	margin-right:10px;
}

#pgs .pgs-detail-main i, #pgs .pgs-detail-side i {
	color: #668b72;
	margin-right:10px;
}
#pgs #pre-footer-area {
	background: #ECEFF0 0% 0% no-repeat padding-box;
}

#pgs #pre-footer-area .jumbotron {
	margin-bottom: 0;
	padding: 40px 0px;
}

#pgs #pre-footer-area p {
	text-align: center;
	font: normal normal normal 30px/41px 'Work Sans';
	letter-spacing: 0px;
	color: #222529;
	opacity: 1;
	padding: 0.5em 10%;
}

#pgs #footer h1,
#pgs #footer h2,
#pgs #footer h3,
#pgs #footer h4,
#pgs #footer h5 {
	color: white;
	margin: 1em 0 0.5em 0;
	font-family: 'Work Sans';	
}

#pgs #footer h2 {
	font-weight: 800;
}

#pgs #footer p {
	margin: 0px 0px 10px 0px;
}

#pgs #footer .footer-bottom {
	color: #8e8e8e;
	font-size:13px;
	border-top:1px solid #8e8e8e;
	padding-top:20px;
	margin-top:30px;
}

#pgs #footer .footer-bottom a {
	color: #8e8e8e;
}

#pgs #footer .footer-disclaimer {
	font-size: 13px;
    color: #8e8e8e;
} 
body #pgs {  
	color: #333; 
	padding: 0; 
	margin: 0;
	font-family: 'Work Sans', sans-serif;	
	}

#pgs a {color: #062F57}
#pgs a:hover {color: #748976;}

#pgs h1 {
	text-align: left;
	font: normal normal bold 18pt 'Work Sans';
	letter-spacing: 0px;
	color: #222529;	
	margin: 20px 0;
	font-weight: bold;
}
#pgs h2, #pgs h3 {
	text-align: left;
	font: normal normal 600 14pt 'Work Sans';
	letter-spacing: 0px;
	color: #555555; /* #222529; */
	opacity: 1;	
	margin: 20px 0;	  
	}

.nav-item {
	font-size: 1.3em
}

#pgs .notice.success {
		  background: #ADDEBD; /*rgba(0,255,0,0.2) */ 
		  color: black;
}

#pgs input[type="submit"], #pgs input[type="reset"], #pgs input[type="button"] {
	  padding: 8px 12px;
	  margin: 4px 0; 
}

#pgs textarea {
	 height: auto;
}

#pgs .affiliate_index {
				  /* display: block;*/
  	margin: 0 0 35px 0; 
/*  border-radius: 4px; */
/*  	border-top: solid #AFB91D; */
  	width: 100%;
/*  	background: rgba(255,255,255,0.5); */
/*  min-height: 170px;*/
/*  height: 100%;*/
  /* overflow: hidden; */  
/*  border: 1px solid #e2e2e2; */
/*    border-top: 3px solid #d9dca4;*/
    


  /* box-shadow: 1px 2px rgba(6,47,87,0.1); */  
}

#pgs .affiliate_index:hover {
	  	background: white;
}
 
#pgs .affiliate_index h3 a {
	 text-decoration: none;
}

#pgs .affiliate_index h3 a:hover {
	 color: #AFB91D;
	 text-decoration: none;
}

#pgs .affiliate_index .related_affiliates {
  min-height: 130px; 
  text-align: center;
  padding: 15px;
  display: table;
}

.affiliate_index .related_affiliates a {
		text-align: center;
	vertical-align: middle;
	display: table-cell;

}

.affiliate_index .related_affiliates:hover {
	background: rgba(175,185,29,0.1)
}
#pgs .pagination li a {
	    color: #446285;
}

#pgs .pagination li.active a {
	  color: white;
	  background: #446285;
}

#pgs .rosette_show {
	width: 50px;
    position: relative;
    top: 0;
    right: 0;
    z-index: 4000;
    max-width: 100%;
}

#pgs .rosette_index {
		    width: 50px;
    position: absolute;
    bottom: -25px;
    right: 0px;
    z-index: 4000;
}

#pgs .rosette_inline {
		    width: 45px;
		    display: inline;
		    margin: 0 0 6px 0;
    z-index: 4000;
}

#pgs .rosette_top_right {
		    width: 50px;
		    display: inline;
		    position: absolute; top: 18px; right: 10px;
		    margin: 0 15px;
    z-index: 4000;
}

#pgs .card-header {
  font-size: 1em;
  font-weight: 700;
  background-color: white;
} 

#pgs #footer {
	/*height: 350px;*/
	background: #313131 0% 0% no-repeat padding-box;
	opacity: 1;
	text-align: left;
	letter-spacing: 0px;
	color: white;
	padding: 40px 0px 10px 0px;
}

#pgs #footer a {
	color: white;
}

#pgs .pgs-jumbotron h3 {
	font: normal normal 700 16pt 'Work Sans'
}

/* CB Detail Page */

#pgs .pgs-detail-backtolist {
	padding: 2.4rem 0 1.6rem 0;
}

#pgs .pgs-detail-inforow1 {
	border-bottom:1px solid #e3e3e3;
	align-items:center;
	padding: 1rem 0px;
}

#pgs .pgs-detail-inforow2a {
	border-right: 1px solid #e3e3e3;
}

.pgs-detail-main {
    padding: 0px 0px 20px 0px;
}

.pgs-detail-main th {
    padding: 18px 0px!important;
	width:40%;
}

.pgs-detail-main td {
    padding: 18px 18px 0px 18px!important;
}

.pgs-detail-side {
    padding: 0px 30px 20px 30px;
	border-left:1px solid #efefef;
}

#pgs .fa-ul {
	margin-left:1.5em;
}

#pgs .pgs-index-keyinfo {
	padding: 15px 40px 15px 15px;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#pgs .pgs-detail-inforow2a {
	border-right: 0px;
	}
	#pgs .pgs-detail-inforow1 {
	text-align: center;
	}
	#pgs .pgs-detail-inforow1 h1 {
	text-align:center;
	}
	#pgs .bb-1-dash {
	border-bottom: 1px dashed #e3e3e3;
	}
	#pgs #pgs_ifoam_accredited img {
		margin-bottom:20px;
	}
	#pgs .pgs-index-keyinfo {
		padding: 0px 15px;
	}
}

/* PGS Filter */

#pgs #filter_bar {
	background-color: #f5f5f5;
	box-shadow: 0px 4px 4px #00000021;
    position: relative;
    z-index: 1;
}

#pgs #filter_bar .quick_filter {
	background-color: #f5f5f5;
}

#pgs #filter_bar .quick_filter form {
	display: flex;
	gap:10px;
}

#pgs .form-control {
	display:inline;
	flex-grow: 1;
	border-radius:0px;
}

#pgs .btn-primary {
	background-color: #668B72;
	color: white;
}

#pgs .btn {
	border-radius: 0px;
	border:0px;
}

/*  PGS Sidebar */

#pgs #sidebar_right {
	height:100%;
	position: relative;
	top: 0px;
	right: 0px;
	max-width:400px;
	background-color:white;
	border-left: 1px solid #cfd2d0;
}

/*  PGS Map Legend  */

#map_legend {

}
.map_legend {
	position: absolute;
    bottom: 80px;
    left: 30px;
    background-color: #f5f5f5;
    padding: 20px;
    max-width: 260px;
	box-shadow: 0px 4px 16px #00000033;
	display:none;
}

.map_legend.map_legend_visible {
	display: block!important;
}

.map_legend p {
	font-size: 13px;
    line-height: 1;
}

.map_legend img {
	float: left;
}

.map_legend_btn {
	position: absolute;
    bottom: 30px;
    left: 30px;
    border-radius: 50%!important;
    color: white!important;
	box-shadow: 0px 0px 16px #00000047;
}

/* PGS Map + Filter Flex Styles */

#pgs #main_ajax_results {
	display:flex;
}

#pgs #content_block {
	flex-grow:1;
}

#pgs #sidebar_right {
	flex-grow:1;
}

#pgs .pgs_result {
	position:relative;
}

#pgs .pgs-location {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: white;
    padding: 7px 10px;
    border-radius: 5px;
	display:none;
	cursor:pointer;
}

#pgs .pgs_result:hover .pgs-location {
	display: block;
}

#pgs i.pgs-result-country, #pgs i.pgs-result-status {
	margin-right:10px;
}

#pgs .pgs-last-updated {
	color: #b3b3b3;
	font-size: 14px;
}
/* Navigation Section */


#pgs #wide-header {
	background: #445C4C;
	color: white;
	height: 40px;
	
	padding-top: 0.5em;
}

#pgs #wide-header a, #pgs #navigation a {
	color: white;	
}

#pgs #navigation {
	border-top: 1px solid black;	
	padding: 5px;
}

#pgs .navbar .nav-item {
  border-left: 0px solid #DDDDDD;
  padding: 0 15px;
  font-weight: bold;
  font-size:1em;
}

#pgs .navbar-brand {
	border-right: 1px solid white;
	}
	
#pgs .navbar-brand img {
	max-width: 100px;
}

#pgs .nav-tabs .nav-link {
	font-weight: bold;
}

#pgs .pgs-nav-title {
	font-size: 1em;
	font-weight: bold;
	margin-left: 0em;
	line-height: 20px;
  text-decoration: none;
}

/* New Nav Styles */

#pgs .pgs-navigation {
	background-color: #6e8a74;
	color:white;
  z-index:10;
  box-shadow: 0px 4px 8px rgba(0, 0, 0 , 0.15);
}

#pgs .pgs-navigation a {
    color:white;
    font-weight: 600;
}

#pgs .pgs-utility {
    padding: 5px 15px;
    background-color: rgba(0, 0, 0 , 0.25);
}
  
#pgs .pgs-utility a {
  color: #cacaca;
  font-size:0.8em;
  font-weight: 300;
  text-decoration:none;
  }
  
#pgs .pgs-utility .navbar-nav a {
  font-weight: 700;
}
#pgs .pgs-nav.navbar-dark .navbar-nav .nav-link {
  color:#e0e0e0;
  }
  
#pgs .pgs-nav.navbar-dark .navbar-nav .nav-link.active {
  color:white;
  text-decoration: underline;
  }
  
#pgs .pgs-nav .dropdown-menu {
	background-color: #576759;
}
  
#pgs .dropdown:hover .dropdown-menu {
  display: block;
}

#pgs .dropdown-item:hover {
  background-color:#6e8a74;
}

#pgs .pgs-nav .dropdown-item.active {

  }
 
#pgs .pgs-utility-ifoam {
	position:relative;
  }
  
  #pgs .pgs-utility-ifoam:hover {
    color:white;
  }
   #pgs .pgs-utility-ifoam:hover:after {
     opacity:1;
     right:5px;
  }

  #pgs table tfoot {
    color: lightgray
  }
  
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#pgs .navbar-brand img {
	  max-width: 60px;
	}
	#pgs .navbar {
		justify-content: normal;
	}
	#pgs .pgs-nav-title {
	  font-size: 1em;
	}
}
#pgs #search-home {
	/*min-height: 550px;*/
	/*height: 70%;*/
	/*max-height: 650px;*/
	background-image: url('/images/CB_Directory_Cover.jpg');
	background-size: cover;
    background-position: bottom;
    padding-top:110px;
    position:relative;
    display: flex;
    justify-content:center;
    align-items:center;
    
}

#pgs #search {
	min-height: 110px;
	/*height: 50%;*/
	/*max-height: 340px;*/
	background-image: url('/images/CB_Directory_Cover.jpg');
	background-size: cover;
    background-position: bottom;
    padding-top:110px;
    position:relative;
    display: flex;
    justify-content:center;
    align-items:center;
}

#pgs #searchbar-wrapper {	
	/*border-top: 1px solid black;*/
	padding: 2em 1.2em;
	color: white;
	text-align: center;		
}

#pgs #searchbar-wrapper h1,
#pgs #searchbar-wrapper h2 
#pgs #searchbar-wrapper h3 {
	color: white;
	text-align: center;	
}

#pgs .searchbar-frame {
	background: #39536E 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	margin: 2% 5%;
}

#pgs #searchbar {
	/*height: 5em;*/
	/*max-height: 10em;*/
	/*background: #39536E 0% 0% no-repeat padding-box;*/
	/*box-shadow: 0px 3px 6px #00000029;*/
	/*opacity: 0.88;*/	
	/*margin: 3% 10%;*/
	/*border: 1px solid #FFFFFF;*/
	padding: 1em 1em 0em 1em;
	z-index: 1200;
	position: relative;
	border:0px;
}

#pgs #searchbar form,
#pgs #searchbar > div {
	height: 100%;
} 

#pgs #searchbar .form-row,
#pgs #searchbar .form-group,
#pgs #searchbar .btn-group {
	height: 100%;
}

#pgs #searchbar input,
#pgs #searchbar input.select2-search__field,
#pgs #searchbar select {
	vertical-align: middle;	
	height: 100%;
	min-height: 15px;
	border-radius: 0;
	background-color: white;
	
}
#pgs #searchbar.select2-search,
#pgs #searchbar span.select2 {
	height: 100%; 
	overflow: auto;
	border-radius: 0;
	background-color: white;
}

#pgs #searchbar span.select2-selection--multiple {
	height: 100%; 
	border-radius: 0;
	border: none;
	background-color: white;	
}

#pgs #searchbar button[type=submit] {
	background: #FFCB3C 0% 0% no-repeat padding-box;
	height: 100%;
	width: 100%;
	border-radius: 0px;	
	height:50px;
}

#pgs .multiselect {
	background: white;
	max-width: 100%;
	border-radius: 0;
	height:50px;
}

#pgs .multiselect-native-select,
#pgs .multiselect-native-select .btn-group {
	width: 100%;
    max-width: 100%;
}

#pgs .multiselect-container > li { height: auto; }

#pgs .multiselect-container > li > a { white-space: normal; }

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#pgs .pgs-navigation {
		position:relative;
		background-color: #062542;
	}
	
	#pgs #search-home {
		padding-top:0px;
	}
	#pgs #search {
		padding-top:0px;
		min-height: 0px;
	}
	#pgs #searchbar-wrapper {
		padding: 2em 1.2em!important;
	}
}
ul#right_ajax_results {
	list-style-type: none;
	margin: 0;	
	padding: 0;		
	max-height: 100%;
	overflow: auto;
}

ul#right_ajax_results li {		
	  background: rgba(255,255,255,0.6);	 
	  border-bottom: 1px solid #ccc;
	  /* min-height: 15pt; */
	  clear: both;
	  padding: 15px 15px;	
}

ul#right_ajax_results li:hover {
	  background: #eceff0;	 
}

ul#right_ajax_results li a {
	display: block;
	text-decoration: none;
	color: #222529;
}

ul#right_ajax_results li p {
	color: #676767;
	margin-bottom:5px;
}

ul#right_ajax_results li h3 {
	  font-size: 1.1em;
	  color: #222529;
	  margin:5px 0px 10px 0px;
	  padding-right: 50px;
}

#map h3 {
	font-size: 11pt;
}

#pgs_header {
  width: 100%;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
	  #sponsored-by-fao {
	    display: none;
  }
}


a { color: #062F57; }
a:visited { color: #446285; }
a:hover { color: #fff; }

div.field, div.actions {
  margin-bottom: 10px;
}

#notice {
  color: #006400;
}

.field_with_errors {
  padding: 2px 5px;
  background-color: #8B0000;
  /* display: inline-block; */
}

.field_with_errors label {
	  color: white;
}

#error_explanation {
  width: 450px;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #8B0000;
  color: #fff;
}

#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}
@media screen {

	#top_bar {
		height: 120px;
		/* background-color: #005b9a; */			
		color: #333;
		font-size: 8pt;	
		width: 1200px;
		margin: auto auto;
	}
	
	#top_bar h1 {
		font-family: sans-serif;
		font-size: 24pt;
		margin: 10px 0 0 10px;
		color: #005b9a;
		line-height: 30pt; 
	}
	
	#top_menu {
		width: 1200px;
		margin: auto auto;
		height: 23px;
		background: #062F57;
		/* border-bottom: 3px solid #7b7a08; */
		padding: 5px 10px;
	border-radius: 8px;
	    
	}
	
	#top_menu a {
		color: white;
		font-size: 12pt;
		font-weight: lighter;
		font-family: sans-serif;
			text-transform: uppercase;
			text-decoration: none;
	line-height: 22px;	
	}

}