@font-face {
    font-family: 'Museo Sans';
    src: url('/assets/v3/webfonts/MuseoSans_500-webfont.eot');
    src: url('/assets/v3/webfonts/MuseoSans_500-webfont.eot?iefix') format('eot'),
         url('/assets/v3/webfonts/MuseoSans_500-webfont.woff') format('woff'),
         url('/assets/v3/webfonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('/assets/v3/webfonts/MuseoSans_500-webfont.svg#webfontBsA9EFUC') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Museo Slab';
    src: url('/assets/v3/webfonts/Museo_Slab_500-webfont.eot');
    src: url('/assets/v3/webfonts/Museo_Slab_500-webfont.eot?iefix') format('eot'),
         url('/assets/v3/webfonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('/assets/v3/webfonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('/assets/v3/webfonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;
}

[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; }
[ng-click], [data-ng-click], .js-link { cursor: pointer; }
    
/*Typography*/
body{font-family: "Museo Sans", arial, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased!important; font-smoothing: antialiased; font-size: 17px; color:#666;}
h1{font-family: "Museo Slab", sans-serif;}
h3{color:#2ca05a;}
h4{font-size:20px; color:#2ca05a;}
.card h3{margin-top: 0;}
p{font-size: 19px;}
span.label.beta{position:relative; top: -20px;}

    	
.pager li>a, .pager li>span{background-color: transparent; border:none; color:#999;}
.pager li>a:focus, .pager li>a:hover{background-color: transparent; color:#2ca05a;}

a:hover{cursor: pointer; text-decoration: none;}    	
    	
.modal-backdrop.fade.in { background: #000; opacity: .8; height: 200vh; }

@media screen and (min-width: 768px)
{
.jumbotron .h1, .jumbotron h1 {font-size: 48px; line-height: 1; margin-bottom: 40px;}
.jumbotron small{font-size: 60%;}
}

/*Loading states*/
.slate .loading{background: #fff url('/assets/dashv3.1/i/loading-lrg.svg') 50% 50% no-repeat; width: 100%; height:100%; text-align: center; display: block;}

.slate button.loading{min-height: 60px; width: auto; }
.slate button.loading:focus{outline: none;}

.row-single .loading{background: #fff url('/assets/dashv3.1/i/loading-med.svg') 50% 0 no-repeat; width: 100%; height:100%; text-align: center; display: block; padding-top: 40px; color:#2ca05a;}

.modal-body .loading{background: #fff url('/assets/dashv3.1/i/loading-med.svg') 50% 0 no-repeat; padding-top: 40px; width: 100%; height:100%; text-align: center; display: block;}
.black-friday-form .loading{background: #fff url('/assets/dashv3.1/i/loading-med.svg') 50% 0 no-repeat; padding-top: 40px; width: 100%; height:100%; text-align: center; display: block; border: none; outline: none; }

.modal-body .bg-loading{background: transparent url('/assets/dashv3.1/i/loading-med.svg') 50% 50% no-repeat; }

.loading-overlay{background: #f5f7f9; position: absolute; z-index: 2; width: 100%; min-height: 100%; margin-left: -15px;}
.loading-overlay .loading{background: url('/assets/dashv3.1/i/loading-med.svg') 0 50% no-repeat; position: absolute; z-index: 2; width: 100%; min-height: 100%; margin-left: -15px;}	
    	
/*Buttons*/
.btn-brand{color:#2c2f3d; background:#ffcc33; border-color:#ffcc33; border-bottom: 3px solid #d4aa00; padding:10px 20px; font-size: 17px; border-radius: 5px;}
span.loading, .btn-brand.loading { background: #efefef; border-color: rgba(0,0,0,0.1); color: #666; padding-left: 40px; background: url('/assets/dashv3.1/i/loading-med.svg') center left no-repeat; }
		 
.jumbotron .btn-brand{padding:20px 40px; margin-bottom: 0; border:1px solid #d4aa00; border-bottom:3px solid #d4aa00; font-size: 21px;} 
.jumbotron .btn-brand .material-icons{position:relative; top:6px;}

.jumbotron .btn-group.open .dropdown-toggle{box-shadow: none;}
.jumbotron .dropdown-menu{top:calc(100% - 6px); width: 100%; color:#2c2f3d; background:#ffcc33; border-color:#ffcc33; border-bottom: 3px solid #d4aa00; border:1px solid #d4aa00; border-top:none; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 10px 12px rgba(0,0,0,.175); text-align: center;}
.jumbotron .dropdown-menu li:first-child a{background: transparent;}
.jumbotron .dropdown-menu li:first-child a:hover, .jumbotron .dropdown-menu li a:hover{background: #FFDC4B;}
.jumbotron .dropdown-menu li a:hover, .jumbotron .dropdown-menu li:last-child a:hover{color:#2c2f3d;}
.jumbotron .dropdown-menu li a, .jumbotron .dropdown-menu li:last-child a{padding:17px 50px 20px 50px; font-size: 18px; color:#2c2f3d; border-top:1px solid #F5A623;}
		 
.btn-subtle{background: #f5f7f9; border:1px solid #ececec; border-bottom-width: 2px; color:#2c2f3d;}
.btn-subtle:hover{color:#2ca05a;}

.btn-back{margin-top: 10px;}

.row-single p > .btn{margin-top: 30px;}

.btns-social{}
.btn-linkedin{font-size: 17px; background-color: #1985bc; color:#fff; margin-right: 20px; margin-bottom: 20px;}
.btn-twitter{font-size: 17px; background-color: #1da1f2; color:#fff; margin-right: 20px; margin-bottom: 20px;}
.btn-googlep{font-size: 17px; background-color: #DB4437; color:#fff; margin-right: 20px; margin-bottom: 20px;}
.btn-facebook{font-size: 17px; background-color: #49659F; color:#fff; margin-bottom: 20px;}
    	
/*Forms*/
.row-single form{margin-top: 0;}
.row-head .form-group{margin-top: 15px;}
.form-group hr{margin-bottom: 10px;}
.form-group p{margin-top: 10px;}
.form-control{padding:10px 15px; height:auto; font-size: 17px;}
label{font-weight:bold; margin-bottom: 10px;}
label.check{font-weight:normal;}
label.check:hover{cursor: pointer;}
label span.glyphicon{color:#2ca05a;}

.radio textarea{margin-top: 15px;}

.error{color:#ff5555; display: none;}
.has-error .form-control{border-color:#ff5555;}
.has-error .error{ display: block; }

form.social-image-form div.no-padding { padding: 0; }
    	
/*Alerts*/
.row-single .alert{margin-top: 30px; margin-bottom: 0;}
.alert p{margin-top: 0;}
.alert.alert-standard { color: #666; font-weight: normal; }

/*Modals*/
.modal-content{border-radius: 5px; border:none;}
.modal-header{background-color: #2ca05a; color:#fff; border:none; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.modal-header button{color:#fff;}
.modal-header h4{color:#fff;}
.modal-body{padding:30px 0 40px 0;}
.modal-body.format-preview{padding:30px 15px 40px 15px;}
.modal h5{font-size: 17px; color:#2ca05a; margin-bottom: 20px;}

.popover-title { background: transparent; font-size: 120%; border-bottom: 1px solid rgba(255,255,255,0.2); }
.popover.right > .arrow:after {border-right-color: #333;}
    	
    	
/*Tooltips*/
.tooltip-inner{font-size: 14px;}

nav .tooltip.left .tooltip-arrow{border-left-color: #ffcc33;}
nav .tooltip.bottom .tooltip-arrow{border-bottom-color: #ffcc33;}
nav .tooltip-inner{font-size: 14px; background: #ffcc33; color:#2c2f3d;}

/*Containing Elements*/
body{background: #2c2f3d;}
footer{padding-top:75px; padding-bottom: 75px;}
    	
/*Navigation*/
.navbar{margin-bottom: 0; border:none; border-bottom: 1px solid rgba(255,255,255,0.2); border-radius: 0;}
.navbar-default{background: transparent;}
.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-default .navbar-nav>li>a:hover{color:#ffcc33;}
.navbar-default .navbar-nav>li>a:focus{color:#fff;}

.navbar-inverse{background: #2ca05a; padding-top: 1em;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background: #fff; color:#2ca05a;}
ul.dropdown-menu{border:none; padding:0; background: #fff; font-size: 15px;}
ul.dropdown-menu li a{color:#666; padding:12px 50px 12px 25px;}
ul.dropdown-menu li:first-child a{background: #fff;}
ul.dropdown-menu li:first-child a:hover{background: #f5f5f5; cursor: pointer;}
ul.dropdown-menu li:last-child a{padding:14px 50px 14px 25px; border-bottom: none;}
ul.dropdown-menu li:last-child a:hover, ul.dropdown-menu li:last-child a:hover span{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
ul.dropdown-menu li.logout a:hover, ul.dropdown-menu li.logout a:hover span{color:#ff8080;}
ul.dropdown-menu li a span{color:#2ca05a;}
ul.dropdown-menu li a:hover{color:#2ca05a;}
ul.dropdown-menu li a span{margin-right:15px;}
ul.dropdown-menu li.divider{margin: 0;}

.navbar-brand-wrap { position: relative; }
.navbar-brand img{margin-top: -4px;}
.navbar-default .navbar-brand { color: #fff; font-size: 120%; position: relative; }
.navbar-default .navbar-brand.active,
.navbar-default .navbar-brand:hover { background: #fff; color:#2ca05a; }
.navbar-brand-wrap ul{
position: absolute; top: 50px; left: -50px; background: #fff;
display: none;
border-bottom-left-radius: 5px; 
border-bottom-right-radius: 5px; 
z-index: 999;
}
.navbar-brand-wrap li { width: 200px; }
.navbar-brand-wrap li a { color: #666; }
.navbar-brand-wrap li.spacer { height: 1px; border-top: 1px solid rgba(0,0,0,0.05); }
li a.navbar-academy { background: #ee515a; color: #fff; padding: 3px 1rem; margin: 12px 0 0 10px; border-radius: 5px; }
li a.navbar-academy:hover { background: #c20 !important; color: #fff !important; }

.navbar-toggle.collapsed{border:none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}

.cta-menu { display: flex; justify-content: center; margin-top: -70px; margin-bottom: 2em;}
.cta-menu.nav-pills>li+li { margin-left: 0; border-left: 1px solid #ececec;}
.cta-menu.nav-pills>li>a{border-radius: 0; padding: 20px 20px; border-bottom: 1px solid #ececec;}
.cta-menu.nav-pills>li>a.first{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.cta-menu.nav-pills>li>a.last{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.cta-menu li {}
.cta-menu a { color: #333; background: #F5F7F9; border-left: 1px #ececec; }
.cta-menu a.active { color: #2ca05a;}
a.previous { color: #777; }

.cta.beacon-cta{margin-top: 20px;}

/*Announcements*/
.announce{width: 100%; padding:15px 0; background: #ffcc33;}    	
.announce p{color:#2c2f3d; font-size: 90%; text-align: center;}
.announce a{color:#2c2f3d;}
.announce *:last-child{margin-bottom: 0;}
.announce .btn{background-color: #22ccaa; border-color: #26CCA9; color:#2c2f3d; margin-left: 15px;}

    	
/*Jumbotron*/
.jumbotron{background: #2ca05a url('/assets/dashv3/i/bg-tile-polygons.png'); padding:90px 0 90px 0; margin-top: -51px;}
.jumbotron h1{color:#fff; line-height: 1em;}
.jumbotron h1 small{color:#d7f4e3; display:inline-block; line-height: 1em; margin-top: 10px;}
.jumbotron h1 a{color:#d7f4e3; border-bottom:2px solid #d7f4e3;}
.jumbotron h1 a:hover{text-decoration: none; color:#ffcc33; border-color:#ffcc33;}    	
    	
/*Cards are the primary method of organising content within Beacon*/
.card-wrap{margin-top: -94px; background: #fff; border-radius: 5px;}
.card-wrap .row:first-child .card:first-child{border-top-left-radius: 5px;}
.card-wrap .row:first-child .card:last-child{border-top-right-radius: 5px;}  	
.card-wrap .row:last-child .card:first-child{border-bottom-left-radius: 5px;}
.card-wrap .row:last-child .card:last-child{border-bottom-right-radius: 5px;}

.card{background: #fff; border-right:1px solid #ececec; border-bottom: 1px solid #ececec;}
.card.slate{padding-top:40px; padding-bottom: 40px; margin-left: 15px;}
.card.highlight{background: #f5f7f9; border-right:none; border-bottom: none;}
.card.focus{background: #f5f7f9;}
.card:nth-child(4n+4){border-right:none;}
.row .card:last-child, .row-flex .card:last-child, .row-flex-valign .card:last-child{border-right:none;}
.row:last-child .card, .row-flex:last-child .card, .row-flex-valign:last-child .card{border-bottom: none;}		

.card .well h3{margin-bottom: 0;}
.well{margin-bottom:0; border:none; border-radius: 0; background-color: #fff; box-shadow: none;}
.well:hover{background-color: #f5f7f9; color:#2ca05a;}

/*Apply these styles to .row*/
.row-full{background:#fff; border-radius: 5px;}
.row-full .card{padding-top: 40px; padding-bottom: 40px; border:none;}
.row-single{background:#fff; border-radius: 5px;}
.row-single .card{padding-top:50px; padding-bottom: 50px;}
.row-head{background:#f5f7f9; padding-top:20px !important; padding-bottom:20px !important; border-bottom:1px solid #ececec; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.row-head h2{font-size: 20px; margin-top:0; margin-bottom: 0; color:#337ab7;}
.row-head .list-inline, .row-foot .list-inline{margin-bottom: 0;}
.row-head .list-inline.dashtrols .active, .row-foot .list-inline.dashtrols .active{color:#2ca05a;}
.row-foot{background:#f5f7f9; padding-top:20px; padding-bottom:20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.row-foot .list-inline{margin-bottom: 0;}
.row-foot h2{font-size: 20px; margin-top:0; margin-bottom: 0; color:#337ab7;}
.row-head + .cta{border-bottom: 1px solid;}
.row-foot + .cta{border-top: 1px solid;}
.cta{padding-top: 40px; padding-bottom: 40px;}
.cta h3{margin-top: 0;}
.cta.themer{background-color: #fff6d5; border-color:#ffe680; border-top:1px solid #ffe894;}
.cta.limit{background-color: #fff6d5; border-bottom:1px solid #ffe894;}
.cta.duplicates{background-color: #ff8080; border-bottom:1px solid #ff5555;}
.cta.duplicates h3, .cta.duplicates p, .cta.duplicates ul, .cta.duplicates ul li{color:#fff;}
.directions{background:#2c2f3d;} 

/*Resetting the container to have no padding*/
.container.card-wrap.zero{padding: 0;}
.container.card-wrap.zero .row{padding:0; margin-left: 0; margin-right: 0;}
.container.card-wrap.zero .row .card{padding:0;}
.container.card-wrap.zero .row .card .well{min-height: 200px; padding:50px 50px 50px 50px;}
.container.card-wrap.zero .row .card .well img{margin-bottom: 15px;}
.container.card-wrap.zero .row .card .well p{margin-bottom: 0; font-size: 19px;}
.container.card-wrap.zero .row .card:first-child .well{border-radius:0; border-top-left-radius:5px; border-bottom-left-radius: 5px;}
.container.card-wrap.zero .row .card:last-child .well{border-radius:0; border-top-right-radius:5px; border-bottom-right-radius: 5px;}

.container.card-wrap.zero .row-flex{border-radius: 5px;}
.container.card-wrap.zero .row-flex .col-fifth.card .well{padding:40px;}
.container.card-wrap.zero .row-flex .col-fifth.card .well:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.container.card-wrap.zero .row-flex .col-fifth.card .well:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.container.card-wrap.zero .row-flex .col-fifth.card .well img{margin-bottom:20px;}
.container.card-wrap.zero .col-fifth{width:20%; display: inline-block;}
.container.card-wrap.zero .col-fifth:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.container.card-wrap.zero .col-fifth:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.container.card-wrap.zero .col-fifth.card:nth-child(4n+4){border-right: 1px solid #ececec !important;}
.container.card-wrap.zero .col-fifth.card:nth-child(5n+5){border-right: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.container.card-wrap.zero .row-flex .col-third.card .well{padding:40px;}
.container.card-wrap.zero .row-flex .col-third.card .well:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.container.card-wrap.zero .row-flex .col-third.card .well:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.container.card-wrap.zero .row-flex .col-third.card .well img{margin-bottom:20px;}
.container.card-wrap.zero .col-third{width:33.3333%; display: inline-block; border-bottom: 1px solid #ececec;}
.container.card-wrap.zero .col-third:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.container.card-wrap.zero .col-third:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.container.card-wrap.zero .col-third.card:nth-child(3n+3){border-right:none; border-top-right-radius:5px;}
.container.card-wrap.zero .col-third.card:nth-child(4n+4){border-right:1px solid #ececec; border-bottom-left-radius: 5px;}

/*These replace .row and should be used when equal height cards are required*/
.row-flex{display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row;}

    	    	
/*Use tiles instead of cards on the dashboard and theme picker pages*/
.tile{border-right:1px solid #ececec; border-bottom: 1px solid #ececec;}
.tile:hover{background: #f5f7f9; cursor: pointer;}
.tile:hover a{text-decoration: none;}
.tile.dashboard{padding-top:30px; padding-bottom: 40px;}
.tile.dashboard:hover{cursor: default;}

.tile h4{margin-top: 13px; margin-bottom: 13px;}
.tile .premium-link{color:#E85656; margin-left: 10px; display: inline-block;}
.tile .premium-link:hover{color:#2ca05a;}

.tile:nth-child(1), .tile:nth-child(1) .loading-overlay{border-top-left-radius:5px;}
.tile:nth-child(4), .tile:nth-child(4) .loading-overlay{border-top-right-radius:5px;}
    	
.tile .btn-group{padding-left: 0; margin-top:10px; margin-bottom: 30px;}
.tile .btn-group li{border-color:#ececec; font-size: 17px; padding:10px 20px; border-bottom-width: 2px;}
.tile .btn-group li a{}
.tile .btn-group li a:hover{text-decoration: none;}
.tile .btn-default:hover, .tile .btn-default:focus, .tile .btn-default.focus, .tile .btn-default:active, .tile .btn-default.active{background: #2ca05a;}
.tile .btn-default:hover a, .tile .btn-default:focus a, .tile .btn-default.focus a, .tile .btn-default:active a, .tile .btn-default.active a{color:#fff;}

.tile h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:20px; color:#2ca05a; margin-bottom: 5px;}
.tile h3 a{color:#2ca05a;}
.tile h3 a:hover{text-decoration: underline;}
.tile h3 a:focus{text-decoration: none;}
.tile .text-muted{color:#b3b3b3; font-size: 15px;}
.tile .rename{color: #b3b3b3;}
.tile .rename:hover{color:#2ca05a; cursor: pointer;}

.tile .secondary-options li a{color:#b3b3b3; margin-left: 7px;}
.tile .secondary-options li a:hover{color:#2ca05a;}

.tile.list { display: block; width: 100%; border-right: none; padding: 20px; text-align: left; }
.tile.list h3{margin-top: 0;}
.tile.list .primary-options { float: left; margin-bottom: 0;}
.tile.list .secondary-options { float: right; margin-top: 20px;}
.tile.list .text-muted { float: right; margin-left: 40px; margin-top: 20px;}

.tile.list:nth-child(1){border-top-left-radius:0;}
.tile.list:nth-child(4){border-top-right-radius:0;}

.BN-template {}
.themes .box{margin:20px 0;}
.themes img{ margin-top: 20px; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); z-index: 100; display: block; max-height: 300px; width: auto; }
/* .themes .tile h2{position: absolute; top:20%; width: 50%; left: 25%; text-align: center; margin: 0; z-index: 0; font-size: 21px;} */

.modal-dialog.extra-large { width: 90%; }
.BN-template h4 a { color: #b3b3b3; text-align: left; }
.BN-template h4 a:hover { cursor: pointer; color: #2ca05a; }

/*Updated Dasboard with Tagging Functionality*/

.dash-with-tabs { margin-top: 16px; }

.dash-tabs-head {
margin-top: -60px; margin-left: -15px; 
}

.dash-tabs-head button {
  border: none;
  padding: 1rem 30px;
  margin-right: 1rem;
  background: #fff;
  color: #337ab7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.dash-tabs-head button.active {
  background: #F5F7F9;
}

.dash-tabs-head button:focus { outline: none; }

.dash-row-head{background:#f5f7f9; border-bottom: 1px solid #ececec; padding: 20px 25px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.dash-with-tabs .dash-row-head { border-top-left-radius: 0; }

.head-controls{display: flex;}

.head-collapse .nav-pills{margin-top: 15px;}
.head-collapse .nav-pills li a,
.head-collapse .nav-pills li button {margin-right: 10px; margin-bottom:10px; background: #fff; padding:5px 7.5px; font-size: 0.9em; color:#666; border: none; border-radius: 5px; }
.head-collapse .nav-pills li:first-child{ margin-right: 20px;}
.head-collapse .nav-pills li.active a,
.head-collapse .nav-pills li.active button {background: #337ab7; color:#fff;}
.head-collapse .nav-pills li.active:hover button,
.head-collapse .nav-pills li.active:hover a{background: #337ab7; color:#fff;}
.head-collapse .nav-pills li:hover button,
.head-collapse .nav-pills li:hover a{background: #ececec;}
.head-collapse .nav-pills button:focus { outline: 0; }

.collapsed > .caret {border-left: 4px solid #888; border-right: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}

.dash-row-head .head-item{flex: 1 0 auto;}

.dash-row-head .head-item.head-title{align-self: center; flex-basis: 75%;}
.dash-row-head .head-item.head-title h2{color:#2F84CA; margin-top: 0; margin-bottom: 0; font-size: 1.2em;}

.dash-row-head .head-item.head-search{align-self: center; flex-basis:25%;}
.dash-row-head .head-item.head-search .form-control{border-color:rgba(0,0,0,0.1); box-shadow: none; border-left: none; color:#666; padding:17px 15px 17px 5px; color:#666;}
.dash-row-head .head-item.head-search .input-group-addon{border-color:rgba(0,0,0,0.1); border-right: none; padding-right: 0; background: #fff; color:#666;}

.dash-row-head .head-filters{flex:1;}

.dash-row{display: flex; border-bottom: 1px solid #ececec; padding: 20px 25px;}

.dash-row-item{flex: 1 0 auto;}

.dash-row-item.pub-meta{align-self: center; width:75%;}
.dash-row-item.pub-meta h3{margin-top:0; margin-bottom:0;}
.dash-row-item.pub-meta h3 a{color:#2ca05a;}
.dash-row-item.pub-meta h3 small{margin-left:10px; color:#ccc;}
.dash-row-item.pub-meta .nav-pills{margin-top: 10px;}
.dash-row-item.pub-meta .nav-pills li{margin-right: 10px; background: #f5f7f9; padding:5px 7.5px; font-size: 0.8em; color:#666;}

.dash-row-item.pub-controls{align-self: center; width: 25%;}
.dash-row-item.pub-controls p{margin-bottom: 0;}
.dash-row-item.pub-controls .btn-default{border-color: rgba(0,0,0,0.1); color:#666;}
.dash-row-item.pub-controls .pub-settings{background: #2ca05a; color:#fff; border-color: rgba(0,0,0,0.1);}
.dash-row-item.pub-controls .pub-settings:hover{background: #278F50;}
.dash-row-item.pub-controls .pub-edit{background: #F5F7F9; border-color: rgba(0,0,0,0.1); margin-left: 10px;}
.dash-row-item.pub-controls .pub-edit:hover{background: #E5E8EB;}
.dash-row-item.pub-controls .pub-edit.dropdown-toggle{margin-left: -1px;}

/*Updated Theme Builder Dasboard with Tagging Functionality*/
.theme-builder .dash-row{padding: 0 25px 0 0;}

.lc-builder .dash-row{border-bottom:1px solid #ececec;}
.lc-builder .dash-row-item.lc-title{padding:0; border-left:0;}
.lc-builder .dash-row-item.lc-title h3{margin-top:0;}
.lc-builder .dash-row-item.lc-prevselect{align-self:center; text-align: right;}
.lc-builder .dash-row:last-of-type{border-bottom: none;}
.lc-builder .dash-row .tile{border-bottom: none;}
.lc-builder .dash-row-item h3 a { font-size: 120%; color: #2ca05a; }
.lc-builder .dash-row-item h4 a { font-size: 110%; }

.dash-row.dash-templates{padding:15px 25px; border-bottom: none; border-top:1px solid #ececec;}

.dash-row.dash-lc{padding-top:0; padding-bottom:0;}
.dash-row-item.lc-type { align-self: center; flex-basis:10%; padding-right: 25px; text-align: center;}
.dash-row-item.lc-title { flex-basis: 45%; padding:20px 0 20px 25px; align-self: center; border-left:1px solid #ececec;}
.dash-row-item.lc-title img { float: left; margin-right: 1rem; }
.dash-row-item.lc-title p{ margin-bottom: 0;}
.dash-row-item.lc-title-select { flex-basis: 80%; }
.dash-row-item.lc-conversion { align-self: center; flex-basis:15%; text-align: center;}
.dash-row-item.lc-conversion h4{ margin-top:10px; margin-bottom: 0 !important; font-size: 2.5rem; color:#2ca05a;}
.dash-row-item.lc-leads { align-self: center; flex-basis:15%; text-align: center;}
.dash-row-item.lc-leads h4{ margin-top:10px; margin-bottom: 0 !important; font-size: 2.5rem;}
.dash-row-item.lc-controls { flex-basis: 10%; align-self: center; }
.lc-choose-format { flex-basis: 25%; align-self: center; padding: 3rem; text-align: center; border-right:1px solid #ececec;}
.lc-choose-format:last-of-type{border-right:none;}
.lc-choose-format .btn-group{margin-top: 20px;}
.lc-choose-format .btn-group button{font-size: 16px; color:#666;}

.row.lc-builder:nth-of-type(2){border-top:1px solid #ececec;}

.dash-row-item.dash-thumbnail { flex-basis: 10%; }
.dash-row-item.dash-thumbnail img { max-width: 75px; border: 1px solid rgba(0,0,0,0.1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }
.dash-row-item.dash-main { flex-basis: 70%; }
.dash-row-item.dash-main h3 { margin-top: 0; margin-bottom: 2px; }
.dash-row-item.dash-main h3 a { color: #2ca05a; }
.dash-row-item .text-muted { color:#999; }
.dash-row-item .nav-pills{margin-top:10px;}
.dash-row-item .nav-pills li{font-size:0.8em; background: #f5f7f9; padding:5px 7px; margin-right: 10px; border-radius:3px;}
.dash-row-item .nav-pills li:first-of-type{background-color:#fff; font-weight:bold; padding-left:0;}
.dash-row-item.dash-controls { flex-basis: 20%; align-self: center; }
.dash-row-item.dash-controls .btn{ font-size:1em !important; }
.dash-row-item.dash-controls .pub-edit{ color:#666; }
.dot { position: relative; margin: 10px 0 0 20px;  height: 15px; width: 15px; border: 1px solid rgba(0,0,0,0.25); border-radius: 50%; display: inline-block; }
.dot.published { background: #2ca; }
.dot span.show-status { display: none; position: absolute; top: -7px; border-radius: 5px; padding: .25em 0.5em; font-size: 90%; }
.dot:hover > span.show-status { display: block; }
.dot.published span.show-status { color: #fff; background: #2396f5; left: -7em; }
.dot.draft span.show-status { color: #fff; background: #c2c2c2; left: -5em; }
.dot span.show-status span.status-wrap { position: relative; }
.dot span.show-status span.status-wrap:after { 
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #2396f5;
border-width: 10px;
margin-top: -10px;
}
.dot.draft span.show-status span.status-wrap:after { 
  border-left-color: #c2c2c2;
}

.jumbotron.lead-capture-summary { padding-top: 0; margin-bottom:0; }
.row.lead-capture-summary { display: flex; }
.row.lead-capture-summary .col { background: #fff; padding: 1rem;}
.row.lead-capture-summary .col-md-3{ display:flex; flex-direction:column; justify-content:center; border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
.row.lead-capture-summary .col-md-6{padding-left:0; padding-right:0;}
.row.lead-capture-summary .col-md-6 p{padding-left:15px; padding-right:15px; font-size:110%;}
.row.lead-capture-summary .col h3 { font-size:7rem; margin-top:0;}
.row.lead-capture-summary .col h4 { color: #2ca05a; font-size: 110%; padding-left:15px; padding-right:15px; font-weight:bold;}
.row.lead-capture-summary .col a { font-size: 90%; }
.row.lead-capture-summary .col ul { padding: 1rem 0; }
.row.lead-capture-summary .col li { list-style: none; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 15px; }
.row.lead-capture-summary .col:first-child {
border-top-left-radius: 5px; 
border-bottom-left-radius: 5px; 
border: none;
}
.row.lead-capture-summary .col:last-child {
border-top-right-radius: 5px; 
border-bottom-right-radius: 5px; 
border: none;
}
.row.lead-capture-summary .col.empty-state { background: #d8ecf6;  }
.row.lead-capture-summary .col.empty-state p { width: 70%; margin: 1rem auto;  color: #4A809B; }
.row.lead-capture-summary .col.empty-state a.btn {
  font-size: 110%; background: #26CCA9; color: #fff; border-radius: 5px; border-bottom: 3px solid rgba(0,0,0,0.2); margin-bottom: 1rem; }

.visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

/* Separate rule for compatibility, :focus-within is required on modern Firefox and Chrome */
input.visually-hidden:focus + label { outline: thin dotted; }
input.visually-hidden:focus-within + label { outline: thin dotted; }
label.btn.btn-upload { font-size: 120%; margin-bottom: 2em; background: #fc3; border: 1px solid #d4aa00; border-bottom: 3px solid #d4aa00; color:#2c2f3d; }
label.btn.btn-upload.library { font-size: 120%; margin-bottom: 1em; background: #fc3; border: 1px solid #d4aa00; border-bottom: 3px solid #d4aa00; color:#2c2f3d; }
#upload-indicator .loading{background: #fff url('/assets/dashv3.1/i/loading-lrg.svg') 5% 5% no-repeat; width: 100%; height:100%; text-align: center; display: block; padding: 2em; }

.BN-upload-wrapper .progress {
  line-height: 0;
  visibility: hidden;
  width: 100%;
  background: #009C6B;
  border-color: rgba(0,0,0,0.8);
  color: #fff;
  font-family: 'Inter', sans-serif; font-weight:600;
  font-size: 70%;
  margin: 1em 0;
  height: 5px;
  padding: 10px;
  border-radius: 3px;
  transition: all 0.25s linear;
}

.BN-upload-wrapper table .progress {
  background: #fff;
  color: #009C6B;
}

.BN-upload-wrapper table {
  color: #fff;
}

.jumbotron .BN-upload-wrapper .progress {background: #FFCC33;}
.jumbotron .BN-upload-wrapper table .progress {background: #fff;}

.BN-upload-wrapper .progress.inactive { visibility: hidden !important; width: 0%; opacity: 0; }
.BN-upload-wrapper .progress.active { visibility: visible; opacity: 1;}
.BN-upload-wrapper .progress.processing { background: #009C6B; color: #fff; opacity: 0.7; visibility: visible; }
.BN-upload-wrapper table .progress.processing { background: #009C6B; color: #666; opacity: 0.7; visibility: visible; }


.lc-template-preview { flex:0 0 50%; display: flex; padding:30px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; text-align: left;}
.lc-template-thumbnail{ flex: 1; display: flex; flex-direction: column;}

.lc-template-thumbnail a{ flex:1; display: flex; flex-direction: column;}
.lc-template-thumbnail img {max-width: 100%; margin:15px 0 0 0; align-self: flex-end; flex: 0 0 auto; align-self: center;}
.lc-template-thumbnail p.lc-preview {  margin: 15px 0 0 0; align-self: flex-start;}
.lc-template-thumbnail p.lc-name {  margin-bottom: 0; }
.lc-template-thumbnail a:hover { cursor: pointer;}

.theme-builder .dash-row-item.pub-type{align-self: center; flex-basis: 10%; padding-left:25px; padding-right: 25px;}
.theme-builder .dash-row-item.pub-type p{font-size: 0.8em; margin-bottom: 0; text-align: center;}

.theme-builder .dash-row-item.pub-meta{flex-basis: 60%; padding:20px 0 20px 25px; border-left:1px solid #ececec;}
.theme-builder .dash-row-item.pub-controls{flex-basis: 25%;}

.theme-builder .dash-row-item.pub-controls .pub-edit{margin-left: -1px;}
.theme-builder .dash-row-item.pub-meta h3 a{color:rgba(51,122,183,1);}

.cat-list h3 { color:  #337ab7; }
.cat-list ul { margin: 1em 0; display: block; }
.cat-list li { padding: 0.4em 0.7em; font-size: 0.9em; margin-right: 0.5em;  display: inline-block; border-radius: 5px; }
.cat-list li:hover { cursor: pointer; background: rgba(0,0,0,0.1); }
.cat-list li {}
.cat-list li.active { color: #fff; background: #337ab7; }

    	
/*HubSpot Import Page*/
#hub-import h3{font-size:20px; margin: 0; padding:20px 0;}
#hub-import .clear{position: relative; color: #ffcc33; position:absolute; z-index: 1; right: 30px; top:15px;}
#hub-import .clear:hover{cursor: pointer; color:#ff8080;}
#hub-import .row-head{padding-top: 10px; padding-bottom: 10px;}
#hub-import .filters{border-bottom: 1px solid #ececec;}
#hub-import .filters .nav{font-size: 16px;}
#hub-import .filters .nav:last-child{margin-bottom: 12.5px;}
#hub-import .filters .nav>li>a{padding: 5px 10px;}
#hub-import .filters .nav>li>a:hover{cursor: pointer;}
#hub-import .filters .nav li:first-child{display:block; padding:5px 5px 5px 0; min-width: 100px;}
#hub-import .filters hr{margin-top: 12.5px; margin-bottom: 12.5px;}
    	
#hub-import table{color:#555;}
#hub-import table thead{background: #fff;}
#hub-import table thead th:first-child{border-top-left-radius: 5px;}
#hub-import table thead th:last-child{border-top-right-radius: 5px;}
#hub-import table tbody{background: #fff;}
#hub-import table tbody tr:last-child td{border-bottom: 2px solid rgba(0,0,0,0.1);}
#hub-import table tbody tr:last-child td:last-child{border-bottom-right-radius: 5px;}
#hub-import table td{white-space:nowrap;}
		
#hub-import .hub-selections{}
#hub-import .hub-selections h3{border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 0; padding:10px; margin-top: 0; background: #ffcc33; color:#fff;}
#hub-import .hub-selections ul{background: #fff6d5; list-style-type: none; padding:0; margin-bottom: 0;}
#hub-import .hub-selections li{border-bottom: 1px solid #ffe680; padding: 10px;}
#hub-import .hub-selections span.flaticon{margin-right: 5px; position: relative; top:2px; color:#ffcc33;}
#hub-import .hub-selections span.flaticon:hover{color:#ff8080; cursor: pointer;}
#hub-import .hub-selections .btn{border-top-left-radius: 0; border-top-right-radius: 0; border-top:none; margin-bottom: 20px;}
    	
.hub-clients button{width: 100%; border-radius: 0; text-align: left; font-size: 17px; padding: 15px; border-color:#ececec; color:#666;}
.hub-clients button:hover, .hub-clients button:focus{border-color:#ececec; background-color:#f5f7f9; color:#2ca05a;}
.hub-clients:first-child button{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: none;}
.hub-clients:last-child button{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top:none;}

/*Share Pages*/

.share-link textarea { width: 100%; height: 100px; font-size: 70%; }
.share-link label {  }
.share-link p.help-block a { font-size: 80%; color: #777; font-style: italic; }
.share-link p.help-block a:hover { color: #337ab7; }
    	
/*Settings Pages*/
.sidebar{padding:0; margin-left: -15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #f5f7f9;}
.nav-sidebar{}
.nav-sidebar button{border:none; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; background-color:#f5f7f9; display: block; width: 100%; text-align: left; padding:20px;}
.nav-sidebar button:hover{background: #ececec;}
.nav-sidebar button:focus{outline: none;}
.nav-sidebar button:first-child{border-top-left-radius: 5px;}
.nav-sidebar button:first-child:hover{border-top-left-radius: 5px;}
.nav-sidebar button:last-child{border-bottom-left-radius: 5px;}
.nav-sidebar button:last-child a:hover{border-bottom-left-radius: 5px;}
    	    	
.nav-sidebar button.active{background: #fff; color:#2ca05a; border-right:none;}

.card .alert.alert-danger h3 { color: inherit; }

.lifetime table { margin: 2em 0; }
.lifetime table td { border: none !important; }
.lifetime table tr td:nth-child(2),
.lifetime table th td:nth-child(2) { text-align: right; }
.lifetime table thead td { color: #aaa; }
.lifetime table em { color: #2ca05a; font-style: normal; }

.lifetime hr { border-color: #999; }
    	
/*Subscription pages*/
#pricing .container{background-color: transparent; margin-top: -87px;}    	
#pricing table{width:100%;}
#pricing table .btn-subtle{color:#37abc8; border:none; background: transparent;}
#pricing table .btn-subtle:hover{text-decoration: underline;}
.active_plan{font-size: 14px; padding:6px 12px;}
.active_plan:hover{cursor: default;}
.active_plan:active{box-shadow: none;}
#pricing th{background-color: #fff; border-bottom:1px solid #ececec; font-weight: normal; text-align: center; padding:0 0 30px 0; font-family: "museo sans"; font-size: 1.15em; vertical-align: top;}
#pricing th strong{color:#2ca05a; font-weight: normal; font-size: 1.7em; margin: 30px 0 0 0; display: block;}
#pricing thead th:first-child{border-bottom:none; background: transparent; width:29%; padding-right: 3%; text-align: right; color:#2ca05a; font-size: 1.25em; vertical-align: middle;}
#pricing thead th:nth-child(2){border-top-left-radius:5px;}
#pricing thead th:last-child{border-top-right-radius:5px;}

#pricing thead th.free span{background-color:#37abc8; width: 100%; display: block; padding: 15px 0; color:#fff; border-top-left-radius: 5px;}
#pricing thead th.capped span{background-color:#ff5555; width: 100%; display: block; padding: 15px 0; color:#fff;}
#pricing thead th.unlimited span{background-color:#ff7f2a; width: 100%; display: block; padding: 15px 0; color:#fff;}
#pricing thead th.agency span{background-color:#ffcc33; width: 100%; display: block; padding: 15px 0; border-top-right-radius: 5px; color:#fff;}

#pricing td{width: 17%; background: #fff; text-align: center; border-bottom: 1px solid #ececec; padding: 15px 0; font-size: 1.25em; font-family: "museo sans";}
#pricing td:nth-child(odd), #pricing th:nth-child(odd){background-color:#f5f7f9;}
#pricing td:first-child{width:29%; padding-right: 3%; background: transparent; text-align:left;}
#pricing tr td:first-child{border-color:#44495e; color:#fff; text-align: right; font-size: 17px;}
#pricing tbody tr:last-child td{}
#pricing tbody tr:last-child td:first-child{border-color:#44495e;}

#pricing tfoot td{padding:30px 2% 30px 2%; border-bottom: none;}
#pricing tfoot td:first-child{color:#2ca05a; font-size: 1.25em;}
#pricing tfoot td:nth-child(2){border-bottom-left-radius: 5px;}
#pricing tfoot td:last-child{border-bottom-right-radius: 5px;}
#pricing tfoot td{text-align: center;}
#pricing tfoot p.butt{font-size: 1.1em; margin: auto;}

#pricing .table-responsive{border:none;}

/*Permissions*/
.perms { display: inline-block; width: 1.4em; height: 1.4em; border-radius: 2px; border: 2px solid rgba(0,0,0,0.3); background: #999; }
.perms:hover { cursor: pointer; }
.perms.yes { background-color: #22ccaa; } 
.perms.no { background-color: #E85656; } 
.perms.yes:after { margin-left: 2.2em; content: 'Yes'; } 
.perms.no:after { margin-left: 2.2em;  content: 'No'; }

.filter-row{margin: 20px 0;}
.permissions input[name="filter"] { margin-bottom: 1em; }

.top-tab-row { display: block; margin-left: -15px; width: calc(100% + 30px); display: flex;}
.top-tab-row a{flex-grow: 1;}
.top-tab-row a:first-child .top-tab { border-top-left-radius: 5px; border-left:none;}
.top-tab-row a:last-child .top-tab { border-top-right-radius: 5px;}
.top-tab { width:100%; padding: 1em 0; margin-right: -4px; text-align: center; background: #F5F7F9; display: inline-block; border-bottom: 1px solid rgba(0,0,0,0.05); border-left: 1px solid rgba(0,0,0,0.05); }
.top-tab:hover,
.top-tab.active
{ cursor: pointer; background: white; border-bottom: 1px solid #fff; }

/*AppSumo*/
#appsumo{background:#2ca05a; border-radius: 5px; padding: 2em; text-align: left; margin-top: 3em;}
#appsumo p{margin-bottom: 0; color:#fff; font-size: 1.2em;}

/*2018 Sale*/
.upgrade-package{border:1px solid #ececec !important; border-radius:5px; text-align: center; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
min-height: 400px;
position: relative;
}
.upgrade-package h2{margin-top: 0; padding-top: 20px; font-size: 1.3em;}
.upgrade-package h3{margin-top: 10px; margin-bottom: 20px;}
.upgrade-package ul{list-style-type: none; padding: 0; border-top:1px solid #ececec; margin-bottom: 0;}
.upgrade-package li{border-bottom: 1px solid #ececec; padding:10px 0;}
.upgrade-package li:hover{background-color: #f5f7f9; color: #2ca05a;}
.upgrade-package button{width: 100%; padding:20px 0; text-align: center; border-top-left-radius: 0; border-top-right-radius: 0; background: #ffcc33; font-size: 120%; border:none; color:#2c2f3d; position: absolute; bottom: 0; left: 0; }

/*Theme Builder*/
.theme-builder.classic .jumbotron{background: #337ab7 url('/assets/dashv3/i/bg-tile-polygons.png');}
.theme-builder.classic .jumbotron span.label{font-size: 40%; position: relative; top:-20px; background: #2ca05a;}

.theme-builder.classic .jumbotron h1 small{color:#d8e7f4;}
.theme-builder.classic .jumbotron h1 a{color:#d8e7f4; border-bottom:2px solid #d8e7f4;}
.theme-builder.classic .jumbotron h1 a:hover{text-decoration: none; color:#ffcc33; border-color:#ffcc33;}

.theme-builder.classic .list-group-item a{display: block;}
.theme-builder.classic .list-group-item a:hover{text-decoration: none; color:#2ca05a;}
.theme-builder.classic .list-group-item button{position: absolute; top:12px; right:10px; padding: 0; font-size: 90%; background: #fff; color:#337ab7;}
.theme-builder.classic .list-group-item button:hover{color:#2ca05a;}

/*Lead Capture Flow*/
.lead-capture .jumbotron{background: #713071 url('/assets/dashv3/i/bg-tile-polygons.png');}
.lead-capture .jumbotron small{color:#F8E0F9;}
.lead-capture .slate{margin-left: 0;}
.lead-capture .dash-row h3{font-size: 20px; margin-top: 0;}
.lead-capture .dash-row .tile{display: flex; padding:25px; border-right: none;}
.lead-capture .dash-row .tile:hover{background: #fff; cursor:default;}
.lead-capture .dash-row:last-of-type .tile{border-bottom:none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.lead-capture .dash-row-item.lc-prevselect{align-self: center !important; text-align: right;}
.lead-capture .dash-row-item.lc-prevselect .btn-group{margin:0;}
.lead-capture .dash-row-item.lc-prevselect .btn-group .btn-default{padding:10px 15px;}
.lead-capture .dash-row-item.lc-prevselect .btn-group .btn-default:hover{background: #F5F7F9; border:1px solid rgba(0,0,0,0.1);}
.lead-capture .dash-row-item.lc-prevselect .btn-group .btn-default:last-of-type:hover{background: #22ccaa; color:#fff;}
.lead-capture .dash-row-item.pub-meta { width: 50%; }

/* Resource Library Dashboard*/

html[ng-app="BeaconLeadsList"] .jumbotron{
    margin-bottom: -16px;
}

html[ng-app="BeaconLeadsList"] .dash-tabs-head{
    margin-top: -43px !important;
}

html[ng-app="BeaconLeadsList"] .dash-tabs-head button{
    background: #f5f7f9;
    color:#337ab7;
}

html[ng-app="BeaconLeadsList"] .dash-tabs-head button.active{
    background: #fff;
    color:#2ca05a;
}

html[ng-app="BeaconLeadsList"] .card-wrap{
    border-top-left-radius: 0;
}

.nav-sidebar button{border:none; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; background-color:#f5f7f9; display: block; width: 100%; text-align: left; padding:20px;}
.nav-sidebar button:hover{background: #ececec;}
.nav-sidebar button:focus{outline: none;}
.nav-sidebar button:first-child{border-top-left-radius: 5px;}
.nav-sidebar button:first-child:hover{border-top-left-radius: 5px;}
.nav-sidebar button:last-child{border-bottom-left-radius: 5px;}
.nav-sidebar button:last-child a:hover{border-bottom-left-radius: 5px;}
    	    	
.nav-sidebar button.active{background: #fff; color:#2ca05a; border-right:none;}

.content-hub .row-flex{justify-content: space-between;}

.content-hub .sidebar {
  background: #f5f7f9; margin-left: -15px;
  border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.content-hub .sidebar ul {
  margin: 0; padding: 0;
  list-style: none;
}

.content-hub .sidebar li {
  border:none; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; background-color:#f5f7f9; display: block; width: 100%; text-align: left; padding:20px;
}

.content-hub .sidebar li:first-child {
  border-top-left-radius: 5px;
}

.content-hub .sidebar li:last-child {
  border-bottom-left-radius: 5px;
}

.content-hub .sidebar li:hover{
  cursor: pointer;
  background: #ececec;
}

.content-hub .sidebar li.active {
  cursor: default;
  background: #fff;
    border-right:1px solid #fff;
    color:#2ca05a;
}

.content-hub .sidebar li a {
  color: #666;
}

.content-hub .resource-filters{
    background: #f5f7f9;
    padding: 2rem;
    margin: 3rem auto;
    border-radius: 5px;
    border:1px solid #ececec;
}

.content-hub .resource-filters .col-md-12{
    margin-bottom: 10px;
}

.content-hub .resource-filters .nav-pills li:first-of-type{
    padding:10px 0;
    margin-right:15px;
}

.content-hub .resource-filters .nav-pills li a{
       background: #fff;
    color:#337ab7;
        margin-right: 15px;
}

.content-hub .resource-filters .nav-pills li a:hover{
    background: #ececec;
}

.content-hub .resource-filters .nav-pills li.active a{
    background: #337ab7;
    color:#fff;
}

.content-hub label.btn.btn-upload{
    background: #ffcc33;
    border:none;
    border-color: #ffcc33;
    border-bottom: 3px solid #d4aa00;
    padding: 10px 20px;
    font-size: 17px;
    border-radius: 5px;
    margin-top: 1em;
}

.content-hub + .navbar{padding:1.5em; background: #2c2f3d; border-bottom: none; border-top: 1px solid rgba(255,255,255,0.1);}
.content-hub + .navbar .container{padding:0; display: flex; justify-content: flex-end; align-items: center;}
.content-hub + .navbar .container p{margin-bottom: 0; margin-right: 1em; color:#fff;}



/*Beacon Academy*/

.shadow{box-shadow:0 0 10px rgba(0,0,0,0.1);}

#academy .card-wrap{background-color: transparent; border-radius: 0;}
.academy-category{background:#fff; border-radius: 5px; margin-bottom: 50px; padding: 50px 10%;}
.academy-category *:last-child{margin-bottom: 0;}
.academy-category h2{margin-top: 0; color:#278F50; font-size: 2.5rem;}
.academy-category table{width:100%; font-size:19px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; margin-top: 30px;}
.academy-category table td{border-left:1px solid #ececec; border-top:1px solid #ececec;}
.academy-category table td i{position:relative; padding:10px; }
.academy-category table thead{font-size: 90%; color:#909090;}
.academy-category table thead tr td{text-align: center; width: 12.5%; padding:10px;}
.academy-category table thead tr td:nth-of-type(3){text-align: left; width: 75%;}
.academy-category table tbody td{color:#909090; text-align: center; width: 12.5%;}
.academy-category table tbody tr:hover{background: #f5f7f9;}
.academy-category table tbody tr td:nth-of-type(3){color:#666; text-align: left; width: 75%;}
.academy-category table tbody tr td a{color:#666; padding:10px; display: block;}
.academy-category table tbody tr.completed td, .academy-category table tbody tr.completed td a{color:#22ccaa;}

#academy .jumbotron span{background-color: #ffcc33; padding:5px 10px; border-radius: 3px; color:#2c2f3d; transition: background-color 0.3s; margin: 0 20px;}
#academy .jumbotron a:hover span{background-color: #F0C018;}
#academy .jumbotron .material-icons{position: relative; top:5px;}
#academy .jumbotron a .material-icons.arrow-left{color:#fff; right:0; transition: right 0.1s;}
#academy .jumbotron a .material-icons.arrow-right{color:#fff; left:0; transition: left 0.1s;}
#academy .jumbotron a:hover .material-icons.arrow-right{left:5px;}
#academy .jumbotron a:hover .material-icons.arrow-left{right:5px;}
#academy.academy-lesson .jumbotron h1{margin-top: 50px;}

/*Lesson Detail*/
.lesson-detail .text-three-col{column-count:3; column-gap:5%;}
.lesson-detail p, .lesson-detail ul, .lesson-detail ol, .lesson-detail dl{margin-bottom: 20px; font-size: 2.1rem; line-height: 1.6;}
.lesson-detail p:first-of-type{padding-top: 50px;}
.lesson-detail em.green{color: #22ccaa; font-style: normal;}
.lesson-detail em.blue{color: #2396F5; font-style: normal;}
.lesson-detail em.purple{color: #723373; font-style: normal;}
.lesson-detail em.yellow{color: #F5A623; font-style: normal;}
.lesson-detail ul{padding-left: 20px;}
.lesson-detail ul li{width: 100%;}

.lesson-detail ul.tips {
  list-style-type: none;
  padding-left: 0; }

.lesson-detail ul.tips li {
  background: url("../i/emoji-bulb.png") 0 3px no-repeat;
  padding-left: 35px;
  margin-bottom: 30px; }

.lesson-detail{background:#fff; margin:0 auto; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 50px; padding-bottom: 50px; font-family: 'Avenir Next', sans-serif; font-weight: 500; text-align: center;}
.lesson-detail *{width:60%; margin-left: auto; margin-right: auto; text-align: left;}
.lesson-detail * *{width:100%;}
.lesson-detail *:last-child{margin-bottom: 0;}
.lesson-detail em{font-weight: 500;}
.lesson-detail section{width:100%; background:#fff; margin-top:50px; margin-bottom:50px; padding-top:50px; padding-bottom:50px;}
.lesson-detail section:nth-of-type(odd){background:#f5f7f9;}
.lesson-detail section:nth-of-type(even){padding-top:0; padding-bottom: 0; background: #fff;}
.lesson-detail section *{width:60%; margin-left:auto; margin-right:auto;}
.lesson-detail section * *{width:100%;}
.lesson-detail section header{}
.lesson-detail section header h2{color:#22ccaa; font-weight: 600; margin:0 auto 10px auto; text-align:center;}
.lesson-detail section header h2 span{display: block; margin: 0 auto 10px auto !important; background: #22ccaa; border-radius: 50px; width:30px; height:30px; line-height: 30px; color:#fff; font-size: 1.5rem; text-align:center;}
.lesson-detail section header p{color:#2C2F3D; font-size: 2.3rem; text-align: center; }
.lesson-detail section header a{color:rgba(0,0,0,0.7); border-bottom:2px solid #22ccaa; font-size: 1.8rem; padding:0 5px; margin-top: 10px; display: inline-block; width: auto;}
.lesson-detail section header hr{border-bottom:2px solid #22ccaa; margin-top: 10px; margin-bottom:30px !important; width: 30%;}
.lesson-detail section:nth-of-type(even) .callout{background:#fff;}

.lesson-detail img{max-width: 100%; display:inline-block; margin: 0 auto 20px auto;}
.lesson-detail h2{margin-top: 30px; color:#278F50; font-size: 2.8rem; font-weight: 600;}
.lesson-detail h3{margin-top: 30px; font-size: 2.1rem; font-weight: 600;}
.lesson-detail .text-center *{text-align: center;}

.lesson-detail .box{ margin-bottom: 20px; border-radius: 4px;}

.lesson-detail blockquote{width:60%; margin: 50px 20%; padding: 40px 0; display: flex; background: #fff; flex-direction: column; text-align: center; border-left:none; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.lesson-detail blockquote *{width:70%; margin:0 15%;}
.lesson-detail blockquote * *{width:auto; margin:0;}
.lesson-detail blockquote img{margin: auto; max-width: 100px; border-radius: 100%; margin-bottom: 30px;}
.lesson-detail blockquote p{font-family: "Georgia", "Times New Roman", serif; font-size: 2rem; margin-bottom: 20px; color:#444; font-style: italic; text-align: center;}
.lesson-detail blockquote p:first-of-type{padding-top:0;}
.lesson-detail blockquote p.source{font-family:"Avenir Next", Arial, sans-serif; ;width:auto; max-width:70%; align-self:center; font-size: 100%;  text-align: center; margin-bottom: 0; color:#666;}
.lesson-detail blockquote p.source span{color:#22ccaa;}

.lesson-detail .callout{width:100%; padding: 40px 0; margin: 50px 0; display: flex;}
.lesson-detail .callout p:first-of-type{padding-top: 0;}
.lesson-detail .callout.compact{padding:0;}
.lesson-detail .callout.midwidth{padding-left:5%; padding-right:5%;}
.lesson-detail .callout.narrow{padding-left:15%; padding-right:15%;}
.lesson-detail .callout.image{background: #F5F7F9; flex-direction: column; text-align: center;}
.lesson-detail .callout.image *{width:70%; margin:0 15%;}
.lesson-detail .callout.image a img{max-width:100%; width:auto; height:auto; align-self:center; margin:0 0 20px 0;}
.lesson-detail .callout.image img{max-width:70%; width:auto; height:auto; align-self:center; margin-bottom: 20px; padding-top:20px;}
.lesson-detail .callout.image p{width:auto; max-width:70%; align-self:center; font-size: 100%; font-style: italic; text-align: center;}
.lesson-detail .callout.video p{margin-top:20px; text-align: center;}
.lesson-detail .callout.image.graphic img{margin-bottom: 0;}

.lesson-detail .callout.video{padding: 40px 15%; text-align: center;}
.lesson-detail .callout.video{background: #F5F7F9; flex-direction: column; text-align: center;}
.lesson-detail .callout.video .triangle{margin-left: 0; margin-right: 0;}
.vjs-close-control.vjs-control{background:#fff; width:30px; height:30px; line-height:30px; font-family: "Avenir Next", "Arial", sans-serif !important; color:#000 !important; font-size:1.5rem !important;}

.lesson-detail .callout.double{background: #F5F7F9; flex-direction: row;}
.lesson-detail .callout.double .left{margin:0 1% 0 2%; display: flex; flex-direction: column;}
.lesson-detail .callout.double .left img{align-self: center; width: auto;}
.lesson-detail .callout.double .right{margin:0 2% 0 1%; display: flex; flex-direction: column;}
.lesson-detail .callout.double .right img{align-self: center; width: auto;}
.lesson-detail .callout.double p{width:auto; max-width:70%; align-self:center; font-size: 100%; font-style: italic; text-align: center;}
.lesson-detail .callout.double img{margin-bottom: 20px;}

.lesson-detail .sample{display:flex; flex-direction: row; width: 100%; padding:0 10%; margin: 50px auto 50px auto;}
.lesson-detail .sample .left{width:auto; flex-basis: 30%;}
.lesson-detail .sample .right{width:auto; flex-basis: 70%; margin:0 0 0 5%;}
.lesson-detail .sample .right h4{font-weight: bold;}
.lesson-detail section:nth-of-type(odd) .sample{margin-bottom: 0;}
.lesson-detail section:nth-of-type(even) .sample{background: #fff;}
.lesson-detail .sample img{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}

.lesson-detail .callout.text{ flex-direction: column; margin: 30px auto; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1); width: 60%; padding:40px 2.5%;}
.lesson-detail .callout.text h3{margin-top: 0;}

.lesson-detail .callout.steps {
  background: #F5F7F9;
  flex-direction: row;
  justify-content: center; }

.lesson-detail .callout.steps.vertical {
  flex-direction: column; }

.lesson-detail .callout.steps.list {
  flex-direction: column; }

.lesson-detail .callout.steps.list .step {
  max-width: 60%;
  margin: auto;
  display: flex;
  flex-direction: row; }

.lesson-detail .callout.steps.list h3 {
  max-width: 60%;
  margin: auto;
  font-size: 1.5rem; }

.lesson-detail .callout.steps.list p {
  align-self: center;
  margin-left: 20px; }

.lesson-detail .callout.steps.list span {
  max-width: 60%;
  margin: auto;
  margin-left: calc(20% + 6px);
  font-size: 200%;
  color: #2396F5; }

.lesson-detail .callout.steps.list span + h3 {
  margin-top: 20px; }

.lesson-detail .callout.steps.list .step img {
  float: left; }

.lesson-detail .callout.steps .step {
  flex: 0 0 25%;
  margin-left: 0;
  margin-right: 0; }

.lesson-detail .callout.steps .step.connection {
  flex-basis: 20%;
  flex-direction: column;
  align-self: center; }

.lesson-detail .callout.steps .step span {
  font-size: 200%;
  color: #2396F5; }

.lesson-detail .callout.steps .step h3 {
  font-size: 1.5rem; }

.lesson-detail .callout.steps .step p {
  padding-top: 0; }

.lesson-detail .callout.steps .step img {
  width: auto;
  margin: 20px 0; }

.lesson-detail .cols{display: flex;}
.lesson-detail .cols.wide{width: 80% !important;}
.lesson-detail .cols div{flex:1; margin-left:20px; margin-right: 20px;}
.lesson-detail .cols div:first-of-type{margin-left: 0;}
.lesson-detail .cols div:last-of-type{margin-right: 0;}
.lesson-detail .do h3{color:#22ccaa; border-bottom: 1px solid #22ccaa; margin-top: 10px; padding-bottom: 10px;}
.lesson-detail .dont h3{color:#E85656; border-bottom: 1px solid #E85656; margin-top: 10px; padding-bottom: 10px;}
.lesson-detail .do ul, .lesson-detail .dont ul{list-style-type: none; padding: 0; margin-top: 0;}

.lesson-detail .note{background: #F5F9F6; border:1px solid #D3F5DB; border-radius: 5px; padding:10px;}
.lesson-detail .note p{font-size: 100%; padding-top: 0;}
.academy-lesson .lesson-detail .note p:first-of-type {  padding-top: 0; }

.lesson-detail {padding-top:0;}
.lesson-detail ul.index{list-style-type: none; padding:0; width: 100% !important; display: flex; margin-bottom: 50px;}
.lesson-detail ul.index li{width: 4%; margin: 0; border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); text-align: center; line-height: 2.2em;}
.lesson-detail ul.index li:first-of-type, .lesson-detail ul.index li:first-of-type a{border-top-left-radius: 5px;}
.lesson-detail ul.index li:last-of-type, .lesson-detail ul.index li:last-of-type a{border-top-right-radius: 5px; border-right: none;}
.lesson-detail ul.index li a{display:block; background: #F5F7F9; text-align: center; align-self: stretch;}
.lesson-detail dl{border-bottom:1px solid #ececec; padding-bottom: 30px;}
.lesson-detail dl dt{margin:0;}
.lesson-detail dl dd{margin: 0 0 15px 0;}

.lesson-detail hr {
  width: 100%;
  margin: 75px auto;
  border-color: #ececec; }

.lesson-detail ol {
  padding: 0; }

.lesson-detail ol li {
  margin-bottom: 10px; }

.lesson-detail .email {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-family: 'Roboto Mono', monospace;
  font-size: 1.5rem;
  margin: 50px auto; }

.lesson-detail .email strong {
  font-weight: 700; }

.lesson-detail .email .field {
  border-bottom: 1px solid #ececec;
  padding: 25px; }

.lesson-detail .email .field.toolbar {
  background-color: #F7F7F7;
  border-bottom: none;
  padding: 10px; }

.lesson-detail .email .field.toolbar span {
  font-size: 12px;
  display: inline; }

.lesson-detail .email .field.toolbar span:nth-of-type(1) {
  color: #FF5F57; }

.lesson-detail .email .field.toolbar span:nth-of-type(2) {
  color: #FFBD2E; }

.lesson-detail .email .field.toolbar span:nth-of-type(3) {
  color: #27C940; }

.lesson-detail .email .field:last-of-type {
  border-bottom: none; }

.lesson-detail .email .field:last-of-type p, .lesson-detail .email .field:last-of-type ol {
  padding-top: 0;
  font-size: 1.5rem; }

.lesson-detail .email span.link {
  color: #2396F5; }

.lesson-detail .email ol {
  padding-left: 30px; }

.lesson-detail .email ol li {
  margin-bottom: 0; }

.lesson-detail .smcx-embed{width:60%; margin: 0 20%;}

.lesson-status{width:100%; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #f5f7f9; padding:50px 10%; text-align: center;}
.lesson-status.lesson-status-incomplete .lesson-complete { display: none;  }
.lesson-status.lesson-status-incomplete .lesson-incomplete { display: block;  }
.lesson-status.lesson-status-complete .lesson-complete { display: block;  }
.lesson-status.lesson-status-complete .lesson-incomplete { display: none;  } 


/* May 2021 Offer */
.may2021-upgrade table { margin: 2em 0 3em 0; }
.may2021-upgrade table thead tr th { padding: 2.5em 0 1em 0;  color: #999; vertical-align: top;  border-top: 1px solid #999 !important; }
.may2021-upgrade table tbody tr td { vertical-align: middle; padding: 0; }
.may2021-upgrade table tbody tr td p { color: #777; }
.may2021-upgrade table tr td.lg { font-size: 120%; color: #333; }
.may2021-upgrade table tfoot tr td { color: #2ca05a; font-size: 130%; }

.may2021-upgrade table tbody tr:last-child td { padding-bottom: 2.5em; border-bottom: 1px solid #999 !important; }
.may2021-upgrade table tbody tr td,
.may2021-upgrade table thead tr th { border: none; }
.may2021-upgrade select.form-control { width: 70%; }
.may2021-upgrade a.btn-default { border: none; margin-right: 1em; }


/*===== TABLET STYLES (SM) =====*/	
@media (min-width:768px) and (max-width: 992px) {
.card.slate{padding-top:20px; padding-bottom: 20px;} 

.tile:nth-child(3n+3){border-right:none;}
.tile:nth-child(4n+4){border-right:1px solid #ececec;}
.tile:nth-child(1), .tile:nth-child(1) .loading-overlay{border-top-left-radius:5px;}
.tile:nth-child(3), .tile:nth-child(3) .loading-overlay{border-top-right-radius:5px;}

}

.data-capture-wizard .cta {}
.data-capture-wizard a.customize { display: block; clear: both; margin: 1em 0; }
.data-capture-wizard .form-group .ng-hide-add { animation:0.5s lightSpeedOut ease; }
.data-capture-wizard .ng-hide-remove { animation:0.5s fadeIn ease; }
.data-capture-wizard textarea.headline { font-size: 80%;}
.data-capture-wizard button.update-thumb {background:#fff; border:1px solid #ccc;  border-radius: 5px; padding: 5px 20px;  }
.data-capture-wizard button.STE{background:#ececec; border:1px solid #ccc; border-bottom: none;}
.data-capture-wizard #finalCode { font-size: 80%; }
.nav-sidebar button small a { color: #666; padding-left: 1em; }
.data-capture-wizard .sp-block label { display: block; text-transform: capitalize; }
.data-capture-wizard .sp-replacer  { border-radius: 0; border-color: #ececec !important; padding: 10px;}
.data-capture-wizard .sp-preview  { width: 157px; }
.sp-container  { border-color:#ececec !important; }
.sp-preview{border:solid 1px #fff !important;}
.sp-picker-container{border-left:0 !important;}
.data-capture-wizard .simple-editor { padding: 1em; border: 1px solid #ccc; margin-bottom: 2em; }
.BEACON-modalWindow { background: #fff; padding: 2em; margin: 2em 0; box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.25); transform: translate(0, 0) !important;}
.modal-preview { /*min-width: 550px !important; max-width: 550px !important;*/ float:left;}
.copy-button{margin: 10px 0;}
.data-capture-wizard hr{clear:both;}

.custom-import span.flaticon { color: #9B9B9B;  }
.custom-import span.flaticon:hover { color: #c20;  }
.custom-import .alert { width: 580px; }
.custom-import form { margin-bottom: 1.5em; }
.custom-import h3 { margin-top: 1em; }
.custom-import input { width: 450px !important; margin-right: .5em; }
.custom-import .btn-import { padding: 12px; font-weight: bold; background-color: #F5F7F9; color: #666; border: 1px solid #ccc; }
.custom-import .btn-loading { padding: 12px; font-weight: bold; background-color: #fff; color: #333; }
.custom-import ul.list-group { margin-top: 1.5em; }
.custom-import li.list-group-item { border-left: none; border-right: none; }

.theme-filter {}
.theme-filter .filter-search { padding: 1em 0; margin-bottom: 1em; background: #F5F7F9; border-radius: 7px;}
.theme-filter .show-cats { padding: 1em; margin-bottom: 1em; border-top: 1px solid rgba(0,0,0,0.05); }
.theme-filter .searchbox { display: block; background: #ccc; padding: 5px; background: #fff; border-radius: 5px; margin-bottom: 1em;}
.theme-filter .searchbox input { border: none; background: transparent; padding: 3px; }
.theme-filter .searchbox input:focus { border: none; outline: none;}
.preview-modal .close { margin-top: 10px;  z-index: 1;}
p.highlight { color: #2ca05a; }

.col-md-4.active { background: cornsilk; }
.timer-clock {
    font-family: sans-serif;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 1.5em;
    margin-top: 0.5em;
}

.timer-clock > div {
    padding: 10px;
    border-radius: 3px;
    background: rgba(0,0,0,0.25);
    display: inline-block;
}

.timer-clock div > span {
    padding: 15px;
    border-radius: 3px;
    background: rgba(0,0,0,0.25);
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}

/*===== PHONE STYLES (XS) =====*/	
@media (max-width: 767px) {

#navbar, .navbar-header { background: #2ca05a; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:none;}
ul.nav.navbar-nav{margin-top:0; margin-bottom: 0;}
ul.nav.navbar-nav li a{border-bottom:1px solid rgba(255,255,255,0.2);}

ul.nav.navbar-nav li ul.dropdown-menu{border-bottom:1px solid rgba(255,255,255,0.2);}
ul.nav.navbar-nav li ul.dropdown-menu a{border-bottom: none; color:#fff;}
ul.dropdown-menu li:first-child a{background: #2ca05a;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background: #2ca05a; border-bottom: none; color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#ffcc33;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a span{color:#fff;} 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover span{color:#ffcc33;} 

ul.nav.navbar-nav.navbar-right{margin-top: 0; margin-bottom: 0;}
ul.nav.navbar-nav.navbar-right li a{border-bottom:1px solid rgba(255,255,255,0.2);}

ul.nav.navbar-nav.navbar-right .navbar-settings span::after{margin-left:20px; content: "Settings";}
ul.nav.navbar-nav.navbar-right .navbar-intercom span::after{margin-left:20px; content: "Chat with our team";}
ul.nav.navbar-nav.navbar-right .navbar-help{border:none;}
ul.nav.navbar-nav.navbar-right .navbar-help span::after{margin-left:20px; content: "Browse the help section";}

nav .tooltip.left{margin-top: -500000px;}
nav .tooltip.bottom{margin-top: -500000px;}


.jumbotron{padding-top: 60px;}
.jumbotron .btn-brand{padding:10px 20px; font-size: 19px;} 

/*Buttons*/
.row-single p > .btn{margin-top: 15px;}

/*Layout elements*/
.card-wrap {border-radius: 0;}
.card-wrap .row{display: block;}
.card-wrap .row:first-child .card:first-child{border-top-left-radius: 0;}
.card-wrap .row:first-child .card:last-child{border-top-right-radius: 0;}
.card-wrap .row:first-child .card{border-top:none;}    	
.card-wrap .row:last-child .card:first-child{border-bottom-left-radius: 0;}
.card-wrap .row:last-child .card:last-child{border-bottom-right-radius: 0;}
.card-wrap .row .card:last-child{border-right:none;}
    	
.row:last-child .card, .row-flex:last-child .card, .row-flex-valign:last-child .card{border-bottom: 1px solid #ececec;}
.row:last-child .card.highlight, .row-flex:last-child .card.highlight, .row-flex-valign:last-child .card.highlight{border-bottom: none;}
.row:last-child .card:last-child, .row-flex:last-child .card:last-child, .row-flex-valign:last-child .card:last-child{border-bottom:none;}
    	
.row-single{border:none; border-radius: 0;}
.row-flex, .row-flex-valign{border:none; border-radius: 0; margin-left: -15px; margin-right: -15px;}
.row-single .card{padding-top:20px; padding-bottom: 20px; border-right:none;}
.row-head{border-top-left-radius: 0; border-top-right-radius: 0;}
.row-foot{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
 
.row-flex .card, .row-flex-valign .card{width: 100%;}

.cta{text-align: center;}
.cta img{margin-bottom: 15px;}
    	
.card{border-right:none;}    	
    	
.tile{border-right:none;}
.tile.dashboard{padding-top:10px; padding-bottom: 20px;}
.tile h3, .tile h2{margin-top: 0; padding-top: 20px;}

.tile.list { display: block; width: 100%; border-right: none; padding: 20px; text-align: left; }
.tile.list h3{margin-top: 0; padding-top: 0; margin-bottom: 15px; white-space: normal; }
.tile.list .primary-options { float: none; margin-bottom: 15px; margin-top: 0;}
.tile.list .secondary-options { float: none; margin-bottom: 0; margin-top: 0;}
.tile.list .text-muted { float: none; margin-left: 0; margin-top: 0; margin-bottom: 15px;}

.sidebar{margin-left:0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.card.slate{margin-left: 0;}
    	
.nav-sidebar li:first-child{border-top-left-radius: 0;}
.nav-sidebar li:first-child a:hover{border-top-left-radius: 0;}
.nav-sidebar li:last-child{border-bottom-left-radius: 0;}
.nav-sidebar li:last-child a:hover{border-bottom-left-radius: 0;}
.nav-sidebar button{border-right:none; border-radius: 0; padding: 15px;}
.nav-sidebar button:first-child{border-radius: 0;}
.nav-sidebar button:last-child{border-radius: 0;}

.control-label{padding-top: 0;}
    	
.row-single .alert{margin-top: 20px; margin-bottom: 0;}
    	
#hub-import .row-head button{margin-top: 15px;}
#hub-import .filters p{padding:0; margin-bottom: 15px;}
#hub-import .filters hr{margin-top: 5px; margin-bottom: 5px;}    

#hub-import .filters .nav li:first-child{display:block; padding:5px 0; width: 100%;}

#pricing thead th:first-child{word-wrap: break-word;}

.academy-lesson .container-fluid.lesson {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .academy-lesson .lesson-detail * {
    width: 90%; }
  .academy-lesson .lesson-detail * * {
    width: 100%; }
  .academy-lesson .lesson-detail hr {
    width: 100%;
    margin: 50px auto; }
  .academy-lesson .lesson-detail p, .academy-lesson .lesson-detail ul, .academy-lesson .lesson-detail ol, .academy-lesson .lesson-detail dl {
    font-size: 1.8rem; }
  .academy-lesson .lesson-detail p:first-of-type {
    padding-top: 20px; }
  .academy-lesson .lesson-detail .callout {
    width: 100%; }
  .academy-lesson .lesson-detail ol {
    padding-left: 30px; }
  .academy-lesson .lesson-detail ol li {
    margin-bottom: 10px; }
  .academy-lesson .lesson-detail .callout.steps.list .step {
    max-width: 90%; }
  .academy-lesson .lesson-detail .callout.steps.list h3 {
    max-width: 90%; }
  .academy-lesson .lesson-detail .callout.steps.list span {
    max-width: 90%;
    margin-left: calc(5% + 6px); }
  .academy-lesson .lesson-detail .email .field {
    padding: 10px; } 
    .academy-lesson .lesson-detail .email, .academy-lesson .lesson-detail .email p {font-size: 1.6rem;}
	 
}