<style type="text/css">
dy{
    background-color: #f1f5f5!important;
      font-family: "Roboto","Open Sans",sans-serif;
        color:#555!important;

      }

      .btn-outline-secondary{
        background-color: #e2001a; 
        border-color: #e2001a;   
        font-weight: 600;    
        color: #fff;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);    
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
      }


      .input-group-text, {  
          background-color: #e9ecef;
          font-weight: 600;
          border: 1px solid #ced4da;
          border-radius: .25rem;
          -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
          box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
          color: #707173;
          }

      .form-control {  
          font-weight: 600;
          border: 1px solid #ced4da;
          border-radius: .25rem;
          -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
          box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
          color: #707173;
          }

       #container{
          width: 100%!important;
          height: 400px;
          margin: 0px auto;
          overflow: hidden;}

       .input-group {
          max-width:500px!important;
          margin:auto;
          width:auto!important;
        }
        
        .form-group {
            display: flex;
            align-items: center;
        }
                                                                    
        @media screen and (max-width: 480px) {
                                                                      
        .btn-outline-secondary{flex: 1 1;}

        .input-group-prepend {text-align: center;margin-bottom: 2px;}

        .input-group-append {
              flex: 1 1;
              }
                                                                                  
        .form-control {
                      width:80%!important;
                      }
         }
</style>
