/* LATSnet CSS Classes */
/* Blue Site b0c4de */

@media all and (min-width: 1024px) {
    body {
        min-width: 1024px;
    }
}

.page_title {
    position: relative;
    width: 768px;
    height: 18px;
    font-size: 1.4em;
    font-weight: 500;
}

.main {
    position: relative;
    width: 768px;
    padding-left: 4px;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
}


h1 {
    font-size: 1.4em;
    font-weight: 500;
}

h2 {
    font-size: 1.25em;
    text-decoration: underline;
    font-weight: 500;
}

h3 {
    font-size: 1.25em;
    font-weight: 500;
}

h4 {
    font-size: 1.25em;
    font-weight: 500;
}

h5 {
    font-size: 1.1em;
    font-weight: 500;
    text-decoration: underline;
}

h6 {
    font-size: 1.1em;
    font-weight: 500;
    font-style: italic;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

form {
    /*
    margin: 0;
    padding: 0;
        */
}

/* LATSnet Custom CSS Classes */
.bigHeader {
    font-size: 1.1em;
    text-decoration: underline;
    font-weight: bold;
}

.homePageHeader {
    font-weight: bold;
    font-size: larger
}

.normalHeader {
    font-weight: bold;
}

.pageTitle {
    padding-top: 3px;
    padding-left: 3px;
    font-weight: bold;
    font-size: larger
}

    .pageTitle tr {
        vertical-align: top;
    }

    .pageTitle * {
        padding: 0px !important;
        margin: 0px !important;
    }

.content {
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    color: #000000;
}

.required {
    color: #B30000;
}

    .required * {
        color: #B30000;
    }

.note {
    font-size: .8em;
}

.instructions {
    font-size: 1em;
    font-style: italic !important;
}

.noSpace * {
    padding: 0px !important;
    margin: 0px !important;
}

.error {
    color: #B30000;
}

    .error a {
        color: #B30000;
        text-decoration: underline;
    }

.warning {
    color: #B30000;
}

    .warning a {
        color: #B30000;
        text-decoration: underline;
    }

.copyright {
    font-size: .8em;
}

.smallText * {
    font-size: 9px;
    color: #000000;
}

.reportText {
    font-size: 10px;
}

.readonlyField {
    color: #777777;
}

.disabledOption {
    color: #777777;
}

.enabledOption {
    color: #000000;
}

.disabledField {
    background-color: #EDEDED;
}

.enabledField {
    background-color: #FFFFFF;
}

.disabledOptionUnderline {
    color: #777777;
    text-decoration: underline;
}

.detailHeader {
    background-color: #DDDDDD;
    font-weight: 500;
}

/* ----- TREEVIEW DEFINITIONS ----- */
.treeView normalHeader {
    font-weight: bold
}

.treeView a {
    color: #000000;
    text-decoration: none;
}

    .treeView a:hover {
        color: #000000;
        text-decoration: underline;
    }

/* ----- BLOCKING DEFINITIONS ----- */
.blocker {
    cursor: pointer; /*mozilla*/
    cursor: hand;
}

.blocker {
    background-color: #DDDDDD !important;
}

    .blocker td {
        background-color: #DDDDDD !important;
    }

.blockerNoBGColor {
    cursor: pointer; /*mozilla*/
    cursor: hand;
}

.blockee {
    display: none;
}

/* ------- NAV DEFINITIONS -------- */

.gridViewHover {
    cursor: pointer;
    background-color: #DDDDDD !important;
}

.gridViewHoverAlt {
    cursor: pointer;
    background-color: #DDDDDD;
}

.gridViewHoverSelect {
    cursor: pointer;
    background-color: #B2DFEE !important;
}

.gridViewHoverTinySelect {
    cursor: pointer;
    background-color: #DDDDDD !important;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: arial
}


.textbold {
    FONT-WEIGHT: bold;
    FONT-SIZE: 7px;
    COLOR: black;
    FONT-FAMILY: verdana, optima, arial, sans-serif
}

.textsmaller {
    FONT-SIZE: 7px;
    COLOR: black;
    FONT-FAMILY: verdana, optima, arial, sans-serif
}

.top {
    FONT-SIZE: 7px;
    FONT-FAMILY: verdana, optima, arial, sans-serif;
    BORDER-TOP: #001884 1px solid;
}

/* Accessibility CSS Begins */
.alignTopLeft {
    text-align: left;
    vertical-align: top;
}

.alignTopLeftNoWrap {
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.floatLeft {
    float: left;
}

.noWrap {
    white-space: nowrap;
}

.GridViewPagerStyle {
    font-style: italic;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px
}

.InfoBar {
    background-color: #003f59;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
}

    .InfoBar > table > tbody > tr > td > input, .InfoBar > table > tbody > tr > td > button {
        color: black;
    }

/* Accessibility CSS Ends */
.alternateRows tr:nth-child(odd) {
    width: 100%;
    background: #FFF;
    background-color: #EDEDED;
    border-top: #333333 1px solid;
    border-left: #333333 1px solid;
    border-right: #333333 1px solid;
    border-bottom: #333333 1px solid;
}

.alternateRows tr:nth-child(even) {
    width: 100%;
    background: #CCC;
    background-color: #EDEDED;
    border-top: #333333 1px solid;
    border-left: #333333 1px solid;
    border-right: #333333 1px solid;
    border-bottom: #333333 1px solid;
}

/*Classes for new design assets*/
/* container belongs to bootstrap - add our own adjustments in our own classes */

.container {
    min-width: 1024px;
}

body, html {
    height: 100%;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style-type: none;
}

img {
    border: none;
}

a {
    color: #707070;
}

    a:hover, a:focus {
        color: #000000;
    }

.input-field-label {
    width: 30%;
    font-size: 14px !important;
    color: #555555 !important;
    font-weight: bold !important;
    letter-spacing: .5px !important;
    padding: 10px !important;
}

.input-field {
    width: 95% !important;
    border: 1px solid #a4a4a4;
    height: 25px !important;
    font-weight: normal !important;
    color: rgb(85, 85, 85) !important;
    font-style: normal !important;
    padding: 4px;
}

.error-summary {
    font-family: Arial, Helvetica, sans-serif !important;
    color: red;
    font-size: 11px;
    margin-left: 4px;
}

.has-error {
    width: 95% !important;
    border: 1px solid red;
    height: 25px !important;
    font-weight: normal !important;
    color: rgb(85, 85, 85) !important;
    font-style: normal !important;
    padding: 4px;
}

.border-collapse {
    border-collapse: collapse;
}

/*Login Page CSS*/

.login-line {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
    margin-left: -400px;
    width: 1734px;
}

h4 {
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.1;
}

.login-hover-button {
    color: #333 !important;
    font-size: 15px !important;
    background-color: #e6e6e6 !important;
    border: none;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 3px 10px !important;
}

.login-static {
    font-size: 15px !important;
    background-color: #27479a !important;
    border: none;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 3px 10px !important;
}

.forgot-hover-button {
    font-size: 10px !important;
    color: #27479a !important;
    text-decoration: underline;
    font-family: inherit !important;
}

.forgot-static {
    font-size: 10px !important;
    color: #707070 !important;
    text-decoration: underline;
    font-family: inherit !important;
}

.inval-login {
    font-family: Arial, Helvetica, sans-serif !important;
    color: red !important;
    font-size: 14px !important;
}

/*End Login Page CSS*/


/* jim's fixups for megamenu inside bootstrap */

/* ltm abreviation stands for latsTopMenu */
.ltm-ProductNameContainerAdj {
    margin-bottom: 0px;
    margin-top: 20px;
    font-size: 11px;
}

.ltm-ProductName {
    float: left;
}

.ltm-FullWidthLine {
    border-bottom: solid 1px;
    border-bottom-color: lightgray;
    height: 1px;
}

.ltm-LogoCenterLineContainerAdj {
    margin-top: 30px;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.ltm-LogoContainerAdj {
    margin-top: -20px;
}

.ltm-LogoSize {
    height: 37px;
    width: 160px;
}

.ltm-UserMenuContainerAdj {
    /*position is relative to the logo container */
    margin-top: -95px;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.ltm-UserMenuDropDown {
    font-size: 11px;
    color: black;
    background-color: white;
    font-variant: small-caps;
    text-decoration: none;
}

    .ltm-UserMenuDropDown:hover {
        color: black;
        background-color: grey;
        text-decoration: none;
    }

    .ltm-UserMenuDropDown:visited {
        color: black;
        text-decoration: none;
    }

.ltm-UserMenuHref {
    color: black;
    background-color: white;
    text-decoration: none;
}

    .ltm-UserMenuHref:hover {
        color: black;
        background-color: grey;
        text-decoration: none;
    }

    .ltm-UserMenuHref:visited {
        color: black;
        text-decoration: none;
    }

/* this is the megamenu structure */
/* <div class='container ltm-MegaNavbarContainerAdj'> */
/*     <div class='navbar'> */
/*        <ul class='latsui-nav ltm-megaNavBarAdjust'> */
/* foreach megamenu (3 in lats) */
/*             <li class='ltm-MegaNavbarLi'>  */
/*                 <a href='#' class='ltm-MegaNavbarHref' >{header.Caption}</a>  */
/*                 <div class='container ltm-MegaBigAreaDiv'> */
/* foreach subheader (1 to 5 in lats) */
/*                     <div class='{colMd[processedSubHeaderCount]} ltm-MegaMenuColumnDivPadding ltm-MegaMenuColumnLeftBorder' >  */
/*                         <ul class='ltm-MegaMenuColumnUl'>  */
/*     the subheader */
/*                             <li class='ltm-MegaMenuColumnLi'>  */
/*                                 <h3 class='ltm-MegaMenuColumnH3'>  */
/*                                     <a href='#' class='ltm-MegaMenuColumnH3Href'>{subheader.Caption}</a>  */
/*                                 </h3> */
/*                             </li> */
/*     foreach link in the the subheader (1 to many in lats) */
/*                             <li class='ltm-MegaMenuColumnRealLinkLi'> */
/*                                <a class='ltm-MegaMenuColumnRealLinkHref' href='{_root}{page.Link}'>{page.Caption}</a> */
/*                             </li> */
/*     end foreach link */
/*                         </ul> */
/*                     </div> */
/* end foreach subheader */
/* end full width mega panel container */
/*                 </div> */
/* end megamenu li entry in the navbar */
/*             </li> */
/* end foreach megamenu */
/*         </ul> */
/* end navbar */
/*     </div>  */
/* end container for navbar */
/* </div> */

.wholeTopMenuContainer {
}

.ltm-megaNavBarAdjust {
    margin: -53px 0px -1px 0px;
}

.latsui-nav {
    position: absolute;
    cursor: default;
    z-index: 500;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

/* add left border to first megamenu dropdown item in the navbar */
/*.latsui-nav > li:first-child > a {
        border-left: 1px solid #ccc;
    }*/

/* Generic Links and Labels in Menu Divs - I don't think we have any of these */
/*
        .latsui-nav .nav-column li p {
            display: block;
            line-height: 20px;
            font-size: 15px;
            color: #ffffff;
            padding: 0px 15px;
            margin: 0 0 0 0;
            text-decoration: none;
        }
        */


.ltm-MegaNavbarContainerAdj {
    /* left padding 190 moves the menus to the right of the logo image, the top adjustment is relative to the UserMenu */
    padding-left: 0px;
    margin-top: -32px;
    margin-bottom: 40px;
}

.ltm-MegaNavbarLi {
    border-left: 1px solid #ccc;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    position: relative;
}

.ltm-MegaNavbarHref {
    position: relative;
    display: block;
    z-index: 510;
    color: #555555;
    font-size: 16px;
    padding: 12px 13px 14px 13px; /* Goes with 16 px font size*/
    border-right: 1px solid #ccc;
    text-decoration: none;
}

.ltm-MegaNavbarLi.dropdown.open > .ltm-MegaNavbarHref {
    background-image: url(../Images/nav_arrow.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.ltm-MegaNavbarHref:hover {
    color: #555555;
    text-decoration: none;
}

.ltm-MegaNavbarHref:visited {
    color: #555555;
    text-decoration: none;
}

.ltm-MegaNavbarDummyHref {
    /* this is a blank space - holding space for the logo overlay */
    position: relative;
    display: block;
    z-index: 510;
    color: #555555;
    font-size: 16px;
    padding: 12px 13px 14px 13px; /* Goes with 16 px font size*/
    border-right: 1px solid #ccc;
    text-decoration: none;
    width: 190px; /* match width of logo plus */
    cursor: default;
    border-left: none;
}

    .ltm-MegaNavbarDummyHref:hover {
        color: #555555;
        text-decoration: none;
    }

    .ltm-MegaNavbarDummyHref:visited {
        color: #555555;
        text-decoration: none;
    }


.ltm-MegaBigAreaContainerAdj {
    color: white;
    position: absolute;
    background-color: #27479A;
    margin: auto;
    z-index: 999;
    padding: 10px;
    border: none;
    outline: none;
    max-width: none !important;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}


.ltm-MegaMenuColumnDivAdjustments {
    padding: 5px;
    display: table-cell;
    white-space: nowrap;
    margin-right: 10px;
    margin-top: 10px;
    vertical-align: top;
}

.ltm-MegaMenuColumnLeftBorder {
    border-left: 1px solid white;
}

.ltm-MegaMenuColumnUl {
    padding-top: 0px;
    padding-right: 1px;
    padding-bottom: 0px;
    padding-left: 1px;
    margin: 0;
    border: none;
    outline: none;
    display: inline-block;
    float: none;
    vertical-align: top;
    flex: 1;
}


.ltm-MegaMenuColumnLi {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    display: block;
}

.ltm-MegaMenuColumnH3 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    letter-spacing: 2px;
}

.ltm-MegaMenuColumnH3Href {
    width: 100%;
    margin: 0px 0 10px 0;
    line-height: 26px;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    color: #ffffff;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: default;
    padding: 0;
    border: none;
    outline: none;
}

    .ltm-MegaMenuColumnH3Href:after {
        /* this draws yellow border under the h3 menu category*/
        content: '';
        height: 1px;
        background-color: #a3d0e4; /* light blue */
        display: block;
        margin-top: 0px;
        font-weight: normal !important;
    }

    .ltm-MegaMenuColumnH3Href:hover {
        color: #ffffff;
        cursor: default;
        text-decoration: none;
        /* color: #f2a91e; */
    }

.ltm-MegaMenuColumnRealLinkLi {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    display: block;
}

.ltm-MegaMenuColumnRealLinkHref {
    color: white;
    line-height: 26px;
    font-size: 12px;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 25px;
    text-decoration: none;
    text-indent: -1em;
    display: inline-block;
    margin: 0;
    /* padding: 0; */
    border: none;
    outline: none;
}

    .ltm-MegaMenuColumnRealLinkHref:hover {
        color: black;
        background: white;
        text-decoration: none;
        /* color: #f2a91e; */
    }

    .ltm-MegaMenuColumnRealLinkHref:visited {
        color: white;
    }

        .ltm-MegaMenuColumnRealLinkHref:visited:hover {
            color: black;
        }

.ltm-MegaNavbarUnderlineContainerAdj {
    margin-top: -43px;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}


/* dashboard widget adjustments*/
.centered {
    margin: 0 auto;
}

.dashboardWidgetMarginBottom {
    margin-bottom: 20px;
}


/* security template adjustments */
#templateDetailsForm, #dashboardTemplatePrivs, #templatePrivilegesForm, #templateRestrictionsForm, #step3, #DataSegmentsForm {
    background-color: #ffffff;
    color: #003f59;
    border: none;
}

.wizardStepDescription {
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid rgb(0,151,212);
    border-image: none;
    background-color: rgb(222,239,246);
}

.securityTemplateCheckboxes ul.noindent {
    /*list-style: none;
    margin-left: 12px;
    margin-right: 0px;
    padding-left: 5px;
    padding-right: 0px;*/
}

.securityTemplateCheckboxes .columns {
    -moz-column-width: 24.5em; /* Firefox */
    -webkit-column-width: 24.5em; /* webkit, Safari, Chrome */
    column-width: 24.5em;
}

    /*remove standard list and bullet formatting from ul*/
    .securityTemplateCheckboxes .columns ul {
        /*margin: 10px;
    padding: 0;
    list-style-type: none;*/
    }

        /* correct webkit/chrome uneven margin on the first column*/
        .securityTemplateCheckboxes .columns ul li:first-child {
            margin-top: 0px;
        }

.securityTemplateContent {
    /* similar to wizardSteDescription, but margins and padding for containers of 
        multicolumn checkbox lists and grids in the template content areas */
    padding: 5px;
    /*border-radius: 5px;
    border: 1px solid rgb(0,151,212);
    border-image: none;*/
    /*background-color: rgb(222,239,246);*/
}

.fixUpGridInTemplateEdits {
    /* table was outdented compared to rest of form */    
    border: 1px solid rgb(0,151,212);
    border-radius: 5px;
}

.fixUpGridInTemplateDataSegmentList {
    /* table was outdented compared to rest of form */
    /* no idea why this needs more indent than the employee list grids that use .fixUpGridInTemplateEdits */
    border: 1px solid rgb(0,151,212);
    border-radius: 5px;
    /* min-height:550px; */
}

.templateSegmentTable {
    /* table was outdented compared to rest of form */
    border: 1px solid rgb(0,151,212);
    border-radius: 5px;
}

    .templateSegmentTable thead, .templateSegmentTable tr, .templateSegmentTable th, .templateSegmentTable td {
        border: 1px solid rgb(0,151,212);
    }

    .templateSegmentTable th {
        text-align: center;
        background-color: rgb(222,239,246);
    }

    .templateSegmentTable th, .templateSegmentTable td {
        padding: 5px;
    }

.LatsLightBlueBackground {
    background-color: rgb(222,239,246);
}

.addDataSegmentForm {
    min-width: 500px;
    min-height: 500px;
}

.addDataSegmentPopUpDropDown {
    min-width: 380px;
    padding-right: 15px;
}

.addDataSegmentPopUpLabel {
    padding-left: 10px;
}

.addDataSegmentPopUpCheckbox {
}

.LatsBorderWithRoundedCorners {
    border-radius: 5px;
    border: 1px solid rgb(0,151,212);
    border-image: none;
}

.ltm-TemplateMegaBigAreaContainerAdj {
    /*top: 49px;
    margin-left: 0px;*/
    /* width: 970px; */
    color: white;
    /*position: absolute;*/
    display: block;
    left: 0;
    background-color: #27479A;
    /*
    transition: all .3s, ease .15s;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
        */
    z-index: 999;
    /* margin: 0; */
    /*padding: 0;*/
    border: none;
    outline: none;
    max-width: none !important;
    margin-right: auto;
    margin-bottom: 40px;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

.compareTemplatePageSubHeaderAdj {
    padding-left: 10px;
}

.compareTemplatePageAdj {
    padding-left: 20px;
}

/* override container width */
.container {
    max-width: none !important;
    /* min-width: 1270px; */
}

.paymentInterfaceGroupsEditAGroup {
    width: 900px;
    margin-left: 10px;
    padding: 5px;
}

    .paymentInterfaceGroupsEditAGroup td {
        margin-left: 10px;
        padding: 5px;
    }



.resetPayPeriodReasonDialogTable td {
    padding: 5px;
    margin-left: 5px;
}

.resetTimesheetReasonDialogTable td {
    padding: 5px;
    margin-left: 5px;
}

.validation-summary-errors, .field-validation-error {
    color: red;
    /*color: black;
    background-color: rgb(255,190,0);
    background-image: none, linear-gradient(rgba(255,255,255,0.45) 0%, rgba(255,255,255,0) 100%);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: repeat-x;
    border-bottom-color: rgb(255,180,0);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: collapse;
    border-left-color: rgb(255,180,0);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(255,180,0);
    border-right-style: solid;
    border-right-width: 1px;
    border-spacing: 0px 0px;
    border-top-color: rgb(255,180,0);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0px 4px 6px rbga(0,0,0,0.3);
    box-sizing: content-box;
    display: inline-block;
    line-height: normal;
    min-width: 20px;
    outline-color: transparent;
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 5px;
    padding-top: 2px;
    position: static;
    text-align: center;
    z-index: 9999;*/
}