.tbal{background:url(images/bg-login-top.png); max-width:400px; height:350px; margin:150px auto; padding:20px; border-radius:4px;}

A {

	MARGIN: 0px; FONT-FAMILY: 'Arial' , Verdana; 

	FONT-SIZE: 11px;

	TEXT-DECORATION: none;

	font-weight:bold;

	color:#006633;

	border:none;

	cursor:pointer;

}

A:hover{

	MARGIN: 0px; FONT-FAMILY: 'Arial' , Verdana; 



	TEXT-DECORATION: none;

	color:#993300;

	border:none;

	cursor:pointer;

}

.inpu{

    color: #333333;

    width: 350px;

    height: 200px;

    padding: 0 10px;

    font-size: 14px;

    border-style: none;

    border: 1px #999999 solid;

    border-radius: 5px;

}

#body{

	background-image: url(images/bg.jpg);

	background-repeat: no-repeat;

}

.normaltext{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:normal;

}

.border{

/*    width: 400px;*/

    height: 300px;

	border-radius: 5px;

	background-color:#FFFFFF;

}

.border1{

    width: 300px;

    height: 300px;

	border-radius: 5px;

	background-color:#1954ad;

}

.pagination li a.active{

    background:#0d6efd;

    border-color: #0d6efd;

    color:#fff;

}

.pagination li .page-link:hover{

    background:#0d6efd;

    border-color: #0d6efd;

    color:#fff;

}



.textboxcap{

text-align:start;

font-weight:bold;

color:#333333;

width:120px;

}

.textcap{

font-weight:bold;

color:#333333;

width:175px;

}

.inputbox

{

color:#333333;

width: 100%;

height: 23px;

padding:0 10px; 

font-size: 14px;

border-style:none;

border: 1px #999999 solid;

border-radius:5px;

}



.inputboxp

{

color:#333333;

width:217px;

border:1px #999999 solid;

border-radius:5px;

height: 23px;

padding:0 10px; 

}

.submitbox{

	font-weight: bold;

    color: #f9f2f2;

    width: 100px;

    border-radius: 4px;

    border: 0px;

    font-size: 14px;

	font-weight:100 !important;

	background: #459300 url(images/bg-button-green.gif) repeat-x !important;

   /* background-color: #3873b1;*/

    cursor: pointer;

    text-align: center;

	font-family:Arial, Helvetica, sans-serif;

    padding: 7px;

}

.log{

margin-left:20px;

}

.menuheader{    

    padding-bottom: 10px;

    text-align: right;}
    
    .menuheader span{
        font-weight: 800;
    }
.categoryitems{padding: 0;

    font-size: 12px;

    margin: 0px 20px !important;
margin-bottom: 10px;
min-height: 170px;
max-height: 250px;

    overflow-y: scroll;

	}
    .categoryitems li{
        padding-bottom:10px !important ;
    }

/* width */

::-webkit-scrollbar {

  width: 9px;

}


/* Track */

::-webkit-scrollbar-track {

  background: gray; 
  border-radius: 20px;
}

 

/* Handle */

::-webkit-scrollbar-thumb {
  border-radius: 20px;

  background: #eee; 

}



	.categoryitems li{
		list-style: none;

    margin: 0;
    padding-bottom:15px ;


                padding: 10px 10px;

                color: #fff;

                font-size: 16px;
                font-family: var(--font1);
                letter-spacing: 1.6px;

                cursor: pointer;

    
                text-align: center !important;
                margin: 12px 0px !important;

                text-decoration: none;
		

		}

		.categoryitems li a{padding: 8px 15px;

    display: block;

    color: #aaa;

    font-size: 13px;

	font-weight:600;

    line-height: 1.2em;

}
.categoryitems li a{
	text-align: center !important;
color:white !important;}
.categoryitems li a{
	box-shadow: 1px 2px 8.2px #94a994;
}
#error{

text-align:center;

font-size:14px;

font-weight:bold;

color:#993300;

}

.empty{

font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:normal;

border-style:none;

border-radius: 4px;

width: 186px;

height: 23px;

padding:0 10px;

border:1px solid #ff0000;

}

.emptyp{

font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:normal;

width:217px;

border:1px solid #ff0000;

}

#welcomenote{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #3b5998;

	font-weight: bold;

	padding-top: 5px;

	padding-bottom: 2px;

	background:#FFFFFF;

}



.contentheader{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #3b5998;

	font-weight: bold;

	vertical-align:top;

}



.content{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #3b5998;

	font-weight: bold;

}