/* ##################### Default styles ##################### */
    .hover-success:hover {
        color: #84c353 !important;
    }
    .hover-error:hover {
        color: #e63007 !important;
    }
    .full-width {
        width: 100% !important;
    }
    .font-size-small {
        font-size: 10px !important;
    }
    .hiddenElement {
        display: none;
    }
    a, img {
        text-decoration: none !important;
        outline: none !important;
    }
    .float-right {
        float: right;
    }
    form {
        max-width: 100% !important;
    }
    button {
        margin: 0px !important;
    }
    input[type="file"]::-webkit-file-upload-button {
        visibility: hidden;
      }
    input[type="file"]::before {
        content: 'Datei auswählen';
        display: inline-block;
        background: orange;
        border-radius: 2px;
        padding: 5px 25px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        font-weight: 700;
        font-size: 10pt;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 400;
        font-family: RobotoDraft, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif !important;
      }
      input[type="file"]:active::before {
          background: #ff6736 !important;
      }
      input[type="file"]:hover::before {
        border-color: black;
      }
      input[type="file"]:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
      }
      .margin-top-10 {
          margin-top: 10px;
      }
      .margin-bottom-min-15 {
          margin-bottom: -15px;
      }
      .margin-left-10 {
          margin-left: 10px !important;
      }
      .singlePageMessage {
          margin-top: 25px;
          margin-bottom: 50%;
      }
      .btn-dark {
          background: #191919;
      }

/* ##################### Overwrites ##################### */
    .form-control {
        outline: none !important;
    }
    .dropdown-menu li a:hover, .dropdown-menu-default li a:hover {
        color: orange !important;
    }
    .form-group .form-control:focus, .form-group-default .form-control:focus {
        background-image: linear-gradient(orange,orange),linear-gradient(#d2d2d2,#d2d2d2) !important;
    }
    a {
        transition: 0.3s;
        color: orange !important;
    }
    a:focus, a:hover {
        color: #ff6736 !important;
    }
    .btn, .btn a, .btn:hover, .btn a:hover {
        color: #ffffff !important;
    }
    .filter-option-inner-inner {
        color: #555555;
    }
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
        background-color: #fff6cc !important;
    }
    .edit-link {
        display: none;
    }
    .comments-link {
        display: none !important;
    }

/* ##################### Single receipt ##################### */
    .receipt-image {
        width: 100%;
    }
    .receipt-image-container {
        text-align: center;
    }
    .ingridientOutput {
        list-style-position: inside;
        padding: 0px !important;
    }
    #receiptCalculator {
        width: 55px;
        border: 1px solid #cacaca !important;
        background: rgb(255 255 255 / 66%);
    }

/* ##################### Add receipt ##################### */
    .removeIngridientIconButton {
        color: black !important;
        padding: 0px !important;
        cursor: pointer;
    }
    .removeIngridientIconButton > i {
        font-size: 25px;
        margin-top: 5px;
    }
    #uploading {
        display: none;
        text-align: center;
    }
    #uploading > i {
        font-size: 50px;
    }
    .mobileIngridients {
        display: none !important;
    }
    .receiptbook-select {
        width: 100% !important;
    }
    .ingridient {
        margin-bottom: 10px;
    }
    .ingridient input, .removeIngridient > i, .ingridient button, .ingridient a {
        margin-top: 10px !important;
    }

/* ##################### Search receipts ##################### */
    .receiptContainer {
        margin: 15px 0px 15px 0px;
        background: #fcdcab;
        padding: 25px;
    }
    .receipt-row {
        display: flex;
    }
    .receipt-content {
        color: #191919 !important;
        margin-left: 30px;
        width: 100%;
    }
    .receipt-content a {
        color: #191919 !important;
    }
    .receipt-content:hover, .receipt-content a:hover {
        color: #494949 !important;
    }
    .receipt-filter-container {
        border: 1px solid #191919;
        background: #fafafa;
        padding: 10px 30px 45px 30px;
    }
    .dropdown-toggle {
        border: 1px solid #191919 !important;
    }
    input {
        border: 1px solid #191919 !important;
        padding: 6px !important;
        height: 38px !important;
    }
    .receipt-image-container {
        border-radius: 50%;
        background-size: cover;
        background-position: center;
        width: 125px;
        height: 125px;
    }

/* ##################### Toaster styles ##################### */
    .receipt-toaster {
        z-index: 99999999;
        position: fixed;
        right: 50px;
        bottom: 50px;
        background: rgb(37 100 216 / 70%);
        min-height: 80px;
        min-width: 15%;
        display: none;
    }
    .receipt-toaster-icon {
        font-size: 32px;
        padding-right: 10px;
    }
    .receipt-toaster-message {
        padding: 30px;
        color: #ffffff !important;
    }
    .error-toaster {
        background: rgb(230 48 7 / 70%) !important;
    }
    .success-toaster {
        background: rgb(132 195 83 / 70%) !important;
    }

/* ##################### Responsive styles ##################### */
    @media screen and (max-width: 991px) {
        #menu-footer {
            padding: 0px !important;
        }
        .ejm-logo {
            width: 150px !important;
        }
        .desktopIngridients {
            display: none !important;
        }
        .mobileIngridients {
            display: block !important;
        }
    }