/* Custom Scroll Bar */
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-button {width: 8px;height:5px;}
::-webkit-scrollbar-track {background:#eee;border: thin solid lightgray;box-shadow: 0px 0px 3px #dfdfdf inset;border-radius:10px;}
::-webkit-scrollbar-thumb {background:#999;border: thin solid gray;border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background:#7d7d7d;}
/* Custom Scroll Bar */

/* Hindi Font Setup */
@font-face {
    font-family: 'Kruti Dev 010';
    src: url('font/demo/KrutiDev010.woff2') format('woff2'),
        url('font/demo/KrutiDev010.woff') format('woff'),
        url('font/demo/KrutiDev010.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 

.hinditext {
    font-family: Kruti Dev 010 !important;  
    font-size:1em !important;
}

body{ margin:0; padding:0; background: #525252;}

.sidepanel{ height:100vh; background:#C6D2FD; padding-top:30px;}
.sidepanel p{font-family: 'Source Sans Pro', sans-serif; font-size:.9em;}
.sidepanel h3{font-family: 'Koulen', cursive; font-size:2.5em; margin:0; padding:0; position:relative; top:-10px;}

.newfrmbox{ min-height:40px !important; margin-bottom:15px; padding:1%;}

.sidepanel1{ height:100vh; background:#C6D2FD; padding-top:100px;}
.sidepanel1 ul{ margin:0; padding:0;}
.sidepanel1 ul li{ display:block; margin-bottom:10px;}
.sidepanel1 ul li a{font-family: 'Source Sans Pro', sans-serif; color:#333333;}
.sidepanel1 ul li a.current{font-family: 'Source Sans Pro', sans-serif; color:#FF3300;}

.sidepanel2{ min-height:100vh; background:#C6D2FD; padding-top:100px; padding-bottom:50px;}

.mainpanel1{ height:100vh; background:#fafbfc; padding-top:60px; overflow-y: scroll;}

.sidepanel img{ padding-bottom:50px;}
.mainpanel{ height:100vh; background:#fafbfc;}
.mainpanel a:hover{ text-decoration:none;}
.flt-rgt{ float:right; font-family: 'Source Sans Pro', sans-serif; font-size:1em;}
.admem{float:right; font-family: 'Source Sans Pro', sans-serif; font-size:1em;}
.admem a{ font-size:.5em !important; color:#FF3300;}
.admem a:hover{ font-size:.5em !important; color:#FF3300; text-decoration:none;}

.txtbox{ width:100%; height:40px; border:#999999 1px solid; border-radius:5px; outline:none; background:transparent; margin-bottom:10px; padding-left:1%; padding-right:1%;}
.txtboxa{ width:100%; height:100px; border:#999999 1px solid; border-radius:5px; outline:none; background:transparent; margin-bottom:10px; padding-left:1%; padding-right:1%;}
.formbtn{ padding:6px; display:block; width:100%; background:#FF3300; color:#FFF; border:none; outline:none; border-radius:5px; text-align:center; margin-top:20px;}

.edt{ color:#428bca; cursor:pointer; cursor:hand;}
.del, .add{color:#428bca; cursor:pointer; cursor:hand; padding:5px;}

.header{font-family: 'Koulen', cursive;}
.subheading{font-family: 'Tapestry', cursive;}
.normal{font-family: 'Source Sans Pro', sans-serif;}
.cursive{font-family: 'Satisfy', cursive; font-size:4em; color:#FF3333;}

.block{ min-height:200px; margin-top:190px; border:#666666 1px solid; box-shadow:2px 5px 50px #000; background-color:#FFF;}
.frmcover{ padding:2%;}
.logfrmbox{ width:100%; height:40px; border:none; border-bottom:#000000 1px solid; padding-left:2%; padding-right:2%; margin-bottom:10px; text-align:center; background:none; outline:none;}
.logbtn{ padding:5px; background:#FF0000; color:#FFF; display:block; width:100%; border:none; border-raius:6px; border-radius:20px;}
.responsetxt{ color:#FF3300 !important; padding-top:10px;}
.responsetxtorange{ color:#FF3300 !important; padding-top:10px;}
.responsetxtgreen{ color:#33CC66 !important; padding-top:10px;}
.responsetxtred{ color:#FF0000 !important; padding-top:10px;}
.disabled{ cursor:default; cursor-events:none !important; color:gray;}
.workarea{ min-height:100vh; margin:0; padding:80px 0;}
.workbox{ min-height:100px; border:#CCCCCC 1px solid; margin-bottom:10px;}
.workboxin{ min-height:90px; padding:2%; background:#F5F5F5}
.workboxL{ min-height:300px; border:#CCCCCC 1px solid; margin-bottom:10px;}
.workboxLin1{ height:190px; padding:2%; margin-bottom:10px; overflow-y: scroll;}
.workboxLin{ min-height:290px; padding:2%; background:#F5F5F5}
.workboxLa{ min-height:200px; border:#CCCCCC 1px solid; margin-bottom:10px;}
.strap{ height:40px; background:#C6D2FD; color:#000; text-align:center;}
.strap h3{ margin:0; padding:10px 0; font-size:1.2em !important;}
.frmbox{ width:100%; height:40px; border:none; padding-left:2%; padding-right:2%; margin-bottom:3px; outline:none;}
.frmbox1{ width:100%; height:35px; border:none; padding-left:2%; padding-right:2%; margin-bottom:3px; outline:none;}
.frmboxa{ width:100%; height:100px; border:none; padding-left:2%; padding-right:2%; margin-bottom:3px; outline:none;}
.frmbox1new{ width:99%; height:35px; border:none; padding-left:2%; padding-right:2%; margin-bottom:3px; outline:none;}
.accessbtn{ padding:11.5px; display:block; background:#FF3300; color:#FFF; width:100%; border:none; cursor:pointer; cursor:hand;}
.disabled{ display:none;}
.gobtn{ padding:8px; display:block; background:#FF3300; color:#FFF; width:100%; border:none; text-align:center; cursor:pointer; cursor:hand; margin-top:6px;}
.bookresult{ margin-top:10px;}

.wholearea{ margin:0 !important; padding:0 !important;}

/* Navigatin bar designing */
.navbar-default {background-color: transparent; border-color: #E7E7E7;}
/* Brand/Title */ 
.navbar-default .navbar-brand {color: #777; position:relative; top:-10px; margin-bottom:-10px;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {color: #5E5E5E;}
/* for dropdowns only */
.navbar-default .navbar-nav .dropdown-menu  {background-color: #C6D2FD;}
.navbar-default .navbar-nav .dropdown-menu>li>a  { color: #000;}
.navbar-default .navbar-nav .dropdown-menu>li>a:hover,.navbar-custom .navbar-nav .dropdown-menu>li>a:focus  { color: #333;}
/* Link */
.navbar-default .navbar-nav > li > a {color: #777;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #333;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #555; background-color: #E7E7E7;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #555; background-color: #D5D5D5;}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {border-top-color: #777; border-bottom-color: #777;}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {border-top-color: #333; border-bottom-color: #333;}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {border-top-color: #555; border-bottom-color: #555;}
/* Mobile version */
.navbar-default .navbar-toggle {border-color: #DDD;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #DDD;}
.navbar-default .navbar-toggle .icon-bar {background-color: #CCC;}
/* Booklist Area */
.booklistArea{ height:500px; padding:10px; overflow-y: scroll; background:#FF3300;}
.barcodeArea{ height:80px; padding:10px; margin-bottom:10px; text-align:center;}
.reportfont{font-family: 'Source Sans Pro', sans-serif; font-size:1em; color:#333333;}
.booklistArea1{ height:300px; padding:10px; overflow-y: scroll; border:#CCCCCC 1px solid; margin-bottom:10px;}
.reportfont1{font-family: 'Source Sans Pro', sans-serif; font-size:1em; color:#333333;}
.redtxt{ font-family: 'Source Sans Pro', sans-serif; font-size:1.2em; color:#FF0000 !important;}
.addtable{ margin-top:30px; margin-bottom:30px; margin-left:40px; margin-right:20px;}
.vendisplay{ height:200px; background:#F2F2F2; margin-top:10px; margin-bottom:10px; overflow-x: hidden; overflow-y: auto;}
.blinktext {
	-webkit-animation: blink-text 800ms linear infinite;
	-moz-animation: blink-text 800ms linear infinite;
	-ms-animation: blink-text 800ms linear infinite;
	-o-animation: blink-text 800ms linear infinite;
	 animation: blink-text 1000ms linear infinite;
	 color:#FF3300;
}
@-webkit-keyframes blink-text {
	0% { color: black; opacity: 1; }
	20% { color: black;opacity: .8; }
	30% { color: black;opacity: .6; }
	40% { color: black;opacity: .4; }
	50% { color: black;opacity: .2; }
	60% { color: black;opacity: 0; }
	70% { color: black;opacity: .2; }
	80% { color: black;opacity: .4; }
	90% { color: black;opacity: .6; }
	98% { color: black;opacity: .8; }
	100% { color: black;opacity: 1; }
}
@-moz-keyframes blink-text {
	0% { color: black; opacity: 1; }
	20% { color: black;opacity: .8; }
	30% { color: black;opacity: .6; }
	40% { color: black;opacity: .4; }
	50% { color: black;opacity: .2; }
	60% { color: black;opacity: 0; }
	70% { color: black;opacity: .2; }
	80% { color: black;opacity: .4; }
	90% { color: black;opacity: .6; }
	98% { color: black;opacity: .8; }
	100% { color: black;opacity: 1; }
}
@-ms-keyframes blink-text {
	0% { color: black; opacity: 1; }
	20% { color: black;opacity: .8; }
	30% { color: black;opacity: .6; }
	40% { color: black;opacity: .4; }
	50% { color: black;opacity: .2; }
	60% { color: black;opacity: 0; }
	70% { color: black;opacity: .2; }
	80% { color: black;opacity: .4; }
	90% { color: black;opacity: .6; }
	98% { color: black;opacity: .8; }
	100% { color: black;opacity: 1; }
}
@-o-keyframes blink-text {
	0% { color: black; opacity: 1; }
	20% { color: black;opacity: .8; }
	30% { color: black;opacity: .6; }
	40% { color: black;opacity: .4; }
	50% { color: black;opacity: .2; }
	60% { color: black;opacity: 0; }
	70% { color: black;opacity: .2; }
	80% { color: black;opacity: .4; }
	90% { color: black;opacity: .6; }
	98% { color: black;opacity: .8; }
	100% { color: black;opacity: 1; }
}
@keyframes blink-text {
	0% { color: black; opacity: 1; }
	20% { color: black;opacity: .8; }
	30% { color: black;opacity: .6; }
	40% { color: black;opacity: .4; }
	50% { color: black;opacity: .2; }
	60% { color: black;opacity: 0; }
	70% { color: black;opacity: .2; }
	80% { color: black;opacity: .4; }
	90% { color: black;opacity: .6; }
	98% { color: black;opacity: .8; }
	100% { color: black;opacity: 1; }
}


@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333;}
}

.loader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999; background:url('../images/page-loader.webp') 50% 50% no-repeat rgb(249,249,249); opacity:.8;}

.tblhead tr th{ font-size:.9em;}
.tblbody tr td{ font-size:.8em;}

.custbtn{ border:none; outline:none; height:40px; width:100%; border-radius:5px;}