@font-face { font-family: 'DBSans-Regular';
             src: url('/fonts/dbtype_otf_l1/DBSans-Regular.otf')  format('opentype'); 
			}
			 
@font-face { font-family: 'db-head-black';
             src: url('/fonts/dbtype_otf_l1/DBHead-Black.otf')  format('opentype'); 
			}
			
@font-face { font-family: 'db-head-regular';
             src: url('/fonts/dbtype_otf_l1/DBHead-Regular.otf')  format('opentype'); 
			}

:root{
	--b2baEVUnoteditable: '\f235';
	--b2baEVUeditable: '\f4ff';
	--b2baEVUpercentage: '\f541';
	--b2baEVUeuro: '\f153';
}

body { font-family: 'DBSans-Regular', arial, sans-serif; }

h1{
	font-family: 'db-head-black', arial, sans-serif;
}

h2{
	font-family: 'db-head-regular', arial, sans-serif;
}

h4{
	font-family: 'db-head-regular', arial, sans-serif;
}

.custom-file-input:lang(de) ~ .custom-file-label::after {
    content: "Durchsuchen" !important;
}

.input-group-text{
	color:black;
	background-color: #fff !important;
}

.text-primary{
	color:#0a1e6e !important;
}

.bg-gradient-primary {
    background-color: #646973 !important;
	background-image: none !important;
}

.login-mask{
	background-image: url("/media/login-screen_small.JPG")  !important; 
	height:90%;
	width: auto;
}

.btn-primary {
    color: #fff;
    background-color: #0a1e6e;
    border-color: #0a1e6e;
}
.btn-primary:hover {
    background-color: #23419b !important;
}

.monitoring-icon-hoover:hover {
    color: #cc0000 !important;
}

.monitoring-icon-info {
    color: #bbb;
}

h2{
	color:black !important;
}

h4{
	color:black !important;
}

.check-and-send-button{
	background-color: #646973 !important;
	border-color: #646973 !important;
	float: right;
}

.btt-red-button{
	background-color: #646973 !important;
	border-color: #646973 !important;
}
.btt-red-button:hover{
	background-color: #646973 !important;
	border-color: #646973 !important;
}


.check-and-send-button:hover{
	background-color: #cc0000 !important;
	border-color: #cc0000 !important;
}

.glyphicon:empty {
    width: 1em;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
-moz-osx-font-smoothing: grayscale;
}
	
.input-group.date .input-group-addon {
    cursor: pointer;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
        border-left-color: rgb(204, 204, 204);
        border-left-style: solid;
        border-left-width: 1px;
    border-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}


.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #1cc88a;
    padding-right: 0;
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	background-image: url();
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #e74a3b;
    padding-right: 0;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.overlay-image-text-header{
	text-transform: uppercase;
}

.my-modal-font-size{
	font-size: 13px;	
}


.input-group-text{
	min-width: 0px;	
}


.sidebar .nav-item .nav-link i {

    font-size: 1.2rem;
    margin-right: .25rem;
}

.my-input-border-for-datalist{
    border-top-right-radius: .3rem !important;
    border-bottom-right-radius: .3rem !important;
}


.my-fixed-size{
    width:200px;
}

.my-fixed-size-corrective-action-sub{
    width:385px;
}

.my-fixed-size-knowledge{
    width:300px;
}

.border-left-danger {
    border-left: .25rem solid #ff0000 !important;
}

sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .my-img-profile {
    height: 3rem;
    width: auto;
}

/*For radio buttons*/
.uneditable-input:focus {   
  border-color: none;
  box-shadow: none;
  outline:  none;

}

.my-pointer:hover{
	cursor: pointer;
}

label{
	font-size: 1.0rem !important;
	color:black;
}


/*Can be used for styling, e.g. a button which shouldnt be clickable but look like a button*/
.no-pointer-event{
	pointer-events: none;
}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
background-color: #646973 !important;
}

a {
	 color:  #646973 !important;
}

.nav-link > span{
	color: white;
}

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.my-radiobutton-label-background-awb {
	background-color: #FFF !important;
}

.my-b2ba-custom-control-checkbox{
   border: solid;
   padding: 0.5rem;
   border-color:#858796;
   width: 180px;
   background-color: #858796;
   color: #fff;
   }

.b2ba-checkbox-evu-choice:checked + label{
   border-color: #cc0000 !important;
   background-color: #cc0000 !important;
   }
   
.b2ba-icon::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.b2ba-evu-editable-checkbox input[type="checkbox"]:checked ~ .b2ba-evu-icons::before
{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: var(--b2baEVUeditable);

}

  .b2ba-evu-editable-checkbox input[type="checkbox"]:not(:checked) ~ .b2ba-evu-icons::before
{
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
	 content: var(--b2baEVUnoteditable);
}

.b2ba-evu-editable-checkbox input[type="checkbox"]:checked ~ .b2ba-evu-contract-icons::before
{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: var(--b2baEVUpercentage);
}

  .b2ba-evu-editable-checkbox input[type="checkbox"]:not(:checked) ~ .b2ba-evu-contract-icons::before
{
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
	 content: var(--b2baEVUeuro);
}

.b2ba-evu-editable-checkbox input[type="checkbox"] {
    display: none;
}

.b2ba-not-rounded-left {
	border-bottom-left-radius: 0;border-top-left-radius: 0;
}

.padding-top-2rem{
    padding-top: 2rem !important;
}

.b2ba-not-rounded-right {
	border-bottom-right-radius: 0;border-top-right-radius: 0;
}

.b2ba-icon-button-hover:hover {
    color: #858796 !important;
    background-color: transparent !important;
    border-color:1px solid transparent !important;
    cursor: pointer;
}

.b2ba-icon-button-hover.active:hover{
    color: white !important;
    background-color: #858796 !important;
    border-color:1px solid #858796 !important;
    cursor: pointer;
}

.btn-secondary:not(:disabled):not(.disabled).b2ba-active-color.active {
    background-color: #cc0000 !important;
	border-color: #cc0000 !important;
}

.btn-db-red {
    background-color: #cc0000 !important;
	border-color: #cc0000 !important;
	color: white;
}

.b2ba-textarea-borderCheckpoint-size{
    height: 92px!important;
}

.textarea-without-resize{
    resize: none !important;
}


.page-item.active .page-link {
    color: white !important;
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
}


.my-label-text-color{
    color: #858796 !important;
}

.my-fixed-card{
	position: fixed !important;
}

.my-sticky-card{
	top: 10px;
}


@media all and (max-width: 992px) {
    .my-fixed-card {
        position: absolute !important;
    }
	.my-sticky-card{
		top: auto;
	}
}


.tooltip-inner {
	max-width: none;
	#white-space: nowrap;
	background:white;
	border:1px solid lightgray;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
	color:#3D3D3D;
	margin:0;
	padding:.5rem;
	text-align: left;
}


.my-blue-button{
	background-color:blue !important;
	color:white !important;
}

.my-blue-button:disabled{
	background-color: #eaecf4 !important;
	opacity: 1;
	color: #6e707e !important;
}

.my-scrollbar-dropdown{
	max-height: 300px;
	overflow-x: hidden;
}


.my-border-left-order-btt{
	border-left: gray 3px solid;
	padding-left: 6px;
}

.text-no-wrap{
	white-space: nowrap;
}

.no-border-class{
	border: 0px !important;
}

.modal-fullscreen{
	max-width:100%;
	font-size: 16px;
}
.modal-90{
	max-width:90%;
	font-size: 16px;
}

.modal-body-border{
	padding: 1rem 1rem;
	border-bottom: 1px solid #e3e6f0;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}

.bg-success-dark-green-1{
	background-color: #0b9160 !important;
}

.bg-success-dark-green-2{
	background-color: #04402a !important;
}



mark{
    background: yellow;
    color: black;
}


mark.current {
  background: orange;
}

.markjs-buttons{
	margin-left: .2rem;
}

.my-sticky-searchbar{
	top:16px;
}

.table-sticky-knowledge th {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}

.table-responsive-knowledge{
  height: 800px;
  overflow: scroll;
}

.rounded-login-logo {
  border-radius: 15% !important;
  }


/*DB ICONS START*/
.home-icon:before{
    content: url(../../db_icons/house-solid.svg);
}

.eye-solid-1:before{
    content: url(../../db_icons/eye-solid_1.svg);
}


.ellipsis-vertical-solid:before{
    content: url(../../db_icons/ellipsis-vertical-solid.svg);
}

.user-regular:before{
    content: url(../../db_icons/user-regular.svg);
}

.icon-white{
    color: white;
    filter: invert(96%) sepia(100%) saturate(14%) hue-rotate(228deg) brightness(102%) contrast(100%);
}

.icon-grey{
    color: #646973 !important;
    filter: invert(41%) sepia(16%) saturate(266%) hue-rotate(182deg) brightness(94%) contrast(87%);
}

.ellipsis-vertical-width{
    text-align: center;
    width:.4em;
}
/*DB ICONS END*/

.my-img-profile{
    height:48px;
    margin-top: .7rem;
    margin-left: .5rem;
}



.radio-button-not-selected{
    border-color: #e74a3b !important;
    border-radius: .35rem;
}

.radio-button-selected{
    border-color: #1cc88a !important;
    border-radius: .35rem;
}

#error_toast
{
	color: white;
	font-size:1vw;

}

#toast_container
{
	bottom: 50% !important;
	right: 50% !important;
	position:absolute;

}

/*DB ICONS START*/
.ECCI-BZAAntraegeUndGenehmigungen:before{
    content: url(../../sbadmin2/DBCreatedIcons/BZAAntraegeUndGenehmigungen.svg);
}

.ECCI-Dokumente:before{
    content: url(../../sbadmin2/DBCreatedIcons/Dokumente.svg);
}

.ECCI-Kontaktliste:before{
    content: url(../../sbadmin2/DBCreatedIcons/Kontaktliste.svg);
}

.ECCI-KundenanfrageUndBerechnungsszenario:before{
    content: url(../../sbadmin2/DBCreatedIcons/KundenanfrageUndBerechnungsszenario.svg);
}

.ECCI-PKW:before{
    content: url(../../sbadmin2/DBCreatedIcons/PKW.svg);
}

.ECCI-Relationsauftrag:before{
    content: url(../../sbadmin2/DBCreatedIcons/Relationsauftrag.svg);
}

.ECCI-Stammdaten:before{
    content: url(../../sbadmin2/DBCreatedIcons/Stammdaten.svg);
}

.ECCI-Waggon:before{
    content: url(../../sbadmin2/DBCreatedIcons/Waggon.svg);
}

.ECCI-Elektro-PKW:before{
    content: url(../../sbadmin2/DBCreatedIcons/E-PKW.svg);
}

/*DB ICONS END*/