/**
 * basisweb.css
 * 
 * StyleSheets
 *
 * CSS version 3
 *
 * @author     	Chris Wiese  <chris@basisweb.de>
 * @copyright   2019 - 2022 basisweb (http://basisweb.de)
 *
 * @file       	basisweb.css
 * @lastchange 	15.12.2022
 * @encoding   	UTF-8
 *
 *
 * Farben
 * ------
 *
 * dunkelgrün:  #778c85
 * rot:         #ea3323
 * dunkelgrau:  #4d504f
 * hellgrau:    #b0b1b0
 * pink:        #F04E98
 *
 * Piktogramme
 * orange:      #eeca53
 * blau:        #235783
 *
 */


/*
.small-right {
    font-size: 0.875em;
    color: #ccc; 
    text-align: right;
}

.input-input-group {
    width: 30px; 
    border:1px solid #ccc; 
    border-radius: 0.25em; 
    text-align: center;
}

.input-warenkorb {
    border-bottom: 2px dashed green !important;
}
*/

input.readonly { 
   background-color: #eeeeee!important;
   border-bottom: 1px solid #999;
 }

/**
 *
 * i18n
 *
 */

.i18n-translated {
    line-height: 1rem; 
    border-bottom: 1px dashed green;
}

.i18n-not-translated {
    line-height: 1rem; 
    border-bottom: 1px dashed red;
    background-color:rgba(228,238,0,0.6);
}


/**
 *
 * Header
 *
 */

.navbar-mylogo  {
	width: 35px;
	height: 35px;
    position: relative;
    margin-right: 5px;
}


/**
 *
 * User-RoleID & App-Umgebung
 *
 */


.user-status {
    padding: 20px 9px 0;
}

.user-roleid-1 {
    color:#ea3323!important;
}

.user-roleid-2 {
    color:#4d504f!important;
}

.user-roleid-3 {
    color:#ffcb00!important;
}

.user-roleid-4 {
    color:#9d2df5!important;
}

.user-roleid-5 {
    color:#886ab5!important;
}

.user-roleid-6 {
    color:#886ab5!important;
}

.user-roleid-LOCAL {
    background-color: rgba(228,238,0,0.6);
    color:#333;
    font-size:  8px!important;
    padding: 3px;
    position: relative;
    top:  -5px;
}

.user-roleid-DEV {
    background-color: #ea3323;
    color:#eee;
    font-size:  8px!important;
    padding: 3px;
    position: relative;
    top:  -5px;
}

.user-roleid-TEST {
    background-color: #4d504f;
    color:#eee;
    font-size:  8px!important;
    padding: 3px;
    position: relative;
    top:  -5px;
}

.user-roleid-LIVE {
    background-color: #ddd;
    color:#fff;
    font-size:  8px!important;
    padding: 3px;
    position: relative;
    top:  -5px;
}

.page-logo-text {
    font-size: 0.9rem!important;
}


/**
 * 
 * Overrides
 * 
 */ 


::-webkit-input-placeholder { /* Edge */
  color: #ddd!important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ddd!important;
}

::placeholder {
  color: #ddd!important;
}


a {
	/*color: #4d504f;*/
}

a:hover {
	/*color: #333;*/
}

td:focus, 
th:focus {
    outline: none;
}


/**
 * 
 * Datepicker
 * 
 */ 


.datepicker table tr td.disabled {
    color: #ddd;
}

.datepicker {
    padding: 0.4375rem 0.75rem !important;
}


/**
 *
 * Forms & Tabellen
 *
 */

fieldset {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}

label.error {
	font-size: 10px;
	background: #aa0000;
	color: #eee;
	width: 100%;
	padding: 2px 5px;
	opacity: 0.8;
	border: 1px solid #660000;
}

.help-block {
    text-align: right;
    font-size: 10px;
}

.red {
    color: #ea3323;
}

.required-label {
    /*color: #ea3323;*/
}

.required-label:after { content:" *"; }

th.text-center {
    text-align: center;
}

footer {
    text-align: right;
}

.dataTables_empty {
    font-size: 1em;
    color: #999;
}

.piktogramm {
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.piktogramm.aktiv {
    background-color: #778c85;
    border: 2px dashed #000;
}

.deckblatt-bild.aktiv {
    border: 1px dashed #333;
    padding:5px;
}

.deckblatt-bild:hover {
    border: 1px solid #333;
    padding:5px;
    cursor:pointer;
}

.dropzoneKommentar {
    font-size: 70%;
    margin-top: 3px;
    text-align: right;
    color: #999;
}


.dz-image {
    width: 128px;
    height: 128px;
}

.dz-image img {
    width: 100%;
    height: 100%;
}



a.overview:hover {
    font-weight: 600;
    color: #4e504f
}

.gefaehrdungLoeschen.btn-outline-primary {
    color: #ddd;
    border: none;
}

.nichtZutreffend.btn-outline-primary:hover,
.gefaehrdungLoeschen.btn-outline-primary:hover {
    color: #4e504f;
    background: #ddd;
}

.nichtZutreffend.btn-primary {
    background: #ddd;
    color: #4e504f;
}

.nichtZutreffend.btn-primary:hover,
.gefaehrdungLoeschen.btn-primary:hover  {
    background: #fff;
    color: #4e504f;
}

.custom-control-label:hover,
select:hover {
    cursor: pointer;
}

select optgroup {
    font-style:normal;
    font-weight:300;
}

.input-group-text-small {
    width: 100%;
    border-radius: 3px;
    border: 0.5px solid #aaa;
    text-align: center;
    padding: 5px;
}

.input-group-text-big {
    width: 100%;
    border-radius: 3px;
    border: 0.5px solid #aaa;
    text-align: left;
    padding: 5px;
}

.input-group-text-small-warenkorb {
    width: 100%;
    border-radius: 3px;
    border: 0.5px solid #aaa;
    text-align: right;
    padding: 5px;
}

.small-right {
    text-align: right;
    font-size: 0.8em;
    color: #aaa;
}

.disabled {
    background: #eee!important;
}

.td-warenkorb {
    text-align: left; 
    padding:0.3rem 0.1rem;
}

.erledigt {
    text-decoration: line-through;
    color: #aaa;
}

/**
 *
 * Dropzone 
 *
 */

div.myDropzone,
div.myDropzoneSignatur {
    width: 100%;
    height: 101px;
    border: 1px solid #ccc;
}

div.myDropzone,
div.myDropzoneSignatur {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, .03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, .03)), color-stop(0.75, rgba(0, 0, 0, .03)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-color: #FAFCFD;
    background-size: 16px 16px;
    cursor: pointer;
}

.progress {
    background: #F8DA49;
    width: 0%;
    height: 4px;
    display: none;
}

.dz-image {
    float: left;
    cursor:pointer;
}

.dropzoneMeta {
    padding-left: 5px;
    font-size: 12px;
    margin-left: 130px;
    border-left: 1px solid #ddd;
    height: 120px;
}

.dropzoneMeta label {
    font-weight: bold;
   
    margin-top: 5px;
}


.dropzoneMeta a {
    color: #666;
}

.dz-preview {
    width: 100%;
    display: block;

}

div.dz-details, div.dz-progress, div.dz-error-message, div.dz-success-mark, div.dz-error-mark {
    display: none;
}

#myPV div.dz-details, div.dz-progress {
    display: inherit;
}

#myPV .dz-image {
    width: 100%;
    height: auto;
}

#myPV .dz-image {
    margin-right:  15px;
}

div.dz-preview{
    float: left;
    margin-bottom: 15px;
}

.piktogramm:hover {
    border:1px solid #7b8c86;
    width: 100%;
    position: absolute;
    z-index: 100;
    background: #fefefe;  
}

.piktogramm.aktiv:hover {
    border:1px solid green;
    width: 100%;
    position: absolute;
    z-index: 100;
    background: #7b8c86;  
}

.pikCheck {
    position: absolute;
    top: 5px;
    width: 15px;
    height: 15px;
    padding-left: 1px;
    font-weight: 600;
    color: #fefefe;
    display: none;
}

/**
 *
 * Login 
 *
 */

.browserinfo {
    position: absolute;
    bottom: 10px;
    right: 15px;
    color: #666;
    font-size: 0.9em;
}

.blankpage-footer {
    color: #ea3323!important;
}


/**
 *
 * Easy Autocomplete
 *
 */

.easy-autocomplete{
  width:100% !important
}

.easy-autocomplete input{
  width: 100%;
}

.easy-autocomplete ul li{
  font-size: 1em!important;
}


/**
 * 
 * Isotope / Lightbox
 * 
 */

.lb-number {
    display:  none!important;
}


/**
 * 
 * Parsley
 * 
 */ 

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}


/**
 * 
 * Created at
 * 
 */

 .created_at {
    position: absolute;
    right: 30px;
    bottom: 15px;
    font-size: 0.8em;
    padding: 5px 10px;
    text-align: left;
    color: #bbb;
    border-radius: 4px;
    display: none;
 } 



/**
 * 
 * Datatable Storno
 * 
 */ 
.dt_storno {
    color: #bbb!important;
    text-decoration: line-through;
}

.myTooltip {
    cursor: pointer;
}

.input_info {
    display: none;
    position: absolute;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 10px;
    color: #060606;
    width: 350px;
    margin-left: 1%;
    margin-top: 15px;

    box-shadow: 5px 5px 5px #aaaaaa;
}