﻿#BISEmailId-error {
    margin-left: 0px;
}

body {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px !important;
    line-height: 22px !important;
}
.login-content .panel .panel-body, .resetPassword-content .panel .panel-body {
    min-height: 100%;
    padding: 30px;
    width: 400px;
}
    .logo-div{padding:0}

.login-content .panel .panel-body .form-group .login-textbox, .login-content .panel .panel-body .form-group .login-password,
.login-content .panel .panel-body .form-group .registration-textbox,
.login-content .panel .panel-body .form-group .Registration-Dropdown, .registration-textbox {
    background-repeat: no-repeat;
    border-radius: 0;
    background-color: #ffffff !important;
    background-position: 5px center;
    padding-left: 0;
    border: 0;
    border-bottom: 2px solid #ddd;
    padding: .375rem 0 .75rem;
    color: #757575
}

.login-content .panel .panel-body .form-group {
    margin-bottom: 20px;
}

.login-btn {
    float: none;
    width: 100px;
}

.redirectlinks {
    float: none;
}

.login-content .panel .panel-body .form-group .login-header, .login-header {
    font-size: 20px;
    font-style: normal;
    color: #04916e;
    font-weight: 500;
}

.login-content .panel, .resetPassword-content .panel {
    background-color: #FFFFFF;
    box-shadow: 3px 3px 5px #e5e5e5;
}
.resetPassword-content{margin-top:5%}
.btn-primary {
    font-size: 16px;
    background-color: #008c6a
}
    .btn-primary:hover, .btn-primary:active {
        background-color: #036952 !important
    }
.buttonLogin{margin-bottom:0 !important;padding:0}
#lnkForgotPassword{float:left}
.new-user{float:right}
.login-content .panel .panel-body .form-group .login-textbox:focus,
.login-content .panel .panel-body .form-group .login-password:focus,
.login-content .panel .panel-body .form-group .registration-textbox:focus,
.login-content .panel .panel-body .form-group .Registration-Dropdown:focus, .registration-textbox :focus,
.resetPassword-content .panel .panel-body .form-group .registration-textbox:focus {
    outline: none;
    border-bottom: 2px solid #09906d;
}

.login-content .loginform{width:550px !important;padding:0}
    .login-content .loginform .panel-body{width:550px !important; padding:30px}
#RegisterButton .row:first-child{margin-bottom:15px}
.login-content .loginform.registerfrm {
    margin-top: 13% 
}
.redirectlinks a:hover {
    color: #09906d !important
}
.text-danger span {
    margin-left: 26px
}
.registerfrm .text-danger span, #spanConfirmEmailId {
    margin-left: 38px
}
#txtCoCurricularActivtiy-error, #txtCoCurricularDescription-error, #txtPositionName-error, #txtPositionDescription-error, #txtSportsActivtiy-error, #txtSportActivityDescription-error {
    margin-left: -28px;
}
#spanBIsGRNo {
    margin-left: 34px
}
.text-danger{margin-bottom:0 !important}
.forgot-txt-danger {
    margin-bottom: 10px !important
}
.or-txt{margin-bottom:15px}
.redirectlinks a.sign-in {
    padding: 6px 27px;
}
    .redirectlinks a.sign-in:hover{
        color:#fff !important
    }
    /*admission page*/
    .usernametop {
        width: 84% !important;
    }
/*#lblUserName{margin-right:6% !important}*/
/*#LnkButtonSignOut img {
    margin-right: 12px
}*/
#lblUserName{vertical-align:text-bottom !important}
.note-wrap {
    margin-bottom: 30px
}
.field-txt{margin-bottom:20px}
.sub-blk{margin-top:20px}
.admission-form-content .nav-tabs > li .fill-data {
    position: absolute;
    right: 6px !important;
    top: 8px !important;
    z-index: 2;
}
.admission-form-content .nav-tabs > li > a {
    padding: 18px 10px !important;
    font-size: 15px !important;
}
.percircle > span {
    color: #ff760d
}
.gender-blk{padding:0 !important}
.admission-form-content .form-control{margin-bottom:0 !important}
.form-group > span{margin-left:0}
.gender-blk input[type=radio] {
    margin: 5px 0px 0 15px;
}
/*.active-tab {
    padding: 20px 30px;
    border: 1px solid #d3d3d3;
}*/
#CroppedStudentImageDiv{margin-left:0!important}

.pr-0{padding-right:0 !important}
/*.center img{padding-left:26px}*/
.center p {
    margin-left: 130px !important;
    font-size: 18px !important;
    margin-top: 0 !important;
}
.center{margin-top:2px}
.admission-header{padding-top:22px}
.partner-logo{margin:16px 0}
.admission-form-content .inner-tab .tab-content {
    min-height: 22px;
    padding: 7px 0 20px 0 !important
}
.tab-content {margin-bottom:15px}
.tab-content-new{padding:0 !important}
.profile-text row{margin-bottom:0 !important}
.admission-form-content .nav-tabs > li.active a {
    background: #036952 !important;
    border: 1px solid #036952 !important;
    color:#fff !important;
}
#DivPersonalInfoProgress:active{background:#fff}
.percircle > span:active {
    color: #000 !important
}
.admission-form-content .nav-tabs > li.active > a:after {
    z-index: 1;
    border-left: 10px solid #036952 !important;
}
.admission-form-content .form-label{font-weight:normal}
.btn-success {
    background-color: #008c6a !important
}
    .btn-success:hover {
        background-color: #036952 !important
    }
.mCSB_inside > .mCSB_container {
    margin-right: 20px !important;
}
.tab-content table {
    border-color: #c3bfbf !important;
    border-width: 1px !important;
}
.login-block .loginform, .login-block .loginform .panel-body, .resetPasswordform {
    width: 400px !important
}
#divForgotPassword span.forgot-txt {
    margin-left: 30px;
    
    margin-bottom: 0;
    padding-right: 20px;
}
.bootbox .modal-dialog{width:450px}
.bootbox-close-button {
    /*margin-top: -20px !important;*/
    font-size: 33px;
}
.bootbox .modal-footer{display:none}
#btnCropAndSaveStudentImage{margin-bottom:0}
.admission-form-content .tab-content .tab-pane .row {
    margin-bottom: 0 !important;
}
.personal-wrap .text-danger span, .personal-wrap .text-danger {
    margin-left: 0;
}
.right img{margin-top:5%}
.divSaveNote{ margin-bottom:20px}
.modal-footer .btn-success{margin-bottom:0}
.back-btn{margin-top:20px}
.pl-0{
    padding-left: 0 !important
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #8c8686 !important;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-bottom: 1px solid #c3bfbf !important
}
#btnEdit_35, #btnEdit_91 {
    margin-right: 9px
}
ol li{margin-bottom:10px}
.term-info, .upload-txt {
    margin-left: -24px
}
.admission-form-content .nav-tabs > li.active a .percircle > span{color:#000!important}
.upload-txt li{margin-bottom:6px}
.resetPassword-content .panel {
    background-color: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 20px;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.personal-content .form-group > span {
    margin-left: 0;
    padding-left: 0;
}
.personal-content .form-group .text-danger span, #emailId-error, #Password-error, #spnForgotPasswordErrorMessage, #firstName-error, #lastName-error, #confirmEmailId-error, #isBISStudent-error {
    margin-left: 0
}
.registerfrm .field-validation-error {
    padding-left: 37px;
}
.info .field-validation-error{padding-left:0}
#confirmPassword-error, #password-error, .confirmPassword-error, .password-error{
    margin-left: 0
}
#divBISEmailId .field-validation-error {
    padding-left: 0;
    margin-left: -82px !important;
    display: block;
}
.fa-edit{margin-right:9px}
#txtBisGRNo-error {
    margin-left: -297px
}
.field-validation-error{padding-left:25px}
/*Responsive start*/
/*@media only screen and (max-width: 1440px){
    .login-content .loginform.registerfrm {
        margin-top:1%;
    }
}*/
@media only screen and (max-width: 2560px) {
    .login-content .loginform.registerfrm {
        margin-top: 0;
    }
}
@media only screen and (max-width: 1440px) {
    .login-content .loginform.registerfrm {
        margin-top: 14%;
    }
}
    @media only screen and (max-width: 1280px) {
        .login-content .loginform.registerfrm {
            margin-top: 5%;
        }
    }

    @media only screen and (max-width: 1024px) {
        .admission-form-content .nav-tabs > li > a {
            padding: 18px 10px !important;
            font-size: 12px !important;
        }

        #btnApplicationSubmit {
            margin-top: -58px
        }
    }

    @media only screen and (max-width: 900px) {
        .login-content .loginform {
            margin-top: 12%
        }

            .login-content .loginform.registerfrm {
                margin-top: 32%
            }
    }

    @media only screen and (max-width: 768px) {
        .login-content .loginform.registerfrm {
            margin-top: 0;
        }

        .center img {
            padding-left: 0;
        }

        .center p {
            margin-left: 35px !important;
        }

        #btnApplicationSubmit {
            /* margin-top: 22px; */
            margin: 21px 0;
        }
    }

    @media only screen and (max-width: 767px) {
        .login-content .loginform {
            margin-top: 12%
        }

            .login-content .loginform.registerfrm {
                margin-top: 40%
            }
    }

    @media only screen and (max-width: 640px) {
        .login-content .loginform {
            margin-top: 12%
        }

            .login-content .loginform.registerfrm {
                margin-top: 44%
            }

        .center p {
            margin-left: 0 !important;
        }
    }

    @media only screen and (max-width: 568px) {
        /*.login-content .loginform.registerfrm {
        margin-top: 50% !important;
    }*/
        .login-block .loginform, .login-block .loginform .panel-body, .login-content .loginform, .login-content .loginform .panel-body {
            width: 450px !important;
            padding: 20px 0;
        }
    }

    @media only screen and (max-width: 480px) {
        .login-block .loginform, .login-block .loginform .panel-body, .login-content .loginform, .login-content .loginform .panel-body {
            width: 80% !important;
            padding: 30px 0
        }

        #lnkForgotPassword, .new-user {
            float: none;
            display: block;
        }

        .buttonLogin .form-group, #lnkForgotPassword {
            margin-bottom: 10px !important
        }

        .login-content .loginform.registerfrm {
            margin-top: 36%
        }

        .text-danger span {
            margin-left: 19px;
        }

        #divForgotPassword span.forgot-txt {
            margin-left: 21px;
        }

        .registerfrm .text-danger span {
            margin-left: 19px;
        }

        #spanBIsGRNo {
            margin-left: 17px;
        }
        .mobile-wrap {
            margin: 40% auto;
            padding: 30px 22px;
        }
        .mob-info {
            font-size: 20px;
            font-weight: 600;
            /*text-align: center;*/
            line-height: 26px;
        }
        .mobile-wrap .logo-div img{margin-bottom:20px}
        .mob-head {
            font-size: 27px;
            font-weight: 700;
            margin-bottom: 6px;
        }
        .mob-sub-head{
            font-size:19px
        }
        /*.float-left{text-align:left}*/
        .mobile-wrap .form-group{margin-bottom:25px}
    }

    @media only screen and (max-width: 320px) {
        .login-content .loginform.registerfrm {
            margin-top: 50%
        }
    }

    /*.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-bottom: 16px solid blue;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}*/



    /*.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    width: 100%;
    height: 100%;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #fff transparent transparent transparent;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}*/


    /* Absolute Center Spinner */

    .loading {
        position: fixed;
        z-index: 1200000;
        height: 2em;
        width: 2em;
        overflow: show;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }


        /* Transparent Overlay */

        .loading:before {
            content: '';
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* background-color: rgba(0, 0, 0, 0.2); */
            background-color: #fff;
            opacity: 0.9;
        }


        /* :not(:required) hides these rules from IE9 and below */

        .loading:not(:required) {
            /* hide "loading..." text */
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }

            .loading:not(:required):after {
                /* content: '\e030'; */
                /*content: '\e900' !important;*/
                display: block;
                font-size: 50px;
                width: 1em;
                height: 1em;
                margin-top: -0.5em;
                -webkit-animation: glyphicon-spin-r 2s infinite linear;
                animation: glyphicon-spin-r 2s infinite linear;
                color: #5cd6c7;
                position: relative;
                top: 1px;
                display: inline-block;
                /*font-family: 'oceanic-catering-new-icons-20';*/
                font-family: 'Glyphicons Halflings' !important;
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                /* background-image: url('../images/new-loader.gif'); */
                border-radius: 0px;
                box-shadow: none;
            }

    .loadingtext {
        position: absolute;
        font-size: 21px;
        color: #666666;
        top: -46px;
        font-family: Roboto;
        left: -15px;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Old versions of Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
    }

