/* The following 2 definitions we're changed directly in foundation app.css to allow the topbar menu to collapse at 800px instead of 640px
We weren't able to override the definitions in this file, but are saving them for reference incase we have to update foundation later */

/* Line 6859 app.css
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:50.0625em)/";
  width: 50.0625em;
}
*/

/* Line 7388 app.css
@media only screen and (min-width: 50.0625em) {
  /* line 492, ../bower_components/foundation/scss/foundation/components/_top-bar.scss */
/*  .top-bar {
    background: #333333;
    overflow: visible;
  }
}
*/

@font-face {
    font-family:"Helvetica Neue";
    src: url(fonts/HelveticaNeue.ttf) format("truetype");
}



@font-face {
    font-family:"Helvetica Neue Italic";
    src: url(fonts/HelveticaNeueIt.ttf) format("truetype");
}

@font-face {
  font-family: 'Helvetica Neue Bold';
  src: url('fonts/HelveticaNeue-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HelveticaNeue-Bold.woff') format('woff'), /* Pretty Modern Browsers */       
       url('fonts/HelveticaNeue-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */       
}

@font-face {
  font-family: 'Helvetica Neue Medium';
  src: url('fonts/HelveticaNeue-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HelveticaNeue-Medium.woff') format('woff'), /* Pretty Modern Browsers */       
       url('fonts/HelveticaNeue-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */       
       url('fonts/HelveticaNeue-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Helvetica Neue light';
  src: url('fonts/HelveticaNeueLt.eot'); /* IE9 Compat Modes */
  src: url('fonts/HelveticaNeueLt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/HelveticaNeueLt.woff') format('woff'), /* Pretty Modern Browsers */       
        url('fonts/HelveticaNeueLt.ttf')  format('truetype'); /* Safari, Android, iOS */              
}

@font-face {
  font-family: 'Helvetica Neue Standard Bold';
  src: url('fonts/HelveticaNeueLTStd-Bd.otf') format('opentype'); /* Safari, Android, iOS */             
}

@font-face {
  font-family: 'Helvetica Neue Standard Light';
  src: url('fonts/HelveticaNeueLTStd-Lt.otf') format('opentype'); /* Safari, Android, iOS */             
}

@font-face {
  font-family: 'Helvetica Neue Standard Roman';  
  src: url('fonts/HelveticaNeueLTStd-Roman.otf') format('opentype'); /* Safari, Android, iOS */             
}


/* Standard */ 
body, html, h1, h2, h3, h4, h5, h6 {
    font-family: 'Helvetica Neue Standard Roman', 'Roboto', Helvetica, sans-serif;	
    color:#000000;
    
    
} 

.light {
    font-family:'Helvetica Neue light';
    
}

.medium {
    font-family: 'Helvetica Neue Medium';
}

.bold {
    font-family: 'Helvetica Neue Bold';
}

.italic {
    font-family: 'Helvetica Neue Italic';
}


.bold-std {
    font-family: 'Helvetica Neue Standard Bold';
}

.light-std {
    font-family: 'Helvetica Neue Standard Light';
}

.roman-std { /* CURRENTLY DEFAULT TEXT */
    font-family: 'Helvetica Neue Standard Roman';
}

h1 {
    font-size:1.2rem;
}

a {
    color:#3a5dae;
}  

a:hover{
    text-decoration:none;
}

.light-blue {
    color:#00a2e0;
}

.sub-link a {
    color:#00a2e0;
}

.item a, #csp-home a{
    color:#FFF !important;
    text-decoration:none !important;
    }

#hero,#hero-medium {
    background-position: center center;
    background-repeat:  no-repeat;
    background-size:  cover;
    background-color: #fff;
    
    /*position: absolute;*/
    width: 100%;
    /*height: 70%;*/
    /*
    background-attachment: scroll;
    background-position: center top;
    */
    
    
}
.responsive-bg {}

@media only screen and (min-width:2000px){
    .responsive-bg {
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }
}

.na { 
    
    background-image: url(../images/hero/Un-authenticated_1920x360.jpg);    
}

.ba { 
    
    background-image: url(../images/hero/BA_1920x360.jpg);    
}

.ca { 
    
    background-image: url(../images/hero/CA_1920x360.jpg);    
}

.ra { 
    
    background-image: url(../images/hero/CA_1920x360.jpg);    
}

.ga { 
    
    background-image: url(../images/hero/GA_1920x360.jpg);    
}

.gma { 
    background-image: url(../images/hero/GMA_1920x360.jpg);    
    
}


/* overrides existing row width to extend row */
.fullWidthRow {
    margin: 0 auto;
    width: 100%;
    border:0px solid;
}

/* overrides existing row width to extend row */
.fullWidthRow2 {
    margin: 0 auto;
    width: 75%;
    border:0px solid;
}

/* material design card */
.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  padding:1rem 1rem 0;
  margin-bottom: 1rem;
  position: relative;    
}

.card.popular {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  /* padding:1rem 1rem 0 1rem;
  margin-bottom: 1rem; */
  position: relative;    
  margin: 2px;
}

.card.spotlight {  
  /*background: #e6eaef;*/
  background-color:#92C0EA;
  border-radius: 2px;
  display: inline-block;
  /* padding:0 1rem 0 1rem;
  margin-bottom: .35rem; */
  position: relative;    
  margin: 12px;
}

.card.spotlight:hover {
    background-color:#7DB2E3;
}

a.spotlight-link{
    color:#fff;
}

.card.index-products {
    min-width:300px;
    border:0px solid;
    min-height:205px;        
    
}

@media only screen and (max-width: 1024px) {
    .card.index-products {
        min-height: 250px;
    }
}

.card-0 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-4 {
    box-shadow: 0 8px 16px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.card-1:hover {
  box-shadow: 0 8px 16px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background-color:#EEE;
}
.card-2 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  
}

.card-2:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/*
.card-2:hover {
  box-shadow: 1px 3px 6px rgba(0,0,0,0.16), 1px 3px 6px rgba(0,0,0,0.23);
  background-color:#e6eaef;
}
*/
.csp-divider {
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.12);
}


/* end material design card */

.str {fill:#ff0000;}
.stg {fill:#7A7979;}

.str.active:hover {
    fill:#7A7979;
}
    
.stg.notactive:hover {
    fill:#ff0000;
}

.svg_download:hover{
    fill:#00a2e0;
}
    
.page-title {
    font-size: 1.0rem;
    /*color: #71c5e8;*/
    color:#00a2e0;
    font-weight: 300;
}

.banner-container {
    padding-left:0;
    border:0px solid #c9c9c9;
}

.banner-image{
    height:75px;
    padding-left:0;
    background-position: center center;
    background-repeat:  no-repeat;

    background-size:  cover;
}

.page-banner-title {
    font-size:42px;
    /*color: #ffbe44;*/
    color:#fff;
    border:0px solid;
    padding-top:.3rem;
    
}

/* use classes lrg med sml for various screens */
.index-search-title {
    border:0px solid;    
    
    color:#FFFFFF;
    font-size: 56px; /*1.5rem;*/
    letter-spacing: 2px;
    text-align:center;
    
}
.lrg {
    font-size:28px;
}
.med {
    font-size:22px;
    margin-top:.3rem;
}
.sml {
    font-size:19px;    
}
/*
#header-sub{
    font-size:.8125rem;
    color:#555;
    font-weight:400;
    border:0px solid;
}
*/
.header-sub {
    border-top:1px solid #ddd;
    background-color:#fff;
}

#company_name {
    padding:.5rem 0;    
    text-align:right;    
}

.company-welcome {
    color:#0e0e0e;
    font-weight:400;
    font-size:.875rem;
    margin-right:1rem;
    border:0px solid;    
}
/*
#company_name{
    text-align:right;
    border:1px solid;
    padding-right:2rem;
}
*/

.application-choice {
    background-color: #8e959d !important;
    color:#fff;
    padding:1.2rem 0;
    text-align:center;
}
.authProductsContainer {
    border-top: 0.063rem solid #aaa;
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.2);
}
.indexHowContainer {   
    color:#fff;
    background-color:#00a2e0;
    border-bottom: 0.063rem solid #aaa;
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.2);
}

#indexHow{
    color:#fff;    
    width:100%;
    padding:.5rem 0 1rem;
    
    /*background-color:#00a2e0;*/ /* 004b87;*/    
    
}

#case_management{
    background-image: url(../images/cases-three-agents.png);
    background-repeat: no-repeat;   
    background-position: right; 
    background-size:85%;
}

.case-mgmt-small {
    color:#959ea5;
    text-align:center;
}

.case-mgmt-small a {
    color:#00a2e0;
    font-weight:400;    
}

#breadcrumbs {      
    padding-left:0;    
}
.search-filter{
    border:0px solid;
    padding-top:.5rem;
    padding-bottom:1rem;
    padding-left:0;
}

.search-results {
    border:0px solid;
    padding-left:0;
}

.product-support, .article-support {
    padding-left:0;
}

#partner-page-container {
    padding-left:0;    
}

.search-container {
    border: 0px solid #fff;
    padding-top: 80px;
    padding-bottom: 100px;
}


/* stretch the search container if screen is greater than 1026px */
@media only screen and (min-width:1026px){ 
    .search-container {
        /*border:1px solid #fff;*/
        /*width:700px;*/
    }
}



@media only screen and (max-width:1024px){ 
    
    .allproducts.card.card-1{
        width:98%;
    } 
    .allcategories.card.card-1{
        width:98%;
    } 
    
}


@media only screen and (max-width:640px){ 
    .articles.home-section-title, .trending.home-section-title, .much-more.home-section-title {
        font-size:1.2rem;
        border:0;
    }    
    .rating {
        padding-bottom:.5rem;
    }
}

@media only screen and (max-width:1280px){ /*search for 1280 */
    #findText {        
        border:0px solid;
        font-size: 1.5rem;
        padding-top:.3rem;
    }
    .contain-to-grid .top-bar {
        max-width: 59.5rem;
    }
    
}

/* changes errorModal and helpModal size based on screen size */

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    #errorModal {
        width:100%;
        min-height:200px;
    }
    #helpModal {
        width:100%;        
    }
    #mFeedback {
        width:100%;        
    }
    #mCounterReset {
        width:100%;        
    }
    #fieldInfoModal {
        width:100%;
        min-height:200px;
    }
    #iforgotPassword {
        width:100%; 
        min-height:300px;
    }
    .index-search-title {
        font-size:32px;
    }
    .main-search {
        padding-left:0;
    }
    .search-container {
        padding-top:30px;
        padding-bottom:50px;
    }
    
        
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    #errorModal {
        width:100%;
        min-height:200px;
    }
    #helpModal {
        width:100%;        
    }
    #mFeedback {
        width:100%;        
    }
    #mCounterReset {
        width:100%;        
    }
    #fieldInfoModal {
        width:100%;
        min-height:200px;
    }
    #iforgotPassword {
        width:100%;     
        min-height:300px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
      #errorModal {
        width:80%;
        min-height:200px;
    }
    #helpModal {
        width:80%;        
    }
    #mFeedback {
        width:80%;        
    }
    #mCounterReset {
        width:80%;        
    }
    #fieldInfoModal {
        width:80%;
        min-height:200px;
    }
    #iforgotPassword {
        width:100%; 
        min-height:300px;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
      #errorModal {
        width:100%;
        min-height:200px;
    }
    #helpModal {
        width:100%;        
    }
    #mFeedback {
        width:100%;        
    }
    #mCounterReset {
        width:100%;        
    }
    #fieldInfoModal {
        width:100%;
        min-height:200px;
    }
    #iforgotPassword {
        width:100%;     
        min-height:300px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
      #errorModal {
        width:100%;
        min-height:200px;
    }
    #helpModal {
        width:100%;        
    }
    #mFeedback {
        width:100%;        
    }
    #mCounterReset {
        width:100%;        
    }
    #fieldInfoModal {
        width:100%;
        min-height:200px;
    }
    #iforgotPassword {
        width:100%;     
        min-height:300px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
      #errorModal {
        width:80%;
        min-height:200px;
    }
    #helpModal {
        width:80%;        
    }
    #mFeedback {
        width:80%;        
    }
    #mCounterReset {
        width:80%;        
    }
    #fieldInfoModal {
        width:80%;
        min-height:200px;
    }
    #iforgotPassword {
        width:80%;     
        min-height:300px;
    }
}


/* end errorModal screen size */



@media only screen and (min-width:1440px){
    .max-constraint {
        max-width:90.5rem; /*71.5rem */
        border:0px solid;
    }
    .contain-to-grid .top-bar {
        max-width: 90.5rem;
    }
    /*#indexHow {max-width: 71.5rem;}*/
    /*#company_name{max-width: 71.5rem;}*/
    /*#case_management{max-width: 71.5rem;}*/
    /*#breadcrumbs{max-width: 71.5rem;}*/
    /*#index-articles{max-width: 71.5rem;}*/
    /*#page-search{max-width: 71.5rem;}*/
}

.page-metadata,.product-metadata {
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.9);
box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.9);
}

#page_meta .title a {
    
}

#auth_products {
    padding:1rem 0 1.5rem 0;
    /*border-top:.1rem solid #c9c9c9;*/
    /*max-width:1400px;*/
}
/*
@media only screen and (min-width: 414px){
    #auth_products {
        margin-left:0rem;
    }
}
*/
#d_troubleshooting_info {    
    background-color:#fff;
    /* border-bottom: 0.063rem solid #aaa;
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.2); */
    
}

#quick_help {
    /*background-color:#375474;*/
    background-color:#fff;
    padding:0;
    /*color:#375474;*/
}

.qh_title {
    font-size:1.5rem;
    color:#3a5dae;
    font-weight:400;
}

#help-type {  
    /*border-top:.1rem solid #fff;*/
    /*background-color:#e6eaef;*/    
    /*background-color:#fff;*/
    /*border-bottom: 0.063rem solid #aaa;*/
    /*box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.2);*/    
    color:#0e0e0e;
}

#helpEmailForm {
    padding:0;
    /*background-color:#e6eaef;*/
}

#helpPhoneNumbers {    
    padding:1rem 0;
    color:#0e0e0e;
}

#helpAccountManagers {
    background-color:#fff;
    color:#0e0e0e;
}

#view_all {
    z-index:-10;
    border-top:.1rem #aaa solid;
    background-color:#fff;
    border-bottom: 0.063rem solid #aaa;
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.2);
}

.home-section-title {
    font-size:24px;;
    
    letter-spacing: 2px;
    text-align:center;
    padding:1rem 0;
}

.home-section-title.sm {
    font-size:19px;
    
    letter-spacing: 2px;
    
}

.indexHow.item {
    border:none;
}

.indexHow .header{
    text-align:center;
    font-size:1.875rem;
    color:#fff;
    font-weight:300;
    padding:0;
}

.indexHow > .body {
    margin:auto;
    font-family:"Merriwether";
    font-size:1rem;
    width:85%;
    border:0px solid;    
}

.indexHow > .title {    
    padding:.3rem 0;
    font-size:1.125rem;    
}

.cat-card-details {
    min-height:230px;
}

.prod-card {
    padding: 1.125rem 2.125rem;
    float:left;
    position:relative;
    border:0;
}

.prod-card-details {
    /*background-color:#f9f9f9;*/
    /*padding:.5rem 1rem;*/
    min-height:80px;
    border:0;
    min-width:300px;
    border-radius:.2rem;
    
}

/*
.prod-card-details:hover {
    background-color:#00a2e0;
}
*/
.prod-card-details > .title {    
    font-size:20px;
    font-weight:500;
    color:#3a5dae;   
    border:0px solid;    
    min-height:60px;
    max-height:60px;
    
}

.prod-card-details > .title a:hover{    
    text-decoration:none;
    color:#008CBA;
}



.alert-info > .alert-title {
    margin-left:.3rem;
    color:#FFA400;
    font-size:14px;
}
.alert-title.off {
    margin-left:.3rem;
    color:#FFF;
    font-size:14px;
    opacity:0;
}

.prod-card-details.card.index-products.card-1 .category-head {
    color:#000;
}
.prod-card-details.card.index-products.card-1:hover .alert-title.off, 
.prod-card-details.card.index-products.card-1:hover svg g path#svg_x, 
.prod-card-details.card.index-products.card-1:hover svg g path#svg_w,
.prod-card-details.card.index-products.card-1:hover {
    color:#EEE;
    fill:#EEE;
    
}

svg #svg_w, svg #svg_x {
    opacity:0;
}
/*
.prod-card-details:hover > .alert-info > .alert-title  {    
          
        color:#91d7f1;

}
*/

.prod-card-details, .category-list > .category-head {
    font-size:15px;
    color:#0a0a0a;
    word-wrap:break-word;
}

/*
.prod-card-details:hover > .category-head {
    color:#91d7f1;    
}
*/
.prod-card-details > .category-value a {
    
    color:#00a2e0;
    font-weight:300;
    margin-left:.2rem;
    margin-right:.3rem;
}

.prod-card-details > .category-value a:hover {
    text-decoration:none;
    font-weight:500;
    
}

.category-list > .category-value a {
    color:#00a2e0;
    font-weight:300;
    margin-left:.2rem;
    margin-right:.3rem;
}

.category-list > .category-value a:hover {
    text-decoration:none;
    font-weight:500;
    
}

/*
.prod-card-details:hover > .category-value a {
    color:#fff;    
}
*/

.prod-card-details > .trending.summary {
    border:0px solid #000;
    min-height:100px;
    max-height:100px;
    color:#4d4d4d;
    font-size:14px;
    padding-top:.2rem;
    
}

.prod-card-details > .trending.summary a{
    color:#00a2e0;
}

/*
.prod-card-details:hover > .trending.summary a{
    color:#fff;
}


.prod-card-details:hover > .trending.summary {
    color:#fff;
}
*/


.learn-more a, .cat-prod-list a {
    letter-spacing:2px;
    border:0;
    text-align:right;
    font-size:14px;
    margin-top:.5rem;
    color:#00a2e0;
}

.learn-more a:hover, .cat-prod-list a:hover {
    text-decoration: none;
    font-weight:500;
}

/*
.prod-card-details:hover > .learn-more a {
    color:#91d7f1;
} 
*/
.view_all {
    color:#71c5e8;
}

.view_all a {
    color:#71c5e8;
}

.view_all a:hover{
    color:#fff;
}
/* All Products Page Styles */
.product-title {
    /*font-family:"Helvetica Neue Medium";*/
    border:0px solid;
    font-size:36px;
    font-weight:500;
    margin-top:.5rem;
}

.article-title {
    border:0px solid;
    font-size:32px;
    font-weight:500;
    padding:.5rem 0;
}

.sub-title {
    font-size:1.125rem;
    font-weight:400;
}

.section-regular {
    font-size:1rem;
    font-weight:400;
    /*margin-left:1rem;*/
    padding:1rem 0 1rem 0rem;
}



.more-info {
    /*border-top:.125rem solid #c9c9c9;*/
    /*padding:1rem 0;*/
}

.page-more-container {
    border-radius:.0rem;
    background-color:#c9c9c9;
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    /*border-top:.0rem solid #c9c9c9;*/   
}

.container {
    padding:.5rem .875rem;
    border-radius:.2rem;  
    /*
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    */
}

.inner {
    background: #e8e8e8;
    min-height:150px;
    padding: .5rem .875rem;
    border-radius: .2rem;
}

.inner-jeppdox {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    min-height:150px;
    padding: .5rem .875rem;
    border-radius: .2rem;
}

.feedback-container-blue {
    padding:.5rem .875rem;
    border-radius:.2rem;  
    background-color:#004B87;
    color:#fff;
    /*
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    */
}

/* mysupport recent search */
#myaccount-search-history {
     max-height:300px;
     overflow-y:scroll;
     padding:1rem 0;
}
#myaccount-search-loader {
    padding:2rem 4rem;
}

.container-sm {
    padding:.3rem .5rem;
    border-radius:.2rem;
    font-size:.875rem;
    font-weight:500;
    margin-bottom:.3rem;
    
}

.search-term-ns {
    background-color:#fff;
    color:#3a5dae;
}

.search-term {    
    background-color:#e8e8e8;    
    color:#3a5dae;
}

.container-sm.search-term:hover{
    background-color:#dcdcdc;
    cursor:pointer;
}

.container-sm.search-term-ns:hover{
    text-decoration:underline;
    cursor:pointer;
    color:#0078a0;
}

.container .gray case-overview .value {
    color:#0e0e0e;
}
.container .head {
    font-size:1.125rem;
    font-weight:500;
    padding-bottom:.5rem;
}


.white-container {
    padding:.5rem .875rem;
    -webkit-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
}

.gray {
    background-color:#e8e8e8;/*#c9c9c9;*/
}

.blue {
    background-color:#253746;
    color:#fff;
    font-size:.875rem;
}

.white{
    background-color:#fff;
}

.container-blue {
    padding:.5rem .875rem;
    border-radius:.0rem;
    background-color:#c9c9c9;
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.75);
}

.container-1 .title, .container-1 .more-container .title, .partner-products .title {    
    font-weight:500;
    font-size:1.125rem;
    background-color:#5b6770; 
    color:#0e0e0e;
    padding-bottom:.2rem;
}

.more-container.cr .partner-title{
    font-size:18px;
    /*font-family:"Helvetica Neue Medium";*/
    color:#0e0e0e;
    padding-bottom:.3rem;
}

@media screen and (max-width: 414px) {    
    /* mysupport/cases datatables remove paging numbers when on small screen */
    .more-container.cl {
        padding-bottom:1rem;
    }
    .more-container.cr {
        padding-bottom:.0rem;
    }
}

.moreBtn, .lessBtn {
    margin-right:5px;
}

.more_title {
    font-size:1rem;
    color:#5b6770;
    font-weight:bold;
    padding-top:.375rem;
}

/* REMOVES LEFT PADDING FOR ARTILE LIST SECTION */
.columns.article-list{
    /*padding-left:0;*/
    padding-right:20px;
    border:0px solid;
    background-color:#fff;
}


.material-icons {margin-left:.2rem;}

.article-refresh {cursor:pointer;}
.article-refresh:hover div i.material-icons {
    color:#00a2e0;
}

.columns.spotlight-articles {
    
    border:0px solid;
    
    margin-top:.6rem;
    
}

.spotlight-article-containers {
    background-color:#e6eaef;
    padding:.5rem 1rem;
    margin-bottom:1rem;
    border:1px solid #e6eaef;
    border-radius:5px;
}

/* SIDE BAR CONTENT AND PROPERTIES ON PRODUCT AND ARTICLE PAGES */
.sidebar {
    font-size:.875rem;
    font-weight:400;
}

.sidebar > .title, .alert_detail .title {
    color:#5b6770;
} 
.sidebar-section > .header {
    font-size:1rem;
    font-weight:500;
}

.sidebar-section{
    padding:1rem 0 1rem 0;
    border-bottom:.5rem solid #c9c9c9;
}

.sidebar-value{
    padding-right:.5rem;
    padding-top:.2rem;
    color:#0e0e0e;
    font-size:1.0rem;
    font-weight:500;
}

.sidebar-title-width {
    margin-left:.5rem;
    width:80%;
    font-weight:bold;
    border:0px solid;
}

/* article container */
.articleStyle.cards{
    font-size:1rem;
    padding:0;
    /*border-bottom: .1rem dotted #c9c9c9;*/
    
    
}
.articleStyle.cards.search{
    border:0px solid;
    font-size:1rem;
    padding-bottom:1rem;
    /*border-bottom: .1rem dotted #c9c9c9;*/
    
    
}
.articleStyle.spotlight {
    font-size:18px;
    /*border-bottom: .1rem dotted #c9c9c9;*/
    /* padding:.5rem 0 .5rem 0; */
    padding: 1rem 0.5rem;
    
}

articleStyle.popular {
    font-size:16px;
    /*border-bottom: .1rem dotted #c9c9c9;*/
    padding:0;
    
}

.articleStyle.spotlight .title a {    
    /* color:#000; */
    color: #4d66b9;
}

.articleStyle.spotlight .title a:hover {    
    /*font-family:"Helvetica Neue Medium";*/
}

.articleStyle > .title{    
    /*font-family:"Helvetica Neue Medium";*/
    line-height: 30px;
}

.articleStyleSide{
    font-size:14px;
    padding:.5rem 0 .5rem 0;
}

.articleBorder {
    border-bottom: .1rem dotted #c9c9c9;
}

.articleStyleSide > .title {    
    font-weight:500;
}

.articleStyle > .summary{
    font-size:14px;
    color: #4d4d4d;    
    color:#000;
    opacity:.75;
}

.articleStyle .articleStyleSide > .summary {
    font-weight:400;
    font-size:.875rem;
    color:#0e0e0e;
}

.articleStyle .articleStyleSide > .title a:link {  
    color:#004b87;
    font-weight:400;   
}

.articleLink{
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.articleLink a:link, 
.articleLink a:visited, 
.articleLink a:hover{
    font-weight:300;
    color:#5b6770 !important;
}

.property-row{
    font-size:14px;
    border:0px solid #000;
    padding-bottom:0;
    color:#000;
    opacity:.8;
    
}

.property-row > .item {
    padding-right:.25rem;
    
}

.property-row > .fav-link {
    padding-left:0rem;    
}

.created {
    font-size:15px;
    font-weight:bold;
    color:#0e0e0e;
}

.metadata-container {
/*.page-metadata,.product-metadata,.article-metadata {*/
    padding:.5rem;
    font-size:.875rem;
    color:#fff;
    background-color:#004B87;
    border-radius:.2rem;
    /*
    -webkit-box-shadow: 0px 7px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 5px -2px rgba(0,0,0,0.75);
    */
}
.metadata-container .title, .container .title {font-weight:500;padding-right:.3rem;}


.metadata-container .title, .container .value {font-weight:400;color:#e8e8e8;}

.metadata-container .title, .container .gray .value {font-weight:400;color:#e8e8e8;}


metadata-container .row {padding:.3rem 0 .5rem .3rem;}

.inactive-doclabel {
    font-size:1rem;/*1rem;*/
    font-weight:400;    
    margin-left:0rem;
    margin-bottom:.375rem;
    color:#5b6770;
}

.active-doclabel_jeppdox {
    font-size:1rem;/*1rem;*/
    font-weight:400;    
    margin-left:0rem;
    margin-bottom:.375rem;
    padding-bottom:.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding-top:.5rem;
}

.active-doclabel_jeppdox a {
    color:#00a2e0;
}

.active-doclabel {
    font-size:1rem;/*1rem;*/
    font-weight:400;    
    margin-left:0rem;
    margin-bottom:.375rem;
    padding-bottom:.5rem;
}

.active-doclabel a {
    color:#00a2e0;
}

/* Product/Partner jeppdocs formatting */

.jeppdox-label {
    font-size:0.875rem;
}

.doclabel-tag {
  font-size:0.75rem;  
  color:#ffffff; 
  text-decoration:none;
  margin-left:0.5rem;
}

.doclabel-text {
  font-size:0.75rem;  
  color:#5b6770; 
  text-decoration:none;
  margin-left:0.5rem;
}

/* end article container */

hr.style-two {
    border-top: dotted 1px #8e8e8e;
}

/* footer styles */

footer {
    /* background-color:#005EA9; */
    background-image: linear-gradient(to right, #0066AF , #009FD8);
    font-family:"Helvetica Neue";
}

.jepp_footer {
    
}

.jepp_footer > .item a {
    color:#FFF !important;
    opacity:1;
}

.jepp_footer > .item a:hover {
    opacity:.7;
}

.jepp_footer > .title{
    color:#FFA400;
    font-size:18px;
}

.jepp_footer > .item{
    padding:.1rem 0;
    color:#FFF;
    font-weight:400;
    font-size:14px;
}

.social-icon-jepp {   
    /*
    padding:.1rem;
    border:1px solid #fff;
    */
    margin-left:12px;
}

/* end footer styles */

.copy {
    color:#FFF;
    font-size:14px;
    padding:.5rem 0;       
    text-align:center;
}

.help-sections{
    padding:1rem 0 1rem 0;
    border-bottom:.5rem solid #c9c9c9;
}

.help-sections > .title {
    font-size:16px;
    font-family:"Helvetica Neue Bold";
}

.article-container-title {
    font-size:18px;
    /*font-family:"Helvetica Neue Medium";*/
    color:#0e0e0e;
    padding-bottom:.5rem;
}

.video-container-title {
    font-size:18px;
    /*font-family:"Helvetica Neue Medium";*/
    color:#0e0e0e;
    padding-bottom:.5rem;
}

.spotlight-container-title {
    font-size:18px;
    /*font-family:"Helvetica Neue Medium";*/
    color:#0e0e0e;
    padding-bottom:.5rem;
}

.alert-container-title {
    font-size:18px;
    /*font-family:"Helvetica Neue Medium";*/
    color:#0e0e0e;
    padding-bottom:.5rem;
}

.help-still {
    font-family:"Helvetica Neue Medium";
    padding:.3rem 0;
    font-size:16px;
    font-weight:500;
    color:#0a0a0a;
}

/* panel search */
div.search {    
-moz-box-shadow: 0 5px 5px 5px rgba(0,0,0,0.08);
-webkit-box-shadow: 0 5px 5px 5px rgba(0,0,0,0.08);
box-shadow: 0 5px 5px 5px rgba(0,0,0,0.08);

    
}

.card-title {
    font-size:1.2rem; 
    font-weight:500;
    border:0px solid;
}

.card-title a {
    color:#3a5dae;
}

.card-title a:hover {
    color:#008CBA;
    text-decoration:none;
}

.category-card-desc {
    color:#0e0e0e;
    font-weight: 300;
    height:6rem;
    border:0px solid;
}

.category{
    padding:1rem 0 .5rem 0;
}
.category-title, .category-title-page {
    font-size:1.2rem; 
    font-weight:500;
}

.category-title a {
    
}

.category-title-page a {
    color:#3a5dae;
}

.category-title a {
    color:#3a5dae;
}

.category-title a:hover {
    color:#008CBA;
    text-decoration:none;
}

.category-description {
    color:#0e0e0e; /*#5b6770;*/
    font-weight:300;
}


.category-jepp-title {
    font-size:1.7rem;
    color:#000;
    font-weight:500;
}

#category-name {
    font-size:1.7rem;
    color:#fff;
    font-weight:500;
}

.category-jepp-summary {    
    color:#fff;
    font-weight:300;
}

/* orange search button */
span.postfix, label.postfix {
    background: orangered none repeat scroll 0 0;
    border-color: #cccccc;
    border-left: medium none #cccccc;
    color: #fff;
    font-weight:bold;
    border-radius:5px;
    margin-left:.2rem;
}

 

.button.tiny.action{
    
    
    background: #FFA400 none repeat scroll 0 0;
    
}

.button.tiny.action:hover{
    background:#007095 none repeat scroll 0 0;
}

/* custom css to override button sizes for small */

    button.tiny, .button.tiny {
        text-transform:uppercase;
        font-family: 'Helvetica Neue Medium';
        padding: 7px 20px;
        text-decoration:none;
        font-weight:500;
        font-size:14px;
        /*font-family: 'Helvetica Neue','Roboto';*/
    } 
    /* old value 11/23/16
    button.tiny, .button.tiny {
        padding: 0.625rem 0.625rem 0.6875rem 0.5rem;
    }
    */
    
    button.tiny.help, .button.tiny.help {
        /*padding: 0.625rem 0.625rem 0.6875rem 0.5rem;*/
        padding: 5px 10px;        
        /*font-family: "Roboto";*/
    } 
    
    /* override custom class for button padding on product/partner doc section */    
    button.tiny.docs, .button.tiny.docs {
        /*padding: 0.625rem 0.625rem 0.6875rem 0.5rem;*/
        padding: 3px 10px;
        background-color:#00a2e0;
        /*font-family: "Roboto";*/
    }
    
    button.tiny.feedback, .button.tiny.feedback {
        /*padding: 0.625rem 0.625rem 0.6875rem 0.5rem;*/
        padding: 5px 15px;
        margin-bottom:0;
        text-decoration:none;
        font-weight:500;
        font-size:14px;
        /*font-family: "Roboto";*/
        background-color:#3399FF;
        margin-right:.5rem;
    } 

    .split.button.tiny {
        padding-right: 2.75rem;
    } 
    
    /* custom style for more/less buttons on sidebar to avoid wrapping */
    .tiny.radius.more-less {
        padding-left:10px;
        padding-right:10px;
    }
    
    .button.secondary.tiny.article.btn {
        /*padding: 0.625rem 0.625rem 0.6875rem 0.5rem;*/
        /*padding: 5px 20px;
        text-decoration:none;
        font-weight:500;
        font-size:.8rem;*/
        /*font-family: "Roboto";*/
    }
    
    .button.secondary.empty {
        /*padding: 0.625rem 0.625rem 0.6875rem 0.5rem;*/
        background-color:#253746;
        color:#FFF;
        padding: 5px 20px;
        text-decoration:none;
        font-weight:500;
        font-size:14px;
        /*font-family: "Roboto";*/
    }

#searchbtn{
    cursor:pointer;
    border:0px solid #fff;   
}

#searchbar,#searchbar-small {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    top:33rem;
    height:45px;
    line-height:16px;
    font-size:16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);   
}

.searchbar-icon {
    height:45px;
    width:45px;
    margin-top:.33rem;
    background-color:#FFA400;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  
}

.searchbar-icon:hover {
    
    
    background-color:#FFA400;
    
}

input#searchbar::placeholder{
    color:#000;
    opacity:.5;
}

input#searchbar-nav,input#searchbar-nav-s{    
    background:transparent;
    
    margin-top:0;
    color:#FFF;
    border:0;
    box-shadow:none;
    caret-color:#FFA400;
    line-height:16px;
    font-size:16px;
    
}

input#searchbar-nav::placeholder,input#searchbar-nav-s::placeholder{
    font-size:16px;
    color:#DDD;
    opacity:.4;
}

/* custom spinner using bg #253746 and 16x16 http://www.ajaxload.info/ */
#searchbar-nav.ui-autocomplete-loading,#searchbar-nav-s.ui-autocomplete-loading{
    background: transparent url(../images/ui-anim_b16.gif) right 10px center no-repeat;
}

button#do_login_button {
    font-size:14px;
    margin-bottom:.5rem;
    letter-spacing:2px;
    margin-bottom:.5rem; 
}

button#quick-registration, button#quick-registration2, button#quick-registration3, button#quick-registration4 {
    letter-spacing:2px;
    font-size:14px;
    text-align:center;
    background-color:#FFA400;
    color:#FFF;
}

button#quick-registration:hover, button#quick-registration2:hover, button#quick-registration3:hover, button#quick-registration4:hover {
    background-color:#D68A00;
}

.video-page-title {
    font-family:"Helvetica Neue Medium";
    border:0px solid #000;
    font-size:36px;
    color:#FFA400;
    padding-bottom:1rem;
}

#video-title {
    font-family:"Helvetica Neue Medium";
    border:0px solid #000;
    font-size:24px;
    color:#009BDF;
}

.related-videos-title {
    font-family:"Helvetica Neue Medium";
    border:0px solid #000;
    font-size:24px;
    color:#009BDF;
    padding-bottom:1rem;
}

.video-info {
    font-size:16px;
}

.video-info .heading {
    
    color:#253754;    
    padding:.3rem 0;
}

.video-info .title, .video-info .product, .video-info .date, .video-info .desc {    
    padding:.3rem 0;
}

.video-info .product a {
    
    color:#009BDF;
}


/* panel header styles */
.panel-jepp {
    border:1px solid #ddd;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;    
}
.panel-head{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background: rgba(24,55,87,1);
    background: -moz-linear-gradient(left, rgba(24,55,87,1) 0%, rgba(24,55,87,0.72) 57%, rgba(255,255,255,0.5) 100%),url('../images/header-bg-map-mod.jpg') right no-repeat;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(24,55,87,1)), color-stop(57%, rgba(24,55,87,0.72)), color-stop(100%, rgba(255,255,255,0.5))),url('../images/header-bg-map-mod.jpg') right no-repeat;
    background: -webkit-linear-gradient(left, rgba(24,55,87,1) 0%, rgba(24,55,87,0.72) 57%, rgba(255,255,255,0.5) 100%),url('../images/header-bg-map-mod.jpg') right no-repeat;
    background: -o-linear-gradient(left, rgba(24,55,87,1) 0%, rgba(24,55,87,0.72) 57%, rgba(255,255,255,0.5) 100%),url('../images/header-bg-map-mod.jpg') right no-repeat;
    background: -ms-linear-gradient(left, rgba(24,55,87,1) 0%, rgba(24,55,87,0.72) 57%, rgba(255,255,255,0.5) 100%),url('../images/header-bg-map-mod.jpg') right no-repeat;
    background: linear-gradient(to right, rgba(24,55,87,1) 0%, rgba(24,55,87,0.72) 57%, rgba(255,255,255,0.5) 100%),url('../images/header-bg-map-mod.jpg') right no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183757', endColorstr='#ffffff', GradientType=1 );  
    padding:1rem 0 .5rem 0;
    color:#fff;
    font-size:17px;
    text-align:center;
    font-weight:400;
    line-height:1.2rem;
    /* CSS gradients */  
}

.breadcrumb-row {
    height:auto;
    max-height:75px;
    background:#253746;
    padding:.5rem 0;
}

.support-breadcrumbs {
    font-size:14px;        
    color:#FFF;
}
.support-breadcrumbs .item.first {
    width:auto;
   padding-left:0;
}

.support-breadcrumbs .item {
   width:auto;
   padding-left:.5rem;
}

input[type=text], input[type=password], input[type=email], input[type=search], textarea, select {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 10px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, textarea:focus , select:focus{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 10px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

/*
input[type=email] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 10px;
  margin: 0px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

 
input[type=email]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 10px;
  margin: 0px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
*/

/* input label required on small tag*/
.req {
	color:red;
}

/* article rating switch */

.article-switch {
	margin: 0rem 0rem .5rem 0rem;
}
.article-switch-on {
	position: absolute;
	left: -55px;
	top: 10px;
	color: white;
	font-weight: bold;
	font-size: 9px; 
}

.article-switch-off {
	position: absolute;
	left: -25px;
	top: 10px;
	color: white;
	font-weight: bold;
	font-size: 9px; 
}

label.case{font-weight:500;} /* create case creation labels and mysupport case labels */

.ajax-file-upload-error {
    font-size:14px;
    color: #red;
}


/* jQuery Autocomplete */

#searchbar.ui-autocomplete-loading { background: white url('../images/ui-anim_w16.gif') right 10px center no-repeat; }

.ui-helper-hidden-accessible{display:none}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 5px 0px 4px 5px;
    margin: 0 0 10px 0px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #eeeeee;
}

/* ---------------------- */

/* header css */
/* Password options on logon dropdown */
.password_options {
    font-size:14px;
    color:#00B9F6;
}

.password_options a {
    color:#00B9F6;
}

.jepp_logo{float:left;margin-top:.5rem;}

.login_name{font-size:14px;color:#666666;margin-top:1.5rem;}

.signin {
    background-color: #000;
}
.signin:hover,
.signin:focus {
    background-color: #6d5031;
}

#background {
    z-index: 0;
    background-color: #222222;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    height:170px;
    position:absolute;
    margin-top:.5rem;
    border-top:1px solid #f3c98d;        
}
    
#site-img {
    z-index: 1;
    position:relative;
    text-align:center;
    border-top:1px solid #fff;     
}
    
/* end header styles */

/* site styles */

.section-header{color:#000;font-size:1.5rem;color:#444;}
.category-section-header{
    font-size:1.5rem;
    font-weight:500;
    padding:1.2rem 0  0;
}

.panel.callout.jepp {
    background: #fff none repeat scroll 0 0; 
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-bottom: 1.25rem;
    padding: 1rem;
}

.callout-card {
    background: white;
    border: 1px solid #333;
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
    margin: 1rem 0;
    overflow: hidden; 
}
.callout-card .card-label {
        border-color: transparent #333 transparent transparent;
        border-color: rgba(255, 255, 255, 0) #333333 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); 
    }
    .callout-card.primary {
        border-color: #bbb; 
    }
    .callout-card.primary .card-label {
        border-color: transparent #bbb transparent transparent;
        border-color: rgba(255, 255, 255, 0) #bbb rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); 
    }
    .callout-card .card-label {
        border-style: solid;
        border-width: 0 70px 40px 0;
        float: right;
        height: 0px;
        width: 0px;
        transform: rotate(360deg); 
    }

    .callout-card .callout-card-content {
        padding: 0.5rem 1.5rem 0.875rem;
        color:#444;
    }

    .callout-card.radius {
        border-radius: 0.6rem; 
    }

    .callout-card .label-text {
        color: #fff;
        font-size: 0.75rem;
        font-weight: bold;
        position: relative;
        right: -40px;
        top: 2px;
        white-space: nowrap;
        transform: rotate(30deg); 
    }

	.callout-card.secondary { 
		border-color: #adb2bd; 
	}
    .callout-card.secondary .card-label {
        border-color: transparent #adb2bd transparent transparent;
        border-color: rgba(255, 255, 255, 0) #adb2bd rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); 
    }

    .callout-card .callout-card-content { 
		padding: 0.5rem;
		font-size:.8rem; 
	} /*overridden */

/* end site styles */
    
/* breadcrumbs css */
.bc-home {
	font-size:1.2em;
	position: relative; 
	top: -1px;
}

/* css to move loading modal down */
#loadingModal {
    position: fixed;
}
#loadingModal {
    top: 350px !important;
}

/* topbar popup */
.topbar { 
    background: #337dbc; 
    border-bottom: solid 2px #EEE; 
    padding: 3px 0; 
    text-align: center; 
    color: white;
}
.topbar_error { 
    background: #bc3336; 
    border-bottom: solid 2px #EEE; 
    padding: 3px 0; 
    text-align: center; 
    color: white;
}

.cases{
    margin-bottom:0rem;
    font-size:.8rem;
    /*height:15rem;*/
    /*overflow-x: hidden;*/
    /*overflow-y:scroll;*/
}
    
.counters{
    margin-bottom:0rem;
    font-size:.8rem;
    /*height:15rem;*/
    /*overflow-x: hidden;*/
    /*overflow-y:scroll;*/
}

table {
    margin-bottom:0rem;
}
    
.tblCases_length label {margin-right:60px;}

.lead{font-size:.8rem;color:#008cba;}

.tabs li {margin-left: 0%;}

.tabs .tab-title.jepp > a {
    background-color: #efefef;
    color: #222222;
    display: block;
    font-family: "Helvetica Neue","Roboto", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    padding: .5rem 1rem;
    border-radius: 3px;
    border:1px solid #ddd;
}

.tabs .tab-title.jepp.active > a {
    background-color:#074a80;
    color: #fff;
    border-radius: 3px;
    border:1px solid #074a80; /* old 303e58 */
}

.case-details {margin-left:1rem;} /*remove */

#tblCases .button {margin:0;} /* added to fix bottom margin on table cases button */

.mysupport.button.radius.help {
    padding: .5rem 1rem;
    font-size: .6875rem;
    font-weight:400;
}
.mysupport.button.radius {
    -moz-appearance: none;
    background-color: #008cba;
    border-color: #007095;
    border-radius: .2rem;
    border-style: solid;
    border-width: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    /*font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size: 1.2rem;
    font-weight:500;
    line-height: normal;
    margin: 0 0 1.25rem;
    padding: .5rem 2rem .5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.mysupport.button:focus {
    background-color:#fff;
    color:#375474;
}

.mysupport.button.active {
    background-color:#fff;
    color:#375474;
}



.mysupport.button.active {
    background-color:#fff;
    color:#375474;
}

#myaccount-subscriptions {
    min-height:800px
}

.articleStyle.favs {
    
    border-bottom:.0rem dotted #c9c9c9;
}

.fav-count {
    font-weight:500;
    padding:.5rem 0 .5rem 1rem;
    /*border-bottom:.1rem solid #c9c9c9;*/
}

.ScrollStyle {
    max-height: 360px;
    overflow-y: scroll;
}


.link_blue{
    color:#3a5dae;
    cursor:pointer;
}

#p-alerts .left{
    margin-right:5px;
}

#p-alerts{
    margin-top:0.25rem;
}

.side_alert:hover {
    /*background-color:#f0f7fa;*/
    background-color:#aaa;
    cursor:pointer;
}

.side_alert_type {
    display:inline;
    color: #5b6770;
}


#product_alerts {
    margin: 0;
    padding: 0;
}

#product_alerts_header{
    width:100%;
    display:inline-block;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
}

#product_alerts_header .columns{
    padding-top:0.5rem;
}

/*The title for each product alert*/
.product_alert_title {
    font-size: 1.2rem;
    font-weight:500;
    color:#375474;
}

.product_alert_products {
    color:#5b6770;
}


/*The title over all product alerts, below the header*/
#product_alerts_title{
    color:#00a2e0;
    clear: both;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 500;
    margin: auto;
    text-align: center;
    padding: 1.5rem 0 0.5rem 0;
}

.white{
    color:#fff !important;
}

#product_alerts_footer{
    display:inline-block;        
    padding: 0 1rem 1rem 1rem;
    }

#product_alerts_footer .button{
    margin-bottom: 0;
    margin-right: 0.3125rem;
    font-size: 0.875rem;
}

.product_alerts_dropdown {
    padding:0 1rem;
}


/*64rem is 1024px and the breakpoint for large*/
@media only screen and (max-width: 64em) {
    #product_alerts{
        overflow-y: scroll;
        max-height: 25rem;
    }
       
    #product_alerts_footer {
        width:100%;
        padding:1rem;
        border-top: 1px solid #ddd;
    }
    
    #product_alerts #myList #documentList #videoList #productList #caseList {
        margin-bottom:0;
    }
}

@media only screen and (min-width: 64em) {
    #product_alerts{
        overflow-y: hidden;
    }
}


#product_alert_select  #drop-l {
    width: 42rem;
    max-height: 36rem;
    overflow-y:auto;
}

#product_alert_select #drop-s {
    max-height: 22rem;
    overflow-y:scroll;
}

#product_alert_select  #drop-l .drop-item-link{
    width:12.75rem;
    padding: 0.5rem 1rem;
}

#product_alert_select  #drop-s .drop-item-link{
    width:100%;
    padding: 0.25rem;
}

.drop-item-alt-bg{
    background: #f9f9f9;
}

.alert_select_count{
    font-weight:500;
    color:#3a5dae;
    
}
 
#product_alerts_viewing{    
    border-bottom: 1px solid #ddd;  
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align:center;
}
    
#total_alerts {
    color:#4d4d4d;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem 0 0;
    display:inline-block;
    clear: both;
}

.alert_summary {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.alert_summary:hover {
    background-color: #f0fafc;
}

.product_alert {
    padding: 0.5rem 1rem 1rem 1rem;
    margin:0;
    position: relative;
    z-index: 3;
}


.alert_activity {
    clear:both;
    color: #5b6770;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: italic;       
    margin: 0;
    padding-top: 0.125rem;
    float: right;
    position: relative;
}

.alert_active {
    border: 0.25rem solid #007095;
    margin-bottom: 0.0625rem;
}

.alert_active .alert_activity, .alert_detail_active {
    font-weight: 600;
    color: #00aa00;
    font-size:1rem;
}

.selected_alert {
    background-color: #d9f4ff;
    position:relative;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.right_arrow {
    border-top: 2.375rem solid transparent;
    border-bottom: 2.375rem solid transparent;
    border-left: 1.125rem solid #a6e7ff;
    padding-right: 1rem;
    padding-top: 0.125rem;
    margin-top: -2.375rem;
    width: 0;
    height: 0;
    right: 0;   
    top: 50%;
    position:absolute;
    z-index:2;
}

.arrow_shadow {
    border-top: 2.5rem solid transparent;
    border-bottom: 2.5rem solid transparent;
    border-left: 1.25rem solid #8fbbcc;
    padding-right: 0.875rem;
    margin-top: -2.375rem;
    width: 0;
    height: 0;
    right: 0;   
    top: 50%;        
    position:absolute;
    z-index:1;
}

.alert_detail {
    max-width:800px;
    width:100%;
    min-height:240px;
    height:auto;
    margin:auto;
    z-index:2;

}  

.alert_detail_head {
    color:#00a2e0;
    font-size: 1.2rem;
    font-weight: 500;
    clear: both;
    padding: 0;
    text-align: center;
    display: inline-block;
    margin:auto;
    font-size: 1.5rem; 
} 
.alert_detail_title {
    font-weight:500;
}
.alert_detail_value {
    color:#5b6770;
    padding:0 0.5rem 0 0;
}
.alert_detail_html {
    padding-top:1rem;
}

.alert_detail_html table {
    width:100%;
}

.alert_detail_image {
    width:100%;
    height:auto;
    padding: 0.5rem 0;
}

.alert_detail_attachments {
    list-style: none;
    margin:0;
}
    


/* Done when screen less than 767px */
/* put in temp.css */
@media screen and (max-width: 767px) {
    
    /* mysupport/cases datatables remove paging numbers when on small screen */
    li.paginate_button {
        display: none !important;
    }
    li.paginate_button.previous {
        display: inline !important;
    }
 
    li.paginate_button.next {
	display: inline !important;
    }
    
    /* removes vertical divider on product page when on small screen */
    /*
    div.product_divider {
        border-right:0rem !important;
    }
    */
}

@media screen and (min-width: 640px) {
    div.case-overview_sticky { 
        position:-webkit-sticky; 
        position:sticky; 
        /*top:155px;*/
        top:0.5rem;
    }    
}

/* Done when screen less than 768px */
@media screen and (min-width: 768px) {
	
    /* mysupport/cases datatables remove apply styling for show/search to make it work on a small screen */
    div.dataTables_wrapper div.dataTables_length select{
            width:90px !important;
    }
        
}
/* Done when screen less than 640px */ /* SMALL SCREEN */
@media screen and (max-width: 640px) {
    /* removes vertical divider on product page when on small screen */
    div.article_divider {
        border-left:0rem !important;
    }
    
    /* removes vertical divider on product page when on small screen */
    div.product_divider {
        border-right:0rem !important;
    }
    
    div.case-overview_divider {
        border-right:0rem !important;
        padding-left:0;
        padding-right:0;
    }
    div.case-overview_no-padding { 
        padding-left:0 !important; 
        padding-right:0 !important; 
    }

    /* removes vertical divider on product page when on small screen */
    div.case-detail-container{
        padding-top:1rem !important;
        border:none !important;    
        padding-left:0rem !important;
    }
    div.timeline-data{
        padding:0rem !important;
    }
    div.sidebar {
        padding-left:0;
    }
    div.row.sidebar.alert {
        padding-left:0 !important;
    }
    
    div.row.sidebar.alert > .help-sections {
        padding-left:0 !important;
    }
    div#article-content-right {
        padding-left:0 !important;
    }
    div.social-icons {
        padding:1rem;
    }
    div.more-documentation{
        margin-bottom:.5rem !important;
    }
    
    #notification-text {
        display:none !important;
    }
    .prod-card-details > .trending.summary {        
        min-height:120px;
        max-height:120px;
    }
    
}

/* Header above 800 */
@media screen and (max-width: 800px) {
    div#csp-home {
        display:none !important;
    } 
    #menu-home {
        display:list-item !important;
    }
    .csp-title-wrap {
        display:block;
    }
    .csp-title-full {
        display:none;
    }
    
}

/* Header below 800 */
@media screen and (min-width: 800px) {
    
    .csp-title-wrap {
        display:none;
    }
    .csp-title-full {
        display:block;
    }
    
}



/* My Support Menu */
.mySupport{ cursor:pointer; }

.fi-lock { color: #bbb; }

/* font awesome * /

 /* custom css to modify border */
.fa-border1 {
	padding: .2em .25em .15em;
	border: solid .1em #666666;
	border-radius: .2em;
}

/* end font awesome */


/* survey ratings */					
.rating_container {
	display: inline-block;
	vertical-align: bottom;
        
}

.rating_label {
	display: inline-block;
	vertical-align: middle;
}

.rating {        
    border:3px solid #fff;
    text-align:center;
    padding-top:.2rem;
}

.rating-icon:hover{
    border:3px solid #074a80;
    border-radius:.5rem;
}

.icon-rating-desc {
    margin-top:.5rem;
    border:0px solid #000;
    color:#8fbbcc;
}

.icon-rating-desc-on {
    margin-top:.5rem;
    color:#074a80;
}

.rating-icon {   
    border:3px solid #fff;
    padding:1rem 0;
    cursor:pointer;
    text-align:center;
    /*opacity:.5;*/
}

.rating-sel {        
    border:3px solid #074a80;
    border-radius:.5rem;
    color:#074a80;
    /*color:#001c45;*/ 
    /*opacity:1.0;*/
}

.rating-desc {
    padding:.2rem 0;
    font-size:.8rem;
    text-align:center;
}
.rating-icon-selected {
    color:#00a2e0;
}

			
/* class to accept fontawesome unicode on a select */
.fontawesome-select {
	/*font-family: 'Roboto','FontAwesome', 'Helvetica';*/
}

/* Pasword Validaton */

#pswd_info table {       
    border: 0;
    margin-bottom: 1.25rem;
}

#pswd_info tr{
    background: #ffffff none repeat scroll 0 0;
}
#pswd_info td {
    font-size:.7rem;
    padding: 0rem 0.5rem;
}

#pswd_info::before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}

.invalid {
    background:url(../images/invalid.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}
.valid {
    background:url(../images/valid.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}

#loginMsg,#sm_loginMsg {
    border:0px solid #000;
    width:15rem;
    font-size:.875rem;
    color:red;
}

/* login canvas buttons */
button.expand.login, .button.expand.login {
    font-size: 1rem;
    padding: .5rem 1rem .5rem;
    width: 100%;
}

button.expand.register, .button.expand.register {
    background-color:#fe5000;
    font-size: 1rem;
    padding: .5rem 1rem .5rem;
    width: 100%;
    font-weight:600;
}

button.register, .button.register {
    background-color:#fe5000;
    font-size: 1rem;
    padding: .5rem 1rem .5rem;
    width: 100%;
    font-weight:600;
}

button.register:hover, .button.register:hover {
    background-color:#fe3000;
    text-decoration:none;
}

button.expand.register:hover, .button.expand.register:hover {
    background-color:#fe3000;
    text-decoration:none;
}

.reveal-modal.custom {
    background-color:#000;
    padding:0;
}

.reveal-modal.custom-help {
    padding:1rem;
}

/* new modal style per dave */
.reveal-modal.help-small {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 40%;
}


/* end new modal style per dave */


.close-reveal-modal.help {
    position:relative;
    color: #007095;
    cursor: pointer;
    font-size: 1rem;
    font-weight:600;
    line-height: 1;    
    top: 0;
    right:0;
}

#popularArticleList li{padding: 1rem 0.5rem; display:none;list-style-type:none;}
#popularArticleList ul{margin-left:0;}

#videoList li, #alertList li, #myList li, #documentList li, #videoList li, #productList li, #caseList li { display:none;list-style-type:none;}
#videoList, #alertList, #mylist ul, #documentList ul, #videoList ul, #productList ul, #caseList ul {margin-left:0;}

/*
.d_case_mgmt.show-for-large-up {
    background-image: url(../images/cases-three-agents.png);
    background-repeat: no-repeat;   
    background-position: left; 
    background-size:85%;
    
}
*/
.article-icon {    
    border:0px solid;
    margin-bottom:1rem;
}

/*
.bookmark {
    text-align:center;
    color:#fff;
    font-size:.875rem;
    border:1px solid #23c43e;
    width:110px;
    padding:.1rem .3rem;
    border-radius: 3px;
    background-color:#36d04f;
}
*/
button.bookmark, .button.bookmark {
    background-color: #36d04f;
    border-color: #23c43e;
    color: #fff;
    margin-bottom:0;
}

.fa.fa-compass.on {
    /*color:#074a80;*/
    color:#00a2e0;
    /*color:#cd0a0a;*/
}

.fa.fa-compass.off {
    /*color:#074a80;*/
    color:#c9c9c9;
    /*color:#cd0a0a;*/
}

#product-categories .link {
    color:#00a2e0;
    font-weight:400;
    border:#fff .1rem solid;
    border-radius:.5rem;
    padding:0 2rem;
}

#product-categories .show-for-medium-down .link {
    padding: 0 1rem;
}

#product-categories .button-group {
    display:table; 
    margin:auto;
}

#product-categories .show-for-medium-down .button-group {
    padding:0.5rem 0;
}


.new_blue {
    color:#00a2e0;
}

.need_help {
    padding:.5rem 0;    
    font-weight:500;
    margin-right:1rem;
    font-size:.8125rem;
    color:#375474;
}

.need_help a {
    color:#375474;
}

.support-menu-item {
    margin-left:.7rem;
}

.icon-menu {
    opacity:.3;
    color:#ccc;
    font-size:1.3rem;
    border:0px solid #fff;
    margin-top:.8rem;
}

.icon-menu.cases {
    margin-left:2rem;
}

.icon-menu.recent {
    margin-left:1.9rem;
}

.icon-menu.favorites {
    margin-left:4.3rem;
}

.icon-menu.alerts {
    margin-left:2.2rem;
}

.icon-menu.dashboard {
    margin-left:3.6rem;
}

.icon-menu.acct {
    margin-left:4.1rem;
}

.icon-menu.logoff {
  margin-left:5.3rem;
}

.favs {
    border:0px solid;
}

.favs > .title {
    color:#5b6770;
    width:4rem;
}

.favs > .title.long {
    width:6rem;
}

.favs > .value {
     margin-left:1rem;
}

#feedbackStatusMsg {
    text-align:center;
    background-color:#fff;
    padding-top:1rem;
}

.feedback.summary {
    color:#5b6770;
}

.feedback.big {    
    color:#0e0e0e;    
    font-size:1.4rem;
    font-weight:500;
}

.feedback a {
    color:#00a2e0;
}

.loader {
    padding:2rem 4rem;
}

.drop-item-container {
    border:0px solid;
    margin-bottom:.2rem;
}
.drop-item-link{
    width:10rem;
    font-size:.875rem;
    border:.0rem solid;
    word-break:normal;
    font-size:.8rem;
    color: #555555;
    display: block;
    padding: 0.5rem;
}

/* overrides default medium size by 100px */
.f-dropdown.medium {
    max-width: 600px;
}

/* app.css includes this functionality for .f-dropdown.li, but the Product table needs to use divs */
.f-dropdown div {
    cursor:pointer;
}

.save-search{
    border:0px solid;
    cursor:pointer;
}

.dashboard-home {
    
}

/* mysupport tab row container */
#tab_row {
    margin-bottom:2rem;
    border-top:1px solid #c9c9c9;    
    background-color:#fff;
    border-bottom: 0.063rem solid #aaa;
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.2);
}

/* mysupport tab links */
.my-support-links a {
    font-size:1.2rem;
    font-weight:500;
    padding:1rem;
}

/* mysupport case notes modal*/
.reveal-modal.notes{
    background-color: #375474;
    border: 1px solid #666666;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: none;
    left: 0;
    padding:0;
    position: absolute;
    top: 10rem;
    visibility: hidden;
    width: 100%;
    z-index: 1005;
}

/* mysupport container right color */
#case-right-container {
    background-color:#fff;
}

/* mysupport case notes*/
.notes-prop {
    color:#fff;
    padding:.3rem 0;
}

/* mysupport case notes*/
.notes-prop > .title {
    border:0px solid #fff;
    color:#c9c9c9;
    width:5rem;
    font-weight:500;
}

/* mysupport case notes*/
.notes-prop > .value {        
    font-weight:400;
    color:#fff;
}

/* mysupport case content */
.case-content {
    color:#4d4d4d;
    
}

/* mysupport add case note label */
#caseNotesContainer label{
    font-weight:bold;
}

/* mysupport favorites */
.favorite.details{
    color:#5b6770;
    font-weight:300;
}

.myfavs-head {
    font-size:19px;   
    font-family:"Helvetica Neue Medium";
    padding-bottom:1rem;
}

.articleStyle.favs.card.card-1 {
    width:100%;
    margin-bottom:.5rem;
}
/* mysupport about icons */
.icon_wrap {
    /*
    height:100%;
    height: 100%;
    */
    float:left;  
    padding:.5rem;
    color:#ccc;
}

/* mysupport likely unused */
/*
.switch {
    -moz-user-select: none;
    border: medium none;
    margin-bottom: .5rem; 
    outline: 0 none;
    padding: 0;
    position: relative;
}
*/

/* autocomplete display for categories*/
li.ui-menu-item.item-disabled {
    text-decoration: none;    
    color: #375474;
    font-weight:500;
}

#csp-home {    
    font-size:1.1rem;   
    height:50px;
    margin-left:1.5rem;
    font-weight:500;
    border-bottom:4px solid #375474;
    max-width:220px;
    
    padding-top:.9rem;
}
#csp-home a:hover{text-decoration:none;color:#3a5dae;}

#user-menu a {
    text-decoration:none;
}

/* affects the size of the dropdown links on top bar */
.dropdown.menu li a{
    font-size:14px;
}

/* styles used for configuration form */
.config-container {
    margin:.3rem;
    /*padding:.8rem;*/
    border:.1rem solid #ccc;
}

.config-count {
    color:#b56c15;
    text-align:right;
    font-size:.9rem;
    margin:.3rem .5rem;
    font-weight:500;
}

.config-title {
    
    font-weight:500;
    border-bottom:1px solid #ccc;
    font-size:1rem;
}

.config-desc{
    padding:.3rem .5rem .5rem .5rem; 
    border:0px solid;
    font-size:.9rem;
}

.config-info{
    font-weight:600;
    padding-left:.5rem; 
    border:0px solid;
    font-size:.9rem;
}

.config-input {    
    padding:.3rem .5rem; 
    border:0px solid;
}

.pad {
    padding-bottom:.5rem;
}

.config-type {
    border-right:3px solid #8e8e8e;
    background-color:#e7e7e7;
    padding:.5rem;
    width:50%;    
    color:#008cba;
    font-weight:500;
    padding-right:.5rem;
}

.config-name{
    
    
    padding:.5rem;
    width:50%;
    background-color:#ccc;
}

.element.select.small{
    width:5rem;
}

.element.select.large{
    width:12rem;
}

.fav-link a {
    color:#00a2e0;
    font-weight:400;
}

.article-list-prop a {
    font-weight:400;
}

#impersonate-bar {
    width:100%; 
    padding:.3rem .3rem .3rem .3rem;
    font-weight:400;    
    /*background-color:#b8cce4; */
    background-color:#ff8a00;
    
    font-size: 14px;
    /*
    background-color:#F4E0E1; 
    color:#A42732;
    */
    color:#fff;
    
    /*
    border-bottom: 1px solid #A42732;
    border-top: 1px solid #A42732;
    */
}

#notification-bar {
    width:100%; 
    padding:.8rem .3rem 1rem .3rem;
    font-weight:400;    
    /*background-color:#b8cce4; */
    background-color:#253746;
    
    font-size: 14px;
    /*
    background-color:#F4E0E1; 
    color:#A42732;
    */
    color:#fff;
    
    /*
    border-bottom: 1px solid #A42732;
    border-top: 1px solid #A42732;
    */
}

#notification-bar a {
    text-decoration:none;
    color:#009DBF;
}

#notification-bar .closeMaintenanceBanner {
    color:#009DBF;
    
    
    cursor: pointer;
    height: 20px;
    width: 20px;
    font-weight: bold;
}

.case-entry {    
    background-color:#004B87; /*#375474;*/
    cursor:pointer;    
    border:.0rem solid #ff0000; /*00a2e0;*/
    border-radius: .5rem;
    color:#fff;
    text-align:center;
    height:220px;
    max-height:250px;
    margin:0 .2rem .2rem 0;
    padding:1rem 0;
}

/*  CaseDetails classes */
.case-detail-container {min-height:490px;border-left:.3rem solid #c9c9c9;}
.case-detail-content {color:#0e0e0e;font-size:.875rem;}
.case-overview, .case-description {font-size:.875rem;word-wrap: break-word;border:0px solid;}
.case-overview .title {width:6.5rem;border:0px solid;}
.case-detail {color:#5b6770;padding:.2rem 0;border:0px solid;}
.case-desc {color:#0e0e0e;padding:0;border:0px solid;}
.case-desc > .value {color:#0e0e0e;border:0px solid;}
.case-desc_short { height:17rem; overflow-y:hidden; margin-bottom: 0.25rem; }
.case-desc_view-more { border-top:1px solid #ccc; padding-top: 0.25rem; text-align:center; color:#666; }
.timeline-data { 
    padding:0 1.5rem;
    /*font-family: Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;*/
}


.case-entry .card-info.success {}
.case-entry .card-info .card-info-content .entry-icon{text-align:center;}
.case-entry .card-info .entry-title{text-align:center;margin-top:.5rem;font-size:1.5rem;font-weight:500;}
.case-entry .card-info .entry-description{text-align:center;padding:.5rem 1rem;font-size:.875rem;}
.case-entry:hover {background-color:#00a2e0;}

#caseTypeContainer {border:0px solid #000;padding:1rem 0;background-color:#fff;}
#caseTypeContainer .entry-hello {text-align:center;font-size:1.5rem;color:#000;}

.create-case, .case-detail, .create-case-user {font-size:.875rem;color:#0e0e0e;}
.ci-title {border:0px solid #aaa;font-weight:500;margin-right:.5rem;}

.create-case .create-case-user .section-header {font-size:1.5rem;font-weight:500;color:#0e0e0e;} /*#0078a0*/
.create-case .create-case-user .create-case-info-container {padding:1rem 0;border:0px solid #000;}

.create-case .create-case-user {padding:0;}
.create-case .create-case-user .section-title, .create-case .create-case-history .section-title{font-weight:500;color:#0e0e0e;font-size:1.1rem;padding-bottom:.2rem;}
.create-case .create-case-user .create-case-info-container .ci-title{color:#0e0e0e;font-size:.875rem;}

.notification-center {color:#666666;padding:0 .2rem;font-size:.6rem;}
.notification-icon {cursor:pointer;}

table#notificaton-table {
    margin-bottom: 0;
    padding-bottom:0;
}
table#notificaton-table {
    background: #fff none repeat scroll 0 0;
    /*background: #ffffff none repeat scroll 0 0;*/
    border: 1px solid #dddddd;
    margin-bottom: 1rem;
    margin-top: 0rem;
    table-layout: auto;
}
table#notificaton-table tr th, table#notificaton-table tr td {
    color: #0e0e0e;
    font-size: 0.875rem;
    padding: 0.3625rem 0.325rem;
    text-align: left;
    border: 0px solid #dddddd;
}

table#notificaton-table tr.even, table#notificaton-table tr.alt, table#notificaton-table tr:nth-of-type(2n) {
    /*background: #f9f9f9 none repeat scroll 0 0;*/
    /*background: #e9e9e9 none repeat scroll 0 0;*/
}

#notification-hub {
    /*
    border-top:.2rem solid #8aa0ae/
    border-bottom:.5rem solid #000;
    background-color:#2c3840;
    font-size:.875rem;
    */
}
#notification-center {
    color:#00a2e0;
}

.notification-center-container {
  font-family:'Helvetica Neue';
  font-size:14px;
  padding: .5rem 0 0;
  border: 0px solid #cacaca;
  /*box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.18);*/
  color:#8aa0ae;    
}

.notification-center-container .notification-center-header {
  padding: 0 0.9375rem .5rem;
  /*border-bottom: 0.0625rem solid #cacaca;*/
}

.notification-center-container .notification-center-header .header-title {
  font-weight: bold;
  font-size:1.3rem;
  color:#fff;
}

.notification-center-container .notification-detail-row {
  margin: .5rem 0 0;
  padding-bottom: .3rem;
  border-bottom: 0.0625rem solid #8aa0ae;
}

.notification-center-container .notification-detail-row .about-alert {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
          
}

.notification-center-container .notification-detail-row .about-alert .about-alert-icon {
  padding:0.5rem 1rem 0 0;
  padding-left: 0;
  border:0px solid #000;
}

.notification-center-container .notification-detail-row .about-alert .chevron-alert-icon {
  padding:0.5rem 1.4rem 0 0;
  padding-left: 0;
  border:0px solid #fff;
}

.notification-center-container .notification-detail-row .about-alert .about-alert-icon .avatar-image {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 0.0625rem solid #cacaca;
}

.notification-center-container .notification-detail-row .about-alert .about-alert-detail {
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
     
}
.notification-center-container .notification-detail-row .about-alert .about-alert-detail .notification-date {
  color: #FFF;
  margin-top: .8rem;
}

.notification-center-container .notification-detail-row .about-alert .about-alert-detail .notification-date .notification-subject{
  color: #0e0e0e;
  margin: 0;
}

.notification-center-container .notification-detail-row .about-alert .about-alert-detail .notification-type {
  /*color: #0e0e0e;*/
  margin: 0;
  font-weight:500;
  color:#FFF;
}

.notification-center-container .notification-detail-row .about-alert .about-alert-detail .notification-type-ch {
  /*color: #0e0e0e;*/
  margin: 0;
  font-weight:500;
  color:#ffffcc;
}

.notification-center-container .notification-detail-row .about-alert .about-alert-detail .notification-date-ch {
  /*color: #0e0e0e;*/
  margin: 0;
  font-weight:400;
  color:#ffffcc;
}

.notification-type {
  /*color: #0e0e0e;*/
  margin: 0;
  font-weight:400;
  color:#FFF;
}


.notification-center-container .notification-detail-row .about-alert .about-alert-detail .notification-product {
    /*color:#00a2e0;*/
    color:#8aa0ae;
    margin:0;
}

.notification-center-container .notification-detail-row .about-alert .about-alert-detail .notification-product a {
    /*color:#00a2e0;*/
    color:#00a2e0;
    margin:0;
    font-weight:500;
}

.notification-center-container .notification-detail-row .about-alert .about-alert-detail .author-mutual {
  color: #8a8a8a;
  margin-bottom: 0;
  font-size: 0.85em;
}

.notification-center-container .notification-detail-row .notification-option {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 39.9375em) {
  .notification-center-container .notification-detail-row .notification-option {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.flex.about-alert-detail {
    padding-left:2.4rem;
    border:0px solid #fff;
}


/* Done when screen less than 640px */ /* SMALL SCREEN */
@media screen and (min-width: 1024px) {
    div.flex.about-alert-detail {
        padding-left:1.6rem !important;
    }
    
}

@media screen and (min-width: 1240px) {
    div.flex.about-alert-detail {
        padding-left:1.6rem !important;
    }
}

@media screen and (min-width: 1640px) {
    div.flex.about-alert-detail {
        padding-left:2.6rem !important;
    }
}


.notification-actions.left > button.button.primary.radius.tiny.notification-view {
    margin-bottom:0;
}

.notification-center-container .notification-detail-row .notification-option .notification-actions {
  margin-top: 0.7rem;
}

.notification-center-container .view-more-people {
  margin: .7rem 0;
}

.notification-center-container .view-more-people .view-more-text {
  margin-bottom: 0;
  text-align: center;
}

.notification-center-container .view-more-people .view-more-text .view-more-link {
  color: #1779ba;
}

.notification-center-container .view-more-people .view-more-text .view-more-link:hover, .people-you-might-know .view-more-people .view-more-text .view-more-link:focus {
  text-decoration: underline;
}

/* Dropdown Button */
/*
.signInbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
*/

/* Dropdown button on hover & focus */
.signInbtn:hover, .signInbtn:focus {
    background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.signin-dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.signin-dropdown-content {
    display: none;
    position: absolute;
    background-color: #253746;
    min-width: 341px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.signin-dropdown-content a {
    color: #009BDF;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.signin-dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* CSS FOR LEFT TOGGLE 
.hamburger {
  position: relative;
  margin: 20px 20px 0 0px;
  z-index: 2;
  cursor: pointer;
}

.line {
  width: 30px;
  height: 2px;
  background: #FFF;
  margin-bottom: 7px; 
}

.csp.move-right > .inner-wrap {
    webkit-transform: translate3d(350px, 0, 0);
    -moz-transform: translate3d(350px, 0, 0);
    -ms-transform: translate3d(350px, 0, 0);
    -o-transform: translate3d(350px, 0, 0);
    transform: translate3d(350px, 0, 0);
}

.csp.left-off-canvas-menu {
    width: 350px;
}

.oc-link{
    font-family:'Helvetica Neue Standard Bold';
    padding:.3rem 0;
    font-size:.875rem;
}

.oc-link > a {
  position: relative;
  color:#959ea5;
  
  
  text-decoration: none;
}

.oc-link > a:hover {
  color: #009BDF;
}

.oc-link > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;

  background-color: #009BDF;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.oc-link > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.line-blue {
  width: 30px;
  height: 2px;
  background: #009BDF;
  margin-bottom: 5px; 
}

.off-canvas-wrap, .inner-wrap {
    min-height: 100%;
}

.off-canvas-wrap{  
    height: 100%;
    overflow-y: auto;
}
*/

@media only screen and (max-width:1024px){ 
    
    .support-breadcrumbs, 
    .categories,      
    .search-filter,
    .product-support,
    #partner-page-container,
    .page-banner-title,
    .search-results {
        padding-left:1.5rem;
    }     
    .numberCircle {
        right:6px;
    }
}



@media only screen and (min-width: 1280px) {
    /* Styles go here */
    .support-breadcrumbs {
        padding-left:1rem;
    }
    .product_divider {
        
    }
    
    .product_divider > .row {
       
    }
    
}

@media only screen and (max-width: 1366px) {
    /* Styles go here */
    .support-breadcrumbs {
        padding-left:1.5rem;
    }
    
    
    .banner-image > .columns.large-centered.max-constraint {
        margin-left:0 !important;
    }
    
}

/*
@media (max-width: 805px) and min { 
    .csp-logo-medium-up {
        display:none !important;
    }
    .csp-logo-small {
        display:visibile !important;
    }
}
*/
video {
        width:100%;        
        object-fit:contain;
    } 


.login-title {
  padding-top: 4rem;
  padding-bottom: 1.5rem;
}   

.login-title-welcome {
  color:#009BDE;
  font-size: 1.5rem;
  text-align: center;
}   

.login-title-brief {
  color:#8b8b8b;
  font-size: 1.0rem;
  text-align: center;
  padding-bottom: 0.5rem;
}   

.login-container {
    padding:0 1rem 1rem 1rem;
    border:0px solid #fff;
    background-color:#253746;
    border-radius:4px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.login-content {
    font-size: 14px;
    color:#fff;
    padding-bottom: 1rem;
    text-align: center;
}

/* Search page tabs */

.tabs dd.active a, .tabs .tab-title.active a {
    border-left: 4px solid #008CBA;
    color: #0078a0;
}
.tabs dd.active a, .tabs .tab-title.active a.underline {
    border-bottom: 4px solid #008CBA;
    border-left: 4px solid white;
    color: #0078a0;
}

.articleStyle:hover{
    box-shadow: 0 8px 16px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%) !important;
    background-color: #EEE !important;
}


.filterButton{color:grey;cursor: text;font-size: 12px; border-radius: 5px;padding: 7px;background: #fff;margin-right: 10px;}
.filterButton:hover{color:grey;cursor: text;font-size: 12px; border-radius: 5px;padding: 7px;background: #fff;margin-right: 10px;}

@media only screen and (max-width: 40em) { /* small */
    .tabs dd > a, .tabs .tab-title > a
    {
        padding: 1rem .5rem;
    }
}
@media only screen and (min-width: 40.063em) { /* medium landscape*/
    .tabs dd > a, .tabs .tab-title > a
    {
        padding: 1rem 1rem;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) { /* medium portrait*/
    
    .tabs dd > a, .tabs .tab-title > a
    {
        padding: 1rem .5rem;
    }
    
}

@media only screen and (min-width: 64.063em) { /* large */
    .tabs dd > a, .tabs .tab-title > a
    {
        padding: 1rem 2rem;
    }
}


.tabs dd > a, .tabs .tab-title > a{
    background: #fff;
    color: #979797;
    outline: none;
    border-left: 4px solid transparent;
    transition: border-bottom 0.5s;
    text-decoration: none;
}

.tabs dd > a:hover, .tabs .tab-title > a:hover {
    background: #fff;
    border-left: 4px solid #008CBA;
}
.tabs dd > a.underline:hover, .tabs .tab-title > a.underline:hover {
    background: #fff;
    border-bottom: 4px solid #008CBA;
    border-left: 4px solid white;
}

.tabs .tab-title { 
    padding-right: 0%;
}


.transparent {
    background:#7f7f7f;
    background:rgba(0,0,0,0.5);
}

video { cursor: pointer; }

table#video-table {
    background: #fff none repeat scroll 0 0;
    border: 0px;
    table-layout: auto;
}

table#video-table, table#video-table tr:nth-of-type(2n) {
    background: #fff none repeat scroll 0 0;
}

table#video-table tr th, table#video-table tr td {
    font-size: 1.0rem;
    padding: 0.25rem 0.625rem;
}

.curve2 {
    -moz-border-radius-bottomright: 2px 2px;
    -moz-border-radius-bottomleft:  2px 2px;
    -moz-border-radius-topleft:     2px 2px;
    -moz-border-radius-topright:    2px 2px;
    border-top-right-radius:        2px 2px;
    border-top-left-radius:         2px 2px;
    border-bottom-right-radius:     2px 2px;
    border-bottom-left-radius:      2px 2px;
}

.curve2top {
    -moz-border-radius-topleft:     2px 2px;
    -moz-border-radius-topright:    2px 2px;
    border-top-right-radius:        2px 2px;
    border-top-left-radius:         2px 2px;
}


.curve4 {
    -moz-border-radius-bottomright: 4px 4px;
    -moz-border-radius-bottomleft:  4px 4px;
    -moz-border-radius-topleft:     4px 4px;
    -moz-border-radius-topright:    4px 4px;
    border-top-right-radius:        4px 4px;
    border-top-left-radius:         4px 4px;
    border-bottom-right-radius:     4px 4px;
    border-bottom-left-radius:      4px 4px;
}

.curve4top {
    -moz-border-radius-topleft:     4px 4px;
    -moz-border-radius-topright:    4px 4px;
    border-top-right-radius:        4px 4px;
    border-top-left-radius:         4px 4px;
}

.curve8top {
    -moz-border-radius-topleft:     8px 8px;
    -moz-border-radius-topright:    8px 8px;
    border-top-right-radius:        8px 8px;
    border-top-left-radius:         8px 8px;
}





.caseHistoryRow  { 
	border: 1px solid rgba(130,140,190,0.8); 
	color: white; 

	padding: 0.4rem; 
	margin: 0.4em; 
}

.caseHistoryRow0 {  } /* #d4d4d4; */
.caseHistoryRow1 {  } /* #e0e0e0;  */
.rowHighlight    {  } /* yellow;  */


.leftRightOuter { 
  width: 100%; 
  text-align: center; 
  padding:1rem; 
}


.caseHistoryId a   { }
.caseHistoryId     { display: inline-block;                         font-weight:500; padding:0 0.2em;  } 
.caseHistoryDate   { display: inline-block;                         font-weight:400; padding-left:0;  color: black;             }
.caseHistoryStatus { display: inline-block; font-weight:400; padding: 0 0.2em; color: black;}
.caseHistoryDescription { word-break: break-all; font-weight:100; padding-left: 1em; color: black;}


.createNewCaseRightSide {
    display: inline-block; 
    vertical-align: top;  

    padding: 0;
    max-width: 30em; 
    margin-left: 3rem;

}

 




/* ---------------------- caseDetails.php - start ---------------------- */
.caseDetailsRightSide {
    padding-left: 8em;
}


.caseOuter {

}

.caseOuterMain {
         background-repeat: repeat-y;
         color: black;

         min-width: 25em;
         padding: 0;
	 margin: 0;
}


.caseOnly {
  padding: 0;
  margin: 0;
}




.caseDetails {
        display: inline-block;
        margin-left:.5rem;
        margin-right: 0;
        font-weight: none;
        white-space: nowrap;
        -webkit-column-break-inside: avoid;
}
.singleItemTitle {
        display: inline-block;
        margin-left:.5rem;
        padding-top: 5px;
}


.caseDetailsTitleSingle {
        display: inline-block;

	margin: 0 0 0 0;
        padding: 0.5em;

	font-size: 1.3em;
}




.caseDetailsTitle {
        display: inline-block;
        margin-left:.5rem;
        width: 5rem;
        padding-top: 5px;
}
.caseDetailsTitleDescription {
        display: inline-block;
        margin-left:.5rem;
        padding-top: 5px;
}

.caseDetailsDescription {
        display: inline-block;
        margin-left:0.5rem;
        font-weight: none;
}
.caseDetailsDescriptionOuter {
        background: rgba(120,130,100,0.5);
	border: 1px solid lime;
	color: yellow;
}

.value {
        display: inline-block;
}
/* ---------------------- caseDetails.php -  end  ---------------------- */


/*
.darken:before {
  background: black;
  content: "";
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}

*/