body {
}

.wizard > a {
    padding-left:25pt !important;
}
.wizard a:first-child {
    padding-left:12pt !important;
}
.k-textbox, .k-dropdown {
    width:100%;
    padding-right:0px !important;
    padding-left:0px !important;
}
.k-textbox[readonly], .k-textbox[readonly]:hover, .k-textbox[readonly]:focus, .k-textbox[readonly]:active
,.k-input[readonly], .k-input[readonly]:hover, .k-input[readonly]:focus, .k-input[readonly]:active{
    background-color:#f5f5f5;
    /*color:#999999;*/
    border-color:#cccccc;
    outline:none !important;
    box-shadow:none !important;
    cursor:not-allowed;
}
.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-button {
    cursor:not-allowed !important;
}
.k-textbox.vw-noBoxNumTD.k-input {
    height:29px;
}
.vw-BoxNumUnitPrice span, .vw-BoxNumUnitPrice:hover span, .vw-BoxNumUnitPrice:focus span, .vw-BoxNumUnitPrice:active span {
    background-color:white !important;
}
.vw-BoxNumUnitPrice .k-numeric-wrap.k-state-default.k-expand-padding,
.vw-noBoxNumTD .k-numeric-wrap.k-state-default.k-expand-padding {
    padding-right:5px;
}
.vw-noBoxNumTD span, .vw-noBoxNumTD:hover span, .vw-noBoxNumTD:focus span, .vw-noBoxNumTD:active span {
    background-color:#f5f5f5 !important;
}

.panel-body {
    padding-left:0px;
    padding-right:0px;
}
.nopadding {
    padding:0px !important;
    margin:0px !important;
}

.jumbotronListing {
    padding-left:0px;

}
.jumbotronListing fieldset {
    margin-right:0px;
}
#body {
    padding-left:15px;
    padding-right:15px;
}
body{
    margin-top:0px;
}
.container{
    width:100% !important;
}

.vw-customheader {
   /* background-color:#71ae44 !important;*/
    border-color:#cccccc;
    background-color: #f5f5f5;
    color:#333333
}
select.form-control  {
    width:95%;
}
.btn-primary {
    font-size: 12pt !important;
    border: none !important;
    padding: 8px !important;
    min-width:80px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: #47a447;
    border-color: #398439;
    background-image: -moz-linear-gradient(top, #5cb85c, #378837);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5cb85c), to(#378837));
    background-image: -webkit-linear-gradient(top, #5cb85c, #378837);
    background-image: -o-linear-gradient(top, #5cb85c, #378837);
    background-image: linear-gradient(to bottom, #5cb85c, #378837);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#378837', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#divAllButton, .divAllButton {
    margin-top:5px;
}

textarea {
    resize:none !important;
    width:97.5% !important;
    padding-left:1% !important;
    padding-right:1% !important;
    max-width:none !important;
}
.wizard a {padding: 10px 12px 10px 12px;  }

#PageTitle, fieldset > h1, form > h1 {
    position:absolute;
    z-index:1;
}
#PageTitle h1, fieldset > h1, form > h1,
#body > .container > h1 {
    font-size:20px;
    margin-top:6px;
}
.navlandingbarwithoutbottom.navbar-landing, #login {
    margin-right:0px !important;
}
.vw-userbar.navbar-right {
    margin-right:10px !important;
}
.k-widget.k-numerictextbox.k-textbox.vw-noBoxNumTD{
    padding:0px;
    border:0px;
}
.gridbox {
    padding:0px;
    background:transparent;
}
.breadcrumb {    
    padding: 4px 10px;
    margin-bottom: 5px;
    list-style: none;
    background-color: whitesmoke;
    border-radius: 4px;
    font-weight:600;
}
.breadcrumb a,.breadcrumb a:visited, .breadcrumb a:hover {
    cursor:pointer;
    color:#71ae44;
}
.vw-userbar.navbar-right .dropdown-menu li a {
    padding:5px;
}


@media (max-width: 992px) {
    #PageTitle, fieldset > h1, form > h1 {
        position:relative !important;
    }
}

@media (max-width: 767px) and (min-width: 481px){
    .vw-userbar.navbar-right > li {
        padding-right: 0px;
    }
}
@media (max-width: 481px) {
    .vw-userbar.navbar-right {
        display:none;
    }
}

/* Kendo table design */
.k-grid table,
.k-filter-row th, .k-grid-header th.k-header,
.k-grid tr td {
	/*border:0px;*/
}
.k-filter-row th, .k-grid-header th.k-header {
    border-bottom: 1px solid #cccccc !important;
}
/*
.k-grid tr td,
.k-grid-header th.k-header>.k-link {
    text-align: left;
}*/
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight,
 .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover,
 .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #ffffff;
    /*background-color: #71ae44;
    border-color: #71ae44;*/
}
.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    /*color: #71ae44;*/
}
.k-alt, .k-separator,
.k-calendar td.k-today {
    /*background-color: #effcf6;*/
}
.k-grid tr:hover, .k-item.k-state-hover,
.k-pager-wrap .k-link:hover {
    /*background-color: #d2f5cf;*/
}
.k-item.k-state-hover.k-state-selected.k-state-focused {
    /*background-color: #71ae44;*/
}
.k-calendar td.k-today.k-state-hover, .k-calendar td.k-today.k-state-selected,
.k-calendar td.k-today.k-state-selected.k-state-focused,
.k-calendar td.k-today.k-state-selected.k-state-focused.k-state-hover,
.k-calendar td.k-state-selected.k-state-focused.k-state-hover {
    /*background-color: #71ae44;*/
}
.k-calendar .k-today {
    -webkit-box-shadow: inset 0 0 0 1px #f35800;
    box-shadow: inset 0px 0px 0px 1px #effcf6;
}
.k-calendar td.k-weekend {
    background-color: #dff8ea;
}
.k-calendar td.k-other-month a {
    color: black;
}


.k-grid tr td {
    /*text-align:left;*/
}
.k-group-footer td, .k-grid-footer td {
    text-align:right !important;
}
.k-grid tr .k-grid-currency,
.k-grid tr .k-grid-date {
    text-align:right;
}
.k-grid tr .k-grid-number {
    text-align:center;
}
.k-grid tr td .k-grid-number {
    text-align:center !important;
}


 
.panel-default > .panel-heading {
    background: rgba(113,174,68,1);
    background: -moz-linear-gradient(left, rgba(113,174,68,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(113,174,68,1)), color-stop(34%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(113,174,68,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(113,174,68,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(113,174,68,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(113,174,68,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71ae44', endColorstr='#ffffff', GradientType=1 );
    border:0px;
}
.panel-default > .panel-heading .panel-title {
    font-weight:bold;
}

#collapse-3 .panel-body,
#collapse-4 .panel-body,
#collapse-5 .panel-body {
    padding-top:5px !important;
}
.mycontainer.panel.panel-default {
    border:0px;
    margin-bottom:15px;
}
.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap,
 .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator {
    border-color: #cccccc !important;
}
/*
.k-grid[style*='touch-action'] .k-grid-header th.k-header a:first-child:before {
    content:" ";
    float:right;
    border-right:1px dotted #999999;
    height:15px;
    margin-right:-8px;
}
.k-grid[style*='touch-action'] .k-grid-header th.k-header:last-child a:first-child:before  {
    content:none;
}*/
.HideNavigator .k-pager-nav,
.HideNavigator .k-pager-numbers {
    display:none !important;
}
.ShowItemNoFound .k-pager-info.k-label {
    float:left;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, 
.k-selectbox .k-input, .k-textbox > input {
    text-indent: 5px;
}
.k-radio-label {
    padding-left:18px;
    margin-right:8px;
}

/* temporarily fix solution for cost allocation */
    .field-validation-valid {
        display:block !important;
    }


@media print {
    .col-print-1, .col-md-1, .col-lg-1 {
        width: 8%;
        float: left;
    }

    .col-print-2, .col-md-2, .col-lg-2 {
        width: 16%;
        float: left;
    }

    .col-print-3, .col-md-3, .col-lg-3 {
        width: 25%;
        float: left;
    }

    .col-print-4, .col-md-4, .col-lg-4 {
        width: 33%;
        float: left;
    }

    .col-print-5, .col-md-5, .col-lg-5 {
        width: 42%;
        float: left;
    }

    .col-print-6, .col-md-6, .col-lg-6 {
        width: 50%;
        float: left;
    }

    .col-print-7, .col-md-7, .col-lg-7 {
        width: 58%;
        float: left;
    }

    .col-print-8, .col-md-8, .col-lg-8 {
        width: 66%;
        float: left;
    }

    .col-print-9, .col-md-9, .col-lg-9 {
        width: 75%;
        float: left;
    }

    .col-print-10, .col-md-10, .col-lg-10 {
        width: 83%;
        float: left;
    }

    .col-print-11, .col-md-11, .col-lg-11 {
        width: 92%;
        float: left;
    }

    .col-print-12, .col-md-12, .col-lg-12 {
        width: 100%;
        float: left;
    }

    /*JY 110619 added- Bug 1978:Print preview need to tidy up*/
    .k-radio:checked + .k-radio-label:after {
        box-sizing: border-box;
        padding:0;
        border: 5.5px solid #428bca; /*JY 110619- 5.5px size become a circle that fill the radio button*/
    }

    .k-radio:checked {
        border-color: #929292;
        color: #fff;
        background-color: #929292;
        border: 8px solid #929292;
    }

    * {
        overflow: visible; /*JY 110619 added*/
    }
    /*JY 110619 added*/
    @page {
        margin: 0;
    }
    .vw-container{
        overflow:visible;
    }
    .page-break {
        display: block;
        page-break-before: always;
    }
    /*JY 130619 added- sign box is displayed for printing when budget > 50,000*/
    .row .printSignBox {
        display: block;
        border: 1.5px #ccc solid;
        height: 120px;
        float: right;
        width: 300px;
        padding: 0;
    }
    /*JY 130619 Remove down arrow in ddl when printing*/
    .k-dropdown-wrap .k-select {
        display: none;
    }
    .print-margin-bottom-0 {
        margin-bottom: 0;
    }
    /*JY 170619 decrease padding left and right because if too big, some table columns are overflow and hidden when print*/
    .vw-center-content {
        padding: 25px 5px 15px 5px;
    }

    .no-print, .validation-summary-errors, footer,
    .container-fluid.navbar-default,
    nav.navlandingbarwithoutbottom.navbar-landing,
    .panel-footer > p,
    #divAllButton {
        display: none !important;
    }

    a[href]:after {
        content: none !important;
    }

    body {
        min-width: 1000px;
        overflow:visible !important;
    }
}
  

.ModalWindow .navlandingbarwithoutbottom.navbar-landing,
.ModalWindow .container-fluid.navbar-default,
.ModalWindow footer,
.ModalWindow .ModalWindowHidden {
    display:none !important;
}