body .paddTop50 {
    padding-top: 50px;
}
.greyBox .btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0px;
}
.greyBox .btn-blue {
    background: #6295d0;
}
.greyBox input.btn, 
.greyBox button.btn {
    border: inherit;
    line-height: normal;
}
.semi-container ul li label {
    width: 25%;
    float: left;
}
.radio-col input[type="text"], .input-col input, .custInput {
    display: block;
    height: 30px;
    border: 1px solid #ccc;
    padding: 3px 5px;
    box-sizing: border-box;
}
.semi-container ul li .custInput {
    width: 75%;
    float: left;
    font-size: 13px;
}
.semi-container ul li.fullWidth label {
    width: 100%;
    font-size: 13px;
}
.semi-container ul li.fullWidth input {
    position: relative;
    top: 2px;
}
.semi-container ul li.fullWidth {
    text-align: right;
}
.semi-container ul li {
    list-style: none;
    margin-bottom: 5px;
}
.semi-container ul li.fullWidth a {
    display: block;
    color: #0134cd;
    font-size: 13px;
}
.middle .container{max-width:790px; padding:0 15px;}
.semi-container{
	/*min-height:292px; */
	/*height:auto; */
	width:460px;
	background: transparent;
	/*padding: 20px;*/
	/*box-sizing: border-box;*/
}
.semi-container.f-right{width:inherit;}
.semi-container ul{
	width: 100%;
}
.semi-container h1{
	margin-bottom: 8px;
}

.semi-container .error {
    color: #F00;
    font-weight: 500 !important;
    margin-bottom: 8px;
    display: block;
    font-size: 90%;
}
.semi-container ul li label {
    padding: 6px 6px 6px 0px !important;
    box-sizing: border-box;
    margin-bottom: 0px;
    font-weight: 600;
}
.semi-container .greyBox {
    background: #f7f6f6;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
}
.semi-container .loginTxt {
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 16px;
    border-bottom: 2px solid #000;
    display: inline-block;
}
.loginLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
}
.loginLink a {
    padding: 12px 20px;
    border-radius: 0;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
    min-width: 250px;
    text-align: center;
    background: #6295d0;
    color: #fff;
}
.loginLink a:hover{
    background: #000;
}
.loginLink a + a{margin-top: 20px;}








.semi-container h2 {font-size: 22px;margin-bottom: 12px;    font-weight: bold;}
    .OuterBoxWrap{position: relative;}
    .bgGrey{
        background: #f7f6f6;
        color: #000;
    }
    .rightTxtWrap{background: #F6EAB1; }
    .semi-container .rightTxtWrap.bgGrey p{color: #000;font-size: 15px;padding: 0px;}
    .bg_sel {background: #f7f6f6;color: #fff;}
    .bg_teacher {background: #e4cd35;color: #fff;}
    .bg_parent {background: #f7f6f6;color: #fff;}
    .bg_child {background: #f7f6f6;color: #fff;}
    .bg_student {background: #f7f6f6;color: #fff;}
    .bg_selteacher {background: #d1e570;color: #fff;}
    .bg_selparent {background: #f7d776;color: #fff;}
    .bg_selchild {background: #5ad5e2;color: #fff;}
    .bg_selstudent {background: #e5de59;color: #fff;}
    .semi-container ul.radioWrapper{margin-bottom: 15px;}
    .radioWrapper li{margin-bottom: 0px !important;color: #fff;font-weight: 300;}
    .radioWrapper li div{padding: 4px;display: flex;align-items: center;font-size: 16px;font-weight: 600;}
    .contBtn{text-align: right;}
    .socialBtn {margin: 30px 0px 20px;display: flex;justify-content: center; line-height: 40px;}
    .marginXY{
        margin: 25px 0px !important;
        /*min-height: 550px;*/
        padding: 0px;
        width: calc(100% - 300px);
        display: flex;
        width: 100%;
    }
    .lineBreak {
        background: #eaeaea;
        height: 2px;
        margin: 40px 0px 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .lineBreak span{
        width: 30px;
        height: 30px;
        background: #eaeaea;
        border-radius: 50%;
        font-size: 12px;
        color: #888;
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .socialBtn a{
        border-width: 1px;
        border-style: solid;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        transition: all .25s ease-in-out;
        background: #4285f4;
        border-color: #4285f4;
        padding: 0px 15px 0px 3px;
        font-weight: 600;
        display: flex;
        align-items: center;
        width: auto;
    }
    .socialBtn a:hover{
        background: transparent;
        color: #4285f4;
    }
    .btnGoogle:before{
        background: #fff url("https://devmedia.turtlediary.com/images/service-google.svg") 50% no-repeat;
        background-size: 60%;
    }
    .btnClever:before{
        background: #fff url("https://devmedia.turtlediary.com/images/service-clever.svg") 50% no-repeat;
        background-size: 60%;
    }
    .btnClever:before, .btnGoogle:before{
        content: "";
        background-size: 60%;
        border-radius: 2px;
        height: 36px;
        width: 36px;
        display: inline-block;
        margin-right: 5px;
    }
    .rightTxtWrap{
    max-width: 300px;
    padding: 20px;
    box-sizing: border-box;
    color: #fff;
    }
    .rightTxtWrap p{color: #fff;}


    /* Hide all steps by default: */
    .tab {
    display: none;
    }

    #prevBtn {
    background-color: #bbbbbb;
    }
    .stepsWrap{
        margin-top: 20px;
        text-align: center;
    }
    /* Make circles that indicate the steps of the form: */
    .step {
    height: 12px;
    width: 12px;
    margin: 0 1px;
    background-color: #bbbbbb;
    border: none;  
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
    }

    .step.active {
    opacity: 1;
    background: #4CAF50;
    }

    .subHeading {
    margin: 10px 0px 20px 0px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    }
   
    /**/
  .radioOuter input[type=radio] {
   width: 20px;
    height: 30px;
    margin-right: 12px;
}
.text-center{text-align: center;}
.message {
    color: #10a98a;
    font-weight: 500 !important;
    margin-bottom: 8px;
    display: block;
}
@media(max-width:900px){
    .container{max-width:748px; padding:0 10px;}
    .semi-container, .semi-container.f-right{float:none; width:auto;}
    .loginAd300x250{width:300px; margin:0 auto;}
}
@media screen and (max-width: 767px){
        .marginXY{ margin: 0px 0px !important;min-height: auto;width: auto;display: block;}
        .rightTxtWrap{position: unset;max-width:100%;}
        .rightTxtWrap{height: auto;}
        .semi-container .greyBox{
            padding: 10px;
        }
         .semi-container ul li .custInput{
                width: calc(100% - 80px);
        }
        .semi-container ul li label{
            width: 80px;
            white-space: nowrap;
        }
    }
@media(max-width:760px){
    .adSlotNew_player_bottom{width:468px; height:60px;}
    /* .semi-container{padding: 20px 10px;} */
}

@media(max-width:550px){
    .adSlotNew_player_bottom{max-width:310px;}
    .semi-container.f-right{padding:10px 0;}
}
@media(max-width:400px){
.semi-container .loginTxt {
    font-size: 16px;
}
}