/***********************************

  Internet Explorer 10 in Windows 8 and Windows Phone 8 Support

***********************************/

	@-webkit-viewport   { width: device-width; }
	@-moz-viewport      { width: device-width; }
	@-ms-viewport       { width: device-width; }
	@-o-viewport        { width: device-width; }
	@viewport           { width: device-width; }

/***********************************

  Printing Support

***********************************/

	@media print {
	  .container {
	    width: auto;
	  }
	}

/***********************************

  Global CSS

***********************************/

	body {
		color: #737373;
		/*font-family: 'Lato', sans-serif;*/
		font-family: 'Open Sans', Tahoma, Arial, helvetica, sans-serif;
		font-size: 14px;
		line-height: 1.6em;
		font-weight: 400;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	a {
		transition: all .2s ease-in-out;
	}
	a:hover img {
		opacity: 0.7;
	}
	a:hover, a:focus {
		text-decoration: none;
	}

	/* brand link color */
	a {
		color: #333;
	}
	a:hover,
	a:focus {
		color: #999;
	}
	
	/* Resorts Autocomplete */
	.autocomplete-suggestions {
		padding: 10px 20px;
		background: none repeat scroll 0 0 #fff;
	    border: 1px solid #999;
	    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	    color: #333;
	    cursor: default;
	    overflow: auto;
	}
	.autocomplete-suggestion {
		padding: 3px 10px;
	}
	.autocomplete-selected {
		background-color: #f0f0f0;
	}

	.table-tdmid>tbody>tr>td {
		vertical-align: middle;
	}

	.ibox {
		clear: both;
	    margin-bottom: 25px;
	    margin-top: 0;
	    padding: 0;
		box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	}
	.ibox-inner {
		position: relative;
		padding: 25px;
		background: #fff;
	}
	hr {
		position: relative;
		height: 0px;
		line-height: 0px;
		width: 100%;
		margin: 20px 0 25px;
		background: none;
		border: 0px;
		border-bottom: 2px solid #f1f4f9;
	}
	hr:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: #f1f4f9 transparent transparent transparent;
		position: absolute;
		top: 2px;
		left: 25px;
	}
	hr.bottom {
		border-color: #eee;
	}
	hr.bottom:before {
		content: none;
	}
	hr.top:before {
	    border-width: 0 8px 8px 8px;
	    border-color: transparent transparent #f1f4f9 transparent;
	    position: absolute;
	    top: -8px;
	}
	.content-header {
		background: #393939;
		margin: -25px -25px 25px;
		padding: 20px;
	}
	.content-header-title {
		float: left;
		width: 100%;
	}
	.content-header-title-icon {
		float: left;
		margin-right: 15px;
		font-size: 50px;
		/*color: #666;*/
	}
	.content-header-title h1,
	.content-header-title h2,
	.content-header-title h3,
	.content-header-title h4,
	.content-header-title h5,
	.content-header-title h6 {
		color: #fff;
		margin: 0px;
		line-height: 1em;
	}
	.content-header-title h2 {
		font-weight: 400;
		font-size: 28px;
		padding-right: 35px;
	}
	.content-header-title p {
		color: #ccc;
		font-size: 13px;
		line-height: 1.3em;
		margin: 0;
		padding-top: 5px;
	}
	form label {
		color: #878787;
		font-weight: 400;
	}
	form input[type="checkbox"] {
		margin: 0 5px;
	}
	.form-row {
		margin-bottom: 20px;
	}
	.form-submit {
		padding-top: 10px;
	}
	.page-header {
		padding: 15px;
		margin-top: 0;
		border-bottom: 2px solid #eee; 
	}
	.page-header h1,
	.page-header .title {
		font-size: 26px;
		margin: 0;
		color: #666;
	}
	@media screen and (min-width: 768px){
		.page-header{
			/*padding: 15px 40px;*/
			/*margin-top: -20px !important;*/
			/*margin-left: -40px;*/
			/*margin-right: -40px;*/
		}
	}

/***********************************

  Header & Sidebar CSS

***********************************/

	.navbar {
		margin-bottom: 0;
	}

	.user-menu {
	    display: inline-block;
	    /*margin-top: 14px;*/
	    /*margin-right: 10px;*/
	    float: right;
	    /*list-style: none;*/
	    /*padding: 0;*/
	}
	@media screen and (max-width: 767px) {
		.user-menu {
		    margin-top: 14px;
		    margin-right: 10px;
		}
	}
	.user-menu > li {
	    display: inline;
	    vertical-align: top;
	    line-height: 1.4em;
	    color: #fff;
	    padding: 15px 0px;
	}
	.user-menu > li:after {
	    content: "|";
	    color: #ccc;
	    /*margin: 0 8px 0 12px;*/
	    margin: 0 4px;
	}
	.user-menu > li:last-child:after {
	    content: "";
	    margin: 0;
	}
	.user-menu > li.dropdown > a.dropdown-toggle:focus, 
	.user-menu > li.dropdown > a.dropdown-toggle:hover, 
	.user-menu > li.dropdown > a.dropdown-toggle, 
	.user-menu > li > a {
	    /*color: #fff;*/
	    padding: 0;
	    background: transparent;
	}

	.td-trigger-label span {
		padding-left: 10px;
		border-left: 1px solid #ccc;
		margin-left: 5px;
	}

	.nav-sidebar li.active {
	    border-left: 4px solid #428bca;
	}
	.nav-sidebar li.active > a,
	.nav-sidebar li.active > a:hover,
	.nav-sidebar li.active > a:focus {
	    /*border-left: 4px solid #428bca;*/
	    /*background-color: #eee;*/
	    /*color: #333;*/
	    /*color: #fff;*/
	}
	.nav-sidebar li li.active > a,
	.nav-sidebar li li.active > a:hover,
	.nav-sidebar li li.active > a:focus {
	    color: #fff;
	}
	.nav-sidebar li li.active {
	    background-color: #428bca;
	    border-left: 0;
	}
	.nav-sidebar li.current > a,
	.nav-sidebar li.current > a:hover,
	.nav-sidebar li.current > a:focus {
	    /*border-left: 4px solid #428bca;*/
	    /*background-color: #428bca;*/
	    background-color: #444444;
	    color: #fff;
	}
	.sidebar {
		padding: 0;
	}
	.sidebar .sidebar-nav.navbar-collapse {
	    padding-right: 0;
	    padding-left: 0;
	}
	.sidebar ul li {
	    border-bottom: 1px solid #e7e7e7;
	}
	.sidebar .arrow {
	    float: right;
	}
	.sidebar .fa.arrow:before {
	    content: "\f104";
	}
	.sidebar .active>a>.fa.arrow:before {
	    content: "\f107";
	}
	.sidebar .nav-second-level,
	.sidebar .nav-third-level {
	    border-bottom: 1px solid #337ab7;
	}
	.sidebar .nav-second-level li,
	.sidebar .nav-third-level li {
	    border-bottom: 0!important;
	    border-top: 1px solid #337ab7;
	}
	.sidebar .nav-second-level li a {
	    padding-left: 37px;
	}
	.sidebar .nav-third-level li a {
	    padding-left: 52px;
	}

	/* NAVIGATION SIDEBAR */
	#site-navbar {
		position: absolute;
		/*left: 0px;*/
		top: 0px;
		bottom: 0px;
		/*background: #35415b;*/
	    background: #f5f5f5;
		width: 200px;
		text-align: center;
		transition: all 0.4s;
	    border-right: 1px solid #eee;
	}

	/* Main Menu */
	#menu-navigation {
		margin: 0px;
		padding: 0px;
	}
	#menu-navigation li {
		transition: 0.3s;
		position: relative;
		list-style: none;
	}
	#menu-navigation li a {
		display: block;
		padding: 20px;
		/*color: #8b9cc2;*/
		font-size: 15px;
		outline: none;
		text-decoration: none;
	}
	#menu-navigation li a:hover {
		text-decoration: none;
		/*background-color: #2c374e;*/
	}
	#menu-navigation li a .item-icon {
		display: block;
		font-size: 30px;
		margin-bottom: 5px;	
	}
	#menu-navigation li.active,
	#menu-navigation li.active a,
	#menu-navigation li.current,
	#menu-navigation li.current a {
		/*color: #fff;*/
		/*background-color: #2c374e;*/
		color: #ffffff;
		background-color: #777777;
	}
	#menu-navigation li.active,
	#menu-navigation li.current {
		/*border-bottom: 2px solid #485470;*/
		/*border-left: 4px solid #9f61bc;*/
	}
	#menu-navigation li a .arrow {
		margin-top: -25px;
		float: right;
		/*color: #8b9cc2;*/
	}
	#menu-navigation .fa.arrow:before {
	    content: "\f104";
	}
	#menu-navigation .active > a > .fa.arrow::before {
	    content: "\f107";
	}
	#menu-navigation li ul li {
		padding: 0 20px;
	}
	#menu-navigation li ul li a,
	#menu-navigation li.active ul li a {
		/*border-top: 1px solid #485470;*/
		font-size: 13px;
		/*color: #8b9cc2;*/
		padding: 7px 0;
		text-align: left;
	}
	#menu-navigation li ul li a:hover,
	#menu-navigation li.active ul li a:hover {
		/*color: #fff;*/
	}
	#menu-navigation li ul li.submenu-current a {
		/*color: #fff;*/
	}

	@media only screen and (max-width: 768px) {
		#site-navbar {
			left: -70px;
			width: 70px;
			text-align: center;
		}
		.mini-navbar #site-navbar {
			left: 0px;
		}
		#site-logo {
			margin: 15px 5px 0;
		}
		#member-status,
		#member-details,
		#member-name,
		#menu-navigation .nav-label {
			display: none;
		}
		#menu-navigation li a {
			padding: 20px 10px;
		}
		#menu-navigation li a .item-icon {
			margin-bottom: 0px;
			font-size: 20px;
		}
		#menu-navigation li a .arrow {
			margin-top: -22px;
		}
		#menu-navigation .active > a > .fa.arrow::before {
			content: "\f105";
			margin-right: -4px;
		}
		#menu-navigation li ul {
			position: absolute;
			z-index: 99;
			top: 0px;
			left: 66px;
			/*padding: 0 15px;*/
			/*background-color: #2c374e;*/
			background-color: #f5f5f5;
		}
		#menu-navigation li ul li {
			padding: 0px;
		}
		#menu-navigation li ul li:first-child,
		#menu-navigation li ul li:first-child a {
			border-top: 0px;
		}
		#menu-navigation li ul li:first-child {
			padding-top: 5px;
		}
		#menu-navigation li ul li:last-child {
			padding-bottom: 5px;
		}
		#menu-navigation li ul li,
		#menu-navigation li ul li a {
			display: block;
			white-space: nowrap;
		}
		#menu-navigation li ul li a,
		#menu-navigation li.active ul li a {
			padding: 7px 10px;
		}
	}

	/* PAGE MAIN STYLES */
	#page-wrapper {
		min-height: 500px;
		margin-left: 200px;
		transition: all 0.4s;
	}
	.page-wrapper-inner {
		min-height: 500px;
	}
	@media only screen and (max-width: 768px) {
		#page-wrapper {
			min-height: 500px;
			margin-left: 0px;
		}
	}

	/* Site Top Bar */
	#navbar-minimalize-btn {
		border: 0px;
		background: #337ab7;
		border-radius: 3px;
		color: #fff;
		font-size: 18px;
		width: 35px;
		height: 30px;
		outline: none;
		float: left;
		margin-top: 10px;
		margin-left: 15px;
		margin-right: 5px;
	}
	#navbar-minimalize-btn:hover {
		background: #2e6da4;
	}
	#navbar-minimalize-btn {
		display: none;
	}
	@media only screen and (max-width: 768px) {
		.mini-navbar #page-wrapper {
			margin-left: 70px;
		}
		#navbar-minimalize-btn {
			display: inline-block;
		}
	}

/***********************************

  Footer CSS

***********************************/

/***********************************

  Page: Home CSS

***********************************/

/***********************************

  Page: Sub CSS

***********************************/

/***********************************

  Dtatables CSS

***********************************/

	div.dataTables_length select {
		margin-right: 15px;
	}

	/** Tablets and Larger **/
	@media screen and (min-width: 768px) {
		.dt-buttons {
			margin-left: 20px;
			margin-bottom: 10px;
		}
	}

	/** Laptops and Larger **/
	@media screen and (min-width: 992px) {	
		#dataTables_length,
		.dt-buttons {
			float: left;
		}
	}

	/** Laptops and Smaller **/
	@media screen and (max-width: 991px) {
		#dataTables_length {
			width: 100%;
			text-align: center;
		}
		.dt-buttons {
			width: 100%;
			text-align: center;
			margin: 0;
		}
		.dt-buttons > .btn {
			margin: 10px auto;
			float: none;
		}
		#dataTables_filter {
			width: 100%;
		    float: none;
		    text-align: center;
		}
	}

	/** Tablets and Smaller **/
	@media screen and (max-width: 767px) {
		.dataTables_wrapper .row > [class^="col-"] {
		    padding-left: 5px;
		    padding-right: 5px;
		}
	}

	/** Large Mobile Phones and Smaller **/
	@media screen and (max-width: 479px) {

		table.dataTable>tbody>tr.child ul li {
		    /*overflow-x: scroll;*/
		    /*max-width: 290px;*/
		}
		table.dataTable>tbody>tr.child ul {
			display: block !important;
		}
		table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:first-child {
			padding-left: 10px !important;
		}
	}

/***********************************

  Responsive CSS

***********************************/

	/** Mobile Phones and Larger **/
	@media screen and (min-width: 480px) {}

	/** Large Mobile Phones and Larger **/
	@media screen and (min-width: 580px) {}

	/** Tablets and Larger **/
	@media screen and (min-width: 768px) {		
		.navbar-header {
		    width: 100%;
		}
	}

	/** Laptops and Larger **/
	@media screen and (min-width: 992px) {}

	/** Desktop and Larger **/
	@media screen and (min-width: 1200px) {
		.container {
		    width: 1280px;
		}
	}

	/** Desktop and Larger **/
	@media screen and (min-width: 1220px) {}

	/** Desktop and Larger **/
	@media screen and (min-width: 1420px) {}

	/** Large Desktop and Larger **/
	@media screen and (min-width: 1600px) {}

	@media screen and (min-width: 1639px) {}

	/** Large Desktop and Smaller **/
	@media screen and (max-width: 1639px) {}

	/** Large Desktop and Smaller **/
	@media screen and (max-width: 1599px) {}

	/** Large Desktop and Smaller **/
	@media screen and (max-width: 1419px) {}

	/** Desktop and Smaller **/
	@media screen and (max-width: 1219px) {}

	@media screen and (max-width: 1040px) {
		.table-responsive.mobile .table {
		    min-width: 0;
		}
		.table-responsive.mobile .table-head,
		.table-responsive.mobile thead {
		    display: none;
		}
		.table-responsive.mobile tbody td { 
		    display: block;
		    padding: .6rem;
		    vertical-align: middle;
		    text-align: left;
		    margin-bottom: 10px;
		    text-align: left !important;
		}
		.table-responsive.mobile tbody tr { 
		    /*margin-bottom: 20px;*/
		    display: block;
		    padding: 20px 10px;
		}
		.table-responsive.mobile tbody td:before {
		    content: attr(data-th);
		    display: inline-block;
		    /*background: #8A9CC2;*/
		    color: #8A9CC2;
		    width: 12rem;
		    padding: 0rem 1rem;
		    /*margin-right: 10px;*/
		    font-weight: bold;
		    vertical-align: middle;
		    white-space: nowrap;
		    margin-bottom: 5px;
		}
		.table-responsive.mobile .table>tbody>tr>td,
		.table-responsive.mobile .table>thead>tr>th,
		.table-responsive.mobile .table>thead>tr>td  {
		    padding: 0;
		    border: 0;
		}
		.table-responsive.mobile .td-innerwrapper {
		    /*display: inline-block;*/
		    vertical-align: top;
		}
	}

	/** Laptops and Smaller **/
	@media screen and (max-width: 991px) {}

	/** Tablets and Smaller **/
	@media screen and (max-width: 767px) {
		.user-menu li {
		    font-size: 0.9em;
		}
	}

	/** Large Mobile Phones and Smaller **/
	@media screen and (max-width: 579px) {}

	/** Large Mobile Phones and Smaller **/
	@media screen and (max-width: 479px) {}

	/** Custom Media **/
	@media screen and (min-width: 381px ) and (max-width: 479px ) {}