.text-muted {
    color: #6c757d !important;
}

.nav-link {
      display: block;
      padding: .5rem 1rem;
      text-align: center;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
      color: #486db4;
      background-color: #fff;
      border: none;
      border-bottom: #486db4 3px solid;
      font-weight: bold;
    }

    .nav-tabs .nav-link {
      border: 1px solid transparent;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem;
      color: #c1c1c1;
    }

.texthl {
      font-size: 16px;
      padding-top: 10px;
      padding-bottom: 10px;
      background: #f7f7f7;
      border-radius: 4px;
    }

    .texthl span {
      color: #486db4;
      text-decoration: underline;
    }

    .shadow {
      box-shadow: 0 0 6px 0 rgba(32, 32, 36, 0.12);
      transition: all 0.35s ease;
    }

    .select2.select2-container {
      width: 100% !important;
    }

    .select2.select2-container .select2-selection {
      border: 1px solid #ccc;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      height: 34px;
      margin-bottom: 15px;
      outline: none !important;
      transition: all .15s ease-in-out;
    }

    .select2.select2-container .select2-selection .select2-selection__rendered {
      color: #333;
      line-height: 32px;
      padding-right: 33px;
    }

    .select2.select2-container .select2-selection .select2-selection__arrow {
      background: #f8f8f8;
      border-left: 1px solid #ccc;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
      height: 32px;
      width: 33px;
    }

    .select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
      background: #f8f8f8;
    }

    .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
      -webkit-border-radius: 0 3px 0 0;
      -moz-border-radius: 0 3px 0 0;
      border-radius: 0 3px 0 0;
    }

    .select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
      border: 1px solid #34495e;
    }

    .select2.select2-container .select2-selection--multiple {
      height: auto;
      min-height: 34px;
    }

    .select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
      margin-top: 0;
      height: 32px;
    }

    .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
      display: block;
      padding: 0 4px;
      line-height: 29px;
    }

    .select2.select2-container .select2-selection--multiple .select2-selection__choice {
      background-color: #f8f8f8;
      border: 1px solid #ccc;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin: 4px 4px 0 0;
      padding: 0 6px 0 22px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
      position: relative;
    }

    .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      position: absolute;
      top: 0;
      left: 0;
      height: 22px;
      width: 22px;
      margin: 0;
      text-align: center;
      color: #e74c3c;
      font-weight: bold;
      font-size: 16px;
    }

    .select2-container .select2-dropdown {
      background: transparent;
      border: none;
      margin-top: -5px;
    }

    .select2-container .select2-dropdown .select2-search {
      padding: 0;
    }

    .select2-container .select2-dropdown .select2-search input {
      outline: none !important;
      border: 1px solid #34495e !important;
      border-bottom: none !important;
      padding: 4px 6px !important;
    }

    .select2-container .select2-dropdown .select2-results {
      padding: 0;
    }

    .select2-container .select2-dropdown .select2-results ul {
      background: #fff;
      border: 1px solid #34495e;
    }

    .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
      background-color: #3498db;
    }

    .form-control {
      display: block;
      width: 100%;
      padding: .300rem .75rem;
      border-radius: 3px;
    }

    label {
      font-size: 12px;
      text-transform: uppercase;
      color: #b0b0b0;
      letter-spacing: 1px;
    }

    .badgec {
      padding: 10px;
      background-color: #ffffff;
      border: #3498db 2px solid;
      color: #000000;
      width: 100%;

    }

    .badgec:before {
      content: "";
      display: block;
      width: 5px;
      height: 5px;
      background: #3498db;
      left: 15%;
      top: 57%;
      position: absolute;
      border-radius: 10px;
    }

    .widgetContainer {
        width: 600px;
      }
    
      .widgetXp {
        width: 30%;
        padding-right: 15px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
      }
    
      .widgetCfBack {
        margin-top: 30px;
        margin-left: -350px;
        /* color: blue; */
        cursor: pointer;
      }

      .login-logo, .register-logo {
        font-size: 2.1rem;
        font-weight: 300;
        margin-bottom: .9rem;
        text-align: center;
    }
    
      @media only screen and (max-width: 600px) {
        .widgetXp {
          width: 100%;
          padding-right: 15px;
          padding-left: 0px;
          margin-right: auto;
          margin-left: auto;
        }
    
        .widgetCfBack {
          margin-top: 30px;
          margin-left: -300px;
          /* color: blue; */
          cursor: pointer;
        }
      }