.icon-spin {display: inline-block;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
.no-border-radius {-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
.text-uppercase {text-transform: uppercase;}
.text-justify {text-align: justify;}
.text-line-through {text-decoration: line-through;}
.box-heading {font-weight: bold;/*font-family: 'Oswald';*/margin-bottom: 15px;}



@media (min-width: 1px) {
  .navbar-toggle {
    display: block !important;
  }
}

@media (min-width: 992px) {
 
}



@media (min-width: 768px) {	
	
	 body {
		padding: 0 0 0 300px;
	  }
	  .navmenu {
		padding-top: 0;
	  }
	  .navbar {
		display: none !important; /* IE8 fix */
	  }

	.sidebar {
		position: fixed;
		top: 0px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 0px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #354052;
		border-right: 1px solid #eee;
	}
		
}
@media screen and (max-width: 990px) {

	.default-form .control-label.clear {clear:both;} 

}
@media screen and (max-width: 767px) {
	
	#loginForm .panel-blue {padding:20px; margin:10px;}
	
	.page-con {padding:0 15px 30px 15px;}


	.mobile-header {background-color:#354052; border:none;}
	.mobile-header .navbar-toggle {border:none;}
	.mobile-header .navbar-toggle:hover,
	.mobile-header .navbar-toggle:activ,
	.mobile-header .navbar-toggle:focus{background-color:#354052;}
	.mobile-header .navbar-toggle .icon-bar {background-color:#fff;}
	.mobile-header h1 {padding:10px 0 10px 0px; margin:0px; }
	.mobile-header .navbar-brand {float:none; display:block; width:66px; height:38.5px; margin:0 auto; padding:0; background:url('../images/common/logo.png') no-repeat; background-size:66px auto; text-indent:-9999em;}

	
	.navbar {margin-bottom:0px;}
	.sidebar {padding:0px;}
	.sidebar .navbar-brand {width:66px; height:38.5px; background-size:66px auto;}
	.sidebar .navbar-header h1 {margin-top:15px;padding:0px 0 10px 0;}

	.member-info .glyphicon {margin-top:7px;vertical-align:middle;}
	
	.table-responsive {margin-bottom:0px;}
	
	.search-area .form-group {margin-bottom:10px;}	
	.search-area .calendar-sel {overflow:hidden;}
	.search-area .calendar-sel .form-control {float:left;width:70%;}
	.search-area .pic_calendar {float:right; display:block; width:30%;}
	.search-area .btn-lg {display:block; width:100%;}

	.default-form .form-group .exp {display:block; padding:7px 0 0 0;}


	#board .basic-view {border-top:none;}
	#board .basic-view .view_header {font-size:1.06em;}
	#board .basic-view .view_info .tit {font-size:0.86em; background-position:left 4px;}
	#board .basic-view .view_info .data {font-size:0.86em;}
	#board .basic-view .view_file .tit {font-size:0.86em; background-position:left 4px;}
	#board .basic-view .view_file .file ul li {font-size:0.86em;  background-size:15px auto; background-position:left 0px;}	
	#board .basic-view .view_con {font-size:0.86em;}
	
	#board .view_link span {font-size:0.86em;}

	
	
}
@media screen and (max-width: 500px) {
	
	.default-form .xs-block {display:block; width:100%; }
	.default-form .float_left {float:none; margin-right:0;}

	.paging-area a {min-width:30px; height:30px; line-height:30px; font-size:0.86em;}
	.paging-area a.first {background-position:-4px -4px;}
	.paging-area a.last {background-position:-112px -4px;}
	.paging-area a.pre {background-position:-40px -4px;}
	.paging-area a.next {background-position:-76px -4px;}

}