@font-face
{
    font-family: 'poppinsR';
    src: url('../font/Poppins-Regular.ttf');
    font-style: normal;
    font-weight: normal;
}
a
{
    border: 0px none;
    text-decoration: none;
}
body
{
    margin: 0 auto;
    padding: 0;
    background-color: #d2d6de !important;
    text-decoration: none;
    border: none;
    font-family: Verdana;
}
html
{
    background-color: #d2d6de !important;
}
.maintbl
{
    margin: 0px auto 0 auto;
    padding: 0;
    background: #fff;
    -moz-box-shadow: 0 0 5px 3px #5e5e5e;
    -webkit-box-shadow: 0 0 3px 5px #5e5e5e;
    box-shadow: 0 0 3px 5px #5e5e5e;
}
.MainTable1
{
    /*background-color: #ffffff; background-color:#F7ECC9;*/ /*border: 1px solid #e6e6e6; 	-moz-box-shadow: 0 2px 3px 0px #8f8f8f; 	-webkit-box-shadow: 0 2px 3px 0px #8f8f8f; 	box-shadow: 0 2px 3px 0px #8f8f8f; 	border-radius: 3px;*/
}
marquee
{
    font-family: Verdana;
    font-size: 11px;
    text-align: justify;
    line-height: 18px;
}
.sp1
{
    margin: 0 auto;
    padding: 0;
    position: fixed;
    bottom: 0px;
    left: 0px;
    font-family: arial,sans-serif;
    color: #ECEBEB;
}
.loginheadr
{
    height: 51px;
    background-image: url(../images/header-line.jpg);
    background-position: left center;
    background-repeat: repeat-x;
}


.though-box1
{
    /*width:210px;*/
    height: 230px;
    float: left; /*background-image:url(../images/thought.jpg);*/
    background-position: left center;
    background-repeat: no-repeat;
}

.though-box
{
    /*width:210px;*/
    height: 200px; /*float:center;*/
    background-color: #ffffff; /*background-image:url(../images/TofDay.jpg); 				background-position:left top; 				background-repeat:no-repeat;*/ /*border:1px solid #C5C5C5;*/ /*-moz-box-shadow: 0 0 3px 3px #E3E3E3; -webkit-box-shadow: 0 0 3px 3px #E3E3E3; box-shadow: 0 0 3px 3px #E3E3E3;*/
    color: #555555;
}


.anouncement-box
{
    width: 210px;
    height: 226px;
    float: left;
    background-image: url(../images/Ann.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    border: 1px solid #C5C5C5;
    -moz-box-shadow: 0 0 3px 3px #E3E3E3;
    -webkit-box-shadow: 0 0 3px 3px #E3E3E3;
    box-shadow: 0 0 3px 3px #E3E3E3;
    color: #555555;
}
.lineboxmian
{
    width: 288px;
    height: 434px; /*background-image:url(../images/linebox.jpg); 				background-position:left top; 				background-repeat:no-repeat;*/ /*border:1px solid #dbdbdb;*/ /*border-radius:8px;*/
    margin: 0 auto;
    padding: 0;
}
.lineboxmian table
{
    /*width:270px; 				height:400px; 				margin:-40px auto 0 auto; 				padding:0; 				list-style:none;*/
    font-family: Verdana;
    font-size: 11px;
    margin: 5px auto 0px;
    padding: 0;
}
/*.lineboxmian ul li{
				width:240px;
				height:28px;
				line-height:28px;
				text-align:left;
				float:left;
				border-bottom:1px solid #dddddd;
				list-style:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#625f5f;
				padding-left:20px;
				background-image:url(../images/squre.jpg);
				background-position:2% 50%;
				background-repeat:no-repeat;
				overflow:hidden;
				
}*/
/*.lineboxmian ul li:hover{
					background-color:#f0f0f0;
					cursor:pointer;
				
}*/
/*.lineboxmian ul li span{
				line-height:28px;
				float:right;
				color:#2a2a2a;
				font-size:12px;
				
}*/
.lineboxmian2
{
    width: 335px;
    height: 207px; /*background-image:url(../images/linebox2.jpg); 				background-position:left top; 				background-repeat: repeat-x;*/
    border: 1px solid #dbdbdb;
    border-radius: 8px;
}
.lineboxmian3
{
    width: 344px;
    height: 207px; /*background-image:url(../images/linebox2.jpg); 				background-position:left top; 				background-repeat:no-repeat;*/
    border: 1px solid #dbdbdb;
    border-radius: 8px;
}
.line5px
{
    height: 25px;
    background-color: #313131;
    font-size: 12px;
    line-height: 25px;
}

.footerhaed
{
    height: 26px;
    line-height: 26px;
}
.spa
{
    margin: 10px auto 0px auto;
    padding: 0;
    border-right: 1px solid #e1e1e1;
}
.spa1
{
    margin: 10px auto 0px auto;
    padding: 0;
}

.ahrif
{
    line-height: 36px;
    color: #2a86a5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.ahrif a
{
    line-height: 35px;
    color: #2a86a5;
    font-size: 12px;
    text-decoration: none;
    border: none;
}
.ahrif a:hover
{
    line-height: 35px;
    color: #D9631A;
    font-size: 12px;
    text-decoration: underline;
    border: none;
}
.loginsp
{
    margin: 5px auto 0px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.trought-txt
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold; /*color:#836503;*/
    color: #555555;
    line-height: 18px;
    text-align: center;
}
.logitab1
{
    float: right;
    margin-right: 4px;
}
.logitab1, .logitab2
{
    margin-top: 18px !important;
}
.logitab2, .logitab3
{
    margin: 0;
    width: 150px;
    line-height: 25px;
}
.logitab3
{
}
.mybut
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none;
    font-family: 'poppinsR' ,Tahoma, Arial;
    color: #fff;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px; /*1.42857143;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    text-transform: none;
    overflow: visible;
    background-color: #6d9ab7;
    border: 1px solid #5e87a1;
    letter-spacing: 0.04em;
}
.mybut:hover
{
    background-color: #5e87a1;
    color: #232323;
}
.new
{
    background-color: #3c8dbc;
    border: 1px solid #367fa9;
}

.new:hover
{
    background-color: #367fa9;
}



/*
.mGrid { width: 100%; background-color: #fff; margin:0px auto; padding:0px; border: solid 1px #8C8B8B; border-collapse:collapse; }
.mGrid td { padding:  7px 2px 7px 5px; border-bottom : solid 1px #e8e8e8;border-top : solid 1px #e8e8e8;border-left : solid 0px #E5E5E5;border-right: solid 0px #A9A9A9; color: #4E4E4E; font-weight:normal; font-family: Verdana, Arial ; font-size:11px;  }
.mGrid th { padding: 4px 1px 4px 3px; color: #000; border:0px none; font-weight:bold; font-family:Verdana; font-size:11px; }
.mGrid th a { text-decoration:none; padding: 4px 2px; color: #F9FC03; background: #ffffff url(grd_head1.jpg) repeat-x top; border-left: solid 0px #606060; }
.mGrid .alt { background: #fcfcfc url(grd_alt.jpg) repeat-x top;}
.mGrid .pgr {background: #fffff; }
.mGrid .pgr table { margin: 2px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border: solid 1px #606060; font-weight: bold; color: #474343; line-height: 14px; }   
.mGrid .pgr a { color: #C4C4C4; text-decoration: none; }
    .mGrid .pgr a:hover { color: #F9FC03; text-decoration:none; }
*/


.mGrid
{
    background-color: #fff;
    margin: 0 0 0 0;
    border: solid 1px #8C8B8B;
    border-collapse: collapse; /*border-left: solid 0px #CBCBCB; 	border-right: solid 0px #CBCBCB;*/
    color: #333333;
    font-weight: normal;
    font-family: Arial;
    font-size: 11px;
    word-wrap: break-word;
}
/*.mGrid tr { padding: 2px; border: solid 1px #c1c1c1; color: #403F3F; }*/
.mGrid td
{
    padding: 4px 1px 4px 5px;
    border-bottom: solid 1px #C4C4C4;
    border-top: solid 1px #C4C4C4;
    border-left: solid 0px #E5E5E5;
    border-right: solid 0px #A9A9A9;
    color: #333333;
    font-weight: normal;
    font-family: Verdana;
    font-size: 11px;
}

.mGrid th
{
    padding: 4px 1px;
    color: #484840;
    background-image: url(GridHead2.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #B9B7AB; /* #378AB4;*/ /*border: solid 1px #2f7da4;*/
    border: 1px solid #A9A9A9;
    padding-left: 3px;
    font-weight: normal;
    font-family: Tahoma, Verdana , Arial;
    font-size: 8pt;
}
.mGrid th a
{
    text-decoration: none;
    padding: 4px 1px;
    color: #282822;
    text-decoration: underline; /*background: #ffffff url(grd_head1.jpg) repeat-x top;*/
    border-left: solid 0px #F42E2E;
}
.mGrid .alt
{
    background: #fcfcfc url(grd_alt.jpg) repeat-x top;
}
/*.mGrid tr .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }*/
.mGrid .pgr
{
    background: #fffff;
}
.mGrid .pgr table
{
    margin: 2px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 0 0 0;
    border: solid 1px #D3D3D3;
    font-weight: bold;
    color: #333333;
    line-height: 26px;
    width: 26px;
    text-align: center;
    font-size: 12px;
}

.mGrid .pgr td span
{
    border-width: 0;
    padding: 2px 4px;
    border: none; /*background-color:#4997BE;*/
    font-weight: bold;
    color: #3776D6;
    font-size: 12px;
}
.mGrid .pgr a
{
    color: #333333;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #3776D6;
    text-decoration: none;
}

.HeadingMain
{
    /* width: 100%;         height:30px;          background: #3288b9 url(grd_head1.jpg) repeat-x top;         margin:0px auto; padding:0px; border:none; border-collapse:collapse; color:#fff;*/
    padding: 4px 1px;
    color: #484840;
    background-image: url(GridHead2.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #B9B7AB; /* #378AB4;*/ /*border: solid 1px #2f7da4;*/
    border: 1px solid #A9A9A9;
    padding-left: 3px;
    font-weight: normal;
    font-family: Tahoma, Verdana , Arial;
    font-size: 8pt;
    height: 20px;
}

/*.mybox
{
	padding: 1px; border: solid 1px #BABAB7;  
	border: solid 1px #A5ACB2;         #A6A6A3;
	/*border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	outline: 0;
	color: #31312E;
	background-image: url('../Images/BoxBg1.jpg');
	background-repeat: repeat-x;
	text-align: left;
	margin-top: 2px;
	font-weight: normal;
	color: #2F76A7;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	height:16px;
	}


.mybox:focus
{
	 background-image: none;
    background-color: #F8E579;
	} */



#wrapper
{
    position: absolute;
    width: 850px;
    height: 68px;
    margin: 0 auto;
    padding: 0;
    left: 20%;
    display: inline-block;
    overflow: hidden;
}
#wrapper img
{
    border: 0px none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
}
#menuwrapper
{
    position: relative;
    height: 60px;
    display: inline-block;
    float: left;
    width: 900px;
}
#menu
{
    position: absolute;
    bottom: 0;
    left: 0px;
    top: 0px;
    font-family: Arial;
    font-size: 11px;
}
.menuitem
{
    position: fixed relative;
    bottom: 0px;
    display: inline-block;
    width: 80px;
    margin-left: 40px;
    text-decoration: none;
    border: 0px none;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
}
.menuitem span
{
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-align: center;
    text-decoration: none;
    position: fixed relative;
    float: left;
    position: fixed relative;
}


#slideshow
{
    position: relative;
    height: 209px;
    width: 360px;
}

#slideshow IMG
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
}

#slideshow IMG.active
{
    z-index: 10;
    opacity: 1.0;
}

#slideshow IMG.last-active
{
    z-index: 9;
}
.two-box-slid
{
    width: 360px;
    height: 209px;
    float: left;
}


.grid-table
{
    font-family: Arial;
    font-size: 12px;
}
.heading-page
{
    background-image: url('../Images/PageHead1.jpg');
    background-position: left center;
    background-repeat: repeat-x;
    font-family: Verdana;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    width: 200px;
    display: block;
    border: 1px solid #606060;
}
.heading-page span
{
    background-image: url("../Images/legend.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 5px;
    font-weight: bold;
    font-family: Verdana,Tahoma,Arial;
    font-size: 9pt;
    padding: 2px 0px 2px 25px;
}
.OtherTableG
{
    /*background-color:#EDEDED;*/
    padding: 4px;
    margin: 2px;
    background-color: #eeeeee; /*#C6D670; #F4FDC3;*/
    padding: 1px; /*background-color:#F7ECC9;*/
    border: 1px solid #dddddd /*#A4A717*/; /*border-top: 0px solid #B8C1D0; 	border-left: 0px solid #B8C1D0; 	border-right: 0px solid #B8C1D0; /*-moz-box-shadow: 0 0 3px 3px #E6E6E4; -webkit-box-shadow: 0 0 3px 3px #E6E6E4; box-shadow: 0 0 3px 3px #E6E6E4;*/
    border-radius: 4px;
    color: #000; /*-moz-box-shadow: 0px 1px 8px rgba(68,68,68,0.3); -webkit-box-shadow: 0px 1px 8px rgba(68,68,68,0.3); box-shadow: 0px 1px 8px rgba(68,68,68,0.3); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.20); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.20)";*/
}

.MyTable
{
    background-color: #FAFAFA;
}

.MyTable td, th
{
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-family: Verdana, Arial;
    font-size: 11px;
}

.MyTable td:hover
{
    background-color: #F1F1F1;
    color: #935D1E;
}

/*.MyHead
{
 background-image:url('../Images/MyHead.jpg');	
  background-repeat:repeat-x;
 height:22px;
 text-align:left;
 vertical-align:middle;
 padding-left:5px;
 font-family:Verdana,Tahoma,Arial;
 font-size:8pt;
 font-weight:normal;
 color:#ffffff;
 border:1px solid #5A7F97;          #BBB9B9;
	}
	*/

.LoginTable
{
    /*width:344px;*/ /*border-top:1px solid #CAC9C9; 		border-left:1px solid #BEBEBE; 		border-right:1px solid #BEBEBE; 		border-bottom:1px solid #8D8D8D;*/ /*border-radius:3px;*/
    background-color: #FBFBFB;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555555;
}

.home-btnonindex
{
    font-family: Arial;
    font-size: 12px;
    padding: 3px 14px;
    float: right;
    background-color: #F2D052;
    margin-top: 15px;
    margin-right: 10px;
    background-image: url('../images/ButBk1.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    text-decoration: nine;
    font-weight: bold;
    color: #fff;
}
.home-btnonindex a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #454545;
}

.home-btnonindex a:hover
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.gried-c1
{
    font-family: Verdana;
    font-size: 11px;
    color: #555555;
    padding: 0 0;
    font-weight: normal;
    border: 1px solid #cccccc;
    height: 16px;
}

.pgImage
{
    -moz-box-shadow: 0 2px 3px 0px #8f8f8f;
    -webkit-box-shadow: 0 2px 3px 0px #8f8f8f;
    -box-shadow: 0 2px 3px 0px #8f8f8f;
}
/*login-window*/
#login-home {
    max-width: 400px;
    margin: 0 auto;
    margin-top:50px;
    padding-bottom: 10px;
    border-top: 3px solid #6278a4; /*border:solid 1px rgb(200,200,210);*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff; /*-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.25); -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.25); box-shadow:0px 0px 2px rgba(0,0,0,0.25); -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#40000000,Positive=true)"; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#40000000,Positive=true);*/
    position: relative;
}
.first
{
    margin-top: -4px !important;
}
#login-home:after
{
    content: "";
    background: url("../images/bottom-bg.png") no-repeat 0 0;
    width: 100%;
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 100%;
    left: -2px;
}
#login-home > table
{
    padding: 0;
    width: 100%;
    background-color: #fff;
}
.log-container
{
    width: 380px;
}
.MyHead
{
    position: relative;
    border-bottom: 1px solid #ececec;
}
.MyHead > h1
{
    font-family: 'poppinsR' ,Tahoma;
    font-weight: normal;
    letter-spacing: 0.03em;
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin: 0;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    height: 45px;
    line-height: 45px;
    background-color: #ffffff;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#4d000000,Positive=true)";
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#4d000000,Positive=true);
}
.MyHead > span
{
    position: absolute;
    left: 14%;
    top: 22%;
}
.select-type
{
    font-family: "Arial";
    width: 100%;
}
.select-type > h1
{
    color: #7b7b7b;
    font-size: 17px;
    font-weight: 100 !important;
    letter-spacing: 0.03em;
    width: 55%;
    padding: 5px 0;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
}
.select-type label
{
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #868686;
    font-family: Tahoma,Arial;
}
.select-type > div
{
    width: 270px;
    margin: auto;
    margin-bottom: 6px;
}
.select-type > input[type="radio"]
{
    margin: 0 !important;
    padding: 0;
}
.select-type > lebel
{
    border: 1px solid rgb(159,159,181);
    display: block;
    -moz-border-radius: 1px 1px 12px 12px;
    -webkit-border-radius: 1px 1px 12px 12px;
    border-radius: 1px 1px 12px 12px;
}
.login-details
{
    padding: 0 20px;
    margin: 8px auto;
    font-family: "Arial";
}

.login-details .mybox
{
    color: #000;
}
.login-details p
{
    margin: 0px auto;
    width: 355px;
    margin-bottom: 10px;
    position: relative;
}
.login-details p > span
{
    position: absolute;
    top: 30%;
    left: 16%;
    font-size: 16px;
    color: #BDBDBD;
}
.req-ind
{
    position: absolute;
    left: 83% !important;
}
.login-details span.lebel-form
{
    font-size: 13px;
    font-weight: normal;
    color: #606060;
    display: block;
}
/*.login-details input {
	border: none;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	padding: 0;
	-webkit-appearance: none;
}*/
.login-details table
{
    width: 100%;
}
.captionspan
{
    font-size: 13px;
    margin-left: 5px;
    color: #868686;
    line-height: 20px;
}


/*.login-details input[type="text"],.login-details input[type="password"],.login-details select {
border:1px solid #b1b1b1;
/*color: #7E7A7A !important;*/
/*color: black !important;
height:32px;
padding-left: 9%;
font-size:13px;
background-color:white !important;
width: 226px!important;
margin: 3px auto;
display: block;
}
.login-details input[type="text"]:focus,.login-details input[type="password"]:focus,.login-details select:focus
{border-color: #999999;
    }
.login-details select{padding-left: 0%;
width: 350px !important;
font-size: 11px;}
  
.login-details input:focus{background-color:White;}  
.login-details input[type="submit"]{-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:30px;
width:88px;
color:White;
padding:0 10px;
cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5a7f97,endColorstr=#ff476578,GradientType=0)";
    /*background-image: linear-gradient(180deg,rgb(90,127,151) 0%,rgb(71,101,120) 100%);
}     
.login-details input[type="submit"]:hover{color:White;
                                          }    
.login-details td>input+input   
{float: right;
    }                                       
.logitab2 > a,.logitab3 > a{color: white;
font-size: 12px;
font-family: arial;
} 
.logitab2 > a:hover,.logitab3 > a:hover{
color: rgb(126, 126, 126);
} 
.logitab3 > a{display:inline-block; text-align:center; margin:4px auto;}          
.ruler{height: 1px;
background:#ececec;
margin-top:18px;}   
select+span{position:absolute;
            top: 69%;
right: 3%;} 
select:last-child+span{top:80% !important;}    
input[value="2"]   {margin-left: 35px;}      
*/
.mybox
{
    height: 28px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    outline: 0;
    font: normal 13px/100% 'poppinsR' , Tahoma, Verdana, sans-serif;
    color: #646464 !important;
    padding: 2px 2px 2px 5px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.mybox:focus
{
    border: 1px solid #6278a4;
}

.myddl
{
    height: 30px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    outline: 0;
    font: normal 13px/100% 'poppinsR' , Tahoma,Verdana, sans-serif;
    color: #646464;
    padding: 2px 2px 2px 5px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.myddl:focus
{
    border: 1px solid #6278a4;
}

.gray
{
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.gray:hover
{
    background-color: #e7e7e7 !important;
}

.eye-pointer
{
    position: absolute;
    right: 0px;
    top: 5px;
    padding: 10px;
    cursor:pointer;
}