/*Patches ueber die Designs*/

td.table-cell-middle {
    vertical-align: middle;
}

.btn-radio {
    padding: 5pt;
    line-height: 0.8;
    font-size: .8rem;
}

.btn-check {
    padding: 0pt 5pt 0pt 5pt;
    line-height: 0.8;
    font-size: .8rem;
}

#ohsnap {
    flex-direction: row;
    position: fixed;
    right: 2px;
    top: 0px;
    z-index: 9999;
}

.alert {
    padding: 5px;
    margin-bottom: 0px;
    border: 1px solid #eed3d7;
    border-radius: 5px;
    background-color: white;
}

.alert-red { color: #fff; background-color: #DA4453; }
.alert-green { color: #fff; background-color: #37BC9B; }
.alert-blue { color: #fff; background-color: #4A89DC; }
.alert-yellow { color: #fff; background-color: #F6BB42; }
.alert-orange { color: #fff; background-color: #E9573F; }

img.ampel { width: 25px; }

.text-disabled { color: #8B8B8B; }

/************************************
Dialog-Box
***************************************/

#dialog { font-size: var(--resp-fs-08-11); }

/************************************
Form controls
***************************************/

.form-control { color: #3F3E3E; }

/************************************
Mauscursor mail senden an
***************************************/

a.oacmd { cursor: pointer; }

/************************************
Ampeldarstellung (svg-punkte)
***************************************/

.icon.ampel {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}
.icon.ampel-grau { fill: #95989a !important; }
.icon.ampel-rot { fill: #dc3545 !important; }
.icon.ampel-gelb { fill: #fd7e14 !important; }
.icon.ampel-gruen { fill: #50a052 !important; }

/************************************
Ampeldarstellung (svg-circle)
***************************************/
.dot.dot-grau { fill: #95989a !important; }
.dot.dot-rot { fill: #dc3545 !important; }
.dot.dot-gelb { fill: #fd7e14 !important; }
.dot.dot-gruen { fill: #50a052 !important; }

/************************************
Upload via Modal
***************************************/
.upload-file .start { display: none; }
.fileBrowse input { display:none; }

.fileupload-buttonbar { padding: 5pt 0 5pt 8pt; }

.files.upload-files-list {
    border: 1px solid #eee;
    margin: 0;
    padding: 0pt 10pt 10pt 15pt;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
ol.upload-files-list .upload-file:last-child { border-bottom: 1px solid #eee; }
.upload-progress-bar.progress { background-color: #50a052; height: 5pt; float: left; }
.upload-file-info .filename-col { float: left; font-size: small; }
.template-upload.upload-file.in { list-style: none; vertical-align: bottom; }

.fileBrowse {
    padding: 10px 10px 0px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #224637;
}
.fileBrowse a {
    background-color: #50a052;
    padding: 12px 26px;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    line-height: 1;
}

.fileBrowse a:hover { background-color: #50a052; }

/* 28.10.2021 Baysal test browser button upload mit tab erreichen   */
.fileBrowse a:focus { 
    color: #50a052;
    background-color: #bcbec0; 
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(80, 160, 82, .5);
    /*border-color: #bcbec0;*/
}

.gallery-item .del {
    position: absolute;
    height: 20px;
    width:10px;

    top: -6px;
    right: 2px;
    z-index: 100;
    color: #0b0b0b;
    background-color: rgba(255,255,255, 0.5);
}

.file-upload { font-size: 13px; font-family: Ubuntu; }

/************************************
jQuery-UI Manipulation

die UI verändert die eigenschaften von
JqGrid. Da diese nicht in der main.css
berücksichtigt werden werden sie hier
überschrieben.
***************************************/
/*	01.07.2021 Baysal border: 0; verhindert Spaltenbreiten einstellbar machen */
/*
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0; }	
.ui-widget.ui-widget-content { border: 0; }
.ui-widget-content { border: 0; }
*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0; }
/*07.02.2020 Baysal Online Seifert. Upload Dialog was Transparent und ohne Border, es war schwer zu lesen*/
.ui-widget-content.ui-dialog {border-style: solid; border-color: black; border-width: 1px; background-color: inherit;}
/*07.02.2020 Baysal Button Close Right */
.ui-dialog .ui-button { float: right; /* left/center/right */}
/* 22.07.2021  Bug in der Registeransicht: In manchen BRowsern läßt sich die breite der ersten Spalte nicht einstellen.*/
.ui-jqgrid .ui-jqgrid-resize {
	width: 8px;
}

/************************************
Test Custom-Bullet Arrow 
11.02.2020 Baysal
***************************************/
ul.custom-bullet, ol.custom-bullet{
  list-style:none;
}
ul.custom-bullet > li, ol.custom-bullet >li {
  clear:left;
}
ul.custom-bullet > li:before, ol.custom-bullet > li:before {
  content:"";
  height:1em;
  width:1em;
  display:block;
  float:left;
  margin-left:-1em;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100%;
}
ul.arrow_r > li:before{
  background-image:url(/sostatic/arrow_r.svg);
  background-position:center;
  background-size:90%;
  border-radius:50%;
}
ul.arrow_r > li:hover:before{
  background-size:100%;
}

.ui-tooltip {
  background-color:#d1d2d3;
  color: #000;
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 420px;
  border-radius: 20px;
  border-width:1px;
  border-color: #0b0b0b;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.0em;
}

body .ui-tooltip {
	border-width: 2px;
}

/************************************
Dvhbübersicht 2018 dvhbtable
14.02.2020 Baysal
***************************************/
.dvhbtable tr:hover {background-color: #ddd;}

/* Jquery-Timepicker überschreiben*/
.ui-menu-item  {
  width: fit-content !important;
}

.ui-timepicker-viewport {
  width: fit-content !important;
  overflow-y : scroll !important;
}

.transparentbgc {
  background-color: transparent !important;
}

/********************************************
Barierefreiheit Kontraste von Texten erhöhen 
11.01.2022 Baysal
*********************************************/
/* Südvers Farben
  primary         : #50a052
  secondary       : #0078be
  success         : #76c752
  green-dark      : #224637
  danger          : #d52536 
  warning         : #ffc107
  info            : #17a2b8
  light           : #f2f2f2 
  dark            : #3f3e3e
  muted           : #74777a 
  white           : #fff
  green-accessible: #428444
  blue-accessible : #0073B7
*/
.input--label--underlined::before {
  background:  #76c752!important;   /*success */
  opacity: 0.1;
}

.input--field--underlined {
  color: #224637 !important;      /*green-dark */
}

/*
.login-meta-nav a {
  color: #76c752 !important;
}


.brand.brand-login {
  fill : #FFFFFF !important;
}
*/

.sidebar .sidebar-nav > .nav .nav-item.active > .nav-link {
  color: #76c752 !important;    /*success */
}

.sidebar .sidebar-nav > .nav .nav-item.active > .nav-link .arrow.white {
  fill: #76c752 !important;     /*success */
}

.box--title{
  color: #428444 !important;    /*green-accessible */
}

.your-contact--title{
  color: #428444 !important;    /*green-accessible */
}

.btn-primary {
  background-color: #428444 !important; /*green-accessible */
}

.slist-pool .slist-item {
  color: #3f3e3e !important;    /*dark */
}


/* 31.03.2022 pflichtfelder */
.pflichtfeld td {
	background-color: #ffc107 !important;	/*warning*/
}

.fehlendepflichtfeld td {
	background-color: #d52536 !important;
}

/************************************
Register schadentabelle jqgrid aufsteigend und absteigend buttons focus 
22.02.2023 Baysal
***************************************/
.ui-grid-ico-sort:focus {
  outline: 2px solid #428444 !important;
}

/************************************
Iconbar als html list ul li
27.02.2023 Baysal
***************************************/
ul.icon-bar--right,  ul.icon-bar--left{
  list-style-type: none;
}

#aufsteigend > td, #absteigend > td {
  color: #000;
}

/************************************
Registerseite Fixieren der Kopfzeile
14.02.2024 Baysal
***************************************/
#gbox_jqGrid .ui-jqgrid-hdiv {
  top: -20px !important;
}

#gbox_jqGrid_termin1 .ui-jqgrid-hdiv {
  top: -20px !important;
}

/************************************
Online Akte portal ausgewählte sprache 
04.05.2026 Baysal
***************************************/
.spracheaktiv {
  color: #428444 !important;    /*green-accessible */
  font-weight: bold !important;
}