/* Auto Generated CSS File from the Theme Feature.
 DO NOT MODIFY THIS FILE DIRECTLY.  IT WILL BE OVERWRITTEN BY THE FEATURE */


#AdminOptionsBody
{
background:#E6EBEF;
}

#CollectionTypeID, #DeletedBy
{
background-color: #ffffff;
border: 1px solid #E1E1E1;

}

#DataViewAddNewMultiModuleRecord
{
border-radius: 0px;
}

#DataViewAddNewMultiModuleRecord:hover
{
background-color: #c2c2c2;
color: #FFFFFF;
}

#DataViewMultiModuleSearchBox:active
{
border: 1px solid #23ad72;
}

#DataViewMultiModuleSearchBox:focus
{
border: 1px solid #23ad72;
}

#DataViewMultiModuleSearchBox:hover
{
border: 1px solid #23ad72;
}

#DataViewMultiModuleSearchButton
{
border-radius: 0px;
}

#DataViewMultiModuleSearchButton:hover
{
background-color: #c2c2c2;
color: #FFFFFF;
}

#DataViewMultiModuleSelect:active
{
border: 1px solid #23ad72;
}

#DataViewMultiModuleSelect:focus
{
border: 1px solid #23ad72;
}

#DataViewMultiModuleSelect:hover
{
border: 1px solid #23ad72;
}

#DeletedCollectionsTableDiv > div:nth-child(3)
{
border: none;
}

#FilterName
{
width:300px;
}

#FilterSelect
{
background-color: #FFFFFF;
border: 1px solid transparent;
}

#MyDayTable td
{
vertical-align: top;
}

#overDiv
{
top: 300px;
   left: 200px;
   width: 20em;
   padding: 0.2em;
   background-color: #000000;
   border-style: solid;
   border-width: 1px;
   
   font-family: inherit;
   font-size: 12px;
   overflow: hidden;
   color: #FFFFFF;

}

#PopupURL_30002Body > div:nth-child(2)
{
border: none ;
}

#PrevNextButtonDiv
{
padding: 10px 0 0 0;
   margin: 0;
}

#ProcessTable > tbody > tr.TableRowOdd > td:nth-child(2)
{
padding: 8px;
}

#ShowAllLink
{
margin: 0 0 0 5px;
}

#TabLayout .ControlLabel, #TabLayout .ControlBody
{
background-color: #FFFFFF ;
color: black;
}

#TabLayout .ControlLabel:focus,  #TabLayout .ControlBody:focus, #TabLayout .ControlLabel:hover, #TabLayout .ControlBody:hover
{
border-style: dashed;
border-color: #c2c2c2;
border-width: 1px;
background-color: white ;
color: black;

}

#UpdateStateSpan
{
font-style: italic;
margin-top: 6px;
display: block;

}

#UserDetailsForm .DefaultText  td a
{
text-align: center;
}

#UserGroupDetailsForm .DefaultText td
{
/*padding: 15px;*/
}

#\31 1748_LABEL
{
border: 1px dotted #B9B9B9 ;
}

*,
*:before,
*:after
{
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.ActionButton:hover
{
background-image: none;
   font-family: inherit;
}

.AdminOption:hover
{
background:#CBD0D7;
}

.BackgroundShade1:hover,.BackgroundShade1.On
{
color: #fff;
background-color: rgba(65, 64, 66, 0.4);
fill: rgb(120, 120, 120);
stroke: rgb(120, 120, 120);
}

.BackgroundShade2
{
color: #fff;
background-color: rgba(65, 64, 66, 0.4);
fill: rgb(120, 120, 120);
stroke: rgb(120, 120, 120);
}

.BackgroundShade2:hover,.BackgroundShade2.On
{
color: #fff;
background-color: rgba(65, 64, 66, 0.7);
fill: rgb(140, 140, 140);
stroke: rgb(140, 140, 140);
}

.BorderShade1
{
border-color: #f1f2f2;
border-width: 1px;
border-style: solid;
}

.BorderShade1:hover,.BorderShade1.On
{
border-color: #f1f2f2;
border-width: 1px;
border-style: solid;
}

.BorderShade2
{
border-color: #afb6b6;
border-width: 1px;
border-style: solid;
}

.BorderShade3,.BorderShade4,.BorderShade5,.BorderShade6
{
border-width: 1px;
border-style: solid;
}

.ButtonBlock
{
display: block;
   width: 100%;
   padding-left: 0;
   padding-right: 0;
   margin: 0 0 .25em 0;
}

.ButtonExtraLarge
{
font-size: 24px;
   height: auto;
}

.ButtonLarge
{
font-size: 18px;
   height: auto;
}

.ButtonMedium
{
font-size: 14px;
   height: auto;
}

.CalPrevYear
{
margin-left: .25em;
}

.CalPrevYear a, .CalPrevMonth a, .CalNextYear a, .CalNextMonth a
{
display: block;
   width: 18px;
   height: 18px;
   font-size: 11px;
   text-decoration: none;
}

.CardSearchText
{
border-color: #f1f2f2;
    background-color: #f1f2f2;
    background-image: url(../../Images/Search-Dark.png);
    background-position: 8px 9px;
    background-repeat: no-repeat;
    border-radius: 20px;
}

.CardSearchText
{
width: 100%;
    height: 24px;
    
    padding: 1.5em 1.3em 1.5em 2.8em;
    margin: 0;
    border-radius: 3px;
    font-size: 11px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.CardSearchText
{
font-size: 11px;
    width: 100%;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    padding-left: 2em;
    border-radius: 3px;
}

.CardTable
{

}

.col100
{
clear: both;
   position: relative;
   margin-bottom: 1%;
   box-sizing: border-box;
}

.col16
{
float: left;
   width: 16%;
   margin-right: 5%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.col25
{
float: left;
   width: 22%;
   margin-right: 4%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.col33
{
float: left;
   width: 30.66%;
   margin-right: 4%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.col50
{
float: left;
   width: 48%;
   margin-right: 4%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.col75
{
float: left;
   width: 73%;
   margin-right: 4%;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.CollectionTab,
.CollectionTabSelected,
.DataViewTab,
.DataViewTabSelected
{
float: left;
margin: .15em .5em 0 0;
padding: 2px;
border-style: solid;
border-width: 1px;
border-radius: 3px;
cursor: pointer;
transition: all 0.25s ease;
}

.CollectionTableDiv
{
clear: both;
}

.CollectionTabSpan
{
display: block;
overflow: hidden;

text-decoration: none;
white-space: nowrap;
padding: .5em .75em;
transition: all 0.25s ease;
cursor: pointer;
}

.ControlBody:hover
{

}

.ControlElement:active
{
border: 5px solid #23ad72;
}

.ControlElement:focus
{
border: 1px solid #23ad72;
}

.ControlElement:hover
{
border: 1px solid #23ad72;
}

.ControlElementIcon:hover
{
background-color: #c2c2c2;
    color: #FFFFFF;
}

.ControlElementRequired
{
   border-left-width:   3px;
   border-left-color:    red;
   border-left-style:     solid;
}

.CustomHeaderTools
{
margin: 0 .5em 0 0;
}

.d2
{
width: 50%;
}

.DataEntryFormPageDiv
{
text-align: center;
}

.DataEntryFormTab, .DataEntryFormTabSelected
{
cursor: pointer;
border-style: solid;
border-width: 1px;
margin: 2px;
text-align: center;
padding: .2em .75em;
font-size: 11px;
border-radius: 3px;
transition: all 0.25s ease;
float: left;
}

.DataViewBubbleInputField
{
padding-left: 19px;
}

.DefaultText
{
font-size: 11px;
font-family: inherit;

}

.DefaultText select, textarea
{
background-color: #ffffff; 
border: 1px solid #E1E1E1;
}

.DetailsDiv
{
margin: 0 0 10px 0;
position: relative;
border: none;
}

.DetailsFieldsDiv
{
padding: 0;
   margin: 0;
   overflow: hidden;
}

.DetailsFormDiv
{
overflow: hidden;
}

.DetailsIconsDiv
{
width:               125px;
   float:               right;
   padding:             2px;
   height:              16px;
}

.DetailsNavDivLeft
{
float: left;
}

.DetailsNavDivNone
{
display: none;
}

.DetailsNavDivTop
{
margin: 0 124px 10px 0;
}

.DetailsNavDivTop li
{
float: left;
}

.DetailsNavDivUnderTopPane
{
margin: 10px 0 10px 0;
}

.DetailsNavDivUnderTopPane li
{
float: left;
}

.DetailsTab, .DetailsTabSelected
{
padding: 0.4em 0.9em;
float: left;
margin: .15em .5em 0 0;
border-style: solid;
border-width: 1px;
border-radius: 3px;
cursor: pointer;
transition: all 0.25s ease;
}

.DetailViewTools
{
float: right;
}

.DetailViewTools ul li a
{
padding: .2em .5em;
   font-size: 11px;
}

.DetailViewTools ul ul
{
right: 0;
}

.DetailViewTools ul ul li a
{
padding: .2em .5em .2em .5em;
   font-size: 11px;
}

.DetailViewToolsMenu ul > li
{
text-indent: 0;
}

.DisplayRowNumbers
{
font-size: 11px;
}

.DropdownMenu
{
/*position: relative;*/
/*display: inline-block;*/

}

.DropdownMenu:hover .DropdownMenuOptions
{
display: block;
}

.DropdownMenuOption
{
border-radius: 5px;
padding:       0 .25em .25em .25em;
}

.DropdownMenuOptions
{
position:      absolute;
display:       none;
min-width:     100px;
box-shadow:    0px 0px 10px 2px;
border-radius: 5px;
}

.DropdownMenuOptions:hover
{
display: block;
}

.FeatureHeaderTools, .CustomHeaderTools
{
position: relative;
/*overflow: hidden;*/
overflow: visible;
float: left;
}

.FilterContainer
{
margin: 0 .25em 0 0;
   padding: 0;
   border-radius: 3px;
   float: left;
border: 1px solid #E1E1E1;
}

.FilterContainer .IconButton i
{
font-size: 18px;
}

.FilterEdit a, .FilterNew a, .FilterRefresh a
{
display: block;
   width: 18px;
   height: 18px;
   font-size: 11px;
   text-decoration: none;
}

.FilterIcon
{
font-size:  16px;
}

.FilterSelect
{
font-size: 11px;
   height: 18px; 
   border-style: solid;
   border-width: 1px;
   margin: 0 .25em 0 .25em;

   padding-left: .25em;
   padding-right: .25em;
   border-radius: 3px;
   min-width: 115px;
   max-width: 250px;
   text-indent: 1px;
   text-overflow: '';

   -webkit-appearance: none;
   -mox-appearance: none;
   appearance: none;
}

.FilterSelect::-ms-expand
{
display: none;
}

.FilterSelectContainer
{
margin: 0;
   padding: 0;
   border-radius: 3px;
   float: left;
}

.form-wrapper
{
background:#f1f2f2;
   width:100%;
    height: 40px;
    overflow:hidden;
}

.form-wrapper .button
{
overflow: visible;
  position: relative;

  border: 0;
  padding: 0;
  cursor: pointer;
  height: 40px;
  width: 48px;
  color: #fff;
  text-transform: uppercase;
  background: #c83632;
  border-radius: 0 3px 3px 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.form-wrapper .button:active,
.form-wrapper .button:focus
{
background: #c42f2f;
  outline: 0;
}

.form-wrapper .button:before
{
content: '';
  position: absolute;
  border-width: 8px 8px 8px 0;
  border-style: solid solid solid none;
  border-color: transparent #d83c3c transparent;
  top: 12px;
  left: -6px;
}

.form-wrapper .button:focus:before,
.form-wrapper .button:active:before
{
border-right-color: #c42f2f;
}

.form-wrapper .button:hover
{
background: #c83632;
}

.form-wrapper .button:hover:before
{
border-right-color: #c83632;
}

.FormatButton
{
border-style: solid;
   border-width: 1px;
   border-color: #AAAAAA; 
   padding: 1px;
   cursor: pointer;
}

.FormButton
{
height: 18px;
   font-size: 11px;
   text-align: center;
   text-decoration: none;

   margin: 0 .25em .1em .25em;
   cursor: pointer;
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
   width: 100%;
   overflow: hidden;
   transition: all 0.5s ease;
}

.FormButton:hover
{
background-image: none;
}

.FormElementListContainer
{
position: relative;
   overflow: auto;
   height: 80%;
   width: 95%;
}

.FormGroup label
{
display: inline-block;
   margin-bottom: .5em;
   font-size: 14px;

   color: #575757;
}

.GlobalSearchContainer
{
width: 10%;
   margin: 1.2em .5em 0 1em;
   padding: 0;
   border-radius: 3px;
   float: left;
}

.GlobalSearchText
{
width: 100%;
   border: none;
   margin: 0;
   padding: .5em .5em .5em 2.5em;

   border-radius: 3px;
}

.icon-IvinexAddNew:hover
{
background-color: #c2c2c2;
color: #d4e5fd;
}

.icon-IvinexHelp
{
cursor: pointer;
padding: 0px 2px 0px 2px;
font-size: 11px; 
border-style: solid; 
border-width: 1px; 
border-color: #000000; 
background-color: #0061d4; 
color: #FFFFFF;
}

.icon-IvinexHelp:before
{
content: "\e834f";
}

.icon-IvinexMaximizeWindow:before
{
content: "\e807a";
}

.img-responsive
{
max-width: 100%;
   height: auto;
}

.IvinexTable th
{
font-weight: bold;
height: 35px;
color: rgb(149, 155, 167);
background-color: rgb(249, 249, 249);
cursor: pointer;
}

.Link
{
/*text-decoration: none;*/
}

.Link, .FieldLink
{
font-size: 11px;
}

.LinkButton
{
font-size:13px;
}

.LinkedRecordControl:hover
{

}

.LinkedRecordControlButton
{
width:23px;
   height:100%;
   vertical-align: middle;
   padding: 5px;
   font-size: 10px;
   cursor: pointer;
   display:table-cell;
}

.LinkText
{
text-decoration: underline;
   cursor: pointer;

   font-size: 11px;
}

.LoginFooter
{
padding-top: 1em;
   clear: both;
}

.LoginFooter p
{
font-size: 10px;
   color: #575757;
}

.LoginForgotPassword
{
float: left;
}

.LoginHeader p
{
margin-top: 0;
}

.LoginWrapper .FormControl
{
display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.428571429;
   color: #555;
   vertical-align: middle;
   border: 1px solid #ccc;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,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;
}

.MinimizeButton
{
font-size:           11px;
}

.Nav ul
{
list-style: none;
   position: relative;
   display: inline-table;
}

.Nav ul li a, .IconMenuList li div
{
display: block;
   overflow: hidden;

   text-decoration: none;
   white-space: nowrap;
   padding: .5em .75em;
   transition: all 0.25s ease;

}

.Nav ul li:hover > ul
{
display: block;
}

.Nav ul ul
{
display: none;
}

.Nav ul ul
{
position: absolute;
   top: 100%;
   padding-top: .25em;
   border-radius: 3px;
   z-index: 999999;
}

.Nav ul ul li
{
float: none;
   position: relative;
   margin: 0;
   padding: 0 .25em .25em .25em;
   border-radius: 3px;
   cursor: pointer;
   border: none;
}

.Nav ul:after
{
content: "";
   clear: both;
   display: block;
}

.NavOverflowUL a
{
text-indent: 0;
}

.NavOverflowUL,.UserToolsMenu
{
box-shadow: 0px 0px 10px 2px;
}

.PageBody
{
position: relative;
margin: 0;
padding: 1em;
height: calc(100% - 60px);
}

.PageHeaderLogo
{
position: relative;
   width: 15%;
   height: 100%;
   max-height: 60px;
   min-width: 210px;
   margin: 0;
   padding: .5em;
   overflow: hidden;
   float: left;
   text-align: center;
}

.PageHeaderLogoImg
{
max-height:       47px;
   max-width:        98%;
   vertical-align:   middle;
}

.PageHeaderLogoImgHelper
{
display:          inline-block;
height:           100%;
width:            100%;
background-size: 70%;
background-repeat: no-repeat;
background-image: url(../../Images/Logo.png);
background-position: center;
}

.PageHeaderSubMenuDiv
{
box-shadow:       0px 0px 10px 2px;
border-radius:    3px;
font-size:             12px;
}

.PopupSectionCloseButton:before
{
content:'\e809d';
}

.PreviousRecords
{
margin-right: .25em;
}

.QuickSearchInput:active
{
border: 1px solid #23ad72;
}

.QuickSearchInput:focus
{
border: 1px solid #23ad72;
}

.QuickSearchInput:hover
{
border: 1px solid #23ad72;
}

.QuickSearchInputFirst
{
padding-left: 2em;
}

.QuickSearchTable td
{
margin: 0;
   padding: 0;
}

.RadioBoxText
{
display: inline-block;
   height: 18px;
   margin-top: 1px;
   vertical-align: top;
   padding: 2px 8px 0 4px;
   line-height: 1em;
}

.RadioBoxText
{
cursor: default;
}

.RecordListTools
{
float: right;
}

.RecordListTools ul li a
{
padding: .2em .5em;
   font-size: 11px;
}

.RecordListTools ul ul
{
right: 0;
}

.RecordListTools ul ul li a
{
padding: .2em .5em .2em 2.5em;
   font-size: 11px;
}

.RecordListToolsMenu .SubNavItem span
{
display:none;
}

.RecordListToolsMenu ul > li
{
text-indent: 0;
}

.RecordsetPaging
{
float: right;
   font-size: 11px;
   margin: 0 .25em 0 0;
}

.RefreshTableDiv
{
overflow: auto;
   clear: both;
}

.RelatedText
{
font-size: 11px;
color: #808080;
}

.ReportDesignCollectionType
{
width: 180px;
   height: 100%;
   float: left;
}

.ReportDesignTable
{
border-style: solid;
   border-width: 1px;
   font-size: 11px;
}

.ReportDetailSection
{
height: 400px;
   width: 200px;
   border-style: solid;
   border-width: 1px;
   border-color: #888888; 
   overflow: scroll;
}

.ReportFoldersDiv
{
padding: 5px 0 0 0;
}

.ReportFormElement
{
position: absolute;
   border-style: dotted;
   border-width: 1px;
}

.ReportTable
{
font-size: 11px;
}

.SearchContainer
{
margin: 0 .25em 0 0;
   padding: 0;
   border-radius: 3px;
   float: left;
border: 1px solid #E1E1E1;
}

.SearchContainer:focus-within
{
border: 1px solid #23ad72;
}

.SearchContainer:hover
{
border: 1px solid #23ad72;
}

.SearchCriteriaGroupJoin
{
margin: 5px 0 5px 200px;
}

.SearchCriteriaTable
{
width: 100%;
}

.SearchField
{
font-size: 11px;
}

.SearchJoinMethod
{
font-size: 11px;
}

.SearchOperand
{
font-size: 11px;
}

.SearchValue
{
font-size: 11px;
}

.Section:focus-within .SectionHeaderTitle
{
text-decoration: underline;
text-decoration-color: #e8e643;
text-decoration-thickness: 3px;
text-underline-offset: 3px;
}

.Section:hover
{
/*border: 2px solid black;*/
/*zoom:1.0039;*/
/*box-shadow: 2px 2px 2px #CACACA;*/
box-shadow: 2.5px 2.5px 2.5px #DADDE2;
}

.selectdiv
{
position: relative;
   
   
   
   width: 100%;
}

.selectdiv label select option
{
padding:7px 8px; 
   background:#fff;
   -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;
    margin: 7px 8px;
    outline:none;
}

.selectdiv label select option:hover,
.selectdiv label select option:focus,
.selectdiv label select option:active
{
background-color: #f1f2f2;
}

.selectdiv select
{
-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   
   
   display: block;
   width: 100%;      
   float: right;   
   padding: 0px 8px;
   font-size: 11px;
   line-height: 1.75;
   color: #333;
   background-color: #ffffff;
   background-image: none;
   border: 1px solid #cccccc;
   -ms-word-break: normal;
   word-break: normal;
}

.selectdiv:after
{
content: "\e819e";
   font: 17px 'AllIconFonts';
   color: #333;
   transition: all 0.2s ease;
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   right: 5px;
   
   
   top: 2px;
   padding: 0 0 2px;   
   
   
   position: absolute;
   pointer-events: none;
}

.selectdiv:focus-within:after
{
-webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}

.ShadedText
{
font-size: 11px;
}

.ShowColor
{
border-style: solid;
   border-width: 1px;
   border-color: #000000;
}

.StaticDisplayDiv
{
height: 100%;
   width: 100%;
   box-sizing: border-box;
}

.SubNavItem div:hover
{
color: black;

}

.SubTabMenu
{
margin: 0 0 .25em 0;
}

.SubTabMenu ul > li > a
{
font-size: 11px;
   padding: .2em .75em;
}

.TableCell
{
padding: 2px 2px 2px 2px;
   overflow: hidden;
}

.TableCellDivNoWrap
{
margin: 0;
   
   overflow: hidden;
   white-space: nowrap;
}

.TableCellNoWrap
{
padding: 2px 2px 2px 2px;
   overflow: hidden;
   white-space: nowrap;
}

.TableEditableCellInput
{
font-size:     11px;
   width:         100%;
   box-sizing:    border-box;
}

.TableHeaderCell, .TableRowEven, .TableRowOdd, .TableRowSelected, .TableRowMouseOver
{
cursor: pointer;
}

.TableHeaderCellDivNoWrap
{
overflow: hidden;
   white-space: nowrap;
}

.text-center
{
text-align: center;
}

.text-justify
{
text-align: justify;
}

.text-left
{
text-align: left;
}

.text-nowrap
{
white-space: nowrap;
}

.text-right
{
text-align: right;
}

.UMQuickSearchInput 
{
background-color: #ffffff;
border: 1px solid #E1E1E1;

}

.UMQuickSearchInput:active
{
border: 1px solid #23ad72;
}

.UMQuickSearchInput:focus
{
border: 1px solid #23ad72;
}

.UMQuickSearchInput:hover
{
border: 1px solid #23ad72;
}

.UMUserListDiv
{
border-style: none;
}

.UMUserListHeaderDiv


{
border-style: none;
}

.UserTools ul li a
{
padding: 0;
}

.UserTools ul ul
{
right: 0;
}

.WindowHeaderButton
{
cursor:              pointer;
   float:               right;
   width:               18px;
   height:              16px;
   margin:              0;
   margin-left:         7px;
   border-radius:       0;
   background-position: center;
   text-align:          center;
}

.xxxDetailsNavDivLeft .xxxDetailsTabList li
{
float: left;
}

:-moz-placeholder
{
font-style:italic;
}

:-ms-input-placeholder
{
font-style:italic;
}

::-moz-placeholder
{
font-style:italic;
}

::-webkit-input-placeholder
{
font-style:italic;
}

::-webkit-resizer
{
background: transparent;
}

::-webkit-scrollbar-button
{
background: transparent;
}

::-webkit-scrollbar-corner
{
background: transparent;
}

::-webkit-scrollbar-track
{
background: transparent;
}

fieldset
{
position: relative;
   margin-bottom: .5em;
   padding: .75em;
   overflow: hidden;
   border-radius: 3px;
}

h1
{
font-size: 18px;
   font-weight: bold;
   line-height: 1.2em;   
   letter-spacing: .05em
}

h2
{
font-size: 16px;
   font-weight: bold;
   line-height: 1.2em;
   letter-spacing: .05em
}

h3
{
font-size: 14px;
   font-weight: bold;
   line-height: 1.2em;
   letter-spacing: .05em
}

h4, h5, h6
{
font-size: 12px;
   font-weight: bold;
   line-height: 1.2em;
   letter-spacing: .05em
}

hr
{
clear: both;
   display: block;
   width: 100%;
   height: 1px;
   padding: 0;
   margin: .5em auto;
   background: #E6E6E6;
   border-style: none;
}

input.DefaultText:active
{
border: 1px solid #c2c2c2;
}

input.DefaultText:focus
{
border: 1px solid #c2c2c2;
}

input.DefaultText:hover
{
border: 1px solid #27ad72;
}

input:disabled, textarea:disabled
{
background-color: #ffffff00;
border: 1px solid transparent;
}

input:focus
{
outline: none;
}

legend
{
font-size: 12px;
   font-weight: bold;
   padding: 0;
}

p
{
font-size: 11px;
   margin-bottom: 1em;
   line-height: 1.2em;
}

select::-ms-expand
{
display: none;
}

select:focus
{
 outline: none;
 border: 1px solid #c2c2c2;
}

select:hover
{
 outline: none;
 border: 1px solid #c2c2c2;
}

svg
{
fill: currentColor;
}

table, th, td
{
font-size: 11px;
}

table.DefaultText th, table.DefaultText td
{
padding: 2px;
}

table.LayoutTable th, table.LayoutTable td
{
padding: 2px;
}

textarea
{
font-family: inherit;
   font-size: 11px;
}

textarea:focus
{
outline: none;
border: 1px solid #c2c2c2;

}

textarea:hover
{
outline: none;
border: 1px solid #c2c2c2;
}

th
{
text-align: left;
}

[data-tooltip]
{
position: relative;
}

[data-tooltip].bottom:before, [data-tooltip].bottom:after
{
transform: translateY(-10px);
}

[data-tooltip].bottom:hover:after, [data-tooltip].bottom:hover:before
{
transform: translateY(0px);
}

[data-tooltip].left:before, [data-tooltip].left:after
{
transform: translateX(0px);
}

[data-tooltip].left:hover:after, [data-tooltip].left:hover:before
{
transform: translateX(-10px);
}

[data-tooltip].right:before, [data-tooltip].right:after
{
transform: translateX(0px);
}

[data-tooltip].right:hover:after, [data-tooltip].right:hover:before
{
transform: translateX(10px);
}

[data-tooltip].top:before, [data-tooltip].top:after
{
transform: translateY(10px);
}

[data-tooltip].top:hover:after, [data-tooltip].top:hover:before
{
transform: translateY(0px);
}

[data-tooltip]:after
{
width: 0;
   height: 0;
   border: 6px solid transparent;
   content: '';
}

[data-tooltip]:after, [data-tooltip]:before
{
position: absolute;
   visibility: hidden;
   opacity: 0;
   transition: transform 200ms ease, opacity 200ms;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   z-index: 99;
}

[data-tooltip]:before
{
content: attr(data-tooltip);
   background: #000;
   color: #fff;
   font-size: 10px;
   font-weight: bold;
   padding: 10px 15px;
   border-radius: 5px;
   white-space: nowrap;
   text-decoration: none;
   text-transform: capitalize;
   letter-spacing: 1px;
}

[data-tooltip]:hover:after, [data-tooltip]:hover:before
{
visibility: visible;
   opacity: 0.85;
   transform: translateY(0px);
}

[data-tooltip][data-position="bottom"]:after
{
border-bottom-color: #000;
   border-top: none;
   top: 100%;
   left: 5px;
   margin-top: 4px;
}

[data-tooltip][data-position="bottom"]:before
{
top: 100%;
   left: -130%;
   margin-top: 10px;
}

[data-tooltip][data-position="left"]:after
{
border-left-color: #000;
   border-right: none;
   top: calc(50% - 3px);
   right: 100%;
   margin-top: -6px;
   margin-right: 4px;
}

[data-tooltip][data-position="left"]:before
{
top: -12%;
   right: 100%;
   margin-right: 10px;
}

[data-tooltip][data-position="right"]:after
{
border-right-color: #000;
   border-left: none;
   top: calc(50% - 6px);
   left: calc(100% + 4px);
}

[data-tooltip][data-position="right"]:before
{
top: -5%;
   left: 100%;
   margin-left: 10px;
}

[data-tooltip][data-position="top"]:after
{
border-top-color: #000;
   border-bottom: none;
   bottom: 101%;
   left: calc(50% - 6px);
   margin-bottom: 4px;
}

[data-tooltip][data-position="top"]:before
{
bottom: 100%;
   left: -130%;
   margin-bottom: 10px;
}

 .Nav ul ul li a:hover
{
border-radius: 2px;
}

#GreetingDivDrownDown
{
font-size: 28px;
height:20px;
float: right;
position: relative;
top: -7px;
}

#StatusDiv
{
position: absolute;
   top: 60px;
   left: 50%;
   font-size: 12px;
   text-align: center;
   padding: .25em 1em .25em 2em;
   margin: 0;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   z-index: 99999;
   display: none;
   transition: all 0.25s ease;
   background-image: url(../../Images/Information-Light.png);
   background-position: .25em center;
   background-repeat: no-repeat;
color: #fff;
   background-color: #c02c07;
   border-color: #c02c07;
}

..MinimizeButton:hover
{
background-color: #c02c07;
border: solid 1px #c02c07;
border-radius: 2px;
}

.ActionButton
{
padding: 0.4em 1.7em;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   margin: .25em .25em .1em .25em;
   cursor: pointer;
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
   transition: all 0.5s ease;
   font-family: inherit;

}

.ActionButtonDelete
{
padding:0.4em 1.0em;
   font-size: 13px;
   text-align: center;
   text-decoration: none;
   margin: 0 .25em .1em .25em;
   cursor: pointer;
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
   transition: all 0.5s ease;
   font-family: inherit;
   background-color:transparent;
   border-color:#9E6565;
   color:#9E6565;
   transition: all 0.5s ease;
    float: right;

}

.ActionButtonDelete:hover
{
border-color:#c02c07;
   color:#fff;
   background-color:#c02c07;
}

.BackgroundShade1

{
color: #fff;
background-color: rgba(65, 64, 66, 0.2);
fill: rgb(200, 200, 200);
stroke: rgb(200, 200, 200);
}

.Bold-Icon
{
font-weight:600;
}

.BorderShade2:hover,.BorderShade2.On
{
border-color: #afb6b6;
border-width: 1px;
border-style: solid;
}

.CalendarDaySelected
{
cursor: pointer;
   font-size: 11px;
   border-style: solid;
   border-width: 1px;
   padding: 4px;
border-radius: 2px;
}

.CalendarDayUnavailable
{
cursor: default;
   font-size: 11px;
   border-style: solid;
   border-width: 1px;
background-color: #cccccc;
color: #000000;
}

.CalendarDayWeekday, .CalendarDayWeekend
{
cursor: pointer;
   font-size: 11px;
   border-style: solid;
   border-width: 1px;
   padding: 4px;
background-color: #ffffff;
border-color: #f1f2f2;
color: #000000;
}

.CalendarDayWeekend:hover, .CalendarDayWeekday:hover
{
border-radius: 2px;
}

.CalendarTitle
{
font-size: 11px;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;
}

.CalendarWeekHeader
{
font-size: 11px;
font-weight: 600;
border-width: 1px;
padding: 7px;
}

.CalNextMonth, .CalNextMonth:hover
{
   background-image: url(../../Images/Calendar/Next-Light.png);
   border-color: #58595b;
background-color: #58595b;

}

.CalNextYear, .CalNextMonth
{
width: 18px;
   height: 18px;
   margin: 0 .25em 0 0;
   padding: 0;
   border-style: solid;
   border-width: 1px;
   border-radius: 2px;
   float: right;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   border-color: transparent;
background-color: transparent;

}

.CalNextYear, .CalNextYear:hover
{
   background-image: url(../../Images/Calendar/NextYear-Light.png);
   border-color: #58595b;
background-color: #58595b;

}

.CalPrevMonth, .CalPrevMonth:hover
{
   background-image: url(../../Images/Calendar/Previous-Light.png);
   border-color: #58595b;
background-color: #58595b;


}

.CalPrevYear, .CalPrevMonth
{
width: 18px;
   height: 18px;
   margin: 0 .25em 0 0;
   padding: 0;
   border-style: solid;
   border-width: 1px;
   border-radius: 2px;
   float: left;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   border-color: transparent;
background-color: transparent;

}

.CalPrevYear, .CalPrevYear:hover
{
background-image: url(../../Images/Calendar/PreviousYear-Light.png);
   border-color: #58595b;
background-color: #58595b;

}

.CardTable td
{
padding:0;
   margin:0;
   vertical-align:top;
}

.CardTable tr
{
padding:0;
   margin:0;
}

.col16-last
{
clear: right;
   float: left;
   width: 16%;
   margin-right: 0;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.col25-last
{
clear: right;
   float: left;
   width: 22%;
   margin-right: 0;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.col33-last
{
clear: right;
   float: left;
   width: 30.66%;
   margin-right: 0;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.col50-last
{
clear: right;
   float: left;
   width: 48%;
   margin-right: 0;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.col75-last
{
float: left;
   width: 73%;
   margin-right: 0;
   margin-bottom: 1%;
   position: relative;
   box-sizing: border-box;
}

.CollectionTable
{

}

.CollectionTable th, .CollectionTable td, .DisplayOptionsTable th, .DisplayOptionsTable td
{
font-size: 11px;
   
   padding: .25em;
   vertical-align: middle;
}

.CollectionTable, .DisplayOptionsTable
{
font-size: 11px;
   border: none;
   border-spacing: 0;
}

.CollectionTabOverflow a, .CollectionTabOverflowSelected a
{
width: 168px; 
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
border-radius: 2px;
}

.CollectionTabSelected,
.CollectionTab:hover
{
border-radius: 2px;
}

.containerDELETE
{
height: 73px;  
  overflow: hidden;
  position: relative;  
  margin-bottom: 1em;
}

.containerDELETE span:after
{
content: '\0000a0';
  position: absolute;
  width: 1000px;
  z-index: 1;
  background: white;
}

.containerDELETE:after
{
content: '...';
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0.3em;
  background: inherit;
}

.ControlBody
{
font-size: 11px;
   float: left;
   margin: 0;
border-radius: 3px;
display: flex;

}

.ControlElement
{
width: 100%;
   height: 100%;
   padding-left: 4px;
   margin: 0;
   background-color: #ffffff;
   border: 1px solid #E1E1E1;
   border-radius: 3px;
   font-size: 11px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.ControlElementIcon
{
font-size: 14px;
cursor: pointer;
padding-top: 3px;
padding-right: 5px;
padding-left: 5px;
background-color: #f1f2f2;
height: 24px;
}

.ControlLabel
{
font-size: 11px;
   text-align: right;
   margin: 0;
   float: left;
   line-height: 1em;
padding-top: 2px;
padding-right: 2px;
}

.d1DELETE
{
width: 100%;
}

.DataEntryFormWrapperDiv
{
width: auto;
   text-align: left;
   display: inline-block;
   padding: 20px;
   margin: 20px auto;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   overflow: hidden;
background-color: white;
border-color: #f1f2f2;
}

.DataViewSectionSubTabSelected,
.DataViewSectionSubTab:hover
{
border-radius: 2px;
}

.DataViewTabSelected,
.DataViewTab:hover
{
border-radius: 2px;
}

.DELETEDataEntryFormTabSelected
{
cursor: pointer;
border-style: solid;
border-width: 1px;
margin: 2px;
text-align: center;
padding: .2em .75em;
font-size: 11px;
border-radius: 3px;
float: left;
}

.DELETEDataEntryFormTabSelected,
.DELETEDataEntryFormTab:hover
{
border-radius: 2px;
}

.DELETEDataEntryFormTabSelected:hover
{
border-radius: 2px;
}

.DELETEDetailsTabSelected,
.DELETEDetailsTab:hover
{
border-radius: 2px;
}

.DetailsWrapperDiv
{
position: relative;
overflow: auto;
}

.DetailViewToolsCalendarEvent a, .RecordListToolsCalendarEvent a:hover
{
background: url(../../Images/Calendar-Light.png) no-repeat .5em center;
}

.DetailViewToolsChangeHistory a, .RecordListToolsChangeHistory a:hover
{
background: url(../../Images/ChangeHistory-Light.png) no-repeat .5em center;
}

.DetailViewToolsEmail a, .RecordListToolsEmail a:hover
{
background: url(../../Images/Email-Light.png) no-repeat .5em center;
}

.DetailViewToolsMenu
{
width: 18px;
   height: 18px;
   margin: 0;
   text-indent: 250%; 
   white-space: nowrap;
   overflow: hidden;
   background-image: url(../../Images/Tools-Light.png);
   background-position: center;
   background-repeat: no-repeat;
border-radius: 2px;
}

.DetailViewToolsMenu:hover
{
border-radius: 2px;
}

.DetailViewToolsPrint a, .RecordListToolsPrint a:hover
{
background: url(../../Images/Print-Light.png) no-repeat .5em center;
}

.FeatureDataTable td
{
border-bottom-color: #818181;
}

.FeatureDataTable th
{
color: #000;
   background-color: rgba(233,233,233,0.3);
}

.FeatureHeaderTools
{
margin: .25em .5em 0 0;
}

.FeatureHeaderToolsButton, .CustomHeaderToolsButton
{
position: relative;
   display: inline-block;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
border-color: transparent;
}

.FeatureHeaderToolsContent, .CustomHeaderToolsContent
{
position: relative;
   display: inline-block;
   vertical-align: top;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
border-color: transparent;
}

.FeatureHeaderToolsGroup, .CustomHeaderToolsGroup
{
position: relative;
   display: inline-block;
   vertical-align: middle;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   height: 30px;
border-color: transparent;
}

.FeatureMainContainer
{
border: 1px solid;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 5px;
border-color: #dcdcdc;
background-color: #ffffff;
}

.FeatureSection
{
border-color: rgba(233,233,233,0);
   background-color: rgba(233,233,233,0.4);
}

.FeatureUserPrefDiv
{
top: 160px;
bottom: 0;
overflow: auto;
}

.FieldDisplayOptionsField
{
width: 100%;
}

.FilterContainer .IconButton
{
float:left;
   text-indent:0;
    transition: all 0.2s ease;
}

.FilterEdit, .FilterNew, .FilterRefresh
{
width: 21px;
height: 21px;
margin: 0;
padding: 2.5px 2.5px;
border-style: none;
border-width: 1px;
float: left;
background-color: #F3F3F3;
/*text-indent: 100%;*/
white-space: nowrap;
overflow: hidden;
transition: all 0.5s ease;
border-radius: 0px;
cursor: pointer;
}

.FilterIcon:hover
{
border-radius: 2px;
background-color: #c2c2c2;
color: #ffffff;
}

.FilterSelect
{
height:21px;
   background-image: url(../../Images/DropMenu-Dark.png);
   background-position: right center;
   background-repeat: no-repeat;
border: none;
}

.FooterDiv
{
padding: 10px 0 0 0;
   margin: 10px 0 0 0;
   border-top: 1px solid;
border-top-color: #CCCCCC;
}

.form-wrapper .selectdiv:after
{
top:10px;
}

.form-wrapper td
{
padding:0;
  margin:0;
}

.form-wrapper tr
{
padding:0;
  margin:0;
}

.FormGroup
{
margin-bottom: 1em;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}

.GreetingDiv, .UserActionsDiv, .ShadedText, .RecordsetPaging
{
color: #808080;
}

.HeaderDiv
{
padding: 0 0 10px 0;
   margin: 0 0 10px 0;
   border-bottom: 1px solid;
border-bottom-color: #CCCCCC;
}

.HeaderTools
{
position: relative;
   margin: 1.1em 10px 0 0;
   padding: 0;
   float: right;
}

.icon-IvinexAddNew
{
float: right;
background-color: #C3C6CB;
color: #0d0b07;
}

.icon-IvinexAddNew:before
{
content: "\e800c";
}

.icon-IvinexAddNewMulti:before
{
content: "\e83a1";
}

.icon-IvinexAddRecord
{
font-size: 17px;
padding-top: 2px;
}

.icon-IvinexAddRecord:before
{
content: "\e800c";
}

.icon-IvinexAdmin:before
{
content: "\e83f1";
margin-right: 5px;
vertical-align: middle;
font-size: 18px;
}

.icon-IvinexCalendar:before
{
content: "\e83ba";
}

.icon-IvinexClearFieldValue:before
{
content: "\e809d";
}

.icon-IvinexClickToDial:before
{
content: "\e83da";
}

.icon-IvinexClickToSMS:before
{
content: "\e82c0";
}

.icon-IvinexColorPicker:before
{
content: "\e80a9";
}

.icon-IvinexDelete
{
border: solid 1px #c02c07;
border-radius: 3px;
padding: 3px 15px;
background-color: transparent;
color: #c02c07;
height: 26px;
width: 45px;
position: relative;
top: 3.5px;
font-size: 17px;
transition: all 0.5s ease;
cursor: pointer;
}

.icon-IvinexDelete:before
{
content: "\e8364";
}

.icon-IvinexDetailsTools:before
{
content: "\e81f6";
}

.icon-IvinexDropMenu:before
{
content: "\e802f";
}

.icon-IvinexFilterEdit:before
{
content: "\e80b8";
font-size: 16px;
}

.icon-IvinexFilterNew:before
{
content: "\e8129";
font-size: 16px;
}

.icon-IvinexFilterRefresh:before
{
content: "\e8268";
font-size: 16px;
}

.icon-IvinexHierarchy:before
{
content: "\e86ac";
}

.icon-IvinexLink:before
{
content: "\e86bb";
}

.icon-IvinexLogout:before
{
content: "\e8259";
margin-right: 5px;
vertical-align: middle;
font-size: 18px;
}

.icon-IvinexOverflow:before
{
content: "\e8327";
font-size: 18px;
position: relative;
left: -6px;
top: -1.5px;
}

.icon-IvinexOverflow:hover
{

}

.icon-IvinexQuickClose
{
background-color: transparent;
color: #c02c07;
border: solid 1px transparent;
border-radius: 3px;
height: 30px;
width: 30px;
font-size: 15px;
}

.icon-IvinexQuickClose:before
{
content: "\e809d";
}

.icon-IvinexQuickClose:hover
{
background-color: #c02c07;
color: #ffffff;
border: solid 1px #c02c07;
border-radius: 3px;
height: 30px;
width: 30px;
padding: 3px 3px;
}

.icon-IvinexResetLayout
{

}

.icon-IvinexResetLayout:before
{
content: "\e835a";
margin-right: 5px;
vertical-align: middle;
font-size: 18px;
}

.icon-IvinexSearchForRecord
{
padding-right: 2px;
padding-top: 3.5px;
}

.icon-IvinexSearchForRecord:before
{
content: "\e828f";
}

.icon-IvinexSwitchUser:before
{
content: "\e8662";
margin-right: 5px;
font-size: 18px;
}

.icon-IvinexTableTools
{
height: 21px;
width: 21px;
}

.icon-IvinexTableTools:before
{
content: "\e81f6";
}

.icon-IvinexTime:before
{
content: "\e8004";
}

.icon-IvinexUserPreferences:before
{
content: "\e8363";
margin-right: 5px;
vertical-align: middle;
font-size: 18px;
}

.icon-IvinexUserToolsProfile:before
{
content: "\e8661";
color: #AAAAAA;
font-size: 26px;
}

.icon-IvinexViewEditor:before
{
content: "\e86be";
margin-right: 5px;
vertical-align: middle;
font-size: 18px;
}

.IconButton
{
color: #58595B;
    border-color: transparent;
    background-color: transparent;
    font-size: 18px;
     padding: 1px;

cursor: pointer;
/*float: right;*/
display: inline-block;
height: 21px;
width: 21px;
border-radius: 50px;
   transition: all 0.5s ease;


}

.IconButton:hover
{
background-color: #dcdcdc;
color: white;
border-radius: 50px;
}

.IconCloseButton
{
color: #9E6565;
    border-color: transparent;
    background-color: transparent;
    height:24px;
    width:24px;
    font-size: 18px;
   border-radius:3px;
   padding:2px 0;
}

.IconCloseButton:hover
{
border-color: #9e1a1a;
   background-color: #9e1a1a;
   color:#fff;
border-radius: 3px;
}

.IconMenu
{
display:        inline-block;
cursor:         pointer;
font-size:     16px;
padding-top:  0.15em;
position:       relative;
padding-left: 2px;
}

.IconMenu:hover
{
background-color: #f3f3f3;
color: #000000;
height: 21px;
width: 21px;
background-position: center;
background-repeat: no-repeat;
border-radius: 2px;
}

.IconMenu:hover > .IconMenuList
{
display: block;

}

.IconMenuList
{
display:           none;
z-index:           999999;
border-radius: 2px;
padding:   .25em;
position:          absolute;
left:                  -200%;
border: solid 1px transparent;

}

.IvinexApp
{
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.IvinexTable
{
border-spacing: 0;
}

.IvinexTable
{
font-size: 11px;
   border: none;
   border-spacing: 0;
   width: 100%;
   table-layout: fixed;
}

.IvinexTable th, .IvinexTable td
{
   padding: 3px 2px 3px 2px;
   vertical-align: middle;
   overflow: hidden;
}

.LinkedRecordControl
{
white-space: nowrap;
   display:table-cell;   
   overflow: hidden;
   display:table-cell;
   height:100%;
   vertical-align: middle;
padding-left: 4px;
background-color: #ffffff00;
border-radius: 3px;
font-size: 11px;
padding-top: 3px;
border: 1px solid #E1E1E1;
}

.LoginBody
{
padding: 1.5em 3em .5em 3em;
}

.LoginButton, .SendPasswordButton
{
width: calc(100% - 5.1em);
left: 2.3em;
position: relative;
height: 30px;
}

.LoginCopyright
{
float: left;
padding-left: 30px;
padding-bottom: 20px;
}

.LoginError
{
border-left: solid 3px #c90000;
   padding: .5em;
   font-size: 14px;
   color: #fff;
   text-align: center;
   background-color: rgba(255, 0, 0, 0.5);
   margin-bottom: .5em;
}

.LoginHeader
{
position: relative;
   padding: 1.5em .5em .5em .5em;
   background-color: rgb(255, 255, 255);
}

.LoginPoweredBy
{
float: right;
padding-right: 30px;
}

.LoginSuccess
{
border-left: solid 3px #00a22e;
   padding: .5em;
   font-size: 14px;
   color: #fff;
   text-align: center;
   background-color: rgba(2, 149, 27, 0.5);
   margin-bottom: .5em;
}

.LoginWrapper
{
position: relative;
   max-width: 600px;
   width: 430px;
left: calc(50% - 215px);
top: calc(50% - 200px);
   border-radius: 3px;
}

.MaximizeButton
{
font-size: 14px;
   padding-top: 3px;
   width: 21px;
   height: 21px;
   padding-right: 1px;
}

.MaximizeButton:hover
{
background-color: #dcdcdc;
color: #fff;
border-radius: 2px;
}

.Menu, .MenuItem, .MenuOptions
{
border-radius: 2px;
}

.Nav .SubNav
{
/*padding-right: 1.25em;*/
cursor: pointer;
}

.Nav ul li
{
float: left;
   margin: .15em .5em 0 0;
   padding: 2px;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   cursor: pointer;
   transition: all 0.25s ease;
}

.Nav ul ul li a
{
padding: .25em 1em .25em 0.5em;
border-radius: 3px;
}

.NavOverflow, .NavOverflow a
{
width: 30px;
white-space: nowrap;
overflow: hidden;

}

.NavOverflow.SubNav
{
background-color: transparent;
border-color: transparent;
border-radius: 2px;
}

.NavOverflow.SubNav:hover
{
border-radius: 2px;
height: 34px;
}

.PageHeader
{
position: relative;
   height: 60px;
   width: 100%;
   margin: 0;
   padding: 0;
   clear: both;
   z-index: 9999999;
   font-size: 12px;
   box-shadow: 0 0 10px 0 rgba(69, 64, 64, .3);
-webkit-box-shadow: 0 0 10px 0 rgba(69, 64, 64, .3);
}

.PopupSection, .PopupSectionAlert, .PopupSectionTool
{
border-color: #AFAEB0;
     border-radius:5px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.PopupSectionCloseButton
{
font-weight: 100;
   float: right;
   width: 24px;
   height: 24px;
   cursor: pointer;
   padding: 3px;
   margin: 0;
   border-radius: 2px;
   font-family: 'AllIconFonts';
  background-color:transparent;
   background-image:none;
   font-size:18px;
}

.PopupSectionCloseButton:hover, .WindowHeaderButton:hover
{
background-color: #E81123; 
   color:#fff;
}

.PrimaryMenu
{
position: relative;
   margin: 1.1em 10px 0 10px;
   padding: 0;
   float: left;
}

.ProgressBase
{
background-color: rgba(65, 64, 66, 0.7);
   fill: rgba(65, 64, 66, 0.7);
}

.ProgressNegative
{
background-color: rgba(207, 69, 55, 0.7);
fill: rgba(207, 69, 55, 0.7);
}

.ProgressNeutral
{
background-color: rgba(0, 153, 204, 0.8);
   fill: rgba(0, 153, 204, 0.8);
}

.ProgressPositive
{
background-color: rgba(122, 198, 93, 0.7);
fill: rgba(122, 198, 93, 0.7);
}

.QuickSearchInput
{
font-size: 1em;
   width: 100%;
   padding: .25em;
   border-style: solid;
   border-width: 1px;
border-color: #E1E1E1;
   background: #fffffff;
   color: #414042;
}

.QuickSearchTable
{
border: none;
   font-size: 11px;
   width: 100%;
   clear: both;
   margin-bottom: 5px;
   z-index: 500;
   position: relative;
   top: 2px;
}

.RecordListToolsMenu
{
text-indent: 0;
  
   border-color: transparent;
   background-color: transparent;
   height:14px;
   width:14px;
   font-size: 18px;
  border-radius:3px;
  padding:3px 0;
}

.RecordListToolsMenu
{
background-image:none;
  
    border-color: transparent;
    background-color: transparent;
}

.RecordListToolsMenu
{
width: 18px;
   height: 18px;
   margin: 0;
   text-indent: 250%; 
   white-space: nowrap;
   overflow: hidden;
}

.RecordListToolsMenu li a
{
background-image:none;
   padding: .4em 1.7em .4em 1.7em;
}

.RecordListToolsMenu:hover
{
border-color: transparent;
   background-color: rgba(167,169,171,0.3);
}

.RecordListToolsMenu>a
{
font-family: 'AllIconFonts';
   font-weight: 100;
   font-size:18px;
   text-decoration: none;
   padding:0;
   margin:0;
   color: #58595B;
}

.RecordListToolsMenu>a:before
{
content:'\e81f6';
}

.SearchCriteriaGroup
{
border-style: solid;
   border-width: 2px;
   padding: 2px;
background-color: #FFFFFF;
   border-color: #f1f2f2;
}

.SearchText
{
width: 100%;
    height: 21px;
    margin: 0;
    border-radius: 3px;
    font-size: 11px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
border: none;
background-color:#ffffff;
}

.Section, .PopupSection, .PopupSectionAlert, .PopupSectionTool
{
position: absolute;
   margin: 0;
   padding: 0;
   z-index: 1;
   border-radius: 5px;
   overflow: hidden;
border: solid;
border-width: 1px;
}

.SectionBody, .PopupSectionBody, .PopupSectionAlertBody, .PopupSectionToolBody
{
overflow: auto;
   padding: .25em;
   margin: 0;
   font-size: 11px;
background: white;
}

.SectionHeader, .PopupSectionHeader, .PopupSectionAlertHeader, .PopupSectionToolHeader
{
text-align: left;
   padding: .4em .5em;
   font-weight: bold;
   font-size: .813em; 
   overflow: hidden;
}

.SectionHeaderTitle
{
padding: 4px 0px;
   white-space: nowrap;
   overflow: hidden;
}

.SectionHeaderTitle
{
text-rendering: optimizelegibility;
   letter-spacing: .03em;
}

.SelectDuration
{
border-style: solid;
   border-width: 1px;
   font-size: 11px;
   text-align: center;
   text-decoration: underline;
border-radius: 2px;
}

.SelectTime
{
border-style: solid;
   border-width: 1px;
   font-size: 11px;
   text-align: center;
   text-decoration: underline;
border-radius: 2px;
}

.StaticDisplayDiv ol
{
padding-left: 10px;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 10px;
   list-style: decimal outside;
}

.StaticDisplayDiv table
{
margin-bottom: 1em;
}

.StaticDisplayDiv th, .StaticDisplayDiv td
{
padding: 3px 2px;
}

.StaticDisplayDiv ul
{
padding-left: 10px;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 10px;
   list-style: disc outside;
}

.SubNavItem
{
font-family: Arial;
font-size: 12px;

}

.SubNavItem:hover
{
border-radius: 0px;
background-color: #a8aeb1;


}

.TableHeader
{
font-weight: bold;
height: 35px;
color: #414042;
background-color: #fff;
}

.TableHeader td
{
padding: 8px 6px;
   border-bottom:1px solid #E1E2E4;
   font-size:7.5pt;
   
   font-weight: 600;
   text-transform: uppercase;
}

.TableHeaderDiv
{
margin-right: 10px;
}

.TableRowEven
{
background: #ffffff;
border-bottom:1px solid #f1f1f1;
height: 35px;
}

.TableRowEven td
{

}

.TableRowMouseOver td
{
border-bottom:1px solid #f1f1f1;
border: transparent;
height: 35px;

}

.TableRowOdd
{
background: #ffffff;
height: 35px;
border-bottom:1px solid #f1f1f1;

}

.TableRowOdd td
{

}

.TableRowRemoved
{
cursor: pointer;
background-color: #c02c07;
   color: #FFFFFF;
height: 35px;
}

.TableRowSelected td
{
border-bottom:1px solid #f1f1f1;
height: 35px;
}

.UserPreferenceField
{
width: 100%;
}

.UserTools
{
position: relative;
   float: right;
}

.UserTools .SubNav, .UserTools .SubNav:hover
{
/*   background-image: url(../../Images/DropMenu-Light.png);
   background-position: 95% center;
   background-repeat: no-repeat;
border-radius: 2px;
*/
}

.UserTools ul ul li a
{
font-size: 12px;
}

.UserToolsName
{
padding-top: .5em;
float: left;
}

.UserToolsPicture
{
width: 28px;
height: 28px;
border-radius: 3px;
margin: 0 .5em 0 0;
float: left;
background: #fff;
}

.WindowHeaderButton
{
background-color:transparent;
}

::-webkit-scrollbar
{
width:10px;
}

::-webkit-scrollbar-thumb
{
background: #c8c6c4;    
   transition: all 0.5s ease;
   border-radius:20px;
}

::-webkit-scrollbar-thumb:hover
{
background: #B2B0AE;
}

a:link, a:visited, a:active
{
/*text-decoration:none;*/
padding-left: 4px;
}

body
{
   font-family: "Arial", sans-serif;
   font-size: 100%;
   line-height: 1em;
   margin: 0;
   padding: 0;
   fill: currentColor;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   letter-spacing: .03em;
   background-color: transparent;
   color: #000000;
   height: 100%;
}

button
{
outline:none;
}

html
{
height: 100%;
}

input.DefaultText
{
border-radius: 3px;
font-size: 11px;
box-sizing: border-box;
/*width: 170px;*/
height: 20px;
padding-left: 4px;
background-color: #ffffff;
border: 1px solid #E1E1E1;

}

svg text
{
font-family: 'AllIconFonts', 'iglyphs', 'icomoon','Arial', sans-serif;

}

.CalendarTitle a
{
color: black; 
}

.icon-IvinexDelete:hover
{
background-color: #c02c07;
border-color: #c02c07;
color: #fff;
width: 45px;
height: 26px;
border-radius: 3px;
}

.icon-IvinexLink
{
font-size: 14px;
height: 21px;
width: 21px;
padding: 3px;

}

.PopupSection,
.PopupSectionTool
{
border: 0 solid;
box-shadow: 0px 0px 10px 2px;
border-radius: 5px;
}