/* Root */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {
    font-family: orbis-icon;
    /* Ersetzen durch Upload auf Webserver */
    src: url("https://www.orbis.de/fileadmin/sites/orbis_v1/templates/fonts/orbis.eot?j60n9g");
    src: url("https://www.orbis.de/fileadmin/sites/orbis_v1/templates/fonts/orbis.eot?j60n9g#iefix") format("embedded-opentype"), url("https://www.orbis.de/fileadmin/sites/orbis_v1/templates/fonts/orbis.ttf?j60n9g") format("truetype"), url("https://www.orbis.de/fileadmin/sites/orbis_v1/templates/fonts/orbis.woff?j60n9g") format("woff"), url("https://www.orbis.de/fileadmin/sites/orbis_v1/templates/fonts/orbis.svg?j60n9g#orbis") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Open Sans', sans-serif;
}

html, body {
    font-family: 'Open Sans', sans-serif;
}

:root {
  --primary: #007CC1;
  --success: #008800;
  --warning: #F07800;
  --error: #CE0000;
  --nav-link-color: #333;
  --nav-link-hover: #009ee3;
  --btn-bg-color: #009ee3;
  --headline-color: #333;
  --space-xl: 48px;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: var(--headline-color);
}


/* Utilities */

a {
    color: #009ee3;
}

a:hover, a:focus {
    color: #009ee3;
    text-decoration: underline !important;
}

ul, ol{
    padding-left:20px
}

#new_machinenumber{
    width: calc(100% - 100px);
}

#scanButton{
    height: 43px;
    width: 100px;
}

#machinenumbermessage{
    color: red;
}

/*
.btn-primary {
    color: #fff;
    border-radius: 25px;
    border: 1px solid var(--btn-bg-color);
    padding: 10px 24px;
    background-color: var(--btn-bg-color);
    transition: 200ms ease-in;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-primary:hover {
    color: var(--btn-bg-color);
    background-color: #fff;
    border-color: #fff;
    transform: scale(1.05);
    box-shadow: 0 10px 25px 0 rgb(0 0 0 / 30%);
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    color: var(--btn-bg-color);
    background-color: #fff;
    border-color: #fff;
}

.btn-primary:focus, .btn-primary.focus {
    color: var(--btn-bg-color);
    background-color: #fff;
    border-color: #fff;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
    color: var(--btn-bg-color);
    background-color: #fff;
    border-color: #fff;
}*/

.btn-default {
    color: #fff;
    background-color: var(--btn-bg-color);
    border-color: var(--btn-bg-color);
}

#submit-signin-local{
    float: left;
}
.col-sm-offset-4 .btn-default{
    color: #fff;
    background-color: var(--btn-bg-color);
    border-color: var(--btn-bg-color);
    padding: 10px 9px 9px 9px;
    border: 1px solid #009ee3;
}
.col-sm-offset-4 .btn-default:focus,
.col-sm-offset-4 .btn-default:active{
    outline: none !important;
    color: white !important;
    text-decoration: none !important;
    border: 1px solid #009ee3;
    background-color: #009ee3;
}

button.btn-default:hover,
button.btn-default:focus{
    color: #154194;
}


/* Navbar Container */ 

.headercontainer {
    width: 1600px;
}

/*.navbar.navbar-inverse.navbar-static-top {
    height: 80px;
}

.navbar.navbar-inverse.navbar-static-top .container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
*/

.navbar-static-top.navbar-inverse .navbar-brand {
    color: #fff;
    /*width: 50%;
    margin-top: 8px;*/
}

.navbar-brand {
    float: left;
    padding: 0 0 0 0;
    font-size: 19px;
    line-height: 21px;
    margin: 0;
    height: 0;
}


.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px!important;
    clear: both;
    line-height: 1.42857;
    color: #333;
    font-weight: 600;
    white-space: nowrap;
}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
    color: var(--nav-link-color);
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: var(--nav-link-hover);
    background-color: transparent;
    border: none;
}


#navbar .dropdown-menu {
    margin-top: 0;
    border: none;
    background: #eeeeee;
    padding: 25px;
    right: auto;
    left: auto;
}


/* Navbar Links */

.homelink, a.homelink:hover, a.homelink:focus {
    color: #000;
    text-decoration: none;
}

@media (min-width: 1200px){
  .navbar-right {
      float: right !important;
      margin-right: 20px !important;
  }
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 500;
    color: var(--nav-link-color);
}

.navbar-static-top.navbar-inverse {
    background-color: #fff;
    border-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: var(--nav-link-hover);
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover,
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:focus,
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:active {
    color: var(--nav-link-hover);
    margin-bottom: 0;
    padding-bottom: 35px;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: var(--nav-link-hover);
    background-color: transparent;
    border: none;
    /*padding-bottom: 10px;*/
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li :active {
    color: var(--primary);
    background-color: transparent;
    border: none;
    /*padding-bottom: 10px;*/
}

.navbar-nav .open a:focus::after,
.navbar-nav .open a:active::after{
content:'';
display: block;
border-bottom: 20px solid #eeeeee;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-top: 15px;
}

#navbar .dropdown-search{
    margin: 0 !important;
}


#search-filter {
    line-height: 21px;
    border-radius: 6px 0 0 6px;
    border: 1px solid rgba(21,65,148,1.0);
}

.form-search button.btn-default{
    border: 1px solid rgba(21,65,148,1.0);
}


/* Hero */

.section-landing .row > div .section-landing-sub-heading {
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 4.3rem;
    color: #fff;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
}


/*.section-landing {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(homehero.jpg) no-repeat center;
    background-size: cover;
}*/

.section-landing .row > div .section-landing-heading {
    font-size: 8rem;
    color: #fff;
    text-transform: none;
    word-spacing: 0;
}



/* SICK CARDS */


.sick-cards {
    margin: 5em 0;
}

.sick-h3 {
    font-size: 3rem;
    letter-spacing: 4.5px;
    line-height: 26px;
    margin-bottom: var(--space-xl);
    color: var(--primary);
    margin-bottom: 20px;
    text-transform: uppercase;
}

.container-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    gap: 0;
    align-items: flex-start;
}

.card {
    --padding: 1rem;
    /*background: #fff;*/
    border: 1px solid #777;
    /*border-radius: .25rem;*/
    overflow: hidden;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(casemanagement.jpg) no-repeat center;
    background-size: cover;
    padding: 1rem;
    height: 25em;
    display: grid;
    align-items: flex-end;
    justify-items: flex-start;
    cursor: pointer;
}

.card:nth-of-type(2){
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(knowledgebase.jpg) no-repeat center;
    background-size: cover;
}

.card:nth-of-type(3){
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(newcase.jpg) no-repeat center;
    background-size: cover;
}

.card-content {
    transition: 400ms transform ease-in-out;
}

/*.card:hover .card-header{
    transform: translateY(-1rem);   
}*/

.card-body{
    bottom: 0px;
    opacity:0; 
    transition: opacity 0.5s; 
    visibility: hidden;
}

.card:hover{
    background: linear-gradient(rgba(21,65,148,0.9), rgba(21,65,148,0.9)), url(casemanagement.jpg) no-repeat center;
    background-size: cover;
    text-decoration: none !important;
}

.card:hover:nth-of-type(2){
    opacity: 1;
    background: linear-gradient(rgba(252, 76, 2, 0.8), rgba(252, 76, 2, 0.8)), url(knowledgebase.jpg) no-repeat center;
    background-size: cover;
}

.card:hover:nth-of-type(3){
    background: linear-gradient(rgba(41, 143, 194, 0.9), rgba(41, 143, 194, 0.9)), url(newcase.jpg) no-repeat center;
    background-size: cover;
}

.card:hover .card-body{
    opacity: 1;
    visibility: visible;
}

.card.card-shadow {
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.card-header {
    font-size: 2.5rem;
    padding: var(--padding);
    padding-bottom: 0.3em;
    margin-bottom: .5rem;
    color: #fff;
    background: linear-gradient(rgba(21,65,148,0.9), rgba(21,65,148,0.9));
}

a:nth-child(2) > div > .card-header{
    background: linear-gradient(rgba(252, 76, 2, 0.9), rgba(252, 76, 2, 0.9));
}

a:nth-child(3) > div > .card-header{
    background: linear-gradient(rgba(41, 143, 194, 0.9), rgba(41, 143, 194, 0.9));
}
.card:hover > div > .card-header{
    background: none;
}


.card-body {
    font-size: 1.5rem;
    padding: 0 var(--padding);
    color: #fff;
    min-height: 42px;
}

.sick-cards{
    display: flex;
    flex-direction: column;
    align-items: center;

}
.sick {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3em;
}

.sick .content-p {
    font-size: 1.5rem;
    color: #2d3234;
}

.sick-links-container {
    display: flex;
    flex-direction: row;
    gap: 5em;
    margin-top: 2.5em;
}

.sick-link {
    padding: .75em 0;
}

.sick-link a {
    color: #51595d;
    text-decoration: none;
    font-size: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sick-link a:hover{
    color: #007ec2 !important;
}

.sick-link:hover {
    border-bottom: 2px solid #007ec2;
    padding-bottom: 8px;
}

/*new 19/09/2022*/

.page_section{
    color: #555555;
    font-size: 17px;
    font-weight: 400;
}
h1{
    font-size: 32px;
    color: #154194;
    font-weight: 500;
    text-transform: uppercase;
}

#search .glyphicon{
    /*color: #555555 !important;*/
}

#search .glyphicon:hover{
    color: #009ee3 !important;
}

h2, h3, h4{
    color: #154194;
}

a, a:focus{
    outline: none;
}

a:focus{
    color: #009ee3 !important;
}

a:hover{
    text-decoration: underline;
}

.page-header{
    border-bottom: none;
}
div.xrm-editable-html.xrm-attribute.page-copy img{
    width: 619px;
    height: auto;
}

.xrm-attribute-value img{
    width: 182px;
    height: 78px;
    display: block;
}
.navbar-static-top.navbar-inverse .navbar-brand{
    width: auto;
    margin: 6px 0 6px 20px;
}
.navbar-nav li a{
    padding-top: 34px;
    padding-bottom: 35px;
}
.navbar.navbar-inverse.navbar-static-top {
    height: 90px;
    border-bottom: 1px solid #eeeeee;
}
.container {
    padding-left: 0;
    padding-right: 0;
}
.card{
    margin: 0 10px;
}

.container-grid{
width: 1168px;
margin-left: auto;
margin-right: auto;
}
.cards-h3{
    font-size: 24px;
    font-style: italic;
    line-height: 114%;
    text-align: center;
    max-width: 70%;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 40px auto;
}
.cards-h3:before, .cards-h3:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    max-width: 90px;
    height: 1px;
    background: #555555;
    margin: 0 15px;
}
.navigation--additional{
    display: inline-block;
    margin: 16px 0px 0 40px;
}

.xrm-editable-text,
.fa-folder-open,
.list-group-item-heading a{
    font-size: 15px;
    font-weight: 600;
}

h1 .xrm-editable-text{
    font-size: 32px !important;
}

.entitylist-download{
    border: 1px solid #31708f;
    padding: 10px;
}

.xrm-attribute-value-empty{
    display: none !important;
}

/* L2812 */

.footer--navigation--wrap a:hover{
    color: white;
}

.footer--navigation--wrap {
    background: #555555;
}

.footer--navigation {
    color: #ffffff;
    max-width: 1600px;
    margin: 0 auto;
}

.footer--navigation .row>div {
    border-bottom: 1px solid #ffffff;
}

.footer--navigation--headline {
    text-transform: uppercase;
    padding: 20px 0 10px;
    position: relative;
}

.footer--navigation--headline:after {
    font-family: orbis-icon;
    content: '\f067';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer--navigation--headline.open:after {
    content: '\f068';
}

.footer--navigation--content {
    display: none;
    padding: 10px 8px;
    font-size: 14px;
}

.footer--navigation--row {
    margin-bottom: 10px;
}

.footer--navigation--menu a {
    display: block;
    color: #ffffff;
    text-decoration: none;
}

.footer--navigation--menu a:hover {
    text-decoration: underline;
}

.footer--navigation--social--column {
    float: left;
    width: 50%;
}

.footer--navigation--social--facebook,
.footer--navigation--social--google,
.footer--navigation--social--twitter,
.footer--navigation--social--youtube,
.footer--navigation--social--xing,
.footer--navigation--social--blog,
.footer--navigation--social--linkedin,
.footer--navigation--social--rss,
.footer--navigation--social--vimeo {
    position: relative;
    padding: 0 0 0 25px;
    color: #ffffff;
    text-decoration: none;
    display: block;
}

.footer--navigation--social--facebook:hover,
.footer--navigation--social--google:hover,
.footer--navigation--social--twitter:hover,
.footer--navigation--social--youtube:hover,
.footer--navigation--social--xing:hover,
.footer--navigation--social--blog:hover,
.footer--navigation--social--linkedin:hover,
.footer--navigation--social--rss:hover,
.footer--navigation--social--vimeo:hover {
    text-decoration: underline;
}

.footer--navigation--social--facebook:before,
.footer--navigation--social--google:before,
.footer--navigation--social--twitter:before,
.footer--navigation--social--youtube:before,
.footer--navigation--social--xing:before,
.footer--navigation--social--blog:before,
.footer--navigation--social--linkedin:before,
.footer--navigation--social--rss:before,
.footer--navigation--social--vimeo:before {
    font-family: orbis-icon;
    position: absolute;
    left: 0;
    top: 2px;
}

.footer--navigation--social--facebook:before {
    content: '\f09a';
}

.footer--navigation--social--google:before {
    content: '\f0d5';
}

.footer--navigation--social--twitter:before {
    content: '\f099';
}

.footer--navigation--social--youtube:before {
    content: '\f16a';
}

.footer--navigation--social--xing:before {
    content: '\f168';
}

.footer--navigation--social--blog:before {
    content: '\e900';
}

.footer--navigation--social--linkedin:before {
    content: '\f0e1';
}

.footer--navigation--social--rss:before {
    content: '\f09e';
}

.footer--navigation--social--vimeo:before {
    content: '\e901';
}

.footer--navigation--contact--location,
.footer--navigation--contact--phone,
.footer--navigation--contact--email,
.footer--navigation--contact--avatar {
    position: relative;
    padding: 0 0 0 35px;
}

.footer--navigation--contact--location:before,
.footer--navigation--contact--phone:before,
.footer--navigation--contact--email:before,
.footer--navigation--contact--avatar:before {
    font-family: orbis-icon;
    position: absolute;
    left: 0;
    top: 0;
}

.footer--navigation--contact--location:before {
    content: '\f041';
    font-size: 22px;
}

.footer--navigation--contact--phone:before {
    content: '\f095';
    font-size: 18px;
}

.footer--navigation--contact--email:before {
    content: '\f0e0';
}

.footer--navigation--contact--email>a {
    color: #ffffff;
    text-decoration: none;
}

.footer--navigation--contact--email>a:hover {
    text-decoration: underline;
}

.footer--navigation--contact--avatar:before {
    content: '\e902';
    font-size: 18px;
}

.footer--navigation--contact--avatar>a {
    color: #ffffff;
    text-decoration: none;
}

.footer--navigation--contact--avatar>a:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .footer--navigation .row>div {
        border: none;
    }
    .footer--navigation--headline:after {
        display: none;
    }
    .footer--navigation--content {
        display: block;
        padding: 10px 0;
    }
}

.footer--legal-info--wrap {
    background: #ffffff;
}

.footer--legal-info {
    max-width: 1600px;
    margin: 0 auto;
    font-size: 14px;
}

.footer--legal-info>div {
    margin: 25px 0;
    text-align: center;
}

.footer--legal-info--additional img {
    margin: 0 10px;
}

.footer--legal-info--menu>a {
    display: block;
    text-decoration: none;
    color: #555555;
    margin: 3px 0;
}

@media (min-width: 768px) {
    .footer--legal-info>div {
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .footer--legal-info>div.footer--legal-info--copyright {
        float: left;
        text-align: left;
    }
    .footer--legal-info>div.footer--legal-info--additional {
        float: left;
        margin: 10px 0;
    }
    .footer--legal-info>div.footer--legal-info--menu {
        float: right;
        text-align: right;
    }
    .footer--legal-info--additional .logo-sap-gold-partner {
        width: 75px;
    }
    .footer--legal-info--additional .logo-microsoft-parnter {
        width: 120px;
    }
    .footer--legal-info--menu>a {
        display: inline-block;
        margin: 0 10px;
    }
    .footer--legal-info--menu>a:last-child {
        margin-right: 0;
    }
}

@media (min-width: 1024px) {
    .footer--legal-info>div {
        padding: 0 20px;
        margin: 35px 0;
    }
    .footer--legal-info>div.footer--legal-info--copyright {
        width: 25%;
        max-width: 300px;
    }
    .footer--legal-info>div.footer--legal-info--additional {
        margin: 20px 0;
    }
}
.section-landing{
    /*background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(joshua-sortino-LqKhnDzSF-8-unsplash.jpg);*/
    background: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

@media (min-width: 1200px){
    .section-landing-div .text-center {
        left: 55%;
        max-width: calc(45% - 75px);
    }
}

@media (min-width: 1024px){
    .section-landing-div .text-center{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: calc(50% - 60px);
    }
}

.container-section-landing-heading,
.container-section-landing-text{
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}


h1.section-landing-heading,
p.section-landing-text{
    background: rgba(21,65,148,0.9);
    width: auto !important;
    padding: 10px 15px;
    display: inline-block;
    text-align: left;
    letter-spacing: 0;
}

container-section-landing-heading h1.section-landing-heading,
.section-landing .row > div .section-landing-heading:first-line{
    line-height: 32px;
    font-size: 32.5px !important;
    font-weight: 600;
}

h1.section-landing-heading{
    margin: 10px 0 !important;
}

p.section-landing-text{
    color: white;
    margin: 0 !important;
    font-size: 16px;
}


.search-clear,
.search-apply,
button.btn-default{
    background-color: rgba(21,65,148,1.0);
    border-color: rgba(21,65,148,1.0);
    padding: 10px 16px;
    color: white;
    font-size: 14px;
}

button.close-case-link {
    background-color: #3c763d;
    border-color: #3c763d;
    padding: 10px 16px;
    color: white;
    font-size: 14px;
    margin-left: 10px;
}

button.cancel-case-link{
    background-color: #a94442;
    border-color: #a94442;
    padding: 10px 16px;
    color: white;
    font-size: 14px;
    margin-left: 10px;
}

.file-cell{
    padding-left: 0 !important;
}

.dropdown span,
.view-grid a{
    /*color: #555555 !important;*/
}


.case-deflection{
    margin-bottom: 0 !important;
}

.dropdown button span {
    color: white !important;
}

.form-control{
    height: 46px
}

.editorContainer{
    height: 300px !important;
}

.grid-actions .pull-right{
    padding: 10px 10px 8px 10px;
}

.dropdown a:hover,
.dropdown a:focus{
    text-decoration: underline;
    color: #009ee3;
}

.navbar-right,
.xrm-editable-html,
.xrm-attribute-value{
    border: none !important;
    outline: none !important;
}

.view-grid .action .aria-exp button:hover{
    color: rgba(21,65,148,1.0) !important;
}

.view-grid button:active,
.view-grid button:focus,
.view-grid button span:active{
    outline: none !important;
    border: none !important;
}
.crmEntityFormView td{
    padding-left: 0 !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child{
    border-right: none;
}

.hydrated{
    border: 
}

.browserPreviewFrameBorder{
    padding: 0 !important;
}

.browserPreviewFrameBorder iframe{
    min-height: 43px !important;
    width: 100% !important;
}

.forums h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.forums h2 a{
    font-size: 15px;
}


@media (max-width: 1200px) {
    #search .glyphicon:hover{
        color: white !important;
    }
    .xrm-attribute-value img {
        width: 120px !important;
        height: auto;
        display: block;
        float: none;
    }

    .visible-sm-block,
    .visible-md-block,
    .visible-lg-block{
        display: block !important;
    }

    .navbar.navbar-inverse.navbar-static-top,
    .navbar-header{
        min-height: 64px;
        height: auto;
    }

    .navbar.navbar-inverse.navbar-static-top{
        padding-left: 10px;
        padding-right: 10px;
    }

    .headercontainer {
        width: auto;
    }

    .navbar-toggle{
        background-color: rgba(21,65,148,0.9) !important;
        border: 1px solid rgba(21,65,148,0.9) !important;
        border-radius: 6px;
        margin-top: 15px;
    }

    .navbar-toggle:hover,
    .navbar-toggle:active,
    .navbar-toggle:focus{
        background-color: rgba(21,65,148,0.9) !important;
        border: 1px solid rgba(21,65,148,0.9) !important;
    }

    .navbar-nav li a{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .logo-sap-microsoft-gold-partner{
        display: none;
    }

    .navbar-nav li:first-child{
        display: none;
    }

    .dropdown-search li:first-child{
        display: block;
    }

    .form-search .dropdown-submenu{
        right: 0;
    }

    .dropdown-search{
        margin: 0 !important;
        padding: 5px 0 0 0 !important;
    }

    .dropdown-search .caret{
        float: none !important;
        margin-top: 0 !important;
    }

    #search-filter{
        padding-left: 16px !important;
        
    }

    #search-filter:focus{
        outline: none;
    }
    .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{
        padding: 15px;
        color: #666666;
        font-weight: 400;
    }

    #navbar .dropdown-search #search-filter{
        border-radius: 6px;
        margin-bottom: 3px !important;
    }

    .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover,
    .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:active,
    .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:focus{
        padding: 15px !important;
        background-color: #154194 !important;
        text-decoration: none !important;
        color: white !important;
        border: none;
    }

    #navbar .dropdown-search #q{
        margin-bottom: 3px;
    }

    .input-group{
        padding: 5px;
    }

    #search-filter:hover,
    #search-filter:active,
    #search-filter:focus{
        color: white;
        background-color: #154194 !important;
    }

    .input-group,
    form .input-group .input-group-btn{
        display: block;
    }

    .input-group-btn:last-child>.btn{
        z-index: 2;
        margin-left: auto;
        margin-right: 0;
        display: block;
        border-radius: 6px;
    }

    #navbar .dropdown-search .input-group-btn{
        width: 100%;
    }

    .dropdown span.caret{
        float: right;
        margin-top: 10px;
    }
    #navbar .dropdown-menu{
        padding-top: 0;
        padding-bottom: 0; 
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        font-weight: 400;
        color: #666;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:active{
        color: white !important;
        text-decoration: none !important;
        background-color: #154194 !important;
    }

    .navbar-nav .open a:focus::after,
    .navbar-nav .open a:active::after{
        display: none;
    }

    .prg-dt-home{
        padding-right: 10px;
        padding-left: 10px
    }

    .prg-dt-home h1,
    .prg-dt-home p,
    .prg-dt-home ul li{
        text-align: left;
    }

    a.btn-primary,
    a.btn-primary:visited{
        text-decoration: none;
    }

    .container-grid{
        width: 100%;
        grid-template-columns: none;
    }

    .container-grid .card-shadow{
        margin-bottom: 10px;
    }

    .cards-h3{
        max-width: 100%;
        font-size: 18px;
    }

    .cards-h3:before, .cards-h3:after{
        width: 10%;
    }

    .section-landing{
        height: 200px;
    }

    .footer--navigation--headline{
        padding-right: 10px;
        padding-left: 10px
    }
    
    .footer--navigation--headline:after{
        padding-right: 10px;
    }

    .container{
        padding-left: 10px;
        padding-right: 10px;
    }

    iframe{
        max-width: 100%;
    }
}

/* START footer always on the bottom of the Page: */
html {
    position: relative;
    min-height: 100%;
}

body {
    padding-bottom: 308px;
}

footer {
    position: absolute !important;
    bottom: 0;
    height: 308px;
    width: 100%;
}

/* END footer always on the bottom of the Page: */


/* File Control */
#DragAndDropTarget {
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 16px;
}
 
#DragAndDropTarget.ondrag {
    border: 1px solid var(--primary);
    background: var(--lightgrey);
}
 
#FilesList {
    padding: 0;
}
 
#FilesList .fileListItem {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 8px;
    padding: 8px;
    margin-top: -1px;
    border: 1px solid var(--lightgrey);
    border-collapse: collapse;
    align-items: end;
}
 
#FilesList .fileListItem.restricted {
    color: var(--red);
}
 
#FilesList .deleteicon, #FilesList .fileicon {
    height: 20px;
    width: 20px;
}
 
.iconbutton {
    background: none;
    outline: none;
    border: none;
}
 
#DragAndDropTarget .h3 {
    margin: 0;
}
 
#DragAndDropTarget #addFileButton {
    width: max-content;
}


/* END File Control */