/*=============================================================
	Authour URI: www.binarycart.com
	License: Commons Attribution 3.0
	
	http://creativecommons.org/licenses/by/3.0/
	
	100% To use For Personal And Commercial Use.
	IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
	
========================================================  */
/*==============================================
	GENERAL  STYLES    
=============================================*/
body {
	font-family: 'Open Sans', sans-serif;
	line-height:30px;
}

#wrapper {
	width: 100%;
	margin-top:50px;
}

#page-wrapper {
	padding: 15px 15px;
	min-height: 600px;
	background:#F3F3F3;
	
}
#page-inner {
	width:100%;
	margin:10px 20px 10px 0px;
	background-color:#fff!important;
	padding:10px;
	min-height:83vh;
}
.pad-top {
	padding-top:15px;
}
/*==============================================
	MENU STYLES    
=============================================*/

.sidebar-collapse .nav {
	padding:0;
	padding-top:50px;
}

.sidebar-collapse > .nav > li > a {
	padding:15px 10px;
	color: #214761;
	font-weight: 900;
	font-size: 16px;
}
.sidebar-collapse > .nav > li {
	border-bottom:1px solid #e1e1e1;
}
.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
	
	background:#F3F3F3;
	outline:0;
}

.navbar-side {
	border:none;
	background-color: #fff;
	
}
.navbar-inverse {
	
	background-color: #dedede;
	border-color: #F0F0F0;
	min-height: 100px;
}


.nav > li > a > i {
	margin-right:10px;
}
.logout-spn {
	float:right;
	color:#000;
	font-size:25px;
	font-weight:800;
	margin:20px;
	margin: 10px 25px 10px 50px;
}
.logout-spn a {
	text-decoration:none;
}
.active-link {
	background-color:#f3f3f3;
}

/*==============================================
	DASHBOARD STYLES    
=============================================*/
.div-square {
	padding:5px;
	border:3px double #e1e1e1;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	margin:5px;
	
}

.div-square> a,.div-square> a:hover {
	color:#808080;
	text-decoration:none;
}
/*==============================================
	FOOTER STYLES     
=============================================*/
.footer {
	background-color:#214761;
	width:100%;
	color:#fff;
	padding:20px 50px 20px 50px;
	padding-left:20px;
}


.footer > a, .footer>a:hover {
	
	color:#fff;
}

/*==============================================
	MEDIA QUERIES     
=============================================*/

@media(min-width:768px) {
	#page-wrapper{
		margin: 0 0 0 260px;
		padding: 15px 30px;
		min-height: 83vh;
		
	}
	
	
	.navbar-side {
		z-index: 1;
		position: absolute;
		width: 260px;
		
	}
	
	
}

/*===============================================
	SPACE BOOTSTRAP
==============================================*/
.mt-0 {
  margin: 0 !important;
}

.mt-1 {
  margin: 1vh 0 !important;
}

.mt-2 {
  margin: 2vh 0 !important;
}

.mt-3 {
  margin: 3vh 0 !important;
}

.mt-4 {
  margin: 4vh 0 !important;
}

.mt-5 {
  margin: 5vh 0 !important;
}

.mb-0 {
  margin: 0 !important;
}

.mb-1 {
  margin: 0 0 1vh 0 !important;
}

.mb-2 {
  margin: 0 0 2vh 0 !important;
}

.mb-3 {
  margin: 0 0 3vh 0 !important;
}

.mb-4 {
  margin: 0 0 4vh 0 !important;
}

.mb-5 {
  margin: 0 0 5vh 0 !important;
}

.ml-0 {
  margin: 0 !important;
}

.ml-1 {
  margin: 0 0 0 1vh !important;
}

.ml-2 {
  margin: 0 0 0 2vh !important;
}

.ml-3 {
  margin: 0 0 0 3vh !important;
}

.ml-4 {
  margin: 0 0 0 4vh !important;
}

.ml-5 {
  margin: 0 0 0 5vh !important;
}

.mr-0 {
  margin: 0 !important;
}

.mr-1 {
  margin: 0 1vh 0 0 !important;
}

.mr-2 {
  margin: 0 2vh 0 0 !important;
}

.mr-3 {
  margin: 0 3vh 0 0 !important;
}

.mr-4 {
  margin: 0 4vh 0 0 !important;
}

.mr-5 {
  margin: 0 5vh 0 0 !important;
}

/*===============================================
	CUSTOM
==============================================*/

.jtable-detail-command-button {
	background: url('/resource/jtable.2.4.0/themes/metro/lens.png') no-repeat;
	width: 16px;
	height: 16px;
	opacity: .4;
}

.jtable-detail-command-button:hover {
	opacity: .8;
}

.jtable-list-command-button {
	background: url('/resource/jtable.2.4.0/themes/metro/list.png') no-repeat;
	width: 16px;
	height: 16px;
	opacity: .4;
}

.jtable-list-command-button:hover {
	opacity: .8;
}

#jtable-create-form, #jtable-edit-form {
    display: block;
    width: 550px;
    -moz-column-gap:40px;
    -webkit-column-gap:40px;
    column-gap:40px;
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
}

#jtable-create-form textarea, #jtable-edit-form textarea {
	width: 100% !important;
}

#jtable-edit-form .jtable-input-field-container {
	margin-top: 10px;
}

.ui-dialog-titlebar{background-color:#c2c2c2;}
.ui-dialog .ui-dialog-titlebar-close
{
  background-image: url(https://cdnjs.cloudflare.com/ajax/libs/aui/6.0.1/aui/css/icons/aui-icon-close.png);
  z-index:999999;
}