/* dgs.css - DGS site-wide cascade style sheet */
/* container */
.dgsContainer {  }

/* heading */
.dgsH1, .dgsH2, .dgsH3, .dgsH4, .dgsH5, .dgsH6 { }
.dgsContainer h1, .dgsContainer h2, .dgsContainer h3, .dgsContainer h4, .dgsContainer h5, .dgsContainer h6 { font-family: sans-serif; font-weight: 600; }
.dgsH1, .dgsContainer h1 { }
.dgsH2, .dgsContainer h2 { }
.dgsH3, .dgsContainer h3 { }
.dgsH4, .dgsContainer h4 { }
.dgsH5, .dgsContainer h5 { }
.dgsH6, .dgsContainer h6 { }

/* paragraph */
p.dgsP, .dgsContainer p { font-family: sans-serif; line-height: 1.5em; margin-bottom: 1em; }

/* list */
li, .dgsContainer li { font-family: sans-serif; }

/* dl */
.dgsContainer dt, .dgsContainer dd { font-family: sans-serif; }
.dgsDL { }
.dgsDL dd { margin-left: 3em !important; }

/* panel - modified from default Panel control - add bg-primary, bg-success, bg-info, bg-warning, bg-danger to change its background*/
.dgsPanel { border: none; }
.dgsPanel div.panel-body { border-radius: 0.5em; /*box-shadow: 5px 5px 5px #D0E0EB;*/ }
.dgsPanel div.panel-body.bg-primary { box-shadow: 5px 5px 5px darken(#428bca, 10%); }
.dgsPanel div.panel-body.bg-success { box-shadow: 5px 5px 5px hsl(120, 100%, 30%); }
.dgsPanel div.panel-body.bg-info { box-shadow: 5px 5px 5px lightgray; }
.dgsPanel div.panel-body.bg-warning { box-shadow: 5px 5px 5px lighten(#f0ad4e, 10%); }
.dgsPanel div.panel-body.bg-danger { box-shadow: 5px 5px 5px lighten(#d9534f, 10%); }

/* panel image */
.dgsPanelImage { border: none; }
.dgsPanelImage .panel-heading { background-color: white; border: none; padding-bottom: 0; text-align: center; }
.dgsPanelImage .panel-body { padding-top: 0; padding-bottom: 0; }
.dgsPanelImage .panel-body img { width: 100%; }
.dgsPanelImage .panel-footer { background-color: white; border: none !important; padding-bottom: 0; font-size: 0.9em; line-height: 1.2em; }
.dgsPanelImage .panel-footer ul { margin-left: 4%; display: inline-block; text-align: left; font-size: 0.9em; padding: 0.25em 0.25em 0.5em 0.25em; line-height: 1.1em; }

/* link indent 3em - option to remove top or bottom margin */
span.dgsLinkIndentRD { display: inline-block; margin-top: 1em; margin-bottom: 1em; }
span.dgsLinkIndentRD.NoTopMargin { margin-top: 0; }
span.dgsLinkIndentRD.NoBottomMargin { margin-bottom: 0; }
span.dgsLinkIndentRD span { margin-left: 3em; }

p.dgsInentFirstSpan span:first-child { font-weight: bold; font-size: 1.1em; margin-right: 2em; }

/* place an image on the right of the first pargraph */
.dgsParagraphImageRight { margin-right: 0; margin-left: 0; }
.dgsParagraphImageRight img { width: 300px; float: right; margin: 0 10px 10px 0; }
.dgsParagraphImageRight p { margin-top: 0; }
.dgsParagraphImageRight div img { width: 100%; max-width: 270px; float: none; margin: 0 0 10px 0; }

/* */
.dgsMediaSmall img { width: 50px; }
.dgsMediaSmall h4 { font-size: 90% !important; }
.dgsMediaSmall h4 small { color: black; }

/* link */
/* break letter in a word if needed to avoid screen overrun - usually for link text */
.dgsBreakWord, a.wbreak { word-break: break-all; }


/* text defaults */
.dgsTextBold { font-weight: 600 !important; }
.dgsTextLeft { text-align: left !important; }
.dgsTextCenter { text-align: center !important; }
.dgsTextRight { text-align: right !important; }
.dgsTextItalic { font-style: italic !important; }
.dgsTextRed { color: red !important; }
.dgsTextA, .dgsContainer a { font-weight: 600 !important; }

/* display defaults */
.dgsHidden { display: none !important; }