@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap');

*{ margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;  -moz-transition:all 0.5s ease 0s;  -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;  transition:all 0.5s ease 0s;}
html{ scroll-behavior: smooth;}
a{ text-decoration: none; color:inherit; -moz-transition:all 0.5s ease 0s;  -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;  transition:all 0.5s ease 0s; }
a:hover, a:focus{ text-decoration:none; color:var(--accent_color_red);}
:focus, button:focus { outline: -webkit-focus-ring-color auto 0px;} {outline: -webkit-focus-ring-color auto 0px;}
img{ max-width:100%;}
p{ line-height:25px;}
h1, h2, h3, h4, h5, h6{ font-weight:900;}
ul, ol{ padding-left:15px; }
ul li, ol li{ margin-top:8px; }
ul li:first-child, ol li:first-child{ margin-top:0px; }

body{  font-size:14px; line-height:normal; background: #F9F9F9; font-family: 'Poppins', sans-serif; color:#212529; }

:root{
--accent_color_red:#C60505;
--accent_color_blue:#111D5E;
--black_bg:#262626;
--white:#fff;
--yellow:#FFEB3B;

}




.accent_color_red{ color:var(--accent_color_red); }
.accent_color_blue{ color:var(--accent_color_blue); }
.accent_color_red_bg{ background-color:var(--accent_color_red); }
.accent_color_blue_bg{ background-color:var(--accent_color_blue); }
.text_white{ color:var(--white); }
.text_yellow{ color:var(--yellow); }
.black_bg{ background-color:var(--black_bg); }


/*[header start]*/

.top_header{ background:var(--accent_color_red); color:#fff; }
.top_header .menuTop{  margin:0; padding:0 }
.top_header .menuTop > li{ list-style:none; display:inline-block; vertical-align:middle; border-left:1px solid #B30F0F; padding:8px 12px; }
.top_header .menuTop > li:first-child{ border-left:0; padding-left:0;}
.top_header .menuTop > li i{  width:34px; height:34px; border-radius:50%; color:var(--white); padding:8px 0; text-align: center; font-size:18px; }
.top_header .menuTop > li a:hover , .top_header .menuTop > li a:focus,
.top_header .menuTop > li a:hover i, .top_header .menuTop > li a:focus i,
.top_header .ylink
 { color: var(--yellow);}


/*.top_header_left .menuTop > li a:hover i, .top_header_left .menuTop > li a:focus i{ background: var(--accent_color_red); color:#fff;  }*/
.animatedText{     animation: animate 2.5s linear infinite; }
.onlineCounsellingText a, .animatedText{     animation: animate 2.5s linear infinite; }
.onlineCounsellingText a:hover, .onlineCounsellingText a:focus, .animatedText:hover{ text-decoration:underline; }


.navbar{box-shadow: 0px 4px 8px 0 #888;  background:var(--accent_color_blue);;}

.navbar-brand{ font-size:24px; font-weight:600; padding:0; line-height: 35px; margin: 0 !important;}
.navbar-light .navbar-brand{color:var(--white);} 
.navbar-brand>img{ height:70px !important; float:left; margin-right: 10px;}


.navbar-collapse{ flex-grow:initial; }
.navbar-light .navbar-nav .nav-item{ margin:0 15px; position:relative; }
.navbar-light .navbar-nav .nav-item:before{ content: '';  position: absolute;  width: 1px; height: 20px; background: #fff;  top: -1px;   left: -15px;}
.navbar-light .navbar-nav .nav-item:first-child:before{  display:none; }
.navbar-light .navbar-nav .nav-link{ font-weight:500; color:#fff; position:relative; overflow: hidden; font-size: 16px; line-height: 20px; padding: 0 10px 15px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: var(--accent_color_red);}
.navbar-light .navbar-nav .nav-link:before,
.navbar-light .navbar-nav .nav-link.show:before,
.navbar-light .navbar-nav .nav-link:before, .navbar-light .navbar-nav .nav-link.show:before
{ content:''; position:absolute; bottom:0; width:100%; height: 2px;  background:var(--accent_color_red); left: -100%;  -moz-transition:all 0.5s ease 0s;  -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;  transition:all 0.5s ease 0s; }

.navbar-light .navbar-nav .nav-link:hover:before, 
.navbar-light .navbar-nav .nav-link.active:before{left: 0;}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{ color:#fff ; }


.dropdown-menu{ padding:0 0; background: #F9F9F9; font-size:14px;  }

.dropdown-menu li{border-top:1px solid #efefef; }
.dropdown-menu li:first-child;{border-top:0px solid #efefef; }
.dropdown-item{ padding:10px 18px; }
.dropdown-item:focus, .dropdown-item:hover{ background: #E7F8FD; color:var(--accent_color_red); }


.navbar-light .navbar-nav .nav-item:last-child .dropdown-menu{ left:inherit; right:0; }

.top_header .dropdown-menu.show {    display: block;}
.top_header .dropdown-toggle::after{ display:none; }


/*[importantSteps start]*/
.importantSteps{ background:var(--white); }
.importantSteps li{ margin:5% 0 0 0; position:relative; }
.importantSteps li a{ display:block; position:relative; font-size:16px; border:1px solid #FF5722 !important; background:#fff; color:#030074;
 padding: 15px 45px; border-radius: 30px; font-weight: 600;
 }


.importantSteps li a:hover, .importantSteps li a:focus{  background-color:var(--accent_color_red); color:var(--white); text-decoration:underline; }
.importantSteps li a i{ margin:0 5px; font-size:18px; position:absolute; top:18px; left:15px;  }
.importantLeft  li a i{ left:inherit; right:15px; }


.importantStepsImg{ background: #fff; overflow: hidden; border-radius:200px; border:1px solid #EEEEEE; box-shadow: 0 4px 8px #000000;
 padding:60px  0;}


/*[content start]*/

.contentSection > .contentSection{ padding:0 !important;}

.title {
	border-bottom: 2px solid;
	padding-bottom: 15px;
}

.form-select, .form-control{font-size: 13px;}

.field-validation-error, .fsmall{ font-size:12px; }



/*[CounsellingInstruction start] */

.CounsellingInstruction .navbar-brand{font-size: 28px !important; line-height: normal;}
.navbar-brand>img.councilLogo{float:none !important; max-width:220px; height:auto !important; margin: 0 0 20px;}
.nav-pills{}
/*
.CounsellingInstructionLeft{ width:400px; }
.CounsellingInstructionRight{ width:600px; }*/

.nav-pills .nav-link{ font-size: 16px;  border-top: 1px solid;  padding: 15px 0;  color: #fff; border-top-color:#050357;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background:none; color:var(--red); }
.nav-pills .nav-link:first-child{border-top:0;}



/*[stu-detailsform start]*/

.stu-detailsform{ width:100%; }
.stu-detailsform .card { position: relative; display: flex; -webkit-box-orient: vertical;  -webkit-box-direction: normal;
    flex-direction: column;  min-width: 0px; overflow-wrap: break-word; background-clip: border-box;border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.profile-card .profile-header {background-color: #030074;  padding: 9px 9px; border-radius: 25px 25px 0 0px;}
.profile-card .profile-body .image-area { text-align: center;  margin-top: 0; float: left;}

.profile-card .profile-body .image-area img { border: 1px dashed #FFC107; padding: 0px; height: 105px; width: 105px; margin: 2px;border-radius: 17%;
    margin-right: 14px;}


.profile-card .profile-body .content-area {text-align: left; padding-bottom: 15px; padding-top: 25px;}

.profile-card .profile-body .content-area p { margin-bottom: 5px; margin-top: 5px;  color: #fff;  font-family: "Poppins", sans-serif;
}

.profile-card .profile-body .content-area h3 {font-size: 18px; font-weight: 700; margin-bottom: 5px;  color: #fff;
    font-family: "Poppins", sans-serif;}


.profile-card .profile-footer { padding: 15px; background: #ffffffd6; border-radius: 0 22px; text-align: left;border-radius: 25px;}
.profile-card .profile-footer ul {margin: 0 0 20px;  padding: 0;  list-style: none;}
.profile-card .profile-footer ul li {border-top: 1px solid #eee; font-size: 13px;  padding: 8px 10px;     margin: 0; clear: both; overflow: hidden;}
.profile-card .profile-footer ul li span{float: left; width: 50%;}

.profile-card .profile-footer ul li span:first-child { font-weight: 500; color: var(--accent_color_blue); }
.profile-card .profile-footer ul li span:last-child {float: left; }

.profile-card .profile-footer ul li:first-child{border:0; padding-top:0;}
.profile-card .profile-footer ul li:nth-child(2n){ background:#f5f5f5; }
.profile-card .img-thumbnail{ margin-bottom:5px; }


.nav-tabs {border-bottom: 2px solid var(--accent_color_red);}

.nav-tabs li.active-counselling.active a, .nav-tabs li.active-counselling a {color: #ffffff !important; display: block;
    font-weight: 700;   font-size: 18px; background-color: var(--accent_color_red);   border-top-left-radius: 16px;     padding: 10px 15px;}

.nav-tabs li.active-counselling a:after { content: "\f058"; position: relative;  font-family: FontAwesome;  padding-left: 5px;  color: #ffffff;}


.stu-detailsform .table{ margin:30px 0 0; font-size:13px; }
.stu-detailsform .table thead > tr:first-child th{ background:var(--accent_color_blue); font-size:15px; font-weight:600; color:var(--white); }


.stu-detailsform .table{ background:#fff; }
.stu-detailsform .bg-warning{ vertical-align:middle; background: #f5f5f5 !important;}

.stu-detailsform .s-e-dt {width: 50%; float: left;}

.stu-detailsform .col-pink{ color:var(--accent_color_red); font-weight:600; text-decoration:underline; }

.stu-detailsform .btn {font-size: 12px;}

.stu-detailsform #page-wrapper p.btn{font-size: 13px !important;     line-height: 28px;}

.choicerow i{ margin-right:5px; display:inline-block; }

.stu-detailsform .table td:nth-child(3){ text-align:left; }
.stu-detailsform .table td:nth-child(3) i{font-size:20px; margin:10px; }
/*[stu-detailsform end]*/






/*[footer start]*/

.footer_section{ background-color:var(--accent_color_blue);  }
.footer-lists{ list-style:none; }
.footer-lists li{ position:relative;  }
.footer-lists > li{ padding-left:15px; margin-top:15px;  }
.footer-lists li i{ position:absolute; top:0; left:-15px; font-size:18px;  }

.list-none{ list-style:none }
ol.list-none{padding-left:0; }

.copyrightSection{ border-top:1px solid #050357; }





.modal-header {	background: #0b0b2f; 	color: #fff; }
.modal-header button { 	font-size: 25px; 	color: #fff; 		height: 0; 		line-height: 0; 	}


modal.fade.in {
    z-index: -1;
}



table.priviewtable * {
	font-size: 12px !important;
	text-align: left;
}
table.priviewtable th, table.priviewtable td {	padding: 5px;}
table.priviewtable tbody tr:nth-child(2n) {	background: #e8e8e8;}

table.priviewtable tbody tr td:first-child,
table.priviewtable tbody tr td:nth-child(4) {
	text-align: center;
}




/*[responsive start]*/

@media (max-width: 1200px) {
.header_section { font-size:12px; }
.top_header .menuTop{         margin: 0 auto; text-align: center; }
.top_header .menuTop > li{ padding:0 5px; }
.top_header .menuTop > li i{ font-size:14px; }

.navbar-light .navbar-toggler{ background:#fff; }

.navbar-brand>img{ height:65px !important; }

.navbar-brand{ width:auto; font-size: 20px; line-height: normal; }


.importantSteps li a{ font-size:14px; }


}

@media (max-width: 991px){

    /*[dropdown start]*/

	.navbar-light .navbar-toggler{ background:#fff; }
	.navbar-collapse {background: #fff; position: absolute; top: 70px; right: 12px; width: 250px;  padding: 15px; z-index: 99; box-shadow: 0px 4px 8px 0 #838383; }
	.dropdown-menu{ border:0; }


	.navbar-toggler.collapsed{ background:var(--accent_color_red); }
	.navbar-toggler:focus{ box-shadow:none; }

    .navbar-light .navbar-nav .nav-item{ margin:0; border-top: 1px solid #e2e2e2; }
    .navbar-light .navbar-nav .nav-link{ font-size:14px; color:#000; padding: 10px;}
    .navbar-light .navbar-nav .nav-item:first-child{ border-top:0; }




	.importantSteps h1{ font-size:25px !important; }

    .importantSteps ul{ padding:0; margin:0; }
	.importantSteps li a{padding: 15px 28px 15px 0; font-size: 12px;}
	.importantLeft li a{ padding-left:0px; }
	.importantRight li a{ padding-right:0px; padding-left:38px; }
	.importantSteps li a i{ right:5px; font-size:14px; }

	.footer_section { font-size:12px; }
	.footer_section p,  .footer_section a{ font-size:12px; line-height: normal;}


    .navbar-brand>img.councilLogo{max-width: 150px;}
	.CounsellingInstruction .navbar-brand {  font-size: 18px !important;}


}


@media (max-width: 767px){
.footer_section  img{ width:320px; }

.onlineCounsellingText{ margin:0 0 5px; }
.navbar-brand{ font-size:14px; }
.navbar-brand>img{         margin:-10px 10px 0 0; }


.importantLeft li a{ padding-left:40px; }
.importantSteps li a i{ left:15px; }

.importantStepsImg { box-shadow:none; border:0; padding:0; }


.mobileViewConsellingInstruction{ display:block !important; }
.mobileViewConsellingInstruction > div{ display:block !important; height:auto !important; }



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

.CounsellingInstruction{ font-size:13px; }
.CounsellingInstruction .list-group-numbered{ font-size:13px; }



}




/*[admin panel start]*/
.sidebar-mini .main-sidebar{ background:var(--accent_color_blue); }
.sidebar-mini [class*=sidebar-dark] .brand-link{ background:var(--accent_color_red); }
.sidebar-mini .nav-sidebar .nav-item>.nav-link{ padding: 4px 15px;  font-size: 14px; margin: 0;}

.sidebar-mini .nav-sidebar>.nav-item {line-height: 18px;  border-top: 1px solid #1e2b76; margin:0; font-size:12px; }
.sidebar-mini .nav-sidebar>.nav-item:first-child{ margin:0; border-top:0; }

.sidebar-mini .nav-sidebar .nav-link p{ vertical-align:top; }
.sidebar-mini .nav-sidebar>.nav-item .nav-icon{ margin:2px 0 0; }
.sidebar-mini .navbar-expand .navbar-nav{ padding:8px 0 0;  }

.sidebar-mini .main-header .nav-link{ height:32px; }

.sidebar-mini .content-header h1 { font-size: 1.8rem; margin: 0; color: var(--accent_color_blue);  text-transform: uppercase; font-weight: 700; margin: 10px 0 0;}


.sidebar-mini .content-header .breadcrumb{ margin:10px 0 0; }
.sidebar-mini .breadcrumb-item+.breadcrumb-item{ margin:0; }

.sidebar-mini .content-wrapper .card-body .card-body{ padding:0;}
.sidebar-mini .content-wrapper .card-body  h3{ font-size:20px; font-weight:700; text-transform:uppercase; margin:0 0 20px; }

.sidebar-mini .card-body > .col-12{ padding:0; }


.sidebar-mini .table{ margin:10px 0 0; }
.sidebar-mini .table th { background:#111D5E; color:var(--white); padding: 10px 15px; font-size:12px; }

.sidebar-mini .content-wrapper .container { width:100%; max-width:100%; padding:0; }

/*[admin panel end]*/