#verifyButton {
    margin-left: 390px;
}

div.steps {
    vertical-align: top;
    display: grid;
    text-align: center;
}

.stepIcon {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    /*position: absolute;*/
    top: 16px;
    left: 50%;
    margin-left: 30px;
    background-color: #999999;
    /*z-index: 100;*/
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

input[type="file"]#inputButton {
    display: block;
    width: 192%;
    padding: 229px 0 0 0;
    height: 89px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*background: url(../../images/upload_icon.png) center center no-repeat #ffffff;*/
    border-radius: 6px;
    background-size: 113px 116px;
    background-position-y: 20px;
    margin-left: -46%;
    /*border: 3px dashed rgb(51 122 183);*/
    margin-top: -251px;
}

#docIcon {
    margin-left: 37%;
    font-size: 50px;
}

.material-icons {
    line-height: 2 !important;
}

#verificationFees {
    margin-right: 70px;
}

.text-drag-drop{
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #0d253c;
}

.heading-text {
    /* width: 428px; */
    width: auto;
    height: 29px;
    flex-grow: 0;
    margin-top: 5%;
    /* margin-left: 40%; */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
  }
  .modal-content{
    /* margin-top: 260px; */
    /* top : 145px; */
  }
  @media only screen and (max-width: 992px){
    /* #navbarSupportedContent {
        height: 22px;
        display: flex;
        } */
        .navbar {
            z-index: 1000;
        height: auto;
        }
        .Frame-nav {
            margin-right: 0;
        }
        .Rectangle-22 {
            min-height: calc(100vh - 93px);
        margin-top: 93px;
        }
        .Nav-Bar-Side {
            margin-top:111px;
          }
  }
  @media only screen and (max-width: 720px){
    .Nav-Bar-Side, #sidebar {
        width: 100%;
        height: auto;
        background-color: #0d253c;
    }
    .Nav-Bar-Side {
        margin-top: 91px;
        z-index: 100;
        height: 85px;
    }
    #navbarSupportedContent {
        margin: auto 7px;   
    }
    .Nav-Bar-Side #sidebar ul.components {
        flex-direction: row !important;
        justify-content: space-evenly;
    }
    #sidebar.active ul.components li {
        padding: 0 3px !important;
    }
    .Rectangle-22 {
        margin-top: 176px;
        margin-right: 0;
        padding-right: 15px;
    padding-left: 15px;
    }

    .Nav-Bar-Side #sidebar {
        max-width: 100%;
    }
    .heading-text {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .modal-content {
        max-width: calc(100% - 15px) !important;
    }
    #tracking table {
        min-width: 700px;
    }
    .tracking-status-intransit {
        overflow: auto;
    width: calc(100vw - 78px);
    }
}