/*=============================================*/

/*
/*  # Template 4 - Top to Bottom Nav
/*  Left nav extends top to bottom fixed. Header fixed. Footer attatched to bottom with flexbox margin top auto.
/*
/*=============================================*/

html,
body {
     font-size: 62.5%;
     height: 100%;
}


body {
     display: flex;
     flex-direction: column;
}

.rf-org-header-container,
.rf-workflow-body-content.has-left-nav,
.rf-org-footer-container {
     position: relative;
}

@media all and (min-width: 768px) {
     .rf-org-header-container,
     .rf-workflow-body-content.has-left-nav,
     .rf-org-footer-container {
          margin-left: 280px;
     }
}

.rf-org-header-container {
     padding-top: 49px;
}

@media (min-width: 768px) {
     .rf-org-header-container {
          padding-top: 0;
     }
}

.rf-org-header-container .header-bar {
     height: 130px;
     padding: 0 12px;
     display: flex;
     align-items: center;
     border-bottom: 1px solid #dfdfdf;
}

@media (min-width: 768px) {
     .rf-org-header-container .header-bar {
          height: 75px;
     }
}

.rf-org-header-container .header-bar .header-logo img {
     display: block;
     margin: 0 auto;
     max-width: 62px;
}

.rf-org-header-container .header-bar .flex-child {
     margin-right: 30px;
}

.rf-org-header-container .header-bar .flex-child:nth-of-type(2) {
     flex-grow: 1;
}

.rf-org-header-container .header-bar .flex-child:last-child {
     margin: 0;
}

.rf-org-header-container h1 {
     font-weight: 100;
     font-size: 24px;
}

@media (min-width: 768px) {
     .rf-org-header-container .header-bar {
          padding: 0 30px 0 60px;
     }
}

.rfwf-nav-container,
.rfwf-nav-container.rfwf-mobile-nav {
     background-color: #000000;
}

.rfwf-nav-container .rfwf-mobile-menu .rfSI,
.rfwf-nav-container.rfwf-mobile-nav .rfwf-mobile-menu .rfSI {
     margin-right: 8px;
}

.rfwf-nav-container .rfwf-mobile-menu svg,
.rfwf-nav-container.rfwf-mobile-nav .rfwf-mobile-menu svg {
     fill: #fff;
}

.rfwf-nav-container .rfwf-mobile-menu .rfwf-expand-nav span,
.rfwf-nav-container.rfwf-mobile-nav .rfwf-mobile-menu .rfwf-expand-nav span {
     color: #fff;
}

.rfwf-nav-container.rfwf-mobile-nav .rfwf-mobile-menu {
     padding: 0;
}

.rfwf-nav-container.rfwf-mobile-nav .rfwf-mobile-menu .rfSI {
     margin-right: 0;
}

.rfwf-nav-container.rfwf-left-nav {
     position: fixed;
     width: 280px;
     box-shadow: none;
}

.rfwf-nav-container.rfwf-left-nav ul {
     padding: 0;
}

.rfwf-nav-container.rfwf-left-nav ul a {
     text-decoration: none;
}

.rfwf-nav-container {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 50;
}

.rfwf-nav-container ul {
     list-style: none;
     padding: 0;
}

.rfwf-nav-container ul li {
     font-weight: 100;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
     padding: 0;
     margin: 0;
}

.rfwf-nav-container ul li * {
     color: #fff;
}

.rfwf-nav-container ul li:first-child {
     padding: 20px;
     padding-right: 40px;
     /* Instead of 15px to match the text padding and align image with links. */
     box-shadow: none;
}

.rfwf-nav-container ul li:first-child p {
     margin-bottom: 0;
}

.rfwf-nav-container ul img {
     display: block;
     max-width: 100%;
}

.rf-workflow .rf-workflow-nav ul a {
     display: flex;
     text-decoration: none;
     height: 40px;
     padding: 0 20px;
     color: #fff;
     cursor: pointer;
     font-size: 1.4rem;
     align-items: center;
     font-weight: 100;
}

.rf-workflow .rf-workflow-nav ul a:hover,
.rf-workflow .rf-workflow-nav ul a:active,
.rf-workflow .rf-workflow-nav ul a:focus {
     background-color: rgba(255, 255, 255, 0.1);
     color: #fff;
     text-decoration: none;
}

.rfComp-canvas {
     flex-grow: 1;
     background-color: #f5f5f6;
}

.rfComp-canvas .rfwf-panel-interior {
     max-width: none;
}

.rfComp-canvas .rf-workflow-body-content.has-left-nav .rfwf-full-panel .rfwf-panel-interior {
     padding: 0 20px;
}

@media all and (min-width: 769px) {
     .rfComp-canvas .rf-workflow-body-content.has-left-nav .rfwf-full-panel .rfwf-panel-interior {
          padding: 0 40px;
     }
}

@media all and (min-width: 769px) {
     .rfComp-canvas .main-content-container {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -12px;
     }
}

@media all and (min-width: 1200px) {
     .rfComp-canvas .main-content-container {
          flex-wrap: nowrap;
     }
}

@media all and (min-width: 769px) {
     .rfComp-canvas .main-content,
     .rfComp-canvas aside {
          padding: 0 12px;
     }
}

.rfComp-canvas .main-content {
     width: 100%;
     margin-bottom: 20px;
}

@media all and (min-width: 1200px) {
     .rfComp-canvas .main-content {
          min-width: 400px;
     }
}

.rfComp-canvas .main-content h2 {
     font-size: 4rem;
     font-weight: 100;
}

.rfComp-canvas .main-content p {
     line-height: 2rem;
     font-weight: 400;
     font-size: 1.4rem;
}

.rfComp-canvas aside {
     width: 100%;
}

@media all and (min-width: 1200px) {
     .rfComp-canvas aside {
          width: auto;
          min-width: 400px;
     }
}

.rfComp-canvas aside h3 {
     font-size: 3.2rem;
     font-weight: 100;
     line-height: 1.2;
     margin-bottom: 5px;
}

.rfComp-canvas .rf-table-container {
     border: 1px solid #dfdfdf;
     background-color: #f5f5f6;
}

.rfComp-canvas .rf-table-container .rf-table {
     min-width: 400px;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row {
     background-color: inherit;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row:hover,
.rfComp-canvas .rf-table-container .rf-table .table-body .table-row:active,
.rfComp-canvas .rf-table-container .rf-table .table-body .table-row:focus {
     background-color: inherit;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row:nth-of-type(odd) {
     background-color: #fff;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row:nth-of-type(odd):hover,
.rfComp-canvas .rf-table-container .rf-table .table-body .table-row:nth-of-type(odd):active,
.rfComp-canvas .rf-table-container .rf-table .table-body .table-row:nth-of-type(odd):focus {
     background-color: #fff;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row.table-header {
     background-color: #015073;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row.table-header:hover,
.rfComp-canvas .rf-table-container .rf-table .table-body .table-row.table-header:active,
.rfComp-canvas .rf-table-container .rf-table .table-body .table-row.table-header:focus {
     background-color: #005073;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row > div {
     line-height: 2rem;
     font-weight: 400;
     font-size: 1.4rem;
     border-right: 1px solid #dfdfdf;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row > div:first-child {
     width: 185px;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row > div:last-child {
     border-right: none;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row.table-header > div {
     border-top: none;
     border-bottom: 1px solid #dfdfdf !important;
     color: #58585b;
     text-transform: none;
     font-weight: 700;
}

.rf-org-footer-container {
     background-color: #00000;
     padding: 20px 0;
     margin-top: auto;
}

.rf-org-footer-container .footer-links {
     display: flex;
     flex: 1 1 auto;
     justify-content: center;
     align-items: center;
}

.rf-org-footer-container .footer-links ul {
     list-style: none;
     -webkit-column-count: 2;
     column-count: 2;
     -webkit-column-gap: 40px;
     column-gap: 40px;
     padding: 0;
     margin: 0;
}

.rf-org-footer-container .footer-links a {
     color: #fff;
     font-weight: 100;
     font-size: 1.4rem;
}

@media all and (min-width: 1200px) {
     .rf-org-footer-container .footer-links ul {
          display: inline-flex;
          flex-wrap: wrap;
     }
     .rf-org-footer-container .footer-links li:after {
          color: #9e9ea2;
          content: '|';
          margin: 0 5px;
          padding: 0;
          font-size: 1.4rem;
     }
     .rf-org-footer-container .footer-links li:last-child:after {
          content: '';
          margin: 0;
     }
}

.raised-card {
     position: relative;
     background-color: #fff;
     color: #58585b;
     border: 1px solid #dfdfdf;
     border-radius: .25rem;
     box-shadow: 0 10px 24px -6px rgba(0, 0, 0, 0.25);
     margin-bottom: 20px;
}

.raised-card:last-child {
     margin-bottom: 0;
}

.raised-card .raised-card-header,
.raised-card .raised-card-footer {
     display: flex;
     padding: 10px;
     position: relative;
}

.raised-card .raised-card-header {
     border-bottom: 1px solid #dfdfdf;
}

.raised-card .raised-card-header .card-header-image {
     margin-right: 20px;
     max-width: 80px;
}

.raised-card .raised-card-header img {
     width: 100%;
}

.raised-card .raised-card-header .card-header-title {
     width: 100%;
}

.raised-card .raised-card-header .card-header-title h4 {
     font-size: 3.5rem;
     font-weight: 100;
     line-height: 1.2;
}

.raised-card .raised-card-header .card-header-title p {
     margin: 10px 0;
     line-height: 2rem;
     font-weight: 400;
     font-size: 1.4rem;
}

.raised-card .raised-card-footer {
     background-color: #f5f5f6;
     justify-content: center;
     text-align: center;
}

.raised-card .raised-card-footer .rfSI svg {
     fill: #017CAD;
}

.raised-card .raised-card-footer a {
     text-decoration: none;
}

.raised-card .raised-card-footer a .card-footer-subtext {
     color: #58585b;
     font-size: 1rem;
     margin-top: 3px;
     text-transform: uppercase;
}

.raised-card .raised-card-footer a:hover .rfSI svg,
.raised-card .raised-card-footer a:active .rfSI svg,
.raised-card .raised-card-footer a:focus .rfSI svg {
     fill: #005073;
}

.raised-card .raised-card-footer a:hover .card-footer-subtext,
.raised-card .raised-card-footer a:active .card-footer-subtext,
.raised-card .raised-card-footer a:focus .card-footer-subtext {
     color: #005073;
}

.raised-card .raised-card-footer .card-footer-action {
     width: 50%;
}

.raised-card .raised-card-footer .card-footer-action a {
     display: block;
}

.card {
     /* Add shadows to create the "card" effect */
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
     transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */

.card:hover {
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Add some padding inside the card container */

.container {
     padding: 2px 16px;
}

.card-body {
     width: 100%;
     height: 100%;
}

.card-header {
     width: 100%;
}

.rf-card {
     max-width: initial !important;
}

.rf-card .card-body {
     max-height: 700px;
}

.task-counter {
     height: 600px
}

.speaker-session-card .card-body {
     height: auto;
}

.rf-card .card-header .card-header-title {
     font-size: 28px;
}

.rfComp-canvas aside h3 {
     margin-bottom: 30px;
}

.task-counter {
     height: fit-content;
}

/*a,
a:link,
a:visited {
     color: #015073;
}*/

.mdBtnR-primary,
a.mdBtnR-primary {
     color: #fff;
     border-color: transparent;
}


/* Myke Nav Workflow Fixes */

.rf-workflow .rf-workflow-nav {
     background-color: #00000;
}

.rf-workflow .rf-workflow-nav .rf-area-reset svg {
     fill: white;
}

.rf-workflow-nav ul img {
     width: 100%;
     padding: 0 20px;
}

.rf-workflow-nav ul li:first-child {
     padding: 40px;
}

.rf-workflow .rf-workflow-nav ul a,
.rf-workflow .rf-workflow-nav ul a:hover,
.rf-workflow .rf-workflow-nav ul a:active,
.rf-workflow .rf-workflow-nav ul a:focus {
     display: flex;
     color: #015073;
}

.rf-workflow .rf-workflow-nav ul li {
     margin-bottom: 0;
}

.rf-workflow .rf-workflow-nav ul {
     padding: 0;
}

/*.rf-workflow-nav-collapsed .rf-org-header-container,*/

/*.rf-workflow-nav-collapsed .rf-org-footer-container {*/

/*margin-left: 40px;*/

/*}*/

.rfwf-nav-container ul li:first-child {
     padding: 0 20px;
}

@media all and (min-width: 769px) {
     .rf-org-header-container,
     .rf-workflow .rf-workflow-body-content.has-left-nav,
     .rf-org-footer-container {
          margin-left: 280px;
     }

     .rf-workflow-nav-collapsed .rf-org-header-container,
     .rf-workflow-nav-collapsed .rf-org-footer-container {
          margin-left: 40px;
     }

     .rf-org-header-container .header-bar {
          padding: 0 30px 0 40px;
     }

     .rf-workflow .rf-workflow-nav ul {
          padding: 0;
     }

     .rf-workflow-nav ul li:first-child {
          padding: 20px 20px 20px 0;
     }
}


/* END Myke Nav Workflow Fixes */

/* Jack's Extra Styling Begins */

/* Session Enrollment Page */


element.style {
}
.rfwf-panel:last-of-type, .rfwf-full-panel:last-of-type {
    border-bottom: none;
}
.rfwf-panel, .rfwf-full-panel {
    margin: 0 auto;
    padding: 24px 0;
    border-bottom: 1px solid #ccc;
    clear: both;
    display: inline-block;
    width: 100%;
}

.rfComp-canvas .rf-table-container .rf-table .table-body .table-row.table-header {
    background-color: #015073;
}
.rfComp-canvas .rf-table-container .rf-table .table-body .table-row.table-header > div {
    border-top: none;
    border-bottom: 1px solid #dfdfdf !important;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}
.mdBtnR-outline-primary .mdBtnR-text, a.mdBtnR-outline-primary .mdBtnR-text {
    color: #015073;
}
.mdBtnR-outline-primary, a.mdBtnR-outline-primary {
    color: #015073;
    background-color: #fff;
    border-color: #015073;
}
.mdBtnR-outline-primary svg, a.mdBtnR-outline-primary svg {
    fill: #015073;
}

/* Tasks Page */

.md-frame.md-frame-primary .md-frame-header {
    background-color: #015073;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    border-bottom-color: #015073;
}
.rf-pill-white .rf-pill-text {
    color: #015073;
}
.rfSI.rfSI-primary svg {
    fill: #015073;
}
.rfSI svg {
    cursor: pointer;
    display: block;
    fill: #015073;
    height: 100%;
    opacity: 1;
    width: 100%;
}
.rf-checkbox .checkbox-bg {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #015073;
    float: left;
    background: #fff;
    box-sizing: border-box;
    transition: background 0.2s linear;
    -webkit-transition: background 0.2s linear;
}
.rf-workflow .rf-workflow-nav ul a, .rf-workflow .rf-workflow-nav ul a:hover, .rf-workflow .rf-workflow-nav ul a:active, .rf-workflow .rf-workflow-nav ul a:focus {
    display: flex;
    color: #ffffff;   
}


.raised-card .raised-card-footer .rfSI svg {
    fill: #015073;
}
/* My Sessions Page */

.mdBtnR-primary, a.mdBtnR-primary {
    color: #fff;
    background-color: #015073;
    border-color: #015073;
}
.mdBtnR-primary:hover, .mdBtnR-primary:focus, .mdBtnR-primary.active, a.mdBtnR-primary:hover, a.mdBtnR-primary:focus, a.mdBtnR-primary.active {
    color: #fff;
    background-color: #015073;
    background-image: none;
    border-color: #015073;
}

.raised-card .raised-card-footer .rfSI svg {
    fill: #015073 !important;
}
.rf-checkbox svg {
    fill: #fff !important;
}

/*=============================================*/
/* Attendee Dashboard Updates 
/*
/*=============================================*/

#attendeeDetails .card-header .card-controls,
#attendeeDetails2 .card-header .card-controls,
#orderform .card-header .card-controls,
#hotelform .card-header .card-controls
{display: none;
}
#marketing-body-bottom .body-bottom-icon {
display: none;
}
.custom-marketing-card .card-body .marketing-body-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    padding: 0px;
    height: 48px;
}
.rfSI svg {
    cursor: default;
    fill: #015073;
    opacity: 1;
}

.mdBtnR-login mdBtnR-primary-login p a:visited, 
.mdBtnR-login mdBtnR-primary-login p a:link
 {
    color: white !important;
    font-size: 16px;
}
.mdBtnR-primary-login, a.mdBtnR-primary-login {
    color: #fff;
    background-color: #014f73 !IMPORTANT;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}
.mdBtnR-login {
border: none;
background: inherit;
/*background: rgba(255, 255, 255, 0) !important;*/
border-radius:8px;
padding: 8px;
float:right;
position: relative;
    cursor: pointer;
    letter-spacing: 1px;
    border: 2px solid transparent;
    display: inline-block;
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 6px 16px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

               .mdBtnR-login:hover,
               .mdBtnR-login:focus,
               .mdBtnR-login:active,
.mdBtnR-login:visited{
                    border: none;
                    color:white !important;
               }

               .mdBtnR-login-text {
                    color: #008ac9;
                    font-weight: bold !important;
               }

#special-div > div.rfwf-body-content.rf-workflow-body-content.has-left-nav.has-workflow-nav > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > div.card-body > div > div.body-bottom-details > p > a {
	
    color: #FFF;
    padding-left: 20px;
    text-transform: uppercase;
    font-size: 18px;
}
#special-div > div.rfwf-body-content.rf-workflow-body-content.has-left-nav.has-workflow-nav > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > div.card-body > div > div.body-bottom-icon
{
	height:15px;
}
#special-div > div.rfwf-nav-container.rf-workflow-nav.rfwf-left-nav > div > div > span > svg {
	color:white !important;
}
.mdBtnR-primary-login, a.mdBtnR-primary-login {
    margin-right: 25px;
}
/*.mdBtnR-primary-login, a.mdBtnR-primary-login, a:visited {
    color: #fff;
} */
.mdBtnR-primary-login, a.mdBtnR-primary-login {
    font-size: initial;
}

#rf-content .mdBtnR-primary, #rf-content button.mdBtnR-primary, #rf-content a.mdBtnR-primary, #rf-content .rfds-border-primary, #rf-content .rfds-bkg-primary {
    color: #FFFFFF;
    border-color: #005276 !important;
}
#rf-content {
    padding-top: 50px !important;
}

#hotelcard > div > div.card-header > div
{
	padding-top:8px;
}
#hotelcard > div > div.card-header > div > button
{
	border-color:#015073;
}
#hotelCard > div > div.card-header > div > button{
    padding: 10px 10px 10px 10px;
    background-color: #015b7e !important;
color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}