/* 
 * 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
 *----------------------------------------------+--------+--------+
 */  



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

/* background color for the content part of the pages */
Body
{
 	color: #4a4a4a !important;
    font-size: 14px ;
}


.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  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

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 {
}

/* 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 */
/*26476-ticket-Log in screen on website*/
.LoginPanel{
  width:125%;
  padding-top: 25px;
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}
.Login{
  font-size:15px;
}
.Minipoll_questionTitleContainer{ margin-bottom:20px;}
.p1Minipoll_barContainer{padding:0 10px; padding:0;}

.p1Minipoll_barbox, .p1Minipoll_barBox {
    background: #efefef none repeat scroll 0 0;
    height: 24px;
    position: relative;
}
.p1Minipoll_barbox .statProgressCol, .p1Minipoll_barBox .statProgressCol {
    background: #33baac;
    border-radius: 0px;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
}
.p1Minipoll_number {
    right: 6px;
    line-height: 24px;
    position: absolute;
    z-index: 2;
}
.p1Minipoll_answer { padding:5px 0; }
.p1Minipoll_answer:after {
  content: "";
  display: table;
  clear: both;
}
.p1Minipoll_answer label.radio span.holder {
    background: rgba(0, 0, 0, 0) url("/Portals/23/Pretty/images/pRadio.png") no-repeat scroll 0 0 !important;
    height: 82px !important;
	top:0px !important;
}
.p1Minipoll_answer label.checkbox span.holder {
    background: rgba(0, 0, 0, 0) url("/Portals/23/Pretty/images/pCheckboxes.png") no-repeat scroll 0 0 !important;
    height: 82px !important;
	top:-62px !important;
}

#deletepropic{/*margin-left:32%;*/}

.p1Minipoll_answer label.checkbox:hover span.holder, .p1Minipoll_answer label.radio:hover span.holder {
 top:-31px !important;
}
.p1Minipoll_answer label.checked span.holder, .p1Minipoll_answer label.checked span.holder, .p1Minipoll_answer label.checked:hover span.holder, .p1Minipoll_answer label.checked:hover span.holder {
    top: -62px !important;
}
.p1Minipoll_answer label.checked:hover span.holder,
#siteWrapper label.checked:hover span.holder {
 top:0px !important;
}
.p1Minipoll_answer label.prettyCheckbox span.holderWrap {
    margin-right: 20px;
    margin-top: 3px;
}
#QpVoteButton {
 cursor: pointer;
 display: inline-block;
 background-color: #3e6488;
    border: 1px solid #3e6488;
    border-radius: 40px;
    color: #fff;
    font-size: 10px;
    padding: 5px 25px;
    text-align: center;
	text-decoration:none !important;
}
#QpVoteButton:hover {
 border: 2px solid #3e6488;
 background-color: #3e6488;
}
#QpVoteButton:active {
 border: 2px solid #3e6488 !important;
 background-color: #3e6488 !important;
}
.p1Minipoll_answer .answerLabel { 
    line-height: 25px;
    padding-left: 10px;
}
.p1Minipoll_answersContainer { margin-bottom: 20px; }
.p1Minipoll_answersContainer input { margin-right: 10px; }
.container_box .vote_btn a {
    margin-bottom: 3px;
    padding-left: 25px;
    padding-right: 25px;
}
.vote_btn a {
    background-color: #3e6488;
    border: 1px solid #3e6488;
    border-radius: 40px;
    color: #fff;
    font-size: 10px;
    padding: 8px 25px;
    text-align: center;
	text-decoration:none !important;
}

.faq { padding: 0px 120px 150px 120px; }
.faq .dnntitle h2 { 
    color: #000000;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 30px;
}
.faq .Normal {
    border: solid 1px #79314a; border-bottom:none;
}
.faq h4.trigger { 
    font-family: Lato; 
    font-size: 12px; 
    font-weight: normal; 
    font-style: normal; 
    font-stretch: normal; 
    line-height: 1.17; 
    color: #4a4a4a; 
    padding:5px 16px 6px 16px; 
    border-bottom: solid 1px #79314a; 
    margin:0px;
}
.faq h4.trigger .fa { display:none; } 
.faq h4.active { background:#79314a; color:#fff; }
.faq h4.active .fa { color:#fff; margin-left:10px; display:inline-block; } 
.faq .toggle_container {
    padding: 25px 16px;
    border-bottom: solid 1px #79314a; 
}
.faq .toggle_container p, .faq .toggle_container li {
    font-family: Lato; 
    font-size: 12px; 
    font-weight: normal; 
    font-style: normal; 
    font-stretch: normal; 
    line-height: 1.5; 
    text-align: justify; 
    color: #5a595a;
}

#smMainContent.DnnModule-Messaging-Notifications .dnnCoreMessagingFooter > a {
    background: #ffffff;
    border: 1px solid #79314a;
    border-radius: 40px;
    color: #79314a !important;
    display: inline-block;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 10px 20px;
    text-align: center;
  
  box-shadow:none;
  text-shadow:none;
}
#smMainContent.DnnModule-Messaging-Notifications .dnnCoreMessagingFooter > a:hover { color:#fff !important; }

.ComposeMessage {
    display: none;
}

.home_menu_bg, .body_bg { background:none !important; }
#Body {
	background: url('/Portals/41/hackney-matters-leaflet-1.jpg?ver=2018-03-21-120303-483') center center;
	background-attachment: fixed;
}
  
.body_bg_login {
	background: none !important;
}

.avatarform .avatarBtn{
    margin: -2.5px;
}

.SurveyImageDiv {
    /*text-align: center;
	width:100%;*/
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 0% !important;
    height: 60px;
    width: 60px;
    justify-content: center;
}
span.required.required_field {
    display: none;
}
.taskPoints {
   background-color:transparent;
}
.taskReadmore {
    color: #363839;
	font-weight: bold;
}

.Pf1ActivityContainer {
    background-color: #89253e !important;
    width: 100%;
}

#dnn_ctr14550_ModuleContent #PF1Activity .taskRow{
	height: 115px;
}
#dnn_ctr14550_ModuleContent #PF1Activity .taskDetails{
	text-align: left;
}

#dnn_ctr14550_ModuleContent #PF1Activity .taskPoints{
	margin-top: -15px;
}


#dnn_ctr14550_ModuleContent #PF1Activity .taskpullleft{
	text-align:right;
	margin-right: 10px;
}

#dnn_ctr14550_ModuleContent #PF1Activity .taskReadmore{
	margin-left: 38px;
}
#dnn_Header1_dnnLOGO_imgLogo{
	width:  100%;
}
#dnn_ctr14550_ModuleContent #PF1Activity{
margin: auto;
}

.dnnFormMessage {
 color:black; 
}

.login_bg .DNNAligncenter  {
  color:white; 
}


#standardMenu .rootMenu >li a span {
    color: black !important;
}

#HeaderOne #standardMenu .rootMenu li.selected > a > span, #HeaderOne #standardMenu .rootMenu li.breadcrumb > a > span, #HeaderOne #standardMenu .rootMenu li:hover > a > span, #HeaderOne #standardMenu .rootMenu li > a:hover > span {
    color: #00a7b6 !important;
}

#HeaderOne #standardMenu .rootMenu li.selected > a > span, #HeaderOne #standardMenu .rootMenu li.breadcrumb > a > span, #HeaderOne #standardMenu .rootMenu li:hover > a > span, #HeaderOne #standardMenu .rootMenu li > a:hover > span {
    color: #00a7b6 !important;
}



img#pinImage_0 {
  width: 36px !important;
  Height: 46px !important;
}

img#pinImage_1 {
  width: 36px !important;
  Height: 46px !important;
}
img#pinImage_2 {
  width: 36px !important;
  Height: 46px !important;
}
img#pinImage_3 {
  width: 36px !important;
  Height: 46px !important;
}
img#pinImage_4 {
  width: 36px !important;
  Height: 46px !important;
}

img#pinImage_5 {
  width: 36px !important;
  Height: 46px !important;
}

img#pinImage_6 {
  width: 36px !important;
  Height: 46px !important;
}
img#pinImage_7 {
  width: 36px !important;
  Height: 46px !important;
}
img#pinImage_8 {
  width: 36px !important;
  Height: 46px !important;
}
img#pinImage {
  width: 36px !important;
  Height: 46px !important;
}

textarea#dnn_ctr4894_View_TxtPinNote {
    width: 98%;
}
div#pinContainer {
    position: relative;
}

div#pinContainer > img {
    position: absolute;
}
.p1Minipoll_answersContainer .p1Minipoll_answer {
    display: flex;
}

/** Lachie's Changes **/
#EmailContainer {
    margin-top: 24px;
}

#EmailContainer .ReferralControlContainer {
    text-align: center;
}

#EmailContainer .ReferralControlContainer > .dnnLabel {
    display: none;
}

#EmailContainer .ReferralControlContainer > input {
    border: 1px solid black;
    padding: 8px 16px;
}

#EmailContainer .ReferralControlContainer > input#TxtBxReferralEmail {
    width: 400px;
}

#EmailContainer .ReferralControlContainer > input#BtnReferralEmail {
    margin-left: -8px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#EmailContainer .ReferralControlContainer > input#BtnReferralEmail:hover {
    background: rgb(228 228 228);
}
@media only screen and (max-width: 600px) {
    #EmailContainer .ReferralControlContainer > input#TxtBxReferralEmail {
        width: 90%;
    }

    #EmailContainer .ReferralControlContainer > input#BtnReferralEmail {
        width: 90%;
        border-radius: 5px;
        margin: 8px 0;
    }
}

.PF1_Activity_Container .Pf1SurveyImageCell {
    width: 10% !important;
    text-align: right !important;
}

.PF1_Activity_Container #PF1Activity .Pf1SurveyImageCell img {
    padding: 0 !important;
    margin-right: 24px !important;
}

table.datatable.Pf1Tbl-activity {
    width: 100% !important;
}

.PF1_Activity_Container .Pf1Datarow td {
  vertical-align: middle !important;
  padding: 8px 0 !important;
}

.PF1_Activity_Container tr.Pf1Datarow:hover {
    background: #f5f6f7 !important;
}

.PF1_Activity_Container #PF1Activity .Pf1ActivityLinksCell img {
    padding: 0 !important;
}

.PF1_Activity_Container .Pf1ActivityLinksCell {
    text-align: center !important;
}

.p1Minipoll_questionTitleContainer span#QuestionTitleLbl {
    font-size: 18px;
}

.p1Minipoll_questionTitleContainer {
    margin-bottom: 16px;
}

.p1Minipoll_answersContainer input[type="radio"] {
    margin-right: 8px !important;
    margin-top: 5px !important;
}

.p1Minipoll_answer {
    padding: 8px 8px;
    transition: 0.1s ease;
    border-radius: 8px;
    cursor: pointer;
}

.p1Minipoll_answer:hover {
    background: #f5f6f7;
}

label.p1Minipoll_answerLabel {
    margin-bottom: 0 !important;
}

input#qpRadio_1695 {}

#QpVoteButton {
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    background-color: #3e6488;
    border: unset !important;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    padding: 8px 24px;
    text-align: center;
    text-decoration: none !important;
    transition: 0.2s ease;
}

#QpVoteButton:hover {
    border: unset !important;
    background-color: #325577;
}

@media only screen and (max-width: 600px) {
    #PF1Activity .Pf1Tbl-activity thead {
        display: none;
    }

    #PF1Activity .Pf1Tbl-activity tr.Pf1Datarow {
        display: flex;
        width: calc(100% - 16px);
        margin: 0 auto;
        position: relative;
        padding: 0 8px;
    }

    #PF1Activity .Pf1Tbl-activity .Pf1SurveyImageCell {
        position: absolute;
        width: 48px !important;
    }

    #PF1Activity .Pf1Tbl-activity .Pf1SurveyDescCell {
        margin-top: 56px;
        width: 75%;
    }

    #PF1Activity .Pf1Tbl-activity .Pf1RewardsCell, #PF1Activity .Pf1Tbl-activity .Pf1ActivityLinksCell {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #PF1Activity .Pf1Tbl-activity .Pf1ActivityLinksCell {
        width: 15%;
    }
}

/**** Competition ****/

.surveyTable {
    width: 100% !important;
    display: block;
}

.P1ShowLink .containerDiv {
    width: 100% !important;
    border: 0 !important;
    padding: 0 !important;
}

.surveyTable > * > tr:nth-of-type(1), .surveyTable > * > tr:nth-of-type(2), .surveyTable > * > tr:nth-of-type(3) {
    display: none;
}

.surveyTable > * > tr {
    display: grid;
    width: calc(50% - 8px);
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 16px;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 60px 40px 100px 40px;
}

.surveyTable > tbody {
    width: 100%;
    display: flex;
}

.surveyTable > * > tr {
    margin-right: 8px;
    margin-bottom: 8px;
}

.P1ShowLink .surveyNameColumn {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    grid-column: 1 / span 4;
}

.surveyTable > * > tr > td {
    display: block;
    width: unset !important;
    position: relative;
}

.P1ShowLink .startSurveyColumn {
    width: auto;
    grid-column: 1;
    grid-row: 4;
}

.startSurveyColumn > a {
    font-weight: bold;
    letter-spacing: 1.25px;
    padding: 8px 16px;
    display: inline-block;
    border-radius: 4px;
    background: #46a6a1;
    color: white !important;
}

.P1ShowLink .surveyTypeColumn {
    grid-column: 1;
    grid-row: 2;
    width: unset;
}

.P1ShowLink .surveyDescriptionColumn {
    grid-column: 1 / span 4;
    grid-row: 3;
}

.P1ShowLink .surveyStatusColumn {
    text-align: right;
    position: absolute;
    right: 16px;
    top: 14px;
    padding: 4px;
    border-radius: 4px;
    background: #f5f6f7;
}

.P1ShowLink .gamingPointsCol, .P1ShowLink .financialPointsCol {
    position: relative;
}

.P1ShowLink .gamingPointsCol, .P1ShowLink .financialPointsCol {
    width: 50% !important;
}

.P1ShowLink .completePointsColumn {
    grid-column: 3 / span 2;
}

.P1ShowLink .gamingPointsCol:before, .P1ShowLink .financialPointsCol:before, .P1ShowLink .surveyTypeColumn:before, .P1ShowLink .surveyLengthColumn:before {
    line-height:14px;
    padding-right: 6px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: -20px;
}

.P1ShowLink .surveyTypeColumn:before {
    content: 'Type:';
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: -20px;
}

.P1ShowLink .surveyLengthColumn:before {
    content: 'Length (mins):';
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: -20px;
}

.P1ShowLink .gamingPointsCol:before {
    content: 'Gaming Points:';
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: -20px;
}

.P1ShowLink .financialPointsCol:before {
    content: 'Financial Points:';
}

@media only screen and (max-width: 600px) {
  	.LoginPanel{
  		width:100%;
    }
    .surveyTable > * > tr {
        grid-template-rows: 60px 60px 100px 40px;
        width: 100% !important;
    }
    .P1ShowLink .gamingPointsCol, .P1ShowLink .financialPointsCol, .P1ShowLink .surveyTypeColumn, .P1ShowLink .surveyLengthColumn {
        padding-top: 16px
    } 
}

/**** Competition ****/

.DnnModule-P1DNNPasswordRecovery .c_content {
  display: flex;
  padding-top: 16px;
}

.DnnModule-P1DNNPasswordRecovery .c_contentpane {
  padding: 16px 0 0 0;
}

.DnnModule-P1DNNPasswordRecovery .account-detail-body2 {
  height: 100% !important;
}

.DnnModule-P1DNNPasswordRecovery .account-detail-body2 .top {
  height: fit-content !important;
}

.DnnModule-P1DNNPasswordRecovery .account-detail-body2 .bottom {
  margin-top: unset !important;
}

input#BtnCancelPwd {
  background: unset !important;
  border: unset !important;
  color: #3e3e3e;
}
/** END Lachie's Changes **/


/*26476-ticket-Log in screen on website*/
.tile-image.big-illustration img {
  display: none !important;
}


.p1Minipoll_containerDiv .p1Minipoll_answersContainer .p1Minipoll_answer textarea{
    /* display: none; */
}