@font-face {
  font-family: 'CenturyGothic';
  src: url('../font/CenturyGothic.eot') format('embedded-opentype'), url('../font/CenturyGothic.ttf')  format('truetype'), url('../font/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{ margin: 0 auto;   font-family: 'CenturyGothic' !important; font-size: 14px !important; color: #434343 !important;}

/*header*/
h1{ font-size: 30px; color: #500101; }
h2{ font-size: 1.4rem !important; }
h4{ font-size: 16px; }
h6{ margin-bottom: 15px !important; font-weight: 600 !important; letter-spacing: 0.5px; }

p{ font-size: 15px; }
.login-page{ background: url(../img/login_bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; height: 100%;}
.top-col{background-image:url("../img/header_bg.jpg");color:#f3f3f3;box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.27);}
.logo span{ font-size: 29px; color: #fff; font-weight: 700; position: relative; top: 20px;}
.mt-5{ margin-top: 2rem !important; }

.top-col button input { overflow: visible;border-radius: 30px;border: none;width: 100%;}
.online{ font-size: 24px; font-weight: bold }
.top-col .field{font-size:13px;color:#f3f3f3;margin-bottom:8px;}
.top-col .login{font-size:12px;font-weight: 700;margin-top: 14px;margin-left: 1.7em;line-height: 18px;}
.top-col .pass{color:#b2d2ed;font-size:13px;margin-top: 11px;margin-left:18px;}
.top-col [type=submit]{background-color: #4997d7;color:#f3f3f3;width: 50%; cursor: pointer; padding: 2px; border: 0px; border-radius: 20px;}
.no-padding {padding:0px;}
.login-page input{ box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.25);padding: 8px 15px; border-radius: 20px; border: 0px;}
input:focus {    outline: 0px;}
.custom-select:focus {
    box-shadow: 0 0 0 0rem rgba(128,189,255,.5);
}
.pass a{ color: #b5ffc2; text-decoration: none;margin-top: -39px;margin-left: 18px; }
.login-page input{ width: 98%; }
.top-col input{ line-height: 18px; }


/* register*/
#register{padding-top:40px; margin-bottom: 1%;}
#register hr{ margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
#register .mt-4{ margin-top: 0.8rem !important;  margin-bottom: 0.5rem !important;}
#register .blue{color:#207ecb;}
#register .blue-a{color:#207ecb;margin-top:15px; font-size: 18px; ;line-height: 30px;font-weight: 600; margin-bottom: 10px; letter-spacing: 3px;}
#register .blue-b{font-size: 18px;
    margin-top: 15px;
    font-weight: 600;
    color: #2a699f;
    letter-spacing: 3px;}

.custom-control-label::before{     background-color: #b9b9b9;}
#register .custom-select {
  display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background:none;
    background-size: 8px 10px;
    border-bottom: 2px solid #5a9cd3;
    border-radius: .25rem;
    -webkit-appearance: none;}

#register select {border-color: rgba(0, 0, 0, 0);color:#000;}
#register input{font-size:13px;}

#register button[type="submit"] {width: 30%; border-radius: 30px; border: 0px; padding: 5px; margin-top: 30px; cursor: pointer;}

#copyright{font-size:14px; position: relative; bottom: 0px; color: #1e73b9;}

/*social icon*/
 .login-page i.fa {
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 4px 11px #b1b1b1;
    padding: 0.6em 0.6em;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;}

 .fa-facebook{background-color:#3b5a9a;}
 .fa-twitter{background-color:#56adf2;}
 .fa-linkedin{background-color:#007db7;}
 .login [type=submit]{background-color: #4997d7;color:#fff;}

 .social-icon{float:right;margin-top:33px;}
 .social-icon .fa {font-size: 16px;}
 nav .fa-bars{ font-size: 24px; font-weight: 600; color: #9a9a9a; }


/*Dashbord*/
/** ======================  header ==============================**/
.header{ box-shadow: 0px 0px 9px #c9c9c9;     background: white; height: 5em;  }
.header .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    border-radius: 0px;
}




.header .navbar-dark .dropdown-menu {
    position: absolute;
    right: 0;
    left: 0 !important;
    border-radius: 0px;
}


.header .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}

.header .navbar-light .navbar-nav .nav-link{ color: #fff }
.header .navbar-light .navbar-nav .nav-link:hover, .header .navbar-light .navbar-nav .nav-link:focus   {

     background: rgba(168, 165, 165, 0.1);
    color: #f6f6f6;
}
.header .fa.fa-fw.fa-bars{ color: #aaa; }
.header .navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding: 12px 35px;
    position: relative;
}
.header  li>a>.label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9; background-color: #333;    border-radius: .25em;
}
/*.header  li>a:after{ display: none; }*/

.header-ul{    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #333;
    font-size: 14px;}

    .navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {
    width: 280px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%;
}
.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>div>img {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px;
}
.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a ,.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a{
    margin: 0;
    padding: 10px 10px;
        display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
}
.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>h4 {
    padding: 0;
    margin: 0 0 0 45px;
    color: #333;
    font-size: 15px;
    position: relative;
}
.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>p {
    margin: 0 0 0 45px;
    font-size: 12px;
    color: #888888;
}

.footer-ul a{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #333 ; display: block;
    }

      .dropdown-menu-over .menu{  max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;}

    .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
}
.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.glyphicon, .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.fa, .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.ion {
    width: 20px;
}

a.navbar-brand {
    width: 266px; padding: 5px 25px;
}
.mr-6{ margin-right: 3rem !important;}
.dropdown .user-menu{ padding: 40px 0;  }

.user-menu .fa-user-circle { color: #4478c6  }
nav h2{ flex: -moz-available; color: #fff; margin-left: 0px; margin-top: 10px; font-weight: 600;}
.fa-user-circle{ color: #fff; font-size: 30px; }
.user-menu span{ font-size: 15px; line-height: 18px; position: relative; top: -5px; left: 5px;  color: #1e73b9; font-weight: 500;}
.navbar-toggleable-md{ padding: 0px !important; }
.navbar-light .navbar-brand{  color: rgba(0,0,0,.9); padding-bottom: 5px; }
#navbarNavDropdown{ position: relative;  float: right;}
.fa-exchange-alt, .fa-sign-out-alt{ margin-right: 5px; color: #757575; }
#navbarNavDropdown .nav-link{ padding: 10px 20px 10px 15px !important; }
.navbar-expand-md .nav-item { background: #4f65a8; border-radius: 20px; margin: 0 5px;}
.header .navbar { box-shadow: none !important;}
.header .nav-link{ padding: 7px 30px !important; }
.custom-control-input {    position: absolute;    z-index: 1;    opacity: 0;    left: 0;    top: 5px;}
.custom-radio{ margin-right: 5px; }
.custom-control{ display: inline !important; }
.user-menu .dropdown-toggle::after{    position: absolute;    right: 3px;    top: 25px;}


/***    left menu ****/

/***********************  TOP Bar ********************/
.no-padding{ padding:0px !important; }
.left { float: left; }
.fa-chevron-right{ margin-left: 15px; font-size: 12px; }

/*.sidebar{ width:100% ;  background-color:#1e73b9;transition: all 0.5s  ease-in-out; height: 100vh; position: relative; z-index: 999; }
.bg-defoult{background-color:#1e73b9;}
.sidebar ul{ list-style:none; margin:0px; padding:0px; }
.sidebar li a,.sidebar li a.collapsed.active{ display:block; padding:18px 12px; color:#fff;border-left:0px solid #dedede;  text-decoration:none; font-size: 15px;}
.sidebar ul li .sub-menu li a{ padding: 8px 15px !important; }
.sidebar li a.active{background-color:#186aad;border-left:0px solid #dedede; transition: all 0.5s  ease-in-out}
.sidebar li a:hover{background-color:#186aad !important;}
.sidebar li a i{ padding-right:5px;}
.sidebar ul li .sub-menu li a{ position:relative}
.sidebar ul li .sub-menu li a:before{
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 0px;
    padding-right: 10px;
    vertical-align: middle;
}
.sidebar ul li .sub-menu li a:hover:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 0;
    width: 5px;
    background-color: #111;
    height: 100%;
}
.sidebar ul li .sub-menu li a:hover{ background-color:#222; padding-left:20px; transition: all 0.5s  ease-in-out}
.sub-menu{ border-left:5px solid #dedede;}
    .sidebar li a .nav-label,.sidebar li a .nav-label+span{ transition: all 0.5s  ease-in-out}


    .sidebar.fliph li a .nav-label,.sidebar.fliph li a .nav-label+span{ display:none;transition: all 0.5s  ease-in-out}
    .sidebar.fliph {
    width: 42px;transition: all 0.5s  ease-in-out;

}

.sidebar.fliph li{ position:relative}
.sidebar.fliph .sub-menu {
    position: absolute;
    left: 39px;
    top: 0;
    background-color: #222;
    width: 150px;
    z-index: 100;
}


    .user-panel {
    clear: left;
    display: block;
    float: left;
}
.user-panel>.image>img {
    width: 100%;
    max-width: 45px;
    height: auto;
}
.user-panel>.info,  .user-panel>.info>a {
    color: #fff;
}
.user-panel>.info>p {
    font-weight: 600;
    margin-bottom: 9px;
}
.user-panel {
    clear: left;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 25px 15px;
    border-bottom: 1px solid;
}
.user-panel>.info {
    padding: 5px 5px 5px 15px;
    line-height: 1;
    position: absolute;
    left: 55px;
}

.fliph .user-panel{ display: none; }*/



/*Content*/
#dvPassport .btn{ padding: 0.5rem 0.7rem !important; }

.stdent-details .table td{vertical-align: middle;font-size: 13px; padding-top: 3px !important;
padding-bottom: 3px !important;}
.stdent-details .table td input.form-control.input-fields.prov-max{vertical-align: middle;}

.btn{ padding: 0.5rem 0.8rem !important; }
#vue #collapseThirty .form-group {
    margin-bottom: -2rem;
}
.content-box{ background: #fff; padding: 25px; box-shadow: -4px 8px 12px #bfbfbf;margin: 0.5% 1%; }
ol li{ margin: 10px 0; }
.dark-bg{ background: #f3f3f3; padding: 5px 5px; }
.student-name{ background: #1e73b9; padding: 10px 15px; border-radius: 10px 10px 0 0;}

.stdent-details .well {
    background-color: #fff;
    padding-left: 0px;
    padding-right:0px;
    padding-bottom: 25px;
    box-shadow: rgba(0,0,0,0.8) 0 0 20px;
    border-radius: 10px;
}

.stdent-details .input-fields{
  font-size: 13px;  background-color: #f9f9f9; margin: 0 auto;text-align: left; padding-left:15px;/* border-radius */ border-radius: 20px; /* box-shadow */ box-shadow:0px 4px 8px #cfcfcf; border-collapse: collapse;
}

.stdent-details .number{
    padding: 10px;
}

}
.stdent-details ::-webkit-input-placeholder { /* Chrome */
    color: red;
}
.stdent-details .form-check {
    padding-top: 0px;
    padding-left: 45px;
}
.rdo{
    padding-top: 10px;
    padding-left: 0px;
}
.stdent-details .mnus{
    float: right;
    padding: 7px 16px 4px 13px;
    margin-top: -7px;
    margin-right: -6px;
}
.stdent-details .heading1{

    color: #185f9cba;
    padding:6px;
    border-radius: 8px;
    box-shadow: rgba(0,0,0,0.8) 0 0 10px; border-collapse: collapse;
    margin-bottom: 50px;
    margin-top: 1px;
}
.stdent-details .underline{
    color: #1e73b9;

}
.stdent-details  hr{

    border-top-width: 3px ;
    border-top-style: solid;
    border-top-color: #213f99;
    margin-bottom: 7px;
}




.stdent-details .heading2{

    color: #185f9cba;
    padding:6px;
    border-radius: 8px;
    box-shadow:#a3b1bfba -2px 1px 8px;
    margin-bottom: 27px;
    margin-top: 0px;
    margin-left: -16px;
    margin-right: -17px;
}

.stdent-details .pls{
    float: right;
    padding: 7px 16px 4px 13px;
    margin-top: -7px;
    margin-right: -4px;
}

.radio1{margin-left:37px;}

.stdent-details .present-margin{ margin-top:22px;margin-left: 44px; }

.plsmnus{height: 37px;width:46px;}
.stdent-details .rdo1{
    padding: 0px 0px 16px 12px;
    margin-left: 23px;
}
.stdent-details .gaurdian-margin{margin-top: 55px;
}



.btn-rounded{ border-radius: 20px !important; }
.btn-padding{ padding: 8px 30px !important; }
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: 2rem;
  display: flex;
  align-items: center;
}
.chiller_cb input {
  display: none;
}
.chiller_cb input:checked ~ span {
  background: #1e73b9;
  border-color: #1e73b9;
}
.chiller_cb input:checked ~ span:before {
  width: 1rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}

.chiller_cb label {
  padding-left: 2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
  color: #444;
}
.chiller_cb span {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #ccc;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 1rem;
  left: 0.37rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 0.35rem;
  left: 0.2rem;
}
#accordionExample4 .card-body{padding:5px;}
#accordionExample10 .classic-tabs .card{margin:0px 0px!important;}
.required{ position: relative;top: -28px;right: 25px;color: red;font-size: 16px;float: right;}
.required-final-marks{ position: relative;top: -35px;right: 15px;color: red;font-size: 16px;float: right;}
.required-final-marks-ug{ position: relative;top: -29px;right: 10px;color: red;font-size: 16px;float: right;}
.required-final{ position: relative;top: 10px;right: 68px;color: red;font-size: 16px;float: right;}
.required-1 { position: relative;top: -28px;right: 25px;color: white;font-size: 16px;float: right;}
.required-2 {    position: relative;   top: 0px;   right: 8px;   color: red;  font-size: 16px; float: right;}
.calender-custome{ position: absolute;   top: 44px;   right:55px; z-index: 0;  font-size: 13px;  }
.classic-tabs .nav-item{  background: #3b56a6; display: table; }
.classic-tabs .nav-item::after{ background: url(../img/arrow.png); width: 24px; height: 60px; content: ""; position: absolute;}

.classic-tabs .nav-item a:hover::after{ background: url(../img/arrow_hover.png); width: 24px; height: 60px; content: ""; position: absolute; top: 0; right: -24px;z-index: 999;}
.classic-tabs .nav-item a:active::after, .tabs-orange .nav-item a:focus::after{ background: url(../img/arrow_hover.png); width: 24px; height: 60px; content: ""; position: absolute; top: 0; right: -24px;z-index: 999; }
#myClassicTabblue{  background: #3b56a6;  }
#myClassicTabblue .nav-link{ padding: 10px 45px !important; color: #e3e3e3; height: 60px; }
.tabs-orange .nav-item a:focus, .tabs-orange .nav-item a:hover, .tabs-orange .nav-item a:active{ background: #01185d; color: #fff; }
.tabs-orange .nav-item a:focus, .tabs-orange .nav-item a:hover, .tabs-orange .nav-item a.active{ background: #01185d; color: #fff; }
.tabs-orange .nav-item a.active::after{ background: url(../img/arrow_hover.png); width: 24px; height: 60px; content: ""; position: absolute; top: 0; right: -24px;z-index: 999;}
.tabs-orange .nav-item a:hover{ color: #fff !important; background: #01185d; height: 62px; }
.classic-tabs .tab-content{ padding: 30px 30px 2px 30px }
.input-group-addon{ padding:0px !important; background: none !important; border:0px !important; }
.padding-more{ padding: 8px 25px !important; /*width: 150px;*/ }
.previous{ background: #3b3b3b !important; }
.classic-tabs .nav-item span{ position: relative; top: 8px; }
.notification {
    margin: -8px auto 10px;
    width: 80%;
    background: #dd484e;
    border-radius: 20px;
    padding: 8px 25px;
    color: #fff;
    text-align: center;
}

.notification-override {
    margin: 18px auto -12px;
}

#accordion-style-1 .btn-link {

    color: #1e73b9;
    background-color: #8080800d;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 600;
    padding-left: 25px;
}

#accordion-style-1 .card-header .btn.collapsed .fa.main{
    display:none;
}

#accordion-style-1 .card-header .btn .fa.main{
    background: #007b5e;
    padding: 13px 11px;
    color: #ffffff;
    width: 35px;
    height: 41px;
    position: absolute;
    left: -1px;
    top: 10px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    display:block;
}
.card-header{ padding: 0px !important; margin-bottom: 0;background-color: #f7f7f9; border: 0px !important;}
.classic-tabs .card{ border: 0px; box-shadow: 0px 2px 4px #b9b9b9; margin: 15px 0;}
.browse{ padding: 8px 12px !important; }
.browse-2{  padding: 8px 12px !important;  width: 100%; }
.table-container{ width: 750px; overflow-x: scroll; }
.password_bg{ background: #f2f4f5; border-radius: 15px; padding:2% 5%; margin: 8% 0; box-shadow: 0px 6px 10px #b3b3b3;}
.pass_show{position: relative}

.pass_show .ptxt { position: absolute; top: 50%; right: 10px; z-index: 1; color: #f36c01; margin-top: -10px; cursor: pointer; transition: .3s ease all; }
.pass_show .ptxt:hover{color: #333333;}
.payment_bg{ background: #fcfcfc; border-radius: 15px; padding: 2% 2%; margin: 4% 0; box-shadow: 0px 6px 10px #b3b3b3;}
.payment_bg hr{ width: 20%; }
.payment_bg span{ font-size: 16px; font-weight: 600; }
.payment_bg .btn{ font-size: 16px; }
.form-check-label{ padding-left: 0px !important; }
.modal {  text-align: center;}

.modal-dialog {  display: inline-block; text-align: left; vertical-align: middle;}
.stdent-details .modal-dialog{ max-width: 80%; }
.browse-photo img{  max-width:150px; height: 150px; margin-top: 8px;}
.submit-btn{ padding-left: 30px !important; padding-right: 30px !important;  background-image: linear-gradient(to left, #3b56a6, #6085f1)   ;  }
.instruction-gaurdian1{  color: red;margin-bottom: 20px;}
.col-md-2{ padding-left: 10px !important; padding-right: 10px !important; }
/*.document span{ font-size: 14px; }*/
.document .fas{ font-size: 18px; }
.navbar-expand-md .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link
{ background:#474787; border-radius: 20px; background-image: linear-gradient(to left, #2f8dda, #4775c3); box-shadow: 0px 2px 6px #424242;}
.navbar-expand-md .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover
{ background:#474787; border-radius: 20px; background-image: linear-gradient(to left, #4775c3, #2f8dda);}
.preview .modal-body{ width: 800px !important; }
.modal-open .modal{ height: 100%; }
.modal-dialog .modal-content{ padding: 20px 30px 50px; }


.navbar .dropdown-toggle, .navbar .dropdown-menu a {
    cursor: pointer;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.payment-details .modal-dialog-centered::before {  height: calc(10vh - (1.75rem * 2)) !important;}
.payment-details .carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
width: 35px !important;  height: 35px !important;  background-color: #393838; }
.status-box{ position: fixed; right: 10%; width: 75%; font-size: 16px; text-align: center; z-index: 9999;}
.payment_status form{ display: -webkit-inline-flex;  }
.navbar .dropdown-menu a{ text-decoration: none; }
.modal{ bottom: auto !important; }
.large-box{ font-size: 16px; }
.fa-info-circle{ font-size: 50px; color: #bfbfbf; margin-bottom: 20px; }
.modal-header .close{ padding: 2px; }
.no-margin{ margin: 0px !important; }
.subjects-col{ background-color: #f9f9f9;text-align: left; padding: 15px;border-radius: 0px; box-shadow: 0px 4px 8px #cfcfcf;border-collapse: collapse; }
.modal-header .close{ margin-top: -1.5rem !important; }
.mobile {
    position: relative;
    display: inline-block;
}
.mobile .mobiletext {
    visibility: hidden;

    background-color: #ec4848;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 20px;
 width: 150px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
     bottom: 150%;
  left: 50%;
  font-size: 12px;
  margin-left: -100px;

}

.sm-margin-2 p{ margin-bottom: 0.5rem !important;}


/* Show the tooltip text when you mouse over the tooltip container */
.mobile:hover .mobiletext {
    visibility: visible;
}
.login-page form{ overflow:hidden; padding: 0px 15px; }


.field-register{
    font-size: 0.9em;
    margin-bottom: 0.5em;
    margin-left: 0.9em;
}
.studentMarginHead{margin-left: -15px}
.studentMargin{margin-left: -17px}


/*Media CSS*/


@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }

    .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .5em;
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid;
    }

}



@media screen and (max-width:1000px){
	.logo span {    font-size: 21px;}
    .sm-margin-2{ margin-top: 20px; }
}

@media screen and (max-width:768px){
.login-page h5.online{margin-top:35px;}
.logo img{ width: 30%; }
.top-col .field{ margin-top: 15px; }
.navbar{ background: #277fc8;}
.navbar-expand-md{ padding: 0px; display:contents;}
.navbar-toggler{ padding: 0px !important; }
.navbar .navbar-toggler {   outline: 0;   border-width: 0;   position: absolute;   top: 10px;   right: 30px;}
.navbar-expand-md .nav-item { background: #3b56a6; border-radius: 0px; margin: 0 5px;}
.header .nav-link{ padding: 12px 30px !important; }
#navbarCollapse .navbar-nav{ position: relative; z-index: 9999; }
.status-box{ width: 80%; top: 10%; left: 2%; }
.payment_status .table { margin-bottom: 1rem;overflow-x: scroll;display: block; }
.dashboard{ padding: 0px; }
.dropdown-menu .show{ left: 0px !important; }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px)  {
#myClassicTabblue .nav-link{ padding: 10px 10px 10px 30px !important; color: #e3e3e3; height: 60px;  font-size: 14px;}
#myClassicTabblue .nav-link{ padding: 7px 10px 7px 30px !important; color: #e3e3e3; height: 50px;  font-size: 13px;}
.classic-tabs .nav-item::after{ height: 50px; background-size: contain;
       background-repeat: no-repeat;}
.classic-tabs .nav-item a:hover::after, .tabs-orange .nav-item a.active::after   { height: 50px; background-size: contain; background-repeat: no-repeat;}

}


@media only screen and (min-width: 1024px) and (max-width: 1199px)  {
.logo span{ font-size: 16px; }
nav h2{ margin-left: 0px !important; }
#myClassicTabblue .nav-link{ padding: 10px 0px 10px 30px !important; color: #e3e3e3; height: 60px;  font-size: 13px;}
.dropdown-menu .show{ left: 150px !important; }
}

@media only screen and (min-width: 240px) and (max-width: 767px)  {
a.navbar-brand{ width: auto; }
.sidebar{ width: 100%; }
.mr-6{ margin-right: 0px !important; }
#navbarNavDropdown{ width: auto !important;  position: absolute; right: 15px; top: -44px;}
#navbarNavDropdown .nav-link{ padding: 5px 0px !important; }

.button-left {    margin-left: -10px;    position: absolute;    z-index: 999;    right: 20px;    top: 50px;}
.classic-tabs .nav-item::after{ display: none;}
.classic-tabs .nav-item a:hover::after{ display: none; }
.classic-tabs .nav-item a:active::after, .tabs-orange .nav-item a:focus::after{  display: none; }
.classic-tabs .nav-item{ width: 100% !important; }
#myClassicTabblue .nav-link{ width: 100%; height: 70px;  padding:10px 15px !important;}
.classic-tabs .nav-item span{ top: 12px; }
.card-header{ padding: 0px !important; }
.classic-tabs .tab-content{ padding: 15px; }
#accordion-style-1 .btn-link{ font-size: 12px; }
.radio1{ margin-left: 0px; }
.stdent-details .present-margin{ margin-top: 0px; }
.padding-more{ padding: 8px 10px !important;width: 100px; }
.sm-top{ margin-top: 1rem; }
.sm-auto{ text-align: center; }
#accordionExample10 .table{ width: 552px;margin-bottom: 1rem;overflow-x: scroll;display: block; }
.stdent-details .input-fields{ padding-left: 5px; }
#accordionExample10 .table td, .table th{ padding: 8px !important }

#collapse14 .card-body .col { padding: 0px !important;  }
.browse{ width: 100%; }




}

@media only screen and (min-width: 768px) and (max-width: 1024px)  {
#navbarNavDropdown{ width: auto !important; }

#navbarNavDropdown{ position: absolute; right: 0; top:-25px; }
.button-left {    margin-left: -10px;    position: absolute;    z-index: 999;    right: 20px;    top: 50px;}
#myClassicTabblue .nav-link{ padding: 10px 0px 10px 30px !important; color: #e3e3e3; height: 60px;  font-size: 11px;}
.status-box{ width: 80%; top: 15%; left: 2%; }

}

.h5-forgot{color:#000;padding-top: 45px;margin-left: -17px;}
.img-forgot{padding-left:86px;    margin-top: 30px;}
.body-forgot{padding: 0px;margin: 0px; background-color: #dae0e540;}
.well-forgot{margin-left: 400px;margin-top: 20px; margin-right: 400px;border: 2px solid black; padding-left: 72px;padding-top: ;height: 570px;background-color: #fff;}
.frgt-txtbx{margin-left: -31px}
.btn-forgot{margin-left: 89px;}
.ftr-forgot{position:absolute; margin-top: 100px; margin-left:8px;}
.img-forgot-otp{padding-left:86px;margin-top: 74px;}
.ftr-otp{margin-top: 159px; margin-left: 5px;}
.send-timer{color: red;margin-top:-32px ;margin-left: 182px;}
.btn-forgot1{margin-left: 33px;}
.pass_show .ptxt1 { position: absolute; top: 50%; right: 41px; z-index: 1; color: #f36c01; margin-top: -10px; cursor: pointer; transition: .3s ease all; }
.ftr-otp-reset{margin-top: 61px; margin-left: 5px;}
.img-forgot-reset{padding-left:86px;margin-top: 44px;}
.btn-forgot-reset{margin-left: 52px;}
.payment-head{width: 500px;}
.labeldown{margin-top:10px;}

.studentMobiletext1{
    position: relative;
    display: inline-block;
    width:100%;
}
/*.studentMobiletext1:hover .stdent-details .input-fields .studentMobiletext{visibility: visible;}*/
.mobile .mobiletext2 {
    visibility: hidden;
    background-color: #ec4848;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 20px;
    /* width: 150px; */
    position: absolute;
    z-index: 1;
    bottom: 62%;
    left: 45%;
    font-size: 12px;
    margin-left: -100px;
}
.mobile:hover .mobiletext2 {
    visibility: visible;
}

.mobile1 .mobiletext3 {
    visibility: hidden;
    background-color: #ec4848;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 20px;
    /* width: 150px; */
    position: absolute;
    z-index: 1;
    bottom: 107%;
    left: 45%;
    font-size: 12px;
    margin-left: -61px;
}
.mobile1:hover .mobiletext3 {
    visibility: visible;
}

.mobile2 .mobiletext4 {
    visibility: hidden;
    background-color: #ec4848;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 20px;
    /* width: 150px; */
    position: absolute;
    z-index: 1;
    bottom: 72%;
    left: 55%;
    font-size: 12px;
    margin-left: -131px;
}
.mobile2:hover .mobiletext4 {
    visibility: visible;
}


.mobile-male .mobiletext-male {
    visibility: hidden;
    background-color: #ec4848;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 20px;
    width: 385px;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 37%;
    font-size: 12px;
    margin-left: -131px;
}
.mobile-male:hover .mobiletext-male {
    visibility: visible;
}

label.custom-control {
    font-size: 13px;
    line-height: 32px;
    margin-left:-8px;
    color:#1e73b9;
    font-weight: bold; }

.not_applicable{ margin-top:40px;
}

.control-label{
    color:#1e73b9;
    font-weight: bold;

}

.add .btn {    padding: 0.5rem 0.8rem !important;}
.btn{     white-space: nowrap;}
/*.custom-control-label{

    font-weight: bold;
}*/

.navbar-brand img {
    margin-top: 0.1em;
    height: 2.6em;
}

a.navbar-brand {
    margin-left: 0.5em;
}

.notapplicable {
    padding-left: 10px;
    padding-right: 10px;
}

.form-control:disabled, .form-control[readonly] {
    opacity: 0.5;
}

.tooltip-a {
    visibility: hidden;
    background-color: #ec4848;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 20px;
    width: 150px;
    position: absolute;
    z-index: 1;
    bottom: 6%;
    left: -155px;
    font-size: 12px;
    white-space: initial;
}

.tooltip-top {
    visibility: hidden;
    background-color: #dd484e;
    color: #fff;
    padding: 0.7em;
    border-radius: 20px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    text-align: left;
    top: -80px;
    left: 150px;
}

.tooltip-right {
    visibility: hidden;
    background-color: #dd484e;
    color: #fff;
    padding: 0.7em;
    border-radius: 20px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    width: 18em;
    top: -50px;
}

.tooltip-top ul {
    margin-bottom: 0;
    padding-left: 2em;
}

.edit-tooltip, .tooltip-wrapper {
    position: relative;
    display: inline-block;
}

.edit-tooltip:hover .tooltip-a, .tooltip-wrapper:hover .tooltip-top, .tooltip-wrapper:hover .tooltip-right {
    visibility: visible;
}

.shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    border-color: #ec2843 !important;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.waves-disable .waves-ripple {
    display: none;
}


.page-title{
    background: #e7e7e7 none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    font-weight: 100;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
}

.widget {
    background: #ececec none repeat scroll 0 0;
    border: 1px solid #adadad;
    border-radius: 5px 5px 0 0;
    margin: 20px 0;
    padding: 0;
}
.widget-title {
    background: #e4e4e4 none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 22px;
    font-weight: 100;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
}
.add-remove-class{
    margin:15px 0px;
}

.show-more-snippet {
    height:35px;
    width:100%;
    overflow:hidden;
}

#div-id{
    display:none;
}

.content_wrapper_text{
    margin: 0px 0;

    padding: 0px;
}
.content_wrapper_text p{
    margin: 15px 0 0 0 ;

}

.register{ font-size: 15px; border-radius: 30px; padding-left: 25px !important; padding-right: 25px !important; }

#hideUser{ margin-top: 130px; }
#myShowHidebtn1 .fa-arrow-left{font-weight: 700;
    font-size: 13px;
    color: #4382ee;
    border: 1px solid #538bba;
    border-radius: 100%;
    padding: 8px 9px;
    cursor: pointer;}
.address-col    { height: 50px; }
.mt-6{ margin-top: 68px; }
.noImage{margin-top: 11px;color:red;}
#addr0 .btn{     padding: 0.3rem 0.6rem !important; font-size: 0.65rem !important;font-weight: 600;}
#collapse13 .input-fields { position: relative; top: 10px; }
#collapse13 .required { top: -16px; }
#collapsefifteen .table td{font-size: 13px;}
#collapse13 table th{ font-weight: 600; }
#collapse14 .input-fields { position: relative; top: 10px; }
#collapse14 table th{ font-weight: 600; }
#collapse20 .input-fields { position: relative; top: 10px; }
#collapse20 table th{ font-weight: 600; }
#collapse20 .required { top: -16px; }
.datepicker thead tr:first-child th, .datepicker tfoot tr th{ position: relative; z-index: 9999; }
.siblingCalender { opacity: 1!important; }
.payment .card { box-shadow:none!important; }
.logo{ float: left;margin-top: 1em; }
.logo-container span{font-size: 20px;margin-left: 43px; color: #fff; font-weight: 600; position: relative; top: 5px; text-align: center;}
.logo-container h4{ font-size: 25px; font-weight: 600; margin-bottom: 0px; margin-top: 73px; font-family: arial;}
.label{font-size: 12px;color: red;}
.nowrap{ white-space: nowrap; }
.payOffline { margin-top: -1.5em;color:red;font-size:1em!important; }
button.btn.btn-danger.btn-rounded.waves-effect.waves-light.buttonFixed{
    position:absolute;
    left: 100px;
    top: 9px}
.note{color: #b5ffc2;;margin-top: 12px;margin-bottom: 3px;font-size:12px;}
.modal-dialog .modal-content { padding: 11px 30px 7px;  }
..modal-body { padding:0px!important }

@-moz-document url-prefix() {
  label.custom-control {
    font-size: 12px;
    line-height: 32px;
    margin-left:-8px;
    color:#1e73b9;
    font-weight: bold;
  }
}
.required-upload {
    position: relative;
    top: -28px;
    right: 180px;
    color: red;
    font-size: 16px;
    float: right;
}