/*/PortalCommon_Theme/Theme.PortalCommon_Theme_V2.css*/
@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;
  font-display: block;
}

a[class*="osicons-"],
label[class*="osicons-"],
span[class*="osicons-"],
div[class*="osicons-"] {
  
  font-family: 'osicons';
  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";}






@font-face {
    font-family: osicons-v2;
    font-style: normal;
    font-weight: 400;
    src: url("/PortalTheme/osicons-v2.woff") format("woff");
    font-display: block;
}

[class*="osicons-v2"] {
    display: inline-block;
    font-family: osicons-v2 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    text-transform: none;
    vertical-align: baseline;
}

.osicons-v2-fb-brand:before,
.osicons-v2-fb:before,
.osicons-v2-facebook:before             {content: "\e900";}
.osicons-v2-in-brand:before,
.osicons-v2-in:before,
.osicons-v2-linkedin:before             {content: "\e901";}
.osicons-v2-tw-brand:before,
.osicons-v2-tw:before,
.osicons-v2-twitter:before              {content: "\e902";}
.osicons-v2-share:before                {content: "\e903";}
.osicons-v2-email:before                {content: "\e904";}
.osicons-v2-tag:before                  {content: "\e905";}
.osicons-v2-cancel:before               {content: "\e906";}
.osicons-v2-chevron-down:before,
.osicons-v2-arrow-down:before           {content: "\e907";}
.osicons-v2-search:before               {content: "\e908";}
.osicons-v2-valid:before,
.osicons-v2-select:before               {content: "\e90a";}
.osicons-v2-hamburguer:before           {content: "\e90b";}
.osicons-v2-chevron-up:before,
.osicons-v2-arrow-up:before             {content: "\e90d";}
.osicons-v2-chevron-left:before,
.osicons-v2-arrow-left:before           {content: "\e90e";}
.osicons-v2-chevron-right:before,
.osicons-v2-arrow-right:before          {content: "\e90f";}
.osicons-v2-loader:before,
.osicons-v2-reload:before               {content: "\e911";}
.osicons-v2-arrow-link:before           {content: "\e915";}
.osicons-v2-add:before,
.osicons-v2-plus:before                 {content: "\e916";}
.osicons-v2-dash:before,
.osicons-v2-minus:before                {content: "\e917";}
.osicons-v2-play:before                 {content: "\e918";}
.osicons-v2-spicy:before,
.osicons-v2-hot:before                  {content: "\e919";}
.osicons-v2-lang:before,
.osicons-v2-globe:before                {content: "\e91a";}
.osicons-v2-link-out:before             {content: "\e920";}
.osicons-v2-filter:before               {content: "\e910";}
.osicons-v2-link-in-card:before,
.osicons-v2-arrow-link-thin:before      {content: "\e921";}
.osicons-v2-double-arrow-up:before      {content: "\e922";}
.osicons-v2-double-arrow-down:before    {content: "\e923";}
.osicons-v2-double-arrow-left:before    {content: "\e924";}
.osicons-v2-double-arrow-right:before   {content: "\e925";}
.osicons-v2-sitemap:before              {content: "\e926";}
.osicons-v2-rss:before                  {content: "\e909";}
.osicons-v2-info:before                 {content: "\e90c";}
.osicons-v2-validated:before            {content: "\e912";}
.osicons-v2-layers:before,
.osicons-v2-stack:before                {content: "\e927";}
.osicons-v2-pause:before                {content: "\e914";}
.osicons-v2-calendar:before             {content: "\e91b";}
.osicons-v2-clock:before                {content: "\e91c";}
.osicons-v2-desktop:before              {content: "\e913";}
.osicons-v2-phone:before,
.osicons-v2-mobile:before               {content: "\e91f";}
.osicons-v2-location:before             {content: "\e91e";}
.osicons-v2-users:before                {content: "\e928";}
.osicons-v2-dragdrop:before             {content: "\e91d";}
.osicons-v2-bulb:before                 {content: "\e929";}
.osicons-v2-camera:before               {content: "\e92a";}
.osicons-v2-close:before                {content: "\e92b";}
.osicons-v2-delete:before               {content: "\e92c";}
.osicons-v2-download:before             {content: "\e92d";}
.osicons-v2-draggable:before            {content: "\e92e";}
.osicons-v2-edit:before                 {content: "\e92f";}
.osicons-v2-error:before                {content: "\e930";}
.osicons-v2-logout:before               {content: "\e931";}
.osicons-v2-options:before              {content: "\e932";}
.osicons-v2-replay:before               {content: "\e933";}
.osicons-v2-sort:before                 {content: "\e934";}
.osicons-v2-warning:before              {content: "\e935";}
.osicons-v2-star-full:before            {content: "\e938";}
.osicons-v2-star-empty:before           {content: "\e937";}
.osicons-v2-star-half:before            {content: "\e939";}
.osicons-v2-business:before             {content: "\e936";}
.osicons-v2-flag:before                 {content: "\e93a";}
.osicons-v2-upload:before               {content: "\e93b";}
.osicons-v2-thumbs-up-full:before       {content: "\e93c";}
.osicons-v2-thumbs-up-empty:before      {content: "\e93d";}
.osicons-v2-thumbs-down-full:before     {content: "\e93e";}
.osicons-v2-thumbs-down-empty:before    {content: "\e93f";}
.osicons-v2-switch:before               {content: "\e940";}
.osicons-v2-support:before              {content: "\e941";}
.osicons-v2-responsive:before           {content: "\e942";}
.osicons-v2-file:before                 {content: "\e943";}
.osicons-v2-email-open:before           {content: "\e944";}
.osicons-v2-dot-full:before             {content: "\e945";}
.osicons-v2-dot-empty:before            {content: "\e946";}
.osicons-v2-message:before              {content: "\e947";}





.font-size-xs   {font-size: 10px;}
a.Button .font-size-s span.fa,
.font-size-s    {font-size: 12px;}
.font-size-m    {font-size: 14px;}
.font-size-l    {font-size: 16px;}
.font-size-xl   {font-size: 18px;}
.font-size-xxl  {font-size: 20px;}
.font-size-xxxl {font-size: 26px;}

.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;}


.uppercase {text-transform: uppercase;}

a.semi-bold,
.semi-bold {
    font-weight: 600;
}

a.bold,
.bold,
.XBold {
    font-weight: 700;
}

.text-blue       {color:#4A95FF;}
.text-red        {color:#CC2200;}
.text-lightgreen {color:#42BEAB;}
.text-green      {color:#8CC83C;}

.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;}
.text-com-gray-10 {color: #0a141e;}

.background-color-white {background-color: #fff;}

.Page .Text_darkblue   {color: #0077B5;}

.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;}

.desktop .non-mobile-margin-top-s,
.tablet .non-mobile-margin-top-s {
    margin-top: 20px;
}

.padding-xsmall,
.padding-10 {padding: 10px;}
.padding-small,
.padding-20 {padding: 20px;}
.padding-medium,
.padding-30 {padding: 30px;}
.padding-big {padding: 40px;}

.underline {
    text-decoration: underline;
}

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




body {
    background-color: #ECEFF1;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

body, button, input, select, textarea {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
}
.Page.new-header {
    padding-top: 60px;
}

label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.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;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

a,
a:link,
a:visited {
    color: #4a95ff;
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    text-decoration: none;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

a:hover {
    color: #285dab;
    text-decoration: none;
}

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

.full-width {
    width: 100%;
}

.align-center {
    text-align: center;
}

.opacity-s {opacity: 0.7;}
.opacity-m {opacity: 0.5;}
.opacity-l {opacity: 0.3;}

.margin-top-xxs {margin-top: 5px;}
.margin-top-xs {margin-top: 10px;}
.margin-top-s {margin-top: 15px;}
.margin-top-m {margin-top: 20px;}
.margin-top-l {margin-top: 30px;}
.margin-top-xl {margin-top: 40px;}

.margin-right-xs {margin-right: 10px;}
.margin-right-s {margin-right: 15px;}
.margin-right-m {margin-right: 20px;}
.margin-right-l {margin-right: 30px;}
.margin-right-xl {margin-right: 40px;}

.margin-bottom-xs {margin-bottom: 10px;}
.margin-bottom-s {margin-bottom: 15px;}
.margin-bottom-m {margin-bottom: 20px;}
.margin-bottom-l {margin-bottom: 30px;}
.margin-bottom-xl {margin-bottom: 40px;}

.margin-left-xs {margin-left: 10px;}
.margin-left-s {margin-left: 15px;}
.margin-left-m {margin-left: 20px;}
.margin-left-l {margin-left: 30px;}
.margin-left-xl {margin-left: 40px;}

.line-height-xs {line-height: 0.666em;}
.line-height-s  {line-height: 1em;}
.line-height-m  {line-height: 1.333em;}
.line-height-l  {line-height: 1.666em;}
.line-height-xl {line-height: 1.999em;}

.font-size-01 {font-size: 32px; line-height: 32px;}
.font-size-02 {font-size: 24px; line-height: 24px;}

.nowrap {white-space: nowrap;}

.text-color-blue        {color: #4A95FF;}
.text-color-darkblue    {color: #5290D6;}
.text-color-green       {color: #77B310;}
a.text-color-grey,
.text-color-grey        {color: #7A878B;}
.text-color-darkgrey    {color: #485254;}
a.text-color-lightgrey,
.text-color-lightgrey   {color: #A5AFB2;}
a.text-color-lightergrey,
.text-color-lightergrey   {color: #C3C6CE;}
a.text-color-red,
.text-color-red         {color: #CC2200;}
a.text-color-white,
.text-color-white       {color: #fff;}
a.text-color-white:hover,
.text-color-white:hover {color: #ddd}

.background-grey {background-color: #ECEFF1;}

h1, h2, h3, h4, h5, h6 {
    font-family: myriad-pro, sans-serif;
    text-rendering: optimizelegibility;
    margin: 0;
    line-height: 1.2em;
}

h1 {
    color: #596669;
    font-size: 30px;
    font-weight: 600;
    padding: 0 0 10px;
}

p {
    margin: 0 0 10px;
}

.displayInlineBlock {
    display: inline-block;
}


.Button.hidden, .hidden {
    display: none;
}

.Button.Small {
    font-size: 14px;
    height: 32px;
    line-height: 30px;
}

.Button,
a.Button {
    background-color: #427BCC;
    border: 1px solid #427BCC;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 42px;
    line-height: 40px;
    margin: 0;
    min-width: 50px;
    padding: 0 25px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.Button:hover,
a.Button:hover {
    background-color: #285DAB;
    border-color: #285DAB;
}

.Button:hover:active,
a.Button: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.no-padding,
a.Button.no-padding {
    padding: 0;
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #CC2200;
    border: 1px solid #CC2200;
    color: #fff;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
    background-color: #A51C00;
    border-color: #A51C00;
}

.Button.ButtonDefault:hover:active,
.Button.Is_Default:hover:active {
    background-color: #8C1700;
    border-color: #8C1700;
    -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.Cancel {
    background-color: #fff;
    border: 1px solid #BDC5C7;
    color: #596669;
    font-weight: 600;
    text-transform: initial;
}

.Button.Cancel:hover {
    background-color: #E7ECED;
    border-color: #E7ECED;
    color: #596669;
}

.Button.Cancel:hover:active {
    -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.Link {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #4A95FF;
    font-weight: 600;
    min-width: auto;
    text-transform: capitalize;
}

.Button.Link:hover {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #427BCC;
}

.Button.Link:hover:active {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #285DAB;
}

.Button.Small {
    font-size: 14px;
    height: 32px;
    line-height: 30px;
}

.phone .Button,
.tablet .Button,
.phone a.Button,
.tablet a.Button {
    height: 42px;
    line-height: 40px;
}

a .link-text {
    margin-left: 5px;
}

a.btn {
    background-color: #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    transition: all 200ms ease;
}

a.btn.normal {
    font-size: 16px;
    letter-spacing: 0;
}

a.btn-big {
    height: 42px;
    line-height: 41px;
    padding: 0 20px;
}

a.btn.capitalize {
    text-transform: capitalize;
}

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;
}

.Page.background-white {
    background-color: #fff;
}

.item-bullet {
    display: list-item;
    list-style-type: disc;
    margin-left: 20px;
}

a.Button span.fa {
    margin-right: 0;
}


.container {
    margin-right: auto;
    margin-left: auto;
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before {
    content: "";
    display: table;
    line-height: 0;
}

.container,
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container {
    width: 980px;
}

.tablet .container {
    width: 100%;
}

.phone .all-content-wrapper .container,
.tablet .all-content-wrapper .container {
    padding: 0 20px;
}

.all-content-wrapper ul li {
    margin-left: 18px;
}

@media (max-width: 767px) {
    .container {
        width: auto;
    }
}

.RatingStarsContainer table,
.RatingStarsContainer td,
.RatingStarsContainer tr {
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
}

.Invisible {
    display: none!important;
}

.user-image,
.user-info {
    display: table-cell;
    float: none;
    text-align: left;
    vertical-align: middle;
}

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

.user-info {   
    margin-left: 0;
    padding-left: 10px;
}

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

.Mobile,
.mobile-display,
.mobile-search {
    display: none;
}

.pointer img {
    border: 2px solid transparent;
    transition: all 300ms ease;
}

.MenuRow,
.header2,
.header4,
.header5 {
    font-weight: 400;
}


.header,
.header a,
.header a:link {
    font-family: myriad-pro, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.header-small {
    height: 60px;
}

.header-bar-top {
    background-color: #000;
    height: 60px;
}

.phone .header-bar-top,
.tablet .header-bar-top {
    height: 50px;
}

.header-all-content {
    display: table;
    width: 100%;
}

.header-logo-container {
    display: table-cell;
    vertical-align: middle;
    width: 190px;
}

.phone .header-logo-container {
    height: 50px;
}

.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;
}

.menu-entries {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    
    
}

.top-menu-item {
    display: inline-block;
    text-align: center;
}

.top-menu-item a,
.top-menu-item a:link,
.top-menu-item a:visited {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    transition: all 300ms ease;
}

.top-menu-item.active a,
.top-menu-item.active a:link,
.top-menu-item.active a:visited {
    background-color: #fff;
    color: #1F282D;
    position: relative;
}

.header-right-content {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    width: 190px;
}

.search-mobile-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.small-search {
    height: 38px;
    margin-top: 11px;
    position: relative;
    width: 38px;
}

.search-wrapper input.submit {
    background: url(/CommunityBaseTheme/img/icons.png?272031&42406) 0 -1164px no-repeat;
    border: 1px solid #CCC;
    box-shadow: none;
    height: 30px;
    line-height: 20px;
    text-indent: -9999px;
    display: table-cell;
    text-transform: capitalize;
    font-size: 0;
    width: 31px;
}

.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;
    height: 38px;
    transition: all 300ms ease;
    width: 38px;
}

.search-wrapper .small-search input.submit:hover {
    background-color: #2F3030;
}

.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;
}

.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;
    text-overflow: clip;
    width: 100%;
}

.with-search .searchview-small-container,
.with-search .searchview {
    opacity: 1;
    visibility: visible;
}

.with-search .searchview-close {
    visibility: visible;
}

.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;
}

.Search_wrapper:after {
    top: 14px;
}

.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;
}

.searchform-submit-trigger {
    display: none;
}

.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;
}

.with-search .search-wrapper {
    visibility: hidden;
}

.header-bar-bottom {
    background-color: #fff;
    border-bottom: 2px solid #ECEFF1;
    height: 40px;
}

.header-bar-bottom .menu-item {
    
}

.menu-wrapper {
    text-align: center;
}

.menu-item,
.menu-item a {
    color: #949FA3;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    transition: all 300ms ease;
}

.menu-item a:hover,
.menu-item a:link:hover,
.menu-item a:visited:hover {
    color: #1F282D;
}

.menu-item {
     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;
}

.Application_Menu,
.Header_Menu {
    display: none;
    white-space: nowrap;
}

.header-headshot {
    margin: 7px 8px 8px 8px;
    border-radius: 50%;
    height: 34px;
    width: 34px;
}

.rectangleMessage {
    width: 32px;
}

@-moz-document url-prefix() {
    .rectangleMessage {
        width: 44px;
    }
}

.header-info {
    color: #BABABA;
    display: inline-block;
    margin-left: 0;
    width: auto;
}

a.header-account-settings,
a.header-account-settings:link {
    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;
}

.ProfileMenu {
    text-align: left;
    margin-left: -105px;
    position: absolute;
    top: 56px;
    z-index: 11;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .18);
    border-top: none;
    width: 170px;
    background: #FFF;
}

div.Header-UserInfo {
    border-bottom: 2px solid #e7eced;
    color: #3F536E;
    cursor: default;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-top: 15px;
    position: relative;
}

.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;
}

.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:hover {
    color: #e6e6e6;
}

.header-icon {
    display: inline-block;
    text-indent: -5000em;
    overflow: hidden;
    width: 20px;
    height: 16px;
    margin-left: 11px;
}

.header-icon-message {
    background: url(/CommunityBaseTheme/img/headericons.png?272031&42406) -1px -20px no-repeat;
}

.header-icon-message-notification {
    background: url(/CommunityBaseTheme/img/headericons.png?272031&42406) -22px -20px no-repeat;
}

.header-icon-settings {
    border: 1px solid #3b3737;
    border-radius: 4px;
    padding: 2px;
    background: url(/CommunityBaseTheme/img/headericons.png?272031&42406) -41px -1px no-repeat;
}

.header-icon-logout {
    background: url(/CommunityBaseTheme/img/headericons.png?272031&42406) -63px -20px no-repeat;
    margin-left: 6px;
}

.header-icon-user {
    background: url("/CommunityBaseTheme/img/osiconuser.png?272031&42406") no-repeat;
}

.MenuSlider_IsOpen .MenuSlider_Toggler {
    background: #000 url(/PortalTheme/icon_cross_white.svg) no-repeat;
    background-position: center;
    background-size: 18px;
}

.MenuSlider_Toggler {
    background: #000 url(/PortalTheme/icon_menu_white.svg) no-repeat;
    background-position: center;
    background-size: 23px;
    color: #000;
    display: none;
    height: 21px;
    font-weight: 700;
    padding: 14px;
    position: absolute;
    right: 10px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    top: 11px;
    width: 18px;
}

.Menu_TopMenus {
    background: inherit;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.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;
}

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

.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;
}

.Application_Menu .Menu_DropDownArrow {
    position: relative;
    right: 20px;
}

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

.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-back,
.menu-close {
    background-color: #fff;
    top: 0;
}

.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;
}

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;
}

.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: auto;
    line-height: 2em;
    margin: 0;
    min-width: 140px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}

.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;
}

.with-search .searchview-close {
    visibility: visible;
}

.phone .header-logo {
    padding-left: 10px;
}

.phone .forge-espace input[type=search] {
    height: 50px;
}

.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;
}

@media (max-width: 400px) {
    .forge-espace input[type=search] {
        height: 50px;
    }
}

@media (max-width: 767px) {
    .component-icon,
    .mobile-notdisplay {
        display: none;
    }
    
    .header-info {
        background-color: #000;
        margin-top: 0;
    }
    
    .login-info-wrapper {
        right: 60px;
        position: absolute;
        top: 0;
        height: 50px;
    }
    
    .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);
        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_DropDownArrow {
        border-top-color: #C4C4C4;
        right: 20px;
    }
    
    .forge-espace .Menu_TopMenuActive a:link,
    .forge-espace .Menu_TopMenuActive a:visited {
        color: #333;
    }
    
}

@media screen and (max-width: 979px) {
    .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-logo a:link {
        background-position: 20px center;
        height: 36px;
        margin: 0;
        padding-top: 14px;
        padding-left: 20px;
        width: 140px;
    }
    
    .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,
    .mobile-search {
        display: block;
    }
    
    .header-right-content {
        display: block;
        float: right;
        margin-right: 50px;
        padding-right: 0;
        text-align: left;
        width: 50px;
    }
    
    .search-mobile-wrapper {
        position: static;
        width: auto;
    }
    
    .small-search {
        margin-top: 6px;
    }
    
    .MenuSlider_IsOpen .Application_Menu {
        right: 0;
        z-index: 2;
    }
    
    .Application_Menu {
        display: block;
        position: fixed;
        right: -110%;
        top: 50px;
        width: 100%;
        transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
        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;
    }
    
    .Application_Menu,
    .MenuSlider_IsOpen .content-layout-simplify {
        height: 100%;
        overflow: hidden;
    }
    
    .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;
    }
    
    .MenuSlider_Toggler {
        display: inline-block;
    }
    
    .login-info-wrapper {
        display: none;
    }
    
    .header-bar-bottom {
        display: none;
    }
    
    input[type=search].searchform-input {
        background-color: #000;
    }
    
    .Page.with-search .searchview-close, .searchview-close {
        top: 12px;
        right: 12px;
    }
    
    .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 {
        display: block;
        overflow: hidden;
        right: 49px;
        transition: width 300ms ease-out;
        width: 62px;
    }
    
    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;
    }
    
    .Application_Menu .Menu_DropDownButton, body>div.Application_Menu .Menu_DropDownButton {
        display: block;
        position: relative;
    }
    
    .Application_Menu .Menu_TopMenu {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }
    
    .Application_Menu .Menu_DropDownArrow {
        position: absolute;
        top: 24px;
    }
    
    .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 {
        border: 0;
        padding: 4px 0 4px 50px;
    }
    
    .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_DropDownPanel a.active {
        color: #333;
    }
    
    .searchview-small-container a {
        display: none;
    }
    
    .Page.with-search .searchview-small-container a {
        display: block;
    }
    
    .Page.with-search .searchview-small-container a {
        display: block;
    }
    
    .MenuSlider_IsOpen .Page.with-search .searchview-close {
        display: none;
    }
    
    .Application_Menu .MenuMobileLine {
        border-bottom: 1px solid #eee;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        text-align: left;
    }
    
    .header-icon-settings {
        border: none;
        padding: 0;
    }
    
    .header-icon {
        margin-left: 0;
        margin-right: 10px;
    }
    
    .searchform-submit {
        display: none;
    }
    
    .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;
    }
}



.breadcrumb {
    font-size: 12px;
    color: #999;
    background-color: transparent;
    padding: 0;
    margin: 0 0 20px 0;
}

.breadcrumb .divider {
    color: #828E92;
    font-size: 16px;
    padding: 0 5px;
}

.breadcrumb a:link,
.breadcrumb a:visited {
    color: #999;
    text-decoration: underline;
}

.breadcrumb a.active:link,
.breadcrumb a.active:visited {
    text-decoration: none;
}



.footer-landscape {
    background-image: url(/CommunityBaseTheme/img/footer.png?272031&42406);
    height: 52px;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 125px;
}

.footer-site {
    color: #999;
    padding: 25px 0;
    background: #1A1A1A;
    border-right: 0;
    border-left: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 22px;
    position: relative;
}

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

.footer-copy a:link,
.footer-copy a:visited {
    margin-right: 15px;
    cursor: pointer;
    color: #999;
}

.footer-section {
    display: inline-grid;
    margin-top: 5px;
    width: 25%;
}

.footer.social-icons {
    float: right;
    margin-top: 10px;
}

.footer.social-icons a:link {
    margin-right: 0;
    margin-left: 10px;
}

.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-copy {
    font-size: 10px;
}

ul.footer.social-icons li {
    display: inline-block;
}

.footer-section-title {
    margin: 0 0 12px;
    font-size: 16px;
    color: #fff;
}

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

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

.footer-section-link a:link, .footer-section-link a:visited {
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    color: #999;
}

.phone .footer-section {
    display: inline-grid;
    margin-top: 5px;
    width: 25%;
    margin-left: 10px;
}

.phone ul.footer.social-icons {
    margin: 0;
    margin-bottom: 10px;
    margin-top: 40px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.phone .footer-copy {
    text-align: center;
}

.phone .footer-copy .FooterTextMargins {
    margin-left: 0;
}

@media (max-width: 767px) {   
    .footer.social-icons {
        float: none;
    }
    
    .footer-site .FooterTextMargins,
    .leader-table-element.leader-table-cell-caption span {
        margin: 0;
    }
}


button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

.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 {
    border: 1px solid #D3DADB;
    border-radius: 4px;
    color: #384142;
    height: 42px;
    transition: border linear .2s, box-shadow linear .2s, -webkit-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,
select:focus, textarea:focus {
    border-color: #4A95FF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    background-color: #ECEFF1;
}

input[type="checkbox"],
input[type="radio"] {
    border: 0;
    height: 16px;
    margin: 4px 0 0;
    min-height: 16px;
    width: 16px;
}

input[type="checkbox"]:before,
input[type="radio"]:before {
    background-color: #fff;
    border: 1px solid #D3DADB;
    box-sizing: border-box;
}

input[type="checkbox"]:after {
    border-color: #fff;
    box-sizing: border-box;
    top: 20%;
}

input[type="checkbox"]:before {
    box-shadow: none;
}

input[type="checkbox"]:checked:before {
    background-color: #285DAB;
    border: 1px solid #285DAB;
    box-sizing: border-box;
}

input[type="checkbox"]:checked:after {
    box-sizing: border-box;
    height: 6px;
    left: 20%;
    top: 25%;
    width: 11px;
}

input[type="radio"]:after {
    background-color: #427BCC;
    border: 2px solid #427BCC;
    bottom: 0;
    display: inline-block;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    transform: scale(-0.6);
    width: auto;
}

input[type="radio"]:before {
    box-shadow: none;
}

input[type="radio"]:disabled:before {
    box-shadow: unset;
    background-color: #eee;
}

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;
}

.Search_wrapper input[type="text"] {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    font-size: 18px;
    height: 42px;
    line-height: 41px;
    padding-left: 35px;
}

label {
    color: #7A878B;
}

.CategoryTagMargin {
    padding: 5px 20px;
}











.Form.form-top .ButtonGroup label {
    display: inline-block;
}


.Separator {
    border-bottom: 2px solid #E7ECED;
}


.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: 1px solid #E7ECED;
}


.phone .NavigationBar.Horizontal,
.tablet .NavigationBar.Horizontal {
    white-space: nowrap;
    width: 100%;
}


.ButtonGroup_button.Button {
    border-color: #D3DADB;
    color: #596669;
    font-weight: 600;
    min-width: 100px;
    text-transform: capitalize;
}

.ButtonGroup_button.Button:hover {
    background-color: #E7ECED;
    border-color: #D3DADB;
}

.ButtonGroup_button.active {
    background: #E7ECED;
    border-color: #D3DADB;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.ButtonGroup_button.Button:first-child {
    border-radius: 4px 0 0 4px;
}

.ButtonGroup_button.Button:last-child {
    border-radius: 0 4px 4px 0;
}

.Small > .ButtonGroup .ButtonGroup_button.Button {
    font-size: 14px;
    height: 32px;
    line-height: 30px;
}


.Progress {
    background-color: #E7ECED;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.Progress_bar {
    border-radius: 50px;
}

.Progress.Medium {
    height: 10px;
}

.Progress_bar.Red {
    background-color: #CC2200;
}


.TableRecords {
    border: 0;
}


.ToggleButton {
    background-color: #E7ECED;
    border: 0;
    border-radius: 6px;
}

.ToggleButton_label:after {
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(107,107,107,0.5);
    color: #444;
    content: "";
    display: block;
    height: 22px;
    left: 5px;
    position: absolute;
    top: 4px;
    transition: left .15s ease-out;
    width: 22px;
}

.ToggleButton.changed {
    background-color: #8CC83C;
}

.ToggleButton_label.changed:after {
    height: 22px;
    left: 28px;
    top: 4px;
    width: 22px;
}


.dropmenu .dropmenuitems {
    border: 1px solid #D3DADB;
    border-radius: 4px;
    padding: 10px 0;
}

.dropmenu .dropmenuitems a {
    color: #333!important; 
    font-size: 14px;
    padding: 5px 20px;
}

.dropmenu .dropmenuitems a:hover {
    background-color: #ECEFF1;
    color: #596669!important 
}

.tooltipster-base {
    z-index:9999;
}



.Tabs__tab {
    color: #475356;
    height: 62px;
    position: relative;
}

.Tabs__tab h2 {
    font-size: 18px;
    font-weight: 600;
}

.Tabs__tab.active:after {
    visibility: visible;
    width: 100%;
}
.Tabs__tab:after {
    background-color: #CC2200;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: -1px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    visibility: hidden;
    width: 0;
}

.Tabs_header .Tabs__tab.active {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid #fff;
}

.Tabs3ColoredLines .Tabs__tab {
    width: 33.3%;
}

.Tabs__tab {
    background: #eee;
    border-color: #D3DADB;
    border-left: 1px solid #D3DADB;
    border-right: 1px solid #D3DADB;
    color: #475356;
    height: 62px;
    position: relative;
}

.TabsContainer .Tabs {
    border: 0;
}

.Tabs_body {
    background-color: #fff;
    padding: 0;
}


.padding-vertical-20 {
    padding: 20px 0;
}

.RatingStarsContainer {
    display: inline-block;
    height: 13px;
    margin-right: 3px;
}




.custom-navigation-bar .NavigationBar .disabled,
.custom-navigation-bar .NavigationBar a,
.custom-navigation-bar .NavigationBar a:link,
.custom-navigation-bar .NavigationBar a:visited {
    bottom: 2px;
    color: #949FA3;
    height: 58px;
    line-height: 58px;
    margin-bottom: -2px;
    padding: 0 25px;
}

.custom-navigation-bar .NavigationBar .disabled {
    opacity: 0.5;
    position: relative;
}

.phone .custom-navigation-bar .NavigationBar {
    height: 58px;
    overflow: auto;
}

.phone .custom-navigation-bar .NavigationBar a,
.phone .custom-navigation-bar .NavigationBar a:link,
.phone .custom-navigation-bar .NavigationBar a:visited {
    padding: 0 15px;
}

.custom-navigation-bar .NavigationBar a:after,
.custom-navigation-bar .NavigationBar a:link:after,
.custom-navigation-bar .NavigationBar a:before,
.custom-navigation-bar .NavigationBar a:link:before {
    display: none;
}

.custom-navigation-bar .NavigationBar a.Active:after,
.custom-navigation-bar .NavigationBar a.Active:link:after {
    display: block;
}

.custom-navigation-bar .NavigationBar a.Active {
    color:  #CC2200;
    font-weight: 600;
}

.custom-navigation-bar .NavigationBar a.Active:after {
    background-color: #CC2200;
}

.desktop .custom-navigation-bar .NavigationBar a:hover,
.desktop .custom-navigation-bar .NavigationBar a:link:hover {
    color:  #CC2200;
}

.desktop .custom-navigation-bar .NavigationBar a:hover:after,
.desktop .custom-navigation-bar .NavigationBar a:link:hover:after {
    background-color: #CC2200;
}


.ballon-user-info {
    position: relative;
}

.ballon-user-info__ballon {
    background-color: #fff;
    border: 1px solid #ECEFF1;
    border-radius: 2px;
    bottom: 45px;
    box-shadow: 0 25px 16px 0 rgba(0,0,0,0.07);
    display: none;
    left: -10px;
    text-align: left;
    position: absolute;
    z-index: 200;
}

.ballon-user-info.pos-left .ballon-user-info__ballon {
    left: auto;
    right: -10px;
}

.ballon-user-info__hover .clearLeft {
    width: 100%;
}

.ballon-user-info__hover .user-image,
.ballon-user-info__hover .user-info {
    text-align: center;
}

.ballon-user-info__arrow {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 12px solid #fff;
    bottom: -12px;
    content: "";
    height: 0;
    left: 10px;
    position: absolute;
    width: 0;
  
}

.ballon-user-info.pos-left .ballon-user-info__arrow {
    left: initial;
    right: 10px;
}

.ballon-user-info__content {
    padding: 10px;
    width: 100%;
}

.CustomVerticalAlignContent .ballon-user-info__content .OSInline,
.CustomVerticalAlignContent .ballon-user-info__content div[class*="ThemeGrid_Width"] {
    vertical-align: top;
}

.ballon-user-info__content .job-title {
    line-height: normal;
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.ballon-user-info__actions {
    border-top: 1px solid #ECEFF1;
    padding: 0 20px 0px 20px;
}

.ballon-user-info__actions:empty {
    display: none;
}


.BorderTopBottomContainer {
    border-bottom: 1px solid #ECEFF1;
    border-top: 1px solid #ECEFF1;
    min-height: 60px;
    padding: 16px 0;
}


.ButtonSmallAction .Button {
    background-color: transparent;
    border-color: #42BEAB;
    color: #42BEAB;
    font-size: 12px;
    font-weight: 400;
    height: 26px;
    line-height: 24px;
    padding: 0 5px;
    text-transform: capitalize;
    -webkit-transition: all 200ms ease;
         -o-transition: all 200ms ease;
            transition: all 200ms ease;
}

.desktop .ButtonSmallAction .Button:hover,
.ButtonSmallAction .Button:hover:active {
    background-color: #42BEAB;
    border-color: #42BEAB;
    color: #fff;
}


.CardLike {
    border: 1px solid #42BEAB;
    border-radius: 4px;
}

.phone .CardLike {
    display: table;
    width: 100%;
}

.CardLike.Liked:not(.Clickable) {
    border: 1px solid #BDC5C7;
}

.CardLike.Clickable.Liked {
    border: 1px solid #42BEAB;
}

.CardLikeNum {
    border-bottom: 1px solid #42BEAB;
    color: #475356;
    font-size: 20px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.phone .CardLikeNum {
    border-bottom: 0;
    border-right: 1px solid #E7ECED;
    display: table-cell;
    height: 28px;
    line-height: normal;
    width: 50%;
}

.CardLike.Liked:not(.Clickable) .CardLikeNum {
    background-color: #BDC5C7;
    border-bottom: 1px solid #BDC5C7;
    border-radius: 2px 2px 0 0;
    color: #fff;
}

.CardLike.Clickable.Liked .CardLikeNum {
    background-color: #42BEAB;
    border-bottom: 1px solid #42BEAB;
    border-radius: 2px 2px 0 0;
    color: #fff;
}

.CardLikeButton,
.CardLikeButton a {
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}

.phone .CardLikeButton {
    display: table-cell;
    height: 28px;
    line-height: normal;
    vertical-align: middle;
    width: 50%;
}

.phone .CardLikeButton a {
    line-height: normal;
}

.CardLike.Liked:not(.Clickable) .CardLikeButton,
.CardLike.Liked:not(.Clickable) .CardLikeButton a {
    color: #BDC5C7;
}

.CardLike.Clickable.Liked .CardLikeButton,
.CardLike.Clickable.Liked .CardLikeButton a {
    color: #42BEAB;
}

.CardLike.Liked:not(.Clickable) .CardLikeButton .fa-thumbs-o-up:before,
.CardLike.Clickable.Liked .CardLikeButton .fa-thumbs-o-up:before {
    content: "\f164";
}

.CardLike:not(.Clickable):not(.Liked) .CardLikeNum {
    font-size: 20px;
    height: auto;
    line-height: unset;
}

.CardLike:not(.Clickable):not(.Liked) .CardLikeButton {
    color: #BDC5C7;
    line-height: unset;
    text-transform: capitalize;
}


.CardSquareIdea {
    background-color: #fff;
    border: 1px solid #D3DADB;
    border-radius: 4px;
    color: #596669;
    min-height: 100px;
    min-width: 100px;
    padding: 10px;
    padding-top: 20px;
    position: relative;
    text-align: left;
}

.CardSquareIdea.IsGray {
    background-color: #ECEFF1;
}

.CardSquareIdeaNum {
    color: #7A878B;
    font-size: 40px;
    font-weight: 100;
}

.CardSquareIdea.IsGray .CardSquareIdeaNum {
    color: #384142;
}

.CardSquareIdeaTitle {
    font-size: 12px;
    line-height: 14px;
    margin-top: 15px;
    text-transform: uppercase;
}

.CardSquareIdeaDays {
    font-size: 12px;
    font-weight: 100;
    line-height: 16px;
    padding-top: 2px;
}

.CardSquareIdeaIcon {
    position: absolute;
    right: 4px;
    top: -24px
}


.CardSquareIdeaBig {
    border: 1px solid #D3DADB;
    border-radius: 4px;
    color: #596669;
    display: table;
    padding: 12px 20px;
    width: 100%;
}

.CardSquareIdeaBigCol1 {
    display: table-cell;
    vertical-align: middle;
}

.CardSquareIdeaBigTitle {
    font-size: 14px;
    text-transform: uppercase;
}

.CardSquareIdeaBigNum {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}

.CardSquareIdeaBigIcon {
    color: #D3DADB;
    display: table-cell;
    font-size: 30px;
    text-align: right;
    vertical-align: middle;
}


div[class^="badge-OS"] {
    margin-right: 10px;
    width: 28px;
    height: 39px;
}

.badge-OSRWAD {
    background: url(/PortalCommon_Theme/img/rwd1.svg) no-repeat;
}

.badge-OSAD {
    background: url(/PortalCommon_Theme/img/wd1.svg) no-repeat;
}

.badge-OSPD {
    background: url(/PortalCommon_Theme/img/wd2.svg) no-repeat;
}

.badge-OSED {
    background: url(/PortalCommon_Theme/img/wd3.svg) no-repeat;
}

.badge-OSASS {
    background: url(/PortalCommon_Theme/img/se1.svg) no-repeat;
}

.badge-OSPSS {
    background: url(/PortalCommon_Theme/img/se2.svg) no-repeat;
}

.badge-OSESS {
    background: url(/PortalCommon_Theme/img/se3.svg) no-repeat;
}

.badge-OSMAD10, 
.badge-OSMAD {
    background: url(/PortalCommon_Theme/img/md1.svg) no-repeat;
}

.badge-OSMPD10, 
.badge-OSMPD {
    background: url(/PortalCommon_Theme/img/md2.svg) no-repeat;
}

.badge-OSMED10, 
.badge-OSMED {
    background: url(/PortalCommon_Theme/img/md3.svg) no-repeat;
}

.badge-OSATL {
    background: url(/PortalCommon_Theme/img/tl1.svg) no-repeat;
}

.badge-OSPTL {
    background: url(/PortalCommon_Theme/img/tl2.svg) no-repeat;
}

.badge-OSETL {
    background: url(/PortalCommon_Theme/img/tl3.svg) no-repeat;
}


.CircleIconColored {
    border-radius: 50%;
    height: 38px;
    overflow: hidden;
    padding: 2px;
    width: 38px
}

.CircleIconColored .circle {
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
            box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 34px;
}

.CircleIconColored .circle.IsOrange {
    -webkit-animation: CircleIconOrange .4s ease 1 forwards;
            animation: CircleIconOrange .4s ease 1 forwards;
    color: #FF9A01;
}

.CircleIconColored .circle.IsBlue {
    -webkit-animation: CircleIconBlue .4s ease 1 forwards;
            animation: CircleIconBlue .4s ease 1 forwards;
    color: #4AB5E0;
}

.CircleIconColored .circle.IsGreen {
    -webkit-animation: CircleIconGreen .4s ease 1 forwards;
            animation: CircleIconGreen .4s ease 1 forwards;
    color: #8CC83C;
}

.CircleIconColored .circle.IsRed {
    -webkit-animation: CircleIconRed .4s ease 1 forwards;
            animation: CircleIconRed .4s ease 1 forwards;
    color: #CC2200;
}

@-webkit-keyframes CircleIconOrange {
    0% {
        -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
                box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    }
    25% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
                box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
    }
    50% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
    }
    75% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
    }
    100% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #FF9A01;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #FF9A01;
    }
}

@keyframes CircleIconOrange {
    0% {
        -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
                box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    }
    25% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
                box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
    }
    50% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
    }
    75% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #FF9A01;
    }
    100% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #FF9A01;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #FF9A01;
    }
}

@-webkit-keyframes CircleIconBlue {
    0% {
        -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
                box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    }
    25% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
                box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
    }
    50% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
    }
    75% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
    }
    100% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #4AB5E0;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #4AB5E0;
    }
}

@keyframes CircleIconBlue {
    0% {
        -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
                box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    }
    25% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
                box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
    }
    50% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
    }
    75% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #4AB5E0;
    }
    100% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #4AB5E0;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #4AB5E0;
    }
}

@-webkit-keyframes CircleIconGreen {
    0% {
        -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
                box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    }
    25% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
    50% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
    75% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
    100% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
}

@keyframes CircleIconGreen {
    0% {
        -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
                box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    }
    25% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
    50% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
    75% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
    100% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
}

@-webkit-keyframes CircleIconRed {
    0% {
        -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
                box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    }
    25% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
                box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
    }
    50% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
    }
    75% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
    }
    100% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #8CC83C;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #8CC83C;
    }
}

@keyframes CircleIconRed {
    0% {
        -webkit-box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
                box-shadow: 17px -17px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #fff;
    }
    25% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
                box-shadow: 0 -38px 0 1px #fff, -17px -17px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
    }
    50% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, -17px 17px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
    }
    75% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 17px 17px 0 1px #fff, 0 0 0 1px #CC2200;
    }
    100% {
        -webkit-box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #CC2200;
                box-shadow: 0 -38px 0 1px #fff, -38px 0px 0 1px #fff, 0px 38px 0 1px #fff, 120px 38px 0 1px #fff, 0 0 0 1px #CC2200;
    }
}


.Col2SmallRight {
    display: table;
    width: 100%;
}

.Col2SmallRightCol1 {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
    display: table-cell;
    vertical-align: top;
}

.Col2SmallRightColSpace {
    display: table-cell;
    width: 1.96%;
}

.Col2SmallRightCol2 {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
    display: table-cell;
    vertical-align: top;
    width: 23.5%;
}


.container-custom {
    background-color: #fff;
    border: 1px solid #E7ECED;
    border-radius: 4px;
    padding: 20px 30px;
}

.container-custom.bg-gray {
    background-color: #f9fafa;
}

.container-custom.bg-blue {
    background-color: #ecf1f9;
    border-color: #c9d9f0;
}

.container-custom.bg-red {
    background-color: #F9E8E5;
    border-color: #F0C0B7;
}

.container-custom.bg-lightgreen {
    background-color: #F8FFED;
    border-color: #8ACB2D;
}

.container-custom.bg-yellow {
    background-color: #FFF9DB;
    border-color: #FFEC99;
}


.Custom2Cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.phone .Custom2Cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.Custom2ColsCol1 {
    padding-right: 10px;
    width: 15%;
    
    
}

.Custom2ColsCol2 {
    padding-left: 10px;
    width: 85%;
    
    
}

.phone .Custom2ColsCol2 {
    padding-left: 0;
    width: 100%;
}



.Custom2Cols2Lines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}

.Custom2Cols2LinesLine1 {
    -webkit-box-flex: 1;
                flex: 1;
         -ms-flex: none;
}


.CustomBlankSlate {
    color: #949FA3;
    padding: 40px 0;
    text-align: center;
}

.CustomBlankSlateIcon {
    margin-bottom: 20px;
}

.CustomBlankSlateIcon img {
    height: 68px;
    width: 68px;
}

.CustomBlankSlateContent {
    margin: 0 auto;
    width: 60%;   
}

.CustomBlankSlateContent .search-no-results {    
    color: #596669;
    font-size: 16px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    width: 264px;
}


.CustomListCounter .Counter_Message {
    color: #7A878B;
}


.CustomListNavigation a.ListNavigation_PageNumber:link,
.CustomListNavigation span.ListNavigation_CurrentPageNumber,
.CustomListNavigation span.ListNavigation_Ellipsis {
    border: 1px solid #BDC5C7;
    border-radius: 4px;
    color: #596669;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
}

.CustomListNavigation a.ListNavigation_Previous:hover,
.CustomListNavigation a.ListNavigation_Next:hover,
.CustomListNavigation a.ListNavigation_PageNumber:hover {
    background-color: #B6B8B9;
    border-color: #B6B8B9;
}

.CustomListNavigation a.ListNavigation_Previous:link,
.CustomListNavigation a.ListNavigation_Next:link,
.CustomListNavigation span.ListNavigation_DisabledNext,
.CustomListNavigation span.ListNavigation_DisabledPrevious {
    border: 1px solid #BDC5C7;
    border-radius: 4px;
    color: #596669;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.CustomListNavigation .ListNavigation_Next:after,
.CustomListNavigation .ListNavigation_DisabledNext:after,
.CustomListNavigation .ListNavigation_Previous:before,
.CustomListNavigation .ListNavigation_DisabledPrevious:before{
    content: unset;
}

.CustomListNavigation span.ListNavigation_CurrentPageNumber {
    background-color: transparent;
    border-color: #F03E3E;
    color: #F03E3E;
}

.CustomListNavigation span.ListNavigation_DisabledNext,
.CustomListNavigation span.ListNavigation_DisabledPrevious {
    display: initial;
    opacity: 0.3;
}


.CustomSectionExpandable .SectionExpandable_header {
    border-bottom: none;
    color: #596669;
    font-size: 16px;
}


.CustomVerticalAlign {
    display: table;
    width: 100%;
}

.CustomVerticalAlignContent {
    display: table-cell;
    vertical-align: middle;
}

.CustomVerticalAlignContent .OSInline,
.CustomVerticalAlignContent div[class*="ThemeGrid_Width"] {
    vertical-align: middle;
}


.DotSeparator {
    height: 20px;
    position: relative;
    width: 20px;
}

.DotSeparator:before {
    background-color: #E7ECED;
    border-radius: 100px;
    content: "";
    height: 4px;
    left: 40%;
    position: absolute;
    top: 40%;
    width: 4px;
}


.form-field-name {
    color: #596669;
    font-weight: 600;
    width: fit-content;
}

.form-field-description,
.form-field-description.optional {
    color: #949FA3;
}

.form-field-description.optional {
    margin-left: 5px;
    margin-top: 0;
}

.form-field-description.optional {
    font-style: italic;
}

.form-field-description:empty {
    display: none;
}

.form-field-content {
    margin-top: 10px;
}


.IdeaStatus {
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
}

.IdeaStatus.ColouredBackground {
    padding: 0 5px;
}

.IdeaStatus.New {
    color: #FF9A01;
}

.IdeaStatus.New.ColouredBackground {
    background-color: #FF9A01;
    color: #fff;
}

.IdeaStatus.On-our-radar {
    color: #285DAB;
}

.IdeaStatus.On-our-radar.ColouredBackground {
    background-color: #285DAB;
    color: #fff;
}

.IdeaStatus.Working-on-it {
    color: #801A47;
}

.IdeaStatus.Working-on-it.ColouredBackground {
    background-color: #801A47;
    color: #fff;
}

.IdeaStatus.Not-right-now {
    color: #888B8D;
}

.IdeaStatus.Not-right-now.ColouredBackground {
    background-color: #888B8D;
    color: #fff;
}

.IdeaStatus.Implemented {
    color: #8CC83C;
}

.IdeaStatus.Implemented.ColouredBackground {
    background-color: #8CC83C;
    color: #fff;
}

.IdeaStatus.Out-of-the-scope {
    color: #888B8D;
}

.IdeaStatus.Out-of-the-scope.ColouredBackground {
    background-color: #888B8D;
    color: #fff;
}

.IdeaStatus a {
    color: #fff;
}

.IdeaStatusIcon,
.IdeaStatusText {
    display: inline-block;
}

.IdeaStatusText {
    margin-left: 5px;
}


.idea-table-2cols-nw {
    display: table;
    width: 100%;
}

.phone .idea-table-2cols-nw {
    display: block;
}

.idea-table-2cols-nw__col1,
.idea-table-2cols-nw__col2 {
    display: table-cell;
    white-space: nowrap;
}

.phone .idea-table-2cols-nw__col1,
.phone .idea-table-2cols-nw__col2 {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}


.ListItemContainer {
    padding: 30px;
    position: relative;
    width: 100%;
}

.phone .ListItemContainer {
    overflow: hidden;
    padding: 20px;
}

.phone .ListItemContainer h1 {
    line-height: 20px;
}

.ListItemContainer.Highlighted:after {
    background-color: #42BEAB;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
}

.ListItemContainer.Highlighted.Implemented:after {
    background-color: #8CC83C;
}

.desktop .ListItemContainer a.btn-medium {
    font-size: 14px;
}

:not(span) > .ListItemContainer + .ListItemContainer,
.ListRecords > span + span > .ListItemContainer {
    border-top: 2px solid #ECEFF1;
}


.ListItemCounterInfo {
    font-weight: 600;
    text-align: center;
}

.ListItemCounterInfoNum {
    color: #596669;
    font-size: 20px;
    line-height: 24px;
}

.ListItemCounterInfoNum.Small {
    font-size: 14px;
    line-height: 18px;
}

.ListItemCounterInfoText {
    color: #BDC5C7;
    font-size: 12px;
}


.ListItemSmall {
    display: table;
    font-size: 16px;
    height: 50px;
    position: relative;
    width: 100%;
}

.ListItemSmall.Highlighted:after {
    background-color: #42BEAB;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
}

div .ListItemSmall + .ListItemSmall {
    border-top: 1px solid #E7ECED;
}

.ListItemSmallNum {
    color: #475356;
    display: table-cell;
    font-weight: 700;
    padding-left: 20px;
    vertical-align: middle;
    width: 50px;
}

.ListItemSmallPhoto {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
}

.ListItemSmallPhoto img {
    border-radius: 100px;
    height: 30px;
    width: 30px;
}

.ListItemSmallName {
    display: table-cell;
    font-weight: 600;
    vertical-align: middle;
}

.ListItemSmallName.Highlighted a,
.ListItemSmallName.Highlighted a:link,
.ListItemSmallName.Highlighted a:visited {
    color: #42BEAB;
}

.ListItemSmallInfo {
    color: #596669;
    display: table-cell;
    padding-right: 20px;
    text-align: right;
    vertical-align: middle;
}


.MoreLink {
    border-top: 1px solid #ECEFF1;
    font-size: 16px;
    font-weight: 700;
    height: 70px;
    line-height: 70px;
    margin: 0;
    text-align: center;
}


.PanelLeftImage {
    background-color: rgba(255,255,255,0.5);
    display: table;
    position: relative;
    width: 100%;
}

.PanelLeftImageImage {
    display: table-cell;
    width: 150px;
}

.PanelLeftImageImage img {
    bottom: 0;
    left: 0;
    position: absolute;
}

.PanelLeftImageContent {
    display: table-cell;
    padding: 20px;
}

.left-image-top .PanelLeftImageImage {
    width: 80px;
}

.left-image-top .PanelLeftImageImage img {
    top: 20px; 
}

.left-image-top.middle .PanelLeftImageImage img {
    left: 20px; 
}

.phone .PanelLeftImage:after {
    background-color: rgba(255,255,255,0.5);
    bottom: 0;
    content: "";
    left: -20px;
    position: absolute;
    top: 0;
    width: 20px;
}

.phone .PanelLeftImage:before {
    background-color: rgba(255,255,255,0.5);
    bottom: 0;
    content: "";
    right: -20px;
    position: absolute;
    top: 0;
    width: 20px;
}

.phone .PanelLeftImage .PanelLeftImageImage {
    display: none;
}


.profile-stats-blocks {
    margin-top: 50px;
}

.phone .profile-stats-blocks {
    margin-top: 20px;
    text-align: left;
}

.profile-stats {
    margin-bottom: 20px;
}

.phone .profile-stats {
    margin-bottom: 0;
    text-align: left;
}

.profile-stats div {
    margin-bottom: 10px;
}

.profile-stats__icon:empty {
    display: none;
}

.profile-stats__icon {
    color: #D4482B;
}

.profile-stats__num {
    color: #384142;
    font-size: 24px;
    font-weight: 400;
    margin-right: 10px;
}

.tablet .profile-stats__num {
    font-size: 20px;
}

.phone .profile-stats__num {
    font-size: 18px;
}

.profile-stats__text {
    color: #949FA3;
}


.ProgressBarNoText .Progress span {
    line-height: 45px;
    overflow: hidden;
}

.ProgressBarNoText .Progress {
    height: 10px;
}


.ReadMoreExpandable .SectionExpandable {
    position: relative;
}

.ReadMoreExpandable .SectionExpandable .SectionExpandable_content {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 65px;
}

.ReadMoreExpandable .SectionExpandable .SectionExpandable_content {
    min-height: 142px;
}

.ReadMoreExpandable .SectionExpandable:not(.expanded) .SectionExpandable_content {
    padding-bottom: 0;
}

.ReadMoreExpandable .SectionExpandable.expanded .SectionExpandable_content {
    padding-bottom: 60px;
    padding-top: 0;    
}

.ReadMoreExpandable .SectionExpandable_header {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(rgba(255,255,255,0), #fff, #fff);
    background: -o-linear-gradient(rgba(255,255,255,0), #fff, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(#fff), to(#fff));
    background: linear-gradient(rgba(255,255,255,0), #fff, #fff);
    bottom: 0;
    border: 0;
    padding-bottom: 10px;
    padding-top: 40px;
    position: absolute;
    text-align: center;
    
    
}

.ReadMoreExpandable .SectionExpandable__title,
.ReadMoreExpandable .SectionExpandable__icon {
    color: #4A95FF;
    display: inline-block;
    font-size: 16px;
    width: auto;
}

.ReadMoreExpandable .SectionExpandable__icon {
    margin-left: 5px;
}

.ReadMoreExpandable.hide-title .SectionExpandable_header {
    display: none;
}

.ReadMoreExpandable .SectionExpandable__title.Heading2 {
    font-weight: 400;
    min-width: auto;
}

.ReadMoreExpandable .SectionExpandable.expanded .not-expand-text,
.ReadMoreExpandable .SectionExpandable:not(.expanded) .expand-text {
    display: none;
}

.ReadMoreExpandable .SectionExpandable:not(.expanded) .not-expand-text,
.ReadMoreExpandable .SectionExpandable.expanded .expand-text {
    display: block;
}

.ReadMoreExpandable .SectionExpandable_header {
    display: none;
}


.IdeaSearchFilterItem {
    color: #7A878B;
    display: table;
    height: 28px;
    line-height: 28px;
    position: relative;
    width: 100%;
}

.IdeaSearchFilterItem.PaddingLeft .IdeaSearchFilterItemContent {
    padding-left: 30px;
}

.IdeaSearchFilterItem.Selected {
    background-color: #E7ECED;
}

.IdeaSearchFilterItem.Selected .IdeaSearchFilterItemText {
    color: #384142;
    font-weight: 600;
}

.IdeaSearchFilterItem.Selected:after {
    background-color: #CC2200;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 2px;
}

.IdeaSearchFilterItemContent {
    display: table-cell;
    font-weight: 400;
    overflow: hidden;
    padding-left: 20px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.tablet .IdeaSearchFilterItemContent {
    max-width: 0;
}

.IdeaSearchFilterItemContentTable {
    display: table;
    width: 100%;
}

.IdeaSearchFilterItemTextItem {
    display: inline-block;
}

.IdeaSearchFilterItemText {
    display: table-cell;
    font-size: 16px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tablet .IdeaSearchFilterItemText,
.phone .IdeaSearchFilterItemText {
    font-size: 14px;
}

.IdeaSearchFilterItemNum {
    color: #949FA3;
    display: table-cell;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    width: 20px;
}

.IdeaSearchFilterItemAction {
    display: table-cell;
    text-align: center;
}

.IdeaSearchFilterItemAction a {
    color: #949FA3;
}


.SmallButtonGroup .ButtonGroup_button.Button {
    color: #596669;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
}


.TableBigHeightLines .TableRecords {
    margin-top: 0;
    padding-top: 0;
}

.TableBigHeightLines .TableRecords_OddLine,
.TableBigHeightLines .TableRecords_EvenLine {
    height: 60px;
    vertical-align: middle;
}

.TableBigHeightLines .TableRecords_Header:empty {
    padding: 0;
}


.search-tag {
    background-color: #D3DADB;
    border-radius: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 3px 10px;
    white-space: nowrap;
    margin-bottom: 5px;
}

.search-tag.is-small {
    height: 20px;
    padding: 0px 10px;
    
}

.search-tag__text {
    color: #485254;
    font-size: 16px;
    -webkit-text-fill-color: #485254;
}

.search-tag.is-small .search-tag__text {
    font-size: 12px;
}

.search-tag__action,
.search-tag__action a {
    color: #485254;
    margin-left: 5px;
}


.Tag {
    border: 1px solid #CDCDCD;
    border-radius: 12px;
    color: #949FA3;
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.phone .Tag {
    font-size: 10px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Tag a,
.Tag a:link,
.Tag a:visited {
    color: #949FA3;
}


.TagColored {
    border-radius: 4px;
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    padding: 0 3px;
}

.TagColored.Green {
    background-color: #8CC83C;
}


.TitleContent {
    min-height: 62px;
    padding: 20px 20px;
    position: relative;
    width: 100%;
}

.TitleContent.NoLateralPadding {
    padding-left: 0;
    padding-right: 0;
}

.TitleContentTitle {
    color: #384142;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.TitleContentSubTitle {
    color: #949FA3;
    font-size: 14px;
    font-weight: 100;
    margin-top: 7px;
}

.TitleContentSubTitle:empty {
    display: none;
}

.TitleContentIcon {
    position: absolute;
    right: 40px;
    top: 25px;
}


.UploadAreaCustom {
    background-color: #F8F9FA;
    padding: 10px;
}

.UploadAreaCustom .uploadButton {
    padding: 0;
}

.UploadAreaCustom .file-chosen {
    padding-top: 10px;
}

.UploadAreaCustom .pull-left {
    float: none;
}


.user-image-30 img {
    border-radius: 100%;
    height: 30px;
    width: 30px;
}

.user-image-35 img {
    border-radius: 100%;
    height: 35px;
    width: 35px;
}

.user-image-40 img {
    border-radius: 100%;
    height: 40px;
    width: 40px;
}


.UserImageList {
    padding-left: 4px;
}

.UserImageList .ListRecords {
    display: table-cell;
    vertical-align: middle;
}

.UserImageList .ListRecords > div {
    display: inline-block;
}

.UserImageList .ListRecords .user-image,
.UserImageList .ListRecords .user-info {
    display: inline-block;
    width: 8px;
}

.UserImageList .ListRecords .user-image img {
    -webkit-box-shadow: -2px 2px 2px #999;
            box-shadow: -2px 2px 2px #999;
}


.WhiteContentHeader {
    background-color: #fff;
    -webkit-box-shadow: inset 0 -2px 0 0 #ECEFF1, 0 1px 6px 0 rgba(31,40,45,0.13);
            box-shadow: inset 0 -2px 0 0 #ECEFF1, 0 1px 6px 0 rgba(31,40,45,0.13);
    padding: 20px 0 35px;
    width: 100%;
}

.WhiteContentHeader.HasBg {
    background-image: url(/PortalTheme/img/WhiteContentHeader.png?45965);
}

.WhiteContentHeader.NoPadding {
    padding: 0;
}

.WhiteContentHeader.fixedActions {
    padding-bottom: 55px;
}

.phone .WhiteContentHeader {
    padding-bottom: 10px;
}


.WhiteContent {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
    width: 100%;
    
    
}


.circular__wrapper {
    position: relative;
}

.circular__image {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
}

.circular__image.GrayBg {
    background-color: #ECEFF1;
}

.circular__image img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.icon__wrapper {
    align-items: center;
    background-color: #ffffff;
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 2px 4px 0 #acacac;
    cursor: pointer;
    display: flex;
    height: 25%;
    justify-content: center;
    min-width: 25px;
    min-height: 25px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 25%;
}

.icon__wrapper img,
.icon__wrapper svg {
    height: 70%;
    width: 70%;
}

.icon__wrapper .fa-fw {
    font-size: 1.2em;
}

.icon__wrapper.pencil-animation::after {
    content: "";
    position: absolute;
    left: 1em;
    bottom: 0.8em;
    border-bottom: 0.1em solid #37474F;
}

.icon__wrapper.pencil-animation:hover::after {
    animation-name: pencilLine;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease;
}

.icon__wrapper.pencil-animation:hover .fa-pencil {
  animation-name: pencilMove;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: ease;
}

@keyframes pencilMove {
    0% {
        transform: rotate(0) translateX(0);
    }
    5% {
        transform: rotate(15deg);
    }
    10% {
        transform: rotate(-10deg) translateX(0);
    }
    100% {
        transform: rotate(-10deg) translateX(.9em);
    }
}

@keyframes pencilLine {
    10% {
        width: 0;
    }
    100% {
        width: 1em;
    }
}


div[class^=achievement] {
    height: 83px;
    width: 83px;
    background-position: center;
    background-size: cover;
    margin: auto;
    position: relative;
}
.badges-small div[class^=achievement] {
    display: inline-block;
    height: 35px;
    width: 35px;
}
.achievement-Autobiographer {
    background: url(/Achievements_BL/img/Profile_Information.png?45840) no-repeat;
}
.achievement-Award {
    background: url(/Achievements_BL/img/Award_Achieved.png?45840) no-repeat;
}
.achievement-CertificationAttained {
    background: url(/Achievements_BL/img/Certification_Achievement.png?45840) no-repeat;
}
.achievement-CourseAttendedWeb {
    background: url(/Achievements_BL/img/Course_Web_Developer.png?45840) no-repeat;
}
.achievement-CourseAttendedMobile {
    background: url(/Achievements_BL/img/Course_Mobile_Developer.png?45840) no-repeat;
}
.achievement-EventOrganizer {
    background: url(/Achievements_BL/img/event.png?45840) no-repeat;
}
.achievement-FirstComponent {
    background: url(/Achievements_BL/img/First_Forge_Component.png?45840) no-repeat;
}
.achievement-FirstIdea {
    background: url(/Achievements_BL/img/First_idea.png?45840) no-repeat;
}
.achievement-FirstPost {
    background: url(/Achievements_BL/img/First_Post.png?45840) no-repeat;
}
.achievement-IdeaImplemented {
    background: url(/Achievements_BL/img/Idea_Implemented.png?45840) no-repeat;
}
.achievement-MeetupOrganizer {
    background: url(/Achievements_BL/img/Meetup.png?45840) no-repeat;
}
.achievement-MVP {
    background: url(/Achievements_BL/img/MVP.png?45840) no-repeat;
}
.achievement-MVPAlumni {
    background: url(/Achievements_BL/img/MVP_Alumni.png?45840) no-repeat;
}
.achievement-AttendedODC2018 {
    background: url(/Achievements_BL/img/odc_going.png?45840) no-repeat;
}
.achievement-SpokeatODC2018 {
    background: url(/Achievements_BL/img/odc_speaker.png?45840) no-repeat;
}
.achievement-OnlineReview {
    background: url(/Achievements_BL/img/online_review.png?45840) no-repeat;
}
.achievement-ProjectFinished {
    background: url(/Achievements_BL/img/ProjectsConcluded.png?45840) no-repeat;
}
.achievement-Publication {
    background: url(/Achievements_BL/img/Publication_Written.png?45840) no-repeat;
}
.achievement-Speaker {
    background: url(/Achievements_BL/img/Speaker_Event.png?45840) no-repeat;
}
.achievement-ProfileSuperstar {
    background: url(/Achievements_BL/img/special_1.png?45840) no-repeat;
}
.achievement-SpecialPrize2 {
    background: url(/Achievements_BL/img/special_2.png?45840) no-repeat;
}
.achievement-SpecialPrize3 {
    background: url(/Achievements_BL/img/special_3.png?45840) no-repeat;
}
.achievement-SpecialPrize4 {
    background: url(/Achievements_BL/img/special_4.png?45840) no-repeat;
}
.achievement-AnswerMarkedasSolution {
    background: url(/Achievements_BL/img/Marked_as_Solution.png?45840) no-repeat;
}
.achievement-WebinarLed {
    background: url(/Achievements_BL/img/Webinars_Attended.png?45840) no-repeat;
}
.achievement-Welcome {
    background: url(/Achievements_BL/img/Joined.png?45840) no-repeat;
}
.achievement-2019DeveloperSurvey {
    background: url(/Achievements_BL/img/developer_survey_2019.png?45840) no-repeat;
}
.achievement-2019MacDeveloperSurvey {
    background: url(/Achievements_BL/img/survey_mac.png?45840) no-repeat;
}



.Stickybar {
  background-color:#ffffff;
  bottom: 0;
  box-shadow: 0 0 4px 0 rgba(112,112,112,.5);
  left: 0;
  font-size: 16px;
  line-height: 1.375em;
  line-height: 1em;
  font-weight: 300;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 1001;
}

.Stickybar__container {
    margin:0 auto;
    padding: 16px 0;
    width:980px;
}

.Stickybar__container:empty {
    display: none;
}

.Stickybar__container .TableVerticalAlign:first-child {
  width:100%;
}

.Stickybar__container a:not(.Button) {
  padding:0;
  font-size:16px;
  font-weight:bold;
}



.custom-2cols-small-left {
    display: table;
    width: 100%;
}

.custom-2cols-small-left__col1 {
    display: table-cell;
}

.custom-2cols-small-left__col2 {
    display: table-cell;
    width: 100%;
}


.custom-2cols-small-right {
    display: table;
    width: 100%;
}

.custom-2cols-small-right__col1 {
    display: table-cell;
    width: 100%;
}

.custom-2cols-small-right__col2 {
    display: table-cell;
}


.title-line {
    border-bottom: 1px solid #D3DADB;
    display: table;
    width: 100%;
}

.title-line__content {
    display: table-cell;
    padding-bottom: 10px;
    position: relative;
    vertical-align: middle;
}

.title-line__content .text-8-lines {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    max-height: 162px;
    overflow: hidden;
    -webkit-line-clamp: 8;
    width: 258px;
}

.title-line.has-padding-bottom .title-line__content {
    padding-bottom: 10px;
    padding-top: 10px;
}

.phone .title-filters .component-list-search__header .title-line.has-padding-bottom .forge-line__content {
    border-bottom: 1px solid #D3DADB;
    padding-bottom: 10px;
    padding-top: 0;
}


.stacked-faces {
  position:relative;
  display:inline-block;
  margin-left:10px;
  vertical-align:middle;
}

.stacked-faces-label {
  color: #596669;
  display:inline-block;
  font-size:16px;
  line-height:1em;
  margin-left:5px;
  vertical-align: middle;
}

.phone .message-board-col .stacked-faces {
    margin-left:0;
}


.stacked-faces-item {
  background:lightgrey;
  border:2px solid #fff;
  border-radius:50%;
  display:inline-block;
  height:34px;
  margin:0;
  overflow:hidden;
  padding:0;
  vertical-align: middle;
  width:34px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
}

.phone .stacked-faces-item {
    height:24px;
    width:24px;
}

.stacked-faces-item img {
  width:34px;
  height:34px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
}

.phone .stacked-faces-item img {
    height:24px;
    width:24px;
}

.stacked-faces-item:not(:first-child) {
  margin-left:-20px;
}

.phone .stacked-faces-item:not(:first-child) {
    margin-left:-15px;
}


.stacked-faces .clearLeft {  
  display:inline-block;
  overflow:hidden;
  vertical-align: middle;
}

.stacked-faces .clearLeft:not(:first-child) {
  margin-left:-27px;
}

.stacked-faces .user-image .user-info {
    display:none;
}


.Page.phone.filter-open {
    height: 100vh;
    overflow: hidden;
}

.phone .list-filters {
    background-color: #fff;
    height: 0;
    left: 0;
    opacity: 0;
    overflow-x: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 200ms ease;
    width: 0;
    z-index: 100;
}
    
.Page.phone.filter-open .list-filters {
    height: 100vh;
    opacity: 1;
    padding: 20px;
    width: 100%;
}

.phone .list-filters__close .fa-close {
    position: relative;
}

.phone .list-filters__close .fa-close:before,
.phone .list-filters__close .fa-close:after {
    background-color: #949FA3;
    content: "";
    display: inline-block;
    height: 20px;
    position: relative;
    transform: rotate(-45deg);
    width: 1px;
}

.phone .list-filters__close .fa-close:before {
    left: 1px;
    transform: rotate(45deg);
}

.Page:not(.phone) .list-filters__mobile-header {
    display: none;
}

.list-filters__mobile-header {
    border-bottom: 1px solid #D3DADB;
    display: table;
    padding-bottom: 10px;
    width: 100%;
}

.list-filters__close {
    display: table-cell;
    width: 10%;
}

.list-filters__header-content {
    display: table-cell;
}


.floating-container-wrapper {
    bottom: 140px;
    left: auto;
    position:fixed;    
    right: 20px;
    z-index:999;
}

.floating-container-inner {
    border-radius:2px;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2);
    position: relative;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
}

.floating-container {
    padding: 40px;    
}

.floating-container-wrapper.submitted .floating-container {
    padding: 20px;    
}

.desktop .floating-container-wrapper,
.tablet .floating-container-wrapper {
    width:540px;
}

.phone .floating-container-wrapper {
    bottom:20px;
    left:auto;
    right:auto;
    top:auto;
    width:90%;
}

.floating-container-close {
    cursor:pointer;
    height: 20px;
    position:absolute;
    right:20px;
    top:20px;
    width: 20px;
}

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

.floating-container-close:hover:after,
.floating-container-close:hover:before {
    opacity: 0.7;
}

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

.floating-container-wrapper.submitted .floating-container-close {
    display:none;
}

.floating-container-message {
    display:none;
}

.floating-container-feedback textarea {
    padding:10px;
    font-size:0.9em;
    resize:none;
}

.floating-container-feedback,
.floating-container-actions {
    padding:0;
    max-height:0;
    opacity:0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.floating-container-wrapper.submitted .floating-container-feedback {
    display:none;
}

.floating-container-feedback.visible,
.floating-container-actions.visible {
    max-height:500px;
    opacity:1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.floating-container-feedback.visible {
    padding: 0 40px 40px;
}

.floating-container-actions.visible {
    border: 1px solid #E7ECED;
    padding:20px;
}

.floating-container-wrapper.submitted .floating-container-actions {
    border: 1px solid #E7ECED;
    display: block;
    max-height: 500px;
    opacity: 1;
    padding:20px;
}


.floating-container .component-title__icon {
    width:75px;
}

.floating-container-wrapper.submitted .floating-container .component-title__icon {
    width:50px;
}

.floating-container .component-title__header {
    padding-left:25px;
}

.floating-container .component-title__title {
    font-size:18px;
    font-weight:400;
    margin-bottom:18px;
    white-space:normal;
}



.custom-popup {
    background-color: #FFFFFF;
    border-radius: 2px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
}

.custom-popup-medium {
    min-width: 650px;
}

.custom-popup-large {
    min-width:800px;
}

.custom-popup-header {
    border-bottom: 1px solid #E7ECED;
    color:#384142;
    display:table;
    font-size:20px;
    font-weight:600;
    padding:20px;
    width:100%;

}

.custom-popup-header-ph {
    display:table-cell;
    width:100%;
}

.custom-popup-header .osicons-cancel {
    color:#949FA3;
    display:table-cell;
}


.custom-popup-content {
    padding:40px;
}

.custom-popup-footer {
    border-top: 1px solid #E7ECED;
    padding:20px;
}



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

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

.switcherContainer .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?45939) right no-repeat #273238;
    border-color: #3C3C3C;
    color: #FFF;
    float: none;
    margin-bottom: 0;
    box-shadow: none;
    background-position-x: 230px;
}

.switcherContainer .styled-select {
    overflow: hidden;
}


.certified-members-list .TableRecords {
    border: none;
}

.certified-members-list .TableRecords_Header {
    border-bottom: none;
    color: #949FA3;
    padding-left: 0;
}


.certified-members-list .TableRecords_OddLine,
.certified-members-list .TableRecords_EvenLine {
    border: none;
    height: 40px;
    padding: 10px 20px 10px 0;
}

.desktop .certified-members-list .TableRecords_OddLine:first-child,
.desktop .certified-members-list .TableRecords_EvenLine:first-child,
.desktop .certified-members-list .TableRecords_Header:first-child,
.tablet .certified-members-list .TableRecords_OddLine:first-child,
.tablet .certified-members-list .TableRecords_EvenLine:first-child,
.tablet .certified-members-list .TableRecords_Header:first-child {
    padding-left: 0;
}

.certified-members-list .TableRecords_OddLine:last-child,
.certified-members-list .TableRecords_EvenLine:last-child,
.certified-members-list .TableRecords_Header:last-child {
    padding-right: 10px;
}

.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine {
    color: #596669;
    font-size: 14px;
}

.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .member-name,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .member-name a,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .acquired,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .member-name,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .member-name a,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .acquired {
    color: #384142;
    font-weight: 600;
}

.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .member-name,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .member-name {
    font-size: 16px;
}

.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .in-progress,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .in-progress,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .failed,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .failed {
    color: #BDC5C7;
}

.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .failed.status,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .failed.status {
    color: #CC2200;
    font-size: 12px;
}

.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .in-progress.status,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .in-progress.status {
    color: #427BCC;
    font-size: 12px;
}

.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_OddLine .passed.status,
.certified-members-list .TableRecords:not(.NoResponsive) .TableRecords_EvenLine .passed.status {
    color: #8CC83C;
    font-size: 12px;
}

.desktop .certified-members-list .TableRecords_Header.empty-list {
    border-bottom: 1px solid #E7ECED; 
    display: table;
    padding: 20px 0 10px;
}

.desktop .certified-members-list .TableRecords_Header .empty-list-table-header {
    display: table-cell;
}

.certified-members-list .sortable-column {
    margin-right: 1px;
}

.certified-members-list .SortColumns_Sorted {
    font-weight: bold;
}



.certifications-button-group .ButtonGroup_button.Button {
    text-transform: none;
}



.modal-badge {
    background-color: #fff;
    height: 100%;
}

.modal-badge .CustomPopupHeader,
.modal-badge .CustomPopupActions {
    display: none;
}

.modal-badge .badge-bg {
    position: relative;
}

.modal-badge .badge-image {
    left: 50%;
    position: absolute;
    top: 40px;
}

.modal-badge .badge-image img,
.modal-badge .badge-shadow img {
    left: -50%;
    position: relative;
}

.modal-badge .badge-shadow {
    left: 50%;
    position: absolute;
    top: 25px;
    transition: all 500ms ease;
    width: 188px;
}

.modal-badge .badge-content {
    padding: 0 25px;
}

.badge-bounce-in {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0) scale(0.7);
            transform: perspective(1px) translateZ(0) scale(0.7);
    transition-duration: 0.5s;
    vertical-align: middle;
    visibility: hidden;
}

.badge-bounce-in.active {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
            transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    visibility: visible;
}

.badge-bounce-out {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0) scale(0.7);
            transform: perspective(1px) translateZ(0) scale(0.7);
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    vertical-align: middle;
    visibility: hidden;
}
.badge-bounce-out.active {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
            transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    visibility: visible;
}

.badge-confetti {
    display: none;
}

.badge-confetti.active {
    display: inline-block;
}



.CustomPopupContent {
    background-color: #fff;
    overflow: hidden;
    width: 100%;
}


.super-container {
    box-sizing: border-box;
    display: inline-block;
}

.sc-width-fullwidth {display: block;}
.sc-width-auto {width: auto;}
.sc-width-fixed {
    display: block;
    margin-bottom: 0!important;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 0!important;
    width: 980px;
}

.phone .sc-width-fixed,
.phone .sc-width-fixed,
.tablet .sc-width-fixed,
.tablet .sc-width-fixed {
    width: 100%;
}

.sc-margin-top-xs    {margin-top: 10px;}
.sc-margin-top-s     {margin-top: 15px;}
.sc-margin-top-m     {margin-top: 20px;}
.sc-margin-top-l     {margin-top: 30px;}
.sc-margin-top-xl    {margin-top: 50px;}

.sc-margin-right-xs  {margin-right: 10px;}
.sc-margin-right-s   {margin-right: 15px;}
.sc-margin-right-m   {margin-right: 20px;}
.sc-margin-right-l   {margin-right: 30px;}
.sc-margin-right-xl  {margin-right: 50px;}

.sc-margin-bottom-xs {margin-bottom: 10px;}
.sc-margin-bottom-s  {margin-bottom: 15px;}
.sc-margin-bottom-m  {margin-bottom: 20px;}
.sc-margin-bottom-l  {margin-bottom: 30px;}
.sc-margin-bottom-xl {margin-bottom: 50px;}

.sc-margin-left-xs   {margin-left: 10px;}
.sc-margin-left-s    {margin-left: 15px;}
.sc-margin-left-m    {margin-left: 20px;}
.sc-margin-left-l    {margin-left: 30px;}
.sc-margin-left-xl   {margin-left: 50px;}

.sc-padding-top-xs   {padding-top: 10px;}
.sc-padding-top-s    {padding-top: 15px;}
.sc-padding-top-m    {padding-top: 20px;}
.sc-padding-top-l    {padding-top: 30px;}
.sc-padding-top-xl   {padding-top: 50px;}

.sc-padding-right-xs {padding-right: 10px;}
.sc-padding-right-s  {padding-right: 15px;}
.sc-padding-right-m  {padding-right: 20px;}
.sc-padding-right-l  {padding-right: 30px;}
.sc-padding-right-xl {padding-right: 50px;}

.sc-padding-bottom-xs {padding-bottom: 10px;}
.sc-padding-bottom-s  {padding-bottom: 15px;}
.sc-padding-bottom-m  {padding-bottom: 20px;}
.sc-padding-bottom-l  {padding-bottom: 30px;}
.sc-padding-bottom-xl {padding-bottom: 50px;}

.sc-padding-left-xs  {padding-left: 10px;}
.sc-padding-left-s   {padding-left: 15px;}
.sc-padding-left-m   {padding-left: 20px;}
.sc-padding-left-l   {padding-left: 30px;}
.sc-padding-left-xl  {padding-left: 40px;}
.sc-padding-left-xxl {padding-left: 50px;}


.fr-view img.fr-dib {
    max-width: 100% !important;
}


.card-component {
    border: 1px solid #E7ECED;
    border-radius: 4px;
    display: table;
    padding: 10px;
    transition: all 300ms ease;
    width: 100%;
}

a .card-component:hover {
    background-color: #eee;
}

.card-component__icon {
    border-radius: 4px;
    display: table-cell;
    height: 30px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;
}

.card-component__icon img {
    width: 100%;
}

.card-component__info {
    display: table-cell;
    padding-left: 10px;
    max-width: 0;
}

.card-component__name {
    color: #4A95FF;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.card-component__version {
    color: #7A878B;
    font-size: 12px;
    line-height: 16px;
}


.PrivateMessageLine {
    background-color: #FFF;
    border-bottom: 1px solid #E7ECED;
    display: table;
    height: 70px;
    -webkit-transition: all 300ms ease;
         -o-transition: all 300ms ease;
            transition: all 300ms ease;
    width: 100%;
}

.PrivateMessageLine:first-of-type {
    border-top: 1px solid #E7ECED;
}

.PrivateMessageLine.Unread {
    background-color: rgba(74,149,255,0.05);
}

.PrivateMessageLineCheckbox,
.PrivateMessageLinePeople,
.PrivateMessageLineSubject,
.PrivateMessageLineMoreInfo,
.PrivateMessageLineAction,
.private-message__content {
    display: table-cell;
    padding: 5px 0;
    vertical-align: middle;
}


.private-message__content > div {
    display: table;
    width: 100%;
}

.private-message-sender-name {
    font-size: 14px;
}



.phone .PrivateMessageLine {
    display: table;
    width: 100%;
}

.phone .private-message__content .PrivateMessageLineSubject a {
    display: inline-block;
    max-height: 42px;
    overflow: hidden;
    width: 100%;
}

.PrivateMessageLineCheckbox {
    padding-left: 20px;
    width: 60px;
}

.PrivateMessageLinePeople {
    color: #596669;
    font-size: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: 250px;
    white-space: nowrap;

    
    
    
}

.tablet .PrivateMessageLineSubject a,
.desktop .PrivateMessageLineSubject a {
    display: block;
    max-height: 42px;
    overflow: hidden;
}

.PrivateMessageLineSubject a:visited {
    color: #285DAB;
}

.PrivateMessageLine.Unread .PrivateMessageLineSubject {
    padding-bottom: 5px;
    padding-top: 0;
}

.PrivateMessageLine.Unread .PrivateMessageLinePeople,
.PrivateMessageLine.Unread .PrivateMessageLineSubject {
    font-weight: bold;
}

.PrivateMessageLineMoreInfo {
    color: #949FA3;
    font-size: 14px;
    padding-left: 10px;
    width: 150px;
}

.PrivateMessageLineAction {
    color: #949FA3;
    font-size: 24px;
    text-align: center;
    width: 50px;
}

.phone .PrivateMessageLineCheckbox {
    padding: 5px;
    width: 30px;
}


.desktop .PrivateMessageLineSubject {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.desktop .PrivateMessageLineSubject a {
    font-size: 16px;
    text-overflow: ellipsis;
}

.phone .PrivateMessageLinePeople,
.phone .PrivateMessageLineSubject {
    display: block;
    font-size: 14px;
    width: auto;
    padding: 5px 0 0 10px;
}

.phone .user-image img {
    height: 20px !important; 
    width: 20px !important; 
}

.phone .PrivateMessageLineAction {
    display: none;
}

.phone .PrivateMessageLineMoreInfo {
    font-size: 10px;
    line-height: 14px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 80px;
}

.phone .more-users-count {
    font-size: 12px;
    padding-left: 15px;
}

.idea-list-desc {
    color: #999;
}

.idea-list-desc-item {
    display: inline-block;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}

div > .idea-list-desc-item:first-child {
    padding-left: 0;
}

div > .idea-list-desc-item:last-child {
    padding-right: 0;
}

div > .idea-list-desc-item + .idea-list-desc-item:after {
    background-color: #E1E7E8;
    border-radius: 50px;
    content: "";
    height: 4px;
    left: -1px;
    position: absolute;
    top: 48%;
    width: 4px;
}

.idea-view-actions {
    padding: 10px 20px 20px 20px;
}

.idea-view-comment-commenter {
    color: #949fa3;
    overflow: hidden;
    padding-right: 10px;
}

.idea-view-comment-attach {
    font-size: 12px;
}

.ConfirmationMessage_MainBackground {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    z-index: 9001;
    display: none;
    position: fixed;
}

.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);
}







.onboarding-slider .CustomPopupHeader {
    background-color: #E7ECED;
}

.onboarding-slider .CustomPopupActions {
    display: none;
}

.onboarding-slider .profile-stats {
    margin-bottom: 0;
}

.onboarding-slider .owl-theme .owl-controls .owl-page span {
    background-color: #D3DADB;
    height: 12px;
    opacity: 1;
    transition: all 200ms ease;
    width: 12px;
}

.onboarding-slider .onboarding-title {
    font-size: 28px;
    font-weight: 600;
}

.onboarding-slider .owl-theme .owl-controls .owl-page {
    padding-top: 40px;
}

.onboarding-slider .owl-theme .owl-controls .owl-page.active span,
.onboarding-slider .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #CC2200;
}

.onboarding-slider .owl-carousel .owl-item {
    background-color: #E7ECED;
    padding: 40px 75px 0 75px;
    position: relative;
}

.onboarding-slider .owl-theme .owl-controls {
    background-color: #fff;
    height: 115px;
    margin-top: 0;
    position: relative;
}

.onboarding-slider .owl-carousel {
    background-color: #E7ECED;
    overflow: hidden;
}

.onboarding-slider .owl-carousel .owl-wrapper {
    display: flex!important; 
    z-index: 2;
}

.onboarding-slider .owl-carousel .owl-wrapper-outer {
    cursor: default;
    display: inline;
    overflow: visible;
    z-index: 2;
}

.onboarding-slider .owl-prev.fa.fa-fw.fa-angle-left {
    background-color: #fff;
    border: 1px solid #BDC5C7;
    border-radius: 4px;
    color: #596669;
    font-size: 16px;
    font-weight: 600;
    height: 42px;
    left: 40px;
    line-height: 40px;
    opacity: 1;
    padding: 0 25px;
    text-align: center;
    transition: all 200ms ease;
    width: auto;
}

.onboarding-slider .owl-prev.fa.fa-fw.fa-angle-left:active,
.onboarding-slider .owl-prev.fa.fa-fw.fa-angle-left:hover {
    background-color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.5);
}


.onboarding-slider .owl-prev.fa.fa-fw.fa-angle-left:before {
    content: "Previous";
}

.onboarding-slider .owl-next.fa.fa-fw.fa-angle-right {
    background-color: #CC2200;
    border: 1px solid #CC2200;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 42px;
    line-height: 40px;
    opacity: 1;
    padding: 0 25px;
    right: 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 200ms ease;
    width: auto;
}

.onboarding-slider .owl-next.fa.fa-fw.fa-angle-right:hover:active {
    background-color: #8C1700;
    border-color: #8C1700;
}
.onboarding-slider .owl-next.fa.fa-fw.fa-angle-right:before {
    content: "Next";
}

.onboarding-slider .white-left,
.onboarding-slider .white-right {
    background: #fff;
    bottom: -115px;
    height: 100px;
    left: 0;
    padding: 23px 0 0 40px;
    position: absolute;
    text-align: left;
    width: 250px;
}

.onboarding-slider .white-right {
    left: auto;
    padding: 23px 40px 0 0;
    right: 0;
    text-align: right;
}


.CustomPopupContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
}

.CustomPopupHeader {
    background-color: #fff;
    padding: 20px;
}

.CustomPopupTitle {
    color: #384142;
    font-size: 20px;
    font-weight: 600;
}

.CustomPopupSubtitle {
    color: #677478;
    font-size: 16px;
    padding-top: 10px;
}

.CustomPopupSubtitle:empty {
    display: none;
}

.CustomPopupContent {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-y: auto;
}

.CustomPopupActions {
    background-color: #fff;
    padding: 20px;
}


.component-creation-desc {
    color: #999;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.component-popup-divs {
    margin-bottom: 20px;
}


.CustomIconDropdown .IconDropdown_button.Button {
    background-color: #FFF;
    border: 1px solid #D3DADB;
    border-radius: 4px;
    color: #949FA3;
    padding: 0;
}

.CustomIconDropdown .DropdownMenu .PH > a {
    color: #596669;
}

.CustomIconDropdown .IconDropdown.open > .DropdownMenu {
    border: 1px solid #D3DADB;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    box-sizing: border-box;
    left: auto;
    right: 0;
    padding: 10px 0;
}

.CustomIconDropdown .IconDown {
    display: none;
}


.back-to-top {
    background: url(/Members/img/backtotop.png?45915) no-repeat;
    width: 32px;
    height: 51px;
    display:none;
    position:fixed;
    
    bottom:100px;
    z-index: 1;
}
.back-to-top:hover {
    background: url(/Members/img/backtotophover.png?45915) no-repeat;
    cursor: pointer;
}


@media only screen and (max-width:979px) and (resolution: 163dpi) {
    .grider-col-3 > .grider-item:nth-child(3n+1) {
        margin-left:1.25rem;
    }
}


.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:hover, video:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); 
  cursor:-webkit-zoom-in;
  
}
.image-zoom img.zoom:hover, video.zoom:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); 
  cursor:-webkit-zoom-out;
}


.big-content-crop {
    display: table;
    width: 100%;
}

.big-content-crop__content {
    display: table-cell;
    max-width: 0;
    overflow: hidden;
}

.DropDownContainer {
    position: relative;
}

.unread-messages-wrapper {
    background-color: #C72500;
    background-image: linear-gradient(#C72500,#AD2100);
    border-radius: 4px;
    color: #fff;
    line-height: 17px;
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 3px;
}

.phone .unread-messages-wrapper {
    right: 30px;
    top: 18px;
}