body {
    font-size: .8em;
    font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
    margin: 0;
    padding: 0;
}

a:link, a:visited {
    color: #034af3;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

.tdStyle {
    vertical-align: top;
}

a:active {
    color: #034af3;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

.pageHeading {
    font-size: 20px;
    font-weight: 700;
    color: #26346b;
    text-transform: none;
    margin-bottom: 0;
    float: left;
}

.leftAlign {
    text-align: left;
}

.iconfloatright {
    margin-top: 5px;
    float: right;
    width: 50%;
}

.rgtAlign {
    text-align: right;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #26346b;
    font-variant: normal;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0;
}

#headerText {
    float: left;
    font-size: 1.1em;
    color: #fff;
    margin-left: 5px;
    padding-left: 5px;
    font-weight: 700;
    margin-top: 10px;
}

table .dxgvControl_PlasticBlue {
    clear: both;
}

#lblYrEvent {
    float: left;
    font-size: 1.2em;
    color: #fff;
    margin-left: 20px;
    padding-left: 5px;
    margin-top: 10px;
    border-left: 1px solid #FFF;
}

.Location {
    font-size: 1.5em;
    color: #000;
    font-variant: normal;
    text-transform: none;
    font-weight: 100;
    margin-bottom: 0;
}

.tw {
    width: 200px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
    padding-top: 0;
    margin-top: 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

hr {
    color: #ccc;
}

.leftColumn > h1, .leftColumn > h2, .rightColumn > h1, .rightColumn > h2 {
    margin-top: 0;
}

.page {
    width: 100%;
    background-color: #fff;
}

.main {
    padding: 0 5px 5px;
    vertical-align: top;
    min-height: 420px;
}

.worklistBox {
    border: 1px solid #999;
    padding: 3px;
    min-height: 35px;
    min-width: 40px;
    overflow-y: auto;
}

.TAWorkscope {
    border: 1px solid #999;
    padding: 3px;
    width: 490px;
    min-height: 40px;
    height: 40px;
    overflow: hidden;
}

    .TAWorkscope:hover, .stBox1:hover, .stBox2:hover, .unitBox:hover {
        overflow: auto;
    }

.noLeftSpace {
    padding-left: 0;
}

.ChkListSaveClass {
    display: none;
}

.unitBox {
    border: 1px solid #999;
    padding: 3px;
    width: 120px;
    height: 15px;
    vertical-align: middle;
    overflow:hidden;
    text-wrap: avoid;
}

.eqBox {
    border: 1px solid #999;
    padding: 3px;
    /*width: 360px;*/
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.syBox {
    border: 1px solid #999;
    padding: 3px;
    width: 200px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.functLoc {
    border: 1px solid #999;
    padding: 3px;
    width: 119px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.stBox {
    border: 1px solid #999;
    padding: 3px;
    width: 110px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.stBox1 {
    border: 1px solid #999;
    padding: 3px;
    margin-left: 3px;
    width: 110px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.stBox2 {
    border: 1px solid #999;
    padding: 3px;
    width: 200px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.delBox {
    background-image: url(../images/strip.png);
    background-repeat: no-repeat;
    width: 222px;
    height: 32px;
    margin-top: -8px;
}

.midTD {
    background-color: red;
}

.imgTest {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.gridIcons {
    float: right;
    margin-right: 25px;
}

.wNoBox {
    border: 1px solid #999;
    padding: 3px;
    width: 120px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.wbsBox {
    border: 1px solid #999;
    padding: 3px;
    width: 90px;
    height: 15px;
    vertical-align: middle;
}

.puBox {
    border: 1px solid #999;
    padding: 3px;
    width: 130px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.eqnameBox {
    border: 1px solid #999;
    padding: 3px;
    width: 220px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.eqPID {
    border: 1px solid #999;
    padding: 3px;
    width: 100px;
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.btntopMargin {
    margin-top: 10px;
}

.container {
    width: 100%;
    margin: 10px auto;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}

    ul.tabs li {
        float: left;
        margin: 0 0 -1px;
        padding: 0;
        height: 31px;
        line-height: 31px;
        border: 1px solid #999;
        border-left: none;
        background: #e0e0e0;
        overflow: hidden;
        position: relative;
    }

        ul.tabs li a {
            text-decoration: none;
            color: #000;
            display: block;
            font-size: 1.2em;
            padding: 0 20px;
            border: 1px solid #fff;
            outline: 0;
        }

            ul.tabs li a:hover {
                background: #ccc;
            }

html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 10px;
}

.textinred {
    color: red;
}

.cllpd {
    padding: 2px;
}

.grprow {
    background-color: #FFF;
    color: #000;
}

.hdrrow {
    padding: 3px;
    text-wrap: normal;
}

.pgrbtm {
    background-repeat: no-repeat;
}

.btnicon {
    background-color: #fff;
    display: inline;
    float: left;
    cursor: pointer;
    margin-right: 2px;
    margin-top: 2px;
    border-width: 0;
    height: 16px;
    width: 16px;
}

.divIcons {
    padding-left: 3px;
    border: 1px solid #999;
    float: right;
}

.filterbutton {
    width: 60px;
    height: 23px;
}

.fltrcls {
    float: right;
}

.addscope {
    padding-top: 11px;
    padding-left: 10px;
}

.addscpbtn {
    font-weight: 700;
    color: #00f;
}

.gotoItm {
    background-color: #FFF;
    width: 100%;
    height: 20px;
}

    .gotoItm .itm1 {
        float: left;
        padding-left: 5px;
    }

    .gotoItm .itm2 {
        float: right;
        padding-right: 5px;
    }

.lgnDiv {
    top: 200px;
    position: absolute;
    left: 40%;
    width: 700px;
    height: 255px;
}

.lgnAgDiv {
    top: 200px;
    position: absolute;
    left: 30%;
    width: 700px;
}

.lgnBody {
    background-color: #EFEFEF;
}

.lgnHeader {
    border-style: none;
}

#grdToolbar {
    float: right;
}

.k-grid td:not(.k-group-cell) {
    border-bottom: 1px solid #a8a8a8;
}

.k-grid th {
    padding: 0px;
}

.k-grid .k-grouping-header {
    background-color: #fff;
    color: #999;
}

.k-grid-header .k-header, .k-grid-header th.k-header {
    border-top: 1px none #2c4182;
    background: #1A3553;
    color: #fff;
    vertical-align: middle;
}

    .k-grid-header .k-header .k-link {
        color: #fff;
    }

.k-i-arrowhead-s {
    background: transparent url(../images/headerfilter.png) no-repeat;
}

.k-header a.k-state-active {
    background-color: transparent;
}

    .k-header a.k-state-active .k-i-arrowhead-s {
        background: transparent url(../images/headerfilter_red.png) no-repeat;
    }

.k-pager-info {
    color: #000;
}

.k-grid {
    clear: both;
}

.k-filter-row th.k-header {
    background-color: #fff;
}

#grid tbody .k-button {
    min-width: 18px;
    width: 20px;
    background-color: transparent;
    border: 0;
    padding: 0;
    padding-top: 2px;
    height: 20px;
}

    #grid tbody .k-button > .k-icon {
        vertical-align: top;
        margin-left: 1px;
    }

#system-menu {
    border: 0;
    margin-top: 1px;
    background-image: none;
    background-color: transparent;
}

    #system-menu > .k-item > .k-link {
        padding: .1em 1.1em .3em;
        color: #FFF;
    }

    #system-menu > .k-item > .k-state-active {
        padding: .1em 1.1em .3em;
        color: #000;
        background-color: #fff;
    }

    #system-menu .k-state-hover > a.k-link {
        color: #fff;
        background-color: #1A3553;
    }

    #system-menu .k-group {
        background-color: #FFF;
        background-image: none;
    }

    #system-menu .k-menu-group .k-item .k-link {
        color: #000;
    }

        #system-menu .k-menu-group .k-item .k-link:hover {
            color: #fff;
        }

.t2-hand {
    cursor: pointer;
}

.k-grid tr:hover:not(.k-state-selected) {
    background-color: #eee;
}

/*.k-grid-content > table > tbody > .k-alt {
    background-color: #fff;
    filter: none;
}*/

.k-grid table tr.k-state-selected {
    background-color: #325174;
}

.k-calendar .k-link.k-nav-fast {
    color: #000;
}

    .k-calendar .k-link.k-nav-fast:hover {
        color: #fff;
    }

.t2-success {
    padding-left: 20px;
    line-height: 20px;
}

    .t2-success h3 {
        font-size: 1.7em;
        font-weight: 400;
        color: #fff;
        display: inline-block;
        vertical-align: text-bottom;
    }

    .t2-success img {
        display: inline-block;
        vertical-align: middle;
        margin: 10px;
    }

.k-notification.k-notification-error.k-group {
    background-color: red;
    color: #fff;
}

.k-notification.k-notification-success.k-group {
    background-color: Green;
    color: #fff;
}

.logout {
    float:right;
    list-style-type: none;
    color: #fff;
    margin-top: -10px;
}

    .logout a {
        color: #fff;
        text-decoration: none;
    }

.t2-error {
    padding-left: 20px;
    line-height: 20px;
}

    .t2-error h3 {
        font-size: 1.7em;
        font-weight: 400;
        color: #fff;
        display: inline-block;
        vertical-align: text-bottom;
    }

    .t2-error img {
        display: inline-block;
        vertical-align: middle;
        margin: 10px;
    }

.k-grid tbody .k-button:not(button) {
    min-width: 18px;
    width: 20px;
    background-color: transparent;
    border: 0;
    padding: 0;
    padding-top: 2px;
    height: 20px;
    color: transparent;
}

.k-grid tbody .k-button > .k-icon {
    vertical-align: top;
    margin-left: 1px;
    color: transparent;
}

#reasonViewer {
    text-align: center;
}

    #reasonViewer button {
        width: 100px;
        margin-top: 3px;
    }

.k-grid .k-button:hover:not(button) {
    background: none;
}

.k-grid .k-button:not(.k-state-disabled):hover .k-i-edit, .k-grid .k-button:not(.k-state-disabled):hover .k-i-delete, .k-grid .k-button:not(.k-state-disabled):hover .k-i-update, .k-grid .k-button:not(.k-state-disabled):hover .k-i-cancel {
    background-position: 0 0;
}

.k-grid .k-edit, .k-grid .k-i-edit {
    background-image: url(../images/edit.png);
    background-position: 0 0;
    height: 22px;
    width: 22px;
    color: transparent;
}

.k-grid-edit {
    color: #fff;
}

.k-grid .k-delete, .k-grid .k-i-delete {
    background-image: url(../images/delete.png);
    background-position: 0 0;
    height: 22px;
    width: 22px;
}

.k-grid .k-update,.k-grid .k-i-update {
    background-image: url(../images/updatesmall.png);
    background-position: 0 0;
    height: 22px;
    width: 22px;
}
.k-grid .k-update:focus,.k-grid .k-i-update:focus {
    border:1px solid red;
}

.k-grid .k-cancel,.k-grid .k-i-cancel {
    background-image: url(../images/cancelsmall.png);
    background-position: 0 0;
    height: 22px;
    width: 22px;
}

.k-grid .k-edit-cell .k-tooltip {
    white-space: normal;
}

.grid-toolbar, .grid-toolbar1 {
    float: right;
    margin-right: 3px;
    vertical-align: bottom;
    width: 135px;
    height: 20px;
    margin-top: 5px;
    text-align: right;
}


    .grid-toolbar img, .grid-toolbar1 img, .miscgrid-toolbar img, .miscgrid-toolbar1 img {
        margin-left: 2px;
    }

    .grid-toolbar-OD, .grid-toolbar1-OD {
    float: right;
    margin-right: 3px;
    vertical-align: bottom;
    width: 160px;
    height: 20px;
    margin-top: 5px;
    text-align: right;
}


    .grid-toolbar-OD img, .grid-toolbar1-OD img, .miscgrid-toolbar-OD img, .miscgrid-toolbar1-OD img {
        margin-left: 2px;
    }

.pageHeader h1 {
    font-size: 20px;
    font-weight: 700;
    color: #26346b;
    text-transform: none;
    margin-bottom: 0;
    float: left;
}

.k-grid .k-tooltip-validation {
    position: absolute;
    margin: 0px;
    background-color: #ffd800;
    color: red;
    display: block;
    border-width: 1px;
    padding-right: 10px;
    text-align: left;
    padding-top: 3px;
    margin-top: 0px !important;
}

.k-widget.k-tooltip-validation .k-warning {
    margin-left: -2px;
    margin-top: 2px;
}

.k-grid .k-current-page, .k-pager-wrap .k-current-page {
    visibility: hidden;
    display: none;
    width: 0px;
}

.k-grid th.k-hierarchy-cell {
    background-image: none;
    border-bottom: 0px;
}

.k-grid tr:first-child th.k-hierarchy-cell {
    background: #1A3553; /* #415698 url(../images/gridheader.gif) repeat-x top;*/
}

.k-grid .k-grid-edit-row .k-plus {
    visibility: hidden;
}

.k-grid .afeDatetbl {
    border-color: #fff;
    border-width: 0px;
}

    .k-grid .afeDatetbl td {
        border-bottom: 0px;
        border-right: 0px;
        border-color: #fff;
    }

.k-invalid-msg {
    color: red;
}

.k-widget:not(.k-calendar):not(.k-grid):not(.k-listview):not(.k-tabstrip):not(.k-upload):not(.k-menu) {
    height: 25px;
}

#scData {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#scbtns {
    margin: 5px;
    width: 580px;
    margin-left: auto;
    margin-right: auto;
}

.k-pager-wrap .k-icon {
    margin-top: 0px;
}

.k-dropzone {
    padding: 0px;
}


.tbPlanning > div > table td {
    padding: 1px;
}

.tbPlanning > div {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
/*.k-dropdown .k-state-focused .k-input{color:#fff;}*/
.k-textbox, .k-dropdown-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border-color: #999;
}

.k-button {
    border-color: #000;
}

    .k-button .k-state-focused {
        color: #fff;
    }

    .k-button:focus, .k-dropdown .k-state-focused .k-input {
        color: #fff;
    }

.delete-icon {
    background-image: url('../images/delete-icon.png');
    background-position: 0 2px;
}

.printer-icon {
    background-image: url('../images/printer-icon.png');
    background-position: 0 2px;
}


.k-grid .k-callout {
    display: none;
}

.k-list-container {
    white-space: nowrap !important;
    width: auto !important;
    overflow-x: hidden !important;
    min-width: 243px !important;
}

.k-list {
    /*overflow-x: hidden !important;*/
    /*overflow-style: marquee;*/
    width: auto !important;
}

.expand-padding {
    padding-right: 0px;
}

.k-tabstrip-items .k-item {
    background-color: #ccc;
    margin-left: 2px;
}

    .k-tabstrip-items .k-item:not(:first-child) {
        margin-left: 2px;
    }

.k-tabstrip-items .k-state-active {
    background-color: #1A3553;
    color: #fff;
}

    .k-tabstrip-items .k-state-active .k-link {
        color: #fff;
    }

.k-numerictextbox .k-numeric-wrap, .k-combobox .k-dropdown-wrap, .k-datepicker .k-picker-wrap, .k-dropdown .k-dropdown-wrap, .k-textbox {
    border: 1px solid #cacaca;
}

.k-combobox .k-input, .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    height: 1.6em;
}

.fltrheader, .filterboxL > label, .filterbox > label, .filterbox1 > label, .filterboxXL > label {
    display: block;
    border-top: 1px none #2c4182;
    background: #1A3553; /* #415698 url(../images/gridheader.gif) repeat-x top;*/
    color: #fff;
    vertical-align: middle;
    padding: 3px;
}

.filterboxL, .filterbox, .filterbox1, .filterboxXL {
    margin-top: 5px;
}

.clearFilter {
    float: right;
    margin-right: 20px;
    padding: 0px;
    width: 66px;
    height: 16px;
}

.k-state-selected td a {
    color: #fff;
}

.k-edit-form-container {
    width: auto;
    max-width: 500px;
    min-width: 500px;
    max-height: 500px;
}

.k-filtercell > span {
    height: 26px;
    padding-right: 22px;
    border-color: #fff;
    min-height: 26px;
    line-height: 26px;
}

.k-filtercell button {
    visibility: hidden;
}

.k-filtercell > span > .k-widget {
    font-size: 12.5px;
}

.k-filtercell.k-widget {
    width: 100%;
}

.k-filtercell .k-dropdown-wrap {
    border-color: #fff;
    position: initial;
}

.k-filter-row .k-dropdown-operator {
    width: 22px;
    right: 0px;
}

span.baec5a81-e4d6-4674-97f3-e9220f0136c1 > a {
    display: none !important;
}
button{
    font-weight:600;
}
#t2-export{
    margin-left:4px;
}
#btnCostSave,#btnPkgSave,#btnSave,#btnSubmit,#edtbtnUpdate,#btndatesave,#btnCopy,.btnSave,#scbtnSave,#btnPlanSave,#inspSave{
    border:1px solid red;
}
.extradiv{
    float:left;width:326px;padding:3px;padding-right: 0px;
}
.extradiv:nth-child(3n+1){
    clear:both;
}
.extradiv:nth-child(3n+2){
    float:left;width:337px;padding:3px;padding-right: 0px;
}
.extradiv:nth-child(3n+3){
    float:left;width:336px;padding:3px;padding-right: 0px;
}
.extrafname{
    min-width:115px;width:125px;float:left;text-overflow:ellipsis;overflow: hidden;margin-top: 4px;
}
.extradiv:nth-child(3n+2)>.extrafname{
    min-width:115px;width:134px;float:left;text-overflow:ellipsis;overflow: hidden;margin-top: 4px;
}
.extradiv:nth-child(3n+3)>.extrafname{
    min-width:115px;width:135px;float:left;text-overflow:ellipsis;overflow: hidden;margin-top: 4px;
}
.extralbl{width:125px;white-space: nowrap;}
.greenback{
    background-color:lightgreen;
}
.delete-cancel{
    margin-top:10px;
    margin-left:10px;margin-right:20px;
}
.delete-confirm{
    margin-top:10px;
    width:60px;
    font-weight:bold;
}
.divGoto{
    float:right !important;
    z-index:0 !important;
    margin-top:10px;
}