﻿/* AGR Volunteer 2018 */
html {font-size:62.5%;}
img {border:0px;}
table, tr, td, th {border-spacing:0px; vertical-align:top;} 
body {color:#000000; font-family:'Montserrat', Arial, Helvetica, Verdana; padding:0px; margin:0px; min-width:320px;}
input, textarea, select, div {outline:none;}

input[type=number], input[type=text], select { -webkit-appearance:none; }

/* remove X from input fields on Edge */
input::-ms-clear {display:none;}
/* remove reveal password button on Edge */
input::-ms-reveal {display:none;}

/* remove up/down arrows from number fields */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;  margin:0; -moz-appearance:none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}


/* Commonly Used */
h1 {font-size:2.8em; line-height:1.3em; font-weight:400; color:#000000; margin:0px 0px 40px 0px; letter-spacing:2px; text-transform:uppercase;}
h2 {font-size:2.0em; line-height:1.3em; font-weight:400; color:#000000; margin:0px 0px 20px 0px; letter-spacing:2px; text-transform:uppercase;}
h3 {font-size:2.0em; line-height:1.3em; font-weight:500; color:#000000; margin:0px 0px 20px 0px;}
h4 {font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; margin:0px 0px 20px 0px;}

a {color:#222; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
p a {text-decoration:underline;}


p     {margin:0px 0px 20px 0px; font-size:1.4em; line-height:2.0em; font-weight:300; color:#000000;}
ul    {margin:0px 0px 20px 16px; padding:0px;}
ol    {margin:0px 0px 20px 16px; padding:0px;}
ul li {margin:0px 0px 10px 16px;}
ol li {margin:0px 0px 10px 16px;}

.DebugBox       {position:fixed; top:0px; left:0px; border:solid 1px #ddd; background-color:#fff; font-size:10px; color:#000; padding:1px; z-index:1000; max-width:200px; opacity:0.9;}
.DebugBox hr {margin:0px; height:0px;}
.ui-datepicker  {z-index:100 !important;}
.BottomFix      {clear:both; height:0px; font-size:0px; line-height:0px;}

.LineSpacer1 {height:2px;   font-size:0.1em; clear:both;}
.LineSpacer2 {height:5px;   font-size:0.1em; clear:both;}
.LineSpacer3 {height:10px;  font-size:0.1em; clear:both;}
.LineSpacer4 {height:15px;  font-size:0.1em; clear:both;}
.LineSpacer5 {height:25px;  font-size:0.1em; clear:both;}
.LineSpacer6 {height:40px;  font-size:0.1em; clear:both;}
.LineSpacer7 {height:80px;  font-size:0.1em; clear:both;}
.LineSpacer8 {height:200px; font-size:0.1em; clear:both;}
	
.WidthContent                     {max-width:1080px; margin:0 auto; padding-left:60px; padding-right:60px;}
.WidthVolunteerContent            {max-width:1080px; margin:0 auto; padding-left:60px; padding-right:60px;}
.HeightContent                    {padding-top:60px; padding-bottom:60px;}
.HeightVolunteerContent           {padding-top:60px; padding-bottom:60px;}

.FullHeightPublic                 {min-height:calc(100vh - 225px);}
.FullHeightVolunteer              {min-height:calc(100vh - 60px);}

.TopPage                          {text-align:center;}
.TopPage .Txt                     {margin:0px 0px 40px 0px;}
.Subline                          {background:#9bd8ea; width:70px; height:3px; display:inline-block; margin-bottom:40px;}

		
/* Buttons*/
.BtnGreen                    	    {display:inline-block;}
.BtnGreen a                  	    {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#5dd37b; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnGreen a:hover            	    {background:#42b45f; border:1px solid #42b45f;}
.BtnGreen input              	    {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#5dd37b; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnGreen input:hover        	    {background:#42b45f; border:1px solid #42b45f;}
.BtnGreen button             	    {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#5dd37b; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnGreen button:hover       	    {background:#42b45f; border:1px solid #42b45f;}
.BtnGreen span             	      {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#5dd37b; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnGreen span:hover       	      {background:#42b45f; border:1px solid #42b45f;}

.BtnPurple                        {display:inline-block;}
.BtnPurple a                      {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #44469d; box-sizing:border-box; background:#44469d; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnPurple a:hover                {background:#34357c; border:1px solid #34357c;}
.BtnPurple input                  {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #44469d; box-sizing:border-box; background:#44469d; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnPurple input:hover            {background:#34357c; border:1px solid #34357c;}
.BtnPurple button                 {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #44469d; box-sizing:border-box; background:#44469d; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnPurple button:hover           {background:#34357c; border:1px solid #34357c;}
.BtnPurple span             	    {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #44469d; box-sizing:border-box; background:#44469d; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnPurple span:hover       	    {background:#34357c; border:1px solid #34357c;}

.BtnWhite                         {display:inline-block;}
.BtnWhite a                       {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnWhite a:hover                 {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnWhite input                   {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnWhite input:hover             {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnWhite button                  {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnWhite button:hover            {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnWhite span             	      {display:inline-block; font-size:1.2em; font-weight:600; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:16px 20px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnWhite span:hover       	      {background:#f0f0f2; border:1px solid #e9eaeb;}

.BtnSmallGreen                    {display:inline-block;}
.BtnSmallGreen a                  {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#5dd37b; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallGreen a:hover            {background:#42b45f; border:1px solid #42b45f;}
.BtnSmallGreen input              {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#5dd37b; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallGreen input:hover        {background:#42b45f; border:1px solid #42b45f;}
.BtnSmallGreen button             {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#5dd37b; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallGreen button:hover       {background:#42b45f; border:1px solid #42b45f;}
.BtnSmallGreen span             	{display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#5dd37b; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallGreen span:hover       	{background:#42b45f; border:1px solid #42b45f;}

.BtnSmallPurple                   {display:inline-block;}
.BtnSmallPurple a                 {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #44469d; box-sizing:border-box; background:#44469d; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallPurple a:hover           {background:#34357c; border:1px solid #34357c;}
.BtnSmallPurple input             {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #44469d; box-sizing:border-box; background:#44469d; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallPurple input:hover       {background:#34357c; border:1px solid #34357c;}
.BtnSmallPurple button            {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #44469d; box-sizing:border-box; background:#44469d; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallPurple button:hover      {background:#34357c; border:1px solid #34357c;}
.BtnSmallPurple span             	{display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #44469d; box-sizing:border-box; background:#44469d; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallPurple span:hover       	{background:#34357c; border:1px solid #34357c;}

.BtnSmallWhite                    {display:inline-block;}
.BtnSmallWhite a                  {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallWhite a:hover            {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnSmallWhite input              {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallWhite input:hover        {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnSmallWhite button             {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallWhite button:hover       {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnSmallWhite span             	{display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallWhite span:hover       	{background:#f0f0f2; border:1px solid #e9eaeb;}

.BtnSmallComplete                 {display:inline-block;}
.BtnSmallComplete a               {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#5dd37b; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallComplete a:hover         {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnSmallComplete input           {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#5dd37b; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallComplete input:hover     {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnSmallComplete button          {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#5dd37b; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallComplete button:hover    {background:#f0f0f2; border:1px solid #e9eaeb;}
.BtnSmallComplete span            {display:inline-block; font-size:1.1em; font-weight:600; line-height:1.3em; color:#5dd37b; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; background:#ffffff; padding:7px 12px; cursor:pointer; outline:none; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana; transition:background 0.3s ease, border 0.3s ease;}
.BtnSmallComplete span:hover      {background:#f0f0f2; border:1px solid #e9eaeb;}
         


/* Form */                                                                                                
.FormBox                                {margin-bottom:30px;}
.FormBox.W20                            {width:20%; float:left;}
.FormBox.W22                            {width:22%; float:left;}
.FormBox.W30                            {width:30.66%; float:left;}
.FormBox.W36                            {width:36%; float:left;}
.FormBox.W40                            {width:40%; float:left;}
.FormBox.W48                            {width:48%; float:left;}
.FormBoxSpacer                          {width:4%; float:left; height:1px;}

.FormBox .FormLabel                     {display:block; font-size:1.4em; line-height:1.3em; font-weight:400; margin:0px 0px 15px 0px; color:#000000;}
.FormBox .FormLabel.Hidden              {display:none;}
.FormBox .FormField                     {position:relative;}
.FormBox .LengthInfo                    {font-size:1.2em; line-height:1.3em; font-weight:400; color:#a3a3a3; margin-top:5px; text-align:right;}
.FormBox .FieldInfo                     {font-size:1.2em; line-height:1.3em; font-weight:400; color:#a3a3a3; margin-top:5px; text-align:left;}
.FormBox .Asterisk                      {color:#e22626; margin-left:3px; font-size:1.0em; font-weight:300;}
.FormBox .FormInfo                      {font-size:1.2em; line-height:1.3em; font-weight:400; color:#a3a3a3; margin-top:5px; text-align:left;}

.FormField .EditBox                     {color:#000000; background-color:#ffffff; border:1px solid #e9eaeb; border-radius:4px; width:100%; padding:15px 15px 15px 15px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.FormField .TextArea                    {color:#000000; background-color:#ffffff; border:1px solid #e9eaeb; border-radius:4px; width:100%; padding:15px 15px 15px 15px; box-sizing:border-box; font-size:1.4em; line-height:1.8em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;}
.FormField .DropDown                    {color:#000000; background-color:#ffffff; border:1px solid #e9eaeb; border-radius:4px; width:100%; padding:15px  0px 15px 15px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none; text-overflow:ellipsis; white-space:nowrap;} /* was overflow:hidden but is was blocking mouse wheel */
.FormField .DropDown.Multiline          {line-height:2.0em; padding-bottom:10px; display:none;}

.FormField .FileUpload                  {color:#000000; background-color:#ffffff; border:1px solid #e9eaeb; border-radius:4px; width:100%; padding:15px 15px 15px 15px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.FormField .sbHolder                    {display:block;}
.FormField .sbSelector                  {display:block; color:#000000; background-color:#ffffff; border:1px solid #e9eaeb; border-radius:4px; width:100%; padding:15px 40px 15px 15px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.FormField .sbSelector:hover            {text-decoration:none;}
.FormField .sbOptions                   {position:absolute; top:100% !important; right:0px; width:100%; max-height:300px !important; z-index:2; overflow:auto; margin:0px; list-style:none; background-color:#ffffff; border-bottom:1px solid #e9eaeb;}
.FormField .sbOptions li                {margin:0px;}
.FormField .sbOptions li a              {display:block; padding:15px 15px; color:#000000; font-weight:400; font-size:1.4em; line-height:1.3em; border-top:1px solid #e9eaeb; border-left:1px solid #e9eaeb; border-right:1px solid #e9eaeb;}
.FormField .sbOptions li a:hover        {text-decoration:none; background-color:#e9eaeb;}
.FormField .sbToggle                    {background:url(../Content/Images/Icon_Dropdown_Arrow.png) no-repeat center center; background-size:80%; display:block; height:50px; width:50px; outline:none; position:absolute; right:0; top:0;}

.FormField.FieldEmailAddress            {position:relative;}
.FormField.FieldEmailAddress .Icon      {position:absolute; top:0px; left:0px; width:50px; height:50px; background:url(/Content/Images/Icon_EmailAddress.png); background-position:center; background-size:cover;}
.FormField.FieldEmailAddress .EditBox   {padding:15px 15px 15px 50px;}
.FormField.FieldPassword                {position:relative;}
.FormField.FieldPassword .Icon          {position:absolute; top:0px; left:0px; width:50px; height:50px; background:url(/Content/Images/Icon_Password.png); background-position:center; background-size:cover;}
.FormField.FieldPassword .EditBox       {padding:15px 15px 15px 50px;}

.FormDate                               {position:relative;}
.FormDate .ui-datepicker-trigger        {position:absolute; right:0px; top:0px; width:50px; cursor:pointer;}

.FormFooter                             {padding-top:10px;}
.FormFooter .BtnRight                   {float:right;}
.FormFooter .BtnRight a                 {min-width:160px;}
.FormFooter .BtnRight input             {min-width:160px;}
.FormFooter .BtnRight button            {min-width:160px;}
.FormFooter .Denotes                    {float:left; margin-top:20px;}

.Denotes                                {font-size:1.2em; line-height:1.3em; font-weight:400;color:#a3a3a3;}
.Denotes .Asterisk                      {color:#e22626; margin-right:3px; font-size:1.0em; font-weight:300;}

.ValidationMessage1                     {font-size:1.4em; line-height:1.3em; color:#e22626; margin-bottom:30px; display:block;}
.ValidationInfo                         {font-size:1.2em; line-height:1.3em; color:#e22626; margin-top:5px; display:block;}


.FormField .input-validation-error                 {border:1px solid #e22626}


.CheckBox                               {}
.CheckBox label                         {cursor:pointer; font-size:1.4em; line-height:1.3em; font-weight:400; color:#000000;}
.CheckBox.Horizontal                    {display:inline-block; margin-right:20px;}

.CheckBoxTable                          {display:table; width:100%;}
.CheckBoxTable .icheckbox_square-grey   {display:table-cell; vertical-align:top; width:18px; float:none; top:4px;}
.CheckBoxTable .iradio_square-grey      {display:table-cell; vertical-align:top; width:18px; float:none; top:4px;}
.CheckBoxTable label                    {display:table-cell; vertical-align:top; padding-left:10px; line-height:2.0em;}

.AvatarOptionList {color:#000000; font-size:1.4em; padding:15px 15px 0px 15px; border-radius:4px; overflow-y:auto; max-height:300px; box-sizing:border-box; border:1px solid #e9eaeb; user-select:none; -moz-user-select:none;}
.AvatarOptionList .Item {padding:2px 3px 2px 3px; margin-bottom:1px; cursor:pointer; line-height:1.2em;}
.AvatarOptionList .Item:last-child {margin-bottom:15px;}
.AvatarOptionList .Item:hover {background-color:#cfcfcf;}
.AvatarOptionList .Item.Selected {background-color:#2ea2f3; color:#fff;}
.AvatarOptionList .Item .Text {}


/* activation page */
.LongHtmlText {height:300px; border:solid 1px #e9eaeb; padding:15px 5px 15px 15px;}
.LongHtmlText ul {font-size:14px; line-height:2.0em; font-weight:300;}
.LongHtmlText ul li {}
.LongHtmlText ol {font-size:14px; line-height:2.0em; font-weight:300;}
.LongHtmlText ol li {}

.WithCustomScrollbars {overflow:hidden;}


/* Navigation */
.Navigation                                           {visibility:hidden;}
.Navigation ul.Level1 							                  {margin:0px auto; padding:0px; display:table; text-align:center;}
.Navigation ul.Level1 li.Level1 				              {margin:0px; padding:0px; display:table-cell; vertical-align:top; position:relative;}
.Navigation ul.Level1 li.Level1 a.Level1 		          {font-size:1.3em; font-weight:500; line-height:1.3em; color:#000000; text-transform:uppercase; padding:0px 10px; margin:0px; background:none; text-decoration:none; height:50px; display:flex; justify-content:center; align-items:center; position:relative; -webkit-appearance:none; transition:background 0.3s ease;}
.Navigation ul.Level1 li.Level1 a.Level1:hover 	      {background:#e9eaeb; border-radius:4px;}
.Navigation ul.Level1 li.Level1Highlighted            {}
.Navigation ul.Level1 li.Level1Highlighted a.Level1   {background:#e9eaeb; border-top-right-radius:4px; border-top-left-radius:4px; border-bottom-right-radius:0px; border-bottom-left-radius:0px;}
.Navigation ul.Level2   						                  {margin:0px; padding:0px; background:#e9eaeb; position:absolute; top:50px; left:0px; white-space:nowrap; display:none; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;}
.Navigation ul.Level2 li.Level2 				              {margin:0px; padding:0px; display:block; text-align:left;}
.Navigation ul.Level2 li.Level2 a.Level2 		          {font-size:1.2em; font-weight:500; line-height:1.3em; color:#000000; text-transform:uppercase; padding:17px 10px; text-decoration:none; display:block; -webkit-appearance:none; transition:background 0.3s ease}
.Navigation ul.Level2 li.Level2 a.Level2:hover 	      {background:#d3d4d6;}
.Navigation ul.Level2 li.Level2:first-child a.Level2  {border-top-right-radius:4px;}
.Navigation ul.Level2 li.Level2:last-child a.Level2   {border-bottom-right-radius:4px; border-bottom-left-radius:4px;}




/* Main Header Public */
.MainHeaderPublic                       {background:#ffffff; border-bottom:1px solid #e9eaeb; height:104px;}
.MainHeaderPublic .WidthContent         {position:relative;}
.MainHeaderPublic .Logo                 {width:180px; position:absolute; top:42px; left:60px;}
.MainHeaderPublic .Logo img             {width:100%; height:100%; display:block;}
.MainHeaderPublic .Navigation           {margin:0px 200px; top:43px; position:relative;}
.MainHeaderPublic .Buttons              {width:190px; position:absolute; top:43px; right:60px; display:table;}
.MainHeaderPublic .Buttons .BtnLogin    {display:table-cell; vertical-align:top;}
.MainHeaderPublic .Buttons .BtnLogin a  {width:100%; height:50px; display:flex; justify-content:center; align-items:center; padding:0px;}
.MainHeaderPublic .Buttons .BtnSpacer   {display:table-cell; vertical-align:top; width:10px;}
.MainHeaderPublic .Buttons .BtnJoin     {display:table-cell; vertical-align:top;}
.MainHeaderPublic .Buttons .BtnJoin a   {width:100%; height:50px; display:flex; justify-content:center; align-items:center; padding:0px;}

.MenuCountryLanguage                                              {position:absolute; top:0px; width:100%; text-align:center; z-index:10;}
.MenuCountryLanguage .ItemMCL                                     {display:inline-block; margin:0px 5px;}
.MenuCountryLanguage .ItemMCL.Highlight                           {}
.MenuCountryLanguage .ItemMCL .TopLink                            {display:block; text-align:center; padding:7px 0px 7px 12px; box-sizing:border-box; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background:rgba(0, 0, 0, 0.2); transition:background 0.3s ease, color 0.3s ease; width:300px; cursor:pointer;}
.MenuCountryLanguage .ItemMCL .TopLink .Cell                      {display:table; width:100%; table-layout:fixed;}
.MenuCountryLanguage .ItemMCL .TopLink .Cell .Icon_Flag           {display:table-cell; vertical-align:middle; width:30px;}
.MenuCountryLanguage .ItemMCL .TopLink .Cell .Icon_Flag .Img      {display:block; border-radius:50%; width:20px; height:20px; background-position:center; background-size:cover;}
.MenuCountryLanguage .ItemMCL .TopLink .Cell .Txt                 {display:table-cell; vertical-align:middle; font-size:1.2em; font-weight:600; color:#ffffff; text-transform:uppercase; letter-spacing:2px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.MenuCountryLanguage .ItemMCL .TopLink .Cell .Icon_Dropdown       {display:table-cell; width:30px; background-image:url(/Content/Images/Icon_Dropdown_Arrow_White.png); background-size:cover; background-position:center;}
.MenuCountryLanguage .ItemMCL .TopLink:hover                      {background:#9bd8ea; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.MenuCountryLanguage .ItemMCL .TopLink:hover .Txt                 {text-decoration:none; color:#000000;}
.MenuCountryLanguage .ItemMCL .TopLink:hover .Icon_Dropdown       {background-image:url(/Content/Images/Icon_Dropdown_Arrow.png);}
.MenuCountryLanguage .ItemMCL.Highlight .TopLink                  {background:#9bd8ea; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.MenuCountryLanguage .ItemMCL.Highlight .TopLink .Txt             {text-decoration:none; color:#000000;}
.MenuCountryLanguage .ItemMCL.Highlight .TopLink .Icon_Dropdown   {background-image:url(/Content/Images/Icon_Dropdown_Arrow.png);}
.MenuCountryLanguage .DropdownPanel                               {display:none; position:absolute; z-index:5; left:0px; right:0px; top:33px; width:100%; background-color:#9bd8ea; text-align:left; padding:50px 0px; box-sizing:border-box; margin:0px auto; max-width:1200px;}
.MenuCountryLanguage .DropdownPanel.Display                       {display:block;}

ul.CountryLanguageList                              {margin:0px; padding:0px; display:block; -webkit-column-count:5; -moz-column-count:5; column-count:5; -webkit-column-gap:60px; -moz-column-gap:60px; column-gap:60px; text-align:left;}
ul.CountryLanguageList li                           {padding:4px 0px; margin:4px 0px; display:inline-block; width:100%; box-sizing:border-box;}
ul.CountryLanguageList li .Cell                     {display:table; width:100%; table-layout:fixed;}
ul.CountryLanguageList li .Cell .Icon_Flag          {display:table-cell; vertical-align:middle; width:25px;}
ul.CountryLanguageList li .Cell .Icon_Flag .Img     {display:block; border-radius:50%; width:15px; height:15px; background-position:center; background-size:cover;}
ul.CountryLanguageList li .Cell .Txt                {display:table-cell; vertical-align:middle; font-size:1.3em; font-weight:400; color:#000000; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.CountryLanguageList li.Highlighted               {}
ul.CountryLanguageList li.Highlighted .Cell .Txt    {font-weight:600;}
ul.CountryLanguageList li:hover                     {cursor:pointer;}
ul.CountryLanguageList li:hover .Cell .Txt          {text-decoration:underline;}




/* Volunteer Header */
.MainHeaderVolunteer                      {display:block; position:relative; height:59px; border-bottom:1px solid #e9eaeb; min-width:320px;}
.MainHeaderVolunteer .BtnMenu             {position:absolute; width:60px; top:0px; left:10px; cursor:pointer;}
.MainHeaderVolunteer .BtnMenu img         {width:100%; height:100%; display:block;}
.MainHeaderVolunteer .Logo                {position:absolute; top:6px; left:80px; width:160px;}
.MainHeaderVolunteer .Logo img            {width:100%; height:100%; display:block;}
.MainHeaderVolunteer .BtnHelp             {position:absolute; width:60px; top:0px; right:70px; cursor:pointer;}
.MainHeaderVolunteer .BtnHelp img         {width:100%; height:100%; display:block;}
.MainHeaderVolunteer .BtnRightPanel       {position:absolute; width:60px; top:0px; right:10px; cursor:pointer;}
.MainHeaderVolunteer .BtnRightPanel img   {width:100%; height:100%; display:block;}




/* Mobile Header Public */
.MobileHeaderPublic                     {display:none; position:relative; height:59px; border-bottom:1px solid #e9eaeb; min-width:320px;}
.MobileHeaderPublic .BtnMenu            {position:absolute; width:60px; top:0px; left:0px; cursor:pointer;}
.MobileHeaderPublic .BtnMenu img        {width:100%; height:100%; display:block;}
.MobileHeaderPublic .Logo               {position:absolute; top:9px; left:50%; width:160px; margin-left:-80px;}
.MobileHeaderPublic .Logo img           {width:100%; height:100%; display:block;}




/* Main Footer Public */
.MainFooterPublic                                       {background:#ffffff; border-top:1px solid #e9eaeb; padding:40px 0px;}
.MainFooterPublic .Brands                               {display:block;}
.MainFooterPublic .Brands .Wrapper                      {margin:0px; padding:0px; text-align:center;}
.MainFooterPublic .Brands .Wrapper .Item                {margin:0px 10px; padding:0px; display:inline-block; width:150px;}
.MainFooterPublic .Brands .Wrapper .Item img            {width:100%; height:100%; display:block; -webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:0.6;}

.MainFooterPublic .Txt                                  {display:block; margin-top:30px; font-size:1.4em; font-weight:400; line-height:1.8em; color:#000000; text-align:center;}

.MainFooterPublic .SubTxt                               {display:block; margin-top:30px; font-size:1.2em; font-weight:400; line-height:1.8em; color:#a3a3a3; text-align:center;}

.SocialMedia                          {display:block; margin-top:30px;}
.SocialMedia .Wrapper                 {margin:0px; padding:0px; text-align:center;}
.SocialMedia .Wrapper .Item           {margin:0px 10px; padding:0px; display:inline-block; width:25px;}
.SocialMedia .Wrapper .Item img       {width:100%; height:100%; display:block; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6;}

.MainFooterPublic .FooterNav                            {display:block; margin-top:20px;}
.MainFooterPublic .FooterNav .Wrapper                   {margin:0px; padding:0px; text-align:center;}
.MainFooterPublic .FooterNav .Wrapper .Item             {display:inline-block; padding:0px 15px 0px 0px; margin:10px 15px 0px 0px; border-right:1px solid #e9eaeb;}
.MainFooterPublic .FooterNav .Wrapper .Item a           {font-size:1.2em; font-weight:400; line-height:1.3em; color:#000000; text-transform:uppercase; letter-spacing:2px; display:block;}
.MainFooterPublic .FooterNav .Wrapper .Item:last-child  {padding-right:0px; margin-right:0px; border-right:none;}

.MainFooterPublic .CopyrightInfo                        {display:block; margin-top:30px; text-align:center; font-size:1.2em; font-weight:400; line-height:1.3em; color:#a3a3a3; text-transform:uppercase; letter-spacing:2px;}
.MainFooterPublic .CopyrightInfo a                      {color:#a3a3a3;}

/* Main Table */
.MainTable {display:table; width:100%; height:calc(100vh - 60px); table-layout:fixed;}
.MainTable .SLeft {display:table-cell; width:0px; z-index:117; background-color:#f0f0f2; vertical-align:top; position:relative; z-index:20;} /*  transition:width 300ms ease; added by js */
.MainTable .SLeft .SLeftAnim {position:absolute; width:0px; transition:width 300ms ease, right 300ms ease; right:0px; background-color:#f0f0f2;} /*height by JS because of IE11*/
.MainTable .SLeft .SLeftAnim .SLeftContent {width:269px; position:absolute; right:0px; top:0px; overflow:auto; height:100%; padding-bottom:0px;}
.MainTable .SRight {display:table-cell; vertical-align:top;}

.MainTable .SLeft.Opened {width:269px;}
.MainTable .SLeft.Opened .SLeftAnim {width:269px;}

/* Panels Menu */
.MobileSlidePanel                                         {width:269px; background-color:#f0f0f2; position:fixed; top:0px; bottom:0px; left:-270px; transition:left 300ms ease 0ms; z-index:150; overflow:auto;}
.MobileSlidePanel.Opened                                  {left:0px;}

.MenuSlidePanel                                           {width:269px; background-color:#f0f0f2; position:fixed; top:0px; bottom:0px; left:-270px; transition:left 300ms ease 0ms; z-index:150; overflow:auto;}
.MenuSlidePanel.Opened                                    {left:0px;}

.RightSlidePanel                                          {width:269px; background-color:#f0f0f2; position:fixed; top:0px; bottom:0px; right:-270px; transition:right 300ms ease 0ms; z-index:150; overflow:auto;}
.RightSlidePanel.Opened                                   {right:0px;}

.MobileSlidePanel .BlockCL                                {margin-top:20px;}
.MobileSlidePanel .BlockCL .BtnCL                         {display:block; text-align:center; padding:15px 30px 15px 34px; width:100%; box-sizing:border-box; background:#f0f0f2; transition:background 0.3s ease; cursor:pointer;}
.MobileSlidePanel .BlockCL .BtnCL:hover                   {background:#e9eaeb;}
.MobileSlidePanel .BlockCL .BtnCL .Cell                   {display:table; width:100%; table-layout:fixed;}
.MobileSlidePanel .BlockCL .BtnCL .Cell .Icon_Flag        {display:table-cell; vertical-align:middle; width:40px;}
.MobileSlidePanel .BlockCL .BtnCL .Cell .Icon_Flag .Img   {display:block; border-radius:50%; width:20px; height:20px; background-position:center; background-size:cover;}
.MobileSlidePanel .BlockCL .BtnCL .Cell .Txt              {display:table-cell; vertical-align:middle; font-size:1.3em; font-weight:500; color:#000000; text-transform:uppercase; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.MobileSlidePanel .BlockCL .BtnCL .Cell .Icon_Dropdown    {display:table-cell; width:30px; background-image:url(/Content/Images/Icon_Dropdown_Arrow.png); background-size:cover; background-position:center; -ms-transform:rotate(30deg); -webkit-transform:rotate(30deg); transform:rotate(30deg);}

.MobileNav                                                {margin-top:20px;}
.MobileNav ul 							                              {margin:0px; padding:0px; display:block; text-align:center;}
.MobileNav ul li 				                                  {margin:0px; padding:0px; display:block; position:relative;}
.MobileNav ul li a 		                                    {display:table; width:100%; padding:12.5px 10px 12.5px 30px; background:#f0f0f2; border-left:4px solid #f0f0f2; box-sizing:border-box; transition:background 0.3s ease, border 0.3s ease; position:relative;}
.MobileNav ul li a:hover 	                                {text-decoration:none;}
.MobileNav ul li a .Cell01                                {display:table-cell; vertical-align:middle; width:40px;}
.MobileNav ul li a .Cell02                                {display:table-cell; vertical-align:middle; text-align:left;}
.MobileNav ul li a .Icon                                  {display:block; width:25px; height:25px; background-size:cover; background-position:center;}
.MobileNav ul li a .Icon_Menu_01                          {background-image:url(/Content/Images/Icon_Menu_01.png);}
.MobileNav ul li a .Icon_Menu_02                          {background-image:url(/Content/Images/Icon_Menu_03.png);}
.MobileNav ul li a .Icon_Menu_03                          {background-image:url(/Content/Images/Icon_Menu_02.png);}
.MobileNav ul li a .Icon_Menu_04                          {background-image:url(/Content/Images/Icon_Menu_04.png);}
.MobileNav ul li a .Icon_Menu_05                          {background-image:url(/Content/Images/Icon_Menu_05.png);}
.MobileNav ul li a .Icon_Menu_06                          {background-image:url(/Content/Images/Icon_Menu_06.png);}
.MobileNav ul li a .Icon_Menu_07                          {background-image:url(/Content/Images/Icon_Menu_07.png);}
.MobileNav ul li a .Icon_Menu_08                          {background-image:url(/Content/Images/Icon_Menu_08.png);}
.MobileNav ul li a .Icon_Menu_09                          {background-image:url(/Content/Images/Icon_Menu_09.png);}
.MobileNav ul li a .Icon_Menu_10                          {background-image:url(/Content/Images/Icon_Menu_10.png);}
.MobileNav ul li a .Icon_Menu_11                          {background-image:url(/Content/Images/Icon_Menu_11.png);}
.MobileNav ul li a .Icon_Menu_12                          {background-image:url(/Content/Images/Icon_Menu_12.png);}
.MobileNav ul li a .Icon_Menu_13                          {background-image:url(/Content/Images/Icon_Menu_13.png);}
.MobileNav ul li a .Icon_Menu_14                          {background-image:url(/Content/Images/Icon_Menu_14.png);}
.MobileNav ul li a .Icon_Menu_15                          {background-image:url(/Content/Images/Icon_Menu_15.png);}
.MobileNav ul li a .Icon_Menu_16                          {background-image:url(/Content/Images/Icon_Menu_16.png);}
.MobileNav ul li a .Icon_Menu_17                          {background-image:url(/Content/Images/Icon_Menu_17.png);}
.MobileNav ul li a .Txt                                   {font-size:1.3em; font-weight:500; line-height:1.3em; color:#000000; text-transform:uppercase;}
.MobileNav ul li a .NbreAnswer                            {font-size:1.3em; font-weight:500; line-height:30px; color:#000000; text-transform:uppercase; background:#fff; border-radius:50%; width:30px; height:30px; display:block; text-align:center; position:absolute; top:9px; right:35px;}
.MobileNav ul li:hover                                    {}
.MobileNav ul li:hover a                                  {background:#e9eaeb; border-left:4px solid #e9eaeb;}
.MobileNav ul li.Highlighted                              {}
.MobileNav ul li.Highlighted a                            {background:#e9eaeb; border-left:4px solid #44469d;}

.MobileSlidePanel .Buttons                                {padding:0px 30px 40px 30px;}
.MobileSlidePanel .Buttons .BtnLogin                      {display:block; margin-top:20px;}
.MobileSlidePanel .Buttons .BtnLogin a                    {width:100%; padding:16px 0px; display:block;}
.MobileSlidePanel .Buttons .BtnRegister                   {display:block; margin-top:20px;}
.MobileSlidePanel .Buttons .BtnRegister a                 {width:100%; padding:16px 0px; display:block;}

.CountrySlidePanel                                                  {width:269px; background-color:#f0f0f2; position:fixed; top:0px; bottom:0px; left:-270px; transition:left 300ms ease 0ms; z-index:1000; overflow:auto;}
.CountrySlidePanel.Opened                                           {left:0px;}

.CountrySlidePanel ul.CountryLanguageList                           {-webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px; margin-top:20px;}
.CountrySlidePanel ul.CountryLanguageList li                        {padding:15px 30px 15px 30px; margin:0px; display:block; width:100%; box-sizing:border-box; background:#f0f0f2; border-left:4px solid #f0f0f2; transition:background 0.3s ease, color 0.3s ease;}
.CountrySlidePanel ul.CountryLanguageList li:hover                  {background:#e9eaeb; border-left:4px solid #e9eaeb;}
.CountrySlidePanel ul.CountryLanguageList li.Highlighted            {}
.CountrySlidePanel ul.CountryLanguageList li.Highlighted            {background:#e9eaeb; border-left:4px solid #44469d;}
.CountrySlidePanel ul.CountryLanguageList li:hover .Cell .Txt       {text-decoration:none;}

.LanguageSlidePanel                                                 {width:269px; background-color:#f0f0f2; position:fixed; top:0px; bottom:0px; left:-270px; transition:left 300ms ease 0ms; z-index:1000; overflow:auto;}
.LanguageSlidePanel.Opened                                          {left:0px;}

.LanguageSlidePanel ul.CountryLanguageList                          {-webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px; margin:20px 0px;}
.LanguageSlidePanel ul.CountryLanguageList li                       {padding:15px 30px; margin:0px; display:block; width:100%; box-sizing:border-box; background:#f0f0f2; border-left:4px solid #f0f0f2; transition:background 0.3s ease, color 0.3s ease;}
.LanguageSlidePanel ul.CountryLanguageList li:hover                 {background:#e9eaeb; border-left:4px solid #e9eaeb;}
.LanguageSlidePanel ul.CountryLanguageList li.Highlighted           {}
.LanguageSlidePanel ul.CountryLanguageList li.Highlighted           {background:#e9eaeb; border-left:4px solid #44469d;}
.LanguageSlidePanel ul.CountryLanguageList li:hover .Cell .Txt      {text-decoration:none;}

.Aside                                          {padding-bottom:100px; position:relative;}
.Aside .SideHeader                              {padding:30px 35px 10px 35px; text-align:center;}
.Aside .SideHeader .Picture                     {}
.Aside .SideHeader .Picture .Inner              {width:110px; height:110px; display:inline-block;}
.Aside .SideHeader .Picture .Inner .Img         {position:absolute; width:110px; height:110px; border-radius:50%; z-index:20; background-position:center; background-size:cover;}
.Aside .SideHeader .Picture .Inner .Chart       {width:126px; height:126px; z-index:20; position:relative; top:-8px; left:-8px;}
.Aside .SideHeader .Name                        {font-size:2.0em; font-weight:500; line-height:1.3em; color:#000000; margin-top:10px;}
.Aside .SideHeader .Profile                     {font-size:1.4em; font-weight:400; line-height:1.3em; color:#000000; margin-top:10px;}
.Aside .SideHeader .RatingSH                    {margin-top:10px;}
.Aside .SideHeader .BtnCompleteProfile          {margin-top:10px; display:block;}
.Aside .SideHeader .BtnCompleteProfile a        {display:block; width:100%; padding:7px 0px;}
.Aside .SideFooter                              {position:relative; top:0px; margin-top:20px; visibility:hidden;} /* visible by JS when in correct position */
.Aside .SideFooter .SocialMedia                 {margin:0px;}
.Aside .SideFooter .SocialMedia .Wrapper .Item  {margin:0px 5px; width:20px;}
.Aside .SideFooter .CopyrightInfo               {display:block; margin:15px 0px 0px 0px; padding-bottom:10px; text-align:center; font-size:0.8em; font-weight:400; line-height:1.3em; color:#a3a3a3; text-transform:uppercase; letter-spacing:2px;}
.Aside .SideFooter .CopyrightInfo a             {color:#a3a3a3;}
.Aside .FooterPusher {height:0px;}





/* Page Overlay */
.BodyOverlay                                              {display:none; background-color:#000000; opacity:0; position:fixed; right:0; top:0; width:100%; height:100%; z-index:100; transition:opacity 300ms ease;}
.BodyOverlay.Visible	                                    {opacity:0.7;}




/* Pagination */
.Pagination.DarkVersion                                   {}
.Pagination.DarkVersion	a					                        {border:1px solid #e9eaeb; background:#f0f0f2;}
.Pagination.DarkVersion	a:hover 			                    {background-color:#9bd8ea; border:1px solid #9bd8ea;}
.Pagination.DarkVersion .Next 				                    {background:url(/Content/Images/Icon_Pagination_02.png) no-repeat center #f0f0f2; background-size:cover; border:1px solid #e9eaeb; border-radius:50%;}
.Pagination.DarkVersion .Next:hover                       {background-color:#9bd8ea; border:1px solid #9bd8ea;}
.Pagination.DarkVersion .Preview 			                    {background:url(/Content/Images/Icon_Pagination_02.png) no-repeat center #f0f0f2; background-size:cover; border:1px solid #e9eaeb; border-radius:50%;}
.Pagination.DarkVersion .Preview:hover                    {background-color:#9bd8ea; border:1px solid #9bd8ea;}

.Pagination						                                    {width:100%; display:block; text-align:center; padding-top:30px; position:relative;}
.Pagination	a					                                    {display:inline-block; font-size:1.6em; font-weight:500; line-height:1.3em; color:#000000; text-align:center; border-radius:50%; border:1px solid #fff; box-sizing:border-box; background:#fff; width:50px; padding:13px 0px; margin:0px 3px 0px 3px; cursor:pointer; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease,}	
.Pagination	a:hover 			                                {background-color:#9bd8ea; border:1px solid #9bd8ea;}
.Pagination .Select 			                                {display:inline-block; font-size:1.6em; font-weight:500; line-height:1.3em; color:#44469d; text-align:center; border-radius:50%; border:1px solid #9bd8ea; box-sizing:border-box; width:50px; padding:13px 0px; margin:0px 3px 0px 3px; cursor:default; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease, color 0.3s ease;}	
.Pagination .Preview 			                                {float:left; display:inline-block; width:50px; height:50px; cursor:pointer; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease; background:url(/Content/Images/Icon_Pagination_01.png) no-repeat center #fff; background-size:cover;  border:1px solid #fff; border-radius:50%;}
.Pagination .Preview:hover 	                              {background-color:#9bd8ea; border:1px solid #9bd8ea;}
.Pagination span.Preview 			                            {opacity:0; cursor:default;}
.Pagination .Next 				                                {float:right;display:inline-block; width:50px; height:50px; cursor:pointer; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease; background:url(/Content/Images/Icon_Pagination_02.png) no-repeat center #fff; background-size:cover;  border:1px solid #fff; border-radius:50%;}
.Pagination .Next:hover 		                              {background-color:#9bd8ea; border:1px solid #9bd8ea;}
.Pagination span.Next 			                              {opacity:0; cursor:default;}




/* Sort Box */                                                                                                
.SortBox                            {display:table; width:100%;}
.SortBox .SortLabel                 {display:table-cell; vertical-align:middle; font-size:1.4em; line-height:1.3em; font-weight:400; padding:0px 15px 0px 0px; color:#000000;}
.SortBox .SortField                 {display:table-cell; vertical-align:middle; width:160px; text-align:left; position:relative;}

.SortField .DropDown                {color:#000000; background-color:#ffffff; border:1px solid #e9eaeb; border-radius:4px; width:100%; padding:15px  0px 15px 15px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none;}
		
.SortField .sbHolder                {display:block;}
.SortField .sbSelector              {display:block; color:#000000; background-color:#ffffff; border:1px solid #e9eaeb; border-radius:4px; width:100%; padding:15px 40px 15px 15px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; -webkit-appearance:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.SortField .sbSelector:hover        {text-decoration:none;}
.SortField .sbOptions               {position:absolute; top:100% !important; right:0px; width:100%; max-height:215px !important; z-index:30; overflow:auto; margin:0px; list-style:none; background-color:#ffffff; border-bottom:1px solid #e9eaeb;}
.SortField .sbOptions li            {margin:0px;}
.SortField .sbOptions li a          {display:block; padding:15px 15px; color:#000000; font-weight:400; font-size:1.4em; line-height:1.3em; border-top:1px solid #e9eaeb; border-left:1px solid #e9eaeb; border-right:1px solid #e9eaeb;}
.SortField .sbOptions li a:hover    {text-decoration:none; background-color:#e9eaeb;}
.SortField .sbToggle                {background:url(../Content/Images/Icon_Dropdown_Arrow.png) no-repeat center center; background-size:80%; display:block; height:50px; width:50px; outline:none; position:absolute; right:0; top:0;}



/* Cookie Banner */
.CookieBanner                       {display:none; background-color:rgba(155, 216, 234, 0.8); font-size:1.4em; font-weight:300; line-height:1.3em; color:#000000; padding:15px 110px 15px 60px; width:100%; box-sizing:border-box; bottom:0px; position:fixed; z-index:30;}
.CookieBanner.Opened                {display:block;} 
.CookieBanner a                     {text-decoration:underline;}
.CookieBanner .BtnClose             {right:60px; bottom:50%; margin-bottom:-15px; width:30px; position:absolute; cursor:pointer;}
.CookieBanner .BtnClose img         {width:100%; display:block;}



/* Error Page */
.ErrorPage                                {display:table; height: calc(100vh - 225px);}
.ErrorPage .ErrorInner                    {display:table-cell; vertical-align:middle; text-align:center; padding:60px 0px 60px 0px;}
.ErrorPage .ErrorInner .Img               {display:inline-block; width:60px;}
.ErrorPage .ErrorInner .Img img           {display:block; width:100%;}
.ErrorPage .ErrorInner .Desc              {margin-bottom:40px;}
.ErrorPage .ErrorInner .Desc .Title       {}
.ErrorPage .ErrorInner .Desc .Txt         {}
.ErrorPage .ErrorInner .Desc .Txt a       {}




/* Work In Progress */
.WorkInProgress                                     {display:table; height: calc(100vh - 225px); width:100%;}
.WorkInProgress .WIPInner                           {display:table-cell; vertical-align:middle; text-align:center; padding:60px 0px 60px 0px;}
.WorkInProgress .WIPInner .Img                      {display:inline-block; width:60px;}
.WorkInProgress .WIPInner .Img img                  {display:block; width:100%;}
.WorkInProgress .WIPInner .Desc                     {margin-bottom:40px;}
.WorkInProgress .WIPInner .Desc .Title              {}
.WorkInProgress .WIPInner .Desc .Txt                {}
.WorkInProgress .WIPInner .Desc .Txt a              {}





/* Form Content */
.FormTable                            {display:table; height:calc(100vh - 225px);}
.FormTable .FormCell                  {display:table-cell; vertical-align:middle; text-align:center; padding:0px;}

.FormTableVolunteer                   {display:table; height:calc(100vh - 180px);}
.FormTableVolunteer .FormCell         {display:table-cell; vertical-align:middle; text-align:center; padding:0px;}

.BigForm                              {width:600px; display:inline-block;}
.BigForm .FormContent                 {text-align:left;}
.BigForm .FormBottom                  {margin-top:40px;}
.BigForm .FormBottom .Denotes         {margin-top:30px;}
.BigForm .BtnSend                     {display:block;}
.BigForm .BtnSend a                   {padding:16px 0px; max-width:320px; width:100%;}
.BigForm .BtnSend input               {padding:16px 0px; max-width:320px; width:100%;}
.BigForm .BtnSend button              {padding:16px 0px; max-width:320px; width:100%;}

.SmallForm                            {width:320px; display:inline-block;}
.SmallForm .FormContent               {text-align:left;}
.SmallForm .FormBottom                {margin-top:40px;}
.SmallForm .FormBottom .Denotes       {margin-top:30px;}
.SmallForm .BtnSend                   {display:block;}
.SmallForm .BtnSend a                 {padding:16px 0px; max-width:320px; width:100%;}
.SmallForm .BtnSend input             {padding:16px 0px; max-width:320px; width:100%;}
.SmallForm .BtnSend button            {padding:16px 0px; max-width:320px; width:100%;}
.SmallForm .BtmBtn                    {display:block;}
.SmallForm .BtmBtn a                  {padding:16px 0px; max-width:320px; width:100%;}
.SmallForm .BtmBtn input              {padding:16px 0px; max-width:320px; width:100%;}
.SmallForm .BtmBtn button             {padding:16px 0px; max-width:320px; width:100%;}
.SmallForm.CenterBtns                 {text-align:center; width:inherit; display:block;}

.ValidForm                            {width:600px; display:inline-block; padding:60px 0px;}
.ValidForm .TopPage .Txt              {font-size:1.6em;}
.ValidForm .Img                       {display:inline-block; width:60px;}
.ValidForm .Img img                   {display:block; width:100%; height:100%;}
.ValidForm .ValidBottom               {margin-top:40px;}
.ValidForm .BtnBottomBack             {display:block;}
.ValidForm .BtnBottomBack a           {padding:16px 0px; max-width:320px; width:100%;}
.ValidForm .BtnBottomBack input       {padding:16px 0px; max-width:320px; width:100%;}
.ValidForm .BtnBottomBack button      {padding:16px 0px; max-width:320px; width:100%;}
.ValidForm .BtnGreen                  {margin-bottom:30px;}




/* CMS */
.CMS              {}
.CMS ul           {margin: 0px 0px 20px 0px; list-style:disc url(/content/images/Icon_BulletPoint.png);}
.CMS ul li        {font-size:1.4em; line-height:1.8em; font-weight:300; color:#000000; padding:0px 0px 0px 5px;}
.CMS ol           {margin: 0px 0px 20px 0px;}
.CMS ol li        {font-size:1.4em; line-height:1.8em; font-weight:300; color:#000000; padding:0px 0px 0px 5px;}

.CMSPanel                                     {text-align:center; position:relative;}
.CMSPanel.GreyBg                              {background:#f0f0f2;}
.CMSPanel .HeightContent                      {padding-top:120px; padding-bottom:120px;}
.CMSPanel .Title                              {margin-bottom:40px;}
.CMSPanel .Subline                            {}
.CMSPanel .BlockTxt                           {padding-bottom:20px;}

.CMSPanel .ListColumn                         {margin-bottom:40px;}
.CMSPanel .ListColumn .Column                 {}
.CMSPanel .ListColumn .Column .Icon           {display:block; margin-bottom:20px;}
.CMSPanel .ListColumn .Column .Icon img       {display:inline-block; width:60px;}
.CMSPanel .ListColumn .Column .Subtitle       {font-size:2.0em; line-height:1.3em; font-weight:500; margin-bottom:20px;}
.CMSPanel .ListColumn .Column .Txt            {font-size:2.0em; line-height:1.3em; font-weight:500;}

.CMSPanel .ListTwoColumn                      {display:table; width:100%;}
.CMSPanel .ListTwoColumn .Column              {display:table-cell; width:50%; padding:0px 30px; box-sizing:border-box; vertical-align:top; text-align:center;}
.CMSPanel .ListThreeColumn                    {display:table; width:100%;}
.CMSPanel .ListThreeColumn .Column            {display:table-cell; width:33.33%; padding:0px 30px; box-sizing:border-box; vertical-align:top; text-align:center;}







/* Login */
.Login                        {}
.Login .FormLabel             {display:none;}
.Login .RememberMe            {float:left;}
.Login .ForgottenPassword     {float:right; font-size:1.4em; line-height:1.3em; font-weight:300; color:#000000;}
.Login .ForgottenPassword a   {text-decoration:underline;}
.Login .BtnGreen              {margin-bottom:30px;}

#FBLoginFailMg.Hide           {display:none;}




/* Join */
.Join                         {}
.Join .Gender                 {display:inline-block; margin-right:20px;}
.Join .OverAge label          {font-size:1.2em; line-height:1.3em; font-weight:300;}
.Join .BtnGreen               {margin-bottom:30px;}




/* Faqs */
.Faqs                         {}
.Faqs .ItemFaq                {cursor:pointer;}
.Faqs .ItemFaq .TitleFaq      {}
.Faqs .ItemFaq .TxtFaq        {display:none; margin:0px 0px 20px 0px; font-size:1.4em; line-height:2.0em; font-weight:300; color:#000000;}




/* Home */
.Banner                                         {}
.Banner .swiper_banner                          {}
.Banner .swiper_banner .swiper-slide            {background-position:center; background-size:cover; height:calc(100vh); min-height:640px; min-width:320px;}
.Banner .PosBan                                 {position:absolute; top:0px; left:0px; width:100%; width:100%; height:calc(100vh); min-height:640px; min-width:320px; display:table; z-index:5;}
.Banner .PosBan .BlockBan                       {display:table-cell; vertical-align:middle; text-align:center; padding:170px 60px 120px 60px;}
.Banner .PosBan .BlockBan .Txt01                {font-size:2.0em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.2em; text-transform:uppercase; margin-bottom:30px;}
.Banner .PosBan .BlockBan .Txt02                {font-size:6.0em; line-height:1.3em; font-weight:400; color:#5dd37b; letter-spacing:0.3em; text-transform:uppercase;}
.Banner .PosBan .BlockBan .Txt02 span           {font-weight:700; color:#44469d;}
.Banner .PosBan .BlockBan .Txt03                {font-size:2.8em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.4em; text-transform:uppercase;}
.Banner .PosBan .BlockBan .Txt03 .Space         {display:inline-block; width:40px;}
.Banner .PosBan .BlockBan .Buttons              {margin-top:40px;}
.Banner .PosBan .BlockBan .Buttons .BtnLogin    {width:140px; margin:0px 5px;}
.Banner .PosBan .BlockBan .Buttons .BtnLogin a  {width:100%; display:block; padding:16px 0px;}
.Banner .PosBan .BlockBan .Buttons .BtnJoin     {width:140px; margin:0px 5px;}
.Banner .PosBan .BlockBan .Buttons .BtnJoin a   {width:100%; display:block; padding:16px 0px;}




/* News */
.NewsPage                                         {background:#f0f0f2;}

.GridNews                                         {display:block; margin:0px 0px -30px 0px; padding:0px; width:calc(100% + 30px); display:flex; flex-wrap:wrap;}
.GridNews .ItemNews                               {display:inline-block; margin:0px; padding:0px 30px 30px 0px; width:33.33%; vertical-align:top; box-sizing:border-box;} 
.GridNews .ItemNews .BlockNews                    {display:block; background:#ffffff; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; height:100%;}
.GridNews .ItemNews .BlockNews:hover              {text-decoration:none;}
.GridNews .ItemNews .BlockNews .Top               {display:table; width:100%; padding:20px 30px; box-sizing:border-box; font-size:1.2em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.2em; text-transform:uppercase; table-layout:fixed;}
.GridNews .ItemNews .BlockNews .Top .Author       {display:table-cell; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.GridNews .ItemNews .BlockNews .Top .Date         {display:table-cell; text-align:right; width:100px;}
.GridNews .ItemNews .BlockNews .Img               {display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.GridNews .ItemNews .BlockNews .Img img           {display:block; width:100%; height:100%;}
.GridNews .ItemNews .BlockNews .Content           {display:block; padding:30px;}
.GridNews .ItemNews .BlockNews .Content .Title    {font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; margin-bottom:15px; display:block;}
.GridNews .ItemNews .BlockNews .Content .Txt      {font-size:1.4em; line-height:2.0em; font-weight:300; color:#000000;}

.ListNews                                         {display:block; margin:0px 0px -30px 0px; padding:0px;}
.ListNews .ItemNews                               {display:block; margin:0px; padding:0px 0px 30px 0px; width:100%; vertical-align:top; box-sizing:border-box;}
.ListNews .ItemNews .BlockNews                    {display:table; background:#ffffff; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; position:relative; width:100%;}
.ListNews .ItemNews .BlockNews:hover              {text-decoration:none;}
.ListNews .ItemNews .BlockNews .Top               {position:absolute; top:0px; left:0px; display:table; width:100%; padding:20px 30px 20px 300px; box-sizing:border-box; font-size:1.2em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.2em; text-transform:uppercase; table-layout:fixed;}
.ListNews .ItemNews .BlockNews .Top .Author       {display:table-cell; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ListNews .ItemNews .BlockNews .Top .Date         {display:table-cell; text-align:right; width:100px;}
.ListNews .ItemNews .BlockNews .Img               {display:table-cell; vertical-align:top; background-position:center; background-repeat:no-repeat; background-size:cover; width:270px; height:176px;}
.ListNews .ItemNews .BlockNews .Img img           {display:block; width:100%; height:100%;}
.ListNews .ItemNews .BlockNews .Content           {display:table-cell; vertical-align:top; padding:55px 30px 30px 30px; min-height:inherit !important;}
.ListNews .ItemNews .BlockNews .Content .Title    {font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; margin-bottom:15px; display:block;}
.ListNews .ItemNews .BlockNews .Content .Txt      {font-size:1.4em; line-height:2.0em; font-weight:300; color:#000000;}

.ArticleNews                              {display:block; position:relative; background:#ffffff; border-radius:4px; border:1px solid #e9eaeb; height:100%; box-sizing:border-box;}
.ArticleNews:hover                        {text-decoration:none;}
.ArticleNews .Top                         {display:table; width:100%; padding:20px 30px; box-sizing:border-box; font-size:1.2em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.2em; text-transform:uppercase; table-layout:fixed;}
.ArticleNews .Top .Author                 {display:table-cell; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ArticleNews .Top .Date                   {display:table-cell; text-align:right; width:100px;}
.ArticleNews .Img                         {display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ArticleNews .Img img                     {display:block; width:100%; height:100%;}
.ArticleNews .Content                     {display:block; padding:30px 30px 86px 30px; text-align:left;}
.ArticleNews .Content .Title              {font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; margin-bottom:15px; display:block;}
.ArticleNews .Content .Txt                {font-size:1.4em; line-height:2.0em; font-weight:300; color:#000000;}
.ArticleNews .Buttons                     {display:block; padding:0px 30px 30px 30px; box-sizing:border-box; position:absolute; bottom:0px; width:100%;}
.ArticleNews .Buttons .BtnReadMore        {display:block;}
.ArticleNews .Buttons .BtnReadMore span   {width:100%; padding:16px 0px; display:block;}




/* Feature Swiper */
.Feature_Swiper                                                               {margin:0px -60px;}
.Feature_Swiper .swiper-wrapper .swiper-slide {height:auto;}
.Feature_Swiper .swiper_feature .swiper-wrapper                               {width:100%; padding-right:60px; box-sizing:border-box;}
.Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide                 {width:33.33%; padding-left:60px; box-sizing:border-box;}
.Feature_Swiper .swiper_feature .swiper-wrapper .swiper-slide:last-child      {margin-right:60px;}
.Feature_Swiper .Icon_Swipper_01                                              {display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; cursor:pointer; z-index:2; background-image:none; right:60px;}
.Feature_Swiper .Icon_Swipper_01 img                                          {display:block; width:100%;}
.Feature_Swiper .Icon_Swipper_02                                              {display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; cursor:pointer; z-index:2; background-image:none; left:60px;}
.Feature_Swiper .Icon_Swipper_02 img                                          {display:block; width:100%;}






/* Head Page */
.HeadPage                       {display:table; width:100%; margin-bottom:30px; position:relative; padding-right:130px; box-sizing:border-box;}
.HeadPage .LeftCell             {display:table-cell; vertical-align:middle; text-align:left;}
.HeadPage .RightCell            {display:table-cell; vertical-align:middle; text-align:right;}
.HeadPage .RightCell .Block     {display:inline-block; margin-left:30px;}
.HeadPage .SwitchCell           {position:absolute; top:0px; right:0px;}          
.HeadPage .BigTitle             {margin:0px;}




/* Nav Swiper */
.Nav_Swiper                                                                       {background:#fff; position:relative; z-index:5; border-bottom:1px solid #ffffff;}   
.Nav_Swiper.DarkVersion                                                           {border-bottom:1px solid #e9eaeb;}
.Nav_Swiper .swiper_nav                                                           {position:relative; z-index:20; width:100%; box-sizing:border-box;}
.Nav_Swiper .swiper_nav .swiper-wrapper                                           {}
.Nav_Swiper .swiper_nav .swiper-wrapper .swiper-slide                             {width:auto; flex-grow:1; text-align:center;}
.Nav_Swiper .swiper_nav .swiper-wrapper .swiper-slide a                           {display:block; padding:16px 20px; box-sizing:border-box; font-size:1.3em; line-height:1.3em; text-transform:uppercase; font-weight:400; text-decoration:none;}
.Nav_Swiper .swiper_nav .swiper-wrapper .swiper-slide a:hover                     {}
.Nav_Swiper .swiper_nav .swiper-wrapper .swiper-slide.Highlighted a               {font-weight:600;}

.SubNav_Swiper                                                                    {background:#ffffff; position:relative; z-index:5; padding-top:20px;}   
.SubNav_Swiper.DarkVersion                                                        {background:#f0f0f2;}
.SubNav_Swiper .swiper_subnav                                                     {position:relative; z-index:20; width:100%; box-sizing:border-box;}
.SubNav_Swiper .swiper_subnav .swiper-wrapper                                     {}
.SubNav_Swiper .swiper_subnav .swiper-wrapper .swiper-slide                       {width:auto; flex-grow:1; text-align:center;}
.SubNav_Swiper .swiper_subnav .swiper-wrapper .swiper-slide a                     {display:inline-block; padding:10px 15px; box-sizing:border-box; font-size:1.1em; line-height:1.3em; text-transform:uppercase; font-weight:400; text-decoration:none; background:#fff; border-radius:20px; border:1px solid #fff;}
.SubNav_Swiper .swiper_subnav .swiper-wrapper .swiper-slide a:hover               {border:1px solid #9bd8ea; background:#9bd8ea;}
.SubNav_Swiper .swiper_subnav .swiper-wrapper .swiper-slide.Highlighted a         {color:#44469d; border:1px solid #9bd8ea; font-weight:600; background:none;}

.Personal_Swiper                                                                  {background:#fff; position:relative; z-index:5; margin-bottom:40px;}   
.Personal_Swiper .swiper_personal                                                 {position:relative; z-index:20; width:100%; box-sizing:border-box; border-bottom:1px solid #e9eaeb;}
.Personal_Swiper .swiper_personal .swiper-wrapper                                 {}
.Personal_Swiper .swiper_personal .swiper-wrapper .swiper-slide                   {width:auto; text-align:center;}
.Personal_Swiper .swiper_personal .swiper-wrapper .swiper-slide a                 {display:block; padding:14px 30px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; text-transform:uppercase; font-weight:500; color:#000000; text-decoration:none; border-bottom:4px solid unset; margin-bottom:-1px;}
.Personal_Swiper .swiper_personal .swiper-wrapper .swiper-slide a:hover           {border-bottom:4px solid #44469d;}
.Personal_Swiper .swiper_personal .swiper-wrapper .swiper-slide.Highlighted a     {color:#000000; border-bottom:4px solid #44469d;}
.Personal_Swiper .swiper_personal .swiper-wrapper .swiper-slide span              {display:block; padding:14px 30px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; text-transform:uppercase; font-weight:500; color:#a3a3a3; text-decoration:none; border-bottom:4px solid unset; margin-bottom:-1px; cursor:default;}
.Personal_Swiper .swiper_personal .swiper-wrapper .swiper-slide span:hover        {}
.Personal_Swiper .swiper_personal .swiper-wrapper .swiper-slide.Highlighted span  {color:#000000; border-bottom:4px solid #44469d;}

.Inbox_Swiper                                                                     {background:#fff; position:relative; z-index:5;}   
.Inbox_Swiper .swiper_inbox                                                       {position:relative; z-index:20; width:100%; box-sizing:border-box; border-bottom:1px solid #e9eaeb;}
.Inbox_Swiper .swiper_inbox .swiper-wrapper                                       {}
.Inbox_Swiper .swiper_inbox .swiper-wrapper .swiper-slide                         {width:auto; text-align:center;}
.Inbox_Swiper .swiper_inbox .swiper-wrapper .swiper-slide a                       {display:block; padding:14px 30px; box-sizing:border-box; font-size:1.4em; line-height:1.3em; text-transform:uppercase; font-weight:500; color:#000000; text-decoration:none; border-bottom:4px solid unset; margin-bottom:-1px;}
.Inbox_Swiper .swiper_inbox .swiper-wrapper .swiper-slide a:hover                 {border-bottom:4px solid #44469d;}
.Inbox_Swiper .swiper_inbox .swiper-wrapper .swiper-slide.Highlighted a           {color:#000000; border-bottom:4px solid #44469d;}




/* Rating Stars */
.Rating                                     {}
.Rating .Star                               {display:inline-block; width:18px; height:18px; background-size:cover; box-sizing:border-box; cursor:pointer;}
.Rating .Star.On                            {background-image:url(/Content/Images/Icon_Rating_On.png);}
.Rating .Star.Off                           {background-image:url(/Content/Images/Icon_Rating_Off.png);}




/* Switch */
.Switch                                     {display:table;}
.Switch .Icon_List                          {display:table-cell; width:50px; height:50px; background-size:cover; box-sizing:border-box; cursor:pointer; border:1px solid #e9eaeb; border-top-left-radius:4px; border-bottom-left-radius:4px; background-color:#ffffff; border-right:none;}
.Switch .Icon_List.On                       {background-image:url(/Content/Images/Icon_Switch_List_02.png);}
.Switch .Icon_List.Off                      {background-image:url(/Content/Images/Icon_Switch_List_01.png);}
.Switch .Icon_Grid                          {display:table-cell; width:50px; height:50px; background-size:cover; box-sizing:border-box; cursor:pointer; border:1px solid #e9eaeb; border-top-right-radius:4px; border-bottom-right-radius:4px; background-color:#ffffff;}
.Switch .Icon_Grid.On                       {background-image:url(/Content/Images/Icon_Switch_Grid_02.png);}
.Switch .Icon_Grid.Off                      {background-image:url(/Content/Images/Icon_Switch_Grid_01.png);}




/* Btn Circle */
.BtnCircleBack                                {display:inline-block; width:50px; height:50px; cursor:pointer; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease; background:url(/Content/Images/Icon_Pagination_01.png) no-repeat center #fff; background-size:cover;  border:1px solid #e9eaeb; border-radius:50%;}
.BtnCircleBack:hover 		                      {background-color:#f0f0f2; border:1px solid #e9eaeb;}
.BtnCircleBack img                            {width:100%; height:100%; display:block;}

.BtnCircleArchive                             {display:inline-block; width:50px; height:50px; cursor:pointer; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease; background:url(/Content/Images/Icon_Btn_Archive.png) no-repeat center #fff; background-size:cover;  border:1px solid #e9eaeb; border-radius:50%;}
.BtnCircleArchive:hover 		                  {background-color:#f0f0f2; border:1px solid #e9eaeb;}
.BtnCircleArchive img                         {width:100%; height:100%; display:block;}

.BtnCircleEdit                                {display:inline-block; width:50px; height:50px; cursor:pointer; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease; background:url(/Content/Images/Icon_Btn_Edit.png) no-repeat center #fff; background-size:cover;  border:1px solid #e9eaeb; border-radius:50%;}
.BtnCircleEdit:hover 		                      {background-color:#f0f0f2; border:1px solid #e9eaeb;}
.BtnCircleEdit img                            {width:100%; height:100%; display:block;}

.BtnCircleDelete                              {display:inline-block; width:50px; height:50px; cursor:pointer; text-decoration:none; -webkit-appearance:none; transition:background 0.3s ease, border 0.3s ease; background:url(/Content/Images/Icon_Btn_Delete.png) no-repeat center #fff; background-size:cover;  border:1px solid #e9eaeb; border-radius:50%;}
.BtnCircleDelete:hover 		                    {background-color:#f0f0f2; border:1px solid #e9eaeb;}
.BtnCircleDelete img                          {width:100%; height:100%; display:block;}




/* News Detail Page */
.NewsDetailPage                               {}
.NewsDetailPage .ND_Head                      {text-align:center; position:relative;}
.NewsDetailPage .ND_Head .BtnNDBack           {position: absolute; top:0px; left:0px;} 
.NewsDetailPage .ND_Head .Img                 {max-width:500px; display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:60px;}
.NewsDetailPage .ND_Head .Img img             {width:100%; height:100%; display:block;}
.NewsDetailPage .ND_Content                   {}
.NewsDetailPage .ND_Foot                      {margin-top:40px;}
.NewsDetailPage .ND_Foot .Desc                {font-size:1.4em; line-height:1.3em; font-weight:500; color:#000000; text-transform:uppercase; text-align:center; display:block;}
.NewsDetailPage .ND_Foot .Desc .Author        {display:inline-block;}
.NewsDetailPage .ND_Foot .Desc .Spacer        {display:inline-block; color:#e9eaeb; padding:0px 20px;}
.NewsDetailPage .ND_Foot .Desc .Date          {display:inline-block;}


.AddThisShareButtons {margin-top:30px;}
.AddThisShareButtons .TxtShare {font-size:1.4em; line-height:1.3em; font-weight:400; color:#9f9f9f; text-align:center; display:block;}
.AddThisShareButtons .addthis_inline_share_toolbox {opacity:0.6;}
.AddThisShareButtons .addthis_inline_share_toolbox .at-share-btn-elements {text-align:center;}
.AddThisShareButtons .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn {width:28px; height:28px; }
.AddThisShareButtons .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn .at-icon {width:28px !important; height:28px !important;}
.AddThisShareButtons .addthis_inline_share_toolbox_llag {opacity:0.6;}
.AddThisShareButtons .addthis_inline_share_toolbox_llag .at-share-btn-elements {text-align:center;}
.AddThisShareButtons .addthis_inline_share_toolbox_llag .at-resp-share-element .at-share-btn {width:28px; height:28px; }
.AddThisShareButtons .addthis_inline_share_toolbox_llag .at-resp-share-element .at-share-btn .at-icon {width:28px !important; height:28px !important;}




/* Popup Boxes */
.PopupParent                                                                      {position:absolute; width:86%; margin-left:7%; min-width:240px; height:0px; z-index:200; opacity:0; display:none; transition:opacity 200ms ease;}
.PopupParent.Visible                                                              {opacity:1;}
.PopupParent .Popup                                                               {position:relative; margin:0px auto 0px auto; max-width:800px; min-width:240px; background-color:#fff;}
.PopupParent .Popup .ActualContent                                                {text-align:center; padding:60px; position:relative;}
.PopupParent .Popup .ActualContent .BtnClose                                      {position:absolute; top:30px; right:30px; width:50px; height:50px; cursor:pointer; text-decoration:none; -webkit-appearance:none; background:url(/Content/Images/Icon_CloseButton.png) no-repeat center #fff; border:1px solid #9bd8ea; background-size:cover; transition:background 0.3s ease, border 0.3s ease; border-radius:50%;}
.PopupParent .Popup .ActualContent .BtnClose:hover                                {background-color:#9bd8ea; border:1px solid #9bd8ea;}
.PopupParent .Popup .ActualContent .PopUpTitle                                    {font-size:2.8em; line-height:1.3em; font-weight:400; color:#000000; margin:0px 0px 40px 0px; letter-spacing:2px; text-transform:uppercase;}
.PopupParent .Popup .ActualContent .PopUpSmallTitle                               {font-size:2.0em; line-height:1.3em; font-weight:400; color:#000000; margin:0px 0px 40px 0px; letter-spacing:2px; text-transform:uppercase;}
.PopupParent .Popup .ActualContent .PopUpContent                                  {text-align:left;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons                         {}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnCancel              {float:left; width:47%;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnCancel a            {width:100%; padding:16px 0px;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnCancel input        {width:100%; padding:16px 0px;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnCancel button       {width:100%; padding:16px 0px;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnCancel span         {width:100%; padding:16px 0px;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnConfirm             {float:right; width:47%;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnConfirm a           {width:100%; padding:16px 0px;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnConfirm input       {width:100%; padding:16px 0px;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnConfirm button      {width:100%; padding:16px 0px;}
.PopupParent .Popup .ActualContent .PopUpContent .Buttons .BtnConfirm span        {width:100%; padding:16px 0px;}
.PopupParent .Popup .ActualContent .LanguageProgress {height:0px; position:relative; top:-40px; text-align:center; display:none; opacity:0;}
.PopupParent .Popup .ActualContent .LanguageProgress img {width:30px;}


.PopUpText                                                                        {display:none;}
.PopUpDelete                                                                      {display:none;}
.PopUpArchive                                                                     {display:none;}
.PopUpStartQuestionnaire                                                          {display:none;}
.PopUpRegionLanguage {display:none;}

.FormInPopup {text-align:left;}
.FormInPopup .FormField {min-height:50px;} /* height for no movement and language progress indicator */
.FormInPopup .FormField .sbOptions {}



/* Personal Page */
.PersonalPage                                 {}
.PersonalPage .TableColumn                    {display:table; width:100%; table-layout:fixed;}
.PersonalPage .TableColumn .ImageColumn       {display:table-cell; vertical-align:top; width:300px; padding-right:60px;}
.PersonalPage .TableColumn .FormColumn        {display:table-cell; vertical-align:top;}
.FormTelephoneNumber            {display:table; width:100%; table-layout:fixed;}
.FormTelephoneNumber .Cell01    {display:table-cell; vertical-align:top; width:65px; padding-right:5px;}
.FormTelephoneNumber .Cell02    {display:table-cell; vertical-align:top; width:65px; padding-right:5px;}
.FormTelephoneNumber .Cell03    {display:table-cell; vertical-align:top;}
.PersonalPage .FormMobileTelephone            {display:table; width:100%; table-layout:fixed;}
.PersonalPage .FormMobileTelephone .Cell01    {display:table-cell; vertical-align:top; width:90px; padding-right:5px;}
.PersonalPage .FormMobileTelephone .Cell02    {display:table-cell; vertical-align:top;}



/* Manage Points Page */
.PointTxt                     {letter-spacing: 2px; text-transform:uppercase;}
.PointNbre                    {font-size:2.0em; line-height:1.3em; font-weight:500; color:#000000; margin-left:10px;}




/* Image Uploader */
.ImageEditorSection .cropit-preview                                                                 {background-color:#fff; border:1px solid #e9eaeb; border-radius:4px; background-size:cover; width:200px; height:200px; margin-bottom:15px;} /* Initial dimensions overwriten */
.ImageEditorSection .cropit-preview .ProgressIndicator                                              {position:absolute; top:50%; left:50%; display:none; z-index:3; width:80px; height:80px; margin-left:-40px; margin-top:-40px; background-image:none; background-size:140% 140%; background-position:center center;}
.ImageEditorSection .cropit-preview .ProgressIndicator img                                          {width:30px; height:30px; display:block; margin:25px auto 0px auto;}
.ImageEditorSection .cropit-preview.cropit-image-loading .ProgressIndicator                         {display:block;}
.ImageEditorSection .cropit-preview.cropit-image-loaded .cropit-preview-image-container             {cursor:move;}
.ImageEditorSection .cropit-preview-background                                                      {opacity:0.2;}
.ImageEditorSection .CbxAndLabel                                                                    {display:none; margin-bottom:15px;}
.ImageEditorSection .CbxAndLabel label                                                              {font-size:1.3em;}
.ImageEditorSection .ImageChanged                                                                   {display:none;}
.ImageEditorSection .Toolbar                                                                        {display:table; width:100%; margin-bottom:15px;}
.ImageEditorSection .Toolbar .RotateCW                                                              {display:table-cell; width:17px; padding-right:11px; opacity:1; transition:opacity 200ms ease;}
.ImageEditorSection .Toolbar .RotateCW:hover                                                        {opacity:0.7;}
.ImageEditorSection .Toolbar .RotateCW img                                                          {width:100%; display:block; cursor:pointer;}
.ImageEditorSection .Toolbar .RotateCCW                                                             {display:table-cell; width:17px; padding-right:11px; opacity:1; transition:opacity 200ms ease;}
.ImageEditorSection .Toolbar .RotateCCW:hover                                                       {opacity:0.7;}
.ImageEditorSection .Toolbar .RotateCCW img                                                         {width:100%; display:block; cursor:pointer;}
.ImageEditorSection .Toolbar .ZoomSlider                                                            {display:table-cell; vertical-align:top;}
.ImageEditorSection .Toolbar .StyledSlider                                                          {border:none; border-top:3px solid #e9eaeb; border-radius:0; margin-top:7px;}
.ImageEditorSection .Toolbar .StyledSlider .ui-slider-handle                                        {top:-12px; border:none; background:url("/content/images/icon_slidertoggle.png") repeat-x; background-size:100%; width:16px; height:22px; cursor:pointer;}
.ImageEditorSection .Toolbar .cropit-image-zoom-input                                               {width:100%; margin:0px; -webkit-appearance:none; display:none}
.ImageEditorSection .Toolbar .cropit-image-zoom-input[disabled]                                     {opacity:0.2;}
.ImageEditorSection .ImgDetails                                                                     {font-size:1.2em; line-height:1.3em; font-weight:400; color:#a3a3a3;}

  /* "Add image" version */
.BrowseBtn              {border:1px solid #e9eaeb; background-color:#ffffff; height:50px; padding:0px 0px 0px 110px; position:relative; width:100%; box-sizing:border-box; border-radius:4px; margin-bottom:10px; display:table; table-layout:fixed;}
.BrowseBtn input        {height:50px; position:absolute; left:0; top:0; width:100%; opacity:0; cursor:pointer;}
.BrowseBtn .ChooseFile  {background-color:#9f9f9f; color:#fff; font-size:1.2em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; padding:5px; border-radius:4px; width:100px; box-sizing:border-box; text-align:center; position:absolute; top:12px; left:10px; overflow:hidden; white-space:nowrap;}
.BrowseBtn .filename    {color:#000000; font-size:1.4em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; padding:15px 15px 15px 10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

  /* "Choose file" version */
.BrowseBtn2             {border:1px solid #e9eaeb; background-color:#ffffff; height:50px; padding:0px 0px 0px 110px; position:relative; width:100%; box-sizing:border-box; border-radius:4px; margin-bottom:10px; display:table; table-layout:fixed;}
.BrowseBtn2 input       {height:50px; position:absolute; left:0; top:0; width:100%; opacity:0; cursor:pointer;}
.BrowseBtn2 .ChooseFile {background-color:#9f9f9f; color:#fff; font-size:1.2em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; padding:5px; border-radius:4px; width:100px; box-sizing:border-box; text-align:center; position:absolute; top:12px; left:10px; overflow:hidden; white-space:nowrap;}
.BrowseBtn2 .filename   {color:#000000; font-size:1.4em; line-height:1.3em; font-weight:400; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; padding:15px 15px 15px 10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 



/* Toggle Switch */
.WrapperSwitch                                                {}
.WrapperSwitch .ItemSwitch                                    {display:table; width:100%; table-layout:fixed; margin-bottom:30px; cursor:pointer;}
.WrapperSwitch .ItemSwitch .Cell01                            {display:table-cell; vertical-align:middle; width:60px;}
.WrapperSwitch .ItemSwitch .Cell02                            {display:table-cell; vertical-align:middle; padding:0px; box-sizing:border-box;}
.WrapperSwitch .ItemSwitch .Switch                            { border-radius:40px; width:40px; height:24px; background-color:#9f9f9f; position:relative; transition:background-color 200ms ease;}
.WrapperSwitch .ItemSwitch .Switch.Active                     {background-color:#5dd37b;}
.WrapperSwitch .ItemSwitch .Rocker                            {position:absolute; width:18px; height:18px; border-radius:50%; top:3px; left:3px; background-color:#ffffff; transition:left 150ms ease;}
.WrapperSwitch .ItemSwitch .Switch.Active .Rocker             {left:18px;}
.WrapperSwitch .ItemSwitch .Txt                               {font-size:1.4em; line-height:2.0em; font-weight:300; color:#000000;}




/* Questions, both profiling and questionnaire, may need to be copied to admin for preview page */
.ListQuestion                                               {margin:0px 0px -40px 0px; position:relative;}
.ListQuestion .ItemQuestion                                 {padding:0px 0px 40px 0px; display:block;}
.ListQuestion .ItemQuestion .Label                          {display:table; width:100%;}
.ListQuestion .ItemQuestion .Label .Txt                     {display:table-cell; vertical-align:top; font-size:2.0rem; line-height:1.3em; font-weight:500; color:#000000; padding:0px 10px 20px 0px;}
.ListQuestion .ItemQuestion .Label .Icon                    {}
.ListQuestion .ItemQuestion .FormBox                        {margin:0px;}
.ListQuestion .ItemQuestion .Image                          {max-width:500px;}
.ListQuestion .ItemQuestion .Image img                      {width:100%; display:block;}
.ListQuestion .ItemQuestion .Video                          {max-width:500px;}
.ListQuestion .ItemQuestion .BrowseBtn                      {max-width:500px;}
.ListQuestion .ItemQuestion .BrowseBtn2                     {max-width:500px;}
.ListQuestion .ItemQuestion .TxtInfo                        {font-size:1.3rem; line-height:1.3em; font-weight:400; color:#a3a3a3; margin-top:10px; text-align:left;}
.ListQuestion .ItemQuestion .TxtRequired                    {font-size:1.3rem; line-height:1.3em; color:#e22626; margin-top:6px; display:block;}
.ListQuestion .ItemQuestion.ValidQuestion                   {}
.ListQuestion .ItemQuestion.ValidQuestion .Label .Icon      {display:table-cell; vertical-align:top; width:22px; background-image:url(/Content/Images/Icon_Questionnaire_Valid.png); background-position:top; background-size:22px; background-repeat:no-repeat;}
.ListQuestion .ItemQuestion.FailedQuestion                  {}
.ListQuestion .ItemQuestion.FailedQuestion .Label .Icon     {display:table-cell; vertical-align:top; width:22px; background-image:url(/Content/Images/Icon_Questionnaire_Failed.png); background-position:top; background-size:22px; background-repeat:no-repeat;}
.ListQuestion .ItemQuestion .ExpiredQuestion {margin-bottom:15px;}
.ListQuestion .ItemQuestion .ExpiredQuestion p {margin-bottom:5px; font-weight:normal;}
.ListQuestion .ItemQuestion .PreferNotToAnswer {margin-bottom:15px;}


/** Sepecial complex questions - BEGIN **/
.ListQuestion .HiddenField {display:none;}
.ListQuestion .StudyQuestionEntry {margin-bottom:10px; padding:8px 12px 8px 12px; border:solid 1px #ddd; background-color:#f4f4f4;}
.ListQuestion .HeaderType {padding-bottom:20px;} /*was padding-bottom:0px;*/

.ListQuestion .LabelledScaleDDType {}
.ListQuestion .LabelledScaleDDType .ColsInside {display:table; table-layout:fixed; width:100%;}
.ListQuestion .LabelledScaleDDType .ColsInside .LeftListDiv  {display:table-cell; width:50%; text-align:right; vertical-align:top; padding:0px; border-radius:4px; border:solid 1px #f0f0f2;}
.ListQuestion .LabelledScaleDDType .ColsInside .LeftListDiv .ItemDropArea {display:inline-block; vertical-align:top; width:142px; height:142px; margin:11px; border-radius:6px; text-align:right; background-color:#fff; border:dashed 1px #ddd;}
.ListQuestion .LabelledScaleDDType .ColsInside .LeftListDiv .ItemDropArea .Item {position:relative; width:100%; height:100%; cursor:move; background-size:contain; background-color:#fff; background-repeat:no-repeat; background-position:center center; border-radius:6px;}
.ListQuestion .LabelledScaleDDType .ColsInside .RightListDiv {display:table-cell; width:50%; text-align:left; vertical-align:top; padding:0px; border-radius:4px; border:solid 1px #f0f0f2;}
.ListQuestion .LabelledScaleDDType .ColsInside .RightListDiv .ItemDropArea {display:inline-block; vertical-align:top; width:142px; height:142px; margin:11px;  border-radius:6px; text-align:left; background-color:#fff; border:dashed 1px #ddd;}
.ListQuestion .LabelledScaleDDType .ColsInside .RightListDiv .ItemDropArea .Item {position:relative; width:100%; height:100%; cursor:move; background-size:contain; background-color:#fff; background-repeat:no-repeat; background-position:center center; border-radius:6px;}
.ListQuestion .LabelledScaleDDType .ColsInside .MiddleDiv {display:table-cell; width:80px; background-image:url(/Content/Images/Icon_Arrow_Right.png); background-position:center center; background-size:50px; background-repeat:no-repeat;}
.ListQuestion .LabelledScaleDDType .ColsInside .LeftListDiv  .ItemDropArea.CanDrop {/*background-color:#d4f3dc;*/}
.ListQuestion .LabelledScaleDDType .ColsInside .RightListDiv .ItemDropArea.CanDrop {background-color:#d4f3dc;}
.ListQuestion .LabelledScaleDDType .TxtInfo {margin-bottom:10px;}
.ListQuestion .LabelledScaleDDType .OtherOption {font-size:1.3rem; padding-bottom:2px; margin-top:10px;}
.ListQuestion .LabelledScaleDDType .PleaseSpecifyOption {}
.ListQuestion .LabelledScaleDDType .PleaseSpecifyOption span.OtherLabel {font-size:1.3rem; display:block; margin-bottom:2px;}
.ListQuestion .LabelledScaleDDType .PleaseSpecifyOption span.Asterisk {font-size:1.6rem; font-weight:bold; color:#d44;}
.ListQuestion .LabelledScaleDDType .PleaseSpecifyOption input {font-size:1.1rem; height:1.6em; padding:1px 4px 0px 3px; margin-bottom:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.ListQuestion .LabelledScaleDDType.ValidQuestion  .ColsInside .RightListDiv {background-color:#ddf0fd; border:solid 1px #2ea2f3;}
.ListQuestion .LabelledScaleDDType.ValidQuestion  .ColsInside .RightListDiv .ItemDropArea {border-color:#2ea2f3;}
/*.ListQuestion .LabelledScaleDDType.FailedQuestion .ColsInside .RightListDiv .ItemDropArea:empty {border-color:#e22626;}*/ /*<- this highlighths drop areas without images - good when not enough images dragged */
.ListQuestion .LabelledScaleDDType.FailedQuestion .ColsInside .RightListDiv .ItemDropArea {border-color:#e22626;} /* <- this highlighths also drop areas with images - good when other option is selected as well   */

.ListQuestion .SlidingPercantageType {padding-bottom:50px;}
.ListQuestion .SlidingPercantageType .SliderBox {position:relative;}
.ListQuestion .SlidingPercantageType .SliderBox .LabelLeft {float:left; font-size:1.3rem; text-align:left; margin-bottom:5px;}
.ListQuestion .SlidingPercantageType .SliderBox .LabelRight {float:right; font-size:1.3rem; text-align:right; margin-bottom:5px;}
.ListQuestion .SlidingPercantageType .SliderBox .Slider {margin-top:1px; border-color:#f0f0f0; height:3px; background-color:#f0f0f0; background-image:none; overflow-x:inherit; overflow-y:inherit;}
.ListQuestion .SlidingPercantageType .SliderBox .Slider .ui-slider-handle {width:70px; height:32px; padding-top:8px; border:solid 1px #2ea2f3; background-color:#ddf0fd; background-image:none; text-align:center; font-size:1.8rem; margin-top:-15px; margin-left:-30px;} 

.ListQuestion .PreferenceRankingType {}
.ListQuestion .PreferenceRankingType .ColsInside {display:table; table-layout:fixed; width:100%;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv  {display:table-cell; vertical-align:top; width:50%; padding:10px; border-radius:4px;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv .ItemList {padding-top:1px; padding-bottom:1px;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv .ItemList .ItemDropArea {min-height:60px; margin:10px 5px 10px 5px; border-radius:6px; text-align:center; background-color:#fff; border:solid 1px #eee; user-select:none; -moz-user-select:none;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv .ItemList .ItemDropArea:empty {border-style:dashed;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv .ItemList .ItemDropArea .Item {display:table; width:100%; cursor:move; background-color:#fff; border-radius:6px;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv .ItemList .ItemDropArea .Item .Inner {display:table-cell; height:50px; vertical-align:middle; font-size:1.3rem; padding:5px 8px 5px 8px;}
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv {display:table-cell; width:50%; padding:10px; border-radius:4px;}
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv .ItemList {padding-top:1px; padding-bottom:1px;}
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv .ItemList .ItemDropArea {min-height:60px; margin:10px 5px 10px 5px; border-radius:6px; text-align:center; background-color:#fff; border:solid 1px #eee; user-select:none; -moz-user-select:none;}
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv .ItemList .ItemDropArea:empty {border-style:dashed;}
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv .ItemList .ItemDropArea .Item {display:table; width:100%; cursor:move; background-color:#fff; border-radius:6px;}
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv .ItemList .ItemDropArea .Item .Inner {display:table-cell; height:50px; vertical-align:middle; font-size:1.3rem; padding:5px 8px 5px 8px;}
.ListQuestion .PreferenceRankingType .ColsInside .MiddleDiv {display:table-cell; width:80px; background-image:url(/Content/Images/Icon_Arrow_Right.png); background-position:center center; background-size:50px; background-repeat:no-repeat;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv  .ItemDropArea.CanDrop {/*background-color:#d4f3dc;*/}
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv .ItemDropArea.CanDrop {background-color:#d4f3dc;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv .ItemList .ItemDropArea .Item.ui-draggable-dragging {background-color:#f0f0f2;}
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv .ItemList .ItemDropArea .Item.ui-draggable-dragging {background-color:#f0f0f2;}
.ListQuestion .PreferenceRankingType * .TopLabel {text-align:center; font-size:1.2rem; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
.ListQuestion .PreferenceRankingType * .BottomLabel {text-align:center; font-size:1.2rem; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
.ListQuestion .PreferenceRankingType .TxtInfo {margin-bottom:10px;}
.ListQuestion .PreferenceRankingType.ValidQuestion  .ColsInside .RightListDiv {background-color:#ddf0fd; border:solid 1px #2ea2f3;}
.ListQuestion .PreferenceRankingType.ValidQuestion  .ColsInside .RightListDiv .ItemDropArea {border:solid 1px #2ea2f3;}
.ListQuestion .PreferenceRankingType.FailedQuestion .ColsInside .RightListDiv .ItemDropArea:empty {border:dashed 1px #e22626;}
.ListQuestion .PreferenceRankingType .Label .Txt {padding-bottom:10px;}
.ListQuestion .PreferenceRankingType .ColsInside .LeftListDiv .ItemList .ItemDropArea .Item:hover {border:solid 1px #2ea2f3; margin:-1px; }
.ListQuestion .PreferenceRankingType .ColsInside .RightListDiv .ItemList .ItemDropArea .Item:hover {border:solid 1px #2ea2f3; margin:-1px;}

.ListQuestion .RangeType .WrapperScale {display:block; margin:0px 0px -30px 0px; padding:0px; width:100%;}
.ListQuestion .RangeType .WrapperScale .ItemScale {display:inline-block; margin:0px 0px 30px 0px; padding:0px; width:100%; vertical-align:top; box-sizing:border-box; text-align:center;}
.ListQuestion .RangeType .WrapperScale .ItemScale .BlockScale {display:block; margin:0px auto 3px auto; width:24px; height:24px; border:1px solid #dedfe0; background:#fff; border-radius:50%; box-sizing:border-box; cursor:pointer; text-align:center;}
.ListQuestion .RangeType .WrapperScale .ItemScale .BlockScale .Circle {display:inline-block; width:16px; height:16px; background:none; border-radius:50%; position:relative; top:3px;}
.ListQuestion .RangeType .WrapperScale .ItemScale .BlockScale .Circle input {display:none;}
.ListQuestion .RangeType .WrapperScale .ItemScale .BlockScale:hover {border:1px solid #2ea2f3;}
.ListQuestion .RangeType .WrapperScale .ItemScale .TextValue {font-size:1.4rem; display:block; margin-left:2px; margin-right:2px;}
.ListQuestion .RangeType .WrapperScale .ItemScale.Highlighted .BlockScale {border:1px solid #2ea2f3; background:#ddf0fd;}
.ListQuestion .RangeType .WrapperScale .ItemScale.Highlighted .BlockScale .Circle {background:#2ea2f3;}
.ListQuestion .RangeType .WrapperScale.TwoScale .ItemScale {width:50%;}
.ListQuestion .RangeType .WrapperScale.ThreeScale .ItemScale {width:33.33%;}
.ListQuestion .RangeType .WrapperScale.FourScale .ItemScale {width:25%;}
.ListQuestion .RangeType .WrapperScale.FiveScale .ItemScale {width:20%;}
.ListQuestion .RangeType .WrapperScale.SixScale .ItemScale {width:16.66%;}
.ListQuestion .RangeType .WrapperScale.SevenScale .ItemScale {width:14.28%;}
.ListQuestion .RangeType .WrapperScale.EightScale .ItemScale {width:12.5%;}
.ListQuestion .RangeType .WrapperScale.NineScale .ItemScale {width:11.11%;}
.ListQuestion .RangeType .WrapperScale.TenScale .ItemScale {width:10%;}
.ListQuestion .RangeType .WrapperScale.ElevenScale .ItemScale {width:9.09%;}
.ListQuestion .RangeType .WrapperScale.TwelveScale .ItemScale {width:8.33%;}
.ListQuestion .RangeType .WrapperScale.ThirteenScale .ItemScale {width:7.69%;}

.ListQuestion .RangeType.WithArrow {}
.ListQuestion .RangeType.WithArrow .ItemScale {background-image:url(/Content/Images/arrow_centre.png); background-position:center 1px; background-repeat:no-repeat;}
.ListQuestion .RangeType.WithArrow .ItemScale:first-child {background-image:url(/Content/Images/arrow_left_end.png); background-position:left 1px;}
.ListQuestion .RangeType.WithArrow .ItemScale:last-child {background-image:url(/Content/Images/arrow_right_end.png); background-position:right 1px;}

.PlsSpecifyParent {display:none;}
.PlsSpecifyParent .PlsSpecify { font-size:1.4em; line-height:1.3em; font-weight:400; margin:15px 0px 5px 0px; color:#000000;}

.ListQuestion .VideoType .mejs__mediaelement {overflow:hidden;}

/** Sepecial complex questions - END **/

#SecondsLeftInside, #TimedPageId {display:none;}
.TimeOutCover {position:absolute; top:0px; left:0px; background-color:#fff; width:100%; z-index:20; display:none;}
.TimerInfoBox {display:none; left:0px; right:0px; background-color:rgba(155, 216, 234, 0.8); font-size:1.4em; font-weight:300; line-height:1.3em; color:#000000; padding:15px 60px 15px 60px;  bottom:0px; position:fixed; z-index:30;} /* top and width updated by JS */
.TimerInfoBox .Content {position:relative;}
.TimerInfoBox .Content #TimeDisplayId {font-weight:bold; margin-left:5px;}
#TimeDisplayId .MinuteEnding {color:#d00;}
#TimeDisplayId .ColonEnding {color:#d00;}
#TimeDisplayId .SecondEnding {color:#d00;}

.FormSubmitProgress {font-size:1.4rem; line-height:1.3em; font-weight:300; margin-top:30px; display:none;}
.FormSubmitProgress .CurrentValue {float:left; margin-bottom:10px; text-transform:lowercase;}
.FormSubmitProgress .Message {float:right; display:none;}
.FormSubmitProgress .Bar {position:relative;}
.FormSubmitProgress .Bar .FullBar  {position:absolute; top:50%; width:100%; height:6px; margin-top:-3px; display:block; background-color:#f0f0f2; border-radius:6px;}
.FormSubmitProgress .Bar .GraphBar {position:absolute; top:50%; width:auto; height:6px; margin-top:-3px; display:block; background-color:#5dd37b; border-radius:6px;}





.WrapperOption                                        {width:calc(100% + 30px); display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; margin:0px 0px -30px 0px;}
.WrapperOption .ItemOption                            {margin:0px 30px 30px 0px; width:100%;}
.WrapperOption .ItemOption input                      {display:none;}
.WrapperOption .ItemOption .BlockOption               {display:block; background:#ffffff; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; padding:15px 20px; text-align:center; min-height:70px; height:100%; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.WrapperOption .ItemOption .BlockOption .Txt          {font-size:1.4em; line-height:1.3em; font-weight:300; color:#000000; text-align:center;}
.WrapperOption .ItemOption .BlockOption:hover         {border:1px solid #2ea2f3;}
.WrapperOption .ItemOption.Highlighted .BlockOption   {border:1px solid #2ea2f3; background:#ddf0fd;}
.WrapperOption.TwoOption .ItemOption                  {width:calc(50% - 30px);}
.WrapperOption.ThreeOption .ItemOption                {width:calc(33.333% - 30px);}
.WrapperOption.FourOption .ItemOption                 {width:calc(25% - 30px);}




.BottomQuestion                                       {margin-top:40px; text-align:right;}
.BottomQuestion .BtnSubmit                            {float:right;}
.BottomQuestion .BtnSubmit a                          {min-width:160px;}
.BottomQuestion .BtnSubmit input                      {min-width:160px;}
.BottomQuestion .BtnSubmit button                     {min-width:160px;}
.BottomQuestion .BtnSubmit span                       {min-width:160px;}
.BottomQuestion .BtnPrevious                          {float:right; margin:0px 20px 0px 0px;}
.BottomQuestion .BtnPrevious a                        {min-width:160px;}
.BottomQuestion .BtnPrevious input                    {min-width:160px;}
.BottomQuestion .BtnPrevious button                   {min-width:160px;}
.BottomQuestion .BtnPrevious span                     {min-width:160px;}
.BottomQuestion .Denotes                              {float:left; margin-top:20px;}

.ValidQuestion                                                        {}
.ValidQuestion .FormField .EditBox                                    {border:1px solid #2ea2f3; background:#ddf0fd;}
.ValidQuestion .FormField .TextArea                                   {border:1px solid #2ea2f3; background:#ddf0fd;}
.ValidQuestion .FormField .DropDown                                   {border:1px solid #2ea2f3; background:#ddf0fd;}
.ValidQuestion .FormField .FileUpload                                 {border:1px solid #2ea2f3; background:#ddf0fd;}
.ValidQuestion .FormField .sbSelector                                 {border:1px solid #2ea2f3; background:#ddf0fd;}
.ValidQuestion .BrowseBtn                                             {border:1px solid #2ea2f3; background-color:#ddf0fd;}
.ValidQuestion .BrowseBtn2                                            {border:1px solid #2ea2f3; background-color:#ddf0fd;}
.ValidQuestion .FormField .AvatarOptionList                           {border:1px solid #2ea2f3; background-color:#ddf0fd;}


.FailedQuestion                                                       {}
.FailedQuestion .FormField .EditBox                                   {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .FormField .TextArea                                  {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .FormField .DropDown                                  {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .FormField .FileUpload                                {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .FormField .sbSelector                                {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .BrowseBtn                                            {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .BrowseBtn2                                           {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .WrapperOption .ItemOption .BlockOption               {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .WrapperOption .ItemOption.Highlighted .BlockOption   {border:1px solid #2ea2f3 !important; background:#ddf0fd !important;}
.FailedQuestion .WrapperScale .ItemScale .BlockScale                  {border:1px solid #e22626 !important; background-color:#ffffff !important;}
.FailedQuestion .FormField .AvatarOptionList                          {border:1px solid #e22626 !important; background-color:#ffffff !important;}



/* Profiling List Page */
.ProfilingListPage                                  {}
.ProfilingListPage .TopPagePLP                      {margin-bottom:40px; position:relative;}
.ProfilingListPage .TopPagePLP .BtnPLPCBack         {position:absolute; top:0px; left:0px;}
.ProfilingListPage .TopPagePLP .SwitchPLP           {position:absolute; top:0px; right:0px;}
.ProfilingListPage .TopPagePLP .BtnQuickProfile     {margin-bottom:20px;}

.GridProfile                                                          {display:block; margin:0px 0px -30px 0px; padding:0px; width:calc(100% + 30px);}
.GridProfile .ItemProfile                                             {display:inline-block; margin:0px; padding:0px 30px 30px 0px; width:20%; vertical-align:top; box-sizing:border-box;} 
.GridProfile .ItemProfile .BlockProfile                               {display:block; background:#ffffff; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box;  padding:30px; text-align:center;}
.GridProfile .ItemProfile .BlockProfile:hover                         {text-decoration:none;}
.GridProfile .ItemProfile .BlockProfile .ImgGrid                      {position:relative; display:block; width:100%; height:100px; margin-bottom:20px;}
.GridProfile .ItemProfile .BlockProfile .ImgGrid .Icon                {position:absolute; top:50%; left:50%; margin:-40px 0px 0px -40px;}
.GridProfile .ItemProfile .BlockProfile .ImgGrid .Icon img            {display:inline-block; width:80px; height:80px; border-radius:50%;}
.GridProfile .ItemProfile .BlockProfile .ImgGrid .ChartPos {position:absolute; top:50%; left:50%; margin:-50px 0px 0px -50px; width:100px; height:100px; display:block; }
.GridProfile .ItemProfile .BlockProfile .ImgList                      {display:none;}
.GridProfile .ItemProfile .BlockProfile .Title                        {display:block; font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.GridProfile .ItemProfile .BlockProfile .ProgressBarList              {display:none;}
.GridProfile .ItemProfile .BlockProfile .NbreAnswer                   {display:block; font-size:1.4em; line-height:1.3em; font-weight:300; color:#000000; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.GridProfile .ItemProfile .BlockProfile .BtnAction                    {display:block; margin-top:20px;}
.GridProfile .ItemProfile .BlockProfile .BtnAction span               {display:block; width:100%; padding:7px 0px;}

.ListProfile                                                          {display:block; margin:0px 0px -30px 0px; padding:0px;}
.ListProfile .ItemProfile                                             {display:block; margin:0px; padding:0px 0px 30px 0px; width:100%; vertical-align:top; box-sizing:border-box;}
.ListProfile .ItemProfile .BlockProfile                               {display:table; background:#ffffff; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; position:relative; width:100%; padding:10px 30px 10px 20px; table-layout:fixed;}
.ListProfile .ItemProfile .BlockProfile:hover                         {text-decoration:none;}
.ListProfile .ItemProfile .BlockProfile .ImgGrid                      {display:none; position:relative; width:100%; height:100px; margin-bottom:20px;}
.ListProfile .ItemProfile .BlockProfile .ImgGrid .Icon                {position:absolute; top:50%; left:50%; margin:-40px 0px 0px -40px;}
.ListProfile .ItemProfile .BlockProfile .ImgGrid .Icon img            {display:inline-block; width:80px; height:80px; border-radius:50%;}
.ListProfile .ItemProfile .BlockProfile .ImgList                      {display:table-cell; vertical-align:middle; width:100px;}
.ListProfile .ItemProfile .BlockProfile .ImgList img                  {display:inline-block; width:80px; height:80px;}
.ListProfile .ItemProfile .BlockProfile .Title                        {display:table-cell; vertical-align:middle; width:180px; font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; padding:0px 20px 0px 0px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ListProfile .ItemProfile .BlockProfile .ProgressBarList              {display:table-cell; vertical-align:middle; position:relative;}
.ListProfile .ItemProfile .BlockProfile .ProgressBarList .FullBar     {position:absolute; top:50%; margin-top:-3px; width:100%; height:6px; display:block; background-color:#f0f0f2; border-radius:6px; z-index:10;}
.ListProfile .ItemProfile .BlockProfile .ProgressBarList .GraphBar    {position:absolute; top:50%; margin-top:-3px; width:auto; height:6px; display:block; background-color:#5dd37b; border-radius:6px; z-index:20;}
.ListProfile .ItemProfile .BlockProfile .NbreAnswer                   {display:table-cell; vertical-align:middle; width:160px; font-size:1.4em; line-height:1.3em; font-weight:300; color:#000000; padding:0px 20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ListProfile .ItemProfile .BlockProfile .BtnAction                    {display:table-cell; vertical-align:middle; width:130px;}
.ListProfile .ItemProfile .BlockProfile .BtnAction span               {display:block; width:100%; padding:7px 0px;}




/* Profiling Detail Page */
.ProfilingDetailPage                            {}
.ProfilingDetailPage .TopPagePDP                {position:relative;}
.ProfilingDetailPage .TopPagePDP .BtnPDPBack    {position:absolute; top:0px; left:0px;}




/* My Family Members */
.MyFamilyMembers                                  {}
.MyFamilyMembers .TopPageMFM                      {margin-bottom:40px; position:relative;}
.MyFamilyMembers .BtnAddNewFamilyMember           {margin-top:0px; display:block;}
.MyFamilyMembers .BtnAddNewFamilyMember a         {display:block; padding:36px 0px; width:100%;}

.GridFamily                                                           {display:block; margin:0px 0px 0px 0px; padding:0px;}
.GridFamily .ItemFamily                                               {display:block; margin:0px; padding:0px 0px 30px 0px; width:100%; vertical-align:top; box-sizing:border-box;}
.GridFamily .ItemFamily .BlockFamily                                  {display:table; background:#ffffff; border-radius:4px; border:1px solid #e9eaeb; box-sizing:border-box; position:relative; width:100%; padding:25px 30px; table-layout:fixed;}
.GridFamily .ItemFamily .BlockFamily .Name                            {display:table-cell; vertical-align:middle; width:130px; font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; padding:0px 20px 0px 0px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.GridFamily .ItemFamily .BlockFamily .Gender                          {display:table-cell; vertical-align:middle; width:80px;  font-size:1.2em; line-height:1.3em; font-weight:300; color:#000000; padding:0px; text-align:center; text-transform:uppercase; letter-spacing:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.GridFamily .ItemFamily .BlockFamily .Date                            {display:table-cell; vertical-align:middle; width:100px; font-size:1.2em; line-height:1.3em; font-weight:300; color:#000000; padding:0px 20px 0px 0px; text-align:center; text-transform:uppercase; letter-spacing:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.GridFamily .ItemFamily .BlockFamily .ProgressBarList                 {display:table-cell; vertical-align:middle; position:relative; text-align:center;}
.GridFamily .ItemFamily .BlockFamily .ProgressBarList .Txt            {font-size:1.4em; line-height:1.1em; font-weight:300; color:#000000; position:relative; bottom:10px;}
.GridFamily .ItemFamily .BlockFamily .ProgressBarList .FullBar        {position:absolute; top:50%; margin-top:8px; width:100%; height:6px; display:block; background-color:#f0f0f2; border-radius:6px; z-index:10;}
.GridFamily .ItemFamily .BlockFamily .ProgressBarList .GraphBar       {position:absolute; top:50%; margin-top:8px; width:auto; height:6px; display:block; background-color:#5dd37b; border-radius:6px; z-index:20;}
.GridFamily .ItemFamily .BlockFamily .ButtonsGrid                     {display:none; width:100%;}
.GridFamily .ItemFamily .BlockFamily .ButtonsGrid .BtnEdit            {width:50%; display:table-cell; box-sizing:border-box; padding-right:5px}
.GridFamily .ItemFamily .BlockFamily .ButtonsGrid .BtnEdit a          {padding:7px 0px; width:100%;}
.GridFamily .ItemFamily .BlockFamily .ButtonsGrid .BtnDelete          {width:50%; display:table-cell; box-sizing:border-box; padding-left:5px}
.GridFamily .ItemFamily .BlockFamily .ButtonsGrid .BtnDelete a        {padding:7px 0px; width:100%;}
.GridFamily .ItemFamily .BlockFamily .BtnAction                       {display:table-cell; vertical-align:middle; padding-left:30px;}
.GridFamily .ItemFamily .BlockFamily .BtnAction a                     {display:block; width:100%; padding:7px 3px;}
.GridFamily .ItemFamily .BlockFamily .ButtonsList                     {display:table-cell; vertical-align:middle; width:140px; text-align:right;}
.GridFamily .ItemFamily .BlockFamily .ButtonsList .BtnCircleEdit      {}
.GridFamily .ItemFamily .BlockFamily .ButtonsList .BtnCircleDelete    {margin-left:10px;}




/* My Family Members Create */
.MyFamilyMembersCreate                              {position:relative; max-width:1080px; margin:0 auto;}
.MyFamilyMembersCreate .BtnMFMCBack                 {position:absolute; top:60px; left:0px;}
.MyFamilyMembersCreate .FormFieldGender             {padding-top:15px;}
.MyFamilyMembersCreate .FormFieldGender .Gender     {display:inline-block; margin-right:20px;}
.MyFamilyMembersCreate .LegalConfirm label          {font-size:1.2em; line-height:1.3em; font-weight:300;}




/* Account Activation */
.AccountActivation                                    {}
.AccountActivation .Block_AA                          {margin-bottom:60px;}

.AccountActivation .Buttons                           {margin-top:40px;}
.AccountActivation .Buttons .BtnNext                  {float:right; margin-left:20px;}
.AccountActivation .Buttons .BtnNext a                {width:160px; padding:16px 0px;}
.AccountActivation .Buttons .BtnNext input            {width:160px; padding:16px 0px;}
.AccountActivation .Buttons .BtnNext button           {width:160px; padding:16px 0px;}
.AccountActivation .Buttons .BtnNext span             {width:160px; padding:16px 0px;}
.AccountActivation .Buttons .BtnCancel                {float:right;}
.AccountActivation .Buttons .BtnCancel a              {width:160px; padding:16px 0px;}
.AccountActivation .Buttons .BtnCancel input          {width:160px; padding:16px 0px;}
.AccountActivation .Buttons .BtnCancel button         {width:160px; padding:16px 0px;}
.AccountActivation .Buttons .BtnCancel span           {width:160px; padding:16px 0px;}

.ListInvite                                           {display:block; margin:0px; padding:0px; width:calc(100% + 30px);}
.ListInvite .ItemInvite                               {display:inline-block; margin:0px; padding:0px 30px 0px 0px; width:33.33%; vertical-align:top; box-sizing:border-box;}
.ListInvite .ItemInvite .BlockInvite                  {width:100%;}




/* Inbox */
.Inbox                                {}

.InboxHeader                          {display:table; width:100%; margin-bottom:30px; position:relative; padding-right:215px; box-sizing:border-box;}
.InboxHeader .LeftCell                {display:table-cell; vertical-align:middle; text-align:left;}
.InboxHeader .RightCell               {display:table-cell; vertical-align:middle; text-align:right;}
.InboxHeader .RightCell .Block        {display:inline-block; margin-left:30px;}
.InboxHeader .BtnCreateMessage        {position:absolute; top:0px; right:0px;}          
.InboxHeader .BigTitle                {margin:0px;}

.ListInbox                                                  {display:block; margin:0px; padding:0px;}
.ListInbox .ItemInbox                                       {display:block; margin:0px; padding:0px; width:100%; vertical-align:top; box-sizing:border-box;}
.ListInbox .ItemInbox .BlockInbox                           {display:table; background:#ffffff; border-bottom:1px solid #e9eaeb; box-sizing:border-box; position:relative; width:100%; padding:30px 0px; table-layout:fixed;}
.ListInbox .ItemInbox .BlockInbox:hover                     {text-decoration:none;}
.ListInbox .ItemInbox .BlockInbox .LeftCell                 {display:table-cell; vertical-align:middle; width:210px; text-align:left; padding-right:40px;}
.ListInbox .ItemInbox .BlockInbox .MiddleCell               {display:table-cell; vertical-align:middle; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ListInbox .ItemInbox .BlockInbox .RightCell                {display:table-cell; vertical-align:middle; width:200px; text-align:right;}
.ListInbox .ItemInbox .BlockInbox .InnerTab                 {display:table; width:100%; table-layout:fixed;}
.ListInbox .ItemInbox .BlockInbox .InnerTab .InnerCell_01   {display:table-cell; vertical-align:middle; width:60px;}
.ListInbox .ItemInbox .BlockInbox .InnerTab .InnerCell_02   {display:table-cell; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ListInbox .ItemInbox .BlockInbox .InnerTab .InnerCell_03   {display:table-cell; vertical-align:middle; width:60px; text-align:right;}
.ListInbox .ItemInbox .BlockInbox .Img                      {display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; width:40px; border-radius:50%;}
.ListInbox .ItemInbox .BlockInbox .Img img                  {display:block; width:100%; height:100%;}
.ListInbox .ItemInbox .BlockInbox .Name                     {font-size:1.4em; line-height:1.3em; font-weight:500; color:#000000; text-transform:uppercase;}
.ListInbox .ItemInbox .BlockInbox .TagNew                   {display:inline-block; font-size:1.0em; font-weight:500; line-height:1.3em; color:#5dd37b; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#ffffff; padding:3px 7px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana;}
.ListInbox .ItemInbox .BlockInbox .Title                    {font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000;}
.ListInbox .ItemInbox .BlockInbox .TTSpacer                 {font-size:1.4em; line-height:1.3em; font-weight:400; color:#000000; padding:0px 5px;}
.ListInbox .ItemInbox .BlockInbox .Txt                      {font-size:1.4em; line-height:1.3em; font-weight:400; color:#000000;}
.ListInbox .ItemInbox .BlockInbox .TimeDate                 {font-size:1.2em; line-height:1.3em; font-weight:300; color:#000000; letter-spacing:0.2em; text-transform:uppercase;}

.InboxEmpty                                     {display:table; height:calc(100vh - 315px); width:100%;}
.InboxEmpty .IEInner                            {display:table-cell; vertical-align:middle; text-align:center; padding:60px 0px 60px 0px;}
.InboxEmpty .IEInner .Img                       {display:inline-block; width:60px; height:60px;}
.InboxEmpty .IEInner .Img img                   {display:block; width:100%;}
.InboxEmpty .IEInner .Desc                      {margin-top:20px; font-size:1.4em; font-weight:400; line-height:1.3em; color:#000000;}




/* Message Detail Page */
.MessageDetailPage                                            {}
.MessageDetailPage .MD_Head                                   {text-align:center; position:relative; display:table; width:100%;}
.MessageDetailPage .MD_Head .MD_Cell_01                       {display:table-cell; vertical-align:top; width:140px; text-align:left;}
.MessageDetailPage .MD_Head .MD_Cell_02                       {display:table-cell; vertical-align:top; text-align:center;}
.MessageDetailPage .MD_Head .MD_Cell_03                       {display:table-cell; vertical-align:top; width:140px; text-align:right;}
.MessageDetailPage .MD_Head .MD_Cell_03 .BtnCircleArchive     {}
.MessageDetailPage .MD_Head .MD_Cell_03 .BtnCircleDelete      {margin-left:10px;}

.MessageDetailPage .MD_Head .ButtonsSmallScreen                     {display:none; width:100%; margin-bottom:40px;}
.MessageDetailPage .MD_Head .ButtonsSmallScreen .BtnArchive         {width:50%; display:table-cell; box-sizing:border-box; padding-right:5px}
.MessageDetailPage .MD_Head .ButtonsSmallScreen .BtnArchive a       {padding:7px 0px; width:100%;}
.MessageDetailPage .MD_Head .ButtonsSmallScreen .BtnDelete          {width:50%; display:table-cell; box-sizing:border-box; padding-left:5px}
.MessageDetailPage .MD_Head .ButtonsSmallScreen .BtnDelete a        {padding:7px 0px; width:100%;}

.MessageDetailPage .MD_Content                      {}
.MessageDetailPage .MD_Foot                         {margin-top:40px;}
.MessageDetailPage .MD_Foot .Desc                   {font-size:1.4em; line-height:1.3em; font-weight:500; color:#000000; text-transform:uppercase; text-align:center; display:block;}
.MessageDetailPage .MD_Foot .Desc .Author           {display:inline-block;}
.MessageDetailPage .MD_Foot .Desc .Spacer           {display:inline-block; color:#e9eaeb; padding:0px 20px;}
.MessageDetailPage .MD_Foot .Desc .Date             {display:inline-block;}
.MessageDetailPage .MD_Foot .Buttons                {margin-top:40px; text-align:center;}
.MessageDetailPage .MD_Foot .Buttons .BtnReply      {display: block; width:100%;}
.MessageDetailPage .MD_Foot .Buttons .BtnReply a    {padding:16px 0px; max-width:320px; width:100%;}




/* Site Map */
.SiteMap                        {}
.SiteMap .Column                {}
.SiteMap .Column ul             {margin:0px; padding:0px; display:block; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:60px; -moz-column-gap:60px; column-gap:60px; text-align:left;}
.SiteMap .Column ul li          {padding:5px 0px; margin:5px 0px; display:inline-block; width:100%; box-sizing:border-box;}
.SiteMap .Column ul li a        {font-size:1.4em; line-height:1.6em; font-weight:300; color:#000000;}




/* Studies */
.Studies                                                                        {}

.GridStudies                                                                    {margin:0px 0px -30px 0px; padding:0px; width:calc(100% + 30px); display:flex; flex-wrap:wrap;    }
.GridStudies .ItemStudies                                                       {display:block; margin:0px 30px 30px 0px; width:calc(33.33% - 30px); vertical-align:top; box-sizing:border-box; border:1px solid #e9eaeb; position:relative; border-radius:4px;} 
.GridStudies .ItemStudies .BlockStudies                                         {display:block; height:100%; background:#ffffff;  box-sizing:border-box; /*padding-bottom:60px;*/ border-radius:4px;}

.GridStudies .ItemStudies .BlockStudies .Top                                    {width:100%; padding:20px 30px; box-sizing:border-box; font-size:1.2em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.2em; text-transform:uppercase; table-layout:fixed;}
.GridStudies .ItemStudies .BlockStudies .Top .Code                              {display:table-cell; text-align:left; width:100px;}
.GridStudies .ItemStudies .BlockStudies .Top .Type                              {display:table-cell; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.GridStudies .ItemStudies .BlockStudies .TopGrid                                {display:table;}
.GridStudies .ItemStudies .BlockStudies .TopList                                {display:none;}

.GridStudies .ItemStudies .BlockStudies .Img                                    {display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.GridStudies .ItemStudies .BlockStudies .Img img                                {display:block; width:100%; height:100%;}
    
.GridStudies .ItemStudies .BlockStudies .Content                                {display:block; padding:30px; text-align:center;}
.GridStudies .ItemStudies .BlockStudies .Content .Title                         {font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; margin-bottom:5px; display:block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.GridStudies .ItemStudies .BlockStudies .Content .Name                          {font-size:1.1em; line-height:1.3em; font-weight:300; color:#000000; letter-spacing:2px; text-transform:uppercase; display:block;}
.GridStudies .ItemStudies .BlockStudies .Content .Date                          {font-size:1.4em; line-height:2.0em; font-weight:300; color:#000000; margin-bottom:5px; display:block;}
.GridStudies .ItemStudies .BlockStudies .Content .ShareBtns                     {margin-top:10px; display:block; opacity:0.6; height:47px;}
.GridStudies .ItemStudies .BlockStudies .Content .ButtonsGrid                   {display:table; width:100%; margin-top:20px; margin-bottom:20px;}
.GridStudies .ItemStudies .BlockStudies .Content .ButtonsGrid.BtnSpace          {margin-top:10px;}
.GridStudies .ItemStudies .BlockStudies .Content .ButtonsGrid .BtnDetails       {width:50%; display:table-cell; box-sizing:border-box; padding-right:5px}
.GridStudies .ItemStudies .BlockStudies .Content .ButtonsGrid .BtnDetails a     {padding:7px 0px; width:100%;}
.GridStudies .ItemStudies .BlockStudies .Content .ButtonsGrid .BtnContact       {width:50%; display:table-cell; box-sizing:border-box; padding-left:5px}
.GridStudies .ItemStudies .BlockStudies .Content .ButtonsGrid .BtnContact a     {padding:7px 0px; width:100%;}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList               {display:block; position:relative; text-align:center;}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_01      {display:block;}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_02      {display:block; position:relative; width:100%; height:6px; margin:7px 0px;}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_03      {display:block;}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt          {font-size:1.4em; line-height:1.3em; font-weight:300; color:#000000;}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt span     {}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList .FullBar      {position:absolute; top:50%; width:100%; height:6px; margin-top:-3px; display:block; background-color:#f0f0f2; border-radius:6px; z-index:10;}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList .GraphBar     {position:absolute; top:50%; width:auto; height:6px; margin-top:-3px; display:block; background-color:#5dd37b; border-radius:6px; z-index:20;}
.GridStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Status       {font-size:1.1em; line-height:1.3em; font-weight:300; color:#000000; letter-spacing:2px; text-transform:uppercase;}

.GridStudies .ItemStudies .BlockStudies .Buttons                                {padding:0px 30px 0px 30px; display:block; /*position:absolute;*/ bottom:0px; width:100%; box-sizing:border-box;}
.GridStudies .ItemStudies .BlockStudies .Buttons .ButtonsList                   {display:none; width:100%;}
.GridStudies .ItemStudies .BlockStudies .Buttons .ButtonsList .BtnDetails       {width:50%; display:table-cell; box-sizing:border-box; padding-right:5px}
.GridStudies .ItemStudies .BlockStudies .Buttons .ButtonsList .BtnDetails a     {padding:7px 0px; width:100%;}
.GridStudies .ItemStudies .BlockStudies .Buttons .ButtonsList .BtnContact       {width:50%; display:table-cell; box-sizing:border-box; padding-left:5px}
.GridStudies .ItemStudies .BlockStudies .Buttons .ButtonsList .BtnContact a     {padding:7px 0px; width:100%;}
.GridStudies .ItemStudies .BlockStudies .Buttons .BtnAction                     {display:table; width:100%; margin-bottom:10px;}
.GridStudies .ItemStudies .BlockStudies .Buttons .BtnAction:last-child          {margin-bottom:30px;}
.GridStudies .ItemStudies .BlockStudies .Buttons .BtnAction a                   {padding:0px 5px; display:table-cell; height:50px; vertical-align:middle;}
.GridStudies .ItemStudies .BlockStudies .Buttons .BtnAction span                {padding:0px 5px; display:table-cell; height:50px; vertical-align:middle; cursor:default;}
.GridStudies .ItemStudies .BlockStudies .Buttons .BtnAction span:hover          {border:1px solid #44469d; background-color:#44469d;}

.GridStudies .ItemStudies.CompletedStudies                                                  {}
.GridStudies .ItemStudies.CompletedStudies .BlockStudies .Content .ProgressBarList .Status  {color:#5dd37b; font-weight:400;}
.GridStudies .ItemStudies.CompletedStudies .BlockStudies .Buttons .BtnAction                     {display:table; width:100%;}
.GridStudies .ItemStudies.CompletedStudies .BlockStudies .Buttons .BtnAction a                   {padding:0px 5px; display:table-cell; height:50px; vertical-align:middle;}
.GridStudies .ItemStudies.CompletedStudies .BlockStudies .Buttons .BtnAction span                {padding:0px 5px; display:table-cell; height:50px; vertical-align:middle; cursor:default;}
.GridStudies .ItemStudies.CompletedStudies .BlockStudies .Buttons .BtnAction span:hover          {border:1px solid #44469d; background-color:#44469d;}

.GridStudies .ItemStudies.CancelledStudies                                                  {}
.GridStudies .ItemStudies.CancelledStudies .BlockStudies .Content .ProgressBarList .Status  {color:#d35d5d; font-weight:400;}
.GridStudies .ItemStudies.CancelledStudies .BlockStudies .Content .ProgressBarList .FullBar {background-color:#d35d5d;}
.GridStudies .ItemStudies.CancelledStudies .BlockStudies .Buttons                           {display:none;}


.ListStudies                                                                    {display:block; margin:0px 0px -30px 0px; padding:0px;}
.ListStudies .ItemStudies                                                       {display:block; position:relative; margin:0px; padding:0px 0px 0px 0px; margin-bottom:30px; width:100%; vertical-align:top; box-sizing:border-box; border-radius:4px; border:1px solid #e9eaeb;}
.ListStudies .ItemStudies .BlockStudies                                         {display:table; background:#ffffff; box-sizing:border-box; width:100%; table-layout:fixed; border-radius:4px; }

.ListStudies .ItemStudies .BlockStudies .Top                                    {width:100%; padding:0px 0px 20px 0px; box-sizing:border-box; font-size:1.2em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.2em; text-transform:uppercase; table-layout:fixed;}
.ListStudies .ItemStudies .BlockStudies .Top .Code                              {display:table-cell; text-align:left; width:100px;}
.ListStudies .ItemStudies .BlockStudies .Top .Type                              {display:table-cell; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ListStudies .ItemStudies .BlockStudies .TopGrid                                {display:none;}
.ListStudies .ItemStudies .BlockStudies .TopList                                {display:table;}

.ListStudies .ItemStudies .BlockStudies .Img                                    {display:table-cell; vertical-align:top; background-position:center; background-repeat:no-repeat; background-size:cover; width:320px; height:160px; border-radius:4px 0px 0px 4px;}
.ListStudies .ItemStudies .BlockStudies .Img img                                {display:block; width:100%; height:100%;}

.ListStudies .ItemStudies .BlockStudies .Content                                {display:table-cell; vertical-align:top; padding:30px; text-align:left;}
.ListStudies .ItemStudies .BlockStudies .Content .Title                         {font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; margin-bottom:5px; display:block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.ListStudies .ItemStudies .BlockStudies .Content .Name                          {font-size:1.1em; line-height:1.3em; font-weight:300; color:#000000; letter-spacing:2px; text-transform:uppercase; display:block;}
.ListStudies .ItemStudies .BlockStudies .Content .Date                          {font-size:1.4em; line-height:2.0em; font-weight:300; color:#000000; margin-bottom:5px; display:block;}
.ListStudies .ItemStudies .BlockStudies .Content .ButtonsGrid                   {display:none; width:100%;}
.ListStudies .ItemStudies .BlockStudies .Content .ButtonsGrid .BtnDetails       {width:50%; display:table-cell; box-sizing:border-box; padding-right:5px}
.ListStudies .ItemStudies .BlockStudies .Content .ButtonsGrid .BtnDetails a     {padding:7px 0px; width:100%;}
.ListStudies .ItemStudies .BlockStudies .Content .ButtonsGrid .BtnContact       {width:50%; display:table-cell; box-sizing:border-box; padding-left:5px}
.ListStudies .ItemStudies .BlockStudies .Content .ButtonsGrid .BtnContact a     {padding:7px 0px; width:100%;}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList               {display:block; position:relative; text-align:center; margin-top:20px; padding-bottom:30px;}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_01      {float:left;}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_02      {position:relative; display:block; width:100%; height:6px; top:28px;}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_03      {float:right;}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt          {font-size:1.4em; line-height:1.3em; font-weight:300; color:#000000;}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt span     {}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .FullBar      {position:absolute; top:50%; width:100%; height:6px; margin-top:-3px; display:block; background-color:#f0f0f2; border-radius:6px; z-index:10;}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .GraphBar     {position:absolute; top:50%; width:auto; height:6px; margin-top:-3px; display:block; background-color:#5dd37b; border-radius:6px; z-index:20;}
.ListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Status       {font-size:1.1em; line-height:1.3em; font-weight:300; color:#000000; letter-spacing:2px; text-transform:uppercase; position:relative; top:-2px;}

.ListStudies .ItemStudies .BlockStudies .Buttons                                {display:table-cell; vertical-align:middle; padding:30px 30px 30px 0px; width:230px;}
.ListStudies .ItemStudies .BlockStudies .Buttons .ButtonsList                   {display:table; width:100%;}
.ListStudies .ItemStudies .BlockStudies .Buttons .ButtonsList .BtnDetails       {width:50%; display:table-cell; box-sizing:border-box; padding-right:5px}
.ListStudies .ItemStudies .BlockStudies .Buttons .ButtonsList .BtnDetails a     {padding:7px 0px; width:100%;}
.ListStudies .ItemStudies .BlockStudies .Buttons .ButtonsList .BtnContact       {width:50%; display:table-cell; box-sizing:border-box; padding-left:5px}
.ListStudies .ItemStudies .BlockStudies .Buttons .ButtonsList .BtnContact a     {padding:7px 0px; width:100%;}
.ListStudies .ItemStudies .BlockStudies .Buttons .BtnAction                     {margin-top:10px; display:block;}
.ListStudies .ItemStudies .BlockStudies .Buttons .BtnAction a                   {min-height:50px; display:flex; justify-content:center; align-items:center; padding:0px; width:100%; height:1.2em;}
.ListStudies .ItemStudies .BlockStudies .Buttons .BtnAction span                {min-height:50px; display:flex; justify-content:center; align-items:center; padding:0px; width:100%; height:1.2em;}

.ListStudies .ItemStudies.CompletedStudies                                                  {}
.ListStudies .ItemStudies.CompletedStudies .BlockStudies .Content .ProgressBarList .Status  {color:#5dd37b; font-weight:400;}
.ListStudies .ItemStudies.CompletedStudies .BlockStudies .Buttons                           {display:none;}
.ListStudies .ItemStudies.CancelledStudies                                                  {}
.ListStudies .ItemStudies.CancelledStudies .BlockStudies .Content .ProgressBarList .Status  {color:#d35d5d; font-weight:400;}
.ListStudies .ItemStudies.CancelledStudies .BlockStudies .Content .ProgressBarList .FullBar {background-color:#d35d5d;}
.ListStudies .ItemStudies.CancelledStudies .BlockStudies .Buttons                           {display:none;}




/* News Studies Page */
.StudiesDetailPage                                                {}
.StudiesDetailPage .SDP_Head                                      {text-align:center; position:relative;}
.StudiesDetailPage .SDP_Head .BtnSDPBack                          {position: absolute; top:0px; left:0px;} 
.StudiesDetailPage .SDP_Head .Img                                 {max-width:500px; display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:60px;}
.StudiesDetailPage .SDP_Head .Img img                             {width:100%; height:100%; display:block;}
.StudiesDetailPage .SDP_Head .Title                               {margin-bottom:15px;}
.StudiesDetailPage .SDP_Head .Date                                {font-size:1.4em; line-height:1.3em; font-weight:400; color:#000000; margin-bottom:40px;}
.StudiesDetailPage .SDP_Content                                   {margin-bottom:60px;}
.StudiesDetailPage .SDP_Content .ListSample                       {display:block; padding:0px; margin:0px 0px -30px 0px;}
.StudiesDetailPage .SDP_Content .ListSample .ItemSample           {display:block; padding:0px; margin:0px 0px 30px 0px;}
.StudiesDetailPage .SDP_Content .SDP_Table                        {display:table; width:100%;}
.StudiesDetailPage .SDP_Content .SDP_Table .SDP_Row               {display:table-row;}
.StudiesDetailPage .SDP_Content .SDP_Table .SDP_Row .SDP_Cell01   {display:table-cell; vertical-align:middle; height:40px; width:280px; font-size:1.4em; line-height:1.3em; font-weight:500; color:#000000; text-transform:uppercase;}
.StudiesDetailPage .SDP_Content .SDP_Table .SDP_Row .SDP_Cell02   {display:table-cell; vertical-align:middle; height:40px; font-size:1.4em; line-height:1.3em; font-weight:400; color:#000000;}




/* Dashboard */
.Dashboard                              {}
.Dashboard .DashRow_01                  {margin-bottom:30px;}
.Dashboard .DashRow_02                  {margin-bottom:30px;}
.Dashboard .DashRow_03                  {}
.Dashboard .DashTable                   {display:table; width:100%; height:200px; table-layout:fixed; margin-bottom:30px;}
.Dashboard .DashTable .DashCell_01      {display:table-cell; vertical-align:top;}
.Dashboard .DashTable .DashCell_02      {display:table-cell; vertical-align:top; width:30px;}
.Dashboard .DashTable .DashCell_03      {display:table-cell; vertical-align:top; width:340px;}

.DashInfos                                                            {background:#f0f0f2; box-sizing:border-box; border-radius:4px; width:100%; display:table;}
.DashInfos .CellInfos_01                                              {display:table-cell; vertical-align:middle; width:420px; padding:30px; box-sizing:border-box;}
.DashInfos .CellInfos_01 .Block                                       {display:table; width:100%; table-layout:fixed;}
.DashInfos .CellInfos_01 .Block .Picture                              {width:110px; height:110px; display:table-cell; vertical-align:middle;}
.DashInfos .CellInfos_01 .Block .Picture .Img                         {position:absolute; width:110px; height:110px; border-radius:50%; z-index:20; background-position:center; background-size:cover;}
.DashInfos .CellInfos_01 .Block .Picture .Chart                       {width:126px; height:126px; z-index:20; position:relative; top:-8px; left:-8px;}
.DashInfos .CellInfos_01 .Block .Description                          {display:table-cell; vertical-align:middle; padding-left:30px;}
.DashInfos .CellInfos_01 .Block .Description .Name                    {font-size:2.0em; font-weight:500; line-height:1.3em; color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.DashInfos .CellInfos_01 .Block .Description .Profile                 {font-size:1.4em; font-weight:400; line-height:1.3em; color:#000000; margin-top:10px;}
.DashInfos .CellInfos_01 .Block .Description .BtnCompleteProfile      {margin-top:15px;}
.DashInfos .CellInfos_02                                              {display:table-cell; vertical-align:middle; padding:30px 30px 30px 0px; box-sizing:border-box;}
.DashInfos .CellInfos_02 .Block                                       {display:table; width:100%;}
.DashInfos .CellInfos_02 .Block .Column                               {display:table-cell; width:33.33%; text-align:center; box-sizing:border-box; padding:0px 10px;}
.DashInfos .CellInfos_02 .Block .Column .Nbre                         {font-size:3.0em; line-height:1.3em; font-weight:400; color:#000000;}
.DashInfos .CellInfos_02 .Block .Column .Txt                          {font-size:1.4em; line-height:1.3em; font-weight:400; color:#000000;}

.DashStudies                                                                                    {background:#ffffff; padding:30px; box-sizing:border-box; border:1px solid #e9eaeb; border-radius:4px; width:100%;}
.DashStudies .MiniListStudies                                                                   {display:block; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; overflow-y:auto; height:400px;}
.DashStudies .MiniListStudies .ItemStudies                                                      {display:block; margin:0px; padding:0px; width:100%; vertical-align:top; box-sizing:border-box;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies                                        {display:table; background:#ffffff; border-top:1px solid #e9eaeb; box-sizing:border-box; position:relative; width:100%; padding:20px 0px; table-layout:fixed;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies:hover                                  {text-decoration:none;}
.DashStudies .MiniListStudies .ItemStudies:last-child .BlockStudies                             {padding-bottom:2px;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Img                                   {display:table-cell; vertical-align:top; background-position:center; background-repeat:no-repeat; background-size:cover; width:90px; height:60px;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Img img                               {display:block; width:100%; height:100%;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content                               {display:table-cell; vertical-align:top; padding:0px 20px; text-align:left;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .Title                        {font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; margin-bottom:5px; display:block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList              {display:block; position:relative; text-align:center; padding-bottom:30px;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_01     {float:left;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Cell_02     {position:relative; display:block; width:100%; height:6px; top:28px;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt         {font-size:1.4em; line-height:1.3em; font-weight:300; color:#000000;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Txt span    {}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .FullBar     {position:absolute; top:50%; width:100%; height:6px; margin-top:-3px; display:block; background-color:#f0f0f2; border-radius:6px; z-index:10;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .GraphBar    {position:absolute; top:50%; width:auto; height:6px; margin-top:-3px; display:block; background-color:#5dd37b; border-radius:6px; z-index:20;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Content .ProgressBarList .Status      {font-size:1.1em; line-height:1.3em; font-weight:300; color:#000000; letter-spacing:2px; text-transform:uppercase; position:relative; top:-2px;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Buttons                               {display:table-cell; vertical-align:middle; padding:0px; width:160px;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Buttons .BtnAction                    {display:block;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Buttons .BtnAction a                  {height:50px; display:flex; justify-content:center; align-items:center; padding:0px; width:100%;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Buttons .BtnAction span               {height:50px; display:flex; justify-content:center; align-items:center; padding:0px; width:100%;}
.DashStudies .MiniListStudies .ItemStudies .BlockStudies .Buttons .BtnAction02                  {margin-top:10px;}

.DashMessages                                                                 {background:#ffffff; padding:30px; box-sizing:border-box; border:1px solid #e9eaeb; border-radius:4px; width:100%;}
.DashMessages .MiniListInbox                                                  {display:block; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; overflow-y:auto; height:400px;}
.DashMessages .MiniListInbox .ItemInbox                                       {display:block; margin:0px; padding:0px; width:100%; vertical-align:top; box-sizing:border-box;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox                           {display:block; background:#ffffff; border-top:1px solid #e9eaeb; box-sizing:border-box; position:relative; width:100%; padding:20px 0px; table-layout:fixed;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox:hover                     {text-decoration:none;}
.DashMessages .MiniListInbox .ItemInbox:last-child .BlockInbox                {padding-bottom:0px;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .LeftCell                 {display:block; width:100%; text-align:left;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .MiddleCell               {display:block; width:100%; text-align:left; padding:10px 0px 0px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .RightCell                {display:block; width:100%; text-align:right; padding:10px 0px 0px 0px;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .InnerTab                 {display:table; width:100%; table-layout:fixed;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .InnerTab .InnerCell_01   {display:table-cell; vertical-align:middle; width:35px;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .InnerTab .InnerCell_02   {display:table-cell; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .InnerTab .InnerCell_03   {display:table-cell; vertical-align:middle; width:60px; text-align:right;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .Img                      {display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; width:25px; border-radius:50%;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .Img img                  {display:block; width:100%; height:100%;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .Name                     {font-size:1.4em; line-height:1.3em; font-weight:500; color:#000000; text-transform:uppercase;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .TagNew                   {display:inline-block; font-size:1.0em; font-weight:500; line-height:1.3em; color:#5dd37b; text-transform:uppercase; letter-spacing:2px; text-align:center; border-radius:4px; border:1px solid #5dd37b; box-sizing:border-box; background:#ffffff; padding:3px 7px; cursor:pointer; text-decoration:none; -webkit-appearance:none; font-family:'Montserrat', Arial, Helvetica, Verdana;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .Title                    {display:block; font-size:1.6em; line-height:1.3em; font-weight:500; color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .TTSpacer                 {display:none; font-size:1.4em; line-height:1.3em; font-weight:400; color:#000000; padding:0px 5px;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .Txt                      {display:block; font-size:1.4em; line-height:1.3em; font-weight:400; color:#000000;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:5px;}
.DashMessages .MiniListInbox .ItemInbox .BlockInbox .TimeDate                 {display:block; font-size:1.2em; line-height:1.3em; font-weight:300; color:#000000; letter-spacing:0.2em; text-transform:uppercase; text-align:left;}

.DashProfiling                                                  {background:#ffffff; padding:30px; box-sizing:border-box; border:1px solid #e9eaeb; border-radius:4px; width:100%;}
.DashProfiling .Chart                                           {height:200px; margin-top:20px;}
.DashProfiling .Chart .ct-label                                 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.1em;}
.DashProfiling .ct-chart-line .ct-label.ct-horizontal.ct-end    {overflow:visible;}

.DashNews          {position:relative;}

.Dashboard .MiniHeader                                           {display:table; width:100%; table-layout:fixed;}
.Dashboard .MiniHeader .CellMH_01                                {display:table-cell; vertical-align:top; text-align:left; width:40px;}
.Dashboard .MiniHeader .CellMH_02                                {display:table-cell; vertical-align:top; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Dashboard .MiniHeader .CellMH_03                                {display:table-cell; vertical-align:top; text-align:right;}
.Dashboard .MiniHeader .Icon                                     {display:block; width:25px; height:25px; background-size:cover; background-position:center;}
.Dashboard .MiniHeader .Icon_Menu_01                             {background-image:url(/Content/Images/Icon_Menu_01.png);}
.Dashboard .MiniHeader .Icon_Menu_02                             {background-image:url(/Content/Images/Icon_Menu_03.png);}
.Dashboard .MiniHeader .Icon_Menu_03                             {background-image:url(/Content/Images/Icon_Menu_02.png);}
.Dashboard .MiniHeader .Icon_Menu_04                             {background-image:url(/Content/Images/Icon_Menu_04.png);}
.Dashboard .MiniHeader .Icon_Menu_05                             {background-image:url(/Content/Images/Icon_Menu_05.png);}
.Dashboard .MiniHeader .Icon_Menu_06                             {background-image:url(/Content/Images/Icon_Menu_06.png);}
.Dashboard .MiniHeader .Icon_Menu_07                             {background-image:url(/Content/Images/Icon_Menu_07.png);}
.Dashboard .MiniHeader .Icon_Menu_08                             {background-image:url(/Content/Images/Icon_Menu_08.png);}
.Dashboard .MiniHeader .Icon_Menu_09                             {background-image:url(/Content/Images/Icon_Menu_09.png);}
.Dashboard .MiniHeader .Icon_Menu_10                             {background-image:url(/Content/Images/Icon_Menu_10.png);}
.Dashboard .MiniHeader .Icon_Menu_11                             {background-image:url(/Content/Images/Icon_Menu_11.png);}
.Dashboard .MiniHeader .Icon_Menu_12                             {background-image:url(/Content/Images/Icon_Menu_12.png);}
.Dashboard .MiniHeader .Icon_Menu_13                             {background-image:url(/Content/Images/Icon_Menu_13.png);}
.Dashboard .MiniHeader .Icon_Menu_14                             {background-image:url(/Content/Images/Icon_Menu_14.png);}
.Dashboard .MiniHeader .Icon_Menu_15                             {background-image:url(/Content/Images/Icon_Menu_15.png);}
.Dashboard .MiniHeader .Icon_Menu_16                             {background-image:url(/Content/Images/Icon_Menu_16.png);}
.Dashboard .MiniHeader .Icon_Menu_17                             {background-image:url(/Content/Images/Icon_Menu_17.png);}
.Dashboard .MiniHeader .Title                                    {font-size:2.0em; line-height:1.3em; font-weight:400; color:#000000;}

.DashListEmpty                                        {display:table; height:100%; width:100%;}
.DashListEmpty .DLInner                               {display:table-cell; vertical-align:middle; text-align:center; padding:60px 0px 60px 0px;}
.DashListEmpty .DLInner .Img                          {display:inline-block; width:60px;}
.DashListEmpty .DLInner .Img img                      {display:block; width:100%; height:100%;}
.DashListEmpty .DLInner .Desc                         {margin-top:20px; font-size:1.4em; font-weight:400; line-height:1.3em; color:#000000;}

.DashNews_Swiper                                                                {margin:0px -30px;}   
.DashNews_Swiper .swiper_dashnews                                               {}
.DashNews_Swiper .swiper_dashnews .swiper-wrapper                               {width:100%; padding-right:30px; box-sizing:border-box;}
.DashNews_Swiper .swiper_dashnews .swiper-wrapper .swiper-slide                 {width:33.33%; padding-left:30px; box-sizing:border-box; margin-bottom:2px; height:auto;}
.DashNews_Swiper .swiper_dashnews .swiper-wrapper .swiper-slide:last-child      {margin-right:30px;}
.DashNews_Swiper .Icon_Swipper_01                                               {display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; cursor:pointer; z-index:2; background-image:none; right:-80px;}
.DashNews_Swiper .Icon_Swipper_01 img                                           {display:block; width:100%; height:100%;}
.DashNews_Swiper .Icon_Swipper_02                                               {display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; cursor:pointer; z-index:2; background-image:none; left:-80px;}
.DashNews_Swiper .Icon_Swipper_02 img                                           {display:block; width:100%; height:100%;}
.DashNews_Swiper .ArticleNews .Content {padding-bottom:30px;} /*less pading because no button*/

/* Number Language Dropdown */
/* language dropdown flag setup */
.LangFlagAndTxt                                     {display:table; width:100%;}
.LangFlagAndTxt .FlagCell                           {display:table-cell; vertical-align:middle; width:15px;}
.LangFlagAndTxt .FlagCell .Img                      {display:inline-block; background-size:100%; border-radius:50%; height:15px; width:15px;}
.LangFlagAndTxt .TxtCell                            {display:table-cell; vertical-align:middle; padding-left:10px; box-sizing:border-box; color:#4E5556;}