﻿@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; }

::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; }

.yak-progress-popup-mask {position: fixed; top:0px ; left:0px; width:100%; height:100%; z-index:99998;background-color:#e3e3e3;opacity:0.5;} 
.yak-progress-popup { position: fixed;  top: 50%; left: 50%; z-index:99999; 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); }

/* -----------------------------------------------
   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; }
