@font-face {
    font-family: Helvetica-regular;
    src: url('/fonts/Helvetica-Regular.otf');
    }
    @font-face {
    font-family: Helvetica-rounded;
    src: url('/fonts/helvetica-rounded-bold.otf');
    }


    .has-feedback{
        color: red;
    }

    body{
      background: rgb(230,231,232)!important;
    }

    .twitter-blue{
      color: #00acee;
    }

    .header {
      overflow: hidden;
      /*background: linear-gradient(70deg, rgb(210,211,213), rgb(132,134,136));*/
      background: #ffffff;
      padding: 20px 30px;
       box-shadow: 3px 3px 10px #333; 
    }

    .logo-app {
      height: 100px;
      float: right;
      padding: 35px 0px;
    }

    .login-box-msg-2{
      margin:0;
      padding:20px 20px;
      text-align:center;
      font-family: Helvetica-regular;
      font-size: 30px;
      color: rgb(75, 75, 77);}

    .login-box-msg-1{
      margin:0;
      padding:0 20px 20px;
      text-align:center;
      font-family: Helvetica-regular;
      font-size: 19px;
      color: rgb(75, 75, 77);}

    .form-control{
      background-color: rgb(189, 191, 193) !important;
      border-color: rgb(187, 189, 191) !important;
      border-radius: 1rem !important;

    }
    ::placeholder {
      font-family: "Font Awesome 5 Free";
      font-weight: 900; 
      color: rgb(75, 75, 77) !important;
    }

    input:focus {
      border-color: rgb(150, 152, 154) !important;
    }

    .btn-primary {
        font-family: Helvetica-regular !important;
        color: #fff;
        border-radius: 1rem !important;
    }
    .name-rounded{
        font-family: Helvetica-rounded !important;
        color: #0082C3;
    }

    .card {

    border-radius: 1rem !important;

    }

    /* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
    @media screen and (max-width: 500px) {
/*      .loogo-app {
        float: none;
      }*/
    }