@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Roboto:400,300,100,700,500);
@-ms-viewport{ width: device-width; }

/******************************************
	Document    : layout
	Created on  : September 26, 2016
	Author      : Dawn Agran | Nectyr Productions, LLC
	Description : Purpose of the stylesheet follows.
******************************************/

body { font-family: 'Roboto', sans-serif; font-weight: 300; color: #888; line-height: 30px; text-align: center; background: #0E4099; }
.container { background: rgba(255, 255, 255, 0.5); padding: 4em 0em; border-radius: .2em; -webkit-box-shadow: 3px 3px 8px 1px #001C4C; -moz-box-shadow: 3px 3px 8px 1px #001C4C; box-shadow: 1px 1px 8px 4px #052D73; }

strong { font-weight: 500; }
.clear { clear: both; }

a:link, a:visited, a:focus { color: #96C93D; text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
a:hover { color: #0E4099; }

h1, h2 { margin-top: 10px; font-size: 38px; font-weight: 100; color: #555; line-height: 50px; }
h3 { font-size: 22px; font-weight: 300; color: #555; line-height: 30px; }
h1 img { background: rgba(255, 255, 255, 0.95); padding: .5em 1em .5em 1em; border-radius: .2em; }
.description img { background: rgba(255, 255, 255, 1); padding: .5em 1em .5em 1em; border-radius: .2em; }
p { font-size: 1.2em; }
img { max-width: 100%; }

.alignright { text-align: right; }

::-moz-selection { background: #96C93D; color: #fff; text-shadow: none; }
::selection { background: #96C93D; color: #fff; text-shadow: none; }


.btn-link-1 { display: inline-block; height: 50px; margin: 5px; padding: 16px 20px 0 20px; background: #96C93D; font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }

.btn-link-1.btn-link-1-facebook { background: #4862a3; }
.btn-link-1.btn-link-1-twitter { background: #55acee; }
.btn-link-1.btn-link-1-google-plus { background: #dd4b39; }

.btn-link-1 i { padding-right: 5px; vertical-align: middle; font-size: 20px; line-height: 20px; }

.btn-link-2 { display: inline-block; height: 50px; margin: 5px; padding: 15px 20px 0 20px; background: rgba(0, 0, 0, 0.3); border: 1px solid #fff; font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.btn-link-2:hover, .btn-link-2:focus,
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; }


/***** Top content *****/

.inner-bg { padding: 0em 0em 1em 0em; }

.top-content .text { color: #fff; }
.top-content .text h1 { color: #fff; }
.top-content .description { margin: 20px 0 10px 0; }
.top-content .description p { opacity: 0.8; }
.top-content .description a { color: #fff; }
.top-content .description a:hover,
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box { margin-top: 3em; }
.form-top { overflow: hidden; padding: 0 25px 5px 25px; background: #fff; -moz-border-radius: .2em .2em 0 0; -webkit-border-radius: .2em .2em 0 0; border-radius: .2em .2em 0 0; text-align: left; }
.form-top-left { float: left; width: 75%; padding-top: 25px; }
.form-top-left h3 { margin-top: 0; }
.form-top-bottom p { margin: 0; line-height: 1.4em; }
.form-top-right { float: left; width: 25%; padding-top: 5px; font-size: 66px; color: #ddd; line-height: 100px; text-align: right; }

.form-top-bottom { background: white; float: left; width: 100%; text-align: left; padding: 0em 1em 1em 2em; }
.form-top-bottom p { margin: 0em 0em; line-height: 1.4em; }

.form-middle { padding: 1em 25px 30px 25px; background: #eee; text-align: left; }
.form-middle form textarea { height: 100px; }
.form-middle form button.btn { width: 100%; }
.form-middle form .input-error { border-color: #96C93D; }

.form-bottom { padding: 25px 25px 30px 25px; background: #444; -moz-border-radius: 0 0 .2em .2em; -webkit-border-radius: 0 0 .2em .2em; border-radius: 0 0 .2em .2em; }
.form-bottom p { color: #ddd; }


/* events elements */
.events-top { overflow: hidden; padding: 0px 25px 5px 25px; background: #fff; -moz-border-radius: .2em .2em 0 0; -webkit-border-radius: .2em .2em 0 0; border-radius: .2em .2em 0 0; text-align: left; }
.events-top-left { padding: 25px 0px 0px 0px; }
.events-top-middle { padding: 15px 0px 0px 30px; }
.events-top-left h3 { margin-top: 0; }
.events-top-bottom p { margin: 0; line-height: 1.4em; }
.events-top-right { text-align: right; padding: 15px 10px 0px 0px; font-size: 66px; color: #ddd; line-height: 100px; }

.events-top-bottom { background: white; float: left; width: 100%; text-align: left; padding: 0em 1em 1em 2em; }
.events-top-bottom p { margin: 0em 0em; line-height: 1.4em; }

.events-middle { padding: 1em 25px 30px 25px; background: #eee; text-align: left; }
.events-middle form textarea { height: 100px; }
.events-middle form button.btn { width: 100%; }
.events-middle form .input-error { border-color: #96C93D; }

.events-bottom { padding: 25px 25px 30px 25px; background: #444; -moz-border-radius: 0 0 .2em .2em; -webkit-border-radius: 0 0 .2em .2em; border-radius: 0 0 .2em .2em; }
.events-bottom p { color: #ddd; }

.ostatus { float: left; margin-right: 1em; }

/* social-login elements */
.social-login { margin-top: 35px; }
.social-login h3 { color: #fff; }
.social-login-buttons { margin-top: 25px; }

#viewdetails { font-size: .75em; }
#viewdetails button.btn, #viewdetails input.btn { height: 25px; margin: 0; padding: 0 11px; font-size: 1.1em; font-weight: 300; line-height: 25px; }

.statuswrap { display: table; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 1em; margin-bottom: 1em; }
.statusrow { display: table-row; }
.statuscell { display: table-cell; max-width: 100px; padding-right: 1em; line-height: 1.2em; }
.statuscell::last-child { padding-right: 0px; }

#viewstages .fa { font-size: 1.9em; vertical-align: middle;}
td.boxedin div { background: #E2EAF4; padding: .5em; }

#changestatuswrap select { margin: 0em 1em 0em .2em; }

/* form elements */
input[type="text"], input[type="password"], textarea,  textarea.form-control { height: 50px; margin: 0; padding: 0 20px; vertical-align: middle; background: #f8f8f8; border: 3px solid #ddd; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 50px; color: #888; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
textarea, textarea.form-control { padding-top: 10px; padding-bottom: 10px; line-height: 30px; }
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus, textarea.form-control:focus { outline: 0; background: #fff; border: 3px solid #ccc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }

button.btn, input.btn { height: 50px; margin: 0; padding: 0 20px; vertical-align: middle; background: #96C93D; border: 0; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 50px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
button.btn:active, input.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
button.btn:focus, input.btn:focus { outline: 0; opacity: 0.6; background: #96C93D; color: #fff; }
button.btn:active:focus, button.btn.active:focus, input.btn:active:focus, input.btn.active:focus { outline: 0; opacity: 0.6; background: #96C93D; color: #fff; }

.popup h3 { color: #0E4099; background: #ddd; padding: .75em 0em; }

#viewdetails.popup > div.table-responsive > div#viewdets_wrapper.dataTables_wrapper.form-inline.no-footer > div.row > div.col-xs-6 > div#viewdets_filter.dataTables_filter > label > input.form-control.input-sm { max-width: inherit; }
#viewdetails.popup > div.table-responsive > div#viewdets_wrapper.dataTables_wrapper.form-inline.no-footer > div.row > div.col-xs-6 { float: left; width: 100%; }
#viewdetails.popup > div.table-responsive > div#viewdets_wrapper.dataTables_wrapper.form-inline.no-footer > div.row > div.col-xs-6 > div#viewdets_filter.dataTables_filter > label { float: left; margin-left: 1em; text-align: left; }

/* table elements */
td > a > i.fa { margin: 0em 0em 0em .7em; }

.table-responsive { overflow-x: inherit; }
table.dataTable thead th { position: relative; background-image: none !important; }
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after { position: absolute; top: 12px; right: 8px; display: block; font-family: FontAwesome; }
table.dataTable thead th.sorting:after { content: "\f0dc"; color: #BFBFBF; font-size: 0.9em; padding-top: 0.12em; }
table.dataTable thead th.sorting_asc:after { content: "\f0de"; }
table.dataTable thead th.sorting_desc:after { content: "\f0dd"; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #96C93D; border-color: #96C93D; }


/***** Media queries *****/
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
body { background: #fff; }
.container { background: rgba(255, 255, 255, 1); padding: 0em; border-radius: 0em; -webkit-box-shadow: 0px #fff; -moz-box-shadow: 0px #fff; box-shadow: 0px #fff; }
.inner-bg { padding: 0em; }
}
@media (max-width: 767px) {
body { background-color: white; }
.col-sm-10.col-sm-offset-1.events-box { padding: 0px; }
.container { background: rgba(255, 255, 255, 1); padding: 0em; border-radius: 0em; -webkit-box-shadow: 0px #fff; -moz-box-shadow: 0px #fff; box-shadow: 0px #fff; }
.inner-bg { padding: 0em 0 2em 0; }
.events-top-left, .events-top-right { text-align: center; }
#statuswrap { width: 90%; }
.statuscell { max-width: 90px; }
}

@media (min-width: 510px) and (max-width: 767px) {
.events-top-left img { margin: auto; display: block; }
#statuswrap { width: 90%; }
.statuscell { max-width: 90px; }
}

@media (max-width: 415px) {
.ostatus { float: none; margin-right: 0em; }
h1, h2 { font-size: 32px; }
.inner-bg { padding: 0em; }
}