/*----------------------------
	Fonts, Titles, Text
------------------------------*/

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

/*
MMS Fixes added on 8/17/2015 - Ticket 51308
Hannah complained about some of the changes that have been made making text hard to read (white on white).  This is
mostly happening in the MMS, so here are some fixes!
*/

fieldset legend,
.admin_fieldset_content div *,
.panel-body,
.dataTables_wrapper *,
form[name=msgform] table *,
#ScrollDiv,
.mms_billing_table .white,
[class^='ui-tooltip'] {
    color: #000000;
}

.evr-package-color {
    color: black;
}


/* font assignments */

body {
    font-family: "Open Sans", arial, sans-serif;
    color: white;
    color: #333;
}

.navigation-col,
a.fb-more,
.li-button,
.small-signin,
.nav li a,
a.c-button {
    font-family: "Open Sans Condensed", impact, arial, sans-serif;
}


/* alignment */

.txt-c {
    text-align: center;
}

.txt-l {
    text-align: left;
}

.txt-r {
    text-align: right;
}


/* H1 - H6*/

h1,
h2,
h3 {
    margin: 0px;
    padding: 0px;
}

h1 {
    font-family: arial;
    color: #571d01;
    font-size: 41px;
    font-weight: 700;
}

h2.title,
.mms-title {
    font-family: "Open Sans", arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: gray;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #6b222c;
    color: white;
}

h2.title {
    height: 27px;
}

h2.title small {
    color: #571d01;
}

.mms-title {
    height: 29px;
}


/* links */

a {
    color: #ac5f3a;
}


/* a:hover {
    color: white;
} */

a.black {
    color: #000000;
}

a.white {
    color: #ffffff;
}

a.white:hover {
    color: #cecece;
}

.content-box:last-of-type a {
    margin-top: 10px;
    /* color: white; */
    display: block;
}

abbr {
    border-bottom: 0px !important;
}


/*----------------------------
	Inputs/input groups
-----------------------------*/


/* .form-control,
.li-button,
.c-row input[type=text],
.c-row textarea {
    background-color: white;
    border-radius: 0px;
    border: 0px;
    height: 25px;
} */

.input-group {
    border: 0px;
    margin-bottom: 5px;
    padding: 0px;
}

.li-forgotpw a {
    color: white;
    text-decoration: none;
    font-weight: 700;
}

.li-forgotpw input[type=submit] {
    margin-bottom: 5px;
    color: white;
}

.li-button {
    font-weight: 700;
    color: #ac5f3a;
    padding-bottom: 4px;
    background-color: #ac913a;
}

.c-row input {
    padding: 5px;
    margin: 5px;
}

.c-row textarea {
    height: 200px;
}


/*----------------------------
	Images
-----------------------------*/

img {
    border: 0px;
}


/*----------------------------
	Areas
-----------------------------*/

body {
    font-size: 14px;
    /* sets font size for page so em's work */
    background-color: #BABABA;
}

.content-box {
    margin: 20px 0px;
}

#front-content-box {
    padding-bottom: 10px;
}

#front-content-box img {
    margin-left: 10px;
}

.side-bar>.content-box:first-of-type,
.main-content>.content-box:first-of-type {
    margin-top: 0px;
}


/* header */

#head-container {
    background-color: #222222;
}

.navigation-container {
    /* 	margin-bottom: 15px; */
    background-color: #6b222c;
}

.navigation-col {
    padding-left: ;
}

.head-box {
    float: right;
}

.hb-1 {
    float: left;
}

#top-logo {
    height: auto;
    max-width: 319px;
    position: absolute;
    bottom: 10%;
}

#top-logo-alt {
    max-width: 50%;
    height: auto;
    padding: 5px;
}

.hb-2 {
    width: 65%;
}

.hb-2 span {
    font-weight: 700;
    font-size: 20px;
    color: #1A7F83;
}

.row.bump.shadow>h2 {}

.hb-3 {
    width: 20%;
    /*border-left: 1px solid #748ea7;
	border-right: 1px solid #748ea7;*/
    background-color: none;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 10px 37px 0px 10px;
}

.small-signin {
    font-weight: 700;
    font-size: 25px;
    color: #571d01;
    display: none;
}


/* side-bar */


/* Index/Main Body*/

#body-container {
    background-color: white;
}

#body-container>.row {
    padding-top: 15px;
}


/* Foot */

.foot-container {
    background-color: #404040;
    padding: 20px;
}

.foot-container .col-md-4 {
    text-align: center;
    color: #ffffff;
}

.foot-container a {
    color: #ffffff;
}

.foot-container a:hover {
    color: #bababa;
}

.foot-logo {
    width: 73px;
    height: auto;
    padding-bottom: 11px;
}


/* Link Lists*/

.linkList {
    margin: 0px;
    list-style: square url('../images/square.png');
    padding-left: 35px;
}

.linkList li {
    max-height: 25px;
    /*display: inline-block;*/
    width: 100%;
    margin: 3px 0px;
    vertical-align: center;
    background-color: #8c959e;
    transition: background-color .3s;
}

.linkList>li:hover {
    background-color: #B4C2CF;
}

.linkList>li>a {
    padding-left: 10px;
    vertical-align: 40%;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #333;
}

.list-dot {
    height: 25px;
    width: 25px;
    display: block;
    float: left;
    background-color: #EDB18B;
    margin-right: 3px;
    clear: left;
}

.list-item {
    display: block;
    float: left;
    clear: right;
    height: 25px;
    background-color: #F1ECE9;
}


/* Events */


/* Feature Box */


/*#fb-row{
	padding-bottom: 10px;
}*/

.feature-box {
    margin-bottom: 15px;
    padding-bottom: 40px;
}

.feature-box>a,
.feature-box>.fb-small {
    padding: 0px 10px;
    margin: 0px auto;
    display: block;
}

.feature-box>.fb-small {
    margin-bottom: 10px;
}

a.fb-more,
a.c-button {
    display: inline-block;
    padding: 8px 15px;
    margin-left: 10px;
    background-color: #ac913a;
    color: white;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    margin-bottom: 20px;
}


/* News */

.nws-container {
    max-height: 300px;
    overflow-y: scroll;
}

.nws-item {
    margin: 10px auto;
}

.nws-title {
    font-weight: bold;
}

.nws-date {
    font-size: 12px;
    color: #EDB18B;
}

.nws-blurb {
    color: gray;
}

.nws-readmore {
    font-weight: bold;
}


/* slider */

.primary-slider {
    max-width: 820px;
    margin: 0px auto;
}

.primary-slider .carousel>a.carousel-control.left,
.primary-slider .carousel>a.carousel-control.right {
    color: #ffffff;
    background-image: none;
    background-color: #ac913a;
    height: 45px;
    width: 45px;
    font-size: 78px;
    line-height: 27px;
    border-radius: 100%;
    top: 43%;
    padding-bottom: 5px;
    transition: background-color .3s;
}

.primary-slider .carousel>a.carousel-control.left {
    left: -12px;
}

.primary-slider .carousel>a.carousel-control.right {
    right: -5px;
}

.partner-slider .carousel>a.carousel-control {
    display: none;
}


/*----------------------------
	Utility
-----------------------------*/

.p-0,
.p-0x {
    padding: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.pl-b {
    padding-left: px;
}

.pr-b {
    padding-right: px;
}

.m-0 {
    margin: 0px;
}

.bump {
    height: 5px;
}

.p-b {
    padding: ;
}

.mb {
    margin-bottom: 10px;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.o-no {
    overflow: auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cb {
    clear: both;
}

td {
    vertical-align: top;
}


/* z-indices */

.z-150 {
    position: relative;
    z-index: 150;
}

.z-100 {
    position: relative;
    z-index: 100;
}

.z-50 {
    position: relative;
    z-index: 50;
}


/*----------------------------
	Backend Styling
-----------------------------*/


/*----------Front Page----------*/

#mheader_5_wrapper * {
    /*Resets line-height. Looks like backend gets all messed up with anything else*/
    line-height: 18px;
}

img[title='Show Menu'] {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #ffffff transparent transparent transparent;
}

img[title='Hide Menu'] {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 7px 4px;
    border-color: transparent transparent #ffffff transparent;
}


/*front page fieldsets -->*/

#fs_dashboard,
#fs_member_database,
#fs_reporting,
#fs_communication,
#fs_event_management,
#fs_members_area_functions,
#fs_website_management,
#fs_configuration {
    font-family: 'Open Sans', sans-serif;
}

#mheader_5_wrapper * {
    font-family: 'Open Sans', sans-serif;
}

#mheader_5_wrapper legend
/*Styles set look for Administrative Functions headings*/

{
    font-weight: bold;
    border-bottom: none;
    font-size: 16px;
}

#mheader_5_wrapper fieldset {
    background-color: #333;
    border: none;
}

#mheader_5_wrapper a:hover {
    color: gray;
}

#mheader_5_wrapper a.adm
/*Squares next to links*/

{
    border-left: 15px solid #999;
}

#mheader_5_wrapper a.adm:hover
/*Squares next to links*/

{}

h2.title>b>small
/*Username*/

{
    color: white;
}


/*------Member Database System,---Initial Invoice Configurations List------*/

#members_table_mlist_wrapper *,
#content_table_wrapper * {
    color: #333;
}


/*------Change Member Info,-Survey List-------*/

*[size='1'],
b {
    /*Small, bold, white text is difficult to read on a black background*/
    font-weight: 400;
    font-size: 14px;
}


/*------Membership Billing System--------*/


/*Links are wrapped in a blockquote, triggering some styling from Bootstrap*/

blockquote {
    padding: 0px;
    margin: 0px;
    border: none;
    margin-bottom: 20px;
    /*Seperates each chunk of links from the next*/
}


/*----------Content Management System---------*/


/*Overwrites "Main Menu" important'd color on CMS page only*/


/* #mheader_5_wrapper>#mmsnav>div>a,
.mmsnav>div>a,
#mheader_5_wrapper>#mmsnav>a {
    color: white !important;
} */

#mheader_5_wrapper .panel-heading a {
    /*Bootstrap panel headings for Content Manager, Slideshow, etc links*/
    font-size: 14px;
}


/*----------Forms Builder----------*/

#mheader_5_wrapper #form_table_wrapper * {
    color: black;
}


/*----------Admin Stats----------*/

img[src='graph.gif'] {
    display: none;
}


/*----------Admin Stats----------*/


/*Gets rid of left border on Attendance Tracking(shares class with main page links)*/

#mheader_5_wrapper a.adm[href='../attend/elist.php'] {
    border: none;
}


/*------MMS Configuration Menu---------------------------------------------------------------------------------------*/


/*----------Deployment System----------*/

#mheader_5_wrapper .panel-title {
    color: #333;
}


/*------Inputs--------*/

#mheader_5_wrapper .minicolors-theme-default>.minicolors-input,
input.colors.minicolors-input {
    /*Fixes cut off characters in color picker*/
    padding-left: 20px;
}

#mheader_5_wrapper input {
    padding: 1px 6px;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    padding: 2px 6px 3px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    font: 12px Verdana;
}

#mheader_5_wrapper input::-webkit-file-upload-button,
#mheader_5_wrapper button {
    color: buttontext;
    box-sizing: border-box;
    -webkit-appearance: push-button;
    -webkit-user-select: none;
    border: 2px outset buttonface;
    background-color: buttonface;
}

#mheader_5_wrapper input[type='submit'] {
    border: 2px outset buttonface;
    background-color: buttonface;
}

#mheader_5_wrapper input,
#mheader_5_wrapper textarea,
#mheader_5_wrapper keygen,
#mheader_5_wrapper select,
#mheader_5_wrapper button {
    margin: 0em;
    font: -webkit-small-control;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-writing-mode: horizontal-tb;
}

#mheader_5_wrapper input[type='radio'],
#mheader_5_wrapper input[type='checkbox'] {
    margin: 3px 0.5ex;
    padding: initial;
    background-color: initial;
    border: initial;
}

#mheader_5_wrapper input[type='checkbox'] {
    margin: 3px 3px 3px 4px;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

#mheader_5_wrapper input[type='text'],
#mheader_5_wrapper input,
#mheader_5_wrapper input:not(button),
input:not(input[type='radio']) {
    border: 1px solid gray;
    /* background-color: white; */
}

#mheader_5_wrapper select {
    /*Fixes drop-down boxes that are smaller than their submit buttons*/
    padding: 2px 0 3px;
}

#mheader_5_wrapper .ui-accordion * {
    color: #000;
}