/* Template */
body,
[class^="mdi-"] span, [class*="mdi-"] span {
    font-family: Roboto, Arial, sans-serif;
    font-weight:300;
}

.small {
    font-size: 10px;
    font-style: italic;
}
h1 {
    font-size: 2.4rem;
}
h2 {
    font-size: 1.56rem;
}
h3 {
    font-size: 1.22rem;
}
h4 {
    font-size: 1.18rem;
}
h5 {
    font-size: 1.1rem;
}
h6 {
    font-size: 1rem;
}
a {
    color:#f48120
}
nav {
    box-shadow:initial;
}
#main {
    padding: 0 10px 50px 270px;
}
.header-content {
    padding-left:270px;
}
.footer .copy {
    font-weight: 400;
    color: #3a3a3a;
}
.footer .row, .footer.row {
    margin-bottom: 0;
}
a.breadcrumb, .breadcrumbs {
    font-size:.78rem;
}
.breadcrumbs {
    padding: 10px 0 5px 3px;
    margin: 0;
}
/* Header */
#header {
    padding: 5px 0 0;
}
div.navbar {
    height: 70px;
}
#header nav ul li:hover, #header nav ul li.active {
    background-color: unset;
}
div.navbar #logo-row nav {
    height: 70px;
}
ul.top-right-nav {
    margin:0;
}
div.navbar #logo-row {
    height: 70px;
    text-align: center;
    background-color: initial !important;
    background-color: transparent !important;
}
.nav-wrapper span {
    color: #343434;
    font-size: 1rem;
    vertical-align: middle;
    margin: 0 10px;
}
#sidenav-overlay {
    background:rgba(0, 0, 0, 0.5);
}

h1.logo-wrapper-cngo,
h1.logo-wrapper-wr,
h1.logo-wrapper-hg,
h1.logo-wrapper-cn,
h1.logo-wrapper-hpm {
    margin: 0;
    height: 70px;
    display: block;
    width: 440px;
    position: absolute;
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/543/business-center-logo-home-1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

h1.logo-wrapper-cngo {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/dealers/elements/2016/cn-go-logo-new-tbs.png');
    background-position-x: left;
}

h1.logo-wrapper-wr {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/2392/ao-smith-business-center.png');
    background-position-x: left;
}

h1.logo-wrapper-hg {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/2392/ao-smith-business-center.png');
    background-position-x: left;
}

h1.logo-wrapper-hpm {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/dealers/elements/2016/hpm-horizontal.png');
    background-position-x: left;
}

#header-background-appointment-center h1.logo-wrapper-cn {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/543/business-center-logo-white-1.png') !important;
}

.notification-badge {
    right: 12px;
    background-color: rgba(17, 41, 81, .8);
    padding: 3px 6px;
}
#header .nav-wrapper i {
    color: #f5831e;
}
#header-background-appointment-center #header .nav-wrapper i {
    color: #773800;
}
/* Table Action Icons */
.actions_menu ul {
    margin: 0px auto;
}
.actions_menu .action_edit,
.actions_menu .action_map_pin,
.actions_menu .action_delete,
.actions_menu .portal_social_share_link,
.actions_menu .reply,
.actions_menu .action_view,
.actions_menu .followup_email,
.actions_menu .action_copy {
    background: none;
    text-indent: -9999px;
    padding-left: 0 !important;
    font-family: "Material-Design-Icons";
    position: relative;
    padding: 5px 10px !important;
}
.actions_menu .action_edit::before,
.actions_menu .action_map_pin::before,
.actions_menu .action_delete::before,
.actions_menu .portal_social_share_link::before,
.actions_menu .reply::before,
.actions_menu .action_view::before,
.actions_menu .followup_email::before,
.actions_menu .action_copy::before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    color: #42a5f5;
    text-indent: 0;
    text-align: center;
    font-size: 18px;
}
.actions_menu .action_edit::before {
    content: "\e7a4";
    color: #eac600;
}
.actions_menu .action_map_pin::before {
    content: "\e899";
    color: #ff4b61;
}
.actions_menu .reply::before {
    content: "\e718";
    color: #6a8e79;
}
.actions_menu .followup_email::before {
    content: "\e71c";
    color: #7792d4;
}
.actions_menu .action_delete::before {
    content: "\e621";
    color: #8c8c8c;
}
.actions_menu .action_view::before {
    content: "\e661";
    color: #8c8c8c;
}
.actions_menu .portal_social_share_link::before {
    content: "\e8ed";
}
.actions_menu .action_copy::before {
    content: "\e706";
}

i.mdi-action-face-unlock span {
    font-size: 14px;
    display: inline-block;
    line-height: 1.2em !important;
    vertical-align: middle;
    padding-left: 10px;
    font-family: 'Roboto', sans-serif;
}
#fixed-logo-footer {
    display: flex;
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 100%;
    min-height: 8%;
    background: #052c73;
    padding-top: 10px;
    text-align: center;
}
#fixed-logo-footer #footer-flex-wrap {
    width: 100%;
    max-width:1200px;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
#fixed-logo-footer .footer-logo {
    width: 14%;
    padding: 5px 0 10px;
}

#fixed-logo-footer a img {
    max-width: 50%;
    opacity: .5;
}
#fixed-logo-footer .footer-logo.soe a img,
#fixed-logo-footer .footer-logo.fsi a img {
    max-width: 75%
}
#fixed-logo-footer .footer-logo.tbf a img {
    max-height: 45px;
}

#fixed-logo-footer .footer-logo.gs a img {
    max-height: 30px;
}
@media screen and (max-width: 640px),
screen and (max-height: 750px)  {
    #fixed-logo-footer {
        display: none;
    }
}
.section_content {
    position: relative;
}
/* Left Nav */
.side-nav {
    width:260px !important;;
}
#left-sidebar-nav .side-nav {
    height: 100%;
    background-color:#484848;
    padding: 0 20px 15px;
}
.side-nav.fixed a {
    color:#fff;
    padding-left: 0;
}
#slide-out .collapsible-accordion li:first-child {
    border-top:none;
    border-top:none;
}
#slide-out li {
    border-top: 1px solid #575757;
    padding: 3px 0;
}
ul#profile-dropdown {
    overflow:hidden !important;
}
#slide-out li.active {
    padding: 0;
}
ul.side-nav.leftside-navigation li:hover {
    background-color: rgba(134, 134, 134, 0.19);
}
#profile-dropdown.dropdown-content {
    top: 90px !important;
    padding: 0;
    background-color: #484848;
}
.cngo-top-right-nav [class^="mdi-"]:before, .cngo-top-right-nav [class*="mdi-"]:before {
    color:#003861;
}
ul#slide-out, #main, #toggle-nav,
.header-content, .side-nav.leftside-navigation {
    -webkit-transition: ease-out 300ms;
    -moz-transition: ease-out 300ms;
    -ms-transition: ease-out 300ms;
    -o-transition: ease-out 300ms;
    transition: ease-out 300ms;
}
ul#slide-out li.user-details {
    margin-top:5px;
    border-top:none;
}
ul#slide-out li.user-details:hover {
    background-color: #484848;
}
.main-hidden-nav #main,
.main-hidden-nav .header-content {
    padding: 0 115px;
}
.side-nav .collapsible-body {
    border: 0;
    background-color: #484848;
}
ul.side-nav.leftside-navigation li.active > a,
.mdi-navigation-arrow-drop-down:before,
.collapsible-header:after,
.profile-btn i.mdi-action-settings,
.collapsible-header.active:after {
    color: #f5831e;
}

#cms_navigation_accordion .collapsible-header:after,
#cms_navigation_accordion .collapsible-header.active:after {
    color:#fff;
}
#slide-out li a.profile-btn i.mdi-hardware-keyboard-arrow-down {
    font-size: 1.2rem;
    margin-right: 0;
    color: #f5831e;
}
#left-sidebar-nav li.user-details .mdi-navigation-close {
    line-height: 2rem;
    font-size: 2rem;
    margin: 10px 0;
    color: #fff;
    cursor: pointer;
}
span#sidebar-username {
    width: 70%;
    display: inline-block;
    font-size: 1.27rem;
    font-weight: 500;
}
.user-company {
    color: #fff;
    margin: 5px 25px 25px 0;
    font-size: .95rem;
    line-height: initial;
}
#show-nav {
    position: fixed;
    font-size: 3rem;
    cursor: pointer;
    margin: 4px 20px;
    color: #9c9c9c;
    z-index: 315;
}
#show-nav.gray-menu {
    color: #9c9c9c;
}
#show-nav.hidden-nav {
    display:block;
}
.slider-play {
    display:none;
}
.right-content-wrap .sliderContainer {
    padding: 5px;
}
.progressBarContainer div:last-of-type {
    border-right:none;
}
.sliderContainer .progressBarContainer {
    padding:0 5px;
}
.cards-container {
    margin-top:20px;
}

.close {
    float:right;
    display:inline-block;
    font-size: large;
    transition: transform 0.3s;
}
.close:hover {
    float:right;
    display:inline-block;
    cursor: pointer;
    transform: scale(1.5);
    transition: transform 0.3s;
}
.notice.close  {
    color: red;
}
.notice.close:hover {
    color:darkred;
}
.error.close  {
    color: white;
}
.error.close:hover {
    color:lightgrey;
}

#slide-out li a i {
    font-size:1.4rem;
    color:#a2a2a2;
    margin-right: 5px;
}
#slide-out li a.active i {
    color: #f5831e;
}
/* Right Side Nav */
#right-sidebar-nav .account-manager-section a.chat-close-collapse i {
    font-size:2rem;
    padding: 5px 0;
}
#right-sidebar-nav .side-nav li:hover,
#right-sidebar-nav .side-nav li.active {
    background: unset;
}
#right-sidebar-nav .account-manager-section {
    background-color: #484848 !important;
}
#right-sidebar-nav .account-manager-section {
    padding:0.5rem;
}
#right-sidebar-nav li.break {
    margin: 15px 20px 25px;
}
#right-sidebar-nav li.break span {
    width: 100%;
    height: 1px;
    border-bottom: solid 1px #e3e3e3;
    display: inline-block;
}
#right-sidebar-nav .section-header i {
    line-height: 2.4rem;
}
#right-sidebar-nav .side-nav a.chat-close-collapse {
    height: 50px;
    line-height: 35px;
    padding-left: 10px;
}
.am-title, .am-phone, .am-email a  {
    color: #fff;
    margin: 3px 0px;
    font-size: 12px;
    text-shadow: 1px 1px 1px #444;
    line-height: initial;
    padding: 0;
    -ms-word-break: break-all;
    word-break: break-all;
}
.am-title {
    font-style:italic;
}
#right-sidebar-nav .dealer-support .support-email a {
    font-size:0.85rem;
    display:inline;
    line-height: initial;
    padding:0;
}
#right-sidebar-nav .am-phone i,
#right-sidebar-nav .am-email i {
    font-size: 1.4em;
    vertical-align: sub;
    padding-right: 11px;
}
#right-sidebar-nav .support-ticket-btn {
    background-color: #fff !important;
    box-shadow: none;
    color: #1c407b;
    border: 1px solid #1c407b;
    font-size: 0.94rem;
    text-transform: capitalize;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#right-sidebar-nav .am-phone,
#right-sidebar-nav .am-email  {
    margin-top: 2.2rem;
    font-size: 0.91rem;
    font-weight: 600;
    padding: 0 1rem !important;
}

#right-sidebar-nav .account-manager-details {
    margin-bottom:0;
}
.account-amanger-details h4 {
    margin: 5px 0 10px 0;
}

#right-search .input-field .prefix ~ input {
    padding-left: 0;
}
ul.sidenav-buttons li {
    float: left;
    width: 48%;
    margin-left: .3rem;
}
div#right-search {
    margin-top: 20px;
}
a.chat-close-collapse.right {
    line-height: 30px;
    height: 30px;
}
#chat-out .section-header {
    background-color: transparent;
    border: none;
    line-height: 36px;
    height: 45px;
    font-weight: 400;
    display: block;
    min-height: 3rem;
    margin:0;
}
.section-header i {
    width: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    display: block;
    float: left;
    text-align: center;
    margin: 0 1rem;
}
#chat-out .section-header:after {
    color: #fff
}
/* Main Content */
.right-content-wrap,
.header-wrapper {
    max-width:1400px;
    margin:auto;
}
.header-content {
    position: relative;
}
.right-content-wrap,
.header-wrapper {
    padding: 0 50px;
}
#widget-tutorial-buttons li {
    display: inline-block;
    margin-right: 20px;
}
#widget-tutorial-buttons li a {
    background-color: #f5831f;
    font-weight: 400;
}

#widget-tutorial-buttons {
    position: absolute;
    right: 0;
    top: 100px;
}

.main-hidden-nav .right-content-wrap,
.main-hidden-nav .header-wrapper {
    padding: 0 15px;
}
/* Dashboard */
ul#slide-out.hidden-nav {
    left: -260px !important;
}
.dashboard-section h3 {
    text-transform: capitalize;
    margin: 1.9% 0;
    font-weight: 400;
}
.dashboard-section h3 i {
    font-size: 1.7rem;
    margin-right: 10px;
    position: relative;
    top: 3px;
    color: #f48120;
}
.main-hidden-nav #main,
.main-hidden-nav .header-content {
    padding: 0 75px;
}
/* Section Headers */
.header-background {
    width: 100%;
    z-index: -999;
    background-repeat: no-repeat !important;
    background-position: 90% 70% !important;
}
#header-background-recruiting {
    background: #528282;
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-search-lg.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-search-lg.png'), linear-gradient(170deg, rgb(82, 130, 130) 40%, rgb(60, 95, 95) 100%);
}
#header-background-appointment-center {
    background: rgb(255, 122, 32);
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-calendar-lg.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-calendar-lg.png'), linear-gradient(170deg, rgb(255, 122, 32) 60%, rgb(160, 65, 0) 100%);
}
#header-background-marketing {
    background: rgb(190, 33, 28);
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-megaphone-lg.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-megaphone-lg.png'), linear-gradient(170deg, rgb(190, 33, 28) 40%, rgb(109, 25, 22) 100%);
}
#header-background-owners {
    background: rgb(222, 184, 58);
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-lightbulb-lg.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-lightbulb-lg.png'), linear-gradient(170deg, rgb(222, 184, 58) 40%, rgb(175, 135, 0) 100%);
}
#header-background-production {
    background: rgb(0, 175, 170);
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-truck-lg.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-truck-lg.png'), linear-gradient(170deg, rgb(0, 175, 170) 40%, rgb(0, 111, 108) 100%);
}
#header-background-sales {
    background: rgb(36,84,141);
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-briefcase-lg.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-briefcase-lg.png'), linear-gradient(170deg, rgb(36,84,141) 40%, rgb(20, 41, 66) 100%);
}
#header-background-service {
    background: rgb(110, 65, 98);
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-screwdriver-wrench-lg.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-screwdriver-wrench-lg.png'), linear-gradient(170deg, rgb(110, 65, 98) 40%, rgb(53, 34, 48) 100%);
}
#header-background-widgets {
    background: rgb(60,124,20);
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/widget-wall-s.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/widget-wall-s.png'), linear-gradient(99deg, rgb(60,124,20) 5%, rgb(40,80,20) 100%);
    background-position: 105% 29% !important;
}

#header-background-treehouse {
    background: rgb(60,124,20);
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-treehouse-print-lg.png');
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/gray-treehouse-print-lg.png'), linear-gradient(99deg, rgb(60,124,20) 5%, rgb(40,80,20) 100%);
}
.body-content-alternate > .row > .section-main-content {
    width: -moz-calc(100% - 18px);
    width: -webkit-calc(100% - 18px);
    width: -o-calc(100% - 18px);
    width: calc(100% - 350px);
    padding: 0;
}
.body-content-alternate > .row > .section-right-col {
    width: 335px;
    float: right;
    padding-left: 2.3rem;
    border-left: 2px solid #dedede;
}
.dashboard_menu h3,
.body-content-alternate h3 {
    margin-top:0;
    color:#343434;
    text-transform: capitalize;
    font-weight:400;
    padding: 0;
    font-size: 1.18rem;
}
.body-content-alternate .section-main-content h3 {
    margin:2rem 0 1.5rem;
}
.dashboard_menu_wrapper {
    padding-bottom:1rem;
}
.dashboard_menu i,
.body-content-alternate .section-main-content i {
    color: #f48120;
    padding: 0 5px 0 0;
    font-size: 1.4rem;
    vertical-align: text-top;
}
.dashboard_menu h3 a, .body-content-alternate .section-main-content h3 a {
    font-size: 0.9rem;
    margin-left: 10px;
    vertical-align: middle;
    text-transform: capitalize;
}
.section-right-col .row {
    margin:0;
}

.section_content > h3 {
    text-transform: capitalize !important;
    margin: 0 0 30px;
    font-weight:400;
}

.column_actions {
    text-align: center !important;
}
.section_content > h3 i {
    margin-right:15px;
    color:#f48120;
    font-size: 1.6rem;
}
.section_content > h3 i.mdi-action-work {
    top:2px;
    position: relative;
}
/* Training Event Cards */
.training-sidebar {
    margin:0;
}

.training-sidebar h3 {
    margin:0 0 1%;
    text-transform: capitalize;
    font-weight: 400;
    font-size:1.1rem;
}
.training-sidebar .training-events {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #e3e3e3;
    margin: 8% 0;
    position: relative;
}
.training-sidebar .training-events .training-event-associations {
    padding: 0 10px;
}
.training-sidebar span.training-more-info {
    padding: 7% 0;
    display: block;
}
.widget-card {
    float: left;
    padding: 0 1rem 1rem 0;
}
.widget-card .widget-card-content a {
    display: block;
    height: 100%;
}
.widget-card .widget-card-content {
    height: 190px;
    width:200px;
    background-color: #ffffff;
    border: solid 1px #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
}
.widget-card .widget-icon {
    text-align: center;
    height: 110px;
    background: #505050;
    transition: .3s ease-out;
    opacity:1;
}
.widget-card .widget-icon:hover {
    opacity: 0.7;
}
.widget-card .widget-title {
    color: #343434;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
}
.widget-card .widget-icon img {
    max-width: 75px;
    margin: 20px 0 0;
}
/* Dash */
.dashboard-section .training-events {
    width: 32.4%;
    float: left;
    margin: 0 1% 1% 0;
}
div#ui-datepicker-div {
    display:none;
}
.dashboard-section .training-events:last-child {
    margin-right:0;
}
.dashboard-section .training-events-image {
    height: 140px;
    width: 100%;
    background: #bbbbbb;
}
.dashboard-section .training-events-content {
    padding: 10px;
}
.dashboard-section .training-events .training-wrapper {
    position: relative;
    height:100%;
    cursor: default;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: box-shadow .3s ease-out;
    -moz-transition: box-shadow .3s ease-out;
    -o-transition: box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out;
    min-height:225px;
}
.training-events.col.s12.m6.l3 .training-wrapper:hover {
    -webkit-box-shadow: 0 3px 10px #ababab;
    -moz-box-shadow: 0 3px 10px #ababab;
    box-shadow: 0 3px 10px #ababab;
    border:none;
}
.training-events.col.s12.m6.l3 {
    padding: 0;
    padding-right: 1.5rem;
    height:200px;
}
.dashboard-section span.training-more-info {
    position: relative;
    top: 5px;
    left: 10px;
    display:block;
}
span.training-more-info a {
    color: #ababab;
    font-weight:500;
}
span.training-more-info a:hover {
    color: #555555;
}
.dashboard-section .training-events-bottom-row .training-events-col {
    text-align: right;
}
.dashboard-section .training-events-bottom-row {
   margin: 0;
   position: absolute;
   width: 100%;
   bottom: 15px;
}
.training-sidebar h3 a,
.dashboard-section h3 a  {
    font-size: 0.9rem;
    vertical-align: middle;
    margin-left:10px;
    color: #343434;
    text-transform: capitalize;
}

.dashboard-section h3 a:hover {
    color:#f48120;
}
.training-sidebar h3 i {
    font-size: 1.7rem;
    margin-right: 10px;
    position: relative;
    top: 3px;
    color: #f48120;
}

.training-events-content h4 a {
    width: 210px;
    height: 17px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #343434;
}

.training-events-content p {
    font-weight:300;
}
.training-event-associations .training-event-assoc-btn {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    color: #fff;
    line-height: 31px;
    padding-top: 3px;
    font-weight: 600;
    text-align: -webkit-center;
    text-align: center;
    margin-left: -9px;
    font-size: 0.9rem;
    -webkit-box-shadow: 0 1px 4px #616161;
    -moz-box-shadow: 0 1px 4px #616161;
    box-shadow: 0 1px 4px #616161;
}
.training-event-assoc-btn#bsi {
    background-color: #0093ff;
}
.training-event-assoc-btn#fsi {
    background-color: #707070;
}
.training-event-assoc-btn#nrd {
    background-color: #3c3c3c;
}
.training-event-assoc-btn#cs {
    background-color: #05c5ff;
}
.training-event-assoc-btn#cr {
    background-color: #f45656;
}
.training-event-assoc-btn#des {
    background-color: #359e6f;
}
.training-event-assoc-btn#tbf {
    background-color: #66efda;
}
.training-event-assoc-btn#as {
    background-color: #ffb92b;
}
.training-event-assoc-btn#krs {
    background-color: #cc1111;
}
.training-event-assoc-btn#jl {
    background-color: #2ee800;
}
/* Section */
/*  End Training Event Cards */
/* Web Resources */
.web-resource .card {
    height: 165px;
    padding: 15px 21px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dedede;
    margin:0;
    background-repeat:no-repeat;
    background-position: 85% 75%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: unset;
    background-color: transparent;
}

.web-resource .card:hover {
    -webkit-box-shadow: 0 3px 10px #ababab;
    -moz-box-shadow: 0 3px 10px #ababab;
    box-shadow: 0 3px 10px #ababab;
    border: none;
}
.dashboard-section .web-resource .card h4 {
    color: #343434;
    margin-top: 0.35rem;
    font-size: 1.12rem;
    font-weight: 500;
}
.web-resource.resource-stats .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/resources-stats.png');
}
.web-resource.resource-widgets .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/resources-widgets.png');
}
.web-resource.resource-leads .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/resources-leads.png');
}
.web-resource.resource-apps .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/resources-apps.png');
}
.web-resource.resource-dac .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/resources-dac.png');
}
.web-resource.resource-merch .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/resources-merch.png');
}
.web-resource.resource-order .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/product-order-form.png');
}
.web-resource.resource-coop .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/resources-coop.png');
}
.web-resource.resource-webinar .card {
    background-image: url('https://cdn.treehouseinternetgroup.com/cms_core/template/resources-webinar.png');
}
.dashboard-section .web-resource {
    margin: 0 1% 1% 0;
    padding:0;
    width: 24% !important;
}
.dashboard-section .web-resource:nth-child(4) {
    margin-right: 0;
}
.content-container #file-header {
    background: #fff;
}
.content-container .file_hive_head.section_wrapper {
    min-height:auto;
}
.section-main-content .row {
    margin-bottom:0;
}
/* FileHive */
.section-main-content .filehive-card .widget-icon {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #eaeaea;
}
/* Footer */
.footer {
    font: 300 12px/16px 'proxima-nova',sans-serif;
    box-sizing: content-box;
    height: auto;
    padding: 15px 0px;
    text-align: center;
    color: #3a3a3a;
    width:100%;
}
#favorite-module {
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 0 1rem;
    text-transform: capitalize;
}
#favorite-module a.btn {
    padding:0 1rem;
    font-size: 0.9rem;
}
#favorite-module i {
    margin-right: 10px;
}
#favorite-module i:before {
    speak: none;
    display: inline-block;
    font-family: "Material-Design-Icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    text-decoration: inherit;
}
#favorite-module.add i:before {
    content: "\e62b";
}
#favorite-module.remove i:before {
    content: "\e62c";
}
#widget_category_select  {
    float: right;
    clear: right;
    position: absolute;
    top: -15px;
    right: 0;
    z-index: 10;
}
#widget_category_select .notification-button span {
    color: black;
    position: relative;
    bottom: 14px;
    margin-left: 1px;
}
.section_content {
    margin-top:40px
}
#widget_category_select i {
    font-size: 2.9rem;
}
#widget_category_select ul span {
    padding: 5px 10px;
    font-weight: 400;
    line-height: 35px;
    cursor:default;
}
#widget_category_select ul {
    padding: 0;
    overflow: hidden !important;
}
#widget_category_select ul.dropdown-content li > a {
    padding-left:0;
}
/* Simple Form */
.simple_form label {
    font-weight:400;
    font-size: 0.9rem;
}
.simple_form tbody > tr > td:first-child label:hover {
    text-decoration: underline;
}
form.simple_form label.error {
    display: block;
    color: #f90000 !important;
}
.simple_form input[type=number] {
    max-width:45px;
    text-align:center;
}
p#vtip {
    max-width: 600px;
}
label.vtip {
    border-bottom: 1px dashed #000;
    cursor: context-menu;
}
/* Page and Sort */
.save-results {
    float: right;
    position: relative;
    z-index: 1;
}
.dataTables_wrapper .section_wrapper {
    min-height: 0;
}
@media screen and (min-width: 993px){
    .footer {
        letter-spacing: .025rem;
    }
}
@media screen and (min-width: 641px){
    .footer .copy div {
        display: inline;
        padding-right: 2px;
    }
}

/* Media Queries */
@media only screen and (max-width: 1300px) {
    .training-events .training-event-associations {
        right:1px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 1200px) {
    .dashboard-section.row .training-events.col.s12.m6.l3 {
        width: 50%;
        padding-bottom:1.5rem;
    }
    .training-events .training-event-associations {
        right:5px;
    }
    .top-right-nav li:first-child {
        display:none;
    }
}
@media only screen and (max-width: 1080px) {
    .dashboard-section .training-events .training-wrapper {
        min-height: 250px;
    }
    .dashboard-section .training-events .training-event-associations {
        padding: 10px 15px;
    }

    .main-hidden-nav .right-content-wrap {
        padding: 0;
    }
    .main-hidden-nav .header-wrapper {
        padding: 75px 0 0 0;
    }

    .main-hidden-nav #main, .header-content,
    .main-hidden-nav .header-content {
        padding: 0;
    }
    h1.logo-wrapper-cn {
        margin-left: 4rem;
        background-size: 375px;
        background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/543/business-center-logo-home-1.png') !important;
    }
    h1.logo-wrapper-cngo,
    h1.logo-wrapper-wr,
    h1.logo-wrapper-hg,
    h1.logo-wrapper-hpm {
        margin-left:6rem;
    }
    #show-nav {
        color: #616161 !important;
    }
    .section-description {
        padding: 1rem 3rem;
    }
    .alternate-header #header .nav-wrapper i {
        color: #f5831e !important;
    }
    .header-wrapper .section-description a {
        color:#fff !important;
    }
    .section-description a, .nav-wrapper span {
        color:#343434 !important;
    }
    .widget-section-widgets section-description a {
        color:#fff !important;
    }
    #header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 310;
        background: #f9f9f9;
        padding: 2.5px 10px;
        -webkit-box-shadow: 0 8px 6px -6px #4c4c4c;
        -moz-box-shadow: 0 8px 6px -6px #4c4c4c;
        box-shadow: 0 4px 8px -6px #4c4c4c;
}
    .section_wrapper {
        padding:1.5rem;
    }
    #header-background-widgets {
        background-position: 59% !important;
        background-size: cover;
        background-blend-mode: hard-light;
    }
    .right-content-wrap {
        padding:0 15px;
    }
    .show-nav section#main, section#main {
        padding:0;
    }
    .section-description {
        max-width:100% !important;
    }
    .header-wrapper {
        padding: 75px 0 0 0;
    }
    .notification-badge {
        display: none;
    }
    .top-right-nav li .mdi-action-stars, .top-right-nav li .mdi-action-assignment {
        left: 0;
    }
    .web-resource .card {
        background-position: center bottom 25px;
    }
}
@media only screen and (min-width: 1060px) and (max-width: 1280px) {
    .dashboard-section .training-events .training-wrapper {
        min-height:250px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
    .dashboard-section .training-events {
        width:49.5%;
    }
        .dashboard-section .training-events:nth-of-type(2) {
        margin-right:0;
    }
    .dashboard-section .training-events:last-child {
        display:none;
    }
}
@media only screen and (max-width: 992px) {
    .body-content-alternate > .row > .section-main-content {
        width: 100%;
    }
    .dashboard-section .training-events-bottom-row {
        margin: 0;
        position: inherit;
        width: 100%;
    }
    .dashboard-section .training-events-bottom-row .training-events-col {
        text-align: left;
    }
    .dashboard-section .training-events .training-event-associations {
        margin-bottom: 30px;
    }

    .body-content-alternate > .row > .section-right-col {
        width: 100%;
        clear: both;
        padding:0;
        border:none;
    }
    .dashboard-section h3 {
        margin:3rem 0 2rem;
    }
    .training-sidebar .training-events {
        margin:0;
    }
    .training-events.col.s12 {
        width: 48%;
        margin: 10px 10px 0 0;
        min-height: 226px;
    }
    #show-nav {
        display:block;
    }
    #left-sidebar-nav .side-nav.fixed {
        left:0;
        top:0 !important;
    }
    .dashboard-section .web-resource {
        margin-left: 1rem;
    }
    .dashboard-section .web-resource.resource-apps {
        padding-left: 0;
    }
    #widget-tutorial-buttons {
        position: inherit;
        top:0;
        text-align: center;
        padding-bottom: 10px;
    }
    #widget-tutorial-buttons li {
        margin: 0 5px 10px;
    }
}

@media only screen and (max-width: 600px) {
    h1.logo-wrapper-cn {
        background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/543/business-center-logo-home-short.png') !important;
        width: 100%;
        background-position: center center;
    }

    h1.logo-wrapper-cngo,
    h1.logo-wrapper-hpm {
        width: 100%;
        background-position: center center;
        margin:0;
    }

    .dashboard-section .web-resource .card {
        background-size: auto 60px;
        background-position: 75% 75%;
    }
    .training-events.col.s12 {
        width:100%;
    }
    .dashboard-section .training-events .training-wrapper {
        min-height: 0;
    }
    .dashboard-section .training-events .training-wrapper h4 {
        margin:0;
    }
    .dashboard-section .training-events {
        width: 99%;
        float: none;
        margin: 2%1%;
    }
    .dashboard-section .web-resource {
        margin: 1% !important;
        width:48% !important;
    }
    .web-resource {
        padding-left:0 !important;
    }
    .training-events.col.s12.m6.l3 {
        padding: 2% 0;
    }
    .dashboard-section h3 {
        margin:10% 0 7%;
        font-size:1.2rem;
    }
    .dashboard-section h3 i {
        font-size: 1.2em;
    }
    a.brand-logo-cn {
        right: 0;
    }
    .brand-logo-cn h1.logo-wrapper-cn {
        background-size: 200px;
        background-image: url('https://cdn.treehouseinternetgroup.com/cms_images/543/business-center-logo-home-short.png') !important;
    }
}

#slide-out .highlighted-side-nav a, #slide-out .highlighted-side-nav a i {
    color: #f5831e;
}

@media only screen and (max-width: 500px) {
    .body-content-alternate .widget-card {
        width:100%;

    }
    .widget-card .widget-card-content {
        width:100%;
        text-align:center;
    }
}

.clickable {
    cursor: pointer;
    user-select: none;
}

.btn {
    user-select: none;
}
