body {
    font-family: sans-serif, Verdana, Geneva, Tahoma!important;
}

#header {
    background: none repeat scroll 0% 0% #464646;
}

#footer {
    background: none repeat scroll 0% 0% #464646; 
    text-align: center;
    color: white;
}

#footerBanner {
    background: none repeat scroll 0% 0% #3f3f3f; 
    text-align: right;
    color: white;
}

.menuItem {
    text-transform: uppercase;
    font-weight: bold;
    color: white !important;
    border-radius: 5px;
    font-size: 13pt;
}

.menuItem:hover {
    /* box-shadow: 1px 1px 10px 1px black; */
    background-color: #efce61!important;
    color: black !important;
    cursor: pointer;
}

.subMenuItem {
    color: black !important;
    text-transform: none;
}

.subMenuItem:hover {
    background-color: #efce61!important;
    cursor: pointer;
}

.menuItemsMobile {
    position: absolute;
    background-color: #464646;
    padding: 5px;
    right: 0.4px;
    width: 100%;
}

.activeMenuItem {
    background-color: #222222!important;
    /* box-shadow: 1px 1px 10px 0px black;*/
}

.heading {
    margin: 2px 0px 2px 0px;
    color: #EFC658;
    display: block;
    font-size: 1.17em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}


/**
    HEADERS
*/

h1.headingRed {
    color: #e2534f !important;
    text-align: center;
}

h3.headingRed {
    color: #e2534f !important;
    text-align: center;
}

h1 {
    font-weight: bolder !important;
}

h4 {
    margin: 0px !important;
    color: #5f5f5f !important;
    font-weight: bolder !important;
}

/**
    BUTTONS
*/

.button_red{
	/*Basic Styling*/
	vertical-align: middle;
    background: #e8635a;
    padding: 10px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 2px 0px 2px 0px;
    color: #fff;
    font-size: 10pt;
    width: 100%;
    border-radius: 5px;
}
.button_red:hover{
	cursor:										pointer;
	background-color: 							#f76e7a;
}

.button_yellow{
	/*Basic Styling*/
	vertical-align: middle;
    background: #e1ba43;
    padding: 10px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 2px 0px 2px 0px;
    color: #fff;
    font-size: 10pt;
    width: 100%;
    border-radius: 5px;
}
.button_yellow:hover{
	cursor:										pointer;
	background-color: 							#fbd673;
}

.button_disabled {
	/*Basic Styling*/
	vertical-align: middle;
    background: #909090;
    padding: 10px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 2px 0px 2px 0px;
    color: #fff;
    font-size: 10pt;
    width: 100%;
    border-radius: 5px;
    cursor: not-allowed;
    pointer-events : none;
}


/**
    GENERAL
*/

.display_flex {
    display: flex;
}

.offwhiteBackground {
    background-color: #f3f3f3;
    width: 100%!important;
}

.lightGreyBackground {
    background-color: #ececec;
    width: 100%!important;
    margin-top: 16px;
    margin-bottom: 16px;
}

.lightGreyBoxBackground {
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 8px 6px -6px #a2a2a2;
    -moz-box-shadow: 0 8px 6px -6px #a2a2a2;
    box-shadow: 0 8px 6px -6px #a2a2a2;
}

.invalidLabel{
    color: red;
}

.opacity_red {
    background: rgba(237, 28, 36, 0.5);
    color: white;
}

.opacity_black {
    background: rgba(0, 0, 0, 0.5);
    color: white;
}

.breakWord {
    word-wrap: break-word;
}

.overlapDiv {
    margin-top: -20px;
}

div p {
    margin-left: 10px; 
    margin-top: 0px;
    margin-bottom: 13px;
}

p label{
    color: #EFC658;
    font-variant: small-caps!important;
}

.closeButton {
    font-size: 50px;
}

label.checkBoxLabel{
    margin-top: 5px;
    position: absolute;
}

.w3-select{
    border-bottom-color: #dddddd;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.w3-select:focus ~ label {
	color: #EFC658;
    font-weight: bold;
    border-bottom-color: #808080;
}
.w3-select:focus {
    border-bottom-color: #808080;
}

.w3-input{
    border-bottom-color: #dddddd;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    background: transparent;
}

.w3-input:focus ~ label, .alignLabelLeft {
	color: #EFC658;
    font-weight: bold;
    border-bottom-color: #808080;
}
.w3-input:focus {
    border-bottom-color: #808080;
}

label.alignLabelLeft {
    float: left;
    margin-top: 10px;
    color: #EFC658;
    font-variant: small-caps!important;
}

/**
Media Minipulation
*/
/*
  Query that will only take affect when size is screen and width is larger than 1080px;
*/
@media screen and (min-width: 1390px){
    #logo_image {
       display: block;
   }
    #logo_image_mobile {
       display: none;
   }
    #bannerSmall {
       display: none;
   }
   #menu {
       display: block;
   }
   #menu_mobile {
       display: none;
   }
   #footer {
        display: block;
    }
    .display_flex {
        display: flex;
    }
}

@media (max-width: 1389px){
    #logo_image {
       display: block;
   }
    #logo_image_mobile {
       display: none;
   }
    #bannerSmall {
       display: none;
   }
   #menu_mobile {
       display: none;
   }
   #footer {
        display: none;
    }
    .display_flex {
        display: flex;
    }
}

@media (max-width: 850px){
    #logo_image {
       display: none;
   }
    #logo_image_mobile {
       display: none;
   }
    #bannerSmall {
       display: block;
   }
   #menu {
       display: none;
   }
   #menu_mobile {
       display: block;
   }
   #footer {
        display: none;
    }
    .display_flex {
        display: block;
    }
}