/* JQM Demos custom CSS */

@import url(fonts.googleapis.com/css?family=Open+Sans:400,300);

/* Header */
.jqm-demos .jqm-header {
	background: #fff;
/*	border-top: 4px solid #3eb249; */
/*	border-top: 30px solid #489038; */
/*	border-top: 30px solid #29096a; */
	border-top: 4px solid #666; 
	border-bottom-color: #eee;
}
.jqm-demos .jqm-header h2 {
	padding: 1em 0 .7em;
	margin: 0 1em;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	/* text-transform: uppercase; */
}
.jqm-demos .jqm-header h2 a {
	display: inline-block;
	text-decoration: none;
	min-height: 40px;
}
.jqm-demos .jqm-header h2 img {
	display: block;
	width: 291px;
	height: auto;
}
.jqm-demos .jqm-header h2 > img {
	display: inline-block;
}
.jqm-demos .jqm-header p {
	position: absolute;
	bottom: -2em;
	left: 1em;
	margin: 0;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
.jqm-demos .jqm-header .ui-btn {
	width: 2em;
	height: 2em;
	background: none;
	border: 0;
	top: 50%;
	margin-top: -1em;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	opacity: .4;
	filter: Alpha(Opacity=40);
}

/* Navbar */

.jqm-demos .jqm-menu {
    text-align: center;
    padding: 0;
    margin-top: -1px;
}

.jqm-demos .jqm-menu .ui-navbar {
    width: 35em;
    display: inline-block;
}

.jqm-demos .jqm-menu .ui-navbar .ui-btn {
    background-color: #207;
    border-color: #666;
    border-top-color: #eee;
    color: #eee;
    text-shadow: none;
}

.jqm-demos .jqm-menu .ui-navbar .ui-block-b .ui-btn {
    background-color: #383;
    border-color: #666;
    border-top-color: #eee;
    color: #eee;
    text-shadow: none;
}

/* Form Save submitting button */

.jqm-demos .form-save-btn>.ui-btn {
    margin-left: 0px;
    background-color: #383;
    border-color: #666;
    color: #fff;
    text-shadow: none;
}

.jqm-demos .form-save-btn>.ui-btn:hover {
    margin-left: 0px;
    background-color: #494;
    border-color: #666;
    color: #fff;
    text-shadow: none;
}

.jqm-demos .form-cancel-btn>.ui-btn {
    margin-right: 0px;
}

.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.jqm-demos .jqm-menu .ui-navbar .ui-btn.ui-btn-active {
    background-color: #fff;
    border-color: #eee;
    border-top-color: #fff;
    color: #333;
    text-shadow: none;
}

.jqm-demos .errors {
    color: #833;
}

.jqm-demos hr {
    border-bottom: 1px solid #ddd;
    border-top: none;
}

/* Footer */
.jqm-demos .jqm-footer.ui-footer {
	position: absolute;
	bottom: 0;
	padding-bottom: 0;
}
.jqm-demos .jqm-footer {
	 border-top: 1px solid #666; 
}
.jqm-demos .jqm-footer p {
	font-size: .8em;
	color: #999;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	/* margin: 0 1.25em 1.25em; */
	float: left;
	margin: 1.25em 1.25em 1.25em 3%;
}
/*
.jqm-demos .jqm-footer p:first-child {
	font-size: 1em;
	color: #666;
	font-weight: 400;
	margin: 1em 1em .75em;
}
*/

/* Content */
.jqm-demos .jqm-content {
	padding-top: 3em;
	text-align: left;
}
.jqm-demos .jqm-content > h1,
.jqm-demos .jqm-content > h2,
.jqm-demos .jqm-content > h3,
.jqm-demos .jqm-content > p,
.jqm-demos .jqm-content > ul li,
.jqm-demos .jqm-content > a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.jqm-demos .jqm-content > h1 {
	font-size: 2.4em;
	margin: 0 0 .625em;
}
.jqm-demos .jqm-content > h2 {
	color: #3eb249;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	font-size: 1.6em;
	padding-bottom: .2em;
	margin: 0 0 .7375em;
}
.jqm-demos .jqm-content > h2.errors {
    color: #833;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	font-size: 1.6em;
	padding-bottom: .2em;
	margin: 0 0 .7375em;
}
.jqm-demos .jqm-content > h3 {
	color: #3eb249;
	background-color: transparent;
	font-size: 1.4em;
	margin: 0 0 1em;
}
.jqm-demos .jqm-content > p {
	font-size: 1.2em;
	line-height: 1.5;
}
.jqm-demos .jqm-content > ul:not(.jqm-list) li {
	font-size: 1.2em;
	line-height: 1.5;
}
.jqm-demos .jqm-content > p {
	margin: 0 0 1.25em;
}
.jqm-demos .jqm-content > ul,
.jqm-demos .jqm-content > ol {
	padding-left: 1.3em;
}
.jqm-demos .jqm-content > .ui-listview {
	padding-left: 0;
}
.jqm-demos .jqm-content > a,
.jqm-demos .jqm-content > p a,
.jqm-demos .jqm-content > ul:not(.jqm-list) li a {
	font-weight: 400;
	text-decoration: none;
}
.jqm-demos .jqm-content strong {
	font-weight: 700;
}
.jqm-demos .jqm-content > p strong {
	font-weight: 400;
}

/* Homepage */
.jqm-home > .jqm-content > img {
	width: 400px;
	max-width: 100%;
	display: block;
	margin: 2.5em 0;
}
.jqm-home .ui-grid-a {
	margin: 2.5em -.5em -.5em;
}
.jqm-block-content {
	margin: .5em;
	padding: 1em;
	background: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	font-family: 'Open Sans', sans-serif;
}
.jqm-block-content h3 {
	font-size: 1.5em;
	font-weight: 300;
	color: #3eb249;
	border-bottom: 1px solid #ddd;
	padding-bottom: .25em;
	margin: 0 0 .5em;
}
.jqm-block-content p {
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.4;
	margin: .7em 0;
}
.jqm-block-content p:last-child {
	margin-bottom: 0;
}
.jqm-block-content a:link {
	font-weight: 300;
	text-decoration: none;
}

/* Lists */
.jqm-demos .jqm-search .jqm-list {
	margin: 0 -1em 1em;
}
.jqm-demos .jqm-list .ui-btn,
.jqm-demos .jqm-list .ui-btn:visited,
.jqm-demos .jqm-list .ui-li-divider {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-shadow: none !important;
}
.jqm-demos .jqm-list .ui-btn:hover,
.jqm-demos .jqm-list .ui-btn:active {
	color: #3388cc;
}
.jqm-demos .jqm-list .ui-btn.ui-btn-active {
	color: #fff;
}
.jqm-demos .jqm-list .ui-li-divider {
	color: #3eb249;
}

/* Navmenu */
.jqm-navmenu-panel .ui-listview > li .ui-collapsible-heading {
	margin: 0;
}
.jqm-navmenu-panel .ui-collapsible.ui-li-static {
	padding: 0;
	border: none !important;
}
.jqm-navmenu-panel .ui-collapsible + li > .ui-btn,
.jqm-navmenu-panel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
.jqm-navmenu-panel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {
	border-top: none !important;
}
.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn {
	padding-left: 1.5em;
	color: #999;
}
.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn.ui-btn-active {
	color: #fff;
}
.jqm-navmenu-panel .ui-btn:after {
	opacity: .4;
	filter: Alpha(Opacity=40);
}
.jqm-demos .jqm-navmenu-panel.jqm-panel-page-nav {
	display: none;
	position: absolute;
	top: 178px;
	left: 12px;
}
.jqm-demos .jqm-navmenu-panel.jqm-panel-page-nav ul li:first-child a{
	border-top: none;
}
.jqm-demos .ui-grid-b .ui-navbar .ui-btn {
    border-bottom: none;
    border-top: none;
}

/* Form */

.jqm-demos .jqm-form {
    width: 300px;
    padding-left: 50%;
    margin-left: -150px;
}

/* Tables */
.tablesorter .ui-table-reflow.ui-responsive thead td, .ui-table-reflow.ui-responsive thead th {
                        display: table-cell;
                        margin: 0;
                    }

.ui-table-reflow.ui-responsive thead th.remove {
                        display: none;
                    }
                    
.ui-tableholder .ui-collapsible-content {
    padding: 0 0;
    border: 0;
}

.ui-tableholder .ui-collapsible-content table {
    margin: 0 0 0;
    border-top: 0;
}

.ui-tableholder .ui-collapsible-content table tbody th{
    margin-top: 0;
}

@media (min-width: 60em) {
    
    /* Navbar */

    .jqm-demos .jqm-menu {
        margin-top: -35px; /*41 57 */
        text-align: right;
        padding-right: 3%;
    }

    .jqm-demos .jqm-menu .ui-navbar .ui-btn.ui-btn-active {
        background-color: #f9f9f9;
        border-color: #eee;
        border-bottom-color: #f9f9f9;
        border-width: 1px;
        color: #333;
        text-shadow: none;
    }
    
    /* Header */
    
	.jqm-demos .jqm-header h2 {
		padding: 1em 0 .7em;
		margin: 0 1em 0 3%;
		text-align: left;
	}
	.jqm-demos .jqm-header h2 img {
		width: 215px;
		/* height: 78px; */
	}
	.jqm-demos .jqm-header p {
		bottom: auto;
		left: auto;
		top: 50%;
		right: 15%;
		font-size: 1.2em;
		margin-top: -.625em;
	}
	.jqm-demos .jqm-navmenu-link {
		display: none;
	}
	.jqm-demos .jqm-search-link {
		right: 3%;
	}
	/*.jqm-demos .jqm-footer p {
		float: right;
		margin: 1.5em 3% 1.5em 1.5em;
	}*/
	.jqm-demos .jqm-footer p:first-child {
		float: left;
		margin: 1.25em 1.25em 1.25em 3%;
	}
	.jqm-demos .jqm-navmenu-panel {
		visibility: visible;
		position: relative;
		left: 0;
		clip: initial;
		float: left;
		width: 25%;
		background: none;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.jqm-demos.jqm-panel-page .jqm-navmenu-panel {
		display: none;
	}
	html .jqm-demos.jqm-panel-page .jqm-navmenu-panel.jqm-panel-page-nav {
		display: block;
	}
	.jqm-demos .jqm-navmenu-panel .ui-panel-inner {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.jqm-demos .jqm-content {
		width: 67%;
		padding-top: 2em;
		padding-left: 5%;
		padding-right: 3%;
		float: right;
	}
    .jqm-demos .jqm-content.jqm-fullwidth {
		width: auto;
		padding-left: 15%;
		padding-right: 15%;
		float: none;
	}
	.jqm-navmenu-panel .ui-listview .ui-btn {
		padding-left: 12.5%;
	}
	.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn {
		padding-left: 15%;
	}
	.jqm-navmenu-panel .ui-collapsible,
	.jqm-navmenu-panel .ui-collapsible-content,
	.jqm-navmenu-panel .ui-btn {
		background: none !important;
		border-color: #ddd !important;
	}
	.jqm-navmenu-panel .ui-btn.ui-btn-active {
		color: #3388cc !important;
	}
	.jqm-navmenu-panel .ui-btn::after {
		opacity: 0;
		-webkit-transition: opacity 500ms ease;
		-moz-transition: opacity 500ms ease;
		transition: opacity 500ms ease;
	}
	.jqm-navmenu-panel .ui-btn:hover::after {
		opacity: .4;
	}
	.jqm-search-panel {
		width: 26em;
		right: -26em;
		z-index: 1003; /* Puts the panel on top of the dismiss modal which is not adjusted to custom width */
	}
	.jqm-search-panel.ui-panel-animate.ui-panel-position-right {
		-webkit-transform: translate3d(26em,0,0);
		-moz-transform: translate3d(26em,0,0);
		transform: translate3d(26em,0,0);
	}
	.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
		left: -17em;
		right: 17em;
	}
	
	/* Form */

    .jqm-demos .jqm-field {
        margin-right: 340px;
    }
    
}

@media (min-width: 35em) {
	.jqm-block-content {
		min-height: 18em;
	}
	.ui-table-reflow.ui-responsive thead th.remove {
                            display: table-cell;
                        }
}

@media all {
    /*.ui-field-contain {
        padding: 0;
        margin: 1em 0;
        height: 37.172;
        border-bottom-style:none;
    }
    .ui-field-contain label {
        display: inline-block;
        margin: 8 0 0;
    }
    .ui-field-contain .ui-input-text {
        display: inline-block;
        width: 78%;
        float: right;
        padding-right: 0;

    }*/
    .ui-field-contain, .ui-mobile fieldset.ui-field-contain {
    display: block;
    position: relative;
    overflow: visible;
    clear: both;
    padding: 0;
    margin: 1em 0;
    border-bottom-style:none;
    }
}