/*
*
|  Page Name       : student_online_admission.css
|  Description     : css for student online admission UI
|  Created by      : May Altamerano
|  Date Created    : March 19, 2019
|  Last Update by  : May Altamerano
|  Last update     : April 10, 2019
*
*/
.-content-wrapper{
  padding: 15px 50px;
}
.-admission-header{
  position: absolute;
  height: 290px;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
}
.-admission .-fig-logo{
  max-width: 100%;
  height: 170px;
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
}
.-admission .-img-logo{
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.-admission .-form-container{
  max-width: 1700px;
  padding: 20px 50px;
  /* box-shadow: 0 0px 2px 0 rgba(0, 0, 0, .16), 0 2px 0px 0 rgba(0, 0, 0, .12); */
  z-index: 1;
  position: relative;
  border-radius: 5px;
  margin: 230px auto 0px auto;
}
.-text-container{
  margin-bottom: 40px;
}
.-title-text{
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  margin: 15px 0px 6px 0px;
}
.-text-desc{
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  padding: 0px;
}
.-admission .-bs-wizard{
  margin-top: 30px;
  height: 200px;
}
.-form-field{
  margin-top: 0px;
  padding: 0px;
}
.-form-field .-desc{
  width: 50%;
  line-height: 1.6;
  margin: 20px 0px;
  font-size: 14px;
}
.-form-field .-content{
  margin-bottom: 50px;
}
.-form-field .-lbl{
  font-size: 15px;
}
ul.-nav-wizard{
  display: flex;
  margin: 0px 0px 20px 0px;
}
.-grid.-g3{
  grid-template-columns: 33% 33% 34.1%;
}
.-grid.-g4{
  grid-template-columns: 25% 25% 25% 25%;
}
.row{
    margin-bottom: 20px;
}
.well{
    background-color: #fefefe !important;
}
.well > .row{
    margin: 0px;
}
.well > .row > .row{
    margin-bottom: 4px;
}

.-well-body .row {
    margin-bottom: 0px !important;
}
.-well-body hr {
   margin: 0px 0px 10px 0px;
}

.-nav-wizard > li{
    cursor: pointer;
}
.select2-container{
    width: 100% !important;
}
.select2-selection{
    min-height: 42px !important;
}
.select2-selection__arrow{
    top: 9px !important;
}
.-eb{
    width: 100%;
}
hr{
    margin: 5px 0px 5px 0px;
}
.radio-inline{
    padding-top: 7px;
}

.-grid:before, .-grid:after{
  content: none !important;
}

iframe {
  height: 600px !important;
  width: 100% !important;
}

.modal-content {
  width: 80% !important;
}

.chk-flx-top{
  align-items: flex-start !important;
  height: auto !important;
}

.-dummy-btn{
  display: none;
}

/* HIDE POP UP */
.bdate-form .dropdown-menu {
    display: none !important;
}

/* SPUM APP TYPE  */
#selector_div button {
    margin-top: 70px;
}
.modal-landing-content {
    width: 50% !important;
}
.modal-header-landing {
    background-color: white !important;
    height: 250px
}
.modal-header-landing h3 {
    font-size: 24px;
    font-weight: 600;
}
.modal-logo {
    height: 170px;
}
.modal-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
}
.modal-icon-lg {
    height: 100px;
    width: 100px;
}

.el-divider__text {
    font-weight: 600 !important;
    font-size: 18px !important;
}

.el-divider--horizontal {
    margin: 40px 0 !important;
}


.agency_view {
    max-width: 2000px;
    max-height: 2000px;
    height: 80%;
    padding: 0px !important;
    width: 100%;
    position: absolute;
    top: 290px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.agency_view .container {
    position:relative;
    height: 100%;
    width: 100%;
    padding: 0px;
}

.container .img-view {
    height: 100%;
    width: 100%;
    padding: 0px;
}


.top-btn-left {
    padding-left: 0px;
}

.container .btn-agency-view {
    position: absolute;
    top: 60%;
    margin: auto;
    left: 40%;
    right: 0px;
    width: 200px;
    bottom: 0px;
    height: 50px;
    font-size: 20px;
}