﻿@media print {
    .no-print, .no-print * { display: none !important; }
}

@font-face { font-family: 'yakHindiFont'; src: url('../fonts/gargi.ttf'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'krutidev10'; src: url( '../fonts/KRDV010.TTF' ); }

.hinditextkrutidev10 { font-family: krutidev10; font-size: 18px; }

@font-face { font-family: 'customunicodefont'; src: url( '../fonts/Calibri Regular.ttf' ); }

.customunicodefont { font-family: customunicodefont; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #999999 !important; font-size: 0.8em; /* Firefox */ }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999999 !important; font-size: 0.8em; }

::-ms-input-placeholder { /* Microsoft Edge */ color: #999999 !important; font-size: 0.8em; }

body { margin-top: 0px; margin-bottom: 0px; background-color: #f0f0f0; font-family: customunicodefont; }

.yak-progress-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; border: 1px solid #666666; padding: 20px 40px 20px 40px; margin: 20px; font-size: 1.5em; -webkit-box-shadow: 3px 3px 6px rgba(0,0, 0, 0.3); -moz-box-shadow: 3px 3px 6px rgba(0,0, 0, 0.3); box-shadow: 3px 3px 6px rgba(0,0, 0, 0.3); }

.card {-webkit-box-shadow: 3px 3px 6px rgba(0,0, 0, 0.3); -moz-box-shadow: 3px 3px 6px rgba(0,0, 0, 0.3); box-shadow: 3px 3px 6px rgba(0,0, 0, 0.3); }
/* -----------------------------------------------
   Customising Navbar
   ----------------------------------------------- */

.navbar { }
.navbar * { color: #78170c !important; }
.nav-link:hover, .dropdown-item:hover { background-color: #222222 !important; color: #ffffff !important; }
.nav-item { border-left: 1px solid #e3e3e3; }
.nav-item:first-child { border-left: 1px solid #e3e3e3; }
.nav-item:last-child { border-right: 1px solid #e3e3e3; }
/*
.dropdown:hover > .dropdown-menu
{
    display: block;
}
.dropdown > .dropdown-toggle:active
{
    pointer-events: none; //Without this, clicking will make it sticky
}
*/

/* -----------------------------------------------
   Footer Bar
   ----------------------------------------------- */
.footer { background-color: #dddddd; }
.footerLink { text-decoration: none; color: #333; }
.footerLink a { color: #666666; text-decoration: none; margin-right: 10px; margin-left: 10px; }
.footerLink a:hover { color: #000000; text-decoration: none; }
.footerText { font-size: 0.8em; color: #333; text-decoration: none; margin-top: 10px; margin-right: 10px; margin-left: 10px; }


/* -----------------------------------------------
   Footer Bar
   ----------------------------------------------- */
.yakfooter { clear: both; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; min-height: 50px; /* Set the fixed height of the footer here */ background-color: #dddddd; }

.yakfooterLink { text-decoration: none; color: #333; }
.yakfooterLink a { color: #000000; font-weight: bold; text-decoration: none; display: inline-block; margin: 5px 10px 5px 10px; padding: 5px 10px 5px 10px; border-radius: 10px; }
.yakfooterLink a:hover { color: #ffffff; background-color: #222222; text-decoration: none; }
.yakfooterText { font-size: 0.8em; text-decoration: none; margin-top: 5px; margin-right: 10px; margin-left: 10px; margin-bottom: 5px; }




/* -----------------------------------------------
   Customising resizing of Logo
   ----------------------------------------------- */
#imgLogoNameBig { -moz-transition: height 0.5s ease-in-out, top 0.5s ease-in-out; -webkit-transition: height 0.5s ease-in-out, top 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out, top 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out, top 0.5s ease-in-out; transition: height 0.5s ease-in-out, top 0.5s ease-in-out; }



.card .card-header { border-top: 5px solid #222222; padding: 8px 3px 3px 3px; padding-left: 20px; padding-right: 20px; }



/* -----------------------------------------------
   Other Customisations
   ----------------------------------------------- */
.gototop { cursor: pointer; }

.gototop:hover { color: #0000ff; }




.mLink a { color: #FFFFFF; text-decoration: none; }
.mLink a:hover { color: #000000; text-decoration: none; }



/*Updated by Shail for Examiner Attendance*/

.pricetable-holder2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.pricetable-holder2 th {
	width: 25%;
	padding: 0px;
	margin: 0px;
}
.pricetable-holder2 th .title-header {
	width: 100%;
	background-color: #242424;
	padding: 20px;
	font-size: 26px;
	font-weight: 600;
	color: #fff;
	float: left;
	text-align: center;
}
.pricetable-holder2 th .title-header.active {
	background-color: #fd602c;
}
.pricetable-holder2 .table > thead > tr > th {
	padding: 0px;
	border: none;
}
.pricetable-holder2 .table > tbody > tr > td {
	padding: 10px;
}
.pricetable-holder2 .table > thead > tr > th {
	vertical-align: middle;
}
.pricetable-holder2 th .price {
	color: #fff;
	font: 14px 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	padding: 8px 0px;
}
.pricetable-holder2 tr td i {
	color: #89be21;
	font-size: 18px;
}
.pricetable-holder2 tr td.red i {
	color: #ff2f16;
}
.pricetable-holder2 th .price sup {
	font-size: 22px;
	font-style: normal;
}
.pricetable-holder2 th .price i {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
.pricetable-holder2 tr:nth-child(even) {
	background: #e9e9e9
}
.pricetable-holder2 tr:nth-child(odd) {
	background: #FFF
}
.pricetable-holder2 th .title-header.first {
	margin-top: 69px;
	border: none;
}
.pricetable-holder2 .table-bordered {
	border: none;
}
.pricetable-holder2 .table-bordered th .title-header.first {
	border-right: 1px solid #e4e4e4;
}
.pricetable-holder2 a.btn2 {
	margin-top: 20px;
}

