body {
    margin:0px auto;
    background-color:#f9f9f9;
    font-family:arial;
    height:100%;
    -webkit-print-color-adjust: exact;
}

html {
    height:100%;
}

.clear {
    clear:both;
}

a:link {
    color:#26ade4;
    text-decoration:none;
}

a:hover {
    color:#26ade4;
    text-decoration:underline;
}

a:visited {
    color:#26ade4;
    text-decoration:none;
}

.blue_span {
    color:#26ade4;
}

.header_link {
    color:#ffffff !important;
    text-decoration: none;
}

input[type="text"], input[type="password"], textarea, select {
    font-family:arial;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
input[type="text"]:focus, textarea:focus {
    border: 1px solid #0C0;
}

::-webkit-input-placeholder {
   color: #999999;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999999; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999999;  
}

:-ms-input-placeholder {  
   color: #999999;
}

/* All Header */

.all_header {
    height:30px;
    width:100%;
    background-color:#B61616;
}

.all_header_content {
    margin:0px auto;
    width:950px;
}

.all_header_logo {
    float:left;
    font-size:10pt;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
    padding-right:20px;
}

.all_header_item {
    float:left;
    font-size:10pt;
    color:#ffffff;
    line-height:30px;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
}

.all_header_item_current {
    float:left;
    font-size:10pt;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
    background-color:#D11919;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
}

.all_header_item:hover {
    background-color:#D11919;
}

.all_header_name {
    float:right;
    font-size:10pt;
    color:#ffffff;
    line-height:30px;
    padding-left:20px;
    padding-right:20px;
}

/* Header */

.header {
    height:50px;
    width:100%;
    background-color:#d11919;
}

.header_content {
    margin:0px auto;
    width:950px;
}

.header_logo {
    float:left;
    height:50px;
    width:430px;
    line-height:50px;
    font-size:14pt;
    color:#ffffff;
}

.header_nav_item {
    position:relative;
    float:right;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#ffffff;
    padding-left:15px;
    padding-right:15px;
    cursor:pointer;
}

.header_nav_item:hover {
    background-color:#D13939;
}

.header_slogan_bar {
    height:40px;
    width:100%;
    background-color:#B11515;
}

.header_slogan_bar_content {
    margin:0px auto;
    width:950px;
    font-size:11pt;
    color:#ffffff;
    line-height:40px;
    text-align:center;
}

.header_nav_dropdown {
    display:none;
    position:absolute;
    left:0px;
    width:181px;
    background-color:#B91616;
    z-index:1000;
}

.header_nav_dropdown_item {
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    font-size:12pt;
    color:#ffffff;
    text-align:left;
    padding-left:15px;
    box-sizing:border-box;
}

.header_nav_dropdown_item:hover {
    background-color:#A81414;
}

.header_nav_dropdown_category_list {
    display:block;
    width:100%;
    box-sizing:border-box;
}

.rotate {
    display:block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: .3s;
}

.de-rotate {
    display:block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .3s;
}

/* Footer */

.footer {
    margin:0px auto;
    width:950px;
    color:#999999;
    font-size:12pt;
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
}

/* Page */

.page {
    margin:0px auto;
    width:950px;
    margin-top:30px;
}

.page_left {
    float:left;
    width:465px;
    margin-right:10px;
}

.page_left_content {
    width:100%;
    background-color:#ffffff;
    padding:20px;
    box-sizing:border-box;
    border:1px #dfdfdf solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.page_full {
    margin:0px auto;
    width:100%;
}

.page_full_content {
    width:100%;
    background-color:#ffffff;
    padding:20px;
    box-sizing:border-box;
    border:1px #dfdfdf solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.page_heading {
    width:100%;
    font-size:16pt;
    font-weight:bold;
    border-bottom:1px #dfdfdf solid;
    padding:20px;
    box-sizing:border-box;
}

.page_heading_nav {
    float:right;
    font-size:11pt;
    font-weight:normal;
}

.page_heading_nav_item {
    float:right;
    height:30px;
    font-size:10pt;
    background-color:#f9f9f9;
    line-height:30px;
    margin-left:7px;
    margin-top:-3px;
    padding-left:10px;
    padding-right:10px;
    -webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
    cursor:pointer;
}

.page_heading_nav_item:hover {
    background-color:#F1F1F1;
}

.page_heading_nav_item_active {
    float:right;
    height:30px;
    font-size:10pt;
    background-color:#26ade4;
    color:#ffffff;
    line-height:30px;
    margin-left:7px;
    margin-top:-3px;
    padding-left:10px;
    padding-right:10px;
    -webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
    cursor:pointer;
}

.page_heading_nav_item_active:hover {
    background-color:#24A9DA;
}

.page_options {
    position:relative;
    width:100%;
    border-bottom:1px #dfdfdf solid;
    padding:20px;
    box-sizing:border-box;
}

.page_full_tabs {
    width:100%;
    margin-bottom:-1px;
}

.page_full_tab {
    display:inline-block;
    height:40px;
    line-height:40px;
    font-size:15px;
    background-color:#f9f9f9;
    padding-left:15px;
    padding-right:15px;
    border:1px #dfdfe0 solid;
    border-bottom:0px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    cursor:pointer;
}

.page_full_tab:hover {
    background-color:#ffffff;
}

.page_full_tab_active {
    background-color:#ffffff;
    font-weight:bold;
}

.page_full_tabs_right {
    float:right;
    line-height:40px;
    font-size:15px;
}

.form_section {
    position:relative;
    margin-bottom:10px;
    overflow:hidden;
}

.form_section_number_incomplete {
    float:left;
    width:50px;
    height:40px;
    line-height:40px;
    background-color:#d5d5d5;
    text-align:center;
    color:#ffffff;
    font-size:12pt;
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
    border-radius-topleft:3px;
}

.form_section_number_complete {
    float:left;
    width:50px;
    height:40px;
    line-height:40px;
    background-color:#93c741;
    text-align:center;
    color:#ffffff;
    font-size:12pt;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:0px;
	border-radius-topright:0px;
	border-radius-bottomright:0px;
}



.form_section_content {
    float:left;
    width:100%;
    background-color:#ffffff;
    padding:20px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
    border-top:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-radius-topleft:0px;
}

.form_section_number {
    width:50px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#101010;
    font-size:12pt;
    margin-right: 5px;
}

.form_section_date {

    width:150px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#101010;
    font-size:12pt;
    margin-right: 5px;
}

.form_section_heading {
    float:left;
    font-size:12pt;
    font-weight:bold;
    width:750px;
    height:40px;
    line-height:40px;
    background-color:#f1f1f1;
    box-sizing: border-box;
    border-top:1px #d5d5d5 solid;
    border-right:1px #d5d5d5 solid;
    padding-left:20px;
    padding-right:20px;
}

.form_section_subheading {
    font-size:12pt;
    font-weight:bold;
    margin-bottom:5px;
}

.form_section_input_large {
    height:40px;
    width:100%;
    font-size:12pt;
    padding-left:10px;
    padding-right:10px;
}

.form_section_input_medium {
    float:left;
    height:40px;
    width:365px !important;
    font-size:12pt;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    margin-right:20px;
    margin-bottom:20px;
}

.form_section_input_number {
    height:40px;
    width:250px;
    font-size:12pt;
    box-sizing:border-box;
    padding-left:10px;
    padding-right:10px;
    margin-right:20px;
}

.form_section_textarea {
    height:70px;
    width:100%;
    font-size:12pt;
    padding:7px;
}

.form_section_dropdown {
    -webkit-appearance: menulist-button;
    height:40px;
    font-size:12pt;
    padding-left:7px;
    padding-right:7px;
}

.form_section_tip {
    display:none;
    position:relative;
    width:900px;
    background-color:#fbee93;
    color:#666666;
    padding:20px;
    margin-left:50px;
    margin-top:-3px;
    box-sizing:border-box;
}

.form_section_label {
    float:left;
    width:200px;
    font-size:12pt;
    padding-right:20px;
}

.form_section_content_right {
    float:left;
    width:630px;
}

.form_section_button {
    width:100%;
    height:50px;
    background-color:#78cd3d;
    color:#ffffff;
    font-size:13pt;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    border:1px #63B52D solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    outline:none;
}

.facility_textarea {
    height:55px;
    width:100%;
    font-size:12pt;
    padding:7px;
}

/* Login page */

.login_yellow{
    margin:0px auto;
    width:500px;
    margin-bottom:20px;
    text-align:center;
    font-size:13pt;
    cursor:pointer;
}

.login_div {
    margin:0px auto;
    width:500px;
    background-color:#ffffff;
    padding:20px;
    box-sizing:border-box;
    border:1px #dfdfdf solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-radius-topleft:0px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.login_div_title {
    width:100%;
    font-size:20pt;
    font-weight:bold;
    text-align:center;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px #f9f9f9 solid;
}

.login_div_input {
    width:100%;
    height:45px;
    font-size:11pt;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:15px;
    box-sizing:border-box;
    border:1px #dfdfdf solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    outline:none;
}

.login_div_button {
    width:100%;
    height:45px;
    background-color:#78cd3d;
    color:#ffffff;
    font-size:11pt;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    border:1px #63B52D solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    outline:none;
}

.login_div_button:hover {
    background-color:#67C22A;
}


/* Buttons */

.generic_button {
    height:30px;
    color:#111111 !important;
    font-size:11pt;
    padding-left:10px;
    padding-right:10px;
    border:1px #dddddd solid !important;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed', GradientType=0 );
    cursor:pointer;
    outline:none;
}

.generic_button:hover {
    background:#ededed;
}

.generic_red_button {
    height:30px;
    color:#ffffff !important;
    font-size:11pt;
    padding-left:10px;
    padding-right:10px;
    border:1px #A91414 solid !important;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    background: #ff5151; /* Old browsers */
    background: -moz-linear-gradient(top, #ff5151 0%, #d11919 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5151), color-stop(100%,#d11919)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff5151 0%,#d11919 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff5151 0%,#d11919 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff5151 0%,#d11919 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff5151 0%,#d11919 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5151', endColorstr='#d11919',GradientType=0 ); /* IE6-9 */
    cursor:pointer;
    outline:none;
}

.generic_red_button:hover {
    background:#D11919;
}

.generic_green_button {
    height:30px;
    color:#ffffff !important;
    font-size:11pt;
    padding-left:10px;
    padding-right:10px;
    border:1px #77B057 solid !important;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    background: #97dd6e; /* Old browsers */
    background: -moz-linear-gradient(top, #97dd6e 0%, #78cd3d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97dd6e), color-stop(100%,#78cd3d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #97dd6e 0%,#78cd3d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #97dd6e 0%,#78cd3d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #97dd6e 0%,#78cd3d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #97dd6e 0%,#78cd3d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97dd6e', endColorstr='#78cd3d',GradientType=0 ); /* IE6-9 */
    cursor:pointer;
    outline:none;
}

.generic_green_button:hover {
    background:#78cd3d;
}

.generic_blue_button {
    height:30px;
    color:#ffffff !important;
    font-size:11pt;
    padding-left:10px;
    padding-right:10px;
    border:1px #23A2D1 solid !important;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    background: #54bdf2; /* Old browsers */
    background: -moz-linear-gradient(top, #54bdf2 0%, #26ade4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54bdf2), color-stop(100%,#26ade4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #54bdf2 0%,#26ade4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #54bdf2 0%,#26ade4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #54bdf2 0%,#26ade4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #54bdf2 0%,#26ade4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bdf2', endColorstr='#26ade4',GradientType=0 ); /* IE6-9 */
    cursor:pointer;
    outline:none;
}

.generic_blue_button:hover {
    background:#26ade4;
}

.generic_medium {
    height:40px;
    padding-left:15px;
    padding-right:15px;
}

.addthisevent-drop {
    width:335px;
    color:#111111 !important;
    font-size:11pt !important;
    font-family:arial !important;
    font-weight:normal !important;
    text-align: center;
    padding-left:10px;
    padding-right:10px;
    border:1px #dddddd solid !important;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    background: #fefefe !important;
    background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(47%, #f6f6f6), color-stop(100%, #ededed)) !important;
    background: -webkit-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%) !important;
    background: -o-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%) !important;
    background: -ms-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%) !important;
    background: linear-gradient(to bottom, #fefefe 0%, #f6f6f6 47%, #ededed 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed', GradientType=0 ) !important;
    cursor:pointer;
    outline:none;
    margin-top:10px;
    z-index:1 !important;
    -webkit-font-smoothing:none !important;
}

.addthisevent-drop .addthisevent_icon {
    left:10px !important;
}

/* Warning messages */

.yellow_message {
    color:#8a6d3b;
    background-color:#fcf8e3;
    padding:20px;
    box-sizing:border-box;
    border:1px #faebcc solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.red_message {
    color:#a94442;
    background-color:#f2dede;
    padding:20px;
    box-sizing:border-box;
    border:1px #ebccd1 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.green_message {
    color: #3c763d;
    background-color: #dff0d8;
    padding:20px;
    box-sizing:border-box;
    border:1px #d6e9c6 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.blue_message {
    color: #31708f;
    background-color: #d9edf7;
    padding:20px;
    box-sizing:border-box;
    border:1px #bce8f1 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.grey_message {
    color:#4e4c48;
    background-color:#f5f5f5;
    padding:20px;
    box-sizing:border-box;
    border:1px #dcd8ce solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}


/* Event items */

.event_review_count {
    display:inline-block;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:8pt;
    color:#ffffff;
    background-color:#229ECD;
    padding-left:7px;
    padding-right:7px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    margin-right:-5px;
    margin-left:3px;
}

.event_review_count_disabled {
    display:inline-block;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:8pt;
    color:#555555;
    background-color:#E8E8E8;
    padding-left:7px;
    padding-right:7px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    margin-right:-5px;
    margin-left:3px;
}


.event_item {
    position:relative;
    width:100%;
    border-bottom:1px #dfdfdf solid;
    padding:20px;
    box-sizing:border-box;
    cursor:pointer;
}

.event_item:hover {
    background-color:#fcf8e3 !important;
}

.event_item_label {
    color:#999999;
}

.event_item_title {
    font-size:12pt;
    font-weight:bold;
    margin-bottom:5px;
}

.event_item_image {
    float:left;
    width:28%;
    max-width:60px;
    max-height:60px;
    margin-right:10px;
}

.event_item_datetime {
    font-size:11pt;
    margin-bottom:5px;
}

.event_item_date_right {
    float:right;
    font-size:11pt;
    color:#999999;
    margin-bottom:5px;
}

.event_item_location {
    font-size:11pt;
    margin-bottom:5px;
}

.event_item_poster {
    font-size:11pt;
    font-weight:normal;
    color:#26ade4;
}

.event_item_details {
    display:none;
    position:absolute;
    right:0px;
    top:0px;
    width:465px;
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:#ffffff;
    box-sizing:border-box;
    border:1px #dfdfdf solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.event_item_details_content {
    position:relative;
    padding:20px;
    padding-top:0px;
}

.event_item_details_item {
    padding-top:15px;
}

.event_item_details_label {
    float:left;
    width:125px;
    font-size:11pt;
    color:#999999;
}

.event_item_details_info {
    float:left;
    width:280px;
    font-size:11pt;
    line-height:15pt;
}

.event_item_details_approve_button {
    float:left;
    width:190px;
    height:35px;
    background-color:#78cd3d;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.event_item_details_deny_button {
    float:left;
    width:190px;
    height:35px;
    background-color:#999999;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.event_item_details_reverse_approve_button, .event_item_details_reverse_denial_button {
    float:left;
    width:190px;
    height:35px;
    background-color:#d11919;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.event_item_details_edit_button {
    float:left;
    width:190px;
    height:35px;
    background-color:#999999;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.event_item_details_delete_button {
    float:left;
    width:40px;
    height:35px;
    background-color:#d11919;
    font-size:10pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-top:10px;
}

.event_item_details_opinion_button {
    float:left;
    width:340px;
    height:35px;
    background-color:#26ADE4;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-top:10px;
    margin-right:10px;
}

.event_item_details_note_textarea {
    width:490px;
    height:80px;
    font-size:10pt;
    padding:5px;
    border:1px #c3c3c3 solid;
    box-sizing: border-box;
    resize:none;
}

.event_deny_overlay {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.8;
}

.event_deny_content {
    display:none;
    position:absolute;
    top:20px;
    left:20px;
    width:425px;
    background-color:#ffffff;
    padding:20px;
    box-sizing:border-box;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.event_deny_content_heading {
    font-size:12pt;
    font-weight:bold;
    margin-bottom:10px;
}

.event_deny_textarea {
    width:385px;
    height:80px;
    font-size:11pt;
    color:#333333;
    padding:10px;
    border:1px #dfdfdf solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    margin-bottom:10px;
}

.event_deny_submit {
    float:left;
    width:187px;
    height:35px;
    background-color:#78cd3d;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.event_deny_cancel {
    float:left;
    width:187px;
    height:35px;
    background-color:#999999;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.event_approve_submit {
    float:left;
    width:187px;
    height:35px;
    background-color:#78cd3d;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.event_approve_cancel {
    float:left;
    width:187px;
    height:35px;
    background-color:#999999;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.event_item_details_approved_message {
    position:absolute;
    display:none;
    right:18px;
    top:18px;
    width:187px;
    height:35px;
    line-height:35px;
    background-color:#78cd3d;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-top:-5px;
}

.event_item_details_reverse_approved_message, .event_item_details_denied_message, .event_item_details_deleted_message {
    position:absolute;
    display:none;
    right:18px;
    top:18px;
    width:187px;
    height:35px;
    line-height:35px;
    background-color:#d11919;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-top:-5px;
}

.event_approve_button {
    float:left;
    width:187px;
    height:35px;
    background-color:#78cd3d;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.event_opinion_submit {
    float:left;
    width:187px;
    height:35px;
    background-color:#78cd3d;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.event_opinion_cancel {
    float:left;
    width:187px;
    height:35px;
    background-color:#999999;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}



/* Popups */

.popup_overlay {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.8;
    z-index:100000;
}

.popup_content {
    display:none;
    position:fixed;
    top:10%;
    left:50%;
    width:450px;
    margin-left:-225px;
    background-color:#ffffff;
    box-sizing:border-box;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    z-index:1000000;
}

.popup_close {
    float:right;
    font-size:11pt;
    font-weight:normal;
    color:#333333;
    cursor:pointer;
}

.popup_heading {
    width:100%;
    font-size:14pt;
    font-weight:bold;
    border-bottom:1px #dfdfdf solid;
    padding:20px;
    box-sizing:border-box;
}

.popup_input {
    width:100%;
    height:35px;
    font-size:11pt;
    background-color:#ffffff;
    padding-left:7px;
    padding-right:7px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
}

.popup_button {
    width:100%;
    height:35px;
    font-size:11pt;
    background-color:#78cd3d;
    color:#ffffff;
    padding-left:7px;
    padding-right:7px;
    margin-top:10px;
    box-sizing:border-box;
    border:0px;
    cursor:pointer;
}

/* Admin Location items */

.location_item {
    padding:20px;
    border-bottom:1px #f1f1f1 solid;
}

.location_item_top {
    font-size:13pt;
    font-weight:bold;
}

.location_item_sublocation_add {
    display:none;
    margin-top:5px;
}

.sublocation_add_link {
    color:#26ade4;
}

.sublocation_input {
    width:200px;
    height:30px;
    font-size:10pt;
}

.sublocation_checkbox {
    width:100px;
    height:15px;
    font-size:10pt;
}

.sublocation_button {
    height:30px;
    background-color:#78cd3d;
    color:#ffffff;
    font-size:10pt;
    padding-left:10px;
    padding-right:10px;
    border:0px;
    cursor:pointer;
}

.sublocation_item {
    font-size:11pt;
    margin-top:10px;
    margin-left:10px;
    border-left:1px #dfdfdf solid;
    padding-left:10px;
}


/* Settings */

.settings_item {
    margin-bottom:20px;
}

.settings_label {
    font-size:11pt;
    font-weight:bold;
    margin-bottom:5px;
}

.settings_input {
    width:100%;
    height:35px;
    font-size:11pt;
    border:1px #c3c3c3 solid;
    padding-left:7px;
    padding-right:7px;
}

.settings_button {
    width:100%;
    height:35px;
    font-size:11pt;
    color:#ffffff;
    background-color:#78cd3d;
    border:1px #63B52D solid;
    padding-left:7px;
    padding-right:7px;
    cursor:pointer;
    outline:none;
}


/* Steps message */

.steps_message {
    display:none;
    position: relative;
    padding:15px;
    color: #31708f;
    text-align:center;
    font-size:18pt;
    background-color: #d9edf7;
    border:1px #bce8f1 solid;
    z-index:100000;
    margin-bottom: 30px;
    overflow: hidden;
}


/* Sort dropdown */

.sort_dropdown {
    display:none;
    position:absolute;
    width:150px;
    background-color:#ffffff;
    margin-top:5px;
    border:1px #c3c3c3 solid;
    z-index:1000000;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.sort_dropdown_item {
    width:100%;
    font-size:10pt;
    padding:5px;
    cursor:pointer;
    border-bottom:1px #d5d5d5 solid;
    box-sizing: border-box;
}

.sort_dropdown_item:hover {
    background-color:#26ade4;
    color:#ffffff;
    border-bottom:1px #26ade4 solid;
}

.sort_dropdown_item_active {
    width:100%;
    font-size:10pt;
    padding:5px;
    cursor:pointer;
    box-sizing: border-box;
    background-color:#26ade4;
    color:#ffffff;
    border-bottom:1px #26ade4 solid;
}

/* Search page */

.search_nav {
    border-bottom:1px #dfdfdf solid;
    padding:15px;
}

.search_nav_item {
    display:inline-block;
    height:30px;
    font-size:10pt;
    background-color:#f9f9f9;
    line-height:30px;
    margin-left:7px;
    margin-top:-3px;
    padding-left:10px;
    padding-right:10px;
    -webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
    cursor:pointer;
}

.search_nav_item:hover {
    background-color:#F1F1F1;
}

.search_nav_item_active {
    display:inline-block;
    height:30px;
    font-size:10pt;
    background-color:#26ade4;
    color:#ffffff;
    line-height:30px;
    margin-left:7px;
    margin-top:-3px;
    padding-left:10px;
    padding-right:10px;
    -webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
    cursor:pointer;
}

.search_nav_item_active:hover {
    background-color:#24A9DA;
}


/* Auto save message */

.auto_save_message {
    display:none;
    position:fixed;
    right:20px;
    top:20px;
    height:40px;
    line-height:40px;
    font-size:12pt;
    font-weight:bold;
    color: #3c763d;
    background-color: #dff0d8;
    border:1px #d6e9c6 solid;
    padding-left:15px;
    padding-right:15px;
    z-index:1000000;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}


/* Opinion page */

.opinion_textarea {
    width:100%;
    height:80px;
    font-size:11pt;
    color:#333333;
    padding:10px;
    border:1px #dfdfdf solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    margin-bottom:10px;
}

.opinion_submit_button {
    width:100%;
    height:40px;
    background-color:#78cd3d;
    font-size:12pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.opinion_cancel_button {
    width:100%;
    height:40px;
    background-color:#999999;
    font-size:12pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.opinion_comment_item {
    font-size:11pt;
    line-height:15pt;
    padding:20px;
    border-top:1px #dfdfdf solid;
}


/* Alert banners */

.success_banner {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    height:50px;
    width:100%;
    background-color:#78cc3d;
    line-height:50px;
    text-align:center;
    font-size:13pt;
    color:#ffffff;
}


/* Calendar */

.calendar_grid_item {
    width:100%;
    padding:20px;
    margin-bottom:20px;
    border:1px #c3c3c3 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    box-sizing:border-box;
}

.calendar_grid_item_title {
    font-size:14pt;
    font-weight:bold;
}


/* Workorders specific styles */

.workorder_category_item {
    display:inline-block;
    width:10%;
    height:30px;
    line-height:30px;
    background-color:#f1f1f1;
    font-size:12pt;
    padding:10px;
    border:1px #c3c3c3 solid;
    margin-bottom:10px;
    margin-right:10px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.workorder_category_item:hover {
    background-color:#e5e5e5;
}

.workorder_category_item_selected {
    display:inline-block;
    width:10%;
    height:30px;
    line-height:30px;
    background-color:#5E9BF2;
    font-size:12pt;
    color:#ffffff;
    padding:10px;
    border:1px #5083CE solid;
    margin-bottom:10px;
    margin-right:10px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.wo_assign_button {
    float:left;
    width:190px;
    height:35px;
    background-color:#78cd3d;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.wo_deny_button {
    float:left;
    width:190px;
    height:35px;
    background-color:#D11919;
    font-size:11pt;
    color:#ffffff;
    text-align:center;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    margin-right:10px;
}

.assign_form_priorities {
    font-size:0px;
    border:1px #c3c3c3 solid;
    margin-top:10px;
    margin-bottom:5px;
    border-radius:3px;
    box-sizing:border-box;
}

.assign_form_priorities input[type="radio"] {
    display:none;
}

.assign_form_priorities label {
    display:inline-block;
    width:190px;
    height:30px;
    text-align:center;
    font-size:14px;
    padding-top:8px;
    border-right:1px #c3c3c3 solid;
    box-sizing:border-box;
    cursor:pointer;
}

.assign_form_priorities label:hover {
    background-color:#e5e5e5;
}

.assign_form_priorities input[type="radio"]:checked + label {
    background-color:#e5e5e5;
}


/* Option div */

.option_div {
    width:100%;
    border:1px #c3c3c3 solid;
    margin-bottom:20px;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed', GradientType=0 );
}

.option_div_item {
    display:inline-block;
    width:48%;
    height:40px;
    line-height:40px;
    font-size:11pt;
    text-align:center;
    cursor:pointer;
    outline:none;
}

.option_div_item:hover {
    color:#26ADE4;
}

.option_div_item_disabled {
    display:inline-block;
    width:48%;
    height:40px;
    line-height:40px;
    font-size:11pt;
    text-align:center;
    color:#999999;
}

/* Shoutouts */

.shoutout_photo_item {
    display:inline-block;
    width:100px;
    height:100px;
    margin-right:10px;
    border:3px #d5d5d5 solid;
    cursor:pointer;
}

.shoutout_photo_item:hover {
    border:3px #999999 solid;
}

.shoutout_photo_item_selected {
    border:3px #79CE3E solid;
}

.shoutout_photo_item_selected:hover {
    border:3px #79CE3E solid;
}

/* Other events section */

.other_events_item {
    width:100%;
    background-color:#F8F8F8;
    box-sizing:border-box;
    border:1px #C3C3C3 solid;
    border-radius:3px;
    padding:10px;
    margin-bottom:10px;
}

table.ui-datepicker-calendar { border-collapse: separate; }
.ui-datepicker-calendar td { border: 1px solid transparent; }

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #93C741 none; /* a color that fits the widget theme */
	color: white; /* a color that is readeable with the color above */
}


/* Form Switcher */

.form_switcher {
    width:100%;
    border:1px #D5D5D5 solid;
    box-sizing:border-box;
    border-radius:3px;
    margin-bottom:10px;
}

.form_switcher_button {
    display:inline-block;
    width:50%;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:16px;
    background-color:#ffffff;
    box-sizing:border-box;
    margin-right:-4px;
    cursor:pointer;
}

.form_switcher_button:hover {
    background-color:#f9f9f9;
}

.form_switcher_button_active {
    display:inline-block;
    width:50%;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:16px;
    font-weight:bold;
    color:#ffffff;
    background-color:#5E9BF2;
    border-right:1px #5083CE solid;
    box-sizing:border-box;
    margin-right:-4px;
    cursor:pointer;
}

.form_switcher_button_active:hover {
    background-color:#5B97EB;
}

.form_switcher a {
    color:#000000;
}


/* Printable Maker */

.printable_sheet_preview {
    position:relative;
    display:inline-block;
    width:637px;
    height:825px;
    background-color:#ffffff;
}

.printable_sheet_preview_header {
    width:100%;
    height:50px;
    background-color:#000000;
    color:#ffffff;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    line-height:50px;
}

.printable_sheet_preview_left {
    display:inline-block;
    width:480px;
    text-align:left;
    padding:10px;
    box-sizing:border-box;
    vertical-align:top;
}

.printable_sheet_preview_right {
    display:inline-block;
    width:150px;
    height:775px;
    background-color:#f9f9f9;
    padding:10px;
    box-sizing:border-box;
    vertical-align:top;
}

.printable_sheet_preview_item {
    font-size:12px;
    margin-bottom:5px;
}

.printable_sheet_preview_item_date {
    display:inline-block;
    font-weight:bold;
    width:60px;
    padding-right:5px;
}

.printable_sheet_preview_item_time {
    display:inline-block;
    font-weight:bold;
    width:50px;
    text-align:right;
    padding-right:5px;
}

.printable_sheet_preview_item_name {
    display:inline-block;
    font-weight:bold;
    padding-right:3px;
}

.printable_sheet_preview_item_location {
    display:inline-block;
}


/* Reports */

.report_box_half {
    display:inline-block;
    width:48%;
    height:200px;
    margin-right:20px;
    vertical-align:top;
}

.report_box_third {
    display:inline-block;
    width:30.8%;
    height:200px;
    margin-right:20px;
    vertical-align:top;
}

.report_box_content {
    width:100%;
    height:100%;
    background-color:#f5f5f5;
    padding:10px;
    box-sizing:border-box;
}

.report_box_content_centered {
    text-align:center;
}

.report_box_text_large {
    font-size:36px;
    font-weight:bold;
    color:#333333;
}

.report_box_text_medium {
    font-size:18px;
    font-weight:normal;
    color:#333333;
}

.report_box_text_small {
    font-size:15px;
    font-weight:normal;
    color:#333333;
}

.report_items {
    margin-top:20px;
}

.report_item {
    display:inline-block;
    width:47.5%;
    height:50px;
    margin-right:20px;
    margin-bottom:10px;
    vertical-align:top;
}

.report_item_content {
    width:100%;
    height:100%;
    background-color:#f5f5f5;
    padding-left:15px;
    padding-right:15px;
    box-sizing:border-box;
    line-height:50px;
}

.report_items_heading {
    font-size:22px;
    font-weight:bold;
    margin-bottom:10px;
}

.report_item_right_stat {
    float:right;
    width:100px;
    height:100%;
    line-height:50px;
    font-size:15px;
    color:#ffffff;
    text-align:center;
    background-color:#d5d5d5;
}


/* Ratings */

.rating_item {
    display:inline-block;
    width:32%;
    height:42px;
    text-align:center;
    font-size:42px;
    vertical-align:middle;
    cursor:pointer;
}

.rating_item:hover {
    font-size:46px;
}

.rating_item_disabled {
    opacity:0.5;
}


/* Tagging */

.tags_input {
  --tag-bg                  : #499ee6 !important;
  --tag-hover               : #3592e3 !important;
  --tag-text-color          : #ffffff !important;
  --tags-border-color       : #499ee6 !important;
  --tag-text-color--edit    : #111111 !important;
  --tag-remove-bg           : #b73c3b !important;
  --tag-remove-btn-color    : #ffffff !important;
  --tag-remove-btn-bg--hover: #872c2c !important;
  --placeholder-color       : #999999 !important;
  --placeholder-color-focus : #999999 !important;
    
    width:100%;
    min-height:40px;
    line-height:40px;
    font-size:14px;
    background-color:#ffffff;
    color:#999999;
    border:1px #d5d5d5 solid !important;
    padding:10px;
    box-sizing:border-box;
    border-radius:3px;
    outline:none;
}

.tagify--focus {
    border:1px #499ee6 solid !important;
}

.tags-look {
    margin-top:-10px;
    padding:10px;
    box-sizing:border-box;
}

.tags-look .tagify__dropdown__item {
    display: inline-block;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin:5px;
    margin-right:1px;
    font-size: .85em;
    color: black;
    transition: 0s;
}

.tags-look .tagify__dropdown__item--active {
    color: black;
}

.tags-look .tagify__dropdown__item:hover {
    background:#499ee6;
    border-color:#499ee6;
    color:#ffffff;
}

.tagify__input::before {
    line-height:20px !important;
}

/* Recurring Schedule specific styles */

.recurring_day_selector {
    text-align: center;
    display:inline-block;
    width:50%;
    height:30px;
    line-height:30px;
    background-color:#f1f1f1;
    font-size:12pt;
    padding:10px;
    border:1px #c3c3c3 solid;
    margin-bottom:10px;
    margin-right:10px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.recurring_day_selector:hover {
    background-color:#e5e5e5;
}

.recurring_day_selector_selected {
    text-align: center;
    display:inline-block;
    width:50%;
    height:30px;
    line-height:30px;
    background-color:#5E9BF2;
    font-size:12pt;
    color:#ffffff;
    padding:10px;
    border:1px #5083CE solid;
    margin-bottom:10px;
    margin-right:10px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.recurring_form{
    margin-top: 10px;
}

.recurring_form{
    margin-top: 10px;
}

.end_date{
    margin-top: 5px;
}

.shoutout_lite_page{
    width: 800px;
}

.pr_lite_pill {
    background-color: #26ADE4;
    border-radius: 5px;
    padding: 5px;
    color: #ffffff;
}

.direct_to_shoutout_lite{
    display: none;
}

.photo_thumbnail_display{
    width: fit-content;
    padding: 5px;
    background-color: #e1e1e1;
    border: #000000;
    margin-bottom: 5px;
}

.thumbnail_form{
    max-width:100%; height:auto
}

.mobile_body{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    margin: 0;
}
.mobile_hub_container{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile_hub_button{
    font-size: 24px;
    padding: 10px 20px;
    width: 300px;
    margin: 10px;
    font-size: 18px; /* Decrease font size */
    padding: 15px 30px; /* Increase padding for equal width buttons */
    margin: 10px;
    color: black; /* Text color for better readability */
    border: none; /* Remove button border */
    border-radius: 5px; /* Add some border radius for a rounded look */
    cursor: pointer;
    transition: background-color 0.3s ease; /* Add a hover effect */
}

@media screen and (max-width:600px)  { 
    .direct_to_shoutout_lite{
        display: block;
        width: 100%;
        height: 50px;
        text-align: center;
        padding: 10px;
        color: #fff;
    }

    .shoutout_lite_form{
        margin-right: 10%;
        width: 100%;
    }

   
    
    .form_section_heading {
        width:300px;
    }

    .form_section_content {
        width:350px;
    }

    .header{
        display: none;
    }

   
    .footer {
        margin:0px auto;
        width:100%;
        color:#999999;
        font-size:12pt;
        text-align:center;
        margin-bottom:30px;
    }

    .page{
        width: auto;
    }

    .shoutout_lite_page{
        width: 350px;
    }
    

    .login_div {
        margin:0px auto;
        margin-bottom: 10px;
        width:300px;
        padding:20px;
    }

    .login_yellow{
        width: 300px;
    }


    .shoutout_link {
        color:#fff;
        text-decoration:none;
    }

    .hide_from_mobile_shoutout{
        display: none;
    }

    
 
}