﻿/**
* Main Page Format Styles
**/

* {
    font-family: Arial, Helvetica, Verdana;
    font-size: 8pt;
}

BODY {
    background-color: white;
    font-weight: 400;
    font-size: 8pt;
    color: black;
}

P {
    margin: 0px;
    padding: 0px;
}

.StaticLink {
    background-color: white;
    font-weight: 700;
    font-size: 8pt;
    color: black;
}

.StaticLinkSeperator {
    background-color: white;
    font-weight: 700;
    font-size: 8pt;
    color: black;
    padding-left: 0px;
    padding-right: 5px;
}

.DivisionSectionSeparator {
    height: 0px;
    line-height: 0px;
    /*    color: Black;
    background-color: Black;
    font-size: 0pt;
    line-height: 0pt;*/
}

#__division {
    /*    background-image: url(/Images/GradientGen.aspx?width=1&height=30&TopColorHeight=0&Format=4&StartColorCode=%23dadada);*/
}

.SectionLabel {
    font-weight: 700;
    font-size: 9pt;
    color: #000000;
}

.RecentLink {
    background-color: white;
    font-weight: 400;
    font-size: 8pt;
    color: black;
}


/**
* Button Styles
**/

.ColoredButton,
.SmallColoredButton,
.SmallSelectedColoredButton,
.SmallNavButton,
.ui-widget.ui-button.ui-state-default,
button.ui-button {
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
    /*background: #dddddd url('/Images/Gradients/1_30_DDDDDD.png') repeat-x;*/
    border: solid 1px #aaaaaa;
    /*padding: 3px 5px;*/
    min-width: 57px;
}

.SmallcoloredButton,
.SmallSelectedColoredButton {
    height: auto !important;
}

.ui-widget.ui-button.ui-state-default {
    border-radius: 0px;
}

.ui-dialog-buttonset button.ui-widget.ui-button.ui-state-default {
    margin: 0 3px;
    padding: 0 5px;
}

button.ui-button {
    padding: 0 !important;
}

.SpecialButton {
    color: #000000;
    border: 1px solid #333;
    font-size: 12px;
}

div.richText * {
    font-size: inherit;
    font-family: inherit;
}

div.richText span {
    font-size: inherit;
}

div.richText h1 {
    display: block !important;
    font-size: 2em;
    font-weight: normal;
    color: #000000;
}

div.richText h2 {
    display: block !important;
    font-size: 1.5em;
    font-weight: normal;
    color: #000000;
}

div.richText h3 {
    display: block !important;
    font-size: 1.17em;
    font-weight: normal;
    color: #000000;
}

div.richText h4 {
    display: block !important;
    font-weight: normal;
    color: #000000;
}

div.richText h5 {
    display: block !important;
    font-size: .83em;
    font-weight: normal;
    color: #000000;
}

div.richText h6 {
    display: block !important;
    font-size: .67em;
    font-weight: normal;
    color: #000000;
}

div.richText {
    margin: 4px !important;
}

div.richText ol li {
    list-style-type: decimal !important;
}

div.richText ol {
    padding: 10px 30px !important;
}

div.richText ul {
    padding: 10px 30px !important;
}

div.richText ul li {
    list-style-type: disc !important;
}


/**
* Tab Styles
**/

.NormalTab {
    background-color: #DDDDDD;
    font-weight: 700;
    font-size: 8pt;
    color: #333333;
    cursor: pointer;
    border-top: solid 2px #FFFFFF;
    border-bottom: solid 1px;
    height: 30px;
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.TabLink {
    font-weight: 700;
    font-size: 8pt;
    color: white;
    text-decoration: none;
}

.TabLinkSelected {
    font-weight: 700;
    font-size: 8pt;
    color: #FFFFFF;
    text-decoration: none;
}

.TabBox {
    width: 100%;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    background-repeat: repeat-x;
}

.TabBoxComplete {
    width: 100%;
    border: solid 1px;
    background-repeat: repeat-x;
}

.SelectedTab {
    background-color: #FFFFFF;
    font-weight: 700;
    font-size: 8pt;
    border-left: solid 1px;
    border-right: solid 1px;
    border-top: solid 4px;
    height: 30px;
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.DisabledTab {
    background-color: #EEEEEE;
    font-weight: 700;
    font-size: 8pt;
    color: #777777;
    border-top: solid 2px #FFFFFF;
    border-bottom: solid 1px;
    height: 25px;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    cursor: not-allowed;
}

.TabBarFill {
    background-color: #FFFFFF;
    font-weight: 700;
    font-size: 9pt;
    color: #333333;
    border-bottom: solid 1px;
}

.SubMenuBar {
    font-weight: 700;
    font-size: 8pt;
    color: #FFFFFF;
}

.SubMenuItem {
    font-weight: 700;
    font-size: 8pt;
    color: #FFFFFF;
}

.SubSubMenuBar {
    background-color: #DCDCDC;
    font-weight: 700;
    font-size: 8pt;
    color: black;
}

.SubSubMenuItem {
    font-weight: 700;
    font-size: 8pt;
    color: #000000;
}

.SelectedSubMenu {
    background-color: #DCDCDC;
    font-weight: 700;
    font-size: 9pt;
    color: #FFFFFF;
}

.TabItem {
    width: 150px;
    max-width: 150px;
    text-align: center;
    height: 25px;
    white-space: normal;
}


/**
* New Menu/Header Styles
**/

.SearchButton {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 8pt;
    height: 18px;
    width: 65px;
    border-top: solid 1px #EFEFEF;
    border-left: solid 1px #EFEFEF;
    border-right: solid 1px #444444;
    border-bottom: solid 1px #444444;
    margin-right: 2px;
    position: relative;
    top: -1px;
}

.SearchTextBox {
    height: 18px;
    width: 120px;
    border-top: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    border-bottom: solid 1px gray;
}

table.NewHeaderSection {}

td.NewHeaderLogo {
    vertical-align: middle;
    text-align: left;
}

td.NewHeaderLinks {
    vertical-align: top;
    white-space: nowrap;
    padding-top: 5px;
    padding-right: 10px;
}

td.NewHeaderLinks table {
    border: 0px;
}

table.MenuMain {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

div.MainMenuSection {
    background-image: url(/Images/GradientGen.aspx?width=1&height=40&TopColorHeight=0&format=4&StartColorCode=%23DDDDDD);
    color: black;
}

td.MainMenuStartButton {
    cursor: pointer;
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 10px;
    white-space: nowrap;
}


/*.SelectedMainMenuItem
{
    background-image: url("/Images/GradientGen.aspx?width=1&height=31&TopColorHeight=0&Format=4&StartColorCode=@{colorMainEscaped}");
    background-repeat: repeat-x;
    vertical-align: middle;
    
    font-size: 8pt;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    border-top: 1px solid;
}*/

.SelectedMainMenuItem {
    cursor: pointer;
    vertical-align: middle;
    color: #236377;
    font-size: 1.1rem;
    font-weight: inherit;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}


/*.SelectedMainMenuItemHover
{
    background-image: none;
    vertical-align: middle;    
    font-weight: 700;
    font-size: 8pt;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}*/

.SelectedMainMenuItemHover {
    cursor: pointer;
    vertical-align: middle;
    color: #236377;
    font-size: 1.1rem;
    font-weight: inherit;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.MainMenuItem {
    cursor: pointer;
    vertical-align: middle;
    color: #236377;
    font-size: 1.1rem;
    font-weight: inherit;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    /*border-top: 1px solid #CCCCCC;*/
}

.MainMenuItemHover {
    cursor: pointer;
    vertical-align: middle;
    color: #236377;
    font-size: 1.1rem;
    font-weight: inherit;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    border-bottom: 2px solid red;
}

div.NewMenuDropDownList {
    z-index: 999;
    position: absolute;
    display: none;
    visibility: hidden;
    border: solid 1px gray;
    background-color: white;
    width: 250px;
}

div.NewMenuDropDownListItemSeperator {
    border: 0;
    padding: 2px 5px 0px;
}

div.NewMenuDropDownListItemSeperatorHover {
    border: 0;
    padding: 2px 5px 0px;
    white-space: nowrap;
}

div.NewMenuDropDownListItem {
    background-color: white;
    cursor: pointer;
    font-size: 8pt;
    font-weight: 700;
    color: Black;
    position: relative;
    padding: 5px;
    white-space: nowrap;
}

div.NewMenuDropDownListItemHover {
    border: solid 1px #CCCCCC;
    background-color: #DDDDDD;
    cursor: pointer;
    font-size: 8pt;
    font-weight: 700;
    color: Black;
    position: relative;
    padding: 4px;
    white-space: nowrap;
}

td.MainMenuSectionSearch {
    width: 100%;
    color: black;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #CCCCCC;
}

td.MainMenuSectionSearch .SmallBold {
    font-size: 8pt;
    font-weight: 700;
    color: black;
}

td.MainMenuSectionSearch input {
    font-size: 8pt;
}

td.MainMenuSectionSearch .SmallColoredButton {
    font-size: 8pt;
    font-weight: 700;
    background-image: none;
    padding-right: 0;
    padding-left: 0;
}

div.MainMenuHomeImageIE {
    padding-left: 10px;
    width: 22px;
    height: 21px;
    background: transparent url("/Images/Buttons/house-black.gif") no-repeat top left;
}

div.MainMenuHomeImage {
    padding-left: 10px;
    width: 22px;
    height: 21px;
    background: transparent url("/Images/Buttons/house-black.png") no-repeat top left;
}

div.SecondLevelMenuSection {
    font-size: 8pt;
    padding: 8px 10px;
    white-space: nowrap;
}

td.SecondLevelMenuHeader {
    font-size: 8pt;
    font-weight: 700;
    padding-left: 7px;
    padding-right: 7px;
    white-space: nowrap;
    vertical-align: top;
}

td.SecondLevelMenuItems {
    white-space: normal;
    vertical-align: top;
}

.SelectedSecondLevelMenuItem {
    font-size: 8pt;
    font-weight: 700;
    padding-left: 7px;
    padding-right: 7px;
    white-space: nowrap;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.SelectedSecondLevelMenuItemWithSubItems {
    font-size: 8pt;
    font-weight: 700;
    padding-left: 7px;
    padding-right: 7px;
    white-space: nowrap;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.SelectedSecondLevelMenuItemWithSubItems a {
    font-size: 8pt;
    font-weight: 700;
    text-decoration: none;
}

.SecondLevelMenuItem {
    font-size: 8pt;
    font-weight: 300;
    padding-left: 7px;
    padding-right: 7px;
    white-space: nowrap;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.SecondLevelMenuItem a {
    cursor: pointer;
    font-size: 8pt;
    font-weight: 500;
    white-space: nowrap;
    display: inline;
}

div.ThirdLevelMenuSection {
    font-size: 8pt;
    background-color: #DDDDDD;
    padding: 5px 10px;
    white-space: nowrap;
}

td.ThirdLevelMenuItems {
    white-space: normal;
    vertical-align: top;
}

div.SelectedThirdLevelMenuItem {
    font-size: 8pt;
    font-weight: 700;
    padding-left: 7px;
    padding-right: 7px;
    white-space: nowrap;
    display: inline;
}

div.ThirdLevelMenuItem {
    font-size: 8pt;
    font-weight: 300;
    padding-left: 7px;
    padding-right: 7px;
    white-space: nowrap;
    display: inline;
    zoom: 1;
}

div.ThirdLevelMenuItem a {
    cursor: pointer;
    font-size: 8pt;
    font-weight: 500;
    color: black;
    white-space: nowrap;
    display: inline;
}


/**
* Demo Menu Tab Styles
**/

.TabContainer {
    padding: 0;
    margin: 0;
    width: 100%;
    background: gray;
}

.page-container {
    margin: 15px;
}

.button-area {
    float: right;
    margin-top: 4px;
    margin-bottom: 15px;
}

.saig-dropdown-toggle {
    min-width: 32px;
    width: 32px;
    background-color: #eee;
}

.tab-content {
    /*    padding: 8px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;*/
}


/* Styles to be used with Bootstrap based forms */


/* ************************************* */


/* TODO: Needs to be replaced by LESS variable for right/left based on RTL */


/*
.TabContent {
    padding: 8px;
}

.MsgIcon {
    vertical-align:text-top;
    float:left;
    margin-right : 8px;
    margin-bottom : 8px;
}


.MainPageContainer {
    margin: 16px;
}

.PageFluidContainer {
 
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.MainSectionHeader
{
    font-size : 14pt;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 14px;
    color: #ae1b44;
}

.PageSectionHeader
{
    font-size : 10pt;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #646872;
}

.PageHalfArea
{
    // Bootstrap .col-md-4 .row 
    width: 33.3333333%;

    margin-left: -15px;
    margin-right: -15px;
}

.Required label
{
    background-color: #ff0000;
    color: #ffffff;
}

.StaticFormControl {
    // Bootstrap .form-control 

display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
background-color: #f0f0f0;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
    */


/*
.PrimaryButton {
    height: 39.9px;
    min-width: 85px;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #ae1b44;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13.006px;
    color: #fff;
    background-color: #ae1b44;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
    cursor: pointer;
}*/


/*
.PrimaryButton:hover {
        border: 1px solid #a51444;
        background-color: #a51444;
    }
*/


/*
.SecondaryButton
{
    height: 39.9px;
    min-width: 85px;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #ae1b44;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13.006px;
    color: #ae1b44;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
    cursor: pointer;
}

.SecondaryButton:hover {
        border: 1px solid #ae1b44;
        background-color: #ae1b44;
        color: #ffffff;
    }

.CancelButton {
    height: 39.9px;
    min-width: 85px;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #fff;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13.006px;
    color: #ae1b44;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
    cursor: pointer;
    box-shadow: none;
    text-transform: none;
}
*/

.PrimaryButtons {
    display: inline;
    /*float:left;*/
}

.SecondaryButtons {
    display: inline;
    float: right;
}


/* ************************************* */

.DemoTabContainer {
    padding: 0;
    margin: 0;
    width: 100%;
    background: gray;
}


/**
* Navigation Bar
**/

.NavBar {
    background-color: #DADADA;
    text-align: center;
    font-weight: 700;
    font-size: 9pt;
    color: white;
}

.NavBarText {
    background-color: #DADADA;
    text-align: center;
    height: 15px;
    font-weight: 700;
    font-size: 9pt;
    color: black;
}

.NavButtonBar {
    background-image: url(/Images/GradientGen.aspx?width=1&height=30&TopColorHeight=0&Format=4&StartColorCode=%23dadada);
    text-align: left;
    font-weight: 700;
    font-size: 9pt;
    color: black;
}


/**
* Today Plugin Styles
**/


/* undo "line height = 25px" needed for legacy stuff */

.PluginConfigWrapper .EditLabel,
.PluginConfigWrapper .EditLabelRequired,
.PluginConfigWrapper .EditLabelRequiredLeft {
    line-height: 12px;
}

.PluginConfigWrapper .EditLabel,
.PluginConfigWrapper .EditLabelRequired {
    padding: 2px 4px 2px 4px;
}

.PluginConfigWrapper .EditValue {
    padding: 2px 2px 2px 5px;
}

.PluginConfigWrapper .ui-datepicker-trigger {
    vertical-align: middle;
}

.PluginConfigWrapper input[type="checkbox"] {
    margin-left: 0;
}

.PluginHeader {
    background-image: url(/Images/Gradients/1_30_2_23dadada.png);
    background-color: #dadada;
    background-repeat: repeat-x;
    text-align: left;
    font-weight: 700;
    font-size: 8pt;
    height: 20px;
    color: black;
}

.PluginHeaderAction {
    background-image: url(/Images/Gradients/1_30_2_23dadada.png);
    background-color: #dadada;
    background-repeat: repeat-x;
    text-align: right;
    font-weight: 700;
    font-size: 8pt;
    height: 20px;
    color: black;
}

.PluginSectionBreak {
    background-color: #ECE9D8;
}

.PluginHeaderLabel {
    background-color: #FFFFFF;
    text-align: left;
    font-weight: 700;
    font-size: 8pt;
    color: black;
    border-bottom: #ECE9D8 1px solid;
}

.PluginRowDark {
    background-color: #ffffff;
}

.PluginRowLight {
    background-color: #ffffff;
}

.PluginContainer {
    /*border: 1px solid;*/
    background-color: White;
}

.EmptyDashboard h2 {
    margin: 12px 0px;
}

.EmptyDashboard div {
    margin: 12px 0px;
}


/**
* Folder Tree Styles
**/

.SelectedFolder {
    background-color: Navy;
    vertical-align: top;
    text-align: left;
    font-weight: 400;
    font-size: 8pt;
    color: white;
    text-decoration: none;
}

.NormalFolder {
    vertical-align: top;
    text-align: left;
    font-weight: 400;
    font-size: 8pt;
    color: black;
    text-decoration: none;
}

#folderMenu {
    background-image: url(/Images/GradientGen.aspx?width=1&height=40&TopColorHeight=0&Format=4&StartColorCode=%23dadada);
}


/**
* Edit Form
**/

.EditLabel {
    background-color: #DDDDDD;
    font-weight: 400;
    font-size: 8pt;
    color: black;
    text-align: right;
}

.EditLabelRequired {
    font-weight: 400;
    font-size: 8pt;
    color: black;
    text-align: right;
}

.EditLabelRequiredLeft {
    font-weight: 400;
    font-size: 8pt;
    color: black;
    text-align: left;
}

.EditLabelCenter {
    background-color: #DDDDDD;
    font-weight: 400;
    font-size: 8pt;
    color: black;
    text-align: center;
}

.EditLabelRequiredCenter {
    font-weight: 400;
    font-size: 8pt;
    color: black;
    text-align: center;
}

.EditLabelNoBack {
    font-weight: 400;
    font-size: 8pt;
    color: black;
    text-align: right;
}

td.EditLabel,
td.EditLabelRequired,
td.EditLabelRequiredLeft,
td.EditLabelCenter,
td.EditLabelRequiredCenter,
td.EditLabelRequired table {
    height: 25px !important;
    /*grows if needed*/
}

.DisabledTextbox {
    background-color: #EEEEEE;
    color: black;
}

.ButtonsCell input {
    margin-left: 5px;
    margin-right: 5px;
}


/**
* Select Dialog
**/

.DialogTitleBar {
    /*    background-image: url("/Images/GradientGen.aspx?width=1&height=30&TopColorHeight=0&Format=4&StartColorCode=@{colorMainEscaped}");
    background-repeat: repeat-x;
    font-weight: 700;
    font-size: 9pt;
    color: white;
    text-align: center;*/
    display: none;
}

.DialogWindow {
    border: solid 1px;
    text-align: center;
}

.DialogStatusBar {
    background-color: #EEEEEE;
    height: 22px;
    text-align: right;
}


/**
* Footer Styles
**/

.FooterBar {
    background-color: white;
    font-weight: 700;
    font-size: 8pt;
    color: black;
}

.FooterSubText {
    background-color: white;
    font-weight: 400;
    font-size: 8pt;
    color: black;
}


/**
* Message Box styles
**/

.Messagebox {
    border: 1pt solid;
    margin: 0px;
    background-color: #eeeeee;
}

.MessageboxTitlebarText {
    font-weight: 700;
    font-size: 10pt;
    text-transform: uppercase;
}

.MessageboxTitlebar {
    background-repeat: repeat-x;
    color: white;
    padding: 3px 5px;
}

.MessageboxButton {
    background-color: white;
    font-weight: 700;
    font-size: 8pt;
    width: 50px;
    color: gray;
}


/**
* General Text format styles
**/

.AnchorNoLine {
    text-decoration: none;
    font-weight: 700;
    font-size: 9pt;
    color: #5ABCBD;
}

.Normal {
    vertical-align: top;
    text-align: left;
    font-weight: 400;
    font-size: 9pt;
    color: black;
}

.NormalBoldRight {
    vertical-align: top;
    text-align: right;
    font-weight: 700;
    font-size: 9pt;
    color: black;
}

.NormalBold {
    font-weight: 700;
    font-size: 9pt;
}

.SmallDisabled {
    font-weight: 400;
    font-size: 8pt;
    color: gray;
}

.menu-line.disabled {
    color: lightgray !important;
}

.ColoredNormalBold {
    font-weight: 700;
    font-size: 9pt;
    color: #5ABCBD;
}

.NormalRight {
    vertical-align: top;
    text-align: right;
    font-weight: 400;
    font-size: 9pt;
    color: black;
}

.NormalCenter {
    vertical-align: top;
    text-align: center;
    font-weight: 400;
    font-size: 9pt;
    color: black;
}

.SmallBold {
    font-weight: 700;
    font-size: 8pt;
    color: black;
}

.MediumBold {
    font-weight: 700;
    font-size: 9pt;
    color: black;
    text-align: left;
}

.MediumBoldRight {
    font-weight: 700;
    font-size: 9pt;
    color: black;
    text-align: right;
}

.LargeBold {
    font-weight: 700;
    font-size: 9pt;
    color: black;
}

.LogLabel {
    background-color: white;
    font-weight: 700;
    font-size: 9pt;
    color: gray;
    text-align: right;
}

.LogText {
    font-weight: 700;
    font-size: 9pt;
    color: gray;
    text-align: left;
}


/**
* Module Access label style
**/

.form-group label.ModuleAccess {
    text-align: right;
    margin-top: 4px;
    margin-right: 4px;
    font-weight: 400;
}


/**
* Error Display Styles
**/

.Error {
    vertical-align: top;
    text-align: left;
    font-weight: 700;
    font-size: 9pt;
    color: red;
}

.errorPanel {
    position: fixed;
    width: 100%;
    padding: 16px 0 23px;
    top: 0px;
    left: 0px;
    text-align: left;
    z-index: 99999;
    background-color: #fde9ac !important;
    border: none;
    border-radius: 0;
    border-bottom: 10px solid #c00010 !important;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
}

.errorPanel .close {
    position: absolute !important;
    width: 28px !important;
    height: 28px !important;
    background: url('/Images/Icons/iconsprite_chrome_light.png') no-repeat -267px -176px;
    position: absolute;
    top: 8px !important;
    right: 15px !important;
    opacity: 1;
    filter: none;
}

.errorPanel .message,
.errorPanel li {
    float: left;
    margin: 5px 55px 0;
    color: #c00010;
    font-style: italic;
    max-height: 192px;
    width: 94%;
    overflow-y: auto;
}

.bluePanel {
    background-color: #d9edf7 !important;
    border-bottom: 10px solid #bce8f1 !important;
    color: #31708f !important;
}

.bluePanel .message {
    color: #31708f !important;
}

.ToolTip {
    color: #000000;
    background-color: #CCCCFF;
    padding: 2px;
    width: 200px;
    border: solid 1px #333399;
}


/*
* BlueBanner
**/


/**
* Copied from Treeview.css
**/

.TreeMenuActionButton {
    padding: 1px;
    color: black;
    width: 60px;
    cursor: default;
}

.TreeMenuMouseOverActionButton {
    border-top: 1px solid #6593CF;
    border-right: 1px solid #6593CF;
    border-bottom: 1px solid #6593CF;
    border-left: 1px solid #6593CF;
    background-image: url(/Images/Gradients/100_25_1_23FFFFDC_23F7C15E.png);
    background-repeat: repeat-x;
    color: black;
    width: 60px;
    cursor: default;
}

.TreeMenuMouseDownActionButton {
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    background-image: url(/Images/Gradients/100_25_1_23F7C15E_23FFFFDC.png);
    background-repeat: repeat-x;
    color: black;
    width: 60px;
    cursor: default;
}


/**
* Copied from Toolbar.css
**/

.toolbar {
    font-size: 1.05em;
    text-decoration: none;
    color: #003399;
}

table.toolbar {
    background-image: url('/Images/Calendar/toolgrad.gif');
    background-repeat: repeat-x;
    border: 1px solid #95b7f3;
    background-color: #9ebff6;
}

.selectednav {
    border: 0px solid #2254b1;
    background: #fee197;
}


/**
* Copied from Splitter.css
**/

.SplitterBar {
    display: block;
    vertical-align: top;
    position: relative;
    top: 25px;
    height: 100%;
    width: 3px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    background-color: #eeeeee;
    background-image: url(/images/Splitter/splitter_horCol.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.SplitterBarHover {
    display: block;
    vertical-align: top;
    position: relative;
    top: 25px;
    width: 3px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    background-color: #d0d0d0;
    background-image: url(/images/Splitter/splitter_horCol.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.SplitterBarImg {
    vertical-align: middle;
    left: 0px;
    top: 46%;
    width: 5px;
    text-align: center;
}

.SplitterCloseBtn,
.SplitterCloseBtn:link,
.SplitterCloseBtn:hover,
.SplitterCloseBtn:visited,
.SplitterCloseBtn:active {
    border: 2px;
    cursor: pointer;
}

.SplitterBarDrag {
    background-color: #c0c0c0;
    width: 5px;
}


/**
* Copied from Content.css
**/

.HorizontalSplitterBar {
    background: url(/images/ComponentArt/Splitter/splitter_horBg.gif);
}

.CollapsedHorizontalSplitterBar {
    background: url(/images/ComponentArt/Splitter/splitter_horBg.gif);
    border: 1px solid #000000;
    border-right-width: 0px;
}

.ActiveSplitterBar {
    background-color: #000000;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
    opacity: 0.4;
}

.SplitterPane {
    border: 1px solid #333333;
}

.DetailsPane {
    border: 7px solid #888888;
}

.TreeNode {
    font-size: 8pt;
    font-weight: 700;
    padding: 2px 3px 1px;
}

.TreeNode:link,
.TreeNode:hover,
.TreeNode:visited,
.TreeNode:active {
    font-weight: normal;
    text-decoration: none;
}

.GrayedTreeNode {
    font-size: 8pt;
    padding: 2px 3px 1px;
    color: gray;
    cursor: default;
}

.HoverTreeNode {
    font-size: 8pt;
    text-decoration: underline;
    padding: 2px 3px 1px;
    cursor: default;
}

.HoverPopupTreeNode {
    font-size: 8pt;
    padding: 1px;
    padding-left: 2px;
    padding-right: 1px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    text-decoration: none;
    position: absolute;
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
    cursor: default;
}

.LoadingTreeNode {
    border: solid 0px white;
    font-size: 8pt;
    padding: 2px 3px 1px;
    cursor: default;
    background-image: url(/Images/Spinner.gif);
    background-repeat: no-repeat;
    background-position: right;
    width: 75px;
}

.SelectedTreeNode {
    font-size: 8pt;
    font-weight: 400;
    padding: 2px 3px 1px;
    cursor: default;
    background-image: url(/Images/Gradients/500_25_1_23DDDDFF_23FFFFFF.png);
    border: solid 1px #DDDDFF;
}

.NodeEdit {
    border: 1px gray solid;
    font-size: 8pt;
}

.ContentContainer {
    background-color: #FFFFFF;
    border-top-width: 0px;
}

.MenuCallBack {
    border: 1px solid #808080;
    width: 155px;
    height: 205px;
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#8D8F95', Direction=135, Strength=2);
}

.TopGroup {
    z-index: 99;
    position: relative;
    top: 2px;
}

.MultiPage {
    background-color: White;
    border: 1px solid #919B9C;
    position: relative;
    padding: 0px;
    top: -1px;
    z-index: 98;
    width: 100%;
    height: 100%;
}

.PageContent {
    font-size: 8pt;
    width: 100%;
    height: 100%;
}

.ContentTextBox {
    width: inherit;
}


/**
* Copied from MenuActionButton.css
**/

.ActionButton {
    border: 1px solid gray;
    background-image: url(/Images/Gradients/100_20_1_23EEEEEE_23DDDDDD.png);
    background-repeat: repeat-x;
    color: black;
    width: 60px;
    cursor: pointer;
    display: -moz-inline-block;
    display: inline-block;
}

.ActionButtonNoBack {
    padding: 1px;
    color: black;
    width: 60px;
    cursor: default;
    display: -moz-inline-block;
    display: inline-block;
}

.MouseOverActionButton {
    border: 1px solid #6593CF;
    background-image: url(/Images/Gradients/100_20_1_23FFFFDC_23F7C15E.png);
    background-repeat: repeat-x;
    color: black;
    width: 60px;
    cursor: default;
    display: -moz-inline-block;
    display: inline-block;
}

.MouseDownActionButton {
    border: 1px solid gray;
    background-image: url(/Images/Gradients/100_20_1_23F7C15E_23FFFFDC.png);
    background-repeat: repeat-x;
    color: black;
    width: 60px;
    cursor: default;
    display: -moz-inline-block;
    display: inline-block;
    padding: 0px 0px 0px 0px;
}

.MenuButtonTable {
    padding: 1px 2px 1px 2px;
}

.ActionButtonNoLabel {
    border-top: outset 1px #999999;
    border-left: solid 1px #999999;
    border-right: outset 1px #999999;
    border-bottom: outset 1px #999999;
    background-color: #EEEEEE;
    color: #555555;
    cursor: default;
    height: 20px;
}

.ButtonMenuTable {
    display: inline-block;
    zoom: 1;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.InlineTable {
    overflow: hidden;
    /*    display: inline-block; */
    margin: 0px;
    padding: 0px;
    *display: inline;
    zoom: 1;
}


/* added for action buttons within the GridControl command buttons 1px top border to get overall size the same as other buttons*/

.GridCommandButtons .ActionButtonNoLabel {
    color: #555555;
    background-image: none;
    background-color: #EEEEEE;
    border-top: outset 1px #999999;
    border-left: outset 2px #999999;
    border-right: outset 2px #999999;
    border-bottom: outset 2px #999999;
    cursor: default;
    display: -moz-inline-block;
    display: inline-block;
}

.GridCommandButtons .MouseOverActionButton {
    color: #555555;
    background-image: none;
    background-color: #EEEEEE;
    border-top: outset 1px #999999;
    border-left: outset 2px #999999;
    border-right: outset 2px #999999;
    border-bottom: outset 2px #999999;
    cursor: default;
    display: -moz-inline-block;
    display: inline-block;
    padding-bottom: -4px;
}

.GridCommandButtons .MouseDownActionButton {
    color: #555555;
    background-image: none;
    background-color: #AAAAAA;
    border-top: outset 1px #999999;
    border-left: outset 2px #999999;
    border-right: outset 2px #999999;
    border-bottom: outset 2px #999999;
    cursor: default;
    display: -moz-inline-block;
    display: inline-block;
    padding-bottom: -4px;
}


/**
* Copied from Menu.css
**/

.DropDownMenuList {
    z-index: 999;
    position: absolute;
    display: none;
    visibility: hidden;
    border: solid 1px gray;
    background-color: white;
}

.DropDownMenuListItem {
    background-color: white;
    cursor: pointer;
    font-size: 9pt;
    font-weight: 700;
    position: relative;
    padding: 3px 5px;
}

.DropDownMenuListItemSelected {
    border: solid 1px #3399FF;
    background-color: #C0DDFC;
    cursor: pointer;
    font-size: 9pt;
    font-weight: 700;
    position: relative;
    padding: 2px 4px;
}

.DropDownMenuListButton {
    width: 20px;
    background-color: #EEEEEE;
    border: solid 1px black;
    cursor: pointer;
    text-align: center;
}

.MenuTopLeft {
    height: 4px;
    width: 8px;
    background-image: url(/Images/TabCornerLeft.gif);
    background-position: left;
}

.MenuTopMiddle {
    height: 4px;
}

.MenuTopRight {
    height: 4px;
    width: 8px;
    background-image: url(/Images/TabCornerRight.gif);
    background-position: right;
}

.MenuTopSpacer {
    height: 4px;
    width: 1px;
    background-color: white;
}

.MenuRow {
    min-height: 20px;
    height: 100%;
}

.MenuRowSpacer {
    min-height: 20px;
    height: 100%;
    background-color: gray;
    width: 1px;
}

.MenuBar {
    padding: 2px 0px 2px 5px;
    position: relative;
    top: -1px;
    width: 100%;
}

.SelectedMenuItem {
    background-repeat: repeat-x;
    font-weight: 700;
    font-size: 9pt;
    border-bottom: 1px solid;
    color: #FFFFFF;
}

.NormalMenuItem {
    background-repeat: repeat-x;
    font-weight: 700;
    font-size: 8pt;
    color: white;
    cursor: pointer;
}


/**
* Added so that questionnaire questions can override the * font size
**/

span.Questionnaire_Question_Text {
    white-space: normal;
}

span.Questionnaire_Question_Text * {
    font-size: unset;
    font-family: unset;
    color: unset;
}

span.Questionnaire_Question_Text ul li {
    list-style: disc;
    padding-left: 10px;
    margin-left: 25px;
}

span.Questionnaire_Question_Text ol li {
    list-style: decimal;
    padding-left: 10px;
    margin-left: 25px;
}

span.Questionnaire_Question_Text span {
    font-size: inherit;
}


/**
* Copied from calendar.css
**/

.ajax__calendar_container {
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 170px;
    font-size: 11px;
    text-align: center;
}

.ajax__calendar_body {
    height: 139px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.ajax__calendar_days,
.ajax__calendar_months,
.ajax__calendar_years {
    top: 0px;
    left: 0px;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
}

.ajax__calendar_container TABLE {
    font-size: 11px;
}

.ajax__calendar_header {
    height: 20px;
    width: 100%;
}

.ajax__calendar_prev {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(/Images/Icons/arrowLeft.gif);
}

.ajax__calendar_next {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(/Images/Icons/arrowRight.gif);
}

.ajax__calendar_title {
    cursor: pointer;
    font-weight: bold;
}

.ajax__calendar_footer {
    height: 15px;
}

.ajax__calendar_today {
    cursor: pointer;
    padding-top: 3px;
}

.ajax__calendar_dayname {
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
}

.ajax__calendar_day {
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 !important;
    cursor: pointer;
}

.ajax__calendar_month {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar_year {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
}

.ajax__calendar .ajax__calendar_footer {
    border-top: 1px solid #f5f5f5;
}

.ajax__calendar .ajax__calendar_dayname {
    border-bottom: 1px solid #f5f5f5;
}

.ajax__calendar .ajax__calendar_day,
.ajax__calendar .ajax__calendar_month,
.ajax__calendar .ajax__calendar_year {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day,
.ajax__calendar .ajax__calendar_active .ajax__calendar_month,
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day,
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #0066cc;
}


/**
* Copied from SearchPage.css
**/

.ResultsSection {
    background-image: url(/Images/Gradients/1_40_2_23E1EAFE.png);
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
}

.CollapsableSearchPanel {
    width: 300px;
    vertical-align: top;
}

.CollapsableControlPanel {
    width: 19px;
    vertical-align: top;
    background-color: #FFFFFF;
    height: 600px;
    background-image: url(/Images/Gradients/19_600_1_23DDDDDD_23FFFFFF.png);
    background-repeat: no-repeat;
}


/**
* Folder Tree Styles
**/
#FolderPanel { /* aspx control */
    border: 1px solid #cecece;
    border-radius: 10px;
}

.splitter-left-container {
    border-radius: 10px;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);
    min-height: 150px;
    height: 100%;
    border: 1px solid #cecece;
}

.splitter-left-container.k-state-collapsed{
    border: 0px;
    box-shadow: none;
}

.splitter-left-container.k-state-collapsed:hover{
    background-color: rgba(0, 71, 151, 0.1);
}

div.splitter-left-container.k-state-collapsed > div.clsCollapseBtnContainer{
    border-top: 0px !important;
}

.saig-container-main-list{
    height: 100%;
}

.k-resize-handle {
    z-index: 9999 !important;
}

.k-grid-header .k-header .k-icon {
    width: 15px;
}

.saig-pager.grid-pager-hidden {
    display: none;
}

.saig-container-main-list .gridcontainer > .k-grid {
    display: block;
    overflow-y: auto !important;
    height: 100%;
}

.saig-container-main-list .gridcontainer table thead tr th a{
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.saig-container-main-list .gridcontainer table thead tr {
    position: sticky;
    z-index: 50;
    top: 0px;
    opacity: 1;
}

.saig-container-main-list .gridcontainer table tbody tr {
    position:relative;
    z-index: 0;
    top: 0px;
}

.saig-container-main-list .saig-grid-frame:has(#bot-pager>.grid-pager-visible) {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-width: 550px;
}

.saig-container-main-list>#__fieldcontainer,
.saig-container-main-list>#__fieldcontainer>.__clientcontrol{
    height: 100%;
    display: block;
}

/*#__splitter2.k-content.splitter:has(.saig-container-main-list):not(:has(.stretch-list-height)) {
    height: auto;
}*/

#__fieldcontainer .row, #__controls>.row {
    margin-right: 0;
}

.foldersidebar-menu-override-fa3 {
    overflow: hidden;
}

.FolderTreeContainer {
    height: calc(100% - 60px);
}

.FolderTreeContainer.FolderTree-viewOptionsDivContainer-visible {
    height: calc(100% - 92px);
}

.FolderTreeContainer:has(table) { /* no splitter - legacy */
    overflow: auto;
    width: 200px;
}

body.saig-frame-element .splitter-left-container {
    max-height: calc(100% - 85px);
}

body.saig-frame-element .splitter-left-container:has(.viewoption-status-bar) {
    max-height: calc(100% - 75px);
}

body.saig-frame-element .k-content.splitter.stretch-list-height {
    height: 460px;
}

div.FolderTreeContainer > ul.dynatree-container {
    padding: 0px !important;
}

.FolderTreeView {
    background-color: transparent;
    padding-top: 1px;
    padding-left: 1px;
    cursor: default;
}

.FolderTreeNode {
    font-size: 13px;
    padding: 3px 3px 2px;
    width: 100%;
    border: 1px solid transparent;
}

div#TreeViewPanel input[type="checkbox"] {
    margin-left: 3px;
}

.NonSelectableFolderTreeNode {
    font-size: 13px;
    padding: 3px 3px 2px;
    color: #666666;
    text-decoration: line-through;
    border: 1px solid transparent;
    cursor: default;
    width: 100%;
}

.HiddenSelectableFolderTreeNode {
    font-size: 13px;
    padding: 3px 3px 2px;
    color: #666666;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: default;
    width: 100%;
}

.HoverFolderTreeNode {
    font-size: 13px;
    padding: 3px 3px 2px;
    background-repeat: repeat-x;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    border: 1px solid #99DEFD;
    background: #F2F7FD;
    /* light blue */
    border-color: #B8D6FB;
    /* darker light blue */
}

.SelectedFolderTreeNode {
    font-size: 13px;
    background-repeat: repeat-x;
    background-color: #EFEBDE;
    /* gray */
    border: 1px solid #99DEFD;
    padding: 3px 3px 2px;
    text-decoration: none;
    width: 100%;
}

.LoadingFolderTreeNode {
    font-size: 13px;
    background-image: url(/Images/Spinner.gif);
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
}


/**
* Context Menu Styles
**/

.ContextMenu {
    background-color: #fff;
}

.ContextMenuHover {
    background-color: #ddd !important;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.ContextMenuDiv {
    position: relative;
    width: 200px;
    border: 1px solid gray;
    background-color: #FFFFFF;
}

.ContextMenuNoIcon {
    position: relative;
    text-align: center;
    background-color: #F6F6F6;
    height: 18px;
    width: 40px;
    margin: 1px;
    border-top: 1px solid #F6F6F6;
    border-left: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
    cursor: pointer;
}

.ContextMenuNoText {
    position: relative;
    text-align: left;
    background-color: #FFFFFF;
    height: 18px;
    width: 160px;
    margin: 1px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}

.ContextMenuSpacerIconTop {
    position: relative;
    background-color: #F6F6F6;
    height: 2px;
    width: 40px;
    margin: 1px;
    border-left: 1px solid #F6F6F6;
}

.ContextMenuSpacerTextTop {
    position: relative;
    background-color: #FFFFFF;
    height: 2px;
    width: 160px;
    margin: 1px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.ContextMenuSpacerIconBottom {
    position: relative;
    background-color: #F6F6F6;
    height: 2px;
    width: 40px;
    margin: 1px;
    border-left: 1px solid #F6F6F6;
    border-top: 1px solid #000000;
}

.ContextMenuSpacerTextBottom {
    position: relative;
    background-color: #FFFFFF;
    height: 2px;
    width: 160px;
    margin: 1px;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}

.ContextMenuIcon {
    position: relative;
    text-align: center;
    background-color: #F6F6F6;
    width: 40px;
    margin: 1px;
    border-top: 1px solid #F6F6F6;
    border-left: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
    cursor: pointer;
}

.ContextMenuTextShort {
    position: relative;
    text-align: left;
    background-color: #FFFFFF;
    width: 160px;
    height: 18px;
    margin: 1px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}

.ContextMenuTextLong {
    position: relative;
    text-align: left;
    background-color: #FFFFFF;
    width: 200px;
    height: 18px;
    margin: 1px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}

.ActionMenu .ContextMenuTextShort,
.ActionMenu .ContextMenuTextLong {
    padding-left: 4px;
}

td.ProgCellSelected {
    height: 22px;
    background-repeat: repeat-x;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
}

td.ProgCellNormal {
    height: 22px;
    background-repeat: repeat-x;
    background-image: url(/images/progressbar/normal.gif);
    text-align: center;
    color: #a0a0a0;
    font-weight: bold;
    white-space: nowrap;
}

td.ProgCellNormal2Sel {
    width: 31px;
    height: 22px;
    background-repeat: no-repeat;
}

td.ProgCellNormal2Norm {
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(/images/progressbar/normal2norm.gif);
}

td.ProgCellSel2Normal {
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
}

td.ProgCellSelected2Sel {
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
}

td.ProgCellSelectedEnd {
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
}

td.ProgCellNormalEnd {
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(/images/progressbar/NormalEnd.gif);
}

.ProgCellNormalLink {
    color: #606060;
    text-decoration: none;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.ProgCellSelectedLink {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.ProgCellNormalText {
    color: #b0b0b0;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.ProgCellSelectedText {
    color: #ffffff;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.ReportWizardSection {
    background-color: #FFF3E1;
    color: #000000;
    padding: 6px;
}


/* MVC Controls */

#MvcButtonBar {
    float: right;
    margin: 5px 2% 0 0;
    text-align: right;
}

#MvcButtonBar ul {
    list-style-type: none;
}

#MvcButtonBar ul li {
    display: inline;
}

#MvcButtonBar ul li.ButtonBarItem {
    padding: 5px;
}

#MvcFooterLogo {
    width: 100%;
    text-align: center;
    clear: both;
}

.MvcGridToolbarWarning {
    display: none;
    color: #FF0000 !important;
    text-align: left;
    font-weight: bold !important;
}

#HeaderLogoNew {
    float: left;
    width: auto;
}

#MenuWrapper {
    clear: both;
}


/*** Start New Today Plugin Styles ***/

.PluginHeaderWrapper {
    background-repeat: repeat-x;
    width: 100%;
    margin: 0px auto 0px auto;
    clear: both;
    padding: 0;
    border-right: 1px solid;
    border-left: 1px solid;
}

.PluginHeaderStatus {
    float: left;
    margin-top: 5px;
    width: 21px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.PluginHeaderNew {
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
    padding: 3px 0 0 3px;
    margin-right: 55px;
    /*must match PluginActionsWrapper's width*/
}

.PluginHeaderNew:hover {
    cursor: move;
}

.PluginActionsWrapper {
    padding: 0;
    text-align: right;
    width: 55px;
    float: right;
}

.PluginHeaderActionNew {
    height: 20px;
    width: auto;
    float: right;
    margin: 5px 5px 0 5px;
}

.PluginSectionBreakNew {
    background-color: #ECE9D8;
}

.PluginHeaderLabelNew {
    background-color: #FFFFFF;
    text-align: left;
    font-weight: 700;
    font-size: 8pt;
    color: black;
    border-bottom: #ECE9D8 1px solid;
}

.PluginRowDarkNew {
    background-color: #ffffff;
}

.PluginRowLightNew {
    background-color: #ffffff;
}

.PluginBackgroundNew {
    background-color: #F5F5F5;
}

.PluginContainerNew {
    background-color: #f5f5f5;
    float: left;
    margin: 0px .5% 10px .5%;
    padding: 0;
    text-align: center;
}

.PluginBorder {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    min-height: 355px;
}

.PluginBorderHidden {
    border-bottom: transparent 1px solid;
    border-left: transparent 1px solid;
    border-right: transparent 1px solid;
    background-color: white;
}

.PluginCollapsed {
    height: 0px;
}

.PluginMaximized {
    height: 355px;
    overflow: auto;
}

.PluginPrint {
    min-height: 50px;
    height: auto !important;
}

.PluginFullWidth {
    width: 99%;
    min-width: 950px;
    clear: both;
}

.PluginFullHeight.PluginMaximized {
    min-height: 335px;
    height: 355px;
}

.PluginHalfWidth {
    width: 49%;
    min-width: 470px;
}

.TabPrintTitle {
    font-size: 14pt;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}


/*** End New Today Plugin Styles ***/

.selectedRow {
    clear: both;
    margin: 3px;
    padding: 5px;
}

.selectedDisplay {
    float: left;
    width: 90%;
    padding: 0px 2px;
}

.selectedActions {
    float: right;
    width: 20px;
    padding: 0px 2px;
    cursor: pointer;
}


/*** jQueryUI Tab Styles Start ***/

.TabArea.ui-tabs {
    border: 0px;
}

.ui-tabs .TabContent.ui-tabs-panel {
    min-height: 100px;
    width: 100%;
    float: left;
    padding: 0 16px 0 16px;
    border-radius: 0px;
}

.TabItem.ui-tabs-nav,
.ui-tabs li.TabItem a.TabItemLink {
    width: 150px;
    max-width: 150px;
}

.ui-tabs li.TabItem a.TabItemLink {
    text-align: center;
    white-space: normal;
    padding: 5px 2px;
}

ul.UlTabs.ui-tabs-nav {
    background: none repeat scroll 0 0 transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: solid 1px;
    border-left: 0;
    border-radius: 0;
    width: 100%;
}

.UlTabs.ui-tabs-nav li.TabItem.ui-state-default {
    background: #DCDDDE;
    border: solid 1px #DCDDDE;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 4px;
    height: 32px;
    font-weight:normal;
}

.UlTabs.ui-tabs-nav li.TabItem.ui-tabs-selected {
    font-weight: bold;
}

a.TabItemLink>span {
    vertical-align: middle;
    white-space: nowrap;
}


/*** jQueryUI Tab Styles End ***/


/*** jQueryUI Icon Styles End ***/

.hasDatepicker+img {
    padding-left: 2px;
    vertical-align: middle;
}

.ui-widget-content .DarkIcon.ui-icon,
button.DarkIcon .ui-icon {
    background-image: url(/styles/jqueryui/images/ui-icons_000000_256x240.png);
}

.ui-widget-content .LightIcon.ui-icon {
    background-image: url(/styles/jqueryui/images/ui-icons_ffffff_256x240.png);
}


/*** jQueryUI Tab Styles End ***/


/*** jQueryUI Dialog Styles Start ***/

.ui-widget-header.ui-corner-all {
    background-repeat: repeat-x;
    font-weight: 700;
    font-size: 9pt;
    text-align: center;
}


/*** jQueryUI Dialog Styles End ***/

.ActionItemIcon.ui-icon {
    cursor: pointer;
    background-color: transparent;
}


/*** Hover style for "tabular" block elements.  Background color should be consistent with ListTableRowHighLight's  ***/

.IndicateHoverBlock:hover,
.IndicateHoverBlock:hover .PluginRowLight,
.IndicateHoverBlock:hover .PluginRowDark {
    background-color: #EEEEEE;
}

div.DragDropBox {
    width: 100px;
    overflow: hidden;
    height: 100px;
    border: 2px solid #DDD;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #FEFFEC;
    text-align: center;
    color: #BBB;
    font-size: small;
    font-family: Arial, sans-serif;
}

div.ThumbnailBox {
    border: 2px solid #DDD;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #FFFFFF;
    margin: 4px 0px;
}

span.DragDropLabel {
    position: relative;
    top: 40%;
}

div.DragDropProgressMeter {
    background-color: Green;
    width: 0px;
    height: 10px;
}


/* MVC Pages */

.MetadataList
/* for jQuery border layouts */

{
    min-height: 500px;
}

.EntityListContainer {
    overflow-x: auto;
}

.MetadataGenericView {
    padding: 5px;
}

.PageDivisionSelector
/* page level Division selector */

{
    border-bottom: 1px solid black;
    height: 28px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
}

.BorderPaneNoPadding {
    padding: 0 !important;
}

.Toolbar {
    text-align: left;
    font-weight: 700;
    font-size: 9pt;
    color: black;
}

.SmallToolbar {
    background-image: url(/Images/GradientGen.aspx?width=1&height=24&TopColorHeight=0&Format=4&StartColorCode=%23bababa);
    height: 24px;
    overflow: hidden;
}

.SmallToolbarButton {
    cursor: pointer;
    float: left;
    height: 16px;
    margin: 4px 4px 0 4px;
    width: 18px;
}

.saig-inline-buttons {
    display: inline !important;
    zoom: 1;
    position: relative;
}

.saig-add-row-drop {
    width: 30px;
    height: 20px;
    border: 1px solid #808080;
}

.saig-add-row-drop.drop {
    border: 1px solid #404040;
}


/**
* Login page styles
**/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1.4rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #414142;
}

ol,
ul {
    list-style: none;
}

.LoginContentContainer {
    text-align: center;
    margin: 0 auto 50px auto;
    padding-top: 50px;
    width: 962px;
}

.LoginWithContent,
.LoginWithoutContent {
    position: relative;
    display: inline-block;
    min-height: 40%;
    width: 100%;
    margin: 4.6% 0;
    border: 1px solid #c8c8c8;
    text-align: center;
    /*    background: url('/Images/body.png') #f2f2f2;
    box-shadow: 0 0 120px 15px rgba(0, 0, 0, 0.1) inset;*/
}

.LoginPanel {
    position: relative;
    display: inline-block;
    min-height: 40%;
    width: 50%;
    margin: 4.6% 0;
    border: 1px solid #c8c8c8;
    text-align: center;
    /*  background: url('/Images/body.png') #f2f2f2;
  box-shadow: 0 0 120px 15px rgba(0, 0, 0, 0.1) inset;*/
}


/*
.LoginWithContent:before, .LoginWithoutContent:before {
    -webkit-transform: rotate(-2deg) scale(1) skew(-9deg) translate(0);
    -moz-transform: rotate(-2deg) scale(1) skew(-9deg) translate(0);
    -o-transform: rotate(-2deg) scale(1) skew(-9deg) translate(0);
    -ms-transform: rotate(-2deg) scale(1) skew(-9deg) translate(0);
    transform: rotate(-2deg) scale(1) skew(-9deg) translate(0);
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 8px;
    left: 3%;
    width: 50%;
    height: 400px;
    box-shadow: 0 20px 10px rgba(0, 0, 0, 0.22);
}
.LoginWithContent:after, .LoginWithoutContent:after {
    -webkit-transform: rotate(2deg) scale(1) skew(9deg) translate(0);
    -moz-transform: rotate(2deg) scale(1) skew(9deg) translate(0);
    -o-transform: rotate(2deg) scale(1) skew(9deg) translate(0);
    -ms-transform: rotate(2deg) scale(1) skew(9deg) translate(0);
    transform: rotate(2deg) scale(1) skew(9deg) translate(0);
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 8px;
    right: 3%;
    width: 50%;
    height: 400px;
    box-shadow: 0 20px 10px rgba(0, 0, 0, 0.22);
}

.LoginPanel:after {
  -webkit-transform: rotate(2deg) scale(1) skew(9deg) translate(0);
  -moz-transform: rotate(2deg) scale(1) skew(9deg) translate(0);
  -o-transform: rotate(2deg) scale(1) skew(9deg) translate(0);
  -ms-transform: rotate(2deg) scale(1) skew(9deg) translate(0);
  transform: rotate(2deg) scale(1) skew(9deg) translate(0);
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 8px;
  left: 1%;
  width: 97%;
  height: 50px;
  box-shadow: 0 20px 10px rgba(0, 0, 0, 0.22);
}
*/

.LoginWithContent>.LoginContent,
.LoginWithContent>.ContentLink>.LoginContent {
    position: relative;
    width: 500px;
    height: 408px;
    float: left;
    background: #FFF;
    padding: 0px;
}

.LoginWithContent>.FormContainer {
    position: relative;
    float: left;
    width: 430px;
    height: 410px;
    padding-top: 35px;
    padding-left: 3.8%;
    text-align: left;
    border-left: 1px solid #e0e0e0;
}

.LoginInfoIFrameContainer {
    position: relative;
    padding: 0 0 0%;
    height: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 500px;
    height: 408px;
    border: 0 none;
    overflow: hidden;
}

.LoginInfoIFrame {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0 none;
    width: 500px;
    /*height: 428px;*/
    height: 408px;
    overflow: hidden;
}

.LoginInfoIFrame::-webkit-scrollbar {
    display: none;
    width: 0px;
    height: 0px;
}

.LoginWithoutContent>.LoginContent,
.LoginWithoutContent>.ContentLink>.LoginContent {
    position: relative;
    width: 59.7%;
    min-height: 410px;
    float: left;
    border-right: 1px solid #c8c8c8;
    background: #FFF;
}

.LoginWithoutContent>.FormContainer {
    position: relative;
    float: left;
    width: 40%;
    min-height: 410px;
    padding-top: 35px;
    padding-left: 3.8%;
    text-align: left;
}

.LoginPanel>.FormContainer {
    position: relative;
    float: left;
    width: 100%;
    min-height: 410px;
    padding-top: 35px;
    padding-left: 10%;
    text-align: left;
}

.lt-ie8 .LoginWithContent>.FormContainer {
    width: 36%;
    min-height: 371px;
}

.lt-ie8 .LoginPanel>.FormContainer {
    width: 90%;
}

.lt-ie9 .LoginPanel>.FormContainer {
    min-height: 371px;
}

.lt-ie9 .LoginWithContent>.FormContainer {
    padding-top: 0px;
    width: 36%;
    min-height: 371px;
}

.LoginSet {
    margin-top: -4%;
}

.lt-ie9 .LoginWithContent .LoginSet {
    margin-top: 0px;
}

.FormList>li {
    padding-bottom: 5px;
    clear: left;
}

.LoginSet .FormList li {
    padding-bottom: 2px;
}

.LoginHeader {
    color: #2a2a2a;
    text-align: left;
    font-size: 21.98px;
    font-weight: 700;
    margin: 0 0 20px 0;
    *left: -7px;
    *position: relative;
    margin-bottom: 15px;
}

legend .LoginHeader {
    border: none;
}

.LoginLabel {
    text-align: left;
    font-weight: 700;
    font-size: 1.3rem;
    color: #414142;
    margin-bottom: 0;
}

.LoginInput {
    /* This was once a mixin when I thought this field type would set the precedence for input field types.  No longer seems the case (DBN - 1/16/14) */
    height: 35px;
    border:1px solid #cecece;
    line-height: 2.1em;
    margin-bottom: 9.995999999999998px;
    padding-left: 7.994px;
    border-radius: 4px;
    font-size: 1.4rem;
    color: #2a2a2a;
    /* End former mixin */
    width: 88%;
    font-weight:400;
}
    .LoginInput:hover {
        border-radius: 4px;
        outline: none;
        border: 1px solid #939598;
    }
    .LoginInput:focus {
        border-radius: 4px;
        outline: none;
        border: 1px solid #00856C;
    }

.lt-ie8 .LoginInput {
    height: 30px;
}

#LoginForgotPassword {
    padding-bottom: 0px;
}

#LoginForgotPassword a {
    text-decoration: none;
    color: #414142;
    font-size: 13.006px;
}

#LoginForgotPassword a:hover {
    text-decoration: underline;
}

.ForgotPasswordIcon {
    width: 12px;
    height: 12px;
    background: url('/Images/Icons/iconsprite_SAI10.png') no-repeat -4px -44px;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.LoginButton {
    height: 30px;
    padding-left: 18px;
    padding-right: 18px;
    margin-left: 10px;
    color: #fff;
    /*    position: relative;
    float: right;*/
    height: 39.9px;
    min-width: 85px;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #00856C;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13.006px;
    color: #ffffff;
    background-color: #00856C;
    cursor: pointer;
    float: right;
    margin-right: 10%;
    margin-top: 8%;
}

    .LoginButton:focus-visible {
        box-shadow: 0 0 0 4px rgba(0, 133, 108, 0.5);
        
    }
    .LoginButton:focus{
        outline:none !important;
    }

    .LoginButton:active {
        box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3) !important;
        outline: none;
        border: 1px solid #005154;
        background-color: #005154;
    }

.LoginButton:hover {
    border: 1px solid #005154;
    background-color: #005154;
}

.lt-ie8 .LoginButton * {
    color: #ffffff;
}

.AnnouncementsSection {
    width: 100%;
    background: -moz-linear-gradient(top, #eeeeee 82%, #c8c8c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(82%, #eeeeee), color-stop(100%, #c8c8c8));
    background: -webkit-linear-gradient(top, #eeeeee 82%, #c8c8c8 100%);
    background: -ms-linear-gradient(top, #eeeeee 82%, #c8c8c8 100%);
    background: linear-gradient(to bottom, #eeeeee 82%, #c8c8c8 100%) no-repeat scroll 0 0%;
    box-shadow: 1px 1px 5px 1px #b3b3b3;
    margin-bottom: 10px;
}

.AnnouncementsSection .AnnouncementBody {
    margin: 0px auto 0px auto;
    text-align: center;
    width: 962px;
    position: relative;
    font-family: Arial;
}

.AnnouncementsSection .AnnouncementBody a.CloseAnnouncements {
    width: 18px;
    height: 18px;
    background: url('/Images/Icons/iconsprite_chrome_light.png') no-repeat -1057px -218px;
    display: block;
    position: absolute;
    left: 970px;
    top: 4px;
    filter: brightness(0.8);
}

.AnnouncementsSection .AnnouncementBody .AnnouncementContent {
    max-height: 200px;
    overflow-y: auto;
    padding: 0 0px;
    padding-left: 10px;
}

.AnnouncementsSection .AnnouncementBody .AnnouncementContent .AnnouncementItem .AnnouncementTitle {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #00856C;
    margin-top: 5px;
    margin-bottom: 5px;
}

.AnnouncementLink {
    color: #00856C;
}

.AnnouncementDesc {
    font-weight: 400;
    font-size: 9pt
}

.AnnouncementsSection .AnnouncementBody .AnnouncementContent .AnnouncementItem p {
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    color: #000000;
}

.AnnouncementsSection .AnnouncementBody .AnnouncementContent .AnnouncementItem a {
    color: #169691;
    font: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}

html {
    height: 100%;
    font-size: 62.5%;
    display: flex;
    overflow-x: auto !important;
}

body {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

.ClientMessageSection {
    width: 100%;
    height: 100%;
    min-height: 358px;
    margin-top: 23px;
    padding-top: 11px;
    padding-bottom: 10px;
    text-align: left;
    background-color: white;
}

.ClientMessageSection .ClientMessage {
    margin-left: 36px;
    margin-right: 40px;
    margin-bottom: 25px;
}

.ClientMessageSection .ClientMessage p {
    line-height: 1.40;
}

#ClientMessageClientImageContainer {
    float: left;
    width: 210px;
    height: 100%;
    margin-left: 36px;
    margin-right: 21px;
}

#ClientMessageClientImageContainer>img {
    border: 1px solid #c8c8c8;
    box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.35);
    margin-bottom: 14px;
}

#AnnouncementClientImageContainer {
    float: left;
    width: 210px;
    height: 100%;
    margin-left: 36px;
    margin-right: 21px;
}

#AnnouncementClientImageContainer>img {
    border: 1px solid #c8c8c8;
    box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.35);
    margin-bottom: 14px;
}

.lt-ie9 .AnnouncementsSection {
    background-color: #e8e8e8;
}

.HeaderBar {
    float: left;
    width: 100%;
}

.HeaderBar .HeaderLogo {
    display: inline-block;
}

.HeaderLogo {
    height:32px;
    float: left;
}

.Page {
    /*  background: -moz-linear-gradient(top, #ffffff 75px, rgba(255, 255, 255, 0) 100%), url('/Images/body.png');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75px, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), url('/Images/body.png');
  background: -webkit-linear-gradient(top, #ffffff 75px, rgba(255, 255, 255, 0) 100%), url('/Images/body.png');
  background: -ms-linear-gradient(top, #ffffff 75px, rgba(255, 255, 255, 0) 100%), url('/Images/body.png');
  background: linear-gradient(to bottom, #ffffff 75px, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0%, url('/Images/body.png');*/
    width: 100%;
    height: 100%;
}

.ContentArea {
    width: 962px;
    min-height: 690px;
    overflow: hidden;
    clear: left;
    text-align: center;
    padding-top: 30px;
    margin: 0 auto 30px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px #b3b3b3;
}

.SiteHeader {
    width: 100%;
    height: 50px;
    min-height: 50px;
    margin-right: -2px !important;
}

.SiteHeaderCommon {
    width: 100vw;
    position: relative;
    flex-shrink: 0;
    height: 56px;
    background-color: #ffffff;
}

.Footer {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    flex-shrink: 0;
}

.FooterBody {
    width: 100%;
    background-color: #4D4E53;
    position: relative;
    height: 50px;
    min-height: 50px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: left;
    overflow: hidden;
}

.SiteContent, .SiteContainer, .SiteContentContainer {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}

.lt-ie8 .Footer {
    width: 98.5%;
    min-height: 25px;
}

.lt-ie9 .Footer {
    min-height: 25px;
}

.Footer .FooterBody .FooterMenu {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.FooterMenu .FooterItem {
    color: #c8c8c8;
    font-size: 1.2rem;
    /*padding: 2px 10px 5px;*/
    padding-right: 5px;
}

.FooterMenu .FooterItem a {
    text-decoration: none;
    font-size: 1.2rem;
    color: #c8c8c8;
}

.FooterMenu .FooterItem a:hover {
    text-decoration: underline;
}

.FooterMenu .FooterSeparator {
    color: #999999;
    font-size: 11.705400000000001px;
    padding-right: 5px;
}

.FooterStaticLogo,
.FooterLogo {
    height: 40px;
    line-height: 40px;
}

.lt-ie8 .LoginWithoutContent>.FormContainer {
    min-height: 392px;
}

#ErrorMessage table {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 20px;
    width: 90%;
}

#ErrorMessage table:first-child li {
    width: 12px;
    height: 12px;
    background: url('/Images/Icons/iconsprite_chrome_light.png') no-repeat -64px -24px;
    position: relative;
    top: 3px;
    width: 15px;
    height: 11px;
    list-style: none;
}

.Error {
    color: #d62829;
    font-style: italic;
    font-size: 13.006px;
    padding-bottom: 20px;
}


/*Audit Trail Message*/

.audit-trail-message * {
    font-size: inherit;
    font-family: inherit;
}

.saig-mediachase-calendar-task {
    display: table !important;
}

.saig-mediachase-calendar-task td {
    border: solid 1px #000 !important;
    padding: 2px;
}

span.saig-advanced-edit-mode {
    margin-left: 8px;
}

.SAIRed {
    color: #c00010;
}

.PrimaryButton {
    height: 30px;
    padding-left: 18px;
    padding-right: 18px;
    margin-left: 10px;
    color: #fff;
    line-height: 1.214;
    min-width: 85px;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #00856C;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13.006px;
    color: #ffffff;
    background-color: #00856C;
    cursor: pointer;
}

    .PrimaryButton:focus-visible {
        box-shadow: 0 0 0 4px rgba(0, 133, 108, 0.5);
    }

    .PrimaryButton:focus {
        outline: none !important;
    }
    .PrimaryButton:active {
        box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3) !important;
        outline: none;
        border: 1px solid #005154;
        background-color: #005154;
    }

    .PrimaryButton:hover {
        border: 1px solid #005154 ;
        background-color: #005154 ;
    }

.lt-ie8 .PrimaryButton * {
    color: #ffffff;
}

.SecondaryButton {
    height: 30px;
    padding-left: 18px;
    padding-right: 18px;
    margin-left: 10px;
    line-height: 1.214;
    min-width: 85px;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #CECECE;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13.006px;
    color: #00856C;
    background-color: #ffffff;
    cursor: pointer;
    border-radius:4px;
}

    .SecondaryButton:focus {
        border: 1px solid #00856C;
        outline: none;
    }

    .SecondaryButton:focus-visible {
        box-shadow: 0 0 0 4px rgba(0, 133, 108, 0.5);
    }
    .SecondaryButton:active {
        box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3) !important;
        outline: none;
        border: 1px solid #00856C;
    }

    .SecondaryButton:hover {
        border: 1px solid #00856C;
    }

.k-secondary .k-picker-wrap,
.k-secondary .k-dropdown-wrap,
.k-secondary .k-numeric-wrap {
    background-color: #e3e3e3;
    border-color: #c5c5c5;
}

.k-secondary .k-picker-wrap,
.k-secondary .k-dropdown-wrap,
.k-secondary .k-numeric-wrap {
    background-color: #e3e3e3;
    border-color: #c5c5c5;
}

.k-secondary .k-autocomplete.k-state-hover,
.k-secondary .k-picker-wrap.k-state-hover,
.k-secondary .k-numeric-wrap.k-state-hover,
.k-secondary .k-dropdown-wrap.k-state-hover {
    background-color: #dcddde;
    background-image: none;
    background-position: 50% 50%;
    border-color: #dcddde;
}

.k-secondary .k-autocomplete.k-state-focused,
.k-secondary .k-picker-wrap.k-state-focused,
.k-secondary .k-numeric-wrap.k-state-focused,
.k-secondary .k-dropdown-wrap.k-state-focused {
    background-color: #dcddde;
    background-image: none;
    background-position: 50% 50%;
    border-color: #dcddde;
}

.k-secondary .k-dropdown .k-input,
.k-secondary .k-dropdown .k-state-focused .k-input,
.k-secondary .k-menu .k-popup {
    color: #4e5259;
}

.k-dropdown-wrap {
    /*	padding: 0 1.7em 0 0;
	#BoxShadow > .UI();*/
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 12px;
    background-color: #fff;
}

.k-dropdown-wrap:focus,
.k-dropdown-wrap:active {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 140, 71, 0.6);
    border-color: #f68c47;
}

.k-dropdown-wrap.k-state-default,
.k-dropdown-wrap.k-state-hover {
    background-color: #fff;
}

.k-dropdown-wrap.k-state-default {
   border-color: var(--border-secondary-color) !important;
}

.k-dropdown-wrap.k-state-default:hover {
    border-color: var(--TextFieldInpuTypeHover) !important;
}        

.form-group .k-dropdown-wrap:focus {
    border-color: var(--main-color) !important;
}

.form-group .k-dropdown-wrap {
    border-color: var(--border-secondary-color) !important;
}

.form-group .k-dropdown .saig-dropdown-focus-border,
.k-dropdown-wrap:active,
.k-dropdown-wrap.k-state-focused {
    border-color: var(--main-color) !important;
}

.lt-ie8 .k-dropdown-wrap {
    padding: 0px 12px;
    height: 34px;
    /*        width: 80%;*/
}

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
    width: 1.7em;
    border: 0;
}

.k-popup,
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-imagebrowser .k-image {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.k-dropdown-wrap {
    border-color: #c5c5c5;
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
    border-color: #c5c5c5;
    background-color: #e3e3e3;
}

.k-dropdown .k-input {
    color: #4e5259;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-dropdown .k-input {
    color: #4e5259;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.km-pane-wrapper>.km-pane>.km-view>.km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #e3e3e3;
}

.k-state-hover,
.k-state-hover:hover {
    border-color: #dcddde;
    background-color: #dcddde;
}


/*.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-imagebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
  color: #4e5259;
  background-color: #dcddde;
  border-color: #dcddde;

}*/

.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active>.k-link,
.k-button:active {
    background-image: none;
    background-image: none, -webkit-linear-gradient(top, none);
    background-image: none, -moz-linear-gradient(top, none);
    background-image: none, -o-linear-gradient(top, none);
    background-image: none, linear-gradient(to bottom, none);
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
    background-color: #dcddde;
    background-image: none;
    background-position: 50% 50%;
    border-color: #dcddde;
}

.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.k-dropdown .k-state-focused .k-input {
    color: #4e5259;
}

.k-dropdown .k-state-hover .k-input {
    color: #4e5259;
}

.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 0;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 0;
}

.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-tooltip,
.k-tile,
.k-upload {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-selected-color,
.k-numeric-wrap.k-state-border-up .k-input {
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.k-window-titlebar,
.k-block>.k-header,
.k-tabstrip-items .k-item .k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.k-window-titlebar,
.k-block>.k-header,
.k-tabstrip-items .k-item .k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.k-autocomplete.k-state-border-down .k-input,
.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #5E5E5E;
}

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-list-container.k-state-border-right {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-list-container.k-state-border-right {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #eeeeee;
    border-color: #c8c8c8;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #dcddde;
    background-image: none;
    background-position: 50% 50%;
    border-color: #dcddde;
}

.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused {
    background-color: #dcddde;
    background-image: none;
    background-position: 50% 50%;
    border-color: #dcddde;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 0;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 0;
}

.k-list-container {
    color: #404349;
}

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
    color: #404349;
}

.k-secondary .k-picker-wrap,
.k-secondary .k-dropdown-wrap,
.k-secondary .k-numeric-wrap {
    background-color: #e3e3e3;
    border-color: #c5c5c5;
}

.k-secondary .k-autocomplete.k-state-hover,
.k-secondary .k-picker-wrap.k-state-hover,
.k-secondary .k-numeric-wrap.k-state-hover,
.k-secondary .k-dropdown-wrap.k-state-hover {
    background-color: #dcddde;
    background-image: none;
    background-position: 50% 50%;
    border-color: #dcddde;
}

.k-secondary .k-autocomplete.k-state-focused,
.k-secondary .k-picker-wrap.k-state-focused,
.k-secondary .k-numeric-wrap.k-state-focused,
.k-secondary .k-dropdown-wrap.k-state-focused {
    background-color: #dcddde;
    background-image: none;
    background-position: 50% 50%;
    border-color: #dcddde;
}

.k-secondary .k-dropdown .k-input,
.k-secondary .k-dropdown .k-state-focused .k-input,
.k-secondary .k-menu .k-popup {
    color: #4e5259;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.k-dropdown-wrap {
    /*	padding: 0 1.7em 0 0;
	#BoxShadow > .UI();*/
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 12px;
    background-color: #fff;
}

.k-dropdown-wrap:focus,
.k-dropdown-wrap:active {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 140, 71, 0.6);
    border-color: #f68c47;
}

.k-dropdown-wrap.k-state-default,
.k-dropdown-wrap.k-state-hover {
    background-color: #fff;
}

.lt-ie8 .k-dropdown-wrap {
    padding: 0px 12px;
    height: 34px;
    /*        width: 80%;*/
}

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
    width: 1.7em;
    border: 0;
}

.k-popup,
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-imagebrowser .k-image {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.k-list-container>ul>li {
    background-color: white;
}

.k-textbox>input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
    line-height: 2.0 !important;
}

.k-picker-wrap .k-input,
.k-autocomplete .k-input {
    line-height: 1.4 !important;
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after {
    background-image: url('/Scripts/kendoUI/styles/Default/sprite.png');
    border-color: transparent;
}

.globe-icon {
    background: url('/Images/Icons/iconsprite_chrome_light.png') no-repeat -22px -22px;
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.lt-ie8 .globe-icon {
    margin-top: 10px !important;
    float: left;
}

.LoginCopyright {
    font-family: Arial;
    padding: 15px 15px 6px 15px;
    width: 100%;
}

.CopyrightFooter {
    width: 100%;
    display: block;
    font-size: 12px;
    padding: 15px 15px 6px 15px;
    text-align: center;
}

.LoginCopyrightFooter {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 1em;
    font-size: 1.2rem;
    text-align: left;
    font-family: Arial;
    margin: auto;
    clear: both;
    background-image: linear-gradient(#595e67, #404349);
    padding: 10px;
    color: #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.75);
    background-color: #595e67;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #585c64, #404349);
}

.k-list>.k-state-selected {
    color: #fff;
    background-color: #808082;
    border-color: #dcddde;
}

.saig-user-language-container {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-bottom: 8px;
    height: 42px;
}

.saig-user-name-info {
    color: #323333;
    margin-right: 5px;
    vertical-align: middle;
}

.saig-user-language-container {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 10px 0px 10px 0px;
    color: #323333;
}

.saig-language-selection {
    text-align: left;
    margin-left: 20px;
    padding-top: 8px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.saig-language-selection .k-dropdown {
    margin-left: 8px;
}

.saig-language-selection .k-dropdown-wrap {
    padding-left: 12px;
}

.saig-language-selection .k-select {
    background-color: #DDD;
}

.saig-language-selection label {
    vertical-align: middle;
    margin-bottom: 0;
}

.saig-grid-search-footer-note {
    width: 100%;
    font-size: 12px;
    text-align: center;
}

.saig-user-image {
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

.saig-thumbnail-preview-container {
    width: 160px;
    height: 160px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-left: 46px;
}

.saig-thumbnail-image {
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

.saig-thumbnail-preview-image {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.saig-thumbnail-preview-image-portrait {
    width: 100%;
    height: auto
}

.saig-horizontal-radiolist label {
    margin-right: 15px;
}

.saig-site-menu,
.saig-apps-menu {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    position: absolute;
    max-height: none;
    max-width: none;
    z-index: 100000;
    padding: 0 !important;
    background-color: #ffffff;
}

.saig-apps-menu {
    margin-left: -1px;
    margin-top: -1px;
}

.saig-site-menu li {
    max-height: none !important;
    max-width: none !important;
    float: none !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    border-left: 3px solid #fff;
}

.saig-site-menu>li>a:hover,
.saig-site-menu>li>a:focus {
    text-decoration: underline !important;
    background: none !important;
    color: #595e67 !important;
}

li.saig-apps-menu-item {
    max-height: none !important;
    max-width: none !important;
    width: 100%;
    height: 34px;
    line-height: 34px;
    float: none !important;
    padding: 0px 3px !important;
    display: table !important;
    border-left: 3px solid #fff;
}

li.saig-menu-item-narrow,
li.saig-menu-item-narrow>a {
    height: 18px !important;
    line-height: 18px !important;
}

.saig-apps-menu .divider {
    margin: 4px 0 !important;
}

li.saig-apps-menu-item>a {
    width: 100%;
    height: 34px;
    display: table-cell !important;
    vertical-align: middle !important;
    font-size: 1.2rem !important;
    padding-left: 14px !important;
}

li.saig-apps-menu-item-checked>a {
    padding-left: 2px !important;
}


/*
li.saig-apps-menu-item:hover, li.saig-apps-menu-item:focus {
    color: #559bcd !important;
    border-left: 3px solid #559bcd;
    background-color: #f0f0f0;
}

li.saig-apps-menu-item > a:hover, li.saig-apps-menu-item > a:focus {
    text-decoration: none !important;
    background: none !important;
    color: #559bcd !important;
}
*/

li.saig-apps-menu-header {
    width: 100%;
    height: 40px;
    max-width: none !important;
    display: table-cell !important;
    vertical-align: middle !important;
    font-weight: bold !important;
    font-size: 1.4rem !important;
    padding: 2px !important;
    color: #595e67 !important;
}

li.saig-apps-menu-header>span,
li.saig-apps-menu-header>span:hover,
li.saig-apps-menu-header>span:focus {
    width: 100%;
    height: 40px;
    display: table-cell !important;
    vertical-align: middle !important;
    font-size: 1.4rem !important;
    padding: 2px !important;
    color: #595e67 !important;
}

.saig-site-menu-link {
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
}

ul.saig-site-menu-hover {
    margin-top: 0px;
    margin-right: 18px;
}

.saig-site-menu-link:hover ul.saig-site-menu-hover {
    display: block;
}

.saig-tooltip {
    background-color: #fff;
    position: absolute;
    z-index: 99;
    width: 40%;
    border: 1px solid Gray;
    font-size: 12px;
}

.saig-apps-menu-link {
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    color: #404349;
    height: 100%;
    border-right: 1px solid #c0c0c0;
    padding-left: 8px;
    padding-right: 8px;
}

.saig-apps-menu-wrapper {
    position: relative;
    overflow: visible;
    float: left;
    z-index: 970;
    height: 100%;
    background-color: #fff;
    border-bottom: 0px;
}

.saig-apps-menu-icon {
    margin-top: 12px;
    display: inline-block
}

.saig-apps-menu-product-name {
    padding-left: 8px;
}

.saig-app-image {
    padding-right: 8px;
}

.grid span>ol li {
    display: list-item;
    list-style-type: decimal;
}

.grid span>ol {
    padding: 10px 30px;
}

.grid span>ul {
    padding: 10px 30px;
}

.grid span>ul li {
    display: list-item;
    list-style-type: disc;
}

.grid blockquote>ol li {
    display: list-item;
    list-style-type: decimal;
}

.grid blockquote>ol {
    padding: 10px 30px;
}

.grid blockquote>ul {
    padding: 10px 30px;
}

.grid blockquote>ul li {
    display: list-item;
    list-style-type: disc;
}

ul.dropdown-menu.saig-grid-header-menu {
    padding: 4px;
}

ul.dropdown-menu.saig-grid-header-menu>li {
    display: block;
}


/* 
    This section will force to inherit the font-size and another syles we indroduced, 
    allowing the users to fully customize the questionnaire 
*/

.QuestionnairePageElement>* * {
    font-size: inherit;
    font-family: inherit;
}

.saig-batch-field {
    margin-left: -24px;
    margin-top: 1px;
    padding-right: 4px;
    float: left;
}

.saig-batch-confirm-item {
    border-bottom: 1px solid lightgray;
}

.saig-batch-confirm-field {
    margin-left: 75px;
    width: 325px;
    float: left;
    text-align: left;
    padding: 10px;
}

.saig-batch-confirm-value {
    width: 375px;
    float: left;
    text-align: left;
    padding: 10px;
}

.PrimaryNavigation li {
    font-size: 1.1rem;
}

.PrimaryNavigationCommon {
    position: relative;
    flex-shrink: 0;
    background-color: #468FB8;
    color: #f0f0f0;
    border: 0px !important;
}

.PrimaryNavigationFullVw {
    width: 100vw !important;
}

/*.PrimaryNavigationCommon li {
    color: #f0f0f0 !important;
}*/

.PrimaryNavigationCommon li.SelectedL1Item {
    color: #559bcd;
    font-weight: 700;
    border-bottom: 3px solid #ffffff !important;
    height: 50px !important;
}

.SecondaryNavigationCommon {
    position: relative;
    flex-shrink: 0;
    z-index: 0 !important;
    /*background-color: #F2F2F2 !important;
    border: 0px solid #F2F2F2 !important;*/
}

.SecondaryNavigationFullVw {
    width: 100vw !important;
}


/*
.SecondaryNavigationCommon .L3NavArea .L3Navigation li.SelectedL3Item {
    border-bottom: 3px solid #559bcd !important;
    height: 48px !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
*/

.PrimaryNavigationCommon .saig-apps-menu-wrapper {
    background-color: #468FB8;
    color: #f0f0f0 !important;
    border: 0px !important;
}

.PrimaryNavigationCommon .saig-apps-menu-link {
    color: #f0f0f0 !important;
}

.PrimaryNavigationCommon .saig-apps-menu-wrapper {
    z-index: 2 !important;
}

.L4NavigationCommon {
    position: relative;
    margin-left: -50vw;
    left: 50%;
    flex-shrink: 0;
}

.L4NavigationFullVw {
    width: 100% !important;
}

.navbar.page-content-nav {
    /*z-index : 1;*/
}

#menu-area.ch-menuArea {
    display: none !important;
}

.saig-apps-menu-wrapper {
    display: none !important;
}

@font-face {
    font-family: 'icons';
    src: url('../Fonts/icons25.eot?7E4B87B1');
    src: url('../Fonts/icons25.eot?7E4B87B1#iefix') format('embedded-opentype'), url('../Fonts/icons25.ttf?7E4B87B1') format('truetype'), url('../Fonts/icons25.woff?7E4B87B1') format('woff'), url('../Fonts/icons25.svg?7E4B87B1#icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="iconPagination-"], [class*=" iconPagination-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons' !important;
    text-decoration: none !important;
    line-height: 28px;
    font-size: 18px;
    color: grey;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    padding-right: 10px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconPagination-last:hover, .iconPagination-prev:hover, .iconPagination-First:hover, .iconPagination-next:hover, .iconPagination-refresh:hover {
    color: #414142 !important; 
}

.iconPagination-First.disabled:before {
    content: "\e930" !important;
    color: lightgray !important;
}

.iconPagination-next.disabled:before {
    content: "\e926" !important;
    color: lightgray !important;
}
.iconPagination-prev.disabled:before {
    content: "\e927" !important;
    color: lightgray !important;
}
.iconPagination-last.disabled:before {
    content: "\e931" !important;
    color: lightgray !important;
}
.iconPagination-prev.disabled:before {
    content: "\e927" !important;
    color: lightgray !important;
}


.iconPagination-refresh:before {
    content: "\e934";
    font-size:16px !important;
}

.iconPagination-First:before {
    content: "\e930" ;
}

.iconPagination-next:before {
    content: "\e926";
}

.iconPagination-prev:before {
    content: "\e927" ;
}

.iconPagination-last:before {
    content: "\e931" ;
}

#__fieldcontainer:has(#foldertree){
    display: block;
    position: relative;
    border-bottom: 1px solid #cecece;
    height: calc(100% - 40px);
}

[class^="iconmore-"], [class*=" iconmore-"],
[class^="saig-icon-"], [class*=" saig-icon-"],
.saig-filter-advanced-button {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons' !important;
    text-decoration: none !important;
    font-style: normal;
    font-weight: 400;
    color: var(--main-color);
    font-size: 25px !important;
}

    [class^="iconmore-"]:hover, [class*=" iconmore-"]:hover,
    [class^="saig-icon-"]:hover, [class*=" saig-icon-"]:hover,
    .saig-filter-advanced-button:hover {
        color: var(--hover-color);
        cursor: pointer;
    }

div[class*="saig-icon-folder-"] * {
    color: #2a2a2a !important;
}

.iconmore-dots:before {
    content: "\e935";
}

.saig-icon-details.fa3-legacy-attachment {
    float: left;
}

.saig-plugin-action {
    text-decoration: none !important;
    margin: 0px 10px !important;
}

.k-window-title {
    color: #313131 !important;
    font-size: 1.6rem !important;
    text-transform: unset !important;
    letter-spacing: .35px !important;
    height: 48px !important;
    padding-top:2px !important;
    padding-left:23px !important;
    left:0 !important
}

.k-window-titlebar.k-header {
    background-color: #fff !important;
    border-radius: 10px 10px 0 0 !important;
    border-bottom: 1px solid #cecece !important;
    height: 48px !important;
    padding: 12px 24px 12px 24px !important;   
}

.k-window-actions{
    padding-right:16px !important;
}

.k-widget.k-window {
    border: 1px solid #cecece !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1), 0 10px 24px 0px rgba(0, 0, 0, .25) !important;
}

.saig-msgbox-footer {
    border-top: 1px solid #cecece !important;
}

.k-window-content {
    border-radius: 10px !important;
    padding:0px !important;
}

#configForm .saig-container-main{
    padding:unset !important;
}

.footer-wrapper.saig-space{
    margin-bottom:unset;
    height: 48px !important;
}
#configForm .saig-space .saig-form-buttons {
    padding:9px 24px 9px 24px;
    border-top: 1px solid #cecece;
}

#metadataConfigWrapper .form-group {
    padding: 6px 0px 6px 0px !important;
    margin-bottom: unset !important
}

.saig-msgbox-body {
    margin-top: unset !important;
    margin-bottom: unset !important;
    padding: 27px 24px 27px 24px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 21.09px !important;
    text-align: left !important;
    color: #000000 !important;
}

.saig-msgbox-footer {
    padding: 9px 24px 8px 24px !important;
}

.saig-form-buttons .saig-button-set > button{
    margin-left:4px !important;
}

.saig-msgbox-footer .saig-button-set > button {
    margin-left: 8px !important;
}

div.k-window-iframecontent{
    padding:3px !important;
}

.footer-wrapper.grid-setting {
    margin-top: 25px;
    border-top: 1px solid #cecece;
    height: 47px;
    position:absolute !important;
}

#columnconfig .saig-grid-config .config-field-list.column-action-position{
    margin:17px 100px !important;
}

.saig-grid-config-other-buttons {
    bottom: 8px !important;
}

.saig-grid-config-main-buttons {
    bottom: 8px !important;
}


.modal-dialog.saig-msgbox {
    width: 500px !important;
    min-width: 90px !important;
    min-height: 50px !important;
}

.modal-content.saig-msgbox-content {
    border: 1px solid #cecece !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1), 0 10px 24px 0px rgba(0, 0, 0, .25) !important;
}

.saig-msgbox-header {
    background-color: #fff !important;
    border-radius: 10px 10px 0 0 !important;
    border-bottom: 1px solid #cecece !important;
    height: auto !important;
    padding: 10px 18px 10px 24px !important;
}

.saig-msgbox-header .close {
    margin-top: 1px !important;
}

.saig-msgbox-title {
    color: #313131 !important;
    font-size: 1.6rem !important;
    text-transform: unset !important;
    letter-spacing: .35px !important;
    padding:4px !important;
    left: 0 !important;
    max-width: 426px;
    word-break: break-word;
    overflow-wrap: break-word;
    height: 27px;
}
.saig-msgbox-footer .saig-button-set > input{
    margin-left:8px;
}


#configForm .saig-container-main.saig-plugin-frame {
    margin-bottom: unset !important;
    overflow: auto !important;
    padding: 0px 24px 0px 34px !important;
    max-height: auto;
}

#configForm .saig-container-main.saig-plugin-frame .container-fluid{
    padding-top:20px !important;
    padding-bottom:24px !important;
}

.footer-wrapper {
    position: sticky;
    background-color:#fff;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 60px;
    z-index: 9999;
}

.footer-wrapper div.row {
    margin: unset !important;
    margin-left: 0px !important;
    border-radius: 10px !important;
}

#ConfPluginContainer > div,
#ConfPluginContainer > div > form,
#ConfPluginContainer > div > form > div{
    height: 100%;
}

#ConfPluginContainer > div > form > div > div.saig-container-main {
    height: calc(100% - 48px);
}

.saig-icon-employee-active {
    margin-right: 6px;
    margin-left: 6px !important;
}

.saig-icon-employee-inactive {
    margin-right: 6px;
    margin-left: 6px !important;
}

.saig-icon-employee-deleted {
    margin-right: 6px;
    margin-left: 6px !important;
}

#SaveFilter .saig-msgbox-body-content .saig-msgbox-body {
    padding-bottom: 32px !important;
}

#SaveFilter .saig-save-name {
    width: 451px !important;
}

.saig-icon-expand-collapse:after, .saig-icon-expand-collapse.not-expanded:after {
    content: "\e925";
}

.saig-icon-expand-collapse.expanded:after {
    content: "\e928";
}

.saig-icon-expand-collapse {
    height: 20px;
    display: block;
    float: left;
    margin-top: -5px;
    margin-right: 8px;
}

.saig-grid-frame .saig-grid-filters {
    padding: 4px 0 4px 16px !important;
}

.saig-grid-frame .saig-grid-filter-control {
    margin: 4px !important;
}

.saig-grid-frame .saig-grid-filter-control-first {
    margin-right: 4px !important;
}


 .clsCollapseBtn {
    height: 29px;
    width: 29px;
}

#filterAdvanced.saig-filter-advanced-button {
    line-height: 25px;
    margin: unset !important;
}

#onGridFilters .saig-filter-title{
    margin-top: 4px !important;
}

/*Css changes for Filter in FA2 pages*/
#filter_aspx .saig-grid-filters {
    padding: 4px 0 4px 16px !important;
}

.saig-grid-frame #filter_aspx .form-group input[type="text"] {
    margin: 4px !important;
}

#filter_aspx .k-dropdown.saig-grid-filter-control.legacy-inline-dropdown-control {
    margin: 2px !important;
}

#filter_aspx .saig-grid-filter-control.saig-filter-advanced-button {
    line-height: 25px !important;
    margin:unset !important;
}

.saig-msgbox-body.spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px !important;
}
.TodoSectionMain {
    height: 36px;
    padding: 0px 0px 0px 0px;
}

.TodoSectionName > a, .TodoItemName > a, .TodoItemCount > a {
    font-weight: 400;
    padding-bottom: 10px;
}

.TodoSectionName {
    max-width: 85%;
    text-overflow: ellipsis;
}
.TodoItemName {
    max-width: 80%;
    text-overflow: ellipsis;
}

.TodoSectionCount, .TodoItemCount {
    width: 35px;
}

.TodoSectionName,
.TodoSectionCount {
    padding-top: 10px;
}

.TodoSectionDetail {
    padding-bottom: 10px;
}

.TodoDetailItem {
    margin-top: 4px;
    margin-bottom: 4px;
}

.TodoDetailItem:first-child {
    margin-top: 0px;
}
.TodoDetailItem:last-child{
    margin-bottom: 0px;
}

.TodoDetailItem .TodoItemCount a {
    text-decoration: none !important;
    color: var(--main-color) !important;
}

.TodoDetailItem .TodoItemName a {
    text-decoration: none !important;
    color: #7a7a80 !important;
}

.TodoSection .TodoSectionCount a {
    text-decoration: none !important;
    color: var(--main-color) !important;
}

.TodoSectionName > a {
    text-decoration: none !important;
}

.TodoSectionMain:hover, .TodoDetailItem:hover {
    background-color: transparent !important;
}

.css-ToDoList .PluginBorder > div,
.css-MyStuff .PluginBorder > div {
    margin: 0px 16px 16px 16px;
}

.css-AnnouncementList .TabularData tr td {
    min-height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 16px;
}
.css-AnnouncementList .TabularData .TableCell{
    vertical-align:top;
}
.css-AnnouncementList .TabularData .TableCell.subject {
    position: relative;
}

.css-AnnouncementList .TabularData .TableCell .icon {
    float: left;
    position: absolute;
  /*  top: 50%;
    transform: translateY(-50%);*/
}

.css-AnnouncementList .TabularData .TableCell .text {
    display: inline-block;
    padding-left: 28px;
}

.css-AnnouncementList.saig-plugin-container .RowGroup .ListTableRowHeader {
    vertical-align: top;
    font-size: 12px;
    color: GrayText !important;
    background-color: rgb(238,238,238) !important;
    cursor: default;
}

.css-AnnouncementList .ListTableRowHeader,
.css-AnnouncementList .ListTableRowHeader,
.css-AnnouncementList .ListTableRowHeader:hover,
.css-AnnouncementList .ListTableRowHeader:hover {
    border: 0px;
}

.css-AnnouncementList.saig-plugin-container .saig-icon-details {
    line-height: 0;
    vertical-align: top;
    padding-top: 11px;
}

.css-AnnouncementList .TabularData .TableCell.TableCellLeft,
.css-AnnouncementList .TabularData .TableCell.TableCellRight {
    border-bottom: 0px;
}

.css-AnnouncementList .date-label {
    font-size: 14px;
}

.css-AnnouncementList .time-label {
    font-size: 12px;
    color: GrayText;
}

.css-AnnouncementList .PluginBorder .saig-container-main {
    padding: 0px;
}

.TabularData tr.RowGroup td {
    vertical-align: middle;
}

.saig-search > input {
    background-color: transparent;
}

.circle-status {
    border-radius: 50%;
    height: 8px;
    display: inline-block;
    width: 8px;
    margin-right: 4px;
    margin-bottom: 1px;
}

.saig-icon-padlock:after {
    content: "\e941";
    font-size: 12px;
    display: inline-flex;
}

.saig-icon-shortcut:after {
    content: "\e944";
    font-size: 12px;
    display: inline-flex;
}

#SetTabsContainer .saig-space .saig-form-buttons {
    padding: 9px 24px 9px 24px;
    border-top: 1px solid #cecece;
}

#SetTabsContainer .footer-wrapper {
    height: 48px !important;
}

#MovePluginContainer > div,
#MovePluginContainer > div > div,
#MovePluginContainer > div > div > div {
    height: 100%;
}

#MovePluginContainer > div > div > div > div.saig-container-main {
    height: calc(100% - 48px);
    overflow: auto;
}

#MovePluginContainer .saig-space .saig-form-buttons {
    padding: 9px 24px 9px 24px;
    border-top: 1px solid #cecece;
}

#MovePluginContainer .footer-wrapper {
    height: 48px !important;
}

#MovePluginContainer #configForm .saig-container-main {
    padding: 0px 24px 0px 24px !important;
}

#MovePluginContainer #configForm .saig-container-main.saig-plugin-frame .container-fluid .form-group{
    margin:unset !important;
}

.saig-form-buttons .saig-button-set#movebutton > button {
    margin-left: 8px !important;
}

/*CSS change for Event Calendar Starts */
.k-scheduler-toolbar .k-scheduler-views .k-state-selected {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

#scheduler .k-state-selected:hover {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
}

#scheduler .k-state-selected.k-state-hover > .k-link {
    color: #ffffff;
}

#scheduler .k-state-hover, .k-state-hover:hover {
    background-color: #e7e6e8;
    border-color: #e7e6e8;
}

#scheduler .k-header {
    background-color: #f3f3f3;
    border-color: #cecece;
}
/*CSS change for Event Calendar Ends */

.saig-icon-arrow-double-right:before {
    font-size: 23px !important;
    content: "\e931";    
    display: block;
}

.saig-icon-plus-button:after,
.saig-icon-small-plus:after {
    content: "\e93e";
    font-weight: 700;
}

.L3OverflowColumn li a {
    color: var(--main-color) !important;
}

.L3OverflowColumn li a:hover {
    color: var(--hover-color) !important;
}

.L3OverflowMenu,
.L4OverflowMenu,
.L3OverflowButtonHover,
.L4OverflowButtonHover {
    background-color: #ffffff !important;
}

.saig-icon-help:before {
    content: "\e93a";
    display: block;
    font-size: 15px !important;
    color: #00856C;
    float: left;
    margin-right: 5px;
    
}

.k-dropdown-wrap, .saig-static, .form-group * {
    box-shadow: none !important;
    transition: none !important;
}

.k-tooltip-content {
    color: var(--side-nav-selected-color) !important;
}

.saig-grid-sort-header-place, .k-grid-header .k-i-arrow-n, .saig-grid-sort-header-arrows {
    margin: 3px 4px !important;
}

.saig-grid .ListTableRowLight .ListTableCell .saig-empl-display{
    vertical-align:top !important
}

#PluginGrid_list_filtersHolder_selected {
    width: 100%;
    float: left;
}

.MvcGridToolbarWarning{
    display: block;
}

.k-widget.k-window:has(#SelPluginContainer) {
    height: 745px;
}

#SelPluginContainer .selected-content {
    overflow: auto;
    height: 60px;
}

#SelPluginContainer .footer-wrapper {
    margin-top: 30px;
}

.show-block{
    display: block;
}

/* loading.css */
.loading-box {
    text-align: center;
    padding: 16px;
    border: 1px solid var(--border-secondary-color);
    border-radius: 8px;
    width: 82px;
    height: 82px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.12);
}

.loading-image {
    width: 50px;
    height: 50px;
}
    

.lv-circular-loading {
    position: relative;
    margin: auto;
    width: 35px; /* Adjust size as needed */
    height: 35px; /* Adjust size as needed */
}

    .lv-circular-loading div {
        box-sizing: border-box;
        position: absolute;
        border: 8px solid var(--main-color); /* Background color of the circle */
        border-top: 8px solid var(--dark-color); /* Color of the loading segment */
        border-radius: 50%;
        width: 100%;
        height: 100%;
        animation: spin 1s linear infinite; /* Speed and type of animation */
    }

/* Keyframes for spinning animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Center the loading container in the page */
#loadingContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full height to center vertically */
}

/* Main loading box (container) */
.loading-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 82px;
    height: 82px;
    background: white;
    border: 1px solid var(--border-secondary-color);
    border-radius: 8px;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.12);
}

/* Circle of dots (this is centered in the box now) */
.lv-circle-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 15px;
    height: 15px;
}

    /* Dots (positioned around the center) */
    .lv-circle-dots div {
        position: absolute;
        width: 10px;
        height: 10px;
        background: gray;
        border-radius: 50%;
        animation: change-color 1.2s linear infinite;
    }

        /* Position dots in a perfect circle using transform */
        .lv-circle-dots div:nth-child(1) {
            transform: rotate(0deg) translate(20px);
        }

        .lv-circle-dots div:nth-child(2) {
            transform: rotate(45deg) translate(20px);
        }

        .lv-circle-dots div:nth-child(3) {
            transform: rotate(90deg) translate(20px);
        }

        .lv-circle-dots div:nth-child(4) {
            transform: rotate(135deg) translate(20px);
        }

        .lv-circle-dots div:nth-child(5) {
            transform: rotate(180deg) translate(20px);
        }

        .lv-circle-dots div:nth-child(6) {
            transform: rotate(225deg) translate(20px);
        }

        .lv-circle-dots div:nth-child(7) {
            transform: rotate(270deg) translate(20px);
        }

        .lv-circle-dots div:nth-child(8) {
            transform: rotate(315deg) translate(20px);
        }

        /* Animation delays to create the spinning color effect */
        .lv-circle-dots div:nth-child(1) {
            animation-delay: 0s;
        }

        .lv-circle-dots div:nth-child(2) {
            animation-delay: 0.15s;
        }

        .lv-circle-dots div:nth-child(3) {
            animation-delay: 0.3s;
        }

        .lv-circle-dots div:nth-child(4) {
            animation-delay: 0.45s;
        }

        .lv-circle-dots div:nth-child(5) {
            animation-delay: 0.6s;
        }

        .lv-circle-dots div:nth-child(6) {
            animation-delay: 0.75s;
        }

        .lv-circle-dots div:nth-child(7) {
            animation-delay: 0.9s;
        }

        .lv-circle-dots div:nth-child(8) {
            animation-delay: 1.05s;
        }

/* Keyframe for color change animation */
@keyframes change-color {
    0%, 100% {
        background: gray;
    }

    50% {
        background: var(--main-color);
    }
}

.default-multipick-lookup {
    max-height: 200px;
    height: unset !important;
    min-height: 100px
}

div[id^="SelectFolderTree_FolderTreeCtrl_"].saig-icon-folder-plain,
div[id^="SelectFolderTree_FolderTreeCtrl_"].saig-icon-folder-plain-open,
div[id^="SelectFolderTree_FolderTreeCtrl_"].saig-icon-folder-system-closed,
div[id^="SelectFolderTree_FolderTreeCtrl_"].saig-icon-folder-system-open {
    margin-top: 4px !important;
    margin-left: 4px;
    font-size: 14px !important;
    position: relative;
}

div[id^="SelectFolderTree_FolderTreeCtrl_"].saig-icon-manual,
div[id^="SelectFolderTree_FolderTreeCtrl_"].saig-icon-section {
    margin-top: 3px !important;
    margin-left: 3px !important;
    font-size: 14px !important;
    position: relative;
}

.saig-icon-manual nobr {
    position: relative; 
    left: -3px !important;
}

.saig-icon-section nobr {
    position: relative;
    left: -5px !important;
}

.saig-icon-folder-plain nobr {
    position: absolute;
    left: -5px;
    margin-top: 2px !important;
}

.dynatree-node .dynatree-title {
    margin-top: 1px !important;
}

.FolderTreeContainer .saig-folder-icon {
    margin-right: 0px !important; 
    margin-top: -3px;
}

.FolderTreeContainer .saig-foldertree-node:first-of-type {
    padding-bottom: 3px !important;
}