@charset "UTF-8";
/*
Waste Management Common Stylesheet (c) 2017

WM Green	    00693c
WM Gold		    fecb00
WM Logo Gold	ffcc00
WM Green 1	    7ab800
WM Green 2	    024731
WM Green 3	    3c8a2e
WM Green 4	    bed600
WM Light Grey	c6c6bc
WM Dark Grey	57584f
/..................................  */

/* font definitions */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
html * { font-family: 'Open Sans', sans-serif; font-size: 1em; }
html.popup  { background: none; }

div.alert,span.alert,font.alert,
a.alert,a.alert:link,a.alert:hover,a.alert:link:hover  { color: #d41212 !important; font-size: 10pt; font-weight: bold; }
div.alertSmall,span.alertSmall,font.alertSmall,
a.alertSmall,a.alertSmall:link,a.alertSmall:hover,a.alertSmall:link:hover { color: #d41212 !important; font-size: 8pt; font-weight: normal; }

input, textarea, select { font-size: 1.0em; resize: none; }
input.required, select.required, textarea.required  { border: 1px solid #d31245 !important; resize: none; }
.required .RadInput input.riTextBox { border: 1px solid #a00 !important; }

body,td,p, ul, li { color: #000; font-size: 10pt; }
body.default
{
    background-color: #57584f;
    margin: 0;
    min-width: 1000px;
}
body.social { background-color: #fff; color: #000000; font-size: 9pt; margin: 0px; }
body.event  { background-color: #f00; color: #000000; font-size: 9pt; margin: 0px; }

#main-footer    { color: #f1f1f1; height: 48px; padding: 4px 0px 4px 0px; width: 100%; }
.footerLeft { display: inline-block; width: 300px; vertical-align: middle; display: none; }
.footerCopy     { font-size: 9pt; display: inline-block; font-weight: bold; margin-top: 34px; text-align: center; width: 100%; }
div.footer-copyright    { font-size: 8pt; text-align: center; width: 100%; }
div.footer-copyright a  { color: #649dc5; }
.footer-content { margin: 16px auto; text-align: center; width: 1000px; }
#footerLinks { float: right; text-align: right; padding-top: 15px; }

a       { color: #7ab800; font-weight: bold; text-decoration: none; }
a.force { color: #7ab800 !important; font-weight: bold !important; text-decoration: none !important; }
a img   { border: 0px; }
a.login { color: #7ab800; font-weight: bold; }
a.footer    { font-size: 8pt; color: #ffffff; }
a.default   { color: #7ab800 !important; }
a.small { color: #7ab800; font-style: italic; font-size: 9pt; font-weight: bold; }

.disabled { color: #777; font-weight: bold; text-decoration: none; }

/* article styles */
.articleTitle               { color: #7ab800; font-size: 18pt; }
.articleTitleSmall          { color: #7ab800; font-size: 10pt; }
a.articleAuthor { color: #7ab800; font-size: 10pt; font-style: italic; font-weight: bold; }
.articleBodyContainer       { margin: 12px 0px 24px 0px; width: 748px; }
/*
.articleBody                { color: #7c7c6a; font-size: 12pt; }
*/
.articleBody                { color: #000; font-size: 12pt; }
.articleThumbnail           { border: 1px solid #000000; float: left; width: 420px; height: 236px; }
.articleThumbnailSmall      { border: 1px solid #000 !important; margin: 0px 6px 0px 0px; }
.articleThumbnailSmallWrap  { border: 1px solid #000 !important; margin-right: 6px; }
.articleFeaturedPerspectiveInfo { font-size: 10pt; }

/* author styles */
.authorThumbnail    { border: 1px solid #d0d0c7 !important; height: 180px; width: 180px; }
.authorName         { color: #7ab800; font-size: 18pt; font-weight: bold; } 
.authorSince        { color: #7ab800; font-size: 8pt; font-weight: normal; } 
.authorBio          { font-size: 12pt; } 
.authorLink         { font-size: 9pt; }

.userPhoto  { border: 1px solid #d9d9d9 !important; }

/* site logo */
.site-logo 
{
    background-image: url(../images/wmp-logo-wm-logo.png);
    background-repeat: no-repeat;
    /* width: auto; 
    height: auto; */
    width: 255px;
    height: 75px;
    /* margin: 0; */
    padding: 0;
    float: left; margin: 6px 0px 6px 0px;
    cursor: pointer;
}

/* user styles */
/*
.userThumbnail  { border: 1px solid #f00; }
*/

/* listview styles */
.noResultsContainer     { color: #900; font-size: 12pt; font-weight: bold; margin: 16px; text-align: center; }
.resultGroupContainer   { margin: 12px 0px 12px 0px; }

.clear { clear: both; }

/* user menu */
div.userMenu            { float: right; height: 28px; line-height: 28px; }
div.userMenu:hover      { background-color: #077fb1; }
div.userMenu .rmGroup   { background-color: #e8e8e8; margin: 0px; padding: 0px; }
div.userMenu .rmItem    { margin: 0px; padding: 0px; }
div.userMenu .rmItem:hover  { background-color: #ccc; }

/* Navigtation styles */
.menuPreview 
{
       width:1000px;
       height:35px;
}

#main-menu 
{
    position: absolute;
    left: 50%;
    margin-left: -240px;
    top: 47px;
    width: 740px;
    z-index: 1000;
}
#menu-right { float: right; }
.navMenu                { z-index: 1; }
.navMenuItem            { color: #7ab800; font-size: 1.1em; font-weight: bold; z-index: 1; }
.navSubmenu             { background-color: #fff; }
.navSubmenu span        { color: #57584f; height: 24px; line-height: 24px; }
.navSubmenu font        { font-size: 9pt; font-weight: normal !important; }
.navSubmenu span:hover  { color: #7ab800; }
div.RadMenu .rmItem .rmLink .rmLeftImage { margin: 0px !important; padding: 0 !important; }
.rmGroup { border: 1px solid #000; }
.rmItem .rmFirst { margin-top: 3px; }


h1  { color: #3c8a2e; font-size: 16pt; margin: 4px 0px 4px 0px; }
h2  { color: #3c8a2e; font-size: 14pt; margin: 4px 0px 4px 0px; }
h3  { color: #3c8a2e; font-size: 12pt; margin: 4px 0px 4px 0px; }
h3.noMargin { color: #3c8a2e; font-size: 12pt; margin: 0px; }
h4  { color: #3c8a2e; font-size: 10pt; margin: 4px 0px 4px 0px; }
h5  { color: #3c8a2e; font-size: 9pt; margin: 4px 0px 4px 0px; }

.main           { background-color: #fff; height: auto; min-height: 300px; }
.mainPadded     { background-color: #fff; height: auto; padding: 16px 16px 16px 16px; min-height: 300px; }
.mainPaddedLeft { background-color: #fff; height: auto; padding: 16px 16px 16px 16px; min-height: 442px; overflow: auto; text-align: left; }
.mainLeft { background-color: #fff; height: auto; min-height: 300px; text-align: left; width: 732px; }
.socialPaddedLeft { background-color: #fff; height: auto; padding: 0px; text-align: left; width: 600px; }
.featurePaddedLeft { background-color: #fff; height: auto; padding: 0px; text-align: left; margin: 0px 16px 0px 16px; }
.eventPadded { background-color: #fff; padding: 0px; text-align: left; }

/* form */
div.formContainer       { background-color: #f5f5f5; border: 1px solid #d9d9d9; box-sizing: border-box; padding: 12px; margin: 0px; }
div.formContainerCenterOuter { text-align: center; }
div.formContainerCenterInner { background-color: #f5f5f5; border: 1px solid #d9d9d9; display: inline-block; padding: 12px; margin: 0px auto 0px auto; text-align: left; }
.formContainerTable     { margin: auto; width: 100%; }
.formContainerTable th  { text-align: left; vertical-align: top; }
div.noBorder            { border: 0px; }
div.noBackgroundColor       { border: 1px solid #d9d9d9; box-sizing: border-box; padding: 12px; margin: 0px; }

.buttonContainer    { margin: 12px auto 12px auto; text-align: center; width: 100%; }

.formTable              { padding: 6px; margin: 0px; }
.formTable th           { color: #777; font-size: 1.2em; font-weight: bold; padding: 2px 8px 2px 2px; text-align: left; vertical-align: top; }
.formTable th.small     { color: #777; font-size: 1.0em; font-weight: bold; padding: 2px 8px 2px 2px; text-align: left; vertical-align: top; }
.formTable th.header    { color: #000; font-size: 1.4em; font-weight: bold; padding: 6px; text-align: center !important; vertical-align: top; }
.formTable td           { color: #777; padding: 4px; }
.formTable td.info      { display: block; padding-bottom: 6px; }
.formTable td.header    { color: #777; display: block; font-size: 9pt; font-weight: bold; padding-bottom: 6px; }
.formTable td.buttons   { display: block; padding: 6px; text-align: center; }
.formTable-vert th, .formTable-vert td { vertical-align: middle; }
.formLabelRequired      { color: #a00; display: block; font-size: 1.0em; font-weight: bold; padding: 6px 0px 1px 0px;  }
.formControl            { margin-bottom: 3px; }
.formTable-values       { width: 100%; }
.formTable-values th    { vertical-align: middle; }
.formTable-values td    { font-size: 1.8em; font-weight: bold; text-align: right; vertical-align: middle; }
.defaultForm        { margin: 0px auto 12px auto; }

.defaultForm th     { color: #000; font-size: 10pt; font-weight: bold; text-align: left; vertical-align: top; }
.defaultForm td     { color: #000; font-size: 10pt; font-weight: bold; padding: 6px; }

/* field styles - registration, login */
.form-container     { }
.form-container .fieldRequired      { float: right; color: #a00; font-size: 0.75em; display: block; font-weight: normal; padding: 9px 0px 1px 0px; }
.form-container .formLabel          { color: #555; display: block; font-size: 1.0em; font-weight: bold; padding: 6px 0px 1px 0px; }

.form-container .inputText { background:url(../images/forms/inputTextBg-wm.png) repeat-x left top; padding: .3em; border: 1px solid #024731; font-size: 1.1em; font-weight: bold; color: #024731; }
.form-container .inputText:focus { border: 1px solid #024731; background:url(../images/forms/inputTextFocusBg-wm.png) repeat-x left top #9accff; }
.form-container .inputFocus { border: 1px solid #024731; background:url(../images/forms/inputTextFocusBg-wm.png) repeat-x left top #9accff; }

.form-container .inputDate input    { background:url(../images/forms/inputTextBg-wm.png) repeat-x left top !important; border: 1px solid #024731 !important; color: #024731 !important; font-size: 1.1em !important; font-weight: bold !important; }
.form-container .inputDate input:focus    { background:url(../images/forms/inputTextFocusBg-wm.png) repeat-x left top !important; border: 1px solid #024731 !important; }
.form-container .inputSelect { background:url(../images/forms/inputTextBg-wm.png) repeat-x left top; border: 1px solid #024731; color: #024731; font-size: 1.1em; font-weight: bold; height: 30px; }

/* field styles - editing */
.form-container-edit    { display: table; }
.form-field-edit        { display: table-row; }
.form-container-edit .fieldRequired { display: table-cell; }
.form-container-edit .formLabel     { font-weight: bold; vertical-align: top; display: table-cell; padding: 6px 16px 6px 0px; }

.form-container-edit .inputText { display: table-cell; }

.form-container-edit .inputDate input    { display: table-cell;  }
.form-container-edit .inputSelect { display: table-cell; }

/* Form Fields */
.form-field-optional:after  { content:"Optional"; color: #aaa; float: right; font-size: 7pt; margin: 4px 0px 0px 12px; }

/* button styles */
/* IE9 SVG, needs conditional override of 'filter' to 'none', progid: needs a space after it for IE9 */
.hidden { display: none; }
.button 
{
    -webkit-border-radius: .2em !important; 
    -moz-border-radius: .2em !important;
    border-radius: .2em !important;
    background: #777 !important;
    border: 0px !important;
    color: #fff !important;
    display: inline-block !important;
    outline: none !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 6px 12px 7px 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    font: Arial, Helvetica, sans-serif !important;
    font-size: 10pt !important;
    opacity: 1.00 !important; 
    -webkit-transition: all 0.5s linear !important;
       -moz-transition: all 0.5s linear !important;
        -ms-transition: all 0.5s linear !important;
         -o-transition: all 0.5s linear !important;
            transition: all 0.5s linear !important;
}
.button input   { color: #fff; font: Arial, Helvetica, sans-serif !important; font-size: 10pt !important; font-weight: bold; margin: 0px !important; text-transform: uppercase !important; }
.button:hover  { background-color: #000 !important; opacity: 0.75; -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear; }

.button-small
{
    -webkit-border-radius: .2em; 
    -moz-border-radius: .2em;
    border-radius: .2em;
    background: #777;
    border: 0px !important;
    color: #fff !important;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold !important;
    padding: 2px 6px 2px 6px;
    text-align: center;
    text-decoration: none;
    font: Arial, Helvetica, sans-serif;
    font-size: 7pt;
    opacity: 1.00; 
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}
.button-small:hover  { background-color: #000 !important; opacity: 0.75; -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear; }

.button-default { background: #7ab800 !important; white-space: nowrap; }
.button-online { background: #3c8a2e !important; white-space: nowrap; }
.button-offline { background: #0054a4 !important; white-space: nowrap; }
.button-green { background: #3c8a2e !important; white-space: nowrap; }
.button-large { font-size: 16pt !important; padding: 12px 24px 13px 24px !important; }
.button-complete { background-color: #6c953c !important; }
.button-incomplete { background: #a90329 !important; }
.button-alt { background-color: #6c953c !important; }
.button-alert { background: #a90329 !important; }
.button-help { background: #16a765 !important; }
.button-disabled { background: #ccc !important; }
.button-disabled:hover  { background-color: #ccc !important; opacity: 1.00; }
.button-split  { height: 32px !important; }
.button-split .rbSecondary { margin-top: -2px !important; }
.button-splitbutton  { margin-top: 4px !important; }
/*
.rbSplitIcon { border: 4px solid #f00 !important; }
.button-split {  }
.button-split .rbSecondary {color: #fff !important; height: 45px; padding-bottom: 6px !important; }
.button-splitbutton .rbSplitPart { color: #fff !important; }
.button-splitbutton .rbSplitPart { border: 2px solid #f00; margin-top: 9px !important; }
.button-splitbutton .rbSplitPart { padding: 0px 6px; }
.button-splitbutton { height: 20px !important; margin: -12px -6px 0px 0px; width: 32px !important; }
*/

.button-menu    { background-color: #fff; border: 1px solid #125687; text-align: left; }

/* toolbar styles */
.adminMenu              { height: 42px; }
.RadMenu .rmItem .rmExpandDown { font-size: 0.9em; }
.RadMenu .rmText { font-size: 0.9em; }

.pToolbar               { background-color: #ccc; color: #fff; font-size: 1.0em; font-weight: bold; padding: 6px; }
.pToolbarLinkContainer  { text-align: left; }

/* validation */
div.statusContainer-success         { border: 1px solid #0a0; background-color: #e3f3e3; margin: 6px auto 6px auto; padding: 6px; text-align: center; font-size: 1.4em; }
div.statusContainer-fail            { border: 1px solid #a00; background-color: #f3e3e3; margin: 6px auto 6px auto; padding: 6px; text-align: center; font-size: 1.4em; }
div.statusContainer-summary         { margin: 0px auto 6px auto; padding: 3px; text-align: center; }
div.validationSummary               { border: 1px solid #a00; background-color: #f3e3e3; margin: auto; padding: 6px; text-align: left; }
div.validationSummary .headerText   { color: #a00; font-size: 10pt; font-weight: bold; }
div.validationSummary ul            { list-style-type: square; }
div.validationSummary ul li         { color: #a00; }
span.validationSuccess              { color: #070; font-weight: bold; }
span.validationFail                 { color: #a00; font-weight: bold; }

/* Blog styles */
.blogPostContainerDefault   { width: 350px; }
.blogPostContainer      { width: 706px; }
.blogPostHeader         { color: #6c953c; font-size: 12pt; }

a.postLink          { font-size: 12pt; line-height: 14px; color: #7ab800; font-style: italic; font-weight: bold; }
a.blogCommentsLink  { font-size: 8pt; color: #7ab800; font-style: italic; }
a.blogLink          { color: #7ab800; font-size: 8pt; }
a.blogMenuLink      { font-size: 10pt; color: #7ab800; font-weight: bold; }

.headerItem p   { font-size: 10pt !important; color: #7ab800 !important; font-weight: bold !important; }

.blogPostTimestamp      { color: #70953e; font-size: 8pt; line-height: 10px; }
.blogPostSummary        { color: #000; font-size: 9pt; line-height: 16px; margin: 0px; padding: 0px; font-weight: normal; }
.blogMenuContainer      { }
.blogMenuHeader         { color: #6c953c; font-size: 18pt; margin: 8px 0px 8px 0px; }
.blogMenuSelected       { font-size: 10pt; color: #7c7c6a; font-weight: bold; }

.commentsContainer    { border-top: 1px solid #7c7c6a; padding-top: 24px; clear: both; }

.socialSharingContainer     { float: right; }
.socialSharingContainer td  { padding: 3px; vertical-align: top; }

#socialWindowContainer  { background-color: #fff; }
#eventWindowContainer   { background-color: #fff; }
#featureWindowContainer { background-color: #fff; padding: 0px 0px 16px 0px; }
#featureDescription     { text-align: left; }

/* Banded table */
.nonBanded { margin: 12px 0px 12px 0px; width: 100%; }
.nonBanded tr:nth-child(odd)  { background-color: #fff; }
.nonBanded tr:nth-child(even) { background-color: #fff; }
.nonBanded tr th  { padding: 3px; text-align: left; white-space: nowrap; }
.nonBanded tr td  { padding: 3px; width: 100%; }

.banded { margin: 12px 0px 12px 0px; width: 100%; }
.banded tr:nth-child(odd)  { background-color: #f7f7f7; }
.banded tr:nth-child(even) { background-color: #fff; }
.banded tr th  { padding: 3px; text-align: left; white-space: nowrap; }
.two tr td  { padding: 3px; width: 50%; }
.bandedSeparator    { background-color: #d7d7d7; width: 1px !important; margin: 0px; padding: 0px; }

.bandedColumns { margin: 12px 0px 12px 0px; width: 100%; }
.bandedColumns tr:nth-child(odd) td:nth-child(odd)  { background-color: #fff; }
.bandedColumns tr:nth-child(odd) td:nth-child(even)  { background-color: #f7f7f7; }
.bandedColumns tr:nth-child(even) td:nth-child(odd) { background-color: #f7f7f7; }
.bandedColumns tr:nth-child(even) td:nth-child(even) { background-color: #fff; }
.bandedColumns tr th  { padding: 3px; text-align: left; white-space: nowrap; }
.bandedColumns tr td  { padding: 3px; }

#siteContainer {
    background-color: #fff;
       width: 100%;
       margin: 0 auto;
       text-align: left;
    position:relative;
       clear: both;
    padding-bottom: 1px;
}

#headerContainerOuter   { background-color: #fff; border-bottom: 4px solid #398b27; height: 74px; }
#headerContainerInner   { margin: 0px auto 0px auto; width: 1000px; }
#header-logo { float: left; margin: 6px 0px 6px 0px; }
#admin-login { color: #777; float: right; }

.registrationAlert
{
    background: #d41212;
    color: #cf806f;
    font-size: 10pt;
    font-weight: bold;
       height: 35px; 
       line-height: 35px;
       text-align: center;
}
.registrationAlert a        { color: #fff; }
.registrationAlert a:hover  { color: #671908; }

#right-upper-shadow{ display: none; float: left; width: 5px; height: 112px }
#right-upper{ float: left; width: 95px; height: 112px }
#main-banner{ position: absolute; left: 5px; top: 147px; width: 1000px; height: 304px }
#right-lower{ position: absolute; left: 1010px; top: 417px; width: 95px; height:399px }
#left-lower-shadow { float: left; left:2px; top:450px; width:3px; }
#right-lower-shadow { float: right; left:1005px; top:417px; width:5px; }
#bottom-edge-shadow { clear: both; }

#content-container  { background-color: #fff; margin: 10px auto 32px auto; position: relative; width: 1000px; }
#main-content { min-height: 375px; width: 1000px; padding-bottom: 12px }

#social-buttons td { padding-left: 10px; }

/* User Management styles */
/*
.userLocked     { color: #a64232; font-weight: bold; }
.userUnlocked   { color: #007d39; font-weight: bold; }
*/
.userLocked     { color: #b71c1c; font-weight: bold; }
.userUnlocked   { color: #5d9300; font-weight: bold; }

/* Telerik style overrides */
.TelerikModalOverlay { z-index: 9005 !important; } 
.RadWindow { z-index: 9015 !important; }
.reTool .InsertLightbox { background-image: url(../images/icons/lightbox-icon.png); }
.smallGrid .rgHeader    { font-size: 10px !important; font-weight: bold !important; }
.smallGrid .rgRow td,
.smallGrid .rgAltRow td { font-size: 10px !important; }
.item-center-override    { text-align: center; }
.rgRow a, .rgAltRow a                 { color: #398b27 !important; }
.rgRow a:hover, .rgAltRow a:hover     { color: #398b27 !important; }
.rgCommandTable a, .rgEditRow a { color: #398b27 !important; }
.rgCommandTable td[align=right] { text-align: right !important; }
tr.rgNoRecords td   { padding: 2px 6px 2px 6px; }
.rgCommandCell a    { color: #398b27 !important; }
.rgFooter a { color: #398b27 !important; }
.rcCaptchaImage { border: 1px solid #ccc !important; margin: auto; }
.RadUpload .ruBrowse { background-color: #398b27 !important; }
/*
.rwzNext { background-color: #f00 !important; color: #00f !important; }
*/
.grid-menu .rmSlide { background-color: #fff; }
.grid-menu .rmSlide ul { margin: 0 !important; padding: 0 !important; }
.grid-menu .rmSlide ul li { margin: 0 !important; padding: 0 !important; }
.grid-menu .rmSlide a:hover { background-color: #e7e7e7; }
.radsearchbox-window    { background-color: #ff0 !important; color: #00f !important; z-index: 100000 !important; }
html .RadTabStripTop_Bootstrap .rtsUL { float: none; display: block; }

/* Telerik style overrides */
/*
.TelerikModalOverlay { z-index: 9005 !important; } 
.RadWindow { z-index: 9015 !important; }
.reTool .InsertLightbox { background-image: url(../images/icons/lightbox-icon.png); }
.smallGrid .rgHeader    { font-size: 10px !important; font-weight: bold !important; }
.smallGrid .rgRow td,
.smallGrid .rgAltRow td { font-size: 10px !important; }
.item-center-override    { text-align: center; }
.rgRow a, .rgAltRow a                 { color: #398b27 !important; }
.rgRow a:hover, .rgAltRow a:hover     { color: #398b27 !important; }
.rgCommandTable a, .rgEditRow a { color: #398b27 !important; }
.rgCommandTable td[align=right] { text-align: right !important; }
tr.rgNoRecords td   { padding: 2px 6px 2px 6px; }
.rgCommandCell a    { color: #398b27 !important; }
.rgFooter a { color: #398b27 !important; }
.rcCaptchaImage { border: 1px solid #ccc !important; margin: auto; }
.RadUpload .ruBrowse { background-color: #7ab800 !important; }
.grid-menu .rmSlide { background-color: #fff; }
.grid-menu .rmSlide ul { margin: 0 !important; padding: 0 !important; }
.grid-menu .rmSlide ul li { margin: 0 !important; padding: 0 !important; }
.grid-menu .rmSlide a:hover { background-color: #e7e7e7; }
.radsearchbox-window    { background-color: #ff0 !important; color: #00f !important; z-index: 100000 !important; }
html .RadTabStripTop_Bootstrap .rtsUL { float: none; display: block; }
*/

/* Telerik Scheduler style overrides */
.RadScheduler .rsMonthView .rsWrap,
.RadScheduler .rsMonthView .rsApt,
.RadScheduler .rsMonthView .rsAptOut,
.RadScheduler .rsMonthView .rsAptIn,
.RadScheduler .rsMonthView .rsAptMid,
.RadScheduler .rsMonthView .rsAptContent
{
    position: static !important;
    height: auto !important;
}
.RadScheduler .rsMonthView .rsWrap
{
overflow: hidden;
font-size: 0;
line-height: 0;
}
.RadScheduler .rsMonthView .rsLastWrap
{
height: 16px !important;
}
.RadScheduler .rsMonthView .rsAptContent
{
position: relative !important;
border-top: 0;
border-bottom: 0;
left: 0;
top: 0;
}
* html .RadScheduler .rsMonthView .rsAptIn
{
border-width: 0 1px;
top: 0;
margin-left: -1px;
margin-right: -1px;
}
* html .RadScheduler .rsMonthView .rsAptMid
{
top: 0;
left: 1px;
margin: 0 1px;
border-width: 1px 0;
}

.RadScheduler .rsMonthView .rsWrap,
.RadScheduler .rsMonthView .rsAptContent
{
    min-height: 25px;
}

div.RadScheduler .rsHeader { z-index: 200; }

/* Lightbox styles */
.lbThumb        { margin: 3px; }
.lbThumb img    { border: 1px solid #d0d0c7; }

/* Admin - Info */
table.infoTable         { margin: 6px; }
table.infoTable th, td  { padding: 2px 12px 2px 0px; }

/* Messages */
.messagesContainer, .messagesContainerPadded
{
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
       height: 35px; 
       line-height: 35px;
       text-align: center;
}
.messagesContainerPadded
{
    margin: 16px;
}
.successMessage
{
    background-color: #e3f3e3; border: 1px solid #0a0; color: #070; font-size: 10pt; font-weight: bold; padding: 6px; width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px);
}
.alertMessage
{
    background-color: #eecdc8; border: 1px solid #8a0e1f; color: #8a0e1f; font-weight: bold; padding: 6px; width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px);
}
/*
.infoMessage
{
    background-color: #fff6bf; border: 1px solid #fdd845; color: #a98e47; font-weight: bold; display: block; margin: 4px auto 12px auto;  padding: 6px; width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px); 
}
*/
div.infoMessage:before { content:url(../images/icons/message-info.png); left: 0px; margin-right: 3px; position: absolute; top: 0px; }
.infoMessage
{
    background-color: #d1e4f3; border: 1px solid #6a8aa3; color: #6a8aa3; font-weight: bold; display: block; height: 100%; margin: 4px auto 12px auto; padding: 5px 6px 4px 36px; position: relative; vertical-align: middle; width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width: calc(100% - 12px); 
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%;
}
div.warningMessage:before { content:url(../images/icons/message-warning.png); left: 0px; position: absolute; top: 0px; }
.warningMessage
{
    background-color: #fde28b; border: 1px solid #b49336; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #b49336; font-weight: bold; margin: 4px 0px; min-height: 20px; padding: 4px 0px 4px 34px; position: relative; 
}
.warningMessage a    { color: #000; }

.messagesContainer a    { color: #fff; }

.registration-url-label     { color: #777; font-size: 12pt; font-weight: bold; }
.registration-url           { display: inline-block; font-size: 10pt; font-weight: bold; overflow: hidden; text-overflow: ellipsis; width: 680px; }
.registration-code-label    { color: #777; font-size: 12pt; font-weight: bold; }
.registration-code          { color: #6c953c; font-size: 14pt; font-weight: bold; }

.certificateRequiresApproval    { background-color: #eecdc8; border: 1px solid #8a0e1f; color: #8a0e1f; font-weight: bold; padding: 6px; width: 892px; }
.alertMessageBox    { background-color: #eecdc8; border: 1px solid #8a0e1f; color: #000; font-weight: bold; margin: 3px 0px 3px 0px; padding: 6px; }
.alertMessageBox a  { color: #d41212; }

/* toolbar buttons */
.shareButton    { background-image: url(../images/icons/share.png) !important; }

/* tasks */
/*
.task-status-notstarted     { color: #4479c2; font-weight: bold; }
*/
.task-status-notstarted     { color: #e9b330; font-weight: bold; }
.task-status-inprogress { color: #4479c2; font-weight: bold; }
.task-status-onhold     { color: #6f6f6f; font-weight: bold; }
.task-status-completed  { color: #5d9300; font-weight: bold; }
.task-status-overdue    { color: #b71c1c; font-weight: bold; }

.task-importance-high   { color: #b71c1c; font-weight: bold; }
.task-importance-medium { color: #fe9900; font-weight: bold; }
.task-importance-low    { color: #4479c2; font-weight: bold; }
.task-importance-none   { color: #aaa; }

.task-due-default   { }
.task-due-30        { color: #b71c1c; font-weight: bold; }
.task-due-60        { color: #fe9900; font-weight: bold; }
.task-due-90        { color: #5d9300; font-weight: bold; }

/*
.tasksAlert { background-color: #e8852b; border: 1px solid #df701b; color: #fff; cursor: pointer; display: inline-block; font-size: 1.2em; font-weight: bold; height: 27px; line-height: 27px; text-align: center; width: 27px; }
.tasksAlert { background-color: #e9b330; color: #fff; cursor: pointer; display: inline-block; font-size: 1.2em; font-weight: bold; height: 27px; line-height: 27px; text-align: center; width: 27px; }
*/
.tasksAlertMenu { background-color: #e9b330; color: #fff; display: inline-block; position: absolute; left: 0px; font-size: 1.2em; font-weight: bold; height: 25px; line-height: 25px; margin-top: 2px; text-align: center; width: 25px; }
.tasksAlert { background-color: #e9b330; color: #fff; cursor: pointer; display: inline-block; float: right; font-size: 0.8em; font-weight: bold; height: 15px; line-height: 15px; text-align: center; width: 15px; }
.photo-alert { display: inline-block; float: right; }
/*
.tasksAlertMenu { display: none; }
.tasksAlert { background-color: #e9b330; color: #fff; cursor: pointer; display: inline-block; font-size: 1.2em; font-weight: bold; height: 27px; line-height: 27px; text-align: center; width: 27px; }
.photo-alert { display: none; }
*/

.tooltip-task div   { font-size: 1.2em; font-weight: bold; }

/* site specific styles */
.home-button        { color: #fff; cursor: pointer; font-size: 1.4em; font-weight: bold; height: 59px; line-height: 59px; margin: 12px; position: relative; text-align: center; width: 190px; }
.default-button     { background-color: rgba(93,93,93,0.2); border: 4px solid transparent; color: #5d5d5d; top: 12px; }
.default-button-highlight       { background-color: #5d5d5d; color: #fff; }
.employees-button   { background-color: rgba(161,203,111,0.2); border: 4px solid transparent; color: #6c953c; top: 12px; }
.employees-button-highlight     { background-color: #6c953c; color: #fff; }
.contractors-button { background-color: rgba(64,119,171,0.2); border: 4px solid transparent; color: #002a56; top: 12px; }
.contractors-button-highlight   { background-color: #002a56; color: #fff; }
.help-button     { background-color: rgba(93,93,93,0.2); border: 4px solid transparent; color: #5d5d5d; top: 12px; }
.help-button-highlight       { background-color: #5d5d5d; color: #fff; }
#wmshLogo   { text-align: center; padding-top: 12px; width: 222px; display: none; }
.employees-text     { font-weight: bold; }
.contractors-text   { font-weight: bold; }
#home-container { color: #000; height: 318px; }
#home-header    { font-size: 2.2em; font-weight: bold; height: 48px; left: 236px; line-height: 2.4em; position: absolute; text-align: center; top: 16px; width: 730px; }
.home-header-default        { color: #5d5d5d; }
.home-header-employees      { color: #6c953c; }
.home-header-contractors    { color: #002a56; }
#home-text      { font-size: 1.4em; height: 320px; left: 260px; position: absolute; top: 72px; width: 706px; }
#home-text p    { font-size: 1.0em; }
#home-text ul li    { font-size: 1.4em; }
td.buttonContainer    { padding: 12px; text-align: center; }

.noRecords  { color: #c00; font-size: 1.2em; font-weight: bold; padding: 6px; }
div.addToListContainer  { padding: 16px 0px 16px 0px; }

/* company site selection */
.siteName span { margin-left: 12px; color: #090 !important; }
table.siteSelection     { text-align: center; width: 100%; }
table.siteSelection th  { padding: 6px; }
table.siteSelection td  { padding: 6px; }

.noTransferTo .rlbTransferTo,
.noTransferTo .rlbTransferToDisabled,
.noTransferTo .rlbTransferAllToDisabled,
.noTransferTo .rlbTransferAllTo
{
    display: none !important;
}        

.listHighlight  { border: 1px solid #669cc3; background-color: #a6c9e1 !important; }
.listHighlight div { background-color: transparent !important; }

.site-status-active     { color: #5d9300; font-weight: bold; }
.site-status-inactive   { color: #b71c1c; font-weight: bold; }

.user-status-active     { color: #5d9300; font-weight: bold; }
.user-status-inactive   { color: #b71c1c; font-weight: bold; }
.user-status-unknown    { color: #ccc; font-weight: bold; }

.status-success { color: #5d9300; font-weight: bold; }
.status-failure { color: #b71c1c; font-weight: bold; }

.company-approved       { color: #5d9300; font-weight: bold; }
.company-not-approved   { color: #b71c1c; font-weight: bold; }

/* menus */
.contentMenu        { background-color: #c5deea; border: 1px solid #7ab800; padding: 6px; width: 400px; }
.contentMenu ul     { list-style-type: none; margin: 0px; padding: 0px; }
.contentMenu ul li  { padding-left: 0px; }

.mapto-arrow {
	width: 24px;
	height: 12px;
	background-color: #eee;
    border: 1px solid #ccc;
	position: relative;
}
.mapto-arrow:after {
	content: '';
	position: absolute;
    top: 0px;
	left: 24px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 4px solid #eee;
}
.mapto-arrow:before {
	content: '';
	position: absolute;
    top: 0px;
	left: 25px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 4px solid #ccc;
}    
.mapto-arrow-spaced    { margin: 0px 16px 0px 16px; }

/* container */
.box-container 
{
    position:relative;
    z-index:1;
    width:932px;
    padding:12px;
    margin:0 auto;
    text-align: center;
}

.box-container:after {
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    font-size:0;
}

 /* Shared styles */
.drop-shadow 
{
    position:relative;
    float:left;
    width:264px;
    padding:1em;
    margin:2em 10px;
    background:#ecf1f5;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:hover
{
    background:#d9e4ec;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.drop-shadow p 
{
    color: #00693c;
    font-size:1.2em;
    font-weight:bold;
}

.drop-shadow p.small
{
    color: #669cc3;
    font-size:1.0em;
    font-weight:normal;
}

 /* Lifted corners */
.lifted {
    -moz-border-radius:4px;
         border-radius:4px;
}

.lifted:before,
.lifted:after {
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    max-height:100px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}

/* File Upload */
.dropZone           { margin: auto; }
.dropZone img       { border: 2px solid #d9d9d9 !important; }
.dropZoneMessage    { border: 2px dashed #0e588b; color: #0e588b; display: table-cell; height: 100%; font-size: 2.0em; font-variant: small-caps; font-weight: bold; text-align: center; vertical-align: middle; width: 100%; }
.bannerImageContainer .RadUpload, .bannerImageContainer .RadUploadProgressArea  { margin: auto; display: none; } 

/* Banners */
.banner-image-grid  { border: 1px solid #d9d9d9 !important; }

/* My Account */
.my-account-info    { background-color: #e2f6fd; border: 2px solid #00aeef; color: #00aeef; display: inline-block; font-size: 9pt; font-weight: bold; height: 136px; margin: 12px; padding: 12px; text-align: center; vertical-align: top; width: 136px; }
.my-account-link    { background-color: #fff; border: 2px solid #777; color: #777; display: inline-block; font-size: 9pt; height: 136px; margin: 12px; padding: 12px; text-align: center; vertical-align: top; width: 136px; }

/* Events */
.event-year-bar              { border: 1px solid #aaa; float: right; font-size: 0px; height: 50px !important; width: 546px; }
.event-year-bar-month-total  { display: inline-block; height: 50px; width: 42px; text-align: center; }
.event-year-bar-month-total:nth-child(even) { background-color: #e6e6e6; }
.event-year-bar-month-total:nth-child(odd) { background-color: #fff; }
.event-year-bar-month-total:hover    { background-color: #0e588b; cursor: pointer; }
.event-year-bar-month-total:hover div   { color: #fff !important; }
.event-year-bar-month-total-selected    { background-color: #d97e09 !important; }
.event-year-bar-month-total-selected div    { color: #fff !important; }
.event-year-bar-month       { color: #999; font-size: 12px; font-weight: bold; height: 16px; line-height: 16px; }
.event-year-bar-year        { color: #999; font-size: 12px; font-weight: bold; height: 16px; line-height: 16px; }
.event-year-bar-total       { color: #777; font-size: 16px; font-weight: bold; height: 18px; line-height: 18px; }
.event-year-bar-total-zero  { color: #ccc; font-size: 16px; font-weight: bold; height: 18px; line-height: 18px; }

.no-events              { color: #8f443d; font-size: 18px; margin: 48px 0px 24px 0px; }

.event-month-year-container { margin: 16px 0px 8px 16px; }
.event-month-year-container > * { vertical-align: middle; }
.event-month-year       { color: #777; display: inline-block; font-size: 28px; margin: 0px 4px; }
.event-bar              { height: 56px; }
.event-bar-day          { color: #aaa; float: left; font-size: 42px !important; font-weight: bold; height: 56px; line-height: 56px; text-align: center; width: 100px; }
/*
.event-bar-title-container { float: left; height: 56px; position: relative; width: 700px; }
.event-bar-title        { color: #555; height: 36px; font-size: 22px !important; line-height: 36px; width: 100%; }
.event-bar-title-container { float: left; height: 56px; position: relative; width: 610px; }
*/
.event-bar-title-container { float: left; height: 56px; position: relative; width: 636px; }
.event-bar-title        { color: #555; height: 42px; font-size: 18px !important; line-height: 20px; width: 100%; }
.event-bar-location     { height: 20px; font-size: 12px !important; line-height: 20px; overflow: hidden; width: 100%; }
.event-bar-register     { float: left; height: 56px; line-height: 56px; text-align: center; width: 156px; }
.event-bar-register img { margin-right: 12px; vertical-align: middle; }
.event-bar-attended     { color: #0a0; float: left; font-size: 12pt; font-weight: bold; height: 56px; line-height: 56px; text-align: center; width: 156px; }
.event-container        { padding: 0px !important; }
.event-header           { border-bottom: 1px solid #aaa; height: 200px; }
.event-map              { border-right: 1px solid #aaa; float: left; }
.event-time-location    { background-color: #f5f5f5; float: left; width: 417px; }
.event-location         { background-color: #f5f5f5; border-bottom: 1px solid #aaa; height: 83px; padding: 8px; }
.event-location-header  { color: #777; font-size: 20px; font-weight: bold; }
.event-location-content { color: #777; font-size: 14px; margin: 16px 0px 0px 16px; }
.event-time             { background-color: #f5f5f5; height: 84px; padding: 8px; }
.event-time-header      { color: #777; font-size: 20px; font-weight: bold; }
.event-time-content     { color: #777; font-size: 14px; margin: 16px 0px 0px 16px; }
.event-description      { padding: 24px; }
.event-attended         { color: #0a0; font-size: 10pt; font-weight: bold; }

.event-calendar-link        { position: absolute; right: 8px; bottom: 8px; }
.event-calendar-title       { color: #777; font-size: 16px; }
.event-calendar-date-time   { color: #000; font-size: 10px; }
.event-calendar-location    { color: #999; font-size: 12px; margin-top: 6px; }
.event-calendar-description { color: #000; font-size: 10px; margin-top: 6px; }

.event-list-header          { color: #221f72; font-size: 18pt; font-weight: normal; padding: 4px 0px 4px 0px; text-align: center; }
.event-list-container       { height: 52px; }
/*
.event-list-date            { display: inline-block; width: 42px; text-align: center; }
.event-list-date-dayOfWeek  { color: #999; font-size: 12px; font-variant: small-caps; font-weight: bold; height: 18px; line-height: 18px; }
.event-list-date-day        { color: #777; font-size: 16px; font-weight: bold; height: 24px; line-height: 24px; }
.event-list-info            { display: inline-block; height: 42px; margin-left: 24px; width: 100%-42; text-align: center; }
.event-list-info-title      { color: #999; font-size: 16px; height: 24px; line-height: 24px; text-align: left; }
.event-list-info-time-location  { color: #777; font-size: 10px; height: 18px; line-height: 18px; text-align: left; }
.event-list-separator       { height: 1px; background-color: #d6d6d6; margin: 6px 0px; }
*/
.event-list-date            { float: left; height: 32px; width: 32px; text-align: center; }
.event-list-date-dayOfWeek  { color: #999; font-size: 12px; text-align: center; width: 40px; }
.event-list-date-day        { color: #777; font-size: 18px; text-align: center; width: 40px; }
.event-list-date-month      { color: #999; font-size: 12px; text-align: center; width: 40px; }
.event-list-info            { height: 32px; margin-left: 40px; text-align: center; }
/*
.event-list-info-title      { color: #999; font-size: 16px; line-height: 24px; text-align: left; }
*/
.event-list-info-title      { color: #999; font-size: 12px; line-height: 24px; text-align: left; }
.event-list-info-time-location  { color: #777; font-size: 10px; height: 18px; line-height: 18px; text-align: left; }
.event-list-separator       { height: 1px; background-color: #d6d6d6; margin: 6px 0px; }

/* posts */
.post-list-container    { width: 100%; }
.post-list-title        { font-size: 16px; font-weight: bold; }
.post-list-date         { color: #999; display: inline-block; font-size: 10px; }
.post-list-author       { color: #999; display: inline-block; font-size: 10px; }
.post-list-summary      { color: #777; font-size: 14px; margin-top: 6px; }
.post-list-separator    { height: 1px; background-color: #d6d6d6; margin: 6px 0px; }

/* Companies */
.company-edit-name  { color: #00693c; float: right; font-size: 16pt; font-weight: bold; margin-top: 4px; }
.user-edit-name     { color: #00693c; float: right; font-size: 16pt; font-weight: bold; margin-top: 8px; }

.bold-font  { color: #f00 !important; }

/* Media */
.workflow-notes-container   { border: 1px solid #aaa; height: 180px; margin: 6px 16px; overflow-x: hidden; overflow-y: scroll; }
.workflow-notes             { color: #777; font-style: italic; font-size: 10pt; font-weight: normal; padding: 12px; }

/* Media course content */
.course-header              { color: #f1f1f1; font-size: 18pt; font-weight: normal; padding: 4px 0px 4px 0px; text-align: center; }
.course-header-rating       { color: #221f72; }
.course-header-popularity   { color: #00aeef; }
.course-header-date         { color: #ffcc00; }
.course-header-featured     { color: #d80b8c; }
.course-column-container    { display: inline-block; margin: 0px 15px 0px 15px; vertical-align: top; }
.course-container-block { background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 12px; height: 252px; margin: 0px auto 24px auto; width: 300px; }
.course-container-block-rating      { background-color: #cdcddf; }
.course-container-block-popularity  { background-color: #c6edfb; }
.course-container-block-date        { background-color: #fff3c6; }
.course-container-block-featured    { background-color: #f6c8ef; }
.course-container-block img { border-top-left-radius: 12px; border-top-right-radius: 12px; width: 100%; }
.course-title           { font-size: 11pt; font-weight: bold; margin: 8px; }
.course-description     { font-size: 9pt; margin: 8px; }

.course-list             { background-color: #fff; }
.course-list-header-rating          { color: #fff; display: inline-block; font-size: 14pt; height: 0px; line-height: 40px; padding-left: 20px; width: 160px; }
.course-list-header-bar-rating      { background-color: #71963e; display: inline-block; height: 40px; width: 100%; }
.course-list-header-popularity      { color: #fff; display: inline-block; font-size: 14pt; height: 0px; line-height: 40px; padding-left: 20px; width: 160px; }
.course-list-header-bar-popularity  { background-color: #71963e; display: inline-block; height: 40px; width: 100%; }
.course-list-header-date            { color: #fff; display: inline-block; font-size: 14pt; height: 0px; line-height: 40px; padding-left: 20px; width: 160px; }
.course-list-header-bar-date        { background-color: #71963e; display: inline-block; height: 40px; width: 100%; }
.course-list-header-featured        { color: #fff; display: inline-block; font-size: 14pt; height: 0px; line-height: 40px; padding-left: 20px; width: 160px; }
.course-list-header-bar-featured    { background-color: #0e588b; display: inline-block; height: 40px; width: 100%; }
.course-list-header-events          { color: #fff; display: inline-block; font-size: 14pt; height: 0px; line-height: 40px; padding-left: 20px; width: 160px; }
.course-list-header-bar-events      { background-color: #0e588b; display: inline-block; height: 40px; width: 100%; }
.course-list-items      { }
.course-list-item       { cursor: pointer; display: inline-block; margin: 17px 17px 17px 17px; vertical-align: top; }
.course-list-item-name  { font-size: 9pt; width: 215px; }
.course-list-item-name a { font-weight: normal !important; }
.course-list-item-description  { color: #777; font-size: 9pt; height: 65px; margin-top: 12px; }
.course-list-item img:hover { opacity: 0.7 }

/* flat buttons */
.button-flat-container  { height: auto; padding: 16px 16px 0px 16px; }
.button-flat        { background-color: #7ab800; border: 1px solid #999; color: #fff; display: inline-block; height: 118px; margin: 8px; position: relative; vertical-align: top; width: 301px; }
.button-flat-disabled   { background-color: #444; border: 1px solid #999; color: #ccc; display: inline-block; height: 118px; margin: 8px; position: relative; vertical-align: top; width: 301px; }
.button-flat-auto   { background-color: #7ab800; border: 1px solid #999; color: #fff; display: inline-block; font-size: 12pt; font-weight: bold; margin: 8px 0px; padding: 3px; position: relative; text-align: center; width: 32%; }
.button-flat-auto-disabled   { background-color: #444; border: 1px solid #999; color: #ccc; display: inline-block; font-size: 12pt; font-weight: bold; margin: 8px 0px; padding: 3px; position: relative; text-align: center; width: 32%; }
.button-flat-auto-highlight   { background-color: #fff6bf; border: 1px solid #fdd845; color: #a98e47; display: inline-block; font-size: 12pt; font-weight: bold; margin: 8px 0px; padding: 3px; position: relative; text-align: center; width: 32%; }
.button-flat:hover, .button-flat-auto:hover, .button-flat-auto-highlight:hover  { background-color: #eee; border: 1px solid #bfe7fa; color: #777 !important; }
/*
.button-flat-auto-highlight:hover   { background-color: #a98e47; border: 1px solid #fdd845; color: #fff6bf; }
*/
.button-flat-icon   { height: 118px; opacity: 0.1; position: absolute; top: 0px; left: 181px; overflow: hidden; width: 120px; }
.button-flat-icon img   { -webkit-filter: hue-rotate(90deg); margin-left: 32px; 
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.button-flat-title  { color: #fff; font-size: 18pt; font-weight: bold; margin-top: 12px; position: absolute; top: 0px; left: 12px; }
.button-flat-disabled-title  { color: #ccc; font-size: 18pt; font-weight: bold; margin-top: 12px; position: absolute; top: 0px; left: 12px; }
.button-flat-desc   { font-size: 10pt; font-weight: normal; height: 48px; padding-bottom: 12px; position: absolute; top: 56px; left: 12px; }
.button-flat-auto-desc  { font-size: 10pt; font-weight: normal; }
.button-flat:hover .button-flat-title { color: #7ab800; }

/* steps */
/*
.step                   { background-color: #eee; border: 1px solid #999; color: #777; display: inline-block; height: 80px; margin: 6px; position: relative; vertical-align: top; width: 200px; }
.step-title             { color: #7ab800; font-size: 14pt; font-weight: bold; margin-top: 3px; position: absolute; top: 0px; left: 6px; }
.step-description       { font-size: 8pt; font-weight: normal; height: 48px; padding-bottom: 6px; position: absolute; top: 30px; left: 6px; right: 6px; }
*/
.step-container         { margin-top: 12px; }
.step                   { background-color: #6c953c; border: 1px solid #999; color: #777; display: inline-block; height: 74px; position: relative; vertical-align: top; width: 204px; }
.step-title             { color: #fff; font-size: 14pt; font-weight: bold; margin-top: 3px; position: absolute; top: 0px; left: 6px; }
.step-description       { color: #fff; font-size: 8pt; font-weight: bold; height: 48px; padding-bottom: 6px; position: absolute; top: 36px; left: 6px; right: 6px; }
/*
.step-number            { color: #fff; height: 120px; font-size: 84pt; font-weight: bold; opacity: 0.25; position: absolute; top: -40px; text-align: center; width: 204px; }
*/
.step-number            { color: #fff; height: 74px; font-size: 100px; font-weight: bold; opacity: 0.20; position: absolute; top: -34px; text-align: right; width: 204px; }

.step-disabled                      { background-color: #eee; border: 1px solid #ccc; }
.step-disabled .step-title          { color: #ccc; }
.step-disabled .step-description    { color: #ccc; }
.step-disabled .step-number         { color: #aaa; }

.step-completed                     { background-color: #30421a; border: 1px solid #777; }
.step-completed .step-title         { color: #777; }
.step-completed .step-description   { color: #777; }
.step-completed .step-number        { color: #555; }

.step-arrow             { display: inline-block; height: 74px; position: relative; width: 30px; }
.step-arrow img         { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/* Ribbon - Left */
/*
.content-box-left { display: inline-block; vertical-align: top; width: 100%; height: 100%; position: relative; background: #e5f0eb; border: 5px solid #6c953c; box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); }
.ribbon-container-left { position: absolute; top: 15px; left: -49px; overflow: visible; font-size: 24px; line-height: 24px; }
.ribbon-left:after { content:""; height: 3px; background: rgba(0,0,0,.3); display: block; position: absolute; bottom: -3px; left: 32px; right:3px; }
.ribbon-left div { display:block; padding: 20px; position:relative; background: #6c953c; overflow:visible; margin-left:29px; color:#fff; text-decoration:none; }
.ribbon-left div:after { content:""; height: 0; width: 0; display:block; position:absolute; bottom:-15px; left: 0px; border-top: 15px solid #024731; border-left: 15px solid transparent; }
*/
/* .ribbon-left div:hover { background:#7ab800; } */

/* Ribbon - Right */
/*
.content-box-right { display: inline-block; vertical-align: top; width: 100%; height: 100%; position: relative; background: #f1f7e5; border: 5px solid #7ab800; box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); }
.ribbon-container-right { position: absolute; top: 15px; right: -20px; overflow: visible; font-size: 24px; line-height: 24px; }
.ribbon-right:after { content:""; height: 3px; background: rgba(0,0,0,.3); display: block; position: absolute; bottom: -3px; left: 32px; right:3px; }
.ribbon-right div { display:block; padding: 20px; position:relative; background: #7ab800; overflow:visible; margin-left:29px; color:#fff; text-decoration:none; }
.ribbon-right div:after { content:""; height: 0; width: 0; display:block; position:absolute; bottom:-15px; right:0; border-top: 15px solid #024731; border-right: 15px solid transparent; }
*/
/* .ribbon-right div:hover { background:#7ab800; } */
    
/*
.ribbon-content { font-size: 16px; margin: 96px 20px 20px 20px; }
.ribbon-content p { font-size: 16px; }
*/

/* Ribbon - Left */
.content-box-left { display: inline-block; vertical-align: top; width: 100%; height: 100%; position: relative; background: #f5f5f5; border: 5px solid #00693c; box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); }
.ribbon-container-left { position: absolute; top: 15px; left: -49px; overflow: visible; font-size: 24px; line-height: 24px; }
.ribbon-left:after { content:""; height: 3px; background: rgba(0,0,0,.3); display: block; position: absolute; bottom: -3px; left: 32px; right:3px; }
.ribbon-left div { display:block; padding: 20px; position:relative; background: #00693c; overflow:visible; margin-left:29px; color:#fff; text-decoration:none; }
.ribbon-left div:after { content:""; height: 0; width: 0; display:block; position:absolute; bottom:-15px; left: 0px; border-top: 15px solid #024731; border-left: 15px solid transparent; }
/* .ribbon-left div:hover { background:#7ab800; } */

/* Ribbon - Right */
.content-box-right { display: inline-block; vertical-align: top; width: 100%; height: 100%; position: relative; background: #f5f5f5; border: 5px solid #7ab800; box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); }
.ribbon-container-right { position: absolute; top: 15px; right: -20px; overflow: visible; font-size: 24px; line-height: 24px; }
.ribbon-right:after { content:""; height: 3px; background: rgba(0,0,0,.3); display: block; position: absolute; bottom: -3px; left: 32px; right:3px; }
.ribbon-right div { display:block; padding: 20px; position:relative; background: #7ab800; overflow:visible; margin-left:29px; color:#fff; text-decoration:none; }
.ribbon-right div:after { content:""; height: 0; width: 0; display:block; position:absolute; bottom:-15px; right:0; border-top: 15px solid #024731; border-right: 15px solid transparent; }
/* .ribbon-right div:hover { background:#7ab800; } */
    
.ribbon-content { font-size: 16px; margin: 96px 20px 20px 20px; }
.ribbon-content p { font-size: 16px; }

/* Projects */
.projects-item td       { padding: 0px 8px !important; }
.projects-altitem td    { background-color: #f5f5f5; padding: 0px 8px !important; }
.projects-legend        { border: 0px; height: 69px; text-align: right; }

.project-name-description   { padding: 6px; }
.project-name               { color: #000; font-size: 16px; font-weight: bold; }
.project-name-number        { color: #999; font-size: 16px; font-weight: bold; }
.project-description        { color: #000; font-size: 9pt; font-weight: normal; }
.project-description-number { color: #999; }
/* .project-description-dates  { color: #6c953c; } */
.project-description-dates  { color: #999; }

.project-permissions-pm { color: #5d9300; font-weight: bold; }
.project-permissions-tm { color: #fe9900; font-weight: bold; }

.project-task-folder td { border: 1px solid #ccc; color: #08f; font-weight: bold; margin-left: 6px; padding: 0px !important; }
/*
.project-task-folder-name   { padding-left: 6px; }
.project-task-folder-description    { color: #000; font-size: 8pt; font-weight: normal; padding-left: 6px; }
*/
.project-task-folder-info           { float: left; padding: 12px 0px; width: 90%; }
/*
.project-task-folder-actions        { margin-left: 90%; padding: 8px 0px; text-align: right; }
*/
.project-task-folder-actions        { float: right; padding: 8px 0px; }
.project-task-folder-name           { color: #0054a4; font-size: 14pt; font-weight: bold; }
.project-task-folder-description    { color: #777; font-size: 10pt; font-weight: normal; }

/*
.project-task-item td       { background-color: #fff; color: #000; font-weight: bold; height: 28px; padding-left: 24px !important; }
.project-task-altitem td    { background-color: #eee; color: #000; font-weight: bold; height: 28px; padding-left: 24px !important; }
.project-task-edititem td   { background-color: #555; color: #fff; font-weight: bold; height: 28px; padding-left: 24px !important; }

.project-task-item td       { background-color: #fff; color: #000; font-weight: bold; height: 28px; }
.project-task-altitem td    { background-color: #eee; color: #000; font-weight: bold; height: 28px; }
.project-task-edititem td   { background-color: #ccc; color: #fff; font-weight: bold; height: 28px; }

.project-task-item td       { background-color: #fafafa; color: #000; font-weight: bold; height: 28px; }
.project-task-altitem td    { background-color: #eee; color: #000; font-weight: bold; height: 28px; }
.project-task-edititem td   { background-color: #ccc; color: #fff; font-weight: bold; height: 28px; }
*/


.project-menu { float: right; }
/* THIS WAS CHANGING THE HAMBURGER TO AN ELLIPSES
.project-menu .RadMenu .rmRootToggle { border: 0px; height: 16px; width: 41px; }   
.project-menu .RadMenu .rmRootToggle:before { background-color: #fff !important; content: "\e0e0"; }
*/

/*
.project-task-item td       { background-color: #fafafa; color: #000; font-weight: bold; height: 45px; }
.project-task-altitem td    { background-color: #fafafa; color: #000; font-weight: bold; height: 45px; }
.project-task-edititem td   { background-color: #fafafa; color: #fff; font-weight: bold; height: 45px; }
*/

.project-task-item td       { background-color: #fafafa; color: #000; font-weight: bold; }
.project-task-altitem td    { background-color: #fafafa; color: #000; font-weight: bold; }
.project-task-edititem td   { background-color: #fafafa; color: #fff; font-weight: bold; }

/* THIS WAS CHANGING THE HAMBURGER TO AN ELLIPSES
.project-task-folder-actions .RadMenu .rmRootToggle { border: 0px; height: 16px; width: 41px; }   
.project-task-folder-actions .RadMenu .rmRootToggle:before { background-color: #fff !important; content: "\e0e0"; }
*/

.RadMenuPopup .rmSlide .rmGroup .rmItem         { cursor: pointer !important; } 
.RadMenuPopup .rmSlide .rmGroup .rmItem .rmLink { cursor: pointer !important; } 
.RadMenuPopup .rmSlide .rmGroup .rmItem:hover   { background-color: #0054a4 !important; color: #fff !important; } 

/* THIS WAS CHANGING THE HAMBURGER TO AN ELLIPSES
.project-task-item .RadMenu .rmRootToggle, 
.project-task-altitem .RadMenu .rmRootToggle,
.project-task-edititem .RadMenu .rmRootToggle { border: 0px; height: 16px; margin-bottom: 20px; width: 41px; }   

.project-task-item .RadMenu .rmRootToggle:before, 
.project-task-altitem .RadMenu .rmRootToggle:before,
.project-task-edititem .RadMenu .rmRootToggle:before { background-color: #fafafa !important; content: "\e0e0"; }
*/

/*
.project-task-item-name { font-size: 10pt; font-weight: normal; height: 32px; line-height: 12pt; overflow: hidden; padding-left: 4px; width: 600px; }
.project-task-item:hover .project-task-item-name   { white-space: normal; }
*/
.project-task-item-name { font-weight: normal; overflow: hidden; white-space: nowrap; width: 565px; }
.project-task-item-name a { color: #000 !important; font-weight: normal; }

.project-task-folder-header { height: 69px; vertical-align: bottom; }
.project-task-folder-add    { float: left; padding-top: 38px; vertical-align: bottom; }
.project-task-folder-legend { height: 69px; float: right; vertical-align: bottom; width: 271px; }

.project-task-folder .rtlL .rtlExpand, .project-task-folder .rtlL .rtlCollapse  { margin-top: 13px; }

.project-task-description       { color: #000; display: inline-block; font-size: 8pt; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 520px; }

/*
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
*/

.projects-tasks-total-container  { color: #6f6f6f; font-size: 10pt; font-weight: bold; }
.project-tasks-total-container  { color: #6f6f6f; font-size: 10pt; font-weight: bold; margin-right: 77px; }

.project-task-assigned-to   { color: #000; font-size: 8pt; font-weight: normal; }

/*
.project-task-status            { display: inline-block; font-weight: bold; height: 33px; margin: 0px 1px; padding-top: 12px; text-align: center; vertical-align: middle; width: 21px; }
*/
.project-task-status            { display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-status   { display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }

/*
.project-task-status-active     { background-color: #c35454; }
.project-task-status-inprogress { background-color: #4479c2; }
.project-task-status-onhold     { background-color: #6f6f6f; }
.project-task-status-completed  { background-color: #5d9300; }
.project-task-status-total      { background-color: #000; }
*/
/*
.project-task-status-active     { background-color: #ccc; color: #c35454; }
.project-task-status-inprogress { background-color: #ccc; color: #4479c2; }
.project-task-status-onhold     { background-color: #ccc; color: #6f6f6f; }
.project-task-status-completed  { background-color: #ccc; color: #5d9300; }
.project-task-status-total      { background-color: #ccc; color: #000; }

.project-task-status-active     { background-color: #f3dddd; color: #c35454; }
.project-task-status-inprogress { background-color: #dae4f3; color: #4479c2; }
.project-task-status-onhold     { background-color: #e2e2e2; color: #6f6f6f; }
.project-task-status-completed  { background-color: #dfe9cc; color: #5d9300; }
.project-task-status-total      { background-color: #cccccc; color: #000; }

.project-task-status-active     { background-color: #c35454 !important; color: #f3dddd; }
.project-task-status-inprogress { background-color: #4479c2 !important; color: #dae4f3; }
.project-task-status-onhold     { background-color: #6f6f6f !important; color: #e2e2e2; }
.project-task-status-completed  { background-color: #5d9300 !important; color: #dfe9cc; }
.project-task-status-total      { background-color: #000 !important; color: #cccccc; }
*/
/*
.project-task-status-notstarted     { background-color: #4479c2 !important; color: #f3dddd; }
*/
.project-task-status-notstarted     { background-color: #e9b330 !important; color: #f3dddd; }
.project-task-status-inprogress { background-color: #4479c2 !important; color: #dae4f3; }
.project-task-status-onhold     { background-color: #6f6f6f !important; color: #e2e2e2; }
.project-task-status-completed  { background-color: #5d9300 !important; color: #dfe9cc; }
.project-task-status-overdue    { background-color: #b71c1c !important; color: #e2e2e2; }
.project-task-status-total      { background-color: #000 !important; color: #cccccc; }

.project-task-date-overdue      { color: #b71c1c; }

.project-task-assigned-label        { display: inline-block; font-weight: bold; height: 16px; padding-top: 6px; text-align: center; vertical-align: middle; }
.project-task-assigned-seperator    { display: inline-block; font-weight: bold; height: 16px; padding-top: 6px; text-align: center; vertical-align: middle; }

/*
.project-task-assigned-active       { background-color: #c35454; color: #f3dddd; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-inprogress   { background-color: #4479c2; color: #dae4f3; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-onhold       { background-color: #6f6f6f; color: #e2e2e2; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-completed    { background-color: #5d9300; color: #dfe9cc; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-total        { background-color: #000; color: #cccccc; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
*/
/*
.project-task-assigned-active       { background-color: #f3dddd; color: #c35454; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-inprogress     { background-color: #dae4f3; color: #4479c2; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-onhold       { background-color: #e2e2e2; color: #6f6f6f; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-completed    { background-color: #dfe9cc; color: #5d9300; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-total        { background-color: #cccccc; color: #000; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
*/
.project-task-assigned-notstarted       { background-color: #dae4f3; color: #b71c1c; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-inprogress   { background-color: #dae4f3; color: #4479c2; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-onhold       { background-color: #e2e2e2; color: #6f6f6f; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-completed    { background-color: #dfe9cc; color: #5d9300; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }
.project-task-assigned-total        { background-color: #cccccc; color: #000; display: inline-block; font-weight: bold; height: 22px; margin: 0px 1px; text-align: center; vertical-align: middle; width: 21px; }

.project-total-tasks                { color: #999; font-size: 14pt; font-weight: bold; line-height: 29px; }
.project-total-assigned-tasks-zero  { color: #c1c1c1; font-size: 12pt; font-weight: bold; }
.project-total-assigned-tasks       { color: #e9b330; display: inline-block; font-size: 12pt; font-weight: bold; height: 29px; line-height: 29px; text-align: center; width: auto; }

/*
.project-files-add  { border: 2px solid #0f0; margin-left: 160px; }
.project-files-add .rtbWrap { border: 2px solid #00f; }
.project-files-add .rtbWrap .rtbText { background-image: url('../images/icons/add-16.png'); border: 2px solid #f00; }
*/
.project-files-add  { text-align: center; vertical-align: middle; }
.project-files-add img  { border: 1px solid #f00; padding-top: 4px; }

.user-import-add        { color: #5d9300 !important; font-weight: bold !important; }
.user-import-update     { color: #fe9900 !important; font-weight: bold !important; }
.user-import-invalid    { color: #b71c1c !important; font-weight: bold !important; }

.permission-level-admin { color: #5d9300; font-weight: bold; }
.permission-level-basic { color: #4479c2; font-weight: normal; }

.email-confirmed        { color: #5d9300; font-weight: bold; }
.email-not-confirmed    { color: #b71c1c; font-weight: bold; }
.email--na              { color: #c1c1c1; font-weight: bold; }

.password-strength              { border: 1px solid #ccc; color: #fff; font-size: 12px; font-weight: bold; height: 16px !important; line-height: 16px; text-align: center; vertical-align: middle; width: 90px; }
.password-strength-none         { background-color: #eee; }
/*
.password-strength-veryweak     { color: #b71c1c; }
.password-strength-weak         { color: #fe9900; }
.password-strength-medium       { color: #eec900; }
.password-strength-strong       { color: #b3dc6c; }
.password-strength-verystrong   { color: #5d9300; }
*/
.password-strength-veryweak     { color: #fff; }
.password-strength-weak         { color: #fff; }
.password-strength-medium       { color: #fff; }
.password-strength-strong       { color: #fff; }
.password-strength-verystrong   { color: #fff; }

.password-strength-text-veryweak    {  background-color: #b71c1c; width: 20%; }
.password-strength-text-weak        {  background-color: #fe9900; width: 40%; }
.password-strength-text-medium      {  background-color: #eec900; width: 60%; }
.password-strength-text-strong      {  background-color: #b3dc6c; width: 80%; }
.password-strength-text-verystrong  {  background-color: #5d9300; width: 100%; }
.password-strength-text-verystrong:after    { content:url(../images/icons/check-mark-gr-16.png); float: right; margin-right: -25px; vertical-align: middle; }

/* DART */
.RadCalendar .dart-day
{
    background-color: #fef;
    color: #fff;
    display:block;
    font-weight: bold;
    height: 23px !important;
    /*
    height: 100%;
    padding:8px 8px 0 0;
    text-decoration:none;
    width: 100%;
    */
    text-align: center;
    width: 28px !important;
}

.RadCalendar .dart-day-away          { background-color: #16a765; }
.RadCalendar .dart-day-restricted    { background-color: #4986e7; }
.RadCalendar .dart-day-transfer      { background-color: #a47ae2; }

.key-table          { }
.key-table td       { font-weight: bold; height: 22px; margin: 0px; padding: 0px; vertical-align: middle; }
.key                { color: #fff; text-align: center; width: 40px; }
.key-day-away       { background-color: #16a765; }
.key-day-restricted { background-color: #4986e7; }
.key-day-transfer   { background-color: #a47ae2; }

/* Certifications */
.certification-required-yes { color: #5d9300; }
.certification-required-no  { color: #b71c1c; }
.certification-edit-name    { color: #6c953c; float: right; font-size: 16pt; font-weight: bold; margin-top: 4px; }

/* Form Submissions */
.form-submission                { display: table; }
.form-submission-page-title     { color: #777; font-size: 16pt; font-weight: bold; }
.form-submission-status         { color: #777; font-size: 16pt; font-weight: bold; }
.form-submission-status-submitted   { color: #000; font-weight: bold; }
.form-submission-status-approved    { color: #5d9300; font-weight: bold; }
.form-submission-status-pending-approval    { color: #c35454; font-weight: bold; }
.form-submission-elements       { border: 1px solid #ccc; display: table; margin: 6px 0px; width: 100%; }
.form-submission-element        { position: relative; vertical-align: top; width: 100%; }
.form-submission-element-invalid    { background-color: #f3dddd; }
.form-submission-element-title  { background-color: #f3f3f3; border-right: 1px solid #ccc; color: #999; display: table-cell; font-size: 10pt; font-weight: bold; padding: 3px 3px 3px 6px; vertical-align: top; width: 425px; }
.form-submission-element-description    { background-color: #f3f3f3; color: #999; display: table-cell; font-size: 8pt; font-weight: normal; padding: 0px 3px 0px 0px; vertical-align: top; width: 425px; }
.form-submission-element-entry  { color: #000; display: table-cell; font-size: 10pt; font-weight: normal; padding: 3px 3px 3px 12px; vertical-align: top; }
.form-submission-element-entry-invalid  { color: #c35454; font-weight: bold; }
.form-submission-gps                { }
.form-submission-gps-thumb          { border: 1px solid #ccc; display: inline-block; vertical-align: top; }
.form-submission-gps-coordinates    { margin-left: 12px; display: inline-block; vertical-align: top; }
.form-submission-signature          { border: 1px solid #ccc; }
.form-submission-signature-thumb    { border: 1px solid #ccc; height: 192px; margin-top: 6px; }
.form-submission-photo          { border: 1px solid #ccc; }
.form-submission-photo-thumb    { border: 1px solid #ccc; height: 384px; margin-top: 6px; }
.form-submission-total          { font-weight: bold; }
.form-submission-total-valid    { color: #000; }
.form-submission-total-flagged  { color: #c35454; font-weight: bold; }
.form-edit-name  { color: #00693c; float: right; font-size: 16pt; font-weight: bold;  }

/*
.forms-dashboard-metric         { background-color: #6c953c; display: inline-block; height: 80px; width: 224px; }
.forms-dashboard-metric:not(:first-child):not(:last-child) { margin: 0px 8px; }
.forms-dashboard-metric:first-child { margin-right: 8px; }
.forms-dashboard-metric:last-child  { margin-left: 8px; }
*/
/*
.forms-dashboard-metric         { background-color: #777; display: inline-block; height: 80px; position: relative; width: 224px; }
.forms-dashboard-metric-value   { color: #fff; font-size: 22pt; font-weight: bold; line-height: 48px; text-align: center; }
.forms-dashboard-metric-title   { color: #fff; font-size: 12pt; font-weight: bold; line-height: 32px; text-align: center; text-transform: uppercase; }
*/
.forms-dashboard-totals         { display: flex; justify-content: space-between; margin-bottom: 12px; }
.forms-dashboard-metric         { background-color: #999; height: 80px; position: relative; width: 179px; }
.forms-dashboard-metric-value   { color: #fff; font-size: 22pt; font-weight: bold; line-height: 48px; text-align: center; }
.forms-dashboard-metric-title   { color: #fff; font-size: 12pt; font-weight: bold; line-height: 32px; text-align: center; text-transform: uppercase; }
.forms-dashboard-metric-flagged { background-color: #c35454; color: #fff; font-size: 12pt; font-weight: bold; height: 28px; line-height: 28px; min-width: 20px; padding: 0px 4px; position: absolute; right: 0px; text-align: center; top: 0px; }
/*
.forms-dashboard-flagged        { background-color: #c35454; color: #fff; font-size: 10px; display: inline-block; height: 18px; line-height: 18px; text-align: center; vertical-align: middle; width: 18px; }
.forms-dashboard-flagged        { color: #c35454; font-size: 10px; font-weight: bold; line-height: 12pt; }
*/
.forms-dashboard-flagged        { color: #c35454; font-size: 60%; font-weight: bold; line-height: 0; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; top: -0.25em; }
/*
.sup-1  { color: #c35454; font-size: 60%; font-weight: bold; line-height: 0; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; top: -0.4em; }
.sup-2  { color: #c35454; font-size: 60%; font-weight: bold; line-height: 0; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; top: -0.8em; }
.sup-3  { color: #c35454; font-size: 60%; font-weight: bold; line-height: 0; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; top: -0.8em; }
*/

/*Incident Forms*/
.incident-form-approved      { color: #e9b330 !important; font-weight: bold; }
.incident-form-under-eview   { color: #4479c2 !important; font-weight: bold; }
.incident-form-transmitted   { color: #6f6f6f !important; font-weight: bold; }
.incident-form-closed        { color: #5d9300 !important; font-weight: bold; }
.incident-form-open          { color: #b71c1c !important; font-weight: bold; }
.form-submission-element-multi  { display: table-cell; vertical-align: top; width: 140px; }

/*
.form-multi-container { height: 800px; overflow: auto; }
.form-multi-container { overflow-y: scroll; }
*/
.form-multi-container-outer-full { height: 100%; max-height:100%; width: 100%; }
.form-multi-container-full { height: 100%; max-height:100%; overflow: scroll; width: 100%; }
.form-multi-toolbar-container { background-color: #f5f5f5; border: 1px solid #d9d9d9; display: table; height: 48px; margin: 0px; padding: 0px; width: 100%; }
.form-multi-toolbar-actions { display: table-cell; padding-left: 16px; text-transform: uppercase; vertical-align: middle; width: 80%; }
.form-multi-toolbar-close { display: table-cell; padding-right: 16px; text-align: right; vertical-align: middle; width: 20%; }
.form-multi-close { color: #ccc; font-size: 32pt; font-weight: bold; }
.form-multi-container { overflow: scroll; position: relative; }
.form-multi { border-collapse: collapse; width: 100%; }
.form-multi tbody { border: 1px solid #000; }
.form-multi th, .form-multi td { border: 1px solid #000; }
.form-multi tr { }
.form-multi tr:nth-child(even) { background-color: #fff; }
.form-multi tr:nth-child(odd) { background-color: #eee; }
.form-multi th { padding: 4px 8px; min-width: 250px; }
.form-multi td { max-width: 100px; padding: 4px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; }
.form-multi td:hover { text-overflow: clip; white-space: normal; word-break: break-all; }
.form-multi td.form-multi-validation { color: #5d9300; font-weight: bold; text-overflow: none; white-space: nowrap; min-width: 180px; }
.form-multi td.form-multi-invalid { background-color: #f3dddd; color: #c35454; font-weight: bold; }
.form-multi tr.form-multi-page { border: 1px solid #fff; }
.form-multi th.form-multi-page-name { background-color: #fff; border: 0px; color: #7ab800; font-size: 16pt; font-weight: bold; padding: 4px 0px; text-align: left; }
.multi-info-indicator { display: none; font-weight: bold; }
.multi-info-header { color: #7ab800; display: none; font-size: 16pt; font-weight: bold; padding: 4px 0px; }
.multi-info-table { border: 1px solid #000; display: none; width: 100%; }
.multi-info-table th { padding: 6px 12px; }
.multi-info-table td { padding: 6px 12px; }

/*
.form-multi tr:first-child { border-top: thin solid black; }
.form-multi tr.bottom td { border-bottom: thin solid black; }
.form-multi tr.row td:first-child { border-left: thin solid black; }
.form-multi tr.row td:last-child { border-right: thin solid black; }
*/

.disabled   { color: #aaa; }


/* Course Sessions */
.session-requirements-outer     { text-align: center; }
.session-requirements           { display: inline-block; text-align: center; }
.session-requirement            { display: inline-block; font-size: 9pt; font-weight: bold; height: 38px; line-height: 18px; margin: 0px 3px; overflow: hidden; padding: 4px 4px 0px 4px; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; width: 120px; }
/*.session-requirement:hover      { background-color: #125687; color: #fff; }*/
.session-requirement-incomplete { background-color: #eee; border: 1px solid #aaa; color: #777; }
.session-requirement-complete   { background-color: #5d9300; border: 1px solid #aaa; color: #fff; }
.session-requirement-icon       { height: 60px; opacity: 0.1; position: absolute; right: -8px; top: -8px; }
.session-online                 { color: #3c8a2e; font-weight: bold; text-transform: uppercase; }
.session-offline                { color: #0054a4; font-weight: bold; text-transform: uppercase; }
.session-requirements-name      { color: #6A6A6A; font-weight: bold; font-style: italic; }
.session-required-yes           { color: #3c8a2e; font-style: italic; }
.session-required-no            { color: #a90329; font-style: italic; }
.session-notrequired-yes        { color: Black; font-style: italic; }

.incident-form-open          { color: #b71c1c !important; font-weight: bold; }

/* Course Sessions */
.session-requirements-outer     { text-align: center; }
.session-requirements           { display: inline-block; text-align: center; }
.session-requirement            { display: inline-block; font-size: 9pt; font-weight: bold; height: 38px; line-height: 18px; margin: 0px 3px; overflow: hidden; padding: 4px 4px 0px 4px; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; width: 120px; }
/*.session-requirement:hover      { background-color: #125687; color: #fff; }*/
.session-requirement-incomplete { background-color: #eee; border: 1px solid #aaa; color: #777; }
.session-requirement-complete   { background-color: #5d9300; border: 1px solid #aaa; color: #fff; }
.session-requirement-icon       { height: 60px; opacity: 0.1; position: absolute; right: -8px; top: -8px; }
.session-online                 { color: #3c8a2e; font-weight: bold; text-transform: uppercase; }
.session-offline                { color: #0054a4; font-weight: bold; text-transform: uppercase; }
.session-requirements-name      { color: #6A6A6A; font-weight: bold; font-style: italic; }
.session-required-yes           { color: #3c8a2e; font-style: italic; }
.session-required-no            { color: #a90329; font-style: italic; }
.session-notrequired-yes        { color: Black; font-style: italic; }

.incident-form-open          { color: #b71c1c !important; font-weight: bold; }

/* Background Checks */
.background-check-info  { background-color: #fff; border: 1px solid #ccc; }

.risk-level-name-label      { color: #000; font-size: 10pt; font-weight: bold; text-transform: uppercase; }
.risk-level-name-default    { color: #777; font-size: 10pt; font-weight: bold; text-transform: uppercase; }
.risk-level-expirationdate-label    { color: #000; font-size: 10pt; font-weight: bold; text-transform: uppercase; }
.risk-level-expirationdate-default  { color: #777; font-size: 10pt; font-weight: bold; text-transform: uppercase; }
.risk-level-expirationdate-active   { color: #5d9300; font-size: 10pt; font-weight: bold; }
.risk-level-expirationdate-expired  { color: #b71c1c; font-size: 10pt; font-weight: bold; }
.risk-level-drugscreen-label        { color: #000; font-size: 10pt; font-weight: bold; text-transform: uppercase; }

.certification-status-na            { color: #ccc; font-weight: bold; text-transform: uppercase; }
.approval-status-pending-submission { color: #e9b330; font-weight: bold; text-transform: uppercase; }
.approval-status-pending-approval   { color: #4479c2; font-weight: bold; text-transform: uppercase; }
.approval-status-forwarded          { color: #911eb4; font-weight: bold; text-transform: uppercase; }
.approval-status-rejected           { color: #b71c1c; font-weight: bold; text-transform: uppercase; }
.approval-status-approved           { color: #5d9300; font-weight: bold; text-transform: uppercase; }
.approval-status-unknown            { color: #777; font-weight: bold; text-transform: uppercase; }

.background-status-pending-submission   { color: #e9b330; font-weight: bold; text-transform: uppercase; }
.background-status-approved             { color: #5d9300; font-weight: bold; text-transform: uppercase; }
.background-status-pending-approval     { color: #4479c2; font-weight: bold; text-transform: uppercase; }
.background-status-rejected             { color: #b71c1c; font-weight: bold; text-transform: uppercase; }
.background-documentation-none          { color: #777; font-weight: bold; }
.background-documentation-has           { color: #5d9300; font-weight: bold; }

.background-component-default           { color: #777; font-size: 9pt; font-weight: bold; }
.background-component-pending-approval  { color: #4479c2; font-size: 9pt; font-weight: bold; }
.background-component-active            { color: #5d9300; font-size: 9pt; font-weight: bold; }
.background-component-expired           { color: #b71c1c; font-size: 9pt; font-weight: bold; }

.completion-status-notstarted           { color: #e9b330; font-weight: bold; }
.completion-status-inprogress           { color: #4479c2; font-weight: bold; }
.completion-status-awaitingconfirmation { color: #3f51b5; font-weight: bold; }
.completion-status-complete             { color: #5d9300; font-weight: bold; }
.completion-status-expiring             { color: #fe9900; font-weight: bold; }
.completion-status-expired              { color: #b71c1c; font-weight: bold; }

.completion-status-notstarted-bg           { background-color: #e9b330; font-weight: bold; }
.completion-status-inprogress-bg           { background-color: #4479c2; font-weight: bold; }
.completion-status-awaitingconfirmation-bg { background-color: #3f51b5; font-weight: bold; }
.completion-status-complete-bg             { background-color: #5d9300; font-weight: bold; }
.completion-status-expiring-bg             { background-color: #fe9900; font-weight: bold; }
.completion-status-expired-bg              { background-color: #b71c1c; font-weight: bold; }

/* Filter Styles */
.filter-applied { color: #5d9300; }

.alignCheckbox label {
    display: inline !important;
}