* {
  font-family: Arial, Helvetica, sans-serif; }

html {
  height: 100%;
  overflow-y: hidden; }

body {
  height: 100%; }

.btn-danger {
  background-color: #e76f51 !important;
  border-color: #e76f51 !important;
  color: #fff; }
  .btn-danger:hover {
    background-color: #264653 !important;
    border-color: #264653 !important; }

.btn-primary {
  background-color: #2a9d8f !important;
  border-color: #2a9d8f !important; }
  .btn-primary:hover {
    background-color: #264653 !important;
    border-color: #264653 !important; }

nav {
  background-color: #fafafa;
  padding: 10px; }
  nav h3 {
    padding: 10px;
    font-size: 16px;
    margin: 0; }

.bewerbungs_tool {
  height: 100%;
  position: relative;
  padding: 0px;
  position: relative;
  display: block;
  border-left: 1px solid #eee; }
  .bewerbungs_tool .sidebar {
    height: 100%;
    padding: 0; }
    .bewerbungs_tool .sidebar h4 {
      padding: 10px;
      background-color: #fafafa; }
  .bewerbungs_tool .content {
    height: 100%;
    padding: 0;
    border-left: 1px solid #eee; }
  .bewerbungs_tool .main {
    overflow-y: scroll;
    position: relative;
    height: 94vh;
    padding: 0; }
    .bewerbungs_tool .main .search {
      padding: 6px 10px;
      background-color: #fafafa;
      margin: 0; }
      .bewerbungs_tool .main .search input {
        height: 37px; }
    .bewerbungs_tool .main ul li a .name {
      padding-left: 20px; }
    .bewerbungs_tool .main ul li a .prozent {
      float: right; }
  .bewerbungs_tool .content_right {
    padding: 20px; }
    .bewerbungs_tool .content_right .bewerber_short_info {
      padding: 0;
      margin-bottom: 40px;
      display: flex;
      background-color: #eeeeee;
      position: relative; }
      .bewerbungs_tool .content_right .bewerber_short_info .buttons_profil {
        text-align: right;
        width: 100%;
        display: flex;
        justify-content: right;
        padding: 8px; }
        .bewerbungs_tool .content_right .bewerber_short_info .buttons_profil .icon {
          top: 0;
          background-color: #b9b9b9;
          margin-left: 5px;
          padding: 5px 10px; }
          .bewerbungs_tool .content_right .bewerber_short_info .buttons_profil .icon:hover {
            cursor: pointer;
            background-color: #E76F51; }
      .bewerbungs_tool .content_right .bewerber_short_info .icon {
        position: relative;
        right: 15px;
        top: 5px;
        background-color: #264653;
        color: #fff;
        padding: 7px; }
      .bewerbungs_tool .content_right .bewerber_short_info .buttons {
        text-align: right;
        width: 100%;
        display: flex;
        justify-content: right;
        padding: 8px; }
        .bewerbungs_tool .content_right .bewerber_short_info .buttons .delete {
          background-color: #e76f51;
          margin-right: 5px;
          color: #fff;
          border: 0px;
          box-shadow: 0px 0px;
          padding: 7px 15px; }
          .bewerbungs_tool .content_right .bewerber_short_info .buttons .delete img {
            max-width: 20px; }
        .bewerbungs_tool .content_right .bewerber_short_info .buttons .safe {
          background-color: #2a9d8f;
          color: #fff;
          border: 0px;
          box-shadow: 0px 0px;
          padding: 7px 15px;
          position: relative; }
          .bewerbungs_tool .content_right .bewerber_short_info .buttons .safe::before {
            display: inline-block;
            content: "";
            background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
            background-repeat: no-repeat;
            background-size: 1rem 1rem; }
      .bewerbungs_tool .content_right .bewerber_short_info h5 {
        padding: 18px 30px;
        font-size: 14px;
        margin: 0;
        width: 100%; }
    .bewerbungs_tool .content_right #saveEditAccountForm ul {
      width: 100%; }
      .bewerbungs_tool .content_right #saveEditAccountForm ul li {
        width: 100%; }
        .bewerbungs_tool .content_right #saveEditAccountForm ul li label {
          font-size: 12px;
          font-weight: 600; }
        .bewerbungs_tool .content_right #saveEditAccountForm ul li input {
          font-size: 12px;
          padding: 5px 10px; }
  .bewerbungs_tool .title {
    padding: 15px 19px;
    background-color: #fafafa;
    font-size: 17px; }
  .bewerbungs_tool .emails_infos {
    height: 100%; }
    .bewerbungs_tool .emails_infos input {
      width: 100%;
      font-size: 12px;
      padding: 4px 12px; }
    .bewerbungs_tool .emails_infos textarea {
      width: 100%;
      min-height: 500px;
      font-size: 12px;
      padding: 4px 12px; }
    .bewerbungs_tool .emails_infos .button_style {
      display: inline-block;
      position: relative;
      padding: 10px;
      background-color: #2a9d8f;
      color: #fff;
      font-size: 14px;
      border: 0px;
      box-shadow: 0px 0px;
      margin-left: 10px;
      margin-top: 20px; }
      .bewerbungs_tool .emails_infos .button_style svg {
        padding-right: 5px;
        font-size: 20px;
        position: relative;
        top: -2px; }
      .bewerbungs_tool .emails_infos .button_style:hover {
        background-color: #264653; }
    .bewerbungs_tool .emails_infos .variables {
      padding: 5px 10px; }
      .bewerbungs_tool .emails_infos .variables .badge {
        padding: 5px 13px;
        font-size: 10px; }
  .bewerbungs_tool .status_infos {
    height: 100%; }
    .bewerbungs_tool .status_infos input {
      width: 100%; }
    .bewerbungs_tool .status_infos .button_style {
      display: inline-block;
      position: relative;
      padding: 10px;
      background-color: #2a9d8f;
      color: #fff;
      font-size: 14px;
      border: 0px;
      box-shadow: 0px 0px;
      margin-left: 10px;
      margin-top: 20px; }
      .bewerbungs_tool .status_infos .button_style svg {
        padding-right: 5px;
        font-size: 20px; }
      .bewerbungs_tool .status_infos .button_style:hover {
        background-color: #264653; }
    .bewerbungs_tool .status_infos .sortable input {
      font-size: 12px;
      padding: 5px 10px; }
  .bewerbungs_tool .infos {
    padding-top: 0px; }
    .bewerbungs_tool .infos ul li {
      padding: 7px 10px;
      display: inline-block; }
      .bewerbungs_tool .infos ul li select {
        height: 26px;
        font-size: 11px; }
      .bewerbungs_tool .infos ul li div {
        float: left;
        width: 50%; }
        .bewerbungs_tool .infos ul li div p {
          margin: 0;
          padding: 4px 0px;
          font-size: 11px; }
        .bewerbungs_tool .infos ul li div .mail {
          padding: 4px 0px;
          margin: 0;
          font-size: 11px;
          color: #2a9d8f; }
          .bewerbungs_tool .infos ul li div .mail:hover {
            background-color: transparent;
            color: #264653; }
        .bewerbungs_tool .infos ul li div h5 {
          margin: 0;
          font-size: 11px;
          font-weight: 600;
          padding: 4px; }
      .bewerbungs_tool .infos ul li:nth-child(odd) {
        background-color: #f7f7f7; }
      .bewerbungs_tool .infos ul li select {
        width: 100%; }
      .bewerbungs_tool .infos ul li .collapse, .bewerbungs_tool .infos ul li .collapsing {
        width: 100% !important;
        margin-top: 10px; }
        .bewerbungs_tool .infos ul li .collapse div, .bewerbungs_tool .infos ul li .collapse li, .bewerbungs_tool .infos ul li .collapse ul, .bewerbungs_tool .infos ul li .collapsing div, .bewerbungs_tool .infos ul li .collapsing li, .bewerbungs_tool .infos ul li .collapsing ul {
          width: 100% !important; }
  .bewerbungs_tool .bild {
    padding-left: 15px;
    padding-right: 15px;
    position: relative; }
    .bewerbungs_tool .bild img {
      width: 100%; }
    .bewerbungs_tool .bild .icon {
      position: absolute;
      right: 31px;
      top: 40px;
      background-color: #264653;
      color: #fff;
      padding: 7px; }
  .bewerbungs_tool .tabs {
    display: inline-block;
    width: 100%;
    padding-top: 60px;
    padding-left: 21px;
    padding-right: 21px; }
    .bewerbungs_tool .tabs ul {
      height: auto; }
      .bewerbungs_tool .tabs ul li {
        width: auto;
        margin-left: 3px; }
        .bewerbungs_tool .tabs ul li a {
          padding: 10px 30px; }
          .bewerbungs_tool .tabs ul li a:hover {
            border: 0;
            border-radius: 0;
            height: 100%; }
        .bewerbungs_tool .tabs ul li .active {
          background-color: #2a9d8f;
          color: #fff;
          border-radius: 0;
          height: 100%;
          border: 0; }
    .bewerbungs_tool .tabs .tab-pane {
      padding: 20px 5px; }
      .bewerbungs_tool .tabs .tab-pane textarea {
        border-radius: 0; }
      .bewerbungs_tool .tabs .tab-pane button {
        margin-top: 10px;
        border: 0px;
        border-radius: 0;
        background-color: #2a9d8f; }
        .bewerbungs_tool .tabs .tab-pane button:hover {
          background-color: #264653; }
      .bewerbungs_tool .tabs .tab-pane ul {
        padding-top: 30px; }
        .bewerbungs_tool .tabs .tab-pane ul li {
          padding-top: 30px; }
          .bewerbungs_tool .tabs .tab-pane ul li:first-child {
            padding-top: 0; }
          .bewerbungs_tool .tabs .tab-pane ul li .left .user {
            font-size: 12px; }
            .bewerbungs_tool .tabs .tab-pane ul li .left .user img {
              max-width: 60px;
              display: inline-block;
              width: 100%; }
          .bewerbungs_tool .tabs .tab-pane ul li .left .datum {
            padding-left: 0px;
            padding-top: 5px; }
            .bewerbungs_tool .tabs .tab-pane ul li .left .datum h5 {
              font-size: 12px;
              margin-bottom: 4px;
              font-weight: 800;
              color: #4e555b; }
            .bewerbungs_tool .tabs .tab-pane ul li .left .datum p {
              font-size: 12px; }
          .bewerbungs_tool .tabs .tab-pane ul li .right .card {
            padding: 15px;
            font-size: 13px;
            border-radius: 0; }
      .bewerbungs_tool .tabs .tab-pane .datein {
        width: 100%; }
        .bewerbungs_tool .tabs .tab-pane .datein .icon {
          background-color: #e76f51;
          width: auto;
          color: #fff;
          padding: 10px;
          text-align: center;
          margin: 0 auto; }
        .bewerbungs_tool .tabs .tab-pane .datein a {
          color: #264653; }
        .bewerbungs_tool .tabs .tab-pane .datein table {
          font-family: arial, sans-serif;
          border-collapse: collapse;
          width: 100%;
          margin-top: 20px; }
        .bewerbungs_tool .tabs .tab-pane .datein td, .bewerbungs_tool .tabs .tab-pane .datein th {
          border: 1px solid #bbb;
          text-align: left;
          padding: 8px; }
        .bewerbungs_tool .tabs .tab-pane .datein tr:nth-child(even) {
          background-color: #dddddd; }
        .bewerbungs_tool .tabs .tab-pane .datein button {
          margin-top: 10px;
          border: 0px;
          border-radius: 0;
          background-color: #2a9d8f; }
          .bewerbungs_tool .tabs .tab-pane .datein button:hover {
            background-color: #264653; }
      .bewerbungs_tool .tabs .tab-pane .emails select {
        width: 100%;
        height: 35px;
        border: 1px solid #eee;
        color: #495057;
        padding-left: 10px; }
      .bewerbungs_tool .tabs .tab-pane .emails input {
        margin-top: 10px;
        border-radius: 0;
        border: 1px solid #eee; }
      .bewerbungs_tool .tabs .tab-pane .emails textarea {
        margin-top: 10px;
        border-radius: 0;
        border: 1px solid #eee; }
      .bewerbungs_tool .tabs .tab-pane .emails button {
        margin-top: 10px;
        border: 0px;
        border-radius: 0;
        background-color: #2a9d8f; }
        .bewerbungs_tool .tabs .tab-pane .emails button:hover {
          background-color: #264653; }
  .bewerbungs_tool ul {
    margin: 0;
    padding: 0;
    height: 100%; }
    .bewerbungs_tool ul li {
      list-style: none;
      width: 100%; }
      .bewerbungs_tool ul li .active {
        background-color: #2a9d8f;
        color: #fff; }
      .bewerbungs_tool ul li .menu_title {
        background-color: #F7F7F7;
        color: #000;
        display: block;
        width: 100%;
        font-weight: 600;
        padding: 10px 20px;
        font-size: 12px;
        border-bottom: 1px solid #eee; }
        .bewerbungs_tool ul li .menu_title svg {
          color: #2a9d8f;
          position: relative;
          top: -2px;
          left: -5px;
          font-size: 16px; }
      .bewerbungs_tool ul li a {
        display: block;
        padding: 10px 20px 10px 40px;
        font-size: 12px;
        color: #000;
        border-bottom: 1px solid #eee; }
        .bewerbungs_tool ul li a:hover {
          color: #fff;
          background-color: #264653; }

.login_template {
  height: 100%;
  background-image: linear-gradient(to bottom, #264653, #225b68, #1c7079, #1b8786, #2a9d8f); }
  .login_template .container {
    height: 100%; }
    .login_template .container .row {
      height: 100%; }
      .login_template .container .row .card {
        width: 500px !important; }
        .login_template .container .row .card .bg-light {
          background-color: #E8E8E8 !important; }
        .login_template .container .row .card .card-img-top {
          padding: 20px 60px; }
        .login_template .container .row .card .card-body {
          padding: 60px 20px; }
        .login_template .container .row .card label {
          color: #b6b6b6;
          margin: 0;
          padding: 0; }
        .login_template .container .row .card input {
          background-color: #E8E8E8;
          border-radius: 0; }

.right_box {
  overflow-y: scroll;
  position: relative;
  height: 94vh; }

/*# sourceMappingURL=style.css.map */