/* Do not Modify this File

Author: Matthew Beda
Date:   1/13/2015
*/
/*hide this so I dont have to go through and remove it*/
div#solidBar { display: none; }
/*body,html {height:100%;}*//*Removed to stop body from trapping to window height*/
body  { font:14px "roboto",Arial,Helvetica,sans-serif; color:#678098; overflow: auto !important; }
input, textarea, keygen, select, button {font:1em Arial,Helvetica,sans-serif;}
@font-face {
  font-family: 'FontAwesome';
  src: url('../../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.SectionImage:before,
.SlideMenuButton:before,
i:before, .fa:before,
.birthday:before,
.btn:before,
.btn:after,
.lnk:before,
.lnk:after,
.sts:before,
.sts:after,
.flg:before,
.tag:before,
.sort:after,
.ico:before,
.ExpandCollapse:before,
.Expanded:before,
.btnPrint:before,
.Required:before,
.FRequired:before,
.NewRequired:before,
.Accepted:before,
.Options:before,
i.Facebook:before,
i.Twitter:before,
i.Linkedin:before,
.colSelect:before,
.RIcon:before,
.Note:before,
.WaitLoad:before,
.Options .SectionLink:before
{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    padding: 0 4px;
    width: 1.28571429em;
    text-align: center;
    cursor: pointer;
}
.sts:before { content: "\f111"; position: absolute; left: 0px; top: 7px; }
.sts:after { content: "\f111"; position: absolute; right: 0px; top: 7px; }
.btn { -webkit-appearance: none; -moz-appearance: none; white-space: nowrap; }
.btn, .lnk, .sort, .ExpandCollapse, .colSelect, .Note, .Options { cursor: pointer; }
.ico, .sts, .Required, .Accepted { cursor: default; }
i { background-color: transparent !important; }
i:before, .ico:before { content: ""; min-width: 14px; min-height: 14px; padding: 0px; background-size: 100% 100%; margin: 0px 4px; vertical-align: middle; }
i.Facebook:before, i.Twitter:before, i.Linkedin:before { width: auto; height: auto; font-size: 28px; }
.btn, .Options, .Options .SectionLink {position: relative;text-decoration: none;font-size: 1.04em !important;text-align: center;padding: 6px 12px;border-width: 1px;border-radius: 4px;border-style: solid;margin: 10px;/* box-shadow: inset 0 -12px 11px rgba(0,0,0,.2); */display: inline-block;}
.btn { background-color: #fff; color: #333; }
.Options { padding: 4px 7px; background-color: #f5f5f5; font-size: 1em; }
.btn:hover, .Options .SectionLink:hover { color: #333 !important; background-color: #dfdfdf !important; }
.btn:before, .btn:after {margin: 0 9px 0 0 !important;padding: 0 !important;}
.btn.inline { margin: 0; padding: 3px 12px; }
.lnk { display: inline-block; text-decoration: underline; color: #0071BD !important; background-color: transparent !important; }
.sts { display: inline-block; background-color: #fff; position: relative; border: 1px solid #ccc; padding: 4px 22px; box-sizing: border-box; text-align: center; width: 100%; max-width: 250px; text-decoration: none; cursor: default; }
.flg, .tag { display: inline-block; position: relative; border: 1px solid #ccc; background-color: #fff; color: #333; text-decoration: none; border-radius: 6px; z-index: 1; padding: 6px 10px 6px 35px; }
.flg:before, .tag:before { position: absolute; top: 6px; left: 0px; z-index: 3; color: #fff !important; }
.flg:after, .tag:after { content: ""; position: absolute; display: inline-block; top: 1px; left: 1px; height: 27px; border-radius: 5px 0 0 5px; width: 27px; z-index: 2; }
a:link.sort, .sort { text-decoration: none; cursor: pointer; white-space:nowrap; }
.RIcon:before { margin: 0px; padding: 0px; width: auto; }
.RIcon div { display: inline-block; }
div.RIcon { position: relative; }
.cnt { border: 2px solid #ccc; padding: 2px 6px; background-color: #0099ff; margin: -3px 10px 0px 0px !important; border-radius: 56px; font-size: 1em; color: #fff; }
.SectionLinkBlock .lnk {margin-top: 11px;visibility: hidden;display:none;}
.UPMask { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.3); z-index: 999999999999; }
.UPMask span { text-align: center; display: block; margin-top: 300px; background-color: rgba(255, 255, 255, 0.9); width: 100px; margin: 300px auto 0 auto; padding: 10px; border: 2px solid #999; border-radius: 6px; box-shadow: 0 0 11px rgb(111, 161, 165); }
.ico {visibility: hidden;}
table.loaded .ico {visibility:visible}
.SectionImage {display:inline-block;}
.Key {padding-top: 4px;}
.Key i {margin-left: 15px;font-size: 1em;}
.Key i:first-child {margin-left: 0;}
.featured > .SectionRow:first-child {margin-top: 0 !important;}
/*--------------Do
*---------------NOT
*---------------Edit
*---------------Above! --------------------------------------------------------------------------------------------------------------*/


/***********************
Helper Classes
 **********************/
.TitleCase {text-transform:capitalize;}
.txtDark { color: #333 !important; }
.Block {display: block !important;box-sizing: border-box !important;width: 100% !important;margin: 0;}
.InlineBlock {display:inline-block !important; width:auto !important;box-sizing:border-box !important;}
.TopPadding {Padding-top:15px;}
.NoPadding {Padding:0 !important}
.Bold {font-weight:bold;}
.pf { }
.noborder { }
.hidden, .onlyPrintTable, .PrintOnly { display: none; }
.watermarked, .LoginWaterMarked { font-style: italic; color: #888; }
.UName:before, .LoginToggle:before, .LoginToggle:after, .lblError:after, .btn:after, .Options:before, .Error:before, .Message:before, .IDate:before, .ITime:before, .ExpandCollapse:before, .Tmnu:before, .Tmnu:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; padding: 0 4px; }
.UTimeZone { font-size: .85em; font-style: italic; }
.UName:before { content: "\f007"; }
.ExpandCollapse:before { content: "\f0da"; font-size: 1.6em; /* padding-left:10px; */ }
.ExpandCollapse.Expanded:before { content: "\f0d7"; }
.SectionLinkBlock .btn, .SectionLinkBlock .Options {margin: 2px 5px;padding: 5px 8px;font-size: 1.1em;box-sizing: border-box;}
.SectionLinkBlock .SectionLink, .SectionLinkBlock > span {color: #0071BD;/* margin: 8px; */text-decoration: none;display: inline-block;}
.GridList tr div:not(.footer):not(.Options) .btn { border: 0; background-color: transparent; margin: 0 8px; padding: 0; font-size: 1em; box-shadow: none; color: #333; }
.GridList tr div:not(.footer):not(.Options) .btn:hover {background-color: transparent;text-decoration: underline;}
.GridList table .btn { position: relative; text-decoration: none; font-size: 14px; text-align: center; border-color: #333; padding: 6px 12px; border-width: 1px; border-radius: 4px; border-style: solid; margin: 10px; box-shadow: inset 0 -12px 11px rgba(0,0,0,.2); display: inline-block; }
.GridList td label:first-child, .GridList th label, .GridList td .label:first-child, .GridList th .label { padding-top: 0px; }
.breakLine { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }
hr.Break {border: 1px dashed #ccc;margin: 20px 0;}
.mobileBreakBefore {} /* JS Function Class to add an <br/> before an element on mobile view only */

/***********************
Noty Classes
 **********************/
.Noty { display: none; }
.noty_message { text-align: center !important; }
.noty_type_success .noty_text { color: #424242 !important; font-size: 1.04em; line-height: 1.5; }
.noty_type_information .noty_text, .noty_type_error .noty_text { font-size: 1.04em; line-height: 1.5; }
.noty_type_success .noty_error { font-size: 1.3em; }
.noty_type_success .fa:before { text-shadow: -1px 0px 1px #FFF, 0px 1px 1px #FFF,0px 1px 1px #FFF, 1px -1px 1px #FFF; color: #1ABE1A; }
.noty_text {margin: 0px;font-size: 1em;line-height: 1.2;}

/***********************
Help Loading Classes
 **********************/
table.HelpLoading {position: fixed;top: 0;left: 0;z-index: 9999999;width: 100%;height: 100%;text-align: center;background-color: rgba(255, 255, 255, 0.7);}
.HelpLoading td {vertical-align: middle;}
.innerAPIHC {display: inline-block;max-width: 225px;background-color: #fff;padding: 18px; border-radius: 300px; box-shadow: 0 0 31px -6px #ccc;}
.innerAPIHC h1 {font-size: 1.5em;color: #0066cc;margin-top: 0; margin-bottom: 13px;}
.innerAPIHC span {display: block;margin-top: 13px;color: green;}
.AdminMenuSubItem.current .DHelpItem:before,
.AdminMenuSubItem:hover .DHelpItem:before {color: #fff;}
.AdminMenuSubItem.current:hover .DHelpItem:hover:before,
.AdminMenuSubItem:hover .DHelpItem:hover:before {color: #e0e0e0;}

/***********************
btn hover Animation
 **********************/
/*.btn, .btn *, .SectionLink {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}*/
.btn:hover, .SectionLink:hover { box-shadow: 0px 0px 6px rgba(40,138,130,.8); }

/*Inputs overides*/
.SectionRow .SectionLinkBlock input[type=text], .SectionRow .SectionLinkBlock input[type=password], .SectionRow .SectionLinkBlock input[type=date], .SectionRow .SectionLinkBlock input[type=range], .SectionRow .SectionLinkBlock select, .SubSectionRow .SectionLinkBlock input[type=text], .SubSectionRow .SectionLinkBlock input[type=password], .SubSectionRow .SectionLinkBlock input[type=date], .SubSectionRow .SectionLinkBlock input[type=range], .SubSectionRow .SectionLinkBlock select {display: inline !important;margin: 1px 15px 0 0;width: auto;}
.SectionLinkBlock label { margin-top: 0; padding-top: 0; }
.fluidcontainer_6 .SectionRow .Label, .fluidcontainer_6 .SectionRow label, .fluidcontainer_6 .SectionRow .label, .fluidcontainer_6 .SectionRow .value, .fluidcontainer_6 .SectionRow .Value, div[class^=fg_] .SectionRow .Label, div[class^=fg_] .SectionRow label, div[class^=fg_] .SectionRow .label, div[class^=fg_] .SectionRow .value, div[class^=fg_] .SectionRow .Value { color: #333; }


/* IconSet Handler */
.IconSet { display: inline; vertical-align: middle; white-space: nowrap; position: relative; }
.SectionLinkBlock .ico { color: #333; padding-left: 10px; cursor: default; }
.SectionLinkBlock .ico:before { cursor: default; }

/***********************
 Options Handlers
 **********************/
.Options .btn, .Options .SectionLink { text-align: left; margin: 0; box-shadow: 0 0 0 transparent; display: block; padding: 6px; background-color: #fff; border: 0; border-top: 1px solid #cccccc; border-radius: 0; white-space: nowrap; }
.Options:before { width: auto !important; display: inline-block; padding: 0px !important; }
.Options ul { display: none; border: 1px solid #333; background-color: #f5f5f5; padding: 0; margin: 0; }
.Options ul li { padding: 0; display: block; margin: 0; list-style: none; }
.Options:hover ul {display: block;z-index: 99999;position: absolute;top: 25px;right: 16px;padding: 0;margin: 0;min-width: 150px; box-shadow: -2px 2px 4px #333;}
.btnBox .Options, .SectionLinkBlock .Options { border: 1px solid #9d9d9d; padding: 2px 9px 2px 5px; margin: 0; background-color: #f5f5f5; display: inline-block; }
.btnBox .Options:hover ul, .SectionLinkBlock .Options:hover ul {top: -1px;}
.SectionLinkBlock .Options { margin: 4px 4px 0 0; }
.btnBox .Options, .btnBox .Options .btn { font-size: 1em; /* border: 1px !important; */ }


/***********************
btn Handlers       (note: "btn" class inside if "GridList" can be set to render as a normal button styling by adding class of "Default" to "btn" classed object)
**********************/
.Options .btn:hover, .Options .btn:hover:before, .btnBox .Options .btn:hover, .btnBox .Options .btn:hover:before, .SectionLinkBlock .Options .SectionLink:hover, .SectionLinkBlock .Options .SectionLink:hover:before { background-color: #3FA9F5; color: #fff; }
.Options .btn, .Options .SectionLink {margin: 0 !important;display: block !important;padding: 6px !important;background-color: #fff !important;border: 0 !important;text-align: left !important;outline: 1px solid #cccccc !important;border-radius: 0 !important;white-space: nowrap;}
.rgMasterTable .btnBox .btn, .GridList .btnBox .btn, .GridList th .btn, .GridList td > .btn:not(.Default), .td .btnBox .btn { border-radius: 0px; border: 0; background-position: 0; margin: 0 4px 0 0; padding: 0; font-size: 1em; color: #333; box-shadow: 0 0 0 transparent; background-color: transparent; }
.GridList td > .btn.Default { margin: 0; padding: 4px 10px; font-size: 1em !important; }
.SubSectionRow .SectionLinkBlock .btn { margin: 4px; padding: 2px 6px; }
.ButtonFix { display: inline-block;position:relative; }
.ButtonFix.Submitted:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 999;}


/***********************
Sprite Menu
**********************/
.Sprite {z-index: 8;}
.SpriteMenu { display: none; }
.Sprite .SpriteMenu {display: none;text-align: left;padding: 7px 7px;position: absolute;background-color: #fff;top: calc(100% + 10px);border: 1px solid #0071bd;right: -1px;box-shadow: -1px 3px 5px rgba(51, 51, 51,.3);}
.Sprite .SpriteMenu:after{content: "";position: absolute;right: 45px;top: -21px;border-style: solid;border-width: 10px 10px 10px 10px;border-color: transparent transparent  #0071bd transparent;}
.Sprite.Click .SpriteMenu {min-width: 200px;/* display: block !important; */z-index: 99999;}
.Sprite.RMenu .SpriteMenu { white-space: pre-wrap; display: none; position: absolute; background-color: #fff; top: 28px; left: -7px; right: auto; border: 1px solid #9d9d9d; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 7px 7px; box-shadow: 0px 4px 4px #ccc; }
.Sprite.RMenu .SpriteMenu:before { position: absolute; content: ""; border-style: solid; border-width: 0 10px 15px 10px; border-color: transparent transparent #ccc transparent; top: -14px; left: 4px; }
.Sprite.RMenu .SpriteMenu:after { position: absolute; content: ""; border-style: solid; border-width: 0 10px 15px 10px; border-color: transparent transparent #fff transparent; top: -11px; left: 4px; }
.Sprite.Click { z-index: 99999; color: #333 !important; background-color: #fff !important; border-bottom: none; border-radius: 8px 8px 0px 0px; box-shadow: none; }
.rgMasterTable .btnBox .SpriteMenu .btn, .GridList .btnBox .SpriteMenu .btn { position: relative !important; text-decoration: none !important; font-size: 14px !important; text-align: center; border-color: #9d9d9d !important; padding: 6px 12px !important; border-width: 2px !important; border-radius: 8px; border-style: solid !important; background-color: #ffffff; margin-bottom: 10px !important; margin-top: 10px !important; display: inline-block !important; }
.rgMasterTable .btnBox .SpriteMenu .btn, .GridList .btnBox .SpriteMenu .btn:hover { color: #333 !important; background-color: #dfdfdf !important; }
.rgMasterTable .btnBox .SpriteMenu .btn, .GridList .btnBox .SpriteMenu .btn:before { padding: 0 4px 0 0 !important; }
.SpriteMenu .SectionHeader { color: #333 !important; font-weight: normal !important; text-transform: none; font-size: 1.03em !important; text-align: center; display: block; white-space: pre-wrap; background-color: rgb(243, 243, 243); padding: 8px !important; }
.SpriteMenu ul { font-size: 1em; margin: 4px; padding: 0px 14px; }
.GridList .btn.Sprite { border: none !important; background-color: transparent !important; min-width: 0px !important; }



/***********************
Widget Handlers
**********************/
div.btnBox { text-align: right; }
.SectionHeader.fa:before { padding-right: 10px; }
.SectionImage.fa:before { font-size: 27px; padding-left: 10px; padding-top: 4px; }
.Widget .SectionImage.fa:before { font-size: 18px; padding: 6px 0px 0px 10px; }

/***********************
Section Element Handlers
**********************/
.SectionBox .noborder { border-width: 0 !important; }
.SectionBox .SectionBox, .SectionBox .Section, .Section .SectionBox, .SectionBox .nomargin {margin: 0;border: 0;padding: 0px;background-color: transparent;box-shadow: none;}
.GroupBox {background-color: #f5f5f5;border: 1px solid #ccc;margin: 20px 0 !important;padding: 10px !important;}
.GroupBox .SectionRow:first-child {margin-top: 0px !important;}
.pnlDetails.SectionBox { background-color: transparent; margin-bottom: 0px; }
.MenuList.SectionBox { margin-top: 0px; }
.pnlDetails .Section { margin: 0; border: 0; }
.pnlDetails .SectionRow { background-color: transparent; margin: 0 1%; }
.pnlDetails .SectionHeader { color: #333; font-size: 1.8em; }
.pnlDetails .ExpandCollapse { color: #333; }
.SectionBox.ui-droppable{padding-bottom: 18px;}
.Section, .SectionBox {margin: 0 0 10px;padding: 10px 18px;box-sizing: border-box;background-color: #fff; box-shadow: -2px 0px 20px 3px rgba(0,0,0,0.10);border-top-left-radius: 10px;border-top-right-radius: 10px;}
.Section {box-shadow: 0px 28px 15px -29px #777;}
.Section .SectionHeader, .SectionBox .SectionHeader {color: #015188;font-size: 1.4em;}
.Section .ExpandCollapse:before, .SectionBox .ExpandCollapse:before { color: #333; }
.SectionRow, .Section .SectionBox .SectionRow {height: auto !important;padding-top: 1px;border-bottom-width: 1px;border-bottom-color: #CCC;border-bottom-style: solid;/* background-color: #459AD3; */}
.SectionRow:after { content: " "; clear: both; height: 0; display: table; }
.SubSectionRow {border: 1px solid #dedede;/* border-top: 0px solid #ccc; */background-color: #F5F5F5;margin: 10px 0;border-radius: 5px;padding: 3px;position: relative;}
.Section .SectionRow, .SectionBox .SectionRow { background-color: transparent; border-bottom: 1px solid #ccc; }
.Section .SectionRow, .Section .SubSectionRow, .SectionBox .SectionRow .SectionBox .SubSectionRow { margin: 0; }
.Section .SubSectionRow, .SectionBox .SubSectionRow { /* border-bottom-width:0; */ /* border-bottom-color:#CCC; */ /* border-bottom-style:solid; */ /* background-color:#f5f5f5; */
}
.SubSectionRow:after { content: " "; clear: both; height: 0; }
.Section .SubSectionRow .SectionHeader, .SectionBox .SubSectionRow .SectionHeader { font-size: 1.2em; }
.SectionLinkBlock { float: right; text-align: right; }
.SubSectionRow:after { content: " "; clear: both; height: 0; display: block; }
.SubSectionRow .SectionLinkBlock .SectionLink { color: #333; margin: 6px 8px; }
.SubSectionRow .SectionLinkBlock span { color: #333; }
.SectionLink:hover { text-decoration: underline; }
.SectionLink:before { content: "\f142"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2em; padding-right: 15px; }
.SectionKey { float: right; }
.SectionKey:after { content: " "; clear: both; height: 0; }
.SectionKey img { display: inline; vertical-align: middle; padding: 4px; }
.SectionKey label, .SectionKey span, .SectionKey p { display: inline; vertical-align: middle; padding: 4px; }
.navlist { }
.SectionFooter { border-top-width: 1px; border-top-color: #CCC; border-top-style: solid; }
.SectionRow .SectionLinkBlock label { color: #333; }
.fg_1 .ExpandCollapse:before, .fg_2 .ExpandCollapse:before, .fg_3 .ExpandCollapse:before, .fg_4 .ExpandCollapse:before, .fg_5 .ExpandCollapse:before, .fg_6 .ExpandCollapse:before { color: #333 !important; }
/*.SectionImage {-webkit-transition: all .05s ease-in-out;  -moz-transition: all .05s ease-in-out;  -o-transition: all .05s ease-in-out;  transition: all 1s ease-in-out;}
.SectionRow:hover .SectionImage {transform: rotate(360deg);}*/



/***********************
 GridList object Handlers
**********************/
/*Default Table Styles*/
table { border-collapse: collapse; }
table.td { padding: 4px; }
.GridList td { max-width: 300px; text-overflow: ellipsis; overflow: hidden; }
.GridList td .Options { position: relative; /*width: 30px;*/ border-radius: 4px; border: 1px solid #9d9d9d; }
.GridList td .btn:not(.Default):hover { background-color: transparent; }
.GridList td .btn:not(.Default):before { padding: 0px !important; margin-right: 2px !important; }
/*.GridList tr:nth-child(odd) td { background-color: #E3EEF0; } */
.GridList tr:nth-child(even) td { background-color: #fff; }
h1.SectionHeader, .SectionHeader, .Section .SectionBox .SectionRow .SectionHeader {/* color: #fff; */padding: 6px 0 0 0;margin: 0px;display: inline-block;}
.SectionHeader .value, .SectionHeader span { display: inline-block; width: auto; }
.SubSectionRow .SectionHeader, .SubSectionRow .ExpandCollapse:before { color: #000; }
.SubSectionRow .SectionHeader {font-size: 1.1em;padding: 6px 0 2px 4px;}
.SubSectionRow .ExpandCollapse:before { font-size: 1.3em; }
.SubSectionRow select { width: auto !important; }
.SubSectionRow label { color: #333; }
h1, h2, h3, h4, h5, h6, .SectionHeader { font-weight: 400; }
h1, .SectionHeader { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.125em; }
h6 { font-size: 1.05em; }
.SectionRowImage { display: none; }
table.GridList {float: none;width: 98% !important;border-collapse: collapse;background-color: #FFF;margin: 10px auto;font-size: .9em;border-color: transparent;}
.GridList td {padding: 8px;border: 0px;}
.GridList .btnBox { float: right; white-space: nowrap; }
.GridList tr {background-color: #e5e5e5;}
.GridList tr:hover td, .RadGrid .rgHoveredRow { background-color: #D2F3FF !important; }
.RadGrid .rgRow td, .RadGrid .rgAltRow td {border-width: 0px !important;}
th, .GridList th, .GridList .ListHeader td, .GridList .ListHeader:hover td {padding: 8px;border: 0;color: #4c607a;text-align: left;font-weight: normal;}
.GridList th.GridList th a:link, .GridList th a:visited, .GridList .ListHeader td a:link, .GridList .ListHeader td a:visited {color: #0F7D56 !important;text-decoration: none !important;font-weight: bold;}
.GridList th a:hover, .GridList .ListHeader td a:hover {color: #054f82 !important;text-decoration: underline !important;}
.NoData { display: block; padding: 2px; text-align: center; }
.GridList .NoData { display: block; padding: 2px; text-align: left; border: 0px; font-style: italic; color: #0f7d56; }
.GridList .NoData td, .GridList .NoData:hover td { padding: 0px; background-color: transparent !important; display: block; text-align: left; }
.GridList input[type=checkbox] { margin-top: 0px !important; }
.RadGridNoData {background-color: #e5e5e5; color: #678098; padding: 8px; font-size: 0.9em}
.CheckboxList { }
.RadioButtonList { }
/* Alignment overrides for grid views */
.AlignRight { text-align: right !important; }
.AlignLeft { text-align: left !important; }
.AlignCenter { text-align: center !important; }
/* Negations for Nested Tables */
.GridList th th, .GridList tr tr, .GridList table, .GridList table td { padding: 0 !important; border: 0px !important; background-color: transparent !important; }
.GridList .label { padding: 0; margin: 0; }
.GridList td input[type=text], .GridList td select { display: inline !important; }
.GridList caption {background-color: #0066cc;padding: 7px;color: #fff;font-size: 1.15em;text-transform: uppercase;}
.GridList caption .btn {margin: -3px;padding: 3px 6px;float: right;font-size: 12px !important;}
.GridList.Striped tr th:first-child,
.GridList.Striped tr td:first-child{border-left:none;}
.GridList.Striped th {border-left: 1px solid #fff !important;}
.GridList.Striped td {border-left: 1px solid #9d9d9d;}
.GridLine td a, .GridLineAlternate td a{color:#3898d8; text-decoration: none;}

/***********************
 QuickFilter Styles
**********************/
.QuickFilter { background-color: #ededed; padding: 6px; border: 1px solid #ccc; border-top: 0px; }
.QuickFilter .btn { margin: 0px; padding: 0px 12px; vertical-align: middle; }

/***********************
 Tabs Styles
**********************/
.Tabs {padding: 0 0 0 10px;margin: 0;list-style-type: none;margin-bottom: -1px !important;z-index: 9999;opacity:1;/* height:0px; */}
/*Auto Clear */
.Tabs:after { content: ""; display: table; width: 100%; clear: both; }
.Tabs li { float: left; list-style: none; }
.Tabs li a, .Tabs li a.current, .Tabs li a.current:hover { padding: 10px; position: relative; color: #333; text-decoration: none; display: block; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; box-shadow: none; }
.Tabs li a.current:before {content: "";height: 6px;background-color: #0071BD;position: absolute;top: 2px;left: 0;width: 100%;margin: -1px;border: 1px solid #0071bd;}
.Tabs li a:before { content: ""; height: 6px; /* background-color: rgba(255,255,255,0.9); */ position: absolute; top: 0; left: 0; width: 100%; /* height: 100%; */ }

.Tabs li a:hover {background-color: rgba(0, 113, 189, 0.08);box-shadow: inset 0px -21px 11px -25px;}
.Tabs li a:hover:before {content: "";height: 6px;background-color: #dfe8ef;position: absolute;top: 0;left: 0;width: 100%;margin: -1px;border: 1px solid #dfe8ef;}
.Tabs li a:before {transition: all .3s ease-in-out;border: 1px solid transparent;width: 0;height: 6px;position: absolute;top: 0;left: 0;margin: -1px;}
.Tabs li a {border-color: transparent;background-color: rgba(0, 113, 189, 0.08);margin: 0 3px;/* box-shadow: inset 0px -5px 8px -6px rgba(0,0,0,0.4); */transition: all .06s ease-in-out;font-size: 14px;}
ul.Tabs .Section { margin: 0px; }
ul.Tabs + .SectionBox { padding: 10px; background-color: #fff; border: 1px solid #ccc; /* width: 95%; */ }
.SectionBox ul.Tabs + .SectionBox { /* width: 97%; */ margin: 0px auto 10px auto; }
ul.Tabs + .SectionBox .SectionRow { background-color: transparent; }
ul.Tabs + .SectionBox .SubSectionRow { border: 1px solid #ccc; }
ul.Tabs + .SectionBox .SectionRow .SectionHeader { color: #459AD3; }
ul.Tabs + .SectionBox .SectionRow .ExpandCollapse:before { color: #333; }
ul.Tabs + .SectionBox .SectionRow .SectionLinkBlock label, /*ul.Tabs + .SectionBox .SectionRow .SectionLinkBlock .btn,*/ ul.Tabs + .SectionBox .SectionRow .SectionLinkBlock .SectionLink, ul.Tabs + .SectionBox .SectionRow .SectionLinkBlock .lnk { color: #333; }
/* Nested Tabs inside of Tabs*/
.Tabs + .SectionBox .Tabs { background-color: #E8E8E8; padding: 0; border: 1px solid #ccc; }
.Tabs + .SectionBox .Tabs li a { border-right: 1px solid #ccc; border-left: 0px !important; margin: 0; }
.Tabs + .SectionBox .Tabs li a:hover { color: #0071BD; }
.Tabs + .SectionBox .Tabs li a.current { color: #fff; background-color: #0071BD; margin: 0; }
.Tabs + .SectionBox .Tabs li a.current:before { content: ""; border-width: 8px 6px 0 6px; border-color: #ccc transparent transparent transparent; border-style: solid; position: absolute; bottom: -8px; left: 50%; margin-left: -8px; height: 0; top: auto; width: auto; background-color: rgba(0, 0, 0, 0) !important; }
.Tabs + .SectionBox .Tabs li a.current:after { content: ""; border-width: 8px 6px 0 6px; border-color: #0071BD transparent transparent transparent; border-style: solid; position: absolute; bottom: -6px; left: 50%; margin-left: -8px; }
.Tabs + .SectionBox .Tabs + .SectionBox { width: auto; }
.Tabs + .SectionBox .fluidcontainer_6 > .SectionRow { font-size: 11px; color: #333; }
.Tabs + .SectionBox .fluidcontainer_6 > .SectionRow .SectionHeader { color: #333; }
.Tabs + .SectionBox, .TabsMobile + .SectionBox {border:1px solid #ccc !important;padding: 10px;}

/*Tabs Mobile helper */
.TabsMobile:not(.noMobile):before { content: "\f0c9"; font-family: FontAwesome; font-size: 27px; padding: 2px 6px; display: inline-block; height: 30px; }
.TabsMobile:not(.noMobile) ul { /*display:none;*/ position: absolute; top: 31px; left: 0px; margin: 0; padding: 0; z-index: 999; background-color: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,.3); }
.TabsMobile:not(.noMobile) { position: relative; background-color: #0071bd; color: #fff; z-index: 9999; height: 30px; }
.TabsMobile:not(.noMobile) ul li, .TabsMobile:not(.noMobile) ul li a { display: block; float: none; min-width: 250px; box-sizing: border-box; margin: 0; }
.TabsMobile:not(.noMobile) ul li a:before { display: none; }
.TabsMobile:not(.noMobile) ul li a { border-bottom: 1px solid rgba(255,255,255,.5); }
.TabsMobile:not(.noMobile) ul li:last-child a { border-bottom: 0; }
.TabsMobile.noMobile .Tabs {
    Display: inline-block !important;
    margin-bottom: -1px !important;
}
/*mobile -ICO and a.btn, a.lnk*/
.mICO {font-size: 0!important;}
.Options .mICO {
    font-size: 13px !important;
}
.mICO:before {font-size: 20px !important;}
.mICO.btn, .mICO.lnk {display: inline-block;margin: 0 !important;}
.mICO.btn:before {padding-right: 0 !important;margin-right: 0 !important;}
.Key i.mICO {margin-left: 0;padding-bottom: 10px;display: inline-block;}

/*Legacy navlist id tab handler * DO NOT USE "navlist"*
*/#navlist { padding: 0 0 0 32px; margin: 18px 0 0; list-style-type: none; margin-bottom: -1px !important; z-index: 9999; }
#navlist li { display: inline-block; }
#navlist li a, #navlist li a.current, #navlist li a.current:hover { padding: 10px; position: relative; color: #333; text-decoration: none; display: block; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#navlist li a.current:before { content: ""; height: 6px; background-color: #0071BD; position: absolute; top: 0; left: 0; width: 100%; }
#navlist li a:hover { text-decoration: underline; }
#navlist li a { border-color: transparent; background-color:rgba(0, 113, 189, 0.08); }
ul#navlist .Section { margin: 0px; }
ul#navlist + .SectionBox { padding: 10px; background-color: #fff; border: 1px solid #ccc; }
ul#navlist + .SectionBox .SectionRow { background-color: transparent; }
ul#navlist + .SectionBox .SubSectionRow { border: 1px solid #ccc; }
ul#navlist + .SectionBox .SectionRow .SectionHeader { color: #459AD3; }
ul#navlist + .SectionBox .SectionRow .ExpandCollapse:before { color: #333; }
ul#navlist + .SectionBox .SectionRow .SectionLinkBlock label, /*ul#navlist + .SectionBox .SectionRow .SectionLinkBlock .btn,*/ ul#navlist + .SectionBox .SectionRow .SectionLinkBlock .SectionLink, ul#navlist + .SectionBox .SectionRow .SectionLinkBlock .lnk { /* color:#333; */ }


/* Flow Tabs */
/* Flow Tabs */
.Flow { text-align: center; background-color: transparent !important; border: 0 !important; display: table; margin: 10px auto 28px auto !important; position: relative; padding: 0px; /* margin-bottom: 30px; */ }
.Flow:after { content: ""; position: absolute; width: 100%; height: 8px; background-image: repeating-linear-gradient(   45deg,   #e0e0e0,   #e0e0e0 10px,   #f5f5f5 10px,   #f5f5f5 20px ) !important; bottom: -18px; box-shadow: inset 0 0 4px #333; left: 0; border-radius: 300px; }
.Flow li { float: none; display: table-cell; min-width: 150px; position: relative; transition: all 1s ease-in-out; }
.Flow li:after {content: "";position: absolute;left: 50%;margin-left: -10px;bottom: -22px;height: 16px;width: 16px;border: 1px solid #999;border-radius: 300px;background-color: #fff900;z-index: 9;}
.Flow li.current:before { content: ""; position: absolute; left: 0; bottom: -18px; height: 8px; width: 50%; border-radius: 300px;
background-color: #39B54A;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39b54a+0,87e0fd+100 */
background-image: -moz-linear-gradient(left,  #39b54a 0%, #87e0fd 100%); /* FF3.6-15 */
background-image: -webkit-linear-gradient(left,  #39b54a 0%,#87e0fd 100%); /* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(to right,  #39b54a 0%,#87e0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b54a', endColorstr='#87e0fd',GradientType=1 ); /* IE6-9 */
 z-index: 9; }
.Flow li.current:after {content: "";position: absolute;left: 50%;margin-left: -10px;bottom: -22px;height: 16px;width: 16px;border: 1px solid #a5e3e7;border-radius: 300px;background-color: #fff;z-index: 9;}
.Flow li.completed:before {content: "";position: absolute;left: 0;bottom: -18px;height: 8px;width: 110%;border-radius: 300px;background-color: #39B54A;z-index: 9;}
.Flow li.completed:after {content: "\f00c";font-family: FontAwesome;font-size: 12px;position: absolute;padding-top: 2px;left: 50%;margin-left: -10px;color: #39B54A;bottom: -23px;height: 14px;width: 16px;border: 1px solid #39B54A;border-radius: 300px;background-color: #fff;z-index: 9;}
.Flow.completed:before { font-family: "FontAwesome"; position: absolute; content: "\f005"; right: -23px; color: #F9FF00; text-shadow: 0px 1px 1px #333, -1px 0px 1px #333, 1px 1px 0px #333, -1px 0px 1px #333; bottom: -22px; z-index: 10; font-size: 20px; }
.Flow li a, .Flow .Tabs li a:hover { padding: 0; color: #333 !important; background-color: transparent !important; border: 0 !important; position: relative; height: 40px; margin-bottom: -23px; display: block; z-index: 30; }
.Flow li a:hover { text-decoration: underline; }
.Flow li:hover:after { -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
.Flow a:before, .Flow a:after { display: none; }

/***********************
 Pagination Styles
**********************/
tr.cssPager { display: table-row !important; }
tr.cssPager td { text-align: right; background-color: #f1f5fb !important; border-top: 1px solid gray; border-bottom: none !important; }
.cssPager { display: block; padding-left: 18px; background-color: #f1f5fb !important; font: 12px/16px "segoe ui" ,arial,sans-serif; border-top: 1px solid gray; height: 30px; }
div.PaginationBox { display: block; padding: 0 1%; background-color: #f1f5fb !important; font: 12px/16px "segoe ui" ,arial,sans-serif;  height: 40px; margin-top: -9px; width: 95.9%; margin: -9px auto; margin-bottom: 9px;  }
div.PaginationBox a:link, div.PaginationBox span { float: right; color: #3898d8;}
.PaginationBox td, .cssPager td { background-color: #f1f5fb !important; font: 12px/16px "segoe ui" ,arial,sans-serif; padding: 0px; border-top: 1px solid gray; }
.PaginationBox td table td, .cssPager td table td { border: 0; background-color: #f1f5fb !important; border-bottom: none !important; }
.PaginationBox td table { float: right; border-collapse: collapse; }
tr.PaginationBox td { /* text-align:right; */ background-color: #f1f5fb !important; }
tr.PaginationBox td table td:first-child { text-align: left; padding-left: 10px; }
.cssPager table { margin-right: 20px; width: auto !important; float: right; }
.PaginationBox a:link, .PaginationBox a:visited, .PaginationBox span, .cssPager a:link, .cssPager a:visited, .cssPager span { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 2px; padding: 7px 9px !important; text-decoration: none; margin: 4px 0 !important; display: inline-block; border: 1px solid #f1f5fb; }
.PaginationBox a:link.CurrentPage, .PaginationBox span, .cssPager a:link.CurrentPage, .cssPager span { display: inline-block; background-color: #fff; color: #1e395b; border: 1px solid #8C8C8C; }
.PaginationBox a:hover, .cssPager a:hover { border: 1px solid #A8D8EB; }
.PaginationContainer { padding: 5px; }
tr.PaginationBox table {width: auto;}

/***********************
Skip to Content Links
**********************/
.skip { text-align: left; font-size: 12px; }
.skip a { position: absolute; left: -5000px; width: 1px; height: 1px; overflow: hidden; }
.skip a:focus, .skip a:active { position: absolute; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; color: blue; background-color: #fff; border: 1px solid #ccc; z-index: 99999; padding: 10px; }


/***********************
Jquery UI Overides Dialogs
**********************/
.ui-dialog-titlebar.ui-widget-header {background-color: transparent !important;border: none !important;border-bottom: 1px solid #a0a0a0 !important;color: #459ad3 !important;font-size: 1.5em;font-weight: 100 !important;padding: .4em 0 !important;margin: 0 10px;}
.ui-dialog-content .SectionRow {border-radius: 0px;margin-bottom: 10px;min-height: 20px;height: auto;font-size: 11px;color: #333;background-color: transparent;}
.ui-dialog-content .SectionRow .SectionHeader {/* Padding:10px !important; */font-weight: bold !important;color: #459AD3 !important;}
.ui-dialog {z-index: 999999999 !important;background-color:#fff;position:fixed !important;top: 5% !important;left:50% !important;transform: translate(-50%);max-height: 83% !important;}
.ui-widget-overlay.ui-front { display:none !important; }
.ui-dialog-content .btn:not(.Sprite):not(.Skip) {display:none !important;}
.ui-dialog-buttonset {text-align: right;}
.ui-dialog {top: -110% !important;transition: all .5s cubic-bezier(0.25,0.1,0.25,1);}
.ui-dialog.inview{ top: 5% !important;}
.ui-dialog .ui-dialog-content {height: calc(100% - 100px) !important;box-sizing: border-box;overflow: auto !important;}
.ui-dialog-content .fluidcontainer_6 {margin: 0px auto;}
.ui-dialog .ui-dialog-buttonpane {position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;}
.DialogPanel {position:fixed !Important;left:-9000px;top:0;max-width:4000px;}
.DialogPanel.ui-dialog-content {position:relative !important;left:0;}

/*CMS height Fix*/
.ui-dialog .ui-dialog-content.CMSDialog {height: calc(100% - 50px) !important;}

/*****New Dialog Classes*****/
.Modal-Overlay {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.4); z-index:999999; overflow:auto;}
.ModalDialog {position:relative;background-color: #fff;opacity:0;margin:100px auto;padding: 6px 20px 20px 20px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,.5);transition: all .3s cubic-bezier(0.25,0.1,0.25,1);box-sizing:border-box;}
.Modal-Overlay.inview .ModalDialog{ margin-top:100px; opacity:1;}
.ModalSectionHeader {font-size: 1.2em;margin: 0;padding: 0;display: inline-block;color: #0071bd;font-style: italic;}
.ModalRow {padding-bottom: 10px;}
.ModalClose {position: absolute;top: 0;right: 0;font-size: 33px !important;padding: 4px;line-height: 17px !important;margin: 6px;background-color: #f5f5f5;border: 1px solid #ccc;}
.Modal-Overlay .DialogPanel {position:relative !Important;left:0;top:0;}
.Modal-Overlay .btn.Cancel, .Modal-Overlay input[value="Cancel"], .Modal-Overlay input[type="Cancel"]{display:none !important;}

/***********************
Login Loading
**********************/
.LoginLoading:before {visibility: Visible;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(242, 249, 255, 0.79);text-align: center;background-position: center center;padding: 20px;box-shadow: 0 0 10px 5px rgb(242,249,255);box-sizing: border-box;font: 16px arial;z-index: 9;}
.LoginLoading:after {visibility: Visible;-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;content:"\f110";font-family:FontAwesome;position: absolute;top: 50%;left: 50%;box-sizing: border-box;font-size: 30px;line-height: 30px;width: 30px;height: 30px;margin-left: -15px;color: #0066cc;margin-top: -15px;z-index: 10;}


/***********************
Telerik Fixes and Structures of Basic Elements
**********************/
.RadGrid { border: 0px solid #ccc !important; width: 98% !important; margin: 10px auto; }
.RadGrid .RadGrid { width: 100% !important; margin: 0px; }
.rgMasterTable { /* margin: 1%; */ /* width: 98% !important; */ border: 1px solid #ccc; box-shadow: 2px 2px 4px #ccc; border-radius: 0px;font: 14px "roboto",Arial,Helvetica,sans-serif !important;color: #121212 !important;}
.rgRow td, .rgAltRow td { padding: 8px 4px !important; vertical-align: middle; }
.rgHeader, th {border: 0px !important; }
.rgDetailTable .SectionHeader { display: block; color: #333 !important; /* padding: 17px 0px 2px 0px !important; */ /* border-bottom: 1px solid #ccc; */ /* margin-bottom: 6px; */ }
.rgRow {background-color: #FFFFFF !important;}
.rgAltRow {background-color: #f5f5f5 !important;}
.rgSelectedRow { background-color: #d7e8fe !important; }
tr.rgNoRecords * { padding: 5px; }
.reDropDownBody {z-index:999999999 !important;}
.RadGrid_Default .rgAltRow {background-color: #f5f5f5 !important;}
.rgDetailTable .fluidcontainer_6 {background-color: #fff;}
.RadSearchBox .rsbInput {width:100% !important;height: 20px;}
.rgMasterTable td .fluidcontainer_6 {border: 1px solid #ccc;margin: -2px 0 10px 0;padding: 10px 0;width: 100%;background-color: #fff;}
.rgRow + tr:not(.rgAltRow) > td, .rgAltRow + tr:not(.rgRow) > td {background-color: #f5f5f5;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.rgDetailTable > tbody > tr > td {padding: 0 !important;border: 0px;background-color: transparent !important;}
.rgDetailTable {border-width: 0px !important;background-color: transparent;}
.rgDetailTable > tbody > tr,.rgDetailTable > tbody > tr.rgHoveredRow {background-color: transparent !important;}
.racTokenList {height: 26px;}
.racTokenList .racInput {height: 22px;}
.RadListBox label {margin-top: 0 !important;padding-top: 0 !important;}
.RadScheduler .rsWrap { z-index: auto !important; }
.RadSearchBox_Default {font:inherit !important;}
.RadComboBox_Default {font:inherit !important; padding:inherit !important}
th.rgHeader a {color: #054f82 !important;font-weight: 700 !important;text-decoration: none !important;}
th.rgHeader{font-weight: 700 !important;text-decoration: none !important; border-bottom: 1px solid #C4C4C4 !important; padding: 8px 4px !important;}
.rgPagerCell {float: right;}
/***********************
OneFlow Birthday
**********************/
.birthday { position: fixed; bottom: 0; left: 0; padding: 4px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: rgba(0,0,0,.4); color: rgba(0,0,0,.7); background-color: rgba(255,255,204,.9); border-radius: 0px 10px 0px 0px; }
.birthday:before { content: "\f1fd"; color: rgb(61, 178, 229); }

/* Progress Bar*/
.ProgressPosition { width: 98%; text-align: center; margin: 20px 1% 0px 1%; position: relative; }
.ProgressBar {background-color: #e4e4e4;border: 0px solid #dfdfdf;padding: 2px;width: 100%;border-collapse: separate !important;border-radius: 10px;/* overflow: hidden; */}
.ProgressBarComplete {height: 12px;background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );background-image: -moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );background-image: #77d42a;position: relative;overflow: visible;border: 0;border-radius: 6px 0 0 6px;}
.ProgressBarIncomplete {height: 12px;background-color: #ffffff;border-radius: 0 6px 6px 0;}
.ProgressBarComplete:after {content: "";width: 16px;height: 16px;background-color: rgb(240, 255, 33);position: absolute;top: -3px;right: -6px;border-radius: 300px;border: 1px solid #b3b3b3;}
.ProgressValue { font-size: .75em; position: absolute; right: 50px; top: -15px; }
.ProgressLabel { font-size: .75em; position: absolute; top: -15px; right: 0px; color: #3EC33E; text-transform: capitalize; }
.ProgressSeparation { width: 5px; }
.ProgressFooter { display: none; }
.ProgressBar td { min-width: 0.001% !important; display: inline-block; }

/*asp calendar * Ajax Calendar*/
.ui-datepicker-header.ui-widget-header {background-color:#459ad3;}
.ui-datepicker-title select { display: inline-block; }
.MyCalendar { position: relative; }
    .Calendar_Container, .MyCalendar .ajax__calendar_container {
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff, 2px 2px 5px 1px #9d9d9d; /* -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff, 2px 2px 5px 1px #9d9d9d; */ /* box-shadow:inset 0px 1px 0px 0px #ffffff, 2px 2px 5px 1px #9d9d9d; */ /* background-color:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); */
        background-color: #fff;
        background-image: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
        -moz-border-radius: 6px; /* -webkit-border-radius:6px; */ /* border-radius:6px; */
        border: 1px solid rgb(206, 206, 206);
        border-collapse: separate !important;
        padding: 4px;
    }
.CalendarHeaderRow, .CalendarHeaderRow tr {
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background-color: #3d94f6; 
    /* -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; */ /* box-shadow:inset 0px 1px 0px 0px #97c4fe; */ /* background-color:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); */
    background-image: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0px #1570cd;
}
.CalendarHeaderColumn a:link {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #ffffff;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
    background-image: -moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    padding: 0px 4px;
    margin: 2px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    text-decoration: none !important;
}
.SelectedDayStyle, .SelectedDayStyle td, .MyCalendar .ajax__calendar_active .ajax__calendar_day { background-color: #3d93f6 !important; font-weight: bold; color: white; }
.SelectedDayStyle a:link { text-decoration: none; display: block; }
.DayHeaderStyle, .DayHeaderStyle td { font-size: 8pt; color: Black; background-color: #D2E3F2; }
.DayStyle, .DayStyle td { background-color: #ffffff; text-decoration: none; color: Black; border: 1px solid #ebebeb; }
.MyCalendar .ajax__calendar_day { background-color: #ffffff; text-align: center; text-decoration: none; color: Black; margin: 1px; }
.DayStyle a:link { text-decoration: none; }
.OtherMonthDayStyle, .OtherMonthDayStyle td, .MyCalendar .ajax__calendar_other .ajax__calendar_day { background-color: #e5e5e5 !important; text-decoration: none; color: black; }
.OtherMonthDayStyle a, .MyCalendar .ajax__calendar_other .ajax__calendar_day a { text-decoration: none !important; }
.ajax__calendar td { padding: 0px !important; }
.calHelper, .timeHelper {position: relative;width: 1px;overflow: visible;display: inline-block;vertical-align: bottom;height: 1px;background-color: #ccc;}
.calHelper .ui-datepicker{position: absolute !important;top: 0px !important;left:auto !important;}
.timeHelper .ui-timepicker-wrapper {position: absolute;top: 0px !important;left:0px !important;right:auto !important;}
/* End Calendar Styles */

/***********************
OneFlow Jquery SpellCheck
**********************/
.fancybox-skin, .fancybox-outer, .fancybox-inner { height: 300px !important; }


/***********************
 Content Manager Dialog Styles
**********************/
.Loader { background:#fff url(../../images/icons/loader.gif) no-repeat center center !important; }


/***********************
Do not Use these Classes or modifiy it used in OneFlowUICommon.js MobileHelper Function
**********************/
.GridList, .rgMasterTable { visibility: visible;position:relative; }
.GridList:before, .rgMasterTable:before {visibility: Visible;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(242, 249, 255);text-align: center;background-position: center center;padding: 20px;box-shadow: 0 0 10px 5px rgb(242,249,255);box-sizing: border-box;font: 16px arial;z-index: 9;}
.GridList:after, .rgMasterTable:after {visibility: Visible;-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;content:"\f110";font-family:FontAwesome;position: absolute;top: 50%;left: 50%;box-sizing: border-box;font-size: 30px;line-height: 30px;width: 30px;height: 30px;margin-left: -15px;color: #0066cc;margin-top: -15px;z-index: 10;}
.GridList.loaded, .rgMasterTable.loaded { visibility: visible;display:table; }
table.GridList.NoMobile {display:table !important; visibility:visible;}
.GridList.loaded:before, .rgMasterTable.loaded:before,
.GridList.loaded:after, .rgMasterTable.loaded:after {display:none;}
.GridList .GridList:before, .rgMasterTable .rgMasterTable:before,
.GridList .rgMasterTable:before, .rgMasterTable .GridList:before,
.rgMasterTable .GridList:before, .GridList .rgMasterTable:before,
.rgDetailTable .rgMasterTable:before,
.GridList .GridList:after, .rgMasterTable .rgMasterTable:after,
.GridList .rgMasterTable:after, .rgMasterTable .GridList:after,
.rgMasterTable .GridList:after, .GridList .rgMasterTable:after,
.rgDetailTable .rgMasterTable:after, table.GridList.NoMobile:before, table.GridList.NoMobile:after
 {display:none;}
 .GridList .GridList, .rgMasterTable .rgMasterTable,
.GridList .rgMasterTable, .rgMasterTable .GridList,
.rgMasterTable .GridList, .GridList .rgMasterTable,
.rgDetailTable .rgMasterTable
{visibility:visible;}

/* Scroll GridView Helper Classes */
.GridList.Scroll {Display:none !important;}
.ScrollGrid {  height: 300px;overflow: auto;width: 98%;margin: 0px auto 10px auto;border: 1px solid #CCC;position: relative;}
.ScrollGrid .GridList {width: 100% !important;margin:0px;}
.GridList.ScrollHeader {margin-bottom:0px;}

/*Filter Menus*/
div.filterPanel {position: relative;display: inline-block;display:none;}
.FilterMenu {position: absolute;right: 100%;margin-right: 8px;top: 0px;border: 1px solid #ccc;width: 264px;text-align: left;background-color: #fff;z-index: 99999;box-shadow: -1px 1px 8px #333;}
.FilterMenu:after { content: ""; position: absolute; right: -15px; top: 4px; border-style: solid; border-width: 12.5px 0 12.5px 15px; border-color: transparent transparent transparent #ccc; }
    .FilterMenu .SectionRow {margin-bottom: 10px;}
    .FilterMenu .SectionHeader {font-size: 1.5em;}
.FiltersBox {/* height: 250px; *//* overflow-y: scroll; */border-bottom: 1px solid #ccc;}
label.FilterSubToggle {display: block;background-color: #e5e5e5;padding: 4px;margin: 0 !important;border: 1px solid #ccc;}
.SectionRow .SectionLinkBlock .FilterMenu select:not(.ui-datepicker-month):not(.ui-datepicker-year), .SectionRow .SectionLinkBlock .FilterMenu input[type=text] {width: 100%;margin: 0 0 10px 0;}
.SectionRow .SectionLinkBlock .FilterMenu label {margin-top: 10px; color:#333;}
.SectionRow .SectionLinkBlock .FilterMenu input+label {margin-top: 0;}
.FiltersBox .RadListBox { width: 100%; }
.FiltersBox .rlbGroup { border: 0px; }
.FiltersBox .rlbGroup label { padding: 0px; }
.FilterButtons { display: table; width: 100%; }
.FilterButtons .btn {display: inline-block;width: 50%;padding: 10px 0px;border: 0px;margin: 0px;border-radius: 0px;}
    .Filts { display: inline-block; padding: 0px 6px; border-right: 2px dotted #ccc; }


/*Tiles*/
.tile {background-color: #ececec;border: 1px solid #e0e0e0;border-radius: 5px;box-shadow: 0 10px 20px -10px rgba(0,0,0,.5);}
.tile .tile-content {margin: 10px;}
.tile .tile-header {background-color: rgba(0,0,0,0.05);padding: 7px;text-align: center;}
.tile-header .SectionRow {border-bottom: 0px;}
.fluidcontainer_6 .tile .tile-header .SectionRow .SectionHeader {color: rgba(0, 0, 0, 0.5) !important;font-weight: 300;text-transform: uppercase;font-style: normal;}
.tile.blue {background-color: #d6e8f9;}
.tile.green {background-color: #d6f9dc;}
.tile.red {background-color: #f9d6d6;}
.tile.yellow {background-color: #f3f9d6;}
.tile.darkgrey {background-color: #4c4c4c;color: #fff;}
.tile.darkgrey label {color:#fff}
.fluidcontainer_6 .tile.darkgrey .tile-header .SectionRow .SectionHeader {color:rgba(255,255,255,.8) !important}
.tile .tile-buttons a {margin: 0;padding: 0;display: block;border-radius: 0;border: 1px solid #dadada !important;border-top: 0 !important;border-right: 0 !important;border-left: 0 !important;padding: 10px;white-space: normal;}
.tile .tile-buttons a:first-child {border-top: 1px solid #dadada !important;}


/* GridList Compact view */
/* Mobile Events and GridList Rewrite to show as cards */
.SMLC { font-size: 13px; padding: 2px 4px; border-top: 1px solid #ccc; /* display: flex; */ }
.MobileListContent .SMLC:first-child { /* min-height: 62px; */ /* margin-right: 41px; */ }
.MobileGridlist { /* border: 1px solid #ccc; */ padding: 6px; }
.MobileListContent:hover { box-shadow: 0 0 6px 1px #0066cc; }
.MobileListContent .SMLC:nth-child(even) { background-color: #f5f5f5; }
.MobileListContent .SMLC:last-child { border-bottom: none; }
.MobileListContent { border: 0 solid #ccc; margin-bottom: 6px; box-shadow: 0 0 6px 1px #ccc; position: relative; display: flex; background-color: #fff; }
.MobileHeader { font-weight: bold; display: block; line-height: 1; padding: 4px 0; }
span.MobileHeader:after { content: " : "; }
.MobileContent { width: 100%; display: block; margin-left: 5px; padding: 0px 0 4px 0; }
.SMLCAI { width: 49px; border-left: 1px solid #ccc; text-align: center; position: relative; /* padding-top: 30px; */ }
.SMLCcontent { width: 100%; }
.SMLC.NoData { display: block; background-color: #FFFFE6; padding: 2px; text-align: left; border: 1px solid #ccc; font-style: italic; color: #8A3400; }
.MXAI { padding: 4px; }
.MXAI .btnBox > .btn {margin: 0 0 5px 0;width: 33px;font-size: 18px !important;padding: 0px 4px;box-sizing: border-box;}
.MXAI .Options .btn {font-size: 14px !important;}
.MXAI .Options:before { content: "\f013"; font-size: 1.5em; }
.MXAI .Options ul {top: -2px !important;right: 34px !important;}
.MXAI .Options:hover:before {content: "\f013";width: auto;margin-right: 0;padding-right: 0;}
.MXAI .Options:hover ul:before {content: "\f0da";position: absolute;top: 0;right: -11px;font-family: fontawesome;color: #616161;font-size: 2em;}
.MXAI .Options {padding: 2px 5px;}
.MXAI .btnBox {font-size: 15px;}
.SMLC.DetailsPane {border: 0;}
.SMLC.DetailsPane > .btn {display: block;margin: 0;padding: 4px;border-radius: 0;border: 0;}

.MPaginationBox:not(.RadHelper) { padding: 10px; font-size: 18px; }
.MPaginationBox:not(.RadHelper) span, .MPaginationBox:not(.RadHelper) a { padding: 10px; display: inline-block; border: 1px solid #e0e0e0; margin: 0px 4px; text-decoration: none; color: #333; border-radius: 4px; }
.MPaginationBox:not(.RadHelper) span { color: #fff; background-color: #459AD3; }
/*Icons for Schedul control for compact grid structure*/
.ScheduleList .MobileContent .IconSet {position: absolute;left: 0px;top: 0px;}
.ScheduleList .MobileContent .IconSet .FeaturedItem:before {content: "\f005  - Featured";background-color: rgb(255, 170, 0);width: 100%;display: block;color: rgb(255, 255, 255) !important;/* font-family: arial; */text-shadow: none !important;font-size: 16px;/* position: absolute; */top: 0px;left: 0px;margin: 0px;padding: 4px 0px;}
.ScheduleList .MobileContent .IconSet .ico.FeaturedItem { width: 100%; }
.ScheduleList .MobileContent .IconSet {position: absolute;top: 0;left: 0;width: 100%;}
.ScheduleList .MobileContent .IconSet .ico.FeaturedItem { left: 0px !important; }
.ScheduleList .MobileContent .SpriteMenu { position: relative; top: 0px !important; left: 0px !important; width: 100% !important; white-space: normal; padding: 0px; background-color: rgba(0, 0, 0, 0) !important; color: #333; text-align: left !important; box-shadow: none !important; border: none !important; border-top: 1px solid rgb(204, 204, 204) !important; padding: 0px !important; display: none; margin-top: 10px; }
.ScheduleList .MobileContent .btn.Info.Sprite.RMenu:hover { background-color: rgba(0, 0, 0, 0) !important; }
.ScheduleList .MobileContent .btn.Info.Sprite.RMenu:before {display: block;padding: 0px;margin: 0px;width: 100%;font-family: arial;text-align: center !important;content: "Quick Description";background-color: transparent;color: rgb(0, 113, 189);box-sizing: border-box;}
.ScheduleList .MobileContent .btn.Info.Sprite.RMenu {text-align: center;box-shadow: none;border: 0px;outline: none;background-color: transparent;padding: 4px 0 0 0;margin: 0;width: 100%;display: block;box-sizing: border-box;}
.ScheduleList .MobileContent .Sprite.RMenu .SpriteMenu:before, .ScheduleList .MobileContent .Sprite.RMenu .SpriteMenu:after { display: none; }
.MobileGridlist .MobileCaption {background-color: #0066cc;color: #fff;padding: 6px;text-align: center;outline: 1px solid #ccc;}
.MobileGridlist .MobileCaption .btn {margin: 0;padding: 0px 8px;margin-top: -1px;float: right;font-size: 13px !important;}
/*InContext Help*/
#HelpDialog .SectionRow .SectionHeader.HelpHeader {font-size: 2em !important;margin: 0 0 10px 0;}
#HelpDialog .SectionRow {margin-bottom: 20px; border-bottom:1px solid #ccc !important}


/*Mobile Overides */

/***************
 * Base Structure Overides *
 * ***************/
.Mobile .SectionLinkBlock span, .Mobile .SectionLinkBlock label, .Mobile .SectionLinkBlock .Label, .Mobile .SectionLinkBlock .label { /* color:#fff !important; */ }
.Mobile div.PaginationBox { display: block; padding: 0px 1%; background-color: #f1f5fb !important; font: 12px/16px "segoe ui" ,arial,sans-serif; height: 30px; margin-top: -9px; width: 98%; margin: 0px; margin-bottom: 0px; border: none; border-bottom: 1px solid gray; }
.Mobile .RadGrid {margin: 0px;width: 100% !important;/* overflow: auto; */}
.Mobile .MobileListContent .Options { /* position: absolute; */ /* top: 8px; */ /* right: 13px; */ }
.Mobile .TDAlpha { height: 24px; width: 100% !important; }
.Mobile .SectionLinkBlock .RadDropDownList { width: 98% !important; margin: 1%; }
.Mobile .SpriteMenu {width: 100% !important;position: relative !important;top: auto !important;left: auto !important;min-width: 0 !important;box-sizing: border-box;}
.Mobile .SpriteMenu span {white-space:pre-wrap}
.Mobile .ui-dialog .btn.Sprite {margin: 0;border: 1px solid #333;border-radius: 0;box-shadow: none;background-color: #bdfba5 !important;padding: 10px;}
.Mobile .RadGrid table tbody tr.rgRow,
.Mobile .RadGrid table tbody tr.rgAltRow {display: flex;flex-flow: row;flex-wrap: wrap;width: 100%;position: relative;-webkit-align-items: center;align-items: flex-start;-webkit-justify-content: center;justify-content: flex-start;align-content: flex-start;}
.Mobile .RadGrid table tbody tr.rgRow td.rgExpandCol,
.Mobile .RadGrid table tbody tr.rgAltRow td.rgExpandCol  {width: 30px;box-sizing: border-box;position: absolute;top: 0;left: 0;}
.Mobile .RadGrid table tbody tr.rgRow td:not(.rgExpandCol),
.Mobile .RadGrid table tbody tr.rgAltRow td:not(.rgExpandCol) {width: 100% !important;margin-left: 30px;/* height: 0px; */}
.Mobile .RadGrid table tbody tr:not(.rgRow):not(.rgAltRow) tr.rgRow td:not(.rgExpandCol), .Mobile .RadGrid table tbody tr:not(.rgRow):not(.rgAltRow) tr.rgAltRow td:not(.rgExpandCol) {margin-left: 0;}
.Mobile .RadGrid table tbody tr.rgRow.noExpandCol td:not(.rgExpandCol),
.Mobile .RadGrid table tbody tr.rgAltRow.noExpandCol td:not(.rgExpandCol) {margin-left: 0px;}
.Mobile .RadGrid thead {display: none;}
.Mobile .RadGrid .rgFooter {display:none;}
.Mobile .RadGrid tbody tr:not(.rgRow):not(.rgAltRow) .rgExpandCol {display:none;}
.Mobile .RadGrid td .fluidcontainer_6 {border: 1px solid #ccc;margin: 2%;box-sizing: border-box;width: 96%;}
.Mobile .RadGrid .rgRow + tr td {/* background-color: #e3eef0; */border-top: 0px;}
.Mobile .RadGrid .rgAltRow + tr td {/* background-color: #fff; */border-top: 0px;}
.Mobile .RadGrid .btnBox {top: 0;position: absolute;right: 0;width: 42px;background-color: #fff;height: 100%;bottom: 0;border-left: 1px solid #ccc;}
.Mobile .RadGrid .btnBox a:before {font-size: 20px;padding: 4px !important;display: inline-block;border: 1px solid #ccc;border-radius: 6px;margin: 4px;}
.Mobile .RadGrid .btnBox a {font-size: 0 !important;border-left: 0;}
.Mobile .RadRating {height:auto !important;}
.MobileValueText {font-size: 1.5em;line-height: initial;}
.MobileColName {display: block;padding-bottom: 2px;font-size: .8em;font-weight: bold;border-bottom: 1px solid #ccc;margin-bottom: 4px;}
.Mobile .UTimeZone, .Mobile .helpToggle,.Mobile .custPage, .Mobile #divLocationPreference {display: none;}
.Mobile .ui-dialog {width: 91% !important;left: 4% !important;transform: translate(0,0);}
.Mobile .ui-dialog-buttonset .ui-button {margin: 0 !important;vertical-align: top;font-size: 17px !important;border: 1px solid #333 !important;border-radius: 4px !important;margin-right: 20px !important;}
.Mobile .Sprite table td {display:block;}
.Mobile .ModalDialog {
    width: 95% !important;
}

/*Links to navigate to a section of a long page with multiple sections that can be opened and closed*/
.subnav {list-style: none; margin: 0; padding-inline-start: 0}
.subnavlink {display: inline-block; border-right: 1px solid; margin: 6px 0;}
.subnavlink:last-child {border-right: none}
.subnavlink a {text-decoration: none; padding:0 10px 0 7px;}

/*Pilot/demo warning/notification messages in top bar*/
.PilotNoticeStaff { outline: 2px solid #DE4644; padding: 2px 8px; border-radius: 40px; font-weight: 600; font-style: italic; margin-right: 40px; }
.PilotNoticeClient { outline: 2px solid #DE4644; padding: 2px 8px; border-radius: 40px; font-weight: 600; font-style: italic; margin-right: 40px; }