/*
*
|  Page Name       : student_online_admission_mobile.css
|  Description     : mobile css for student online admission UI
|  Created by      : Yusoph Suma
|  Date Created    : May 9, 2019
|  Last Update by  : Yusoph Suma
|  Last update     : May 9, 2019
*
*/
@media only screen and (max-width: 799px) {
  .-content-wrapper{
    height: auto;
  }
  .-fig-logo {
      height: 60px !important;
  }
  .-admission .-fig-logo{
    top: 0px;
  }
  .-admission-header {
      height: 60px !important;
  }
  .-admission .-form-container{
    max-width: 100%;
    padding: 0px;
  }

  ul.-nav-wizard {
    /* display: none; */
  }

  #admission_div{
    margin-top: 60px;
  }

  .nav.-nav-wizard{
    margin: 0px !important;
  }
  .-text-container{
    margin-bottom: 10px;
  }
  .-content-wrapper.-admission{
    padding: 15px 0px;
  }

  #address_more_details{
    display: none;
  }
  .-nav-wizard>li {
      display: none;
  }
  .-nav-wizard>li.active{
    display: block !important;
  }
  .-nav-wizard>li>a:after, .-nav-wizard>li>a:before{
    display: none;
  }

  div.-well-body.-form-div{
    padding:15px !important;
    border: none !important;
  }

  .-nav-wizard>li>a{
    height: auto;
    padding: 5px;
    margin: 0px !important;
  }


  .-btn.-btn-primary.btn-xs.pull-right, .-btn.-btn-danger.btn-xs.pull-right.remove{
    width: 100%;
    margin-top: 10px;
  }

  div.row{
    margin-bottom: 0px;
  }

  .-year-sm-width{
    width: 150% !important;
  }
  /* .-btn.-btn-danger.btn-xs.pull-right.remove{
  } */
  .mobile_incase{
    width: 100% !important;
  }

  .-grid.-g4{
    grid-template-columns: 100%;
  }

  .-grid.-g3 {
    grid-template-columns: 33% 33% 33%;
  }

  .-btn-right, .-mobile-btn-right{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    padding: 0px !important;
    margin: 20px 0px 0px 0px !important;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background-color: #ffffff;
  }

  .g-recaptcha.pull-left.-iframe-g-recaptha{
    width: 100% !important;
  }

  .-mobile-2nd-last-div{
    margin-bottom: 30px;
  }

  .-btn.-btn-default.-btn-md.-w100.-sm.-next{
    border-radius: 0px; margin: 0px;
    width: 50% !important;
  }
  .-btn.-btn-primary.-btn-md.-w100.-sm.-next{
    border-radius: 0px; margin: 0px;
    width: 50% !important;
  }
  .-dummy-btn{
    display: block !important;
  }

  .modal-dialog{
    margin-top: 10px !important;
  }
  .modal-content {
    width: 90% !important;
  }

  .modal-body {
    padding: 10px !important;
  }

  #-iframe-mobile {
    height: 500px !important;
    width: 100% !important;
  }
  .g-recaptcha .pull-left{
    float: none;
  }




    /* SPUM APP TYPE  */
    #selector_div button {
        margin-top: 70px;
        font-size: 14px;
    }

    .modal-landing-content {
        width: 80% !important;
    }
    .modal-header-landing {
        background-color: white !important;
        height: 250px
    }
    .modal-header-landing h3 {
        font-size: 18px;
        font-weight: 600;
    }
    .modal-logo {
        height: 170px;
    }
    .modal-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
    }
    .modal-grid button{
        width: 100%;
    }
    .modal-grid button h4{
        font-size: 10px;
    }
    .modal-icon-lg {
        height: 40px;
        width: 40px;
    }


    /*Inputs and labels*/
    .-lbl {
        font-size: 14px !important;
        white-space: normal;
    }
    .-input-md {
        font-size: 14px !important;
    }
    .-input-md span{
        font-size: 14px !important;
    }

    .-tbl-req_con{
        overflow: auto;
    }


    .top-btn-left {
        width: 38% !important;
        padding-left: 10px;
    }
    .top-btn-right {
        width: 38% !important;
    }

    .agency_view {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 200px;
        padding: 0px !important;
        width: 100%;
        margin: 45px auto auto auto;
    }

    .container .btn-agency-view {
        width: 70px;
        height: 25px;
        font-size: 7px;
    }

}