/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

/*custom*/


/*hero image background image */
.bg-hero-image
{
    height: 70vh;
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    
}

/*hero image background image -id selector for different webpages */
#homepage
{
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/Portals/0/Images/Lake Powell - Adrian.jpg");
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: 'verdana', verdana;
}

/*homepage hero h1 text special attribute */
h1.homepageHeroText
{
    color: #F2F2F2;
    font-size: 9vmin;
}

/*generic Banner Text */
div.bannerText
{
width: 100%;
height:auto;
background: #262324;
display: flex;
align-items: center;
justify-content: center;
}
h1.bannerText
{
color: #03a696;
padding: 30px 17px;
text-align:center;
word-break: keep-all;
}

/*other header-hero images of other webpages */
.genericHeaderHeroImage
{
    height: 100vh; /*new css unit*/
    /*background-position: top; */
    /* background-position: 50% 70%; */
    background-position: 25% 40%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
#WaterRightsWebpage
{
    background-image: url("/Portals/0/Images/lees-ferry-arizona-glen-canyon.jpg");
    background-position: 70% bottom;
}
#UpdatesWebpage
{
    background-image: url("/Portals/0/Images/colorado-river-glen-canyon-lees-ferry.jpg");
}
#PoliciesWebpage
{
    background-image: url("/Portals/0/Images/Webpage Header-Hero Images/070109.01.nr.Big.Gap.NM-2.jpg?ver=Az2T5ROZQOk0nRPDm-Lfpw%3d%3d");
    /* background-position: 25% -125px; */
    /* background-position: bottom  3000px; */
    background-position: center bottom;
}
#WhoWeAreWebpage
{
    background-image: url("/Portals/0/Images/lees-ferry-arizona-glen-canyon.jpg");
}
#CommissionersWebpage
{
    background-image: url("/Portals/0/Images/horseshoe-bend-colorado-river-glen-canyon-arizona.jpg");
    background-position: 65% 100%;
}
#LinksWebpage
{
    background-image: url("/Portals/0/Images/grand-canyon-desert-tower-sunset.jpg");
    background-position: 33% 100%;
}
#EducationWebpage
{
    background-image: url("/Portals/0/Images/grand-canyon-desert-tower-sunset.jpg");
    background-position: 33% 100%;
}

/*footer anchor elements */
a.footerLink, a.footerLink:visited, a.footerLink:active
{
    color: #f2f2f2;
    text-decoration: underline;
}
a.footerLink:hover
{
    color: #ffffff;
    text-decoration: none;
}

/*spacing to the right*/
    .spacingToTheRight
{
    margin-right: 9px;
}
/*spacing to the left*/
    .spacingToTheLeft
{
    margin-left: 9px;
}

/*change color to font icon - newspaper icon*/
.eds_fontIcon {
  background-color: transparent !important;
}


/*color green*/
.colorGreen
{
    color: #03a696;
}

/*list css style*/
a.list-group-item {
  text-decoration: none;
}
.list-group-item.active {
  /* z-index:2;
  color: #0398b9 !important;
  background-color: #fff;
  border-color:#0398b9 !important; */
  text-decoration: none;
}

/** increase audio html 5 player to full width of container*/
.audio-container {
    width: 100%; /* Set the width of the container to 100% */
}
.audio-container audio {
    width: 100%; /* Set the width of the audio element to 100% */
}

/*unique link for blue font against light background - use case, /public-education/arizona-settlement webpage , re: Press Releases section*/
/*unique link for blue font against light background - use case, /public-education/arizona-settlement webpage , re: Press Releases section*/
 .font-dark-color-light-background h6{
    padding-bottom:20px;
}
.font-dark-color-light-background h6 a:link, a:active, a:visited{
    color:#0398b9 !important;
}
.font-dark-color-light-background h6 a:link:hover{
    color:#0398b9c2 !important;
}

.list-group {
  --bs-list-group-color:#212529;
  --bs-list-group-bg:#fff;
  --bs-list-group-border-color:rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width:1px;
  --bs-list-group-border-radius:0.375rem;
  --bs-list-group-item-padding-x:1rem;
  --bs-list-group-item-padding-y:0.5rem;
  --bs-list-group-action-color:#495057;
  --bs-list-group-action-hover-color:#fff;
  --bs-list-group-action-hover-bg:#0398b9;
  --bs-list-group-action-active-color:#212529;
  --bs-list-group-action-active-bg:#e9ecef;
  --bs-list-group-disabled-color:#6c757d;
  --bs-list-group-disabled-bg:#fff;
  --bs-list-group-active-color:#0398b9;
  --bs-list-group-active-bg:#fff;
  --bs-list-group-active-border-color:#0398b9;

  display:flex;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  border-radius:var(--bs-list-group-border-radius);
}




/* repeat padding and margin, previously exact as other template specs */
.m-0 {
 margin:0!important
}
.mt-0,
.my-0 {
 margin-top:0!important
}
.mr-0,
.mx-0 {
 margin-right:0!important
}
.mb-0,
.my-0 {
 margin-bottom:0!important
}
.ml-0,
.mx-0 {
 margin-left:0!important
}
.m-1 {
 margin:.25rem!important
}
.mt-1,
.my-1 {
 margin-top:.25rem!important
}
.mr-1,
.mx-1 {
 margin-right:.25rem!important
}
.mb-1,
.my-1 {
 margin-bottom:.25rem!important
}
.ml-1,
.mx-1 {
 margin-left:.25rem!important
}
.m-2 {
 margin:.5rem!important
}
.mt-2,
.my-2 {
 margin-top:.5rem!important
}
.mr-2,
.mx-2 {
 margin-right:.5rem!important
}
.mb-2,
.my-2 {
 margin-bottom:.5rem!important
}
.ml-2,
.mx-2 {
 margin-left:.5rem!important
}
.m-3 {
 margin:1rem!important
}
.mt-3,
.my-3 {
 margin-top:1rem!important
}
.mr-3,
.mx-3 {
 margin-right:1rem!important
}
.mb-3,
.my-3 {
 margin-bottom:1rem!important
}
.ml-3,
.mx-3 {
 margin-left:1rem!important
}
.m-4 {
 margin:1.5rem!important
}
.mt-4,
.my-4 {
 margin-top:1.5rem!important
}
.mr-4,
.mx-4 {
 margin-right:1.5rem!important
}
.mb-4,
.my-4 {
 margin-bottom:1.5rem!important
}
.ml-4,
.mx-4 {
 margin-left:1.5rem!important
}
.m-5 {
 margin:3rem!important
}
.mt-5,
.my-5 {
 margin-top:3rem!important
}
.mr-5,
.mx-5 {
 margin-right:3rem!important
}
.mb-5,
.my-5 {
 margin-bottom:3rem!important
}
.ml-5,
.mx-5 {
 margin-left:3rem!important
}
.p-0 {
 padding:0!important
}
.pt-0,
.py-0 {
 padding-top:0!important
}
.pr-0,
.px-0 {
 padding-right:0!important
}
.pb-0,
.py-0 {
 padding-bottom:0!important
}
.pl-0,
.px-0 {
 padding-left:0!important
}
.p-1 {
 padding:.25rem!important
}
.pt-1,
.py-1 {
 padding-top:.25rem!important
}
.pr-1,
.px-1 {
 padding-right:.25rem!important
}
.pb-1,
.py-1 {
 padding-bottom:.25rem!important
}
.pl-1,
.px-1 {
 padding-left:.25rem!important
}
.p-2 {
 padding:.5rem!important
}
.pt-2,
.py-2 {
 padding-top:.5rem!important
}
.pr-2,
.px-2 {
 padding-right:.5rem!important
}
.pb-2,
.py-2 {
 padding-bottom:.5rem!important
}
.pl-2,
.px-2 {
 padding-left:.5rem!important
}
.p-3 {
 padding:1rem!important
}
.pt-3,
.py-3 {
 padding-top:1rem!important
}
.pr-3,
.px-3 {
 padding-right:1rem!important
}
.pb-3,
.py-3 {
 padding-bottom:1rem!important
}
.pl-3,
.px-3 {
 padding-left:1rem!important
}
.p-4 {
 padding:1.5rem!important
}
.pt-4,
.py-4 {
 padding-top:1.5rem!important
}
.pr-4,
.px-4 {
 padding-right:1.5rem!important
}
.pb-4,
.py-4 {
 padding-bottom:1.5rem!important
}
.pl-4,
.px-4 {
 padding-left:1.5rem!important
}
.p-5 {
 padding:3rem!important
}
.pt-5,
.py-5 {
 padding-top:3rem!important
}
.pr-5,
.px-5 {
 padding-right:3rem!important
}
.pb-5,
.py-5 {
 padding-bottom:3rem!important
}
.pl-5,
.px-5 {
 padding-left:3rem!important
}
.m-n1 {
 margin:-.25rem!important
}
.mt-n1,
.my-n1 {
 margin-top:-.25rem!important
}
.mr-n1,
.mx-n1 {
 margin-right:-.25rem!important
}
.mb-n1,
.my-n1 {
 margin-bottom:-.25rem!important
}
.ml-n1,
.mx-n1 {
 margin-left:-.25rem!important
}
.m-n2 {
 margin:-.5rem!important
}
.mt-n2,
.my-n2 {
 margin-top:-.5rem!important
}
.mr-n2,
.mx-n2 {
 margin-right:-.5rem!important
}
.mb-n2,
.my-n2 {
 margin-bottom:-.5rem!important
}
.ml-n2,
.mx-n2 {
 margin-left:-.5rem!important
}
.m-n3 {
 margin:-1rem!important
}
.mt-n3,
.my-n3 {
 margin-top:-1rem!important
}
.mr-n3,
.mx-n3 {
 margin-right:-1rem!important
}
.mb-n3,
.my-n3 {
 margin-bottom:-1rem!important
}
.ml-n3,
.mx-n3 {
 margin-left:-1rem!important
}
.m-n4 {
 margin:-1.5rem!important
}
.mt-n4,
.my-n4 {
 margin-top:-1.5rem!important
}
.mr-n4,
.mx-n4 {
 margin-right:-1.5rem!important
}
.mb-n4,
.my-n4 {
 margin-bottom:-1.5rem!important
}
.ml-n4,
.mx-n4 {
 margin-left:-1.5rem!important
}
.m-n5 {
 margin:-3rem!important
}
.mt-n5,
.my-n5 {
 margin-top:-3rem!important
}
.mr-n5,
.mx-n5 {
 margin-right:-3rem!important
}
.mb-n5,
.my-n5 {
 margin-bottom:-3rem!important
}
.ml-n5,
.mx-n5 {
 margin-left:-3rem!important
}
.m-auto {
 margin:auto!important
}
.mt-auto,
.my-auto {
 margin-top:auto!important
}
.mr-auto,
.mx-auto {
 margin-right:auto!important
}
.mb-auto,
.my-auto {
 margin-bottom:auto!important
}
.ml-auto,
.mx-auto {
 margin-left:auto!important
}
@media (min-width:576px) {
 .m-sm-0 {
  margin:0!important
 }
 .mt-sm-0,
 .my-sm-0 {
  margin-top:0!important
 }
 .mr-sm-0,
 .mx-sm-0 {
  margin-right:0!important
 }
 .mb-sm-0,
 .my-sm-0 {
  margin-bottom:0!important
 }
 .ml-sm-0,
 .mx-sm-0 {
  margin-left:0!important
 }
 .m-sm-1 {
  margin:.25rem!important
 }
 .mt-sm-1,
 .my-sm-1 {
  margin-top:.25rem!important
 }
 .mr-sm-1,
 .mx-sm-1 {
  margin-right:.25rem!important
 }
 .mb-sm-1,
 .my-sm-1 {
  margin-bottom:.25rem!important
 }
 .ml-sm-1,
 .mx-sm-1 {
  margin-left:.25rem!important
 }
 .m-sm-2 {
  margin:.5rem!important
 }
 .mt-sm-2,
 .my-sm-2 {
  margin-top:.5rem!important
 }
 .mr-sm-2,
 .mx-sm-2 {
  margin-right:.5rem!important
 }
 .mb-sm-2,
 .my-sm-2 {
  margin-bottom:.5rem!important
 }
 .ml-sm-2,
 .mx-sm-2 {
  margin-left:.5rem!important
 }
 .m-sm-3 {
  margin:1rem!important
 }
 .mt-sm-3,
 .my-sm-3 {
  margin-top:1rem!important
 }
 .mr-sm-3,
 .mx-sm-3 {
  margin-right:1rem!important
 }
 .mb-sm-3,
 .my-sm-3 {
  margin-bottom:1rem!important
 }
 .ml-sm-3,
 .mx-sm-3 {
  margin-left:1rem!important
 }
 .m-sm-4 {
  margin:1.5rem!important
 }
 .mt-sm-4,
 .my-sm-4 {
  margin-top:1.5rem!important
 }
 .mr-sm-4,
 .mx-sm-4 {
  margin-right:1.5rem!important
 }
 .mb-sm-4,
 .my-sm-4 {
  margin-bottom:1.5rem!important
 }
 .ml-sm-4,
 .mx-sm-4 {
  margin-left:1.5rem!important
 }
 .m-sm-5 {
  margin:3rem!important
 }
 .mt-sm-5,
 .my-sm-5 {
  margin-top:3rem!important
 }
 .mr-sm-5,
 .mx-sm-5 {
  margin-right:3rem!important
 }
 .mb-sm-5,
 .my-sm-5 {
  margin-bottom:3rem!important
 }
 .ml-sm-5,
 .mx-sm-5 {
  margin-left:3rem!important
 }
 .p-sm-0 {
  padding:0!important
 }
 .pt-sm-0,
 .py-sm-0 {
  padding-top:0!important
 }
 .pr-sm-0,
 .px-sm-0 {
  padding-right:0!important
 }
 .pb-sm-0,
 .py-sm-0 {
  padding-bottom:0!important
 }
 .pl-sm-0,
 .px-sm-0 {
  padding-left:0!important
 }
 .p-sm-1 {
  padding:.25rem!important
 }
 .pt-sm-1,
 .py-sm-1 {
  padding-top:.25rem!important
 }
 .pr-sm-1,
 .px-sm-1 {
  padding-right:.25rem!important
 }
 .pb-sm-1,
 .py-sm-1 {
  padding-bottom:.25rem!important
 }
 .pl-sm-1,
 .px-sm-1 {
  padding-left:.25rem!important
 }
 .p-sm-2 {
  padding:.5rem!important
 }
 .pt-sm-2,
 .py-sm-2 {
  padding-top:.5rem!important
 }
 .pr-sm-2,
 .px-sm-2 {
  padding-right:.5rem!important
 }
 .pb-sm-2,
 .py-sm-2 {
  padding-bottom:.5rem!important
 }
 .pl-sm-2,
 .px-sm-2 {
  padding-left:.5rem!important
 }
 .p-sm-3 {
  padding:1rem!important
 }
 .pt-sm-3,
 .py-sm-3 {
  padding-top:1rem!important
 }
 .pr-sm-3,
 .px-sm-3 {
  padding-right:1rem!important
 }
 .pb-sm-3,
 .py-sm-3 {
  padding-bottom:1rem!important
 }
 .pl-sm-3,
 .px-sm-3 {
  padding-left:1rem!important
 }
 .p-sm-4 {
  padding:1.5rem!important
 }
 .pt-sm-4,
 .py-sm-4 {
  padding-top:1.5rem!important
 }
 .pr-sm-4,
 .px-sm-4 {
  padding-right:1.5rem!important
 }
 .pb-sm-4,
 .py-sm-4 {
  padding-bottom:1.5rem!important
 }
 .pl-sm-4,
 .px-sm-4 {
  padding-left:1.5rem!important
 }
 .p-sm-5 {
  padding:3rem!important
 }
 .pt-sm-5,
 .py-sm-5 {
  padding-top:3rem!important
 }
 .pr-sm-5,
 .px-sm-5 {
  padding-right:3rem!important
 }
 .pb-sm-5,
 .py-sm-5 {
  padding-bottom:3rem!important
 }
 .pl-sm-5,
 .px-sm-5 {
  padding-left:3rem!important
 }
 .m-sm-n1 {
  margin:-.25rem!important
 }
 .mt-sm-n1,
 .my-sm-n1 {
  margin-top:-.25rem!important
 }
 .mr-sm-n1,
 .mx-sm-n1 {
  margin-right:-.25rem!important
 }
 .mb-sm-n1,
 .my-sm-n1 {
  margin-bottom:-.25rem!important
 }
 .ml-sm-n1,
 .mx-sm-n1 {
  margin-left:-.25rem!important
 }
 .m-sm-n2 {
  margin:-.5rem!important
 }
 .mt-sm-n2,
 .my-sm-n2 {
  margin-top:-.5rem!important
 }
 .mr-sm-n2,
 .mx-sm-n2 {
  margin-right:-.5rem!important
 }
 .mb-sm-n2,
 .my-sm-n2 {
  margin-bottom:-.5rem!important
 }
 .ml-sm-n2,
 .mx-sm-n2 {
  margin-left:-.5rem!important
 }
 .m-sm-n3 {
  margin:-1rem!important
 }
 .mt-sm-n3,
 .my-sm-n3 {
  margin-top:-1rem!important
 }
 .mr-sm-n3,
 .mx-sm-n3 {
  margin-right:-1rem!important
 }
 .mb-sm-n3,
 .my-sm-n3 {
  margin-bottom:-1rem!important
 }
 .ml-sm-n3,
 .mx-sm-n3 {
  margin-left:-1rem!important
 }
 .m-sm-n4 {
  margin:-1.5rem!important
 }
 .mt-sm-n4,
 .my-sm-n4 {
  margin-top:-1.5rem!important
 }
 .mr-sm-n4,
 .mx-sm-n4 {
  margin-right:-1.5rem!important
 }
 .mb-sm-n4,
 .my-sm-n4 {
  margin-bottom:-1.5rem!important
 }
 .ml-sm-n4,
 .mx-sm-n4 {
  margin-left:-1.5rem!important
 }
 .m-sm-n5 {
  margin:-3rem!important
 }
 .mt-sm-n5,
 .my-sm-n5 {
  margin-top:-3rem!important
 }
 .mr-sm-n5,
 .mx-sm-n5 {
  margin-right:-3rem!important
 }
 .mb-sm-n5,
 .my-sm-n5 {
  margin-bottom:-3rem!important
 }
 .ml-sm-n5,
 .mx-sm-n5 {
  margin-left:-3rem!important
 }
 .m-sm-auto {
  margin:auto!important
 }
 .mt-sm-auto,
 .my-sm-auto {
  margin-top:auto!important
 }
 .mr-sm-auto,
 .mx-sm-auto {
  margin-right:auto!important
 }
 .mb-sm-auto,
 .my-sm-auto {
  margin-bottom:auto!important
 }
 .ml-sm-auto,
 .mx-sm-auto {
  margin-left:auto!important
 }
}
@media (min-width:768px) {
 .m-md-0 {
  margin:0!important
 }
 .mt-md-0,
 .my-md-0 {
  margin-top:0!important
 }
 .mr-md-0,
 .mx-md-0 {
  margin-right:0!important
 }
 .mb-md-0,
 .my-md-0 {
  margin-bottom:0!important
 }
 .ml-md-0,
 .mx-md-0 {
  margin-left:0!important
 }
 .m-md-1 {
  margin:.25rem!important
 }
 .mt-md-1,
 .my-md-1 {
  margin-top:.25rem!important
 }
 .mr-md-1,
 .mx-md-1 {
  margin-right:.25rem!important
 }
 .mb-md-1,
 .my-md-1 {
  margin-bottom:.25rem!important
 }
 .ml-md-1,
 .mx-md-1 {
  margin-left:.25rem!important
 }
 .m-md-2 {
  margin:.5rem!important
 }
 .mt-md-2,
 .my-md-2 {
  margin-top:.5rem!important
 }
 .mr-md-2,
 .mx-md-2 {
  margin-right:.5rem!important
 }
 .mb-md-2,
 .my-md-2 {
  margin-bottom:.5rem!important
 }
 .ml-md-2,
 .mx-md-2 {
  margin-left:.5rem!important
 }
 .m-md-3 {
  margin:1rem!important
 }
 .mt-md-3,
 .my-md-3 {
  margin-top:1rem!important
 }
 .mr-md-3,
 .mx-md-3 {
  margin-right:1rem!important
 }
 .mb-md-3,
 .my-md-3 {
  margin-bottom:1rem!important
 }
 .ml-md-3,
 .mx-md-3 {
  margin-left:1rem!important
 }
 .m-md-4 {
  margin:1.5rem!important
 }
 .mt-md-4,
 .my-md-4 {
  margin-top:1.5rem!important
 }
 .mr-md-4,
 .mx-md-4 {
  margin-right:1.5rem!important
 }
 .mb-md-4,
 .my-md-4 {
  margin-bottom:1.5rem!important
 }
 .ml-md-4,
 .mx-md-4 {
  margin-left:1.5rem!important
 }
 .m-md-5 {
  margin:3rem!important
 }
 .mt-md-5,
 .my-md-5 {
  margin-top:3rem!important
 }
 .mr-md-5,
 .mx-md-5 {
  margin-right:3rem!important
 }
 .mb-md-5,
 .my-md-5 {
  margin-bottom:3rem!important
 }
 .ml-md-5,
 .mx-md-5 {
  margin-left:3rem!important
 }
 .p-md-0 {
  padding:0!important
 }
 .pt-md-0,
 .py-md-0 {
  padding-top:0!important
 }
 .pr-md-0,
 .px-md-0 {
  padding-right:0!important
 }
 .pb-md-0,
 .py-md-0 {
  padding-bottom:0!important
 }
 .pl-md-0,
 .px-md-0 {
  padding-left:0!important
 }
 .p-md-1 {
  padding:.25rem!important
 }
 .pt-md-1,
 .py-md-1 {
  padding-top:.25rem!important
 }
 .pr-md-1,
 .px-md-1 {
  padding-right:.25rem!important
 }
 .pb-md-1,
 .py-md-1 {
  padding-bottom:.25rem!important
 }
 .pl-md-1,
 .px-md-1 {
  padding-left:.25rem!important
 }
 .p-md-2 {
  padding:.5rem!important
 }
 .pt-md-2,
 .py-md-2 {
  padding-top:.5rem!important
 }
 .pr-md-2,
 .px-md-2 {
  padding-right:.5rem!important
 }
 .pb-md-2,
 .py-md-2 {
  padding-bottom:.5rem!important
 }
 .pl-md-2,
 .px-md-2 {
  padding-left:.5rem!important
 }
 .p-md-3 {
  padding:1rem!important
 }
 .pt-md-3,
 .py-md-3 {
  padding-top:1rem!important
 }
 .pr-md-3,
 .px-md-3 {
  padding-right:1rem!important
 }
 .pb-md-3,
 .py-md-3 {
  padding-bottom:1rem!important
 }
 .pl-md-3,
 .px-md-3 {
  padding-left:1rem!important
 }
 .p-md-4 {
  padding:1.5rem!important
 }
 .pt-md-4,
 .py-md-4 {
  padding-top:1.5rem!important
 }
 .pr-md-4,
 .px-md-4 {
  padding-right:1.5rem!important
 }
 .pb-md-4,
 .py-md-4 {
  padding-bottom:1.5rem!important
 }
 .pl-md-4,
 .px-md-4 {
  padding-left:1.5rem!important
 }
 .p-md-5 {
  padding:3rem!important
 }
 .pt-md-5,
 .py-md-5 {
  padding-top:3rem!important
 }
 .pr-md-5,
 .px-md-5 {
  padding-right:3rem!important
 }
 .pb-md-5,
 .py-md-5 {
  padding-bottom:3rem!important
 }
 .pl-md-5,
 .px-md-5 {
  padding-left:3rem!important
 }
 .m-md-n1 {
  margin:-.25rem!important
 }
 .mt-md-n1,
 .my-md-n1 {
  margin-top:-.25rem!important
 }
 .mr-md-n1,
 .mx-md-n1 {
  margin-right:-.25rem!important
 }
 .mb-md-n1,
 .my-md-n1 {
  margin-bottom:-.25rem!important
 }
 .ml-md-n1,
 .mx-md-n1 {
  margin-left:-.25rem!important
 }
 .m-md-n2 {
  margin:-.5rem!important
 }
 .mt-md-n2,
 .my-md-n2 {
  margin-top:-.5rem!important
 }
 .mr-md-n2,
 .mx-md-n2 {
  margin-right:-.5rem!important
 }
 .mb-md-n2,
 .my-md-n2 {
  margin-bottom:-.5rem!important
 }
 .ml-md-n2,
 .mx-md-n2 {
  margin-left:-.5rem!important
 }
 .m-md-n3 {
  margin:-1rem!important
 }
 .mt-md-n3,
 .my-md-n3 {
  margin-top:-1rem!important
 }
 .mr-md-n3,
 .mx-md-n3 {
  margin-right:-1rem!important
 }
 .mb-md-n3,
 .my-md-n3 {
  margin-bottom:-1rem!important
 }
 .ml-md-n3,
 .mx-md-n3 {
  margin-left:-1rem!important
 }
 .m-md-n4 {
  margin:-1.5rem!important
 }
 .mt-md-n4,
 .my-md-n4 {
  margin-top:-1.5rem!important
 }
 .mr-md-n4,
 .mx-md-n4 {
  margin-right:-1.5rem!important
 }
 .mb-md-n4,
 .my-md-n4 {
  margin-bottom:-1.5rem!important
 }
 .ml-md-n4,
 .mx-md-n4 {
  margin-left:-1.5rem!important
 }
 .m-md-n5 {
  margin:-3rem!important
 }
 .mt-md-n5,
 .my-md-n5 {
  margin-top:-3rem!important
 }
 .mr-md-n5,
 .mx-md-n5 {
  margin-right:-3rem!important
 }
 .mb-md-n5,
 .my-md-n5 {
  margin-bottom:-3rem!important
 }
 .ml-md-n5,
 .mx-md-n5 {
  margin-left:-3rem!important
 }
 .m-md-auto {
  margin:auto!important
 }
 .mt-md-auto,
 .my-md-auto {
  margin-top:auto!important
 }
 .mr-md-auto,
 .mx-md-auto {
  margin-right:auto!important
 }
 .mb-md-auto,
 .my-md-auto {
  margin-bottom:auto!important
 }
 .ml-md-auto,
 .mx-md-auto {
  margin-left:auto!important
 }
}
@media (min-width:992px) {
 .m-lg-0 {
  margin:0!important
 }
 .mt-lg-0,
 .my-lg-0 {
  margin-top:0!important
 }
 .mr-lg-0,
 .mx-lg-0 {
  margin-right:0!important
 }
 .mb-lg-0,
 .my-lg-0 {
  margin-bottom:0!important
 }
 .ml-lg-0,
 .mx-lg-0 {
  margin-left:0!important
 }
 .m-lg-1 {
  margin:.25rem!important
 }
 .mt-lg-1,
 .my-lg-1 {
  margin-top:.25rem!important
 }
 .mr-lg-1,
 .mx-lg-1 {
  margin-right:.25rem!important
 }
 .mb-lg-1,
 .my-lg-1 {
  margin-bottom:.25rem!important
 }
 .ml-lg-1,
 .mx-lg-1 {
  margin-left:.25rem!important
 }
 .m-lg-2 {
  margin:.5rem!important
 }
 .mt-lg-2,
 .my-lg-2 {
  margin-top:.5rem!important
 }
 .mr-lg-2,
 .mx-lg-2 {
  margin-right:.5rem!important
 }
 .mb-lg-2,
 .my-lg-2 {
  margin-bottom:.5rem!important
 }
 .ml-lg-2,
 .mx-lg-2 {
  margin-left:.5rem!important
 }
 .m-lg-3 {
  margin:1rem!important
 }
 .mt-lg-3,
 .my-lg-3 {
  margin-top:1rem!important
 }
 .mr-lg-3,
 .mx-lg-3 {
  margin-right:1rem!important
 }
 .mb-lg-3,
 .my-lg-3 {
  margin-bottom:1rem!important
 }
 .ml-lg-3,
 .mx-lg-3 {
  margin-left:1rem!important
 }
 .m-lg-4 {
  margin:1.5rem!important
 }
 .mt-lg-4,
 .my-lg-4 {
  margin-top:1.5rem!important
 }
 .mr-lg-4,
 .mx-lg-4 {
  margin-right:1.5rem!important
 }
 .mb-lg-4,
 .my-lg-4 {
  margin-bottom:1.5rem!important
 }
 .ml-lg-4,
 .mx-lg-4 {
  margin-left:1.5rem!important
 }
 .m-lg-5 {
  margin:3rem!important
 }
 .mt-lg-5,
 .my-lg-5 {
  margin-top:3rem!important
 }
 .mr-lg-5,
 .mx-lg-5 {
  margin-right:3rem!important
 }
 .mb-lg-5,
 .my-lg-5 {
  margin-bottom:3rem!important
 }
 .ml-lg-5,
 .mx-lg-5 {
  margin-left:3rem!important
 }
 .p-lg-0 {
  padding:0!important
 }
 .pt-lg-0,
 .py-lg-0 {
  padding-top:0!important
 }
 .pr-lg-0,
 .px-lg-0 {
  padding-right:0!important
 }
 .pb-lg-0,
 .py-lg-0 {
  padding-bottom:0!important
 }
 .pl-lg-0,
 .px-lg-0 {
  padding-left:0!important
 }
 .p-lg-1 {
  padding:.25rem!important
 }
 .pt-lg-1,
 .py-lg-1 {
  padding-top:.25rem!important
 }
 .pr-lg-1,
 .px-lg-1 {
  padding-right:.25rem!important
 }
 .pb-lg-1,
 .py-lg-1 {
  padding-bottom:.25rem!important
 }
 .pl-lg-1,
 .px-lg-1 {
  padding-left:.25rem!important
 }
 .p-lg-2 {
  padding:.5rem!important
 }
 .pt-lg-2,
 .py-lg-2 {
  padding-top:.5rem!important
 }
 .pr-lg-2,
 .px-lg-2 {
  padding-right:.5rem!important
 }
 .pb-lg-2,
 .py-lg-2 {
  padding-bottom:.5rem!important
 }
 .pl-lg-2,
 .px-lg-2 {
  padding-left:.5rem!important
 }
 .p-lg-3 {
  padding:1rem!important
 }
 .pt-lg-3,
 .py-lg-3 {
  padding-top:1rem!important
 }
 .pr-lg-3,
 .px-lg-3 {
  padding-right:1rem!important
 }
 .pb-lg-3,
 .py-lg-3 {
  padding-bottom:1rem!important
 }
 .pl-lg-3,
 .px-lg-3 {
  padding-left:1rem!important
 }
 .p-lg-4 {
  padding:1.5rem!important
 }
 .pt-lg-4,
 .py-lg-4 {
  padding-top:1.5rem!important
 }
 .pr-lg-4,
 .px-lg-4 {
  padding-right:1.5rem!important
 }
 .pb-lg-4,
 .py-lg-4 {
  padding-bottom:1.5rem!important
 }
 .pl-lg-4,
 .px-lg-4 {
  padding-left:1.5rem!important
 }
 .p-lg-5 {
  padding:3rem!important
 }
 .pt-lg-5,
 .py-lg-5 {
  padding-top:3rem!important
 }
 .pr-lg-5,
 .px-lg-5 {
  padding-right:3rem!important
 }
 .pb-lg-5,
 .py-lg-5 {
  padding-bottom:3rem!important
 }
 .pl-lg-5,
 .px-lg-5 {
  padding-left:3rem!important
 }
 .m-lg-n1 {
  margin:-.25rem!important
 }
 .mt-lg-n1,
 .my-lg-n1 {
  margin-top:-.25rem!important
 }
 .mr-lg-n1,
 .mx-lg-n1 {
  margin-right:-.25rem!important
 }
 .mb-lg-n1,
 .my-lg-n1 {
  margin-bottom:-.25rem!important
 }
 .ml-lg-n1,
 .mx-lg-n1 {
  margin-left:-.25rem!important
 }
 .m-lg-n2 {
  margin:-.5rem!important
 }
 .mt-lg-n2,
 .my-lg-n2 {
  margin-top:-.5rem!important
 }
 .mr-lg-n2,
 .mx-lg-n2 {
  margin-right:-.5rem!important
 }
 .mb-lg-n2,
 .my-lg-n2 {
  margin-bottom:-.5rem!important
 }
 .ml-lg-n2,
 .mx-lg-n2 {
  margin-left:-.5rem!important
 }
 .m-lg-n3 {
  margin:-1rem!important
 }
 .mt-lg-n3,
 .my-lg-n3 {
  margin-top:-1rem!important
 }
 .mr-lg-n3,
 .mx-lg-n3 {
  margin-right:-1rem!important
 }
 .mb-lg-n3,
 .my-lg-n3 {
  margin-bottom:-1rem!important
 }
 .ml-lg-n3,
 .mx-lg-n3 {
  margin-left:-1rem!important
 }
 .m-lg-n4 {
  margin:-1.5rem!important
 }
 .mt-lg-n4,
 .my-lg-n4 {
  margin-top:-1.5rem!important
 }
 .mr-lg-n4,
 .mx-lg-n4 {
  margin-right:-1.5rem!important
 }
 .mb-lg-n4,
 .my-lg-n4 {
  margin-bottom:-1.5rem!important
 }
 .ml-lg-n4,
 .mx-lg-n4 {
  margin-left:-1.5rem!important
 }
 .m-lg-n5 {
  margin:-3rem!important
 }
 .mt-lg-n5,
 .my-lg-n5 {
  margin-top:-3rem!important
 }
 .mr-lg-n5,
 .mx-lg-n5 {
  margin-right:-3rem!important
 }
 .mb-lg-n5,
 .my-lg-n5 {
  margin-bottom:-3rem!important
 }
 .ml-lg-n5,
 .mx-lg-n5 {
  margin-left:-3rem!important
 }
 .m-lg-auto {
  margin:auto!important
 }
 .mt-lg-auto,
 .my-lg-auto {
  margin-top:auto!important
 }
 .mr-lg-auto,
 .mx-lg-auto {
  margin-right:auto!important
 }
 .mb-lg-auto,
 .my-lg-auto {
  margin-bottom:auto!important
 }
 .ml-lg-auto,
 .mx-lg-auto {
  margin-left:auto!important
 }
}
@media (min-width:1200px) {
 .m-xl-0 {
  margin:0!important
 }
 .mt-xl-0,
 .my-xl-0 {
  margin-top:0!important
 }
 .mr-xl-0,
 .mx-xl-0 {
  margin-right:0!important
 }
 .mb-xl-0,
 .my-xl-0 {
  margin-bottom:0!important
 }
 .ml-xl-0,
 .mx-xl-0 {
  margin-left:0!important
 }
 .m-xl-1 {
  margin:.25rem!important
 }
 .mt-xl-1,
 .my-xl-1 {
  margin-top:.25rem!important
 }
 .mr-xl-1,
 .mx-xl-1 {
  margin-right:.25rem!important
 }
 .mb-xl-1,
 .my-xl-1 {
  margin-bottom:.25rem!important
 }
 .ml-xl-1,
 .mx-xl-1 {
  margin-left:.25rem!important
 }
 .m-xl-2 {
  margin:.5rem!important
 }
 .mt-xl-2,
 .my-xl-2 {
  margin-top:.5rem!important
 }
 .mr-xl-2,
 .mx-xl-2 {
  margin-right:.5rem!important
 }
 .mb-xl-2,
 .my-xl-2 {
  margin-bottom:.5rem!important
 }
 .ml-xl-2,
 .mx-xl-2 {
  margin-left:.5rem!important
 }
 .m-xl-3 {
  margin:1rem!important
 }
 .mt-xl-3,
 .my-xl-3 {
  margin-top:1rem!important
 }
 .mr-xl-3,
 .mx-xl-3 {
  margin-right:1rem!important
 }
 .mb-xl-3,
 .my-xl-3 {
  margin-bottom:1rem!important
 }
 .ml-xl-3,
 .mx-xl-3 {
  margin-left:1rem!important
 }
 .m-xl-4 {
  margin:1.5rem!important
 }
 .mt-xl-4,
 .my-xl-4 {
  margin-top:1.5rem!important
 }
 .mr-xl-4,
 .mx-xl-4 {
  margin-right:1.5rem!important
 }
 .mb-xl-4,
 .my-xl-4 {
  margin-bottom:1.5rem!important
 }
 .ml-xl-4,
 .mx-xl-4 {
  margin-left:1.5rem!important
 }
 .m-xl-5 {
  margin:3rem!important
 }
 .mt-xl-5,
 .my-xl-5 {
  margin-top:3rem!important
 }
 .mr-xl-5,
 .mx-xl-5 {
  margin-right:3rem!important
 }
 .mb-xl-5,
 .my-xl-5 {
  margin-bottom:3rem!important
 }
 .ml-xl-5,
 .mx-xl-5 {
  margin-left:3rem!important
 }
 .p-xl-0 {
  padding:0!important
 }
 .pt-xl-0,
 .py-xl-0 {
  padding-top:0!important
 }
 .pr-xl-0,
 .px-xl-0 {
  padding-right:0!important
 }
 .pb-xl-0,
 .py-xl-0 {
  padding-bottom:0!important
 }
 .pl-xl-0,
 .px-xl-0 {
  padding-left:0!important
 }
 .p-xl-1 {
  padding:.25rem!important
 }
 .pt-xl-1,
 .py-xl-1 {
  padding-top:.25rem!important
 }
 .pr-xl-1,
 .px-xl-1 {
  padding-right:.25rem!important
 }
 .pb-xl-1,
 .py-xl-1 {
  padding-bottom:.25rem!important
 }
 .pl-xl-1,
 .px-xl-1 {
  padding-left:.25rem!important
 }
 .p-xl-2 {
  padding:.5rem!important
 }
 .pt-xl-2,
 .py-xl-2 {
  padding-top:.5rem!important
 }
 .pr-xl-2,
 .px-xl-2 {
  padding-right:.5rem!important
 }
 .pb-xl-2,
 .py-xl-2 {
  padding-bottom:.5rem!important
 }
 .pl-xl-2,
 .px-xl-2 {
  padding-left:.5rem!important
 }
 .p-xl-3 {
  padding:1rem!important
 }
 .pt-xl-3,
 .py-xl-3 {
  padding-top:1rem!important
 }
 .pr-xl-3,
 .px-xl-3 {
  padding-right:1rem!important
 }
 .pb-xl-3,
 .py-xl-3 {
  padding-bottom:1rem!important
 }
 .pl-xl-3,
 .px-xl-3 {
  padding-left:1rem!important
 }
 .p-xl-4 {
  padding:1.5rem!important
 }
 .pt-xl-4,
 .py-xl-4 {
  padding-top:1.5rem!important
 }
 .pr-xl-4,
 .px-xl-4 {
  padding-right:1.5rem!important
 }
 .pb-xl-4,
 .py-xl-4 {
  padding-bottom:1.5rem!important
 }
 .pl-xl-4,
 .px-xl-4 {
  padding-left:1.5rem!important
 }
 .p-xl-5 {
  padding:3rem!important
 }
 .pt-xl-5,
 .py-xl-5 {
  padding-top:3rem!important
 }
 .pr-xl-5,
 .px-xl-5 {
  padding-right:3rem!important
 }
 .pb-xl-5,
 .py-xl-5 {
  padding-bottom:3rem!important
 }
 .pl-xl-5,
 .px-xl-5 {
  padding-left:3rem!important
 }
 .m-xl-n1 {
  margin:-.25rem!important
 }
 .mt-xl-n1,
 .my-xl-n1 {
  margin-top:-.25rem!important
 }
 .mr-xl-n1,
 .mx-xl-n1 {
  margin-right:-.25rem!important
 }
 .mb-xl-n1,
 .my-xl-n1 {
  margin-bottom:-.25rem!important
 }
 .ml-xl-n1,
 .mx-xl-n1 {
  margin-left:-.25rem!important
 }
 .m-xl-n2 {
  margin:-.5rem!important
 }
 .mt-xl-n2,
 .my-xl-n2 {
  margin-top:-.5rem!important
 }
 .mr-xl-n2,
 .mx-xl-n2 {
  margin-right:-.5rem!important
 }
 .mb-xl-n2,
 .my-xl-n2 {
  margin-bottom:-.5rem!important
 }
 .ml-xl-n2,
 .mx-xl-n2 {
  margin-left:-.5rem!important
 }
 .m-xl-n3 {
  margin:-1rem!important
 }
 .mt-xl-n3,
 .my-xl-n3 {
  margin-top:-1rem!important
 }
 .mr-xl-n3,
 .mx-xl-n3 {
  margin-right:-1rem!important
 }
 .mb-xl-n3,
 .my-xl-n3 {
  margin-bottom:-1rem!important
 }
 .ml-xl-n3,
 .mx-xl-n3 {
  margin-left:-1rem!important
 }
 .m-xl-n4 {
  margin:-1.5rem!important
 }
 .mt-xl-n4,
 .my-xl-n4 {
  margin-top:-1.5rem!important
 }
 .mr-xl-n4,
 .mx-xl-n4 {
  margin-right:-1.5rem!important
 }
 .mb-xl-n4,
 .my-xl-n4 {
  margin-bottom:-1.5rem!important
 }
 .ml-xl-n4,
 .mx-xl-n4 {
  margin-left:-1.5rem!important
 }
 .m-xl-n5 {
  margin:-3rem!important
 }
 .mt-xl-n5,
 .my-xl-n5 {
  margin-top:-3rem!important
 }
 .mr-xl-n5,
 .mx-xl-n5 {
  margin-right:-3rem!important
 }
 .mb-xl-n5,
 .my-xl-n5 {
  margin-bottom:-3rem!important
 }
 .ml-xl-n5,
 .mx-xl-n5 {
  margin-left:-3rem!important
 }
 .m-xl-auto {
  margin:auto!important
 }
 .mt-xl-auto,
 .my-xl-auto {
  margin-top:auto!important
 }
 .mr-xl-auto,
 .mx-xl-auto {
  margin-right:auto!important
 }
 .mb-xl-auto,
 .my-xl-auto {
  margin-bottom:auto!important
 }
 .ml-xl-auto,
 .mx-xl-auto {
  margin-left:auto!important
 }





































































































