.body{
    background-image: url(images/.jpg);
}
.adminbody{
    background-image: url(images/com.jpg);
}
.panel{
    box-shadow: 0 0 5px 5px #000;
    border-radius:0px 4px 4px 0px;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid #ccc;
    object-position: center;
  align-items: center;
    
}
.panel-custom{
    background-color: black;
}
.folder{
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.wrongs{
                color:firebrick;
}
.glyphicon-globe,.glyphicon-user,.glyphicon-phone-alt,.glyphicon-home,.glyphicon-search,.glyphicon-earphone,.glyphicon-th-list{
                 margin-right: 10px;
                  } 
.btn_delete{
    float: right;
    position: relative;
    padding-left: 30px;
    
}
/* navbar */
.navbar-custom {
    background-color: #009999;
    border-color: #E7E7E7;
}

.navbar-brand{
    padding-left: 25px;
     color: black;
   font-style: oblique;
}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.2);
}
 .navbar-nav{
    padding-left: 10px;
}
#navbar-nav{
    padding-left: 50px;
}
.container-front{
    padding-top: 180px;

}
.scroll {
    overflow-y: scroll;
  
    height: 400px;
}
.scrollbox {
    overflow-y: scroll;
    width: 100%;
    height: 40px;
}
.scrollModal {
    overflow-y: scroll;
    width: 100%;
    height:350px;
}
#search_keyword_id
	{
		width:300px;
		border:solid 1px #CDCDCD;
		padding:10px;
		font-size:14px;
	}
	#result
	{
		position:absolute;
		width:320px;
		display:none;
		margin-top:-1px;
		border-top:0px;
		overflow:hidden;
		border:1px #CDCDCD solid;
		background-color: white;
	}
	.show
	{
		font-family:tahoma;
		padding:10px; 
		border-bottom:1px #CDCDCD dashed;
		font-size:15px; 
	}
	.show:hover
	{
		background:#364956;
		color:#FFF;
		cursor:pointer;
	}
  #myChart
	{
		width: 600px;
        height: 300px;
	}

        .follow-us{
            width:60px;
            height:220px;
            position:fixed;
            background:url(icons/gg.jpg) no-repeat;
            margin-top:190px;
             box-shadow: 0 0 5px 5px #000;
            border-radius:0px 4px 4px 0px;
        }
      /*codes for the follow icons*/
        .nav-follow {
            padding:5px;
        }
        .nav-follow a img{
            margin-bottom:4px;
            box-shadow: 0 0 5px 5px #000;
            transition:1s;
            opacity:0.6;
        }
        .nav-follow a img:hover{
            transition:1s;
            transform:rotate(360deg);
            opacity:1;
            -webkit-transform:rotate(360deg);
            -moz-transform:rotate(360deg);
        }
   .login_mod{
       
            background:url(icons/jj.jpg);
        }

    .register_mod{
       
            background:url(icons/wood_planks.jpg);
        }
@font-face{
	font-family:Van Helsing;
	src:url(fonts/Van Helsing.ttf);
}
.footer-font{
    
    font-family:Van Helsing;
}
.loginback{
    background: url(images/hB_1.png);
}