/*=========================================================
CSS STYLES - RadComboBox - Taken from EN04 - these override
the Telerik default skin "WebBlue" set in web.config:
see: http://www.telerik.com/help/aspnet-ajax/combobox-appearance-skins.html
IE 9.0 changes the appearance

.InputBoxMediumWhite
    {
    font-size: 9pt;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: top;
    background-color: #FFFFFF;	
    width: 150px;
    border-right: #96AABF 1px solid;
    border-top: #96AABF 1px solid;
    border-left: #96AABF 1px solid;
    border-bottom: #96AABF 1px solid; 
}
=========================================================*/

/*
.RadComboBox_WebBlue
{
    border: 0px !important;
    background-color: White;
}

.RadComboBox_WebBlue input
{       
    font-size: 9pt !important;
    word-spacing: normal !important;
    text-transform: none !important;
    font-style: normal !important;
    font-family: Verdana !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}
*/

/*.RadComboBox_WebBlue
{
    border: 1px !important;
    background-color: White;
    height: 18.5px !important;
}

    .RadComboBox_WebBlue td
    {
        height: 10px !important;
    }

        .RadComboBox_WebBlue td.rcbInputCellLeft
        {
            background-position: 0 -210px !important;
        }

.rcbArrowCellRight
{
    background-position: -157px -90px !important;
}

.RadComboBox_WebBlue input
{
    height: 14px !important;
    padding: 0px !important;
    margin: 0px !Important;
    font-size: 9pt !important;
    word-spacing: normal !important;
    text-transform: none !important;
    font-style: normal !important;
    font-family: Verdana !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

.RadComboBox_WebBlue a
{
    height: 10px !important;
    padding-right: -2px !important;
}*/
html {
    font-size: 62.5%;
}

.RadWindow_Metro .rwTopLeft,
.RadWindow_Metro .rwTopRight,
.RadWindow_Metro .rwTitlebar,
.RadWindow_Metro .rwTopResize {
    background: rgb(20, 88, 153) !important;
}

.RadWindow_Metro .rwControlButtons a {
    background-color: rgb(20, 88, 153) !important;
}

.RadComboBox_Metro .rcbFocused .rcbArrowCell {
    background-color: rgb(233, 233, 233) !important;
}

    .RadComboBox_Metro .rcbFocused .rcbArrowCell a {
        background-position: -1px -19px !important;
    }

/*=========================================================
CSS STYLES - Processing - Wait/Hourglass
=========================================================*/
* {
    box-sizing: border-box;
}

.Alertbox {
    /*background: #FFF;
    border: #B45F04 solid 1px;*/
    text-align: center;
    position: fixed;
    margin-left: -75px;
    margin-top: -75px;
    left: 40%;
    top: 40%;
    z-index: 111111115;
}

.FadeScreen {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 111111111;
    background: #000;
}

/*=========================================================
CSS STYLES - RAW HTML ELEMENTS
=========================================================*/

.I {
    /*background-color: #000000;*/
    color: #0000FF;
    font-weight: bold;
}

a:hover {
    color: #859733;
}

/* Following is to always show vertical scroll bar in Firefox - for horizontal alignment */
html {
    /*overflow: -moz-scrollbars-vertical;*/
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    /* needed for container min-height */
    /*font-family: arial,sans-serif;*/
    font-family: Verdana;
    font-size: small;
    color: #424242;
    /*background-color: #EEEEEE;*/
    background-color: #ecf0f5;
    font-size: 1.4rem;
}

/*form {
    background-color: #ecf0f5;
}*/

td {
    padding: 0;
    vertical-align: top;
}

table {
    text-align: left;
    border: Solid 0px White;
    border-collapse: collapse;
    width: 100%;
}

IntrepidTable {
    width: 100%;
    vertical-align: top;
    border: 0px;
    border: outset 55pt;
    border-spacing: 30pt 10pt;
    background-color: #003366;
}

/*=========================================================
AMO ADDITIONAL ENTRIES
=========================================================*/

.BorderSilver {
    background-color: silver;
}

.InputBoxLabel {
    font-size: 1.06rem;
    word-spacing: normal;
    text-transform: none;
    color: #000000;
    /*#3E4E4E*/
    /*font-style: oblique;*/
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    border: 1px solid #C0C0C0;
    padding: 1px 5px 2px 5px;
}


.SystemTitleBackgroundIntrepid {
    background-color: #145899;
    /*DARK BLUE*/
}

.SystemTitleBackgroundIntrepidPurple {
    background-color: #52246F;
    /*PURPLE*/
}

.SystemTitleBackgroundIntrepidGreen {
    background-color: #004926;
    /*GREEN*/
}

.SystemTitleBackgroundIntrepidRed {
    background-color: #990000;
    /*RED*/
}

.SystemTitleBackgroundIntrepidBlack {
    background-color: #000000;
    /*BLACK*/
}

.SystemTitleBackgroundIntrepidGrey {
    background-color: #736F6E;
}

.SystemTitleFontWhite {
    /*font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;*/
    /*font-size: 12px;*/
    font-family: verdana;
    color: #FFFFFF;
    font-weight: bold;
}

.SystemTitleFontWhiteLarge {
    font-family: Verdana;
    /*font-size: 12px;*/
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.85rem;
}

.TopBarBG {
    background-image: url(../../images/Common/TopBar.gif);
}

/*=========================================================
CSS STYLES FOR IN20
=========================================================*/



.BackgroundGrey {
    background-color: LightGrey;
}

.BackgroundMargin {
    /*background-color: #EEEEEE;*/
    background-color: #FFFFFF;
}

.DataLabel {
    font-size: 1.05rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelMessage {
    font-size: 1.09rem;
    word-spacing: normal;
    text-transform: none;
    color: #000080;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelBold {
    font-size: 1.1rem;
    word-spacing: normal;
    text-transform: none;
    color: #424242;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
}

.registerConfirmation {
    font-size: 10pt;
}

    .registerConfirmation input[type=checkbox] {
        outline: 1px solid black;
    }

.RegisterConfirmationHyperlink {
    font-size: 10pt;
    font-weight: bold;
}

.DataLabelMedium {
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: #424242;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    word-break: keep-all;
    display: inline-block;
    vertical-align: top;
}

    .DataLabelMedium p {
        margin: 0 !important;
        line-height: 1.4;
    }

.textmiddel28 {
    line-height: 28px;
    vertical-align: middle;
}

p {
    font-size: 1.2rem;
    line-height: 1.5;
    font-family: Verdana;
    color: #424242;
}

.DataLabelMediumFaded {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #929292;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelMediumGrey {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: GrayText;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelMediumBoldGreen {
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: Green;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelLargeMedium {
    font-size: 16pt;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelLargeBoldGreen {
    font-size: 12pt;
    word-spacing: normal;
    text-transform: none;
    color: Green;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelLargeBold {
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelMediumWhite {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: White;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.DataControlAsLabelMedium {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    /*#3E4E4E
    /*font-style: oblique;*/
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    border: 0px solid #C0C0C0;
    padding: 1px 5px 2px 5px;
}

.DataLabelMediumBold, .labelClass {
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
    word-break: keep-all;
    display: inline-block;
    vertical-align: top;
}

.labelClass {
    display: inline-block;
    margin-top: 5px;
    vertical-align: top;
    font-weight: 400;
}

.DataLabelMediumEllipsis {
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    white-space: inherit;
}

.DataLabelMediumBoldEllipsis {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    white-space: inherit;
}

.DataLabelInactive {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: Gray;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.DataLabelHeader {
    font-size: 1.1rem;
    word-spacing: normal;
    text-transform: capitalize;
    color: #424242;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
}

.ErrorMsg {
    font-family: Verdana;
    font-size: 1.2rem;
    font-weight: bold;
    color: #931C1E;
}

.ErrorMsgLabel {
    font-weight: bold;
    font-size: 8pt;
    word-spacing: normal;
    text-transform: none;
    color: #931C1E;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.ErrorMsgLabelMedium {
    font-weight: bold;
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: #931C1E;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    word-break: keep-all;
    /*display: table-cell;*/
}


.FooterFont {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #333333;
    /* color: #666644; */
}

.FooterBorder {
    border-top: solid 1px silver;
}

.HeaderBorder {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: silver;
}

.GridView {
    font-size: 1.06rem;
    word-spacing: normal;
    text-transform: none;
    color: #000000;
    /*#3E4E4E*/
    /*font-style: oblique;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    text-decoration: none;
    padding: 1px 0px 2px 5px;
}

    .GridView td {
        border: solid 0px #FFFFFF;
        margin: 0px 0px 0px 0px;
        font-family: verdana;
        padding: 1px 1px 1px 1px;
        /*text-align: left;*/
    }

    .GridView th {
        border: solid 0px #FFFFFF;
        margin: 0px 0px 0px 0px;
        font-family: verdana;
        font-size: 1.3rem;
        font-weight: normal;
        padding: 1px 1px 1px 1px;
        /*text-align: left;*/
        color: #639300;
        /* Orange #DF7401;		*/
    }

        .GridView th a
        /* a means - Picked up for sorting on GridView, but leaves non-sorted column headings orange! Turn it off, and non-sorted go green! */ {
            color: #639300;
            /* Green */
        }

.Grid {
    border: Solid 0px #FFFFFF;
}

.GridIntrepid {
    background-color: #EEEEEE;
}

.Grid td {
    font-family: verdana;
    padding: 8px;
    margin: 0px;
}

.Grid th, .grid-table th {
    border: solid 0px #ffffff;
    margin: 0px 0px 0px 0px;
    font-family: verdana;
    font-size: 1.32rem;
    padding: 1px 1px 1px 1px;
    text-align: left;
    /*color: #639300;  Orange #DF7401;		*/
    color: #424242;
    font-weight: bold;
}

    .grid-table th a {
        color: #212529;
        text-decoration: none;
    }

        .grid-table th a:hover {
            color: #0a58ca;
        }

    .Grid th a
    /* a means - Picked up for sorting on GridView, but leaves non-sorted column headings orange! Turn it off, and non-sorted go green! */ {
        color: #424242;
        text-decoration: none;
        /* Green */
    }

.GridHeaderWhite {
    /*font-family: Verdana;
    font-weight: normal;
    font-size: xx-small;
    background-color: White;
    color: Gray;
    vertical-align: baseline;
    text-align: left;*/
}

    .GridHeaderWhite th {
        padding: 10px;
    }


.GridHeader {
    font-family: Verdana;
    font-weight: normal;
    font-size: xx-small;
    background-color: White;
    color: Gray;
    vertical-align: baseline;
    text-align: left;
}

    .GridHeader a {
        text-decoration: none;
        color: #212529;
    }

.NoWrap {
    white-space: nowrap;
}

.GridHeaderIntrepid {
    font-family: Verdana;
    font-weight: normal;
    font-size: xx-small;
    background-color: #EEEEEE;
    color: Gray;
    vertical-align: baseline;
    text-align: left;
}

.GridItemNoBackgroundNoHandCursor
/*used for RotationalPlanner only*/ {
    font-size: 1.4rem;
    text-align: left;
    word-spacing: normal;
    text-transform: none;
    color: #424242;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.GridItemNoHandCursor,
.GridAltItemNoHandCursor {
    font-size: 1.2rem;
    text-align: left;
    color: #424242;
}

.GridAltItemNoHand, .GridItemNoHand {
    cursor: default !important;
}

.GridItemNoBackground {
    font-size: 1.2rem;
    text-align: left;
    word-spacing: normal;
    text-transform: none;
    color: #424242;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    cursor: pointer;
}

.GridItem,
.GridAltItem {
    font-size: 1.2rem;
    text-align: left;
    color: #424242;
    cursor: pointer;
}

/*.GridItem:hover, .GridAltItem:hover, .GridItemNoHandCursor:hover, .GridAltItemNoHandCursor:hover {
        background-color: #BBDDFF;
    }*/

.GridItem,
.GridItemNoHandCursor {
    /*background-color: #F2F2FF;*/
    /*background-color: #F4F4F4;*/
    background-color: #fff;
}

.GridAltItem,
.GridAltItemNoHand,
.GridAltItemNoHandCursor {
    /*background-color: #E0E8EF;*/
    background-color: #ecf0f5;
}

.GridItemNoJustify,
.GridAltItemNoJustify {
    word-wrap: break-word;
    word-break: normal;
    font-size: 1.06rem;
    text-align: left;
    color: #424242;
}

.GridItemNoJustify {
    /*background-color: #E0E8EF;*/
    background-color: #F2F2FF;
    height: 20px;
}

.GridAltItemNoJustify {
    /*background-color: #F5F5F5;*/
    background-color: #E0E8EF;
    height: 20px;
}

.GridHeaderNoJustify {
    font-family: Verdana;
    font-weight: normal;
    font-size: xx-small;
    background-color: White;
    color: Gray;
    vertical-align: baseline;
}

/* For an unclickable gridview */
.GridItemNoEdit,
.GridAltItemNoEdit {
    font-size: 1.2rem;
    text-align: left;
    word-spacing: normal;
    text-transform: none;
    color: #424242;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    height: 20px;
    cursor: default;
}

.GridItemNoEdit {
    background-color: #fff;
}

.GridAltItemNoEdit {
    background-color: #ecf0f5;
}

/*.GridCellHighlight {
    background-color: #639300;
}*/

.GridPager td {
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: #424242;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.MiddleHeader {
    text-align: center !important;
}

.RightHeader {
    text-align: right !important;
}

.RightItem {
    text-align: right !important;
}

.BoxIntrepid {
    /*background-color: #E9E9E9;
	border: solid 1px #d7d7d7;*/
    padding: 10px;
    /*margin: 20px;*/
}


.BoxIntrepidWhite {
    /*background-color: #EEEEEE;*/
    background-color: #FFFFFF !important;
    border: solid 1px #d7d7d7;
    padding: 10px !important;
    /*margin: 20px;*/
}

.InputBlock {
    /*background-color: #EEEEEE;*/
    background-color: #E9E9E9;
    border: solid 1px #F2F2FF;
    /*vertical-align: top;     margin: 20px;*/
    /*padding: 10px;*/
    width: 100%;
}

table.InputBlock > th,
table.InputBlock > td {
    /* cell padding */
    padding: 5px;
}

table.InputBlock {
    /* cell spacing */
    border-collapse: separate;
    border-spacing: 4px;
}

.InputBlockWhite {
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    width: 100%;
}

.InputBlockWhiteSelected {
    background-color: #FFFFD5;
    border: solid 1px #CCCCCC;
    width: 100%;
}

.InputBox {
    font-size: 1.06rem;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: top;
    /*width:150px; --removed as it was affecting the grid pager ddl width */
    border-right: #96AABF 1px solid;
    border-top: #96AABF 1px solid;
    border-left: #96AABF 1px solid;
    border-bottom: #96AABF 1px solid;
    /* border-right: lightgrey 1px solid;     border-top: lightgrey 1px solid;     border-left: lightgrey 1px solid;     border-bottom: lightgrey 1px solid;*/
}

.InputBoxLocked {
    border-right: #9FB5D7 1px solid;
    border-top: #9FB5D7 1px solid;
    font-size: 1.06rem;
    word-spacing: normal;
    text-transform: none;
    border-left: #9FB5D7 1px solid;
    border-bottom: #9FB5D7 1px solid;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: top;
    background-color: #E0E8EF;
    color: #3E4E4E;
}

.InputBoxMedium {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: top;
    background-color: #EDF1F2;
    width: 150px;
    border-right: #96AABF 1px solid;
    border-top: #96AABF 1px solid;
    border-left: #96AABF 1px solid;
    border-bottom: #96AABF 1px solid;
    /* border-right: lightgrey 1px solid;     border-top: lightgrey 1px solid;     border-left: lightgrey 1px solid;     border-bottom: lightgrey 1px solid;*/
}

.InputBoxMediumWhite {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    /*vertical-align: top;*/
    background-color: #FFFFFF;
    width: 150px;
    /*border-right: #96AABF 1px solid;
    border-top: #96AABF 1px solid;
    border-left: #96AABF 1px solid;
    border-bottom: #96AABF 1px solid;*/
    /* border-right: lightgrey 1px solid;     border-top: lightgrey 1px solid;     border-left: lightgrey 1px solid;     border-bottom: lightgrey 1px solid;*/
}

.InputBoxMediumWhiteLabel {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: top;
    background-color: #FFFFFF;
    height: 15px;
}

.InputBoxWhiteMedium {
    font-size: 1.19rem;
    /*color: #333333;*/
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: top;
    width: 150px;
    /*border-right: #96AABF 1px solid;
    border-top: #96AABF 1px solid;
    border-left: #96AABF 1px solid;
    border-bottom: #96AABF 1px solid;*/
    /* border-right: lightgrey 1px solid;     border-top: lightgrey 1px solid;     border-left: lightgrey 1px solid;     border-bottom: lightgrey 1px solid;*/
}

.ErrorMsgInput {
    font-size: 1.06rem;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: top;
    /*border-right: #003366 1px solid;
    border-top: #003366 1px solid;
    border-left: #003366 1px solid;
    border-bottom: #003366 1px solid;
    background-color: #C7D79E;*/
}

/*, .ErrorMsgInputMedium > .racTokenList*/

.ErrorMsgInputMedium {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: top;
    border: 1px solid #931C1E !important;
    background-color: transparent !important;
}

.RACBErrorMsgInputMedium .racTokenList {
    border: 1px solid #931C1E !important;
    background-color: transparent !important;
}

.LabelHeader {
    font-size: 1.59rem;
    word-spacing: normal;
    text-transform: none;
    color: #639300;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

/*** Left Menu ***/
.PanelOutlookMenu {
    border: solid 1px LightBlue;
}

    .PanelOutlookMenu img {
        height: 22px;
    }

.MainMenuButton {
    position: inherit;
    width: 145px;
    height: 63px;
    float: left;
    cursor: hand;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    background-position: center top;
    background-repeat: no-repeat;
    border: solid 1px silver;
}

    .MainMenuButton:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        border-color: #FF8000;
        color: #FF8000;
    }

.MainMenuButtonText {
    padding-top: 40px;
    text-decoration: none;
    font-family: Tahoma;
    font-size: 1.4rem;
    font-weight: bold;
    color: #777777;
}

    .MainMenuButtonText:hover {
        color: #FF8000;
    }

.RadPanelBar .rpRootGroup,
.RadPanelBar .rpRootGroup .rpLink {
    border: none !important;
    color: #5F5F5F;
    text-decoration: none;
    border-bottom-width: 0px !important;
    text-indent: 0px;
}

.RadPanelBar .rpOut {
    border-bottom-width: 0px !important;
    text-indent: 0px;
}

/*** **** **** ***/

.Links {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/* Dynamic Links Menu */
.MainMenuButton {
    position: inherit;
    width: 145px;
    height: 63px;
    float: left;
    cursor: hand;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    background-position: center top;
    background-repeat: no-repeat;
    border: solid 1px silver;
}

    .MainMenuButton:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        border-color: #FF8000;
        color: #FF8000;
    }

.MainMenuButtonText {
    padding-top: 40px;
    text-decoration: none;
    font-family: Verdana;
    font-size: 1.4rem;
    font-weight: bold;
    color: #777777;
}

    .MainMenuButtonText:hover {
        color: #FF8000;
    }

.MenuLabel {
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 2;
    font-weight: bold;
    height: 22px;
}

.SystemLinkButton {
    color: #42688E;
    font-family: Verdana;
    /*font-size: 8pt;*/
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.SystemMenuContent {
    padding: 5px 5px 15px 5px;
    line-height: 20px;
    text-align: left;
}

.SystemMenuHeader {
    color: #FFFFFF;
    font-family: Verdana;
    padding: 5px 5px 5px 5px;
    background: transparent url('../../images/Common/SystemMenuHeader.png') no-repeat top right;
    /*background-image: url(../../images/Icons/SystemMenu/SystemMenuHeader.png);*/
    margin-bottom: 6px;
    text-align: left;
}

.SystemMenuHeaderSelected {
    color: #333333;
    font-family: Verdana;
    background: transparent url('../../images/Common/SystemMenuHeaderSelected.png') no-repeat top right;
    /*background-image: url(../../images/Icons/SystemMenu/SystemMenuHeaderSelected.png);*/
    padding: 5px 5px 5px 5px;
    text-align: left;
}

.SystemMenuHeaderBlank {
    background-position: right top;
    color: #FFFFFF;
    font-family: Verdana;
    background: transparent url('../../images/Common/SystemMenuHeaderBlank.png') no-repeat top right;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

.SystemHeaderBlack {
    color: #FFFFFF;
    font-family: Verdana;
    background: transparent url('../../images/Common/SystemHeaderBlack.png') no-repeat top right;
    padding: 5px 5px 7px 5px;
    text-align: left;
}

.SystemHeaderGreen {
    color: #FFFFFF;
    font-family: Verdana;
    background: transparent url('../../images/Common/SystemHeaderGreen.png') no-repeat top right;
    padding: 5px 7px 7px 5px;
    text-align: left;
}

.SystemMenuLinkButton {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none !important;
    text-align: left;
}

    .SystemMenuLinkButton:not([id^="SystemMenu1"]) {
        font-weight: bold;
    }

.BatchAttendanceButton {
    font-size: 1.2rem !important;
    margin-top: 5px;
    margin-left: 1px;
    margin-bottom: 5px;
    max-width: 230px;
    padding: 4px 15px !important;
}

.AttendanceIcon {
    font-size: 1.1rem !important;
}

.tdAttendanceButtons {
    padding-left: 6px;
    padding-right: 4px;
}

.SystemMenuLinkSpan {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #3366FF;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    text-decoration: underline;
}

    .SystemMenuLinkSpan:hover {
        color: #859733;
    }

.add-grey {
    display: block !important;
    background-image: url('../../images/Navigation/AddNew_Grey.png') !important;
    background-repeat: no-repeat !important;
    background-position: 80px 0px;
    border: #000 1px solid;
    width: 100px;
    height: 20px;
}

.SystemMenuLinkDisabled {
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: #424242;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-align: left;
}

.SystemMenuLinkButtonBold {
    font-size: 1.2rem;
    color: #424242;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    word-break: keep-all;
    cursor: pointer;
    /*display: table-cell;*/
}

.AccordionHeader {
    font-size: 1.2rem;
    word-spacing: normal;
    text-transform: none;
    color: #003366;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    background: transparent url('../../images/Navigation/Gridview/Images.GridView.DownArrow.gif') no-repeat center left;
    padding: 3px 3px 3px 18px;
    margin-top: 5px;
    cursor: pointer;
}

.AccordionHeaderSelected {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #003366;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    background: transparent url('../../images/Navigation/Gridview/Images.GridView.UpArrow.gif') no-repeat center left;
    padding: 3px 3px 3px 18px;
    margin-top: 5px;
    cursor: pointer;
}

.AccordionEditLink {
    text-decoration: none;
    color: #003366;
    font-size: 10px;
    cursor: pointer;
    margin-left: 40px;
}

.AccordionInnerHeader {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    margin-left: 20px;
    padding: 1px;
    cursor: pointer;
}

.AccordionContent {
    background: none repeat scroll 0 0 #E9E9E9;
    border: 1px solid #D7D7D7;
    border-radius: 5px 5px 5px 5px;
    line-height: 20px;
    margin: 6px 25px;
    padding: 5px 15px;
    text-align: left;
}

.SystemMenuLinkButtonWhite {
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #FFFFFF;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-align: left;
}

.SystemNavigationBG {
    background-image: url(../../images/Icons/navigation/SystemNavigation.png);
}

.SystemTitleHeaderBG {
    background-image: url(../../images/Image1.gif);
}

.HideControl {
    display: none;
}

.ShowControl {
    display: block;
}

.InvisibleInputBlockControl {
    background-color: #E9E9E9;
    height: 1px;
    width: 1px;
    border: none;
    text-decoration: none;
}

.DetailHeader {
    color: #FFFFFF;
    font-family: Verdana;
    padding: 5px 5px 5px 5px;
    background: transparent url('../../images/Icons/common/VistaBack.gif') top left;
    margin-bottom: 10px;
    text-align: left;
}

.DetailHeaderSelected {
    color: #333333;
    font-family: Verdana;
    background: transparent url('../../images/Icons/navigation/SystemTitleBackground.gif') top left;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

.DetailContent {
    background-color: #F2F2FF;
    border: solid 1px #F2F2FF;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.FirstTD, .FirstTD-lg, .FirstTDMedium {
    width: 155px;
    vertical-align: top;
    padding-top: 7px;
    padding-right: 5px;
}

.FirstTDSmall {
    width: 130px;
    vertical-align: top;
    padding-top: 7px;
    padding-right: 5px;
}

.FirstTD-lg {
    width: 200px;
}

.FirstTDMedium {
    width: 145px;
}

.FirstTD-sm {
    width: 120px;
}

.FirstTDLong {
    width: 190px;
    vertical-align: top;
}

.FirstTDVeryLong {
    width: 430px;
    vertical-align: top;
}

.DescriptionLabel {
    width: 190px;
    vertical-align: top;
}

.SecondTD {
    /*width: 200px;*/
    vertical-align: top;
    /*padding-right: 5px;*/
}

.ShowAsLabelTD {
    vertical-align: top;
    padding-top: 7px;
    padding-right: 10px;
}

.FirstTD + .SecondTD {
    vertical-align: bottom;
}

.InnerDateTD {
    vertical-align: top;
    padding-top: 0px;
    padding-right: 5px;
}

.InnerLabelTD {
    vertical-align: top;
    width: 155px;
    padding-top: 7px;
    padding-right: 5px;
}

.TR {
    vertical-align: top;
}

.DataLabelDesc {
    font-size: 0.92rem;
    word-spacing: normal;
    text-transform: none;
    color: Light Gray;
    font-style: italic;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
}

.FontStandardHeaderDarkBold {
    font-family: Verdana;
    font-size: 1.4rem;
    color: #3E4E4E;
    font-weight: bold;
}

.BackgroundMedium {
    background-color: #9FB5D7;
}

.DataLabelDisplay {
    width: 535px;
    overflow-y: scroll;
    background-color: White;
    border: solid 1px #96AABF;
}

.FontGridLinkBold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    color: #0000FF;
    font-weight: bold;
}

.FontStandardDark {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    color: #3E4E4E;
}

.FontStandardHeaderDark {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: #3E4E4E;
}

.FontStandardHeaderDarkBold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    color: #3E4E4E;
    font-weight: bold;
}

.FontWarningMessage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    color: red;
}


.FontGridStandard {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #3E4E4E;
}

.autocomplete_CompletionListElement {
    margin: 0px;
    cursor: default;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    background-color: White;
    border: 1px solid #777;
    padding: 2px 2px 2px 2px;
    z-index: 10000;
}

.autocomplete_Item {
    background-color: White;
    color: Black;
}

.autocomplete_HighlightedItem {
    background-color: #145899;
    color: White;
}

/* WIZARD */
.stepNotCompleted {
    background-color: rgb(153, 153, 153);
    width: 15px;
    border: 1px solid rgb(153, 153, 153);
    margin-right: 5px;
    color: White;
    font-family: Arial;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: middle;
}

.stepCompleted {
    background-color: #4d4d4d;
    width: 15px;
    border: 1px solid #4d4d4d;
    color: White;
    font-family: Arial;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: middle;
}

.stepCurrent {
    background-color: #424242;
    width: 15px;
    border: 1px solid #424242;
    color: White;
    font-family: Arial;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.stepBreak {
    width: 3px;
    background-color: Transparent;
}

.wizardProgress {
    padding-right: 10px;
    font-family: Verdana;
    font-size: 1.2rem;
}

.wizardTitle {
    font-family: Verdana;
    font-size: 1.2rem;
    font-weight: bold;
    vertical-align: middle;
    text-transform: capitalize;
}

#WizardStepDisabled,
#WizardStepEnabled {
    text-decoration: none;
    color: White;
    font-weight: normal;
}

#WizardStepDisabled {
    cursor: default;
}

#WizrdStepEnabled {
    cursor: pointer;
}

/*  Daypilot Context menu  */

.menu_main {
    font-family: Verdana;
    font-size: 1.06rem;
    border: 1px solid gray;
    background-color: white;
    padding: 0px;
    cursor: default;
}

/* title */
.menu_title {
    background-color: #f2f2f2;
    border-bottom: 1px solid gray;
    padding: 4px 4px 4px 37px;
}

.menu_main a {
    padding-left: 5px;
    color: black;
    text-decoration: none;
    cursor: default;
}

    .menu_main a img {
        margin-left: 6px;
        margin-top: 2px;
    }

    .menu_main a span {
        display: block;
        height: 20px;
        line-height: 20px;
        width: 120px;
        overflow: hidden;
        padding-left: 2px;
        padding-right: 20px;
    }

    .menu_main a:hover {
        background-image: url('../../images/DayPilot/menu_default/left.png');
        background-repeat: no-repeat;
        xbackground-position: 0% 100%;
    }

        .menu_main a:hover span {
            background-image: url('../../images/DayPilot/menu_default/right.png');
            background-repeat: no-repeat;
            background-position: 100%;
        }

.menu_main div div
/* separator */ {
    border-top: 1px solid #dddddd;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 28px;
}

.vacancyHeader {
    border: solid 0px #FFFFFF;
    margin: 0px 0px 0px 0px;
    font-family: verdana;
    font-size: 10pt;
    font-weight: normal;
    padding: 1px 1px 1px 1px;
    text-align: left;
    color: #639300;
    text-decoration: underline;
}

.vacancyItem {
    text-align: left;
    color: #333333;
    font-size: 8pt;
    cursor: hand;
    font-family: verdana;
}

/*  SYSTEM TITLE BANNER CLASSES  */

.SystemTitleBannerDefault {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerAccount {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerCollege {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/BannerInterfaceBlue.jpg');
}

.SystemTitleBannerHicom {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/banner_hicomgroup.jpg');
}

.SystemTitleBannerReference {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/BannerInterfaceBlue.jpg');
}

.SystemTitleBannerInterface {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/BannerInterfaceBlue.jpg');
}

.SystemTitleBannerAssessment {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/BannerAssessment.jpg');
}

.SystemTitleBannerCPPS {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/BannerCPPS.jpg');
}

.SystemTitleBannerLeaveManager {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerDocumentManagement {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerPerson {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerSecurity {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/BannerSecurity.jpg');
}

.SystemTitleBannerRootUser {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/banner_hicomgroup_Green.jpg');
}

.SystemTitleBannerPost {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerRevalidation {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/BannerInterfaceBlue.jpg');
}

.SystemTitleBannerPlacementManager {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerReporting {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerInformation {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerQM {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerCurriculum {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerError {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerLookups {
    float: left;
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: url('../../images/Headers/diabetes.jpg');
}

.SystemTitleBannerFontWhite {
    font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
    /*font-size: 12px;*/
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.85rem;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    z-index: 10;
}

.SystemTitleBannerFontBlack {
    font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
    /*font-size: 12px;*/
    color: #000000;
    font-weight: bold;
    font-size: 1.85rem;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    z-index: 10;
}

.SystemTitleBannerFontGrey {
    font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
    /*font-size: 12px;*/
    color: #5F5F5F;
    font-weight: bold;
    font-size: 1.85rem;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    z-index: 10;
}

/*--------FOR DISABLED CONTROLS---------*/
/*input[disabled][type='text'], input[disabled="disabled"], select[disabled=""], textarea[disabled="disabled"] */
input[disabled],
select[disabled],
textarea[disabled],
div[disabled] {
    background-color: #E0E0E0 !important;
    border: transparent 0px solid;
    /*overflow: hidden;*/
    cursor: default;
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
}



/*=========================================================
CSS STYLES - CAROUSEL NAVIGATION BUTTONS
=========================================================*/

/* Note: height because of alternative height captions.  Width, left for all browser comptability */

/*.navcarousel_background {
    padding: 0px 0px 0px 0px;
    width: 80%;
    position: relative;
    left: 80px;
    height: 150px;
}*/

a.prev,
a.next {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    top: 50px;
}

a.prev {
    left: -42px;
    background-position: 0 0;
    background: transparent url(../../images/Carousel/ad_prev.png) no-repeat;
}

    a.prev:hover {
        background-position: 0 -50px;
        background: url(../../images/Carousel/ad_prev_hover.jpg) no-repeat transparent;
    }

    /* Fix for dotted outline on hover/focus somewhere in here:  */
    /*

ul#off {list-style-type:none; padding:0; margin:0; width:37em; height:5em; margin:0 auto;}
ul#off li {display:block; width:7em; height:2em; float:left; margin-right:0.2em;}
ul#off a {display:block; width:7em; height:2em; position:relative; text-decoration:none; outline:0;}
ul#off a em {display:block; font-style:normal; width:7em; height:1.5em; color:#000; border-bottom:0.5em solid #000; position:absolute; top:0; left:0; cursor:pointer;}
ul#off a:hover {color:#c00;}
ul#off a:hover em {border-bottom:0.5em solid #c00;}
ul#off a:active, ul#off a:focus {width:0; height:0;}
ul#off a:active em, ul#off a:focus em {border-bottom:0.5em solid #00c; color:#00c;}

*/

    a.prev:active,
    a.prev:focus,
    a.prev:hover {
        /*border: thin solid #FFFFFF; */
    }


    a.prev.disabled {
        background-position: 0 -100px !important;
    }

a.next {
    right: -32px;
    background-position: -50px 0;
    background: url(../../images/Carousel/ad_next.png) no-repeat transparent;
}


    a.next:hover {
        background-position: -50px -50px;
        background: url(../../images/Carousel/ad_next_hover.jpg) no-repeat transparent;
    }

    a.next.disabled {
        background-position: -50px -100px !important;
    }

    a.prev.disabled,
    a.next.disabled {
        cursor: default;
    }

    a.prev span,
    a.next span {
        display: none;
    }

.pagination {
    text-align: center;
}

    .pagination a {
        background: url(../images/NavNext.gif) 0 -300px no-repeat transparent;
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0;
        display: inline-block;
    }

        .pagination a.selected {
            background-position: -25px -300px;
            cursor: default;
        }

        .pagination a span {
            display: none;
        }


/*=========================================================
CSS STYLES - CAROUSEL (STATIC OR NAVIGATION)
=========================================================*/

.carousel_image_holder {
    display: block;
    float: left;
}

.carousel_image_caption {
    position: relative;
    top: -10px;
    font-family: Segoe UI, Verdana;
    font-size: 1.2rem;
    font-weight: normal;
    color: #000000;
}

.carousel_image {
    padding: 1px;
    margin: 12px;
    border: 1px solid #000000;
    background-color: #000000;
    height: 98px;
    width: 130px;
}

.carousel_background {
    padding: 0px 0px 0px 0px;
}


div.clearfix {
    float: none;
    clear: both;
}

.clearfix {
    float: none;
    clear: both;
}



/*=========================================================
CSS STYLES - REVALIDATION
=========================================================*/

.SystemTitleBackgroundIntrepidRevalidation {
    background-color: #145899;
    /*DARK BLUE*/
    background: transparent url('../../images/Common/SystemMenuHeader.png') no-repeat top right;
}

.BoxIntrepidRevalidation {
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 10px;
    /*margin: 20px;*/
}

    .BoxIntrepidRevalidation:hover {
        background-color: #E9E9E9;
    }

.SectionParentTD {
    width: 33%;
    vertical-align: top;
}

.SectionParentTD25 {
    width: 25%;
    /*width: 150px;*/
    vertical-align: top;
}

.SectionParentTD75 {
    width: 75%;
    vertical-align: top;
    /*width: 450px;*/
}

.SectionParentTD50 {
    width: 50%;
    vertical-align: top;
    /*width: 300px;*/
}

.SectionTable {
    width: 100%;
    margin-bottom: 50px;
}

.SectionHeaderTRNoLink {
    width: 100%;
    background-image: url(../../images/Revalidation/SectionHeader.png);
    color: #250517;
    font-family: Verdana;
    font-size: 1.19rem;
}

.SectionHeaderTR {
    width: 100%;
    background-image: url(../../images/Revalidation/SectionHeader.png);
    color: #250517;
    font-family: Verdana;
    font-size: 1.19rem;
}

    .SectionHeaderTR:hover {
        width: 100%;
        background-image: url(../../images/Revalidation/SectionHeader_Green.png);
        color: #250517;
        font-family: Verdana;
        font-size: 1.19rem;
        cursor: pointer;
    }

.SectionHeaderTD {
    width: 100%;
    height: 20px;
    vertical-align: middle;
    padding: 5px;
}

.SectionContentTR {
    width: 100%;
    background-image: url(../../images/Revalidation/SectionContent.png);
    background-repeat: repeat-x;
    background-position: bottom;
    color: GrayText;
    font-family: Verdana;
    font-size: 1.19rem;
}

.SectionContentTD {
    width: 100%;
    vertical-align: top;
    padding: 5px;
}

/* Commit control buttons */

.commitButton {
    border: 0;
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 0px;
    float: left;
    width: 100%;
    cursor: hand;
    background-repeat: no-repeat;
    text-decoration: none;
}

div.commitButtonText {
    margin-left: 45px;
    margin-right: 0px;
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-align: left;
}

.commitButtonAdvanced {
    background-image: url(../../images/Navigation/AdvancedSearch.png);
}

.commitButtonNew {
    background-image: url(../../images/Common/New.png);
}

.commitButtonSubmit {
    background-image: url(../../images/Navigation/Search.png);
}

.commitButtonAll {
    background-image: url(../../images/Common/Edit.png);
}

.commitButtonClear {
    background-image: url(../../images/Common/Edit.png);
}

.commitButtonCreateSchedule {
    background-image: url(../../images/RotationalPlanner/Schedule.png);
}

.commitButtonSwitch {
    background-image: url(../../images/RotationalPlanner/Switch.png);
}

.commitButtonEdit {
    background-image: url(../../images/Common/Edit.png);
}

.commitButtonPublish {
    background-image: url(../../images/RotationalPlanner/Publish.png);
}

/*- Person Entitlement leave detail inputs -*/

.BatchEntitlementUpdateMode {
    vertical-align: top;
    width: 32%;
    float: left;
}

/*.PersonEntitlementMode {
    width: 100%;
}

    .PersonEntitlementMode td {
        width: 55%;
    }*/

/* Leave Application */

.AccordionShowContent div {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

/*--- MULTI-SELECT FILTER (new popup version) STYLES -----*/
.MultiSelectFilterTextBox {
    height: 15px;
    font-size: 1.19rem;
    color: #666;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana;
    text-decoration: none;
    vertical-align: middle;
    background-color: #FFFFFF;
    width: 150px;
    border-right: #96AABF 1px solid;
    border-top: #96AABF 1px solid;
    border-left: #96AABF 1px solid;
    border-bottom: #96AABF 1px solid;
}

.MultiSelectFilterSelectImage {
    vertical-align: middle;
    padding: 0px;
    width: 19px;
    height: 19px;
}

.hidden {
    display: none;
}

/* Search buttons */
.searchButton {
    border: 0;
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 0px;
    float: left;
    width: 100%;
    cursor: hand;
    background-repeat: no-repeat;
    text-decoration: none;
}

div.searchButtonText {
    margin-left: 45px;
    margin-right: 0px;
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-align: left;
}

.searchButtonAdvanced {
    background-image: url(../../images/Navigation/SearchGreen.jpg);
}

.clearButton {
    border: 0;
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 0px;
    float: left;
    width: 100%;
    cursor: hand;
    background-repeat: no-repeat;
    text-decoration: none;
}

div.clearButtonText {
    margin-left: 45px;
    margin-right: 0px;
    font-size: 1.19rem;
    word-spacing: normal;
    text-transform: none;
    color: #333333;
    font-style: normal;
    font-family: Verdana;
    letter-spacing: normal;
    text-decoration: none;
    text-align: left;
}

.clearButtonAdvanced {
    background-image: url(../../images/Navigation/Clear.png);
}


/* DOS specific styles*/
.dos {
    display: block;
    width: 810px !important;
    background-color: #E9E9E9;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .dos table.search-form {
        display: block;
        width: 800px !important;
        margin: 5px 5px 5px 5px !important;
        padding: 0px 0px 0px 0px;
        border-top: #fff 1px solid;
        border-left: #fff 1px solid;
        border-bottom: #999 1px solid;
        border-right: #999 1px solid;
    }

        .dos table.search-form tr td.label {
            width: 150px !important;
            padding: 3px 3px 3px 3px !important;
        }

        .dos table.search-form tr td.field {
            width: 240px !important;
            padding: 3px 3px 3px 3px !important;
        }

            .dos table.search-form tr td.field .disabled-field {
                display: block;
                height: 20px;
                border-top: #666 1px solid;
                border-left: #666 1px solid;
                border-bottom: #ccc 1px solid;
                border-right: #ccc 1px solid;
                width: 200px !important;
                padding: 1px 1px 1px 1px;
                color: #333;
            }

.spacer {
    background-color: transparent !important;
    display: block !important;
    height: 10px !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
    margin: 0px 0px 0px 0px !important;
}


.dos table.search-form tr td {
    display: block;
    margin: 0px 0px 0px 0px !important;
}

    .dos table.search-form tr td textarea.summary {
        display: block;
        width: 770px;
        margin: 0px 0px 0px 8px;
    }

    .dos table.search-form tr td a.SystemMenuLinkButtonBold {
        display: block;
        float: right;
        margin: 0px 15px 0px 0px;
        height: 25px;
        border-top: #999 1px solid;
        border-left: #999 1px solid;
        border-right: #333 1px solid;
        border-bottom: #333 1px solid;
        width: 150px;
        text-align: center;
        padding: 7px 0px 0px 0px;
    }

textarea:focus {
    outline: none;
}

/* End DOS styles*/

/* Person Programme Detail */
.PersonProgrammeDetailLbls {
    width: 150px;
}

/* Merge Documents */

.MDSpaceOut {
    padding-top: 15px;
}

.MDHighlightEditing {
    background-color: lightblue;
}

.MDBulkLblMargin {
    margin-right: 10px;
}

.MDSetUnderLined,
.MDSetUnderLined a {
    text-decoration: underline !important;
}

.MDConfigBackground {
    background-color: #E9E9E9;
    border: solid 1px #F2F2FF;
}

.MDHeaderStyle {
    text-align: center !important;
}

/* Visits */
.VisitHostsLbl {
    width: 100px !important;
}

.VisitHostsDdl {
    width: 270px !important;
}

/*Oriel import styling*/
.OrielImportShowHideBtn {
    border: none;
    vertical-align: top;
    background: transparent;
    text-decoration: underline;
    display: inline-block;
    width: 87px;
}

.OrielImportImgDownBtn {
    /*position: relative;
    top: 3px;*/
}

.OrielImportItem {
    vertical-align: top;
    padding: 5px 2px !important;
}

/*Form B Classes*/
.formBTickCross {
    width: 17px;
    height: 17px;
    margin-right: 10px;
}

.DataLabelLargeBold.ReadCarefully {
    font-size: 1.72rem;
}

.formVersion {
    float: right;
}

/* Questionnaire */

.QuestionnaireQuestions {
    display: block;
    position: relative;
    width: 100%;
}

.QuestionTable {
    width: 100%;
    padding: 20px 10px;
}

table.QuestionnaireGridSpacing td {
    padding: 7px !important;
}

.QuestionnaireSubmitPanel {
    margin: auto;
    padding-top: 11px;
}

.QuestionnaireFlagHeadings {
    width: 30px;
    /*height: 27px;*/
}

.QuestionnaireBuilderAllQuestions {
    height: 100%;
    width: 595px;
    overflow-y: hidden;
    overflow-x: scroll;
    display: inline-block;
    vertical-align: top;
}

.QuestionnaireBuilderAllFlags {
    height: 100%;
    width: 180px;
    display: inline-block;
}

.QuestionnaireFlagTable {
    width: 180px;
    min-height: 27px;
}

    .QuestionnaireFlagTable td {
        width: 30px;
    }

.QuestionnaireBuilderQuestion {
    min-height: 27px;
    display: inline-block;
    width: 100%;
}

.QuestionnaireBuilderIcon {
    /*height: 27px;*/
    display: inline-block;
    width: 30px;
    vertical-align: top;
}

.QuestionnaireBuilderLabelAndSelect {
    /*height: 27px;*/
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

.ProgressiveDisclosure {
    width: 200px !important;
}

.ReportTitleSpacing {
    margin-left: 3px;
}

.StandardReportsLeft {
    width: 340px;
    margin-right: 10px;
    vertical-align: top;
}

.StandardReportsRight {
    width: 430px;
    vertical-align: top;
}

.ReportLeafImage img {
    margin-right: 3px;
}

.ReportSectionHeader {
    /*text-decoration: underline;*/
    font-weight: bold;
    line-height: 25px;
}

.UATSiteBanner {
    width: 100%;
    background-color: #A5B936;
    font-family: Segoe UI;
    font-style: normal;
    color: white;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.reportDayChkBoxes {
    margin-right: 30px;
}

.reportSpecificDate {
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

    .reportSpecificDate:hover {
        color: #859733;
    }

.scheduledReportingNode {
    cursor: pointer;
}

    .scheduledReportingNode:hover {
        color: #859733;
    }

.TimeDisplay td {
    width: auto;
}


/* Oriel Import */
#mask {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* first!*/
    filter: alpha(opacity=40);
    /* second!*/
    background-color: gray;
    display: none;
    width: 100%;
    height: 100%;
}

.redCell {
    color: red;
}

.stdCell {
    color: #666;
}

#tblImportEdit {
    border-collapse: collapse;
    padding: 1px 0px 2px 5px;
}

    #tblImportEdit > tr,
    #tblImportEdit > td {
        text-align: left;
        font-size: 1.06rem;
        padding: 4px 3px 2px 5px;
        display: inline-block;
        word-wrap: break-word;
    }

    #tblImportEdit tr:nth-child(n + 1) {
        background-color: #f4f4f4;
    }

    #tblImportEdit tr:nth-child(2n + 1) {
        background-color: #e9e9e9;
    }

.right {
    text-align: right;
    margin-right: 1em;
}

.left {
    text-align: left;
    margin-left: 1em;
}

.successMsg {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    color: #639300;
}

/*====CUSTOM CSS====*/
body {
    height: auto;
    position: relative;
    padding-bottom: 75px;
    min-height: 100vh;
    max-width: 100%;
}

#ReportViewer1_AsyncWait_Wait {
    margin-top: 15px;
}

/*body[style] {
    background: #fff;
}*/

.page-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-left: 210px;
}

    .page-footer .footer-content {
        overflow: hidden;
        border-top: 2px solid #c2c5c8;
        padding: 8px 10px 10px;
    }

    .page-footer .link-list {
        float: left;
        margin-top: 5px;
    }

    .page-footer .copy-right {
        float: right;
        margin-top: 5px;
    }

    .page-footer .footer-logo img {
        max-width: 85px;
    }

    .page-footer ul li {
        display: inline-block;
        padding: 0 4px;
        font-size: 1.2rem;
        color: #424242;
    }

        .page-footer ul li a {
            font-size: 1.4rem;
            text-decoration: underline;
            color: #0071BA;
        }

    .page-footer .logo-caption {
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
        margin-top: 2px
    }

* {
    box-sizing: border-box;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

img {
    max-width: 100%;
}

.list-item {
    padding: 0;
    margin: 0;
    list-style: none;
}

.d-none {
    display: none !important;
}

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

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

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

.p-0 {
    padding: 0 !important;
}

.pt-0, .py-0 {
    padding-top: 0 !important;
}

.pb-0, .py-0 {
    padding-bottom: 0 !important;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.pl-0, .px-0 {
    padding-left: 0 !important;
}




.p-10 {
    padding: 10px !important;
}

    .p-10.pt-0 {
        padding-top: 0 !important;
    }

.p-15 {
    padding: 15px;
}

.pr-10,
.px-10 {
    padding-right: 10px !important;
}

.pl-10,
.px-10 {
    padding-left: 10px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pt-10,
.py-10 {
    padding-top: 10px !important;
}

.pb-10,
.py-10 {
    padding-bottom: 10px !important;
}

.tab21 {
    padding-top: 10px !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid #cecece !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pt-2 {
    padding-top: 2px !important;
}

.m-0 {
    margin: 0 !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mid-cell {
    width: 50px;
    vertical-align: top;
    padding-top: 6px;
    text-align: center;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.icon-back:before {
    color: #424242;
}

.m-0 {
    margin: 0 !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mtn-10 {
    margin-top: -10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.cell-5 {
    width: 5% !important;
}

.cell-49 {
    width: 49.5% !important;
}

.cell-1 {
    width: 1% !important;
}

.cell-10 {
    width: 10% !important;
}

.cell-12 {
    width: 12% !important;
}

.cell-15 {
    width: 15% !important;
}

.cell-45 {
    width: 45% !important;
}

.cell-40 {
    width: 40% !important;
}

.cell-30 {
    width: 30% !important;
}

.cell-55 {
    width: 55% !important;
}

.cell-60 {
    width: 60% !important;
}

.cell-65 {
    width: 65% !important;
}

.cell-70 {
    width: 70% !important;
}

.cell-80 {
    width: 80% !important;
}

.cell-90 {
    width: 90% !important;
}

.cell-100 {
    width: 100% !important;
}

.cell-70 {
    width: 70% !important;
}

.w-10 {
    width: 10px !important;
}

.w-15 {
    width: 15px !important;
}

.w-80 {
    width: 80px !important;
}

.w-100 {
    width: 100px !important;
}

.w-140 {
    width: 200px !important;
}

.w-200 {
    width: 200px !important;
}

.w-300 {
    width: 300px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10, .mx-10 {
    margin-right: 10px !important;
}

.ml-10, .mx-10 {
    margin-left: 10px !important;
}

.mt-10, .my-10 {
    margin-top: 10px !important;
}

.mb-10, .my-10 {
    margin-bottom: 10px !important;
}

.f-left {
    float: left !important;
}

.f-right {
    float: right !important;
}

.form-btn {
    vertical-align: top;
    text-align: left !important;
}

    .form-btn .search-buttons {
        text-align: left !important;
    }

.font-10 {
    font-size: 1rem !important;
}

.font-12 {
    font-size: 1.2rem !important;
}

.font-14 {
    font-size: 1.4rem !important;
}

.font-16 {
    font-size: 1.6rem !important;
}

.v-align-t {
    vertical-align: top !important;
}

.v-align-m {
    vertical-align: middle !important;
}

.v-align-b {
    vertical-align: bottom !important;
}

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

input:not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.rcbInput):not(.racInput),
select, .racTokenList {
    color: #424242;
    font-size: 1.2rem !important;
    padding: 0 3px;
    border-radius: 4px;
    height: 27px;
    border: 1px solid #c9c9c9 !important;
    font-style: normal;
    font-family: verdana;
    max-width: 100%;
    width: 100%;
}

.RadComboBox .rcbInput {
    color: #424242;
    font-size: 1.2rem !important;
    padding-left: 5px !important;
}

select {
    padding-right: 20px;
}

    input:not([type="image"]):not([type="checkbox"]):not(.MultiSelectFilterTextBox):not([type="radio"]):not(.input-small):not(.SystemMenuLinkButton ),
    select:not(.input-small):not(.w-200):not(.w-300):not(.InputBox),
    td input[type="text"]:not(.input-image):not(id*=["txtSeperator"]) {
        width: 100% !important;
        max-width: none !important;
        min-width: 30px;
    }

.racInput {
    width: 100%;
}

input[type="radio"] {
    margin: 0 4px 0;
    vertical-align: middle;
}

table tr td input[type="file"] {
    padding-left: 0 !important;
    padding-top: 3px !important;
}

input.MultiSelectFilterTextBox,
html body table tr td > input[type="text"].input-image,
#ctl00_ContentMain_StaffEducationEventApprovalDetail1_txtEvent.input-image {
    width: 100% !important;
    width: -moz-calc(100% - 30px) !important;
    width: -webkit-calc(100% - 30px) !important;
    width: calc(100% - 30px) !important;
}

select {
    background: url(../../images/Hicom/arrow-down.png) no-repeat right center;
    background-size: 18px auto;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
}

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

    select:focus,
    input:focus {
        outline: none;
    }

.UATSiteBanner {
    background-color: #1f7f7f;
}

.tdLeftPanelMenu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background: #fff;
    width: 200px;
    height: 100%;
    overflow-y: auto;
    box-shadow: 1px 8px 10px -3px rgba(0, 0, 0, 0.2);
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family: verdana !important;
}

#ctl00_lbtnHicomIntrepidLogo,
#lnkHicomIntrepidLogo,
.hicomLogo {
    display: block;
    margin: 0;
    text-align: center;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    padding: 15px;
    background: transparent !important;
    max-width: 200px;
}

.hicomLogo {
    border: 0 !important;
}

body[class]:not(.security-password-reminder-page) #ctl00_lbtnHicomIntrepidLogo {
    margin-bottom: 0;
}

.SystemMenuHeader,
.SystemMenuHeaderSelected {
    background-image: none;
    font-size: 1.1rem;
    color: #424242;
    font-family: verdana !important;
    margin-bottom: 0;
    cursor: pointer;
    border-bottom: 1px solid #e0e3e7;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: none;
    padding: 8px;
}

#tdLeftPanel span[class^="icon"]:not(.icon-dropdown_maximise):not(.icon-dropdown_minimise):not(.icon-block) {
    font-size: 1.8rem;
    vertical-align: -3px;
}

#tdLeftPanel .icon-block {
    display: inline-block;
    font-size: 2rem !important;
    float: right;
    margin-top: -1px;
    margin-right: -3px;
}

    #tdLeftPanel .icon-block span[class^="icon"]:before, #tdLeftPanel {
        color: #424242;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        #tdLeftPanel .icon-merge:before {
            vertical-align: -2px;
            font-size: 1.8rem;
        }

.SystemMenuLinkButton {
    font-size: 1.1rem;
}

#tdLeftPanel .icon-log_off:before {
    color: #424242;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tdLeftPanel .SystemMenuLinkButton:hover .icon-log_off:before {
    color: #fff;
}

.SystemMenuContent {
    padding: 0;
    background: #ecf0f5;
    line-height: 1;
}

    .SystemMenuContent .SystemMenuLinkButton,
    .SystemMenuContent > .SystemMenuLinkDisabled,
    #ctl00_SystemMenuAdmin1_MenuAccordionSystem a[id^="ctl00_SystemMenuAdmin1_PaneSystem_content_btnMessages"] {
        display: block;
        border: 0 !important;
        border-bottom: 1px solid #e0e3e7 !important;
        padding: 8px !important;
        border-radius: 0 !important;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .SystemMenuContent .SystemMenuLinkButton {
        padding: 8px 4px !important;
    }

#tdLeftPanel .SystemMenuHeader:hover .icon-block span[class^="icon"]:before,
#tdLeftPanel .SystemMenuHeaderSelected .icon-block span[class^="icon"]:before,
#tdLeftPanel .SystemMenuLinkButton:hover .icon-merge:before {
    color: #fff;
}

.SystemMenuContent br {
    display: none;
}

#ctl00_SystemMenuAdmin1_MenuAccordionSystem a[id^="ctl00_SystemMenuAdmin1_PaneSystem_content_btnMessages"].SystemMenuLinkButtonBold {
    font-weight: 400;
}

.SystemMenuHeader:hover,
.SystemMenuHeaderSelected:hover,
.SystemMenuContent .SystemMenuLinkButton:hover,
.SystemMenuHeaderSelected,
#ctl00_SystemMenuAdmin1_MenuAccordionSystem a[id^="ctl00_SystemMenuAdmin1_PaneSystem_content_btnMessages"]:hover {
    color: #fff;
    background-color: #1f7f7f;
}

.icon-courses:before {
    color: #424242;
}

.SystemMenuLinkButton:hover .icon-courses:before, .SystemMenuLinkButton:hover .icon-email:before {
    color: #fff;
}

.SystemMenuLinkButton.selected {
    color: #fff;
    background-color: #6fbfbf;
}

#ctl00_tblLeftPanel {
    border-collapse: collapse;
}

.right-content-section {
    padding-left: 210px;
    padding-right: 10px;
}

div[class^="SystemTitle"],
#ctl00_ContentMain_trProfile,
.BoxIntrepid,
.SystemTitleHeader {
    background: #fff !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    margin-top: 0;
    padding: 8px 5px !important;
    height: auto !important;
    border-radius: 0 !important;
}

    #ctl00_ContentMain_trProfile,
    .BoxIntrepid:not(.p-10) {
        padding: 0 !important;
    }

    .BoxIntrepid.pt-10 {
        padding-top: 10px !important;
    }

.SystemTitleBannerFontWhite {
    font-size: 1.4rem;
    color: #424242;
    margin: 0;
}

#tdLeftPanel .mCSB_inside > .mCSB_container {
    margin-right: 2px;
    padding-bottom: 100px;
    min-height: 100%;
}

#tdLeftPanel .mCSB_container #hypHicomLogo {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#tdLeftPanel .mCSB_scrollTools {
    width: 5px;
}

#ctl00_ContentMain_trProfile .HeaderBorder {
    display: none;
}

.SystemTitleBackgroundIntrepid,
.title-block {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e2e2e2;
}

.title-block {
    padding-right: 40px;
}

    .title-block .SystemTitleBackgroundIntrepid {
        border-bottom: 0;
    }

    .SystemTitleBackgroundIntrepid .SystemTitleFontWhite,
    .title-block .SystemTitleFontWhite {
        color: #424242;
        display: block;
        font-size: 1.2rem;
        font-family: verdana;
        padding: 10px 0;
        text-transform: uppercase;
    }

#ctl00_ContentMain_colPersonPostSearch table {
    width: 100%;
}

#ctl00_ContentMain_MainMenuPostSearch1_pnlPostSearch {
    padding-bottom: 10px;
}

.MultiSelectFilterSelectImage {
    vertical-align: top;
    height: 25px;
    width: 25px;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
}

.content-slide {
    padding: 10px !important;
    background-color: #fff;
}

    .content-slide.px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .content-slide.pb-0 {
        padding-bottom: 0 !important;
    }

#ctl00_ContentMain_pnlShortCuts .content-slide {
    padding-bottom: 0 !important;
}

.SystemMenuLinkButton {
    font-size: 1.2rem;
    color: #424242;
    background-color: #ecf0f5;
    border: #c9c9c9 1px solid;
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: inline-block;
}

input[type="image"].SystemMenuLinkButton {
    padding: 0;
}

#ctl00_ContentMain_MainMenuPostSearch1_imgArrow {
    display: none;
}

.search-btn {
    display: inline-block;
}

.SystemMenuLinkButton span[class^="icon"] {
    font-size: 1.5rem;
    vertical-align: middle;
}

.SystemMenuLinkButton span.icon-back {
    vertical-align: -2px;
    margin-right: 2px;
}

.SystemMenuLinkButton span.icon-save {
    vertical-align: -2px;
    margin-right: 4px;
}

.search-btn:hover,
.SystemMenuLinkButton:hover {
    background-color: #d7d9dd;
    color: #424242;
}

.Grid {
    border: 1px solid #e2e2e2;
    color: #424242;
    border-collapse: separate !important;
}

    .Grid.collapse {
        border-collapse: collapse !important;
    }

    .Grid th,
    .Grid td {
        padding: 7px 5px;
        border-bottom: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
    }

    .Grid td {
        border-bottom: 0;
        border-top: 0;
        vertical-align: middle;
        border-right: 0;
    }

    .Grid th a {
        color: #424242;
        font-weight: bold;
        text-decoration: none;
    }

    .Grid .GridHeader > th:first-child,
    .Grid > tr > td:first-child {
        border-left: 1px solid transparent;
    }

    .Grid .GridHeader > th:last-child,
    .Grid > tr > td:last-child {
        border-right: 1px solid transparent;
    }

#ctl00_ContentMain_IntrepidUserAccessStaffList1_dgvPersonHistory tr th:nth-child(2),
#ctl00_ContentMain_IntrepidUserAccessStaffList1_dgvPersonHistory tr td:nth-child(2),
#ctl00_ContentMain_IntrepidUserAccessStaffList1_dgvPersonHistory tr th:nth-child(4),
#ctl00_ContentMain_IntrepidUserAccessStaffList1_dgvPersonHistory tr td:nth-child(4) {
    display: none;
}

#ctl00_ContentMain_IntrepidUserAccessStaffList1_dgvPersonHistory tr td input[type="image"] {
    border-radius: 3px;
}

.Grid .GridItem {
    background-color: #fff;
}

.Grid .GridAltItem {
    background-color: #ecf0f5;
}

/* .Grid tr:not(.GridHeader):not(.GridPager) td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

    .Grid tr:not(.GridHeader):not(.GridPager) td:first-child {
        border-left-color: transparent;
    }

    .Grid tr:not(.GridHeader):not(.GridPager) td:last-child {
        border-right-color: transparent;
    }

.Grid tr:not(.GridHeader):not(.GridPager):hover td {
    border-top-color: #19a3a3;
    border-bottom-color: #19a3a3;
}

    .Grid tr:not(.GridHeader):not(.GridPager):hover td:first-child {
        border-left-color: #19a3a3;
    }

    .Grid tr:not(.GridHeader):not(.GridPager):hover td:last-child {
        border-right-color: #19a3a3;
    }

.Grid tr.GridPager {
    border-top: 1px solid #c9c9c9;
} */

.Grid tr.GridPager tr:hover {
    background-color: #fff !important;
}

#ctl00_ContentMain_colPersonPostSearch > table:nth-child(2) {
    margin-top: 5px;
}

#ctl00_ContentMain_pnlRightPanel > table,
.content-table {
    border-collapse: collapse;
}

#ctl00_hypHicomLogo {
    border: 0;
    background-color: transparent;
    padding: 0;
}

#ctl00_ContentMain_MainMenuProfile1_trSurname table {
    border-collapse: collapse;
}

#ctl00_ContentMain_MainMenuProfile1_trSurname td,
#ctl00_ContentMain_MainMenuProfile1_trForenames td,
#ctl00_ContentMain_MainMenuProfile1_trEmailAddress td,
#ctl00_ContentMain_MainMenuProfile1_trPIN td {
    padding: 5px 10px;
    min-width: 125px;
}

.alert-sec-table tr td a {
    display: block;
    margin-bottom: 5px;
}

.alert-sec-table tr td .SystemMenuLinkButton {
    background: #fff3eb;
    padding: 5px;
    border: 1px solid #c24278;
    background-size: 15px auto;
    margin-bottom: 10px;
    border-radius: 0;
    display: block;
    color: #c24242;
    font-weight: 600;
}

.alert-sec-table .icon-alert {
    font-size: 1.9rem !important;
    vertical-align: -3px !important;
}

.alert-sec-table tr:hover td .SystemMenuLinkButton {
    background-color: #f7f3e2;
    color: #946300;
    border: #9463007a 1px solid;
}

#ctl00_ContentMain_pnlRightPanel .BoxIntrepid {
    padding-bottom: 5px !important;
}

#ctl00_ContentMain_pnlRightPanel #ctl00_ContentMain_trWorklist .BoxIntrepid,
#ctl00_ContentMain_pnlRightPanel .content-slide {
    padding-bottom: 0 !important;
}

#ctl00_ContentMain_pnlTaskandSearch + .HeaderBorder {
    display: none;
}

#ctl00_ContentMain_MainMenuProfile1_SystemTitleWelcome_pnlUpdateProgress + .title-block + table tr td:nth-child(3) table {
    width: 100%;
}

    #ctl00_ContentMain_MainMenuProfile1_SystemTitleWelcome_pnlUpdateProgress + .title-block + table tr td:nth-child(3) table td {
        padding-right: 10px;
    }

    #ctl00_ContentMain_MainMenuProfile1_SystemTitleWelcome_pnlUpdateProgress + .title-block + table tr td:nth-child(3) table img {
        float: none;
    }

#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span[class^="icon"] {
    margin-right: 3px;
    vertical-align: -2px;
    font-size: 1.8rem;
}

#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-leave_manager,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-entitlements,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-post,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-leave_history,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-batch_entitlement {
    vertical-align: -5px;
    font-size: 2.4rem;
}

#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-leave_history {
    margin-right: 8px;
}

.title-block {
    position: relative;
    cursor: pointer;
}

    .title-block .icon-block {
        position: absolute;
        right: 5px;
        top: 10px;
        font-size: 1.8rem;
    }

    #ctl00_ContentMain_MainMenuPersonSearch1_pnlPersonSearch td,
    .title-block td {
        padding: 0;
    }

#ctl00_ContentMain_IntrepidUserAccessStaffList1_SystemTitleIntrepid1_pnlUpdateProgress + .title-block,
#ctl00_ContentMain_MainMenuProfile1_SystemTitleWelcome_pnlUpdateProgress + .title-block {
    cursor: auto;
}

    #ctl00_ContentMain_IntrepidUserAccessStaffList1_SystemTitleIntrepid1_pnlUpdateProgress + .title-block SystemTitleBackgroundIntrepid {
        border: 0;
    }

    #ctl00_ContentMain_IntrepidUserAccessStaffList1_SystemTitleIntrepid1_pnlUpdateProgress + .title-block .icon-block,
    #ctl00_ContentMain_MainMenuProfile1_SystemTitleWelcome_pnlUpdateProgress + .title-block .icon-block {
        display: none;
    }

#ctl00_ContentMain_IntrepidUserAccessStaffList1_SystemTitleIntrepid1_tblSystemTitleIntrepid {
    border-bottom: 0;
}

    #ctl00_ContentMain_IntrepidUserAccessStaffList1_SystemTitleIntrepid1_tblSystemTitleIntrepid tr td:first-child {
        display: none;
    }

.programme-page #ctl00_ContentMain_SystemTitleBanner_divBanner,
.curriculum-details-page #ctl00_ContentMain_SystemTitleBanner_divBanner,
.leave-manager-application-page #ctl00_ContentMain_SystemTitleBanner_divBanner {
    margin-bottom: 0;
    border-bottom: 1px solid #e2e2e2
}

.programme-page #ctl00_ContentMain_InPageComments1_accGuidance,
.curriculum-details-page #ctl00_ContentMain_InPageComments1_accGuidance,
#ctl00_ContentMain_acrStaffAndPostInformation,
.security-administrator-licence-page #ctl00_ContentMain_InPageComments1_accGuidance,
.security-administrator-licence-page #ctl00_ContentMain_SystemTitleBanner_divBanner + .clearfix ~ #ctl00_ContentMain_InPageComments1_accGuidance,
.security-non-administrators-page #ctl00_ContentMain_SystemTitleBanner_divBanner + .clearfix ~ #ctl00_ContentMain_InPageComments1_accGuidance,
.security-role-page #ctl00_ContentMain_SystemTitleBanner_divBanner + .clearfix ~ #ctl00_ContentMain_InPageComments1_accGuidance,
.security-security-objects-page #ctl00_ContentMain_SystemTitleBanner_divBanner + .clearfix ~ #ctl00_ContentMain_InPageComments1_accGuidance {
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}

.security-non-administrators-page #ctl00_ContentMain_SecurityUserNonAdminLicenceInfo1_acrNonAdministratorLicences,
.security-role-page #ctl00_ContentMain_SystemTitleBanner_divBanner,
.security-security-objects-page #ctl00_ContentMain_SystemTitleBanner_divBanner {
    margin-bottom: 0px;
}

.programme-page #ctl00_ContentMain_InPageComments1_accGuidance .InputBlock,
.curriculum-details-page #ctl00_ContentMain_InPageComments1_accGuidance .InputBlock {
    background: transparent;
    border-collapse: collapse;
    border: 0;
}

.accordion-section .SystemMenuHeader .SystemTitleFontWhite,
.accordion-section .SystemMenuHeaderSelected .SystemTitleFontWhite {
    color: #424242;
    font-weight: bold;
    display: block;
    position: relative;
    padding-right: 30px;
}

.accordion-section .icon-block {
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 1.8rem;
}

.SystemMenuHeaderSelected .icon-block .icon-dropdown_maximise, .active .icon-block .icon-dropdown_maximise {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
}

.programme-page #ctl00_ContentMain_SystemTitleBanner_divBanner,
.curriculum-details-page #ctl00_ContentMain_SystemTitleBanner_divBanner,
.leave-manager-application-page #ctl00_ContentMain_SystemTitleBanner_divBanner {
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.2);
}

.accordion-section .SystemMenuHeader,
.accordion-section .SystemMenuHeaderSelected,
.popup-body .SystemTitleBackgroundIntrepid,
.popup-body .title-block .SystemTitleBackgroundIntrepid,
.accordion-section .SystemMenuHeader,
.table-caption {
    background-color: #ecf0f5;
    background-image: none !important;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    min-height: 25px;
    width: 100%;
    padding: 5px;
}

.popup-body .title-block {
    margin-top: 10px;
    background: #ecf0f5;
    border-radius: 0 !important;
}

.accordion-section .accordion-contents {
    padding: 10px 5px 0;
}

    /*.accordion-section .accordion-contents .table-form-list td {
        vertical-align: bottom;
    }*/

    .accordion-section .accordion-contents p,
    .accordion-section .accordion-contents p span {
        margin: 5px 0;
        font-family: Verdana !important;
        color: #424242;
        font-size: 1.2rem !important;
    }

.header-msg {
    border-collapse: collapse;
    width: 100%;
}

.clrBtn .icon-cancel:before,
.button-section .icon-cancel:before {
    color: #f29b12;
}

.RadComboBox {
    width: 100%;
    border: 1px solid #c9c9c9 !important;
    border-radius: 4px;
    font-size: 1.2rem !important;
}

    .RadComboBox .rcbInput.radPreventDecorate,
    .RadComboBox .rcbInputCell .rcbInput.radPreventDecorate {
        border: 0 !important;
        height: 24px;
        margin: 0;
        color: #424242;
        font-family: verdana;
        border-radius: 4px 0 0 4px;
    }

    .RadComboBox table td.rcbInputCell {
        padding: 0 !important;
    }

    .RadComboBox .rcbInner {
        height: auto !important;
        padding: 0 !important;
        border-radius: 4px !important;
        border: 0 !important;
    }

    .RadComboBox table td.rcbInputCellLeft {
        border-right-width: 0;
        border-radius: 8px;
        border: 0;
    }

    .RadComboBox .rcbFocused .rcbInputCell {
        border: 0;
        border-radius: 4px;
    }

    .RadComboBox > table {
        max-height: 25px;
    }

    .RadComboBox .rcbArrowCell {
        border-color: transparent !important;
        color: #424242 !important;
        background-color: #fff !important;
        border-radius: 0 4px 4px 0;
    }

        .RadComboBox .rcbArrowCell a,
        .rcbActionButton {
            background: url(../../images/Hicom/arrow-down.png) no-repeat 6px center !important;
            background-size: 18px auto !important;
            width: 24px !important;
        }

/*.accordion-section {
    margin-bottom: 10px;
}*/

#ctl00_ContentMain_SystemTitleBanner_divBanner + .clearfix + .content-slide .accordion-section,
.security-administrator-licence-page #ctl00_ContentMain_SystemTitleBanner_divBanner,
.security-non-administrators-page #ctl00_ContentMain_SystemTitleBanner_divBanner {
    margin-bottom: 0;
}

.rcbActionButton {
    background-position: 5px center !important;
}

.RadComboBox .rcbReadOnly.rcbFocused,
.RadComboBox .rcbReadOnly.rcbHovered {
    color: #424242 !important;
    background-color: #fff !important;
}

.RadComboBox .rcbReadOnly .rcbInput {
    color: #424242 !important;
}

.RadComboBox .rcbActionButton .rcbIcon {
    display: none;
}

.RadComboBox .rcbFocused .rcbArrowCell a {
    background-position: 6px center !important;
}

.RadComboBox .rcbFocused .rcbArrowCell {
    background-color: #fff !important;
}

.program-table-block table tr th:nth-child(even),
.program-table-block table tr td:nth-child(even) {
    display: none;
}

.button-section {
    text-align: right;
    padding: 0 !important;
}

    .button-section > table {
        display: inline-block;
        width: auto;
    }

        .button-section > table tr {
            display: inline-block;
        }

            .button-section > table tr .FirstTD {
                width: auto !important;
                padding: 0 !important;
            }

    .button-section tr:last-child,
    .button-section td:last-child {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

.last-no-pr > table tr td:last-child {
    padding-right: 0 !important;
}

.btn-link {
    font-size: 1.2rem;
    color: #424242;
    text-decoration: none;
    text-transform: capitalize;
}

    .btn-link:hover {
        color: #424242;
    }

.SystemMenuLinkButton .icon-add:before {
    color: #30cd55;
}

.content-slide .InputBlock {
    background-color: transparent;
    border: 0;
    border-collapse: collapse;
}

.content-slide .top-btn-section {
    margin-bottom: 10px;
    text-align: right;
}

    .content-slide .top-btn-section:empty {
        display: none;
    }

    .content-slide .top-btn-section a:first-child {
        margin-right: 5px;
    }

    .content-slide .top-btn-section a:only-child {
        margin-right: 0;
    }

.button-contents > table {
    float: left;
    width: 80%;
}

.button-contents .top-btn-section {
    float: right;
    width: 20%;
    margin-top: 20px;
}

.icon-log_off:before {
    color: #f29b12;
}

.SystemMenuLinkButton span.icon-log_off {
    vertical-align: -2px;
}

.content-slide.program-table-list span[id$="lblMandatory"].DataLabelMedium,
.content-slide.mandate-table span[id$="lblMandatory"].DataLabelMedium,
.content-slide.mandate-table .mandatory-label {
    float: left;
}

.content-slide.program-table-list .top-btn-section,
.content-slide.mandate-table .top-btn-section {
    float: right;
}

.program-table-list .FirstTD {
    vertical-align: top;
    padding: 6px 0 0;
}

    .program-table-list .FirstTD + td {
        width: 460px;
    }


.program-table-list table select,
.program-table-list table input {
    margin-bottom: 0;
}

.required {
    color: #ff0000;
}

.table-pad tr td {
    padding: 4px 0;
}

textarea.InputBoxMediumWhite {
    width: 100% !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 4px;
    padding: 5px;
    min-height: 100px !important;
    margin-bottom: 10px;
}

/*.accordion-section textarea.InputBoxMediumWhite:focus {
    border-color: #9cba1d !important;
    outline: none;
}*/

#ctl00_ContentMain_ProgrammeDetail1_acrPane1_content {
    padding: 10px 10px 0;
}

    #ctl00_ContentMain_AuditListAccordian_AccordionPane1_content .InputBlock,
    #ctl00_ContentMain_ProgrammeDetail1_acrPane1_content .InputBlock {
        background-color: transparent;
        border: 0;
    }

.search-table {
    width: 40%;
}

#ctl00_ContentMain_AuditListAccordian_AccordionPane1_content_AuditListSearch1_SystemSearch1_rowSearch {
    margin-right: 5px;
}

#ctl00_ContentMain_AuditListAccordian_AccordionPane1_content_AuditListSearch1_SystemSearch1_rowSearch,
#ctl00_ContentMain_AuditListAccordian_AccordionPane1_content_AuditListSearch1_SystemSearch1_rowClear {
    display: inline-block;
}

#ctl00_ContentMain_AuditListAccordian_AccordionPane1_content .InputBlock tr td:nth-child(2) table {
    text-align: right;
}

#ctl00_ContentMain_ProgrammeList_dgvProgramme .GridItem td:first-child {
    text-align: center;
}

.SystemMenuContent > .mCS_img_loaded {
    display: none;
}

/*===LOGIN PAGE===*/
.login-table .title-block .icon-block {
    display: none;
}

.login-table .DataLabelMedium {
    display: block;
    margin-bottom: 5px;
}

.login-table .SystemTitleBackgroundIntrepid {
    border-bottom: 0;
}

    .login-table .SystemTitleBackgroundIntrepid .SystemTitleFontWhite {
        font-size: 1.2rem;
        padding: 0;
    }

.link-content,
#ctl00_SignIn1_lblWarning,
#SignIn1_lblWarning {
    font-size: 1.2rem;
    color: #424242;
    text-decoration: none;
    display: inline-block;
}

.login-table .link-content {
    margin-bottom: 5px;
    color: #0071ba;
}

#ctl00_SignIn1_ibtnSignIn,
#SignIn1_ibtnSignIn {
    margin-bottom: 10px;
    padding: 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
}

    #ctl00_SignIn1_ibtnSignIn:focus {
        outline: none;
    }

#ctl00_SignIn1_lblWarning,
#SignIn1_lblWarning {
    padding-top: 10px;
}

.welcome-image {
    background-color: #fff;
    text-align: center;
}

#ctl00_ContentMain_spnTutorial iframe {
    width: 100%;
}

.system-contents {
    float: left;
    width: 80%;
}

.DeaneryLogo-section {
    float: left;
    width: 20%;
    text-align: right;
}

    .DeaneryLogo-section img {
        max-width: 100%;
    }

.system-contents .SystemMenuLinkButton {
    font-weight: 400;
    padding: 0;
    border: 0;
    background-color: transparent;
    text-decoration: underline;
}

    .system-contents .SystemMenuLinkButton:hover {
        color: #859733;
    }

.submit-btn {
    width: 85px;
    display: inline-block;
}

    .submit-btn input {
        max-width: 100%;
    }

        .submit-btn input:hover {
            background: transparent;
        }

.RadAutoCompleteBox {
    display: block !important;
    width: 100%;
    margin-bottom: 10px;
}

    .RadAutoCompleteBox .racTokenList {
        min-height: 0 !important;
        padding: 0 !important;
    }

.post-summery-table tr td {
    padding: 2px 0;
}

.post-content-table {
    margin-bottom: 15px;
}

.RACBErrorMsgInputMedium .racTokenList {
    margin-bottom: 10px !important;
    background-color: transparent !important;
}

    .RACBErrorMsgInputMedium .racTokenList input {
        margin-bottom: 0;
        border-color: #003366 !important;
        background-color: #C7D79E !important;
    }

.RadAutoCompleteBox .racTextToken {
    margin-bottom: 5px !important;
}

.RadAutoCompleteBox .racLoadingIcon {
    margin-top: 0px !important;
    top: auto !important;
    bottom: 14px;
}

.RadAutoCompleteBox_Metro .racToken {
    color: #424242 !important;
    padding: 2px !important;
    margin-bottom: 5px !important;
}

.input-icon {
    position: relative;
    vertical-align: top;
    max-width: 110px;
    display: inline-block;
}

    .input-icon.nopaddiv div {
        padding-left: 0;
    }

    .input-icon input:not([id*="txtHour"]):not([id*="txtMinute"]):not([id*="timTimeStart_txtSeperator"]):not([disabled]):not(id*=["txtSeperator"]) {
        padding-right: 25px !important;
    }

    .input-icon span[id$="Control"] {
        position: absolute;
        left: auto;
        right: 5px;
        top: 5.5px;
        width: 16px;
    }

        .input-icon span[id$="Control"] img {
            max-width: 100%;
        }

.ClassicStyle .TitleStyle {
    background-color: #424242 !important;
}

.ClassicStyle .BodyStyle .DateStyle {
    color: #424242 !important;
}

table input[type="checkbox"] {
    margin-bottom: 10px;
}

table span[title="Check to Select"] input[type="checkbox"] {
    margin-bottom: 0;
}

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


    .search-buttons tr {
        display: inline-block;
    }

        .search-buttons tr:first-child {
            margin-right: 5px;
        }

#ctl00_SignIn1_titleSignIn_pnlUpdateProgress + .title-block .icon-block {
    display: none;
}

.ClassicStyle .TitleStyle .DropDownStyle,
.ClassicStyle .TitleStyle .DropDownOutStyle {
    border-color: #fff;
}

/*==POPUP DESIGN===*/
.TelerikModalOverlay {
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
}

.RadWindow_Metro {
    border: 0 !important;
    width: 900px;
    /*max-width: 590px !important;*/
    /*max-width: 900px;*/
    /*height: 700px !important;*/
    height: 500px;
    margin: 0 auto;
    left: 0 !important;
    right: 0 !important;
    border-radius: 5px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border: 3px solid red;
}


.ReportRadWindow_Metro {
    border: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 5px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}

.RadWindow .rwTable {
    height: 100% !important;
}

.popup-body .SystemTitleBannerDefault {
    margin: 0;
    padding: 0 !important;
    box-shadow: none;
}

.popup-body {
    background: #fff;
    padding: 0 !important;
    min-height: 0 !important;
}

    .popup-body .popup-header {
        border-bottom: 1px solid #e2e2e2;
        padding: 8px 0;
        margin-bottom: 10px;
    }

        .popup-body .popup-header:after {
            content: "";
            clear: both;
            display: block;
        }

    .popup-body #SystemTitleBanner_divBanner {
        box-shadow: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0 !important;
    }

    .popup-body #closeicon {
        float: right;
        cursor: pointer;
        padding: 0 !important;
    }

        .popup-body #closeicon .icon-clear {
            font-size: 1.6rem;
            display: block !important;
            top: 10px;
            right: 0px;
            position: absolute;
        }

            .popup-body #closeicon .icon-clear:before {
                color: #424242;
            }

        .popup-body #closeicon input[type='image'] {
            max-width: 100%;
        }

.RadWindow .rwTitleRow {
    display: none;
}

.popup-body .title-block .SystemTitleFontWhite {
    padding: 7px 0 5px;
}

.popup-body .title-block {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #d7d7d7;
}

    .popup-body .title-block .SystemTitleBackgroundIntrepid {
        border: 0;
    }

    .popup-body .title-block .icon-block {
        top: 5px;
    }

.popup-body .DataLabelMediumBold {
    display: block !important;
    padding-top: 3px;
    text-align: left;
}

.popup-body #lblLoggedonUserEmailAddress {
    display: inline !important;
}

.popup-body .content-slide .DataLabelMediumBold {
    padding-top: 0;
}

select.InputBoxMediumWhite {
    padding: 0 25px 0 5px;
}

    select.InputBoxMediumWhite option {
        color: #424242;
        padding: 3px 5px;
        cursor: pointer;
        border: 1px solid transparent;
    }

        select.InputBoxMediumWhite option:hover,
        select.InputBoxMediumWhite option:focus,
        select.InputBoxMediumWhite option:checked,
        select.InputBoxMediumWhite option[selected="selected"],
        select:-internal-list-box option:checked {
            background-color: #f8faff !important;
            border-color: #e6ebf2 !important;
            outline: none;
        }

.popup-apply-btns tr {
    overflow: hidden;
}

    .popup-apply-btns tr td {
        float: right;
    }

        .popup-apply-btns tr td:first-child {
            float: left;
        }

.popup-apply-btns .apply-btn {
    margin-right: 5px;
}

#ctl00_ContentMain_StaffPostList1_lblEndDate {
    display: block;
    margin-bottom: 5px;
    text-align: left;
}

.SystemTitleBackgroundIntrepid.title-section {
    padding: 0 10px 0 !important;
    text-align: left;
    box-shadow: none;
    margin-bottom: 0;
}

.images-table > tbody > tr > td {
    padding: 10px;
}

.images-table > tbody > tr td:first-child {
    width: 10%;
}

.images-table > tbody > tr td:nth-child(2) {
    width: 90%;
    padding-left: 0;
}

.BoxIntrepid .table-list {
    padding: 0 10px 10px;
}

.table-list .images-table > tbody > tr > td {
    padding-bottom: 0;
    padding-left: 0;
}

.images-table .DataLabelMedium {
    display: block;
    margin-top: 5px;
}

#ctl00_ContentMain_trMainMenuPersonSearch .content-slide .title-block {
    display: none;
}

#ctl00_ContentMain_trMainMenuPersonSearch .content-slide .content-slide {
    padding: 0 !important;
}

#ctl00_ContentMain_trMainMenuPersonSearch .search-btn-pad {
    padding-bottom: 10px;
}

.msg-count {
    color: #fff;
    background: #ff801e;
    border-radius: 50%;
    padding: 3px 5px 2px;
    display: inline-block;
    line-height: 1.2;
    float: right;
    margin-top: 2px;
}

/*==PERSON DETAILS==*/
.pagination-block .SystemMenuLinkButtonBold {
    vertical-align: top;
    padding-top: 5px;
    display: inline-block;
}

    .pagination-block .SystemMenuLinkButtonBold:hover {
        color: #424242;
    }

.address-content .title-block {
    cursor: auto;
    margin: 0 -10px 5px;
}

    .address-content .title-block .SystemTitleBackgroundIntrepid {
        border-bottom: 0;
    }

        .address-content .title-block .SystemTitleBackgroundIntrepid .SystemTitleFontWhite {
            text-decoration: underline;
            padding: 0;
            font-size: 12px;
        }

    .address-content .title-block .icon-block {
        display: none;
    }

.address-content .DataLabelHeader {
    text-transform: uppercase;
    text-decoration: underline;
}

.address-content .DataLabelMedium,
.address-content .DataLabelHeader {
    margin-bottom: 10px;
    display: block;
}

.address-content .DataLabelHeader {
    margin-bottom: 15px;
}

#divLogoutTimer {
    height: auto !important;
}

.address-content .button-section {
    margin-bottom: 5px;
    margin-right: -5px;
}

.table-form-list > tbody > tr > td,
.PersonEntitlementMode > tbody > tr > td {
    width: 50%;
    padding-right: 5px;
    vertical-align: top;
}

    .table-form-list > tbody > tr > td:nth-child(even),
    .PersonEntitlementMode > tbody > tr > td:nth-child(even) {
        padding-right: 0;
        padding-left: 5px;
    }

table tr td a {
    text-decoration: none;
    outline: none;
    color: #424242;
}

/*table.Grid tr:hover > td > a {
    color: #fff !important;
}*/

.ErrorMsg .icon-alert {
    font-size: 1.8rem;
    vertical-align: -3px;
}

table tr span.icon-next,
table tr span.icon-cancel,
table tr span.icon-apply:before {
    font-size: 1.5rem;
    color: #424242;
}

table tr span.icon-cancel {
    font-size: 12px;
}

/*table:not(.pagination-block) tr:hover > td > span.icon-next,
table:not(.pagination-block) tr:hover > td > a > span.icon-cancel,
table:not(.pagination-block) tr:hover > td > a > span.icon-next,
table:not(.pagination-block) tr:hover > td > span.icon-cancel,
table:not(.pagination-block) tr:hover > td > a > span.icon-apply,
table:not(.pagination-block) tr:hover > td > span.icon-apply,
table:not(.pagination-block) tr:hover > td > span.icon-apply:before,
table:not(.pagination-block) tr:hover > td > a > span.icon-delete:before,
table:not(.pagination-block) tr:hover > td > span.icon-delete:before {
    color: #fff;
}*/

table.pagination-block table tr:hover td span.icon-next {
    color: #424242;
}

.SystemMenuLinkButton span.icon-cancel {
    color: #424242 !important;
}

.table-form-list-2 tbody > tr > td {
    width: 33.3%;
    padding-right: 5px;
    vertical-align: top;
}

.GridPager select.InputBox {
    margin-top: 10px;
}

#ctl00_ContentMain_AdministratorStaffEducationList1_chkApproved {
    margin-top: 6px;
}

#ctl00_ContentMain_ProgrammeList_dgvProgramme tr td:first-child {
    text-align: center;
}

#ctl00_ContentMain_ProgrammeList_dgvProgramme tr td:only-child {
    text-align: left;
}

#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-curriculum,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-batch_approvers,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-programme,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-placement_manager,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-person,
#ctl00_ContentMain_ucPerson_Summary_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-person,
#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-leave_approvers {
    font-size: 2.2rem;
    vertical-align: -4px;
    /*vertical-align: -5px;*/
}

#ctl00_ContentMain_PersonAccountDetail1_chkEnableReminders + label,
#ctl00_ContentMain_PersonAccountDetail1_LeaveOutOfOfficeAdminDetail1_chkOutOfOffice label {
    vertical-align: 2px;
}

#ctl00_ContentMain_PersonAccountDetail1_LeaveOutOfOfficeAdminDetail1_tblMessage,
.home-page #ctl00_ContentMain_trProfile {
    margin-bottom: 10px;
}

.box-sh-none {
    box-shadow: none !important;
    border-bottom: 1px solid #e2e2e2;
}

/*==HOME PAGE==*/
#ctl00_ContentMain_trNavCarousel .BoxIntrepid {
    padding: 10px !important;
    /*margin-top: 10px;*/
    margin-bottom: 0;
}

.navcarousel_background {
}

    .navcarousel_background .carousel_image_holder {
        margin-right: 10px;
    }

    .navcarousel_background .carousel_image {
        margin: 0;
        border: 1px solid #424242;
        background-color: #424242;
        margin-bottom: 5px;
    }

    .navcarousel_background .carousel_image_caption {
        font-size: 1rem;
        font-weight: 700;
        font-family: verdana;
        color: #424242;
        text-align: left;
        top: 0;
    }

#ctl00_ContentMain_trProfile > td {
    padding-bottom: 5px;
}

#ctl00_ContentMain_pnlRightPanel {
    margin-bottom: 10px;
}

.shortcut-list {
    overflow: hidden;
}

    .shortcut-list > li {
        display: inline-block;
        margin-bottom: 8px;
        margin-right: 3px;
        float: left;
    }

        .shortcut-list > li .SystemMenuLinkButton {
            border-radius: 0;
            font-size: 1.1rem;
            font-weight: bold;
            text-transform: uppercase;
            padding: 10px;
        }

            .shortcut-list > li .SystemMenuLinkButton a {
                color: #424242;
            }

            .shortcut-list > li .SystemMenuLinkButton span[class^="icon"] {
                margin: 0 auto 5px;
                display: block;
                text-align: center;
                font-size: 3rem;
            }

.personal-detail-section .BoxIntrepid {
    box-shadow: none;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0 !important;
}

.BoxIntrepid.personal-detail-section .BoxIntrepid .content-slide {
    padding: 0 !important;
}

    .BoxIntrepid.personal-detail-section .BoxIntrepid .content-slide .top-btn-section {
        display: none;
    }

.BoxIntrepid.personal-detail-section .DataLabelHeader {
    text-decoration: underline;
    display: block;
    margin-bottom: 10px;
}

.personal-detail-section .program-table-list table select {
    margin-bottom: 10px;
}

.personal-detail-section .table-form-list {
    margin-bottom: 10px;
}

.my-account-page #ctl00_ContentMain_PersonAccountDetail1_LeaveOutOfOfficeAdminDetail1_pnlOutOfOffice table tr td:first-child {
    width: 190px;
}

.my-account-page #ctl00_ContentMain_PersonAccountDetail1_LeaveOutOfOfficeAdminDetail1_pnlOutOfOffice table tr td:nth-child(3) {
    width: 48px;
}

.person-personal-detail-page #ctl00_ContentMain_Person_PersonDetail1_LeaveOutOfOfficeAdminDetail1_pnlOutOfOffice {
    padding-right: 20px;
}

    .person-personal-detail-page #ctl00_ContentMain_Person_PersonDetail1_LeaveOutOfOfficeAdminDetail1_pnlOutOfOffice > table {
        width: 50%;
    }

    .person-personal-detail-page #ctl00_ContentMain_Person_PersonDetail1_LeaveOutOfOfficeAdminDetail1_pnlOutOfOffice table tr td:first-child {
        width: 380px;
    }

    .person-personal-detail-page #ctl00_ContentMain_Person_PersonDetail1_LeaveOutOfOfficeAdminDetail1_pnlOutOfOffice table tr td:nth-child(3) {
        width: 55px;
    }

*[id*="updPersonSummary"] .account-record-table td {
    padding: 5px 5px 0;
}

*[id*="updPersonSummary"] .account-record-table *[id*="LinkedFileImageDisplay1_tdImage"] {
    padding: 0;
}

*[id*="LinkedFileImageDisplay1_tdImage"] table tr:not(:last-child):not(:nth-last-child(2)) {
    display: none;
}

.account-record-table *[id*="LinkedFileImageDisplay1_tdImage"] table tr:nth-last-child(2) td {
    height: auto !important;
}

.account-record-table *[id*="LinkedFileImageDisplay1_tdImage"] table tr:last-child td > img {
    display: none;
}

.account-record-table *[id*="LinkedFileImageDisplay1_tdImage"] table tr:last-child td > .SystemMenuLinkButton {
    margin: -20px -5px 0;
    padding: 4px 16px;
}

.account-record-table *[id*="LinkedFileImageDisplay1_tdImage"] > input[type="image"] {
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    border-color: #c9c9c9 !important;
    background-color: #c9c9c9 !important;
    margin-bottom: 0;
}

.account-record-table *[id*="LinkedFileImageDisplay1_imbImage"] {
    border-color: #c9c9c9 !important;
    max-width: 115px !important;
    height: auto !important;
}

.account-record-table .profile-image-section *[id*="updLinkedFileImageDisplay"] {
    float: left;
    width: 120px;
}

.profile-image-section .image-record {
    float: left;
    width: 100%;
    width: -moz-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
}

.account-detail-section.content-slide .account-record-table tbody {
    vertical-align: top;
}

.account-detail-section.content-slide .top-btn-section {
    float: right;
}

.account-detail-section.content-slide {
    padding-top: 15px;
}

    .account-detail-section.content-slide #ctl00_ContentMain_Person_Summary1_updPersonSummary {
        float: left;
        width: 100%;
        width: -moz-calc(100% - 180px);
        width: -webkit-calc(100% - 180px);
        width: calc(100% - 180px);
    }

.text-left .search-buttons {
    text-align: left !important;
}

#ctl00_ContentMain_Person_PersonDetail1_Person_Equality_Accordian1_acrPane1_content_txtDisabilityDetails {
    border-color: #c9c9c9 !important;
}

.pagination-table a {
    font-size: 1.2rem;
    font-weight: bold;
}

    .pagination-table a span[class^='icon'] {
        font-size: 1.5rem;
        color: #424242 !important;
        vertical-align: -1px;
    }

    .pagination-table a:hover {
        color: #424242;
    }

.warning-section {
    margin-bottom: 5px;
}

    .warning-section .icon-alert {
        vertical-align: -3px;
        color: #931C1E;
        font-size: 1.8rem;
    }

#ctl00_ContentMain_Person_PersonDetail1_LinkedFileImageDetail_Accordian1_acrPane1_content_lblHeader .SystemMenuLinkButton {
    border: 0;
    padding: 0;
    background: transparent;
}

.button-block tr:nth-child(2) td:first-child {
    padding-left: 55px;
}

.account-record-table tbody > tr > td:nth-child(3) {
    width: 32%;
}

.images-table td {
    vertical-align: middle;
}

#ctl00_ContentMain_PersonListSearch_ddlStatus_Arrow {
    height: 26px;
}

.RadComboBox_Metro .rcbArrowCell a {
    height: 23px !important;
}

.content-slide .RadComboBox.RadComboBox_Metro input {
    border: 0 !important;
    margin: 0 !important;
}

.leave-icon-apply {
    display: inline-block;
    vertical-align: middle;
}

    .leave-icon-apply:before {
        font-size: 26px !important;
        color: #30cd55 !important;
    }

.leave-expense-accordion {
    padding: 10px 10px 0;
}

    .leave-expense-accordion .title-block {
        pointer-events: none;
    }

        .leave-expense-accordion .title-block .icon-block {
            display: none;
        }

    .leave-expense-accordion .accordion-contents {
        padding-left: 2px;
        padding-right: 2px;
    }

#ctl00_ContentMain_MergeDocumentsConfig_uPnlMergeDocs .InputBlock {
    border: 0;
    background-color: #fff;
    border-spacing: 0;
}

#ctl00_ContentMain_MergeDocumentsConfig_uPnlMergeDocs td > div {
    height: auto !important;
    overflow: auto !important;
}

#ctl00_ContentMain_MergeDocumentsConfig_lblCurrentDocuments,
#ctl00_ContentMain_MergeDocumentsConfig_lblMergeFields {
    display: block;
    margin-bottom: 10px;
}

#ctl00_ContentMain_MergeDocumentsConfig_uPnlMergeDocs .MDSpaceOut {
    padding-top: 10px;
}

.Grid .icon-delete {
    font-size: 2rem;
}

#ctl00_ContentMain_LeaveApplicationExpensesDetail1_ContactApprovalCalendar1_lblSwitchToTeamView {
    display: block;
    text-transform: capitalize;
    margin-bottom: 10px;
}

#ctl00_ContentMain_LeaveApplicationExpensesDetail1_ContactApprovalCalendar1_calLeave td[colspan="7"] {
    border: 0 !important;
}

#ctl00_ContentMain_LeaveApplicationExpensesDetail1_ContactApprovalCalendar1_calLeave td {
    font-size: 1.2rem;
    vertical-align: middle;
}


.BoxIntrepid-inner {
    margin: 0 -10px 0;
}

    .BoxIntrepid-inner .title-block {
        pointer-events: none;
        cursor: auto;
    }

        .BoxIntrepid-inner .title-block .icon-block {
            display: none;
        }

    .BoxIntrepid-inner .BoxIntrepid {
        box-shadow: none;
    }

.SystemMenuLinkButton.step-btn {
    padding: 2px;
    margin-top: 3px;
    border-radius: 0;
}

#ctl00_ContentMain_PersonListSearch_rowAdvancedSearch {
    margin-right: 0;
}

.popup-body #ctl00_ContentMain_SystemTitleBanner_divBanner {
    box-shadow: none !important;
}

.msg-btn {
    font-size: 2.5rem;
    cursor: pointer;
}

.message-section .title-block {
    margin-top: 0;
}

.msg-body.popup-body #ctl00_ContentMain_SystemTitleBanner_divBanner {
    margin-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.msg-body.popup-body .title-block .SystemTitleFontWhite {
    padding: 6px 0 5px;
}

.SystemMenuLinkButton .icon-apply:before {
    color: #30cd55;
}

.SystemMenuLinkButton .icon-clear {
    margin-right: 2px;
}

.SystemMenuLinkButton span.icon-revalidation {
    vertical-align: -2px;
}

.mtn-10.BoxIntrepid .accordion-section {
    margin-bottom: 0 !important;
}

.time-display .TimeDisplay {
    width: 100px !important;
}

.programe-table #ctl00_ContentMain_PersonProgrammeList_dgvPersonProgramme .GridHeader th:nth-child(2),
.programe-table #ctl00_ContentMain_PersonProgrammeList_dgvPersonProgramme tr td:nth-child(2) {
    display: none;
}

.person-programme-details-page.person-programme-page #ctl00_ContentMain_SystemTitleBanner_divBanner,
.security-administrators-page #ctl00_ContentMain_SystemTitleBanner_divBanner,
.batch-activation-non-administrator-page #ctl00_ContentMain_SystemTitleBanner_divBanner {
    margin-bottom: 0 !important;
}

    .person-programme-details-page.person-programme-page #ctl00_ContentMain_SystemTitleBanner_divBanner ~ #ctl00_ContentMain_InPageComments1_accGuidance,
    .security-administrators-page #ctl00_ContentMain_SystemTitleBanner_divBanner ~ #ctl00_ContentMain_InPageComments1_accGuidance,
    .batch-activation-non-administrator-page #ctl00_ContentMain_SystemTitleBanner_divBanner ~ #ctl00_ContentMain_InPageComments1_accGuidance {
        clear: both;
        padding: 10px;
        background: #fff;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    }

table.post-approver-table input[type="checkbox"] {
    margin-left: 0;
}

#ctl00_ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-security_home {
    font-size: 2.4rem;
    vertical-align: -5px;
}

.icon-section .icon-alert {
    font-size: 10rem;
    color: #e44454;
}

body[class^='security'] #ctl00_ContentMain_SystemTitleBanner_divBanner {
    padding-bottom: 6px !important;
}

.security-access-denied-page #ctl00_ContentMain_AccessDenied1_SystemTitleAccessDenied_ModuleTitle {
    display: block;
    padding: 0 10px 3px;
    color: #424242;
    font-weight: 700;
    text-align: center;
}

.accordion-section#ctl00_ContentMain_SecurityUserAdministratorPermissionDetail_accDOSPermission .title-block .icon-block {
    right: 5px;
    top: 10px;
}

#ctl00_ContentMain_SecurityUserAdministratorDetail1_SecurityUserSendEmail1_trLicenceDetail .table-form-list > tr > td {
    padding-bottom: 5px;
}

.SystemMenuLinkButton .icon-manage_record {
    vertical-align: -2px;
}

.security-administrator-page #ctl00_ContentMain_SystemTitleBanner_divBanner {
    margin-bottom: 0;
}

    .security-administrator-page #ctl00_ContentMain_SystemTitleBanner_divBanner + .clearfix + .BoxIntrepid .accordion-section {
        margin-bottom: 0;
    }

.security-td #dvLocalOffice > tbody > tr > td {
    width: 50%;
}

table#ctl00_ContentMain_SecurityGroupUserDetail1_dgvSecurityGroupList input[type="checkbox"] {
    margin: 0;
}

.button-section.table-btns > table {
    display: inline-block;
}

.button-section.table-btns > .button-section {
    display: none;
}

.button-section.table-btns #ctl00_ContentMain_SecurityGroupDetail1_SystemCommit1_tblStandardSave #ctl00_ContentMain_SecurityGroupDetail1_SystemCommit1_trCancel {
    margin-right: 0;
}

#ctl00_ContentMain_SecurityGroupAdminUserDetail1_pgvUserSearchList input[type="checkbox"] {
    margin: 0;
}

#ctl00_ContentMain_SecurityGroupDetail1_pnlDeleteConfirm {
    text-align: left;
}

table#ctl00_ContentMain_SecurityObjectDetail1_SecurityObjectDetail input[type="checkbox"] {
    margin: 0;
}

table#ctl00_ContentMain_SecurityObjectDetail1_SecurityObjectDetail td {
    vertical-align: middle;
    padding-top: 5px;
}

.BoxIntrepid.p-10 .accordion-section {
    margin-bottom: 0;
}

.SystemMenuLinkButton span.icon-manage_record {
    vertical-align: -2px !important;
}

.local-td #dvLocalOffice > tbody > tr > td:first-child {
    width: 100%;
}

    .local-td #dvLocalOffice > tbody > tr > td:first-child .pr-10 {
        padding-right: 0 !important;
    }

#ctl00_ContentMain_pnlTaskandSearch {
    margin-top: 10px;
}

.checkbox-table table input[type="checkbox"] {
    margin: 0;
}

#ctl00_ContentMain_pnlTaskandSearch .table-form-list tr #ctl00_ContentMain_colWorkListRemindersShortCuts:only-child {
    padding-right: 0;
}

.person-page #ctl00_ContentMain_SystemTitleBanner1_divBanner .SystemTitleBannerFontWhite .icon-person {
    font-size: 2rem;
    vertical-align: -3px;
    margin-right: 3px;
}

.btn-m-0.content-slide .top-btn-section {
    margin-bottom: 0;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
    background: #fff;
}

/*==LOGIN PAGE===*/
.login-banner {
    background: url("../../images/Hicom/login-banner.jpg") center top no-repeat;
    background-size: cover;
    padding: 120px 20px;
    margin: -10px -10px 10px;
    text-align: center;
}

    .login-banner .banner-contents {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .login-banner h2 {
        font-size: 2.8rem;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 20px;
    }

        .login-banner h2:after {
            content: "";
            width: 40px;
            height: 2px;
            background-color: #b78248;
            display: block;
            margin: 5px auto 0;
        }

    .login-banner .banner-contents p {
        font-size: 1.4rem;
        color: #fff;
        margin: 0;
    }

.BoxIntrepid.BoxIntrepid-Icon {
    padding: 15px 10px 10px !important;
}

.BoxIntrepid-Icon .icon-section {
    float: left;
    width: 90px;
    font-size: 9rem;
}

.BoxIntrepid-Icon .Box-contents {
    float: left;
    width: 100%;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    min-height: 222px;
    padding-left: 10px;
}

.BoxIntrepid-Icon.BoxIntrepid-cover .Box-contents {
    float: none;
    width: 100%;
    min-height: 0;
}

.BoxIntrepid-Icon .title-block {
    cursor: auto;
}

    .BoxIntrepid-Icon .title-block .SystemTitleBackgroundIntrepid .SystemTitleFontWhite {
        color: #1f7f7f;
        padding: 0;
    }

    .BoxIntrepid-Icon .title-block td:empty {
        display: none;
    }

#ctl00_SignIn1_rowMessage br {
    display: none;
}

#ctl00_SignIn1_rowMessage td,
#SignIn1_rowMessage td {
    padding-bottom: 10px;
}

/*==10-09-18==*/
.post-details-table .GridItemWhite {
    border: 1px solid #e0e3e7 !important;
    display: block;
    border-radius: 4px;
    margin-bottom: 10px;
}

.post-details-table .main-table .list-item > li table > tbody > tr > td {
    padding: 10px 10px 0 10px;
    border-right: 1px solid #e0e3e7;
}

.post-details-table .main-table .list-item > li table > tbody > tr:last-child > td {
    padding-bottom: 10px;
}

.table-caption {
    font-size: 1.2rem;
    display: block;
    font-weight: bold;
    text-align: left;
    border-radius: 0;
    border-width: 0 0 1px 0;
}

.post-details-table .GridItemWhite > td {
    display: block;
    width: 100%;
}

.table-caption:empty {
    display: none;
}

.leave-application-slide .accordion-section {
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.BoxIntrepid.mtn-10 {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

html body .table-form-list .input-small,
html body .table-form-list .input-box-small input[type="text"],
.table-form-list .input-box-small #ctl00_ContentMain_LeaveApplicationDetail1_txtStartDate,
.table-form-list .input-box-small #ctl00_ContentMain_LeaveApplicationDetail1_txtEndDate,
.table-form-list .input-box-small #ctl00_ContentMain_LeaveApplicationDetail1_txtNumberOfDays {
    width: 90px !important;
    padding-right: 10px !important;
}

html body .input-icon.input-box-small span[id$="Control"] {
    top: 5px;
    left: 100px;
}

.confirm-section {
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

.leave-manager-application-page #tblToPrint .BoxIntrepid.mt-10 {
    margin-top: 0 !important;
}

.top-btn-mb-0.content-slide .top-btn-section {
    margin-bottom: 0;
}

/*==25-10-18===*/

/*==IE BROWSER===*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    #ctl00_ContentMain_Person_Summary1_LinkedFileImageDisplay1_tdImage table tr:last-child td > .SystemMenuLinkButton {
        margin: -20px -14px 0;
    }

    .RadComboBox .rcbInput.radPreventDecorate,
    .RadComboBox .rcbInputCell .rcbInput.radPreventDecorate {
        height: 24px;
    }
}

@-moz-document url-prefix() {

    .RadComboBox .rcbInput.radPreventDecorate,
    .RadComboBox .rcbInputCell .rcbInput.radPreventDecorate {
        height: 24px;
    }
}

/*==29-09-19===*/

a {
    color: #424242;
    text-decoration: none;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.SystemTitleDasboard img {
    max-width: 120px;
}

.SystemTitleDasboard [class^="icon"] {
    font-size: 2rem;
    vertical-align: -3px;
}

.SystemTitleDasboard .SystemTitleBannerFontWhite {
    margin-top: 2px;
}

.block-title {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
}

    .block-title h2 {
        font-size: 1.2rem;
        font-family: verdana;
        color: #424242;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
    }

/*===SHORTCUT BLOCK===*/
hr {
    border: 0;
    height: 1px;
    background-color: #e2e2e2;
    margin: 2px 0 !important;
}

.row {
    margin: 0 -10px !important;
}

.contentBlock {
    padding: 10px;
    overflow: hidden;
    margin: 0 -5px;
}

.shortcutBlock .shortcutItem {
    float: left;
    width: 20%;
    padding: 0 5px;
}

.MiniTile h2 {
    font-size: 1.4rem;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.shortcutItem .MiniTile {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    text-align: center;
    padding: 10px 5px;
    min-height: 66px;
    background-color: #f1f4f8;
    border: #ddd 1px solid;
}

.MiniTile span[class^="icon-"]:before {
    font-size: 4rem;
    text-align: center;
    color: #424242;
}

.shortCutImage {
    display: block;
    margin: 0 0 5px;
}

.inputBlock {
    margin-bottom: 10px;
}

    .inputBlock > * {
        display: inline-block;
        vertical-align: top;
    }

    .inputBlock > .DataLabelMedium {
        width: 150px;
    }

    .inputBlock > .selectWrapper {
        width: -moz-calc(100% - 237px);
        width: -webkit-calc(100% - 237px);
        width: calc(100% - 237px);
        margin-right: 5px;
    }

    .inputBlock > .selectWrapperControl {
        width: -moz-calc(100% - 250px);
        width: -webkit-calc(100% - 250px);
        width: calc(100% - 250px);
        margin-right: 5px;
    }

    .inputBlock > .selectWrapperTask {
        width: -moz-calc(100% - 232px);
        width: -webkit-calc(100% - 232px);
        width: calc(100% - 232px);
        margin-right: 5px;
    }

    .inputBlock > .selectWrapper select, .inputBlock > .selectWrapperControl select {
        margin-bottom: 0;
    }

    .inputBlock > .selectWrapper.selectWrapperCourse input {
        margin: 0 !important;
    }

    .inputBlock > .selectWrapper.selectWrapperCourse {
        width: -moz-calc(100% - 167px);
        width: -webkit-calc(100% - 167px);
        width: calc(100% - 167px);
    }

.table tbody tr:hover {
    outline: 1px solid #4c9999;
    background-color: inherit;
}

.tableWrapperSection {
    border: 1px solid #e2e2e2;
}

    .tableWrapperSection .Grid {
        border: 0;
    }

.CourseItem > .tableToggle {
    font-size: 1.2rem;
    border-bottom: 1px solid #e2e2e2;
    padding: 8px 10px;
}

    .CourseItem > .tableToggle > a {
        margin-right: 5px;
    }

.toggleContent .GridItemWhite > td, .toggleContent .GridItemWhite > th {
    background-color: #ecf0f5 !important;
    padding: 0 10px 0px;
}

.toggleContent .GridItemWhite > th {
    padding-top: 10px;
    border-bottom: 0px !important;
}

.toggleContent .GridItemWhite:first-child > th, .toggleContent .GridItemWhite:first-child > th .grid-table thead tr th:last-child {
    border-right: 0px !important;
}

.toggleContent .GridItemWhite:first-child > td {
    padding-top: 10px;
}

.toggleContent .GridItemWhite:last-child > td {
    padding-bottom: 10px;
}

.toggleContent .GridItemWhite > td table, .toggleContent .GridItemWhite > th table {
    background-color: #fff;
}

.GridPager {
    padding: 14px 10px 10px;
    background-color: #fff;
}

    .GridPager select.InputBox {
        width: 40px !important;
        margin: -6px 5px !important
    }

/*===TASK LIST====*/
.count,
.taskList > span > span:not(.icon-dropdown_maximise) {
    font-size: 1.1rem;
    color: #fff;
    background: #ff801e;
    border-radius: 50%;
    padding: 3px 5px;
    display: inline-block;
    line-height: 1;
}

.sharedcount,
.taskList > span > span:not(.icon-dropdown_maximise) {
    font-size: 1.1rem;
    color: #fff;
    background: #bbb;
    border-radius: 50%;
    padding: 3px 5px;
    display: inline-block;
    line-height: 1;
}

.taskList {
    font-size: 1.2rem;
    display: block;
    width: 100%;
    color: #424242;
    font-weight: bold;
    text-align: left;
    padding: 4px 40px 4px 5px;
    background: #ecf0f5;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    min-height: 25px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

table tbody > .GridItemWhite:last-child .taskList, #ContentMain_DelegateCourseEventListByMonthShortcut_updPanel1 > div:last-child .taskList {
    margin-bottom: 0 !important;
}

a.taskList:hover {
    color: #424242;
}

.taskList .icon-dropdown_maximise:before,
.title-block .dropdown-icon .icon-dropdown_maximise:before {
    color: #424242;
    font-size: 1.8rem;
}

.taskList .dropdown-icon,
.title-block .dropdown-icon {
    position: absolute;
    right: 5px;
    top: 4px;
    display: inline-block;
}

.title-block .dropdown-icon {
    right: 10px;
    top: 10px;
}

.taskList.active .dropdown-icon,
.title-block.active .dropdown-icon {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.content-slide table, .content-slide-audit table {
    table-layout: fixed;
    /*table-layout: auto;*/
}

.fontWeightNoraml {
    font-weight: 400 !important;
}
/*==TABLE===*/
.grid-table {
    border-collapse: collapse;
    border: 1px solid #ddd;
    table-layout: unset !important;
}

    .grid-table td a {
        color: #424242 !important;
    }

    .grid-table td, .grid-table th {
        font-size: 1.2rem;
        padding: 6px;
        color: #424242;
        border: 1px solid #e2e2e2;
        vertical-align: middle;
    }

    .grid-table tbody tr:not(.GridHeader):nth-child(odd):not(.GridHeaderWhiteHoverColor):not(.GridPager) {
        background-color: #ecf0f5;
    }

    .grid-table tbody tr:not(.GridHeader):not(.GridHeaderWhiteHoverColor):not(.GridPager):not(.emptyRow):hover, table .GridItem:hover, table .GridAltItem:hover {
        outline: 1px solid #4c9999;
    }

    .grid-table.p-15 td {
        padding: 15px;
    }

.GridAltItem:focus {
    background-color: #4c9999;
}

.grid-table tbody tr.GridPager tr {
    background-color: transparent !important;
}

    .grid-table tbody tr.GridPager tr:hover {
        outline: none !important;
    }

.toggleContent .GridItemWhite > td .grid-table td {
    background-color: #fff;
}

#ContentMain_MainMenuLoggedOnAdmin .GridPager > td {
    width: 100% !important;
    border: 1px solid #e2e2e2;
}

.grid-table tr td[onclick] {
    cursor: pointer;
}

.grid-table .innerTable td {
    border: 0 !important;
}

.grid-table .innerTable tr:hover {
    outline: none !important;
}

.grid-table .innerTable tr {
    background-color: transparent !important;
}

/*======================================= START - Person Booking Grid =====================================*/
.NoBorder {
    border: none !important;
}

.grid-table-custom {
    border-collapse: collapse;
    background-color: #ecf0f5;
}

.grid-table-custom-white {
    border-collapse: collapse;
    background-color: white;
}


.grid-table-custom td a {
    color: #424242 !important;
}

.grid-table-custom td, .grid-table-custom th {
    font-size: 1.2rem;
    padding: 6px;
    border: none;
    vertical-align: middle;
}

/*.grid-table-custom tbody tr:not(.GridHeader):nth-child(odd):not(.GridHeaderWhiteHoverColor):not(.GridPager) {
        background-color: #ecf0f5;
    }*/

/*.grid-table-custom tbody tr:not(.GridHeader):not(.GridHeaderWhiteHoverColor):not(.GridPager):not(.emptyRow):hover, table .GridItem:hover, table .GridAltItem:hover {
        outline: 1px solid #4c9999;
    }*/

.grid-table-custom tbody tr.GridPager tr {
    background-color: transparent !important;
}

    .grid-table-custom tbody tr.GridPager tr:hover {
        outline: none !important;
    }

.toggleContent .GridItemWhite > td .grid-table-custom td {
    background-color: #fff;
}

.grid-table-custom .GridItemWhite {
    border: 1px solid #e2e2e2;
}

.grid-table-custom tr {
    /*cursor: pointer;*/
}

.grid-table-custom .innerTable td {
    border: 0 !important;
}

.grid-table-custom .innerTable tr:hover {
    outline: none !important;
}

.grid-table-custom .innerTable tr {
    background-color: transparent !important;
}

.GridItemWhiteHoverColorNoHand .grid-table-custom > tbody > tr {
    cursor: auto;
}

.grid-table-custom > tbody > tr > td input[type="checkbox"] {
    margin: 0;
}

/*======================================= END - Person Booking Grid =====================================*/

.cursor-auto tr {
    cursor: auto !important;
}
/*.cursor-auto tr:hover{
        outline:none !important;
    }*/
/*==*/
.popup-page {
    height: 100%;
    padding: 0 10px 10px;
}

    .popup-page .popup-body {
        /*padding-bottom: 45px !important;*/
        min-height: 100% !important;
    }

        .popup-page .popup-body .bottom-button {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            text-align: right;
        }

.RadWindow .rwCorner {
    width: 15px !important;
}

.RadWindow .rwTopLeft, .RadWindow .rwTopRight, .RadWindow .rwTitlebar, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight, .RadWindow .rwFooterCenter {
    height: 15px !important;
}

.subTitle {
    display: block;
    font-size: 1.2rem;
    color: #424242;
    margin-bottom: 10px;
    font-weight: 700;
}

.RadWindow.RadWindow_Metro .rwCorner {
    display: none;
}

body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner_divBanner, body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner1_divBanner {
    overflow: hidden;
}

    body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite, body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner1_divBanner .SystemTitleBannerFontWhite {
        float: left;
        margin-top: 2px;
    }

    body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner_divBanner .imageWrap, body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner1_divBanner .imageWrap {
        float: right;
        width: 125px;
    }

body:not(.popup-body) .popup-header #closeicon {
    display: none;
}

body.popup-body .popup-header .imageWrap, body.popup-body .popup-header span[class^="icon"] {
    display: none !important;
}

body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span[class^="icon"], .title-block .SystemTitleBackgroundIntrepid .icon-courses1 {
    font-size: 2rem;
    vertical-align: -3px;
}

body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-my_requirements {
    vertical-align: 0;
}

body:not(.popup-body) .popup-header #ContentMain_SystemTitleBanner_divBanner .SystemTitleBannerFontWhite span.icon-bookings {
    font-size: 2.6rem;
    vertical-align: -5px;
}

.RadComboBoxDropDown .rcbList > li > label {
    display: inline-block;
}

.RadComboBoxDropDown input {
    margin: 0px 3px 3px 0;
}

.mlb-10 {
    margin: 15px -10px 15px !important;
    color: #ccc;
}

.mxl-10 {
    margin: 0 -10px !important;
}

.contentSection {
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 4px;
}

.popup-header .SystemTitleBannerDefault {
    float: none;
}
/*===ACCORDION===*/
/*.accordion-section {
    border: 1px solid #e2e2e2;
}*/

.accordion-section .title-block {
    font-size: 1.2rem;
    color: #424242;
    font-weight: bold;
    background-color: #ecf0f5;
    background-image: none !important;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    padding: 7px 30px 7px 10px;
    display: block;
    cursor: pointer;
}

    .accordion-section .title-block.active {
        border-bottom: 0;
    }

    .accordion-section .title-block .icon-block {
        right: 10px;
        top: 6px;
    }

.font-bold {
    font-weight: bold !important;
}

.border-bottom {
    border-bottom: 1px solid #e2e2e2 !important;
}

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

.m-10 {
    margin: 10px !important;
}

.innerTitle {
    padding: 0 5px 10px 10px;
    margin: 0 -10px 10px;
    border-bottom: 1px solid #e2e2e2;
}

#SystemHeader1_tblCookieCheck {
    background: #1f7f7f;
    text-align: center;
    color: #fff;
}

    #SystemHeader1_tblCookieCheck .icon-clear {
        vertical-align: middle;
    }

        #SystemHeader1_tblCookieCheck .icon-clear:before {
            color: #fff;
        }

#SystemHeader1_udpCookie #SystemHeader1_tblCookieCheck tr > td {
    padding: 10px 10px 10px 210px;
}

#SystemHeader1_udpCookie ~ .login-banner {
    margin-top: 0;
}

.morelink {
    font-weight: bold;
}
/*==CALENDAR CSS===*/
div[id^="popupSuperCalendar"], .navigator_green_main {
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
}

    div[id^="popupSuperCalendar"] .TitleStyle {
        background-color: #1f7f7f !important;
        padding: 7px;
    }

        div[id^="popupSuperCalendar"] .TitleStyle table tr td:not(:first-child) {
            display: none;
        }

        div[id^="popupSuperCalendar"] .TitleStyle table tr nobr {
            width: 100%;
            display: block;
            text-align: center;
        }

            div[id^="popupSuperCalendar"] .TitleStyle table tr nobr:after {
                content: "";
                display: block;
                clear: both;
            }

            div[id^="popupSuperCalendar"] .TitleStyle table tr nobr > span:first-child {
                float: left;
            }

            div[id^="popupSuperCalendar"] .TitleStyle table tr nobr > span:nth-child(2) {
                float: right;
            }

    div[id^="popupSuperCalendar"] .ClassicStyle .TitleStyle .DropDownStyle, div[id^="popupSuperCalendar"] .ClassicStyle .TitleStyle .DropDownOutStyle {
        border: 0;
    }

    div[id^="popupSuperCalendar"] > table {
        border: 0 !important;
    }

    div[id^="popupSuperCalendar"] .BodyStyle .HeaderStyle {
        font-size: 1.1rem;
        font-weight: bold;
        padding: 5px 2px;
    }

    div[id^="popupSuperCalendar"] .BodyStyle .DateStyle {
        font-size: 1.2rem;
        text-align: center;
        padding: 0px;
    }

        div[id^="popupSuperCalendar"] .BodyStyle .DateStyle > span {
            display: inline-block;
            padding: 6px 2px;
            min-width: 29px;
            border-radius: 50%;
            cursor: pointer;
            text-decoration: none;
        }

            div[id^="popupSuperCalendar"] .BodyStyle .DateStyle > span:hover, div[id^="popupSuperCalendar"] .BodyStyle .CurrentDateStyle, div[id^="popupSuperCalendar"] .BodyStyle .SelectedDateStyle {
                background-color: #1f7f7f;
                color: #fff !important;
                border: 0 !important;
            }

    div[id^="popupSuperCalendar"] .TodayStyle {
        background-color: transparent;
    }

        div[id^="popupSuperCalendar"] .TodayStyle .TextStyle {
            font-size: 1.2rem;
            color: #424242;
            padding: 5px;
            cursor: pointer;
        }

    div[id^="popupSuperCalendar"] .TitleStyle .DropDownStyle, div[id^="popupSuperCalendar"] .TitleStyle .DropDownOutStyle, div[id^="popupSuperCalendar"] .TitleStyle .DropDownOverStyle {
        border: 0 !important;
        font-size: 1.2rem;
    }

    div[id^="popupSuperCalendar"] .TitleStyle td {
        padding: 0;
    }

body .ClassicStyle .ListStyle {
    font-family: Verdana;
    font-size: 1.2rem;
    background-color: #fff;
}

.v-align-m {
    vertical-align: middle !important;
}

.emptyRow td {
    font-size: 1.2rem;
    line-height: 1.9rem;
    font-weight: 600;
    background-color: #FDF1E9;
    color: #424242;
    border: 1px solid #E44545;
    padding: 5px;
}

#popupSuperSpanMonth2 {
    display: inline-block;
    margin-top: 2px;
}

input:not([type=checkbox]):not([type=radio]):not(.rcbInput):focus:not([type=image]):not(.racInput), select:focus, textarea:focus, .rcbFocused {
    outline: 1px solid #ff801e;
}

.SystemMenuLinkDisabled {
    cursor: not-allowed;
}

.RadComboBox.InputBoxMediumWhite {
    max-height: 27px;
    overflow: hidden;
}

    .RadComboBox.InputBoxMediumWhite .rcbInput.radPreventDecorate {
        max-height: 24px !important;
    }

.valign-top, .valign-child-t td, .valign-all-t * {
    vertical-align: top !important;
}

.valign-middle, .valign-child-m td, .valign-all-m * {
    vertical-align: middle !important;
}

.valign-bottom, .valign-child-b td, .valign-all-b * {
    vertical-align: bottom !important;
}

.font-bold {
    font-weight: bold !important;
}

.valign-child-t td input[type="checkbox"], .valign-child-m td input[type="checkbox"], .valign-child-b td input[type="checkbox"] {
    margin: 0 !important;
}

#ctl00_ContentMain_DelegatePackageDetail_radTabStrip .rtsUL .rtsTxt, .RadTabStripTop_Metro .rtsUL .rtsTxt {
    padding: 5px 10px !important;
    background-color: #ecf0f5;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0px 0px;
    font-weight: bold;
}

.rtsSelected .rtsTxt {
    background-color: #1F7F7F !important;
    color: #fff;
}

.rtsTxt span[class^="icon"] {
    font-size: 2rem;
    vertical-align: -3px;
    padding-right: 5px;
}

#ctl00_ContentMain_DelegatePackageDetail_radTabStrip .rtsUL .rtsOut, .RadTabStripTop_Metro .rtsUL .rtsOut {
    padding-right: 0 !important
}

    .RadTabStripTop_Metro .rtsUL .rtsOut .rtsIn {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

#ctl00_ContentMain_DelegatePackageDetail_radTabStrip .rtsLink, .RadTabStripTop_Metro .rtsLink {
    padding-left: 0 !important;
}

.rtsLI {
    margin: 2px 0 !important;
}

#ctl00_ContentMain_DelegatePackageDetail_radTabStrip .rtsLevel.rtsCenter, .RadTabStripTop_Metro .rtsLevel.rtsCenter {
    text-align: left !important;
}

.bxs-none {
    box-shadow: none !important;
}

#ContentMain_DelegatePackageDetail_UpdatePanel2 .SystemMenuLinkButtonBoldRequirement, #ContentMain_DelegatePackageDetail_UpdatePanel2 .SystemMenuLinkButton {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.DataLabelMediumBold.mb-10 {
    display: inline-block;
    vertical-align: top;
}

.border-0 {
    border: 0 !important;
}

.popup-header .SystemTitleBannerFontWhite .icon-merge {
    vertical-align: -1px !important;
}

    .popup-header .SystemTitleBannerFontWhite .icon-merge:before {
        color: #424242;
    }

.bg-white {
    background-color: #fff !important;
}

.f-120 {
    font-size: 12rem !important;
}

.icon-alerts:before {
    color: #e44545 !important;
}

.popup-header .SystemTitleBannerFontWhite .icon-my_requirements:before, .popup-header .SystemTitleBannerFontWhite .icon-evaluation_question_groups:before, .popup-header .SystemTitleBannerFontWhite .icon-evaluations_releases {
    font-size: 2rem;
    vertical-align: -3px;
}

.BoxIntrepid + br {
    display: none;
}

.w-150 {
    width: 150px !important;
}

.ContentMain_Reporting1_Report1_ReportTree_1 {
    color: #424242 !important;
}

.emptyTD table[width="Auto"] td[width="Auto"]:empty {
    display: none;
}

.py-5 {
    padding: 5px 0 !important;
}

.reContentCell iframe {
    background-color: #fff;
}

    .reContentCell iframe body {
        background: red;
    }

.input-icon .InputBoxMediumWhite {
    border: 0 !important;
}

    .input-icon .InputBoxMediumWhite input {
        margin: 0 !important;
    }

.input-icon input:disabled {
    padding-right: 5px !important;
}

.w-50 {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.w-30 {
    width: 30px !important;
}

.w-55 {
    width: 55px !important;
}

.w-90 {
    width: 90px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.valign-all-b input {
    margin-bottom: 0 !important;
}

.empty-td {
    display: none !important;
}

.popup-page #ContentMain_NewRoomBooking1_pnlBooking[disabled] {
    padding: 10px;
}

.popup-page .accordion-section .icon-block {
    display: none;
}

.msgContent .top-btn-section {
    float: right;
}
/*.login-table {
    min-height: 70vh;
    min-height: -webkit-calc(100vh - 225px);
    min-height: calc(100vh - 225px);
}*/
.ErrorMsgInputMedium {
    margin-bottom: 10px;
    display: inline-block;
}

    .ErrorMsgInputMedium input {
        margin: 0 !important;
    }

div[disabled] {
    /*padding: 10px;*/
    margin-bottom: 10px;
}

div#ContentMain_DelegateRegister_pnlFields[disabled] {
    padding: 10px;
}

.SystemMenuContent .SystemMenuLinkButton .icon-event_manager:before {
    color: #fff;
}

.SystemMenuContent .SystemMenuLinkDisabled .icon-event_manager:before {
    color: #fff;
}

.select-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

.title-block-p .title-block {
    padding: 0;
}

.of-visible {
    overflow: visible !important;
}

.of-hidden {
    overflow: hidden !important;
}

.content-hidden .accordion-contents {
    overflow: hidden !important;
}
/*.RadMultiPage .title-block .icon-block {
    display:none;
}*/
#ContentMain_DelegateCourseEventDetail_pageVenueSessions br {
    display: none;
}

/*===BOOKING CSS==*/
.navigator_green_main {
    border: 0 !important
}

.navigator_green_title, .navigator_green_titleleft, .navigator_green_titleright, .navigator_green_todaybox {
    background: #1f7f7f !important;
    border: 0 !important;
}

.navigator_green_dayother, .navigator_green_day {
    color: #424242 !important;
}

.navigator_green_todaybox + span {
    display: block;
    text-align: center;
}

.navigator_green_titleleft > span {
    margin-left: 5px !important;
}

.navigator_green_titleright > span {
    margin-right: 5px !important;
}

.navigator_green_todaybox {
    border-radius: 50%;
    margin-left: 5px;
    z-index: 10;
}

.navigator_green_select {
    background: transparent !important;
}

.navigator_green_todaybox + span {
    z-index: 10;
    position: relative;
    color: #fff;
    margin-right: -8px !important;
}

.popup-body .popup-header .SystemTitleBannerOnlineRequest {
    box-shadow: none !important;
    padding: 0 !important;
}

#ContentMain_CourseEventSummary_lblBadges .icon-badges {
    vertical-align: 0 !important;
}

#ContentMain_DelegateCourseDetail1_pageTargetAudience .content-slide > .DataLabelMedium {
    display: block;
    margin-bottom: 10px;
}

#ContentMain_DelegateCourseEventDetail_pnlBook > br {
    display: none;
}

.SystemMenuLinkButton:hover .icon-personal_details:before {
    color: #fff;
}

.ClassicStyle .TitleStyle .DropDownStyle img, .ClassicStyle .TitleStyle .DropDownOutStyle img, .ClassicStyle .TitleStyle .DropDownOverStyle img {
    width: auto;
    height: 10px;
}

span img[id^="popupSuperChangeMonth"], span img[id^="popupSuperChangeYear"] {
    height: 7px !important;
}

#popupSuperMonth {
    min-width: 80px;
}

#popupSuperYear {
    min-width: 55px;
}

.input-icon .InputBoxMediumWhite {
    width: 100% !important;
}

    .input-icon .InputBoxMediumWhite table td {
        width: 34px !important;
    }

        .input-icon .InputBoxMediumWhite table td input[id*="txtSeperator"] {
            padding-right: 3px !important;
            min-width: 15px;
            width: 25px !important;
        }

#ContentMain_ApplicationMessageDetail_tr1 .DataLabelMedium label {
    vertical-align: 0;
}

.ruButton.ruBrowse {
    height: 24px !important;
}

td > .DataLabelMedium {
    padding-right: 5px;
}

.td-p-0 tr td table td {
    padding-top: 0 !important;
    padding-bottom: 5px;
    vertical-align: top !important;
}

#ContentMain_DelegateCourseEventDetail_ctl03_lblTotal {
    top: 2px;
    position: relative;
}

.popup-page #ContentMain_DelegateCourseEventAccommodationList1_UpdatePanel1, .popup-page #ContentMain_DelegateCourseEventEventOptionList1_UpdatePanel1 {
    padding-top: 15px;
}

#ContentMain_acrMainMenuDelegate #ContentMain {
    overflow: hidden !important;
}

.package-wrapper.BoxIntrepid {
    padding: 10px !important;
}

    .package-wrapper.BoxIntrepid #ContentMain:first-of-type {
        margin-bottom: 10px;
    }

    .package-wrapper.BoxIntrepid #ContentMain.accordion-contents {
        padding-left: 0;
        padding-right: 0;
    }

    .package-wrapper.BoxIntrepid #ContentMain:first-of-type + div > .accordion-contents {
        padding-top: 0 !important;
    }

.w-550 {
    width: 550px !important;
}

.w100 {
    width: 100% !important;
}

.mapCanvas {
    margin-bottom: 10px;
}

.popup-page .BoxIntrepid {
    box-shadow: none !important;
}

    .popup-page .BoxIntrepid .content-slide {
        padding: 5px 10px 10px !important;
        border: #c9c9c9 1px solid;
        border-top: 0;
    }

.popup-page #ContentMain_DelegateCourseEventEventOptionList1_UpdatePanel1 .content-slide .top-btn-section, .popup-page #ContentMain_DelegateCourseEventAccommodationList1_UpdatePanel1 .content-slide .top-btn-section {
    margin-bottom: 0;
}

#ContentMain_DelegateCourseEventDetail_ctl03_tblCalculateTotal {
    border: 1px solid #ddd;
}

    #ContentMain_DelegateCourseEventDetail_ctl03_tblCalculateTotal > tbody > tr > td {
        padding: 10px;
    }

.GridItemWhiteHoverColorNoHand .grid-table > tbody > tr {
    cursor: auto;
}

.grid-table > input[type="checkbox"] {
    margin: 4px;
}

.RadTabStrip .rtsLevel {
    padding: 0 5px;
    width: unset !important;
}

#divBasketTimer.TimeoutWarningBox {
    height: auto !important;
}

.DataLabelLargeBold > tbody > tr > td {
    padding-bottom: 5px;
}

#ContentMain_DelegatePersonBasketPersonCourseList_lblTotal, #ContentMain_DelegatePersonBasketPersonCourseList_lblDepositAmount {
    display: block;
    margin-bottom: 5px;
}

#ContentMain_ApplicationMessageDetail_lblDetailData {
    display: block;
    margin-bottom: 10px;
}

input#ContentMain_CourseEventSummary_btnTemp {
    display: none;
}

.GridPager td[id*="tcPageXofY"] {
    width: 120px !important;
}

.GridPager td[id*="tcPagerDDL"] {
    width: 250px !important;
}

@media only screen and (max-width:1024px) {
    .GridPager {
        padding: 10px 0;
    }
}

.NoBorder td, .NoBorder th,
.NoBorder {
    border: none !important;
}

/*.NoBorderOnClildElements:nth-child(even), .NoBorderOnClildElements:nth-child(odd) {
    border: none !important;
}*/

/*====================================== START - BUTTON IMAGES ==========================================*/
/*.Receipt { 
 background-image: url('../../images/Common/Receipt.png'); 
 text-align: center; 
 }*/
.RegisterButton {
    display: inline-block;
    height: 37px;
    width: 154px;
}

.PayNow {
    background-image: url('../../images/Common/PayNow.png');
}

.ConfirmBooking {
    background-image: url('../../images/Common/ConfirmBooking.png');
}

/*====================================== END - BUTTON IMAGES ==========================================*/

.TextRight {
    text-align: right !important;
}

.GridHeaderRight {
    text-align: right !important;
}

.GridAltItemNoHand .icon-tick_2 {
    font-size: 2rem;
}

/*--Updated Style 1st April 2020--*/
.people-list .title-block {
    display: inline-table;
    width: 100%;
}

.GridAltItemNoEdit:hover, .GridItemNoEdit:hover {
    outline: 1px solid #4c9999;
}

.RadWindow_Metro {
    top: 60px !important;
}

.ruFileWrap input.ruButton, .ruRemove {
    width: 100px !important;
}

.RadUpload .ruButton {
    width: 100px !important;
    display: inherit;
}

.RadUpload_Metro .ruButton {
    color: #424242;
    background-color: #ecf0f5 !important;
}

    .RadUpload_Metro .ruButton:hover {
        background-color: #d7d9dd !important;
    }

.course-list .GridItemWhite {
    border: #c9c9c9 1px solid;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
}

    .course-list .GridItemWhite:hover {
        border: #4c9999 1px solid;
    }

.table-form-list {
    margin-bottom: 10px;
}

.event-fee-area {
    position: relative;
}

.event-fee-section {
    border: #c9c9c9 1px solid;
    padding: 0 10px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin: 0 -5px;
}

.standard-save {
    width: auto;
    margin-top: 10px;
    display: inline;
    margin-left: -5px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.width-auto {
    width: auto;
}

.record-detail-btn table {
    margin-right: -5px;
}

.custom-box {
    padding: 10px;
    border: #c9c9c9 1px solid;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.info-msg2 {
    background-color: #f6f2e1;
    color: #936414;
    border-radius: 3px;
    border: #d3c19e 1px solid;
}

.error-msg {
    background-color: #fff3eb;
    color: #c24242;
    border-radius: 3px;
    border: #c24242 1px solid;
}

.SystemMenuHeaderFixed, .SystemMenuHeaderSelectedFixed {
    margin-bottom: 10px;
    font-size: 1.4rem;
}

.SystemMenuHeaderSelectedFixed {
    margin-top: 10px;
}

.question-data .DataLabelMedium {
    margin-bottom: 2px;
}

.evaluation-pre-btn {
    vertical-align: top;
    margin-top: 10px;
    margin-left: -5px;
}

.SecondTDFileBrowse {
    float: left;
    width: auto;
    padding-bottom: 10px;
}

.my-basket-amount {
    width: 30%;
    float: left;
}

.panel-dropdown .grid-table {
    min-height: 40px;
}

    .panel-dropdown .grid-table td {
        vertical-align: middle;
        padding: 2px 6px;
    }

#divHelpline {
    border-bottom: 0px !important;
}

.pl-15 {
    padding-left: 15px;
}

.row-style {
    background-color: #4c9999;
}

    .row-style:hover {
        background-color: #990000;
    }

.TopBanner {
    background-color: #dd5454;
    text-align: center;
    color: white;
    line-height: 2em;
}

.CommitContainerLoadingMsg {
    line-height: 25px;
}


.CommitLoadingMsg {
    line-height: 25px;
}


.SendEmailCommit {
    width: 160px;
    float: right;
    margin-bottom: 10px;
}


/* New CSS for control tables */
table.form-control-list-outer table.form-control-list-inner {
    margin: 5px 0;
    font-size: 1.2rem;
}

    table.form-control-list-outer table.form-control-list-inner .RadComboBox {
        padding: 0;
    }

    table.form-control-list-outer table.form-control-list-inner > tbody > tr > td {
        vertical-align: top;
        padding: 5px 0;
    }

        table.form-control-list-outer table.form-control-list-inner > tbody > tr > td:nth-child(2n) {
            line-height: 27px;
            padding-right: 10px;
        }

        table.form-control-list-outer table.form-control-list-inner > tbody > tr > td:nth-child(2n+1) {
            width: 155px;
            line-height: 15px;
            padding: 11px 0;
        }

        table.form-control-list-outer table.form-control-list-inner > tbody > tr > td .normal-line-height {
            line-height: 15px;
        }

    table.form-control-list-outer table.form-control-list-inner input,
    table.form-control-list-outer table.form-control-list-inner input:not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.rcbInput):not(.racInput),
    table.form-control-list-outer table.form-control-list-inner select {
        margin: 0;
    }

        table.form-control-list-outer table.form-control-list-inner input[type="checkbox"] {
            margin-top: 7px;
        }

.MultiSelectDropdown input[type="checkbox"],
.RadComboBoxDropDown .rcbList > li > label {
    display: inline !important;
}

/* Forcibly fixing Report View crap */
#RadWindowWrapper_ctl00_PopupWindowBrowser1_RadPopupDisplayWindow {
    width: calc(100vw - 60px) !important;
    top: 30px !important;
    height: calc(100vh - 60px) !important;
}

.reportBody {
    padding-bottom: 0;
}

    .reportBody form {
        height: 100% !important;
        /* Fix for Chrome, maybe */
        margin-block-end: 0;
    }

#PanelReportViewer td[height="28px"] {
    vertical-align: middle !important;
}

    #PanelReportViewer td[height="28px"] input {
        padding: 0;
        margin: 0;
    }

    #PanelReportViewer td[height="28px"] div {
        margin: 0 !important;
    }

    #PanelReportViewer td[height="28px"] input[type="image"] {
        margin: 6px 0 !important;
    }

.editorcontrol:not(.RadEditor) {
    border: 1px solid #828282;
    padding: 10px;
    background-color: #ececec;
}

#confirmsave {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 30px;
    font-size: 1.2rem;
}

    #confirmsave.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
        z-index: 99999999;
    }

@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 30px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 30px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

.logo {
    margin: 5px;
}

.top-panel {
    min-height: 50px;
}

.orgtabbutton {
    margin: 5px;
    padding: 5px 10px;
    background-color: #ecf0f5;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.orgtabdiv > span {
    margin: 15px 5px;
    font-size: 12pt;
    display: block;
}

.d-inline,
input[type=checkbox],
label[for] {
    display: inline;
}

/* Drag & Drop functionality */
.draggablebox {
    border: 1px solid #ccc;
    margin: 10px 0;
}

    .draggablebox.activedroptarget {
        border: 3px dotted Green;
        margin: 6px 0;
    }

    .draggablebox.enddroptarget {
        display: none;
        height: 100px;
    }

    .draggablebox .title {
        color: #424242;
        padding: 10px 8px;
        font-size: 12px;
        font-weight: 700;
        border-bottom: 1px solid #ccc;
        cursor: move;
        background-color: #eee;
    }

.draggableboxhide {
    display: inline-block;
    font-size: 1.25em;
    float: right;
    cursor: pointer;
}

table.questionnaire-question {
    border-spacing: 10px;
    border-collapse: separate;
    margin-top: -10px;
    max-width: 1200px;
    table-layout: unset;
}

    table.questionnaire-question th {
        font-weight: bold;
        text-align: left;
    }

    table.questionnaire-question td,
    table.questionnaire-question th {
        padding: 11px;
        font-size: 10pt;
        line-height: 10pt;
        vertical-align: middle;
    }

    table.questionnaire-question td {
        text-align: center;
    }

    table.questionnaire-question .question {
        text-align: left;
    }

    table.questionnaire-question .action,
    table.questionnaire-question .question {
        border: 1px solid #fff;
    }

        table.questionnaire-question .action.bordered,
        table.questionnaire-question .question.bordered {
            border: 1px solid #C9C9C9;
            border-radius: 4px;
        }

    table.questionnaire-question td input[type=checkbox] {
        margin-bottom: 0;
    }

table.questionnaire-question-pd {
    border-spacing: 2px;
    border-collapse: separate;
    margin: -10px 0 10px 8px;
    max-width: 1000px;
    table-layout: unset;
}

    table.questionnaire-question-pd td {
        padding: 2px;
        font-size: 10pt;
        line-height: 10pt;
        vertical-align: middle;
    }

.basketeventpanel {
    border: solid 1px #ddd;
    border-radius: 4px;
    padding: 10px;
}

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

    .basketoptionpanel .title-block {
        background-color: #f0f0f0;
        border: solid 1px #ddd;
        border-radius: 4px;
    }

        .basketoptionpanel .title-block .icon-block {
            top: 5px;
        }

        .basketoptionpanel .title-block .SystemTitleFontWhite {
            padding: 5px;
        }

.CheckBox-teal,
input[type=checkbox] {
    accent-color: rgb(31, 127, 127);
}

.SystemMenuLinkButton-teal {
    background-color: rgb(31, 127, 127);
    color: white;
    border-color: rgb(15, 100, 100);
}

    .SystemMenuLinkButton-teal:hover {
        background-color: rgb(65, 160, 160);
        color: white;
    }

.btn {
    font-size: 12px !important;
}

.responsiveheader {
    margin-bottom: 8px;
}

.responsiveheaderbtn {
    font-size: 12px !important;
    font-weight: bold;
    background-color: white !important;
    margin-right: 1.2em;
}

.responsiveheadertext {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: bold;
    color: #424242;
    line-height: 28px;
    vertical-align: middle;
    margin: 0 0 2px 0;
}

.responsiveheadermessagelink {
    color: #424242;
    padding: 4px 0px;
    display: inline-block;
    text-decoration: none;
    line-height: 18px;
}

body {
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size: 12px !important;
    padding: 0 10px;
}

a {
    text-decoration: none;
}

#menuhamburger {
    border-bottom: solid 1px rgb(201,201,201);
    border-collapse: collapse;
    padding: 8px;
    cursor: pointer;
}

    #menuhamburger .icon-menu1,
    #menuhamburger .icon-menu1:before {
        color: #4c9999;
    }

.topmenusection {
    display: flex;
    padding: 0 20px;
    height: 70px;
    justify-content: space-between;
}

.topmenuleft {
    display: inline-block;
}

.topmenuitem {
    display: inline-block;
    text-decoration: none;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
    width: 70px;
    margin-left: 12px;
    color: #333;
    font-size: 9pt;
}

    .topmenuitem.selected {
        background-color: #f1f4f8;
        border-bottom: 3px solid #ef7329;
        font-weight: bold;
    }

    .topmenuitem:hover {
        background-color: #f1f4f8;
        text-decoration: none;
    }

.topmenuright {
    display: inline-block;
    line-height: 60px;
    right: 20px;
}

.topmenusignin button {
    font-size: 8pt;
    width: 90px;
    height: 26px;
    line-height: 22px;
    vertical-align: middle;
    border-radius: 5px;
    padding: 0;
}

    .topmenusignin button:focus,
    .topmenusignin button:hover {
        color: white;
    }

    .topmenusignin button.btn-register {
        background-color: rgb(31, 127, 127);
        color: white;
    }

    .topmenusignin button.btn-signin {
        background-color: #333;
        color: white;
    }

.tab-pane {
    padding: 20px;
}

.nav-link,
.nav-link:focus,
.nav-link:hover {
    color: rgb(31, 127, 127) !important;
    font-size: 10pt;
    font-weight: bold;
}

li button.active .icon.icon-landingpagetab {
    color: #ef7329 !important;
}

li button .icon-landingpagetab-text {
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    color: #1F7F7F !important;
}

li button.active .icon-landingpagetab-text {
    color: #424242 !important;
}

.eventtile {
    width: 100%;
    border: 1px solid #e2e2e2;
    padding: 5px;
    font-size: 10pt;
    overflow: hidden;
    cursor: pointer;
}

    .eventtile:hover {
        border: 1px solid rgb(31, 127, 127);
    }

    .eventtile p {
        color: #6b6b6b;
        margin: .5em;
    }

    .eventtile .eventtile-heading {
        font-size: 11pt;
        color: #555555;
        font-weight: bold;
        height: 3em;
        overflow: hidden;
        margin-bottom: .5em;
    }

    .eventtile .eventtile-availablecount {
        background-color: #43a040;
        border-radius: 8px;
        color: #e8f3e7;
        padding: 2px 4px;
    }

    .eventtile .eventtile-button {
        color: black;
        display: inline-block;
        width: 100px;
        height: 26px;
        line-height: 24px;
        background-color: #eee;
        border: 1px solid #999;
        border-radius: 5px;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        font-size: 9pt;
        font-weight: bold;
    }

        .eventtile .eventtile-button:hover {
            background-color: #ddd;
        }

.eventtile-panel {
    min-height: 520px;
    overflow-y: auto;
}

.eventtile-panel-recent {
    min-height: 568px;
    overflow-y: auto;
}

.eventtile-panel .icon {
    font-size: 1.4em;
    vertical-align: middle;
}

.eventtile-pills {
    background-color: white;
}

.nav-pills .nav-link {
    min-width: 74px;
    height: 28px;
    background-color: #31A8A2;
    background: #f1f4f8;
    border: 1px solid #C7C7C7;
    border-radius: 4px;
    color: #424242;
    font-size: 1.2rem;
    line-height: 1.15;
    white-space: nowrap;
    font-weight: bold;
    padding: 6px 10px;
    margin: 0 5px 20px 0;
}

    .nav-pills .nav-link.active {
        background-color: #31A8A2 !important;
        border-color: #1F7F7F !important;
        color: #fff !important;
    }

    .nav-pills .nav-link .num {
        color: #fff;
        background: #EF7E29;
        display: inline-block;
        text-align: center;
        font-weight: normal;
        height: 14px;
        line-height: 14px;
        vertical-align: middle;
        border-radius: 50%;
        font-size: 80%;
        margin-top: -1px;
        margin-left: 3px;
        padding: 0 4px;
    }

.dropdown-item {
    font-size: 12px;
    margin: 5px;
}

.allfieldscontainer div {
    padding: 1px 5px;
}

    .allfieldscontainer div.RadAutoCompleteBox {
        padding: 1px 0;
        margin: 0;
    }

.allfieldscontainer .fieldcontainer {
    padding: 0 5px;
}

.footerseparator {
    padding: 0 0 0 15px;
}

.footer {
    padding: 3px 2em;
}

.footer-link {
    display: inline-block;
    text-align: center;
    padding: 3px .25em;
}

.cursorhand {
    cursor: pointer;
}

.SystemMenuLinkButton {
    white-space: nowrap;
}

    .SystemMenuLinkButton[disabled] {
        background-color: #ecf0f5;
        color: #bbb;
        cursor: not-allowed;
    }

        .SystemMenuLinkButton[disabled]:hover {
            background-color: #ecf0f5;
        }

.pagerSectionSmall {
    max-width: 33%;
    display: inline-block;
    padding: 0 2em 0 0;
    white-space: nowrap;
    text-align: left;
}

.pagerSectionLarge {
    max-width: 50%;
    display: inline-block;
    padding: 0 0 0 2em;
    white-space: nowrap;
    text-align: right;
}

.GridPager select.InputBox {
    width: 60px !important;
    margin: -6px 1em !important;
}

    .GridPager select.InputBox option {
        padding: 0 20px;
        text-align: center;
    }

.rtsTxt {
    text-decoration: none;
    outline: none;
    color: #424242;
}

.grid-outer-container {
    width: calc(100vw - 290px);
    overflow-x: auto;
}

.grid-inner-container {
    overflow-x: auto;
}

.uat-banner {
    color: #fff;
    background-color: #dd5454;
    font-size: 12px;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 0 -10px;
}

table.evaluationgrid tr {
    border-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

table.evaluationgrid td {
    border: 1px solid #bbb;
    margin: 0 -1px -1px 0;
    padding: 0;
    min-width: 36px;
}

    table.evaluationgrid td.gridheading {
        padding: 5px;
    }

    table.evaluationgrid td p {
        margin: 0;
        padding: 5px;
        text-align: center;
    }

    table.evaluationgrid td div {
        background: #eee;
        color: dimgrey;
        font-size: 11px;
        padding: 3px;
        text-align: center;
        width: 100%;
        white-space: nowrap;
    }

div.stickyerror {
    z-index: 9999;
    position: sticky;
    top: 0;
    margin-bottom: 10px;
    padding: 15px;
    background-color: #ffcccc;
}

div.stickyOK {
    z-index: 9999;
    position: sticky;
    top: 0;
    margin-bottom: 10px;
    padding: 15px;
    background-color: #ccffcc;
}

/* Mobile Nav */
.top-panel .nav-pull {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    text-align: center;
    position: relative;
    font-size: 12px
}

    .top-panel .nav-pull span:not(.txt):not(.icon-menu1) {
        background: #1f7f7f;
        display: block;
        height: 3px;
        width: 24px;
        margin: 5px auto
    }

        .top-panel .nav-pull span:not(.txt):not(.icon-menu1):first-child {
            margin-top: 12px
        }

/* Media specific */
@media screen and (max-width: 640px) {
    .hide640 {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .pagerSectionSmall {
        display: none;
    }
}

@media screen and (max-width: 300px) {
    .hide300 {
        display: none;
    }
}

/* Specifically 768 to match the "md" breakpoint in Bootstrap */
@media screen and (max-width: 768px) {
    .rdheader,
    .rdheader .DataLabelMedium,
    .rdheader .DataLabelMediumBold {
        font-style: italic;
    }

    .allfieldscontainer .rdheader {
        padding-bottom: 0;
    }

    .allfieldscontainer .rddetail {
        padding-top: 0;
    }
}


@media screen and (max-width: 991.98px) {
    .grid-outer-container {
        width: 100%;
        overflow-x: auto;
    }

    .top-panel .topmenuright {
        right: 70px;
    }
}

.widecontrolcontainer {
    display: block;
    width: 100%;
    padding: 5px;
}

    .widecontrolcontainer .widecontrolheader {
        width: 100%;
    }

        .widecontrolcontainer .widecontrolheader .DataLabelMedium {
            font-style: italic;
        }

    .widecontrolcontainer .widecontrolarea {
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .widecontrolcontainer {
        display: flex;
    }

        .widecontrolcontainer .widecontrolheader {
            width: 12.5%;
        }

            .widecontrolcontainer .widecontrolheader .DataLabelMedium {
                font-style: inherit;
            }

        .widecontrolcontainer .widecontrolarea {
            width: 87.5%;
        }
}