/* 0. Module Common */
/*body{ overflow: hidden; }*/
.content{ background-color:#fff; width: 100%;}
.container-fluid.scroll{ padding:0; }
.content.noscroll{ /*top: 40px;*/ top:14px; }
#page-container{ padding-top: 5rem; height:auto; }
.hidden{ display: none!important; }
/*
.content{ background-color: #fff; overflow: hidden!important; overflow-y: auto!important; top:65px!important; width:100%; }
.container-fluid.scroll{ padding:0; }
.content.noscroll{ top: 64px; min-height:104rem; }*/
.min-width-600{ min-width: 600px!important; }
.min-width-800{ min-width: 800px!important; }
.min-width-1000{ min-width: 1000px!important; }

/* 2. Header Bar */
.dcp-page-header{ display:flex; flex-direction: row; flex-wrap: nowrap; height:8rem; line-height:8rem; background-color: #fff; border:0;-webkit-box-shadow: 0 0.125rem 1.2rem 0 rgba(0,0,0,0.08);
box-shadow: 0 0.125rem 1.2rem 0 rgba(0,0,0,0.08); }
.dcp-page-header .back-to-icon{ width: 50rem; text-align: center; }
.dcp-page-header .page-title{ font-size: 2.2rem; color: #303030; flex-grow: 1; text-align: center; margin-left: -10rem; }
/*.page-control-actions { width: 15rem; display:flex; justify-content:flex-end; align-items:center;  padding-right:5rem; }*/

.viewer--header_bar{ 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-justify-content: space-between;
    justify-content: space-between;

    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

    border-bottom: 1px solid #ccc;
    /*padding: 0px 0 20px 0px;*/
    padding:0;
    padding-top:1.5rem;

}
.viewer--program_title{ 	
	font-size: 1.8rem; 
	line-height: 3rem;
	font-weight: 500; 
	color: #303030; 
	text-align: left; 	
	margin-left: 30px;
}
#section--help_topics{ padding-bottom:20rem; }
/*
.page-control-actions .btn-header { border: 1px solid #ccc; border-radius: 5px; color: #303030; cursor: pointer; }
.page-control-actions #btn-save_edit{ margin-right: 1rem; }
.page-control-actions #btn-edit{ margin-right: 1rem; }
.page-control-actions #btn-share{ margin-right: 1rem; }
.page-control-actions #btn-save{ margin-left:1rem; }*/
@media( max-width: 428px ) {
	.viewer--program_title{ margin-left: 0; font-size: 1.6rem; line-height: 2rem; }
	.back-to-icon{ display: none!important; }
	/*.page-control-actions{ width: 8rem; flex-grow: 1; text-align: right; padding-right:0px; }
	.page-control-actions #btn-share{ margin-right: 1rem; }*/
	.dcp-page-header{ padding-right: 1rem; padding-left: 1rem; }
	.dcp-page-header .page-title{ margin-left: 0rem; line-height: 2rem; display: flex; align-items: center; font-size: 1.6rem;padding-right: 1rem; max-width: 30rem; }
}
.viewer--meta_data{ 
	font-size: 1.4rem;
	color: #303030;
	line-height: 3rem;
}

@media( max-width: 768px ) {
	.viewer--meta_data{ display: none; }
}

.is-clickable{ cursor: pointer; color: #606060; }
.is-clickable:hover{ color: #303030; }

.typeahead__cancel-button {
  line-height: 3rem !important;
}

/* 1.2 Dialog Box */
.ui-dialog{ min-width: 450px; }
.ui-widget-header{ background-color: #c54905; color: #fff; }
.ui-dialog .ui-dialog-titlebar-close{ display: none; }
.ui-dialog .ui-dialog-buttonpane button{ text-transform: uppercase; -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out; background-color: #fff; border-color: #c54905; color: #c54905; } 
@media( max-width: 428px ) { .ui-dialog{ min-width: 100%; } }

.contact-wrapper{ width:600px; background-color:#fff; border:0; margin:0 auto; padding:4rem; margin-top:5rem; border:1px solid #ccc; }
.contact-wrapper h1{ margin-bottom: 2rem; }
.ol-contact-form{ background-color: #fff; border-radius: 0; border:0; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-top: 3rem; }
.ol-contact-form h2.form-title{ font-size:3rem; text-align: center; margin-bottom:5rem; font-family: "Aktiv Grotesk Bold",Arial,"Open-Sans",sans-serif; }
.ol-contact-form .form-instructions{ font-size: 1.6rem; text-align: left; margin-bottom: 2.5rem; }
.ol-contact-form .ol-contact-form--field{ margin-bottom: 3rem; }
.ol-contact-form--field.half-width{ width:48%; flex-grow: 0; flex-shrink: 0; flex-basis: 48%; }
#ts-message, #ri-message{ min-height: 150px; }
.ol-contact-form--button{ width:100%; }
.ol-contact-form--button #ol-contact_button{ max-width: 52rem; margin: 0 auto; }

.vertical-spacer{ display:block; width: 100%; min-height: 25rem; }
.page-footer{ position: absolute; bottom: 0; width: 100%; text-align: center; margin-bottom: 9rem; }

.section-wrapper{ max-width: 120rem; margin: 0 auto; display:none; }
.section-wrapper.active{ display:block; }
.section-title-header{ margin:0 auto; padding-top:8rem; }
.section-title-header h3.section-title{ font-size:2.4rem; font-weight: 500; text-align:center; color:#303030; line-height: 6rem; }
.section-title-header p{ font-size:1.6rem; text-align:center; }

.topics-title-wrapper{ display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; }
.section-topics-wrapper{ max-width: 96rem; margin: 5rem auto; }
h3.topics-title{ margin-bottom:3rem; font-weight:600; }

.section-topics-wrapper > ul.help_topics{ list-style:none; padding:0; margin:0; width:100%; /*border:1px solid #efefef; border-radius:1.5rem;*/ }
.section-topics-wrapper ul.help_topics > li.question{ padding:2rem; padding-left:5rem; border-bottom:1px solid #efefef; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; cursor: pointer; }
/*.section-topics-wrapper ul.help_topics > li.question:last-child{ border-bottom:0; }*/
.section-topics-wrapper ul.help_topics > li.question > div{ display: flex; width:100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.section-topics-wrapper ul.help_topics > li.question:not(.active):hover span.question, .section-topics-wrapper ul.help_topics > li.question:not(.active):hover span.arrow{ color:#007aff; }
.section-topics-wrapper ul.help_topics > li.question.active span.question{ color:#007aff; text-decoration:underline; }
.section-topics-wrapper ul.help_topics > li.question.active span.arrow{ color:#007aff; text-decoration:none; }
.accordion-dropdown{ width:100%; flex-basis:100%; height:0; padding-right: 4rem; overflow: hidden; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; }
.accordion-dropdown-inner{ padding:4rem 0; }
.accordion-dropdown.active{ height: 100%; cursor:default; }
.section-topics-wrapper h3.section-title{ font-size: 1.8rem; color: #303030; margin-bottom: 2.5rem; }
.accordion-dropdown-inner ul:not(.help_topics) { list-style:disc; margin-top:3rem; margin-bottom:1rem; margin: 3rem 0 1rem 0; list-style-position:outside;display:block; padding-left: 40px; }
.accordion-dropdown-inner ul:not(.help_topics) > li{ padding: 0 !important; margin: 0.5rem 0 1.5rem 0 !important; display: list-item!important; border: none!important; list-style:disc !important; list-style-position:outside !important; }
/*
.section-topics-wrapper ul.help_topics{ list-style:none; padding:0; margin:0; width:100%; }
.section-topics-wrapper ul.help_topics li{ padding:2rem; padding-left:5rem; border-bottom:1px solid #efefef; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; cursor: pointer; }
.section-topics-wrapper ul.help_topics li > div{ display: flex; width:100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.section-topics-wrapper ul.help_topics li:hover span{ color:#007aff; }
.section-topics-wrapper ul.help_topics li.active span.question{ color:#007aff; text-decoration:underline; }
.section-topics-wrapper ul.help_topics li.active span.arrow{ color:#007aff; text-decoration:none; }
.accordion-dropdown{ width:100%; flex-basis:100%; max-height:0; padding-right: 4rem; overflow: hidden; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; }
.accordion-dropdown-inner{ padding:4rem 0; }
.accordion-dropdown.active{ max-height: 125rem; }*/
@media( max-width:428px) {
	.accordion-dropdown.active{ max-height:500rem; }
}

.select2-container--default .select2-results__option--group { padding: 2rem 0rem 0rem; border-bottom: 1px solid #ccc; }
.select2{ width:100%!important; min-width: 30rem; margin-left: 2rem; }
.select2.select2-container--disabled .select2-selection__arrow{ display:none; }
.select2-container--default.select2-container--disabled .select2-selection--single{ background-color:#fff; }
@media(max-width:1024px){
	.select2{ margin-left: 0rem; }	
}
.select2-container--default .select2-selection--single{ border-color: #ccc; border-radius: 0px; height: 35px; font-size: 1.4rem; line-height: 25.6px; padding: 3px 12px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #303030 transparent transparent transparent; border-width: 6px 5px 0 5px; margin-left: -12px; margin-top: 2px;  }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-color: transparent transparent #ccc transparent; border-width: 0 5px 6px 5px; margin-left: -12px; margin-top: 2px; }
.select2-results__option{ font-size: 1.4rem; }

/** SEARCH BAR **/
.section-search_bar{ width:100%; margin:5rem 0; }
.bot--search_bar{ margin: 0 auto; margin-bottom: 5rem; }
.bot--search_bar .input-container{ position:relative; width: 80rem; margin:0 auto; }
.bot--search_bar input{width: 100%; height: 4.1rem; line-height: 4rem; padding-left: 1.5rem; padding-right: 3rem; border: 1px solid #ccc; border-radius: 5px; font-size: 1.6rem; border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.bot--search_bar .typeahead__button button{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.bot--search_bar div.icon-container{ position:absolute; top: 5px; right:1.5rem; font-size: 2rem; color: #ccc;}

@media (max-width:  428px ) {
	.contact-wrapper{ max-width: 100%; margin-top:4rem; }
	.ol-contact-form--field.half-width{ width:100%; flex-grow: 0; flex-shrink: 0; flex-basis: 100%; }
	.section-title-header{ padding-top:2rem; }
	.bot--search_bar .input-container{ width:100%; }
	.section-wrapper{ padding:0 2rem; }
	.accordion-dropdown{ padding-right:0; }
	.section-topics-wrapper ul.help_topics li{ padding-left:1.5rem; }
	.section-topics-wrapper ul.help_topics li span.question{ min-width:95%; }
	.section-topics-wrapper ul.help_topics li span.arrow{ width:1rem; align-items: center; display: flex; margin-left:1rem; }
	.contact-wrapper{ border:0; padding:1rem; }
	.header-sub_bar ul.sub-header_options li.menu-option{ font-size:1.4rem!important; min-width:14rem!important; }
	/*.page-control-actions{ display:none!important; }*/
}
@media (max-width:  414px ) {
	.header-sub_bar ul.sub-header_options li.menu-option{ font-size:1.3rem!important; min-width:12rem!important; }
}
@media( max-width:834px){
	.header-sub_bar ul.sub-header_options li{ min-width:20rem!important; }
}
@media( max-width:1024px){
	.header-sub_bar ul.sub-header_options li{ min-width:23rem; text-align:center; }
	/*.section-title-header{ padding-top:0; }*/
}

@media( max-width:1366px){
	.header-sub_bar ul.sub-header_options li{ min-width:30rem; }
}

/** Search Location Popup **/
.modal#geolocation-modal .modal-body{ margin: 0 auto; }
.modal#geolocation-modal .modal-body .bodyregion_selection.hidden{ display:none; }
.modal#geolocation-modal .modal-body .bodyregion_selection{ width:25rem; margin:0 auto; }
.modal#geolocation-modal .modal-header{ justify-content:space-between; border-bottom:none; }
.modal#geolocation-modal .modal-header h4.modal-title{ font-size:1.6rem; text-align: left; line-height: 3rem; margin-left: 2rem; }
.modal#geolocation-modal .modal-header .close{ font-size: 3rem; }
.modal#geolocation-modal .modal-content{ padding:2rem; }
.modal#geolocation-modal .leaflet-container { height: 500px; width: 500px; max-width: 100%; max-height: 100%; }
.modal#geolocation-modal .map-vision-overlay{ position:absolute; width:150%; height:150%; z-index: 500; background-color: ; }
.modal#geolocation-modal .map-vision-overlay .overlay-circle{position: relative; border-radius: 50%; height: 100%; width: 100%; border: 150px solid rgba(255,0,255,0.2); top: -125px; left: -125px; pointer-events: none;}
.modal#geolocation-modal #geo-search{ margin-bottom: 1.5rem; width:100%; line-height:2.2rem; font-size:1.6rem; position:relative; max-width: 50rem; }
.modal#geolocation-modal #geo-search div.search-icon{ font-size:1.6rem; position:absolute; top: 1rem; left:1rem; }
.modal#geolocation-modal #geo-search input{ width:100%; line-height: 3.2rem; font-size: 1.6rem; padding-left: 4.5rem; }
.modal#geolocation-modal #log{ display: block; width: 100%; height: 5rem; padding-right: 2rem; line-height: 5rem; color: #000; font-size: 1.6rem; text-align: right; border-bottom:1px solid #ccc; }
.modal#geolocation-modal .btn{ width: 100%; line-height: 3.2rem; font-size: 1.6rem; margin-top: 3rem; }
.pac-container{ z-index: 6000!important; }
#geolocation-display{ line-height:2.3rem; max-width: 25rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.modal#question_viewer-modal .modal-header{ justify-content:space-between; }
.modal#question_viewer-modal .modal-header h4.modal-title{ font-size:1.6rem; text-align: left; line-height: 3rem; margin-left: 2rem; }
.modal#question_viewer-modal .modal-header .close{ font-size: 3rem; }
.modal#question_viewer-modal .modal-body{ padding:5rem 5rem 10rem; }
.modal#question_viewer-modal .modal-body .question_viewer--question{ font-size:1.6rem; font-weight:bold; margin: 0 0 3rem 0; }
.modal#question_viewer-modal .modal-body .question_viewer--answer{ font-size:1.4rem; }

@media (max-width: 414px){	
	.modal#geolocation-modal #log{ font-size: 1.2rem; padding-right: 0; }
	.modal-body{ width:100%; }
	.modal .modal-content{ padding:1rem!important; }
	.modal-dialog.min-width-600{ width:97%!important; min-width:97%!important; }
	.modal#geolocation-modal .map-vision-overlay{ width:171%; height:171%; }
	.modal#geolocation-modal .leaflet-container{ width:362px!important; height:362px!important; }
	/*
	.modal#geolocation-modal #log{ font-size: 1.2rem; padding-right: 0; }
	.modal-body{ width:100%; }
	.modal .modal-content{ padding:1rem; }
	.modal-dialog.min-width-800{ width:97%; min-width:97%; }
	.modal#geolocation-modal .map-vision-overlay{ width:171%; height:171%; }
	.modal#geolocation-modal .leaflet-container{ width:362px!important; height:362px!important; }*/
}