﻿.nz-form
{
    font-size: 13px;
    overflow: hidden;
    /*margin-left: auto;
    margin-right: auto;*/
    height: 100%;
    /*height: 751px;
    width: 631px;*/
    position: relative;
    /*box-shadow: #c3c3c3 0px 0px 4px 1px;*/
}
/**********************************************************************************************************************/
/* Some basic element styling */
.nz-form > div, .nz-form p, .nz-form img, .nz-form h1, .nz-form h2, .nz-form h3 {
    margin: 0; 
}

/*Report Builder Styles*/
.nz-form > .nz-fixed {
    /*background-color: rgb(236, 236, 236);*/
    position: absolute;
    /*text-align: center;*/
    left: 0; right: 0;
    /*font-weight: bold;*/
    /*font-size: 18px;*/
}
.nz-form > .nz-fixed.nz-form-header {
    top: 0; 
}
.nz-form > .nz-fixed.nz-form-footer {
    bottom: 0; 
}
/**********************************************************************************************************************/
div.nz-form > div.nz-control, div.nz-form > div.nz-control div:not(.k-splitbar) {
    box-sizing: border-box;
}

/*div.nz-form > div.nz-control > div svg {
    height: 100%;
    width: 100%;
}*/

.nz-control
{
    position: absolute;
    margin: 0;
    padding: 0;
    /*border: 1px solid black;*/
    box-sizing: border-box;
    /*background: lightblue;*/
    overflow: visible;
    border-color: transparent;
}

.nz-control > label, .nz-control > a {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 5px;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-wrap: none;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nz-control label.required:before {
    content: '*';
    color: red;
}
.nz-control input[type=checkbox], .nz-control input[type=radio] {
    vertical-align: text-top;
    margin-left: 0;
}
.nz-control > input[type=email], .nz-control > input[type=password] {
    width: 100%;
    display: inline-block;
}
.nz-control > textarea,.nz-control > .comp-control > .comp-control-item > textarea {
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    resize: none;
}

.nz-control [data-role=listview] > div {
    padding: 4px;
}

/*************************************************************************************************************************/
.nz-control > span.k-widget {
    box-sizing: border-box;
}
.nz-control > span.k-widget > span.k-dropdown-wrap, .nz-control > span.k-widget > span.k-picker-wrap, .nz-control > span.k-widget > span.k-numeric-wrap {
    border-color: inherit;
    border-style: inherit;
}
.nz-control > span.k-widget > span.k-dropdown-wrap > .k-select, .nz-control > span.k-widget > span.k-picker-wrap > .k-select, .nz-control > span.k-widget > span.k-numeric-wrap > .k-select {
    border-color: inherit;
    border-style: inherit;
}
.nz-control > .k-textbox, .nz-control > .comp-control > .comp-control-item > .k-textbox {
    display: inline-block;
    height: 30px;
}
.nz-control > .comp-control > .comp-control-item > span.k-widget.k-autocomplete > input.k-input, .nz-control > .comp-control > .comp-control-item > span.k-widget > span.k-dropdown-wrap .k-input, .nz-control > .comp-control > .comp-control-item > span.k-widget > span.k-picker-wrap .k-input, .nz-control > .comp-control > .comp-control-item > span.k-widget > span.k-numeric-wrap .k-input, 
.nz-control > span.k-widget.k-autocomplete > input.k-input, .nz-control > span.k-widget > span.k-dropdown-wrap .k-input, .nz-control > span.k-widget > span.k-picker-wrap .k-input, .nz-control > span.k-widget > span.k-numeric-wrap .k-input {
    height: 28px;
    box-sizing: border-box;
}
/*************************************************************************************************************************/
.nz-control .k-button, .nz-control .k-textbox, .nz-control .k-block, .nz-control .k-inline-block, .nz-control .k-filter-options, .nz-control .k-autocomplete, .nz-control .k-multiselect, .nz-control .k-combobox, .nz-control .k-dropdown, .nz-control .k-dropdown-wrap, .nz-control .k-datepicker, .nz-control .k-timepicker, /*.nz-control .k-colorpicker,*/ 
.nz-control .k-datetimepicker, .nz-control .k-numerictextbox, .nz-control .k-picker-wrap, .nz-control .k-numeric-wrap, .nz-control .k-calendar-container, .nz-control .k-calendar td, .nz-control .k-calendar .k-link, .nz-control .k-tile, .nz-control .k-slider-track, .nz-control .k-slider-selection, .nz-control .k-upload {
    border-radius: 0;
}
.nz-control .k-progressbar-horizontal > .k-state-selected, .nz-control .k-rtl .k-progressbar-reverse.k-progressbar-horizontal > .k-state-selected, .nz-control .k-progressbar, .nz-control .k-window-titlebar, .nz-control .k-block > .k-header, .nz-control .k-tabstrip-items .k-item, .nz-control .k-panelbar .k-tabstrip-items .k-item, .nz-control .k-tabstrip-items .k-link, .nz-control .k-state-border-down.k-calendar-container, .nz-control .k-state-border-down.k-list-container, .nz-control .k-state-border-down.k-autocomplete, .nz-control .k-state-border-down.k-multiselect, .nz-control .k-state-border-down.k-dropdown-wrap, .nz-control .k-state-border-down.k-picker-wrap, .nz-control .k-state-border-down.k-numeric-wrap, .nz-control .k-colorpicker .k-selected-color, .nz-control .k-textbox > input, .nz-control .k-autocomplete .k-input, .nz-control .k-multiselect-wrap, .nz-control .k-dropdown-wrap .k-input, .nz-control .k-picker-wrap .k-input, .nz-control .k-numeric-wrap .k-input {
    border-radius: 0 !important;
}
.nz-control .k-progress-status-wrap {
    border-right-color: #c5c5c5;
    border-left-color: #c5c5c5;
}
.nz-control input.k-textbox {
    padding-left: 0px !important;
    text-indent: .33em !important;
}
.nz-control .k-widget.k-progressbar {
    border-left: none;
    border-right: none;
}
.nz-control .k-upload-sync .k-upload-button, .nz-control .k-ie7 .k-upload-button, .nz-control .k-ie8 .k-upload-button, .nz-control .k-ie9 .k-upload-button, .nz-control .k-upload-files {
    margin: 0;
}
.nz-control .k-upload-files {
    line-height: 1.66em;
}
.nz-control .k-upload-status {
    top: .33em;
}
.nz-control span.k-widget.k-colorpicker, .nz-control span.k-widget.k-colorpicker span.k-selected-color {
    width: 100%;
}
.nz-form > div.nz-control .k-editor li.k-tool-group span.k-widget.k-colorpicker {
    width: auto;
}
.nz-form > div.nz-control .k-editor td > iframe.k-content {
    min-height: 60px !important;
}
.nz-control > .k-button {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}
.nz-control .k-button {
    width: auto;
}
.nz-control > span.k-widget, .nz-control > .k-button {
    width: 100%;
}
.nz-control > .k-state-disabled {
    /*color: #808080;
    opacity: 1;*/
}
/****************************************************************************************************************************************/
.nz-control > .comp-control {
    overflow: auto;
    position: relative;
    height: 100%;
}
.nz-control > .comp-control > .comp-control-item {
    width: 100%;
    height: 30px;
}
.nz-control > .comp-control > .comp-control-item.srvy-fluid {
    height: 100%;
}
.nz-control > .comp-control > .comp-control-item.stng-fluid {
    height: auto;
    width: auto;
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    /*overflow: visible;*/
}
.nz-control > .comp-control > .comp-control-item > label {
    display: inline-block;
    line-height: 28px;
}
.nz-control .k-colorpicker .k-picker-wrap {
    line-height: normal;
}
.nz-control > .comp-control > .comp-control-item.one-third {
    width: 33.33%;
    float: left;
    padding-right: 5px;
}
.nz-control > .comp-control > .comp-control-item.one-third:last-of-type {
    padding-right: 0;
}
.nz-control > .comp-control > .comp-control-item.one-fourth {
    width: 25%;
    float: left;
}
.nz-control > .comp-control > .comp-control-item.three-fourth {
    width: 75%;
    float: left;
}
.nz-control > .comp-control > .comp-control-item > input[type=text],.nz-control > .comp-control > .comp-control-item > input.k-textbox, .nz-control > .comp-control > .comp-control-item > select, .nz-control > .comp-control > .comp-control-item > span.k-widget {
    width: 100%;
    display: inline-block;
    height: 30px;
}

.nz-control > .comp-control > .comp-control-item > span.k-widget > span {
    height: 28px;
}
/******************************************************************************************************************************/
html > body .nz-control .k-button.k-upload-button {
    margin: 0;
}
.nz-control .k-dropzone {
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
}
/******************************************************************************************************************************/
.nz-form-busy-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #cccccc;
    z-index: 91;
}
.nz-form-busy-mask > div {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
}
.nz-form-busy-mask > div > img,.nz-form-busy-mask > div > span {
    vertical-align: middle;
}
/******************************************************************************************************************************/
/*kendo overriden styles*/
/******************************************************************************************************************************/
.nz-control .k-grid {
    height: 100%;
}
.nz-control .k-grid {
    overflow: auto;
}
.nz-control .k-grid td {
    text-overflow: clip;
    word-wrap: break-word;
    height: 28px;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
}
.nz-control .k-gauge > div {
    height: 100% !important;
}
/******************************************************************************************************************************/
.nz-control > div[data-enabled=false] {
    opacity: 0.36;
    cursor: default;
}

.nz-control .nz-input-changed{
    /*border-color: #ffd800 !important;*/
}
.nz-control .nz-input-invalid{
    border-color: #ff4444 !important;
}
.nz-control .nz-input-valid{
    border-color: #58e658 !important;
}
.nz-control .nz-input-invalid.custom-input, .nz-control .nz-input-valid.custom-input{
    border-width:1px !important;
    border-style: solid;
}

/*.nz-control .nz-checkbox-changed ~ span.right-label::after {
    content: '*';
    color: #ffd800;
}
.nz-control .nz-checkbox-invalid ~ span.right-label::after {
    content: '*';
    color: #ff4444;
}
.nz-control .nz-checkbox-valid ~ span.right-label::after {
    content: '*';
    color: #58e658;
}*/

/*Expander*/
.nz-control .exp-header-container {
    background-color: #f2f2f2;
    height: 22px;
}
.nz-control .exp-header-container > .exp-header {
    display: inline-block;
    /*background-color: #e0e0e0;*/
}
.nz-control .exp-content {
    padding: 5px;
}
.nz-control .exp-content > .exp-content-wrapper {

}
.nz-control div.exp-content:last-child {
    border-bottom: 1px solid #dbdbde;
}

.nz-control .exp-header-container > span.k-icon {
    margin: 0 0 2px 2px;
    background-color: white;
    border-radius: 50%;
}
.nz-control .exp-header-container > span.k-icon:hover {
    background-color: rgba(171, 211, 255, 0.36);
}

.nz-control .exp-header-container-action {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    float: right;
    height: 100%;
    width: 20px;
    cursor: pointer;
    margin-right: 2px;
}
.nz-control .exp-header-container-action.exp-action-disabled {
    cursor: default;
    opacity: 0.6;
}
div.nz-form.print-pdf{
    overflow: auto !important;    
}
div.nz-form.print-pdf .k-grid table {
    table-layout: fixed;
}

div.nz-form.print-pdf .k-grid .k-grid-header th.k-header {
    padding-top: 0;
    padding-bottom: 0;
    height: 19px;
    line-height: 19px;
    text-align: left;
    color: #fff;
    font-size:11px;
    font-weight:bold !important;
    font-family:Segoe UI !important;
    background: none;
    background-color: rgba(81, 89, 104, 1);
}

div.nz-form.print-pdf .nz-control .k-grid td {
    
    font-size:11px;
}

div.nz-control.print-pdf, div.nz-control.print-pdf-same-row {
    position: static !important;
}
div.nz-control.print-pdf-same-row {
    display: inline-block !important;
    margin-left: 10px;
    margin-top: 10px;
}
div.nz-control.print-pdf {
    /*width: 100% !important;*/
    margin-top: 10px;
    margin-left: 10px;
}
div.nz-control.print-pdf-grid {
    height: auto !important;
}

.nz-control .control-entity-property div.one-to-many-grid.k-grid tr.k-alt{
    background-color: transparent;
}
.nz-control .control-entity-property div.one-to-one-grid.k-grid thead {
    display: none;
}

.page-template > * {
    position: absolute;
    left: 0px;
    right: 0px;
}
.page-template .header {
    top: 0px;
}
.page-template .footer {
    bottom: 0px; 
    background-color: transparent;
    text-align: left;
}



.nz-control .control-entity-property .k-grid td {
    text-align: left;
}

.nz-control .control-entity-property div.one-to-many-grid-title{
    padding: 4px;
    border-bottom: 1px solid #dbdbde;
    background-color: #dbdbde;
    text-align: left;
    font-weight: bold;
}
.nz-control .control-entity-property div.one-to-many-grid.k-grid {
    border: none;
}
.nz-control .control-entity-property div.one-to-many-grid.k-grid tr.k-alt{
    background-color: transparent;
}
.nz-control .control-entity-property div.one-to-many-grid.k-grid tr.k-alt{
    background-color: transparent;
}
.nz-control .control-entity-property div.one-to-one-grid.k-grid thead {
    display: none;
}
.nz-control .control-entity-property div.one-to-many-grid-title:not(:first) {
    margin-top: 10px;
}

.nz-control .control-entity-shape > svg {
    height: 100%;
    max-width: 100%;
}
rb {
	color: red;
	font-weight: bold;
}