@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,500;1,700&display=swap');

::-webkit-input-placeholder {
    color: #001124 !important;
    font-weight: 500 !important;
    font-family: 'Poppins' !important;
}

::-moz-placeholder {
    color: #001124 !important;
    font-weight: 500 !important;
    font-family: 'Poppins' !important;
}

/* .active a span

{

	color:#002147 !important;

} */
a.btn-applicant:focus {
    color: #fff !important;
}

.main-content {

    width: 100%;

    float: left;

}

#sidebar ul li a.active {
    background: #fff;
    background: #fff;
    color: #002147;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
    z-index: 1;
}

.header-logo {
    /* padding: 10px 0 11px 8px; */
    padding: 10px 0 9px 8px;
    display: flex;
    align-items: center;
}

.header-logo img {
    /* width: 79%; */
    width: 47px;
}

.edunext-icon-img {
    width: 13px;
    margin-left: 30px;
}

.school-logo-text {
    font-family: 'Poppins';
    font-size: 22px;
    font-weight: 500;
    padding-left: 4px;
}

.profile-main-head {

    background: #002147;
    padding: 10px 40px 10px;

}

/* .profile-head-m{

	padding: 25px;

} */

.profile-head-m .sub-part {

    border-radius: 20px;

    background: #fff;

    /* padding: 10px; */

    margin-bottom: 10px;

    /* box-shadow: 0px 0px 5px rgb(0 0 0 / 0.2); */

}

.add-applicant .image-setions {
    /* box-shadow: 0px 0px 5px rgb(0 0 0 / 0.2); */
    border-bottom: 1px solid #dde2ff;
}

.profile-location-left {

    background: #fff;

    position: relative;

    z-index: 9
}

.profile-location-left ul li {

    display: inline-block;

    margin: 0px 40px 0px 0px;

    color: #1a6eaa;

}

.profile-address {

    padding: 6px 0px;

}

.profile-location-left ul li i {

    font-size: 20px;

    margin-right: 10px;

}

.profile-location-left ul li span {

    color: #000;

    border-bottom: 1px solid #333 !important;

}

.header-admin .dropdown-menu {
    min-width: 250px;
    border: none;
    top: 21px !important;
    /* animation: dropdownanimate 200ms ease-in; */
    padding: 0px;
    left: 14px !important;
    z-index: 99999999;

}

.header-admin .dropdown-menu .item-header {
    text-align: center;
    background-color: #002147;
    padding: 10px 25px;
    border-radius: 4px 4px 0 0;
    position: relative;
}

.header-admin .dropdown-menu .item-header .item-title {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
}

.header-admin .dropdown-menu .item-header p {
    margin: 5px 0;
    color: #fff;
}

.header-admin .dropdown-menu .item-header .item-title .settings-list {
    padding: 10px 0;
}

.settings-list li {
    margin: 0px !important;
    padding: 10px 0 !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header-admin .dropdown-menu .item-content .settings-list li a {
    color: #646464;
    font-size: 15px;
    display: block;
    padding: 2px 25px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.settings-list li a i {
    font-size: 17px;
    margin-right: 10px;
    color: #646464;
}

.header-admin .dropdown-menu .item-content .settings-list li:hover {
    background-color: #002147;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.settings-list li:hover a i {
    color: #fff;
}

.header-admin .dropdown-menu .item-content .settings-list li:hover a {
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    display: none;
}

/* .header-admin.dropdown:hover .dropdown-menu{
    display: block;
} */

.btn-bg {

    /* background: none !important; */

    border: 0 !important;

    color: #fff !important;

    outline: none !important;

    box-shadow: none !important;

    padding: .1rem 1rem;

    text-align: left;

    color: #fff !important;

    border-radius: 0;

}

.icon-Location {

    /* opacity: .5; */

    /* margin-top: -0.15rem; */

    /* display: inline-block; */

    font-size: 1.3rem;

}

.place-location {

    border-bottom: 1px solid #1a6eaa !important;

    color: #fdc800;

}

span.icon-down_arrow {


    font-size: 1rem;

    font-weight: 500;

    color: #fff;

    display: inline-block;

}

.image-setions {

    /* background: #f9f9f9; */

    padding: 24px;

    /* border: 1px solid #dde2ff; */

    border-top: transparent;

    border-left: transparent;

}

.image-setions.bg-img-student {
    background: url(../images/student-img.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    position: relative;
}

.add-applicant.image-setions {
    border-bottom: 1px solid #dde2ff;
}

.chld-appl-progr {

    border-bottom: 1px solid #dde2ff;

    border-top: 1px solid #dde2ff;

    display: flex;
    align-items: center;
    justify-content: space-between;

}

.chld-appl-progr .plus-icon {

    margin-right: 4px;

    border: 2px solid #fff;

    font-size: 9px;

    border-radius: 10px;

    padding: 3px 4px;

}

.chld-appl-progr h3 {

    font-family: 'Poppins';

    font-size: 19px;

    padding: 0 0 8px 33px;

    color: #002147;

    display: inline-block;

}

.child-title {
    font-family: 'Poppins';
    font-size: 19px;
    color: #002147;
}

a.btn-applicant {

    float: right;

    background: green;

    color: #fff;

    font-family: 'Poppins';

    padding: 9px 13px;

    border-radius: 20px;

    margin: 0px 29px 0 0;

    font-size: 13px;

}


.add_std_acc_cont{
    padding: 0 1.8rem 0 5rem;
}

.rotate180deg{
    transform: rotate(180deg);
}

.add_std_profile_div{
    display: none;
}

.add_std_acc_div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;

}

.add_std_acc_div:hover svg.svgDown{
    stroke: #3e85f0;
    transition: .3s all ease;
}

.btn_profile_toggle{
    background: #fff !important;
    border: none;
}

a.btn-applicant.btn-manage {
    position: absolute;
    top: 0px;
    right: 0px;

}

a.btn-applicant:hover {

    background: #12437b;

    color: #fff;

}

.progress-bottom {
    text-align: center;
    display: inline-block;
}

.progress-bottom h5 {
    font-size: 11px;
    color: #969696;
    margin-top: 8px;
    text-align: center;
}

button {

    background-color:  #3e85f024 !important;

}

/*--header css--*/

.header-top {

    /* height: 70px; */

    box-shadow: 0px 1px 4px #00000026;

}

span.text-logo {

    font-family: 'Poppins';

    font-size: 24px;

    font-weight: 500;

    padding-left: 14px;

    line-height: 70px;

    color: #02933e;

}

.profile-location-left img {

    margin: 6px 0 0 0;

}

.header-admin .dropdown-menu .item-header:after {
    content: "";
    height: 0;
    width: 0;
    border-bottom: 10px solid #002147;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -8px;
    right: 14px;
}

.dropdown-menu li {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.calendar-show {

    color: #fff;

    font-size: 18px;

}

.calendar-date {

    color: #000;

    font-size: 13px;

}

span.top-name {

    font-weight: 600;

    font-family: 'Poppins';

}

.item-content .settings-list {
    width: 100%;
    text-align: right;
}

.custom-space{
    padding-left:0 !important;
    padding-right:0 !important;
}

.profile-location-right ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

    float: right;
}

.profile-location-right ul li {

    display: block;
    padding: 0px;
    margin: 0px 10px;
    position: relative;
    float: left;

}

.profile-location-right {

    text-align: right;

    margin: 12px 0 0 0;

}

.top-search {

    background: #d3ddf8;

    height: 48px;

    width: 48px;

    margin: 0;

    position: relative;

    top: 0;

    left: 0px;

    border-radius: 15px;

    text-align: center;

}

.top-search i {

    padding: 13px 0 0 0;

    font-size: 20px;

}

.profile-location-right i {

    font-size: 22px;

    color: #002147;

    position: relative;

}

.profile-img {

    float: left;
    margin: 0 4px 0 0;

}

.profile-img img {

    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin: 0px 0px 0 0px;

}

.cls-notification {
    margin-top: 13px;;
}

.name-top-header {

    text-align: left;

}

.name-top-header h4 {

    font-size: 15px;

    width: 210px;

    font-family: 'Poppins';

    line-height: 22px;

    padding: 0;

    margin: 0px 0 0 0;

    font-weight: 600;

}

span.top-candidate {

    display: block;

    color: #465e9a;

    font-weight: 500;

    font-size: 14px;

}

.notification {

    position: absolute;

    background: #747ffc;

    padding: 3px;

    font-size: 11px;

    border-radius: 11px;

    left: 14px;

    color: #fff;

    top: 2px;

    font-weight: 600;

}

.profile-head {

    /* padding: 10px; */

    /* border-radius: 10px; */

    float: left;

    width: 100%;

}

.profile-main-img {

    float: left;

    margin: 0 0 0 26px;

}

.profile-main-img img {

    border-radius: 7%;

    box-shadow: 0px 2px 8px rgb(0 0 0 / 50%);

    width: 150px;

    height: 160px;

    margin-right: 10px;

}

.profile-main-name {

    font-size: 23px;

    color: #0d0e0e;

    font-weight: 500;

    line-height: 20px;

    margin-top: 6px;

    font-family: 'Poppins';

}

button.edit-btn {

    border-radius: 10px;

    float: right;

    font-size: 16px;

    border: 1px solid #1f2e54;

    padding: 8px 22px;

    margin-top: 3px;
}

.profile-main-name-sub {

    font-size: 13px;

    color: #a59f9f;

}

.p-realtionship {

    font-weight: 600
}

.profile-address ul {

    padding: 0px;

    margin-bottom: 7px;

}

.profile-address ul li {

    display: inline-block;

    margin-right: 30px;

    line-height: 30px;

    color: #000;

    font-size: 12px;

    font-family: 'Roboto', sans-serif;

    color: #909090;

    width: 255px;
}

.child-address ul li {

    display: block;

    width: 100%;

}

.profile-address ul li:last-child {
    width: 284px;
}

.profile-address ul li span {

    font-weight: 600;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    padding: 0 0 0 6px;

    color: #070c2e
}

.profile-address ul li i {

    color: #5294c4;

}

svg.img-svg {

    height: 15px;
    width: 16px;
    margin-top: -2px;

}

.cls-2 {
    fill: #5a89c7;
}

.cls-1 {
    fill: #f99b1c;
}

.cls-profile {
    fill: #fff;
}

.cls-payment {
    fill: #fff;
}

.cls-3 {
    fill: #686969;
}

.cls-4 {
    fill: #a67bff;
}

.main-section {

    margin: 24px;

}

.modal-dialog {
    max-width: 700px !important;
    margin: 1.75rem auto;
    width: 700px !important;
}

.modal-content .modal-body {
    padding-top: 0px !important;
    padding-right: 5px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
}

.modal-content .modal-body .internal-form .space-bottom .form-control {
    margin: 5px 0 !important;
    border-radius: 10px !important;
    border: 1px solid #cfd8ec !important;
    /* box-shadow: 3px 3px 3px -1px #bbd0ff !important; */
}

.modal-content .modal-body .internal-form {
    padding: 20px 5px;
}

.modal-header .close {
    margin-top: -14px !important;
}

.modal-header .close {
    padding: 0.6rem 1rem;
    margin: -1rem 0rem -1rem auto;
    border: 1px solid #fff;
    opacity: 1;
    border-radius: 50%;
    margin-top: -3px !important;
    color: #fff;
}

.modal-content .modal-header {
    /* border-bottom: 1px solid blue !important; */
    border-bottom: none !important;
    padding-top: 15px !important;
    padding-right: 24px !important;
    padding-bottom: 15px !important;
    padding-left: 24px !important;
    background-color: #1f2e54 !important;
    border-top-left-radius: 38px;
    border-top-right-radius: 38px;
}

.modal-content {
    border-radius: 42px !important;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #fff;
    font-family: 'Poppins';
    font-size: 18px;
}

.form-group {
    padding: 0px !important;
    margin: 13px 0 !important;
}

.form-group > label {
    position: absolute;
    top: -21px;
    left: 5px;
    background-color: white;
    font-size: 15px !important;
    color: #1f48ae !important;
}

.form-group > input {
    border: none;
}

/* Applicant Information Css Start  */

.app-child-outer {

    padding: 10px;

    background: #e7f3ff;

}

.dd-select {
    border-radius: 2px;
    border: solid 1px #ccc;
    position: relative;
    cursor: pointer;
}

.dd-desc {
    color: #aaa;
    display: block;
    overflow: hidden;
    font-weight: normal;
    line-height: 1.4em;
}

.dd-selected {
    overflow: hidden;
    display: block;
    padding: 10px;
    font-weight: bold;
}

.dd-pointer {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
}

.dd-pointer-down {
    border: solid 5px transparent;
    border-top: solid 5px #000;
}

.dd-pointer-up {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #000 !important;
    margin-top: -8px;
}

.dd-options {
    border: solid 1px #ccc;
    border-top: none;
    list-style: none;
    box-shadow: 0px 1px 5px #ddd;
    display: none;
    position: absolute;
    z-index: 2000;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: auto;
}

.dd-option {
    padding: 10px;
    display: block;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.dd-options > li:last-child > .dd-option {
    border-bottom: none;
}

.dd-option:hover {
    background: #f3f3f3;
    color: #000;
}

.dd-selected-description-truncated {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dd-option-selected {
    background: #f6f6f6;
}

.dd-option-image,
.dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    max-width: 64px;
}

.dd-image-right {
    float: right;
    margin-right: 15px;
    margin-left: 5px;
}

.dd-container {
    position: relative;
}

.dd-selected-text {
    font-weight: bold
}

/* Applicant Information Css End  */

.child-head {

    padding: 6px 6px;

    float: left;

    width: 100%;

    border-radius: 10px;

    border: 2px solid rgb(82 148 196 / .5);

}

.child-bg {

    background: #f9f9f9;

}

.child-head-img {

    float: left;

    margin-top: 10px;

}

.child-head-img img {

    border-radius: 50%;

    box-shadow: 0px 2px 8px rgb(0 0 0 / .5);

    width: 60px;

    height: 60px;

}

.child-head-name {

    font-size: 13px;

    font-weight: 500;

    color: #000;

}

.child-head-name-sub {

    font-size: 11px;

    font-weight: 400;

}

.child-head-name p {

    margin-bottom: -3px;

}

.child-edit {

    text-align: right;

}

.child-edit i {

    border: 1px solid red;

    color: red;

    padding: 4px 5px;

    margin-right: 5px;

    font-size: 13px;

    cursor: pointer;

}

.child-name {

    font-weight: 600;

}

.child-class {

    font-size: 12px;

}

.child-add {

    padding: 25px;

    width: 100%;

    border-radius: 10px;

    border: 2px solid rgb(82 148 196 / .5);

    text-align: center;

}

.child-add i {

    background: rgb(82 148 196 / 0.8);

    color: #fff;

    border-radius: 50px;

    padding: 7px;

    cursor: pointer;

}

p.prog {

    text-align: right;

    font-size: 12px;

    line-height: 12px;

    margin-bottom: 0px;

}

.child-add p {

    margin-bottom: 0px;

}

h2.applicant-head {

    font-weight: 600;

    font-size: 18px;

}

.Applicant-outer {

    margin-bottom: 20px;

}

.Applicant-box-1 {

    position: relative;

    padding: 25px 20px;

    border-radius: 10px;

    background-image: url(../images/Blue-box.png);

    background-size: cover;

}

.Applicant-box-1-icon {

    float: left;

}

.Applicant-box-1-data {

    text-align: right;

    color: #fff;

}

.Applicant-box-1-data h4 {

    margin-bottom: 0px;

    color: #fff;

    font-weight: 500;

}

.Applicant-box-1-data p {

    margin-bottom: 0px;

    font-size: 12px;

}

.Applicant-box-2 {

    position: relative;

    padding: 25px 20px;

    border-radius: 10px;

    background-image: url(../images/Green-box.png);

    background-size: cover;

}

.Applicant-box-2-icon {

    float: left;

}

.Applicant-box-2-data {

    text-align: right;

    color: #fff;

}

.Applicant-box-2-data h4 {

    margin-bottom: 0px;

    color: #fff;

    font-weight: 500;

}

.Applicant-box-2-data p {

    margin-bottom: 0px;

    font-size: 12px;

}

.school-details {

    padding: 10px;

    background: #fcfcfc;

    border-radius: 20px;

    margin-bottom: 10px;

    border: 1px solid #d7defb;

}

.school-details img {

    width: 100px;

    height: 100px;

    border-radius: 50px;

}

ul.childern-ul {

    padding: 0px;

    margin: 0px;

    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

ul.childern-ul li {

    display: inline-block;

    padding: 0px;

    margin: 0px;

    color: #002147;

}

ul.childern-ul span {

    color: #8a8989;

}

ul.childern-ul li img {

    width: 68px;

    height: 68px;

    border: 3px solid #bbd0ff;

    margin: -30px 14px 0 0px;

}

ul.childern-ul h4 {

    font-family: 'Poppins';

    color: #002147;

    padding: 0px;

    margin: 12px 0 6px 0;

    font-size: 16px;

}

ul.childern-ul li p img {

    width: 20px;

    height: 21px;

    border: none;

    margin: 0px 12px 0 0px;

}

ul.childern-ul li p {

    font-size: 13px;

    font-weight: 500;

    font-family: 'Poppins';

}

ul.childern-ul li .enquiry-btn {

    padding-left: 50px;

    text-align: center;

}

.childern-ul .enquiry-btn button:hover, .childern-ul .registration-btn button:hover {
    background: #12437b !important;
}

ul.childern-ul li .registration-btn {

    padding-left: 65px;

    text-align: center;

}

ul.childern-ul li .enquiry-btn h5,
ul.childern-ul li .registration-btn h5 {

    margin: 0px;

}

.submitted-button {

    background-color: #f2f2f2 !important;
    color: #000 !important;
    border: none !important;
    padding: 7px 20px !important;

}

button.btn.btn-primary.submitted-button:hover {
    background-color: #f2f2f2 !important;
    /* cursor:none; */
}

button.btn.btn-primary.submit-button:hover {
    background-color: #12437b !important;
}

button.btn.btn-primary.submit-button {
    background-color: green !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 17px;
}

ul.childern-ul li .enquiry-btn button,
ul.childern-ul li .registration-btn button {

    padding: 7px 30px;

    background-color: green;

    color: #fff;

    font-family: 'Poppins';

    text-transform: capitalize;

    border: 1px solid #bbd0ff;

    border-radius: 20px;

}

ul.childern-ul li .crud-icon {
    margin-top: -50px;
    text-align: right;
    margin-right: -12px;
}

ul.childern-ul li .crud-icon .pencil-icon {

    padding: 7px;

    background: #ccefc2;

    border-radius: 7px;

    font-size: 16px;

    border: 1px solid #acd4a1;

    color: #197401;

}

ul.childern-ul li .crud-icon .delete-icon {

    padding: 7px;

    background: #ffd3d3;

    border-radius: 7px;

    font-size: 16px;

    border: 1px solid #deacac;

    color: #c82b2b;

}

li.right-txt {

    float: right;

    font-family: 'Poppins';

    font-size: 16px;

    font-weight: 500;

    position: relative;

    top: 0px;

    right: 7 p x;

}

button.stu-btn:hover {
    background: #12437b !important;
}

button.stu-btn {
    font-size: 11px;
    border: 1px solid green;
    border-radius: 12px;
    padding: 6px 10px;
    color: #008000;
    font-family: 'Poppins';
}

button.stu-btn.bg-enquiry {
    background-color: #ba0707 !important;
}

.upcoming-detail-boxes ul li {

    vertical-align: middle;

    padding-right: 12px;
}

.upcoming-detail-boxes ul li:first-child {

    padding-right: 0px;

}

.childern-ul.event-section li:nth-child(2) {

    margin-left: -42px;
}

.upcoming-detail-boxes ul li:last-child {

    padding-right: 0px;

    color: #8a8989;

    font-size: 30px;

}

.upcoming-detail-boxes ul li img {

    margin: 0px 14px 0 0px;

}

.upcoming-detail-boxes .childern-ul .first-img,
.upcoming-detail-boxes .childern-ul .second-img {

    width: 48px;

    height: 48px;

}

.upcoming-detail-boxes .childern-ul .second-img {

    margin-left: -30px;

}

.upcoming-detail-boxes .childern-ul .event-headline {

    margin-bottom: 6px;

}

.school-details-data h4 {

    font-size: 18px;

    font-weight: 500;

    border-bottom: 1px solid;

    display: inline-block;

}

.school-data-first {

    color: rgb(82 148 196 / 0.8);

    font-size: 12px;

}

.school-data {

    color: rgb(82 148 196 / 0.8);

    text-align: center;

    font-size: 12px;

}

.school-data-de {

    color: rgb(82 148 196 / 0.8);

    font-weight: 600;

}

.school-button {

    border: 1px solid red;

    border-radius: 20px;

    color: #fff;

    text-align: center;

    color: red;

    padding: 0px 12px;

    font-size: 12px;

    transition: all 0.5s ease;

}

.school-button:hover {

    background: red;

    color: #fff;

}

.center-button {

    display: flex;

    justify-content: center;

    align-items: center;

}

.search-location ul {

    margin-bottom: 0px;

}

.search-location ul li {

    display: inline-block;

    line-height: 40px;

    color: #fff;

    margin: 0px 17px;

}

.search-location ul li a {

    color: #fff;

}

.search-location ul li a.actiive {

    color: #fdc800;

}

.advartisment {

    padding: 20px 5px 0 15px;

    background: #f2f2f2;

    border-radius: 7px;

    height: 100%;

    position: relative;

}

.advartisment h4 {

    font-size: 14px;

    color: #909090;

    text-transform: uppercase;

    font-family: 'Poppins';

}

.advartisment .admission-contact {

    display: flex;

}

.advartisment .admission-contact .admission-img img {

    width: 53px;
    height: 57px;

    margin-bottom: 10px;

    border: 1px solid #000000;

    border-radius: 8px;

}

.advartisment img {

    width: 100%;

    margin-bottom: 10px;

}

.advartisment .admission-contact .admission-details {

    padding-left: 18px;

}

.advartisment .admission-contact .admission-details h5 {

    font-size: 16px;

    color: #070c2e;

    font-weight: 600;

    margin: 0px;

    font-family: 'Poppins';

}

.advartisment .admission-contact .admission-details span {

    font-size: 12px;

    color: #1f2e54;

    margin-bottom: 15px;

    display: inline-block;

    font-family: 'Poppins';

}

.advartisment .admission-contact .admission-details p img {

    width: 12%;

    margin-bottom: 5px;

    margin-right: 5px;

}

.director-title p {

    font-size: 14px;

    color: #1f2e54;

    margin: 5px 0;

    font-family: 'Poppins';
    word-break: break-all;
    margin-left: 7px;
}

.director-contact {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.campus-location {

    margin-top: 3em;

}

.campus-location .campus-map iframe {

    width: 100%;

    border: none;

    height: 180px;

}

.campus-address h4 {

    font-size: 16px;

    color: #070c2e;

    text-transform: capitalize;

    font-weight: 600;

}

.campus-address .north-campus p {

    font-size: 14px;

    color: #909090;

}

.social-icon {

    position: absolute;

    bottom: 0px;

    left: 27%;

}

.social-icon .icon-list {
    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;
}

.social-icon .icon-list li {

    list-style-type: none;

    padding: 0 5px;

}

.social-icon .icon-list li a img {

    width: 75%;

}

/* Form CSS start  */

.internal-form {

    padding: 20px 5px;
    padding-top: 0px;

}
.internal-form a{
    font-size: 12px;
}


.upload.internal-form {
    padding-top: 0px;
}

/*.internal-form .space-bottom .form-control {
    margin: 10px 0;
    border-radius: 10px !important;
    border: 1px solid #cfd8ec !important;
    color: #001124 !important;
    font-weight: 500;
    font-family: 'Poppins';
    z-index: 1;
}

.internal-form .space-bottom .floating-label-wrap label {
    line-height: 40px;
    color: #1f2e54;
    font-weight: 500 !important;
    font-size: 14px;
    margin: 10px 0px;
    margin-bottom: 0px;
    position: absolute;
    top: 0;
    left: 28px;
    transition: 0.5s;
    pointer-events: none;
}

.internal-form .space-bottom .form-control:focus + .floating-label, .internal-form .space-bottom .form-control:valid + .floating-label {
    transform: translate(0.05em, 18%) scale(.8);
    background: #fff;
    line-height: 16px;
    margin: 0;
    font-size: 16px;
}*/

/* Floating Effect Css start */
/*
.internal-form .space-bottom .floating-label-wrap label,
.internal-form .space-bottom .floating-label-wrap .floating-select label{
    line-height: 40px;
    color: #1f2e54;
    font-weight: 500 !important;
    font-size: 14px;
    margin: 10px 0px;
    margin-bottom: 0px;
    position: absolute;
    top: 0;
    left: 28px;
    transition: 0.5s;
    pointer-events: none;
}


.internal-form .space-bottom input:focus ~ label,
.internal-form .space-bottom input:not(:placeholder-shown) ~ label{
    transform: translate(0.05em, 18%) scale(.8);
    background: #fff;
    line-height: 16px;
    margin: 0;
    font-size: 16px;
}

.internal-form .space-bottom .floating-select:focus ~ label ,
.internal-form .space-bottom .floating-select:not([value=""]):valid ~ label {
    transform: translate(0.05em, 18%) scale(.8);
    background: #fff;
    line-height: 16px;
    margin: 0;
    font-size: 16px;
}*/

.enquiry-form .space-bottom .form-control {

    margin: 10px 0;
    border-radius: 10px !important;
    border: 1px solid #cfd8ec !important;
    color: #001124 !important;
    font-weight: 500 !important;
    font-family: 'Poppins' !important;

}

.internal-form .space-bottom .applicant-btn {

    text-align: center;
}

.space-bottom .row {

    margin-bottom: 8px;

}

.bottomspace {

    margin-bottom: 0px !important;

}

.space-bottom label {

    /*line-height: 40px;*/
    color: #1f2e54b3;
    font-weight: 500 !important;
    font-size: 14px;
    margin: 10px 0px;
    margin-bottom: 0px;

}

.choose-file-section {
    padding: 0px 0px;
}

.cls-choose {
    margin-bottom: 25px !important;
}

label.radio-inline {

    margin: 0px 10px 0px 2px;

}

label.radio-inline span {

    margin-left: 7px;

    font-weight: 400;

}

.btncss {

    border: none;

    padding: 7px 28px;

    border-radius: 10px;

    margin-right: 10px;

}

.btncss-bg {

    box-shadow: 0px 1px 2px green;

    background: green !important;

    color: #fff !important;

    transition: all 0.5 ease;

}

.btncss-bg:hover {

    background: #12437b !important;

    color: #fff !important;

    box-shadow: 0px 1px 2px rgb(3 87 183) !important;

}

.btncss-cancel {

    border: none;

    padding: 7px 28px;

    border-radius: 10px;

    border: 1px solid green;

    transition: all 0.5 ease;

}

.btncss-cancel-bg {

    background: #fff;

    color: green;

}

.btncss-cancel-bg:hover {

    background: #12437b !important;
    color: #fff;
    border: 1px solid #12437b;

}

/* Image upload css  */

.posgn {

    position: relative;

    justify-content: center;

    display: flex;

}

.posgn #userImg,
#userFatherImg,
#userMotherImg {

    height: 150px !important;

    width: 150px;

    border-radius: 50%;

    border: 2px solid #004281;

}

.add-img {

    position: absolute;

    left: 98px;

    top: 150px;

    font-size: 25px;

}

.tooltip2 .tooltiptext {

    width: auto;

    /* visibility: hidden; */

    background: #fff;

    border: 1px solid #3c8dbc;

    color: #3c8dbc;

    text-align: center;

    font-size: 12px;

    padding: 10px 10px;

    border-radius: 6px;

    position: absolute;

    z-index: 999;

    cursor: pointer;

    left: 28px;

    top: 6px;

}

.tooltip2 .tooltiptext::after {

    content: "";

    position: absolute;

    bottom: 100%;

    left: 50%;

    margin-left: -7px;

    border-width: 7px;

    border-style: solid;

    border-color: transparent transparent #3c8dbc transparent;

}

#userSelectImg:hover,
#userFatherSelectImg:hover,
#userMotherSelectImg:hover {

    background-color: #990100;

    box-shadow: 3px 3px 5px 6px #ccc;

}

.labletop {

    top: -6px;

    font-size: 12px;

    color: #5264AE;

    background-color: #fff;
}

@media screen and (max-width: 768px) {

    .posgn {

        top: -10px;

    }

    .add-img {

        left: 68px;

        right: 0;

        display: inline-table;

    }

    .tooltip2 .tooltiptext {

        top: 5px;

    }

    .clearimg {
        clear: both;

        padding-bottom: 80px;
    }

    .registrationNo {
        padding-right: 0px;

        float: left;

        width: 76%;
        z-index: 1
    }

    .registrationNolbl {
        float: left;

        padding-top: 10px;

        padding-right: 0px;
    }

    .processBtn {

        margin-right: 24px;

    }

    .processClass {
        text-align: center !important;
        margin-bottom: 20px;
    }

    .imgwth img {
        width: 180px !important;
    }

    .imgwth h4 {
        font-size: 20px !important;
    }

}

.registrationNolbl {

    padding-top: 8px;

    text-align: right;
}

.processBtn {

    background: #990100;

    color: #fff;

    padding: 3px 30px;

    margin-top: 3px;

    border: none;

    font-size: 16px;

    cursor: pointer;

    border: 2px dotted #fff;

}

.processClass {
    text-align: left;
}

/* Image upload css  */

.btn-doc-upload {

    padding: 6px 0px;

    background: #00408a !important;

    color: #fff;

    border: none;

    border-radius: 7px;

    width: 100%;

    font-size: 15px;

}

@media (max-width: 767px) {

    .internal-form {

        padding: 0px 10px;

    }

    .space-bottom .row {

        margin-bottom: 0px;

    }

    .space-bottom label {

        line-height: 0px;

    }

}

/* Form CSS End  */

/* Select Student start  */

.pkr {

    background-image: url(../images/studentimage1.png);

    width: 45px;

    height: 45px;

    background-repeat: no-repeat;

    border-radius: 40px;

    border: 1px solid #006ae4;

}

.gbp {

    background-image: url(../images/studentimage2.png);

    width: 45px;

    height: 45px;

    background-repeat: no-repeat;

    border-radius: 40px;

    border: 1px solid #006ae4;

}

.usd {

    background-image: url(../images/studentimage3.png);

    width: 45px;

    height: 45px;

    background-repeat: no-repeat;

    border-radius: 40px;

    border: 1px solid #006ae4;

}

.euro {

    background-image: url(../images/studentimage4.png);

    width: 45px;

    height: 45px;

    background-repeat: no-repeat;

    border-radius: 40px;

    border: 1px solid #006ae4;

}

.aud {

    background-image: url(../images/studentimage4.png);

    width: 45px;

    height: 45px;

    background-repeat: no-repeat;

    border-radius: 40px;

    border: 1px solid #006ae4;

}

.afg {

    background-image: url(../images/studentimage4.png);

    width: 45px;

    height: 45px;

    background-repeat: no-repeat;

    border-radius: 40px;

    border: 1px solid #006ae4;

}

.bootstrap-select > .dropdown-toggle {

    color: #fff;

    border-radius: 0px;

    font-size: 16px;

    /*background: url(dropdown.png) no-repeat right #e7f3ff;*/

    border: 0px solid #192535;

    z-index: 10;

    /* padding: 25px 5px; */

}

button.btn.dropdown-toggle.btn-default {

    background-color: #e7f3ff !important;

    outline: none !important;

    border-radius: 15px;

    box-shadow: none;

    border: 1px solid #006ae4;

}

.bootstrap-select.btn-group .filter-option {

    /*background: url(dropdown.png) no-repeat right #e7f3ff;*/

    color: #2f2b2b;

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

}

.bootstrap-select > .dropdown-menu {

    background-color: #e7f3ff;

    color: #fff !important;

    border-radius: 0px;

}

.dropdown-menu > li > a {

    background-color: #e7f3ff;

    color: #fff;

}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {

    background-color: #e7f3ff;

    color: #fff;

    text-decoration: none;

}

.btn .dropdown-toggle .btn-default {

    background-color: #e7f3ff;

    color: #fff;

    text-decoration: none;

}

.conv-wrap {

    margin: 0px;

    padding: 0px;

    width: 100%;

}

.conv-cont {

    padding: 10px;

    float: left;

    width: 100%;

    border: 1px solid #afafaf;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -moz-box-shadow: 0 0 6px -1px #919191;

    -webkit-box-shadow: 0 0 6px -1px #919191;

    box-shadow: 0 0 6px -1px #919191;

}

.conv-cont .cov-frm {

    float: left;

    width: 100%;

}

.conv-cont .cov-frm .selectpicker {

    font-size: 18px !important;

    font-weight: bold !important;

    text-decoration: none !important;

    margin: 0px;

    padding: 23px;

    float: left;

    width: 100%;

    outline: none !important;

}

.conv-cont .cov-frm .cov-frm-label {

    font-size: 14px;

    color: #333333;

    text-decoration: none;

    margin: 0px;

    float: left;

    width: 100%;

    padding: 5px;

}

.conv-cont .cov-frm .cov-frm-labeli {

    font-size: 14px;

    color: #a9a9a9;

    text-decoration: none;

    margin: 0px;

    float: left;

    width: 100%;

    padding: 5px;

    background-color: #FFF;

}

.cov-inp-bx div.col-md-8,
.cov-inp-bx div.col-md-4 {

    padding: 0px;

    margin: 0px;

}

.conv-cont .cov-frm .cov-inp-bx {

    padding: 0px;

    float: left;

    width: 100%;

    border: 1px solid #c2c2c2;

    border-radius: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-left: 0px;

}

.conv-cont .cov-frm .cov-frm-input {

    font-size: 24px;

    font-weight: bold;

    color: #009cff;

    text-decoration: none;

    margin: 0px;

    padding: 9px;

    float: left;

    width: 100%;

    border: none;

    outline: none;

}

.conv-cont .cov-frm .cov-frm-sbtm {

    font-size: 20px;

    font-weight: bold;

    color: #FFF;

    text-decoration: none;

    background-color: #e7f3ff;

    text-align: center;

    margin: 0px;

    float: left;

    width: 100%;

    padding-top: 13px;

    padding-bottom: 13px;

    border: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    cursor: pointer;

}

.conv-cont .cov-frm .cov-frm-sbtm:hover {

    background: #980000;

}

.cov-spni {

    font-size: 13px;

    font-weight: normal;

    color: #424242;

    text-decoration: none;

    line-height: 50px;

}

.cov-spnii {

    color: #333;

}

/* Select Student start  */

/*tab panel css start*/
.disabled {
    pointer-events: none;
    opacity: 1;
}

.nav-tabs {
    border-bottom: 0px solid transparent !important;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    z-index: 1;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    width: 20%;
    z-index: 1051 !important;
}

.nav-tabs > li {
    margin-bottom: 0px !important;
    width: 100%;
    border-radius: 50%;
    margin: 10px 0px 0px 0px;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    align-items: center;

}

.nav-tabs > li:nth-child(3) span h5 {
    margin-left: -5px;
}

.nav-tabs > li:last-child {
    margin-right: 0px;
}

.nav-tabs > li > a {
    float: left;
    margin-bottom: -1px;
    background: #eeeeee;
    width: 60px !important;
    height: 60px !important;
    /* border: 1px solid rebeccapurple; */
    border-radius: 50% !important;
    margin: 0px 0px 0px 0px;
    transition: all 1s;
    z-index: 3;
    margin-right: 0px;
    border: none !important;
    margin-right: 0px !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #007bff !important;
    height: 60px !important;
    width: 60px !important;
    border-radius: 50% !important;
    background-color: transparent;
    /*border: 0px solid transparent;*/
    border-bottom-color: transparent;
    border: none !important;
}

.nav-tabs > li.active > span > h5 {
    color:  #007bff;
}

.nav-tabs > li > a:hover {
    background-color: #002248 !important;
}

ul.nav.nav-tabs li a img {
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 8px;
}

.nav-tabs > li.active > ::before {
    content: '';
    position: absolute;
    width: 85px;
    height: 12px;
    top: 35px;
    background: transparent;
    margin: 0 0 0 63px;
    z-index: 2;
}

.nav-tabs > li::after {
    content: '';
  /*  width: 100%;*/
    height: 5px;
    position: absolute;
    top: 0;
    background: #eeeeee;
    margin: 31px 0 0 0;
    left: 0;
    left: 50%;

}

.nav-tabs > li.active > ::before:last-child {
    content: '';
    display: none;
}

.tab-pane p {
    color: #05070a;
    font-weight: 500;
    font-size: 18px;
    padding: 15px 10px;
    text-align: justify;
    font-family: -webkit-pictograph;
}

/*.tab-content {
    background: #ffffff;
    box-shadow: 0px 0px 12px 5px rgb(226 226 226 / 28%);
    border-radius: 15px;
    margin: 39px 0 0px 0;
    padding: 12px;
}*/

a.btn.btn-primary.btnNext {
    background: #002248;
    border: 1px solid #06111d;
    border-radius: 20px;
    padding: 8px 21px;
    font-weight: 500;
    box-shadow: 1px 7px 9px -1px #52e5ec73;
}

a.btn.btn-primary.btnPrevious {
    border: 1px solid #06111d;
    border-radius: 22px;
    background: #fff;
    color: #121519;
    margin-left: 13px;
    padding: 8px 25px;
}

a.btn.btn-primary.btnPrevious:hover {
    background-color: #dedede;
}

/*.blue-cls{
    background: #519105;
}*/
.blue-cls::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    top: 31px;
    background: #519105;
    margin: 0 0 0 0px;
    z-index: 2;
    left: 0;
    left: 50%;
}

.nav-tabs li.blue-cls a {
    background: #519105;
}

.nav-tabs li.blue-cls span h5 {
    color: #519105;
}

.nav-tabs > li:last-child::after {
    background: transparent;
}

#box1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    top: 31px;
    background: #519105;
    margin: 0 0 0 0px;
    z-index: 2;
    left: 0;
    left: 50%;
}

svg.svg-icon {
    text-align: center;
    display: table;
    margin: auto;
    vertical-align: middle;
    margin-top: 4px;
    height: 30px;
    width: 30px;
}

.blue-cls svg.svg-icon,
.nav-tabs > li.active svg.svg-icon {
    filter: none;
}

svg.svg-icon {
    filter: brightness(0.5);;
}

@media (max-width: 767px) {

    .nav-tabs > li > a,
    .nav-tabs > li {
        width: 50px;
        height: 50px;
        border-radius: 0px;
        /* border-right: 1px solid #c3d1e3; */
    }

    .nav-tabs > li::after,
    #box1::before,
    .blue-cls::before {
        display: none;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        width: 50px;
        height: 50px;
        border-radius: 0px;
    }

    .nav-tabs > li {
        margin: 0px;
    }

    svg.svg-icon {
        text-align: center;
        display: table;
        margin: 3px 0 0 -4px;
        vertical-align: middle;
        width: 24px;
        height: 24px
    }

    .tab-content {
        margin: 0px;
        border-radius: 0px;
    }
}

/*applicant section*/

.applicant-form {
    background: #ffffff;
    overflow-y: auto;
    height: 700px;
    border-radius: 15px;
    margin: 20px 32px;
    padding: 12px;
    box-shadow: 0px 0px 12px 5px rgb(171 152 152 / 28%);
}

.applicant-form h3 {
    font-size: 21px;
    color: #070c2e;
    margin-top: 5px;
    font-family: 'Poppins';
}

.tab-heading {
    background-color: #eef2fd;
    width: 100%;
    padding: 7px 21px;
    margin: 20px 3px 0px;
    color: #1f2e54;
    font-size: 20px;
    margin-top: 0px;
}

.address-checkbox {
    padding: 0px !important;
    font-size: 16px !important;
}

.cal-icon {
    position: absolute;
    top: 21px;
    right: 27px;
    font-size: 20px;
    color: #999;
}

/* body {
    font-family: sans-serif;
    background-color: #eeeeee;
    padding: 0px !important;

} */
body {
    padding: 0px !important;
}

.space-bottom {
    margin-top: 15px;
}

.file-upload {
    background-color: #ffffff;
    margin: 0 auto;
    padding: 0px;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #cfd2db;
    background: green !important;
    border: none;
    padding: 10px;
    border-radius: 10px;

    transition: all .2s ease;
    outline: none;

}

.upload-btn-right .file-upload-btn {
    width: 52.6%;
    float: right;
}

.file-upload-btn img {
    width: 28px;
    margin-right: 5px;
    margin-top: -3px;
}

.file-upload-btn:hover {
    background: #1AA059;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.file-upload-content {
    display: none;
    text-align: center;
    margin-bottom: 10px;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    border: 2px solid #909090;
    position: relative;
    border-radius: 9px;
    margin-bottom: 20px;
}

/* .image-dropping,
  .image-upload-wrap:hover {
    background-color: #008000;
    border: 4px dashed #ffffff;
  } */

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
    padding: 60px 0;
    height: 202px;
}

.drag-text img {
    /*width: 40px;*/
    width: 150px !important;
    height: 200px !important;
}

.drag-text h3 {

    color: #969696;
    padding: 5px 0;
    font-size: 12px;
    margin-bottom: 0px;
}

.file-upload-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 0px;
    border: 2px solid #002147;
    position: relative;
    border-radius: 9px;
    margin-bottom: 10px;
    width: 150px;
    height: 200px;
}

.remove-image {

    margin: 0;
    color: #fff;
    font-weight: 600;
    border: none;
    padding: 0px;
    border-radius: 4px;
    transition: all .2s ease;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-26px, 5px);
    border-radius: 20px;
    width: 22px;
    height: 22px;
    border: 2px solid #fff;

}

.remove-2 {
    transform: translate(-43px, 17px);
}

.remove-image:hover {
    background: #c13b2a;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all .2s ease;
}

/* choose file code */

.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.file-upload .file-select {
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select i {
    position: absolute;
    top: 0px;
    right: 4px;
    font-size: 15px;
    z-index: 99999;
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
    font-size: 9px;

}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload2.active .file-select {
    border-color: #3fa46a !important;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload2.active .file-select .file-select-button {
    background: #3fa46a !important;
    color: #FFFFFF !important;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload3.active .file-select {
    border-color: #3fa46a !important;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload3.active .file-select .file-select-button {
    background: #3fa46a !important;
    color: #FFFFFF !important;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.preview-head {
    text-align: center;
    margin-top: 40px;
    color: #070c2e;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Poppins';
}

.preview-page {
    border: 1px solid #1f2e54;
    margin: 0px 60px !important;
}

[type="date"] {
    background: #fff url(../images/calender-icon.png) 97% 50% no-repeat !important;
    background-size: 17px !important;
}

[type="date"]::-webkit-inner-spin-button {
    display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

/* Appointment css start */

/* .appointment{
    padding:10px 0px;
  } */

.book-time-right {
    Position: relative;
}

.book-time-right h5,
.book-time-left h5 {
    color: #002147;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
    padding: 17px 15px 0;
}

.book-time-right button {
    width: 100%;
    height: 43px;
    color: #519105;
    border: 1px solid #519105;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0;
}

.confirm-btn {
    /* display: flex;
    justify-content: space-between; */
    display: none;
}

.confirm-btn button {
    width: 48%;
}

button.print-button {
    width: 70px;
    height: 70px;
}

span.print-icon,
span.print-icon::before,
span.print-icon::after,
button.print-button:hover .print-icon::after {
    border: solid 4px #333;
}

span.print-icon::after {
    border-width: 2px;
}

button.print-button {
    position: relative;
    padding: 0;
    border: 0;
    border: none;
    background: transparent;
    margin-left: 6px;
}

span.print-icon,
span.print-icon::before,
span.print-icon::after,
button.print-button:hover .print-icon::after {
    box-sizing: border-box;
    background-color: #fff;
}

span.print-icon {
    position: absolute;
    display: inline-block;
    padding: 0;
    margin-top: 0%;
    width: 63%;
    height: 38%;
    background: #fff;
    border-radius: 20% 20% 0 0;
    right: 0;
    bottom: 0;
    top: 34%;
}

span.print-icon::before {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 12%;
    right: 12%;
    height: 110%;

    transition: height .2s .15s;
}

span.print-icon::after {
    content: " ";
    position: absolute;
    top: 55%;
    left: 12%;
    right: 12%;
    height: 0%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: 70% 90%;
    background-position: center;
    background-image: linear-gradient(to top,
    #fff 0, #fff 14%,
    #333 14%, #333 28%,
    #fff 28%, #fff 42%,
    #333 42%, #333 56%,
    #fff 56%, #fff 70%,
    #333 70%, #333 84%,
    #fff 84%, #fff 100%);

    transition: height .2s, border-width 0s .2s, width 0s .2s;
}

button.print-button:hover {
    cursor: pointer;
}

button.print-button:hover .print-icon::before {
    height: 0px;
    transition: height .2s;
}

button.print-button:hover .print-icon::after {
    height: 120%;
    transition: height .2s .15s, border-width 0s .16s;
}

.first-btn.active {
    display: none;
}

.apt-cnf-can {
    /* background-color: #07ce07 !important;
    color: #fff !important; */
    background-color: #f2f2f2 !important;
    color: #000 !important;
    border: none !important;
}

.apt-cnf button {
    /* background-color: #07ce07 !important;
    color: #fff !important; */
    background-color: #f2f2f2 !important;
    color: #000 !important;
    border: none !important;
}

/* Accordian code start */
/* #accordion {
    padding: 30px 60px;
    z-index: 1;
    box-shadow: 0px 0px 12px 5px rgb(171 152 152 / 28%);
    margin: 34px;
    border-radius: 15px;
}

#accordion .panel {
    border: none;
    box-shadow: none;
}

#accordion .panel-heading {
    padding: 0;
    border-radius: 0;
    border: none;
}

#accordion .panel-title {
    padding: 0;
}

#accordion .panel-title a {
    display: block;
    font-size: 16px;

    color: #fff;
    padding: 15px 25px;
    position: relative;
    margin-left: -24px;
    transition: all 0.3s ease 0s;
    font-family: 'Poppins';
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);

}

#accordion .panel-title a i {
    position: absolute;
    right: 15px;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
}

#accordion .panel-title a.collapsed {

    color: #fff;
    margin-left: 0;
    transition: all 0.3s ease 0s;
}

#accordion .panel-title a:before {
    content: "";
    border-left: 24px solid #01d1fd;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    position: absolute;
    top: 0;
    right: -24px;
    transition: all 0.3s ease 0s;
}


#accordion .panel-collapse {
    position: relative;
}

#accordion .panel-collapse.in:before {
    content: "";
    border-right: 24px solid #00c4f4;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    left: -24px;
}

#accordion .panel-body {
    font-size: 14px;
    color: #333;
    background: #f3f3f3;
    border-top: none;
    z-index: 1;
    border-radius: 0 0 15px 15px;
} */

.accordion {
    max-width: 100%;
    margin: 0 auto 100px;
    border-top: 1px solid #d9e5e8;

    padding: 30px 60px;
    z-index: 1;
    box-shadow: 0px 0px 12px 5px rgb(171 152 152 / 28%);
    margin: 34px;
    border-radius: 15px;
    list-style-type: none;
}

.accordion li {
    border-bottom: 1px solid #d9e5e8;
    position: relative;
}

.accordion li p {
    display: none;
    padding: 0px 25px 10px;
    color: #6b97a4;
    margin: 0;
}

.accordion a {
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    line-height: 1.2;
    /* font-size: 14px; */
    font-size: 1.5rem;
    /* text-indent: 15px; */
    user-select: none;
    font-family: 'Poppins';
    color: #094992 !important;
    padding: 20px 0;
}

.accordion a:after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #4a6e78;
    border-bottom: 1px solid #4a6e78;
    position: absolute;
    right: 0px;
    content: " ";
    top: 17px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.accordion p {
    /* font-size: 13px; */
    font-size: 1.3rem;
    line-height: 2;
    padding: 10px;
    font-family: 'Poppins';
}

a.active:after {
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Student Section Code Start */

/* Admission procedure page code start */

.sch-tab-content1 {
    display: block;
    background: #fff;
    /* margin: 0px 0 20px 0; */
    border-top: none;
    box-shadow: 0 0 7px 0px rgb(0 0 0 / 8%);
    min-height: 160px;
    border-radius: 15px;
    margin: 0 30px;
}

.heading-topbox {
    position: relative;
}

h3.school-p-Head {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    background: #002147;
    padding: 10px 22px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 0px;
}

select.select-box {
    position: absolute;
    right: 22px;
    top: 7px;
    border: 1px solid #dddddd;
    padding: 5px 50px 5px 9px;
    background: white;
    border-radius: 50px;
    font-weight: 400;
    color: #04558c;
}

select#Admission-Criteria-box {
    outline: none;
}

.basic-admission-all {
    padding: 10px 10px;
}

.data-list {
    font-size: 15px;
    /* font-weight: 500; */
    color: #30327d;
    line-height: 22px;
}

.data-list {
    margin: 18px 0 0 0px;
    line-height: 18px;
    font-size: 14px;
    padding: 0px 0 0px 0;
}

.data-list small {
    font-weight: 300;
    color: #7d7777;
}

.d-block {
    display: block;
}

.document-p p {
    padding: 0px;
    margin: 24px 0 13px 0;
    font-weight: 500;
    font-size: 16px;
    color: #30327d;
}

ul.custom-list {
    padding: 0px;
    margin: 10px 0 10px 0;
    list-style: none;
    clear: both;
}

ul.custom-list li {
    display: inline-block;
    width: 33%;
}

ul.custom-list li {
    margin: 0;
    font-size: 13px;
    padding: 0 0 0 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0px 0 0 0;
    color: #676767;
}

i.grn-right {
    color: #0fd20f;
    font-weight: 300;
    font-size: 12px;
    padding: 0 6px 0 0px;
}

/* Admission procedure page code end */

.cls-form.form-group {
    margin: 0px;
}

.input-group-btn {
    font-size: 14px !important;
    padding: 0 !important;
}

.input-group input {
    background: transparent !important;
    border: none !important;
}

.radio-btn {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.app-page {
    padding: 13px 0px 0 0px;
}

.app-page .drag-text {
    padding: 20px 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;

}

.app-page .image-upload-wrap {
    border: 1px solid #d3ddf8;
    height: 192px;
    /*margin-bottom: 10px;*/
    height: 200px;
    width: 150px;
    max-height: 200px;
    max-width: 200px;
}

/* Enquiry form start */

.enquiry-form {
    padding: 20px 32px;
}

.input-lg {
    border-radius: 6px !important;
}

.cls-drop-app {
    border-bottom: 1px solid #dde2ff;
    margin: 0 !important;
}

#wrapper {
    position: relative;
    z-index: 9;
    display: flex;
    padding: 22px 30px 30px 70px;

}

.table-wrapper {
    margin: 10px 10px 25px;
}

.table-wrapper h4 {
    font-size: 21px;
    color: #070c2e;
}

.fl-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

.fl-table td, .fl-table th {
    text-align: center;
    padding: 15px 0;
}

.fl-table td {
    border: 1px solid #324960;
    font-size: 12px;
}

.fl-table thead th {
    color: #ffffff;
    background: #4FC3A1;
}

.fl-table thead th:nth-child(odd) {
    color: #ffffff;
    background: #324960;
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}

@media (max-width: 767px) {
    .fl-table {
        display: block;
        width: 100%;
    }

    .table-wrapper:before {
        content: "Scroll horizontally >";
        display: block;
        text-align: right;
        font-size: 11px;
        color: white;
        padding: 0 0 10px;
    }

    .fl-table thead, .fl-table tbody, .fl-table thead th {
        display: block;
    }

    .fl-table thead th:last-child {
        border-bottom: none;
    }

    .fl-table thead {
        float: left;
    }

    .fl-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }

    .fl-table td, .fl-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 120px;
        font-size: 13px;
        text-overflow: ellipsis;
    }

    .fl-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }

    .fl-table tbody tr {
        display: table-cell;
    }

    .fl-table tbody tr:nth-child(odd) {
        background: none;
    }

    .fl-table tr:nth-child(even) {
        background: transparent;
    }

    .fl-table tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }

    .fl-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }

    .fl-table tbody td {
        display: block;
        text-align: center;
    }
}

.result-row {
    padding: 10px 10px;
}

.result-boxes {
    margin-bottom: 30px;
    /* border: 1px solid #7a86a538; */
    border-radius: 5px;
    padding: 20px 11px 20px 0;
    /* box-shadow: 0px 0px 4px 1px #7a86a538; */
}

.result-bg-blue {
    background: #EDFAFE;
}

.result-bg-green {
    background: #F6FCF3;
}

.result-bg-red {
    background: #FFF4F4;
}

.result-content h3 {
    margin: 0px 0 10px 0px;
    color: #040022;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

.result-bg-blue .result-content p {
    color: #1AB9F5;
}

.result-bg-green .result-content p {
    color: #3ABC00;
}

.result-bg-red .result-content p {
    color: #FC2828;
}

.result-bg-blue .result-content {
    border-left: 4px solid #1AB9F5;
}

.result-bg-green .result-content {
    border-left: 4px solid #3ABC00;
}

.result-bg-red .result-content {
    border-left: 4px solid #FC2828;
}

.result-content {
    padding-left: 10px;
}

.result-content p {
    margin: 0;
    color: #101528;
    font-size: 20px;
    line-height: 1;
}

.result-img-box {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translatey(24%);
}

.result-img-box img {
    width: 70px;
}

.not-answered-box img {
    width: 50px;
}

.card-drop {
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    perspective: 800px;
    width: 100%;
}

.card-drop a {
    display: block;
    width: 100%;
    background-color: salmon;
    padding: 14px 0 15px 20px;
    /* height: 60px; */
    text-decoration: none;
    color: #002147;
    background-color: #fff;
    border: 1px solid #cfd8ec;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: inline-block;
    border-top: none;
}

.card-drop a i {
    display: inline-block;
    width: 20px;
    font-size: 18px;
}

.card-drop > a.toggle {
    position: relative;
    z-index: 300;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -moz-transition: linear 0.1s;
    -o-transition: linear 0.1s;
    -webkit-transition: linear 0.1s;
    transition: linear 0.1s;
    background-color: #fff;
    height: 50px;
    padding: 15px;
    color: #002147;
    font-size: 16px;
    border: 1px solid #cfd8ec;
    /* border-bottom: none; */

}

.card-drop > a.toggle:active {
    -moz-transform: rotateX(60deg);
    -webkit-transform: rotateX(60deg);
    transform: rotateX(60deg);
}

.card-drop > a.toggle.active:before {
    content: "\f0d8";
}

.card-drop > a.toggle:before {
    font-family: "FontAwesome";
    content: "\f0d7";
    font-size: 1.3em;
    color: #002147;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 0;
    height: 49px;
    line-height: 50px;
    width: 60px;
    text-align: center;
    display: block;
    border-left: 1px solid #cfd8ec;
}

.card-drop ul {
    position: absolute;
    height: 100%;
    top: 0;
    display: block;
    width: 100%;
    padding: 0;
}

.card-drop ul li {
    margin: 0 auto;
    -moz-transition: all, ease-out 0.3s;
    -o-transition: all, ease-out 0.3s;
    -webkit-transition: all, ease-out 0.3s;
    transition: all, ease-out 0.3s;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    list-style-type: none;
}

.card-drop ul li a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    float: left;
}

.card-drop ul li a:hover {
    color: #fff;
    background-color: #002147;
}

/* .card-drop ul li.active a {
    color: #fff;
    background-color: #002147;
    cursor: default;
  } */
.card-drop ul li.closed a:hover {
    cursor: default;
    background-color: #6a9094;
}

#wrapper2 {
    position: relative;
    z-index: 9;
    display: flex;
    padding: 22px 70px 30px 30px;

}

.card-drop2 {
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    perspective: 800px;
    width: 100%;
}

.card-drop2 a {
    display: block;
    width: 100%;
    background-color: salmon;
    padding: 4px 0 5px 20px;
    /* height: 60px; */
    text-decoration: none;
    color: #002147;
    background-color: #fff;
    border: 1px solid #cfd8ec;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: inline-block;
    border-top: none;
}

.card-drop2 a i {
    display: inline-block;
    width: 20px;
    font-size: 20px;
}

.card-drop2 > a.toggle {
    position: relative;
    z-index: 300;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -moz-transition: linear 0.1s;
    -o-transition: linear 0.1s;
    -webkit-transition: linear 0.1s;
    transition: linear 0.1s;
    background-color: #fff;
    height: 50px;
    padding: 15px;
    color: #002147;
    font-size: 16px;
    border: 1px solid #cfd8ec;
}

.card-drop2 > a.toggle:active {
    -moz-transform: rotateX(60deg);
    -webkit-transform: rotateX(60deg);
    transform: rotateX(60deg);
}

.card-drop2 > a.toggle.active:before {
    content: "\f0d8";
}

.card-drop2 > a.toggle:before {
    font-family: "FontAwesome";
    content: "\f0d7";
    font-size: 1.3em;
    color: #002147;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 0;
    height: 49px;
    line-height: 50px;
    width: 60px;
    text-align: center;
    display: block;
    border-left: 1px solid #cfd8ec;
}

.card-drop2 ul {
    position: absolute;
    height: 100%;
    top: 0;
    display: block;
    width: 100%;
    padding: 0;
}

.card-drop2 ul li {
    margin: 0 auto;
    -moz-transition: all, ease-out 0.3s;
    -o-transition: all, ease-out 0.3s;
    -webkit-transition: all, ease-out 0.3s;
    transition: all, ease-out 0.3s;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    list-style-type: none;
}

.card-drop2 ul li a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    float: left;
}

.card-drop2 ul li a:hover {
    color: #fff;
    background-color: #002147;
}

/* .card-drop2 ul li.active a {
    color: #fff;
    background-color: #002147;
    cursor: default;
  } */
.card-drop2 ul li.closed a:hover {
    cursor: default;
    background-color: #002147;
}

/* Fee Section Start */

.fee-section {
    padding: 2em 0;
}

.fee-section .fee-head .fee-left h3 {
    margin: 0px;
    font-size: 25px;
    margin-bottom: 7px;
    font-family: 'Poppins';
}

.fee-section .fee-head .fee-left p {
    color: #7d7c7c;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
}

.fee-pay {
    padding: 12px 31px;
}

.fee-pay .fee-pay-box {
    border-radius: 20px;
    border: 1px solid #b7e9ff;
    box-shadow: 0px 0px 2px 0px #b7e9ff;
}

.fee-pay .fee-pay-box .pay-left {
    padding: 0px 0 10px 0;
}

.fee-pay .fee-pay-box .pay-left h3 {
    color: #ff4d4d;
    font-size: 24px;
}

.fee-pay .fee-pay-box .pay-left .fee-text {
    display: inline-block;
}

.fee-pay .fee-pay-box .pay-left .fee-text .icon-fee {
    float: left;
}

.fee-pay .fee-pay-box .pay-left .fee-text .icon-fee i {
    font-size: 21px;
    border: 1px solid #b7e9ff;
    border-radius: 20px;
    padding: 10px;
    color: #1c4a82;
    margin-right: 20px;
}

.fee-pay .fee-pay-box .pay-left .fee-text .para-fee {
    float: right;
}

.fee-pay .fee-pay-box .pay-left .fee-text .para-fee p {
    font-size: 24px;
    font-weight: 600;
    margin-top: -5px;
    margin-bottom: 0;
}

.fee-pay .fee-pay-box .pay-left .fee-text .para-fee span {
    font-size: 15px;
    color: #050202;
}

.fee-pay-box .pay-right {
    text-align: right;
    margin-top: 35px;
}

.fee-pay-box .pay-right button {
    background: #14b7f4 !important;
    color: #fff;
    text-transform: capitalize;
}

.fee-right select {
    border-radius: 4px !important;
}

.installment-box {
    margin-top: 15px;
}

.installment-box .installment-left {
    border-radius: 20px;
    padding: 20px;
    background: #f1fbff;
    border: 1px solid #b7e9ff;
    box-shadow: 0px 0px 2px 0px #b7e9ff;
}

.installment-box .installment-right {
    border-radius: 20px;
    padding: 20px;
    background: #fef8f8;
    border: 1px solid #ffd0d0;
    box-shadow: 0px 0px 2px 0px #ffd0d0;
}

.installment-box .third-box {
    border-radius: 20px;
    padding: 20px;
    background: #effee7;
    border: 1px solid #a6caa5;
    box-shadow: 0px 0px 2px 0px #a6caa5;
}

.installment-box .fourth-box {
    border-radius: 20px;
    padding: 20px;
    background: #effee7;
    border: 1px solid #a6caa5;
    box-shadow: 0px 0px 2px 0px #a6caa5;
}

.sec-left p:first-child {
    color: #202e4a;
    font-size: 20px;
    margin-bottom: 0px;

}

.sec-left p:nth-child(2) {
    color: #9387f5;
    font-size: 30px;
    margin-left: 19px;
    /* font-family: 'Poppins'; */
}

.sec-left p:last-child {
    color: #202e4a;
    font-weight: 600;
    margin-bottom: 0px;
    font-family: 'Poppins';
}

.sec-left p span {
    color: red;
    font-family: 'Poppins';
}

.sec-right p {
    color: #737373;
    font-family: 'Poppins';
}

.sec-right p:nth-child(2) {
    margin-top: 60px;
    margin-bottom: 0px;
    color: #14b7f4;
    text-align: right;
}

.third-box .sec-left p span {
    color: #19ad15;
}

.fourth-box .sec-left p span {
    color: #19ad15;
}

.third-box .sec-left p,
.fourth-box .sec-left p {
    margin-left: 0px;
}

.installment-pay h3 {
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
    border-bottom: 1px solid #b7e9ff;
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Poppins';
    color: #002147;
}

.installment-pay.new-head h3 {
    margin-top: 35px;
    border-bottom: 1px solid #b9d6b8;
}

.bg-signup {
    background: url("../images/login-image.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Reset Select */
.select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #008000;
    background-image: none;
    font-size: 13px;
    font-family: 'Poppins';
}

/* Remove IE arrow */
select::-ms-expand {
    display: none;
}

/* Custom Select */
.select {
    position: relative;
    display: flex;
    width: 15em;
    height: 2.6em;
    line-height: 2.7;
    background: #008000;
    overflow: hidden;
    border-radius: .25em;
    /* margin-left: 265px; */
    color: #fff;
    padding-left: 0px;
    border-radius: 20px;
    margin: 15px 22px;
}

select {
    flex: 1;
    padding: 0 1em;
    color: #fff;
    cursor: pointer;
}

/* Arrow */
/* .select::before {
    font-family: FontAwesome;
    content: "\f007";
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 1em;
    background: #34495e;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
} */

.cls2::before {
    font-family: FontAwesome;
    content: "\f073";
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 1em;
    background: #34495e;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #046c04;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.enquiry-form .space-bottom select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #34495e;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

/* Transition */
.select:hover::after {
    color: #fff;
}

.cls-drp {
    padding: 15px 0;
    border: none;
}

/* CHAT BOX CSS START */

.panel {
    margin-bottom: 20px;
    border-color: #ddd;
    color: #333333;
}

.round-15 {
    border-radius: 15px !important;
}

.b-lightblue {
    border: 1px solid #c9d2ff !important;
}

.panel-heading {
    position: relative;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.heading-div {
    border-bottom: 1px solid #c9d2ff !important;
    /* width: 94% !important; */
    margin: auto !important;
    padding: 10px 20px !important;
    background-color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



h3.panel-title,
.h3.panel-title {
    font-size: 15px !important;
}

.panel-title {
    position: relative;
    font-size: 13px;
}

.text-semibold {
    font-weight: 500;
}

.heading-elements {
    background-color: inherit;
    position: absolute;
    top: 50%;
    right: 20px;
    height: 36px;
    margin-top: -18px;
}

.panel-body {
    position: relative;
}

.mailbox-div {
    overflow-y: auto;
    height: 356px;
}

.panel-body {
    padding: 20px;
}

.media-list {
    margin-bottom: 0;
}

ul.mailbox-ul .media {
    padding: 13px 10px 0 6px;
    margin: 0px;
}

.media:first-child {
    margin-top: 0;
}

ul.mailbox-ul li {
    border-bottom: 1px solid #e4e8ff;
}

.media-left,
.media-right,
.media-body {
    position: relative;
}

.mail-left-box {
    width: 62px;
    display: inline-block;
    float: left;
    padding: 0px !important;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.color-yellow {
    color: #ffc301 !important;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

span.M-nametext {
    border-radius: 50%;
    background: #fff3ca;
    color: #ffc301;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    padding-top: 7px;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Poppins';
}

.bg-light-yellow {
    background: #fff3ca !important;
    color: #ffc301 !important;
}

.mail-boxtext p {
    color: #6b6977;
    font-size: 14px;
    font-weight: 500;
    margin: 2px 0 5px 0;
    font-family: 'Poppins';
}

.media {
    display: inline-block;
}

.media-right.text-nowrap span strong {
    font-family: 'Poppins';
}

.mb-10 {
    margin-bottom: 10px !important;
}

.col-md-9.p-0 {
    min-height: 100vh;
}

.list-inline {
    margin-left: 0px !important;

}

.text-info-700,
.text-info-700:hover,
.text-info-700:focus {
    color: #0097A7 !important;
}

.text-info-700,
.text-info-700:hover,
.text-info-700:focus {
    color: #0097A7 !important;
}

.text-default,
.text-default:hover,
.text-default:focus {
    color: #333333 !important;
}

.bg-light-blue {
    background: #d1fcff !important;
    color: #22a0c4 !important;
}

.bg-light-red {
    background: #ffdede !important;
    color: #ff3e3e !important;
}

/* CHAT BOX CSS END */

/* Apply Section Code Start */

.row.apply-section {
    margin: 0;
    padding: 9px;
    margin-bottom: 21px;
}

.apply-for {
    border: 1px solid #c6d8ff;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.apply-heading h5 {
    color: #646d94;
    font-size: 13px;
    font-family: 'Poppins';
    margin: 0;
}

.apply-heading span {
    color: #213073;
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 3px 0 10px 0;
}

.apply-heading button {
    font-size: 15px;
    padding: 7px 30px;
    background-color: green !important;
    border: none;
    border-radius: 19px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.apply-heading button:hover {
    background-color: #12437b !important;
}

.form-calendar {
    position: absolute;
    top: 15px;
    right: 26px;
    font-size: 20px;
    color: #001124;
}

.form-calendar-margin {
    top: 20px;
}

.otp-section .otp-title {
    text-align: center;
    padding: 0px 0;
}

.otp-section .otp-title p {
    padding: 0px 15px;
    margin-bottom: 0px;
}

.otp-section .otp-title span {
    color: #aca8a8;
}

.otp-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.otp-form-group {
    margin-right: 15px !important;
}

.otp-form .otp-form-group:last-child {
    margin-right: 0px !important;
}

#next-process-btn, .otp-section {
    display: none;
}

.otp-form-group input {
    text-align: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* .otp-form .otp-form-group .form-control{
    width:85%;
} */

/* Apply Section Code End */

/* Floating Effect Css start */

.internal-form .space-bottom .floating-label-wrap .control-label {
    font-size: 13px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate3d(13px, 14px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    line-height: 15px;
    margin: 0;
    transition: 0.5s;
}

.internal-form .space-bottom .floating-label-wrap select option:first-child {
    display: none;
}

.internal-form .space-bottom .floating-label-wrap select {
    background-image: url(../images/select-arrow.png);
    -webkit-background-size: 13px 13px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: right center;

}

.internal-form .space-bottom .form-control {
    padding: 0;
    border: 1px solid gray;
    border-radius: 5px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 -1px 0 #dddddd;
    box-shadow: inset 0 -1px 0 #dddddd;
    font-size: 16px;
    padding: 0px 15px;
    border-radius: 10px !important;
    color: #1f2e54 !important;
    font-weight: 500 !important;
    font-family: 'Poppins' !important;
    margin-bottom: 15px;
}


.internal-form .space-bottom textarea.form-control {
    padding-top:9px !important;
}


.floating-label-wrap.focused .control-label {
    opacity: 1;
    color: #1f2e54;
    transform: translate3d(14px, -6px, 0) scale(0.9) !important;
    background: #fff;
    padding: 0px 2px;
}

/* Responsive work start */

@media (max-width: 992px) {
    span.text-logo {
        font-size: 19px;
    }

    .nav-tabs > li {
        margin: 0px 18px 0 3px;
    }

    #box1::before,
    .blue-cls::before {

        /* width: 24px; */
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    ul.childern-ul li img {
        width: 55px;
        height: 55px;
    }

    ul.childern-ul li p {
        margin-bottom: 5px;
    }

    ul.childern-ul li .enquiry-btn, ul.childern-ul li .registration-btn {
        padding-left: 0px;
    }

    ul.childern-ul li .enquiry-btn button, ul.childern-ul li .registration-btn button {
        padding: 5px 15px;
    }

    ul.childern-ul li .crud-icon {
        margin-top: -45px;
    }

    ul.childern-ul li .crud-icon .pencil-icon {
        padding: 5px;
        font-size: 14px;
        float: left;
    }

    ul.childern-ul li .crud-icon .delete-icon {
        padding: 5px;
        font-size: 14px;
        float: right;
        margin-left: 4px;
    }

    .profile-head {
        display: flex;
    }

    #wrapper, #wrapper2 {
        padding: 22px 0px 30px 20px;
    }

    .card-drop > a.toggle, .card-drop2 > a.toggle {
        font-size: 14PX;
    }

    .card-drop > a.toggle:before, .card-drop2 > a.toggle:before {
        width: 50px;
    }

    .card-drop a i, .card-drop2 a i {
        font-size: 16px;
    }

    .image-setions.bg-img-student {
        background: none;
    }

    .sec-left p:nth-child(2) {
        font-size: 23px;
    }

    .dtp table.dtp-picker-days tr > td {

        padding: 0.5em 0em !important;
    }

}

@media (max-width: 767px) {
    .accordion {
        padding: 30px 10px;
        margin: 10px;
    }

    .accordion a {
        text-indent: revert;
        padding: 20px 10px;
    }

    .file-upload {
        background-color: #ffffff;
        margin: 25px auto;
        padding: 0px;
        margin-top: 10px;
    }

    .apply-right {
        margin-top: 15px;
    }

    .profile-location-left img {
        margin: 9px 0 0 0;
    }

    span.text-logo {
        font-size: 22px;
    }

    .profile-location-right ul li {

        padding: 0px 15px;

    }

    .profile-location-right ul li:first-child {

        padding-left: 0px;

    }

    .top-search {
        left: 0px;
    }

    .nav > li > a {
        padding: 7px 13px !important;
    }

    svg.svg-icon {
        width: 23px;
        height: 23px;
    }

    .nav-tabs > li {
        width: 45px;
        height: 45px;
        margin-right: 10px !important;
        margin-top: 10px;
        margin-bottom: 10px !important;
    }

    .nav-tabs > li > a,
    .nav-tabs > li.active > a {
        width: 100% !important;
        height: 100% !important;
        border-right: none;
    }

    svg.svg-icon {
        width: 23px;
        height: 23px;
    }

    .nav-tabs > li:last-child {

        margin-right: 0px !important;
    }

    .advartisment .admission-contact .admission-details span {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .advartisment .admission-contact .admission-details p {
        font-size: 14px;
        margin: 3px 0;
    }

    .advartisment .admission-contact .admission-details p img {
        width: 11%;
        margin-bottom: 5px;
    }

    .advartisment img {
        width: 100%;
        margin-bottom: 0px;
    }

    .social-icon {
        position: absolute;
        bottom: 0px;
        left: 37%;
    }

    .upload-btn-right .file-upload-btn {
        width: 100%;
        float: right;
        margin: 10px 0px;
    }

    .preview-page {
        margin: 0px 0px !important;
    }

    .btncss {
        padding: 7px 10px;
        margin-right: 0px;
        font-size: 12px;
    }

    .btncss-cancel {

        padding: 6px 12px;
        transition: all 0.5 ease-in-out;
        font-size: 12px;
    }

    .cls-father-detail {
        padding: 0 !important;
        margin-bottom: 15px;
    }

    .space-bottom label {
        font-size: 15px;
        margin: 10px 0px;
    }

    ul.childern-ul li img {
        margin: 0px 5px 0 0px !important;
    }

    .upcoming-detail-boxes ul.childern-ul li {
        display: block;
        padding: 15px 0px;
        text-align: center;
    }

    .upcoming-detail-boxes ul.childern-ul li.right-txt {
        float: none;
        position: static;
    }

    .cls-para {
        display: inline-block;
    }

    ul.childern-ul li .enquiry-btn,
    ul.childern-ul li .registration-btn {
        padding-left: 0px;
    }

    ul.childern-ul li .crud-icon {
        margin-top: 0px;
    }

    /* Applicant Section Responsive code */
    ul.childern-ul.applicant-resp {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        position: relative;
    }

    ul.childern-ul.applicant-resp li {
        text-align: left;
        width: 150px;
    }

    ul.childern-ul.applicant-resp li:first-child {

        width: auto;
    }

    ul.childern-ul.applicant-resp li:last-child {
        position: absolute;
        top: -12px;
        right: 0;
        width: auto;
    }

    ul.childern-ul.applicant-resp li img {
        width: 60px !important;
        height: 60px !important;

    }

    .modal-dialog {

        width: auto !important;
    }

    ul.childern-ul.applicant-resp li .enquiry-btn button,
    ul.childern-ul.applicant-resp li .registration-btn button {
        padding: 7px 20px;

    }

    a.btn-applicant {
        padding: 8px 12px !important;
        font-size: 11px !important;
        margin: 0px 29px 0 0 !important;
    }

    .chld-appl-progr h3 {
        font-size: 15px !important;
        /*padding: 0 0 8px 33px !important;*/
    }

    .internal-form .space-bottom .applicant-btn {
        text-align: center;
        margin-top: 15px;
    }

    #wrapper {
        position: relative;
        z-index: 999999;
        display: flex;
        padding: 27px 30px 30px 30px;
    }

    #wrapper2 {
        position: relative;
        z-index: 99999;
        display: flex;
        padding: 6px 30px 30px 30px;
    }

    /* Child page code start */
    .image-setions.bg-img-student {
        background: none;
    }

    /* .image-setions.bg-img-student{
    background: none;
}
.profile-head {
    float: none;
    width: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.profile-main-img {
    margin-right: 0px !important;
    float: none !important;
    margin: 0 !important;
    padding: 10px 0px;
}
.profile-address ul li {
    display: inline-block;
    margin-right: 30px;
    line-height: 23px;
}
.profile-main-name p{
    margin-bottom:0px;
} */
    /* Child Profile head code start*/
    .profile-head-view {
        display: flex;
        justify-content: space-evenly;
    }

    .profile-head-view .profile-main-img {

        padding: 10px 0px;
        display: block;
    }

    .profile-head-view .ml-4.profile-main-name {
        padding-left: 0px;
        font-size: 20px;
        line-height: 20px;
    }

    .profile-head-view .ml-4.profile-main-name p {
        margin-bottom: 5px;
    }

    .profile-head-view .ml-4.profile-main-name .profile-address {
        padding: 0px 0px;
    }

    .profile-head-view .ml-4.profile-main-name .profile-address ul li {
        line-height: 24px;
        font-size: 12px;
    }

    .profile-head-view .ml-4.profile-main-name .profile-address ul li span {
        font-size: 12px;
    }

    /* Appointment page code start */
    .book-time-resp1,
    .book-time-resp2 {
        width: 50%;
    }

    .book-time-resp1 {
        float: left;
    }

    .book-time-resp2 {
        float: right;
    }

    span.progress-bottom {
        display: none;
    }

    .ml-4.profile-main-name {
        padding-left: 0px;
    }

    .fee-pay-box .pay-right {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .sec-right {
        display: flex;
        justify-content: space-between;
    }

    .sec-right p:nth-child(2) {
        margin-top: 0px;
        text-align: right;
    }

    .installment-box .installment-left {
        margin-bottom: 20px;
    }

    select.select-box {
        width: 200px;
        margin: 0 auto;
        margin-top: 15px;
        display: block;
        position: static;
        padding: 7px 10px;
    }

    h3.school-p-Head {
        padding: 10px 8px;
    }

    .sch-tab-content1 {
        margin: 0 15px;
    }

    ul.custom-list li {
        display: inline-block;
        width: 100%;
    }

    #accordion {
        padding: 30px 31px;
        margin: 15px;
    }

    #accordion .panel-title a:before {

        border-top: 32px solid transparent;
        border-bottom: 30px solid transparent;
        bottom: 0px;
    }

    .childern-ul.event-section {
        display: block;
    }

    .childern-ul.event-section li:nth-child(2) {
        margin-left: 0px;
    }

    .applicant-form {
        margin: 20px 15px;
    }

    .select {
        width: auto;
        height: 2.5em;
        line-height: 2.7;
    }

    .select select {
        font-size: 11px;
        font-family: 'Poppins';
        padding: 0 51px 0 11px;
    }

    .dtp > .dtp-content {
        margin-right: 13px;
    }

    .bg-signup {
        display: none;
    }

    .space-bottom{
        padding:0 !important;
    }

    .main-section {
        /*margin: 24px 0 !important;*/
    }

    .choose-file-section label {
        margin-left: 20px !important;
        line-height: 1.3;
        margin-bottom: -20px !important;
    }

    .btn_profile_toggle {
        margin-top: 10px;
    }

    .add_std_acc_cont {
        padding: 0 1rem 0 4rem !important;
    }

    .m__conatiner {
        height: auto !important;
    }

    .control-label.cls-checkbox-label {
        margin-left: 8px !important;
        margin-top: -9px !important;
    }

    .floating-label-wrap .cls-checkbox {
        margin-top: 5px !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 420px) {
    .file-upload{
        width: 90%;
    }
    span.text-logo {
        font-size: 18px;
    }

    .nav-tabs > li {
        margin-right: 2px !important;
    }
}

@media (max-width: 380px) {
    .profile-location-left img {
        margin: 8px 0 0 0;
    }
    .applicant-form {
        overflow-x: hidden;
    }
    .drag-text img{
        height: 150px !important;
    }
    .app-page .image-upload-wrap{
        height: 150px !important;
    }

    span.text-logo {
        font-size: 17px;
    }

    .profile-location-right ul li {

        padding: 0px 5px;

    }

    .nav > li > a {
        padding: 7px 13px !important;
    }

    svg.svg-icon {
        width: 20px;
        height: 20px;
    }

    .nav-tabs > li {
        width: 40px;
        height: 40px;
        margin-right: 6px !important;
    }

    ul.nav.nav-tabs.add__tabs_ul li{
        width: auto !important;
        height: 35px !important;
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }

    .nav-tabs > li > a,
    .nav-tabs > li.active > a {
        width: 100% !important;
        height: 100% !important;
        border-right: none;
    }

    svg.svg-icon {
        width: 20px;
        height: 20px;
    }

    .nav-tabs > li:last-child {

        margin-right: 0px !important;
    }

    .social-icon {
        position: absolute;
        bottom: 0px;
        left: 32%;
    }

    .btncss {
        padding: 7px 22px;
        margin-right: 0px;
        font-size: 12px;
        margin-bottom: 10px !important;
    }

    .btncss-cancel {

        padding: 6px 12px;
        transition: all 0.5 ease-in-out;
        font-size: 12px;
    }

    .space-bottom label {
        font-size: 13px;
        margin: 10px 0px;
    }

    .nav-tabs > li {
        margin-right: 2px !important;
    }

}

@media (max-width: 320px) {
    span.text-logo {
        font-size: 15px;
    }

    .app-detail {
        padding: 0 8px;
    }

    .profile-location-right ul li {
        padding: 0px 0px;
    }

    .name-top-header h4 {
        width: 196px;
    }

    .applicant-form {
        margin: 20px 12px;
    }

    .nav-tabs > li {
        margin-right: 2px !important;
    }
}

/* Fee Payment Multi Step Form Code Start */
.app-form {
    margin-top: 15px;
}

.app-form .chld-appl-progr h3 {
    margin: 0px;
    padding: 12px 15px;
    font-size: 21px;
}

.app-fee-section.fee-section .fee-head .fee-left p {
    color: #7d7c7c;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
    padding: 0px;
}

.app-fee-section .fee-pay {
    padding: 12px 15px;
}

.app-fee-section .fee-pay .fee-pay-box {
    padding: 10px;
}

.app-fee-section .fee-pay .fee-pay-box {
    padding: 15px 10px;
}

.app-fee-section .fee-pay .fee-pay-box .pay-left {
    padding: 0px 0 5px 0;
}

.app-fee-section .fee-pay .fee-pay-box .pay-left .fee-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.app-fee-section .fee-pay-box .pay-right {
    text-align: right;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.app-fee-section .fee-pay .fee-pay-box .pay-left .fee-text .para-fee p {
    padding: 0;
}

.finish-form {
    display: flex;
    justify-content: flex-start;
    padding: 10px 35px;
}

span.check-bnt {
    padding-right: 10px;
    padding-top: 19px;
}

.finish-form p {
    padding: 15px 10px;
    color: #7d7c7c;
    font-size: 15px;
    line-height: 1.5;
    font-family: 'Poppins';
    text-align: justify;
    font-weight: 400;
    margin: 0px;
}

.cls-checkbox {
    margin-top: 14px !important;
}

.control-label.cls-checkbox-label{
    margin-left:8px !important;
}

.ui-datepicker .ui-datepicker-title select {
    padding: 0px 5px;
}

/* Fee Payment Multi Step Form Code End */

.upload-img {
    padding: 25px;
}

.file-upload {
    display: block;
    text-align: center;
    /* padding: 25px;*/
}

.file-upload .file-select {
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select i {
    position: absolute;
    top: 0px;
    right: 4px;
    font-size: 15px;
    z-index: 99999;
}

.remove-icon {
    top: 20px !important;
    right: 7px !important;
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select .file-select-name {
    width: 180px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
    position: absolute;
}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.choose-file-section {
    padding: 5px 0;
}

.choose-file-section label {
    padding-bottom: 10px;
    text-align: left;
    font-size: 14px;
}

.col-md-6.book-time-resp1 {
    padding-left: 5px;
    padding-right: 5px;
}

.col-md-6.book-time-resp2 {
    padding-left: 5px;
    padding-right: 5px;
}

/*Custom Css Start Here*/

.form-group.input-lng{
    position: relative;
}

.field-icon{
    position: absolute;
    top: 13px;
    right: 10px;
}

.operational-btn-wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.add_std_acc_div h2 {
    font-size: 20px;
}

/*Custom Css Start Here*/