@import url("bootstrap-callouts.css");

.searching-container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    margin-top: -20px;
}

.dash
{
    margin: 0 3px;
    width: 6px;
    height: 3px;
    border-radius: 3px;
    background: #57AE57;
    box-shadow: 0 0 2px 0 #57AE57;
}

.uno
{
    margin-right: -3px;
    transform-origin: center left;
    animation: spin 3s linear infinite;
}

.dos
{
    transform-origin: center right;
    animation: spin2 3s linear infinite;
    animation-delay: .2s;
}

.tres
{
    transform-origin: center right;
    animation: spin3 3s linear infinite;
    animation-delay: .3s;
}

.cuatro
{
    transform-origin: center right;
    animation: spin4 3s linear infinite;
    animation-delay: .4s;
}

@keyframes spin
{
    0%
    {
        transform: rotate(0deg);
    }

    25%
    {
        transform: rotate(360deg);
    }

    30%
    {
        transform: rotate(370deg);
    }

    35%
    {
        transform: rotate(360deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes spin2
{
    0%
    {
        transform: rotate(0deg);
    }

    20%
    {
        transform: rotate(0deg);
    }

    30%
    {
        transform: rotate(-180deg);
    }

    35%
    {
        transform: rotate(-190deg);
    }

    40%
    {
        transform: rotate(-180deg);
    }

    78%
    {
        transform: rotate(-180deg);
    }

    95%
    {
        transform: rotate(-360deg);
    }

    98%
    {
        transform: rotate(-370deg);
    }

    100%
    {
        transform: rotate(-360deg);
    }
}

@keyframes spin3
{
    0%
    {
        transform: rotate(0deg);
    }

    27%
    {
        transform: rotate(0deg);
    }

    40%
    {
        transform: rotate(180deg);
    }

    45%
    {
        transform: rotate(190deg);
    }

    50%
    {
        transform: rotate(180deg);
    }

    62%
    {
        transform: rotate(180deg);
    }

    75%
    {
        transform: rotate(360deg);
    }

    80%
    {
        transform: rotate(370deg);
    }

    85%
    {
        transform: rotate(360deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes spin4
{
    0%
    {
        transform: rotate(0deg);
    }

    38%
    {
        transform: rotate(0deg);
    }

    60%
    {
        transform: rotate(-360deg);
    }

    65%
    {
        transform: rotate(-370deg);
    }

    75%
    {
        transform: rotate(-360deg);
    }

    100%
    {
        transform: rotate(-360deg);
    }
}

body
{
    display: flex;
    flex-direction: column;
    padding-top: 69px;
    width: 100%;
    min-height: 100%;
    flex: 1;
}
body.has-promo-bar
{
    padding-top: 110px;
}
body.has-support-sidebar.has-promo-bar
{
    padding-top: 115px;
}

.body-content { 
    position:relative; 
    flex: 1;
}

html {
    min-height: 100%;
    display:flex;
}

.body-content, .page-content {
    font-size: 13pt;
}

.d-inline-block{
    display: inline-block;
}
.c-pointer{
    cursor: pointer;
}

.border-0{
    border: none;
}
.border{
    border: 1px solid #DEE2E6;
}
.border-left{
    border-left: 1px solid #DEE2E6;
}
.border-right{
    border-right: 1px solid #DEE2E6;
}

.border-bottom{
    border-bottom: 1px solid #DEE2E6;
}
.bordered-grid{
    display: flex;
    flex-wrap: nowrap;
}
.bordered-grid > div{
    flex-grow: 1;
    flex-basis: 0;
    border: 1px solid #DEE2E6;
    padding: 20px;
}
.bordered-grid > div + div{
    border-left: none;
}
.bordered-grid h4{
    margin: 8px 0 16px;
}
.bordered-grid ul{
    font-size: 16px;
}
.rounded-circle
{
    border-radius: 50%;
}
.popover
{
    word-break: break-word;
}
@media (max-width: 767px)
{
    .bordered-grid{
        flex-direction: column;
    }
    .bordered-grid > div + div{
        border: 1px solid #DEE2E6;
        border-top: none;
    }
}
.p-2{
    padding: 0.25rem;
}
.p-3
{
    padding: 1rem;
}
.pb-3{
    padding-bottom: 1rem;
}
.pb-4{
    padding-bottom: 24px;
}
.pt-4
{
    padding-top: 24px !important;
}
.pt-0
{
    padding-top: 0 !important;
}
.mb-1{
    margin-bottom: 6px;
}
.mb-2{
    margin-bottom: 12px;
}
.mb-3{
    margin-bottom: 0.75rem;
}
.mb-4{
    margin-bottom: 24px;
}
.mt-4{
    margin-top: 24px;
}
.mb-0{
    margin-bottom: 0;
}
.mt-0{
    margin-top: 0;
}
.mt-2
{
    margin-top: 12px;
}
.me-2
{
    margin-right: 12px;
}
.me-3
{
    margin-right: 1rem;
}
.me-4
{
    margin-right: 24px;
}
.rounded-2
{
    border-radius: 8px;
}
.rounded-circle
{
    border-radius: 50%;
}
.me-auto
{
    margin-left: auto;
}

.ms-auto
{
    margin-left: auto;
}
.me-auto
{
    margin-right: auto;
}

.text-primary
{
    color: #57AE57;
}
.text-start, .text-start .text-col *
{
    text-align: left !important;
}

.text-start .text-col .text-center *
{
    text-align: center !important;
}
.text-link{
    color: #333;
    text-decoration: underline;
}
.text-body, tr.rejected-vote td.text-body
{
    color: #333;
}
.text-link:hover .text-link:focus, .text-link:active{
    color: #333;
    text-decoration: none;
}
.content-row .fa-youtube
{
    color: #ED0031;
}
.content-row .fa-spotify
{
    color: #1ED760;
}
.content-row .fa-podcast
{
    color: #B13BDA;
}
.content-row a:hover .fa-youtube,
.content-row a:hover .fa-spotify,
.content-row a:hover .fa-podcast
{
    opacity: 0.8;
}
.block-accent
{
    display: block;
    margin: 0px auto;
    padding: 50px;
    background-color: #57AE57;
    border-radius: 30px;
    color: #fff;
    font-size: 21px;
}
.block-accent-small{
    max-width: 700px;
}
label{
    font-weight: 500;
}
.btn{
    transition: all 0.15s ease-in;
}
.btn-custom::before,
.header-container .btn-success::before,
.header-container .btn-outline::before {  
    transform: scaleX(0);
    transform-origin: bottom right;
}

.btn-custom:hover::before,
.header-container .btn-success:hover::before,
.header-container .btn-outline:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.btn-custom::before,
.header-container .btn-success::before,
.header-container .btn-outline::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    inset: 0 0 0 0;
    background: hsl(210 16% 93%);
    z-index: -1;
    transition: transform .3s ease;
    border-radius: 4px;
}
.btn-custom::after,
.header-container .btn-success::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    inset: 0 0 0 0;
    background: hsl(0 0% 100%);
    z-index: -2;
    border-radius: 4px;
}

.btn-custom.btn-lg::before, .btn-custom.btn-lg:hover::before, .btn-custom.btn-lg::after{
    border-radius: 6px;
}

.btn-custom, .header-container .btn-success, .header-container .btn-outline, .header-container .btn-link {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    z-index: 1;
}
/*.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus{
    background-color: #EEF5F5;
    color: #333;
    box-shadow: none;
    outline: none;
}*/
.btn-custom:hover, .btn-default:focus, .btn-custom:active, .btn-custom:active:focus,
.header-container .btn-success:hover, .header-container .btn-success:focus, .header-container .btn-success:active, .header-container .btn-success:active:focus{
    background-color: transparent;
    color: #333;
    border-color: #A4E1E1;
    box-shadow: none;
    outline: none;
}
.header-container .btn-outline{
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
.header-container .btn-outline:hover, .header-container .btn-outline:focus, .header-container .btn-outline:active{
    box-shadow: none;
    outline: none;
    color: #333;
    border-color: #A4E1E1;
}

.content-divider{
    height: 1px;
    padding: 12px 0;
}
.content-divider:before{
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    border-bottom: 4px solid #DEE2E6;
    margin: 0 auto;
}
.dropdown .btn-block + ul.dropdown-menu{
    width: 100%;
}
.dropdown .btn-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#filter-sidenav{
    font-size: 16px;
}
#filter-sidenav .radio-menu{
    padding: 0;
}
#filter-sidenav .radio-menu-item{
    border-bottom: 1px solid #DEE2E6;
    margin: 0;
    padding: 5px;
}
#filter-sidenav .radio-menu-item:last-child{
    border-bottom: none;
}
#filter-sidenav .radio-menu-item label{
    font-weight: normal;
}
#filter-sidenav .radio-menu-item .radio-menu-item{
    font-size: 14px;
}
#filter-sidenav .filter-parent{
    display: block;
    padding: 5px;
    border-bottom: 1px solid #DEE2E6;
}

#filter-sidenav .filter-parent i{
    margin-top: 3px;
}
#filter-sidenav .filter-parent:hover, #filter-sidenav .filter-parent:focus, #filter-sidenav .filter-parent:active{
    text-decoration: none;
}
#filter-sidenav .filter-parent + .radio-menu-item{
    padding: 0;
    background-color: #F8F9FA;
}
#filter-sidenav .filter-parent + .collapse .radio-menu-item:last-child{
    border-bottom: none;
}
.search-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 8px;
}
#search-header .btn-default:focus{
    background-color: hsl(210 16% 93%);
    outline: none;
}
@media (max-width: 767px)
{
    .search-header{
        flex-direction: column;
        align-items: flex-start;
    }
    .search-header .filter-selector{
        margin-bottom: 10px;
    }
    .search-header .btn{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 1px 5px;
        font-size: 12px;
        border-radius: 4px;
        line-height: 1.5;
    }
    .search-header .forum-filter-buttons{
        width: 100%;
    }
    .search-header .dropdown-menu{
        width: 100%;
    }
}
#rezyyai-search
{
    padding-top: 1em;
    border-top: 1px solid #DEE2E6;
    margin-bottom: 1em;
}
#rezzyai-searching
{
    position: relative;
    height: 150px;
    background: #F8F9FA;
    text-align: center;
    border-radius: 1rem;
    font-size: 0.85em;
}
#rezzyai-searching .rezzyai-searching-label
{
    padding-top: 80px;
}
#rezzyai-results
{
    position: relative;
    display:none;
}

    #rezzyai-results:not(.rezzyai-results-collapsed) #expand-rezzyai-results,
    #rezzyai-results:not(.rezzyai-results-collapsed) .show-masking
    {
        display: none;
    }

#rezzyai-results.rezzyai-results-collapsed
{
    height: 150px;
    overflow: hidden;
}

#rezzyai-results.rezzyai-results-collapsed .show-summary
{
    height: 90px;
    overflow: hidden;
    position: relative;
}
.show-summary .show-masking
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.show-summary .rezzyai-summary-footer
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DEE2E6;
    padding-bottom: 10px;
}
.show-summary .rezzyai-summary-info
{
    flex-grow: 1;
}
.show-summary .rezzyai-summary-thumbs a
{
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    margin-left: 6px
}

.first-item-space
{
    padding-top: 30px
}

.contact-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 2px 0;
    background: #444;
    color: #eee;
    z-index: 1000;
}

.contact-container a {
    color: #eee !important;
    margin:0 5px;
}

.header-container {
    background-color: #57AE57;
    z-index: 1080;
    transition: all 0.15s ease-in;
}
body.modal-open .header-container {
    z-index: 1030;
}
body.modal-open .promo-bar
{
    z-index: 1031;
}
.header-container.sticky-top {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top:0
}
.has-promo-bar .header-container
{
    padding-top: 30px;
}
.header-container .btn-success{
    background: #fff;
    border-color: #fff;
    color: #333;
}
.header-container .btn-demo{
    margin-right: 4px;
}
.header-container .btn-link{
    color: #fff;
    margin-right: 4px;
}
.header-container .btn-link:hover, .header-container .btn-link:focus, .header-container .btn-link:active{
    text-decoration: none;
    color: #eee;
}
.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.header-container .navbar-toggle{
    background-color: #fff;
    padding: 6px 12px;
}
.header-container #search-header{
    background-color: #57AE57;
    padding: 4px;
    height: 0px;
    transition: all 0.15s ease-in;
    border-radius: 6px;
    min-height: 45px;
}
.show-search-header .header-container #search-header{
    height: auto;
}
.navbar-fixed-top .navbar {
    margin-bottom: 0;
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0px;
    background: inherit;
    border: none;
}
.header-container .navbar-nav{
    font-family: "Montserrat", sans-serif
}
.navbar-fixed-top .navbar-collapse {
    max-height: 50vh;
}
.navbar-nav > li > a:first-child:last-of-type {
    display: block;
}
.header-container .navbar-nav > li > a{
    color: #fff;
}
.header-container .navbar-nav li a{
    border-radius: 10px;
    font-weight: 500;
}
.navbar-nav > li > a {
    display:inline-block;
    transition: all 0.15s ease-in;
}
    .navbar-nav > li > a:nth-child(2) {
        padding-left: 5px;
        margin-left: -10px;
    }

    .navbar-nav > li > .dropdown-menu {
        min-width: 220px;
        transition: all 0.15s ease-in;
    }

    .navbar-nav > li > .dropdown-menu > .divider {
        height: auto;
        margin: 8px 0 0;
        background-color: transparent;
        color: rgba(255,255,255,0.7);
        font-weight: bold;      
        overflow: hidden;
    }
    .navbar-nav > li > .dropdown-menu > .divider:first-child {
        margin-top: 0;
    }
    .navbar-nav > li > .dropdown-menu > .divider > span,
    .navbar-nav > li > .dropdown-menu > .divider > a {
        padding: 4px 4px 0px 20px;
        display: inline-block;
        font-size: 0.9em;
    }

.navbar-nav .dropdown-menu > .active.divider > a {
    background-color: transparent;
}

/*.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #fff;
    background-color: #51a351;
    background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
}*/

.navbar-collapse > ul {
    float: right !important;
}

.navbar-collapse.collapse.in ul, .navbar-collapse.collapsing ul {
    float: none !important;
}

.navbar-brand.has-brand-image {
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: -10000px
}

.navbar-brand img {
    max-width: 150px;
    max-height: 50px;
    transition: max-height 0.2s ease;
    margin: 0 5px;
    padding: 4px;
    max-height: 50px; 
}
.logo-bright{
    filter: brightness(0) invert(1);
}

.support-header
{
    display: flex;
}
    .support-header .input-group {
        flex: 1 auto;
    }

@media (max-width: 991px) {
    /* Fix for iOS zoom-on-input focus when font-size < 16px */
    .support-header {
        font-size: 16px;
    }

    .support-header .btn {
        font-size: 16px;
    }

    .support-header .form-control {
        font-size: 16px;
        height: 34px;
    }
}

.support-container{
    display: flex;
}

@media (min-width: 1200px) {
    .support-container-no-borders .support-sidebar {
        border: none;
    }
    .support-container-sidebar-right .support-sidebar{
        margin-left: 30px;
        margin-right: 0;
    }
}

.support-sidebar {
    position: relative;
    flex-shrink: 0;
    padding-top: 0;
    border-right: 1px solid #ccc;
    width: 290px;
    height: auto;
    z-index: 1;
    background-color: #fff;
    font-size: 0.85em;
    margin-right: 30px;
    transition: all 0.15s ease-in;
}
.support-pages .support-sidebar-inner
{
    position: sticky;
    top: 85px;
    width: 290px;
    max-height: calc(100vh - 85px);
    overflow-y: auto;
}
.has-support-sidebar.has-promo-bar .support-pages .support-sidebar-inner
{
    max-height: calc(100vh - 110px);
}
.support-pages .support-sidebar-inner
{
    overflow-y: hidden;
}
.has-support-sidebar .support-pages .support-sidebar-inner .support-sidebar-content
{
    max-height: calc(100vh - 86px);
    overflow-y: auto;
}
.has-support-sidebar.has-promo-bar .support-pages .support-sidebar-inner .support-sidebar-content
{
    max-height: calc(100vh - 115px);
}
.has-support-sidebar.has-sticky-top .support-pages .support-sidebar-inner
{
    max-height: calc(100vh - 86px);
}
.has-support-sidebar.has-promo-bar.has-sticky-top .support-pages .support-sidebar-inner
{
    top: 115px;
    max-height: calc(100vh - 115px);
}

.has-support-sidebar.has-promo-bar.has-sticky-top .support-pages .support-sidebar-inner .support-sidebar-content
{
    max-height: calc(100vh - 115px);
    overflow-y: auto;
}

.support-sidebar-no-border
{
    border-right: none;
    border-left: none;
}

.support-sidebar-search
{
    padding: 15px 15px 15px 0;
}

.support-sidebar-search input.search-input
{
    height: auto;
}

.support-sidebar-blog
{
    padding: 0 15px;
    border-top: none;
}

.support-sidebar-content :first-child a
{
    margin-top:0
}

.custom-scrollbar {
    scrollbar-width: 10px;
    scrollbar-color: #ADB7B7;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 10px; 
}
.custom-scrollbar::-webkit-scrollbar-track{
    background: #ADB7B7;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #EEF5F5;
    border-radius: 5px;
    border: 2px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover{
    background: #DCE9E9;
    border: 2px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
}

@media (max-width: 1199px)
{
    /*.offcanvas-stop-scrolling
    {
        height: 100%;
        overflow: hidden;
    }*/

    .support-sidebar
    {
        -webkit-overflow-scrolling: touch;
        width: 0px;
        height: 0px;
        opacity: 0;
        margin-right: 0;
        transition: all 0.15s ease-in;
    }
    .support-sidebar-inner{
        width: 0;
        transition: all 0.15s ease-in;
    }

    .support-sidebar-show
    {
        display: block !important;
        width: 290px;
        height: auto;
        opacity: 1;
        margin-right: 20px;
        /*-webkit-transform: translateX(300px);
        transform: translateX(300px);*/
    }
    .support-sidebar-show .support-sidebar-inner{
        width: 290px;
    }
}

.support-article-container, .break-word{
    word-wrap: break-word;
}

.support-article-container{
    z-index: 2;
}

.support-article-container .breadcrumbs .last-update {
    display: block;
    font-style: italic;
    color: #a1a1a1;
    font-size: 80%;
}

@media (min-width: 676px) {
    .first-item-space {
        padding-top: 60px
    }
}

@media (min-width: 992px)
{
    body
    {
        padding-top: 80px
    }

    .pull-right-md
    {
        float: right;
    }

    .navbar-brand img
    {
        max-width: 200px;
        max-height: 90px;
    }

    .header-container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width:1199px)
{
    body.has-support-sidebar
    {
        padding-top: 123px;
    }
    .has-promo-bar .header-container
    {
        padding-top: 50px;
    }
    .has-promo-bar.has-sticky-top .header-container
    {
        padding-top: 30px;
    }

    body.has-support-sidebar.has-promo-bar
    {
        padding-top: 152px;
    }

    .has-support-sidebar .support-pages .support-sidebar-inner
    {
        max-height: calc(100vh - 124px);
    }

    body.has-support-sidebar.has-promo-bar .support-pages .support-sidebar-inner
    {
        max-height: calc(100vh - 152px);
    }

    body.has-support-sidebar.has-promo-bar.has-sticky-top .support-pages .support-sidebar-inner
    {
        top: 114px;
        max-height: calc(100vh - 114px);
    }

    .has-support-sidebar .support-pages .support-sidebar-inner .support-sidebar-content
    {
        max-height: calc(100vh - 124px);
    }

    .has-support-sidebar.has-sticky-top .support-pages .support-sidebar-inner .support-sidebar-content
    {
        max-height: calc(100vh - 86px);
    }

    body.has-support-sidebar.has-promo-bar.has-sticky-top .support-pages .support-sidebar-inner .support-sidebar-content
    {
        max-height: calc(100vh - 114px);
    }

    body.has-support-sidebar.has-promo-bar .support-pages .support-sidebar-inner .support-sidebar-content
    {
        max-height: calc(100vh - 152px);
    }

    /*.support-header
    {
        margin-top:8px;
        margin-bottom:-10px;
    }*/

    /*.support-sidebar-inner{
        top: 122px;
        max-height: calc(100vh - 122px);
    }*/
}
.site-footer{
    padding: 50px 0;
    background-color: #57AE57;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}
.site-footer h5{
    font-weight: 700;
}
.site-footer .footer-logo{
    width: 200px;
}
.site-footer a{
    color: #fff;
}

.linktarget {
    pointer-events: none;
}

.linktarget:before,
a[name]:before,
a[id]:before,
h1[id]:before,
h2[id]:before,
h3[id]:before,
h4[id]:before,
h5[id]:before,
h6[id]:before,
h1 a[id]:before,
h2 a[id]:before,
h3 a[id]:before,
h4 a[id]:before,
h5 a[id]:before,
h6 a[id]:before {
    display: block;
    content: "";
    height:0;
    width:0;
    margin-top: -90px;
    padding-bottom: 90px;
    visibility: hidden;
    pointer-events: none;
}

h1, .h1, h2, .h2, .font-custom-700{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  line-height: 1.4em;
}

h4, .h4 {
    margin-top:15px;
    font-size: 20px;
}
.modal h5, .modal .h5
{
    font-size: 16px;
    font-weight: bold;
}
.modal .modal-header .modal-title
{
    font-size: 18px;
}
@media (min-width: 768px)
{
    .modal .modal-header .modal-title
    {
        font-size: 21px;
    }
}
.text-lg{
    font-size: 21px;
}

.uploadedVideo
{
    width: 100%;
    border: 1px solid #666
}

.uploadedScreenshot
{
    border: 1px solid #666;
    text-align: center;
    display: block;
    margin: 20px auto;
    max-width: 650px
}

/* Custom Tile Start */
.row-content-tile-custom{
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    flex-wrap: wrap;
}
.content-tile-custom{
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #fff;
    transition: all 0.15s ease-in;
}
.content-tile-custom:hover
{
    border: 1px solid #EEF5F5;
    box-shadow: 0px 8px 16px 0px rgba(78, 149, 153, 0.25);
    text-decoration: none;
}
.content-tile-custom a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.content-tile-custom h3, .content-tile-custom h4
{
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    margin-top: 20px !important;
}
.content-tile-custom p{
    font-size: 16px;
}
.content-tile-custom > *
{
    color: #333;
}
/* Custom Tile End */

/* Homepage Start */

.page-homepage .page-content .content-herorow
{
    max-height: initial;
}

.page-homepage .page-content .content-herorow::before
{
    height: inherit;
    bottom: 0px;
    top: 0px;
}

.page-homepage .page-content .content-simplerow:not(.highlight) + .content-simplerow hr
{
    display: none;
}

.page-homepage h2, .page-homepage .h2
{
    font-size: 38px;
    margin-bottom: 30px;
    line-height: 1.4em;
}

body.has-sticky-top .header-container,
body.has-sticky-top .header-container:has(+div.page-content div.content-herorow)
{
    background: #57AE57;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.page-content .content-herorow
{
    position: relative;
    overflow: hidden;
    background-color: #57AE57;
    background-image: url(../images/bg-banner-contentpage.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 70px 10px;
    color: white;
}

.page-homepage .page-content .content-herorow
{
    background-color: transparent;
    background-image: url(../images/bg-banner-homepage.png);
    background-position: bottom center;
}

.page-homepage .content-herorow img
{
    margin-top: 50px;
    position: relative;
    z-index: 2;
}

.page-homepage .content-herorow h1
{
    font-size: 25pt;
    line-height: 1.4em;
}

.page-homepage .content-herorow h2
{
    line-height: 1.5em;
}

.page-homepage .content-herorow .text-col
{
    position: relative;
    z-index: 3;
}

.page-homepage .content-herorow .image-col:after
{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    width: 500px;
    height: 500px;
    margin-top: -250px;
    margin-left: -150px;
    animation: Morph 8500ms infinite;
    background-color: #7DC67D;
    z-index: 1;
}

@keyframes Morph
{

    0%, 100%
    {
        border-radius: 48% 52% 41% 59% / 71% 66% 34% 29%;
    }

    30%
    {
        border-radius: 34% 66% 70% 30% / 63% 34% 66% 37%;
    }

    60%
    {
        border-radius: 34% 66% 50% 50% / 61% 67% 33% 39%;
    }
}

body.has-sticky-top .header-container .navbar-brand img
{
    max-width: 150px;
}

@media (max-width: 991px)
{
    .page-homepage .page-content .content-herorow .image-col
    {
        left: 45vw;
        opacity: 1;
    }

    .page-homepage .page-content .content-herorow .image-col:after
    {
        left: 100px;
        margin-left: 0;
        margin-top: -100px;
        width: 300px;
        height: 300px;
    }

    .page-homepage .page-content .content-herorow .image-col img
    {
        width: 60%;
        opacity: 0.2;
    }
}

@media only screen and (max-width:767px)
{
    .page-homepage h1, .page-homepage .h1
    {
        font-size: 30px;
    }

    .page-homepage h2, .page-homepage .h2
    {
        font-size: 24px;
    }

    .page-homepage .page-content .content-herorow
    {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .page-homepage .page-content .content-herorow h1
    {
        font-size: 30px;
    }

    .page-homepage .page-content .content-herorow h2
    {
        font-size: 16px;
    }

    .page-homepage .page-content .content-herorow .image-col
    {
        position: relative;
        left: auto;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .page-homepage .page-content .content-herorow .image-col img
    {
        display: inline-block;
        width: 80%;
        opacity: 1;
    }

    .page-homepage .page-content .content-herorow .image-col:after
    {
        display: none;
    }
}

@media only screen and (max-width:400px)
{
    .page-homepage .page-content .content-herorow .text-col
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-homepage .page-content .content-herorow h1
    {
        font-size: 17pt;
    }

    .page-homepage .page-content .content-herorow h2
    {
        font-weight: normal;
    }
}
/* Homepage End */

/* We use <pre> more as a <code> in the support center */
.support-article-content pre {
    white-space: pre;
    word-break: normal;
}
#tinymce pre
{
    overflow: unset;
    white-space: pre-wrap;
}

.support-article-content .anchorlink,
.support-article-content .anchorlink:hover
{
    color: #ccc;
    padding-left: .5em;
    font-size: 60%;
}

.support-article-content .fa,
.support-article-content .fab,
.support-article-content .far,
.support-article-content .fas,
.support-article-content .fal {
    font-size: 125%;
}
.support-article-content .fa-info-circle { font-size: 110%; cursor: pointer; color: #666666; }
.support-article-content .fa-check { color: rgb(0,139,0) }
.support-article-content .fa-times { color: rgb(255,0,0) }
.support-article-content .fa-check .word,
.support-article-content .fa-times .word { display: none; }

.support-header-search .input-group input,
.support-sidebar-search .input-group input { 
    border-right: none; 
}

.support-header-search .input-group .input-group-btn .multiselect.dropdown-toggle.btn,
.support-sidebar-search .input-group .input-group-btn .multiselect.dropdown-toggle.btn {
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.support-header-search input,
.support-sidebar-search input,
.support-header-search .input-group .input-group-btn .multiselect.dropdown-toggle.btn,
.support-sidebar-search .input-group .input-group-btn .multiselect.dropdown-toggle.btn {
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.075);
}

.support-header-search input, .support-header-search input:focus,
.support-header-search .btn, .support-header-search .btn:focus,
.support-header-search .open > .dropdown-toggle.btn-default:focus
{
    border-color: #ccc;
    box-shadow: none;
}
.support-header-search .btn, .support-header-search .btn
{
    height: 34px;
}
.support-header-search .input-group .input-group-btn .multiselect.dropdown-toggle.btn
{
    box-shadow: none;
}

.blog-category
{
    background-color: transparent;
    border: solid 1px #5cb85c;
    color: #5cb85c;
    font-size: 1em;
    padding: 2px 7px 3px 7px;
}

    .blog-category:hover {
        border-color: #449d44;
    }

        .blog-category:hover .badge {
            background-color: white;
            color: #777;
        }

    .blog-category .badge {
        background-color: #5cb85c;
        color: white;
        font-size: 0.8em;
        padding: 2px 7px 1px 7px;
        vertical-align: baseline;
    }

ul.blog-categories {
    margin: 20px 10px;
    padding: 0;
    list-style: none;
}

.blog-categories li { 
    margin: 8px 0; 
}

    .blog-categories .blog-category {
    }


ul.blog-latest-topics {
    margin: 20px 10px;
    padding: 0;
    list-style:none;
}
    ul.blog-latest-topics li {
        margin-bottom: 18px;
    }

    ul.blog-latest-topics a {
        content: "";
        display: table;
        font-weight: 700;
        line-height: 1.3;
        color: inherit;
    }

        ul.blog-latest-topics a > * {
            display: table-cell;
            vertical-align: middle;
        }

    ul.blog-latest-topics .blog-image-thumbnail {
        border-radius: 50%;
        vertical-align: top;
        max-width: 50px;
        height: auto;
        margin-right: 10px;
    }

.support-sidebar-blog h3:nth-of-type(n+2)
{
    margin-top: 30px;
}

.blog-title {
    word-break: break-word;
}

.blog-title .fa-newspaper {
    display:none;
}

.blog-article {
    margin-top: 20px;
    margin-bottom: 40px;
}

    .blog-article:before, .blog-article:after {
        content: " ";
        display: table;
    }

    .blog-article:after {
        clear: both;
    }

    .blog-article h2.blog-title{
        font-size: 24px;
    }

    .blog-article.has-post-thumbnail .blog-image {
        display: table-cell;
        vertical-align: top;
    }

        .blog-article.has-post-thumbnail .blog-image img {
            max-width: 100%;
            height: auto;
        }

    .blog-article.has-post-thumbnail .blog-container {
        display: table-cell;
        vertical-align: top;
        padding-left: 24px;
        width: 72%;
        line-height: 1.7;
        word-break: break-word;
    }

    .blog-article .commentsArea {
    }

    .blog-article .commentsArea h3 {
        font-size: 1em;
        margin: 20px 0 2px;
    }

    .blog-article .commentsArea .commentList {
        margin-bottom: 25px;
    }

    .blog-article .commentsArea .commentList .comment {
        border-top: solid 1px #d3d3d3;
        padding: 15px 0 0 0;
        margin-top: 10px;
        margin-bottom: 15px;
        width: 100%;
    }

        .blog-article .commentsArea .commentList .comment:first-child {
            border-top: 0;
        }

        .blog-article .commentsArea .commentList .comment .date {
            font-size: 0.7em;
            color: #777;
            float: right;
            margin-top: 5px;
        }

        .blog-article .commentsArea .commentList .comment .content .postUserName {
            font-weight: bold;
            margin-bottom: 6px;
        }

        .blog-article .commentsArea .commentList .comment .quote {
            padding: 10px 15px;
            margin: 0 3px 5px 10px;
            border-left: solid 2px #ddd;
            background-color: #f7f7f7;
            color: #777;
            font-size: smaller;
        }
            .blog-article .commentsArea .commentList .comment .quote .by {
                font-style: italic;
            }

.blog-article-content {
    word-break: break-word;
    line-height: 1.7;
}
    .blog-article-content p:first-child{
        font-size: 1.4em;
        line-height: 1.5;
    }

@media screen and (max-width: 500px)
{
    .blog-article.has-post-thumbnail .blog-image {
        display: none;
    }
    .blog-article.has-post-thumbnail .blog-container {
        padding-left: 0;
    }
    .blog-title .fa-newspaper {
        display: inline;
    }
}


/* Single blog post */
/****************************/
.blog-header-wrap {
    margin-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    min-height: 550px;
    width: 100%;
}

    .blog-header-wrap .blog-category {
        border-color: white;
        color: white;
        display: inline-block;
        margin-bottom: 5px;
    }
        .blog-header-wrap .blog-category:hover {
            background-color: white;
            color: #999;
        }

    .blog-header-wrap:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(left, #0d232c 41%,rgba(8,29,40,.23) 100%);
        background: -webkit-linear-gradient(left, #0d232c 41%,rgba(8,29,40,.23) 100%);
        background: linear-gradient(to right, #0d232c 41%,rgba(8,29,40,.23) 100%);
        background-image: linear-gradient(to right, #0d232c 41%, rgba(8, 29, 40, 0.23) 100%);
        background-position-x: initial;
        background-position-y: initial;
        background-size: initial;
        background-repeat: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d232c', endColorstr='#081d28', GradientType=1);
        opacity: .28;
    }

    .blog-header-wrap header {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 80px;
        /*padding-bottom: 50px;
        padding-top: 70px;*/
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

.blog-header-container {
    margin: 0 35px;
}

    .blog-header-container .blog-title {
        line-height: 1.3;
        color: #fff;
        margin-bottom:36px;
        font-weight: 700;
        font-size: 5rem;
    }

    .blog-header-container .blog-meta {
        color: #fff;
        line-height: 18px;
        padding-left: 0;
        margin-left: 0;
    }
        .blog-header-container .blog-meta a {
            color: white;
        }

    .blog-header-container .blog-subnav {
        display: flex;
        font-size: 12px;
        flex-wrap: wrap;
        margin-top: -10px;
        margin-left: -10px;
        padding: 0;
        list-style: none;
    }
        .blog-header-container .blog-subnav li {
            padding-left: 10px;
            margin-top: 10px;
            position: relative;
            font-size: 1.4em;
        }

    .blog-header-container .blog-subnav li:nth-child(n+2):before {
        content: "";
        margin-right: 10px;
        border-left: 1px solid #EDEDED;
    }

@media (max-width: 1199px) {
    .blog-header-wrap {
        margin-top: -50px;
    }

    .blog-header-container .blog-title {
        font-size: 4rem;
    }
}

@media (max-width: 768px) {
    .blog-header-wrap.blog-page-header
    {
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: 30px;
        width: calc(100% + 31px);
        min-height: 450px;
    }
    .blog-header-wrap header
    {
        position: relative;
        bottom: auto;
        padding-bottom: 60px;
        padding-top: 105px;
    }
    .support-article-content img
    {
        max-width: 100% !important;
        height: auto !important;
    }
}

.blog-syndication {
    padding: 0 10px;
}
    .blog-syndication .links {
        list-style: none;
        margin: 0; 
        padding: 0;
    }
        .blog-syndication .links a .fas,
        .blog-syndication .links a .fa-brands,
        .blog-syndication .links a .fab {
            margin-right: 7px;
        }


.search-container {
    margin-top:30px;
}

    .search-container form {
        padding: 0;
        margin: 0;
        display:flex;
    }

        .search-container form input {
            flex: 1 auto;
        }

        .search-container form select {
            width: 100px;
            margin: 0 5px;
        }

.search-results {
    margin: 0;
    padding: 0;
}
    .search-results .search-result {
        clear: both;
        list-style: none;
        display: flex;
        margin-bottom: 20px;
    }
        .search-results .search-result > div {
            margin-top:8px;
            width:100%;
        }
        .search-results .search-result .link {
            font-size: 1.2em;
        }
        .search-results .search-result .icon {
            width: 70px;
            margin-right: 30px;
            text-align: center;
            color: #57ae57;
            font-size: 400%;
        }

        .search-results .search-result .last-update {
            margin-top: 10px;
            color: #a1a1a1;
            font-size: 12px
        }

        @media (max-width: 767px) {
            .search-results .search-result .link .align-left-sm {
                float: left;
                width: 100%;
            }
            .search-results .breadcrumbs
            {
                font-size: 0.875rem;
            }
        }

        @media (min-width: 768px) {
            .search-results .search-result .link .align-right-md {
                float: right;
                width: fit-content;
            }
        }

@media (max-width: 620px) {
    .search-results .search-result .icon {
        font-size: 300%;
        width: 50px;
    }
}

#search-header {
    margin-top: 10px;
    margin-bottom: -10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.has-support-sidebar #search-header {
        display: block !important;
    }
    body.has-support-sidebar .nav .hide-if-support-sidebar {
        display: none;
    }
}

@media (max-width: 991px) {
    #search-header {
        margin-top: 0;
        margin-bottom: 0;
    }

    body.has-search-header {
        padding-top: 85px;
    }

    body.has-support-sidebar #search-header {
        display: block !important;
        height: 44px !important;
    }
}

.hidden-sm-xs-support-search {
    display: none;
}

@media (min-width: 992px) {
    body.has-search-header {
        padding-top: 127px;
    }

    form.support-header-search .hidden-sm-xs-support-search {
        display: inline-block;
    }
}

.sticky-top #search-header {
    margin-top: 0;
    margin-bottom: 0;
}

#search-header form {
    overflow:visible;
}

/*.content-herorow:before {
    content: '';
    position: absolute;
    right: -15px;
    left: -15px;
    height: 520px;
    top: -70px;
    background: -moz-linear-gradient(#364247 41%,rgba(8,29,40,.23) 100%);
    background: -webkit-linear-gradient(#364247 41%,rgba(8,29,40,.23) 100%);
    background: linear-gradient(#364247 41%,rgba(8,29,40,.23) 100%);
    background-image: linear-gradient(#364247 41%, rgba(8, 29, 40, 0.23) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d232c', endColorstr='#081d28', GradientType=1);
    opacity: .28;
}*/

.content-herorow .container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.content-herorow a:not(.btn) {
    color: white;
}

.content-herorow .hero-buttons {
    margin-top: 40px;
    display: flex;
}

.content-herorow .btn + .show-video {
    margin-left: 15px;
}

.content-herorow .show-video {
    display: flex;
    align-content: center;
    padding: 10px 16px;
}

    .content-herorow .show-video:hover,
    .content-herorow .show-video:active,
    .content-herorow .show-video:focus {
        text-decoration: none;
    }

        .content-herorow .show-video:hover .fas,
        .content-herorow .show-video:active .fas,
        .content-herorow .show-video:focus .fas {
            display: inline;
        }

        .content-herorow .show-video:hover .far,
        .content-herorow .show-video:active .far,
        .content-herorow .show-video:focus .far {
            display: none;
        }

    .content-herorow .show-video i {
        font-size: 150%;
        margin-left: 5px;
    }

    .content-herorow .show-video .fas {
        display: none;
    }

.content-herorow .image-col {
    margin-top: -20px;
    padding-left: 80px;
}

@media (min-width: 992px) {
    .content-herorow .text-col {
        padding-left: 0;
    }
}

@media (max-width: 991px) {
    .content-herorow .text-col {
        z-index: 100;
        text-align: center;
    }

    .content-herorow .hero-buttons {
        justify-content: center;
    }

    .content-herorow .image-col {
        position: absolute;
        left: 60vw;
        opacity: 0.2;
    }
}

.page-content {
}
    .page-content .content-row,
    .page-content .content-tile {
        background-position: center;
        background-size: cover;
    }
    .page-content .content-podcastindex .podcast-index-hero {
        background-color: #57AE57;
        background-image: url(../images/bg-banner-podcast.png);
        background-position: bottom center;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 60px 0 80px;
        color: #fff;
        position: relative;
    }
    .page-content .content-podcastindex .podcast-audio-iframe,
    body.page-podcast-content .page-content .podcast-audio-iframe {
        width: 100%;
    }
    .page-content .content-podcastindex .podcast-listen-icons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
    .page-content .content-podcastindex .podcast-listen-icon {
        text-decoration: none;
    }
    .page-content .content-podcastindex .podcast-listen-icon:hover {
        opacity: 0.8;
    }
    body.page-podcast-content .page-content .content-herorow {
        background-image: url(../images/bg-banner-podcast.png);
        background-position: bottom center;
        background-size: contain;
        padding-bottom: 120px;
    }
    @media (min-width: 767px) and (max-width: 991px)
    {
        .page-content .podcast-about-card .podcast-about-logo
        {
            max-width: 400px;
        }
    }
    @media (min-width: 992px) {
        .page-content .content-podcastindex .podcast-index-hero
        {
            padding: 60px 0 140px;
        }
    }
    @media (max-width: 991px)
    {
        .page-content .content-podcastindex .podcast-index-hero
        {
            text-align: center;
        }
        .page-content .content-podcastindex .podcast-index-hero .podcast-hero-graphic img
        {
            margin-left: auto;
            margin-right: auto;
        }
        .page-content .podcast-about img
        {
            margin-bottom: 2rem;
        }
    }

    body .page-content .content-emphasis,
    body.page-podcast-content .page-content .ownerrez-tinymce-video {
        background: #fff;
        border: 1px solid #DEE2E6;
        border-radius: 16px;
        padding: 20px;
        box-shadow: 16px 16px 0px rgba(87, 174, 87, 0.5);
    }
    body.page-podcast-content .page-content .podcast-content-wrapper.content-emphasis {
        background: #fff;
        border: none;
        border-radius: 16px;
        padding: 0;
        box-shadow: none;
    }
    body.page-podcast-content .page-content .ownerrez-tinymce-video {
        margin-bottom: 40px;
    }
    .podcast-listen-on.listen-on-inline{
        display: flex;
        align-items: center;
    }

    .page-content .ownerrez-tinymce-video {
        position: relative;
    }
    .page-content .ownerrez-tinymce-video .video-overlay-shim {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        pointer-events: none;
    }

    .page-content .content-podcastindex .podcast-tiles.content-tiles {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile {
        border-radius: 16px;
        padding: 12px !important;
        border: 1px solid #DEE2E6;
        display: flex;
        cursor: pointer;
        color: #333;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile:hover {
        background: #f5f5f5;
        color: #333;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .content-image {
        flex-shrink: 0;
        padding-top: 0;
        width: 160px;
        min-height: 160px;
        background: #f5f5f5 center/cover;
        border-radius: 8px;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .content-image img {
        position: relative;
        width: 160px;
        height: 160px;
        object-fit: cover;
        border-radius: 8px;
        max-width: 100%;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .content-image .podcast-placeholder {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 160px;
        height: 160px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #f5f5f5;
        border-radius: 8px;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile:hover .content-image .podcast-placeholder
    {
        background: #fff;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .podcast-content {
        flex-grow: 1;
        margin-left: 20px;
        text-align: left;
        padding: 0;
    }
    .page-content .content-podcastindex .podcast-meta {
        display: flex;
        justify-content: space-between;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile h4.podcast-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .podcast-tile-graphic {
        width: 150px;
        margin-top: 8px;
    }
    @media (max-width: 991px) {
        .page-content .content-podcastindex .podcast-tiles.content-tiles {
            grid-template-columns: 1fr;
        }
        .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile {
            padding: 8px !important;
        }
        .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .podcast-content {
            margin-left: 12px;
        }
        .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .content-image,
        .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .content-image img {
            width: 90px;
            height: 90px;
            min-height: 90px;
        }
        .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .content-image .podcast-placeholder {
            width: 90px;
            height: 90px;
        }
        .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile .podcast-tile-graphic {
            width: 70px;
        }
    }
    @media (min-width: 992px) {
        .page-content .content-podcastindex .podcast-tiles.content-tiles .content-podcast-tile {
            height: 186px;
        }
    }

    .page-content .content-herorow {
        position: relative;
        overflow: hidden;
        padding: 70px 10px 70px;
        background-color: #57AE57;
        color: white;
    }
        /*.page-content .content-herorow:before {
            content: '';
            position: absolute;
            right: -15px;
            left: -15px;
            height: 520px;
            top: -70px;
            background: -moz-linear-gradient(#364247 41%,rgba(8,29,40,.23) 100%);
            background: -webkit-linear-gradient(#364247 41%,rgba(8,29,40,.23) 100%);
            background: linear-gradient(#364247 41%,rgba(8,29,40,.23) 100%);
            background-image: linear-gradient(#364247 41%, rgba(8, 29, 40, 0.23) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d232c', endColorstr='#081d28', GradientType=1);
            opacity: .28;
        }*/

        .page-content .content-herorow .container {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
        }
        .page-content .content-herorow a:not(.btn) {
            color: white;
        }
        .page-content .content-herorow .hero-buttons {
            margin-top: 40px;
            display:flex;
        }
        .page-content .content-herorow .btn + .show-video {
            margin-left: 15px;
        }
        .page-content .content-herorow .show-video {
            display: flex;
            align-content: center;
            padding: 10px 16px;
        }
            .page-content .content-herorow .show-video:hover,
            .page-content .content-herorow .show-video:active,
            .page-content .content-herorow .show-video:focus {
                text-decoration: none;
            }
                .page-content .content-herorow .show-video:hover .fas,
                .page-content .content-herorow .show-video:active .fas,
                .page-content .content-herorow .show-video:focus .fas {
                    display: inline;
                }
                .page-content .content-herorow .show-video:hover .far,
                .page-content .content-herorow .show-video:active .far,
                .page-content .content-herorow .show-video:focus .far {
                    display: none;
                }
            .page-content .content-herorow .show-video i {
                font-size: 150%;
                margin-left: 5px;
            }
            .page-content .content-herorow .show-video .fas {
                display:none;
            }
        .page-content .content-herorow .image-col {
            margin-top: -20px;
            padding-left: 80px;
        }

        @media (min-width: 992px) {
            .page-content .content-herorow .text-col {
                padding-left: 0;
            }
        }

        @media (max-width: 991px) {
            .page-content .content-herorow .text-col {
                z-index: 100;
                text-align:center;
            }
            .page-content .content-herorow .hero-buttons {
                justify-content: center;
            }
            .page-content .content-herorow .image-col {
                position: absolute;
                left: 60vw;
                opacity: 0.2;
                width: 80%;
            }
        }

    .page-content .content-simplerow {
        padding: 60px 0px;
    }
        .page-content .content-simplerow.highlight {
            background-color: #EEF5F5;
        }
        .page-content .content-simplerow h3 {
            margin-top: 0;
        }
        .page-content .content-simplerow hr {
            margin-top: -60px;
            margin-bottom: 60px;
            border-color: #ddd;
            width: 100%;
            display: none;
        }
        .page-content .content-simplerow:not(.highlight) + .content-simplerow hr {
            display: block;
        }
        .page-content .content-simplerow .container {
            display: flex;
            flex-wrap:wrap;
            align-content: center;
        }
        .page-content .content-simplerow .image-col {
            text-align: center;
        }
            .page-content .content-simplerow .image-col img {
                max-width: 80%;
                max-height: 250px;
            }
        .page-content .content-simplerow .text-col {
            margin:auto;
        }
        .page-content .content-simplerow .text-col.col-xs-12 {
            text-align: center;
        }
        .page-content .content-simplerow .btn {
            margin-top: 20px;
        }

    .page-content .content-tiles {
        margin-top: 15px;
        font-size: 0.9em;
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: center;
    }
        .page-content .content-tiles img {
            max-height: 160px;
            max-width: 90%;
            margin-bottom: 12px;
        }
        .page-content .content-tiles h4 {
            font-weight: bold;
            font-size: 1.05em;
        }
        .page-content .content-tiles .content-tile {
            text-align: center;
            padding: 15px;
        }

        .page-content .content-tiles .content-buttontile-container {
            border: solid 1px #e4eaef;
            background-color: #fbfcfd;
            padding: 15px;
            height: 100%;
        }

        @media (max-width: 991px) {
            .page-content .content-tiles img {
                max-width: 100%;
            }
            .page-content .content-tiles .content-tile {
                padding: 15px 7px;
            }
        }

    .page-content .content-reviewsrow {
        background-color: #EEF5F5;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
        overflow: auto;
    }
        .page-content .content-reviewsrow .row {
            position:relative;
            height: 280px;
            overflow: hidden;
        }
        .page-content .content-reviewsrow .review-set {
            position: absolute;
            top: 0;
            left: 100%;
            display:none;
            width: 95%;
        }
            .page-content .content-reviewsrow .review-set:first-of-type {
                left: 27px;
                display: block;
            }
        .page-content .content-reviewsrow .review-button {
            height: 280px;
            width: 26px;
            padding-top: 120px;
            font-size: 150%;
            color: #333;
            position: absolute;
            z-index: 100;
            transition: all 0.15s ease-in;
        }
            .page-content .content-reviewsrow .review-button:hover {
                color: #999;
                cursor: pointer;
            }
            .page-content .content-reviewsrow .review-button.review-previous {
                left: 5px;
            }
            .page-content .content-reviewsrow .review-button.review-previous:hover {
                transform: translate(-5px, 0);
            }
            .page-content .content-reviewsrow .review-button.review-next {
                right: 5px;
            }
            .page-content .content-reviewsrow .review-button.review-next:hover {
                transform: translate(5px, 0);
            }
        .page-content .content-reviewsrow h4 {
            margin-top: 35px;
        }
        .page-content .content-reviewsrow .review-tile {
            text-align: left;
            margin-bottom: 20px;
        }
            .page-content .content-reviewsrow .review-tile .review-content {
                padding: 10px;
                overflow: auto;
                color: black;
                text-decoration: none;
                display: block;
                border-radius: 8px;
                background-color: #fff;
                position: relative;
            }
            .page-content .content-reviewsrow .review-tile h4 {
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .page-content .content-reviewsrow .review-tile .review-body {
                clear: both;
                height: 168px;
                overflow: hidden;
                margin-bottom: 12px;
            }
                .page-content .content-reviewsrow .review-tile .review-body h4 {
                    margin-top: 10px;
                }
            .page-content .content-reviewsrow .review-tile .review-ago {
                font-size: 85%;
                color: #777;
                margin-top: 3px;
                float: right;
            }
            .page-content .content-reviewsrow .review-tile .review-recommended {
                font-size: 85%;
                color: #777;
                padding-top: 3px;
                display: inline-block;
            }
            .page-content .content-reviewsrow .review-tile .review-content i.fa-arrow-up-right{
                position: absolute;
                bottom: 10px;
                right: 10px;
                color: #11B8C3;
            }
        @media (min-width: 992px) and (max-width: 1199px) {
            .page-content .content-reviewsrow .review-tile .review-body {
                height: 170px;
            }
        }
        @media (max-width: 991px) {
            .page-content .content-reviewsrow .row {
                height: 490px;
            }
            .page-content .content-reviewsrow .review-button {
                padding-top: 219px;
            }
            .page-content .content-reviewsrow .review-set:first-of-type {
                left: 17px;
            }
            .page-content .content-reviewsrow .review-tile .review-body {
                height: 145px;
            }
        }
        @media (max-width: 767px) {
            html, body{
                font-size: 16px;
            }
            .body-content, .page-content {
                font-size: 1rem;
            }
            .page-content .content-reviewsrow .row {
                height: auto;
            }
            .page-content .content-reviewsrow .review-set {
                position: relative;
            }
            .page-content .content-reviewsrow .review-tile .review-body {
                height: 135px;
            }
        }

.video-poster {
    position: relative;
    display: flex;
    justify-content: center;
}
    .video-poster .play-image {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -25px;
        width: 50px;
        height: 50px;
        opacity: 0.55;
        background-image: url(../images/play-circle-solid-white.png);
        background-size: contain;
    }

    a:hover .play-image,
    a:active .play-image,
    a:focus .play-image,
    a:hover .poster-description,
    a:active .poster-description,
    a:focus .poster-description {
        opacity: 0.9;
    }

    .video-poster .poster-image,
    .video-poster .poster-image img {
        width: auto;
        max-height: 100%;
        max-width: 100%;
        min-height: 126px;
        display: block;
    }
    .video-poster:before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(rgba(8,29,40,.23) 41%, #364247 100%);
        background: -webkit-linear-gradient(rgba(8,29,40,.23) 41%, #364247 100%);
        background: linear-gradient(rgba(8,29,40,.23) 41%, #364247 100%);
        background-image: linear-gradient(rgba(8, 29, 40, 0.23) 41%, #364247 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#081d28', endColorstr='#0d232c', GradientType=1);
        opacity: .20;
    }
    .video-poster .duration {
        background-color: #000;
        color: #fff;
        opacity: 0.6;
        padding: 0 3px;
        position: absolute;
        right:0;
        bottom:0;
    }

.support-article-content .jumbotron {
    border-radius: 0;
    padding: 45px 35px;
}

a.media-video {
    color: #000;
    display: block;
}
    a.media-video:hover,
    a.media-video:active,
    a.media-video:focus {
        text-decoration: none;
    }
    a.media-video h3 {
        margin-top: 3px;
    }
    a.media-video .media-left {
        padding-right: 30px;
    }
    a.media-video .video-poster .poster-image,
    a.media-video .video-poster .poster-image img{
        width: 375px;
    }

.thumbnail-video {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 10px;
    overflow: hidden;
    position:relative;
}
    a.thumbnail-video:hover,
    a.thumbnail-video:active,
    a.thumbnail-video:focus {
        border-color: #999;
        text-decoration: none;
    }

    .thumbnail-video.dated {
        height: 230px;
    }

    .thumbnail-video .thumbnail-date {
        font-size: 0.7em;
        text-align: center;
        padding: 3px 0;
        background-color: #efefef;
        color: #666;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
    }

@media (min-width: 768px)
{
    .row-video
    {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 1rem;
    }

    .row-video .thumbnail-video
    {
        width: auto;
        margin-right: 0;
    }
}

@media (max-width: 767px)
{
    .media .video-poster {
        width: 200px;
    }
    .thumbnail-video {
        width: 200px;
    }
}

@media (max-width: 550px) {
    a.media-video .media-left, 
    a.media-video .media-body, 
    a.media-video .media-right {
        display:block;
        width: auto;
    }
        a.media-video .media-left {
            padding-right: 0;
        }
        a.media-video .media-body {
            padding-top: 10px;
        }
    .media .video-poster {
        min-width: 100%;
    }
    .support-article-content .jumbotron {
        padding: 30px 15px;
    }
}

.guides-container .thumbnail .caption h3
{
    margin-top: 5px;
    font-size: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.guides-container .thumbnail .caption p
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.guides-container .thumbnail:hover .caption p
{
    text-decoration: none;
}

.content-videotile .thumbnail
{
    border: 0;
    padding: 0;
    width: auto;
    height: auto;
    margin: 0;
}

.content-videotile .poster-description {
    position: absolute;
    top: 25%;
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.55;
}
    .content-videotile .poster-description + .play-image {
        top: 65%;
    }

@media screen and (max-width: 767px) {
    .table-responsive > .table > thead > tr > th, 
    .table-responsive > .table > tbody > tr > th, 
    .table-responsive > .table > tfoot > tr > th, 
    .table-responsive > .table > thead > tr > td, 
    .table-responsive > .table > tbody > tr > td, 
    .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }
}

#auto-carousel-modal {
    padding-right: 0 !important; /* I have no idea where the padding is getting added... some js I think */
    text-align: center;
}
    #auto-carousel-modal .modal-dialog {
        max-width: 95vw;
        max-height: 95vh;
        min-width: fit-content;
        width: fit-content;
        overflow: hidden;
        top: 50%;
        transform: translate(0, -50%);
        margin: 0 auto;
    }
    #auto-carousel-modal .modal-body {
        height: 100%;
    }
    @media (max-width: 767px) {
        #auto-carousel-modal .modal-dialog {
            width: 95%;
        }
    }
    #auto-carousel-modal .auto-carousel-footer {
        background-color: #000000aa;
        color: white;
        width: 100%;
        padding: 20px;
        text-align: center;
    }
        #auto-carousel-modal .auto-carousel-footer p {
            white-space: pre-wrap;
        }
        #auto-carousel-modal .auto-carousel-footer p:empty {
            display: none;
        }
    #auto-carousel-modal img {
        opacity: 0;
        display: none;
        max-width: 100%;
    }
        #auto-carousel-modal img.focused {
            opacity: 1;
            display: inline;
            max-height: calc(95vh - 8em);
        }
    #auto-carousel-modal .auto-carousel-controls {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #auto-carousel-modal .auto-carousel-prev,
    #auto-carousel-modal .auto-carousel-next {
        padding: 0 15px;
        color: white;
        font-size: 140%;
        padding-top: 2px;
    }
        #auto-carousel-modal .auto-carousel-prev.disabled,
        #auto-carousel-modal .auto-carousel-next.disabled {
            color: #777;
            cursor: default;
        }

.modal-backdrop.in {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.app-version {
    text-align: center;
    color: #aaa;
    margin: 10px 0;
}

.review {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}
.support-article-wrapper .review{
    display: flex;
}

.review-stars {
    color: #F0AD4E;
}

.review-byline {
    width: 200px;
    flex-grow: 0;
    flex-shrink: 0;
}
    .review-byline .review-rating {
        text-decoration: none;
        display: inline-block;
        margin-bottom: 0;
    }

    .review-byline ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .review-byline ul li {
            font-size: 0.9em;
        }

    .review-byline h3 {
        margin-top: 10px;
    }

        .review-byline h3:first-child {
            margin-top: 25px;
        }

    .review-byline a:hover {
        text-decoration: none;
    }

        .review-byline a:hover h3 {
            text-decoration: underline;
        }
.review-source-wrapper{
    padding: 6px;
    background: #fff;
    border-radius: 15px;
    margin: 0 4px;
}
img.review-source {
    max-height: 20px;
}

.review-container {
    padding-left: 24px;
}

.review h4 {
    font-weight: bold;
}

#reviews-filter ul {
    margin-bottom: 15px;
    padding: 0 5px;
    list-style: none;
}
    #reviews-filter ul label {
        font-weight: normal;
    }

.review-content.truncate .review-body {
    height: 300px;
    overflow-y: hidden;
}

.review-content .read-more {
    display: none;
}
.review-content.truncate .read-more {
    display: block;
}

@media (max-width: 766px) {
    .support-article-wrapper .review{
        display: block;
    }
    .review-byline,
    .review-container {
        display: block;
        margin: 20px 0;
        padding: 0 5px;
        width: 100%;
    }

    .review-byline-list li { 
        display:inline-block;
    }
}

.content-demorow img,
.content-webinarrow img
{
    max-width: 185px;
}
.bordered-item
{
    padding: 16px;
    margin-bottom: 16px;
    border:1px solid #DEE2E6;
}
.bordered-item h3
{
    margin: 0;
}
.bordered-item h4
{
    font-size: 1em;
}
.bordered-item .small
{
    font-size: 0.9em;
}
.bordered-item-header > *
{
    vertical-align: middle;
}
.row.display-flex
{
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.justify-center{
    justify-content: center;
}

.content-contactrow {
    padding-top: 70px;
    padding-bottom: 70px;
}
.demo-content-wrapper > div
{
    padding-top: 70px;
    padding-bottom: 70px;
}
.demo-content-wrapper > div:nth-child(2)
{
    background-color: #fff;
}

textarea {
    resize: vertical;
}

.highlight {
    background-color: #ffffcb;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}


.forums-container .user-detail {
    margin-bottom: 20px;
    padding-top: 20px;
    overflow: auto;
}

.forums-container .user-detail h1 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.forums-container .user-avatar {
    margin: 0;
    padding: 0;
    border-radius: 50%;
    border: solid 2px #ddd;
}

.forums-container .forum-agent-avatar {
    background-color: #58ae57;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.forums-container .user-avatar-container {
    position: relative;
    margin-right: 15px;
}
    .forums-container .user-avatar-container .user-avatar-delete {
        font-size: 0.90em;
        background-color: #777;
        color: #ddd;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 1px;
        top: 1px;
        padding: 4px 8px;
    }
        .forums-container .user-avatar-container .user-avatar-delete:hover {
            transition: all 0.1s linear;
            color: #eee;
            background-color: #333;
        }

    .forums-container .user-avatar-container .user-avatar-delete {
        right: 1px;
        top: 1px;
        width: 29px;
        height: 29px;
        padding: 4px 8px;
    }



        .forums-container .profile-edit-link {
        display: inline-block;
        margin-left: 4px;
        color: #888;
        font-size: 0.6em;
        text-decoration: none;
        transition: all 0.1s linear;
    }
    
    .forums-container .profile-edit-link:hover {
        color: #555;
        text-decoration: none;
    }
    
    .forums-container .profile-edit-link i {
        font-size: 1em;
        vertical-align: text-top;
    }

.forums-container .forum-table td {
    vertical-align: middle;
}
.forums-container .topic-table td {
    vertical-align: middle;
}
.forums-container .topic-title {
    word-break: break-word;
}
.forums-container .topic-title .label {
    margin-right: 3px;
}
.forums-container .topic-title .topic-title-badge
{
    font-size: 1.2rem;
    padding: 10px;
    text-decoration: none;
}
.forums-container .label
{
    display: inline-block;
}

.forums-container .topic-table tr.pinned {
    background-color: #c6e1f9;
}

.forums-container .feature-header {
    background-color: #fffff5;
    border: solid 1px #d9c91b;
    color: black;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.forums-container .feature-header .feature-status
{
    margin-left: auto;
}
.forums-container .feature-header .feature-detail
{
    flex-grow: 1;
}
.forums-container .topic-buttons
{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.forums-container .topic-buttons > .form-inline
{
    flex-grow: 1;
    text-align: right;
}
.forums-container .topic-buttons > .form-inline .form-group
{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.forums-container .feature-votes
{
    font-size: 100%;
    margin: 0 18px;
    float: right;
}
.forums-container .feature-status
{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    vertical-align: middle;
}
.forums-container .feature-status > div
{
    display: inline-block;
    vertical-align: middle;
}
.forums-container .feature-status .admin-only-block
{
    margin-right: 4px;
    font-size: 12px;
    padding: 3px;
    border-radius: 0.25em;
}
.forums-container .feature-status .status-label
{
    order: 2;
}

.forums-container .topic-watch-active
{
    padding: 6px;
    font-size: 0.8em;
}

@media (min-width: 768px)
{
    .forums-container .topic-watch-active
    {
        margin-right: 5px;
    }

}

@media (max-width: 991px)
{
    .forums-container .feature-status {
        clear: both;
    }
    .forums-container .feature-votes {
        float: left;
        margin: 0 12px 0 0;
    }
    .forums-container h1.topic-title
    {
        font-size: 24px;
    }
    .forums-container .topic-title .topic-title-badge
    {
        font-size: 0.85rem;
        padding: 6px;
    }
}
@media (max-width: 767px)
{
    .forums-container .topic-buttons .btn
    {
        padding: 5px 10px;
        font-size: 12px;
    }
    .forums-container .topic-buttons > .form-inline select
    {
        height: 29px;
        padding: 3px 10px;
        font-size: 12px;
    }
    .forums-container .feature-header
    {
        padding: 4px;
    }
    .forums-container .feature-header .feature-detail .btn-danger
    {
        padding: 5px 10px;
        font-size: 12px;
    }
    .forums-container .topic-buttons select#EmployeeWatch
    {
        max-width: 140px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

.forums-container .feature-duplicate {
    font-size: initial;
    margin: 5px 0 5px 0;
}

.forums-container .page-btn-group {
    margin-top:-8px;
}
    .forums-container .page-btn-group .page-menu {
        min-width: 60px;
    }

.forums-container .breadcrumbs {
    margin-top: 10px;
    margin-bottom: -15px;
}

.forums-container .page-buttons {
    margin-top: 20px;
}
.forums-container .topic-buttons {
    margin-top:15px;
}

.forums-container .pinned-posts {
    margin-top: 15px;
    margin-bottom: 40px;
}

.forums-container .topic-posts {
    margin-top: 15px;
}

.forums-container .topic-post {
    padding-bottom: 10px;
}
    .forums-container .topic-post .post-user {
        max-width: 600px;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
    }
    .forums-container .topic-post .panel {
        margin-bottom: 10px;
        box-shadow: #9997 0 2px 10px;
        border-color: #9997;
    }
    .forums-container .topic-post .panel-body {
        word-break: break-word;
    }
        .forums-container .topic-post .panel-body p:last-child {
            margin-bottom: 0;
        }

        .forums-container .topic-post .panel-body a[href][target=_blank]:after {
            content: "\f35d";
            font-family: "Font Awesome 5 Pro";
            font-size: 0.65em;
            vertical-align: text-top;
            padding-left: 3px;
        }

    .forums-container .topic-post .panel-heading {
        font-size: 0.9em;
    }
    .forums-container .topic-post .pinned {
        margin-left: 10px;
    }
    .forums-container .topic-post .post-user-detail {
        padding: 5px 15px;
        padding-right: 15px;
        width: 235px;
        float: left;
    }
        .forums-container .topic-post .post-user-detail .user-avatar {
            width: 40px;
            height: 40px;
        }
        .forums-container .topic-post .post-user-detail .user-name {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
            max-width: 245px;
        }
    .forums-container .topic-post .post-user-extended {
        padding: 5px 15px;
        border-left: solid 1px #c3c3c3;
        float: left;
    }
        .forums-container .topic-post .post-user-extended > * {
            display: inline-block;
        }
    .forums-container .topic-post .user-post-count {
        display: block;
    }
    .forums-container .topic-post div.checkbox + .help-block
    {
        margin: 0px;
    }

    @media (max-width: 991px) {
        .forums-container .topic-post .post-user-detail {
            float: none;
        }
        .forums-container .topic-post .post-user-extended {
            float: none;
            border-left: none;
            padding-left: 70px;
            padding-top: 0;
        }
        .forums-container .topic-post .user-post-count {
            display: inline-block;
        }
            .forums-container .topic-post .user-post-count:before {
                content: " \2013  ";
            }
    }

.forums-container .topic-post .panel {
    /*transition: border 1s ease-out, box-shadow 1s ease-out, margin 1s steps(start, end);*/
}

    .forums-container .topic-post .panel-highlight {
        border: solid 3px #02a902;
        box-shadow: #666 0 2px 10px;
        margin: -2px -2px 8px -2px;
    }

.forum-filter-buttons {
    display: inline-block;
    margin-left: 20px;
}

@media (max-width: 991px) {
    .forum-filter-buttons {
        display: block;
        margin-left: 0;
    }
}

.admin-only-btn,
.admin-only-block
{
    background-color: #ffeaea;
}

/* Admin-only tabs */
.nav-tabs > li.admin-only-tab > a
{
    background-color: #ffeaea;
    border-color: #f5c6cb;
}

.nav-tabs > li.admin-only-tab.active > a,
.nav-tabs > li.admin-only-tab.active > a:hover,
.nav-tabs > li.admin-only-tab.active > a:focus
{
    background-color: #fff;
    border-color: #f5c6cb #f5c6cb #fff;
}

/* Feature votes label spacing */
.feature-votes-label
{
    margin-right: 5px;
}

/* Virtual vote button styling */
.virtual-vote-block
{
    display: inline-block;
    margin-right: 5px;
    padding: 1px 5px;
    border-radius: 4px;
    background-color: #ffeaea;
    border: 1px solid #f5c6cb;
    font-size: 11px;
}

.virtual-vote-block a
{
    color: #333;
}

.virtual-vote-block a:hover
{
    color: #666;
}

/* Votes table layout */
.table td.evidence-cell
{
    max-width: 400px;
    word-break: break-word;
}

/* Rejected vote row */
tr.rejected-vote td
{
    text-decoration: line-through;
    color: #999;
}

tr.rejected-vote td.no-strike
{
    text-decoration: none;
}

@media print {
    .btn,
    .pagination,
    footer { 
        display:none;
    }
}

.btn.disabled {
    cursor: not-allowed;
}

.validation-summary-valid {
    display: none;
}

.html-editor {
    height: 450px !important;
    font-size: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}

    .html-editor:focus {
        border: none !important;
        background: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

.html-editor-holder-tinymce {
    position: relative;
    height: 600px;
    overflow: hidden;
}

.html-editor-holder.loaded {
    height: auto;
    overflow: visible
}

.html-editor-holder .loading {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    margin-top: -.5em;
    font-size: 32px;
    color: #aaaaaa;
    text-align: center;
    width: 100%;
}

.editor-upload-banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    box-sizing: border-box;
}

.editor-upload-banner-content {
    background: #fff;
    border: 2px solid #57AE57;
    border-radius: 8px;
    padding: 30px 40px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #444;
}

.editor-upload-banner-content i {
    font-size: 48px;
    color: #57AE57;
    display: block;
    margin: 0 auto 16px;
}

.modal.modal-fullscreen {
    z-index: 1045;
}

    .modal.modal-fullscreen .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 15px;
    }

    .modal.modal-fullscreen .modal-content {
        height: 100%;
    }

    .modal.modal-fullscreen .modal-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

@media (min-width: 768px) {
    .modal-custom-html .modal-dialog,
    .modal-custom-video .modal-dialog {
        width: 700px;
    }
}

.modal-title-custom
{
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px 0;
    align-items: start;
}

.modal-title-custom .float-end {
    margin-left: 15px;
    flex-shrink: 0;
}

.btn-close-custom {
    display: block;
    flex-shrink: 0;
    opacity: 0.5 !important;
    visibility: visible !important;
    box-sizing: content-box !important;
    width: 14px !important;
    height: 14px !important;
    padding: 0.25em 0.25em !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%23000'%3E%3Cpath%20d%3D'M.293.293a1%201%200%200%201%201.414%200L8%206.586%2014.293.293a1%201%200%201%201%201.414%201.414L9.414%208l6.293%206.293a1%201%200%200%201-1.414%201.414L8%209.414l-6.293%206.293a1%201%200%200%201-1.414-1.414L6.586%208%20.293%201.707a1%201%200%200%201%200-1.414z'%2F%3E%3C%2Fsvg%3E") center / 1em auto no-repeat !important;
    font-size: 1rem !important;
    border: 0 !important;
    cursor: pointer !important;
}

.modal-title-custom .btn-close-custom
{
    margin-left: auto;
}

@media (min-width: 768px)
{
    .modal-header .close, .modal-header .btn-close
    {
        display: none;
    }
}

.modal-title-custom .btn-close-custom span[aria-hidden="true"],
.modal-title-custom .float-end .btn-close-custom span[aria-hidden="true"]
{
    display: none;
}

.btn-close-custom:hover
{
    opacity: 0.75;
}

.btn-close-custom:focus
{
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    opacity: 1;
}

.modal-header .btn-close-custom
{
    margin: 0 0 0 auto !important;
}

.github-modal-iframe {
    width: 100% !important;
    overflow: hidden !important;
    min-height: 200px !important;
}

.modal-custom-html textarea,
.modal-custom-video textarea {
    min-height: 400px;
    font-family: 'Courier New',Courier,monospace;
    font-size: 12px;
    white-space: pre;
    margin: 0;
}

    .modal-custom-html textarea.wordWrap,
    .modal-custom-video textarea.wordWrap {
        white-space: pre-wrap;
    }

[data-role='auto-carousel'] img:not([data-auto-carousel-exclude=true]) {
    cursor: pointer;
}

.comment-danger {
    background-color: #f2dede;
    opacity: 0.7;
}

.grecaptcha-badge { visibility: hidden; }

.floating-btn-container {
    position: fixed;
    top: 170px;
    right: -64px;
    display: block;
    transition: right 0.3s ease 0s;
    transition-delay: 250ms;
    box-shadow: grey 0px 0px 5px;
    border-radius: 2px 0 0 2px;
    overflow: hidden;
    padding-right: 10px;
    background-color: white;
    z-index: 1000;
}
    .floating-btn-container .handle {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .floating-btn-container .btn {
        border: none;
    }

    .floating-btn-container a,
    .floating-btn-container a:hover,
    .floating-btn-container a:active {
        color: #333;
        text-decoration: none;
    }

.edit-btn-container:hover {
    right: 0 !important;
}

.back-to-top-container {
    top: unset;
    bottom: 50px;
    right: -160px;
}

.block-center {
    vertical-align: middle !important;
}

/* PriceOptionTile */
.content-tile.premium-features {
    box-sizing: border-box;
    vertical-align: top;
    display: flex;
    align-items: stretch;
}

.content-tile.premium-features .premium-features-top {
    background-color: #e3e3e3;
    border-radius: 9px 9px 0 0;
    color: #666;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 3rem;
    width: 100%;
}

.content-tile.premium-features .premium-features-top > div:not(:last-child) {
    padding: 0 1rem 1.5rem 1rem;
    flex: 1 0;
}

.content-tile.premium-features .premium-features-top > div > p:last-child {
    margin-bottom: 0;
}

.content-tile.premium-features .premium-features-top > h2 {
    padding: 1.5rem 1rem 1.5rem 1rem;
    margin: 0;
    font-size: 21px;
}

.content-tile.premium-features .premium-features-top footer .btn {
    margin: 0;
}

.content-tile.premium-features .premium-features-top footer a {
    font-size: 2rem;
}

.content-tile.premium-features .premium-features-top footer a:not([href]):hover {
    color: #428bca;
    text-decoration: none;
}

.content-tile.premium-features .premium-features-top > .included-marker {
    text-align: center;
    color: #fff;
    background: #61bd4f;
    padding: .5rem 0;
    border-radius: 6px 6px 0 0;
    visibility: hidden;
}

.content-tile.premium-features.included .premium-features-top .included-marker {
    visibility: visible;
}

/* PriceSlider */
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition-duration: .5s !important;
    -moz-transition-duration: .5s !important;
    -ms-transition-duration: .5s !important;
    -o-transition-duration: .5s !important;
    transition-duration: .5s !important
}

.content-priceslider input[data-price-slider-input] {
    width: 2.75em;
    transition: width .33s;
}

.content-priceslider .anchorlink.text-muted {
    color: #ccc;
}

.content-priceslider .slider-selection {
    background-image: linear-gradient(to bottom, #7cd16c 0, #5aac44 100%) !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.20) !important;
}

.content-priceslider .slider-track-high {
    background-image: linear-gradient(to bottom, #d9d9d9 0, #e5e5e5 100%) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.10) !important;
}

.content-priceslider .slider-tick {
    background-image: linear-gradient(to bottom, #d9d9d9 0, #e5e5e5 100%) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25) !important;
    opacity: 1 !important;
}

.content-priceslider .slider-tick.in-selection {
    background-image: linear-gradient(to bottom, #7cd16c 0, #5aac44 100%) !important;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.20) !important;
}

.content-priceslider .slider-handle.min-slider-handle.round {
    background-image: linear-gradient(to bottom, #4ca939 0, #3c8d27 100%) !important;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.20) !important;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus{
    background-color: transparent;
    color: #fff;
}
.navbar-default .navbar-nav>li>a i.fa-angle-down:before, 
.navbar-default .navbar-nav>li>a:hover i.fa-angle-down:before, 
.navbar-default .navbar-nav>li>a:focus i.fa-angle-down:before{
    transition: all 0.15s ease-in;
}
.navbar-default .navbar-nav>.open>a i.fa-angle-down:before, 
.navbar-default .navbar-nav>.open>a:hover i.fa-angle-down:before, 
.navbar-default .navbar-nav>.open>a:focus i.fa-angle-down:before{
    content: "\f106";
}
.navbar-nav .open .dropdown-menu{
    background-color: #212529;
    padding: 0;
    border: none;
    border-radius: 10px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
    color: #fff;
    font-weight: normal;
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active{
    color: #fff;
    background-color: rgba(0,0,0,0.1);
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:active{
    color: #333;
    background-color: #EEF5F5;
}
.navbar-default .nav-sso a.btn-outline{
    margin-right: 6px;
}
.content-tiles:has(.content-storytile)
{
    position: relative;
}
.page-content .content-tiles:has(.content-storytile):before
{
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    height: 100%;
    width: 1px;
    border-right: 4px solid #57AE57;
    z-index: -1;
}
.page-content .content-tiles .content-storytile
{
    position: relative;
    margin-left: 30px;
    padding: 0 0 0 50px;
    margin-bottom: 20px;
}
.page-content .content-tiles .content-storytile h4
{
    font-weight: 900;
    font-size: 1em;
}
.page-content .content-tiles .content-storytile p
{
    font-size: 0.9em;
}
.page-content .content-tiles .content-storytile p:last-child
{
    margin-bottom: 0;
}
.page-content .content-tiles .content-storytile .story-year
{
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background: #fff;
    text-align: center;
    line-height: 42px;
    border: 4px solid #57AE57;
    border-radius: 50%;
    font-size: 0.9em;
}
.page-content .content-tiles .content-storytile .story-year:after
{
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 1px;
    border-bottom: 1px solid #DEE2E6;
    top: 20px;
    left: 32px;
    z-index: -1;
}

.page-content .content-tiles .content-storytile h4
{
    margin-top: 0;
}
.page-content .content-tiles .content-storytile .storytile-wrapper
{
    border: 1px solid #DEE2E6;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
}

.page-content .content-tiles .content-storytile .storytile-wrapper img
{
    width: 100%;
    max-height: unset;
    margin: 0 0 10px 0px;
    border-radius: 4px;
}

.page-content .content-tiles .content-storytile:last-child
{
    margin-bottom: 0;
}


.page-content .content-tiles .content-storytile:last-child .story-year
{
    background: #57AE57;
    color: #fff;
}

.page-content .content-tiles .content-storytile:last-child .storytile-wrapper img
{
    display: block;
    max-width: 210px;
    max-height: 210px;
}
@media only screen and (max-width:1199px)
{
    .support-container-sidebar-right .support-sidebar{
        order: 1;
    }
    .support-container-sidebar-right .support-article-container{
        order: 2;
    }
    .support-article-container{
        width: 100%;
    }
    .offcanvas-stop-scrolling .support-article-container,
    .support-article-container:has(+ .support-sidebar-show) .support-article-container{
        width: calc(100% - 310px);
    }
}
@media only screen and (max-width:991px) {
    body{
        padding-top: 40px;
    }
    body.has-support-sidebar
    {
        padding-top: 85px;
    }
    body.has-promo-bar
    {
        padding-top: 71px;
    }
    body.has-promo-bar.has-search-header
    {
        padding-top: 119px;
    }
    body.has-promo-bar.has-search-header .header-container
    {
        padding-bottom: 4px;
    }
    .header-container{
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
    .header-container .navbar-header{
        position: relative;
        padding-right: 48px;
    }
    .header-container .nav-sso{
        margin-right: 48px;
    }
    .navbar-default .nav-sso a.btn{
        font-weight: 500;
    }
    .header-container .navbar-toggle{
        position: absolute;
        right: 0;
        top: 0;
    }
    .header-container .navbar-default .navbar-collapse, .header-container .navbar-default .navbar-form{
        border: none;
    }
    .navbar-collapse > ul{
        margin: 8px 0;
    }
    .navbar-nav .open .dropdown-menu{
        background-color: transparent;
        margin: 0 15px 4px;
        overflow: hidden;
        padding-bottom: 4px;
    }
    .navbar-default .navbar-nav>li{
        transition: all 0.15s ease-in;
    }
    .navbar-nav .open .dropdown-menu>li>a{
        padding: 5px 15px 5px 4px;
    }
    .navbar-nav > li > .dropdown-menu > .divider > span, 
    .navbar-nav > li > .dropdown-menu > .divider > a{
        padding: 8px 15px 0px 4px;
    }
    .navbar-default .navbar-nav>li>a:hover, 
    .navbar-default .navbar-nav>li>a:focus, 
    .navbar-default .navbar-nav>li>a:active, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{
        color: #fff;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:active {
        color: #fff;
        background-color: rgba(0,0,0,0.1);
    }
    .navbar-default .navbar-nav>.open{
        background-color: rgba(0,0,0,0.1);
        border-radius: 10px;
        margin-top: 4px;
    }
    .navbar-default .navbar-nav>.active{
        background-color: rgba(0,0,0,0.2);
        border-radius: 10px;
    }
    .navbar-default .navbar-nav>.active.open{
        padding-bottom: 8px;
    }
    .navbar-default .navbar-nav>.active>a, 
    .navbar-default .navbar-nav>.active>a:hover, 
    .navbar-default .navbar-nav>.active>a:focus{
        background-color: transparent;
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a{
        font-weight: bold;
    }
    .uploadedScreenshot{
        max-width: 100%;
    }
    .header-container.sticky-top{
        padding: 0;
    }
    .has-promo-bar .header-container.sticky-top
    {
        padding-top: 30px;
    }
    .demo-content-wrapper > div
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .demo-content-wrapper > div:last-child
    {
        padding-bottom: 60px;
    }
}
@media only screen and (max-width:767px) {
    h1, .h1, .blog-header-container .blog-title
    {
        font-size: 30px;
    }
    h2, .h2{
        font-size: 24px;
    }
    h3, .h3{
        font-size: 20px;
    }
    .body-content{
        width: 100%;
    }
    .site-footer{
        text-align: center;
    }
    .site-footer .text-right{
        text-align: center;
        margin-top: 20px;
    }
    .header-container .nav-sso .visible-xs{
        display: inline-block !important;
    }
    body.has-support-sidebar.offcanvas-stop-scrolling .body-content .support-article-container{
        overflow-x: hidden;
    }
    body.has-support-sidebar.offcanvas-stop-scrolling .support-sidebar,
    body.has-support-sidebar.offcanvas-stop-scrolling .support-sidebar .support-sidebar-inner{
        width: 250px;
    }
    .offcanvas-stop-scrolling .support-article-container, 
    .support-article-container:has(+ .support-sidebar-show) .support-article-container{
        width: calc(100% - 270px);
    }
    body.has-support-sidebar.offcanvas-stop-scrolling .support-sidebar.fixed-always .support-sidebar-content{
        height: 100%; 
    }
    body.has-support-sidebar.offcanvas-stop-scrolling .support-article-wrapper{
        width: 100vw;
        margin-right: -250px;
    }
    .navbar-default .nav-sso a.btn{
        font-weight: 500;
    }
    .navbar-default .nav-sso a.btn-custom{
        margin-right: 6px;
    }
    .blog-article h2.blog-title{
        font-size: 19px;
    }
    .btn-divider
    {
        margin-bottom: 30px;
    }
    .content-contactrow
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .demo-content-wrapper > div:first-child
    {
        background-color: #EEF5F5;
    }
    .btn-block-xs
    {
        display: block;
        width: 100%;
    }
    .bordered-item .btn-success
    {
        margin-top: 12px;
    }
}

@media (max-width: 700px)
{
    .uploadedScreenshot {
        max-width: 100%
    }
}

@media only screen and (max-width:650px) {
    .content-priceslider .price-bar {
        line-height: 50px;
        background-color: #f1f1f1;
        border-top: solid 1px #c3c3c3;
        padding: .6em 0;
        margin: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999
    }
}
@media (max-width: 470px)
{
    .navbar-brand img,
    body.has-sticky-top .header-container .navbar-brand img{
        max-width: 130px;
    }
    .header-container .navbar-header{
        padding-right: 42px;
    }
    .header-container .nav-sso{
        margin-right: 42px;
    }
    .header-container .btn-demo, .header-container .btn-join, .header-container .navbar-toggle, .header-container .btn-dashboard
    {
        padding: 4px 9px;
    }
    .page-content .content-tiles:has(.content-storytile):before
    {
        left: 0;
    }
    .page-content .content-tiles .content-storytile
    {
        margin-left: 0;
        padding-left: 35px;
    }
    .page-content .content-tiles .content-storytile .story-year:after
    {
        width: 25px;
    }
}

@media only screen and (max-width:400px) {
    .header-container .btn-demo{
        display: none;
    }
    #content-row-26 .text-col{
        padding-left: 0px;
        padding-right: 0px;
    }
    #content-row-26 h1{
        font-size: 17pt;
    }
    #content-row-26 h2{
        font-weight: normal;
    }
}
@media only screen and (min-width:768px) {
    .header-container #search-header
    {
        padding-left: 0;
        padding-right: 0;
    }
    .site-footer .footer-nav
    {
        display: flex;
    }
    .site-footer .footer-nav >div {
        margin-right: 30px;
    }
    .site-footer .footer-nav >div:last-child {
        margin-right: 0;
    }
    .site-footer .footer-nav li{
        padding: 4px 0;
    }
    .btn-divider
    {
        border-bottom: 1px solid #DEE2E6;
        margin-bottom: 64px;
    }

    .btn-divider .divider-wrapper
    {
        display: inline-block;
        padding: 0 8px;
        margin-bottom: -18px;
        background: #fff;
    }
    .btn-divider .divider-wrapper a.btn
    {
        margin-top: 20px;
    }
    .bordered-item, .bordered-item-header
    {
        display: flex;
    }
    .bordered-item-header
    {
        flex-wrap: wrap;
        align-items: center;
    }
    .bordered-item-header h3
    {
        margin-right: 12px;
    }
    .bordered-item-content
    {
        flex-grow: 1;
    }
    .bordered-item-action
    {
        flex-grow: 0;
    }
    .bordered-item .btn-success
    {
        margin-left: 20px;
    }
    .page-content .content-tiles:has(.content-storytile):before
    {
        left: 50%;
    }

    .page-content .content-tiles .content-storytile
    {
        width: 50%;
        margin-left: 50%;
    }

    .page-content .content-tiles .content-storytile:not(:first-child)
    {
        margin-top: -100px;
    }

    .page-content .content-tiles .content-storytile:nth-child(odd)
    {
        margin-left: 0;
        margin-right: 50%;
        padding: 0 50px 0 0;
    }

    .page-content .content-tiles .content-storytile:nth-child(odd) .story-year:after
    {
        left: auto;
        right: 32px;
    }

    .page-content .content-tiles .content-storytile:nth-child(odd) .story-year
    {
        left: auto;
        right: -25px;
    }

    .page-content .content-tiles .content-storytile:last-child .story-year
    {
        left: 50%;
        top: 0px;
        margin-left: -25px;
    }
    .page-content .content-tiles .content-storytile .storytile-wrapper
    {
        min-height: 180px;
    }
    .page-content .content-tiles .content-storytile:nth-child(odd) .storytile-wrapper
    {
        text-align: right;
    }

    .page-content .content-tiles .content-storytile:nth-child(odd) .storytile-wrapper img
    {
        float: left;
        margin: 0 0px 10px 0;
    }

    .page-content .content-tiles .content-storytile:last-child
    {
        width: 40%;
        margin: 50px 30% 0;
        padding: 0;
        background: #fff;
    }

    .page-content .content-tiles .content-storytile:last-child .story-year
    {
        left: 50%;
        top: 0px;
        margin-left: -25px;
    }

    .page-content .content-tiles .content-storytile:last-child .story-year:after
    {
        display: none;
    }

    .page-content .content-tiles .content-storytile:last-child .storytile-wrapper
    {
        text-align: center;
        padding-top: 30px;
    }
    .page-content .content-tiles .content-storytile:last-child .storytile-wrapper img,
    .page-content .content-tiles .content-storytile:nth-child(odd):last-child .storytile-wrapper img
    {
        float: none;
        margin: 0 auto 20px;
    }
    .modal-header .close, .modal-header .btn-close
    {
        display: none;
    }
}

@media only screen and (min-width:992px) {

    body.page-homepage:not(.has-sticky-top) .header-container
    {
        background: transparent;
    }
    .page-content .content-herorow
    {
        margin-top: -80px;
        padding-top: 120px;
        background-position: center 80px;
    }
    .body-content
    {
        min-height: 600px;
    }
    body.has-search-header
    {
        padding-top: 123px;
    }
    body.has-search-header, body.has-search-header.has-promo-bar
    {
        padding-top: 153px;
    }

    .support-container
    {
        height: 100%;
    }
    .navbar-default .navbar-nav
    {
        margin-top: 4px;
    }
    .navbar-default .navbar-nav>li>a{
        padding: 6px 9px;
    }
    .navbar-default .nav-sso{
        float: right;
        margin-left: 12px;
    }
    .navbar-default .navbar-nav>.active>a{
        background-color: rgba(0,0,0,0.3);
        color: #fff;
    }
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:active{
        background-color: rgba(0,0,0,0.3);
        color: #fff;
    }
    .navbar-default .navbar-nav .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .dropdown-menu>.active>a:focus{
        background-color: transparent;
        font-weight: bold !important;
        color: #333;
    }
    .navbar-nav .dropdown-menu{
        display: block;
        opacity: 0;
        visibility: hidden;
    }
    .navbar-nav .open .dropdown-menu{
        padding: 8px;
        background-color: #fff;
        transform: translate(0, 10px);
        opacity: 1;
        visibility: visible;
        border: none;
        border-radius: 10px;
    }
    .navbar-nav > li > .dropdown-menu:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        display: inline-block;
        top: -12px;
        left: 24px;
        border: 7px solid transparent;
        border-bottom-color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color: #333;
        padding: 4px 8px;
        font-weight: 500;
    }
    .navbar-nav > li > .dropdown-menu > .divider > span, .navbar-nav > li > .dropdown-menu > .divider > a{
        color: #999;
        padding-left: 8px;
    }
    .navbar-nav > li > .dropdown-menu > .divider:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        left: 0;
        margin-right: -100%;
        background-color: rgb(206, 212, 218);
        position: relative;
        vertical-align: middle;
    }
    /*.navbar-nav .open .dropdown-menu >li:first-child a{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .navbar-nav .open .dropdown-menu >li:last-child a{
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }*/
     body.has-search-header {
        padding-top: 123px;
    }
    .content-halfbg{
        position: relative;
    }
    .content-halfbg:before{
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        width: 50%;
        background-color: #EEF5F5;
    }
    .l-spacing
    {
        padding-left: 45px;
    }
    .page-content .content-tiles .content-storytile .storytile-wrapper img
    {
        max-width: 210px;
        max-height: 210px;
        float: right;
        margin: 0 0 10px 10px;
    }

    .page-content .content-tiles .content-storytile:nth-child(odd) .storytile-wrapper img
    {
        float: left;
        margin: 0 10px 10px 0;
    }
}

@media (min-width: 1200px) {
    .navbar-default .navbar-nav>li>a{
        padding: 6px 12px;
        margin-left: 4px;
    }
    body.has-support-sidebar.show-search-header, body.has-support-sidebar.has-search-header
    {
        padding-top: 123px;
    }
    body.has-support-sidebar.has-promo-bar
    {
        padding-top: 110px;
    }
    body.has-support-sidebar.show-search-header.has-promo-bar, body.has-search-header.has-promo-bar
    {
        padding-top: 153px;
    }
    .has-promo-bar .header-container
    {
        padding-top: 50px;
    }
    .has-promo-bar.has-sticky-top .header-container
    {
        padding-top: 30px;
    }
    .has-sticky-top .support-pages .support-sidebar .support-sidebar-inner
    {
        top: 45px;
        max-height: calc(100vh - 45px);
    }
    .has-sticky-top.has-promo-bar .support-pages .support-sidebar .support-sidebar-inner
    {
        top: 75px;
        max-height: calc(100vh - 75px);
    }
    .has-sticky-top.show-search-header .support-pages .support-sidebar .support-sidebar-inner
    {
        top: 87px;
        max-height: calc(100vh - 87px);
    }
    .has-sticky-top.show-search-header.has-promo-bar .support-pages .support-sidebar .support-sidebar-inner
    {
        top: 117px;
        max-height: calc(100vh - 117px);
    }
    .has-support-sidebar .support-article-container{
        width: calc(100% - 310px);
    }
    .has-support-sidebar .support-pages .support-sidebar-inner .support-sidebar-content
    {
        max-height: calc(100vh - 150px);
    }
    .has-support-sidebar.has-sticky-top .support-pages .support-sidebar-inner .support-sidebar-content
    {
        max-height: calc(100vh - 110px);
    }
    .has-support-sidebar.has-promo-bar .support-pages .support-sidebar-inner .support-sidebar-content
    {
        max-height: calc(100vh - 174px);
    }

    .has-support-sidebar.has-promo-bar.has-sticky-top .support-pages .support-sidebar-inner .support-sidebar-content
    {
        max-height: calc(100vh - 139px);
    }
}


@media (max-width: 470px)
{
    .navbar-brand img,
    body.has-sticky-top .header-container .navbar-brand img{
        max-width: 130px;
    }
}

.field-validation-error {
    color: #d96a6a;
    font-size: 0.8em;
}

.promo-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: #000;
    color: #57ae57;
    text-align: center;
    z-index: 9998;
    vertical-align: middle;
    line-height: 2em;
    font-size: 16px;
    overflow: hidden;
}

.modal {
    z-index: 20000;
}

.modal .typeahead-menu {
    z-index: 20001;
}

.promo-bar a {
    color: #57ae57;
}

.has-promo-bar {
    .has-support-sidebar .body-content {
        margin-top: 20px;
    }

    @media only screen and (max-width: 767px) {
        .has-support-sidebar .body-content {
            margin-top: 40px;
        }
    }
}

.library-item {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
}

    .library-item pre {
        white-space: pre-wrap;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 0px;
    }

    .library-item .btn {
        margin-bottom: 12px;
    }

.library-section + .library-section {
    margin-top: 10px;
}

.library-body {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}