html {
position: relative;
min-height: 100%;
}
body {
overflow-x: hidden;
}
body.sticky-footer {
margin-bottom: 35px;
}
body.sticky-footer .content-wrapper {
min-height: calc(100vh - 56px - 56px);
}
body.fixed-nav {
padding-top: 74px;
}
a{
color:#48D2FF;
}
a:hover{
color:#ffa500;
}
input::placeholder, .custom-select, .custom-file-label, input {font-size: .8em !important;font-style: italic;}

.content-wrapper {
min-height: calc(100vh - 56px);
padding-top: 1rem;
}
.scroll-to-top {
position: fixed;
right: 15px;
bottom: 3px;
display: none;
width: 50px;
height: 50px;
text-align: center;
color: white;
background: rgba(52, 58, 64, 0.5);
line-height: 45px;
}
.scroll-to-top:focus, .scroll-to-top:hover {
color: white;
}
.scroll-to-top:hover {
background: #343a40;
}
.scroll-to-top i {
font-weight: 800;
}
.smaller {
font-size: 0.7rem;
}
.o-hidden {
overflow: hidden !important;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
#mainNav .navbar-collapse {
overflow: auto;
max-height: 75vh;
}
#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
cursor: pointer;
}
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
float: right;
content: '\f107';
font-family: 'FontAwesome';
}
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
content: '\f105';
}
#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
padding-left: 0;
}
#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
display: block;
padding: 0.5em 0;
}
#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
text-decoration: none;
}
#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
padding-left: 1em;
}
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
padding-left: 2em;
}
#mainNav .navbar-collapse .sidenav-toggler {
display: none;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
position: relative;
min-width: 45px;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
float: right;
width: auto;
content: '\f105';
border: none;
font-family: 'Font Awesome\ 5 Free';
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
position: absolute;
top: 5px;
left: 21px;
font-size: 10px;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
content: '\f107';
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
overflow: hidden;
max-width: none;
text-overflow: ellipsis;
}
#mainNav.fixed-top .sidenav-toggler {
display: none;
}
#mainNav.fixed-top.navbar-dark .sidenav-toggler {
background-color: #FFA500;
}
#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
color: #000;
}
#mainNav.fixed-top.navbar-light .sidenav-toggler {
background-color: #dee2e6;
}
#mainNav.fixed-top.navbar-light .sidenav-toggler a i {
color: rgba(0, 0, 0, 0.5);
}
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
overflow-x: hidden;
width: 55px;
}
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
width: 55px !important;
}
body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: 'FlipH';
}
#mainNav.static-top .sidenav-toggler {
display: none;
}
body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: 'FlipH';
}
.content-wrapper {
overflow-x: hidden;
background: white;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(0,0,0,.5);
}
.navbar-dark:hover .navbar-nav:hover .nav-link:hover {
color: rgba(0,0,0);
}
#sidenavToggler i {
font-weight: 800;
}
.navbar-sidenav-tooltip.show {
display: none;
}
body.sidenav-toggled .navbar-sidenav {
width: 55px;
}
body.sidenav-toggled .navbar-sidenav .nav-link-text {
display: none;
}
body.sidenav-toggled .navbar-sidenav .nav-item,
body.sidenav-toggled .navbar-sidenav .nav-link {
width: 55px !important;
}
body.sidenav-toggled .navbar-sidenav .nav-item:after,
body.sidenav-toggled .navbar-sidenav .nav-link:after {
display: none;
}
body.sidenav-toggled .navbar-sidenav .nav-item {
white-space: nowrap;
}
body.sidenav-toggled .navbar-sidenav-tooltip.show {
display: flex;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
color: #868e96;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
color: #fff;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
color: #000;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
color: #868e96;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
color: #adb5bd;
}
#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
color: #adb5bd;
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
color: rgba(0, 0, 0, 0.5);
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
color: rgba(0, 0, 0, 0.5);
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
color: rgba(0, 0, 0, 0.7);
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
color: rgba(0, 0, 0, 0.5);
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
color: rgba(0, 0, 0, 0.7);
}
#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
color: rgba(0, 0, 0, 0.5);
}
.card-body-icon {
position: absolute;
z-index: 0;
top: -25px;
right: -25px;
font-size: 5rem;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.bg-blue{background-color: #48D2FF;color: #fff}
.bg-blue:hover{background-color: #FFA500;}
.bg-orange{background-color: #FFA500;color: #fff}
.bg-orange:hover{background-color: #48d2ff;}
.card-radius{ border-radius: 3em 3em 0em 3em;}
.text-blue{color: #48D2FF;}
.text-orange, .hover-orange:hover{color: #FFA500 !important;}
.bg-hover-orange:hover{background-color:  #FFA500 !important;}
.card-alert-button{
position: relative;
top: -.2em;
font-size: .8em;
}
.filter .form-control{
height: calc(1.2em + .75rem + 0.2px);
}
.card-college-type{
position: absolute;
left: 0em;
top: .3em;
}
.card-college-alert{
position: absolute;
right: 0em;
top: .3em;
}
.card-college-rating{
position: absolute;
right: 0em;
bottom: 0em;
}
.card-college-location{
position: absolute;
left: 0em;
bottom: 0em;
}
.navbar-dark .navbar-nav .show>.nav-link {
color: #171616;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgb(0 0 0 / 75%);
}
.card-login {
max-width: 25rem;
}
.card-register {
max-width: 40rem;
}
footer.sticky-footer {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: auto;
background-color: #e9ecef;
line-height: 35px;
}
.card-link{transition: transform .2s;min-height: 100%;max-height: auto;max-width: 16em;}
.card-link:hover{transform: scale(1.1);background-color: #fffcf0 !important;}
.dropdown-area{
height: 30em;
overflow-y: auto;
}
.circle {
width: 200px;
margin: 6px 6px 20px;
display: inline-block;
position: relative;
text-align: center;
line-height: 1.2;
}
.circle canvas {
vertical-align: top;
width: 100px !important;
}
.circle strong {
position: absolute;
top: 45% !important;
left: 50% !important;
width: 100%;
text-align: center;
line-height: 40px;
font-size: 30px;
color: #FFA500;
transform: translate(-50%,-50%);
}
.circle strong i {
font-style: normal;
font-size: 0.6em;
font-weight: normal;
}
.circle span {
display: block;
color: #aaa;
margin-top: 12px;
}
.circle strong{
top: 45% !important;
left: 50% !important;
color:#FFA500 !important;
transform: translate(-50%,-50%);
}
.play_btn {
color: #fff;
}
.play_btn:hover {
color: #48d2ff;
}
.play_btn i {
transition: transform .2s;
}
.play_btn i:hover {
transform: scale(1.2);
}
.thmb_play_btn{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.text_heading {
font-family: Lobster,cursive;
font-weight: 400;
}
.modal.active {
display: block;
visibility: visible;
-webkit-overflow-scrolling: touch;
}
.modal {
visibility: initial;
}
.modal-backdrop {
opacity: .5;
}
.owl-controls .owl-next:after {
content: "\f35a";
color: #48d2ff !important;
}
.owl-controls .owl-next:after, .owl-controls .owl-prev:after {
font-family: 'Font Awesome\ 5 Free';
color: #d3d3d3;
font-size: 16px;
}
.owl-prev:after {
content: "\f359";
color: #48d2ff !important;
}
.owl-theme .owl-controls .owl-buttons div {
padding: 3px 6px!important;
}
.owl-controls .owl-buttons {
margin-top: 20px;
position: relative;
}
.owl-controls .owl-next, .owl-prev  {
position: absolute;
bottom: 158px;
}
.owl-theme .owl-controls .owl-buttons div{
background-color: transparent !important;color: red !important;
}
.owl-controls .owl-next{
right: -20px;
}
.owl-controls .owl-prev{
left: -10px;
}
.owl-theme .owl-controls .owl-page span{
background:#48d2ff !important;
}
.font-10{font-size: 12px}
.card-bottom-text{
position: relative;
text-align: left;
}
.anchor-card-link{ }
.anchor-card-link:hover{color:#fff;}
.zoom-card {
transition: transform .2s;
}
.zoom-card:hover {
transform: scale(1.05);
}
.card{min-height: 100%;}
.custom-card-footer{
position: absolute;
bottom: 1em;
left: 0;
right: 0;
}
.card-body{position: relative;}
.height-100{
height: 100px;
}
.img-circle {
border-radius: 7em;
max-width: 5em;
height: 5em;
border: 2px solid;
}
/*profile*/
.profile-img{
text-align: center;
}
.profile-img img{
width: 70%;
height: 100%;
}
.profile-img .file {
position: relative;
overflow: hidden;
margin-top: -20%;
width: 70%;
border: none;
border-radius: 0;
font-size: 15px;
background: #212529b8;
}
.profile-img .file input {
position: absolute;
opacity: 0;
right: 0;
top: 0;
}
.profile-head h5{
color: #333;
}
.profile-edit-btn{
border: none;
border-radius: 1.5rem;
width: 70%;
padding: 2%;
font-weight: 600;
color: #6c757d;
cursor: pointer;
}
.proile-rating{
font-size: 12px;
color: #818182;
margin-top: 5%;
}
.proile-rating span{
color: #495057;
font-size: 15px;
font-weight: 600;
}
.nav-tabs{
margin-bottom:3%;
}
.nav-tabs .nav-link{
font-weight:600;
border: none;
}

.nav-tabs .nav-link.active{
border: none;
border-bottom:2px solid #48d2ff;
background:#ffa500;
color: #fff;
}
.profile-work{
padding: 14%;
margin-top: -15%;
}
.profile-work p{
font-size: 12px;
color: #818182;
font-weight: 600;
margin-top: 10%;
}
.profile-work a{
text-decoration: none;
color: #495057;
font-weight: 600;
font-size: 14px;
}
.profile-work ul{
list-style: none;
}
.profile-tab label{
font-weight: 600;
}
.profile-tab p{
font-weight: 600;
color: #ffa500;
}
/*End*/
.border-radius-0{
border-radius:0;
}
.play-btn {
background-color: orange;
color: #fff;
padding: .2em 1em;
font-size: 2em;
font-style: italic;
border-radius: 2rem 2rem 0!important;
transition: transform .2s; /* Animation */
}
.play-btn:hover{transform: scale(1.2);background-color: #48d2ff;color:#fff;}
.owl-controls{display: none !important;}
.card-highlight{
background-color: #48d2ff !important;
}
.card-highlight:hover{
background-color: #ffa500 !important;
}
.card-highlight i, .card-highlight a{
color: #fff !important;
}
/*my students table*/
#example_wrapper .row:first-child, .dataTables_length, .dataTables_filter {
display: none
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before{
left: -15px;
}
.custom-postion-checkbox {
left: 31px;
top: 15px;
}
#student-data .form-check-input{
left: 31px;
}
#student-data th{ vertical-align: middle;}
/*End*/
.font-sm{
font-size: 1.2em !important;
}
.add-counselling{
position: absolute;
right: 0;
bottom: 0;
padding-bottom: 74px;
}
#play-alert .modal-dialog {
-webkit-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
top: 50%;
margin: 0 auto;
}

.readonly .form-control[readonly] {
	background-color: transparent;border: 0;
}
.profile-nav .user-heading {
    background: #ffa500;
    color: #fff;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    padding: 30px;
    text-align: center;
}

.profile-nav .user-heading.round a  {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 10px solid rgba(255,255,255,0.3);
    display: inline-block;
}

.profile-nav .user-heading a img {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.profile-nav .user-heading h1 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 5px;
}

.profile-nav .user-heading p {
    font-size: 12px;
}
.custom-file-label::after{
	color: #ffffff;
	background-color: #48d2ff;
}
#piechart1 svg, #piechart svg{width: 98%}
.font-14{font-size: 14px;}

.custom-file-input:lang(en)~.custom-file-label::after {
    display: none;
}
.w-20{
    width: 20%;
}
.doc_upload_btn{width:180px !important;}

/*Start Media queries*/
@media (min-width: 1200px) {
.card-columns {
column-count: 2;
}
}
@media (max-width: 991px) {

.w-20{
    width: 50%;
}
.doc_upload_btn{
    width: 100% !important;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
color: rgba(0,0,0,.5);
}
#student-data thead th{width: 1px;}
}
@media (min-width: 992px) {
.h-300{height: 300px;}
.hero-bottom-slider {
position: relative;
margin-top: -192px;}
.dropdown-menu{
left: -10em !important;
}
.dropdown-profile{
left: -4em !important;
}
footer.sticky-footer {
width: calc(100% - 250px);
}
body.sidenav-toggled footer.sticky-footer {
width: calc(100% - 55px);
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav {
background: #f8f9fa;
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
color: #000 !important;
background-color: #e9ecef;
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
color: #000;
}
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
background: #f8f9fa;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
background: #48D2FF;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
color: white !important;
background-color: #495057;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
color: white;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
background: #efefef;
}
body.sidenav-toggled .content-wrapper {
margin-left: 55px;
}
.content-wrapper {
margin-left: 250px;
}
#mainNav.static-top .sidenav-toggler {
display: flex;
}
#mainNav.fixed-top .navbar-sidenav {
height: calc(100vh - 112px);
}
#mainNav.fixed-top .sidenav-toggler {
position: absolute;
top: 0;
left: 0;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: calc(100vh - 56px);
}
#mainNav.fixed-top .sidenav-toggler > .nav-item {
width: 250px;
padding: 0;
}
#mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
padding: 1em;
}
#mainNav .navbar-brand {
width: 250px;
}
#mainNav .navbar-collapse {
overflow: visible;
max-height: none;
}
#mainNav .navbar-collapse .navbar-sidenav {
position: absolute;
top: 0;
left: 0;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 72px;
overflow-y: auto;
}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item {
width: 250px;
padding: 0;
}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
padding: 1em;
}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
padding-left: 0;
list-style: none;
}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
width: 250px;
}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
padding: 1em;
}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
padding-left: 2.75em;
}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
padding-left: 3.75em;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
min-width: 0;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
width: 24px;
text-align: center;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
max-width: 300px;
}
}

@media (max-width: 767px) {
.w-20{
    width: 1000%;
}
}
@media (min-width: 576px) {
.card-columns {
column-count: 1;
}
@media (max-width: 575px) {
.shortlist-table{min-width: 600px !important;}
.card-link {
width: 100% !important;
}
}