.topTabs{
  padding: 0 0 0 15%;

}

.tabs .tab a{
  color:#5f5f5f;
  } /*Black color to the text*/

  .tabs .tab a:hover {
    /* background-color:#eee; */
    color:#5f5f5f;
    } /*Text color on hover*/

    .tabs .tab a.active {
      background-color:#fff;
      color:#5f5f5f;
      } /*Background and text color when a tab is active*/

      .tabs .indicator {
        background-color:#5f5f5f;
        } /*Color of underline*/

        .banner {
          /*    background-color: #bb3434;*/
          background-color: #f8d7da;
          border-color: #f5c6cb;
          width: 100%;
          padding: 8px 0px 8px 0px;
          text-align: center;

          font-size: 18px;
          /*    color:#FFFFFF;*/
          color: #721c24;
        }

        .selectLanguage{
          width: 200px;
        }

        .languageRow{
          display: flex;
          justify-content: right;
          margin-bottom: -24px;
          padding-right: 5% !important;
        }

        .language {
          min-width: 120px;
        }

        .topHeader{
          display: flex;
          justify-content: space-between;
        }

        .img_header{
          text-align: left;
          padding: 5% 0 0 5%;
          max-width: 150px;
          max-height: 150px;
          height: auto;
          width: auto;
        }

        .header{
          text-align: right;
          padding: 5% 5% 0 0;
        }

        .date {
          padding: 40px 0px 16px 10% !important;
          font-weight: 700;
        }

        h6{
          text-align: center;
          padding: 48px 0px 0px 32px;
          font-weight: 700;
        }

        p{
          margin:0;
        }

        .row{
          padding: 0 0 0 10%;
        }

        button {
          float: right;
          margin-right:10%;
        }

        @media (max-width:700px){
          #visitPlace, #returnTime, #position, #workEnd, #expiry_date_employee, #company_phone  {
            margin-top: 15px;
          }

          #idNumber {
            margin-top: 40px;
          }

          .topTabs{
            padding: 0 0 0 0;

          }

        }

        @media (max-width:392px){
          .tabs .tab a{
            font-size: 11px;
          }

          .btn-flat {
            font-size: 11px;
          }

        }


        #otherReason {
          display: none;
        }


        *,
        :before,
        :after {
          box-sizing: border-box;
        }

        html {
          /*    font: 18px 'Helvetica Neue', sans-serif;*/
        }


        /*
        body {
        text-align: center;
      }
      */

      .modal {
        text-align: center;

      }

      .page-footer{
        background-color: #fdfdfd;
      }

      .page-footer .footer-copyright {

        color: rgba(0, 0, 0, 0.6);
        ;
      }

      body{
        background-color: #fdfdfd;
      }

      .signature-component {
        text-align: left;
        display: inline-block;
        max-width: 100%;
      }
      h4 {
        margin-bottom: 0;
      }
      h8 {
        margin: 0;
        font-size: 100%;
      }

      canvas {
        margin: 1em 0 1em 0;
        display: block;
        position: relative;
        border: 1px solid;
        /* width: 100%; */
        /* min-height: 200px; */
      }
      img {
        /*            position: absolute;*/
        left: 0;
        top: 0;
      }