/***

Responsive Theme. 

Based on http://getbootstrap.com/css/#responsive-utilities-classes

***/



/***

Form Medium Devices Up To Large Devices

***/



@media (min-width: 992px) and (max-width: 1200px) {  



	.page-boxed .header .dropdown .username {

		display: none;

	}	



}



/***

From Medium Devices Up To Larger Devices

***/



@media (min-width: 992px) { 



 	/***

 	Page sidebar

 	***/

 	.page-sidebar {

		position: absolute;

 		width: 220px;

  	}



  	.page-sidebar.navbar-collapse {

  		max-height: none !important;

  	}



	.page-sidebar-fixed .page-sidebar {

	  	position: fixed !important;

	 	top: 41px;

	}



	.page-sidebar-fixed ul.page-sidebar-menu > li.last {

		margin-bottom: 15px !important;

	}



	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar {

		z-index: 10000;		

		width: 35px;		

	}



	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected {

		display: none;

	}



	.page-sidebar-fixed.page-sidebar-hover-on .page-content {

		margin-left: 35px;

	}

	.page-sidebar-fixed.page-sidebar-hover-on .footer {

		margin-left: 35px;

	}



	.page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit,

	.page-sidebar-fixed .page-sidebar .sidebar-toggler {

		-webkit-transition: all  0.3s ease;

	     -moz-transition: all  0.3s ease;

	       -o-transition: all  0.3s ease;

	          transition: all  0.3s ease;

	}



	.page-sidebar-hovering {

		overflow: hidden !important;

	}



	.page-sidebar-hovering .sub-menu,

	.page-sidebar-hovering span.title,

	.page-sidebar-hovering span.arrow {		  

		display: none !important;

	}



	.page-sidebar-hovering .submit {

		opacity: 0;

		width: 0 !important;

		height: 0 !important;

	}



  	/***

  	Page content

  	***/

  	.page-content { 

  		margin-left: 220px; 

		margin-top: 0px;

		min-height: 760px; 

		25px 14px 20px 15px;

		overflow:hidden;

	}



	.page-sidebar-fixed .page-content {

		min-height: 600px; 

	}



	.page-content.no-min-height {

		min-height: auto;

	}



	/***

	Footer

	***/



	/* fixed sidebar */

	.page-footer-fixed .footer {

	  position: fixed;

	  left: 0;

	  right: 0;

	  z-index: 10000;

	  bottom: 0;

	}



	.page-footer-fixed .page-container {

	  margin-bottom: 32px;

	}



	.page-footer-fixed.page-sidebar-fixed .footer {

	  margin-left: 0 !important;

	}

	/* end: fixed footer */



	.page-boxed .footer {

  		padding: 8px 0 5px 0; 

	}



	.page-sidebar-fixed .footer {

	  margin-left: 225px;

	  background-color: #fff;

	  padding: 8px 20px 5px 20px;

	}



	.page-sidebar-fixed .footer .footer-inner {

	  color: #333;

	}



	.page-sidebar-fixed.page-sidebar-closed .footer {

	  margin-left: 35px;

	}



	.page-sidebar-fixed .footer .footer-tools .go-top { 

	  background-color: #666;

	}



	.page-sidebar-fixed .footer .footer-tools .go-top i {

	  color: #ddd;

	}



	/* boxed layout */

	.page-boxed	.header .navbar-brand {

  		margin-left: 0px !important;

  		width: 226px;

	}



	.page-boxed .header .navbar-brand img {

		margin-left: 10px;

	}



	.page-boxed .header .navbar-nav {

	  margin-right: 0px;

	}



}



/***

Up To Medium Devices

***/



@media (max-width:991px) { 

	

	/***

 	Page header

 	***/

 	.header {

 		padding: 0 15px 0 15px;

 		position: relative;

 		clear: both;

 	}



 	.header .navbar-toggle {

 		display: inline-block;

 	}



 	.page-sidebar.navbar-collapse {

  		max-height: 340px;

  	}



 	.page-sidebar.navbar-collapse.collapse {

	    display: none !important;

	}



	.page-sidebar.navbar-collapse.in {	 	

	 	overflow: hidden !important;

	 	overflow-y: auto !important;

	 }



	.header .nav li.dropdown i {

		display: inline-block;

		position: relative;

		top:1px;

		right:0px;

	}



	.header .navbar-nav {

		display: block;

		margin-bottom: 0px !important;

	}



	.header .navbar-nav .open .dropdown-menu  {

		position: absolute;

	}



	.header .navbar-nav {

		display: inline-block;

    	float: right;

    	margin: 0;

  	}

  

 	.header .navbar-nav > li {

    	float: left;

  	}



  	.header .navbar-nav > li > a {

    	padding-top1: 15px;

    	padding-bottom1: 15px;

  	}

	

	.header .navbar-brand {

    	margin-left: -15px !important;

    	width: auto !important;

		padding:5px 10px !important;

	}

	.header .navbar-brand img {

		margin-left: 0 !important;

	}



	/***

	Page container

	***/

	.page-container {

		margin: 0 !important;

		padding: 0 !important;

	}



	/***

  	Page content

  	***/

  	.page-content {

  		margin: 0px !important;

  		padding: 20px 20px 20px 20px !important;  		

		min-height: 280px; 

  	}



	/***

	Page sidebar

	***/

	.page-sidebar {

		border-top: 0 !important;

		margin: 20px;

	}



	.page-sidebar.in {

		border-top: 0 !important;

		margin: 20px;

		position: relative;

		z-index: 5;

	}



	.page-sidebar .sidebar-toggler {

		display: none;

	}



	.page-sidebar ul {

		margin-top:0px;

		width:100%;

	}



	.page-sidebar .selected {

		display: none !important;

	}



	.page-sidebar .sidebar-search .input-box {

	  width: 220px;

	}



	/***

	Styler panel

	***/

	.styler-panel {

		top:55px;

		right:20px;

	}



	/***

	Boxed Layout

	***/

 	.page-boxed .header > .container,

 	.page-boxed .footer > .container,

 	.page-boxed > .container {

 		max-width: none !important;

 		margin: 0 !important;

 		padding: 0 !important;

 	}



}



/***

From Small Devices Up To Medium Devices

***/

 

@media (min-width: 768px) and (max-width: 991px) { 



	/***

	Body

	***/

	body {

	 	padding-top: 0px;

	}



	/***

	Page sidebar

	***/

	.page-sidebar .btn-navbar.collapsed .arrow { 

		display: none;

	}	



	.page-sidebar .btn-navbar .arrow {

	  position: absolute;

	  right: 25px;

	  width: 0; 

	  height: 0;

	  top:50px;

	  border-bottom: 15px solid #5f646b;

	  border-left: 15px solid transparent; 

	  border-right: 15px solid transparent; 

	}



} 

 

/***

Extra Small Devices Only

***/



@media (max-width: 767px) { 

	

	/***

	Page header

	***/

	

	.header {

 		padding: 0 10px 0 10px;

 	}



	.header .top-nav .nav{  

	 	margin-top: 0px;

	 	margin-right: 5px;

	}



	.header .nav > li > .dropdown-menu.notification:after, 

	.header .nav > li > .dropdown-menu.notification:before {

		margin-right: 180px;

	}



	.header .nav > li > .dropdown-menu.notification {

  		margin-right: -180px;

	}



	.header .nav > li > .dropdown-menu.inbox:after, 

	.header .nav > li > .dropdown-menu.inbox:before {

		margin-right: 140px;

	}



	.header .nav > li > .dropdown-menu.inbox {

  		margin-right: -140px;

	}



	.header .nav > li > .dropdown-menu.tasks:after, 

	.header .nav > li > .dropdown-menu.tasks:before {

		margin-right: 90px;

	}



	.header .nav > li > .dropdown-menu.tasks {

  		margin-right: -90px;

	}



  	/* Header logo */

	

	

	.header .navbar-brand {

		padding:12px 10px !important;

	}

	.header .navbar-brand img {

		margin-left: 0 !important;

		height:26px !important;

	}

	.header .navbar-nav > li.dropdown.user .dropdown-toggle{

		padding:11px 4px !important

	}

	/***

	Page content

	***/

	.page-content {

		padding: 20px 10px 10px 10px !important;

		overflow: hidden;

	}



	/***

	Page title

	***/

	.page-title {

		margin-bottom: 20px;

		font-size: 18px;

	}



	.page-title small {

		font-size: 13px;

		padding-top: 3px;

	}

	

	/***

	Styler pagel

	***/

	.styler-panel {

		top:58px;

		right:12px;

	}	



	/***

	Page breadcrumb

	***/

	.breadcrumb {

		padding-left: 10px;

  		padding-right: 10px;

	}



	/***

	Portlet form action

	***/

	.portlet-body.form .form-actions{

	  padding-left: 15px;	

	} 





	/***

	Form input validation states

	***/

	.input-icon .input-error, 

	.input-icon .input-warning, 

	.input-icon .input-success { 

		top:-27px;

		float: right;

		right:10px !important;

	}	



	/***

	Advance tables

	***/

	.table-advance tr td.highlight:first-child a {

		margin-left: 8px;

	}



	/***

	Footer	

	***/	

	.footer {

		padding-left: 10px;

		padding-right: 10px;		

	}	

	

	.footer .go-top {  

		float: right;

		display: block;

		margin-right: 0px;

	}



	/***

	Vertical inline menu

	***/

	.ver-inline-menu li.active:after {

		display: none;

	}



	/***

	Form controls

	***/

	.form-horizontal .form-actions {

  		padding-left: 180px; 	

  	}



  	.portlet .form-horizontal .form-actions {

  		padding-left: 190px; 	

  	}

}



/***

The Most Extra Small Devices Landscape Mode Only

***/



@media (max-width: 480px) {



	/***

	Header navbar

	***/



	.header .navbar-nav {

		display: block !important;

		margin-top: 0px !important;

	}



	.header .navbar-nav > li.dropdown .dropdown-toggle {

  		margin-top:-1px !important;

  	}	



  	.header .navbar-nav li.dropdown .dropdown-toggle .badge {

  		top: 8px;

  	}



  	/***

	Page sidebar

	***/

	.page-sidebar,

	.page-sidebar.in {

		margin: 0 10px 10px 10px;

	}



	/***

	Page title

	***/

	.page-title small {

		display: block;

		clear: both;

	}



	/***

	Forms

	***/

  	.portlet .form-horizontal .form-actions {

  		padding-left: 10px; 	

  	}



	/***

	Dashboard date range panel

	***/

	.page-content .breadcrumb .dashboard-date-range  {

		padding-bottom: 8px;

	} 



	.page-content .breadcrumb .dashboard-date-range span {

		display: none;

	}	



  	.page-content .breadcrumb > .btn-group span {

  		display: none;

  	}



  	.page-content .breadcrumb > .btn-group > .btn {

  		padding-left: 7px;

  		padding-right: 7px;

  	}



	/***

	Hidden phone

	***/

	.hidden-480 {

		display: none !important;

	}

}



/***

The Most Extra Small Devices Portrait Mode Only

***/



@media (max-width: 320px) {



	.header .nav > li.dropdown .dropdown-toggle {

	  padding-left: 8px !important;

	  padding-right: 8px !important;

	}



	/***

	Hidden phone

	***/

	.hidden-320 {

		display: none;

	}



	.header .navbar-brand {

		width: 100px;

	}	

}	



<!-------jany----------------------->



@media only screen and (max-width: 980px)  {

	

	.jselect1 {

    height: 32px;

    top: 1px;

}

	

	

	}
.bg-title {
    background: #fff;
    overflow: hidden;
    padding: 15px 15px 10px;
    margin-bottom: 25px;
    margin-left: -25.5px;
    margin-right: -25.5px;
}
.bg-title h4 {
    color: rgba(0,0,0,.5);
    font-weight: 600;
    margin-top: 6px;
}
.padrl-30{
	padding:0 30px;
}
.padrl-15 {
    padding: 0 15px;
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: middle;
    border-top: none;
}