 /*
*   yav_vendor_portal Customers custom specifications
*/

/*.navbar-static-top.navbar-inverse {
    background-color: #831223 !important;
}*/

.button2:focus, .button2.focus, .btn-default:focus, .btn-default.focus {
  background-color: rgba(196, 183, 171, 1) !important;
}

div[data-name="Allgemein"] h3 {
  background-color:rgba(196, 183, 171, 1);
  color: #fff !important;
  padding: 7px;
}

.navbar-inverse .navbar-nav > .open > a{
  transform-origin: 0 0;
  transition: transform .35s cubic-bezier(.52,.01,.16,1);
  background-image: unset !important;
  
}

.navbar-inverse .navbar-nav>.open>a:focus {
  margin-bottom:3px;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a{
  border-bottom:2px solid transparent;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a#search {
  padding-top: 10px;
  margin-bottom:3px;
}

.navbar-inverse .navbar-nav > li > a:focus {
  border-color: #73222c;
  background-image: unset !important;
  background-color:unset !important;
  border-radius:0 !important;
  border-bottom:2px solid transparent;
  margin:16px 6px !important;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a:hover{
  background-image: unset !important;
  background-color:unset !important;
  border-radius:0 !important;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a::after{
  transform-origin: 0 0;
  background-image: unset !important;
  transition: transform .35s cubic-bezier(.52,.01,.16,1);
  border-color: #73222c;
  border-radius:0 !important;
}


.dropdown-menu{
  background-image: unset !important;
  background-color: rgba(196, 183, 171, 1) !important;
  margin-top:-1px !important;
}


[aria-label="Aktionsmenü"] .dropdown-menu {
  background-image: unset !important;
  background-color: rgba(196, 183, 171, 1) !important;

}


.navbar-static-top.navbar-inverse .navbar-brand{
  position:absolute !important;
  left:20px;
  top:9px;
}

.navbar-static-top.navbar-inverse {
  background-color: rgba(196, 183, 171, 1) !important;
}

.navbar-inverse .navbar-nav>.open>a {
  color: #000000;
  background-color: unset !important;
  text-decoration: Underline;
}

.navbar-inverse .navbar-nav>.open>a:focus {
  color: #000000;
  background-color: unset !important;
  text-decoration: Underline;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #73222c;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: rgba(196, 183, 171, 1) !important;
  border: unset;
  color: #73222c !important;
  text-decoration: none !important;
  padding: 3px 20px;
}

footer .footer-bottom {
  background-color: rgba(196, 183, 171, 1) !important;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  margin: 15px 11px !important;
  padding: 10px 0px !important;
  letter-spacing: -0.5px !important;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height:2px;
  width: 100%;
  background-color: #73222c;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s cubic-bezier(.52, .01, .16, 1);
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover::before,
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:focus::before {
  transform: scaleX(1);
}



/*.xrm-attribute-value #i57aik {
  background-image: url(https://www..jpg);
  height: 520px;
  background-size: cover;
  background-position:bottom center;
  background-repeat:no-repeat;
  /*margin-top: -42px !important;*/
/*}*/

div#iltezj {
  background-color: rgba(241, 237, 231, 0.5);
}


#iqn6wc .xrm-attribute-value {
  text-align: center;
}


.root-236 .ms-DetailsHeader-cellName {
  color: #73222c;
  font-weight: 400;
}

.root-277{
  color: #73222c ;
}

.ms-Link{
  color: #73222c ;
}

.icon-309{
  color: #73222c ;
}

.ms-Icon{
  color: #73222c ;
}

.ms-DetailsHeader-cellName{
  color: #73222c !important;
}

.ms-ContextualMenu-icon{
  color: #73222c !important;
}

.ms-Button-label {
  color: #c4b7ab;
  border-color: #c4b7ab;
}

.ms-Button.ms-Button--default.ms-CommandBarItem-link {
  border-color: #c4b7ab;
}

.iconContainer-231{
  color: #73222c ;
}

[aria-current="page"]::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height:2px ;
  width: 100%;
  background-color: #73222c;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s cubic-bezier(.52, .01, .16, 1);
}

[aria-current="page"]:hover::before,
[aria-current="page"]:focus::before {
  transform: scaleX(0) !important;
}

[aria-current="page"]{
  border-bottom:2px solid #73222c !important;
  height:42px !important;
}

.dropdown-menu [aria-current="page"]{
  border-bottom:unset !important;
  height:26px !important;

}

.image-row {
  margin-bottom: 20px;
}
.image-row img {
  width: 100%;
  max-width: 127px;
  margin: 0 14px;
}
.image-row a {
  flex: 1;
  text-align: left;
}
.text-top {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: left;
}

.btn-primary {
  color: #fff !important;
  border-color: #c4b7ab !important;
  background-color: #c4b7ab !important;
}

.btn-primary:hover {
  color: #fff !important;
  border-color: #c4b7ab !important;
  background-color: #c4b7ab !important;
  opacity: .85;
}

.btn-default {
  color: #73222c !important;
  border-color: #73222c !important;
}

.btn-default:hover {
  color: #c4b7ab !important;
  border-color: #c4b7ab !important;
}

.button2:not(.gjs-selected):hover, .btn-default:not(.gjs-selected):hover {
  background-color: transparent !important;
}

.nav-tabs>li>a {
  color: #73222c !important;
}

.nav-tabs>li>a:hover {
  color: #c4b7ab !important;
  background-color: transparent !important;
}

.breadcrumb>li>a {
  color: #73222c !important;
}

.breadcrumb>li>a:hover {
  color: #73222c !important;
  background-color: transparent !important;
}

.form-control {
  border: 1px solid #73222c !important;
  color: #555 !important;
}

.field-label {
  color: #c4b7ab !important;
}

#mainContent p {
  color: #000;
}

h1 {
  color: #73222c !important;
}

h2 {
  color: #73222c !important;
}

h3 {
    color: #73222c !important;
}

h4 {
    color: #73222c !important;
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
  color: #73222c !important;
}

.siteTitle {
  color: #fff !important;
  background-image: linear-gradient(0deg, #c4b7ab, #c4b7ab) !important 

}

label.control-label.required {
  color: #73222c !important;
}

.checkbox {
  color: #73222c !important;
}

.container-unternehmen {
  padding-left: 310px;
}

.copyright-row {
  float:right;
}

.custom_a {
  color: #73222c !important;
}

.custom_a:hover {
  color: #73222c !important;
  background-color: transparent !important;
}

#thirdButton {
  color: #fff !important;
  border-color: #73222c !important;
  background-color: #73222c !important;
}

#thirdButton:hover {
  color: #fff !important;
  border-color: #73222c !important;
  background-color: #73222c !important;
  opacity: .85;
}

.button2, #yav_vp_templatefile_file_name, .link ,.pull-left, .link>a {
  color: #73222c !important;
  border-color: #73222c !important;
  text-decoration: none !important;
}

.button2:hover, #yav_vp_templatefile_file_name:hover, .link:hover ,.pull-left:hover, .link>a:hover {
  color: #73222c !important;
  border-color: #73222c !important;
  text-decoration: none !important;
}

.link .pull-left {
  color: #73222c !important;
  border-color: #73222c !important;
  text-decoration: none !important;
}

.link .pull-left:hover {
  color: #73222c !important;
  border-color: #73222c !important;
  text-decoration: none !important;
}

.bootstrap-datetimepicker-widget tr td button {
  color: #fff !important;
  background-color: transparent !important;
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #73222c;
}

.table>thead>tr>th>a, .table>thead>tr>td>a, .table>tbody>tr>th>a, .table>tbody>tr>td>a, .table>tfoot>tr>th>a, .table>tfoot>tr>td>a{
    color: #73222c !important;
}

.bootstrap-datetimepicker-widget tr td:hover button {
  background-color: #73222c;
  color: #fff;
}

.bootstrap-datetimepicker-widget tr td.active button {
  background: #73222c;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background: #73222c;
}

th.dow, span.glyphicon.glyphicon-chevron-right, span.glyphicon.glyphicon-chevron-left, th.picker-switch {
  color: #fff;
}

span.glyphicon.glyphicon-chevron-left:hover, span.glyphicon.glyphicon-chevron-right:hover {
  color: #000;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background-color: #fff;
}

.bootstrap-datetimepicker-widget table td span:hover, .bootstrap-datetimepicker-widget table td span.active {
  background: #73222c;
}

.navbar-inverse .navbar-toggle {
  border: none !important;
}

.navbar-toggle {
  background-color: transparent !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

.navbar-inverse .navbar-toggle:hover {
  background-color: #73222c !important;
  border-color: #73222c !important;
}

/*** Footer höher setzen ***/
#iniu2j {
  margin-top: 20px !important;
}

.wrapper-body{
  min-height: calc(100% - 308px) !important;
}

.input-group input:focus{
    border: 1px solid #73222c !important;
}

/*** Footer höher setzen ***/

.footer-bottom .text-top, .footer-bottom .copyright-row p{
  color: white !important;
}

/* Dialog Dokument nicht verfügbar*/
p.ms-Dialog-subText {
  color: #c4b7ab;
}

div.ms-Dialog-title {
  color: #c4b7ab;
}
/**/

.siteHeadLine{

  background-image: linear-gradient(0deg, #c4b7ab, #c4b7ab) !important ;

  }    

#i0l5er {
    color: white !important; /* Schriftfarbe auf Weiß setzen */
}

