body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
    overflow-x:hidden;
    margin:0;
    padding:0;
    font-size: 1rem, 14px; 
}
.modalTemplate table {
    /*background-color:lime;*/
    width: 100%;
}
.DD_NewTaskLink {
    cursor:pointer;
    text-decoration:underline;
    font-size: 1rem;
}
.DD_Popover {
    white-space: nowrap;
}
.DD_Pointer {
    
}
.DD_Pointer:hover {
    cursor:pointer;
}
.DD_StrikeText {
    text-decoration: line-through;
}
.k-grid td {
    font-size: 1.3rem;
    line-height: 2em;
    color:#02064b;
}
.DD_TextB_Dropdown_txt {
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
    padding:0 !important;
    border:thin solid lightgrey;
}

.DD_TextB_Dropdown_dd {
    border-bottom-right-radius:4px;
    border-top-right-radius:4px;
    padding:6px 0 3px 0 !important;
    border:thin solid lightgrey;
}

.DD_CollapseBorders {
    border:none !important;
    border-collapse:collapse !important;
}

.DD_CollapseBorders td{
    border-width: 0 0 0 0 !important;
}
.DD_CollapseBordersNoPad {
    border:none !important;
    border-collapse:collapse !important;
    padding:0 !important;
    margin:0 !important;
}
.DD_TopCornersSquare {
     border-top-left-radius:0; 
     border-top-right-radius:0;
}
.DD_FullWidth {
    width:100%;
}
.DD_TabPanel {
    padding:3rem; 
    border-top-left-radius:6px; 
    border-top-right-radius:6px;
}
.DD_ConfirmationMessage {
    max-width:75%;
    margin:auto;
}
.DD_ConfirmationMessageContainer {
    width:100%; 
    padding:15px; 
    text-align:center;
    overflow:hidden; 
    margin-left:-15px;
}
.DD_Button {
    border-top-color: #000 !important;
	color: #fff;
    background-color: #02064b;
	border-color: #204d74 !important;
    text-decoration:none;
    margin-right:5px !important;
}
.DD_TinyButton {
	color: #fff;
    background-color: #02064b!important;
    text-decoration:none !important;
    margin-right:5px !important;
    border-radius:4px;
    border:thin solid #204d74 !important;
    padding:5px;
}

.DD_TinyButton:hover {
	color: #fff;
    background-color: #020876!important;
	border-color: #020876 !important;
    text-decoration:none !important;
    margin-right:5px !important;
}

.DD_FontColor {
    color:#02064b;
}
.DD_Button:hover {
    color: #fff;
    background-color:#020876;
    border-color: #204d74;
}
.DD_Button:active {
    color: #fff;
    background-color:#0711ae;
    border-color: #204d74;
}
.DD_Button:focus {
    color: #fff;
    background-color:#0711ae;
    border-color: #204d74;
}
.k-grouping-header
{
       white-space:nowrap;
       overflow:hidden;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > form > div > div > div.col-md-1 > div > div > span {
    background-color:white;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > form > div > div > div > div > div > span > span.k-dropdown-wrap.k-state-default {
    background-color:white;
    height:34px;
    padding:6px 12px;
}
body > div.k-animation-container > div > ul > li {
    background-color:white;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > form > div > div > div.col-md-1 > div > div > span > span.k-dropdown-wrap.k-state-default {
    background-color:white;
    height:34px;
    padding:6px 12px;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > form > div > div > div > div > input {
    font-size: 1.3rem;
    line-height: 2em;
    color:#02064b;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > form > div > div > div > div > div > input {
    font-size: 1.3rem;
    line-height: 2em;
    color:#02064b;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > form > div > div > div > div.lrgArea > textarea {
    font-size: 1.2rem;
    line-height: 1.5em;
    color:#02064b;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > form > div > div > div > div > div > input {
    font-size: 1.3rem;
    line-height: 2em;
    color:#02064b;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div {
    font-size: 1.3rem;
    line-height: 2em;
    color:#02064b;
}
div > div > a.DD_Link {
    border-top-color: #000 !important;
    color: black;
}
    div > div > a.DD_Link:hover {
        text-decoration:underline;
    }
table > tbody > tr > td.replyButtonVisability > a {
    border-top-color: #000 !important;
	color: #fff;
    background-color: blue;
	border-color: #02064b;
}
    table > tbody > tr > td.replyButtonVisability > a:hover {
        color: #fff;
        background-color:#0711ae;
        border-color: #204d74;
    }
    form > div.modal-body > div > div.panel-heading > button {
        border-top-color: #000 !important;
        color: #fff;
        background-color: blue;
        border-color: #02064b;
    }
        form > div.modal-body > div > div.panel-heading > button:hover {
            color: #fff;
            background-color:#0711ae;
            border-color: #204d74;
        }
        form > div.modal-body > div > div.panel-heading > button:active:hover {
            color: #fff;
            background-color:#0711ae;
            border-color: #204d74;
        }

    form > div.modal-header > div > div.col-xs-6.col-sm-6.col-md-6.col-lg-6.text-right > div > button {
        border-top-color: #000 !important;
        color: #fff;
        background-color: blue;
        border-color: #02064b;
    }
    form > div.modal-header > div > div.col-xs-6.col-sm-6.col-md-6.col-lg-6.text-right > div > button:hover {
        color: #fff;
        background-color:#0711ae;
        border-color: #204d74;
    }
    form > div.modal-header > div > div.col-xs-6.col-sm-6.col-md-6.col-lg-6.text-right > div > button:active:hover {
        color: #fff;
        background-color:#0711ae;
        border-color: #204d74; 
    }
    /*div > a.DD_Button {
    border-top-color: #000 !important;
	color: #fff;
    background-color: blue;
	border-color: #02064b;
    }
    div > a.DD_Button:hover {
        color: #fff;
        background-color:#0711ae;
        border-color: #204d74;
    }

    div > a.DD_Button:active:hover {
    color: #fff;
    background-color:#0711ae;
    border-color: #204d74;
    }*/

    .DD_btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .DD_btn-default {
    color: #fff;
    background-color: #02064b;
    border-color: #000000;
    }

    .DD_btn-default:hover {
    color: #fff;
    background-color: #020876;
    border-color: #000000;
    }

    .DD_btn-default:active {
    color: #fff;
    background-color: #020876;
    border-color: #000000;
    }

    .DD_btn-default:active:hover {
    color: #fff;
    background-color: #020876;
    border-color: #000000;
    }

    #ModalContent > div.modal-footer > button {
    border-top-color: #000 !important;
	color: #fff;
    background-color: blue;
	border-color: #02064b;
    }
    #ModalContent > div.modal-footer > button:hover {
        color: #fff;
        background-color:#0711ae;
        border-color: #204d74;
    }

    #ModalContent > div.modal-footer > button:active:hover {
    color: #fff;
    background-color:#0711ae;
    border-color: #204d74;
    }

    

/*div.k-grid-content > table > tbody > tr > td > a {
    border-top-color: #000 !important;
	color: #fff;
    background-color: blue;
	border-color: #02064b;
}
    div.k-grid-content > table > tbody > tr > td > a:hover {
        color: #fff;
        background-color:#0711ae;
        border-color: #204d74;
    }*/
/*div.k-header > a {
	border-top-color: #000 !important;
	color: #fff;
    background-color: blue;
	border-color: #02064b;
}
    div.k-header > a:hover {
        color: #fff;
        background-color:#0711ae;
        border-color: #204d74;
    }*/

body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > div > a{
    border-top-color: #000 !important;
	color: #fff !important;
    background-color: blue !important;
	border-color: #02064b !important;
}
    body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > div > a:hover{
        color: #fff !important;
        background-color:#0711ae !important;
        border-color: #204d74 !important;
    }
td > a.k-button.k-grid-edit.DD_Button {
    border-top-color: #000 !important;
	color: #fff !important;
    background-color: blue !important;
	border-color: #02064b !important;
}
    td > a.k-button.k-grid-edit.DD_Button:hover {
        color: #fff !important;
        background-color:#0711ae;
        border-color: #204d74 !important;
    }
    td > a.k-button.k-grid-edit.DD_Button:visited {
    border-top-color: #000 !important;
	color: #fff !important;
    background-color: blue !important;
	border-color: #02064b !important;
    }
    td > a.k-button.k-grid-edit.DD_Button:focus {
        color: #fff !important;
        background-color:#0711ae;
        border-color: #204d74 !important;
    }
    td > a.k-button.k-grid-edit.DD_Button:active {
        color: #fff !important;
        background-color:#0711ae;
        border-color: #204d74 !important;
    }
td > div > div > div > div > table > tbody > tr > td > a.k-button.k-grid-delete.DD_Button {
        border-top-color: #000 !important;
	    color: #fff !important;
        background-color: blue !important;
	    border-color: #02064b !important;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div.k-edit-form-container > div.k-edit-buttons k-state-default > a.k-button.k-button-icontext.k-primary.k-grid-update {
    border-top-color: #000 !important;
	color: #fff !important;
    background-color: blue !important;
	border-color: #02064b !important;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > form > div.k-edit-buttons.k-state-default > a.k-button.k-button-icontext.k-primary.k-grid-update {
    border-top-color: #000 !important;
	color: #fff !important;
    background-color: blue !important;
	border-color: #02064b !important;
}
body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > div > a.k-button.k-button-icontext.k-grid-cancel{
    border-top-color: #000 !important;
	color: #fff !important;
    background-color: blue !important;
	border-color: #02064b !important;
}
    body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > div > a.k-button.k-button-icontext.k-grid-cancel:hover{
        color: #fff !important;
        background-color:#0711ae;
        border-color: #204d74 !important;
    }

    body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > div > a.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
        color: #fff !important; 
        background-color:#0711ae !important;
        border-color: #204d74 !important;
    }
    body > div.k-widget.k-window > div.k-popup-edit-form.k-window-content.k-content > div > div > a.k-button.k-button-icontext.k-grid-cancel:focus {
        color: #fff !important;
        background-color:#0711ae !important;
        border-color: #204d74 !important;
    }
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top:15px;
    padding-left: 0px;
    padding-right: 0px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select{
    /*max-width: 280px;*/
}
textarea {
    width: 100%;
}
/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
.k-state-active {
    border-color:blue !important;
}
.k-Save {
    background: url(Content/kendo/2014.1.423/Default/sprite_2x.png) no-repeat -45px -285px;
}
div.k-window {
    overflow:hidden;
    width:75%;
}
body.div.k-widget.k-window {
    width:75%;

}
div.k-edit-form-container {
    width:100%;
}
.lrgArea {

    /*background-color:lime;*/ 

}
.invoiceDetail_Item {
     position: absolute; 
     top: 0px; 
     left: 0px; 
     width: 100px; 
     height: 300px; 
     border: thin solid black; 
     text-align: center;
}
.invoiceDetail_Qty {
    position: absolute; 
    top: 0px; 
    left: 101px; 
    width: 50px; 
    height: 300px; 
    border: thin solid black; 
    text-align: center;
}
.invoiceDetail_ExternalId {
    position: absolute; 
    top: 0px; 
    left: 152px; 
    width: 100px; 
    height: 300px; 
    border: thin solid black; 
    text-align: center;
}
.invoiceDetail_Description {
    position: absolute; 
    top: 0px; 
    left: 253px; 
    width: 200px; 
    height: 300px; 
    border: thin solid black; 
    text-align: center;
}
.invoiceDetail_Rate {
    position: absolute; 
    top: 0px; 
    left: 454px; 
    width: 95px; 
    height: 300px; 
    border: thin solid black; 
    text-align: center;
}
.invoiceDetail_Amount {
    position: absolute; 
    top: 0px; 
    left: 550px; 
    width: 100px; 
    height: 300px; 
    border: thin solid black; 
    text-align: center;
}

.invoice {
    width: 670px; 
    height: 800px; 
    background-color: white; 
    margin: auto; 
    padding: 50px 50px 50px 50px;
}
.invoiceHeader {
    position: relative; 
    height:100px;
}
.invoiceHeaderLogoContainer {
    width: 200px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
}
.invoiceHeaderLogoImage {
    height:50px; 
    width:auto;
}
.invoiceHeaderAddress {
    width: 200px; 
    position: relative; 
    top: 0px; 
    left: 205px;
    font-size:smaller; 
    line-height:1.2;
}
.invoiceHeaderTableContainer {
    width: 200px; 
    position: relative; 
    top: -100px; 
    left: 407px;
}
.invoiceHeaderDateInvoiceNumber {
    width:200px;
}
.invoiceHeaderTableCellARight {
    text-align:right;
}
.invoiceHeaderTableCellALeft {
    
}
.invoiceHeaderTableCellACenter {
    text-align: center; 
    width: 100px;
}
.invoiceBillToPeriodContainer {
    position: relative; 
    height:150px;
}
.invoiceBillToPeriodBox {
    border: thin solid black; 
    padding: 69px 15px 15px 15px; 
    width: 275px; 
    height: 63px; 
    position: absolute;
    top: 0px;
}
.spacingDiv {
    height:25px; 
    width:100%;
}
#InvoiceContainer {
     position: relative; 
     width: 100%; 
     height: 100%; 
     background-color: lightgray; 
     border-top: thin solid black; 
     border-bottom: thin solid black; 
}
#ClientsGrid {
    border-radius:6px;
    height:100%;
    margin-top:5px;
    margin-bottom:5px;
}
#ClientsGrid > div.k-header.k-grid-toolbar.k-grid-top {
    padding:15px;
}
body > div:nth-child(2) {
    /*background-color:rgba(0, 20, 251, 0.50);*/
}
.DD-Logo-Sm {
    max-height:50px;
    width:auto;
}
.DD-Logo-Md{
    max-height:150px;
    width:auto;
}
.DD-Logo-Lg {
    max-height:250px;
    width:auto;
}
.PaddMe_5 {
    padding:5px;
}
.PaddMe_10 {
    padding:10px;
}
.PaddMe_15 {
    padding:15px;
}
.PaddMe_20 {
    padding:20px;
}
@media print {
    .margin-control invisible margin-control-top {
        
    }
    .navbar {
        visibility:hidden;
    }
    .container {
        visibility:hidden;
    }
    .containerForHeader {
        visibility:hidden;
    }
    #BillingGrid {
        visibility:hidden;
    }
    .invoice {
    padding:0px;
    width: 670px; 
    height: 800px; 
    background-color: white; 
    visibility:visible;
    }
    #InvoiceContainer {
        position:absolute;
        top:20px;
        left:0; 
        width: 100%; 
        height: 100%; 
        background-color: lightgray; 
        border-top: thin solid black; 
        border-bottom: thin solid black;
        padding:0px;
        visibility:hidden; 
    }
    .invoiceDetail_Item {
         position: absolute; 
         top: 0px; 
         left: 0px; 
         width: 100px; 
         height: 300px;
    }
    .invoiceDetail_Qty {
        position: absolute; 
        top: 0px; 
        left: 101px; 
        width: 50px; 
        height: 300px;
    }
    .invoiceDetail_ExternalId {
        position: absolute; 
        top: 0px; 
        left: 152px; 
        width: 100px; 
        height: 300px; 
        border: thin solid black; 
        text-align: center;
    }
    .invoiceDetail_Description {
        position: absolute; 
        top: 0px; 
        left: 253px; 
        width: 200px; 
        height: 300px;
    }
    .invoiceDetail_Rate {
        position: absolute; 
        top: 0px; 
        left: 454px; 
        width: 95px; 
        height: 300px; 
        border: thin solid black; 
        text-align: center;
    }
    .invoiceDetail_Amount {
        position: absolute; 
        top: 0px; 
        left: 550px; 
        width: 100px; 
        height: 300px;
    }
    .invoiceHeader {
        height:100px;
    }
    .invoiceHeaderLogoContainer {
        width: 200px;
        top: 0px; 
        left: 0px; 
    }
    .invoiceHeaderLogoImage {
        height:50px; 
        width:auto;
    }
    .invoiceHeaderAddress {
        width: 200px;
        top: 0px; 
        left: 205px;
    }
    .invoiceHeaderTableContainer {
        width: 200px;; 
        top: -100px; 
        left: 407px;
    }
    .invoiceHeaderDateInvoiceNumber {
        width:200px;
    }
    .invoiceHeaderTableCellACenter {
        width: 100px;
    }
    .invoiceBillToPeriodContainer {
        height:150px;
    }
    .invoiceBillToPeriodBox {
        border: thin solid black; 
        padding: 69px 15px 15px 15px; 
        width: 275px; 
        height: 63px;
    }
    .spacingDiv {
        height:25px;
    }
}
        .k-widget {
            /*overflow-y: hidden;*/
            /*overflow-x: scroll;*/
        }
        .k-grid {
            width: 100%;
        }
        .DD_NavBarLink {
            letter-spacing: .5rem; 
            word-spacing: .1rem; 
            color:#02064b;
        }
        .IsReply {
        border: 1px solid #000080;
        border-radius: 15px;
        width: 60%;
        padding: 15px;
        margin-right: 30%;
        }

        .shiftNoteRight {
        margin-left: 30%;
        }

        .inCellCheckBox {
        width: 125px;
        text-align: center;
        padding: 0;
        }

        .Center-Container {
        position: relative;
        }

        .Absolute-Center {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        }

        #reportViewer1 {
            position: absolute;
            left: 5px;
            right: 5px;
            top: 5px;
            bottom: 5px;
            overflow: hidden;
        }
        .DD_TextArea {
            width: 90%;
            height: 150px;
            margin: auto;
        }
        .DD_InlineParagraph {
            max-width:400px;
            overflow:hidden;
        }
        .DD_FontBold {
            font-weight:bold;
        }
        .DD_Emphasize {
            font-size:x-large;       
        }
        .paddMe-25 {
            padding: 25px;
        }
        .paddMe-15 {
            padding:15px;
        }
        .paddMe-10 {
            padding: 10px;
        }
        .paddMe-5 {
            padding: 5px;
        }
        /*.modal-backdrop {
            position:static;
        }*/

        .modal-draggable .modal-backdrop {
            position: fixed;
        }

        .modal.modal-draggable {
            overflow: overflow-y;
        }

        .modal-draggable .modal-header:hover {
            cursor: move;
        }