/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *---------------------------------------------- -------- -------- 
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *---------------------------------------------- -------- -------- 
 */  


 html {
    font-family: Lato, Arial, Helvetica, sans-serif;
}


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body {
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H2  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H3  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H4  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H5, DT  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

H6  {
  font-family: 'proxima_nova_altbold', Georgia, sans-serif;
}

P {
    word-break: break-word;
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
    border-top: 1px solid #c5c5c5;
}

.ICG_SPR_Username {
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
}

span.Language {
    padding: 5px;
    font-size: 15px !important;
}

span.Language.selected {
    color: #cd2329;
    font-weight: 700;
}

span.Language a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px !important;
}

span.Language a:hover {
    color: #cd2329;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}


/* P1 changes */
#HeaderTwo #skin_header{
    background-image: url('./images/ARF_Maple.png');
}
.indent {
    padding: 10px 15px;
}
.language_position {
    padding: 10px 10px 0 0;
    text-align: right;
}
.arilogo {
    max-width: 125px;
    height: auto;
}
.txt-partnership-heading {
    font-size: 20px;
    font-weight: 600;
  }
.container-partnership,
.container-partnership-blue {
    display: flex;
}
.container-partnership p,
.container-partnership a,
.container-partnership-blue p,
.container-partnership-blue a {
    color: #FFFFFF !important;
}
.container-partnership {
    background-color: #77090d;
    padding: 40px;
}
.container-partnership-blue {
  background-color: #2b323a;
  padding: 40px;
}
.logo-partnership {
    padding-right: 20px;
    margin: auto 0px;
}
.content-partnership {
    padding-left: 20px;
}
.ar-section-title-container {
    border-bottom: 1px solid #dddddd;
    margin: 20px 0px 0px 0px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.ar-footer-container {
}
.ar-bg-color-dark-gray {
	background-color: #d9d9d9;
}
.ar-section-title-container {
	border-bottom: 1px solid #dddddd;
}
.ar-section-title {
    border-bottom: 2px solid #cd2329;
    font-size: 18px;
    color: #555555;
    display: inline-block;
    padding: 7px 0;
    margin: 0px;
}
.ar-section-title:hover {
	color: #cd2329;
}
.ar-footer-social-container {
    display: block;
    margin: auto;
    max-width: 1140px;
    padding: 20px 0px 0px 0px;
}
.ar-footer-social-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ar-footer-social-wrapper > ul {
    list-style: none;
    display: block;
    margin: 0px;
}
.ar-footer-social-wrapper > ul > li {
    display: inline-block;
    margin: 0px 10px;
}
.ar-footer-social-wrapper > ul > li > a {
    display: block;
	text-decoration: none !important;
}
.ar-footer-social-wrapper > ul > li > a > img {
    width: 37px;
}
.ar-footer-links-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ar-footer-links-wrapper > ul {
    display: block;
    margin: 0px;
}
.ar-footer-links-wrapper > ul > li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}
.ar-footer-links-wrapper > ul > li > a {
    color: #999;
}
.ar-footer-links-wrapper > ul > li:not(:last-child) > a:after {
    content: '|';
    margin: 0px 10px;
    position: relative;
    top: -1px;
}
.ar-footer-links-container {
    display: block;
    margin: auto;
    max-width: 1140px;
    padding: 0px 0px 0px 0px;
}
.ar-footer-links-wrapper > ul > li > a:after {
    color: #999;
}
.ar-banner-container {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 420px;
	//background-image: url(/portals/0/Images/new/ARF_test_hero_image.jpg);
    background-color: #222430;
	background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.ar-banner-wrapper {
	display: flex;
    height: 420px;
}
.ar-banner-content-wrapper, .header-banner-dynamic-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ar-banner-content-wrapper {
	background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 60%;
}
.header-banner-dynamic-container {
    width: 40%;
    background-color: #222430;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ar-banner-content {
    background-color: #000;
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
    padding: 20px 50px;
    font-size: 38px;
    font-style: italic;
}
.ar-banner-frame {
    display: block;
    margin: auto;
    max-width: 1140px;
}
.header-banner-dynamic-wrapper {
}
.login_input_wrapper > input {
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
    margin: 0px 0px 0px 0px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    outline: none !important;
    font-size: 15px;
}
.header-banner-dynamic-wrapper .login_con .login_lightbox .white-popup {
    display: none;
}
.header-banner-dynamic-wrapper .login_con .login_lightbox > a {
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.menu_box {
    display: flex;
    align-items: center;
}
.logout > a {
    color: white !important;
    white-space: nowrap;
    font-size: 15px !important;
    font-weight: normal;
    text-transform: none;
}
.logout > a:hover {
    color: #cd2329 !important;
}
.header-banner-dynamic-container-wrapper .login_con > br {
    display: none;
}
.header-banner-dynamic-container-title {
    color: #fff;
    margin: 0px;
    text-align: center;
    font-size: 32px;
}
.login_input_wrapper > label {
    color: #fff;
}
.header-banner-dynamic-container-wrapper {
    width: 100%;
    padding: 0px 40px;
}
.login_input_wrapper > br {
    display: none;
}	
.login_button > a {
    width: 100%;
    display: inline-block;
    padding: 8px;
    background-color: #cd232a;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    margin: 30px 0px 40px 0px;
    text-transform: uppercase;
    text-decoration: none;
}
.menu_box ul.rootMenu > li:not(:last-child) > a > span:after {
    content: '|';
    left: 16px;
    position: relative;
    color: #929292;
	display:initial !important;
}


.red-filled-join-now > a > span:after,
.menu_box ul.rootMenu > li.red-filled-join-now-remove-after > a > span:after {
	display: none !important;
}

.red-filled-join-now > a {
    background-color: #cd232a;
    color: #fff !important;
}
#HeaderTwo #standardMenu .red-filled-join-now:hover > a > span {
    color: #fff !important;
}

.menu_box ul.rootMenu > li a span {
    padding: 8px 18px !important;
    box-sizing: border-box;
    height: auto !important;
    line-height: initial !important;
    line-height: inherit !important;
}

.dnnForm {
    padding-top: 15px;
}

div#dnn_Socialpane {
    width: 100%;
}

.P1ShowLink .containerDiv {
    width: 100% !important;
    border: none !important;
    padding: 0px !important;
}
table.surveyTable {
    width: 100%;
}
table.surveyTable > tbody > tr > td.surveyTypeColumn,
table.surveyTable > tbody > tr > td.surveyDescriptionColumn,
table.surveyTable > tbody > tr > td.surveyStatusColumn {
    display: none;
}
table.surveyTable > tbody > tr {
    display: flex;
    flex-direction: row;
    align-items: center;
}
table.surveyTable > tbody > tr > td {
    color: #333;
    padding: 0px 10px 0px 10px;
}
table.surveyTable > tbody > tr > td.surveyNameColumn {
    order: 1;
    padding: 0px 0px 0px 0px;
    width: 31%;
    word-break: break-all;
}
table.surveyTable > tbody > tr > td.surveyLengthColumn {
    order: 2;
	width: 20%;
}
table.surveyTable > tbody > tr > td.completePointsColumn {
    order: 3;
    width: 25% !important;
}
table.surveyTable > tbody > tr > td.startSurveyColumn {
    order: 4;
    width: 24% !important;
    padding: 0px;
}
table.surveyTable > tbody > tr > td.startSurveyColumn > b {
    display: none;
}
table.surveyTable > tbody > tr > td.startSurveyColumn {
    text-align: center;
    padding: 0px 0px;
}
table.surveyTable > tbody > tr:first-child > td {
    padding: 0px;
}
table.surveyTable > tbody > tr > td.completePointsColumn > table.pointsTable > tbody > tr > td.gamingPointsCol,
table.surveyTable > tbody > tr > td.completePointsColumn > table.pointsTable > tbody > tr > td.financialPointsCol > b {
    display: none;
}

table.surveyTable > tbody > tr > td.completePointsColumn > table.pointsTable > tbody > tr > td.financialPointsCol {
    text-indent:9%;
}
table.surveyTable > tbody > tr:nth-child(3) {
	display: none;
}
table.surveyTable > tbody > tr > td.startSurveyColumn > a {
    background-color: #cd2329;
    border-radius: 0px;
    padding: 10px 8px;
    margin: 5px 0px;
    display: inline-block;
    color: black;
}
table.surveyTable > tbody > tr:first-child {
    display: none;
}

/*div#dnn_TopGrid6A, div#dnn_TopGrid6B,
div#dnn_TopGrid8L, div#dnn_TopGrid4R,
div#dnn_TopGrid4L, div#dnn_TopGrid8R,
div#dnn_OneGrid3, div#dnn_OneGrid9,
div#dnn_ThreeGrid9, div#dnn_ThreeGrid3,
div#dnn_FiveGrid6A, div#dnn_FiveGrid6B,
div#dnn_EightGrid4, div#dnn_EightGrid8,
div#dnn_NineGrid8, div#dnn_NineGrid4,
div#dnn_GrayGrid6A, div#dnn_GrayGrid6B,
div#dnn_Middle2Grid8, div#dnn_Middle2Grid4,
div#dnn_BottomGrid8,div#dnn_BottomGrid4 {
    width: 50% !important;
}
div#dnn_TopGrid4A, div#dnn_TopGrid4B, div#dnn_TopGrid4C,
div#dnn_TwoGrid4A, div#dnn_TwoGrid4B, div#dnn_TwoGrid4C,
div#dnn_MiddleGrid4A, div#dnn_MiddleGrid4B, div#dnn_MiddleGrid4C,
div#dnn_FixedBG4A, div#dnn_FixedBG4B, div#dnn_FixedBG4C,
div#dnn_ColorGrid4A, div#dnn_ColorGrid4B, div#dnn_ColorGrid4C,
div#dnn_BottomGrid4A, div#dnn_BottomGrid4B, div#dnn_BottomGrid4C,
div#dnn_Middle2Grid4A, div#dnn_Middle2Grid4B, div#dnn_Middle2Grid4C {
    width: 33.33% !important;
}
div#dnn_TopGrid3A, div#dnn_TopGrid3B, div#dnn_TopGrid3C, div#dnn_TopGrid3D,
div#dnn_SixGrid3A, div#dnn_SixGrid3B, div#dnn_SixGrid3C, div#dnn_SixGrid3D,
div#dnn_FooterGrid3A, div#dnn_FooterGrid3B, div#dnn_FooterGrid3C, div#dnn_FooterGrid3D {
    width: 25% !important;
}
div#dnn_TopGrid12,
div#dnn_FourGrid12,
div#dnn_SevenGrid12,
div#dnn_TenGrid12,
div#dnn_GrayGrid12,
div#dnn_MiddleGrid12,
div#dnn_FixedBG,
div#dnn_Middle2Grid12,
div#dnn_ColorGrid12,
div#dnn_BottomGrid12,
div#dnn_ElevenGrid12 {
    width: 100% !important;
}*/

/* P1 changes end */

/*P1 changes responsive*/
	@media only screen and (min-width : 991px) {
		.c_title_black,
		.ar-section-title {
			font-size: 24px;
		}
		.Normal {
			font-size: 17px;
			line-height: 1.5em;
		}
		.menu_box {
			font-size: 13px;
			font-weight: bold;
			display: flex !important;
			align-items: center;
		}
	}
	@media only screen and (min-width : 768px) and (max-width : 990px) {
		.c_title_black,
		.ar-section-title {
			font-size: 21px;
		}
		.Normal {
			font-size: 18px;
			line-height: 1.5em;
		}
		.logout > a {
			display: inline-block;
			width: 100%;
			padding: 20px 20px !important;
			background-color: #6b6b6b;
			font-size: 13px !important;
			font-weight: bold;
			color: #fff !important;
		}
		.mobile_nav {
			bottom: initial;
			top: calc(50% - 20px);
        }
        .menu_box ul.rootMenu > li:not(:last-child) > a > span:after {
			display:none !important;
		}
		.menu_box .logout > a:before {
			display:none !important;
		}
	}
	@media only screen and (min-width : 320px) and (max-width : 767px) {
		.c_title_black,
		.ar-section-title {
			font-size: 21px;
		}
		.Normal {
			font-size: 18px;
			line-height: 1.5em;
		}
		.logout > a {
			display: inline-block;
			width: 100%;
			padding: 20px 20px !important;
			background-color: #6b6b6b;
			font-size: 13px !important;
			font-weight: bold;
			color: #fff !important;
		}
		.ar-banner-container {
			height: auto;
		}
		.ar-footer-links-wrapper > ul > li {
			display: block;
		}
		.ar-footer-links-wrapper > ul > li:not(:last-child) > a:after {
			display: none;
		}
		.ar-banner-wrapper {
			display: block;
			height: auto;
		}
		.ar-banner-content-wrapper, .header-banner-dynamic-container {
			display: block;
			width: 100%;
			box-sizing: border-box;
		}
		.ar-banner-frame .header-banner-dynamic-wrapper {
			display: block;
			margin: 40px auto;
			position: relative;
			left: initial;
			width: 100%;
			max-width: 320px;
			padding: 0px 15px;
		}
		.ar-banner-content-wrapper {
			width: 100%;
			height: 66vw;
		}				
		.site_logo {
			margin-right: 60px !important;
		}
		.mobile_nav {
			bottom: initial;
			top: calc(50% - 20px);
		}
		.menu_box ul.rootMenu > li:not(:last-child) > a > span:after {
			display:none !important;
		}
		.menu_box .logout > a:before {
			display:none !important;
		}
	}
/*P1 changes responsive*/ 
/*p1 show award points*/
/*End p1 show award points*/

/* 01nov2018 changes */
.menu_box .logout > a:before {
    content: '|';
    left: -12px;
    position: relative;
    color: #929292;
}

.ModDynamicLoginC .dnnFormMessage{
	color:white;
}

@media screen and (max-width: 768px) {
    .container-partnership,
    .container-partnership-blue {
        flex-direction: column;
    }
    .logo-partnership {
        padding: 0px 0px 20px 0px;
        margin: 0px auto;
    }
    .content-partnership {
        padding: 20px 0px 0px 0px;
    }
	.P1ShowLink {
		overflow-x: auto;
	}
	table.surveyTable {
		width: 100% !important;
		min-width: 600px;
    }
}

.addquestionwrap input[type="text"], select {
    width: 12% !important;
}

#redeemPopupEngId{
position: fixed;
z-index: 1000;
display: flex;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
right: 0;
left: 0;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.7);
}

/* PSUP-8003 */
.join-container {
    background-color: #D11F30;
    font-family: 'proxima_nova_rgbold', Georgia, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 25px;
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
}
.join-anchor {
    display: table;
    margin: auto;
    padding: 20px 50px;
    font-size: 22px;
    font-weight: 800;
   margin-top: 20px;
}
a.join-button.join-bottom {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}
.center {
    text-align: center;
}

@media only screen and (max-width: 768px) {
  .maintainence-area{
    height: unset !important;
  }
}