.admission-header { padding:30px 0px; }
.admission-header > .wrapper { max-width:1000px;margin:0px auto;overflow:auto;text-align:center;  }
.admission-header .logo { display:inline-block;vertical-align:bottom;  }
.admission-header .logo img { height:100px; }
.admission-header .sponsor { display:inline-block;vertical-align:bottom;margin-left:100px; }

.admission-banner .banner { width:100%; }

.admission-title { text-align:center;margin:70px 0px }
.admission-title img { height:80px }



input[type='text'] { outline:none;color:#515151;font-size:12px;border-radius:20px;border:1px #999999 solid;padding:8px 20px;display:block;width:100%;box-sizing:border-box;  }
label { margin:5px 10px;display:block;  }

.input-select { border-radius:20px;border:1px #999999 solid;padding:6px 20px;display:block;background-color:#fff;position: relative;  }
.input-select::after { content:'';position:absolute;right:15px;top:15px;border:6px transparent solid;border-top-color:#c4272e }
.input-select select { outline:none;width:100%;box-sizing:border-box;color:#515151;font-size:12px;padding:0px;-webkit-appearance:none;border:none;background-color:#ffffff  }
.radio { display: inline-block; padding:5px 0px; }
.radio input[type='text'] { padding:4px 20px;font-size:10px }
.checkbox { padding-left:20px; }

.row { max-width:700px;margin:0px auto; }
.row .line { margin-bottom:15px }
.row .line > label.t { margin-bottom:20px;font-size:13px; }
.row .line.inline * { display:inline-block!important;margin-right:5px;width:auto;white-space : nowrap;  }
.row .line.inline > label { min-width:120px }

.row > .col { overflow:auto;padding:0px 10px;box-sizing:border-box; }

.row-1 { overflow:auto;  }
.row-1 > .col { width:50%;margin:0px auto; }

.row-2 { overflow:auto;  }
.row-2 > .col { width:50%;float:left;  }

.row-3 { overflow:auto;  }
.row-3 > .col { width:33.33%;float:left;  }

.row-4 { overflow:auto;  }
.row-4 > .col { width:25%;float:left;  }

.btn-area { margin-top:30px;text-align:center; }
.btn-area .btn {font-family: "WebFont",Arial, "Helvetica Neue", Helvetica, sans-serif;  display:inline-block;padding:10px 30px;color:#ffffff;font-size:14px;background-color:#c4272e;border-radius:20px;border:none;cursor:pointer }


.admission-footer { background-color:#c4272e;padding:50px 0px;color:#ffffff;text-align:center;font-size:12px;  }
.admission-footer a { color:#ffffff; }
.admission-footer .social img { margin:0px 5px; }

.prompt { }
.prompt.hide { display:none; }
.prompt .bg { z-index:1;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,.5)  }
.prompt .area { z-index:1;position:fixed;top:0px;left:0px;right:0px;bottom:0px;text-align:center;  }
.prompt .area::before { content:'';display:inline-block;vertical-align:middle;height:100%; }
.prompt .area > .box { display:inline-block;vertical-align:middle;background-color:#fff;padding:50px;max-width:500px;box-sizing:border-box;   }
.prompt .area > .box.transparent { background-color:transparent; }
.prompt .area > .box.full-width { max-width:90%;padding:0px; }
.prompt .area > .box > .body { max-height:300px;overflow:auto }
.prompt .area .title { text-align:center;color:#c4272e;font-size:20px;margin-bottom:20px;  }
.prompt .area .btn-area { margin-top:20px;text-align:center; }
.prompt .area .btn-area .btn { display:inline-block;padding:10px 30px;color:#ffffff;font-size:14px;background-color:#c4272e;border-radius:20px;border:none;cursor:pointer }

.list-box { }
.list-box > .list { margin:15px;display:inline-block;background-color:#ffffff;border-radius:20px;height:220px;width:220px;background-size:70% auto;background-position:center;background-repeat:no-repeat  }
.list-box > .list.student { background-image:url(../img/admission/popup/b.png) }
.list-box > .list.teacher { background-image:url(../img/admission/popup/a.png) }



/* Create BY MY */
 label.error{
      color:#c4272e;
    }


    .radio label.error{
      display:inline-block!important; width:100%!important;
    }

    .row .line.inline.notwrap .checkbox{
      white-space:normal;
    }

    input[type='password'] {
    outline: none;
    color: #515151;
    font-size: 12px;
    border-radius: 20px;
    border: 1px #999999 solid;
    padding: 8px 20px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}


.checkbox input[type='text'] {
    padding: 4px 20px;
    font-size: 10px;
    min-width: 120px;
}

.admission-header .sponsor img {
    height: 35px;
}

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #c4272e; }
.autocomplete-suggestion.selected { background: #f0f0f0; }


/* SCHOOL */
.prompt.condition .area > .box {
  max-width:700px;
}
.prompt.condition .area > .box a{
  color:#c4272e;
}
.prompt.condition .area > .box > .body{
  text-align:left;
}

@media only screen and (max-width:600px) {
      .prompt.condition .area > .box { max-width:80%;padding:30px; }
}

.tblcondinet{
  width:80%;
  border:0;
  border-collapse: collapse;
}


.tblcondinet tr th.t1,.tblcondinet tr th.t2{
  padding:6px;
  background:#c4272e;
  color:#ffffff;
  border:1px solid #c4272e;
  text-align:center;
}


.tblcondinet tr td.t1,.tblcondinet tr td.t2{
  padding:6px;
  border:1px solid #c4272e;
}


.msg-complete-detail{
  text-align: center;margin: 0px 20% 70px 20%;
}

@media only screen and (max-width:600px) {
    .admission-header { text-align:center; }
    .admission-header .logo { display:block; }
    .admission-header .logo img { height:80px; }
    .admission-header .sponsor { display:block;margin:0px; }
    .admission-header .sponsor img { height:40px;margin-top:20px; }

    .admission-title { margin:50px 0px; }
    .admission-title img { height:50px; }

    .sec-block { margin:0px;padding:30px 0px; }

    .row { margin:0px 20px; }
    .row > .col { width:auto;display:block;float:none;  }

    .row .line.inline > * { display:block!important;width:100%;box-sizing: border-box; }

    .xs-block { display:block!important;width:100%;box-sizing: border-box; }
    .xs-width-50percent { width:50%!important; }

    .radio { padding-left:20px; }
    .radio label { margin-left:0px!important }

    .prompt .area > .box { max-width:80%;padding:30px; }

    .msg-complete-detail {  text-align: center;margin: 0px 5% 70px 5%;}
}