<style>

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:"Montserrat", sans-serif;
}

body, input, select, textarea, button, .ui-btn {
	font-family: "Montserrat", sans-serif;
}

a, a:visited, .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a, .ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover, .ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
	color: #4c9d2f;
}

.orgs-table-div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 6px;
}

#orgs_table_header .orgs-table-div {
    background-color: #4c9d2f;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border: 1px solid transparent;
    width: 300px;
}

#orgs_table {
	width: 100%;
    max-width: 1186px;
}

.org-name, .org-status, .org-notes {
	text-align: center;
	width: 300px;
}

.org-all, .org-edit, #orgs_table_header .orgs-table-div .org-all, #orgs_table_header .orgs-table-div .org-edit {
	text-align: center;
	width: 100px !important;
}

.org-info-row .org-name,.org-info-row .org-status,.org-info-row .org-notes{
	margin: auto 2px;
	border: 1px solid transparent;
}

.org-info-row .org-all {
	margin: auto 2px auto auto;
	border: 1px solid transparent;
}

.org-info-row .org-edit {
	margin: auto auto auto 2px;
	border: 1px solid transparent;
}

.org-edit button {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.org-info-row {
	border-bottom: 3px solid #396633;
}

div#orgs_table_list {
    width: 100%;
}

.ui-header .ui-title, .ui-footer .ui-title {
	overflow: visible;
	overflow-wrap: normal;
	margin: 0 auto;
	white-space: normal;
	text-align: left;
	width: 98%;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background-color: #ffffff;
	border-color: #ffffff;
}

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
	border: 1px solid #00000;
	background-color: #75767D;
	text-shadow: 0 1px 0 #333333;
	border-color: #000000;
	color: #ffffff;
}	
	
.ui-controlgroup-label legend {
	width: 100%;
	font-weight: bold;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
	font-size: smaller;
}

.ui-field-contain .ui-controlgroup-label{
	width: 100%;
}

.ui-controlgroup-controls {
	line-height: 1.1em;
}

.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn {
	line-height: 1.1em;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ui-radio {
	width: 80%;
}

.ui-radio .ui-radio-on {
	background: #4c9d2f;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.instruction_text {
	font-weight: bold;
	font-size: 1.2em;
	color: #4C9D2F;
}

.ui-icon-skull:after {
    background-image: url("21-skull.png");
    /* Make your icon fit */
    background-size: 18px 18px;
}

#info_page, #orgs_page,  #add_org_page{
	min-width: 310px;
	width: 96%;
	margin: 0 auto;
	padding: 0 1%;
	overflow-y: hidden;
}

#login_content, #rec_content, #info_content, #org_info_content, #add_org_content  {
	position: relative;
	padding: 0 1%;
}

#rec_content {
    max-width: 600px;
}

#login_form{
	padding-left: 10px;
	padding-right: 10px;
	width: 280px;
}

#confirmation_email_form {
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	width: 365px;
	text-align: center;
}

.required_info {
	padding-left: 10px;
	width: 100%;
	color: #AB0634;
	font-size: small;
}

.highlight_text {
	font-weight:bold;
	color:#AB0634;
}

#current_status {
	margin: auto 15px;
}

.last_update_text {
	font-size: .8em;
	font-style: italic;
}

#error_msg_dialog, #sent_msg_dialog, #delete_msg_dialog {
	text-align: center;
}

#error_msg_content, #sent_msg_content, #delete_msg_content {
	text-align: center;
	line-height: 32px;
	padding-left: 10px;
	padding-right: 10px;
}

#error_msg, #sent_msg, #delete_msg {
	text-align: left;
}

#login_msg {
	font-size: medium;
	font-weight: bold;
	width: 280px;
}

#user_info_msg, #user_orgs_msg, #user_add_msg, #bulk_msg   {
	font-size: medium;
	font-weight: bold;
}

#expire_container, #bulk_expire_container, #add_expire_container {
	display: none;
}

#org_info_wrapper {
    margin: 12px auto 24px auto;
    border-bottom: 3px solid rgba(117,118,125, .25);
}

#change_status_wrapper, #bulk_update, #add_org_wrapper {
    width: 100%;
    max-width: 768px;
}

#status_start_container, #bulk_status_start_container, #add_status_start_container {
    float: left;
    margin: auto 12px 15px auto;
}

#status_start_container, #status_expire_container, #bulk_status_start_container, #bulk_status_expire_container, #add_status_start_container, #add_status_expire_container {
    width: 300px;
    display: inline-block;
}

#pin_code {
	font-weight: bold;
	text-align: center;
	font-size: 1.25em;
}

#now_showing {
	width: 200px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: bold;
}

#page_select-button {
	width: 30px;
	position: absolute;
	top: -30px;
	left: 45px;
}

#total_pages {
	position: relative;
	top: -26px;
	left: 130px;
}

#bulk_update {
	margin: 20px 0;
}

#bulk_status-button {
	width: 125px;
}

#select_all:hover {
	text-decoration: underline;
	cursor: pointer;
}

.ui-mobile label {
	font-weight: bold;
}

.ui-page-theme-a .ui-btn:hover, .ui-page-theme-a .ui-btn:active {
	background-color: #4c9d2f;
	text-shadow: 0 1px 0 #333333;
	border-color: #396633;
	color: #ffffff;
}
.ui-page-theme-a .ui-btn:focus {
	box-shadow: 0 0 12px #4c9d2f;
}

.ui-page-theme-a  .ui-focus {
	-webkit-box-shadow: 0 0 12px #4c9d2f;
	-moz-box-shadow:  0 0 12px #4c9d2f;
	box-shadow: 0 0 12px #4c9d2f;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #4c9d2f;
    box-shadow: #4c9d2f 0 1px 3px 0 inset;
    color: #fff;
    font-weight: normal;
    text-shadow: 1px 1px 1px #000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #4c9d2f;
}
.xdsoft_datetimepicker .xdsoft_label {
    font-weight: normal;
}
button.xdsoft_today_button {
    display: none;
    width: 0px !important;
}

@media (max-width: 1280px) {
	#orgs_table_header .orgs-table-div, .org-info-row .orgs-table-div {
		width: 300px !important;
	}
}

@media (max-width: 480px) {
	.ui-header .ui-title, .ui-footer .ui-title {
		width: 67%;
		margin: 0 5px;
	}
	
	table {
		border: 1px solid #396633;
		font-size: 8px;
	}
	td {
		border-bottom: 1px solid #396633;
		padding: 0px 0px;
	}
}

</style>