/* // BASIC GRID */
		.M2Container							{width:100%; margin:0; position:relative;}
		.M2Container:after,
		.M2Row:after,
		.M2Group:after,
		.M2GraphTools:after,
		.M2SurveyTools:after,
		.ModalDataVisTools:after,
		.M2ModalBtns:after						{content:""; display:table; clear:both;}

		.M2Row									{position:relative; margin:0 -10px;}
		.M2Row + .M2Row							{margin-top:10px;}
		
		div[class^="M2Col"]						{float:left; padding:0 10px; box-sizing:border-box;}
		.M2Col-1								{width:8.33333333%}
		.M2Col-2								{width:16.66666667%}
		.M2Col-3								{width:25%}
		.M2Col-4								{width:33.33333333%}
		.M2Col-5								{width:41.66666667%}
		.M2Col-6								{width:50%}
		.M2Col-7								{width:58.33333333%}
		.M2Col-8								{width:66.66666667%}
		.M2Col-9								{width:75%}
		.M2Col-10								{width:83.33333333%}
		.M2Col-11								{width:91.66666667%}
		.M2Col-12								{width:100%}
		.M2Col-55								{width:45%;}
		.M2Col-65								{width:55%;}
		.M2Col-120							{width:100%;}

@media (min-width: 768px) and (max-width: 768px)
		{
		.M2Col-md-1								{width:8.33333333%}
		.M2Col-md-2								{width:16.66666667%}
		.M2Col-md-3								{width:25%}
		.M2Col-md-4								{width:33.33333333%}
		.M2Col-md-5								{width:41.66666667%}
		.M2Col-md-6								{width:50%}
		.M2Col-md-7								{width:58.33333333%}
		.M2Col-md-8								{width:66.66666667%}
		.M2Col-md-9								{width:75%}
		.M2Col-md-10							{width:83.33333333%}
		.M2Col-md-11							{width:91.66666667%}
		.M2Col-md-12							{width:100%}
		}
		
@media (max-width: 767px)
		{
		.M2Col-sm-1								{width:8.33333333%}
		.M2Col-sm-2								{width:16.66666667%}
		.M2Col-sm-3								{width:25%}
		.M2Col-sm-4								{width:33.33333333%}
		.M2Col-sm-5								{width:41.66666667%}
		.M2Col-sm-6								{width:50%}
		.M2Col-sm-7								{width:58.33333333%}
		.M2Col-sm-8								{width:66.66666667%}
		.M2Col-sm-9								{width:75%}
		.M2Col-sm-10							{width:83.33333333%}
		.M2Col-sm-11							{width:91.66666667%}
		.M2Col-sm-12							{width:100%}
		}
		
		div.ForceRight								{float:right;}
/* BASIC GRID // */

		.MIDIS_II, .MIDIS_II input, .MIDIS_II select, .MIDIS_II textarea, .MIDIS_II button
												{font-size:14px; color:#333;}
												
		.MIDIS_II legend						{font-size:13px; border:0; width:auto;}
		
		.M2Fieldset								{padding:20px 40px;}
@media (max-width: 767px)
		{
		.M2Fieldset								{padding:20px 30px;}
		}
		.M2Fieldset + .M2Fieldset				{margin-top:1px;}
		.M2Fieldset.M2Target					{margin-top:20px;}
		.M2Fieldset > fieldset						{margin:0; padding:0; border:0;}
		.M2Fieldset > fieldset > legend				{margin:0 0 10px 0; padding:0; text-transform:uppercase; font-weight:600;}
		.M2Fieldset .NumberedLegend				{margin-left:-20px;}
		.M2Fieldset .NumberedLegend span			{display:inline-block; width:17px; opacity:.5;}
		
		.M2Fieldset fieldset fieldset					{margin:5px -10px 0 -10px; padding:6px 8px 8px 8px; box-sizing:border-box; border:1px solid rgba(255,255,255,.5);}
		.M2Fieldset fieldset fieldset legend			{padding:0 5px; margin:0 -3px;}
		
		.M2Step1,
		.M2Target								{background:#003399;}
		.M2Step1 legend,
		.M2Target legend						{color:#fff;}
		.M2Step2								{background:#e3e3e3;}
		.M2Step3								{background:#ebebeb;}
		.M2Step4								{background:#f0f0f0;}
		
		.M2FormControl,
		.M2Label								{display:block; border:0; width:100%; padding:8px; font-weight:400;}
		.M2Label								{padding-left:2px; padding-right:0;}
@media (min-width: 768px)
		{
		.M2FCAuto								{width:auto; display:inline-block;}
		.M2FCAuto + .M2FCAuto					{margin-left:10px;}		
		}
		
@media (max-width: 767px)
		{
		.M2FCAuto								{width:100%; display:block;}
		.M2FCAuto + .M2FCAuto					{margin-top:10px;}		
		}
		
		.M2Group								{list-style:none; margin:0; padding:0;}
		.M2Group.M2GroupB						{margin-top:30px; -webkit-margin-before:29px;}
		.M2Group li								{float:left; margin:0; padding:0; box-sizing:border-box;}
		.M2GroupA li								{width:25%;}
		.M2GroupA li + li							{padding-left:1px;}
		.M2GroupB li								{width:33.33333333%;}
		.M2GroupB li								{padding-left:10px;}
@media (max-width: 767px)
		{
		.M2Group.M2GroupB						{margin-top:10px; -webkit-margin-before:9px;}
		.M2GroupA li,
		.M2GroupB li								{width:50%; padding:3px !important;}
		}
		
		.M2Group input							{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
		.M2Group label							{display:block; height:50px; padding:0; margin:0; color:#333; background:#f7f7f7; font-weight:600; cursor:pointer;}
		.M2Group input:focus + label,
		.M2Group input:checked + label				{background:#F9DD16; box-shadow:inset 4px 4px 0 rgba(0,0,0,.1);}
		.M2Group label span						{display:block; position:relative; top:50%; transform:translateY(-50%); text-align:center; line-height:140%; padding:0 25px 0 10px;} 
		
		.M2Info									{display:block; width:14px; height:16px; line-height:16px; position:absolute; right:5px; top:calc(50% - 8px); background:rgba(0,51,153,.75); color:#fff; font-family:serif; text-decoration:none; border-radius:2px;}
		
		.M2Question								{margin:40px 0 10px 0; padding:0; font-weight:400; font-size:18px;}
		.M2Question small							{display:block; font-size:13px; margin-top:8px;}
		
		.M2GraphTools							{list-style:none; margin:0; padding:0;}
		.M2GraphTools > li						{float:left; width:50%; box-sizing:border-box;}
		.M2GraphTools > li:first-child			{padding-right:1px;}
		.M2GraphTools > li > a						{display:block; padding:14px 10px 13px 10px; font-weight:600; text-align:center; border:1px solid #ebebeb; position:relative; color:#039; text-decoration:none; cursor:pointer;}
		.M2GraphTools > li > a:before				{content:""; display:inline-block; width:14px; height:14px; margin-right:8px; vertical-align:bottom; background-image:url(midis2-graph-tools.png); background-repeat:no-repeat;}
		.M2GraphTools .M2GraphShare:before		{background-position:0 0;}
		.M2GraphTools .M2GraphExport:before		{background-position:0 -20px;}
		.M2GraphTools > li:hover > a,
		.M2GraphTools > li > a:focus				{background:#ebebeb;}
		
		.M2GraphTools > li								{position:relative;}
		.M2GraphTools > li > ul,
		.M2GraphTools > li > ul[aria-hidden="true"]		{display:none;}
		.M2GraphTools > li:hover ul,
		.M2GraphTools > li > ul[aria-hidden="false"]		{display:block; position:absolute; width:100%; z-index:10; list-style:none; padding:0; margin:0; background:#039;}
@media (min-width: 768px)
		{
		.M2GraphTools > li > ul							{width:175% !important;}
		.M2GraphExport + ul								{right:0;}
		}
		.M2GraphTools > li > ul li							{margin:0; padding:0;}
		.M2GraphTools > li > ul li a							{display:block; padding:10px; color:#fff; text-decoration:none; border-top:1px solid #2a5cbf;}
		.M2GraphTools > li > ul li a:hover,
		.M2GraphTools > li > ul li a:focus					{background:#2a5cbf; color:#fff;}
		
		.M2GraphTools a:focus							{outline:none;}
		
		.M2VisTitle								{margin:30px 0 10px 0; padding:0; text-transform:uppercase; font-size:100%;}
		
		.M2Vis									{list-style:none; margin:0; padding:0;}
		.M2Vis + .M2Vis							{margin-top:20px;}
		.M2Vis li									{margin:0; padding:0;}
		.M2Vis li + li								{margin-top:1px;}
@media (max-width: 767px)
		{
		.M2Vis li									{float:left; width:50%; box-sizing:border-box; margin:0 !important; padding:3px;}
		}
		
		.M2Vis input								{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
		.M2Vis label								{display:block; padding:14px 10px 13px 50px; font-weight:600; cursor:pointer; border:1px solid #ebebeb; position:relative;}
		.M2Vis label:before						{content:""; display:block; width:27px; height:27px; position:absolute; top:7px; left:10px; background-image:url(midis2-vis-types.png); background-repeat:no-repeat;}
		.M2Vis #proxy_plot_label0:before					{background-position:0 0;}
		.M2Vis #proxy_plot_label1:before				{background-position:0 -30px;}
		.M2Vis #proxy_plot_label2:before			{background-position:0 -60px;}
		.M2Vis #proxy_plot_label3:before		{background-position:0 -90px;}
		.M2Vis .M2V-Overview:before				{background-position:0 -120px;}
		.M2Vis #label_csvView:before				{background-position:0 -150px;}
		.M2Vis input:focus + label,
		.M2Vis input:checked + div label			{border-color:#F9DD16; background:#F9DD16;}			.M2FormControl:hover,
		.M2FormControl:focus,
		.M2Group label:hover,
		.M2Vis label:hover						{box-shadow:inset 0 0 0 1px #f8dc13; outline:none; background:#fffad3;}
		.M2Info:hover,
		.M2Info:focus							{color:#333; background:#f8dc13; outline:none;}
		
		.M2Graph								{border:1px solid #e6e6e6;}
@media (max-width: 767px)
		{
		.M2Graph								{margin-top:20px;}
		}
		
		.M2Text									{margin-top:20px; line-height:150%;}
		.M2Text ul li								{list-style:square !important;}
		
		.AssistiveOnly							{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

		.M2SurveyTools							{margin:0 0 10px 0; text-align:right;}
		.M2SurveyTools ul						{list-style:none; margin:0 auto; padding:0;}
		.M2SurveyTools li							{margin:0; padding:0; display:inline-block;}
		.M2SurveyTools li + li						{margin-left:30px;}
		.M2SurveyTools .M2STAbout				{float:left;}
@media (max-width:767px)
		{
		.M2SurveyTools							{text-align:left; margin:0 !important;}
		.M2SurveyTools li							{float:none !important; margin:0 0 10px 10px !important; display:block; }
		}
@media (min-width:768px) and (max-width:1024px)
		{
		.M2SurveyTools							{margin-left:10px; margin-right:20px;}
		}
		
		.M2SurveyTools a							{display:block; color:#039; text-decoration:none; outline:none; font-weight:600; line-height:20px;}
		.M2SurveyTools a:hover,
		.M2SurveyTools a:focus					{text-decoration:underline;}
		.M2SurveyTools a:before					{content:""; display:block; float:left; width:20px; height:20px; margin-right:5px; background-image:url(midis2-survey-tools.png); background-repeat:no-repeat;}
		.M2SurveyTools .M2STAbout a:before		{background-position:0 0;}
		.M2SurveyTools .M2STHowto a:before		{background-position:0 -60px;}
		.M2SurveyTools .M2STRequirements a:before{background-position:0 -120px;}
		.M2SurveyTools .M2STAbout a:hover:before,
		.M2SurveyTools .M2STAbout a:focus:before			{background-position:0 -30px;}
		.M2SurveyTools .M2STHowto a:hover:before,
		.M2SurveyTools .M2STHowto a:focus:before			{background-position:0 -90px;}
		.M2SurveyTools .M2STRequirements a:hover:before,
		.M2SurveyTools .M2STRequirements a:focus:before	{background-position:0 -150px;}
		
/* // MODALS */
	.modal-is-open,
	.modal-is-open body							{height:100%; overflow:hidden; position:absolute; width:100%;}
	.modal-is-open #ModalWrapper:after			{background:rgba(17,34,68,0.95); content:""; height:100%; left:0; position:absolute; top:0; width:100%; z-index:20;}

	.a11y-modal									{display:block; opacity:0; overflow:auto; padding:8px 0; position:fixed; left:0; top:50%; transform:translateY(-50%); width:100%; height:auto;
												transition: opacity .2s ease-in-out; visibility:hidden; z-index:-1;}
	.a11y-modal[aria-hidden="false"]			{opacity:1; visibility:visible; z-index:99;}
    .a11y-modal[aria-hidden="false"] .modal		{transform: scale(1) translateY(0px);}

	.midis-ii-modal								{color:#333; background:#fff; border: 1px solid rgba(0,0,0,0.5); margin:20px auto; outline:none;
												max-height:90%; max-width:1000px; min-width:220px; overflow:auto; overflow-x:hidden; padding:24px 32px; position:relative; transition:transform .3s ease-in-out;
												box-shadow:0 1px 0 rgba(255,255,255,0.2) inset, 0 0 12px rgba(0,0,0,0.5); margin:auto; transform:scale(0.8) translateY(-30px);}
	.modal--sm									{max-width:430px;}
	.modal--full-width							{max-width:100%;}
	.modal--take-over							{height:100%; max-height:100%; max-width:100%;}

	.modal--content-scroll						{overflow:hidden;}
    .modal--content-scroll .modal__content		{height:300px; overflow:auto; transition:height .2s ease-in-out;}
@media screen and (min-height: 41.25em)
	{
	.modal--content-scroll .modal__content		{height:400px;}
	}
@media screen and (min-height: 47.9375em)
	{
	.modal--content-scroll .modal__content		{height:500px;}
	}
@media screen and (min-height: 53.75em)
	{
	.modal--content-scroll .modal__content		{height:600px;}
	}
@media screen and (min-height: 64em)
	{
	.modal--content-scroll .modal__content		{height:700px;}
	}

    .modal--sm.modal--content-scroll .modal__content		{height:auto; max-height:300px;}
	
	.modal__intro								{position:relative;}
	.modal__intro:before						{content:""; display:block; position:absolute; top:0; bottom:0; left:-32px; width:8px; background:#f8dc24;}
	.modal__intro:after							{content:""; display:block; position:absolute; bottom:-16px; left:0; right:0; height:1px; background:#e5e5e5;}
	.modal__intro__title						{font-size:24px; line-height:1em; margin:0; padding:0; font-weight:400;}
	.modal__intro p								{text-transform:uppercase; letter-spacing:1px; color:#555; margin:10px 0 0 0; font-size:0.84615em;}

	.modal__content								{margin-top:30px; padding-right:10px; font-size:16px;}
	.modal__content h2							{font-size:18px; line-height:1em; margin:15px 0 10px 0; padding:0; font-weight:400;}
	.modal__content h3							{font-size:14px; line-height:1em; margin:0 0 10px 0; padding:0; font-weight:600;}
	.modal__content p							{xline-height:1.4em; margin:0 0 1em 0;}
	.modal__content ul							{margin:0 0 10px 0; padding:0 0 0 20px; list-style:square;}
	.modal__content li							{margin:0; padding:0;}
	.modal__content li + li							{margin-top:5px;}							
	.modal__content a							{color:#039; text-decoration:underline;}
	.modal__content a:hover,
	.modal__content a:focus						{text-decoration:none;}
	form .modal__content fieldset					{border:1px solid #e5e5e5; padding:15px;}
	form .modal__content legend					{padding:0 10px;}
	form .modal__content ul						{list-style:none; margin:15px 25px; padding:0;}
	form .modal__content fieldset ul					{margin:0 10px;}
	form .modal__content li + li						{margin-top:8px;}
	form .modal__content li input					{float:left; margin-right:8px;}

	.modal__outro								{margin-top:0;}
	.modal__outro__close						{background:transparent; display:block; height:24px; position:absolute; right:8px; text-decoration:none; top:8px; width:32px;}
	.modal__outro__close svg						{bottom:0; fill:#777; height:70%; left:0; margin:auto; position:absolute; right:0; top:0; width:70%;}
	.modal__outro__close:hover,
	.modal__outro__close:focus					{background:#f8dc24;}
	.modal__outro__close:hover svg,
	.modal__outro__close:focus svg				{fill:#333;}
	
	.M2Code										{word-wrap:break-word; white-space:pre-wrap; line-height:1.4em; margin:0;}
	
	.M2ModalBtns								{border-top:1px solid #e5e5e5; padding-top:15px;}
	.M2ModalBtns button							{color:#fff; background:#039; border:0; border-radius:2px; padding:8px 15px; box-shadow:0 3px 6px rgba(0,0,0,0.2); cursor:pointer; float:left;}
	.M2ModalBtns button + button					{margin-left:10px;}
	.M2ModalBtns button:hover,
	.M2ModalBtns button:focus						{background:#1b53c1; outline:none; box-shadow:0 0 8px 0 #4180ff;}
	.M2ModalBtns button:active					{box-shadow:0 0 2px 0 #4180ff; padding-top:9px; padding-bottom:7px;}
	.M2ModalBtns button[disabled],
	.M2ModalBtns button[disabled]:hover,
	.M2ModalBtns button[disabled]:focus			{background:#dfdfdf; color:#777; cursor:inherit; box-shadow:none;}
	
	
	.ModalVisTool								{box-sizing:border-box; float:left; padding:15px; border-top:1px solid #e5e5e5;}
@media (min-width:425px) and (max-width:767px)
	{
	.ModalVisTool								{width:100%;}
	}
@media (min-width:768px)
	{
	.ModalVisTool								{width:33.33333333%;}
	.ModalVisTool:nth-child(4)					{clear:both;}
	}
/* MODALS // */
		
		
		
/* // INTRO MODAL */
	.M2IntroTGSelection											{border-radius:0; padding:24px 32px; font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:13px; width: 100% !important; max-width: 25em; min-width: 20em;}
	.M2IntroTGSelection .ui-dialog-titlebar						{position:relative; background:transparent; color:#333; width:100%; padding:0; border:0; float:left; border-radius:0; box-sizing:border-box;}
	.M2IntroTGSelection .ui-dialog-titlebar:before				{content:""; display:block; position:absolute; top:0; bottom:0; left:-29px; width:8px; background:#f8dc24;}
	.M2IntroTGSelection .ui-dialog-titlebar:after				{content:""; display:block; position:absolute; bottom:-16px; left:0; right:0; height:1px; background:#e5e5e5;}
	.M2IntroTGSelection .ui-dialog-titlebar .ui-dialog-title	{font-size:20px; line-height:1.3em; margin:0; padding:0; font-weight:400;}

	.M2IntroTGSelection .ui-dialog-content						{color:#333; float:left; width:100%; box-sizing:border-box; padding:15px 0; margin:15px 0 0 0;}

	.M2IntroTGSelection .supercheckboxDialog label 				{margin-top:5px; font-weight:600;}
	.M2IntroTGSelection .supercheckboxDialog label input		{margin-right:10px; float:left;}

	.M2IntroTGSelection .ui-dialog-buttonpane					{float:left; width:100%; padding:10px 0 0 0; margin:0; border-top:1px solid #e5e5e5;}
	.M2IntroTGSelection .ui-dialog-buttonset					{padding:0;margin:0;float: none !important;}

	.M2IntroTGSelection .ui-button-text						{padding:0 !important; color:inherit !important; text-transform:uppercase;}
	.M2IntroTGSelection .ui-button							{color:#fff; background:#039; border:0 !important; border-radius:2px; padding:8px 15px !important; box-shadow:0 3px 6px rgba(0,0,0,0.2); cursor:pointer; float:left;}
	.M2IntroTGSelection .ui-button:hover,
	.M2IntroTGSelection .ui-button:focus					{color:#fff; background:#1b53c1; outline:none; box-shadow:0 0 8px 0 #4180ff;}
	.M2IntroTGSelection .ui-button:active					{box-shadow:0 0 2px 0 #4180ff; padding-top:9px; padding-bottom:7px;}

	.M2IntroTGSelection	.ui-state-disabled,
	.M2IntroTGSelection	.ui-state-disabled:hover,
	.M2IntroTGSelection	.ui-state-disabled:focus			{opacity:1; background:#dfdfdf; color: #636363; cursor:inherit; box-shadow:none;}


	#superSubsetWraperDialog fieldset legend 					{padding:0 8px; font-size:13px; border:0; margin:0;}
	#superSubsetWraperDialog fieldset 							{margin: 0; border: 1px solid #e5e5e5; padding: 5px 8px;}
	fieldset .supercheckboxDialog								{margin-left: 0;}
	.supercheckboxDialog 									{margin-left: 10px;}
/* INTRO MODAL // */

	#block-quicktabs-node-related-content-quicktabs			{float:none !important; width:100% !important;}
	fieldset.borderless-fieldset {border: none !important;}

	.highlighted-tgroup									{background:#fffad3!important};
