/*
*   yav_vendor_portal Customers custom specifications
*/

/*.navbar-static-top.navbar-inverse {
    background-color: #831223 !important;
}*/

:root{
    --portalThemeColor1: #000 !important;
    --portalThemeColor2: #000 !important;
    --portalThemeColor4: #000 !important;
    --portalThemeColor9: #000 !important;
}

body {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
}

/*
Grauschattierung start


#mainContent{
     background: repeating-linear-gradient(-50deg, #3c3c3b, #3c3c3b 5px, #575656 5px, #575656 20px) !important;
}

[data-component-theme="portalThemeColor7"] {
    background-color: unset !important;
}

#ih7l8g, #iz0y3l {
    color:#FFFFFF !important;
}


Grauschattierung stop
*/

.navbar {
    /*background-color: #1D1D1B !important;*/
    background: linear-gradient(to bottom, #1D1D1B 0%,#1D1D1B 60%,#3C3C3B 61% ,#3C3C3B 100%);
}

.navbar-toggle {
    margin-right: 45px !important;
}

@media (max-width: 1200px) {
    .navbar-static-top .navbar-brand {
        position: initial;
        height: 100px;
    }
    .navbar {
        background: unset !important;
        background-color: #1D1D1B !important;
    }
}

/*
@media screen and (min-width: 1280px) {
    .navbar-brand {
        margin-right: 1000px !important;
    }
}
*/
.navbar-brand {
    padding-top: 30px !important;
}

.navbar-brand img {
    width: 80px !important;
    height: 80px !important;
    margin-right: 15px !important;
    padding-bottom: 8px !important;
}

.container {
    margin-left: 15px !important;
    margin-right: 15px !important;
    max-width: 100% !important;
    padding: 0px !important;
}

.navbar-header {
    padding-top: 10px;
}

@media (min-width: 1550px) {
    .navbar-header::after {
        background-image: url("https://cloud.technoalpin.com/img/vendorportal/LogosNavTopRightCentered.png");
        display: inline-block;
        width: 784px;
        height: 100px;
        content:"";
        position:absolute;
        right:15px;
        margin:0;
        padding:0;
    }
}

.navbar-brand img h1 {
    padding-top: 20px !important;
}

.siteTitle {
    vertical-align: bottom !important;
    font-size: 50px !important;
}

#iltezj {
    display: none !important;
}

.columnBlockLayout .siteTitle {
    background-color: #3C3C3B !important;
    background-image: unset !important;
    font-size: 22px !important;
    margin-top: 5px !important;
    padding: 10px !important;
    padding-right: 0px !important;
}

#ibi4fl, #ialmhw, #izvn2k {    /* das sind die breiten der Zeilen im Container*/
    padding: 0px !important;
    margin: 0px !important;
    max-width: 100% !important;
}

#i5yy16 {
    margin-left: 15px !important;
    margin-right: 30px !important;
}

.menu-bar {
    display: table;
    width: 100%;
    float: left !important;
    padding-top: 45px;
    padding-right: 30px;
}

.navbar-nav{
    display: table;
    width: 100%;
}

ul.navbar-nav li.dropdown:nth-last-child(1), ul.navbar-nav li.dropdown:nth-last-child(3) {
    float: right !important;
}

a#search {
    padding-top: 11px !important;
}

.dropdown-menu {
    background-image: unset !important;
    background-color: #D2D2CE !important;
}

.open>.yav_vp_Dropdown {
    display: contents;
    font-weight: bold;
}

.navbar-nav .open a:focus, .navbar-nav .a, .navbar-nav a:hover, .navbar-nav a:focus {
    background-image: unset !important;
    background-color: #D2D2CE !important;
    color:#000 !important;
}

.navbar-inverse .navbar-nav > .open > a {
    background-color:#D2D2CE !important;
    color:#000 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000000 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color:#FFFFFF !important;
    color:#000 !important;
}

.ms-DetailsList-headerWrapper .ms-DetailsHeader {
    background-color: #DCDCDB !important;
    color: white;
}

.ms-List-cell .ms-DetailsRow-fields:nth-child(odd) {
    background-color: #FCFCFB !important;
}

/*
.button2 {
    border-color: #D2D2CE !important;
    color: #D2D2CE !important;
}
*/
#thirdButton {
    border-color: #D2D2CE !important;
    background-color: #D2D2CE !important;
    color:#000 !important;
}

#dataTable {
    margin-left: -15px !important;
    margin-right: -5px !important;
}


.footer-bottom {
    background-color: #D2D2CE !important;
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
}


#simpleEditableTable tbody tr:nth-child(odd) {
    background-color: #FCFCFB !important;
}

#dataTable {
    overflow-y: auto !important;
}

#ii2r9c {
    content:url("https://cloud.technoalpin.com/img/vendorportal/UNTERNEHMENfooter.jpg");
    width: 100% !important;
    height: 100% !important;
}

.sectionBlockLayout{
    display: block !important;
}

#ixul93{
    padding-left: 15px !important;
}

#i1ai6n{
    padding-left: 15px !important;
}

#i7kcok{
    padding-left: 30px !important;
    padding-right: 50px !important;
    margin-top: 40px !important;
}

#ixe1bb {
    padding-top: 0 !important;
}

#dataTable {
    border-collapse: collapse;
    border: 0.5px !important;
    border-style: solid !important;
    border-color: #999999 !important;
}

#simpleEditableTable {
    margin-bottom: 0px !important;
}

.control{
    padding-left: 15px !important;
}

#PATrigger .form-action-container-right .xrm-attribute-value {
    font-size: 14px !important;
}

#ixul93, #i1ai6n, #PATrigger .xrm-attribute-value{
    font-size: 24px !important;
}

/*
.row{
    margin-right: 30px !important;
}
*/

#mainContent .col-md-8 {
    padding-right: 40px !important;
}

/*  // Yaveon.MS Block auskommentiert, da sonst Bestätigungsabfragen für Workflow Bestellbestätigung nicht mehr angezeigt werden würde.
.form-custom-actions{
    display: none !important;
}
*/
/*  // Es wurde in der Bestellübersicht die Box für DELFOR unterschiedlich zu den anderen dargestellt 
#ir05jz {
    margin-right: 40px !important;
}
*/
.settings {
    min-height: 140px !important;
}

.highcharts-background {
    margin-right: 40px !important;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    border-radius: 0px !important;
}

.dropdown-menu {
    border-radius: 0px !important;
}

.navbar-inverse .navbar-nav > li > a:focus {
    border-radius: 0px !important;
    background-image: unset !important
}

.navbar-inverse .navbar-nav > .open > a {
    border-radius: 0px !important;
    background-image: unset !important
}

#i5yy16 .columnBlockLayout a span::before {
    -webkit-text-fill-color: unset !important;
    color:#3C3C3B !important;
}

#thirdButton {
    border-top-color: #1D1D1B !important;
    border-bottom-color: #1D1D1B !important;
    border-left-color: #1D1D1B !important;
    border-right-color: #1D1D1B !important;
    background-color: #1D1D1B !important;
    color:#FFFFFF !important;
}

.button2, .cr_buttons {
    border-top-color: #D2D2CE !important;
    border-bottom-color: #D2D2CE !important;
    border-left-color: #D2D2CE !important;
    border-right-color: #D2D2CE !important;
    background-color: #D2D2CE !important;
    color:#000000 !important;
}

.tab-column fieldset[aria-label="Allgemein"] {
    padding: 0px !important;
    margin-bottom: 0 !important;
}

#iwqv5z {
    visibility: hidden !important;
    height: 1px !important;
}

#iqn6wc {
    width: 100% !important;
    text-align: center !important;
    align-content: center !important; 
    flex-wrap: wrap !important;
}

#iqn6wc .xrm-attribute {
    max-width: 1200px !important;   
}

.crmEntityFormView .tab {
    margin-bottom: 0px !important;
}

.row .container {
    margin-left: 0 !important;
}

#navbar .dropdown-menu {
    margin-top: -16px;
    margin-left: 4px;
}

#ipc35s, #i0tbzg {
    margin-left: 15px !important;
}

#iz0y3l .xrm-attribute-value {
    font-size:34px !important;
    margin-bottom: 50px !important;
}

.btn{
    color: #D2D2CE !important;
    border-radius: 2px !important;
    font-family: Arial !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-color: #D2D2CE !important;
    padding: 6px 20px !important;
    width: fit-content !important;
    border-style: solid !important;
    background-color: #D2D2CE !important;
    color: #000000 !important;
}

.login-heading-section {
    margin-right:15px !important;
    margin-left: 15px !important;
}

#i6ekri {
    margin-top:100px !important;
}

/* Es wird in der Bestellliste und Abrufliste die Länge des Feldes Bestellnummer in Header und Zeile vergrössert */
.root-209 {
    min-width: 130px;
}

.isMultiline-234 {
    min-width: 130px;
}