.brand-logo {margin-left: 32px;}
.main-nav {position: fixed; z-index: 1001; background-color: #009374;}
.page {display: none; padding-right: 35px; padding-top: 30px; padding-bottom: 50px;}
.page.active {display: block;}
.card-content-p {min-height: 90px;}

.partners-box {border: 2px solid #009374; margin-bottom: 10px; text-align: center;}
.partners-box img {max-width: 95%;}
.partners-title {background: #009374; padding: 10px; color: #fff; font-size: 20px; text-align: left;}
.cover-box {}
.cover-box img {max-width: 100%; min-width: 100%}

.logo {
    cursor: pointer;
    /*
    width: 70%;
    height: 240px;
    */
    width: 55%;
    height: 205px;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    background-repeat: no-repeat;

    margin-top: -20px;
}

/**
 * side-nav
 **/
.side-nav .menu-dropdown ul li a {
    font-weight: 400;
    padding: 0 37.5px 0 35px;
    margin-left: 15px;
    border-bottom: 1px solid #ebebeb;

    background-color: white;
    box-shadow: inset 0px -10px 60px 0px rgba(235,221,235,0.44);
    
    /**
    * border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    **/
    
}
.side-nav .menu-dropdown ul li {
    /**
    * border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    **/
    background-color: #cdcccd;
}

ul.side-nav.fixed li a {
    min-height: 44px;
    height: auto;
}

ul.side-nav.fixed.submenu a {
    border-radius: 2px
}
.side-nav .menu-dropdown ul li ul ul li a {
    padding: 0 37.5px 0 45px; /* 60px */
    margin-left: 30px;
}
.side-nav .menu-dropdown.active > li > .menu-dropdown-title {
    background: #f2f2f2;
    
}

.menu-dropdown-title {
    border-bottom: 1px solid #ebebeb;
}

.side-nav .menu-dropdown {
    position: relative;
}
.side-nav .menu-dropdown-title:not(.no-icon)::after {
    font-family: 'Material Icons';
    content: '\e315';
    display: inline-block;
    position: absolute;
    right: 15px;
}
.side-nav .menu-dropdown.active > li > .menu-dropdown-title:not(.no-icon)::after {
    content: '\e313';
}

ul.side-nav.fixed ul li.active a:hover{
    background: #009374;
}
ul.side-nav.fixed ul li.active a {
    background: #009374;
}

ul.side-nav.fixed ul li:hover {
    /*
    box-shadow: 0px 8px 60px -3px rgba(255,255,255,0.82);
    */
    box-shadow: inset 0px -10px 60px 0px rgba(235,221,235,0.44);
}
ul.side-nav.fixed ul li a:hover {
    background-color: #f2f2f2;
}

ul.side-nav.fixed ul li.active  {
    background-color: #cdcccd;
    box-shadow: 0px 8px 60px -3px rgba(255,255,255,0.82);
}

ul.side-nav.fixed ul li ul ul li.active  {
    box-shadow: 0px 8px 60px -3px rgba(255,255,255,0.82);
}

.side-nav li.active a {
    color: #fff;
}

a.button-collapse.top-nav i {
    left: -1px;
    position: relative;

}

a.button-collapse.top-nav.full {
    line-height: 60px;
}

.collapsible-header.faq {
    padding: 1rem 1rem;
    line-height: 2.3rem;
}

.collapsible-header.information:after {

}
.collapsible-header.information.active:after {

}

.collapsible-header i {
    float: right;
    margin-right: 0
}

.collapsible-header.active i.more {
   display: none;
}

.collapsible-header i.more {
    display: block;
 }

.collapsible-header.active i.less {
    display: block;
}

.collapsible-header i.less {
    display: none;
}

.mobile-nav-wrapper {
    background-color: rgba(81, 153, 130, 0.8);
    width: 100%;
    min-height: 50px;
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
}

@media screen and (max-width: 992px) {
    .mobile-nav-wrapper {
        display: block;
    }
}

@media (max-width: 768px) {
    .xs-header {
        display: block !important;
    }
}
@media (max-width: 768px) {
    .xs-warning {
        display: block !important;
    }
}

.xs-warning {
    display: none;
    position: fixed;
    background: rgba(0,147,116,0.7);
    width: 100%;
    height: 100%;
    z-index: 1000;
    padding: 60px 30px;
}

.xs-warning .card{
    padding: 20px
}

.xs-warning img {
    width: 100px;
    height: auto;
    padding-top: 5%;
}
.xs-header {
    padding: 10px;
    font-size: 1.5rem;
    font-weight: 300;
    background: #f18f6d;
    color: white;
    display: none;
    text-align: center;
    margin: 20px;
    letter-spacing: .5px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.mobile-nav-brand {
    float: right;
    margin-right: 7.5%;
    line-height: 50px;
    color: white;
    font-size: 20px;
}


#readinesscheck_results.active {
    background: white;
    border-bottom: 1px solid #ebebeb;
}
#readinesscheck_results {
    border-top: 1px solid #ebebeb;
    background: #f2f2f2;
    box-shadow: none;
}
#readinesscheck_results a{
    box-shadow: none;
}

a.button-collapse.top-nav {
    left: 6.5%;
    margin-left: 0
}
@media only screen and (max-width: 600px) {
    a.button-collapse.top-nav {
        left: 4%;
    }
}

.collection a.collection-item {
    text-overflow: ellipsis;
    overflow: hidden;
}

.submenu,
.submenu-readiness {
    background: #fff;
}
.submenu-readiness {
    padding-bottom: 50px;
}

#carousel-item {
    height: 260px !important;
}

.carousel.carousel-slider .carousel-item.green p:after {
    background: #4CAF50;
}

.carousel.carousel-slider .carousel-item.blue p:after {
    background: #2196F3;
}

.carousel.carousel-slider .carousel-item.red p:after {
    background: #F44336;
}

.carousel.carousel-slider .carousel-item p{
    overflow: hidden;
    position: relative; 
    line-height: 1.2em;
    /*
    max-height: 7.2em; 
    */
    text-align: center;  
    padding-right: 1em;
}
.carousel.carousel-slider .carousel-item p:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}
.carousel.carousel-slider .carousel-item p:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
}

.testimonal-subtext {
    font-size: 0.9em;
    font-style: italic;
}

.no-hover-link:hover {
    background: transparent;
    text-decoration: none;
}

span.uppercase{
    text-transform: uppercase;
}
p.caption.nomargin {
    margin-bottom:0;
    margin-top:0;
}
.card {
    /*
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
    */
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.28), 0 1px 18px 0 rgba(0,0,0,0.24), 0 3px 5px -1px rgba(0,0,0,0.6);
}
.card-partners,
.card-index-color {
    background: #009374;
}
.text-index-color {
    color: #009374 !important;
}
.card-partners h5 {
    padding: 0px;
    margin: 0;
}
.card-partners h5,
.intro-button {
    font-size: 28px;
    font-weight: 300;
}

.card .card-content p {
    word-wrap: break-word;
}

.card .card-content .card-title {
    margin-top: 8px;
}

@media screen and (max-width: 992px) {
    main {
        padding-top: 50px
    }
}

.header {
    /* 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
    word-break: break-word;
    */
    -webkit-line-clamp: 2;

    -moz-box-orient: vertical;      /* Mozilla */
    -webkit-box-orient: vertical;   /* WebKit */
    box-orient: vertical;           /* As specified */
    overflow: hidden;
    text-overflow: ellipsis;
}
.header.example-application {
    font-size: 40px;
}
/* 
header, main, footer {
    padding-left: 320px;
} */

@media screen and (max-width: 769px){
    ul.side-nav.fixed li a.break {
        line-height: 22px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

ul.side-nav.fixed li a {
    font-size: 15px;
}

.force-show {
    display: block !important;
}

.item-relevant {
    padding: 10px;
}

.intro-button {
    background: rgba(0, 175, 138, 1) !important;
}
.intro-subtext,
.subtext {
    color: #acdad0 !important;
}

.container .header {
    color: #009374;
}

.testimonials {
    color: #fff;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background: rgba(0, 147, 116, 0.95);
    padding: 20px;
    max-width: 500px;
    text-align: center;
    /*
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    */
}
.testimonial a {
    color: #fff;
}

.profiles img {
    max-width: 100%;
}
.profiles p.flow-text {
    margin-bottom: 0;
}
.procontra .card {
    min-height: 190px;
}
#index-banner,
.page-footer {
    background-color: #009374;
}
#index-banner {
    background: -webkit-linear-gradient(rgba(0,147,116,0.7), rgba(0,147,116,0.7)), url('../static_pages/real_assets/kv_mycps.jpg') top / cover;
    background: -o-linear-gradient(rgba(0,147,116,0.7), rgba(0,147,116,0.7)), url('../static_pages/real_assets/kv_mycps.jpg') top / cover;
    background: linear-gradient(rgba(0,147,116,0.7), rgba(0,147,116,0.7)), url('../static_pages/real_assets/kv_mycps.jpg') top / cover;
}

.page-title {
    color: #009374;
    font-weight: 300;

    cursor: pointer;
}

.testimonal-text {
    font-size: 15px !important;
    font-weight: bold;
    word-wrap: break-word;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 769px) {
    .side-nav {
        width: 250px !important;
    }
  /*   main {
        padding-left: 0;
    } */
}
@media screen and (min-width: 769px) {
    .side-nav {
        width: 320px;
    }
  /*   .only-mobile {
      display: none;
    } */
}



h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
}

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

.toc-wrapper .general-toc-wrapper {
    width: 165px;
    display: inline-block;
    position: relative;
}

@media (max-width: 1145px) {
    .toc-wrapper .general-toc-wrapper {
        width: 135px;
    }
}

@media screen and (max-width: 992px) {
    .toc-wrapper .general-toc-wrapper {
        width: 160px;
    }
}

/* .toc-wrapper{
    margin-top: 0
}



.toc-wrapper.pin-top .general-toc-wrapper {
    position: absolute;
}
.toc-wrapper.pin-top{
    position: relative;
} */

.technology-entry a {
    color: #009374;
}

/* ul.table-of-contents {
    padding-right: 15px;
    margin-top: auto;
}
*/

ul.table-of-contents a {
    word-break: break-word;
} 

.table-of-contents li.sub a {
    padding-left: 35px;
}
.table-of-contents li.sub a:hover {
    padding-left: 34px;
}
.table-of-contents li.sub a.active {
    padding-left: 33px;
}

.popout-title {
    font-size: 24px;
    line-height: 30px;
    padding: 15px;
    font-weight: 300;
}

.justify {
    text-align: justify;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.materialboxed.center {
    margin: 0 auto;
}
img.materialboxed.initialized.active {
    max-width: unset !important;
}
.img {
    max-width: 100%;
}

#nav-mobile li.search {
    position: initial;
}

.navbar-footer-entry {
    position: relative !important;
    bottom: 0 !important;
    padding-top: 15px;
}
.footer-btn-container {
    /*
    margin-top: 100%;
    text-align: center;
    */
  
    width: auto;
    position: absolute;
    bottom: 4rem;
    z-index: -1;
}
.footer-btn {
    color: #acdad0 !important;
}
.side-nav.fixed li a.footer-btn.impressum-btn {
    display: inline-block;
    padding: 0 15px;
}
.footer-image {
    margin: 0 auto;
    display: block;
    max-width: 95%;
    position: relative;
    z-index: -1;
    margin-bottom: -2.5px;
}

/* .toc-wrapper.pinned {
    padding-right: 10px
}
 */
main .rich-text {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 30px;
    color: rgba(0,0,0,0.71);
}

.short-description .rich-text .rich-text ul li {
    list-style-type: disc;
}
.short-description .rich-text .rich-text ul  {
    padding-left: 40px;
}

.rich-text ul  {
    padding-left: 40px;
}
.rich-text ul li {
    list-style-type: disc;
}

.unclickable {
    pointer-events: none;
}

td.table-data-output {
    text-align: right;
}
td.table-data-output label,
td.table-data-output input {
    pointer-events: none;
}
.short-description, .short-description .rich-text {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 0;
    color: rgba(0,0,0,0.71)
}


.card.card-exampleapplication .card-content .card-title {
    word-break: break-word;
    color: rgba(0,0,0,0.71)
}

.card .card-image.padding img {
    padding: 20px;
}

@media screen and (max-width: 992px) {
    .card .card-image.padding img {
        padding: 10px;
    }
}

@media screen and (max-width: 1100px) {
    #read_button {
       font-size: 11px;
    }
}

#read_button {
    width: 70%;
    padding: 0;
}

/* vue tabs for readiness check */
.v-tab {display: none;}
.v-tab.active {display: block;}

/*
rangeslider
https://codepen.io/trevanhetzel/pen/rOVrGK
*/
.range {
  position: relative;
  /*
  width: 550px;
  */
  width: 330px;
  height: 5px;
}

.range input {
  width: 100%;
  position: absolute;
  top: 2px;
  height: 0;
  -webkit-appearance: none;
}
.range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin: -8px 0  0;
  border-radius: 50%;
  background: #37adbf;
  cursor: pointer;
  border: 0 !important;
}
.range input::-moz-range-thumb {
  width: 18px;
  height: 18px;
  margin: -8px 0  0;
  border-radius: 50%;
  background: #37adbf;
  cursor: pointer;
  border: 0 !important;
}
.range input::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #b2b2b2;
}
.range input::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #b2b2b2;
}
.range input:focus {
  background: none;
  outline: none;
}

.range-labels {
  /*
  margin: 18px -41px 0;
  */
  margin: 18px -30px 0;
  padding: 0;
  list-style: none;
  padding-top: 10px;
  margin-left: 0px;
}
.range-labels li {
  position: relative;
  float: left;
  /*
  width: 90.25px;
  */
  width: 37px;
  text-align: center;
  color: #b2b2b2;
  font-size: 14px;
  cursor: pointer;
}
/*
.range-labels li::before {
  position: absolute;
  top: -25px;
  right: 0;
  left: 0;
  content: "";
  margin: 0 auto;
  width: 9px;
  height: 9px;
  background: #b2b2b2;
  border-radius: 50%;
}
*/
.range-labels .active {
  color: #37adbf;
}
.range-labels .selected::before {
  background: #37adbf;
}
.range-labels .active.selected::before {
  display: none;
}

.tap-target {
  background-color: rgba(77, 182, 172, 0.7) !important;
}

.example-application-list li {
  padding-bottom: 10px;
}
.example-application-list li:last-child {
  padding-bottom: 0;
}


/**
 * search form container page
 **/
/*
.search span.caret,
.search label,
.search input {
    color: #fefefe;
}

.search .input-field input[type=search],
.search .input-field input {
    border-bottom-color: #fefefe;
}
*/

.search.card-panel {
  padding: 5px 15px;
}
#search {
  margin-bottom: 10px;
}
.search .card-panel {
  padding: 10px 10px;
  margin-bottom: 0;
}
.search div.row {
  margin-bottom: 0;
}
.search .select-wrapper input.select-dropdown {
  margin-bottom: 5px;
}
.search .main-search {
  padding: 0;
}

.search .filter_industry_container ul.select-dropdown,
.search .filter_technology_container ul.select-dropdown {
  width: 320px !important;
}

.vue-app[v-cloak] {
  display: none;
}

#contact a{
    color: #009374;
}

.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
    color: rgba(0,0,0,0.87);
}

.maturity_level_tab p {
    word-break: break-word;
}
.maturity_level_tab .title-row {
    border-bottom: 1px solid #d0d0d0;
}
.maturity_level_tab .title-row {
    padding: 15px 0px 0 5px;
}
.maturity_level_tab .maturity_level_content{
    padding: 15px 5px;
}

/**
 * download area
 **/
.download-list.collection .collection-item.avatar {
    min-height: unset;
}

.table-bg.T {
    background-color: #00a7a7;
    border-radius: 0;
}

.table-bg.M {
    background-color: #3ab0ff;
    border-radius: 0;
}

.table-bg.K {
    background-color: #ff5e5e;
    border-radius: 0;
}
.table-bg.Q {
    background-color: #f9ce75;
    border-radius: 0;
}

.title-bg.O .maturity_level_content .row:nth-child(odd) {
    background-color: #f9ce75;
}
.title-bg.M .maturity_level_content .row:nth-child(odd) {
    background-color: #3ab0ff;
}
.title-bg.T .maturity_level_content .row:nth-child(odd) {
    background-color: #00a7a7;
}

.vert_centered_col_readiness {
    position: relative;
}
.vert_centered_col_readiness .vert_col{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 0 !important;
}

.vert_centered_col_readiness .vert_col.left{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: auto !important;
}

.vert_centered_col_readiness .col{
    margin-bottom: 20px;
}
.link.green-link {
    color: #009374;
}
.modal .modal-content {
    padding: 24px 24px 0px 24px;
    text-align: center;
}
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    margin: 0 10px 0 0;
}

@media all and (-ms-high-contrast:none) {
    .range input { 
        height: 10px;
     }
         /* IE10 */
    *::-ms-backdrop, .range input {
        height: 10px;
     } /* IE11 */
}

@supports (-ms-ime-align:auto) {
    .range input  { 
        height: 10px;
     } /* EDGE */
 }
 @media all and (-ms-high-contrast:none) {
    input[type=range] { 
        height: 20px;
        border:none;
    }
    *::-ms-backdrop, input[type=range] {
        height: 20px;
        border:none;
     } /* IE11 */
}
@supports (-ms-ime-align:auto) {
    input[type=range] { 
        height: 20px;
        border:none;
    } 
 }

 .block-embed .responsive-object {
     padding-bottom: 0 !important;
 }


.row.no-margin-bottom {
    margin-bottom: 0;
}