﻿
/*/PortalTheme/Theme.PortalTheme_V1.css*/
input[type=button],
input[type=checkbox],
input[type=file],
input[type=image],
input[type=radio],
input[type=reset],
input[type=submit] {
    width: auto;
}

.has-arrow {
    position: relative;
}

.has-arrow:after {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    height: 6px;
    opacity: 0.8;
    position: absolute;
    right: 13px;
    top: 40%;
    transform: rotate(45deg);
    width: 6px;
}
.btn-close {
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px;
}

.btn-close:after,
.btn-close:before {
    background-color: #949fa3;
    height: 18px;
    content: "";
    left: 10px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    transition: all 200ms ease;
    width: 2px;
}

.btn-close:after {
    transform: rotate(-45deg);
}

.btn-close:hover:after,
.btn-close:hover:before {
    background-color: #333;
}

@font-face {
  font-family: 'osicons';
  src:  url('/PortalTheme/osicons.eot');
  src:  url('/PortalTheme/osicons.eot#iefix') format('embedded-opentype'),
    url('/PortalTheme/osicons.ttf') format('truetype'),
    url('/PortalTheme/osicons.woff') format('woff'),
    url('/PortalTheme/osicons.svg#osicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

a[class*="osicons-"],
label[class*="osicons-"],
span[class*="osicons-"],
div[class*="osicons-"] {
  
  font-family: 'osicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;


  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.osicons-fb:before {
  content: "\e900";
}
.osicons-in:before {
  content: "\e901";
}
.osicons-tw:before {
  content: "\e902";
}
.osicons-share:before {
  content: "\e903";
  color: #000;
}
.osicons-email:before {
  content: "\e904";
  color: #000;
}
.osicons-comments:before {
  content: "\e905";
  color: #000;
}
.osicons-tag:before {
  content: "\e906";
  color: #000;
}
.osicons-cancel:before {
  content: "\e907";
}
.osicons-chevron-down:before {
  content: "\e908";
}
.osicons-search:before {
  content: "\e909";
}
.osicons-Valid:before {
  content: "\e90a";
}
.osicons-hamburger:before {
  content: "\e90b";
}
.osicons-loader:before {
  content: "\e90c";
}
.osicons-download:before {
  content: "\e90d";
}

.icon-share-opaque:before {
  content: "\e90e";
}



@keyframes searchloading {
    to {transform: rotate(360deg);}
}
.header {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
}
.header_store {
    background: url(/CommunityBaseTheme/img/bgheader.png?v2&39842) repeat-x;
}

.header-bar-top {
    background-color: #000;
    height: 60px;
}
.header-bar-bottom {
    background-color: #fff;
    border-bottom: 2px solid #ECEFF1;
    height: 40px;
}
.header-bar-bottom:empty {
    display: none;
}

.header_store {
    height: 56px;
}
.header-small {
    height: 57px;
}
.header-logo {
    padding: 19px 0;
}
.header-logo a {
    background-image: url(/PortalTheme/NewOSLogoRed.svg);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 110px;
    display: block;
    height: 22px;
    margin-top: 0;
    width: 110px;
}
.no-svg .header-logo a {
    background-image: url(/PortalTheme/img/NewOSLogoRed.png?39877);
}
.header-logo a img {
    display: block;
}
.header-info {
    color: #BABABA;
    display: inline-block;
    margin-left: 0;
    width: auto;
}
.header-logged-out {
    height: 100%;
    line-height: 60px;
    margin-left: 10px;
}
.header-logged-out a:link,
.header-logged-out a:visited {
    position: relative;
    text-transform: uppercase;
}
.header-logged-out a.login span:before,
.header-logged-out a.login:hover span:before {
    content: "";
    display: inline-block;
    height: 15px;
    left: -20px;
    position: absolute;
    top: 0;
    width: 15px;
}
.header-logged-out a:hover {
    color: #e6e6e6;
}
.header-logged-out a.login span:before {
    background: url(/CommunityBaseTheme/img/icons.png?1355333302&39842) -67px -461px no-repeat;
}
.header-logged-out a.login:hover span:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -67px -480px no-repeat;
}
.header-siteswitcher {
    background-color: #444;
    -moz-box-shadow: 0 3px 6px #000;
    -webkit-box-shadow: 0 3px 6px #000;
    box-shadow: 0 3px 6px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color ='#000000')";
    font-size: 12px;
    height: 20px;
    text-align: center;
}

.header-all-content {
    display: table;
    width: 100%;
}
.header-logo-container {
    display: table-cell;
    vertical-align: top;
    width: 190px;
}
.menu-entries {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}
.header-right-content {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    width: 190px;
}




.Application_Menu,
.Header_Menu {
    display: none;
    white-space: nowrap;
}
.Menu_TopMenuActive {
    border-bottom: none;
}
.Menu_TopMenu {
    margin: 0;
}
.Menu_TopMenu [class^=fa] {
    margin-right: 8px;
}
.header .Menu_TopMenu a,
.header .Menu_TopMenu a:link,
.header .Menu_TopMenu a:visited {
    color: #9B9B9B;
    display: inline-block;
    min-height: 50px;
    line-height: 50px;
    padding: 0 20px;
    text-decoration: none;
    text-shadow: none;
}
.Menu_TopMenu .MenuMobileLine {
    border-bottom: 1px solid #eee;
    display: inline-block;
    min-height: 50px;
    line-height: 50px;
    padding: 0 20px;
    text-align: left;
    width: 100%;
}
.Application_Menu .MenuMobileLine a,
.Application_Menu .MenuMobileLine a:link,
.Application_Menu .MenuMobileLine a:visited {
    border: 0;
    color: #0088CC;
    height: auto;
    line-height: auto;
    padding: 0;
    width: auto;
}
.Application_Menu .MenuMobileLine a:hover {
    color: #00699B;
}
.Menu_TopMenu:hover,
.Menu_TopMenu:hover a [class^=fa],
.Menu_TopMenuActive a:link [class^=fa],
.Menu_TopMenuActive a:visited [class^=fa],
a.Menu_SubMenuItem:hover [class^=fa],
a.Menu_SubMenuItemActive:link [class^=fa],
a.Menu_SubMenuItemActive:visited [class^=fa] {
    text-decoration: none;
}
.Menu_TopMenuActive .Menu_DropDownArrow {
    border-top-color: #555;
}
.Menu_DropDownArrow {
    right: 13px;
}
.menu-close {
    display: block;
}
a.Menu_SubMenuItem,
a.Menu_SubMenuItem:hover,
a.Menu_SubMenuItem:link,
a.Menu_SubMenuItem:visited {
    background-color: #747474;
    border-bottom: 1px solid #555;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #C4C4C4;
    height: auto;
    margin: 0;
    padding: 7px 20px;
}
.header-glued-bar,
.menu-back,
.menu-close {
    background-color: #fff;
    top: 0;
}
.MenuSlider_Toggler,
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItem:hover,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #333;
    font-weight: 700;
}
.menu-close {
    height: 37px;
    left: 0;
    padding-left: 10px;
    padding-top: 13px;
    position: absolute;
    width: 35px;
}
.menu-back {
    height: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;
    z-index: 99;
}
.header-glued-bar {
    display: none;
    height: 50px;
    left: 0;
    position: fixed;
    right: 0;
}
.Menu_TopMenus {
    background: inherit;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px 20px 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.Menu_DropDownButton {
    display: inline-block;
    transition: all 300ms ease;
}
.Menu_DropDownButton.open {
    z-index: 210;
}

.Menu_DropDownButton.open .Menu_TopMenu {
    background-color: #E1E1E1;
    cursor: pointer;
    position: relative;
    z-index: 210;
}

.Menu_DropDownArrow {
    position: relative;
}
.Menu_DropDownArrow:after,
.Menu_DropDownArrow:before {
    background-color: #646464;
    content: "";
    height: 1px;
    position: absolute;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    width: 4px;
}
.Menu_DropDownArrow:after {
    right: -6px;
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.Menu_DropDownButton.open .Menu_DropDownArrow:before {
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.Menu_DropDownButton.open .Menu_DropDownArrow:after {
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.Menu_DropDownPanel {
    background-color: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    display: none;
    list-style: none;
    margin: -1px 0 0 -1px;
    position: absolute;
    z-index: 200;
}
.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    background: 0 0;
    border-radius: 0;
    border-width: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    clear: both;
    color: #9B9B9B;
    display: block;
    font-size: 13px;
    height: 26px;
    line-height: 2em;
    margin: 0;
    min-width: 140px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}
.Menu_DropDownPanel a:focus,
.Menu_DropDownPanel a:hover {
    text-decoration: none;
}
.MenuSlider_IsOpen {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.MenuSlider_Toggler {
    background: #000 url(/PortalTheme/icon_menu_white.svg) no-repeat;
    background-position: center;
    background-size: 23px;
    color: #000;
    display: none;
    height: 21px;
    padding: 14px;
    position: absolute;
    right: 5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    top: 0;
    width: 18px;
}
.no-svg .MenuSlider_Toggler {
    background-image: url(/PortalTheme/img/icon_menu_white.png?39877);
}
.MenuSlider_IsOpen .MenuSlider_Toggler {
    background: #000 url(/PortalTheme/icon_cross_white.svg) no-repeat;
    background-position: center 16px;
    background-size: 18px;
}
.no-svg .MenuSlider_IsOpen .MenuSlider_Toggler {
    background-image: url(/PortalTheme/img/icon_cross_white.png?39877);
}
div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    height: auto;
}
div.Application_Menu div.Menu_DropDownPanel a,
div.Application_Menu div.Menu_DropDownPanel a:link,
div.Application_Menu div.Menu_DropDownPanel a:visited {
    display: block;
}
.top-menu-item a {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    transition: all 300ms ease;
}

.forge-espace .top-menu-item a:hover,
.top-menu-item a:hover {
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}

.forge-espace .top-menu-item.active a:hover,
.top-menu-item.active a:hover {
    background-color: #fff;
    color: #1F282D;
}

.drop .item,
.drop .item-last {
    padding-top: 2px;
    padding-bottom: 2px;
}
.top-menu-item.active a {
    background-color: #fff;
    color: #1F282D;
    position: relative;
}
.top-menu-item.no-submenu.active a:before {
    background: #CC2200;
    bottom: 3px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.menu-wrapper {
    text-align: center;
}
.menu-item,
.menu-item a {
    color: #949FA3;
    display: inline-block;
    font-weight: 600;
    transition: all 300ms ease;
}
.menu-item a .fa-fw {
    display: none;
}
.menu-item {
    font-size: 14px;
    padding: 0 15px;
}
.menu-item.active {
    border-bottom: 2px solid #CC2200;
    padding: 0 15px;
}
.menu-item.active a,
.menu-item.active a.menu-academy-overview,
.menu-item.active a.menu-download,
.menu-item.active a.menu-beta,
.menu-item.active a.menu-faq,
.menu-item.active a.menu-forge,
.menu-item.active a.menu-forums,
.menu-item.active a.menu-home,
.menu-item.active a.menu-ideas,
.menu-item.active a.menu-ipp,
.menu-item.active a.menu-isv,
.menu-item.active a.menu-knowledgebase,
.menu-item.active a.menu-leaderboard,
.menu-item.active a.menu-licensing,
.menu-item.active a.menu-portal,
.menu-item.active a.menu-sizing,
.menu-item.active a.menu-support,
.menu-item.active a.menu-training {
    color: #1F282D;
}
.menu-item a:hover {
    color: #333;
}
.menu-item.active a:before,
.menu-item.active a:hover:before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.menu-placeholder {
    height: 40px;
    line-height: 40px;
}
.top-menu-item {
    display: inline-block;
    text-align: center;
}
.top-menu-item.small-entry {
    width: auto;
}
.top-menu-arrow,
.top-menu-home,
.top-menu-learn {
    border: 0 solid #fff;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
.mobile-menu-user {
    color: #7A878B;
    vertical-align: middle;
}
.MenuRow {
    border-bottom: 1px solid #e7eced;
    color: #3F536E;
    font-family: myriad-pro;
    font-size: 12px;
    line-height: 21px;
    padding: 9px;
}
.MenuRow:hover {
    background-color: #E7ECED;
}



.searchview {
    background-color: rgba(31,40,45,0.7);
    bottom: 0;
    height: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: visibility 500ms, opacity 500ms ease-out;
    visibility: hidden;
    width: 100%;
    z-index: 19;
    
}
.Page.with-search {
    height: 100vh;
    overflow-x: auto;
}
.with-search  .searchview-small-container,
.with-search .searchview {
    opacity: 1;
    visibility: visible;
}
.searchview-small-container {
    display: table;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 0;
    transition: visibility 500ms, opacity 500ms ease-out;
    visibility: hidden;
    z-index: 20;
}
.searchview-content {
    border-radius: 3px;
    margin-right: 55px;
    width: 690px;
}
.searchview-close {
    background: transparent url(/PortalTheme/icon_cross_white.svg) no-repeat;
    background-position: center;
    background-size: 18px;
    color: #fff;
    cursor: pointer;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
    filter: alpha(opacity=100);
    height: 25px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 17px;
    -webkit-transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
    width: 25px;
    z-index: 3;
}
.no-svg .searchview-close {
    background-image: url(/PortalTheme/img/icon_cross_white.png?39877);
}
.with-search .searchview-close {
    visibility: visible;
}
.with-search .search-mobile-wrapper {
    visibility: hidden;
}
.searchform-wrapper {
    background-color: #1F282D;
    box-sizing: border-box;
    margin-left: 19px;
    width: 100%;
}
input[type=search].searchform-input {
    background-color: #1F282D;
    border-radius: 0;
    border: none!important;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 60px;
    letter-spacing: normal;
    line-height: 1.375;
    margin: 0;
    outline: 0;
    padding: 0 0 0 50px!important; 
    width: 100%;
}
input[type=search].searchform-input:focus {
    border: none;
    box-shadow: none;
}
.searchform-submit[disabled] {
    opacity: 1;
    cursor: default;
    background-color: transparent;
    margin-left: 10px;
    margin-top: 10px;
}
.searchform-submit {
    background: transparent url(/PortalTheme/icon_search_white.svg) no-repeat;
    background-position: center;
    background-size: 20px;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 22px;
    left: 34px;
    pointer-events: none;
    position: absolute;
    top: 19px;
    width: 22px;
    z-index: 1;
}
.no-svg .searchform-submit {
    background-image: url(/PortalTheme/img/icon_search_white.png?39877);
}
.searchform-submit.searchloading {
    animation: searchloading .6s linear infinite;
    background: transparent url(/PortalTheme/icon_loading_white.svg) no-repeat;
    background-position: center;
    background-size: 23px;
    height: 23px;
    width: 23px;
}
.no-svg .searchform-submit.searchloading {
    background-image: url(/PortalTheme/img/icon_loading_white.png?39877);
}
.searchform-submit-trigger {
    display: none;
}
.search-container {
    position: absolute;
    background: url(/CommunityBaseTheme/img/bgheader.png?39842) left top repeat-x #444;
}
.search-container input {
    height: 49px;
    width: 100%;
    border: 0;
    background-color: transparent;
    color: #FFF;
    font-size: 18px;
    box-shadow: none;
    margin-bottom: 0;
}
.search-container input[type=text]:focus {
    box-shadow: none;
}
.search-wrapper input.search {
    border-right: 0;
    width: 194px;
    box-sizing: border-box;
    height: 30px;
    color: #999;
    font-size: 13px;
    float: left;
}
.search-wrapper input.search,
.search-wrapper input.searchBig {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.search-wrapper input.searchBig {
    width: 500px;
    box-sizing: border-box;
    height: 30px;
    color: #999;
    font-size: 13px;
    float: left;
}
.search-wrapper input.submit {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -1164px no-repeat;
    border: 1px solid #CCC;
    box-shadow: none;
    height: 30px;
    line-height: 20px;
    width: 31px;
    text-indent: -9999px;
    display: table-cell;
    float: left;
    text-transform: capitalize;
    font-size: 0;
}
.homepage-block-title,
.newpost-form-label,
.oscertified-ribbonText,
.osretired-ribbonText,
.popup-header,
.profile-more-details-title,
.profile-pictureUpload-label,
.sideblock-header,
.topic-header-actions,
a.btn,
a.link-tab {
    text-transform: uppercase;
}
.inpage-search-search-wrapper {
    display: flex;
    float: right;
}
input[type=submit].inpage-search-btn {
    font-size: 14px;
    line-height: 20px;
    margin-left: -30px;
    border: 1px solid transparent;
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -1162px no-repeat;
    color: transparent;
    width: 30px;
}
input[type=search].inpage-search-input {
    margin: 0;
    padding-right: 40px;
}
.search-mobile-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.small-search {
    height: 38px;
    margin-top: 11px;
    position: relative;
    width: 38px;
}
.search-wrapper .small-search input.search {
    background-color: #3C3C3C;
    border-color: #3C3C3C;
    color: #FFF;
    width: 75px;
    float: none;
    margin-bottom: 0;
    box-shadow: none;
}
.search-wrapper .small-search input.submit {
    background: transparent url(/PortalTheme/icon_search_white.svg) no-repeat;
    background-position: center;
    background-size: 20px;
    border: none;
    border-radius: 100px;
    float: right;
    height: 38px;
    width: 38px;
}
.no-svg .search-wrapper .small-search input.submit {
    background-image: url(/PortalTheme/img/icon_search_white.png?39877);
    background-size: 20px;
}
.search-wrapper .small-search input.submit:hover {
    background-color: #2F3030;
}
.search-wrapper .small-search input.submit:focus {
    outline-color: transparent;
}



.course-enroll-block {
    border: 4px solid #DCE0E3;
    box-sizing: border-box;
    display: table;
    min-height: 140px;
    width: 100%;
}
.course-enroll-block .col1 {
    background: transparent url(/learn/img/books.png?39756) no-repeat;
    background-position: -35px 20px;
    display: table-cell;
    width: 120px;
}
.course-enroll-block .col2 {
    display: table-cell;
    line-height: 1.4;
    vertical-align: middle;
}
.course-enroll-block .col3 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 185px;
}
.course-enroll-block-title {
    color: #495057;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.course-progress-info .Button + .Button {
    margin-left: 20px;
}

.NoEnroll {
    position: relative;
}

.NoEnroll .NoButton {
    opacity: 0.5;
}

.FlyingEnroll {
    background: #212429 url(/learn/img/books.png?39756) no-repeat;
    background-position: -48px 0px;
    background-size: 100px;
    border-radius: 6px;
    bottom: 67px;
    color: #fff;
    display:none;
    left: -55%;
    line-height: 20px;
    padding: 20px 20px 20px 60px;
    position: absolute;
    width: 260px;
}
.FlyingEnroll:before {
    border-color: #212429 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    bottom: -10px;
    content: "";
    height: 0;
    left: 46%;
    position: absolute;
    width: 0;
}
.FlyingEnroll a {
    transition: all 200ms ease-out;
}
.FlyingEnroll .enroll-actions {
    padding: 0 7px;
}
.FlyingEnroll .link-default {
    font-weight: 700;
}
.FlyingEnroll .link-cancel {
    color: #888;
}
.FlyingEnroll .link-cancel:hover {
    color: #555;
}
.FlyingEnroll .link-cancel .fa-fw {
    font-size: 12px;
    margin-right: 5px;
}


.link-default {
    text-transform: uppercase;
}

.float-right {
    float: right;
}


@media screen and (max-width: 979px) {
    .Page {
        padding-top: 50px;
    }
    
    .Page.with-search {
        height: auto;
        overflow-x: hidden;
    }
    .Page.with-search .searchform-wrapper {
        margin-left: 0;
    }
    
    .mobile-notdisplay {
        display: none;
    }
    
    .header {
        height: 50px;
        position: fixed;
        top: 0;
        right: 0;
        transition: top 300ms ease-out;
        width: 100%;
        z-index: 20;
    }
    .header-bar-top .container {
        width: 100%;
    }
    .header.header-hide {
        top: -50px;
    }
    .header-logo {
        padding: 0;
        opacity: 1;
        transition: all 150ms ease;
        visibility: visible;
    }
    .Page.with-search .header-logo {
        opacity: 0;
        visibility: hidden;
    }
    .header-logo a:link {
        background-position: 20px center;
        height: 36px;
        margin: 0;
        padding-top: 14px;
        padding-left: 20px;
        width: 140px;
    }
    .header-bar-top {
        height: 50px;
    }
    .header-bar-bottom {
        display: none;
    }
    .header-right-content {
        display: block;
        float:right;
        margin-right: 50px;
        padding-right: 0;
        text-align: left;
        width: 50px;
    }
    
    .row-fluid.bottom-nav {
        padding: 0 10px;
        width: auto;
    }
    
    .searchview {
        bottom: 0;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        transition: visibility 500ms, opacity 500ms ease-out;
        visibility: hidden;
    }
    .with-search .searchview {
        opacity: 1;
        visibility: visible;
    }
    .MenuSlider_IsOpen .Page.with-search .searchview {
        right: 54px;
        width: calc(100% - 55px);
    }
    .Page.with-search .searchview {
        right: 0;
        width: 100%;
    }
    .searchform-wrapper {
        background-color: transparent;
        margin-left: 0;
    }
    .search-mobile-wrapper {
        position: static;
        width: auto;
    }
    input[type=search].searchform-input {
        background-color: #000;
        height: 50px;
        padding: 0 0 0 60px;
        width: 50%;
    }
    .searchform-submit {
        display: none;
    }
    input[type=submit].searchform-submit-trigger,
    .searchform-submit-trigger {
        background: transparent url(/PortalTheme/icon_search_white.svg) no-repeat;
        background-position: center;
        background-size: 20px;
        border: 0;
        color: transparent;
        display: block;
        height: 50px;
        left: 0;
        position: absolute;
        top: 0;
        width: 60px;
        z-index: 1;
    }
    .no-svg input[type=submit].searchform-submit-trigger,
    .no-svg .searchform-submit-trigger {
        background-image: url(/PortalTheme/img/icon_search_white.png?39877);
    }
    input[type=submit].searchform-submit-trigger.searchloading,
    .searchform-submit-trigger.searchloading {
        animation: searchloading .6s linear infinite;
        background: transparent url(/PortalTheme/icon_loading_white.svg) no-repeat;
        background-position: center;
        background-size: 23px;
        height: 23px;
        left: 18px;
        top: 13px;
        width: 23px;
    }
    .no-svg input[type=submit].searchform-submit-trigger.searchloading,
    .no-svg .searchform-submit-trigger.searchloading {
        background-image: url(/PortalTheme/img/icon_loading_white.png?39877);
    }
    .searchview-small-container {
        display: block;
        overflow: hidden;
        right: 49px;
        transition: width 300ms ease-out;
        width: 62px;
    }
    .Page.with-search .searchview-small-container {
        opacity: 1;
        visibility: visible;
        width: calc(100% - 49px);
    }
    .Page.with-search-out-transition .searchview-small-container {
        opacity: 1;
        visibility: visible;
    }
    .searchview-small-container a {
        display: none;
    }
    .Page.with-search .searchview-small-container a {
        display: block;
    }
    .searchview-content {
        width: 100%;
    }
    .Page.with-search .searchview-close,
    .searchview-close {
        top: 12px;
        right: 12px;
    }
    .MenuSlider_IsOpen .Page.with-search .searchview-close {
        display:none;
    }
    .menu-entries {
        display: none;
    }
    
    .small-search {
        margin-top: 6px;
    }

    .login-info-wrapper {
        display: none;
    }

    .Application_Menu,
    .MenuSlider_IsOpen .content-layout-simplify {
        height: 100%;
        overflow: hidden;
    }
    .MenuSlider_Toggler {
        display: inline-block;
    }
    .Menu_Container {
        margin-bottom: 44px;
        width: 100%;
    }
    .Application_Menu {
        display: block;
        position: fixed;
        right: -110%;
        top: 50px;
        width: 100%;
        -webkit-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -ms-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -o-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;
    }
    .LeftMenu .Application_Menu {
        left: -270px;
    }
    .MenuSlider_IsOpen .Application_Menu {
        right: 0;
        z-index: 2;
    }
    .MenuSlider_IsOpen .LeftMenu .Application_Menu {
        left: 0;
    }
    .MenuSlider_IsOpen select {
        z-index: 0;
    }
    .Application_Menu .Menu_TopMenu {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }
    .Application_Menu .Menu_DropDownButton,
    body>div.Application_Menu .Menu_DropDownButton {
        display: block;
        position: relative;
    }
    .Application_Menu a,
    .Application_Menu a:link,
    .Application_Menu a:visited {
        display: inline-block;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        font-size: 14px;
    }
    .Application_Menu .Menu_DropDownButton.open a,
    .Application_Menu .Menu_DropDownButton.open a:link,
    .Application_Menu .Menu_DropDownButton.open a:visited {
        border-bottom: 0;
    }
    
    .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu a,
    .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu a:link,
    .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu a:visited {
        color: #333;
        font-weight: 700;
    }
    
    .Application_Menu .Menu_DropDownButton.open a:hover {
        color: #333;
    }
    
    .Application_Menu .Menu_DropDownPanel {
        background-color: #EBEBEB;
        border-bottom: 0;
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding: 20px 0;
        position: static;
    }
    .Application_Menu .Menu_DropDownPanel a,
    .Application_Menu .Menu_DropDownPanel a:link,
    .Application_Menu .Menu_DropDownPanel a:visited,
    .test {
        border: 0;
        padding: 4px 0 4px 50px;
    }
    .Application_Menu .Menu_DropDownPanel a.active {
        color: #333;
    }
    .Application_Menu .Menu_DropDownArrow {
        position: absolute;
        right: 40px;
        top: 24px;
    }
    
    .Application_Menu .MenuMobileLine {
        border-bottom: 1px solid #eee;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        text-align: left;
    }
    
    .header-icon-logout {
        margin-left: -5px!important;
        margin-right: 15px!important;
    }
    .MenuSlider_Toggler_Overlay {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: fixed;
        display: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }
    .MenuSlider_IsOpen .MenuSlider_Toggler_Overlay {
        display: block;
    }
    .header-hero-wrapper {
        min-width: 0;
    }
}



@media (max-width: 767px) {
    .learn-content .agenda {
        padding: 0;
    }
    
    .course-enroll-block-title {
        font-size: 14px;
        text-transform: initial;
    }
    .course-enroll-block {
        border-left: 0;
        border-right: 0;
        display: block;
        padding: 25px;
        position: relative;
    }
    .course-enroll-block .col1 {
        background-position: 40px top;
            background-size: 90%;
        display: inline-block;
        height: 110px;
        position: absolute;
        right: 0;
    }
    .course-enroll-block .col2 {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 100px);
    }
    .course-enroll-block .col3 {
        display: block;
        margin-top: 25px;
        text-align: left;
        width: 100%;
    }
    
}



.reply-body,
pre {
    word-wrap: break-word;
}
.nav-header,
.signup-form-label,
abbr.initialism {
    text-transform: uppercase;
}
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal:after,
.row-fluid:after,
.row:after {
    clear: both;
}
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover,
.input-append .uneditable-input:focus,
.input-append input:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus {
    z-index: 2;
}
.breadcrumb,
.media-list,
.nav,
.pager,
.thumbnails {
    list-style: none;
}
.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    line-height: 0;
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.badge,
.label,
.navbar .btn-navbar {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.img-polaroid,
body {
    background-color: #fff;
}
body,
button,
input,
select,
textarea {
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
}
address,
cite {
    font-style: normal;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
.row-fluid:after,
.row-fluid:before,
.row:after,
.row:before {
    display: table;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:focus {
    outline-offset: -2px;
}
a:active,
a:hover {
    outline: 0;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
    max-width: none;
}
button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
.progress .bar,
.row-fluid [class*=span] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
}
body {
    font-size: 14px;
    line-height: 20px;
    color: #333;
}
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row-fluid:after,
.row-fluid:before,
.row:after,
.row:before {
    content: "";
    line-height: 0;
}
a {
    color: #08c;
    text-decoration: none;
}
a:hover {
    color: #005580;
    text-decoration: none;
}
.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.img-polaroid {
    padding: 4px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}
.row {
    margin-left: -28px;
}
[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 28px;
}
.container,
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container,
.span12 {
    width: 980px;
}
.span11 {
    width: 896px;
}
.span10 {
    width: 812px;
}
.span9 {
    width: 728px;
}
.span8 {
    width: 644px;
}
.span7 {
    width: 560px;
}
.span6 {
    width: 476px;
}
.span5 {
    width: 392px;
}
.span4 {
    width: 308px;
}
.span3 {
    width: 224px;
}
.span2 {
    width: 140px;
}
.span1 {
    width: 56px;
}
.row-fluid,
.row-fluid .span12 {
    width: 100%;
}
.offset12 {
    margin-left: 1036px;
}
.offset11 {
    margin-left: 952px;
}
.offset10 {
    margin-left: 868px;
}
.offset9 {
    margin-left: 784px;
}
.offset8 {
    margin-left: 700px;
}
.offset7 {
    margin-left: 616px;
}
.offset6 {
    margin-left: 532px;
}
.offset5 {
    margin-left: 448px;
}
.offset4 {
    margin-left: 364px;
}
.offset3 {
    margin-left: 280px;
}
.offset2 {
    margin-left: 196px;
}
.offset1 {
    margin-left: 112px;
}
.row-fluid [class*=span] {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
    float: left;
    margin-left: 2.857142857142857%;
}
.row-fluid [class*=span]:first-child {
    margin-left: 0;
}
.row-fluid .controls-row [class*=span]+[class*=span] {
    margin-left: 2.857142857142857%;
}
.row-fluid .span11 {
    width: 91.42857142857143%;
}
.row-fluid .span10 {
    width: 82.85714285714286%;
}
.row-fluid .span9 {
    width: 74.28571428571429%;
}
.row-fluid .span8 {
    width: 65.71428571428572%;
}
.row-fluid .span7 {
    width: 57.14285714285714%;
}
.row-fluid .span6 {
    width: 48.57142857142857%;
}
.row-fluid .span5 {
    width: 40%;
}
.row-fluid .span4 {
    width: 31.42857142857143%;
}
.row-fluid .span3 {
    width: 22.857142857142858%;
}
.row-fluid .span2 {
    width: 14.285714285714286%;
}
.row-fluid .span1 {
    width: 5.714285714285714%;
}
.row-fluid .offset12 {
    margin-left: 105.71428571428571%;
}
.row-fluid .offset12:first-child {
    margin-left: 102.85714285714286%;
}
.row-fluid .offset11 {
    margin-left: 97.14285714285714%;
}
.row-fluid .offset11:first-child {
    margin-left: 94.28571428571429%;
}
.row-fluid .offset10 {
    margin-left: 88.57142857142857%;
}
.row-fluid .offset10:first-child {
    margin-left: 85.71428571428572%;
}
.row-fluid .offset9 {
    margin-left: 80%;
}
.row-fluid .offset9:first-child {
    margin-left: 77.14285714285715%;
}
.row-fluid .offset8 {
    margin-left: 71.42857142857143%;
}
.row-fluid .offset8:first-child {
    margin-left: 68.57142857142858%;
}
.row-fluid .offset7 {
    margin-left: 62.857142857142854%;
}
.row-fluid .offset7:first-child {
    margin-left: 59.99999999999999%;
}
.row-fluid .offset6 {
    margin-left: 54.285714285714285%;
}
.row-fluid .offset6:first-child {
    margin-left: 51.42857142857142%;
}
.row-fluid .offset5 {
    margin-left: 45.714285714285715%;
}
.row-fluid .offset5:first-child {
    margin-left: 42.857142857142854%;
}
.row-fluid .offset4 {
    margin-left: 37.142857142857146%;
}
.row-fluid .offset4:first-child {
    margin-left: 34.285714285714285%;
}
.row-fluid .offset3 {
    margin-left: 28.571428571428573%;
}
.row-fluid .offset3:first-child {
    margin-left: 25.714285714285715%;
}
.row-fluid .offset2 {
    margin-left: 20%;
}
.row-fluid .offset2:first-child {
    margin-left: 17.142857142857142%;
}
.row-fluid .offset1 {
    margin-left: 11.428571428571429%;
}
.row-fluid .offset1:first-child {
    margin-left: 8.571428571428571%;
}
.row-fluid [class*=span].hide,
[class*=span].hide {
    display: none;
}
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before {
    display: table;
}
.row-fluid [class*=span].pull-right,
[class*=span].pull-right {
    float: right;
}
.container {
    margin-right: auto;
    margin-left: auto;
}
.container-fluid {
    padding-right: 28px;
    padding-left: 28px;
}
p {
    margin: 0 0 10px;
}
.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}
dd,
dt,
li {
    line-height: 20px;
}
dt,
strong {
    font-weight: 700;
}
small {
    font-size: 85%;
}
em {
    font-style: italic;
}
.muted {
    color: #999;
}
.text-warning {
    color: #c09853;
}
a.text-warning:hover {
    color: #a47e3c;
}
.text-error {
    color: #b94a48;
}
a.text-error:hover {
    color: #953b39;
}
.text-info {
    color: #3a87ad;
}
a.text-info:hover {
    color: #2d6987;
}
.text-success {
    color: #468847;
}
a.text-success:hover {
    color: #356635;
}
.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eee;
}
blockquote p,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
ol,
ul {
    padding: 0;
    margin: 0 0 10px 25px;
}
ol.unstyled,
ul.unstyled {
    margin-left: 0;
    list-style: none;
}
dl {
    margin-bottom: 20px;
}
dd {
    margin-left: 10px;
}
.dl-horizontal:after,
.dl-horizontal:before {
    display: table;
    content: "";
    line-height: 0;
}
.dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clear-both,
.controls-row:after,
.form-actions:after,
.form-horizontal .control-group:after,
.nav-pills:after,
.nav-tabs:after,
.navbar-form:after,
.navbar-inner:after,
.pager:after,
.tabbable:after,
.thumbnails:after {
    clear: both;
}
.dl-horizontal dd {
    margin-left: 180px;
}
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
}
abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #999;
}
abbr.initialism {
    font-size: 90%;
}
blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
}
blockquote p {
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}
address,
blockquote small,
pre {
    display: block;
    line-height: 20px;
}
.badge,
.label,
.table th {
    font-weight: 700;
}
.table,
address,
legend,
pre.prettyprint {
    margin-bottom: 20px;
}
blockquote small {
    color: #999;
}
blockquote small:before {
    content: '\2014 \00A0';
}
blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
    text-align: right;
}
blockquote.pull-right small:before {
    content: '';
}
blockquote.pull-right small:after {
    content: '\00A0 \2014';
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}
code,
pre {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}
pre {
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    word-break: break-all;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
pre code {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: 0;
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.badge,
.label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.84px;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #999;
}
.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
a.badge:hover,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.badge-important,
.label-important {
    background-color: #b94a48;
}
.badge-important[href],
.label-important[href] {
    background-color: #953b39;
}
.badge-warning,
.label-warning {
    background-color: #f89406;
}
.badge-warning[href],
.label-warning[href] {
    background-color: #c67605;
}
.badge-success,
.label-success {
    background-color: #468847;
}
.badge-success[href],
.label-success[href] {
    background-color: #356635;
}
.badge-info,
.label-info {
    background-color: #3a87ad;
}
.badge-info[href],
.label-info[href] {
    background-color: #2d6987;
}
.badge-inverse,
.label-inverse {
    background-color: #333;
}
.badge-inverse[href],
.label-inverse[href] {
    background-color: #1a1a1a;
}
.btn .badge,
.btn .label {
    position: relative;
    top: -1px;
}
.btn-mini .badge,
.btn-mini .label,
.navbar-fixed-top {
    top: 0;
}
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.table {
    width: 100%;
}
.table td,
.table th {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table thead th {
    vertical-align: bottom;
}
.table caption+thead tr:first-child td,
.table caption+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table thead:first-child tr:first-child td,
.table thead:first-child tr:first-child th {
    border-top: 0;
}
.table tbody+tbody {
    border-top: 2px solid #ddd;
}
.table-condensed td,
.table-condensed th {
    padding: 4px 5px;
}
.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.table-bordered td,
.table-bordered th {
    border-left: 1px solid #ddd;
}
.table-bordered caption+tbody tr:first-child td,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered tbody:first-child tr:first-child td,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered thead:first-child tr:first-child th {
    border-top: 0;
}
.table-bordered tbody:first-child tr:first-child td:first-child,
.table-bordered thead:first-child tr:first-child th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}
.table-bordered tbody:first-child tr:first-child td:last-child,
.table-bordered thead:first-child tr:first-child th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child,
.table-bordered thead:last-child tr:last-child th:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -moz-border-radius-bottomleft: 4px;
}
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child,
.table-bordered thead:last-child tr:last-child th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}
.table-bordered caption+tbody tr:first-child td:first-child,
.table-bordered caption+thead tr:first-child th:first-child,
.table-bordered colgroup+tbody tr:first-child td:first-child,
.table-bordered colgroup+thead tr:first-child th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}
.table-bordered caption+tbody tr:first-child td:last-child,
.table-bordered caption+thead tr:first-child th:last-child,
.table-bordered colgroup+tbody tr:first-child td:last-child,
.table-bordered colgroup+thead tr:first-child th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}
fieldset,
legend {
    padding: 0;
    border: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #f5f5f5;
}
.row-fluid table td[class*=span],
.row-fluid table th[class*=span],
table td[class*=span],
table th[class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0;
}
label,
legend {
    display: block;
}
.table td.span1,
.table th.span1 {
    float: none;
    width: 40px;
    margin-left: 0;
}
.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}
.table td.span3,
.table th.span3 {
    float: none;
    width: 208px;
    margin-left: 0;
}
.table td.span4,
.table th.span4 {
    float: none;
    width: 292px;
    margin-left: 0;
}
.table td.span5,
.table th.span5 {
    float: none;
    width: 376px;
    margin-left: 0;
}
.table td.span6,
.table th.span6 {
    float: none;
    width: 460px;
    margin-left: 0;
}
.table td.span7,
.table th.span7 {
    float: none;
    width: 544px;
    margin-left: 0;
}
.table td.span8,
.table th.span8 {
    float: none;
    width: 628px;
    margin-left: 0;
}
.table td.span9,
.table th.span9 {
    float: none;
    width: 712px;
    margin-left: 0;
}
.table td.span10,
.table th.span10 {
    float: none;
    width: 796px;
    margin-left: 0;
}
.table td.span11,
.table th.span11 {
    float: none;
    width: 880px;
    margin-left: 0;
}
.table td.span12,
.table th.span12 {
    float: none;
    width: 964px;
    margin-left: 0;
}
.table tbody tr.success td {
    background-color: #dff0d8;
}
.table tbody tr.error td {
    background-color: #f2dede;
}
.table tbody tr.warning td {
    background-color: #fcf8e3;
}
.table tbody tr.info td {
    background-color: #d9edf7;
}
.table-hover tbody tr.success:hover td {
    background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover td {
    background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover td {
    background-color: #faf2cc;
}
.table-hover tbody tr.info:hover td {
    background-color: #c4e3f3;
}
fieldset {
    margin: 0;
}
legend {
    width: 100%;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}
legend small {
    font-size: 15px;
    color: #999;
}
button,
input,
label,
select,
textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
label {
    margin-bottom: 5px;
}
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}
.controls-row .checkbox[class*=span],
.controls-row .radio[class*=span],
.controls>.checkbox:first-child,
.controls>.radio:first-child {
    padding-top: 5px;
}
.uneditable-input,
input,
textarea {
    width: 206px;
}
textarea {
    height: auto;
}
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: dotted thin\9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}
input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    cursor: pointer;
}
input[type=file],
select {
    height: 30px;
    line-height: 30px;
}
select {
    width: 220px;
    border: 1px solid #ccc;
    background-color: #fff;
}
select[multiple],
select[size] {
    height: auto;
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus,
select:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
    color: #999;
    background-color: #fcfcfc;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    cursor: not-allowed;
}
.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}
.uneditable-textarea {
    width: auto;
    height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}
.checkbox,
.radio {
    min-height: 20px;
    padding-left: 20px;
}
.checkbox input[type=checkbox],
.radio input[type=radio] {
    float: left;
    margin-left: -20px;
}
.checkbox.inline,
.radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}
.checkbox.inline+.checkbox.inline,
.radio.inline+.radio.inline {
    margin-left: 10px;
}
.input-mini {
    width: 60px;
}
.input-small {
    width: 90px;
}
.input-medium {
    width: 150px;
}
.input-large {
    width: 210px;
}
.input-xlarge {
    width: 270px;
}
.input-xxlarge {
    width: 530px;
}
.row-fluid .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.uneditable-input[class*=span],
input[class*=span],
select[class*=span],
textarea[class*=span] {
    float: none;
    margin-left: 0;
}
.input-append .uneditable-input[class*=span],
.input-append input[class*=span],
.input-prepend .uneditable-input[class*=span],
.input-prepend input[class*=span],
.row-fluid .input-append [class*=span],
.row-fluid .input-prepend [class*=span],
.row-fluid .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span] {
    display: inline-block;
}
.controls-row:after,
.controls-row:before,
.form-actions:after,
.form-actions:before {
    content: "";
    display: table;
    line-height: 0;
}
.uneditable-input,
input,
textarea {
    margin-left: 0;
}
.controls-row [class*=span]+[class*=span] {
    margin-left: 28px;
}
.uneditable-input.span12,
input.span12,
textarea.span12 {
    width: 966px;
}
.uneditable-input.span11,
input.span11,
textarea.span11 {
    width: 882px;
}
.uneditable-input.span10,
input.span10,
textarea.span10 {
    width: 798px;
}
.uneditable-input.span9,
input.span9,
textarea.span9 {
    width: 714px;
}
.uneditable-input.span8,
input.span8,
textarea.span8 {
    width: 630px;
}
.uneditable-input.span7,
input.span7,
textarea.span7 {
    width: 546px;
}
.uneditable-input.span6,
input.span6,
textarea.span6 {
    width: 462px;
}
.uneditable-input.span5,
input.span5,
textarea.span5 {
    width: 378px;
}
.uneditable-input.span4,
input.span4,
textarea.span4 {
    width: 294px;
}
.uneditable-input.span3,
input.span3,
textarea.span3 {
    width: 210px;
}
.uneditable-input.span2,
input.span2,
textarea.span2 {
    width: 126px;
}
.uneditable-input.span1,
input.span1,
textarea.span1 {
    width: 42px;
}
.controls-row [class*=span],
.row-fluid .controls-row [class*=span] {
    float: left;
}
input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    background-color: #eee;
}
input[type=checkbox][disabled],
input[type=checkbox][readonly],
input[type=radio][disabled],
input[type=radio][readonly] {
    background-color: transparent;
}


.control-group.warning .checkbox,
.control-group.warning .help-block,
.control-group.warning .help-inline,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea,
.control-group.warning>label {
    color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
}
.control-group.warning .input-append .add-on,
.control-group.warning .input-prepend .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}
.control-group.error .checkbox,
.control-group.error .help-block,
.control-group.error .help-inline,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea,
.control-group.error>label {
    color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
}
.control-group.error .input-append .add-on,
.control-group.error .input-prepend .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}
.control-group.success .checkbox,
.control-group.success .help-block,
.control-group.success .help-inline,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea,
.control-group.success>label {
    color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
}
.control-group.success .input-append .add-on,
.control-group.success .input-prepend .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}
.control-group.info .checkbox,
.control-group.info .help-block,
.control-group.info .help-inline,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea,
.control-group.info>label {
    color: #3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
}
.control-group.info .input-append .add-on,
.control-group.info .input-prepend .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad;
}
input:focus:required:invalid,
select:focus:required:invalid,
textarea:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
select:focus:required:invalid:focus,
textarea:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
}
.help-block,
.help-inline {
    color: #595959;
}
.help-block {
    display: block;
    margin-bottom: 10px;
}
.help-inline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}
.input-append,
.input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap;
}
.input-append .dropdown-menu,
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .dropdown-menu,
.input-prepend .uneditable-input,
.input-prepend input,
.input-prepend select {
    font-size: 14px;
}
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .uneditable-input,
.input-prepend input,
.input-prepend select {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-append .add-on,
.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;
}
.input-append .add-on,
.input-append .btn,
.input-prepend .add-on,
.input-prepend .btn {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-append .active,
.input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px;
}
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.input-append .uneditable-input+.btn-group .btn,
.input-append input+.btn-group .btn,
.input-append select+.btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
    margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .uneditable-input,
.input-prepend.input-append input,
.input-prepend.input-append select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-prepend.input-append .uneditable-input+.btn-group .btn,
.input-prepend.input-append input+.btn-group .btn,
.input-prepend.input-append select+.btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .btn-group:first-child {
    margin-left: 0;
}
input.search-query {
    padding-right: 14px;
    padding-right: 4px\9;
    padding-left: 14px;
    padding-left: 4px\9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn,
.form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
}
.form-horizontal .help-inline,
.form-horizontal .input-append,
.form-horizontal .input-prepend,
.form-horizontal .uneditable-input,
.form-horizontal input,
.form-horizontal select,
.form-horizontal textarea,
.form-inline .help-inline,
.form-inline .input-append,
.form-inline .input-prepend,
.form-inline .uneditable-input,
.form-inline input,
.form-inline select,
.form-inline textarea,
.form-search .help-inline,
.form-search .input-append,
.form-search .input-prepend,
.form-search .uneditable-input,
.form-search input,
.form-search select,
.form-search textarea {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-horizontal .hide,
.form-inline .hide,
.form-search .hide {
    display: none;
}
.form-inline .btn-group,
.form-inline label,
.form-search .btn-group,
.form-search label {
    display: inline-block;
}
.form-inline .input-append,
.form-inline .input-prepend,
.form-search .input-append,
.form-search .input-prepend {
    margin-bottom: 0;
}
.form-inline .checkbox,
.form-inline .radio,
.form-search .checkbox,
.form-search .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio],
.form-search .checkbox input[type=checkbox],
.form-search .radio input[type=radio] {
    float: left;
    margin-right: 3px;
    margin-left: 0;
}
.control-group {
    margin-bottom: 10px;
}
legend+.control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
    margin-bottom: 20px;
}
.form-horizontal .control-group:after,
.form-horizontal .control-group:before {
    display: table;
    content: "";
    line-height: 0;
}
.btn-group,
.btn-group-vertical {
    display: inline-block;
}
.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}
.form-horizontal .controls {
    margin-left: 180px;
}
.btn-group+.btn-group,
.btn-toolbar .btn+.btn,
.btn-toolbar .btn+.btn-group,
.btn-toolbar .btn-group+.btn {
    margin-left: 5px;
}
.form-horizontal .help-block {
    margin-bottom: 0;
}
.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block {
    margin-top: 10px;
}
.form-horizontal .form-actions {
    padding-left: 180px;
}
[class*=" icon-"],
[class^=icon-] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(/img/glyphicons-halflings.png?40254);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}
.MenuSlider_Toggler,
.ScreenshotWrapper,
.ScreenshotWrapper img,
.btn-group,
.profile-topic-holder,
.topic-holder,
.verticalAlign,
a.btn,
input[type=submit].inpage-search-btn {
    vertical-align: middle;
}
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-menu>.active>a>[class^=icon-],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^=icon-],
.dropdown-submenu:hover>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^=icon-],
.icon-white,
.nav-list>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^=icon-],
.nav-pills>.active>a>[class*=" icon-"],
.nav-pills>.active>a>[class^=icon-],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^=icon-] {
    background-image: url(/img/glyphicons-halflings-white.png?40254);
}
.icon-glass {
    background-position: 0 0;
}
.icon-music {
    background-position: -24px 0;
}
.icon-search {
    background-position: -48px 0;
}
.icon-envelope {
    background-position: -72px 0;
}
.icon-heart {
    background-position: -96px 0;
}
.icon-star {
    background-position: -120px 0;
}
.icon-star-empty {
    background-position: -144px 0;
}
.icon-user {
    background-position: -168px 0;
}
.icon-film {
    background-position: -192px 0;
}
.icon-th-large {
    background-position: -216px 0;
}
.icon-th {
    background-position: -240px 0;
}
.icon-th-list {
    background-position: -264px 0;
}
.icon-ok {
    background-position: -288px 0;
}
.icon-remove {
    background-position: -312px 0;
}
.icon-zoom-in {
    background-position: -336px 0;
}
.icon-zoom-out {
    background-position: -360px 0;
}
.icon-off {
    background-position: -384px 0;
}
.icon-signal {
    background-position: -408px 0;
}
.icon-cog {
    background-position: -432px 0;
}
.icon-trash {
    background-position: -456px 0;
}
.icon-home {
    background-position: 0 -24px;
}
.icon-file {
    background-position: -24px -24px;
}
.icon-time {
    background-position: -48px -24px;
}
.icon-road {
    background-position: -72px -24px;
}
.icon-download-alt {
    background-position: -96px -24px;
}
.icon-download {
    background-position: -120px -24px;
}
.icon-upload {
    background-position: -144px -24px;
}
.icon-inbox {
    background-position: -168px -24px;
}
.icon-play-circle {
    background-position: -192px -24px;
}
.icon-repeat {
    background-position: -216px -24px;
}
.icon-refresh {
    background-position: -240px -24px;
}
.icon-list-alt {
    background-position: -264px -24px;
}
.icon-lock {
    background-position: -287px -24px;
}
.icon-flag {
    background-position: -312px -24px;
}
.icon-headphones {
    background-position: -336px -24px;
}
.icon-volume-off {
    background-position: -360px -24px;
}
.icon-volume-down {
    background-position: -384px -24px;
}
.icon-volume-up {
    background-position: -408px -24px;
}
.icon-qrcode {
    background-position: -432px -24px;
}
.icon-barcode {
    background-position: -456px -24px;
}
.icon-tag {
    background-position: 0 -48px;
}
.icon-tags {
    background-position: -25px -48px;
}
.icon-book {
    background-position: -48px -48px;
}
.icon-bookmark {
    background-position: -72px -48px;
}
.icon-print {
    background-position: -96px -48px;
}
.icon-camera {
    background-position: -120px -48px;
}
.icon-font {
    background-position: -144px -48px;
}
.icon-bold {
    background-position: -167px -48px;
}
.icon-italic {
    background-position: -192px -48px;
}
.icon-text-height {
    background-position: -216px -48px;
}
.icon-text-width {
    background-position: -240px -48px;
}
.icon-align-left {
    background-position: -264px -48px;
}
.icon-align-center {
    background-position: -288px -48px;
}
.icon-align-right {
    background-position: -312px -48px;
}
.icon-align-justify {
    background-position: -336px -48px;
}
.icon-list {
    background-position: -360px -48px;
}
.icon-indent-left {
    background-position: -384px -48px;
}
.icon-indent-right {
    background-position: -408px -48px;
}
.icon-facetime-video {
    background-position: -432px -48px;
}
.icon-picture {
    background-position: -456px -48px;
}
.icon-pencil {
    background-position: 0 -72px;
}
.icon-map-marker {
    background-position: -24px -72px;
}
.icon-adjust {
    background-position: -48px -72px;
}
.icon-tint {
    background-position: -72px -72px;
}
.icon-edit {
    background-position: -96px -72px;
}
.icon-share {
    background-position: -120px -72px;
}
.icon-check {
    background-position: -144px -72px;
}
.icon-move {
    background-position: -168px -72px;
}
.icon-step-backward {
    background-position: -192px -72px;
}
.icon-fast-backward {
    background-position: -216px -72px;
}
.icon-backward {
    background-position: -240px -72px;
}
.icon-play {
    background-position: -264px -72px;
}
.icon-pause {
    background-position: -288px -72px;
}
.icon-stop {
    background-position: -312px -72px;
}
.icon-forward {
    background-position: -336px -72px;
}
.icon-fast-forward {
    background-position: -360px -72px;
}
.icon-step-forward {
    background-position: -384px -72px;
}
.icon-eject {
    background-position: -408px -72px;
}
.icon-chevron-left {
    background-position: -432px -72px;
}
.icon-chevron-right {
    background-position: -456px -72px;
}
.icon-plus-sign {
    background-position: 0 -96px;
}
.icon-minus-sign {
    background-position: -24px -96px;
}
.icon-remove-sign {
    background-position: -48px -96px;
}
.icon-ok-sign {
    background-position: -72px -96px;
}
.icon-question-sign {
    background-position: -96px -96px;
}
.icon-info-sign {
    background-position: -120px -96px;
}
.icon-screenshot {
    background-position: -144px -96px;
}
.icon-remove-circle {
    background-position: -168px -96px;
}
.icon-ok-circle {
    background-position: -192px -96px;
}
.icon-ban-circle {
    background-position: -216px -96px;
}
.icon-arrow-left {
    background-position: -240px -96px;
}
.icon-arrow-right {
    background-position: -264px -96px;
}
.icon-arrow-up {
    background-position: -289px -96px;
}
.icon-arrow-down {
    background-position: -312px -96px;
}
.icon-share-alt {
    background-position: -336px -96px;
}
.icon-resize-full {
    background-position: -360px -96px;
}
.icon-resize-small {
    background-position: -384px -96px;
}
.icon-plus {
    background-position: -408px -96px;
}
.icon-minus {
    background-position: -433px -96px;
}
.icon-asterisk {
    background-position: -456px -96px;
}
.icon-exclamation-sign {
    background-position: 0 -120px;
}
.icon-gift {
    background-position: -24px -120px;
}
.icon-leaf {
    background-position: -48px -120px;
}
.icon-fire {
    background-position: -72px -120px;
}
.icon-eye-open {
    background-position: -96px -120px;
}
.icon-eye-close {
    background-position: -120px -120px;
}
.icon-warning-sign {
    background-position: -144px -120px;
}
.icon-plane {
    background-position: -168px -120px;
}
.icon-calendar {
    background-position: -192px -120px;
}
.icon-random {
    background-position: -216px -120px;
    width: 16px;
}
.icon-comment {
    background-position: -240px -120px;
}
.icon-magnet {
    background-position: -264px -120px;
}
.icon-chevron-up {
    background-position: -288px -120px;
}
.icon-chevron-down {
    background-position: -313px -119px;
}
.icon-retweet {
    background-position: -336px -120px;
}
.icon-shopping-cart {
    background-position: -360px -120px;
}
.icon-folder-close {
    background-position: -384px -120px;
}
.icon-folder-open {
    background-position: -408px -120px;
    width: 16px;
}
.icon-resize-vertical {
    background-position: -432px -119px;
}
.icon-resize-horizontal {
    background-position: -456px -118px;
}
.icon-hdd {
    background-position: 0 -144px;
}
.icon-bullhorn {
    background-position: -24px -144px;
}
.icon-bell {
    background-position: -48px -144px;
}
.icon-certificate {
    background-position: -72px -144px;
}
.icon-thumbs-up {
    background-position: -96px -144px;
}
.icon-thumbs-down {
    background-position: -120px -144px;
}
.icon-hand-right {
    background-position: -144px -144px;
}
.icon-hand-left {
    background-position: -168px -144px;
}
.icon-hand-up {
    background-position: -192px -144px;
}
.icon-hand-down {
    background-position: -216px -144px;
}
.icon-circle-arrow-right {
    background-position: -240px -144px;
}
.icon-circle-arrow-left {
    background-position: -264px -144px;
}
.icon-circle-arrow-up {
    background-position: -288px -144px;
}
.icon-circle-arrow-down {
    background-position: -312px -144px;
}
.icon-globe {
    background-position: -336px -144px;
}
.icon-wrench {
    background-position: -360px -144px;
}
.icon-tasks {
    background-position: -384px -144px;
}
.icon-filter {
    background-position: -408px -144px;
}
.icon-briefcase {
    background-position: -432px -144px;
}
.icon-fullscreen {
    background-position: -456px -144px;
}
.btn-group {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-group>.btn {
    position: relative;
    border-radius: 0;
}
.btn-group-vertical .btn,
.btn-group>.btn,
.navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.btn-group>.btn+.btn {
    margin-left: -1px;
}
.btn-group>.btn,
.btn-group>.dropdown-menu {
    font-size: 14px;
}
.btn-group>.btn-mini {
    font-size: 11px;
}
.btn-group>.btn-small,
.progress .bar {
    font-size: 12px;
}
.btn-group>.btn-large {
    font-size: 16px;
}
.btn-group>.btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group>.btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}
.btn-group>.btn.large:last-child,
.btn-group>.large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
.btn-group>.btn-mini+.dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
}
.btn-group>.btn-large+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}
.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #04c;
}
.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222;
}
.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}
.btn-large .caret,
.btn-mini .caret,
.btn-small .caret {
    margin-top: 6px;
}
.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px;
}
.dropup .btn-large .caret {
    border-bottom-width: 5px;
}
.btn-danger .caret,
.btn-info .caret,
.btn-inverse .caret,
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.nav-header,
.nav>li>a {
    display: block;
}
.btn-group-vertical .btn {
    display: block;
    float: none;
    width: 100%;
    border-radius: 0;
}
.btn-group-vertical .btn+.btn {
    margin-left: 0;
    margin-top: -1px;
}
.btn-group-vertical .btn:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.btn-group-vertical .btn:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.btn-group-vertical .btn-large:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.btn-group-vertical .btn-large:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.nav {
    margin-left: 0;
    margin-bottom: 20px;
}
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}
.nav>.pull-right {
    float: right;
}
.nav-header {
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.nav li+.nav-header {
    margin-top: 9px;
}
.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}
.nav-list .nav-header,
.nav-list>li>a {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.nav-list>li>a {
    padding: 3px 15px;
}
.nav-list>.active>a,
.nav-list>.active>a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #08c;
}
.nav-list [class*=" icon-"],
.nav-list [class^=icon-] {
    margin-right: 2px;
}
.nav-list .divider {
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
}
.nav-pills:after,
.nav-pills:before,
.nav-tabs:after,
.nav-tabs:before {
    display: table;
    content: "";
    line-height: 0;
}
.nav-pills>li,
.nav-tabs>li {
    float: left;
}
.nav-stacked>li,
.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
    float: none;
}
.nav-pills>li>a,
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 14px;
    padding: 8px 12px;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
    margin-bottom: -1px;
}
.nav-tabs>li>a {
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}
.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
.close:hover,
.nav>.dropdown.active>a:hover,
button.close {
    cursor: pointer;
}
.nav-pills>li>a {
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.nav-pills>.active>a,
.nav-pills>.active>a:hover {
    color: #fff;
    background-color: #08c;
}
.nav-stacked>li>a {
    margin-right: 0;
}
.nav-tabs.nav-stacked {
    border-bottom: 0;
}
.nav-tabs.nav-stacked>li>a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.nav-tabs.nav-stacked>li:first-child>a {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked>li:last-child>a {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked>li>a:hover {
    border-color: #ddd;
    z-index: 2;
}
.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px;
}
.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.nav .dropdown-toggle .caret {
    border-top-color: #08c;
    border-bottom-color: #08c;
    margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}
.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
.nav-pills .open .dropdown-toggle,
.nav-tabs .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover {
    color: #fff;
    background-color: #999;
    border-color: #999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open.active .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}
.tabs-stacked .open>a:hover {
    border-color: #999;
}
.tabbable:after,
.tabbable:before {
    display: table;
    content: "";
    line-height: 0;
}
.tab-content {
    overflow: auto;
}
.tabs-below>.nav-tabs,
.tabs-left>.nav-tabs,
.tabs-right>.nav-tabs {
    border-bottom: 0;
}
.pill-content>.pill-pane,
.tab-content>.tab-pane {
    display: none;
}
.pill-content>.active,
.tab-content>.active {
    display: block;
}
.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd;
}
.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0;
}
.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.tabs-below>.nav-tabs>li>a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd;
}
.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #ddd;
}
.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}
.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}
.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.tabs-left>.nav-tabs>li>a:hover {
    border-color: #eee #ddd #eee #eee;
}
.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd;
}
.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}
.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.tabs-right>.nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #ddd;
}
.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent;
}
.nav>.disabled>a {
    color: #999;
}
.navbar,
.navbar-link {
    color: #777;
}
.nav>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    cursor: default;
}
.navbar {
    overflow: visible;
    margin-bottom: 20px;
}
.navbar-inner {
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
}
.navbar-inner:after,
.navbar-inner:before {
    display: table;
    content: "";
    line-height: 0;
}
.navbar .container {
    width: auto;
}
.nav-collapse.collapse {
    height: auto;
    overflow: visible;
}
.navbar .brand {
    float: left;
    display: block;
    padding: 10px 20px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    text-shadow: 0 1px 0 #fff;
}
.navbar .brand:hover {
    text-decoration: none;
}
.navbar-text {
    margin-bottom: 0;
    line-height: 40px;
}
.navbar-link:hover {
    color: #333;
}
.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #fff;
}
.navbar .btn,
.navbar .btn-group {
    margin-top: 5px;
}
.navbar .btn-group .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn {
    margin-top: 0;
}
.navbar-form {
    margin-bottom: 0;
}
.navbar-form:after,
.navbar-form:before {
    display: table;
    content: "";
    line-height: 0;
}
.navbar-form .checkbox,
.navbar-form .radio,
.navbar-form input,
.navbar-form select {
    margin-top: 5px;
}
.navbar-form .btn,
.navbar-form input,
.navbar-form select {
    display: inline-block;
    margin-bottom: 0;
}
.navbar-form input[type=checkbox],
.navbar-form input[type=image],
.navbar-form input[type=radio] {
    margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
    margin-top: 6px;
    white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
    margin-top: 0;
}
.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
}
.navbar-search .search-query {
    margin-bottom: 0;
    padding: 4px 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.navbar-static-top {
    position: static;
    margin-bottom: 0;
}
.navbar-static-top .navbar-inner {
    border-radius: 0;
}
.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
    border-width: 0 0 1px;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.navbar-fixed-bottom .navbar-inner {
    border-width: 1px 0 0;
    -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .1);
}
.navbar-fixed-bottom .navbar-inner,
.navbar-fixed-top .navbar-inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container {
    width: 980px;
}
.navbar-fixed-bottom {
    bottom: 0;
}
.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
    float: right;
    margin-right: 0;
}
.navbar .nav>li {
    float: left;
}
.navbar .nav>li>a {
    float: none;
    padding: 10px 15px;
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}
.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px;
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
    background-color: transparent;
    color: #333;
    text-decoration: none;
}
.navbar .nav>.active>a,
.navbar .nav>.active>a:focus,
.navbar .nav>.active>a:hover {
    color: #555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
}
.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
}
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar:active,
.navbar .btn-navbar:hover,
.navbar .btn-navbar[disabled] {
    color: #fff;
    background-color: #e5e5e5;
}
.navbar .btn-navbar.active,
.navbar .btn-navbar:active {
    background-color: #ccc\9;
}
.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}
.btn-navbar .icon-bar+.icon-bar {
    margin-top: 3px;
}
.navbar .nav>li>.dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 9px;
}
.navbar .nav>li>.dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 10px;
}
.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, .2);
    border-bottom: 0;
    bottom: -7px;
    top: auto;
}
.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
    border-top: 6px solid #fff;
    border-bottom: 0;
    bottom: -6px;
    top: auto;
}
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle,
.navbar .nav li.dropdown.open>.dropdown-toggle {
    background-color: #e5e5e5;
    color: #555;
}
.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
.navbar .nav>li>.dropdown-menu.pull-right,
.navbar .pull-right>li>.dropdown-menu {
    left: auto;
    right: 0;
}
.navbar .nav>li>.dropdown-menu.pull-right:before,
.navbar .pull-right>li>.dropdown-menu:before {
    left: auto;
    right: 12px;
}
.navbar .nav>li>.dropdown-menu.pull-right:after,
.navbar .pull-right>li>.dropdown-menu:after {
    left: auto;
    right: 13px;
}
.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu,
.navbar .pull-right>li>.dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-inverse {
    color: #999;
}
.navbar-inverse .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #222, #111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
    background-image: -webkit-linear-gradient(top, #222, #111);
    background-image: -o-linear-gradient(top, #222, #111);
    background-image: linear-gradient(to bottom, #222, #111);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
    border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav>li>a {
    color: #999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-inverse .brand:hover,
.navbar-inverse .nav>li>a:hover {
    color: #fff;
}
.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
}
.navbar-inverse .nav .active>a,
.navbar-inverse .nav .active>a:focus,
.navbar-inverse .nav .active>a:hover {
    color: #fff;
    background-color: #111;
}
.navbar-inverse .navbar-link {
    color: #999;
}
.navbar-inverse .navbar-link:hover {
    color: #fff;
}
.navbar-inverse .divider-vertical {
    border-left-color: #111;
    border-right-color: #222;
}
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle {
    background-color: #111;
    color: #fff;
}
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #999;
    border-bottom-color: #999;
}
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-inverse .navbar-search .search-query {
    color: #fff;
    background-color: #515151;
    border-color: #111;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
    color: #ccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
    color: #ccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
    color: #ccc;
}
.navbar-inverse .navbar-search .search-query.focused,
.navbar-inverse .navbar-search .search-query:focus {
    padding: 5px 15px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    outline: 0;
}
.navbar-inverse .btn-navbar {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #0e0e0e;
    background-image: -moz-linear-gradient(top, #151515, #040404);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
    background-image: -webkit-linear-gradient(top, #151515, #040404);
    background-image: -o-linear-gradient(top, #151515, #040404);
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-color: #040404 #040404 #000;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar[disabled] {
    color: #fff;
    background-color: #040404;
}
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar:active {
    background-color: #000\9;
}
.breadcrumb {
    border-radius: 4px;
}
.breadcrumb,
.pagination ul {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.pager,
.pagination {
    margin: 20px 0;
}
.breadcrumb li {
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
}
.breadcrumb .divider {
    padding: 0 5px;
    color: #ccc;
}
.breadcrumb .active {
    color: #999;
}
.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.pagination ul>li {
    display: inline;
}
.pagination ul>li>a,
.pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination ul>.active>a,
.pagination ul>.active>span,
.pagination ul>li>a:hover {
    background-color: #f5f5f5;
}
.pagination ul>.active>a,
.pagination ul>.active>span {
    color: #999;
    cursor: default;
}
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>span {
    color: #999;
    background-color: transparent;
    cursor: default;
}
.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pager,
.progress .bar,
.tooltip-inner {
    text-align: center;
}
.pagination-large ul>li>a,
.pagination-large ul>li>span {
    padding: 11px 19px;
    font-size: 17.5px;
}
.pagination-large ul>li:first-child>a,
.pagination-large ul>li:first-child>span {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-large ul>li:last-child>a,
.pagination-large ul>li:last-child>span {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-mini ul>li:first-child>a,
.pagination-mini ul>li:first-child>span,
.pagination-small ul>li:first-child>a,
.pagination-small ul>li:first-child>span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-mini ul>li:last-child>a,
.pagination-mini ul>li:last-child>span,
.pagination-small ul>li:last-child>a,
.pagination-small ul>li:last-child>span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}
.pagination-small ul>li>a,
.pagination-small ul>li>span {
    padding: 2px 10px;
    font-size: 11.9px;
}
.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
    padding: 1px 6px;
    font-size: 10.5px;
}
.pager:after,
.pager:before {
    display: table;
    content: "";
    line-height: 0;
}
.pager li {
    display: inline;
}
.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.pager li>a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}
.pager .next>a,
.pager .next>span {
    float: right;
}
.pager .previous>a,
.pager .previous>span {
    float: left;
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #999;
    background-color: #fff;
    cursor: default;
}
.thumbnails {
    margin-left: -28px;
}
.thumbnails:after,
.thumbnails:before {
    display: table;
    content: "";
    line-height: 0;
}
.media-object,
.thumbnail,
.tooltip {
    display: block;
}
.row-fluid .thumbnails {
    margin-left: 0;
}
.thumbnails>li {
    float: left;
    margin-bottom: 20px;
    margin-left: 28px;
}
.thumbnail {
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a.thumbnail:hover {
    border-color: #08c;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, .25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, .25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, .25);
}
.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.thumbnail .caption {
    padding: 9px;
    color: #555;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853;
}
.alert h4 {
    margin: 0;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}
.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-block>p,
.alert-block>ul {
    margin-bottom: 0;
}
.alert-block p+p {
    margin-top: 5px;
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 40px 0;
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.progress .bar {
    width: 0;
    height: 100%;
    color: #fff;
    float: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.close,
.pull-right {
    float: right;
}
.progress .bar+.bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
}
.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress .bar-danger,
.progress-danger .bar {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress .bar-success,
.progress-success .bar {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-striped .bar-success,
.progress-success.progress-striped .bar {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress .bar-info,
.progress-info .bar {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress .bar-warning,
.progress-warning .bar {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
.progress-striped .bar-warning,
.progress-warning.progress-striped .bar {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    background-color: #eee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    color: inherit;
    letter-spacing: -1px;
}
.hero-unit li {
    line-height: 30px;
}
.tooltip {
    position: absolute;
    z-index: 1030;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.with-search .search-wrapper {
    visibility: hidden;
}
.tooltip.in {
    opacity: .8;
    filter: alpha(opacity=80);
}
.tooltip.top {
    margin-top: -3px;
}
.tooltip.right {
    margin-left: 3px;
}
.tooltip.bottom {
    margin-top: 3px;
}
.tooltip.left {
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}
.media,
.media .media {
    margin-top: 15px;
}
.media:first-child {
    margin-top: 0;
}
.media-heading {
    margin: 0 0 5px;
}
.media .pull-left {
    margin-right: 10px;
}
.media .pull-right {
    margin-left: 10px;
}
.media-list {
    margin-left: 0;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15);
}
.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.well-small {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.close {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .4;
    filter: alpha(opacity=40);
}
button.close {
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.pull-left {
    float: left;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.affix {
    position: fixed;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}
.collapse.in {
    height: auto;
}
.hidden {
    display: none;
}
.hidden-desktop,
.visible-phone,
.visible-tablet {
    display: none!important;
}
.visible-desktop {
    display: inherit!important;
}
@media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop {
        display: inherit!important;
    }
    .visible-desktop {
        display: none!important;
    }
    .visible-tablet {
        display: inherit!important;
    }
    .hidden-tablet {
        display: none!important;
    }
}
@media (max-width: 767px) {
    .hidden-desktop {
        display: inherit!important;
    }
    .visible-desktop {
        display: none!important;
    }
    .visible-phone {
        display: inherit!important;
    }
    .hidden-phone {
        display: none!important;
    }
    body {
        padding-left: 20px;
        padding-right: 20px;
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        margin-left: -20px;
        margin-right: -20px;
    }
    .controls-row [class*=span]+[class*=span],
    .dl-horizontal dd,
    .row,
    .row-fluid [class*=offset]:first-child,
    .thumbnails,
    .thumbnails>li {
        margin-left: 0;
    }
    .container-fluid {
        padding: 0;
    }
    .dl-horizontal dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left;
    }
    .container {
        width: auto;
    }
    .row-fluid {
        width: 100%;
    }
    .thumbnails>li {
        float: none;
    }
    .row-fluid [class*=span],
    .uneditable-input[class*=span],
    [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .row-fluid .span12,
    .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    .uneditable-input,
    input[class*=span],
    select[class*=span],
    textarea[class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .input-append input,
    .input-append input[class*=span],
    .input-prepend input,
    .input-prepend input[class*=span] {
        display: inline-block;
        width: auto;
    }
    .modal {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }
    .modal.fade {
        top: -100px;
    }
    .modal.fade.in {
        top: 20px;
    }
}
@media (max-width: 480px) {
    .form-horizontal .controls,
    .media-object {
        margin-left: 0;
    }
    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0);
    }
    .page-header h1 small {
        display: block;
        line-height: 20px;
    }
    input[type=checkbox],
    input[type=radio] {
        border: 1px solid #ccc;
    }
    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }
    .form-horizontal .control-list {
        padding-top: 0;
    }
    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px;
    }
    .media .pull-left,
    .media .pull-right {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .media-object {
        margin-right: 0;
    }
    .modal {
        top: 10px;
        left: 10px;
        right: 10px;
    }
    .modal-header .close {
        padding: 10px;
        margin: -10px;
    }
    .carousel-caption {
        position: static;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .row-fluid:after,
    .row-fluid:before,
    .row:after,
    .row:before {
        display: table;
        content: "";
        line-height: 0;
    }
    .row-fluid:after,
    .row:after {
        clear: both;
    }
    .row {
        margin-left: -20px;
    }
    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px;
    }
    .container,
    .navbar-fixed-bottom .container,
    .navbar-fixed-top .container,
    .navbar-static-top .container,
    .span12 {
        width: 724px;
    }
    .span11 {
        width: 662px;
    }
    .span10 {
        width: 600px;
    }
    .span9 {
        width: 538px;
    }
    .span8 {
        width: 476px;
    }
    .span7 {
        width: 414px;
    }
    .span6 {
        width: 352px;
    }
    .span5 {
        width: 290px;
    }
    .span4 {
        width: 228px;
    }
    .span3 {
        width: 166px;
    }
    .span2 {
        width: 104px;
    }
    .span1 {
        width: 42px;
    }
    .row-fluid,
    .row-fluid .span12 {
        width: 100%;
    }
    .offset12 {
        margin-left: 764px;
    }
    .offset11 {
        margin-left: 702px;
    }
    .offset10 {
        margin-left: 640px;
    }
    .offset9 {
        margin-left: 578px;
    }
    .offset8 {
        margin-left: 516px;
    }
    .offset7 {
        margin-left: 454px;
    }
    .offset6 {
        margin-left: 392px;
    }
    .offset5 {
        margin-left: 330px;
    }
    .offset4 {
        margin-left: 268px;
    }
    .offset3 {
        margin-left: 206px;
    }
    .offset2 {
        margin-left: 144px;
    }
    .offset1 {
        margin-left: 82px;
    }
    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.7624309392265194%;
    }
    .row-fluid [class*=span]:first-child {
        margin-left: 0;
    }
    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left: 2.7624309392265194%;
    }
    .row-fluid .span11 {
        width: 91.43646408839778%;
    }
    .row-fluid .span10 {
        width: 82.87292817679558%;
    }
    .row-fluid .span9 {
        width: 74.30939226519337%;
    }
    .row-fluid .span8 {
        width: 65.74585635359117%;
    }
    .row-fluid .span7 {
        width: 57.18232044198895%;
    }
    .row-fluid .span6 {
        width: 48.61878453038674%;
    }
    .row-fluid .span5 {
        width: 40.05524861878453%;
    }
    .row-fluid .span4 {
        width: 31.491712707182323%;
    }
    .row-fluid .span3 {
        width: 22.92817679558011%;
    }
    .row-fluid .span2 {
        width: 14.3646408839779%;
    }
    .row-fluid .span1 {
        width: 5.801104972375691%;
    }
    .row-fluid .offset12 {
        margin-left: 105.52486187845304%;
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.76243093922652%;
    }
    .row-fluid .offset11 {
        margin-left: 96.96132596685082%;
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.1988950276243%;
    }
    .row-fluid .offset10 {
        margin-left: 88.39779005524862%;
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.6353591160221%;
    }
    .row-fluid .offset9 {
        margin-left: 79.8342541436464%;
    }
    .row-fluid .offset9:first-child {
        margin-left: 77.07182320441989%;
    }
    .row-fluid .offset8 {
        margin-left: 71.2707182320442%;
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.50828729281768%;
    }
    .row-fluid .offset7 {
        margin-left: 62.70718232044199%;
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.94475138121547%;
    }
    .row-fluid .offset6 {
        margin-left: 54.14364640883978%;
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.38121546961326%;
    }
    .row-fluid .offset5 {
        margin-left: 45.58011049723757%;
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.81767955801105%;
    }
    .row-fluid .offset4 {
        margin-left: 37.01657458563536%;
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.25414364640884%;
    }
    .row-fluid .offset3 {
        margin-left: 28.45303867403315%;
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.69060773480663%;
    }
    .row-fluid .offset2 {
        margin-left: 19.88950276243094%;
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.12707182320442%;
    }
    .row-fluid .offset1 {
        margin-left: 11.32596685082873%;
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.56353591160221%;
    }
    .uneditable-input,
    input,
    textarea {
        margin-left: 0;
    }
    .controls-row [class*=span]+[class*=span] {
        margin-left: 20px;
    }
    .uneditable-input.span12,
    input.span12,
    textarea.span12 {
        width: 710px;
    }
    .uneditable-input.span11,
    input.span11,
    textarea.span11 {
        width: 648px;
    }
    .uneditable-input.span10,
    input.span10,
    textarea.span10 {
        width: 586px;
    }
    .uneditable-input.span9,
    input.span9,
    textarea.span9 {
        width: 524px;
    }
    .uneditable-input.span8,
    input.span8,
    textarea.span8 {
        width: 462px;
    }
    .uneditable-input.span7,
    input.span7,
    textarea.span7 {
        width: 400px;
    }
    .uneditable-input.span6,
    input.span6,
    textarea.span6 {
        width: 338px;
    }
    .uneditable-input.span5,
    input.span5,
    textarea.span5 {
        width: 276px;
    }
    .uneditable-input.span4,
    input.span4,
    textarea.span4 {
        width: 214px;
    }
    .uneditable-input.span3,
    input.span3,
    textarea.span3 {
        width: 152px;
    }
    .uneditable-input.span2,
    input.span2,
    textarea.span2 {
        width: 90px;
    }
    .uneditable-input.span1,
    input.span1,
    textarea.span1 {
        width: 28px;
    }
}
@media (min-width: 4200px) {
    .row-fluid:after,
    .row-fluid:before,
    .row:after,
    .row:before {
        display: table;
        content: "";
        line-height: 0;
    }
    .row-fluid:after,
    .row:after {
        clear: both;
    }
    .row {
        margin-left: -30px;
    }
    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }
    .container,
    .navbar-fixed-bottom .container,
    .navbar-fixed-top .container,
    .navbar-static-top .container,
    .span12 {
        width: 1170px;
    }
    .span11 {
        width: 1070px;
    }
    .span10 {
        width: 970px;
    }
    .span9 {
        width: 870px;
    }
    .span8 {
        width: 770px;
    }
    .span7 {
        width: 670px;
    }
    .span6 {
        width: 570px;
    }
    .span5 {
        width: 470px;
    }
    .span4 {
        width: 370px;
    }
    .span3 {
        width: 270px;
    }
    .span2 {
        width: 170px;
    }
    .span1 {
        width: 70px;
    }
    .row-fluid,
    .row-fluid .span12 {
        width: 100%;
    }
    .offset12 {
        margin-left: 1230px;
    }
    .offset11 {
        margin-left: 1130px;
    }
    .offset10 {
        margin-left: 1030px;
    }
    .offset9 {
        margin-left: 930px;
    }
    .offset8 {
        margin-left: 830px;
    }
    .offset7 {
        margin-left: 730px;
    }
    .offset6 {
        margin-left: 630px;
    }
    .offset5 {
        margin-left: 530px;
    }
    .offset4 {
        margin-left: 430px;
    }
    .offset3 {
        margin-left: 330px;
    }
    .offset2 {
        margin-left: 230px;
    }
    .offset1 {
        margin-left: 130px;
    }
    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.564102564102564%;
    }
    .row-fluid [class*=span]:first-child {
        margin-left: 0;
    }
    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left: 2.564102564102564%;
    }
    .row-fluid .span11 {
        width: 91.45299145299145%;
    }
    .row-fluid .span10 {
        width: 82.90598290598291%;
    }
    .row-fluid .span9 {
        width: 74.35897435897436%;
    }
    .row-fluid .span8 {
        width: 65.81196581196582%;
    }
    .row-fluid .span7 {
        width: 57.26495726495726%;
    }
    .row-fluid .span6 {
        width: 48.717948717948715%;
    }
    .row-fluid .span5 {
        width: 40.17094017094017%;
    }
    .row-fluid .span4 {
        width: 31.623931623931625%;
    }
    .row-fluid .span3 {
        width: 23.076923076923077%;
    }
    .row-fluid .span2 {
        width: 14.52991452991453%;
    }
    .row-fluid .span1 {
        width: 5.982905982905983%;
    }
    .row-fluid .offset12 {
        margin-left: 105.12820512820512%;
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.56410256410257%;
    }
    .row-fluid .offset11 {
        margin-left: 96.58119658119658%;
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.01709401709402%;
    }
    .row-fluid .offset10 {
        margin-left: 88.03418803418803%;
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.47008547008548%;
    }
    .row-fluid .offset9 {
        margin-left: 79.48717948717949%;
    }
    .row-fluid .offset9:first-child {
        margin-left: 76.92307692307693%;
    }
    .row-fluid .offset8 {
        margin-left: 70.94017094017094%;
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.37606837606839%;
    }
    .row-fluid .offset7 {
        margin-left: 62.393162393162385%;
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.82905982905982%;
    }
    .row-fluid .offset6 {
        margin-left: 53.84615384615384%;
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.28205128205128%;
    }
    .row-fluid .offset5 {
        margin-left: 45.299145299145295%;
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.73504273504273%;
    }
    .row-fluid .offset4 {
        margin-left: 36.75213675213675%;
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.18803418803419%;
    }
    .row-fluid .offset3 {
        margin-left: 28.205128205128204%;
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.641025641025642%;
    }
    .row-fluid .offset2 {
        margin-left: 19.65811965811966%;
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.094017094017094%;
    }
    .row-fluid .offset1 {
        margin-left: 11.11111111111111%;
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.547008547008547%;
    }
    .uneditable-input,
    input,
    textarea {
        margin-left: 0;
    }
    .controls-row [class*=span]+[class*=span] {
        margin-left: 30px;
    }
    .uneditable-input.span12,
    input.span12,
    textarea.span12 {
        width: 1156px;
    }
    .uneditable-input.span11,
    input.span11,
    textarea.span11 {
        width: 1056px;
    }
    .uneditable-input.span10,
    input.span10,
    textarea.span10 {
        width: 956px;
    }
    .uneditable-input.span9,
    input.span9,
    textarea.span9 {
        width: 856px;
    }
    .uneditable-input.span8,
    input.span8,
    textarea.span8 {
        width: 756px;
    }
    .uneditable-input.span7,
    input.span7,
    textarea.span7 {
        width: 656px;
    }
    .uneditable-input.span6,
    input.span6,
    textarea.span6 {
        width: 556px;
    }
    .uneditable-input.span5,
    input.span5,
    textarea.span5 {
        width: 456px;
    }
    .uneditable-input.span4,
    input.span4,
    textarea.span4 {
        width: 356px;
    }
    .uneditable-input.span3,
    input.span3,
    textarea.span3 {
        width: 256px;
    }
    .uneditable-input.span2,
    input.span2,
    textarea.span2 {
        width: 156px;
    }
    .uneditable-input.span1,
    input.span1,
    textarea.span1 {
        width: 56px;
    }
    .thumbnails {
        margin-left: -30px;
    }
    .thumbnails>li {
        margin-left: 30px;
    }
    .row-fluid .thumbnails {
        margin-left: 0;
    }
}
@media (max-width: 979px) {
    body {
        padding-top: 0;
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: static;
    }
    .navbar-fixed-top {
        margin-bottom: 20px;
    }
    .navbar-fixed-bottom {
        margin-top: 20px;
    }
    .navbar-fixed-bottom .navbar-inner,
    .navbar-fixed-top .navbar-inner {
        padding: 5px;
    }
    .navbar .container {
        width: auto;
        padding: 0;
    }
    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .dropdown-menu li+li a,
    .nav-collapse .nav>li>a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav>li {
        float: none;
    }
    .nav-collapse .nav>.divider-vertical {
        display: none;
    }
    .nav-collapse .nav .nav-header {
        color: #777;
        text-shadow: none;
    }
    .nav-collapse .dropdown-menu a,
    .nav-collapse .nav>li>a {
        padding: 9px 15px;
        font-weight: 700;
        color: #777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .nav-collapse .btn {
        padding: 4px 10px;
        font-weight: 400;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .nav>li>a:hover {
        background-color: #f2f2f2;
    }
    .navbar-inverse .nav-collapse .dropdown-menu a,
    .navbar-inverse .nav-collapse .nav>li>a {
        color: #999;
    }
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .nav>li>a:hover {
        background-color: #111;
    }
    .nav-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0;
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: none;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .nav-collapse .open>.dropdown-menu {
        display: block;
    }
    .nav-collapse .dropdown-menu .divider,
    .nav-collapse .dropdown-menu:after,
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .nav>li>.dropdown-menu:after,
    .nav-collapse .nav>li>.dropdown-menu:before {
        display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111;
        border-bottom-color: #111;
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
        overflow: hidden;
        height: 0;
    }
    .navbar .btn-navbar {
        display: block;
    }
    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 980px) {
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important;
    }
}
.all-content-wrapper {
    min-height: 400px;
}
.PersonalDNSName,
.PersonalHeaderMargins,
.homepage-block-components-details,
.homepage-block-components-details-title,
.homepage-block-last-answered-details,
.ladder-table-user-name,
.leader-inline-wrap,
.poster-name-ideas-Top,
.reply-by,
.search-result-link,
.top-user-ellipsis,
div.Header-UserInfo {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadcrumb a:focus,
.noFocus:focus,
.social-icons a:focus,
a:focus {
    outline: 0;
}
.header-logged-out,
.menu-item,
.top-menu-item {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
}
span.ValidationMessage {
    display: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -2px;
    color: #fff;
    font-size: 11px;
    position: relative;
    padding: 6px;
    font-weight: 700;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;
    white-space: nowrap;
    top: 2px;
}
.Not_Valid:focus+span.ValidationMessage,
.Not_Valid:focus~span.ValidationMessage,
.Not_Valid:hover+span.ValidationMessage,
.Not_Valid:hover~span.ValidationMessage {
    display: inline;
}
input.Not_Valid,
select.Not_Valid,
textarea.Not_Valid {
    border: 2px solid #BF1601;
}
.signup-form-label {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
}
.footer-logo,
.footer-logo:hover {
    width: 82px;
    height: 17px;
    
    text-indent: -9999px;
    display: inline-block;
    margin-right: 0!important;
}
.login-page-image-forums {
    line-height: 118px;
}
.login-page-image-forge,
.login-page-image-training {
    line-height: 68px;
}
.footer-logo {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -1px -1231px no-repeat;
}
.footer-logo:hover {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -1px -1251px no-repeat;
}
.NoMarginTop {
    margin-top: 0!important;
}
.clearLeft {
    clear: left;
}
form {
    margin: 0;
}
.small {
    font-size: 10px;
}
.paddingLeft30 {
    padding-left: 30px;
}
.paddingLeft5 {
    padding-left: 5px;
}
.override-styles {
    font-size: 100%!important;
    color: #333!important;
}
.mar-left-20 {
    margin-left: 20px;
}
.Bold,
.bold {
    font-weight: 600;
}
.actions a:link {
    margin-right: 15px;
}
.separator {
    background: url(/CommunityBaseTheme/img/separator.png?39842) top no-repeat;
    height: 44px;
    background-size: contain;
}
.shadow-wide {
    background: url(/CommunityBaseTheme/img/shadowwide.png?39842) top no-repeat;
    height: 27px;
}
.shadow-wide100 {
    background: url(/CommunityBaseTheme/img/shadowwide100.png?39842) top no-repeat;
    height: 27px;
}
.spacer {
    height: 30px;
}
.spacer50 {
    height: 50px;
}
.AttachmentUploadWidgetPlaceholder {
    display: none!important;
    
}
.clear-gutter [class*=span] {
    margin-left: 0;
}
.top-user-ellipsis {
    width: 151px;
}
.rss_link:link,
.rss_link:visited,
.social-email:link,
.social-email:visited,
.social-facebook:link,
.social-facebook:visited,
.social-linkedin:link,
.social-linkedin:visited,
.social-twitter:link,
.social-twitter:visited {
    height: 21px;
    
    text-indent: -9999px;
    display: inline-block;
    width: 21px;
}
.social-personal-site,
.social-personal-site:link,
.social-personal-site:visited {
    width: 20px;
    text-indent: -9999px;
    display: inline-block;
    height: 21px;
    
}
.top10 {
    margin-top: 10px;
}
.top15 {
    margin-top: 15px;
}
.top20 {
    margin-top: 20px;
}
.top30 {
    margin-top: 30px;
}
.top40 {
    margin-top: 40px;
}
.top50 {
    margin-top: 50px;
}
.top60 {
    margin-top: 60px;
}
.top70 {
    margin-top: 70px;
}
.top90 {
    margin-top: 90px;
}
.bot10 {
    margin-bottom: 10px;
}
.bot20 {
    margin-bottom: 20px;
}
.bot30 {
    margin-bottom: 30px;
}
.bot40 {
    margin-bottom: 40px;
}
.bot50 {
    margin-bottom: 50px;
}
.bot60 {
    margin-bottom: 60px;
}
.bot70 {
    margin-bottom: 70px;
}
.bot90 {
    margin-bottom: 90px;
}
.left10 {
    margin-left: 10px;
}
.left20 {
    margin-left: 20px;
}
.left30 {
    margin-left: 30px;
}
.left50 {
    margin-left: 50px;
}
.right10 {
    margin-right: 10px;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center,
.top-menu-item {
    text-align: center;
}
.breadcrumb {
    font-size: 12px;
    color: #999;
    background-color: transparent;
    padding: 0;
    margin: -5px 0 20px 28px;
}
.breadcrumb a:link,
.breadcrumb a:visited {
    color: #999;
    text-decoration: underline;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb .active,
.breadcrumb a.active:hover {
    color: #999;
    text-decoration: none!important;
}
.breadcrumb a.active:hover {
    cursor: default;
}
.rss-top10 {
    padding-top: 10px;
    clear: both;
}
.rss_link:link,
.rss_link:visited {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -33px -195px no-repeat;
}
.rss_link:hover {
    background-position: -33px -227px;
}
.social-icons a:link {
    margin-right: 10px;
}
.social-facebook:link,
.social-facebook:visited {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -59px -3px no-repeat;
}
.social-facebook:hover {
    background-position: -59px -35px;
}
.social-twitter:link,
.social-twitter:visited {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -59px -67px no-repeat;
}
.social-twitter:hover {
    background-position: -59px -99px;
}
.social-linkedin:link,
.social-linkedin:visited {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -59px -131px no-repeat;
}
.social-linkedin:hover {
    background-position: -59px -163px;
}
.social-email:link,
.social-email:visited {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -59px -195px no-repeat;
}
.social-email:hover {
    background-position: -59px -227px;
}
.social-personal-site:link,
.social-personal-site:visited {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -33px -67px no-repeat;
}
.social-personal-site:hover {
    background-position: -33px -99px;
}
.social-personal-site {
    background: url(/PortalTheme/img/icons.png?39877) -33px -67px no-repeat;
}
.social-blogger,
.social-blogger:link,
.social-blogger:visited,
.social-g-plus,
.social-g-plus:link,
.social-g-plus:visited {
    
    text-indent: -9999px;
    display: inline-block;
    width: 21px;
    height: 21px;
}
.social-g-plus:link,
.social-g-plus:visited {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -33px -3px no-repeat;
}
.social-g-plus:hover {
    background-position: -33px -35px;
}
.social-g-plus {
    background: url(/PortalTheme/img/icons.png?39877) -33px -3px no-repeat;
}
.social-blogger:link,
.social-blogger:visited {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -33px -131px no-repeat;
}
.social-blogger:hover {
    background-position: -33px -163px;
}
.social-blogger {
    background: url(/PortalTheme/img/icons.png?39877) -33px -131px no-repeat;
}
.forge-search-inner {
    display: table;
    width: 100%;
}

.drop,
.header-siteswitcher {
    filter: progid: DXImageTransform.Microsoft.Shadow(strength=3, direction=180, color='#000000');
}
.accord-header-active:focus,
.accord-header-show-prev:focus,
.accord-header:focus,
.accord-title-link:focus,
.toggle-lesson-ico-open:focus,
.toggle-lesson-ico:focus {
    outline: 0;
}
.search-wrapper .small-search input.submit.cut {
    border-radius: 0 4px 4px 0;
}

.academy-top,
.drop,
.footer-site,
.heading-group,
.heading-group-no-line,
.menu-item,
.topchooser,
div.Header-Button {
    position: relative;
}
.site-switcher a {
    cursor: pointer;
    color: #BABABA;
    display: block;
    padding-left: 10px;
}
.topchooser {
    background: url(/CommunityBaseTheme/img/icons.png?1355333302&82897&39842) -8px -283px no-repeat;
    width: 10px;
    height: 9px;
    display: inline-block;
    top: 4px;
    right: 8px;
}
.switcher-text-size {
    font-size: 11px;
}
.rounded {
    border-radius: 0 0 4px 4px;
}
.drop .item-last,
.rounded {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}
.drop {
    display: none;
    left: 0;
    top: 0;
    background: #343434;
    z-index: 9999;
    -moz-box-shadow: 0 3px 6px #000;
    -webkit-box-shadow: 0 3px 6px #000;
    box-shadow: 0 3px 6px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color ='#000000')";
    zoom: 1;
}
.drop .item-last:hover,
.drop .item:hover {
    background: #444;
}
.drop .item {
    height: 20px;
    border-bottom: 1px solid #2A3030;
}
.drop .item-last {
    height: 20px;
    border-radius: 0 0 4px 4px;
    border-top: 1px dotted #505050;
}
.Header-UserInfo a:active,
.Header-UserInfo a:hover,
.Header-UserInfo a:link,
.Header-UserInfo a:visited {
    text-decoration: none;
}
div.Header-UserAvatar {
    padding-top: 11px;
    width: 25px;
}
.testclas,
div.Header-UserInfo {
    border-bottom: 2px solid #e7eced;
    line-height: 1;
    padding-top: 15px;
}
div.Header-UserInfo {
    color: #3F536E;
    cursor: default;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 15px;
    padding-left: 20px;
    position: relative;
}
div.Header-ButtonContainer {
    text-align: right;
    padding-top: 0;
    width: auto;
}
div.Header-Button {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    padding-top: 18px;
    text-align: right;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.header-icon,
.love-agile-h,
.love-agile-o,
a.btn {
    display: inline-block;
}
a.header-account-settings {
    border-radius: 100px;
    box-sizing: border-box;
    color: #fff !important;
    display: inline-block;
    font-size: 17px;
    height: 38px;
    margin-top: 11px;
    padding-top: 9px;
    text-align: center;
    transition: all 300ms ease;
    width: 38px;
}
a.header-account-settings:hover {
    background-color: #2F3030;
}
.header-icon {
    text-indent: -5000em;
    overflow: hidden;
    width: 20px;
    height: 16px;
    margin-left: 11px;
}
.header-icon-message {
    background: url(/CommunityBaseTheme/img/headericons.png?39842) -1px -20px no-repeat;
}
.header-icon-message-notification {
    background: url(/CommunityBaseTheme/img/headericons.png?39842) -22px -20px no-repeat;
}
.header-icon-settings {
    border: 1px solid #3b3737;
    border-radius: 4px;
    padding: 2px;
    background: url(/CommunityBaseTheme/img/headericons.png?39842) -41px -1px no-repeat;
}
.header-icon-logout {
    background: url(/CommunityBaseTheme/img/headericons.png?39842) -63px -20px no-repeat;
    margin-left: 6px;
}
.header-icon-user {
    background: url("/CommunityBaseTheme/img/osiconuser.png?39842") no-repeat;
}
.love-agile-h,
.love-agile-o {
    
    background-image: url(/CommunityBaseTheme/img/icons.png?39842);
    background-repeat: no-repeat;
    text-align: center;
    text-indent: -9990px;
    width: 14px;
}
.love-agile-h {
    background-position: -2px -1190px;
}
.love-agile-o {
    background-position: -38px -1190px;
}
.love-agile-h:hover {
    background-position: -2px -1209px;
}
.love-agile-o:hover {
    background-position: -38px -1209px;
}
.footer-site {
    color: #999;
    padding: 25px 0;
    background: #1A1A1A;
    border-right: 0;
    border-left: 0;
    line-height: 22px;
}
h3,
h4,
h5 {
    font-weight: 400;
    padding-bottom: 5px;
}
.footer-landscape {
    background-image: url(/CommunityBaseTheme/img/footer.png?39842);
    height: 52px;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 125px;
}
.footer-section-wrapper {
    margin: 0 auto;
    width: 100%;
}
.footer-section {
    display: inline-grid;
    margin-top: 5px;
    width: 25%;
    margin-left: 10px;
}
.footer-section-title {
    margin: 0 0 12px;
    font-size: 16px;
    color: #fff;
}
.footer-section-link a:link,
.footer-section-link a:visited {
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    color: #999;
}
.footer-section-link a:hover {
    color: #c30;
}
.footer-copy {
    font-size: 10px;
}
.footer-copy a:link,
.footer-copy a:visited {
    margin-right: 15px;
    cursor: pointer;
    color: #999;
}
.footer-copy a:hover {
    color: #c30;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: myriad-pro, sans-serif;
    text-rendering: optimizelegibility;
    margin: 0;
    line-height: 1.2em;
}
.top5,
.vid-desc-log {
    margin-top: 5px;
}
.chosen-InputContainer .linkContainer,
a.btn {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
}
h1 {
    font-size: 30px;
    font-weight: 600;
    padding: 0 0 10px;
}
h2 {
    font-size: 24px;
    font-weight: 400;
    padding-top: 0;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 18px;
    line-height: 24px;
}
.tag-line,
h5 {
    font-size: 16px;
}
.tag-line {
    padding: 6px 0;
    line-height: 22px;
}
.heading-group {
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 6px;
}
.heading-group-ideas-list {
    margin-bottom: 25px;
}
.heading-group-ideas-list h1 {
    margin-bottom: 15px;
}
a.btn {
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    cursor: pointer;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.btn:active,
a.btn:hover {
    color: #333;
    background-color: #e6e6e6;
}
a.btn-large {
    padding: 6px 12px;
    border-radius: 4px;
}
a.btn-big,
a.btn-large {
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
a.btn-big {
    padding: 12px 20px;
    border-radius: 4px;
}
a.btn-medium {
    padding: 6px 20px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.btn-small {
    padding: 4px 15px;
    border-radius: 3px;
}
a.btn-mini,
a.btn-small {
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
a.btn-mini {
    padding: 1px 10px;
    border-radius: 3px;
}
a.btn.blue {
    color: #fff;
    background-color: #69c;
}
a.btn.blue:hover {
    background-color: #4673A7;
    color: #fff;
}
a.btn.red {
    color: #fff;
    background-color: #c30;
}
a.btn.red:hover {
    background-color: #AD1F02;
    color: #fff;
}
a.btn.gray {
    color: #606060;
    background-color: #E6E7E8;
}
a.btn.gray:hover {
    background-color: #ccc;
    color: #606060;
}
a.btn.white {
    background-color: #FFF;
    border: 1px solid #78909C;
    color: #78909C;
}
a.btn.white:hover {
    background-color: #78909C;
    color: #fff;
}
.lesson-click:hover .red-hover,
.red-hover:hover {
    color: #C30!important;
    text-decoration: none;
}
.academy-home-link {
    color: #000!important;
    text-decoration: none;
}
.academy-top {
    top: -12px;
}
.mar-left35 {
    margin-left: 35px;
}
.red-Update {
    color: #C20;
}
.grey-Check {
    font-size: 7px;
    color: #CCC;
}
.green-Check {
    color: #8CC83C;
}
.green-Size {
    font-size: 7px;
    line-height: 11px;
}
.accord-vid-check-holder,
.minutes {
    white-space: nowrap;
    font-size: 12px;
}
.accord-group-log {
    padding-left: 8px!important;
}
.accordion-margin-left {
    margin-left: 5px;
}
.accord-vid-check-holder {
    width: 18%;
    padding-top: 10px;
    color: #AAA;
}
.accord-vid-module-holder {
    width: 82%;
}
.ed_margin_left {
    margin-left: 10px;
}
.tag-line-academy {
    line-height: 24px;
    text-align: inherit;
}
.lesson-click:hover .toggle-lesson-ico,
.toggle-lesson-ico:hover {
    background-position: 21px -812px!important;
}
.toggle-lesson-ico {
    background-position: 21px -178px!important;
    width: 54px;
}
.toggle-lesson-ico,
.toggle-lesson-ico-open {
    bottom: 0;
    text-indent: -9999px;
    display: inline-block;
    height: 22px;
    position: absolute;
    right: 0;
    background: url(/CommunityBaseTheme/img/icons.png?39842) right no-repeat;
    left: -25px!important;
    top: 5px!important;
}
.toggle-lesson-ico-open {
    background-position: 20px -730px!important;
    width: 55px;
}
.lesson-click:hover .toggle-lesson-ico-open,
.toggle-lesson-ico-open:hover {
    background-position: 20px -750px!important;
}
.lesson-click {
    cursor: pointer;
}
.topGrayLine {
    width: 100%;
    border-top: 1px solid #ECECEC;
}
.accord-group,
.panel {
    border: 1px solid #F2F2F2;
}
.panel.active .accord-title-link {
    color: #fff;
    cursor: pointer;
}
.panel-previous-next-link {
    padding: 5px 0 5px 28px;
    position: relative;
    display: block;
    overflow: hidden;
    zoom: 1;
    color: #999;
    text-decoration: underline!important;
    cursor: pointer;
}
.lesson-material-download:hover,
.next-lesson:hover {
    color: #C30;
    cursor: pointer;
}
.VideoListItems {
    color: #4673AA;
}
.sub-header-onlinetraining {
    background: url(/CommunityBaseTheme/img/imgonline.png?39842) 100% 100% no-repeat;
    height: 190px;
}
.sub-header-classroom {
    background: url(/CommunityBaseTheme/img/imgclassroom.png?39842) 100% 100% no-repeat;
    height: 190px;
}
.sub-header-shadow {
    height: 30px;
}
.minutes {
    color: #AAA;
    padding-left: 20px;
}
.vid-desc,
.vid-desc-log {
    color: #999;
    font-size: 14px;
}
.vid-desc {
    padding: 6px 0;
}
.vid-desc-log {
    padding-left: 35px;
}
.train-title,
.train-title-list,
.train-title-log,
.train-title-tut {
    font-size: 17px;
    position: relative;
}
.desc {
    color: #999;
    margin-top: 7px;
    width: 90%;
    padding-left: 7px;
}
.train-title,
.train-title-tut {
    padding: 10px 20px 10px 0;
    top: 15px;
}
.train-title a:hover {
    color: #C30;
    text-decoration: none;
}
.train-title span.acad-icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -1px no-repeat;
    
    display: inline-block;
    width: 30px;
    margin-right: 5px;
}
.train-title a:hover>span.acad-icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -22px no-repeat;
}
.train-title-tut a {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -40px no-repeat;
    padding-left: 35px;
}
.train-title-tut a:hover {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -64px no-repeat;
}
.train-title-log {
    padding: 10px 0;
    top: 15px;
    line-height: 15px;
}
.train-title-list {
    padding: 10px 5px 5px 0;
    line-height: 15px;
}
.link-more {
    margin-top: 31px;
}
.small-link a:link,
.small-link a:visited {
    font-size: 12px;
    color: #999;
}
.small-link a:hover {
    color: #c30;
}
.tut-listing td,
.video-listing td {
    padding-left: 5px 0 5px 25px;
}
.tut-listing .vid-desc,
.video-listing .vid-desc {
    padding-left: 35px;
}
.accord-group {
    margin-bottom: 2px;
}
.accord-group-inner {
    padding-left: 28px;
}
.accord-header,
.accord-header-active {
    position: relative;
    display: block;
    overflow: hidden;
    font-size: 14px;
    height: 30px;
    padding: 10px 28px 0;
}
.accord-header {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -166px no-repeat #F9F9F9;
}
.accord-header-active {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -200px no-repeat #E0E0E0;
    color: #333!important;
}
.accord-header-show-prev {
    display: block;
    font-size: 12px;
    height: 5px;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 18px;
    padding-left: 20px;
    position: relative;
    background-color: #F9F9F9;
    text-decoration: underline!important;
}
.show-prev a {
    color: #999;
}
.title-wrapper a {
    color: #333;
}
.title-numbering {
    color: #999;
    font-weight: 400;
}
.title-gray {
    color: #999;
}
.accord-header-show-prev:hover,
.accord-header:hover {
    background-color: #E0E0E0;
    color: #333!important;
}
.video-side-bar {
    padding-right: 15px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-top: 15px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.accord-title-link,
.panel-previous-next a:link {
    overflow: hidden;
    zoom: 1;
    position: relative;
    display: block;
}
.accord-train-title {
    padding: 10px 20px 10px 0;
    font-size: 14px;
    height: auto;
}
.accord-train-title-a-active {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -246px no-repeat;
    margin-left: -22px;
    padding-left: 21px;
}
.accord-title-link {
    padding: 10px 0 10px 28px;
}
.panel,
.panel-previous-next {
    margin-bottom: 2px;
    padding-right: 8px;
}
.panel:hover {
    background-color: #E0E0E0;
    color: #333;
}
.accord-vid-desc {
    color: #999;
    font-size: 12px;
    margin-bottom: 15px;
}
.accord-vid-minute-holder {
    width: 14%;
    padding-top: 10px;
    font-size: 12px;
    white-space: nowrap;
    color: #AAA;
}
.accord-vid-text-holder {
    width: 76%;
}
.panel {
    background-color: #F9F9F9;
}
.panel a:link {
    color: #999;
    text-decoration: none;
}
.panel.active {
    background-color: #4673A7;
    color: #fff;
    border: 1px solid #4673A7;
}
.panel.active a:hover,
.panel.active a:link {
    color: #fff;
}
.panel-previous-next {
    background-color: #F9F9F9;
    border: 1px solid #F2F2F2;
    font-size: 12px;
}
.panel-previous-next:hover {
    background-color: #E0E0E0;
    color: #333;
}
.panel-previous-next a:link {
    padding: 5px 0 5px 28px;
    color: #999;
    text-decoration: underline;
}
.panel-previous-next a:hover {
    color: #c30;
}
.panel-content {
    margin-top: -2px;
    margin-bottom: 2px;
}
.panel-content.active {
    border: 0;
}
.video-expand-ico {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -6px -812px no-repeat;
    text-indent: -9999px;
    display: inline-block;
    width: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto 0;
    height: 18px;
}
.lesson-material-download:before,
.lesson-material-download:hover:before,
.next-lesson:after,
.next-lesson:hover:after {
    width: 15px;
    height: 15px;
    content: "";
}
.video-expand-ico.expanded {
    background-position: -6px -728px;
}
.lesson-actions {
    margin-bottom: 10px;
}
.lesson-material-download {
    margin-left: 20px;
}
.next-lesson:after,
.next-lesson:hover:after {
    margin-left: 5px;
}
.lesson-material-download:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -5px -131px no-repeat;
    display: block;
    position: absolute;
}
.lesson-material-download:hover:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -5px -147px no-repeat;
    display: block;
    position: absolute;
}
.next-lesson:after {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -6px -91px no-repeat;
    display: inline-block;
}
.next-lesson:hover:after {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -9px -113px no-repeat;
    display: inline-block;
}
span.cke_skin_kama {
    border-radius: 0!important;
    border: 1px solid #d3d3d3!important;
    padding: 5px!important;
}
.cke_wrapper,
span.cke_skin_kama {
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}
.cke_skin_kama .cke_toolgroup,
.cke_wrapper {
    border-radius: 0!important;
    background-image: none!important;
}
.cke_wrapper {
    padding: 0!important;
    background-color: #E2E2E2!important;
}
.cke_skin_kama .cke_toolgroup {
    background-repeat: repeat-x;
    background-position: 0 -500px;
    margin-right: 6px!important;
    padding: 2px!important;
    margin-bottom: 0!important;
}
.cke_skin_kama .cke_button a,
.cke_skin_kama .cke_button a.cke_off,
.cke_skin_kama .cke_toolgroup {
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}
.cke_skin_kama .cke_button a:active,
.cke_skin_kama .cke_button a:focus,
.cke_skin_kama .cke_button a:hover {
    background-color: #fff!important;
}
.cke_icon {
    background-image: url(/CommunityBaseTheme/img/icons_cke.png?39842)!important;
}
.NotApprovedContainer {
    background-color: #C30;
    color: #fff;
    padding: 0 5px;
    font-weight: 600;
    margin-left: 10px;
    display: inline-block;
}
.homepage-block-title {
    background-color: #333;
    color: #fff;
    padding: 7px;
}
.homepage-block-components-details {
    width: 250px;
    margin-left: 18px;
}
.homepage-block-components-details-img {
    width: 40px;
}
.homepage-block-components-details-title {
    max-width: 239px;
    display: inline-block;
}
.homepage-block-last-answered-details {
    max-width: 380px;
    display: inline-block;
}
.homepage-stats .components:before,
.homepage-stats .downloads:before,
.homepage-stats .ideas:before,
.homepage-stats .members:before,
.homepage-stats .posts:before {
    display: block;
    float: left;
    content: "";
}
.homepage-row-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
}
.homepage-stats div {
    margin-bottom: 20px;
}
.homepage-stats .components,
.homepage-stats .downloads,
.homepage-stats .ideas,
.homepage-stats .members,
.homepage-stats .posts {
    margin-left: 5px;
}
.homepage-stats .posts:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -842px no-repeat;
    width: 23px;
    height: 20px;
    margin-right: 7px;
}
.homepage-stats .components:before,
.homepage-stats .ideas:before {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.homepage-stats .ideas:before {
    background: url(/CommunityBaseTheme/img/icons.png?1354810913&1355134824&39842) 0 -1057px no-repeat;
}
.homepage-stats .components:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -983px no-repeat;
}
.homepage-stats .downloads:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -59px -946px no-repeat;
    width: 24px;
    height: 20px;
    margin-right: 6px;
}
.homepage-stats .members:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -50px -912px no-repeat;
    width: 30px;
    height: 15px;
}
.homepage-block-title .components:before,
.homepage-block-title .posts:before {
    height: 17px;
    display: block;
    content: "";
    float: left;
    margin-right: 7px;
}
.homepage-block-title .posts:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -64px -978px no-repeat;
    width: 18px;
}
.homepage-block-title .components:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -69px -1011px no-repeat;
    width: 13px;
}
.homepage-login-forgot-link:link,
.homepage-login-forgot-link:visited {
    color: #999;
    text-decoration: underline;
    font-size: 12px;
}
.chosen-container {
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 31px;
    zoom: 1;
}
.chosen-item {
    border-radius: 35px;
    background-color: #e5e5e5;
    padding: 1px 20px 1px 10px;
    margin: 2px;
}
.chosen-InputContainer,
.chosen-item {
    float: left;
    color: #787878;
    font-weight: 700;
    font-size: 13px;
    position: relative;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}
.chosen-InputContainer {
    border-radius: 35px;
    background-color: #69C;
    padding-left: 2px;
    margin-top: 2px;
    line-height: 20px;
}
.chosen-InputContainer input {
    -moz-border-radius-topright: 0!important;
    -moz-border-radius-bottomright: 0!important;
    -moz-border-radius-topleft: 35px!important;
    -moz-border-radius-bottomleft: 35px!important;
    margin-top: 2px;
    height: 10px!important;
    border: none!important;
    line-height: 10px!important;
    width: 125px;
    -webkit-box-shadow: inset 0 0 1px transparent!important;
    -moz-box-shadow: inset 0 0 1px transparent!important;
    box-shadow: inset 0 0 0 transparent!important;
    -webkit-border-radius: 35px 0 0 35px!important;
    border-radius: 35px 0 0 35px!important;
}
.chosen-InputContainer input:focus {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    -webkit-box-shadow: inset 0 0 1px transparent, 0 0 8px rgba(82, 168, 236, .6)!important;
    -moz-box-shadow: inset 0 0 1px transparent, 0 0 8px rgba(82, 168, 236, .6)!important;
    box-shadow: inset 0 0 1px transparent, 0 0 8px rgba(82, 168, 236, .6)!important;
}
.chosen-InputContainer .linkContainer {
    float: left;
    padding: 4px 4px 4px 2px;
    -moz-border-radius-topright: 35px;
    -moz-border-radius-bottomright: 35px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    color: #f5f5f5;
    line-height: 14px;
    font-size: 11px;
    -webkit-border-radius: 0 35px 35px 0;
    border-radius: 0 35px 35px 0;
}
.sideblock-header,
.thumbs-number {
    font-family: myriad-pro, Arial, sans-serif;
}
.chosen-InputContainer .linkContainer:hover {
    color: #f5f5f5;
}
.chosen-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 5px;
    width: 11px;
    height: 11px;
    font-size: 1px;
    background: url(/CommunityBaseTheme/img/chosensprite.png?39842) right top no-repeat;
}
.chosen-emptymessage,
.topic-holder {
    position: relative;
    color: #999;
    display: inline-block;
}
.chosen-emptymessage {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background-image: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background-image: -o-linear-gradient(bottom, #fff 85%, #eee 99%);
    background-image: -ms-linear-gradient(top, #fff 85%, #eee 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #fff 85%, #eee 99%);
    border: 1px solid #aaa;
    margin: 0;
    cursor: text;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    width: 242px;
    padding: 6px;
    zoom: 1;
}
.forum-last-post,
.forums-thumbs {
    font-size: 12px;
    display: block;
    float: left;
}
.preview_topic_container {
    margin-top: 30px;
    background-color: #F9F9F9;
    padding: 10px;
    border-left: 4px solid #CCC;
}
.topic-holder {
    width: 100%;
    padding-top: 15px;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 18px;
}
.foruminfo {
    width: 60%;
    min-width: 30%;
    float: left;
    clear: right;
    min-height: 48px;
}
.forumdata {
    padding: 0;
    width: 100%;
    float: left;
    clear: right;
}
.datacontainer {
    float: left;
    width: 88%;
}
.forumdescription {
    display: block;
    clear: both;
}
.forums-thumbs {
    clear: right;
    width: 17%;
    margin-right: 1%;
    padding-top: 16px;
}
.poster-ideas-top-count,
.poster-name,
.poster-name-ideas {
    padding-top: 5px;
    margin-left: 10px;
}
.forum-last-post {
    width: 20%;
    clear: right;
    line-height: 17px;
}
.thumbs_down_ico,
.thumbs_down_ico_simple,
.thumbs_up_ico,
.thumbs_up_ico_simple {
    text-indent: -9999px;
    display: inline-block;
    width: 25px;
}
.thumbs_up_ico {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -498px no-repeat;
}
.thumbs_up_ico.selected,
.thumbs_up_ico:hover {
    background-position: 0 -513px;
}
.thumbs_down_ico {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -529px no-repeat;
}
.thumbs_down_ico.selected,
.thumbs_down_ico:hover {
    background-position: 0 -545px;
}
.thumbs_down_ico_simple {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -529px no-repeat;
}
.thumbs_up_ico_simple {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -498px no-repeat;
}
.thumbs-number {
    width: 20px;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
}
.newpost-form-label,
.profile-pictureUpload-label {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}
.newpost-form-label {
    margin-top: 25px;
}
.displayInlineBlock,
.tags-ico,
a.post-reply-action {
    display: inline-block;
}
.newpost-notify-message {
    margin-top: 53px;
}
.newpost-actions {
    margin-top: 40px;
}
.radio-checkbox {
    margin-right: 7px!important;
    margin-top: 0!important;
    zoom: 1;
}
.newpost-actions-small-text {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}
.newpost-actions-small-text a:link {
    color: #999;
    text-decoration: underline;
}
.sideblock-training-content {
    background: url(/CommunityBaseTheme/img/sidebartraining.png?39842) right bottom no-repeat;
    min-height: 190px;
}
.sideblock-download-content {
    background: url(/CommunityBaseTheme/img/APdownload.png?39842) right bottom no-repeat;
    min-height: 135px;
}
.poster-holder {
    margin-top: 15px;
}
.poster-ideas-holder {
    margin-top: 15px;
    padding-left: 15px;
}
.poster-ideas-top-count {
    width: 98px;
    text-align: right;
    padding-right: 10px;
}
.poster-name-ideas {
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sideblock-holder,
.sideblock-holder-no-margin {
    border: 1px solid #F0F0F0;
    padding: 3px 3px 0;
}
.sideblock-holder {
    margin-top: 25px;
}
.sideblock-holder-noheader,
.sideblock-holder-noheader-noborder {
    padding-top: 20px;
    padding-bottom: 20px;
}
.sideblock-holder-noheader {
    border: 1px solid #F0F0F0;
    background-color: #f9f9f9;
}
.sideblock-header {
    background-color: #F2F2F2;
    font-size: 14px;
    padding: 7px 10px;
}
.sideblock-content {
    padding: 3px 15px 0;
}
.tags {
    font-size: 12px;
}
.reply-by a:link,
.reply-by a:visited,
.tags a:link,
.tags a:visited {
    color: #999;
    text-decoration: underline;
}
.reply-by a:hover,
.tags a:hover {
    color: #c30;
}
.tags-ico {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -563px no-repeat;
    text-indent: -9999px;
    width: 25px;
}
.reply {
    width: 100%;
    border-top: 1px solid #ECECEC;
}
.reply.first {
    margin-top: 15px;
}
.reply-info {
    background: url(/CommunityBaseTheme/img/shadowtoprightcorner.png?39842) top right no-repeat;
    margin-bottom: 15px;
}
.reply-info .poster-info {
    margin-top: 10px;
}
.reply-info .poster-info .avatar {
    float: left;
}
.reply-info .poster-info .user-post-info {
    float: left;
    margin-left: 15px;
}
.reply-info .reply-actions {
    padding-top: 7px;
    padding-right: 3px;
}
.reply-body {
    padding-bottom: 25px;
}
.reply-body img {
    max-width: inherit;
}
.forums-thumbs-topic {
    font-size: 12px;
    margin-right: 20px;
}
.topic-header-actions {
    font-family: myriad-pro, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #999;
}
a.topic-header-actions-delete,
a.topic-header-actions-edit {
    color: grey;
}
a.topic-header-actions-delete:hover,
a.topic-header-actions-edit:hover {
    color: #c30;
}
.topic-header-actions-topic-link {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -687px no-repeat;
    text-indent: -9999px;
    display: inline-block;
    width: 25px;
    margin-left: 12px;
}
.topic-header-actions-topic-link:hover {
    background-position: 0 -707px;
}
.topic-list-actions {
    margin-top: 15px;
    margin-bottom: 50px;
}
.user-number-posts {
    margin-left: 10px;
    color: #999;
    font-size: 12px;
}
a.post-reply-action:before,
a.post-reply-action:hover:before {
    content: "";
    float: left;
    width: 21px;
    height: 15px;
    margin: 3px 5px 0 0;
}
.post-reply-info {
    color: #999;
    font-size: 12px;
}
.post-reply-info a:link,
.post-reply-info a:visited {
    color: #999;
    text-decoration: underline;
}
a.post-reply-action {
    color: #6A92BA;
}
a.post-reply-action:hover {
    color: #C30;
}
a.post-reply-action:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) 0 -647px no-repeat;
}
a.post-reply-action:hover:before {
    background-position: 0 -666px;
}
.Post_Quote,
.post-quote-reply {
    font-family: Helvetica, Arial, sans-serif;
    color: grey;
    background: #F9F9F9;
    border-left: 4px solid #ccc;
}
.post-quote-reply {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
}
.post-reply-wrapper {
    border-top: 1px solid #F0F0F0;
    padding-top: 20px;
}
.sidebar-related-topic,
.sidebar-related-topic-last {
    padding-top: 10px;
    padding-bottom: 10px;
}
.sidebar-actions {
    margin-top: 20px;
    margin-bottom: 20px;
}
.sidebar-related-topics {
    padding-left: 7px;
    padding-right: 7px;
}
.sidebar-related-topic {
    border-bottom: 1px solid #ccc;
}
.Post_Quote {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
}
.idea-like-count .ribbon,
.idea-like-count-view .ribbon,
.popup-header {
    font-family: myriad-pro, sans-serif;
}
.marginLeftAndRight {
    margin-left: 5px;
    margin-right: 5px;
}
.grayLink {
    color: #999;
}
.search-expand-ico {
    background: url(/CommunityBaseTheme/img/icons.png?89072&39842) -6px -812px no-repeat;
    text-indent: -9999px;
    display: inline;
    width: 13px;
    position: relative;
    top: 1px;
    bottom: 0;
    margin: auto 0;
    height: 18px;
    float: left;
}
.search-expand-ico.expanded {
    background-position: -6px -728px;
}
.RetiredFlag {
    background: url(/CommunityBaseTheme/img/forbidden.png?39842) no-repeat;
    width: 12px;
    height: 17px;
    margin-left: 5px;
    display: inline-block;
    top: 5px;
    position: relative;
}
.component-details-downs:before,
.component-details-followers,
.component-details-votes,
.component-discussion-byline-green span:after,
.idea-done div,
.idea-done-view div,
.idea-like-count a:hover,
.idea-like-count a:link,
.idea-like-count-view a:hover,
.idea-like-count-view a:link,
.idea-like-count-view.liked a:hover,
.idea-like-count.liked a:hover,
.idea-work-in-progress div,
.idea-work-in-progress-view div {
    background-image: url(/CommunityBaseTheme/img/icons.png?39842);
}
.forgeFollowingButtonFixedWidth {
    width: 69px;
}
.RadiusContainer {
    height: 35px;
}
.bullet-cell {
    width: 25px;
}
.bullet-cell input {
    margin-bottom: 4px;
}
.component-holder,
.web-expanded+div {
    margin-bottom: 50px;
}
.ScreenshotWrapper {
    display: table-cell;
    height: 470px;
    width: 878px;
}
.ScreenshotWrapper img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 470px;
    max-width: 878px;
}
.component-holder.fisrt {
    margin-top: 50px;
}
.component-icon,
.component-icon-big {
    min-height: 98px;
    padding-top: 5px;
}
.centerEditNotifications {
    text-align: center;
    margin-right: 20px;
    display: block;
}
.btn-forge {
    width: 85%!important;
}
.btn-align-forge-left {
    text-align: left;
    display: block;
}
.btn-align-forge-right {
    text-align: right;
    display: block;
}
.Invisible {
    display: none!important;
}
.RatingStarsContainer {
    display: inline-block;
    height: 13px;
    margin-right: 3px;
}
.RatingStarsContainer table {
    height: 20px;
}
.RatingStarsContainer table,
.RatingStarsContainer td,
.RatingStarsContainer tr {
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
}
.component-big-box,
.privateMessage {
    border-top: 1px solid #ECECEC;
}
.idea-done-view,
.idea-like-count-view,
.idea-work-in-progress-view {
    padding-right: 15px;
    float: left;
    text-align: center;
}
.component-create-header-section,
.component-create-subhead {
    border-bottom: 1px solid #ECECEC;
}
.RatingStarsContainer td:hover {
    cursor: pointer;
}
.component-details {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}
.component-details-votes {
    background-position: -3px -1279px;
    background-repeat: no-repeat;
}
.component-details-votes.editable {
    padding-left: 0;
}
.component-details-votes.readonly {
    padding-left: 62px;
}
.component-details-votes.one {
    background-position: -3px -1298px;
}
.component-details-votes.two {
    background-position: -3px -1318px;
}
.component-details-votes.three {
    background-position: -3px -1338px;
}
.component-details-votes.four {
    background-position: -3px -1358px;
}
.component-details-votes.five {
    background-position: -3px -1378px;
}
.component-details-downs:before {
    content: "";
    float: left;
    background-position: -5px -586px;
    background-repeat: no-repeat;
    width: 16px;
    height: 15px;
    margin: 0 5px 0 0;
}
.component-details-followers {
    background-position: -7px -1400px;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.idea-done,
.idea-like-count,
.idea-work-in-progress {
    text-align: center;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
.component-details a:link,
.component-details a:visited {
    color: #999;
    text-decoration: underline;
}
.component-details-actions {
    margin-top: 5px;
}
.component-details-actions a.btn:link {
    margin-right: 20px;
}
.component-discussion-byline {
    color: #999;
    font-size: 12px;
}
.component-discussion-byline-green {
    color: #75B214;
    font-size: 12px;
}
.component-discussion-byline-red {
    color: #c30;
    font-size: 12px;
}
.component-discussion-byline-green span:after {
    background-position: -8px -251px;
    background-repeat: no-repeat;
    width: 11px;
    height: 8px;
    content: "";
    position: absolute;
    margin-top: 6px;
    margin-left: 5px;
}
.component-big-box,
.component-big-box-noline,
.component-create-header-section {
    margin-top: 30px;
    padding-top: 10px;
}
.component-details a:link {
    text-decoration: underline;
}
.component-discussion-avatar {
    height: 45px;
    width: 45px;
    margin-right: 10px;
}
.component-discussion-preview-h-details {
    margin-bottom: 10px;
}
.component-discussion-priview-holder {
    margin-bottom: 30px;
}
.component-creation-desc {
    color: #999;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.component-creation-notify {
    margin-top: 10px;
}
.component-creation-actions {
    margin-top: 30px;
}
.component-creation-actions a:link {
    margin-right: 15px;
}
.components-download-warning {
    color: #c30;
}
.component-popup-divs {
    margin-bottom: 20px;
}
.component-popup-filename {
    margin-left: 15px;
}
.gray-link,
.gray-link a:hover,
.gray-link a:link,
.gray-link a:visited {
    color: #999!important;
    text-decoration: underline!important;
}
.inline {
    display: inline;
}
.inline-block {
    display: inline-block;
}
.Left20 {
    margin-left: 20px;
}
.like-label {
    text-transform: uppercase;
}
.poster-name-ideas-Top {
    padding-top: 5px;
    margin-left: 10px;
    width: 135px;
}
.idea-item {
    margin-top: 20px;
    margin-bottom: 24px;
}
.idea-done {
    width: 37px;
    height: 70px;
}
.idea-done div {
    background-position: -44px -1054px;
    background-repeat: no-repeat;
    display: block;
    width: 37px;
    height: 50px;
}
.idea-done-view {
    width: 56px;
}
.idea-done-view div {
    background-position: -4px -1753px;
    background-repeat: no-repeat;
    display: block;
    width: 56px;
    height: 70px;
}
.idea-work-in-progress {
    width: 37px;
    height: 70px;
}
.idea-work-in-progress div {
    background-position: -44px -1115px;
    background-repeat: no-repeat;
    display: block;
    width: 37px;
    height: 50px;
}
.idea-work-in-progress-view {
    width: 56px;
}
.idea-work-in-progress-view div {
    background-position: -4px -1851px;
    background-repeat: no-repeat;
    display: block;
    width: 56px;
    height: 70px;
}
.idea-like-count {
    width: 37px;
    height: 70px;
}
.idea-like-count a:link {
    background-position: -44px -503px;
    background-repeat: no-repeat;
    display: block;
}
.idea-like-count.liked a:link {
    background-position: -44px -661px;
    height: 50px;
}
.idea-like-count a:hover,
.idea-like-count.liked a:hover {
    background-position: -44px -581px;
    color: #c30;
}
.idea-like-count a:hover>.ribbon,
.idea-like-count.liked .ribbon {
    color: #fff;
}
.idea-like-count .ribbon {
    width: 36px;
    height: 35px;
    display: block;
    font-weight: 600;
    font-size: 18px;
    color: #606060;
    padding-top: 10px;
}
.idea-like-count .like-label {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    padding-left: 0!important;
}
.idea-list-desc span.discussed,
.idea-list-desc span.random,
.idea-list-desc span.recent {
    background-image: url(/CommunityBaseTheme/img/icons.png?39842);
    background-repeat: no-repeat;
    padding-left: 20px;
}
.idea-like-count.noLink a:hover {
    background-position: -44px -503px!important;
}
.like-label.noLink,
.ribbon.noLink {
    color: #606060!important;
    cursor: pointer;
}
.idea-like-count-view .static a:hover {
    background-position: -4px -1618px!important;
    color: #606060!important;
}
.idea-like-count-view.noLink a:hover {
    background-position: -4px -1422px!important;
}
.idea-details {
    float: left;
    width: 241px;
}
.idea-list-title {
    margin-bottom: 10px;
}
.idea-item-big,
.idea-item-view,
.idea-view-comments-header {
    margin-bottom: 30px;
}
.idea-item:first-child {
    margin-top: 20px;
}
.idea-list-title a:hover {
    color: #c30;
}
.idea-list-desc {
    color: #999;
    font-size: 12px;
}
.idea-details-big .idea-list-desc {
    top: 10px;
    position: relative;
}
.idea-list-desc a:link,
.idea-list-desc a:visited {
    color: #999;
    text-decoration: underline;
}
.componentDescLink,
.tagLink {
    text-decoration: none!important;
}
.idea-list-desc span.recent {
    background-position: -65px -386px;
}
.idea-list-desc span.discussed {
    background-position: -67px -408px;
}
.idea-list-desc span.random {
    background-position: -67px -426px;
}
.idea-details-big,
.idea-view-comment-commenter .date {
    padding-left: 15px;
}
.idea-top-posters-heading {
    border-bottom: 1px solid #999;
    padding-bottom: 7px;
}
.idea-details-big {
    float: left;
    padding-top: 0;
    width: 645px;
    position: relative;
    top: -5px;
}
.call-out-hero-close,
.call-out-message-close {
    top: 10px;
    right: 10px;
    
}
.idea-like-count-view {
    width: 56px;
}
.idea-like-count-view a:link {
    background-position: -4px -1422px;
    background-repeat: no-repeat;
    display: block;
}
.idea-like-count-view.liked a:link {
    background-position: -4px -1618px;
}
.idea-like-count-view a:hover,
.idea-like-count-view.liked a:hover {
    background-position: -4px -1520px;
    color: #c30;
}
.idea-like-count-view a:hover>.ribbon,
.idea-like-count-view.liked .ribbon {
    color: #fff;
}
.idea-like-count-view .ribbon {
    width: 56px;
    height: 55px;
    display: block;
    font-weight: 600;
    color: #606060;
    padding-top: 10px;
    font-size: 20px;
}
.oscertified-ribbonText,
.osretired-ribbonText {
    font-weight: 700;
}
.importantFontSize11 {
    font-size: 11px!important;
}
.idea-like-count-view .like-label {
    display: block;
    margin-top: 8px;
    font-size: 12px;
}
.idea-details-big-view {
    float: left;
}
.idea-view-text {
    margin-top: 5px;
}
.idea-view-comment-wrapper {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
    word-wrap: break-word;
}
.idea-view-comment-avatar,
.idea-view-comment-details {
    float: left;
}
.idea-view-comment-commenter {
    color: #999;
}
.idea-view-comment-attach {
    font-size: 12px;
}
.leader-table-element {
    text-align: center;
    color: #999;
}
.leader-table-title {
    padding-top: 20px;
}
.leader-table-total-position {
    text-align: center;
    padding-top: 20px;
}
.leader-icon-profile {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -66px -881px no-repeat;
    width: 15px;
    text-indent: -9999px;
    display: block;
    text-align: center;
    margin-left: 20px;
    
}
.leader-icon-academy,
.leader-icon-forums {
    
    text-align: center;
    text-indent: -9999px;
    display: block;
    margin-left: 18px;
}
.leader-icon-academy {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -3px -917px no-repeat;
    width: 21px;
}
.leader-icon-forums {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -5px -845px no-repeat;
    width: 18px;
}
.leader-icon-forge {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -7px -987px no-repeat;
    width: 13px;
    text-indent: -9999px;
    display: block;
    text-align: center;
    margin-left: 20px;
    
}
.leader-icon-ideas {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -9px -1057px no-repeat;
    width: 9px;
    text-indent: -9999px;
    display: block;
    text-align: center;
    margin-left: 22px;
    
}
.leader-table-content-wrapper {
    border-top: 1px solid #ECECEC;
    margin-top: 10px;
}
.leader-table-zebra-odd-row {
    background-color: #F9F9F9;
}
.leader-table-zebra-you-row {
    background-color: #E6E6E6;
}
.leader-screen-second-row {
    margin-top: 70px;
}
.icon-edit {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -8px -568px no-repeat;
    width: 13px;
    height: 11px;
    text-indent: -9999px;
    display: block;
    text-align: center;
    
}
.call-out-hero-close,
.call-out-message-close,
.popup-close {
    text-indent: -9999px;
    width: 17px;
    height: 17px;
    float: right;
    display: block;
}
.popup-header {
    background-color: #F2F2F2;
    font-size: 14px;
    padding: 7px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}
.popup-content {
    padding: 20px;
}
.popup-close {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -38px -261px no-repeat;
}
.popup-close:hover {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -38px -292px no-repeat;
}
.call-out-message {
    background-color: #F9F9F9;
    border: 1px solid #F2F2F2;
    padding: 20px;
    position: relative;
}
.call-out-message-close {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -38px -261px no-repeat;
    position: absolute;
}
.call-out-message-close:hover {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -38px -292px no-repeat;
}
.call-out-hero {
    text-align: center;
    position: relative;
    background-color: #ABCBEC;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -moz-box-shadow: inset 0 3px 3px #9bb6dc;
    -webkit-box-shadow: inset 0 3px 3px #9BB6DC;
    box-shadow: inset 0 3px 3px #9BB6DC;
}
.call-out-hero-content {
    color: #036;
    padding: 10px;
}
.call-out-hero-close {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -38px -325px no-repeat;
    position: absolute;
}
.search-result-icons,
.search-tab,
a.less,
a.more {
    display: inline-block;
}
.call-out-hero-close:hover {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -38px -353px no-repeat;
}
.ckeditor-actions {
    margin-top: 15px;
}
.text-note {
    color: #999;
    font-size: 12px;
}
.pagination a:link,
.pagination a:visited {
    padding: 0 4px;
    margin-right: 3px;
    min-width: 12px;
    height: 20px;
    background-color: #E6E6E6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    color: grey;
}
a.less:before,
a.less:hover:before,
a.more:before,
a.more:hover:before {
    background-image: url(/CommunityBaseTheme/img/icons.png?39842);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    content: "";
    float: left;
}
.pagination a:hover {
    background-color: #c30;
    color: #fff;
}
.pagination a.active:link,
.pagination a.active:visited {
    background-color: #ccc;
    color: #606060;
    cursor: default;
}
.Sidebar .Tab,
.TopCard,
.TopCardSelected,
.pointer,
.prevent-me,
.web-expand {
    cursor: pointer;
}
.BottomTopSearchContainer {
    margin-top: 10px;
}
a.more:before,
a.more:hover:before {
    margin: 5px 5px 0 0;
}
.pagination a {
    color: grey;
    font-size: 12px;
}
.pagination-item.active {
    background-color: #ccc;
    color: #606060;
}
.search-result-link,
.search-result-link a,
.search-results-count,
a.less,
a.more {
    font-size: 12px;
    color: #999;
}
a.more:before {
    background-position: -71px -305px;
}
a.more:hover:before {
    background-position: -71px -325px;
}
a.less:before,
a.less:hover:before {
    margin: 6px 5px 0 0;
}
a.less:before {
    background-position: -71px -345px;
}
a.less:hover:before {
    background-position: -71px -365px;
}
.privateMessage-info,
.profile-job-location,
.profile-social-icons {
    margin-bottom: 15px;
}
.privateMessage {
    width: 100%;
    background: url(/CommunityBaseTheme/img/shadowtoprightcorner.png?84111&39842) top right no-repeat;
}
.privateMessage-info .poster-info {
    margin-top: 15px;
}
.privateMessage-info .poster-info .avatar {
    float: left;
}
.privateMessage-info .poster-info .privateMessageUser-post-info {
    float: left;
    margin-left: 15px;
}
.privateMessageUser-post-info {
    margin-top: -15px;
}
.privateMessage-info .privateMessage-actions {
    padding-top: 15px;
    padding-right: 15px;
}
.privateMessage-body {
    padding-bottom: 25px;
}
.profile-info-box {
    background-color: #f9f9f9;
    border: 1px solid #F2F2F2;
}
.profile-tabs-wrapper,
.search-tabs-wrapper {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
    margin-top: 30px;
}
.profile-info-box-spacer {
    padding-top: 25px;
    padding-bottom: 25px;
}
.profile-tabs {
    text-align: center;
}
.search-tab {
    zoom: 1;
    margin-right: 15px;
}
.search-tab a.link-tab {
    padding: 0 20px;
}
.search-icon-wrapper {
    width: 25px;
    padding-top: 6px;
}
.search-result-icons {
    background: url(/PortalTheme/img/icons.png?39877) no-repeat;
    text-indent: -9999px;
    
}
.search-result-icons.forums {
    background-position: -5px -845px;
    width: 18px;
    height: 13px;
}
.search-result-icons.forge {
    background-position: -7px -987px;
    width: 13px;
    height: 13px;
}
.search-result-icons.ideas {
    background-position: -9px -1057px;
    width: 9px;
    height: 14px;
}
.search-result-icons.academy {
    background-position: -3px -917px;
    width: 21px;
    height: 13px;
}
.search-result-icons.help {
    background-position: -68px -260px;
    width: 13px;
    height: 13px;
}
a.link-tab {
    position: relative;
    background-color: #E6E6E6;
    font-size: 12px;
    padding: 2px 0;
    color: #666;
    display: block;
}
a.link-tab.active:after,
a.link-tab:hover:after {
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.link-tab.active:hover,
.link-tab:hover {
    background-color: #c30;
}
a.link-tab.active,
a.link-tab:hover {
    color: #fff;
}
a.link-tab.active {
    background-color: #4673A7;
    color: #fff;
}
a.link-tab.active:after {
    display: block;
    content: "";
    border-color: #4673A7 transparent transparent;
}
a.link-tab:hover:after {
    display: block;
    content: "";
    border-color: #c30 transparent transparent;
}
.profile-stats .components:before,
.profile-stats .ideas:before,
.profile-stats .posts:before,
.profile-stats .replies:before {
    width: 20px;
    height: 20px;
    display: block;
    content: "";
    float: left;
}
.profile-more-details {
    padding: 0 20px;
    margin-top: 10px;
}
.profile-more-details-rightColumn {
    margin-top: 10px;
    padding: 0 20px 0 0;
}
.profile-more-details-title {
    border-bottom: 1px solid grey;
    margin-bottom: 10px;
    color: #999;
    font-size: 12px;
}
.profile-more-details-text {
    margin-bottom: 25px;
}
.change-email-radio {
    top: 4px;
    left: 8px;
    position: relative;
}
a.profile-more-details-email-settings {
    margin-left: 10px;
}
.profile-stats div {
    margin-bottom: 10px;
}
.profile-stats .components,
.profile-stats .ideas,
.profile-stats .posts,
.profile-stats .replies {
    margin-left: 5px;
}
.profile-stats .posts:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -5px -842px no-repeat;
}
.profile-stats .replies:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -66px -841px no-repeat;
}
.profile-stats .components:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -6px -983px no-repeat;
}
.profile-stats .ideas:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -6px -1057px no-repeat;
}
.profile-ladder-rank {
    padding-top: 10px;
    margin-bottom: 30px;
}
.profile-ladder-rank .number {
    font-size: 18px;
}
.profile-activity {
    color: #999;
    margin-bottom: 10px;
}
.profile-on-the-web div {
    margin-top: 8px;
    margin-bottom: 2px;
}
.profile-edit-sitelink-blog:before,
.profile-edit-sitelink-facebook:before,
.profile-edit-sitelink-gplus:before,
.profile-edit-sitelink-linkedin:before,
.profile-edit-sitelink-twitter:before,
.profile-edit-sitelink-web:before {
    float: left;
    width: 21px;
    height: 21px;
    display: block;
    content: "";
    margin-top: 4px;
    margin-right: 10px;
}
.profile-edit-sitelink-web:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -33px -67px no-repeat;
}
.profile-edit-sitelink-linkedin:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -59px -131px no-repeat;
}
.profile-edit-sitelink-gplus:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -33px -3px no-repeat;
}
.profile-edit-sitelink-twitter:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -59px -67px no-repeat;
}
.profile-edit-sitelink-facebook:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -59px -3px no-repeat;
}
.profile-edit-sitelink-blog:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -33px -131px no-repeat;
}
.Feedback_Message_Wrapper {
    margin-top: 110px!important;
}
div.Feedback_Message_Wrapper img {
    max-width: inherit;
}
.outsystemsStaffBadgeContainer {
    margin-left: 10px;
    display: inline-block;
}
.OutSystemsStaffBadge {
    background-image: url(/CommunityBaseTheme/img/icons.png?39842);
    background-position: 0 -1712px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: inline-block;
    width: 95px;
    height: 24px;
}
.user-info {
    float: left;
    margin-left: 10px;
}
.user-image {
    float: left;
    text-align: center;
}
.PostTextBlack {
    color: #000;
}
.profile-topic-holder {
    position: relative;
    padding-bottom: 18px;
    display: inline-block;
    margin-left: 0;
}
.profile-foruminfo {
    min-width: 30%;
    float: left;
    clear: right;
    min-height: 48px;
}
.profile-forumdata-sub {
    padding: 0;
    width: 170px;
    float: left;
    clear: right;
}
.profile-forums-thumbs-sub {
    font-size: 12px;
    display: block;
    float: left;
    clear: right;
    width: 40%;
    margin-right: 1%;
}
.profile-foruminfo-sub {
    min-width: 30%;
    float: left;
    clear: right;
    min-height: 25px;
    width: 100%;
    color: #999;
}
.TopicLink:hover {
    color: #c30;
}
.tagLink {
    background-color: #e5e5e5;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: inline-block;
    padding: 0 10px;
    margin: 2px 4px 2px 0;
    font-size: 11px;
}
.tagLink:hover {
    background-color: #cd3301;
    color: #f5f5f5!important;
}
.oscertified-ribbonText,
.osretired-ribbonReason,
.osretired-ribbonText {
    vertical-align: middle;
    color: #744e1d;
}
.oscertified-ribbon {
    background-image: url(/CommunityBaseTheme/img/os_certified_ribbon.png?39842);
    background-repeat: no-repeat;
    text-align: center;
    height: 25px;
    margin-left: 0;
    margin-top: -10px;
    margin-bottom: 5px;
    font-size: 12px;
}
.OSCertifiedFlag,
.sticky-post-icon {
    position: relative;
    display: inline-block;
    margin-left: 5px;
}
.OSCertifiedFlag {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -70px -721px no-repeat;
    width: 12px;
    height: 17px;
    top: 5px;
}
.sticky-post-icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -73px -748px no-repeat;
    width: 9px;
    height: 14px;
    top: 2px;
}
.osretired-ribbon,
.osretired-ribbonReason {
    font-size: 12px;
    margin-left: 0;
    margin-top: -10px;
    margin-bottom: 5px;
    text-align: center;
}
.osretired-ribbon {
    background-color: #ED9F53;
    background-repeat: no-repeat;
    height: 20px;
}
.component-warning {
    border: 1px solid #FFD977;
    color: #444;
    font-size: 12px;
    max-width: 375px;
    box-sizing: border-box;
    text-align: left;
    background: url(/CommunityBaseTheme/img/icons.png?39842) -53px -778px no-repeat #FFF780;
    padding: 5px 0 5px 47px;
    line-height: 19px;
}
.componentDescLink,
.componentDescLink:hover {
    background-color: #69c;
    color: #f5f5f5!important;
}
.componentDescLink {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: inline-block;
    padding: 0 10px;
    margin: 2px 4px 2px 0;
    font-size: 11px;
}
.mar-left-100 {
    margin-left: 100px;
}
.forgeSubTitleMainPage {
    margin-top: -20px;
    margin-bottom: 10px;
    color: #596a74;
}
.forge-comp-detail {
    width: 150px;
}
.searchInputForge {
    width: 477px!important;
}
.left15 {
    margin-left: 15px;
}
.forgeIncompatibleVersionIcon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -67px -783px no-repeat;
    width: 21px;
    height: 19px;
    display: block;
    margin-left: 6px;
    position: relative;
    float: left;
    top: 3px;
}
.home-ico-devt:hover>span.icon,
.home-ico-devt>span.icon {
    width: 17px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}
.home-ico-devf,
.home-ico-devt,
.home-ico-klt {
    line-height: 13px;
}
.home-ico-devt>span.icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -35px -721px no-repeat;
}
.home-ico-devt:hover>span.icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -35px -751px no-repeat;
}
.home-ico-klt:hover>span.icon,
.home-ico-klt>span.icon {
    width: 15px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}
.home-ico-klt>span.icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -35px -781px no-repeat;
}
.home-ico-klt:hover>span.icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -35px -811px no-repeat;
}
.home-ico-devf:hover>span.icon,
.home-ico-devf>span.icon {
    width: 16px;
    height: 11px;
    display: inline-block;
    margin-right: 5px;
}
.home-ico-devf>span.icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -37px -841px no-repeat;
}
.home-ico-devf:hover>span.icon {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -37px -871px no-repeat;
}
.ConfirmationMessage_MainBackground {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    z-index: 9001;
    display: none;
    position: fixed;
}
.button-confirmation-container {
    border-top:1px solid #E7ECED;
    padding: 20px;
}

.forge-espace .button-confirmation-container a.btn {
    line-height: 41px;
    padding: 0 20px;
} 

.forge-espace .button-confirmation-container a.btn.white {
    background:#fff;
} 

.ConfirmationMessage_popup-holder {
    position: fixed;
    z-index: 9002;
    display: none;
    min-width: 450px;
    max-width: 519px;
    background-color: #fff;
    overflow: hidden;
    border: 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
}
div.Feedback_AjaxWait {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 150px;
    margin-left: -75px;
    background-image: url(/CommunityBaseTheme/img/Feedback_AjaxWait_Background.png?39842);
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 10px 0 6px;
    text-align: center;
    z-index: 10000;
}
.MenuRow,
.header2,
.header4,
.header5 {
    font-weight: 400;
}
.HomeIcon,
.PersonalHeaderBackground {
    background-color: #FFF;
    min-height: 50px;
}
div.Feedback_AjaxWait img {
    display: none;
}
.smallerFont {
    font-size: 14px;
}
.countdownFont {
    font-size: 17px;
}
.biggerFont {
    font-size: 18px;
}
.Gray5 {
    color: #333;
}
.Gray4 {
    color: #606060;
}
.Gray3 {
    color: grey;
}
.Gray2 {
    color: #AAA;
}
.Gray1 {
    color: #CC0;
}
.text-com-gray-01 {color: #eceff1;}
.text-com-gray-02 {color: #e7eced;}
.text-com-gray-03 {color: #d3dadb;}
.text-com-gray-04 {color: #bdc5c7;}
.text-com-gray-05 {color: #949fa3;}
.text-com-gray-06 {color: #7a878b;}
.text-com-gray-07 {color: #596669;}
.text-com-gray-08 {color: #384142;}
.text-com-gray-09 {color: #1f282d;}
.spinner {
    white-space: nowrap;
    overflow: hidden;
    -moz-animation: spinnerRotate 2s linear 0s infinite;
    -webkit-animation: spinnerRotate 2s linear 0 infinite;
}
@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
.header2 {
    font-size: 24px;
    padding-top: 0;
}
.header5 {
    font-size: 13px;
}
.header4 {
    font-size: 16px;
}
.HomeIcon {
    width: 40px;
    color: #999;
    border-top-left-radius: 5px;
}
.HomeIconBorder {
    border: none;
    margin-top: 14px;
}
.PersonalHeaderBackground {
    position: relative;
    border-top-right-radius: 5px;
    width: 268px;
}
.PersonalHeaderBackground:after {
    content: '';
    position: absolute;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    min-width: 10px;
    height: 50px;
    background: #FFF;
    top: 0;
    right: -4px;
    border-radius: 0 5px 0 0;
}
.PersonalDNSName {
    display: inline-block;
}
.PersonalHeaderMargins {
    margin-right: 10px;
}
.PersonalActions {
    color: #08C;
    font-size: 12px;
}
.PersonalHeaderBorderBottom {
    border: none;
    width: 100%;
    height: 65px;
    background: #E6EAEB;
}
.IconCard,
.IconCardSelected {
    background-color: transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.PersonalEnvironmentText {
    color: grey;
    font-size: 12px;
}
.PersonalHeaderTransparentBackground {
    color: transparent;
}
.InfrastructureNameText {
    color: #333;
}
.InfrastructureNameSize {
    font-size: 15px;
}
.TopCard {
    width: 30%;
}
.IconCard {
    color: #AFDCEF;
}
.IconCardSelected {
    color: #F4D6CC;
}
.IconText {
    color: #08C;
    font-size: 14px;
}
.SelectedBrowseAppsIconText,
.SelectedCreateApplicationIconText,
.SelectedManageAppsIconText {
    padding: 20px;
}
.SelectedCreateApplicationIcon:after {
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -5px;
}
.SelectedGuidedTutorialIcon {
    border: 1px solid #CCC;
    border-radius: 10px;
    color: grey;
    position: relative;
    margin-left: 0;
}
.SelectedGuidedTutorialIconText {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
}
.SelectedBrowseAppsIcon:after,
.SelectedGuidedTutorialIcon:after {
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -5px;
}
.exploreBorder {
    border-bottom: 1px solid #ddd;
}
.IconTextSelected {
    color: #C72500;
    border-bottom: 4px solid #C72500;
    font-size: 14px;
}
.ClosePersonalBox {
    color: grey;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 2px;
    right: 2px;
    float: right;
    display: block;
    
}
.ClosePersonalBox:hover {
    color: #000;
}
.PersonalUnavailablePopupBorder {
    border: 2px solid #000;
    background-color: #ffffe0;
    padding: 30px;
}
.PersonalUnavailablePopupButtonMargin {
    margin-top: 5%;
}
.PersonalUnavailableTextMargins {
    margin-left: 15%;
    margin-right: 15%;
}
.SelectedManageAppsIcon:after {
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -5px;
}
.Mobile,
.mobile-display,
.mobile-search {
    display: none;
}
.mobile-align {
    text-align: right;
}
.ProfileMenu {
    text-align: left;
    margin-left: -105px;
    position: absolute;
    top: 56px;
    z-index: 1000;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .18);
    border-top: none;
    width: 170px;
    background: #FFF;
}
.ProfileMenu .osicon-arrow-triangle-up:before {
    position: absolute;
    top: -8px;
    left: 126px;
}
.rectangleMessage {
    width: 32px;
}
@-moz-document url-prefix() {
    .rectangleMessage {
        width: 44px;
    }
}
.pointer img {
    border: 2px solid transparent;
    transition: all 300ms ease;
}
.pointer img.mvp-color {
    border-color: unset;
}
.DropdownActive {
    background-color: transparent;
}
.DropdownActive img.header-headshot,
.DropdownActive img.mvp-color {
    background-color: #fff;
    border: 2px solid #fff;
}
.header-headshot {
    margin: 7px 8px 8px 8px;
    border-radius: 50%;
    height: 34px;
    width: 34px;
}

.footer-section-wrapper {
    position: relative;
}

div.optanon-show-settings-popup-wrapper {
    left: 50%;
    position: absolute;
    top: 0;
}

.mvp-name .mvp_badge,
.mvp-name .mvp_label {
    background-repeat: no-repeat;
    display: inline-flex;
    margin-left: 10px;
    text-indent: -9999px;
}
.mvp-color {
    color: #f08c00;
}
.mvp-border {
    border: 2px solid;
}
.mvp-border.image-header {
    border-radius: 50%;
}
.mvp-border.image-profile {
    border-radius: 10%;
}
.mvp-name {
    display: inline-flex;
}
.mvp-name .mvp_badge {
    background-image: url(/cms_backoffice/assets/20170609153232/mvp-badge);
    background-size: 20px; 
    width: 24px;
    height: 28px;
}
.mvp-name .mvp_label {
    background-image: url(/cms_backoffice/assets/20170609150249/mvp-label);
    width: 40px;
    height: 14px;
    margin-top: 3px;
}
@media (max-width: 979px) {
    .partner-mobile a:link {
        content: "Partner";
    }
    .header-logged-out {
        white-space: nowrap;
    }
    .top-menu-item {
        padding: 0;
    }
    .top-menu-item a {
        padding: 0 20px;
        font-size: 13px;
    }
    
    .mobile-search {
        display: none;
    }
    .search-wrapper .small-search input.search {
        width: 84px;
    }
    .search-wrapper input.searchBig {
        width: 500px;
        font-size: 12px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left: 28px;
    }
    .idea-details {
        width: 161px;
    }
    .idea-view-comment-details {
        width: 80%;
    }
    .poster-name-ideas {
        width: 60px;
    }
    .poster-name-ideas-Top {
        width: 78px;
    }
    .homepage-block-components-details {
        width: 130px;
    }
    .top-user-ellipsis {
        width: 93px;
    }
    .forge-comp-detail {
        width: auto;
    }
    .getstarted-what-u-get {
        border-radius: 10px 10px 0 0;
        width: 722px;
        border-right: 1px solid #F2F2F2;
        border-bottom: 0;
        border-top: 1px solid #F2F2F2;
        border-left: 1px solid #F2F2F2;
    }
    .home-msg-device-center {
        width: 500px;
        margin: 0 auto;
    }
    .arrow-wrapper {
        display: inline-block;
        width: 100%;
    }
    .left50 {
        margin-left: 20px;
    }
    .item-notdisplay {
        display: none;
    }
}
@media (max-width: 767px) {
    .all-content-wrapper {
        min-height: initial;
        padding: 0 10px;
    }
    .all-content-wrapper input[type=text] {
        box-sizing: border-box;
        min-height: 30px;
    }
    .header-icon,
    .header-icon-logout {
        margin-left: 0;
    }
    .header-headshot {
        padding: 0;
    }
    .header-icon-settings {
        border: none;
        padding: 0;
    }
    .header-icon {
        margin-right: 10px;
    }
    .Mobile {
        display: block;
    }
    .component-icon,
    .mobile-notdisplay {
        display: none;
    }
    body {
        padding-left: 0;
        padding-right: 0;
    }
    .homepage-block-last-answered-details {
        width: 362px;
    }
    .resize-80 {
        width: 80%;
    }
    .ConfirmationMessage_popup-holder {
        min-width: 0;
    }
    .idea-view-comment-details {
        width: 70%;
    }
    .breadcrumb {
        margin: 0 0 20px;
    }
    .top-menu-separator {
        height: 55px;
        float: left;
        margin-top: 1px;
    }
    .top-menu-item {
        width: 85px;
    }
    .header-info {
        color: #BABABA;
        background-color: #000;
        margin-top: 0;
    }
    .menu-placeholder {
        background-color: #BCC5CC;
        margin-top: -1px;
        height: 87px;
        padding-top: 15px;
    }
    .menu-wrapper {
        margin-left: 10px;
    }
    .menu-item {
        margin-right: 0;
        width: 96px;
        text-align: left;
    }
    .Header-UserInfo {
        text-align: right;
        padding-top: 6px;
    }
    div.Header-ButtonContainer {
        padding-top: 0;
        width: 66px;
    }
    .search-wrapper input.search {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .search-wrapper input.searchBig {
        width: 94%!important;
        margin-left: 10px;
    }
    .search-wrapper input.submit {
        float: none;
    }
    .component-holder {
        margin-bottom: 25px;
    }
    .backgroungcontainerheader {
        background: #000;
        height: 100%;
    }
    
    .login-info-wrapper {
        right: 60px;
        position: absolute;
        top: 0;
        height: 50px;
    }
    .home-msg-device-center {
        margin: 0 auto;
        width: auto!important;
    }
    .marginleft0 {
        margin-left: 0!important;
    }
    .paddingLeft30 {
        padding-left: 0;
    }
    .mobile-display {
        display: block;
    }
    .BottomTopSearchContainer {
        margin-left: -10px;
        margin-right: 25px;
    }
    .left50 {
        margin-left: 0;
    }
    .idea-details-big {
        width: auto;
    }
    a.link-tab.active:after,
    a.link-tab:hover:after {
        border-color: transparent;
        border-style: none;
        border-width: 0;
    }
    .link-tab.active:hover,
    .link-tab:hover,
    a.link-tab.active {
        padding: 5px 0;
    }
    .search-tab {
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
    .mobile-align {
        text-align: left;
    }
    .profile-more-details {
        padding-left: 0;
    }
    
    .header.with-search {
        position: fixed;
    }
    .mobile-search {
        margin-top: 5px;
        width: 100%;
        padding: 0 5px;
        display: flex;
        box-sizing: border-box;
    }
    .SelectedBrowseAppsIcon:after,
    .SelectedBrowseAppsIcon:before,
    .SelectedCreateApplicationIcon:after,
    .SelectedCreateApplicationIcon:before,
    .SelectedGuidedTutorialIcon:after,
    .SelectedGuidedTutorialIcon:before,
    .SelectedManageAppsIcon:after,
    .SelectedManageAppsIcon:before {
        border-width: 1px;
    }
    .leader-table-content-wrapper>.row {
        padding: 25px;
        border: 1px solid #e6e6e6;
        margin: 10px 0;
        border-radius: 4px;
    }
    .leader-table-title {
        text-align: center;
    }
    .leader-table-element.table-header,
    .leader-table-total-position.table-header {
        display: none;
    }
    .leader-table-user-row {
        display: flex;
        flex-direction: column;
    }
    .leader-table-element-row,
    .leader-table-total-position-row:last-child {
        display: flex;
        flex-direction: row-reverse;
        line-height: 20px;
    }
    .leader-table-total-position-row:last-child {
        font-weight: 700;
        padding: 10px 3px;
    }
    .leader-table-element-row {
        padding: 10px 5px;
        border-top: 1px solid #e2e2e2;
    }
    .leader-table-total-position {
        padding: 0;
    }
    .leader-table-content-wrapper>.row .leader-table-total-position-row:first-child {
        font-size: 22px;
        text-align: center;
        margin-bottom: 20px;
    }
    .footer-site .FooterTextMargins,
    .leader-table-element.leader-table-cell-caption span {
        margin: 0;
    }
    .leader-table-element.leader-table-cell-caption,
    .leader-table-total-position.leader-table-cell-caption {
        line-height: 14px;
        display: flex;
        flex-direction: row;
    }
    .leader-table-element.leader-table-cell-caption span:last-child {
        left: 70px;
        position: absolute;
        font-size: 14px;
    }
    .leader-table-user-row .ladder-table-user-name {
        width: 100%;
        text-align: center;
        line-height: 50px;
    }
    .leader-table-user-row .user-image {
        width: 100%!important;
        text-align: center;
    }
    .leader-table-zebra-odd-row {
        background-color: #ffF;
    }
    .footer-site .social-icons li a:link {
        margin-right: 0;
    }
}
@media (max-width: 979px) {
    .SelectedBrowseAppsIcon:after,
    .SelectedBrowseAppsIcon:before,
    .SelectedCreateApplicationIcon:after,
    .SelectedCreateApplicationIcon:before,
    .SelectedGuidedTutorialIcon:after,
    .SelectedGuidedTutorialIcon:before,
    .SelectedManageAppsIcon:after,
    .SelectedManageAppsIcon:before {
        border-width: 1px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .searchview-close {
        right: 130px;
    }
    .searchview-content {
        width: 570px;
    }
    .leader-table-element.table-header,
    .leader-table-total-position.table-header {
        display: block;
    }
    .leader-table-element.leader-table-cell-caption,
    .leader-table-total-position.leader-table-cell-caption {
        display: none;
    }
    .leader-table-title {
        text-align: right;
    }
    .leader-table-element-row {
        text-align: center;
        color: #999;
        margin-top: 18px;
        margin-left: 20px;
        line-height: 30px;
        padding: 0;
    }
    .leader-table-total-position-row {
        text-align: center;
        margin-top: 18px;
        margin-left: 14px;
        line-height: 30px;
    }
    .leader-table-total-position-row:last-child {
        font-weight: inherit;
        padding: initial;
    }
    .leader-table-user-row {
        display: flex;
        line-height: 30px;
    }
    .leader-table-content-wrapper .row {
        padding-top: 3px;
    }
    .ladder-table-user-name {
        margin-left: 10px;
        width: 100%;
        margin-top: 13px;
    }
    .leader-table-element {
        margin-left: 18px;
    }
}
@media (min-width: 980px) {
    .leader-table-title {
        text-align: left;
    }
    .leader-table-element-row,
    .leader-table-total-position-row {
        text-align: center;
        line-height: 50px;
    }
    .leader-table-element.table-header,
    .leader-table-total-position.table-header {
        display: block;
    }
    .leader-table-element.leader-table-cell-caption,
    .leader-table-total-position.leader-table-cell-caption {
        display: none;
    }
    .leader-table-element-row {
        color: #999;
        margin-left: 22px;
    }
    .leader-table-total-position-row:last-child {
        font-weight: inherit;
        padding: initial;
    }
    .leader-table-user-row {
        display: block;
    }
    .leader-table-content-wrapper .row {
        padding: 2px;
    }
    .ladder-table-user-name {
        margin-left: 10px;
        width: 144px;
        margin-top: 18px;
    }
    .leader-table-element {
        margin-left: 20px;
    }
}
.byline {
    color: grey;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 3px;
}
.filterlabel {
    width: 108px;
    display: inline-block;
}
.CommunityDownloadButton {
    background: url(/Community/img/CommunityDownloadButton.png?39875) 1px -1px no-repeat;
    width: 312px!important;
    height: 55px;
    display: inline-block;
    color: #FFF!important;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .5)!important;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
    background-color: transparent!important;
    border: none;
    padding-bottom: 8px;
}
.CommunityDownloadButton:hover {
    background-position: 1px -61px;
    background-color: transparent!important;
}
.checkbox {
    zoom: 1;
    padding-left: 0;
}
.whiteSpaceNoWrap {
    white-space: nowrap;
}
.wordBreakWord {
    word-break: break-word;
}
.tableofcontents {
    bottom: 0;
    display: block;
    position: relative;
    right: -644px;
    top: 0;
    font-size: 18px;
    background: #444;
    color: #fcfcfc;
    width: 30px;
    height: 362px;
    overflow-y: auto;
    opacity: .97;
}
.tableofcontents:hover {
    width: 300px;
    right: -374px;
}
.tableofcontents .tableofcontents-title {
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=4);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    font-family: myriad-pro, sans-serif;
    text-rendering: optimizelegibility;
    font-size: 16px;
    color: #FCFCFC;
    width: 191px;
    position: absolute;
    right: -80px;
    top: 145px;
}
.footer.social-icons a,
.social-userexperienceshared a {
    color: #ccc;
    border: none;
    -webkit-transition: all ease-in-out .15s;
    -moz-transition: all ease-in-out .15s;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}
.tableofcontents:hover .tableofcontents-title {
    right: 190px;
}
.tableofcontents .tableofcontents-content {
    font-size: 12px;
    margin-left: 30px;
    padding-left: 10px;
    padding-right: 2px;
    position: absolute;
    display: none;
    background-color: #1b1b1b;
    height: 100%;
    width: 258px;
    overflow-y: auto;
    overflow-x: none;
}
.tableofcontents:hover .tableofcontents-content {
    display: block;
}
.tableofcontents li {
    list-style: none;
    line-height: 18px;
    margin-top: 5px;
}
.social-icons .share a {
    font-size: 18px;
}
.footer.social-icons a {
    font-size: 14px;
    width: 308px;
    display: block;
    overflow: hidden;
}
ul.footer.social-icons li {
    display: inline-block;
}
ul.footer.social-icons {
    margin-top: 27px;
}
.footer a.facebook,
.footer a.google,
.footer a.linkedin,
.footer a.twitter {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=26072013) no-repeat;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    display: inline-block;
}
.footer a.twitter {
    background-position: -29px -551px;
}
.footer a:hover.twitter {
    background-position: -29px -581px;
}
.footer a.facebook {
    background-position: -1px -551px;
}
.footer a:hover.facebook {
    background-position: -1px -581px;
}
.footer a.google {
    background-position: -29px -611px;
}
.footer a:hover.google {
    background-position: -29px -641px;
}
.footer a.linkedin {
    background-position: -1px -611px;
}
.footer a:hover.linkedin {
    background-position: -1px -641px;
}
.footer.social-icons {
    float: right;
    margin-top: 10px!important;
}
.footer.social-icons a:link {
    margin-right: 0;
    margin-left: 10px;
}
.mobile-top20 {
    margin-top: 0;
}
.mobile-search {
    display: none;
}
.social-userexperienceshared a.facebook,
.social-userexperienceshared a.g-plus,
.social-userexperienceshared a.linkedin,
.social-userexperienceshared a.twitter {
    background: url(/CMS_BackOffice/ResourceLink.aspx?ResourceName=icons&v=26072013) no-repeat;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    display: inline-block;
}
.social-userexperienceshared a.twitter {
    background-position: -29px -551px;
}
.social-userexperienceshared a:hover.twitter {
    background-position: -29px -581px;
}
.social-userexperienceshared a.facebook {
    background-position: -1px -551px;
}
.social-userexperienceshared a:hover.facebook {
    background-position: -1px -581px;
}
.social-userexperienceshared a.g-plus {
    background-position: -29px -611px;
}
.social-userexperienceshared a:hover.g-plus {
    background-position: -29px -641px;
}
.social-userexperienceshared a.linkedin {
    background-position: -1px -611px;
}
.social-userexperienceshared a:hover.linkedin {
    background-position: -1px -641px;
}
.social-userexperienceshared a {
    margin-right: 10px;
    font-size: 14px;
    width: 308px;
    display: block;
    overflow: hidden;
}
.mobile-marginleft0 {
    margin-left: 10px;
}
.hideie {
    display: none!important;
}
.web-expand {
    color: #08c;
    padding: 15px 0;
    border-bottom: 1px solid #e7e7e7;
}
.web-expanded+div {
    margin-top: 20px;
}
.faq-title {
    margin: 50px 0 20px;
    font-size: 14px;
    font-weight: 600;
}
.confirmationDiv {
    width: 450px;
    margin: 20px 0;
    color: #606060;
    border: 1px solid #e1e1e1;
    background-color: #e1e1e1;
}
.Sidebar,
.SidebarNew {
    width: 100px;
    box-shadow: inset 3px 0 0 #c20;
}
.Sidebar .Tab,
.Sidebar .TabInitial,
.SidebarNew .TabInitial {
    height: 115px;
    padding: 15px 10px 10px;
    color: #FFF;
    box-sizing: border-box;
}
.Sidebar .Tab:last-child,
.Sidebar .TabInitial:last-child,
.SidebarNew .TabInitial:last-child {
    border-bottom-left-radius: 2px;
}
.Sidebar .Tab:first-child,
.Sidebar .TabInitial:first-child,
.SidebarNew .TabInitial:first-child {
    border-top-left-radius: 2px;
}
.margin10 {
    margin: 10px;
}
.footer-section-wrapper {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
.tooltip {
    display: table!important;
}
.SidebarMain {
    position: absolute;
    left: 20px;
    margin-top: 30px;
}
.Sidebar {
    position: absolute;
    background: #424B4C;
    background-image: -webkit-linear-gradient(right, #232526 0, #192836 100%);
    background-image: linear-gradient(to left, #232526 0, #192836 100%);
}
.SidebarNew {
    background: #424B4C;
    background-image: -webkit-linear-gradient(right, #232526 0, #192836 100%);
    background-image: linear-gradient(to left, #232526 0, #192836 100%);
    display: table-cell;
}
.Sidebar .TabInitial,
.SidebarNew .TabInitial {
    cursor: default;
    position: relative;
}
.Tab.Active {
    position: relative;
}
.Tab.Active:after {
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FFF;
    right: 0;
    top: 45px;
    z-index: 999999999;
}
.Sidebar .Tab>div,
.Sidebar .TabInitial>div,
.SidebarNew .TabInitial>div {
    margin-top: 10px;
}
.Sidebar .Tab:last-child {
    border-bottom-right-radius: 2px;
}
.Sidebar .Tab:first-child {
    border-top-right-radius: 2px;
}
.Sidebar .Tab:not(:first-child),
.Sidebar .TabInitial:not(:first-child),
.SidebarNew .TabInitial:not(:first-child) {
    border-top: 1px solid #555A5B;
}
.Sidebar .Tab .Icon,
.Sidebar .TabInitial .Icon,
.SidebarNew .TabInitial .Icon {
    height: 35px;
    width: 35px;
    margin: 0 auto;
}
.Sidebar .Tab .Icon [class^=fa],
.Sidebar .Tab .Icon img,
.Sidebar .TabInitial .Icon [class^=fa],
.Sidebar .TabInitial .Icon img,
.SidebarNew .TabInitial .Icon [class^=fa],
.SidebarNew .TabInitial .Icon img {
    max-width: 100%;
    max-height: 100%;
    font-size: 35px;
}
.Sidebar .Tab .Label,
.Sidebar .TabInitial .Label,
.SidebarNew .TabInitial .Label {
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: center;
}
.ProgressBar {
    height: 7px;
    border-radius: 3px;
    background: #596669;
}
.ProgressBar .Progress {
    height: inherit;
    border-radius: inherit;
    background: #8CC83C;
}
.SidebarMainInitial {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 1003;
    display: table;
    width: 600px;
}
.black_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: .6;
    opacity: .6;
    filter: alpha(opacity=60);
}
@media (max-width: 767px) {
    .Responsive .AppSwitcherContainer,
    .Responsive .Counter_Message,
    .Responsive .HiddenInSmartphone,
    .Responsive [class*=ThemeGrid_Width].HiddenInSmartphone {
        display: none;
        
    }
    .header-logo a:link,
    .mobile-search {
        display: inline-block;
    }
    .mobile-top20 {
        margin-top: 20px;
        width: 250px!important;
    }
    .mobile-search {
        margin-top: 5px;
        width: 90%;
    }
    .footer.social-icons {
        float: none;
    }
    .search-wrapper input.searchBig,
    input,
    input[type=password],
    input[type=search],
    input[type=text] {
        font-size: 16px;
    }
    .mobile-marginleft0 {
        margin-left: 0!important;
        clear: both!important;
        width: 250px!important;
    }
}


.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
    background: #aaa;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    filter: Alpha(Opacity=50).*IE7 fix*/
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-top: -20px;
    opacity: .5;
    top: 50%;
    width: 25px;

    display: inline;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    text-align: center;
    zoom: 1;

    
}

.owl-theme .owl-controls .owl-page span {
    background: #aaa;
    border-radius: 20px;
    display: block;
    filter: Alpha(Opacity=50)
    height: 10px;
    margin: 10px 10px;
    opacity: .5;
    width: 10px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100)
    opacity: 1;
}

.owl-carousel .owl-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.owl-prev.fa.fa-fw.fa-angle-left {
    left: 10px;
    position: absolute;
}

.owl-next.fa.fa-fw.fa-angle-right {
    position: absolute;
    right: 10px;
}
.forge-espace a.btn,
.forge-espace label.btn {
    letter-spacing: 1px;
    text-transform: uppercase;
}

.forums-espace .processingUpload {
    display: inline-block;
    padding: 3px 0 0 4px;
    font-size: 12px;
}

.forums-espace .disable {
    pointer-events: none;
    cursor: default;
    opacity: .9;
}

.forums-espace .archived {
    background-color: #d3d3d3;
    color: #000;
}

.forums-espace .diggest,
.forums-espace .rss {
    background: url(/forums/img/spriteicons.png?40098) no-repeat;
    padding-left: 20px;
}

.forums-espace .rss {
    background-position: 0 -43px;
}

.forums-espace .rss:hover {
    background-position: 0 -66px;
}

.forums-espace .diggest {
    background-position: 0 2px;
}

.forums-espace .diggest:hover {
    background-position: 0 -20px;
}


.partnerarea-espace .Tabs_Wrapper {
    margin: 0 0 8px;
    border: 1px solid #fff;
}

.partnerarea-espace div.Tabs_TabOff,
.partnerarea-espace div.Tabs_TabOn {
    float: left;
    margin: 0;
    list-style: none;
}

.partnerarea-espace .Tabs_TabBody:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.partnerarea-espace div.Tabs_TabOn {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

.partnerarea-espace .switcherContainer {
    background-color: #36474f;
    height: auto;
    color: #91a0a7;
    padding-bottom: 5px;
}

.partnerarea-espace .switcherContainer a,
.partnerarea-espace .switcherContainer a:hover {
    color: #91a0a7;
    cursor: pointer;
}

.partnerarea-espace .styled-select select {
    padding-left: 10px;
    font-size: 14px;
    line-height: 1;
    border-radius: 5px;
    height: 28px;
    -webkit-appearance: none;
    background: url(/PartnerArea/img/dropdown_icon.png?39817) right no-repeat #273238;
    border-color: #3C3C3C;
    color: #FFF;
    float: none;
    margin-bottom: 0;
    box-shadow: none;
    background-position-x: 230px;
}

.partnerarea-espace .styled-select {
    overflow: hidden;
}

.partnerarea-espace .popover {
    position: absolute;
    top: 35px;
    left: -85px;
    z-index: 1010;
    display: none;
    max-width: 276px;
    width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: rgba(0, 0, 0, .78);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.partnerarea-espace .popover.bottom {
    margin-top: 10px;
}

.partnerarea-espace .popover-title {
    padding: 8px 14px 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

.partnerarea-espace .popover-content {
    padding: 9px 14px;
}

.partnerarea-espace .popover .arrow,
.partnerarea-espace .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.partnerarea-espace .popover .arrow {
    border-width: 11px;
}

.partnerarea-espace .popover .arrow:after {
    border-width: 10px;
    content: "";
}

.partnerarea-espace .popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #373737;
    border-top-width: 0;
}

.partnerarea-espace .popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #373737;
    border-top-width: 0;
}

.partnerarea-espace .lead-container {
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    height: 70px;
    background-color: #FFF;
    border: 1px solid #e2e1e1;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    margin-left: 20px;
    padding: 13px 10px 10px;
}

.partnerarea-espace .section {
    display: inline-block;
    width: 95px;
    margin-left: 10px;
}

.partnerarea-espace .section .text-label {
    text-transform: uppercase;
    color: #78909c;
    font-size: 10px;
    font-weight: 700;
}

.partnerarea-espace .section .text-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #263238;
    font-size: 12px;
    font-weight: 400;
}

.partnerarea-espace .section.big {
    width: 140px;
}

.partnerarea-espace .section.ConvertButton {
    font-family: Myriad-Pro, sans-serif;
    font-weight: 600;
    color: #4CAF50;
    font-size: 12px;
    width: 110px;
    text-align: center;
    margin-top: 6px;
    padding: 4px 7px;
    border: 1px solid #4CAF50;
    border-radius: 4px;
    text-transform: uppercase;
}

.partnerarea-espace .ConvertButton a,
.partnerarea-espace .ConvertButton a:link {
    color: #4CAF50;
}

.partnerarea-espace .ConvertButton a:hover,
.partnerarea-espace .ConvertButton a:visited {
    border-color: #3C8C40;
    color: #3C8C40;
}

.partnerarea-espace .section.DeleteButton {
    box-sizing: border-box;
    margin-top: 6px;
    width: 35px;
    padding: 4px 5px;
    border: 1px solid #78909C;
    border-radius: 5px;
    color: #546E7A;
    text-align: center;
}

.partnerarea-espace .DeleteButton a,
.partnerarea-espace .DeleteButton a:link {
    color: #546E7A;
}

.partnerarea-espace .closedWon {
    color: #009688;
}

.partnerarea-espace .confirmed {
    color: #4CAF50;
}

.partnerarea-espace .developed {
    color: #909930;
}

.partnerarea-espace .defined {
    color: #EA910E;
}

.partnerarea-espace .qualified {
    color: #C7903F;
}

.partnerarea-espace .developing {
    color: #C58E3E;
}

.partnerarea-espace .identified {
    color: #938569;
}

.partnerarea-espace .closedLost {
    color: #C20;
}

.partnerarea-espace .quote-state {
    font-size: 14px;
}

.partnerarea-espace .approved {
    color: #AABE84;
}

.partnerarea-espace .rejected {
    color: #744335;
}

.partnerarea-espace .otherState {
    color: #CC9D5D;
}

.partnerarea-espace .profile-partners-cover {
    position: relative;
    background-image: url(/PartnerArea/img/light_noise_diagonal.png?39817);
    background-size: auto;
    background-repeat: repeat;
    background-color: #E5E6E7;
}

.partnerarea-espace .profile-pic {
    position: absolute;
    bottom: -50px;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    border: 1px solid #cecece;
    background-color: #E4E4E4;
    padding: 5px;
    box-shadow: 0 2px 4px 0 rgba(177, 177, 177, .5);
}

.partnerarea-espace .account-card {
    box-shadow: 0 2px 0 #E9EAEB;
    display: block;
    padding: 30px 40px;
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #E9EAEB;
    border-radius: 4px;
    position: relative;
}

.partnerarea-espace .account-card.selectedPartner {
    border: 1px solid #78909C;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.partnerarea-espace .account-card h2 {
    font-size: 16px;
}

.partnerarea-espace .account-card .profile-pic {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    border: 1px solid #cecece;
    background-color: #E4E4E4;
    padding: 5px;
    margin: 0 auto;
    bottom: 0;
    box-shadow: 0 2px 4px 0 rgba(177, 177, 177, .5);
}

.partnerarea-espace .profile-pic-background {
    background-color: #fff;
    height: 100%;
    width: 100%;
    border-radius: 1px;
    position: relative;
}

.partnerarea-espace .partner-sidemenu-logo .profile-pic-background {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #fff;
    padding: 20px 0;
    width: 70%;
    border-radius: 1px;
    position: relative;
}

.partnerarea-espace .profile-pic-background a {
    width: 120px;
    height: 120px;
    display: block;
}

.partnerarea-espace .partner-cover-details-wrapper {
    position: relative;
    height: 115px;
}

.partnerarea-espace .profile-pic img {
    border-radius: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.partnerarea-espace div.Tabs_TabOff {
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    padding: 8px 5px 0;
    background: #AAA;
    color: #FFF;
    height: 35px;
    border-top-left-radius: 5px;
    margin-right: 20px;
    border: none;
}

.partnerarea-espace div.Tabs_TabOff:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 35px;
    background: #AAA;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    top: 0;
    right: -9px;
    border-radius: 0 5px 0 0;
}

.partnerarea-espace a.Tabs_TabOff,
.partnerarea-espace a.Tabs_TabOff:link,
.partnerarea-espace a.Tabs_TabOff:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #FFF;
    padding: 0 10px;
    background: 0 0;
}

.partnerarea-espace a.Tabs_TabOff:hover {
    background: 0 0;
}

.partnerarea-espace div.Tabs_TabOn {
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    padding: 8px 5px 0;
    background: #FFF;
    color: #333;
    height: 35px;
    border-top-left-radius: 5px;
    margin-right: 20px;
}

.partnerarea-espace div.Tabs_TabOn:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 35px;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    top: -1px;
    right: -10px;
    border-radius: 0 5px 0 0;
    background: #FFF;
    border-top: 1px solid #ccc;
    border-left: 0 solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    -webkit-backface-visibility: hidden;
}

.partnerarea-espace a.Tabs_TabOn,
.partnerarea-espace a.Tabs_TabOn:hover,
.partnerarea-espace a.Tabs_TabOn:link,
.partnerarea-espace a.Tabs_TabOn:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #333;
    padding: 0 10px;
    background: 0 0;
}

.partnerarea-espace .Tabs_TabBody {
    margin: 40px 0 0;
    padding: 40px 0;
    border: 1px solid #ccc;
}

.partnerarea-espace .Tabs_Wrapper .small-search {
    width: 230px;
}

.partnerarea-espace .Tabs_Wrapper .search-wrapper .small-search input.search {
    width: 199px;
}

.partnerarea-espace .partner-content-wrapper .Tabs_Wrapper {
    margin: -35px 0 0;
    border: none;
    display: inline-block;
}

.partnerarea-espace .partner-content-wrapper .Tabs_TabBody {
    border: none;
}

.partnerarea-espace .partner-sidebar-wrapper {
    margin-top: 75px;
}

.partnerarea-espace .account-card .partner-sidebar-wrapper {
    margin-top: 25px;
}

.partnerarea-espace .partners-download-doc-filter {
    padding: 15px 0;
    border-bottom: 1px solid #E5E6E7;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 8px 40px -8px #e5e6e7;
    -moz-box-shadow: 0 8px 40px -8px #e5e6e7;
    box-shadow: 0 8px 40px -8px #e5e6e7;
}

.partnerarea-espace .partners-download-doc-filter input[type=checkbox] {
    margin: 0 30px 0 10px;
    line-height: normal;
    cursor: pointer;
}

.partnerarea-espace .document-details,
.partnerarea-espace .sidebar-text {
    font-size: 12px;
}

.partnerarea-espace .pagination a:link,
.partnerarea-espace .pagination a:visited {
    padding: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
    min-width: 20px;
    box-sizing: border-box;
}

.partnerarea-espace .list-border {
    position: relative;
    padding-bottom: 15px;
}

.partnerarea-espace .list-border:after {
    content: "";
    background: #E5E6E7;
    position: absolute;
    bottom: 0;
    height: 1px;
    margin: 0 auto;
    right: 0;
    left: 195px;
}

.partnerarea-espace .content-separator:after,
.partnerarea-espace .sidebar-separator:after {
    background: #E5E6E7;
    height: 1px;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    content: "";
}

.partnerarea-espace .sidebar-separator {
    position: relative;
    padding-bottom: 20px;
    word-break: break-word;
}

.partnerarea-espace .sidebar-separator:after {
    position: absolute;
    width: 70px;
}

.partnerarea-espace .sidebar-separator .partner-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
}

.partnerarea-espace .content-separator {
    position: relative;
    padding-bottom: 20px;
}

.partnerarea-espace .content-separator:after {
    position: absolute;
    width: 100%;
}

.partnerarea-espace .info-desc {
    display: table;
    vertical-align: middle;
}

.partnerarea-espace .info-icon,
.partnerarea-espace .info-text {
    display: table-cell;
    vertical-align: middle;
}

.partnerarea-espace .link-helpers {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 12px 0;
    white-space: nowrap;
}

.partnerarea-espace .link-helpers a {
    margin-left: 15px;
    color: #4D616A;
}

.partnerarea-espace .link-helpers a:hover {
    color: #005580;
}

.partnerarea-espace .collapse-title a {
    display: block;
    padding: 10px 10px 10px 0;
    margin: 0 0 40px;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 1px solid #E7E7E7;
    color: #333;
    -webkit-box-shadow: 0 8px 24px -17px #606264;
    -moz-box-shadow: 0 8px 24px -17px #606264;
    box-shadow: 0 8px 24px -17px #606264;
}

.partnerarea-espace .collapse-down,
.partnerarea-espace .collapse-up {
    float: right;
}

.partnerarea-espace .collapse-title .collapse-down {
    display: inline-block;
}

.partnerarea-espace .collapse-title .collapse-up,
.partnerarea-espace .collapse-title.open .collapse-down {
    display: none;
}

.partnerarea-espace .collapse-title.open .collapse-up {
    display: inline-block;
}

.partnerarea-espace table {
    border-spacing: 0;
    width: 100%;
}

.partnerarea-espace .v-separator {
    content: "";
    display: block;
    width: 0;
    height: 40px;
    border-right: 1px solid rgba(190, 200, 204, .31);
    border-left: 1px solid #BEC8CC;
    padding: 0;
    position: relative;
    top: 15px;
}

.partnerarea-espace .headshot {
    border: 5px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    height: 56px;
    width: 56px;
}

.partnerarea-espace .opportunity-container,
.partnerarea-espace .quote-container {
    font-family: Arial, sans-serif;
    height: 70px;
    background-color: #f8f8f8;
    border: 1px solid #e2e1e1;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    margin-left: 20px;
}

.partnerarea-espace .opportunity-container>.row>div:first-child,
.partnerarea-espace .quote-container>.row-fluid>div:first-child {
    width: 125px;
    height: 70px;
    line-height: 1.3;
    padding: 18px 0;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #e3e3e3;
}

.partnerarea-espace .opportunity-container>.row>.span8 .span1,
.partnerarea-espace .quote-container>.row-fluid>.span9 .span1 {
    width: 50px;
    margin-left: 10px;
    margin-top: 15px;
}

.partnerarea-espace .opportunity-container>.row>.span8 .span2,
.partnerarea-espace .quote-container>.row-fluid>.span9 .span2 {
    width: 90px;
    margin-left: 10px;
    margin-top: 15px;
}

.partnerarea-espace .quote-container>.row>.span8 .span2 {
    width: 100px;
}

.partnerarea-espace .opportunity-container .text-label,
.partnerarea-espace .quote-container .text-label {
    text-transform: uppercase;
    color: #78909c;
    font-size: 10px;
    font-weight: 700;
}

.partnerarea-espace .opportunity-container .text-value,
.partnerarea-espace .quote-container .text-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #263238;
    font-size: 12px;
    font-weight: 400;
}

.partnerarea-espace .text-highlight {
    font-size: 22px;
    color: #7F8A90;
}

.partnerarea-espace .AskQuote {
    font-family: Myriad-Pro, sans-serif;
    font-weight: 600;
    color: #4CAF50;
    width: 65px;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    padding: 4px 7px;
    border: 1px solid #4CAF50;
    border-radius: 4px;
    text-transform: uppercase;
}

.AskQuote a {
    color: #4CAF50;
}

.partnerarea-espace .cardTriangle {
    background-image: url(/PartnerArea/img/Checked_Half_Square.png?39817);
    background-repeat: no-repeat;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -1px;
    right: 197px;
    background-size: 25px 25px;
}

.partnerarea-espace .cardCheckbox {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 36px;
    bottom: 31px;
}

.partnerarea-espace .statusText {
    font-size: 10px;
    font-weight: 700;
}

.partnerarea-espace .statusText.green {
    color: #8BC34A;
}

.partnerarea-espace .statusText.yellow {
    color: #FFB414;
}

.partnerarea-espace .statusText.red {
    color: #C20;
}

@media (max-width:400px) {
    .partnerarea-espace .content-separator .pull-right,
    .partnerarea-espace .partner-cover-details-wrapper {
        margin-left: 20px;
    }
    .partnerarea-espace .opportunity-container {
        height: 100%;
        padding-bottom: 20px;
    }
    .partnerarea-espace .opportunity-container>.row>div:first-child {
        border-right: none;
        text-align: center;
        width: auto;
    }
    .partnerarea-espace .partner-content-wrapper {
        padding: 20px;
    }
    .partnerarea-espace .link-helpers,
    .partnerarea-espace .sidebar-text {
        display: none;
    }
    .partnerarea-espace .sidebar-separator {
        padding-bottom: 60px;
    }
    .partnerarea-espace div.Tabs_TabOff,
    .partnerarea-espace div.Tabs_TabOn {
        width: 24%;
        overflow: hidden;
        margin-right: 2px;
        padding: 3px 0 0;
        font-size: 10px;
        text-align: center;
        height: 45px;
    }
    .partnerarea-espace a.Tabs_TabOff,
    .partnerarea-espace a.Tabs_TabOff:link,
    .partnerarea-espace a.Tabs_TabOff:visited,
    .partnerarea-espace a.Tabs_TabOn,
    .partnerarea-espace a.Tabs_TabOn:link,
    .partnerarea-espace a.Tabs_TabOn:visited {
        white-space: normal;
        padding: 0 5px;
    }
    .partnerarea-espace .Tabs_TabBody {
        padding: 20px 0 0;
    }
    .partnerarea-espace .Tabs_TabBody[data_url="#company-info"] .span10 .span4,
    .partnerarea-espace .Tabs_TabBody[data_url="#company-info"] .span3 {
        display: inline-block;
        width: 50%;
        margin-top: 30px;
    }
    .partnerarea-espace .Tabs_TabBody[data_url="#company-info"] .row .span4 {
        margin-top: 30px;
    }
    .partnerarea-espace .Tabs_Wrapper .search-wrapper .small-search input.search {
        width: 180px;
        margin-right: 0;
    }
    .partnerarea-espace div[data_url="#members"] .content-separator .pull-right {
        float: none;
    }
}

.partnerarea-espace .DevCertification {
    background-color: #EEF1F3;
    padding-top: 39px;
    padding-bottom: 36px;
}

.partnerarea-espace .SuppCertification {
    padding-top: 39px;
    padding-bottom: 36px;
    padding-left: 30px;
}

.partnerarea-espace .DevCertificationTitle {
    background-color: #EEF1F3;
    padding-top: 20px;
    padding-bottom: 20px;
}

.partnerarea-espace .SuppCertificationTitle {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
}

.partnerarea-espace .content-separator.certList {
    padding-bottom: 0;
}

.partnerarea-espace .AllianceDiv {
    vertical-align: middle;
    display: table-cell;
}

.partnerarea-espace .AllianceDivContent {
    vertical-align: middle;
    line-height: 0;
}

@media (max-width:979px) and (min-width:768px) {
    .partnerarea-espace .opportunity-container>.row>.span8 {
        width: 450px;
    }
    .partnerarea-espace .opportunity-container>.row>.span8 .span1 {
        width: 50px;
        margin-top: 15px;
        margin-left: 10px;
    }
    .partnerarea-espace .opportunity-container>.row>.span8 .span2 {
        width: 70px;
        margin-left: 10px;
        margin-top: 15px;
    }
}

@media (max-width:400px) {
    .partnerarea-espace .MemberPhoto {
        display: table-cell;
        padding-right: 10px;
        width: 39px;
    }
    .partnerarea-espace .MemberName {
        display: table-cell;
    }
    .partnerarea-espace .MemberRoles {
        display: inline-block;
        width: 70%;
    }
    .partnerarea-espace .v-separator.pull-right {
        display: none;
    }
    .partnerarea-espace .HeroSection {
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
    }
    .partnerarea-espace .HeroSection .HeroImg {
        text-align: center;
    }
    .partnerarea-espace .account-card {
        margin: 20px;
    }
    .partnerarea-espace .small-search {
        width: 100%;
        float: right;
    }
    .partnerarea-espace .search-wrapper .small-search input.search {
        margin-right: 0;
        width: 170px;
    }
    
    .certified-members-list .TableRecords td:first-child:before {
        position: absolute;
        right: 5px;
    }
    
    .certified-members-list .TableRecords td.TableRecords_OddLine:first-child,
    .certified-members-list .TableRecords td.TableRecords_EvenLine:first-child {
        min-height: 60px;
        overflow: hidden;
        position: relative;
    }
    
    .certified-members-list .TableRecords_OddLine,
    .certified-members-list .TableRecords_EvenLine {
        height: auto;
    }
}

.forge-espace {
    font-family: Helvetica, Arial, sans-serif;
    color: grey;
}

.forge-espace .vertical-align-middle,
.forge-espace img {
    vertical-align: middle!important;
}

.forge-espace .popup-header {
    background-color: #F2F2F2;
    font-size: 14px;
    font-family: myriad-pro, sans-serif;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.forge-espace .popup-content {
    padding: 40px;
    min-width: 350px;
}

.forge-espace .popup-holder {
    position: fixed;
    z-index: 9002;
    border: 1px solid #D8D8D8;
    display: none;
    background-color: #FFF;
}

.faq-popup .forge-espace .popup-content {
    padding: 10px;
}

.forge-espace .InvisibleButton {
    display: none;
}

.forge-espace .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url(/ForgeCore/img/chosensprite.png?39899) -42px 1px no-repeat;
}

.forge-espace .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover,
.forge-espace .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.forge-espace input[type=search]:focus.forge-espace input[type=text]:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #CCC;
}

.forge-espace .byline,
.forge-espace .bylineOrange {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 3px;
}

.forge-espace .byline {
    color: grey;
}

.forge-espace .byline a:link,
.forge-espace .byline a:visited {
    color: grey;
    text-decoration: underline;
}

.forge-espace .byline a:hover {
    color: #c30;
}

.forge-espace .bylineOrange {
    color: #f90;
    margin-top: 0;
}

.forge-espace .bodyText {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.forge-espace .topMinus5 {
    margin-top: -5px;
}

.forge-espace .top10 {
    margin-top: 10px;
}

.forge-espace .top20 {
    margin-top: 20px;
}

.forge-espace .top30 {
    margin-top: 30px;
}

.forge-espace .top40 {
    margin-top: 40px;
}

.forge-espace .top45 {
    margin-top: 45px;
}

.forge-espace .left5 {
    margin-left: 5px;
}

.forge-espace .left20 {
    margin-left: 20px;
}

.forge-espace .right15 {
    margin-right: 15px;
}

.forge-espace .bottom10 {
    margin-bottom: 10px;
}

.forge-espace .lineHeight24 {
    line-height: 24px;
}

.forge-espace .lineHeight42 {
    line-height: 42px;
}

.forge-espace .vertical-align-bottom {
    vertical-align: bottom!important;
}

.forge-espace .black {
    color: #000;
}
.forge-espace .menu-top-menu {
    font-family: Arial;
    font-size: 13px;
    margin: 0 2px 0 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #AAA;
    color: #fff!important;
    line-height: 10px;
    position: relative;
}
.forge-espace .menu-top-menu-active, .forge-espace .menu-top-menu-active:after {
    border-bottom: none;
    background-color: #fff!important;
    color: #333;
}
.forge-espace .menu-drop-down-button {
    display: inline-block;
    margin-right: 15px;
}
    .forge-espace .menu-top-menu a, .forge-espace .menu-top-menu a:link, .forge-espace .menu-top-menu a:visited {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    padding: 9px 20px;
    display: inline-block;
}
.forge-espace .menu-top-menu-active a:link, .forge-espace .menu-top-menu-active a:visited {
    color: #333;
}
    .forge-espace .menu-top-menu:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 31px;
    background: #AAA;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    top: 0;
        right: -3px;
        border-radius: 0 5px 0 0;
    }
.forge-espace .Bold,
.forge-espace .font-bold {
    font-weight: 700;
}

.forge-espace .DarkRed {
    color: #AA1E00;
}

.forge-espace .clearLeft {
    clear: left;
}

.forge-espace .clearfix:after,
.forge-espace .clearfix:before {
    display: table;
    content: "";
    line-height: 0;
}

.forge-espace .clearfix:after {
    clear: both;
}

.forge-espace .displayInlineBlock {
    display: inline-block;
}

.forge-espace .displayBlock {
    display: block;
}

.forge-espace .dependency {
    height: auto;
    width: 70px;
    margin-left: auto;
    margin-right: auto;
}

.forge-espace .menu-top-menu-active .fa.fa-fw.fa-comments-o {
    color: #000;
    background-color: #fff;
}

.forge-espace .Menu_TopMenu {
    font-family: Arial;
    font-size: 14px;
    margin: 0 2px 0 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #AAA;
    color: #fff!important;
    line-height: 10px;
}

.forge-espace .Menu_TopMenuActive {
    border-bottom: none;
    background-color: #fff!important;
    color: #333;
}

.forge-espace .Menu_TopMenu a,
.forge-espace .Menu_TopMenu a:link,
.forge-espace .Menu_TopMenu a:visited {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    display: inline-block;
}

.forge-espace .Menu_TopMenu:hover {
    text-decoration: none;
    background-color: grey;
    color: #fff;
}

.forge-espace .tagLink,
.forge-espace a.btn {
    text-decoration: none!important;
    display: inline-block;
}

.forge-espace .Menu_TopMenuActive .Menu_DropDownArrow {
    border-top-color: #555;
    background-color: #fff!important;
    color: #333;
}

.forge-espace .Menu_TopMenuActive a:link,
.forge-espace .Menu_TopMenuActive a:visited {
    color: #333;
}

.forge-espace .h1,
.forge-espace .h3,
.forge-espace .h4 {
    display: inline-block;
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    text-rendering: optimizelegibility;
    line-height: 1.2em;
    color: #333;
    font-weight: 400;
    margin-bottom: 10px;
}

.forge-espace .h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 15px;
}

.forge-espace .h3 {
    font-size: 21px!important;
    line-height: 25px;
}

.forge-espace .h4 {
    font-size: 18px!important;
    line-height: 24px;
}

.forge-espace a.btn {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px 12px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.forge-espace a.btn:active,
.forge-espace a.btn:hover {
    color: #333;
    background-color: #e6e6e6;
}

.forge-espace a.btn-medium {
    padding: 6px 20px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.forge-espace a.btn-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 10px;
    padding: 4px 15px;
    border-radius: 3px;
}

.forge-espace a.btn-mini {
    padding: 1px 10px;
    border-radius: 3px;
}

.forge-espace a.btn-miniTwo {
    padding: 5px 10px;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    line-height: 14px;
}

.forge-espace a.btn.blue {
    color: #fff;
    background-color: #08C;
}

.forge-espace a.btn.blue:hover {
    color: #fff!important;
    background-color: #06A;
}

.forge-espace a.btn.red {
    color: #fff;
    background-color: #c20;
}

.forge-espace a.btn.red:hover {
    color: #fff!important;
    background-color: #AA1E00;
}

.forge-espace a.btn.gray {
    color: #606060;
    background-color: #e6e7e8;
}

.forge-espace a.btn.gray:hover {
    color: #606060!important;
    background-color: #ccc;
}

.forge-espace .component-discussion-byline-green {
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #8CC83C;
}

.forge-espace .tags {
    font-size: 12px;
}

.forge-espace .tagLink {
    background-color: #e5e5e5;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 0 10px;
    margin: 2px 4px 2px 0;
    font-size: 11px;
}

.forge-espace .discussion-holder {
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}

.forge-espace .tagLink:hover {
    background-color: #cd3301;
    color: #f5f5f5!important;
}

.forge-espace .tags-holder {
    width: 100%;
    position: relative;
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.forge-espace .poster-holder {
    margin-top: 15px;
}

.forge-espace .sideblock-holder {
    border: 1px solid #F0F0F0;
    margin-top: 0;
}

.forge-espace .sideblock-header {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    background-color: #F2F2F2;
    font-size: 14px;
    padding: 7px 10px;
    text-transform: uppercase;
}

.forge-espace .component-details-votes {
    background-image: url(/CommunityBaseTheme/img/icons.png?39842);
    background-position: -3px -1279px;
    background-repeat: no-repeat;
}

.forge-espace .component-details-votes.readonly {
    padding-left: 62px;
}

.forge-espace .component-details-votes.one {
    background-position: -3px -1299px;
}

.forge-espace .component-details-votes.two {
    background-position: -3px -1319px;
}

.forge-espace .component-details-votes.three {
    background-position: -3px -1339px;
}

.forge-espace .component-details-votes.four {
    background-position: -3px -1359px;
}

.forge-espace .component-details-votes.five {
    background-position: -3px -1379px;
}

.forge-espace .details {
    font-family: Arial;
    color: #333;
    font-size: 13px;
    line-height: 18px;
    position: relative;
}

.forge-espace a,
.forge-espace a:link,
.forge-espace a:visited {
    text-decoration: none;
    transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
}

.forge-espace a:hover {
    color: #c20;
    text-decoration: none;
}

.forge-espace .text-note a {
    font-size: 12px;
}

.forge-espace .InfineScrollContainer a {
    display: none!important;
}

.forge-espace .user-info {
    float: left;
    margin-left: 10px;
}

.forge-espace .user-image {
    float: left;
    text-align: center;
}

.forge-espace .divWithHorizontalScroll::-webkit-scrollbar,
.forge-espace .divWithScroll::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background-color: #FFF;
}

.forge-espace .divWithHorizontalScroll::-webkit-scrollbar-thumb,
.forge-espace .divWithScroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #C2C2C2;
}

.forge-espace .divWithHorizontalScroll::-webkit-scrollbar-track,
.forge-espace .divWithScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFF;
}

.forge-espace .divWithHorizontalScroll::-webkit-scrollbar-thumb:window-inactive,
.forge-espace .divWithScroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(194, 194, 194, .4);
}

.forge-espace .ComponentDescription {
    color: #000!important;
    line-height: 20px;
    font-size: 14px;
    font-family: Arial;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    max-height: 40px;
}

.forge-espace .ComboBox {
    border: 0;
    width: auto!important;
    border-style: none!important;
    vertical-align: initial;
    color: #333;
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
}

.forge-espace .CategoryTagMargin {
    padding: 5px 20px;
}

.forge-espace .searchImage {
    padding-left: 10px!important;
    padding-right: 5px!important;
    font-size: 17px;
    margin-left: 0;
    box-sizing: border-box;
    width: 30px;
    color: grey;
}

.forge-espace .searchContainer {
    background-color: #fff!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 350px;
    vertical-align: middle;
}

.forge-espace div.Card {
    padding: 15px;
}

.forge-espace div.Card a:hover {
    color: #c20!important;
    text-decoration: none;
}

.forge-espace div.Card.Gray {
    background-color: #e6e6e6;
    color: #333;
    padding: 37px 14px 14px 19px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.forge-espace div.Card.White {
    background-color: #FFF;
    color: #333;
    padding: 38px 15px 15px 20px;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07);
}

.forge-espace .CardTextWidth {
    width: 313px;
}

.forge-espace .MenuItemsContainer,
.forge-espace .MenuItemsContainer a {
    text-decoration: none!important;
    color: #333!important;
    font-family: myriad-pro, Helvetica, Arial, sans-serif!important;
    font-size: 14px!important;
}

.forge-espace .LinkWhiteHover a:hover {
    text-decoration: none!important;
    color: #fff!important;
}

.forge-espace .GetFromForgeIcon {
    float: left;
}

.forge-espace .GetFromForge {
    display: block;
    margin-left: 18px;
}

.forge-espace .onlineForgeImage {
    height: 128px;
    width: 128px;
    max-width: 128px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.forge-espace .dependencyForgeImage {
    height: 50px;
    width: 50px;
    max-width: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.forge-espace .cardForgeImage {
    max-width: 88px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.forge-espace .DropDownLikeButton .dropmenucaption {
    padding: 1px 10px;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #606060;
    background-color: #e6e7e8;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #CCC;
}

.forge-espace .DropDownLikeButton .dropmenucaption:hover {
    background-color: #CCC;
}

.forge-espace .DropDownLikeButton .dropmenuitems a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: grey;
    padding: 8px 12px;
    text-decoration: none;
}

.forge-espace .DropDownLikeButton .dropmenuitems a:hover {
    background: #E6E7E8;
    color: #606060;
}

.forge-espace .DropDownLikeButton .dropmenuitems {
    margin-top: 7px!important;
}

.forge-espace .DropDownLikeButton .OpenArrow {
    display: inline-block;
    font-size: 8px;
    padding-top: 1px;
}

.forge-espace .DropDownLikeButton .CloseArrow {
    display: none;
    font-size: 8px;
}

.forge-espace .DropDownLikeButton .clicked .OpenArrow {
    display: none;
}

.forge-espace .DropDownLikeButton .clicked .CloseArrow {
    display: inline-block;
}

.forge-espace .TextWrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.forge-espace .forgeComponentTitle {
    width: 70%;
    padding-top: 30px;
    color: #333;
}

.forge-espace .LayoutContent {
    background: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    min-height: 377px;
    padding-top: 30px;
}

.forge-espace .background-gray {
    background: #E6E6E6;
    position: relative;
}

.forge-espace .ribbonContainer {
    top: 5px;
    width: 320px;
    left: auto;
}

.forge-espace .infoContainer .ribbonContainer {
    top: -1px;
    width: 174px;
}

.forge-espace .HeaderBackgroundNew {
    background-color: #e6eaeb;
    box-shadow: inset 0 -10px 0 -9px #ddd;
}

.forge-espace .HeaderWrapper {
    position: relative;
}

.forge-espace .header-component-text-details-wrapper {
    position: relative;
    display: table;
    height: 200px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 4px;
}

.forge-espace .header-component-text-details {
    display: table-cell;
    vertical-align: bottom;
}

.forge-espace .banner-icon {
    margin-top: 37px;
}

.forge-espace .menu-top-menu {
    font-family: Arial;
    font-size: 14px;
    margin: 0 2px 0 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #AAA;
    color: #fff!important;
    line-height: 10px;
    position: relative;
}

.forge-espace .menu-top-menu:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 31px;
    background: #AAA;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    top: 0;
    right: -3px;
    border-radius: 0 5px 0 0;
}

.forge-espace .menu-top-menu:hover:after {
    text-decoration: none;
    background-color: grey;
    color: #fff;
}

.forge-espace .menu-top-menu [class^=fa] {
    text-decoration: none;
}

.forge-espace .menu-top-menu-active,
.forge-espace .menu-top-menu-active:after {
    border-bottom: none;
    background-color: #fff!important;
    color: #333;
}

.forge-espace .menu-top-menu a,
.forge-espace .menu-top-menu a:link,
.forge-espace .menu-top-menu a:visited {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    padding: 9px 20px;
    display: inline-block;
}

.forge-espace .menu-top-menu-active a:link [class^=fa],
.forge-espace .menu-top-menu-active a:visited [class^=fa],
.forge-espace .menu-top-menu:hover,
.forge-espace .menu-top-menu:hover a [class^=fa] {
    text-decoration: none;
    background-color: grey;
    color: #fff;
}

.forge-espace .menu-top-menu-active a:link,
.forge-espace .menu-top-menu-active a:visited {
    color: #333;
}

.forge-espace .menu-drop-down-button {
    display: inline-block;
    margin-right: 15px;
}


.forge-espace .menu-item {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.forge-espace .menu-item a {
    color: #949FA3;
    display: block;
}

.forge-espace .menu-item a:hover {
    color: #1F282D;
}

.forge-espace .menu-item a:hover.forge-espace .menu-item.active a.menu-forge {
    color: #333;
}

.forge-espace .verticalAlignMiddleFlow {
    display: inline-block;
    vertical-align: middle;
}

.forge-espace .verticalAlignTopFlow {
    display: inline-block;
    vertical-align: top;
}

.forge-espace .buttonsContainer {
    padding: 10px 0 5px;
    border-right: 0;
    border-left: 0;
    overflow: hidden;
    position: relative;
    bottom: 5px;
}

.forge-espace .CardHeight {
    height: 185px;
}

.forge-espace .CardTextWidthFlow {
    width: 249px;
    display: inline-block;
    font-size: 12px;
}

.forge-espace .searchImage .osicon-search {
    position: relative;
    top: 2px;
}

.forge-espace .searchContainerFlow {
    display: table;
    width: 100%;
}

.forge-espace .searchImageFlow {
    display: table-cell;
}

.forge-espace input[type=search] {
    display: table-cell;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.forge-espace .ApplicationDependency {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    white-space: nowrap;
    position: relative;
}

.forge-espace .ApplicationDependency.Compatible,
.forge-espace .ApplicationDependency.Missing {
    border: 2px dashed #ccc;
}

.forge-espace .ApplicationDependencyIcon,
.forge-espace .ApplicationDependencyIcon img {
    height: 48px;
    width: 48px;
}

.forge-espace .ApplicationDependencyName {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
    white-space: nowrap;
}

.forge-espace .ApplicationDependencySelectFile {
    margin-top: 10px;
    margin-right: 10px;
    position: absolute;
    right: 0;
}

.forge-espace .ApplicationDependencyMessage {
    padding-left: 10px;
    white-space: normal;
}

.forge-espace .ApplicationDependencyContent {
    padding-right: 50px;
}

.forge-espace .IndentedCategory {
    margin-left: 20px;
}

.forge-espace input[type=checkbox].CategoryCheckbox {
    margin-bottom: 5px;
    margin-right: 5px;
}

.forge-espace .wnEntry {
    padding: 10px 0;
}

.forge-espace .wnEntry>a {
    font-weight: 600;
    display: table;
}

.forge-espace .wnEntry [class^=osicon-],
.forge-espace .wnEntry [class*=" osicon-"] {
    padding-right: 8px;
}

.forge-espace .wnEntry a span {
    display: table-cell;
    vertical-align: middle;
}

.forge-espace .wnEntry .FAQdescription {
    overflow-y: hidden;
    margin: 5px 0 0 22px;
    font-weight: 400;
    display: none;
}

.forge-espace .FAQdescription {
    display: none;
    color: #999;
}

.forge-espace .Legend {
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
}

.forge-espace .AbsoluteRight {
    position: absolute;
    right: -15px;
    top: 30px;
}

.forge-espace .RequiredField:after {
    color: red;
    content: " *";
    font-size: 14px;
    font-family: Verdana;
}

.forge-espace .WhiteBackground {
    background-color: #fff;
}

.forge-espace .ApplicationDetailArea .DropZone {
    border: 2px dashed #e1e1e1;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    background: #fff;
    box-sizing: content-box;
}

.forge-espace .ApplicationDetailArea {
    background: #F2F2F2;
    padding-top: 50px;
    padding-bottom: 50px;
}

.forge-espace .Relative {
    position: relative;
}

.forge-espace .ApplicationDetailArea .UploadStatus {
    position: absolute;
    top: 80px;
    width: 100px;
    color: #c2c2c2;
    font-size: 20px;
}

.forge-espace .FolderIcon {
    padding-left: 20px;
    padding-right: 20px;
}

.forge-espace .Screenshot {
    height: 180px;
    max-width: 300px;
}

.forge-espace .OptionLine {
    height: 30px;
}

.forge-espace .IconContainer {
    position: relative;
    text-align: center;
}

.forge-espace .ChangeIcon {
    width: 140px;
}

.forge-espace .DeleteButton {
    visibility: hidden;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    color: #000;
    padding: 4px;
    height: 16px;
    border-radius: 0 0 0 8px;
    opacity: .9;
}

.forge-espace .ScreenshotPICWrapper:hover .DeleteButton {
    visibility: visible;
}

.forge-espace input[type=checkbox].StableCheckbox {
    margin-bottom: 5px;
    margin-right: 5px;
}

.forge-espace .DropFlat {
    line-height: 26px;
}

.forge-espace .span5.DropWrapper .DropFlat {
    display: none;
}

.forge-espace .DropStack {
    display: none;
    line-height: 26px;
}

.forge-espace .ButtonLink,
.forge-espace .FillInput {
    line-height: 32px;
}

.forge-espace .span5.DropWrapper .DropStack {
    display: block;
}

.forge-espace .DropWrapper {
    display: none;
}

.forge-espace .span5.DropWrapper .FolderIcon {
    display: block!important;
    margin-top: 20px;
}

.forge-espace .radio {
    padding-left: 0!important;
}

.forge-espace .text-note a {
    color: #999;
    text-decoration: underline;
}

.forge-espace .text-note a:hover {
    color: #C30;
    cursor: pointer;
}

.forge-espace .grayborder {
    border: 1px solid #ccc;
}

.forge-espace .SidebarImage {
    width: 58px;
    height: 61px;
    margin-right: 20px;
    margin-top: 4px;
}

.forge-espace .SidebarLink {
    font-size: 12px;
}

.forge-espace .SidebarSection {
    margin-top: 10px;
    border-top: 1px solid #F0F0F0;
    padding: 15px;
}

.forge-espace .SidebarSectionText {
    font-family: Arial;
    font-size: 12px;
}

.forge-espace .sideblock-content,
.forge-espace .sideblock-holder {
    padding: 0!important;
}

.forge-espace .sideblock-header {
    margin: 3px!important;
}

.forge-espace .user-image img {
    border-radius: 50%;
    border: 1px solid #c6c6c6;
}

.forge-espace .user-info {
    position: relative;
    top: 5px;
}

.forge-espace .padding15 {
    padding: 15px;
}

.forge-espace .hideie {
    display: none!important;
}

.forge-espace label.btn {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.forge-espace label.btn:active,
.forge-espace label.btn:hover {
    color: #333;
    background-color: #e6e6e6;
}

.forge-espace label.btn-large {
    padding: 6px 12px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.forge-espace label.btn-big {
    padding: 12px 20px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.forge-espace label.btn-medium {
    padding: 6px 20px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.forge-espace label.btn-small {
    padding: 4px 15px;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.forge-espace label.btn-mini {
    padding: 1px 10px;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.forge-espace label.btn.newblue {
    color: #fff;
    background-color: #08C;
}

.forge-espace label.btn.newblue:hover {
    background-color: #06A;
}

.forge-espace label.btn.blue {
    color: #fff;
    background-color: #69c;
}

.forge-espace label.btn.blue:hover {
    background-color: #4673A7;
}

.forge-espace label.btn.red {
    color: #fff;
    background-color: #c30;
}

.forge-espace label.btn.red:hover {
    background-color: #AD1F02;
}

.forge-espace label.btn.gray {
    color: #606060;
    background-color: #E6E7E8;
}

.forge-espace label.btn.gray:hover {
    background-color: #ccc;
}

.forge-espace .MainBorder {
    margin: 20px;
    background-color: #F9F9F9;
    cursor: pointer;
}

.forge-espace .NormalBorders {
    border: 1px solid #F2F2F2;
    padding-right: 40px;
}

.forge-espace .ActiveCategory,
.forge-espace .ActiveFilter {
    border-left: 2px solid red;
    font-weight: 700;
}

.forge-espace .BottomBorder {
    border-bottom: 1px solid #DBDCE7;
}

.forge-espace .carouselContainer,
.forge-espace .leftContainer {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    border-bottom-color: rgba(214, 214, 214, 0);
}

.forge-espace .Title,
.forge-espace .Title-Cont {
    font-size: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.forge-espace .Title-Cont {
    background-color: #F9F9F9;
    padding: 15px 0;
    color: #333;
}

.forge-espace .TitleHover:hover {
    color: #e94a4a;
}

.forge-espace .DescriptionCont {
    background-color: #F9F9F9;
    padding: 10px 0 15px;
    color: #333;
}

.forge-espace .IconSize {
    font-size: 13px;
    margin-right: 5px;
}

.forge-espace .Spacing {
    margin-bottom: 10px;
    margin-top: 10px;
}

.forge-espace .BorderPopup {
    color: #333;
}

.forge-espace .TitleCont {
    background-color: #d3d3d3;
    padding: 10px;
    color: #333;
}

.forge-espace body {
    background-color: #E6EAEB!important;
}

.forge-espace .filterLabel {
    padding-right: 10px;
    font-size: 13px;
    line-height: 13px;
    vertical-align: 1px;
}

.forge-espace .filterLinkMargin,
.forge-espace .linkCategoryMargin {
    padding: 5px 6px;
}

.forge-espace .ActiveFilter {
    padding-left: 6px;
}

.forge-espace .SubCategory {
    color: #596669;
}

.forge-espace .DropDownFilterTitle {
    font-size: 16px;
    vertical-align: super;
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
}

.forge-espace .pageHeader {
    background-color: #fff;
    height: 215px;
}

.forge-espace .hlVoteCount .component-details-votes {
    color: #fff;
}

.forge-espace .leftContainer {
    height: 100%;
    width: 46%;
    position: relative;
}

.forge-espace .courouselContainerDiv {
    position: relative;
    width: 54%;
}

.forge-espace .leftContainer:after {
    content: " ";
    position: absolute;
    display: block;
    background: #fff;
    border-right: 1px solid #fff;
    z-index: 1;
    right: -65px;
    left: 0;
    top: 0;
    bottom: 0;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.forge-espace .rightContainer {
    height: 215px;
    background: grey;
}

.forge-espace .carouselContainer {
    height: 215px;
    top: 0;
}

.forge-espace .carouselContainer.owl-carousel .owl-wrapper-outer {
    margin-top: 0;
}

.forge-espace .carouselContainer.owl-theme .owl-controls {
    margin-top: -32px;
    position: absolute;
    margin-left: 347px;
}

.forge-espace .carouselContainer.owl-theme .owl-controls .owl-page span {
    width: 7px;
    height: 7px;
    filter: alpha(opacity=100);
    opacity: 1;
    background: 0 0;
    border: 1px solid #FFF;
}

.forge-espace .carouselContainer.owl-theme .owl-controls .owl-page.active span,
.forge-espace .carouselContainer.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: grey;
}

.forge-espace .ComponentDetails {
    color: #000;
    font-size: 12px;
}

.forge-espace input[type=search] {
    font-family: myriad-pro, Helvetica, Arial, sans-serif!important;
    border: none;
    padding: 0;
    line-height: 18px;
    font-size: 16px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.searchview-content .forge-espace input[type=search] {
    height: 60px;
}

.forge-espace input[type=search]::-webkit-search-cancel-button,
.forge-espace input[type=search]::-webkit-search-decoration {
    -webkit-appearance: searchfield-decoration;
}

.forge-espace .search-inner {
    display: none;
}

.forge-espace .cursorPointer {
    cursor: pointer;
}

.forge-espace .Invisible {
    display: none!important;
    
}

.forge-espace .infoContainer {
    position: absolute;
    bottom: 3px;
    width: 100%;
    left: 0;
    border-top: 1px solid #f0efed;
}

.forge-espace .cardBorderBox {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
}

.forge-espace .positionRelative {
    position: relative;
}

.forge-espace .component-details-votes {
    color: #999;
}

.forge-espace .cardForgeImage {
    height: 86px;
    width: 86px;
}

.forge-espace .horizontalRuler {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.forge-espace .component-discussion-byline-green span:after {
    background-image: none;
}

.forge-espace .ApplicationAdorner {
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    opacity: .5;
}

.forge-espace .ApplicationAdorner.Selected {
    opacity: 1;
}

.forge-espace .ApplicationAdorner img {
    height: 62px;
    width: 62px;
}

.forge-espace .ApplicationTriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #f2f2f2;
    position: absolute;
    bottom: 0;
    margin-left: -10px;
}

.forge-espace .ApplicationNextTriangle {
    position: absolute;
    right: -55px;
    color: #ccc;
    margin-top: -45px;
}

.forge-espace .ApplicationPublished {
    top: -25px;
    position: absolute;
    font-size: 11px;
    width: 62px;
    text-align: center;
    margin-left: 30px;
}

.forge-espace .ApplicationAdornerNameContainer {
    white-space: nowrap;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.forge-espace .OnDrag.DropZone {
    border: 2px dashed grey;
}

.forge-espace .DropZone {
    border: 2px dashed #e1e1e1;
    border-radius: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    height: 262px;
}

.forge-espace .DropZone.Loading span.osicon-package {
    font-size: 70px!important;
}

.forge-espace .Loading .FolderIcon {
    margin-top: 10px;
}

.forge-espace .UploadStatus {
    color: #ccc;
    font-size: 20px;
}

.forge-espace .SelectLabel {
    display: inline;
}

.forge-espace .FolderIcon {
    color: #CCC;
    font-size: 100px;
}

.forge-espace .bot0 {
    margin-bottom: 0;
}

.forge-espace .borderTop {
    border-top: 1px solid #CCC;
}

.forge-espace .paddingTop20 {
    padding-top: 20px;
}

.forge-espace .top5 {
    margin-top: 5px;
}

.forge-espace .LicenseStyle {
    color: #999;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.forge-espace .HeaderText {
    display: inline-block;
    padding-left: 3px;
    vertical-align: 1px;
}

.forge-espace .filterGap,
.forge-espace .hideDesktop {
    display: none;
}

.forge-espace .Rating {
    width: 78px;
    margin-left: 24px;
}

.forge-espace .CardDetails,
.forge-espace .FaqButton {
    margin-left: 20px;
}

.forge-espace .Downloads {
    text-align: center;
    width: 86px;
}

.forge-espace .HighLightCardContent {
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    padding-bottom: 30px;
    width: 94%;
}

.forge-espace .HighlightCard {
    margin-top: 50px;
    padding-left: 90px;
}

.forge-espace .componentTitle {
    color: #08c;
}

.forge-espace .highLightComponentTitle {
    color: #fff;
}

.forge-espace .leftContainerContent {
    position: absolute;
    top: 25px;
    z-index: 2;
}

.topContainer {
    margin-top: 40px;
}

.forge-espace a.btn.followButton {
    line-height: 17px;
}

.forge-espace .ValidationMessage {
    position: absolute;
    bottom: -22px;
    top: inherit;
    left: 0;
}

.forge-espace .retireButton {
    margin-left: 240px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:144dpi) {
    .forge-espace .chzn-container .chzn-results-scroll-down span,
    .forge-espace .chzn-container .chzn-results-scroll-up span,
    .forge-espace .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
    .forge-espace .chzn-container-single .chzn-search input,
    .forge-espace .chzn-container-single .chzn-single abbr,
    .forge-espace .chzn-container-single .chzn-single div b,
    .forge-espace .chzn-rtl .chzn-search input {
        background-image: url(/Forge/img/chosensprite@2x.png?39874)!important;
        background-repeat: no-repeat!important;
        background-size: 52px 37px!important;
    }
}

@media (max-width:767px) {
    .forge-espace .mobileFilter {
        background: #E6EAEB;
        border: 1px solid #D1D6D7;
        border-radius: 3px;
        padding: 7px;
        display: inline-block;
        margin-bottom: 22px;
        line-height: normal;
        text-align: left;
        width: 48%;
    }
    .forge-espace .mobileButtons {
        position: relative;
        margin-top: -22px;
        margin-bottom: 10px;
    }
    .forge-espace a.btn.followButton {
        line-height: 20px;
    }
    .forge-espace .hideDesktop {
        display: inline-block;
    }
    .forge-espace .hideMobile,
    .forge-espace .hideRibbonLabelMobile {
        display: none;
    }
    .forge-espace .mobileFollow {
        margin: 10px 0 0 10px;
    }
    .forge-espace .ribbonMobilePlaceholder {
        height: 22px;
    }
    .forge-espace .supportOptions {
        margin-top: 30px;
    }
    .forge-espace .filterGap {
        width: 4%;
        display: inline-block;
    }
    .forge-espace .courouselContainerDiv,
    .forge-espace .leftContainerContent {
        width: 100%;
    }
    .forge-espace .leftContainer {
        display: none;
    }
    .forge-espace .padding5 {
        padding: 5px;
    }
    .forge-espace .filterLabel {
        padding-bottom: 4px;
        display: block;
    }
    .forge-espace .menu-top-menu:after,
    .hideFollowersText {
        display: none;
    }
    .forge-espace .ActiveCategory,
    .forge-espace .ActiveFilter {
        border: none;
        font-weight: 400;
    }
    .forge-espace .mobileHeader {
        height: 70px;
        background-color: #FFF;
    }
    .forge-espace .MobileHeaderTitle {
        position: relative;
        top: -10px;
        width: 84px;
        left: 11px;
    }
    .forge-espace .FaqButton {
        position: relative;
        top: -88px;
        text-align: right;
        width: 100%;
        margin-left: -12px;
    }
    .forge-espace .Rating {
        margin-left: 5px;
        margin-right: 8px;
    }
    .forge-espace .Downloads {
        width: 60px;
    }
    .forge-espace .MobileRibbons {
        width: 100px;
    }
    .forge-espace .ComboBox div,
    .forge-espace .ComboBox span {
        color: #333;
    }
    .forge-espace .menu-top-menu-active {
        background-color: #384142!important;
        border-bottom: 1px solid #C6C6C6;
    }
    .forge-espace .menu-top-menu-active a:link,
    .forge-espace .menu-top-menu-active a:visited {
        color: #fff;
    }
    .forge-espace .menu-top-menu-active .fa.fa-fw.fa-comments-o {
        color: #fff;
        background-color: #384142;
    }
    .forge-espace .MobileAlignMiddle {
        text-align: center;
    }
    .forge-espace .forums-thumbs {
        padding-top: 0;
    }
    .forge-espace .HighlightCard {
        margin-top: 8%;
        padding-left: 10%;
        width: 90%;
    }
    .forge-espace .HighLightCardContent {
        padding-bottom: 13px;
    }
    .forge-espace .forgeComponentTitle {
        width: 56%;
        margin-top: 0;
    }
    .forge-espace .forgeMobileDetail {
        width: 60%;
        position: relative;
        left: 125px;
        top: -44px;
    }
    .forge-espace .forgeEllipsis {
        width: 59%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
    }
    .topContainer {
        margin-top: 15px;
    }
    .forge-espace .left20 {
        margin-left: 0;
    }
    .forge-espace .ribbonContainer {
        top: 2px;
        padding-right: 7px;
    }
    .forge-espace .HeaderWrapper {
        position: relative;
        padding-top: 10px;
    }
    .forge-espace .CardHeight {
        height: auto;
    }
    .forge-espace .CardTextWidth {
        width: 60%;
        margin-top: -4px;
        margin-bottom: 9px;
        display: inline-block;
        margin-left: 20px!important;
    }
    .forge-espace .infoContainer {
        bottom: 0;
        width: 100%;
        left: 0;
        border-top: 1px solid #f0efed;
        position: relative;
        top: 13px;
    }
    .forge-espace .responsiveFilterOrderBy {
        width: auto;
        display: inline-block;
        margin-left: 10px;
    }
    .forge-espace .buttonsContainer {
        padding: 0;
        width: 152px;
    }
    .forge-espace .banner-details.span10 {
        display: inline-block;
        float: left;
    }
    .forge-espace .menu-drop-down-button {
        display: block;
        text-align: left;
        margin-right: 0;
    }
    .forge-espace .menu-top-menu {
        border-radius: 0;
        display: block;
        margin-right: 0;
        border-bottom: 1px solid #C6C6C6;
    }
    .forge-espace .banner-icon.span2 {
        width: auto;
        float: none;
        margin-left: 0;
        text-align: left;
        line-height: 0;
        height: 50px;
        margin-right: 5px;
        padding-left: 5px;
        vertical-align: top;
        padding-bottom: 86px;
    }
    .forge-espace .onlineForgeImage {
        width: auto;
        height: 100%;
    }
    .forge-espace .mobile-align-left {
        text-align: left;
    }
    .forge-espace .mobile-margin-top-50 {
        margin-top: 50px;
    }
    .forge-espace .mobile-margin-left-10 {
        margin-left: 10px;
    }
    .forge-espace .mobile-padding-wrapper {
        padding: 0 5px;
    }
    .forge-espace .ribbonWidthCard {
        width: 37px;
    }
    .forge-espace .mobile-force-wrap * {
        white-space: normal;
    }
    .forge-espace .Application_Menu {
        background: 0 0!important;
    }
    .forge-espace .Menu_DropDownButton {
        margin-right: 0!important;
    }
    .forge-espace .Menu_TopMenu {
        font-family: myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin: 0!important;
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
        background-color: rgba(170, 170, 170, 0)!important;
        color: #BABABA!important;
        line-height: 24px!important;
    }
    .forge-espace .Menu_TopMenu a,
    .forge-espace .Menu_TopMenu a:link,
    .forge-espace .Menu_TopMenu a:visited {
        color: #C4C4C4;
    }
    .forge-espace .Menu_TopMenuActive a:link,
    .forge-espace .Menu_TopMenuActive a:visited {
        color: #333;
    }
    .forge-espace .Menu_TopMenuActive .Menu_DropDownArrow {
        border-top-color: #555;
        background-color: rgba(255, 255, 255, 0)!important;
    }
    .forge-espace .Menu_DropDownArrow {
        border-top-color: #C4C4C4;
        right: 20px;
    }
    .forge-espace .menu-top-menu a,
    .forge-espace .menu-top-menu a:link,
    .forge-espace .menu-top-menu a:visited {
        display: block;
    }
    .forge-espace .infoContainer .ribbonContainer {
        width: 85px;
    }
    .forge-espace .hide-in-mobile {
        display: none;
    }
    .forge-espace .all-content-wrapper {
        padding: 0;
    }
}

@media (max-width:979px) {
    .fa.fa-fw.fa-question-circle,
    .fa.fa-fw.fa-upload,
    .forge-espace .hideRibbonLabelMobile {
        display: none;
    }
    .forge-espace .MobileAlignMiddle {
        text-align: center;
    }
    .forge-espace .retireButton {
        margin-left: 34px;
    }
    .forge-espace .banner-icon {
        margin-top: 20px;
    }
    .forge-espace .HighLightCardContent {
        border-bottom: none;
    }
    .forge-espace .infoContainer .ribbonContainer {
        top: -1px;
        width: 96px;
    }
    .forge-espace .SidebarImage {
        margin-right: 0;
    }
    .forge-espace .user-info {
        width: 70%;
    }
    .forge-espace .forums-thumbs {
        width: 19%;
    }
    .forge-espace .CardTextWidth {
        width: 58%;
    }
    .forge-espace .onlineForgeImage {
        width: 110px;
        height: 110px;
    }
    .forge-espace .buttonsContainer {
        padding: 0;
        bottom: 30px;
    }
    .forge-espace .carouselContainer.owl-theme .owl-controls {
        margin-left: 50%;
    }
    .forge-espace .owl-item .CardTextWidthFlow {
        width: 55%;
    }
    .truncate {
        width: 149px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #08c;
    }
    .searchTablet {
        width: 228px;
    }
    .forge-espace .FaqButton {
        margin-left: 0;
    }
    .forge-espace .mobile-force-wrap .TabletPublishedBy {
        white-space: normal;
        text-overflow: initial;
        overflow: initial;
    }
    .forge-espace .HighlightCard {
        padding-left: 52px;
    }
    .forge-espace .ChangeIcon {
        margin-left: -6px;
    }
    .forge-espace .WhiteBackground {
        width: 122px;
    }
    .forge-espace .Screenshot {
        max-width: 293px;
    }
    .forge-espace .BoxDownTablet {
        margin-top: 28px;
    }
    .forge-espace .OptionLine {
        height: 43px;
    }
}

.learn-espace {
    min-height: 100%;
}

.ody.videos {
    background-color: #E6EAEB;
}

.learn-espace .top-menu-learn {
    border-color: transparent transparent #BCC5CC;
}

.learn-espace .loader,
.learn-espace .loader-bg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.learn-espace .processingUpload {
    display: inline-block;
    padding: 3px 0 0 4px;
    font-size: 12px;
}

.learn-espace .disable {
    pointer-events: none;
    cursor: default;
    opacity: .9;
}

.learn-espace .archived {
    background-color: #d3d3d3;
    color: #000;
}

.learn-espace .section1 {
    background-color: #e6e6e6;
    padding-top: 10px;
    padding-bottom: 15px;
}

.learn-espace .section2 {
    background-color: #ccc;
    padding-top: 15px;
    padding-bottom: 20px;
}

.learn-espace .section-sidebar {
    margin: 10px 20px;
}

.learn-espace .osicon-download,
.learn-espace .right5,
.learn-espace .social-icons a:link {
    margin-right: 5px;
}

.learn-espace .sidebar-title {
    font-size: 20px;
}

.learn-espace .title-red {
    color: #c20;
}

.learn-espace .controls-row li {
    line-height: 40px;
}

.learn-espace .bold-learn {
    font-weight: 600;
}

.learn-espace .sidebar-title2 {
    font-size: 16px;
}

.learn-espace .form-input {
    height: 30px!important;
}

.learn-espace a.btn.btn-medium.red.overview {
    padding: 8px 20px;
}

.learn-espace .link-more {
    margin-top: 21px;
}

.learn-espace .social-icons-learn {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
}

.learn-espace .progressCont {
    position: relative;
    top: 28px;
    padding-right: 10px;
}

.learn-espace .heading-group {
    cursor: pointer;
    position: relative;
    top: -5px;
}

.learn-espace .contentBackgroundColor {
    background-color: rgba(230, 230, 230, .5);
}

.learn-espace .social-icons .share a {
    font-size: 16px;
    color: grey;
}

.learn-espace .social-icons .share a:hover {
    color: #06A;
}

.learn-espace .round-border-arrow {
    border-radius: 200px;
    border: 1px solid #bdc5c7;
    width: 32px;
    height: 32px;
    position: relative;
    top: 31px;
    left: -19px;
}

.learn-espace .arrow {
    width: 32px;
    height: 32px;
    position: relative;
    top: 7px;
    left: 10px;
}

.learn-espace .greenCheck {
    position: absolute;
    top: 39px;
    left: 14px;
}

.learn-espace .loader {
    position: relative;
    width: 40px;
    height: 40px;
    float: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

.learn-espace .loader-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid rgba(255, 255, 255, .1);
    box-sizing: border-box;
}

.learn-espace .spiner-holder-1,
.learn-espace .spiner-holder-2 {
    top: 0;
    left: 0;
    background: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: absolute;
    overflow: hidden;
}

.learn-espace .spiner-holder-1 {
    width: 50%;
    height: 50%;
    box-sizing: border-box;
}

.learn-espace .spiner-holder-2 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.learn-espace .loader-spiner {
    width: 200%;
    height: 200%;
    border-radius: 50%;
    border: 6px solid rgba(255, 255, 255, .3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.learn-espace .animate-0-25-a {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.learn-espace .animate-0-25-b {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.learn-espace .animate-25-50-a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.learn-espace .animate-25-50-b {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.learn-espace .animate-50-75-a {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.learn-espace .animate-50-75-b {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.learn-espace .animate-75-100-a {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.learn-espace .animate-75-100-b {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.learn-espace .text {
    text-align: center;
    padding-top: 26%;
    font-size: 12px;
    color: rgba(255, 255, 255, .3);
    font-family: Verdana;
}

.learn-espace .timeBlock_days {
    border-radius: 4px 0 0 4px;
    background-color: #384142;
    width: 36px;
    height: 40px;
    padding: 5px;
    margin-right: 1px;
}

.learn-espace .timeBlock_date {
    border-radius: 0 4px 4px 0;
    background-color: #384142;
    width: 130px;
    height: 40px;
    padding: 5px;
}

.learn-espace .timeBlock_days_value {
    color: #fff;
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
}

.learn-espace .timeBlock_days_text {
    color: #e6e6e6;
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.learn-espace .courseHeader,
.learn-espace .courseSubHeader {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.learn-espace .percentageLoader17 {
    position: absolute;
    padding-top: 20px;
    padding-left: 17px;
}

.learn-espace .percentageLoader20 {
    position: absolute;
    padding-top: 20px;
    padding-left: 20px;
}

.learn-espace .percentageLoader13 {
    position: absolute;
    padding-top: 20px;
    padding-left: 13px;
}

.learn-espace .courseHeader {
    color: #7a878b;
    padding: 0 5px;
}

.learn-espace .courseSubHeader {
    color: #596669;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
}

.learn-espace .resumeblock {
    color: #7a878b;
    background-color: #eaedef;
    margin-bottom: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 22px;
}

.learn-espace .resumeblock-whitebackground {
    background-color: #fff;
    vertical-align: middle;
    margin-left: 10px;
    padding: 5px 20px;
    border-radius: 4px;
}

.learn-espace .resumeblock-btn {
    float: right;
    padding-right: 10px;
}

.learn-espace .resumeblock-Text {
    display: inline-block;
    line-height: 30px;
    padding-left: 10px;
}

.learn-espace .courseListLine {
    padding-top: 10px;
    padding-bottom: 10px;
}

.learn-espace .courseListDate {
    width: 40px;
    height: 40px;
    background-color: #eceff1;
    margin-left: 10px;
}

.learn-espace .courseListDateNumber {
    color: #949fa3;
}

.learn-espace .courseListDateText {
    text-transform: uppercase;
    color: #596669;
}

.learn-espace .courseListText {
    height: 19px;
    color: #37474f;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.learn-espace .courseListSubText {
    height: 15px;
    color: #949fa3;
    font-size: 10px;
    font-family: Arial;
    font-weight: 700;
}

.learn-espace .surveyResultsLabel {
    color: #545454;
    font-size: 18px;
    margin-top: 30px;
}

.learn-espace .surveyValid30 {
    margin-bottom: 30px;
}

.learn-espace .surveyValid20 {
    margin-bottom: 20px;
}

.learn-espace .surveyInvalid {
    border: 1px solid #bf1601;
    border-radius: 0;
}

.learn-espace .surveyInvalid30 {
    margin-bottom: 30px;
    border: 1px solid #bf1601;
    border-radius: 0;
}

.learn-espace .surveyInvalid20 {
    margin-bottom: 20px;
    border: 1px solid #bf1601;
    border-radius: 0;
}

.learn-espace .bottomFirstRow {
    background-color: #505050;
}

.learn-espace .bottomRowBtn {
    background-color: rgba(255, 255, 255, .09);
    margin-bottom: 20px;
    padding: 5px 0;
    border-radius: 4px;
}

.learn-espace .bottomRowBtn a {
    color: #fff;
}

.learn-espace .bottomSecondRow {
    background-color: #e7eced;
    border: 1px solid #e7eced;
    border-radius: 4px;
}

.learn-espace .courseLink {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    margin-left: -4px;
}

.learn-espace .bottomSecondRowText,
.learn-espace .courseLinkTitle {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.learn-espace .courseLinkTitle {
    color: #333;
    font-size: 18px;
    line-height: 26px;
}

.learn-espace .bottomSecondRowText {
    color: #7a878b;
    font-size: 14px;
    text-transform: uppercase;
    width: 50px;
    margin-left: 32px;
    line-height: 70px;
}

.learn-espace .HtmlContent,
.learn-espace .VideoLink a {
    font-family: Arial;
    font-style: normal;
    vertical-align: baseline;
    font-variant: normal;
}

.learn-espace .HtmlContent,
.learn-espace .HtmlContent li {
    list-style-type: disc;
    font-size: 15px;
}

.learn-espace .bottomSecondRowSeparator {
    background-color: #fff;
    min-height: 70px;
    width: 1px;
}

.learn-espace .HtmlContent {
    color: #000;
    background-color: #fff;
    font-weight: 400;
    text-decoration: none;
    padding: 10px 20px;
}

.learn-espace .HtmlContent ol,
.learn-espace .HtmlContent ul {
    margin-left: 30px;
}

.learn-espace .HtmlContent p {
    line-height: 1.15;
    margin-top: 6pt;
    margin-bottom: 6pt;
}

.learn-espace .HtmlContent .KeyConcepts {
    font-size: 19px;
    font-weight: 700;
}

.learn-espace .HtmlContent .SectionTitle {
    font-size: 19px;
    color: #c00000;
}

.learn-espace .VideoLink {
    text-align: center;
    border: 1px solid transparent;
}

.learn-espace .VideoLink:hover {
    cursor: pointer;
    border: 1px dotted #888;
}

.learn-espace .VideoLink a {
    font-size: 13px;
    color: #f00000;
    background-color: transparent;
    font-weight: 400;
    text-decoration: underline;
    white-space: pre-wrap;
}

.learn-espace .LineLink,
.learn-espace .LineLink a {
    color: #000;
}

.learn-espace .LineLink a:hover,
.learn-espace .TableCourses a:hover {
    cursor: pointer;
    color: #C00000;
    text-decoration: none;
}

.learn-espace .LineLink:hover {
    color: #C00000;
    cursor: pointer;
}

.learn-espace .LessonCallout {
    display: inline-block;
    height: 60px;
}

.learn-espace .LessonCallout>span {
    position: absolute;
    padding: 5px;
    margin-top: 10px;
    margin-left: 15px;
    min-width: 400px;
    line-height: 16px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 6px 6px 10px #CCC;
    -webkit-box-shadow: 6px 6px 10px #CCC;
    box-shadow: 6px 6px 10px #CCC;
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    background: #FFEEAB;
    border: 1px solid #001857;
}

.learn-espace .LessonCallout img {
    margin: -22px 0 0 -26px;
    float: left;
    padding: 5px;
    text-decoration: none;
    text-outline: none;
    border: none;
}

.learn-espace .MainContent {
    padding-bottom: 75px;
}

.learn-espace .MHeader {
    line-height: 4;
    background-color: #555;
    color: #fff;
    border-radius: 2px 2px 0 0;
    vertical-align: middle;
    font-size: 16px;
}

.learn-espace .MTable {
    background-color: #ECECEC;
    color: #555;
    line-height: 3;
}

.learn-espace .MInnerTable {
    background-color: rgba(236, 236, 236, .32);
    color: #555;
    line-height: 3;
}

.learn-espace .Lessons .Heading2 {
    font-size: 15px;
}

.learn-espace .Lessons {
    background-color: #fff;
    padding: 10px;
    font-size: 12px;
    border-bottom: 1px solid rgba(194, 194, 194, .63);
}

.learn-espace .Lessons .TableRecords_Header {
    color: #999;
    border-bottom: 1px solid rgba(194, 194, 194, .63);
    padding: 0 0 5px 5px;
}

.learn-espace .Lessons .TableRecords {
    background: #fff;
    padding: 5px 40px 0;
    margin-top: 20px;
    border: none;
}

.Lessons a:link,
.Lessons a:visited,
.learn-espace .Lessons .a {
    color: #396185;
}

.learn-espace .Label {
    border-radius: 2px;
    width: 100%;
    color: #fff;
    line-height: 2;
    text-align: center;
    vertical-align: middle;
}

.learn-espace .Label.Intro {
    background-color: gray;
}

.learn-espace .Label.Video {
    background-color: #C33C2D;
}

.learn-espace .Label.Assignment {
    background-color: #C7A414;
}

.learn-espace .Label.Checkpoint {
    background-color: #396185;
}

.learn-espace .Label.Milestone {
    background-color: #087944;
}

.learn-espace .Label.BorderGreen {
    color: rgba(3, 78, 3, .9);
}

.learn-espace .Label.BorderRed {
    color: rgba(195, 60, 45, .9);
}

.learn-espace .Label.BorderOutdated,
.learn-espace .Outdated {
    color: #E49400;
}

.learn-espace .White {
    color: #fff!important;
}

.learn-espace .Card {
    background-color: #FFF;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
    padding: 10px;
    width: 100%;
}

.learn-espace .Bold {
    font-weight: 700;
}

.learn-espace .chapter-block,
.learn-espace .chapter-block-oneLesson {
    padding: 15px;
    position: relative;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    cursor: pointer;
}

.learn-espace .MarginLeft5 {
    margin-left: 5px;
}

.learn-espace iframe {
    width: 100%;
}

.learn-espace .chapter {
    box-shadow: 0 0 1px 0 #aaa;
    margin-bottom: 5px;
}

.learn-espace .chapter-block {
    color: #333;
}

.learn-espace .chapter-block-oneLesson {
    background: #69C;
    color: #fff;
    border: none;
}

.learn-espace .chapter-block .expand {
    color: #7a878b;
    position: absolute;
    right: 14px;
    top: 15px;
}

.learn-espace .chapter.open .expand .fa-chevron-down:before {
    content: "\f077";
}

.learn-espace .chapter-block .lock {
    position: absolute;
    left: 14px;
    top: 15px;
}

.learn-espace .chapter-content {
    margin: 0;
    padding: 0 48px 15px;
    display: none;
}

.learn-espace .chapter-content .description {
    border-bottom: 1px solid #eceff1;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.learn-espace .InvisibleImage {
    opacity: 0;
}

.learn-espace .InvisibleImage:hover {
    opacity: .5;
}

.learn-espace .chapter-padding5 {
    padding: 5px;
    box-sizing: border-box;
}

.learn-espace .chapter-padding5-btn {
    padding-right: 0;
    line-height: 30px;
    float: right;
}

@media (max-width:767px) {
    .learn-espace .initialBackground {
        padding: 10px;
    }
    .learn-espace .middleBackground {
        height: auto;
        padding: 0 10px;
    }
    .learn-espace .resumeblock-whitebackground {
        width: 150px;
    }
}

@media (max-width:979px) and (min-width:768px) {
    .learn-espace .resumeblock-whitebackground {
        width: 280px;
    }
}

.learn-espace .courseMiddle {
    margin-top: 10px;
}

.learn-espace .courseDescription {
    margin-bottom: 3px;
}

.learn-espace .ProgressBar {
    height: 15px;
    border-radius: 10px;
    background: #E6E6E6;
}

.learn-espace .ProgressBar .Progress {
    height: inherit;
    border-radius: inherit;
    background: #8CC83C;
}

.learn-espace .checkBoxDiv {
    background-image: url(/Learn/img/Half_Box.png?39756);
    background-repeat: no-repeat;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -1px;
    right: -1px;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

.learn-espace .checkBoxIcon {
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 5px;
    left: 24px;
}

.learn-espace .courseCard {
    border: 1px solid #d3d3d3;
    margin-bottom: 40px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .31);
    padding: 20px 15px;
    color: #000;
    background-color: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: box-shadow .2s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: box-shadow .2s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: box-shadow .2s cubic-bezier(.215, .61, .355, 1);
    transition: box-shadow .2s cubic-bezier(.215, .61, .355, 1);
    position: relative;
}

.learn-espace .courseCard:hover {
    text-decoration: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-color: rgba(214, 214, 214, 0);
}

.learn-espace .middleSectionTitle {
    margin-top: 23px;
    margin-bottom: 30px;
    text-align: center;
}

.learn-espace .trainingIcon {
    font-size: 80px;
}

.learn-espace .trainingImgSection {
    display: inline-block;
    height: 75%;
    width: 75%;
    margin-top: 30px;
}

.learn-espace .trainingTextSection {
    text-align: left;
    color: #384142;
}

.learn-espace .trainingLink,
.learn-espace .trainingLink:hover {
    text-decoration: none;
    font-weight: 300;
}

.learn-espace .trainingBadge {
    width: 2.5%;
    margin-right: 5px;
}

.learn-espace .courseCard {
    max-width: 95%;
    height: auto;
}

.learn-espace .header-title {
    margin-bottom: 50px;
}

.learn-espace .aboutOS-container,
.learn-espace .doc-container,
.learn-espace .training-container {
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 1px solid #CCC;
    padding: 15px;
}

.learn-espace .aboutOS-container,
.learn-espace .training-container {
    min-height: 350px;
}

.learn-espace .doc-links {
    margin-top: 20px;
}

.learn-espace .doc-links .section div {
    margin-bottom: 10px;
}

.learn-espace .doc-links .section div a:before {
    content: '>';
    margin-right: 5px;
}

.learn-espace .recommended .resources {
    border: 1px solid #CCC;
    padding: 10px;
    max-width: 250px;
    height: 100px;
    margin-top: 15px;
}

.learn-espace .courseTitle {
    color: #08c;
}

.learn-espace .finalBackground,
.learn-espace .initialBackground,
.learn-espace .middleBackground,
.learn-espace body {
    background-color: #E6E6E6;
}

.learn-espace .initialBackground,
.learn-espace .initialBackground-classroom {
    background-color: #E6EAEB;
}

.learn-espace .middleBackground {
    background-color: #d6dbdd;
    height: 253px;
    background-position-y: 0;
}

.learn-espace .finalBackground {
    background-color: #fff;
}

.learn-espace .initialBackground-course {
    background-color: #E6EAEB;
}

.learn-espace .initialBackground-videos {
    background-color: #E6E6E6;
}

.learn-espace .specialContent {
    margin-top: 15px;
    padding: 20px;
    background-color: #fff;
}

.learn-espace .CreatAppBox {
    position: relative;
    width: 150px;
    border: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #AAA;
    height: 35px;
    cursor: pointer;
}

.learn-espace .CreatAppBox.Active:after,
.learn-espace .CreatAppBox:after {
    height: 35px;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    position: absolute;
    right: -3px;
    content: '';
}

.learn-espace .CreatAppBox:after {
    background: #AAA;
    width: 10px;
    transform: skew(10deg);
    border-radius: 0 5px 0 0;
    top: 0;
}

.learn-espace .CreatAppBox.Active {
    width: 150px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #FFF;
    min-height: 35px;
    border-bottom: 1px solid #fff!important;
    margin: -1px 0;
}

.learn-espace .CreatAppBox.Active:after {
    background: #FFF;
    width: 12px;
    transform: skew(10deg);
    border-bottom: 1px solid #fff!important;
    margin: 0 0 -1px;
}

.learn-espace .CreatAppBoxText {
    color: #FFF;
    margin-top: 6px;
}

.learn-espace .CreatAppBox.Active .CreatAppBoxText {
    font-size: 15px;
    color: #999;
    margin-top: 8px;
}

.learn-espace .CreatAppBoxIcon {
    width: 20px;
    font-size: 12px;
    margin-top: 7px;
    color: #FFF;
    margin-left: 10px;
}

.learn-espace .CreatAppBox.Active .CreatAppBoxIcon {
    color: #999;
    margin-top: 7px;
}

.learn-espace .TabContent {
    background-color: #fff;
    padding: 30px;
}

.learn-espace iframe {
    background-color: transparent!important;
}

@media (max-width:979px) {
    .learn-espace .CreatAppBox,
    .learn-espace .CreatAppBox.Active {
        position: relative;
        width: 150px!important;
        height: 35px;
        cursor: pointer;
    }
    .learn-espace .CreatAppBox {
        border: none;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #AAA;
    }
    .learn-espace .CreatAppBox.Active {
        border: 1px solid #DDD;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #FFF;
    }
}

@media (max-width:767px) {
    .learn-espace .desktop-resize-fix.CreatAppBox {
        position: relative;
        width: 50px!important;
        border: none;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #AAA;
        height: 35px;
        cursor: pointer;
    }
    .learn-espace .desktop-resize-fix.CreatAppBox.Active {
        position: relative;
        width: 50px!important;
        border: 1px solid #DDD;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #FFF;
        height: 35px;
        cursor: pointer;
    }
    .learn-espace .desktop-resize-fix .CreatAppBoxIcon {
        font-size: 18px;
    }
    .learn-espace .moble-tab {
        top: 2px;
        position: relative;
    }
    .learn-espace .middleBackground {
        height: auto;
        padding: 0 10px;
    }
}

@media (max-width:768px) and (orientation:portrait) {
    .learn-espace .btn.btn-medium.blue.download {
        display: none;
    }
}

@media (max-width:1024px) and (orientation:landscape) {
    .learn-espace .btn.btn-medium.blue.download {
        display: none;
    }
}

.learn-espace .material_icon {
    vertical-align: middle;
    margin-right: 12px;
    color: #606060;
}

.learn-espace .materialItem {
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 20px;
}

.learn-espace .train-title .green-Check:hover {
    color: #8CC83C;
}

@media (max-width:767px) {
    .learn-espace .materialItem {
        margin-left: 0;
        padding-left: 0;
    }
    .learn-espace .material_icon {
        vertical-align: top;
    }
}

@media (max-width:420px) {
    .learn-espace .materialName {
        width: 80%;
        vertical-align: middle;
    }
}

.learn-espace .courseImageDiv {
    text-align: right;
    margin: 0 auto;
}

@media (max-width:767px) {
    .learn-espace .courseImageDiv {
        text-align: center;
        margin: 0 auto;
    }
    .learn-espace .imgMobile {
        margin-right: 0!important;
        max-width: 100%!important;
    }
    .learn-espace .textCenter {
        text-align: center;
    }
    .learn-espace .learn-helpcenter {
        padding: 0 10px;
    }
}

.learn-espace .courseLocation {
    color: grey;
}

.learn-espace div.Tabs_TabOn,
.learn-espace li.Tabs_TabOn {
    border: none;
    border-bottom: 4px solid #C20;
    width: 48%;
    text-align: center;
}

.learn-espace .Tabs_TabBody {
    border: none;
}

.learn-espace div.Tabs_TabOff,
.learn-espace li.Tabs_TabOff {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    width: 48%;
    text-align: center;
}

.learn-espace li.Tabs_TabOff a.Tabs_TabOff {
    background: #fff;
    color: grey;
}

.learn-espace a.Tabs_TabOff:visited {
    background: #fff;
    color: #333;
}

.learn-espace a.Tabs_TabOff,
.learn-espace span.Tabs_TabOn {
    text-overflow: ellipsis;
    overflow: hidden;
}

.learn-espace ul.Tabs_Header {
    font-size: 11px;
    font-weight: 600;
    font-family: myriad-pro, Arial, sans-serif;
    position: relative;
    margin-top: 7px;
}

.learn-espace .sideblock-header {
    background-color: #384142;
}

.community-espace .swiftype-widget .autocomplete,
.community-espace .swiftype-widget .autocomplete ul {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    background-color: #fff;
    text-align: left;
    list-style-type: none;
}

.learn-espace a.Tabs_TabOn,
.learn-espace a.Tabs_TabOn:hover,
.learn-espace a.Tabs_TabOn:visited,
.learn-espace span.Tabs_TabOn {
    color: #333;
}

.learn-espace .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-top: 0;
}

@media (max-width:767px) {
    .community-espace .search-wrapper {
        width: 100%;
    }
    .community-espace a.link-tab.active:after,
    .community-espace a.link-tab:hover:after {
        border-color: transparent;
        border-style: none;
        border-width: 0;
    }
    .community-espace .link-tab.active:hover,
    .community-espace .link-tab:hover,
    .community-espace a.link-tab.active {
        padding: 5px 0;
    }
    .community-espace .search-tab {
        width: 100%;
        margin-bottom: 5px;
    }
}

.community-espace .search-overlay {
    display: none;
}

.community-espace .st-result-listing {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    letter-spacing: .8px;
    margin-top: 40px;
}

.community-espace div.st-search-summary {
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
    margin: 12px 0;
}

.community-espace div.st-result-listing {
    width: 600px;
}

.community-espace div.st-result-listing h2 {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    margin: 0;
}

.community-espace div.st-result-listing h2 .st-query {
    font-style: italic;
    color: #666;
}

.community-espace div.st-result {
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.community-espace div.st-result.final {
    border-bottom: none;
    margin-bottom: 0;
}

.community-espace div.st-result .st-snippet {
    color: #333;
}

.community-espace div.st-result .st-date {
    color: #999;
}

.community-espace .st-pagination {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-top: 5px;
}

.community-espace .st-prev {
    margin-right: 20px;
}

.community-espace .st-loading-message {
    font-size: 16px;
    font-style: italic;
    color: #999;
    margin: 10px auto;
}

.community-espace .st-url {
    display: block;
    color: #00832A;
    font-style: normal;
}

.community-espace .st-result h4.title {
    margin-bottom: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
}

.community-espace .st-snippet em {
    font-weight: 700;
    font-style: normal;
}

.community-espace .swiftype-widget .autocomplete {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.community-espace .swiftype-widget .autocomplete ul {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.community-espace .swiftype-widget .autocomplete li {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    padding: 10px 8px;
    font-size: 13px;
    list-style-type: none;
    background-image: none;
    margin: 0;
}

.community-espace .swiftype-widget .autocomplete li:first-child {
    border-top: 1px solid #e5e5e5;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.community-espace .swiftype-widget .autocomplete li:last-child {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.community-espace .swiftype-widget .autocomplete li.active {
    border-top: 1px solid #145A93;
    border-bottom: 1px solid #086aa8;
    background-color: #1285d5;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #37a3e9), color-stop(100%, #1285d5));
    background: -webkit-linear-gradient(#37a3e9, #1285d5);
    background: -moz-linear-gradient(#37a3e9, #1285d5);
    background: -o-linear-gradient(#37a3e9, #1285d5);
    background: linear-gradient(#37a3e9, #1285d5);
    -webkit-box-shadow: 0 1px 0 #69bdf3 inset;
    -moz-box-shadow: 0 1px 0 #69bdf3 inset;
    box-shadow: 0 1px 0 #69bdf3 inset;
}

.community-espace .swiftype-widget .autocomplete li p {
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

.community-espace .swiftype-widget .autocomplete li p.title {
    font-weight: 700;
    color: #1c6cb5;
}

.community-espace .swiftype-widget .autocomplete li p.title em {
    color: #0b2644;
    font-style: normal;
    font-weight: 700;
}

.community-espace .swiftype-widget .autocomplete li.active p.title {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    color: #fff;
}

.community-espace .swiftype-widget .autocomplete li.active p.title em {
    color: #fff;
    font-style: normal;
}

.community-espace .swiftype-widget .autocomplete li .sections {
    color: #999;
    font-size: 11px;
}

.community-espace .swiftype-widget .autocomplete li .sections em {
    color: #666;
    font-style: normal;
}

.community-espace .swiftype-widget .autocomplete li .sections .section {
    display: inline;
}

.community-espace .swiftype-widget .autocomplete li.active .sections {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    color: #a9d7f1;
}

.community-espace .swiftype-widget .autocomplete li.active .sections em {
    color: #a9d7f1;
    font-style: normal;
}

.community-espace .st-search-tag {
    padding: 0 18px 0 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #fff;
    cursor: default;
    border: 1px solid #08C;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #08c;
}

.community-espace span.tag-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    top: 4px;
    font-size: 1px;
    outline: 0;
    background: url(/forgecore/img/select2.png?118666&19936&39899) right -11px no-repeat;
    right: 3px;
}

.community-espace span.st-search-tag a {
    display: inline-block;
}

.home-espace .HeaderLinksGotFeedback,
.home-espace .box .title,
.home-espace .buttons {
    text-transform: uppercase;
}

.home-espace .Tabs_Header a,
.home-espace .Tabs_Header span {
    font-size: 12.5px;
}

.home-espace .searchContainer {
    margin-top: -40px;
}

.home-espace .inpage-search-search-wrapper {
    margin-top: -25px;
}

.home-espace .invalid input {
    border: 2px solid #BF1601;
}

.home-espace div.Tabs_TabOff,
.home-espace li.Tabs_TabOff {
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    padding: 8px 0 0 8px;
    background: #AAA;
    color: #FFF;
    height: 35px;
    border-top-left-radius: 5px;
    margin-right: 13.6px;
    border: none;
}

.home-espace .MidDiv a.btn:active,
a.btn:hover {
    color: #333;
    background-color: #f5f5f5;
}

.home-espace div.Tabs_TabOff:after,
.home-espace li.Tabs_TabOff:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 35px;
    background: #AAA;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    top: 0;
    right: -10px;
    border-radius: 0 5px 0 0;
}

.home-espace a.Tabs_TabOff,
.home-espace a.Tabs_TabOff:link,
.home-espace a.Tabs_TabOff:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #FFF;
    padding: 0 10px;
    background: 0 0;
}

.home-espace a.Tabs_TabOff:hover {
    background: 0 0;
}

.home-espace div.Tabs_TabOn,
.home-espace li.Tabs_TabOn {
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    padding: 8px 0 0 8px;
    background: #FFF;
    color: #333;
    height: 35px;
    border-top-left-radius: 5px;
    margin-right: 13.6px;
}

.home-espace div.Tabs_TabOn:after,
.home-espace li.Tabs_TabOn:after {
    position: absolute;
    width: 13px;
    transform: skew(10deg);
    top: -1px;
    right: -10px;
    border-radius: 0 5px 0 0;
    background: #FFF;
    border-top: 1px solid #ccc;
    border-left: 0 solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    -webkit-backface-visibility: hidden;
}

.home-espace .NavTab:after,
.home-espace div.Tabs_TabOn:after,
.home-espace li.Tabs_TabOn:after {
    content: '';
    height: 35px;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
}

.home-espace a.Tabs_TabOn,
.home-espace a.Tabs_TabOn:hover,
.home-espace a.Tabs_TabOn:link,
.home-espace a.Tabs_TabOn:visited,
.home-espace span.Tabs_TabOn {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #333;
    padding: 0 10px;
    background: 0 0;
}

.home-espace .Tabs_TabBody {
    margin: 30px 0 0;
    padding: 10px 0;
    border: 1px solid #ccc;
}

.home-espace .partners-download-doc-filter {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.home-espace .partners-download-doc-filter input[type=checkbox] {
    margin: 0 30px 0 10px;
    line-height: normal;
    cursor: pointer;
}

.home-espace .button-isotype {
    display: inline-block;
    padding: 1px 15px;
    background: #aaa;
    border: none;
    border-radius: 20px;
    color: #fff;
    font-family: myriad-pro;
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
}

.home-espace .button-isotype:hover {
    background-color: gray;
    color: #fff;
    text-decoration: none;
}

.home-espace .AlertAction:hover,
.home-espace a.terms-link {
    text-decoration: underline;
}

.home-espace .button-isotype.is-checked,
.home-espace .button-isotype:active {
    background-color: #c20;
}

.home-espace .button-isotype.is-checked {
    color: #fff;
}

.home-espace .button-isotype:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, .8);
}

.home-espace .NavTab {
    font-family: Arial, sans-serif;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 5px 0 10px;
    background: #AAA;
    color: #FFF;
    height: 35px;
    margin-top: 15px;
    border-top-left-radius: 5px;
}

.home-espace .NavTab:after {
    position: absolute;
    width: 10px;
    background: #AAA;
    transform: skew(10deg);
    top: 0;
    right: -6px;
    border-radius: 0 5px 0 0;
}

.home-espace .NavTab.Active,
.home-espace .NavTab.Active:after {
    height: 50px;
    background: #FFF;
}

.home-espace .NavTab .Icon [class*=fa],
.home-espace .NavTab .Icon [class^=osicon] {
    width: 5%;
    font-size: 20px;
}

.home-espace .NavTab.Download .Icon {
    margin-top: 1px;
}

.home-espace .NavTab.Download .Icon [class*=fa],
.home-espace .NavTab.Download .Icon [class^=osicon],
.home-espace .NavTab.Download.Active .Icon [class*=fa],
.home-espace .NavTab.Download.Active .Icon [class^=osicon] {
    width: 5%;
    font-size: 16px;
}

.home-espace .NavTab.Active.Download .EnvironmentInfo,
.home-espace .NavTab.Download .EnvironmentInfo {
    width: 70%!important;
}

.home-espace .NavTab .EnvironmentInfo {
    width: 81%;
    margin-left: 10px;
}

.home-espace .NavTab.Active.Trial .EnvironmentInfo {
    width: 260px;
}

.home-espace .NavTab:not(.Active) .EnvironmentInfo {
    margin-top: 2px;
}

.home-espace .NavTab.Active .EnvironmentInfo.Label {
    margin-top: 6px;
}

.home-espace .NavTab .InfrastructureNameWrapper {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.home-espace .InfrastructureName {
    font-weight: 600;
}

.home-espace .NavTab .TopSection {
    display: none;
}

.home-espace .NavTab .InfrastructureType {
    width: 70%;
    font-size: 12px;
    color: grey;
    margin-top: 1px;
}

.home-espace .NavTab .DaysLeft {
    width: 28%;
    font-size: 10px;
    color: #C61F00;
    font-weight: 600;
    margin-top: 1px;
}

.home-espace .NavTab.Active {
    padding: 11px 5px 0 10px;
    color: #333;
    margin-top: 0;
}

.home-espace .NavTab.Active .TopSection {
    display: block;
    line-height: 1;
}

.home-espace .NavTab.Active .Icon {
    margin-top: 5px;
}

.home-espace .desktop-resizable {
    display: inline-block!important;
}

.home-espace .ippCard {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #e6e6e6;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.home-espace .ippThankYou {
    margin-top: 20px;
    text-align: justify;
}

@media (max-width:967px) {
    .home-espace .desktop-resizable .NavTab.Download,
    .home-espace .desktop-resizable .NavTab.Download.Active {
        display: none;
    }
    .home-espace .NavTab.Active .EnvironmentInfo {
        width: 80%!important;
    }
    .home-espace .NavTab .EnvironmentInfo {
        width: 185px;
    }
    .home-espace .NavTab .EnvironmentInfo.Label {
        font-size: 12px;
    }
    .home-espace .NavTab .InfrastructureType {
        width: 100%;
    }
}

@media (max-width:767px) {
    .home-espace .NavTab .Download,
    .home-espace .NavTab.Active .TopSection,
    .home-espace .NavTab:not(.Active) .EnvironmentInfo {
        display: none;
    }
    .home-espace .NavTab.Active .EnvironmentInfo {
        margin-top: 6px;
        width: 80%;
    }
    .home-espace .NavTab .EnvironmentInfo {
        margin-top: 0;
    }
    .home-espace .span2.desktop-resizable,
    .home-espace .span3.desktop-resizable,
    .home-espace .span4.desktop-resizable {
        width: auto;
    }
    .home-espace .NavTab {
        width: 45px;
    }
    .home-espace .NavTab.Active {
        width: 160px;
    }
}

.home-espace .MySubscriptions {
    color: #103E65;
    cursor: pointer;
}

.home-espace .SubscriptionName {
    max-width: 134px;
    text-overflow: ellipsis;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
}

.home-espace .SubscriptionTextMarginRight {
    margin-right: 10px;
}

.home-espace .SubscriptionColors {
    color: #333;
    background-color: #FFF;
}

.home-espace .SubscriptionIcon {
    border-right: 1px solid #fff;
    width: 30px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
}

.home-espace .TrialHeaderBackground {
    background-color: #FFF;
    width: 265px;
    height: 50px;
}

.home-espace .PersonalEnvironmentTextNotSelected {
    display: none;
}

.home-espace .HomeIcon.Trial {
    color: #333;
}

.home-espace .TrialDropdownIcon {
    font-size: 20px;
    color: #FFF;
}

.home-espace .DaysLeft {
    font-size: 12px;
}

.home-espace .NavTab.Active .TrialDropdownIcon {
    position: absolute;
    color: #CCC;
    top: 20px;
    right: 10px;
}

.home-espace .SubscriptionsPosition .ListRecords a:not(:last-child)>div {
    border-bottom: 1px solid #CCC;
}

.home-espace .AbsoluteEnvironments,
.home-espace .AbsoluteSubscriptions {
    position: absolute;
}

.home-espace .SubscriptionsPosition {
    position: absolute;
    top: 156px;
    z-index: 10;
    border: 1px solid #ccc;
    width: 311px;
    background: #FFF;
    padding: 5px 0;
}

.home-espace .SubscriptionsPosition:before {
    border-bottom-color: #103E65;
    border-width: 8px;
    margin-left: -7px;
}

.home-espace .SubscriptionsPosition:after {
    border-bottom-color: #103E65;
    border-width: 6px;
    margin-left: -5px;
}

.home-espace .BoxMargins,
.home-espace .DisclaimerStyle {
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.home-espace .MySubscriptionsBottomBorders {
    border-bottom: 1px solid #CCC;
}

.home-espace .MySubscriptionsTopBorders {
    border-top: 1px solid #87B7E4;
}

@media (max-width:967px) {
    .home-espace .NavTab.Trial.Active .DaysLeft {
        display: none!important;
    }
    .home-espace .NavTab.Trial.Active .InfrastructureNameWrapper {
        width: 90%;
    }
    .home-espace .NavTab.Trial.Active .EnvironmentInfo {
        width: 185px!important;
    }
    .home-espace .NavTab.Trial.Active .InfrastructureType {
        width: 100%;
    }
    .home-espace .TrialDropdownIcon {
        display: none;
    }
}

@media (max-width:767px) {
    .home-espace .NavTab.Trial.Active .EnvironmentInfo {
        width: 117px!important;
    }
    .home-espace .NavTab.Trial.Active .InfrastructureNameWrapper {
        width: 100%;
    }
    .home-espace .TrialDropdownIcon {
        display: none;
    }
    .home-espace .input-prepend.input-append {
        white-space: normal;
    }
}

.home-espace .MarginBottom {
    margin-bottom: 10px;
}

.home-espace .DisclaimerStyle {
    float: left;
}

.home-espace .EditRecord_Caption {
    width: 13%;
}

.home-espace .BoxBottomMargin {
    margin-bottom: 20px;
    margin-right: 30px;
}

.home-espace .AlreadyTitle {
    font-size: 20px;
    font-weight: 700;
}

.home-espace .EmailText {
    font-size: 20px;
}

.home-espace .body {
    background-color: #e6e6e6;
}

.home-espace .InputLabel {
    width: 18%;
}

.home-espace .InputAlign {
    text-align: center;
}

.home-espace .CustomerInfoPopupBackground {
    width: 500px;
}

.home-espace .email-label-style {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
    display: inline-block;
}

@media (max-width:767px) {
    .home-espace .desktop-resize-fix.BrowseAppBox,
    .home-espace .desktop-resize-fix.CreatAppBox,
    .home-espace .desktop-resize-fix.ManageAppBox {
        position: relative;
        width: 50px!important;
        border: none;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #AAA;
        height: 30px;
        cursor: pointer;
    }
    .home-espace .desktop-resize-fix.BrowseAppBox.Active,
    .home-espace .desktop-resize-fix.CreatAppBox.Active,
    .home-espace .desktop-resize-fix.ManageAppBox.Active {
        position: relative;
        width: 50px!important;
        border: 1px solid #DDD;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #FFF;
        height: 30px;
        cursor: pointer;
    }
    .home-espace .desktop-resize-fix.BrowseAppBoxIcon,
    .home-espace .desktop-resize-fix.CreatAppBoxIcon,
    .home-espace .desktop-resize-fix.ManageAppBoxIcon {
        font-size: 18px;
    }
}

.home-espace .trialTeamMatesCirclesWithPhoto,
.home-espace .trialTeamMatesCirclesWithoutPhoto {
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 25px;
}

.home-espace .tableDisplay {
    display: table;
}

.home-espace .tableDisplayCell {
    display: table-cell;
    vertical-align: top;
}

.home-espace .shareTheLoveIcon {
    margin-top: 30px;
    margin-left: 5px;
}

.home-espace .divPositionRelative {
    Position: relative;
}

.home-espace .shareTheLoveDescription {
    margin-top: 10px;
    margin-bottom: 15px;
}

.home-espace .text-note-sharethelove {
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.home-espace .trialTeamMatesCirclesWithoutPhoto {
    background-color: #bababa;
    position: relative;
}

.home-espace .trialTeamMatesFontWithFirstName {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: relative;
    top: 9px;
}

.home-espace .trialTeamMatesDiv {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}

.home-espace .ClosePersonalBox {
    color: #69C;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 2px;
    right: 2px;
    float: right;
    display: block;
    
}

.home-espace .ClosePersonalBox:hover {
    color: #4673a7;
}

.home-espace .PersonalUnavailablePopupBorder {
    border: 2px solid #000;
    background-color: #ffffe0;
    padding: 30px;
}

.home-espace .PersonalUnavailablePopupButtonMargin {
    margin-top: 5%;
}

.home-espace .PersonalUnavailableTextMargins {
    margin-left: 15%;
    margin-right: 15%;
}

.home-espace .SelectedManageAppsIconText {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.home-espace .controls-row input.logininput,
.home-espace input[type=text].inputfield {
    height: 30px;
}

.home-espace input[type=password].logininput,
.home-espace input[type=text].inputfield {
    padding-left: 10px;
}

.home-espace input[readonly] {
    color: #777;
}

.home-espace .controls-row input.logininput {
    height: 35px;
}

@media (max-width:767px) {
    .home-espace .controls-row input.logininput,
    .home-espace input[type=text].inputfield {
        font-size: 14px;
    }
    .home-espace .mobileInput {
        width: 220px!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .home-espace .input-prepend.input-append {
        white-space: normal;
    }
    .home-espace .mobileText {
        max-width: 105px;
    }
}

.home-espace .box ul a,
.home-espace .post-reply-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-espace .redText {
    color: red;
    font-size: 12px;
}

.home-espace .background-gray {
    background-color: #E6EAEB;
    height: 65px;
    padding-top: 0;
    box-sizing: border-box;
}

.home-espace .homebox-width {
    width: 500px!important;
}

.home-espace .box .title {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: grey;
    font-size: 16px;
    padding: 20px;
    border-bottom: 1px solid #d0d0d0;
}

.home-espace .box ul {
    margin: 0;
    padding: 20px;
}

.home-espace .box li {
    list-style: none;
}

.home-espace .box ul a {
    display: block;
}

.home-espace .box .details {
    color: grey;
}

.home-espace .box.round {
    border-radius: 10px;
}

.home-espace .round-top-left,
.home-espace .round-top-left.round-top-right-1step {
    border-radius: 10px 0 0;
}

.home-espace .round-top-right {
    border-radius: 0 10px 0 0;
}

.home-espace .box .download-title {
    font-size: 22px;
    padding: 20px 20px 10px 25px;
    font-weight: bolder;
    display: inline-block;
    font-family: myriad-pro, sans-serif;
}

.home-espace .box .download-content {
    padding-right: 20px;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    min-height: 60px;
}

.home-espace .box .download-content.highlight {
    min-height: 140px;
}

.home-espace .box .download-server-content {
    padding-right: 25px;
    display: inline-block;
    font-family: myriad-pro, sans-serif;
    margin-left: 25px;
}

.home-espace .box .download-button {
    height: 25px;
}

.home-espace .box .download-image {
    height: 150px;
    padding-left: 25px;
}

.home-espace .box .downloadlink {
    font-size: 14px;
}

.home-espace .box .borderleft {
    border-left: 1px solid #fff;
    min-height: 165px;
}

.home-espace .box {
    position: relative;
}

.home-espace .configuration {
    position: absolute;
    width: 33px;
    height: 33px;
    background-color: #CCC;
    right: 0;
}

.home-espace .buttons {
    padding: 17px 0;
    font-size: 12px;
    background-color: #4673A7;
}

.home-espace .picture {
    height: 98px;
}

.home-espace .row.buttons {
    margin: 0;
}

.home-espace .components:before,
.home-espace .posts:before,
.home-espace .upcoming:before {
    float: left;
    display: block;
    content: "";
    margin-right: 7px;
}

.home-espace .row.buttons a {
    color: #C2C2C2;
    text-align: center;
}

.home-espace .posts:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -4px -841px no-repeat;
    width: 18px;
    height: 17px;
}

.home-espace .components:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -6px -983px no-repeat;
    width: 16px;
    height: 17px;
}

.home-espace .upcoming:before {
    background: url(/CommunityBaseTheme/img/icons.png?39842) -39px -425px no-repeat;
    width: 15px;
    height: 18px;
}

.home-espace .homepage-block-last-answered-details,
.home-espace .post-reply-info {
    max-width: 268px;
    display: inherit;
}

.home-espace .homepage-row-wrapper {
    margin: 20px;
}

.home-espace .post-reply-info {
    color: grey;
    font-size: 14px;
}

.home-espace .homepage-block-components-details.pull-left {
    width: auto;
}

.home-espace .box.top {
    min-height: 190px;
}

.home-espace .box.bottom {
    min-height: 322px;
}

.home-espace .personal {
    padding: 55px 0 0;
}

.home-espace .steps {
    background: #fff;
    margin: 10px 11px 10px 10px;
    position: relative;
}

.home-espace .steps:after {
    content: ' ';
    background-image: url(/home/img/steps.png?40128);
    height: 34px;
    width: 15px;
    position: absolute;
    top: 71px;
    right: -15px;
}

.home-espace .steps .stepstyle {
    background-color: #A2B9D3;
    color: #fff;
    text-transform: uppercase;
    min-height: 0;
    padding: 2px 10px;
}

.home-espace .steps .stepstyle.active {
    background: #4673A7;
}

.home-espace .download-box-content {
    height: 100px;
    padding-left: 20px;
    padding-right: 20px;
}

.home-espace .download-box-image {
    height: 150px;
    padding-left: 20px;
}

.home-espace .download-box-button {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.home-espace .document-details {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}

.home-espace .downloadSubHeaderText,
.home-espace .titles {
    font-weight: 600;
    font-size: 21px;
}

.home-espace .document-details-downs:before {
    content: "";
    float: left;
    background-image: url(/CommunityBaseTheme/img/icons.png?39842);
    background-position: -5px -586px;
    background-repeat: no-repeat;
    width: 16px;
    height: 15px;
    margin: 0 5px 0 0;
}

.home-espace .document-big-box {
    border-top: 1px solid #ECECEC;
    margin-top: 30px;
    padding-top: 10px;
}

.home-espace .Infrastructure {
    background-color: #E6E6E6;
    margin-bottom: 28px;
    border: 1px solid #ccc;
}

.home-espace a.terms-link {
    color: #9A9A9A;
}

.home-espace a.terms-link:hover {
    color: #000;
}

.home-espace .InfraBox {
    padding: 20px;
    min-height: 145px;
}

.home-espace .InfraBox .name {
    min-height: 75px;
}

.home-espace .InfraBox .namewrapper {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 330px;
}

.home-espace .selectable {
    cursor: pointer;
}

.home-espace .BtnManageApp {
    width: 150px\9;
}

.home-espace .round-top-right-1step {
    border-radius: 0;
}

.home-espace .moreinfo-button {
    padding-left: 25px;
}

.home-espace .mobile-align {
    text-align: right;
}

.home-espace .mobile-displayinline {
    display: block;
}

.home-espace .mobile-margintop10 {
    margin-top: 50px;
}

.home-espace .mobile-margintop20 {
    margin-top: 40px;
}

.home-espace .mobileInfraInactive {
    display: inline-block;
    padding-left: 30px;
}

.home-espace .user-exprience-shared-box {
    background-image: url(/PortalTheme/img/stopwatch.png?39877);
    background-position: 98% bottom;
    background-repeat: no-repeat;
    background-color: #C2D6EC;
    border-top: 3px solid #92B7DF;
    border-radius: 0 0 10px 10px;
    margin-bottom: 20px;
}

.home-espace .user-experience-photo-border {
    border-right: 1px solid #e1ebf5;
}

.home-espace .user-experience-top {
    margin-top: -41px;
}

.home-espace .mobile-downloadmarginleft {
    margin-left: 10px;
}

.home-espace .mobile-downloadmargintop {
    margin-top: 0;
}

.home-espace .mobile-step3margin {
    margin-left: -50px;
}

.home-espace .mobile-padding {
    margin-bottom: 20px;
}

.home-espace .clock-task-done,
.home-espace .clock-task-not-done,
.home-espace .task-done,
.home-espace .task-not-done {
    line-height: 13px;
}

.home-espace .task-done>span.icon {
    background: url(/PortalTheme/img/icons_experience.png?39877) -2px -3px no-repeat;
    width: 17px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

.home-espace .task-not-done>span.icon {
    background: url(/PortalTheme/img/icons_experience.png?39877) -3px -23px no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

.home-espace .clock-task-done>span.icon {
    background: url(/PortalTheme/img/icons_experience.png?39877) -22px -21px no-repeat;
    width: 14px;
    height: 17px;
    display: inline-block;
    margin-right: 5px;
}

.home-espace .clock-task-not-done>span.icon {
    background: url(/PortalTheme/img/icons_experience.png?39877) -22px -1px no-repeat;
    width: 14px;
    height: 17px;
    display: inline-block;
    margin-right: 5px;
}

@media (max-width:979px) {
    .home-espace .visible-tablet {
        display: inline-block!important;
    }
    .home-espace .mobile-padding {
        padding-right: 20px;
    }
    .home-espace a.btn-small {
        padding: 4px 5px;
    }
    .home-espace .InfraBox {
        min-height: 175px;
    }
    .home-espace .InfraBox .name {
        min-height: 70px;
    }
    .home-espace .InfraBox .namewrapper {
        max-width: 215px;
    }
    .home-espace .box.top {
        min-height: 220px;
    }
    .home-espace .box .download-content.highlight {
        min-height: 200px;
    }
    .home-espace .box .download-content {
        min-height: 100px;
    }
    .home-espace .arrow-right {
        border-width: 45px 155px 0;
        border-color: #fff transparent transparent rgba(255, 255, 255, 0);
        margin: 0 auto;
    }
    .home-espace .mobile-step3margin {
        margin-left: 0;
    }
}

@media (max-width:767px) {
    .home-espace .homebox-width {
        width: 100%!important;
    }
    .home-espace .getstarted-what-u-get {
        width: 100%;
        padding: 20px 20px 0;
        height: 100%;
        box-sizing: inherit;
        border-top: 1px solid #F2F2F2;
        border-left: 1px solid #F2F2F2;
        border-right: 1px solid #F2F2F2;
        border-radius: 10px 10px 0 0;
        border-bottom: 0;
    }
    .home-espace .getstarted-what-cols {
        margin-left: auto!important;
        margin-right: auto!important;
        margin-bottom: 30px;
        float: none;
    }
    .home-espace .arrow-wrapper {
        display: inline-block;
        width: 100%;
    }
    .home-espace .arrow-right {
        border-width: 45px 155px 0;
        border-color: #fff transparent transparent rgba(255, 255, 255, 0);
        margin: 0 auto;
    }
    .home-espace .mobile-downloadmarginleft,
    .home-espace .mobile-step3margin {
        margin-left: 0;
    }
    .home-espace .round-top-right {
        border-radius: 0;
    }
    .home-espace .round-top-left.round-top-right-1step,
    .home-espace .round-top-right-1step {
        border-radius: 10px 10px 0 0;
    }
    .home-espace .download-content.highlight {
        min-height: 40px!important;
    }
    .home-espace .box .download-content {
        min-height: 40px;
        padding-left: 20px;
    }
    .home-espace .mobile-paddingleft20 {
        padding-left: 20px;
    }
    .home-espace .mobile-paddingleft25 {
        padding-left: 25px;
    }
    .home-espace .mobile-paddingleft5 {
        padding-left: 5px;
    }
    .home-espace .mobile-align {
        text-align: left;
    }
    .home-espace .mobile-displayinline {
        display: inline-block;
    }
    .home-espace .mobile-margintop10 {
        margin-top: 10px;
    }
    .home-espace .mobile-margintop20 {
        margin-top: 20px;
    }
    .home-espace .box .borderleft {
        border-left: 0;
        min-height: 130px;
    }
    .home-espace .mobileInfraInactive {
        display: inline-block;
        padding-left: 0;
    }
    .home-espace .user-experience-photo-border {
        border-right: 0;
    }
    .home-espace .user-experience-top {
        margin-top: -11px;
    }
    .home-espace .user-exprience-shared-box {
        border-radius: 10px;
        border-top: 0;
    }
    .home-espace .mobile-downloadmargintop {
        margin-top: 10px;
    }
    .home-espace .mobile-padding {
        padding-bottom: 0;
    }
}

@media (max-width:1250px) {
    .home-espace .SidebarMain {
        display: none!important;
    }
}

.home-espace .sideBarPadding {
    padding-right: 10px;
}

.home-espace .home-get-started-form {
    margin-left: 28px;
}

.home-espace .marginLeftAndRight20 {
    margin-left: 50px;
    margin-right: 20px;
}

.home-espace .marginLeftAndRight10 {
    margin-left: 0;
    margin-right: 10px;
}

.home-espace .margin10 {
    margin: 0 20px 10px;
}

.home-espace .AppsBox {
    width: 100%;
}

.home-espace .IconCard:hover {
    color: #08C;
    background-color: transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.home-espace .IconCardSelected:hover {
    color: #C72500;
    background-color: transparent;
}

.home-espace .titles {
    color: #333;
}

.home-espace body {
    font-family: Arial, "Helvetica Neue", Helvetica, Myriad-Pro, sans-serif!important;
}

.home-espace .download-content {
    margin-right: 20px;
}

.home-espace .ClosePersonalBox {
    cursor: pointer;
    padding: 5px;
}

.home-espace .FormTitle {
    font-size: 34px;
    font-weight: 700;
}

.home-espace .FormTitleConfirmIdentity {
    font-size: 24px;
    font-weight: 600;
}

.home-espace .BoxMargins {
    margin: 10px;
}

.home-espace .ErrorBox {
    background-color: #FFE7E7;
    border: 1px solid #D8ABAB;
    background-image: none;
    padding: 6px;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.home-espace .PersonalWebBlockMargins {
    margin: 20px 0;
}

.home-espace .HomeMarginLeftDiv {
    margin-left: 20px;
}

.home-espace .CreateApplicationMargin,
.home-espace .ManageAppsMargin {
    margin-left: 10px;
}

.home-espace .CardsSeparator {
    display: none;
}

.home-espace .GetStartedCardsMargin {
    margin-top: 25px;
}

.home-espace .homeFont {
    font-family: Arial;
    font-size: 12px;
}

.home-espace .MainContentBox,
.home-espace .RightSideBarBox {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
}

.home-espace .HomeMarginLeftRightDiv {
    margin-left: 20px;
    margin-top: 40px;
}

.home-espace .HomeSideBarDiv {
    margin-left: 20px;
    margin-top: 10px;
}

.home-espace .ProvisioningRightDiv {
    margin-left: 20px;
}

@media (max-width:979px) {
    .home-espace .HomeMarginLeftRightDiv,
    .home-espace .HomeSideBarDiv {
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .home-espace .MainContentBox {
        border: none;
        padding: 20px;
    }
    .home-espace .SelectedBrowseAppsIcon,
    .home-espace .SelectedManageAppsIcon {
        border: 1px solid #F0F0F0;
        border-radius: 4px;
        padding: 15px;
    }
    .home-espace .AppsBox {
        width: 91%;
    }
    .home-espace .CardsSeparator {
        display: block;
    }
    .home-espace .CreateApplicationMargin {
        margin-left: 0;
        margin-top: 10px;
    }
    .home-espace .ManageAppsMargin {
        margin-left: 10px;
        margin-top: 10px;
    }
    .home-espace .GetStartedCardsMargin {
        margin-top: 15px;
    }
    .home-espace .GetStartedActionButtons {
        display: none;
    }
}

@media (max-width:767px) {
    .home-espace .span3 {
        width: 224px;
    }
    .home-espace .AppsBox {
        width: 94%;
    }
    .home-espace .CardsSeparator {
        display: block;
    }
    .home-espace .CreateApplicationMargin {
        margin-left: 0;
        margin-top: 10px;
    }
    .home-espace .ManageAppsMargin {
        margin-left: 10px;
        margin-top: 10px;
    }
    .home-espace .GetStartedCardsMargin {
        margin-top: 15px;
    }
    .home-espace .GetStartedActionButtons,
    .home-espace .PersonalHeaderTransparentBackground {
        display: none;
    }
}

.home-espace .UpdateAlertDiv {
    min-height: 47px;
    background: #ECEFF1;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    margin-top: 26px;
    margin-bottom: 10px;
}

.home-espace .ClockBackground,
.home-espace .InfoBackground {
    background-repeat: no-repeat;
    background-position: bottom left;
}

.home-espace .ClockBackground {
    background-image: url(/home/img/icon_clock.png?40128);
}

.home-espace .InfoBackground {
    background-image: url(/home/img/icon_info.png?40128);
}

.home-espace .AlertContent {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 55px;
}

.home-espace .AlertMessage {
    margin-left: 5px;
    width: 80%;
}

.home-espace .AlertAction {
    color: #005580;
}

@media (max-width:669px) {
    .home-espace .AlertContent {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-espace .AlertAction {
        margin-top: 10px;
    }
    .home-espace .ClockBackground,
    .home-espace .InfoBackground {
        background-image: none;
    }
    .home-espace .UpdateAlertDiv {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.home-espace .HomeWebBlocksBackground {
    background-color: #fff!important;
}

.home-espace .DownloadWebBlockMargins {
    margin: 0 0 20px;
}

.home-espace body {
    background-color: transparent;
}

.home-espace .ContentTitle {
    color: #333;
    font-weight: 600;
    font-size: 21px;
}

.home-espace .HomeWebBlocksBackground h2 {
    color: #333;
    font-weight: 600;
    font-size: 18px;
}

.home-espace .BrowseAppsActionButtons,
.home-espace .GetStartedActionButtons {
    margin-bottom: 30px;
    margin-right: 10px;
    text-align: center;
}

.home-espace .boxImage {
    width: 100%;
    border-top-right-radius: 5px;
}

.home-espace .popupTitle {
    margin-bottom: 15px;
}

.home-espace #todo-list,
.home-espace #todo-stats {
    margin: 0;
    text-align: left;
}

.home-espace #todo-list {
    list-style: none;
    padding: 0;
    margin: 0 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.home-espace #todo-stats,
.home-espace .todo-clear {
    color: #777;
}

.home-espace .todo-clear {
    float: right;
}

.home-espace .todo-done .todo-content {
    text-decoration: line-through;
}

.home-espace .todo-input {
    display: block;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: normal;
    margin: 5px auto 0;
    padding: 6px;
    width: 420px;
}

.home-espace .todo-item {
    width: 257px;
    box-sizing: border-box;
    float: left;
    padding: 3px 0;
    line-height: normal;
    text-indent: -19px;
    margin-left: 25px;
}

.home-espace .todo-label {
    color: #444;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.home-espace .todo-remaining {
    color: #333;
    font-weight: 700;
}

.home-espace span.get-started-list-time {
    color: #d3d3d3;
    margin-left: 2px;
    font-size: 12px;
}

.home-espace .BrowseAppBox,
.home-espace .CreatAppBox,
.home-espace .ManageAppBox {
    position: relative;
    width: 180px;
    border: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #AAA;
    height: 30px;
    cursor: pointer;
}

.home-espace .BrowseAppBox:after,
.home-espace .CreatAppBox:after,
.home-espace .ManageAppBox:after {
    content: '';
    background: #AAA;
    height: 30px;
    width: 10px;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    position: absolute;
    right: -3px;
    border-radius: 0 5px 0 0;
    top: 0;
}

.home-espace .BrowseAppBox.Active,
.home-espace .CreatAppBox.Active,
.home-espace .ManageAppBox.Active {
    width: 180px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #FFF;
    min-height: 30px;
    border-bottom: 1px solid #fff!important;
    border: 1px solid #ddd;
    margin: -1px 0;
}

.home-espace .BrowseAppBox.Active:after,
.home-espace .CreatAppBox.Active:after,
.home-espace .ManageAppBox.Active:after {
    content: '';
    background: #FFF;
    height: 30px;
    width: 12px;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    position: absolute;
    right: -3px;
    border-bottom: 1px solid #fff!important;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: -1px 0;
}

.home-espace .onb-box,
.home-espace .onb-box-subscription {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .85), inset 0 4px 0 #b00e03, inset 0 3px 0 #c20;
    box-sizing: border-box;
}

.home-espace .BrowseAppBoxText,
.home-espace .CreatAppBoxText,
.home-espace .ManageAppBoxText {
    color: #FFF;
    margin-top: 6px;
}

.home-espace .BrowseAppBox.Active .BrowseAppBoxText,
.home-espace .CreatAppBox.Active .CreatAppBoxText,
.home-espace .ManageAppBox.Active .ManageAppBoxText {
    margin-top: 6px;
    color: #363636;
}

.home-espace .BrowseAppBoxIcon,
.home-espace .CreatAppBoxIcon,
.home-espace .ManageAppBoxIcon {
    width: 20px;
    font-size: 12px;
    margin-top: 8px;
    color: #FFF;
    margin-left: 10px;
}

.home-espace .BrowseAppBox.Active .BrowseAppBoxIcon,
.home-espace .CreatAppBox.Active .CreatAppBoxIcon,
.home-espace .ManageAppBox.Active .ManageAppBoxIcon {
    color: #363636;
    margin-top: 8px;
}

.home-espace .MainContentBox_Navigation {
    border: 1px solid #ddd;
    border-radius: 0 5px 5px;
    margin-left: 0!important;
}

.home-espace .rolediv .Not_Valid:focus+span.ValidationMessage,
.home-espace .rolediv .Not_Valid:focus~span.ValidationMessage,
.home-espace .rolediv .Not_Valid:hover+span.ValidationMessage,
.home-espace .rolediv .Not_Valid:hover~span.ValidationMessage {
    display: block;
}

.home-espace .onb-box {
    padding: 20px 40px;
}

.home-espace .onb-box-subscription {
    padding: 20px 27px;
}

.home-espace .width100 {
    width: 100px;
}

.home-espace .marginbottom {
    margin-bottom: 33px;
}

.home-espace .photo-border {
    border: 1px solid #e0e0e0;
    border-radius: 9px;
    box-shadow: 0 2px 5px rgba(153, 151, 151, .5);
}

.home-espace .loginbox .input-login {
    width: 254px!important;
}

.home-espace .profileborder {
    width: 319px;
    height: 465px;
    border: 1px solid #e4e4e4;
    border-radius: 7px;
    margin-bottom: 38px;
}

.home-espace .sub-background {
    background: url(/home/img/OutPlat.png?40128) no-repeat;
}

.-webkit-keyframes spaceship {
    from {
        margin-left: 136px;
        margin-top: -32px;
    }
    to {
        margin-left: 133px;
        margin-top: -29px;
    }
}

.-moz-keyframes spaceship {
    from {
        margin-left: 136px;
        margin-top: -32px;
    }
    to {
        margin-left: 133px;
        margin-top: -29px;
    }
}

.keyframes spaceship {
    from {
        margin-left: 136px;
        margin-top: -32px;
    }
    to {
        margin-left: 133px;
        margin-top: -29px;
    }
}

.home-espace .spaceship {
    margin-left: 133px;
    margin-top: -29px -webkit-animation: spaceship 1s alternate infinite linear;
    -moz-animation: spaceship 1s alternate infinite linear;
    animation: spaceship 1s alternate infinite linear;
}

.home-espace .logo-os {
    margin-top: 92px;
    margin-left: 57px;
}

.home-espace .line-separator {
    height: 1px;
    background: no-repeat #e7eced;
}

.home-espace .onboarding-annotation {
    border-left: 2px solid #c81c00;
    padding-left: 10px;
}

.home-espace .line-separator-darker {
    height: 1px;
    background: no-repeat #e0e0e0;
}

.home-espace .step-box {
    width: 402px;
    height: 99px;
    background-color: #f9f9f9;
    border: 1px solid #dedede;
    border-radius: 5px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .11);
    overflow: hidden;
}

.home-espace .email-content-ui,
.home-espace input[type=text].email-input-ui {
    border-radius: 3px;
    width: 376px;
    background-color: #ededed;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
}

.home-espace .lettrine {
    height: 133px;
    width: 61px;
    color: #90a4ae;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 109px;
    font-weight: 700;
    line-height: 133px;
    margin-left: -8px;
}

.home-espace .team-grey {
    width: 570px;
    height: 101px;
    background-color: #f0f0f0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .14);
    margin-left: -40px;
}

.home-espace .fontgrey {
    color: #596669;
}

.home-espace .font10 {
    font-size: 10px;
    line-height: 13px;
}

.home-espace .font12 {
    font-size: 12px;
    line-height: 14px;
}

.home-espace .font14 {
    font-size: 14px;
    line-height: 16px;
}

.home-espace .font16 {
    font-size: 16px;
    line-height: 22px;
}

.home-espace .home-espace .font17 {
    font-size: 17px;
    line-height: 20px;
}

.home-espace .font18 {
    font-size: 18px;
    line-height: 24px;
}

.home-espace .font30 {
    font-size: 30px;
    line-height: 37px;
}

.home-espace .font_arial {
    font-family: Arial;
}

.home-espace .font_myriad {
    font-family: myriad-pro;
}

.home-espace .email-content-ui {
    height: 150px;
    resize: vertical;
}

.pan.ValidationMessage {
    position: absolute;
    top: 33px;
    left: 2px;
}

.partnerarea-espace .fill-input {
    position: relative;
}

.home-espace .fullscreen {
    min-height: 493px;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    background-color: #000;
    background-image: url(/home/img/bgimage.jpg?40128);
    background-position: center top;
    top: 0;
    opacity: 1;
    left: 0;
    z-index: 10;
}

.home-espace .MidDiv {
    top: 70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 11;
    position: absolute;
}

.flame,
#rocket {
    animation-delay: 0s;
    transform-origin: 65px 145px;
    animation-iteration-count: infinite;
}

.home-espace .LineContainer {
    height: 3px;
    background-image: url(/home/img/line.png?40128);
    background-size: cover;
    margin: 5px 0 20px;
}

.home-espace .LineFilled {
    height: 0;
    border-top: 3px solid #cfd8dc;
}

.home-espace .White {
    color: #fff;
}

.home-espace a.Black {
    color: #000;
}

.home-espace .inputTechMailContainer {
    position: relative;
}

.home-espace .inputTechMailContainer .ValidationMessage {
    top: 52px;
    left: 5px;
}

.home-espace input[type=text].inputTechMail {
    background-color: #f6f6f6;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
    height: 41px;
    padding-left: 21px;
}

.home-espace .invitation {
    margin-left: 79px;
    margin-right: 79px;
}

.home-espace .tooltip-inner {
    text-align: left;
    padding: 8px;
    line-height: 15px;
    white-space: pre-line;
}

.home-espace .CrossRemove a {
    color: #949fa3;
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
}

.home-espace .ContainerMemberList {
    overflow-y: auto;
    max-height: 222px;
}

.flame {
    display: block;
    animation-name: fireMiddle, fillOpacity1;
    animation-duration: 1.2s;
    animation-timing-function: linear;
}

.keyframes fireMiddle {
    10% {
        transform: rotate(8deg) translateY(1px);
    }
    20% {
        transform: rotate(-3deg) translateY(-2px);
    }
    30% {
        transform: rotate(12deg);
    }
    40% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(3deg);
    }
    60% {
        transform: rotate(-5deg);
    }
    70% {
        transform: rotate(5deg) translateY(-1px);
    }
    80% {
        transform: rotate(4deg);
    }
    90% {
        transform: rotate(16deg);
    }
    99% {
        transform: rotate(0);
    }
}

.keyframes float {
    from {
        transform: translateY(4px) rotate3d(0, 0, 1, 3deg);
    }
    to {
        transform: translateY(-3px) rotate3d(0, 0, 1, 0deg);
    }
}

.rocket {
    position: absolute;
    animation-duration: 2s;
    animation-name: float;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-play-state: running;
    left: 120px;
    top: 50px;
}

.keyframes fly {
    from {
        transform: translateY(4px) rotate3d(0, 0, 1, 3deg);
    }
    to {
        transform: translateY(-330px) translateX(330px) rotate3d(0, 0, 1, 0deg);
    }
}

@media (max-width:979px) {
    .home-espace .BrowseAppBox,
    .home-espace .ManageAppBox {
        position: relative;
        width: 135px;
        border: none;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #AAA;
        height: 30px;
        cursor: pointer;
    }
    .home-espace .BrowseAppBox.Active,
    .home-espace .ManageAppBox.Active {
        position: relative;
        width: 135px;
        border: 1px solid #DDD;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #FFF;
        height: 30px;
        cursor: pointer;
    }
    .home-espace .CreatAppBox,
    .home-espace .CreatAppBox.Active {
        position: relative;
        width: 155px!important;
        height: 30px;
        cursor: pointer;
    }
    .home-espace .CreatAppBox {
        border: none;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #AAA;
    }
    .home-espace .CreatAppBox.Active {
        border: 1px solid #DDD;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #FFF;
    }
}

@media (max-width:767px) {
    .home-espace .desktop-resize-fix.BrowseAppBox,
    .home-espace .desktop-resize-fix.CreatAppBox,
    .home-espace .desktop-resize-fix.ManageAppBox {
        position: relative;
        width: 50px!important;
        border: none;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #AAA;
        height: 30px;
        cursor: pointer;
    }
    .home-espace .desktop-resize-fix.BrowseAppBox.Active,
    .home-espace .desktop-resize-fix.CreatAppBox.Active,
    .home-espace .desktop-resize-fix.ManageAppBox.Active {
        position: relative;
        width: 50px!important;
        border: 1px solid #DDD;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #FFF;
        height: 30px;
        cursor: pointer;
    }
    .home-espace .desktop-resize-fix .BrowseAppBoxIcon,
    .home-espace .desktop-resize-fix .CreatAppBoxIcon,
    .home-espace .desktop-resize-fix .ManageAppBoxIcon {
        font-size: 18px;
    }
}

.home-espace .LoaderBackground,
.home-espace .LoaderWrapper {
    background: url(/home/img/preloader_3_100pxwhite2.gif?40128) 50% 50% no-repeat;
}

.home-espace .LoaderWrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    position: absolute;
}

.home-espace #WebForm1 {
    margin-top: 0!important;
}

.home-espace .CreateAccountBackground {
    background-color: #F8F8F8;
}

@media (max-width:767px) {
    .home-espace .box {
        padding: 15px;
    }
    .home-espace .mobile-width100 {
        width: 100px;
    }
    .home-espace .email-label-style {
        width: 250px;
    }
}

.home-espace .box {
    background-color: #F2F2F2;
    padding: 30px;
}

.homeipp-espace .ippCard {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #e6e6e6;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.homeipp-espace .ippThankYou {
    margin-top: 20px;
    text-align: justify;
}

.community-espace .communityLicensesActivationCode {
    width: 60%;
    min-width: 30%;
    float: left;
    clear: right;
}

.community-espace .communityLicensesTerm {
    font-size: 12px;
    display: block;
    float: left;
    clear: right;
    width: 17%;
    margin-right: 1%;
}

.community-espace .communityLicensesButtons {
    width: 20%;
    font-size: 12px;
    display: block;
    float: left;
    clear: right;
    line-height: 17px;
}

.community-espace .communityLicenseExpired {
    background-color: #C30;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    margin-left: 10px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
}

.community-espace .top-10 {
    margin-top: -10px;
}

.community-espace .left5 {
    margin-left: 5px;
}

.community-espace .nowrap {
    white-space: nowrap;
}

.community-espace .filterlabel {
    width: 108px;
    display: inline-block;
}

.community-espace .CommunityDownloadButton {
    background: url(/Community/img/CommunityDownloadButton.png?39875) 1px -1px no-repeat;
    width: 312px!important;
    height: 55px;
    display: inline-block;
    color: #FFF!important;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .5)!important;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
    background-color: transparent!important;
    border: none;
    padding-bottom: 8px;
}

.supportportal-espace .TableRecords_BottomNavigation:after,
.supportportal-espace .TableRecords_TopNavigation:after {
    display: block;
}

.supportportal-espace .TableRecords_BottomNavigation:after,
.supportportal-espace .TableRecords_TopNavigation:after,
.supportportal-espace div.TableRecords_BottomNavigation:after,
.supportportal-espace div.TableRecords_TopNavigation:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden;
}

.community-espace .CommunityDownloadButton:hover {
    background-position: 1px -61px;
    background-color: transparent!important;
}

.community-espace .radio-checkbox {
    zoom: 1;
}

.community-espace .checkbox {
    zoom: 1;
    padding-left: 0;
}

.community-espace .whiteSpaceNoWrap {
    white-space: nowrap;
}

.community-espace .wordBreakWord {
    word-break: break-word;
}

.supportportal-espace span.ValidationMessage {
    position: absolute;
    top: 2px;
    right: -90px;
    left: auto;
}

.supportportal-espace table {
    border-collapse: separate;
    empty-cells: show;
}

.supportportal-espace .TableRecords_Header {
    background-color: gray;
    background-repeat: repeat-x;
    color: #fff;
    line-height: 16px;
    padding: 3px 6px;
    white-space: nowrap;
}

.supportportal-espace .TableRecords_AlertLine,
.supportportal-espace .TableRecords_EvenLine,
.supportportal-espace .TableRecords_OddLine,
.supportportal-espace .TableRecords_WarningLine {
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #efefef;
    border-right: 0 solid #efefef;
    border-top: 0 solid #DEDEDE;
    margin: 1px;
    padding: 1px 6px;
    line-height: 18px;
}

.supportportal-espace .TableRecords_OddLine {
    vertical-align: top;
    white-space: nowrap;
}

.supportportal-espace .TableRecords_EvenLine {
    background: url(/PortalManager/img/filter_evenline.gif?39130) #f6f6f6;
    vertical-align: top;
    white-space: nowrap;
}

.supportportal-espace .TableRecords_WarningLine {
    background: url(/PortalManager/img/filter_warningline.gif?39130) #f6f6f6;
}

.supportportal-espace .TableRecords_AlertLine {
    background: url(/PortalManager/img/filter_alertline.gif?39130) #f6f6f6;
}

.supportportal-espace .TableRecords_LineSelected {
    background-color: #FBEDBB;
}

.supportportal-espace .TableRecords_BottomNavigation,
.supportportal-espace .TableRecords_TopNavigation {
    background-color: #fff;
    border-bottom: 0 solid #fff;
    border-left: 0 none #fff;
    border-right: 0 none #fff;
    padding: 3px 4px;
    display: block;
}

.supportportal-espace .TableRecords_TopNavigation {
    border-top: 1px solid #fff;
}

.supportportal-espace .TableRecords_BottomNavigation {
    border-top: 2px solid #C00;
}

.supportportal-espace div.Counter_Message {
    color: #888;
    float: right;
    font-size: 11px;
}

.supportportal-espace .newCase_Link {
    padding: 5px 8px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 15px;
    display: inline-block;
}

.supportportal-espace .newCase_ActiveNewTicket,
.supportportal-espace a.newCase_ActiveNewTicket,
.supportportal-espace a.newCase_ActiveNewTicket:hover,
.supportportal-espace a.newCase_ActiveNewTicket:link,
.supportportal-espace a.newCase_ActiveNewTicket:visited {
    background-color: #E33;
    border: 3px solid #E33;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #FFF;
    text-decoration: none;
}

.supportportal-espace .newCase_InActiveNewTicket,
.supportportal-espace a.newCase_InActiveNewTicket,
.supportportal-espace a.newCase_InActiveNewTicket:link,
.supportportal-espace a.newCase_InActiveNewTicket:visited {
    background-color: #FFF;
    border: 3px solid #FAA;
    color: #666;
}

.supportportal-espace .newCase_InActiveNewTicket:hover,
.supportportal-espace a.newCase_InActiveNewTicket:hover {
    background-color: #FEE;
    color: #000;
    text-decoration: none;
}

.supportportal-espace .newCase_ActiveFeedback,
.supportportal-espace a.newCase_ActiveFeedback,
.supportportal-espace a.newCase_ActiveFeedback:hover,
.supportportal-espace a.newCase_ActiveFeedback:link,
.supportportal-espace a.newCase_ActiveFeedback:visited {
    background-color: #393;
    border: 3px solid #393;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #FFF;
    text-decoration: none;
}

.supportportal-espace .newCase_InActiveFeedback,
.supportportal-espace a.newCase_InActiveFeedback,
.supportportal-espace a.newCase_InActiveFeedback:link,
.supportportal-espace a.newCase_InActiveFeedback:visited {
    background-color: #FFF;
    border: 3px solid #7D7;
    color: #666;
}

.supportportal-espace .newCase_InActiveFeedback:hover,
.supportportal-espace a.newCase_InActiveFeedback:hover {
    background-color: #DFD;
    color: #000;
    text-decoration: none;
}

.supportportal-espace .newCase_ActiveQuestion,
.supportportal-espace a.newCase_ActiveQuestion,
.supportportal-espace a.newCase_ActiveQuestion:hover,
.supportportal-espace a.newCase_ActiveQuestion:link,
.supportportal-espace a.newCase_ActiveQuestion:visited {
    background-color: #FA0;
    border: 3px solid #FA0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #FFF;
    text-decoration: none;
}

.supportportal-espace .newCase_InActiveQuestion,
.supportportal-espace a.newCase_InActiveQuestion,
.supportportal-espace a.newCase_InActiveQuestion:link,
.supportportal-espace a.newCase_InActiveQuestion:visited {
    background-color: #FFF;
    border: 3px solid #FD9;
    color: #666;
}

.supportportal-espace .newCase_InActiveQuestion:hover,
.supportportal-espace a.newCase_InActiveQuestion:hover {
    background-color: #FFC;
    color: #000;
    text-decoration: none;
}

.supportportal-espace .newCase_ActiveRequestTicketPack,
.supportportal-espace a.newCase_ActiveRequestTicketPack,
.supportportal-espace a.newCase_ActiveRequestTicketPack:hover,
.supportportal-espace a.newCase_ActiveRequestTicketPack:link,
.supportportal-espace a.newCase_ActiveRequestTicketPack:visited {
    background-color: #06F;
    border: 3px solid #06F;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #FFF;
    text-decoration: none;
}

.supportportal-espace .newCase_InActiveRequestTicketPack,
.supportportal-espace a.newCase_InActiveRequestTicketPack,
.supportportal-espace a.newCase_InActiveRequestTicketPack:link,
.supportportal-espace a.newCase_InActiveRequestTicketPack:visited {
    background-color: #FFF;
    border: 3px solid #06F;
    color: #666;
}

.supportportal-espace .newCase_InActiveRequestTicketPack:hover,
.supportportal-espace a.newCase_InActiveRequestTicketPack:hover {
    background-color: #CFF;
    color: #000;
    text-decoration: none;
}

.supportportal-espace .newCase_FormBk {
    background-color: #fff;
    padding: 10px;
    border: 3px solid #DDD;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    z-index: 10;
    margin-top: -5px;
}

.supportportal-espace .newCase_FormBk_Question {
    border: 3px solid #FA0;
}

.supportportal-espace .newCase_FormBk_NewTicket {
    border: 3px solid #E33;
}

.supportportal-espace .newCase_FormBk_Feedback {
    border: 3px solid #393;
}

.supportportal-espace .newCase_FormBk_RequestTicketPack {
    border: 3px solid #06F;
}

.supportportal-espace .Heading1_nopadding {
    font-size: 22px;
    padding-right: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dotted #CCC;
    text-align: left;
    padding-bottom: 2px;
}

.supportportal-espace .TitleHeader {
    color: #fff;
    background-color: #000;
}

.supportportal-espace div.ListTitle {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    padding: 5px;
}

.supportportal-espace .SubmissionTypes {
    padding: 16px;
}

.supportportal-espace .IwantToBox {
    padding: 4px;
    border: 0;
}

.supportportal-espace table.TableRecords {
    border-top: 1px solid #fff;
}

.supportportal-espace th.TableRecords_Header {
    color: #666;
    background: url(/RichWidgets/img/Bar_Gradient.png?39085) top repeat-x #EAEAEA;
    white-space: nowrap;
    line-height: 18px;
    padding: 4px 6px;
    border-right: 1px solid #fff;
}

.supportportal-espace th.TableRecords_Header a,
.supportportal-espace th.TableRecords_Header a:link,
.supportportal-espace th.TableRecords_Header a:visited {
    color: #666;
}

.supportportal-espace table.TableRecords>tbody>tr:hover {
    background-color: #F3F8FF;
}

.supportportal-espace td.TableRecords_EvenLine,
.supportportal-espace td.TableRecords_OddLine {
    line-height: 18px;
    margin: 1px;
    padding: 6px;
    border-bottom: 1px dotted #ccc;
    white-space: nowrap;
    vertical-align: top;
}

.supportportal-espace .TableRecords_Wrapper,
.supportportal-espace div.TableRecords_Wrapper {
    margin-bottom: 8px;
    padding: 5px;
    border: 0;
}

.supportportal-espace div.TableRecords_TopNavigation {
    padding: 0;
    border-top: 1px solid #fff;
    border-right: 0 none #fff;
    border-bottom: 0 solid #fff;
    border-left: 0 none #fff;
    display: block;
}

.supportportal-espace div.TableRecords_TopNavigation:after {
    display: block;
}

.supportportal-espace .TableRecords_Actions,
.supportportal-espace .TableRecords_Footer {
    font-size: 12px;
    vertical-align: middle;
    float: left;
    padding: 1px;
}

.supportportal-espace div.TableRecords_BottomNavigation {
    padding-top: 2px;
    display: block;
}

.supportportal-espace div.TableRecords_BottomNavigation:after {
    display: block;
}

.supportportal-espace .TableRecords_ItemLabel {
    text-decoration: none;
    font-size: 18px;
}

.supportportal-espace Filters_Wrapper,
.supportportal-espace div.Filters_Wrapper {
    background: url(/RichWidgets/img/Filter_Gradient.gif?39085) top repeat-x #ddd;
    padding: 4px;
    border: 0;
}

.supportportal-espace table.Filters {
    white-space: nowrap;
}

.supportportal-espace table.Filters td {
    padding: 2px 0 2px 4px;
    vertical-align: middle;
}

.supportportal-espace table.Filters td img {
    vertical-align: middle;
}

.supportportal-espace .CaseOnHoldWarning {
    color: #C00;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-left: 1px;
    padding-top: 6px;
}

.supportportal-espace .EditRecord_Caption {
    border-bottom: 1px solid #CCC;
    color: #444;
    font-size: 11px;
    padding: 8px 10px 2px 0;
    white-space: nowrap;
}

.supportportal-espace .EditRecord_Value {
    color: #444;
    font-weight: 400;
    padding: 1px 0 1px 1px;
    vertical-align: bottom;
}

.supportportal-espace .EditRecord_Button {
    font-weight: 400;
    padding: 6px 0 1px 1px;
    vertical-align: top;
}

.supportportal-espace .EditRecord_Wrapper {
    margin-bottom: 8px;
    padding: 5px 0;
}

.supportportal-espace .EditRecordWithTitles_Wrapper {
    float: left;
    margin-bottom: 8px;
    width: 100%;
}

.supportportal-espace .EditRecord_SectionTitle {
    border-bottom: 1px solid #C00;
    color: #C00;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-left: 1px;
    padding-top: 6px;
}

.supportportal-espace .BigTextCaseShow {
    word-wrap: break-word;
    max-width: 585px;
}

.supportportal-espace .LastModified {
    color: #888;
    font-weight: 400;
    font-Style: italic;
    font-size: 11px;
}

.supportportal-espace .BigText_Note {
    color: #888;
    font-size: 16px;
}

.supportportal-espace .nowrap {
    white-space: nowrap;
}

.supportportal-espace .left {
    float: left;
}

.supportportal-espace .right {
    float: right;
}

.supportportal-espace a.channel-box {
    background: #FFF;
    border: 1px solid #BDC5C7;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .31);
    border-radius: 4px;
    padding: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.supportportal-espace a.channel-box:hover {
    background-color: #E8EDEE;
}

.supportportal-espace .channel-box img {
    margin-right: 15px;
}

.supportportal-espace .channel-box span {
    font-family: Arial;
    color: grey;
    line-height: 15px;
    max-width: 185px;
}

.supportportal-espace .channel-box span.title {
    font-size: 18px;
    color: #08C;
    line-height: 23px;
    margin-bottom: 12px;
    display: block;
}

.supportportal-espace .all-content-wrapper {
    padding: 0!important;
}

.supportportal-espace .title-container-bg {
    background-color: #008BD0;
}

.supportportal-espace div.title-container {
    box-sizing: border-box;
    padding-top: 40px;
    vertical-align: middle;
    background-image: url(/SupportPortal/img/support_header.png?40119);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #06A;
}

.supportportal-espace .table-header {
    background: #FFF;
    border-top: 1px solid #E8EDEE;
}

.supportportal-espace .filters-wrapper {
    background: #FFF;
}

.supportportal-espace .filters-wrapper.no-cases {
    height: 15px;
}

.supportportal-espace .content {
    background-color: #ECEFF1;
    box-shadow: inset 0 4px 5px 0 rgba(0, 0, 0, .15);
    padding-bottom: 50px;
}

.supportportal-espace div.title-container .page-title {
    color: #FFF;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    font-family: myriad-pro, Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
}

.supportportal-espace .search-wrapperTicket {
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    border: none;
    height: 48px;
    line-height: 44px;
    background-color: #eceff1;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}

.supportportal-espace .no-touch a.header_button:hover,
.supportportal-espace a.header_button,
.supportportal-espace a.header_button:hover,
.supportportal-espace a.header_button:visited {
    display: inline-block;
    border: 1px solid #fff;
    line-height: 3em;
    color: #fff;
    border-radius: 10px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 3px 0;
}

.supportportal-espace .cases-container {
    font-family: Arial, sans-serif;
    padding: 20px 0;
    margin-bottom: 10px;
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .11);
    border-radius: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.supportportal-espace .cases-container:hover {
    background-color: #E8EDEE;
}

.supportportal-espace .caseId {
    background-color: #CFD7DB;
    padding: 3px 10px;
    border-radius: 5px;
    color: #404F57;
    font-size: 11px;
    font-weight: 700;
}

.supportportal-espace .title-search-wrapper {
    position: relative;
    z-index: 9;
    margin: 10px 0 20px;
}

.supportportal-espace .Bottom {
    vertical-align: bottom;
}

.supportportal-espace .CaseOpener {
    cursor: pointer;
}

.supportportal-espace .CardWhite {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    height: 240px;
    box-sizing: border-box;
    padding: 15px;
    cursor: pointer;
}

.supportportal-espace .ListRecords>a {
    color: #333;
}

.supportportal-espace .CardWhite:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.supportportal-espace .CardText {
    height: 104px;
}

.supportportal-espace .Gray {
    color: #aaa;
}

.supportportal-espace .Separator {
    height: 1px;
    background-color: #d8d8d8;
}

.supportportal-espace .TableRecords1 {
    border: 1px solid #bdc5c7;
    border-radius: 4px;
    border-collapse: collapse!important;
}

.supportportal-espace .TableRecords_Header1 {
    padding: 15px 20px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 0;
    box-sizing: border-box;
    border-right: 1px solid #E8EDEE;
}

.supportportal-espace .TableRecords_Initial {
    margin-left: 28px;
}

.supportportal-espace .TableRecords_Header1>.byline {
    color: #596669;
}

.supportportal-espace .byline {
    margin-bottom: 0;
}

.supportportal-espace .TableRecords_Header a,
.supportportal-espace .TableRecords_Header a:hover,
.supportportal-espace .TableRecords_Header a:link,
.supportportal-espace .TableRecords_Header a:visited {
    color: #fff;
}

.supportportal-espace .TableRecords_Line1 {
    border: 1px solid #bdc5c7;
    padding: 14px 18px;
    vertical-align: center;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
}

.supportportal-espace .TableRecords_Line1>.byline {
    color: #101010;
}

.supportportal-espace tbody tr:hover {
    background-color: #f8f8f8;
    border: 1px solid #bdc5c7;
}

.supportportal-espace tbody tr:hover>td {
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
}

.supportportal-espace tbody tr:hover>td:first-child {
    border-left: 0;
}

.supportportal-espace tbody tr:hover>td:last-child {
    border-right: 0;
}

.supportportal-espace .filters {
    padding: 16px 0;
}

.supportportal-espace .filters .input,
.supportportal-espace .supportportal-espace option {
    padding: 10px;
    color: #596669;
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    height: 36px;
    font-weight: 700;
    box-sizing: border-box;
}

.supportportal-espace .filters .input {
    background-color: transparent;
    border: 1px solid #bdc5c7;
    border-radius: 2px;
    margin: 0;
}

.supportportal-espace .supportportal-espace option {
    cursor: pointer;
}

.supportportal-espace .relative {
    position: relative;
}

.supportportal-espace .select2-container--default .select2-selection--single {
    height: 36px;
    line-height: 36px;
}

.supportportal-espace .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.supportportal-espace .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.supportportal-espace .select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 10px!important;
}

.supportportal-espace .Arrow,
.supportportal-espace .Arrow span,
.supportportal-espace .Calendar,
.supportportal-espace .Calendar span {
    font-size: 14px;
    color: #000;
    position: absolute;
    right: 5px;
    top: 9px;
    cursor: default;
    line-height: 1px;
}

.supportportal-espace .ClearFilters,
.supportportal-espace .ClearFilters a {
    color: #596669;
    font-family: Myriad-Pro;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    cursor: pointer;
}

.supportportal-espace a.ListNavigation_Next,
.supportportal-espace a.ListNavigation_PageNumber,
.supportportal-espace a.ListNavigation_Previous,
.supportportal-espace span.ListNavigation_CurrentPageNumber,
.supportportal-espace span.ListNavigation_DisabledNext,
.supportportal-espace span.ListNavigation_DisabledPrevious,
.supportportal-espace span.ListNavigation_Ellipsis {
    background: #FFF;
    border: 1px solid #E7E7E7;
    box-shadow: 0 2px 2px 0 rgba(150, 150, 150, .14);
    border-radius: 4px;
    display: inline-block;
    padding: 10px 15px;
}

.supportportal-espace a.ListNavigation_Next:hover,
.supportportal-espace a.ListNavigation_PageNumber:hover,
.supportportal-espace span.ListNavigation_CurrentPageNumber:hover,
.supportportal-espace span.ListNavigation_DisabledNext:hover,
.supportportal-espace span.ListNavigation_DisabledPrevious:hover,
.supportportal-espace span.ListNavigation_Ellipsis:hover {
    background-color: #E8EDEE;
    cursor: pointer;
}

.supportportal-espace textarea {
    width: inherit;
}

.supportportal-espace .Feedback_AjaxWait {
    display: none!important;
}

.supportportal-espace .ProblemsResults {
    z-index: 9;
    top: 65px;
    overflow-wrap: break-word;
    margin-bottom: 15px;
    position: absolute;
    margin-top: 5px;
    min-width: 70%;
    box-sizing: border-box;
    background: #FFF;
    border: 2px solid rgba(0, 0, 0, .4);
    border-radius: 4px;
}

.supportportal-espace .ProblemsResults:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    z-index: 19;
    top: -11px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #fff;
    left: 19px;
}

.supportportal-espace .ProblemsResults:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -14px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid rgba(0, 0, 0, .4);
    left: 18px;
    z-index: 9;
}

.supportportal-espace .auto-complete-section-wrapper {
    padding: 15px 25px 0;
    border-bottom: 2px solid #ECEFF1;
}

.supportportal-espace .auto-complete-title {
    padding: 25px 25px 10px;
    font-weight: 600;
    border-bottom: 2px solid #ECEFF1;
}

.supportportal-espace .ProblemsResults h2 {
    font-size: 22px;
    color: #263238;
    line-height: 32px;
}

.supportportal-espace .ProblemsResults a {
    color: #08C;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: inherit;
}

.supportportal-espace .ProblemsResults span.caseId {
    margin-right: 0;
    float: right;
}

.supportportal-espace .BlueInfo {
    background-color: #08c;
    border-radius: 4px;
    color: #fff;
    padding: 10px 0;
}

.supportportal-espace .autocomplete-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000;
    z-index: 8;
    opacity: .5;
    display: none;
}

.supportportal-espace .inputs-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70%;
    border-radius: 7px;
    padding: 0 10px 10px 0;
}

.supportportal-espace .inputs-wrapper input {
    margin: 0 30px 0 0;
}

.supportportal-espace .inputs-wrapper a.btn.btn-big.red {
    white-space: nowrap;
}

.supportportal-espace .SendMessageWrapper {
    background-color: #fff;
    border-top: 1px solid #E3E5E6;
    padding: 15px 15px 10px;
    position: relative;
}

.supportportal-espace .conversation-show-more {
    padding-top: 20px;
    display: block;
    background-color: #ECEFF1;
}

.supportportal-espace .ConversationWrapper {
    border: 1px solid #E3E5E6;
}

.supportportal-espace .ConversationWrapper .header-headshot {
    padding: 0;
    border-radius: 50%;
    background: #D8D8D8;
    border: 2px solid #FFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.supportportal-espace .CommentAdmin,
.supportportal-espace .CommentUser {
    box-shadow: 0 2px 4px rgba(0, 135, 204, .11);
    padding: 20px 10px 12px 20px;
    margin-bottom: 20px;
}

.supportportal-espace .ConversationWrapper .ListRecords>a {
    color: #08c;
}

.supportportal-espace .ConversationWrapper .ListRecords>a:hover {
    color: #005580;
}

.supportportal-espace .CommentUser {
    background-color: #FDFDFD;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-left: 25px;
    position: relative;
}

.supportportal-espace .CommentUser:after,
.supportportal-espace .CommentUser:before {
    top: 10px;
    right: -18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.supportportal-espace .CommentUser:after {
    border-color: rgba(240, 250, 255, 0);
    border-left-color: #FDFDFD;
    border-width: 7px;
    right: -14px;
}

.supportportal-espace .CommentUser:before {
    border-color: rgba(224, 224, 224, 0);
    border-left-color: #e0e0e0;
    border-width: 9px;
    right: -18px;
    top: 9px;
}

.supportportal-espace .CommentAdmin {
    background-color: #fff5ec;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    position: relative;
}

.supportportal-espace .CommentAdmin:after,
.supportportal-espace .CommentAdmin:before {
    left: -7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: 10px;
}

.supportportal-espace .CommentAdmin:after {
    border-color: rgba(240, 250, 255, 0);
    border-right-color: #fff5ec;
    border-width: 7px;
    margin-left: -7px;
}

.supportportal-espace .CommentAdmin:before {
    border-color: rgba(224, 224, 224, 0);
    border-right-color: #E0E0E0;
    border-width: 8px;
    margin-left: -8px;
    top: 9px;
    left: -9px;
}

.supportportal-espace .italic {
    font-style: italic;
}

.supportportal-espace .bold {
    font-style: bold;
}

.supportportal-espace .GrayShadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .2);
}

.supportportal-espace input.InputSP {
    height: 44px;
    padding: 10px;
    box-sizing: border-box;
    color: #596669;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid #bdc5c7;
    border-radius: 2px;
    margin-bottom: 0;
}

.supportportal-espace .showMore {
    color: gray;
    cursor: pointer;
    transition: height .8s;
    overflow: hidden;
    height: 15px;
}

.supportportal-espace .ListRecordsRowContainer {
    overflow: hidden;
    transition: max-height .8s;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #ECEFF1;
}

.supportportal-espace .AdminComment {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.supportportal-espace .UpdateAlertDiv {
    min-height: 47px;
    background: #ECEFF1;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    margin-top: 26px;
    margin-bottom: 10px;
}

.supportportal-espace .InfoBackground {
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: url(/supportportal/img/icon_info.png?40119);
}

.supportportal-espace .AlertContent {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 55px;
}

.supportportal-espace .AlertMessage {
    margin-left: 5px;
}

.supportportal-espace .caseInfoSpacing {
    margin-top: 15px;
    margin-bottom: 15px;
}

.supportportal-espace .conversationHistory {
    margin-top: 20px;
    margin-bottom: 10px;
}

.byline {
    font-size: 14px;
}

.supportportal-espace .homeFiltersText,
.supportportal-espace .homeFiltersTextSelected {
    width: 10px;
    height: 15px;
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding-bottom: 7px;
}

.supportportal-espace .homeFiltersText {
    color: #7a878b;
}

.supportportal-espace .homeFiltersTextSelected {
    color: #08c;
}

.supportportal-espace .popuptitle {
    color: #333;
    font-family: myriad-pro, Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 32px;
}

.supportportal-espace .popuptitlehelp {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    width: 98%;
}

.supportportal-espace .popupinputtitle {
    margin: 38px 0 11px;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 13px;
    color: #384142;
}

.supportportal-espace .popupinputhelp {
    color: #c20;
    font-family: Arial;
    font-size: 12px;
    line-height: 28px;
    margin-top: -8px;
}

.supportportal-espace .TableRecords_Header1 {
    font-family: myriad-pro, Arial, sans-serif;
}

.supportportal-espace .results-snippet-wrapper {
    margin-top: 10px;
    margin-bottom: 23px;
}

.supportportal-espace .results-snippet-rc {
    position: relative;
    font-weight: 700;
}

.supportportal-espace .subtitle16 {
    color: #263238;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}

.supportportal-espace .subtitle14 {
    color: #263238;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
}

.supportportal-espace .subtitle24 {
    height: 33px;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}

.supportportal-espace .optionsContainer:hover {
    background-color: #E8EDEE;
    with: 100%;
    cursor: pointer;
}

.supportportal-espace .filterCombo .select2-container--default .select2-selection--single {
    border: 2px solid #08c;
}

.supportportal-espace .filterBorders {
    border: 2px solid #08c!important;
}

.supportportal-espace .cases-container .divFlag {
    margin-left: -35px;
}

@media (max-width:767px) {
    .supportportal-espace div.title-container {
        background-size: cover;
        padding-left: 5px;
        padding-right: 5px;
    }
    .supportportal-espace div.title-container .page-title {
        font-size: 26px;
    }
    .supportportal-espace .inputs-wrapper {
        width: 100%;
        box-sizing: border-box;
    }
    .supportportal-espace .mobile-search {
        display: none;
        visibility: hidden;
        margin-top: 0;
        padding: 0;
    }
    .supportportal-espace .filters-wrapper {
        padding: 0 5px;
    }
    .supportportal-espace .table-header {
        display: none;
        visibility: hidden;
    }
    .supportportal-espace .filters .span3 {
        margin-bottom: 10px;
    }
    .supportportal-espace .filters .span3:last-child {
        text-align: center;
        margin-bottom: 0;
    }
    .supportportal-espace .cases-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .supportportal-espace .CommentAdmin,
    .supportportal-espace .CommentUser {
        position: initial;
        width: 10000px;
    }
    .supportportal-espace .ListRecordsRowContainer {
        position: relative;
    }
    .supportportal-espace .page-wrapper {
        padding: 0 5px;
    }
    .supportportal-espace .AlertMessage {
        box-sizing: border-box;
    }
    .supportportal-espace .AlertContent {
        width: 100%!important;
        box-sizing: border-box;
    }
    .supportportal-espace .InfoBackground {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .supportportal-espace .caseInfoSpacing {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .supportportal-espace textarea,
    .supportportal-espace textarea.InputSP {
        box-sizing: border-box;
    }
    .supportportal-espace .SendMessageWrapper .span2 {
        display: none;
        visibility: hidden;
    }
    .supportportal-espace .sidebar {
        margin-top: 60px;
    }
    .supportportal-espace .cases-container .divFlag {
        position: relative;
        margin-left: 0;
    }
}

.supportportal-espace .select2-container .select2-choice div {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
    border-left: none;
}

.supportportal-espace .select2-container .select2-choice {
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #bdc5c7;
    border-radius: 2px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 34px;
    line-height: 32px;
    padding: 0 0 0 8px;
    color: #444;
    text-decoration: none;
}

.supportportal-espace .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.supportportal-espace span.select2-dropdown.select2-dropdown--below {
    width: auto!important;
    border-top: 1px solid #aaa;
}

.supportportal-espace span.select2-selection.select2-selection--single[aria-expanded=true] {
    border-bottom: none;
}

.supportportal-espace .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    height: 30px;
    margin: 7px 3px;
    width: 98%;
}

.supportportal-espace .select2-container .select2-choice div b {
    margin-top: 4px;
}

.supportportal-espace .title-container .breadcrumb {
    color: #FFF;
    margin: -5px 0 20px;
}

.supportportal-espace .title-container .breadcrumb a:link,
.supportportal-espace .title-container .breadcrumb a:visited {
    color: #FFF;
    text-decoration: underline;
}

.supportportal-espace .title-container .breadcrumb a:hover {
    text-decoration: underline;
}

.supportportal-espace .title-container .breadcrumb .active,
.supportportal-espace .title-container .breadcrumb a.active:hover {
    color: #FFF;
    text-decoration: none!important;
}

.supportportal-espace .cases-container .divFlag {
    margin: 0;
    position: absolute;
    color: #08C;
    top: -6px;
    right: -14px;
}

.supportportal-espace .breadcrumb a.active:hover {
    cursor: default;
}

.supportportal-espace .container .notice {
    color: #949fa3;
    font-family: myriad-pro, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 30px;
    overflow: hidden;
}

.container .notice:after,
.supportportal-espace .container .notice:before {
    content: "";
    display: inline-block;
    width: 50%;
    margin: 0 .5em 0 -55%;
    vertical-align: middle;
    border-bottom: 1px solid #cfd8dc;
}

.supportportal-espace .line-separator {
    line-height: 30px;
}

.supportportal-espace .line-separator:before {
    content: "";
    display: inline-block;
    width: 100%;
    margin: -12px 0 0;
    vertical-align: middle;
    border-bottom: 1px dashed #cfd8dc;
}

.supportportal-espace .container .notice:after {
    margin: 0 -55% 0 .5em;
}

.supportportal-espace .custom-select2 .select2 {
    width: 100%!important;
}

.filter-buttons {
    width: 20%;
    margin-left: 2%;
    padding-top: 21px;
}

.filter-elements {
    width: 78%;
}

.supportportal-espace .table-header {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .11);
    background-color: #E7ECED;
}

.supportportal-espace .TableRecords_Header1 {
    border-left: 1px solid #cfd8dc;
}

.supportportal-espace .TableRecords_Header1:last-child {
    border-left: 1px solid #cfd8dc;
    border-right: 1px solid #cfd8dc;
}

@media (max-width:979px) {
    .supportportal-espace .filter-buttons {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .supportportal-espace .filter-elements {
        display: block;
        width: 100%;
    }
}

.supportportal-espace .search-wrapperTicket {
    color: #222;
}

.platformlicensingfo-espace .all-content-wrapper div {
    box-sizing: border-box;
}

.platformlicensingfo-espace .DisplayNone {
    display: none;
}

.platformlicensingfo-espace .Border {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    margin-top: 20px;
}

.platformlicensingfo-espace .popup-content input {
    font-size: 11.4px;
}

.platformlicensingfo-espace .ShowRecord_Caption {
    color: grey;
}

.platformlicensingfo-espace .HeaderFO {
    font-size: 30px;
    font-weight: 600;
    padding: 0 0 10px;
    margin: 0;
    line-height: 1.2em;
    width: 467px;
    height: 38px;
    color: #333;
}

.platformlicensingfo-espace .Paragraph {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.platformlicensingfo-espace .Text_Strong {
    color: #596669;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
}

.platformlicensingfo-espace .Text_Normal {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.platformlicensingfo-espace .SubHeader {
    font-weight: 600;
    font-size: 21px;
    color: #333;
    line-height: 20px;
}

.platformlicensingfo-espace .TopHeader {
    background-color: #37474f;
    padding: 10px;
    margin-top: 15px;
}

.platformlicensingfo-espace .TopHeaderText {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 10px;
}

.platformlicensingfo-espace .Description {
    color: grey;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin: 10px 15px;
}

.platformlicensingfo-espace .EnvironmentText {
    height: 16px;
    color: #5b686b;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.platformlicensingfo-espace .EnvironmentBox {
    background-color: #fff;
    border-radius: 4px;
    margin: 0;
    padding: 12px 0;
    line-height: 28px;
}

.platformlicensingfo-espace .Serial {
    color: #656565;
    font-size: 12px;
    font-weight: 700;
}

.platformlicensingfo-espace .AOsText {
    width: 48px;
    height: 14px;
    color: #aaa;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}

.platformlicensingfo-espace .CenterContainers {
    padding: 0 25px;
}

.platformlicensingfo-espace .ButtonStyle {
    background-color: #08c;
    border-radius: 2px;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 14px;
    padding: 5px 15px;
    text-transform: uppercase;
}

.platformlicensingfo-espace .InfoButton {
    width: 19px;
    height: 22px;
    color: #aaa;
    font-family: FontAwesome;
    font-weight: 400;
    line-height: 22px;
    font-size: 23px;
}

.platformlicensingfo-espace .Backgrounds {
    background-color: #eceff1;
    padding: 5px 15px;
}

.platformlicensingfo-espace .LineGrayBackground {
    background-color: #eceff1;
    height: 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.platformlicensingfo-espace a.LinkDisplayBlock {
    display: block;
}

.platformlicensingfo-espace .Heading2 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: .8em;
    padding-top: 6px;
}

.platformlicensingfo-espace .Title_Links {
    font-size: 11px;
    padding: 5px 0;
    font-weight: 400;
}

.platformlicensingfo-espace .spacing {
    margin-top: 2px;
}

.platformlicensingfo-espace .EnvironmentDescription {
    background-color: #eceff1;
    margin-bottom: 2px;
    padding: 0 15px;
}

.platformlicensingfo-espace .button-holder {
    margin-left: 60px;
    padding-left: 58px;
    text-align: right;
}

@media (max-width:767px) {
    .supportportal-espace .cases-container .divFlag {
        top: -75px;
        right: -6px;
    }
    .platformlicensingfo-espace .AOsContainer,
    .platformlicensingfo-espace .AOsContainer+div {
        display: none;
    }
    .platformlicensingfo-espace .container.top40 {
        padding: 0 10px;
    }
    .platformlicensingfo-espace .button-holder a.btn {
        width: 195px;
        margin-top: 10px;
    }
    .platformlicensingfo-espace .button-holder {
        margin-left: 0;
        padding-left: 0;
        text-align: center;
    }
    .platformlicensingfo-espace .EnvironmentDescription .Description,
    .platformlicensingfo-espace .EnvironmentDescription .InfoButton {
        display: inline-block;
    }
    .platformlicensingfo-espace .EnvironmentDescription .Description {
        width: 80%;
    }
    .platformlicensingfo-espace .h1 h1 {
        font-size: 24px;
    }
    .platformlicensingfo-espace .cta-holder {
        margin-top: 10px;
    }
    .platformlicensingfo-espace .cta-holder>div {
        display: inline-block;
        width: 50%;
    }
    .platformlicensingfo-espace .cta-holder .span8 {
        margin-top: 3px;
    }
}

.customerarea-espace .ButtonGroup {
    width: initial;
    outline: transparent solid 1px;
    -webkit-transition: outline-color .3s ease-out;
    -moz-transition: outline-color .3s ease-out;
    -o-transition: outline-color .3s ease-out;
    transition: outline-color .3s ease-out;
}

.customerarea-espace .RemoveButton a {
    color: #AAA;
    padding-left: 10px;
    padding-right: 5px;
}

.customerarea-espace .InfrastructureDesc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: myriad-pro;
}

.Infra-toggle-action a {
    color: #333;
}

.customerarea-espace .ButtonGroup_button.Button {
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #B0BEC5;
    background-color: #FFF;
    margin: 0;
    border-radius: 0;
    line-height: 32px;
    width: 120px;
    height: 34px;
    padding: 0 10px;
    border-left: 0;
    color: #77858C;
    font-size: 15px;
    text-align: center;
    -webkit-box-shadow: inset 0 -2px 0 #b0bec5;
    box-shadow: inset 0 -2px 0 #b0bec5;
    display: inline-block;
}

.customerarea-espace .ButtonGroup_button.active {
    color: #455A64;
    background-color: #e7e7e7;
    border: 1px solid #b0bec5;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .21), inset 0 2px 1px rgba(101, 123, 135, .57);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .21), inset 0 2px 1px rgba(101, 123, 135, .57);
}

.customerarea-espace .ButtonGroup_button.Button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid #DCDCDC;
}

.customerarea-espace .ButtonGroup_button.Button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #DCDCDC;
}

.customerarea-espace .ButtonGroup_button input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    
    
    
}

.customerarea-espace input[readonly] {
    color: #777;
}

.customerarea-espace .ButtonGroup_button.Button.disabled,
.customerarea-espace .ButtonGroup_button.Button.disabled:hover {
    cursor: default;
    color: #999;
    background-color: #F5F5F5;
}

.customerarea-espace .ButtonGroup_button.Button.active,
.customerarea-espace .ButtonGroup_button.Button:active,
.customerarea-espace .ButtonGroup_button.Button:hover {
    border-color: #CBCBCB;
    background: #E6E6E6;
}

.customerarea-espace .Tabs_Wrapper {
    margin: 0 0 8px;
    border: 1px solid #fff;
}

.customerarea-espace div.Tabs_TabOff,
.customerarea-espace div.Tabs_TabOn {
    float: left;
    margin: 0;
    list-style: none;
}

.customerarea-espace .Tabs_TabBody:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.customerarea-espace div.Tabs_TabOn {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

.customerarea-espace .switcherContainer {
    background-color: #36474f;
    height: auto;
    color: #91a0a7;
    padding-bottom: 5px;
}

.customerarea-espace .switcherContainer a,
.customerarea-espace .switcherContainer a:hover {
    color: #91a0a7;
    cursor: pointer;
}

.customerarea-espace .styled-select select {
    padding-left: 10px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 1;
    border-radius: 5px;
    height: 28px;
    -webkit-appearance: none;
    background: url(/PartnerArea/img/dropdown_icon.png?39817) right no-repeat #273238;
    border-color: #3C3C3C;
    color: #FFF;
    float: none;
    margin-bottom: 0;
    box-shadow: none;
    background-position-x: 279px;
}

.customerarea-espace .styled-select {
    overflow: hidden;
}

.customerarea-espace .popover {
    position: absolute;
    top: 35px;
    left: -115px;
    z-index: 1010;
    display: none;
    max-width: 350px;
    width: 350px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: rgba(0, 0, 0, .78);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.customerarea-espace .popover-inner {
    padding: 10px;
}

.customerarea-espace .popover.bottom {
    margin-top: 10px;
}

.customerarea-espace .popover-title {
    padding: 8px 14px 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

.customerarea-espace .popover-content {
    padding: 9px 14px;
}

.customerarea-espace .popover-content input[type=email] {
    height: 30px;
}

.customerarea-espace .popover .arrow,
.customerarea-espace .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.customerarea-espace .popover .arrow {
    border-width: 11px;
}

.customerarea-espace .popover .arrow:after {
    border-width: 10px;
    content: "";
}

.customerarea-espace .popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #373737;
    border-top-width: 0;
}

.customerarea-espace .popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #373737;
    border-top-width: 0;
}

.customerarea-espace .lead-container {
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    height: 70px;
    background-color: #FFF;
    border: 1px solid #e2e1e1;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    margin-left: 20px;
    padding: 13px 10px 10px;
}

.customerarea-espace .section {
    display: inline-block;
    width: 95px;
    margin-left: 10px;
}

.customerarea-espace .section .text-label {
    text-transform: uppercase;
    color: #78909c;
    font-size: 10px;
    font-weight: 700;
}

.customerarea-espace .section .text-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #263238;
    font-size: 12px;
    font-weight: 400;
}

.customerarea-espace .section.big {
    width: 140px;
}

.customerarea-espace .section.ConvertButton {
    font-family: Myriad-Pro, sans-serif;
    font-weight: 600;
    color: #4CAF50;
    font-size: 12px;
    width: 110px;
    text-align: center;
    margin-top: 6px;
    padding: 4px 7px;
    border: 1px solid #4CAF50;
    border-radius: 4px;
    text-transform: uppercase;
}

.customerarea-espace .ConvertButton a,
.customerarea-espace .ConvertButton a:link {
    color: #4CAF50;
}

.customerarea-espace .ConvertButton a:hover,
.customerarea-espace .ConvertButton a:visited {
    border-color: #3C8C40;
    color: #3C8C40;
}

.customerarea-espace .section.DeleteButton {
    box-sizing: border-box;
    margin-top: 6px;
    width: 35px;
    padding: 4px 5px;
    border: 1px solid #78909C;
    border-radius: 5px;
    color: #546E7A;
    text-align: center;
}

.customerarea-espace .DeleteButton a,
.customerarea-espace .DeleteButton a:link {
    color: #546E7A;
}

.customerarea-espace .closedWon {
    color: #009688;
}

.customerarea-espace .confirmed {
    color: #4CAF50;
}

.customerarea-espace .developed {
    color: #909930;
}

.customerarea-espace .defined {
    color: #EA910E;
}

.customerarea-espace .qualified {
    color: #C7903F;
}

.customerarea-espace .developing {
    color: #C58E3E;
}

.customerarea-espace .identified {
    color: #938569;
}

.customerarea-espace .closedLost {
    color: #C20;
}

.customerarea-espace .quote-state {
    font-size: 14px;
}

.customerarea-espace .approved {
    color: #AABE84;
}

.customerarea-espace .rejected {
    color: #744335;
}

.customerarea-espace .otherState {
    color: #CC9D5D;
}

.customerarea-espace .top-menu-arrow {
    border-color: transparent transparent #FFF;
}

.customerarea-espace .profile-partners-cover {
    position: relative;
    background-image: url(/PartnerArea/img/light_noise_diagonal.png?39817);
    background-size: auto;
    background-repeat: repeat;
    background-color: #E5E6E7;
}

.customerarea-espace .profile-pic {
    position: absolute;
    bottom: -50px;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    border: 1px solid #cecece;
    background-color: #E4E4E4;
    padding: 5px;
    box-shadow: 0 2px 4px 0 rgba(177, 177, 177, .5);
}

.customerarea-espace .account-card {
    box-shadow: 0 2px 0 #E9EAEB;
    display: block;
    padding: 30px 40px;
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #E9EAEB;
    border-radius: 4px;
}

.customerarea-espace .account-card h2 {
    font-size: 16px;
}

.customerarea-espace .account-card .profile-pic {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    border: 1px solid #cecece;
    background-color: #E4E4E4;
    padding: 5px;
    margin: 0 auto;
    bottom: 0;
    box-shadow: 0 2px 4px 0 rgba(177, 177, 177, .5);
}

.customerarea-espace .profile-pic-background {
    background-color: #fff;
    height: 100%;
    width: 100%;
    border-radius: 1px;
    position: relative;
}

.customerarea-espace .profile-pic-background a {
    width: 120px;
    height: 120px;
    display: block;
}

.customerarea-espace .partner-cover-details-wrapper {
    position: relative;
    height: 115px;
}

.customerarea-espace .profile-pic img {
    border-radius: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.customerarea-espace div.Tabs_TabOff {
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    padding: 8px 5px 0;
    background: #AAA;
    color: #FFF;
    height: 35px;
    border-top-left-radius: 5px;
    margin-right: 20px;
    border: none;
}

.customerarea-espace div.Tabs_TabOff:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 35px;
    background: #AAA;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    top: 0;
    right: -9px;
    border-radius: 0 5px 0 0;
}

.customerarea-espace a.Tabs_TabOff,
.customerarea-espace a.Tabs_TabOff:link,
.customerarea-espace a.Tabs_TabOff:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #FFF;
    padding: 0 10px;
    background: 0 0;
}

.customerarea-espace a.Tabs_TabOff:hover {
    background: 0 0;
}

.customerarea-espace div.Tabs_TabOn {
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    padding: 8px 5px 0;
    background: #FFF;
    color: #333;
    height: 35px;
    border-top-left-radius: 5px;
    margin-right: 20px;
}

.customerarea-espace div.Tabs_TabOn:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 35px;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg);
    top: -1px;
    right: -10px;
    border-radius: 0 5px 0 0;
    background: #FFF;
    border-top: 1px solid #ccc;
    border-left: 0 solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    -webkit-backface-visibility: hidden;
}

.customerarea-espace a.Tabs_TabOn,
.customerarea-espace a.Tabs_TabOn:hover,
.customerarea-espace a.Tabs_TabOn:link,
.customerarea-espace a.Tabs_TabOn:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #333;
    padding: 0 10px;
    background: 0 0;
}

.customerarea-espace .Tabs_TabBody {
    margin: 40px 0 0;
    padding: 40px 0;
    border: 1px solid #ccc;
}

.customerarea-espace .Tabs_Wrapper .small-search {
    width: 230px;
}

.customerarea-espace .Tabs_Wrapper .search-wrapper .small-search input.search {
    width: 199px;
}

.customerarea-espace .partner-content-wrapper .Tabs_Wrapper {
    margin: -35px 0 0;
    border: none;
    display: inline-block;
}

.customerarea-espace .partner-content-wrapper .Tabs_TabBody {
    border: none;
}

.customerarea-espace .partner-sidebar-wrapper {
    margin-top: 75px;
}

.customerarea-espace .account-card .partner-sidebar-wrapper {
    margin-top: 25px;
}

.customerarea-espace .partners-download-doc-filter {
    padding: 15px 0;
    border-bottom: 1px solid #E5E6E7;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 8px 40px -8px #e5e6e7;
    -moz-box-shadow: 0 8px 40px -8px #e5e6e7;
    box-shadow: 0 8px 40px -8px #e5e6e7;
}

.customerarea-espace .partners-download-doc-filter input[type=checkbox] {
    margin: 0 30px 0 10px;
    line-height: normal;
    cursor: pointer;
}

.customerarea-espace .document-details,
.customerarea-espace .sidebar-text {
    font-size: 12px;
}

.customerarea-espace .pagination a:link,
.customerarea-espace .pagination a:visited {
    padding: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
    min-width: 20px;
    box-sizing: border-box;
}

.customerarea-espace .list-border {
    position: relative;
    padding-bottom: 15px;
}

.customerarea-espace .list-border:after {
    content: "";
    background: #E5E6E7;
    position: absolute;
    bottom: 0;
    height: 1px;
    margin: 0 auto;
    left: 110px;
    right: 0;
}

.customerarea-espace .content-separator:after,
.customerarea-espace .sidebar-separator:after {
    background: #E5E6E7;
    height: 1px;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    content: "";
}

.customerarea-espace .sidebar-separator {
    position: relative;
    padding-bottom: 20px;
    word-break: break-word;
}

.customerarea-espace .sidebar-separator:after {
    position: absolute;
    width: 70px;
}

.customerarea-espace .sidebar-separator .partner-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
}

.customerarea-espace .content-separator {
    position: relative;
    padding-bottom: 20px;
}

.customerarea-espace .content-separator:after {
    position: absolute;
    width: 100%;
}

.customerarea-espace .info-desc {
    display: table;
    vertical-align: middle;
}

.customerarea-espace .info-icon,
.customerarea-espace .info-text {
    display: table-cell;
    vertical-align: middle;
}

.customerarea-espace .link-helpers {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 12px 0;
    white-space: nowrap;
}

.customerarea-espace .link-helpers a {
    margin-left: 15px;
    color: #4D616A;
}

.customerarea-espace .link-helpers a:hover {
    color: #005580;
}

.customerarea-espace .collapse-title a {
    display: block;
    padding: 10px 10px 10px 0;
    margin: 0 0 40px;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 1px solid #E7E7E7;
    color: #333;
    -webkit-box-shadow: 0 8px 24px -17px #606264;
    -moz-box-shadow: 0 8px 24px -17px #606264;
    box-shadow: 0 8px 24px -17px #606264;
}

.customerarea-espace .collapse-down,
.customerarea-espace .collapse-up {
    float: right;
}

.customerarea-espace .collapse-title .collapse-down {
    display: inline-block;
}

.customerarea-espace .collapse-title .collapse-up,
.customerarea-espace .collapse-title.open .collapse-down {
    display: none;
}

.customerarea-espace .collapse-title.open .collapse-up {
    display: inline-block;
}

.customerarea-espace table {
    border-spacing: 0;
    width: 100%;
}

.customerarea-espace .v-separator {
    content: "";
    display: block;
    width: 0;
    height: 40px;
    border-right: 1px solid rgba(190, 200, 204, .31);
    border-left: 1px solid #BEC8CC;
    padding: 0;
    position: relative;
    top: 15px;
}

.customerarea-espace .headshot {
    border: 0 solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    height: 55px;
    width: 55px;
    margin: 5px;
}

.customerarea-espace .Infracard .headshot {
    border: 0 solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin: 12px;
}

.customerarea-espace .opportunity-container,
.customerarea-espace .quote-container {
    font-family: Arial, sans-serif;
    height: 70px;
    background-color: #f8f8f8;
    border: 1px solid #e2e1e1;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    margin-left: 20px;
}

.customerarea-espace .opportunity-container>.row>div:first-child,
.customerarea-espace .quote-container>.row>div:first-child {
    width: 125px;
    height: 70px;
    line-height: 1.3;
    padding: 18px 0;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #e3e3e3;
}

.customerarea-espace .opportunity-container>.row>.span8 .span1,
.customerarea-espace .quote-container>.row>.span8 .span1 {
    width: 50px;
    margin-left: 10px;
    margin-top: 15px;
}

.customerarea-espace .opportunity-container>.row>.span8 .span2,
.customerarea-espace .quote-container>.row>.span8 .span2 {
    width: 90px;
    margin-left: 10px;
    margin-top: 15px;
}

.customerarea-espace .quote-container>.row>.span8 .span2 {
    width: 100px;
}

.customerarea-espace .opportunity-container .text-label,
.customerarea-espace .quote-container .text-label {
    text-transform: uppercase;
    color: #78909c;
    font-size: 10px;
    font-weight: 700;
}

.customerarea-espace .opportunity-container .text-value,
.customerarea-espace .quote-container .text-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #263238;
    font-size: 12px;
    font-weight: 400;
}

.customerarea-espace .text-highlight {
    font-size: 22px;
    color: #7F8A90;
}

.customerarea-espace .AskQuote {
    font-family: Myriad-Pro, sans-serif;
    color: #4CAF50;
    width: 65px;
    padding: 4px 7px;
    border: 1px solid #4CAF50;
    border-radius: 4px;
    text-transform: uppercase;
}

.customerarea-espace .Infra-toggle-action {
    padding: 10px;
}

.customerarea-espace .AskQuote,
.customerarea-espace .card .Infra-toggle-action {
    font-size: 12px;
    font-weight: 600;
    margin-top: 0;
    text-align: left;
}

.customerarea-espace .Infracard {
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    border: 1px solid #CFD8DC;
    border-radius: 3px;
    background: #ECEFF1;
}

.customerarea-espace .AskQuote a {
    color: #4CAF50;
}

.customerarea-espace .card {
    border: 1px solid #CFD8DC;
    border-radius: 3px;
    background-color: #FBFBFB;
    box-sizing: border-box;
    padding: 20px 0 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.customerarea-espace .card .toggle-action {
    text-align: center;
    background-color: #f5f5f5;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #eee;
    font-size: 12px;
    font-weight: 600;
    margin-left: 0;
    padding: 0;
}

.customerarea-espace .card .toggle-action a {
    color: #999;
}

.customerarea-espace .card .text-note.title {
    background-color: #f0f0f0;
    font-size: 11px;
    font-weight: 600;
    padding-left: 10px;
}

.customerarea-espace .Infracard .text-note.title {
    background-color: #CFD8DC;
    font-size: 11px;
    font-weight: 600;
    padding-left: 10px;
    text-transform: uppercase;
}

.customerarea-espace .DevCertification {
    background-color: #EEF1F3;
    padding-top: 39px;
    padding-bottom: 36px;
}

.customerarea-espace .SuppCertification {
    padding-top: 39px;
    padding-bottom: 36px;
    padding-left: 30px;
}

.customerarea-espace .DevCertificationTitle {
    background-color: #EEF1F3;
    padding-top: 20px;
    padding-bottom: 20px;
}

.customerarea-espace .SuppCertificationTitle {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
}

.customerarea-espace .content-separator.certList {
    padding-bottom: 0;
}

.customerarea-espace .Tools div:not(row) {
    background-color: #fff;
}

.customerarea-espace .Edit .card {
    padding: 20px;
}

@media (max-width:400px) {
    .customerarea-espace .content-separator .pull-right,
    .customerarea-espace .partner-cover-details-wrapper {
        margin-left: 20px;
    }
    .customerarea-espace .opportunity-container {
        height: 100%;
        padding-bottom: 20px;
    }
    .customerarea-espace .opportunity-container>.row>div:first-child {
        border-right: none;
        text-align: center;
        width: auto;
    }
    .customerarea-espace .partner-content-wrapper {
        padding: 20px;
    }
    .customerarea-espace .link-helpers,
    .customerarea-espace .sidebar-text {
        display: none;
    }
    .customerarea-espace .sidebar-separator {
        padding-bottom: 60px;
    }
    .customerarea-espace div.Tabs_TabOff,
    .customerarea-espace div.Tabs_TabOn {
        width: 24%;
        overflow: hidden;
        margin-right: 2px;
        padding: 3px 0 0;
        font-size: 10px;
        text-align: center;
        height: 45px;
    }
    .customerarea-espace a.Tabs_TabOff,
    .customerarea-espace a.Tabs_TabOff:link,
    .customerarea-espace a.Tabs_TabOff:visited,
    .customerarea-espace a.Tabs_TabOn,
    .customerarea-espace a.Tabs_TabOn:link,
    .customerarea-espace a.Tabs_TabOn:visited {
        white-space: normal;
        padding: 0 5px;
    }
    .customerarea-espace .Tabs_TabBody {
        padding: 20px 0 0;
    }
    .customerarea-espace .Tabs_TabBody[data_url="#company-info"] .span10 .span4,
    .customerarea-espace .Tabs_TabBody[data_url="#company-info"] .span3 {
        display: inline-block;
        width: 50%;
        margin-top: 30px;
    }
    .customerarea-espace .Tabs_TabBody[data_url="#company-info"] .row .span4 {
        margin-top: 30px;
    }
    .customerarea-espace .Tabs_Wrapper .search-wrapper .small-search input.search {
        width: 180px;
        margin-right: 0;
    }
    .customerarea-espace div[data_url="#members"] .content-separator .pull-right {
        float: none;
    }
    .customerarea-espace .card {
        padding: 10px;
    }
    .customerarea-espace .card .MemberPhoto {
        display: table-cell;
        width: 30%;
    }
    .customerarea-espace .card .MemberName {
        display: table-cell;
        width: 60%;
    }
    .customerarea-espace .card .MemberRoles {
        display: inline-block;
        width: 70%;
    }
    .customerarea-espace .card .MemberTrash {
        width: 65px;
        float: none;
        display: table-cell;
    }
    .customerarea-espace .headshot {
        margin-top: 20px;
    }
    .customerarea-espace .v-separator.pull-right {
        display: none;
    }
    .customerarea-espace .HeroSection {
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
    }
    .customerarea-espace .HeroSection .HeroImg {
        text-align: center;
    }
    .customerarea-espace .account-card {
        margin: 20px;
    }
    .customerarea-espace .small-search {
        width: 100%;
        float: right;
    }
    .customerarea-espace .search-wrapper .small-search input.search {
        margin-right: 0;
        width: 170px;
    }
    
    .forge-espace input[type=search] {
        height: 50px;
    }
}

@media (max-width:979px) and (min-width:768px) {
    .customerarea-espace .opportunity-container>.row>.span8 {
        width: 450px;
    }
    .customerarea-espace .opportunity-container>.row>.span8 .span1 {
        width: 50px;
        margin-left: 10px;
        margin-top: 15px;
    }
    .customerarea-espace .opportunity-container>.row>.span8 .span2 {
        width: 70px;
        margin-left: 10px;
        margin-top: 15px;
    }
}

.optanon-alert-box-wrapper[style="bottom: 0px;"] ~ div#intercom-container{
    visibility: hidden;
}

.zoom {
  -ms-transform: scale(2); 
  -webkit-transform: scale(2); 
  transform: scale(2);
  cursor:-webkit-zoom-out;
  z-index:100;
  max-width: 100%;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 1px solid #9E9E9E;
  border-radius: 5px;

}

.image-zoom img,video {
  transition: all 500ms ease;
  
}

.image-zoom img,video:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); 
  cursor:-webkit-zoom-in;
  
}
.image-zoom img,video.zoom:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); 
  cursor:-webkit-zoom-out;
}
.font-xs,
.size-10 {font-size: 10px;}
.size-12 {font-size: 12px;}
a.btn-medium.size-14,
.font-s,
.size-14 {font-size: 14px;}
.font-m,
.size-16 {font-size: 16px;}
.font-l,
.size-18 {font-size: 18px;}
.font-xl,
.size-20 {font-size: 20px;}
.size-24 {font-size: 24px;}
.size-28 {font-size: 28px;}

.button-silk,
a.button-silk {
    background-color: #427BCC;
    border: 1px solid #427BCC;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 42px;
    line-height: 40px;
    margin: 0;
    padding: 0 25px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.button-silk:hover,
a.button-silk:hover {
    background-color: #8C1700;
    border-color: #8C1700;
}

.button-silk:hover:active,
a.button-silk:hover:active {
    background-color: #1D4480;
    border-color: #1D4480;
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.1);
            box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.1);
}

.button-silk.button-silk-default {
    background-color: #CC2200;
    border: 1px solid #CC2200;
    color: #fff;
}

.desktop .button-silk.button-silk-default:hover,
.desktop a.button-silk.button-silk-default:hover {
    background-color: #A51C00;
    border-color: #A51C00;
}

.button-silk.button-silk-default:hover:active,
a.button-silk.button-silk-default:hover:active {
    background-color: #8C1700;
    border-color: #8C1700;
    box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.1);
}

input[type=checkbox].checkbox-silk,
input[type=radio].radio-silk {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 18px;
    position: relative;
    vertical-align: initial;
    width: 18px;
}

input[type="checkbox"].checkbox-silk:after {
    border: 2px solid #fff;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    content: "";
    height: 3px;
    left: 30%;
    opacity: 0;
    position: absolute;
    top: 35%;
    transform: rotate(-45deg);
    transition: all linear 100ms;
    width: 7px;
}

input[type="checkbox"].checkbox-silk:checked:after {
    opacity: 1;
}

input[type="checkbox"].checkbox-silk:before {
    border: 1px solid #D3DADB;
    border-radius: 4px;
    box-shadow: none;
    content: "";
    display: block;
    height: 100%;
    transition: all linear 100ms;
    width: 100%;
}

input[type="checkbox"].checkbox-silk:hover:before {
    border: 1px solid #BDC5C7;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

input[type="checkbox"].checkbox-silk:checked:before {
    background-color: #427BCC;
    border: 1px solid #427BCC;
}

input[type="checkbox"].checkbox-silk:checked:hover:before {
    background-color: #285DAB;
    border: 1px solid #285DAB;
}

input[type="radio"].radio-silk:before {
    border: 1px solid #D3DADB;
    box-shadow: none;
    transition: all linear 100ms;
}

input[type="radio"].radio-silk:hover:before {
    border-color: #BDC5C7;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    transition: all linear 100ms;
}

input[type="radio"].radio-silk:checked:before {
    border-color: #457DC9;
}

input[type="radio"].radio-silk:checked:hover:before {
    border-color: #2B5FA9;
}

input[type="radio"].radio-silk:after {
    background-color: #427BCC;
    border: 2px solid #427BCC;
    left: 20%;
    top: 23%;
}

input[type="radio"].radio-silk:hover:after {
    background-color: #285DAB;
    border: 2px solid #285DAB;
}
.margin-left-10   {margin-left: 10px;}
.margin-left-20   {margin-left: 20px;}
.margin-left-40   {margin-left: 40px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-40 {margin-top: 40px;}
.margin-right-10  {margin-right: 10px;}
.margin-right-20  {margin-right: 20px;}


.semi-bold {font-weight: 600;}

.Heading1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
}

.Heading2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}

.Heading3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.Heading4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
}