/**
 Licensed Materials - Property of RNA Analytics Ltd.
 Copyright RNA Analytics Ltd. 2012 - 2024.
**/
    
    html, body {min-width:838px; height:100%; margin:0px;}
    body                    { font-family: Arial, Helvetica, Verdana, sans-serif; }
    body strong             { font-weight:bolder; }
    
    /*a.k-link                { text-decoration:underline; }*/
    a:hover {text-decoration: underline;}
    a:hover[disabled]       { text-decoration:none; }
    
     /*Tree icons */
    .folder { background-image: url("/Content/Images/Folder.png") }
    
    .k-tabstrip .k-content, .k-panelbar .k-tabstrip .k-content
                            { padding:0.55em; }

    .k-pane, .k-splitter, .k-widget
                            { border-collapse:collapse; }

    .k-splitter .k-pane     { overflow:auto }
    
    div.k-treeview          { overflow:visible }

    .k-grid td, .k-grid .k-table-td { padding: 0.2em 0.6em; vertical-align: top; white-space: pre; }

    .k-grid td a            { margin-left: 0.2em; margin-right: 0.2em; }

    .k-filter-row th        { padding: 0.2em; font-size:0.95em; }

    .k-grid-content         { font-size:0.95em; }

    .k-grid-content .k-grid { font-size:1.25em; }
    
    .k-grid-content table   { border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:rgb(148, 192, 210); border-collapse:collapse; }
    
    .k-input                { padding:0; }

    .k-link:hover           { text-decoration:underline; }
    
    .k-i-download           { background-position-x:0px; background-position-y:-96px; }

    .k-i-link               { background-position-x:-292px; background-position-y:-53px; }

    .k-tooltip .LayoutTable { text-align:left; }

    .k-tooltip .MinWidth600.LayoutTable { min-width: 600px;}

    .LayoutTable .k-widget, .LayoutTable .k-textbox, .LayoutTable .k-picker
                            { margin-top:-0.3em; }
    .k-dropdownlist.GridDDL     { width:220px; margin-top:-0.2em; }

    .k-pager-wrap .k-dropdownlist
                            { width:5em; }

    .k-pane .k-panelbar     { margin: 0.5em }
    
    .k-item.placeholder     { opacity: 0.4; border: 1px dashed #a6a6a6; }

    .hint                   { width: 250px; height: 100px; overflow: hidden; }

    /*general*/ 
    #Working                { width: 100%; height: 100%; top: 0px; left: 0px; z-index:20000; }
    
    /*
       As part of upgrading Kendo to 2021.3.914, the order attribute has to be applied for the StatusBar to maintain its
       position in the Flex box.
    */
    #StatusBarDiv           { display:block; background-color:transparent; margin:0.55em 0.55em 0em; order: 2 }
    #StatusBarDiv img       { margin-left:0.3em; display:none; }
    #StatusBarDiv label     { margin-left:10px; }
    .DetailTabs             { min-width:725px; }
    .FieldsTable            { min-width:703px; margin-bottom:10px; border-width: 1px;}
    .LayoutTable            { width:100%; height:auto; overflow:auto; }
    .LayoutRow              { height:2em; }
    .LayoutTD               { padding:0; padding-top:0.5em; }
    .LayoutTDFFirst         { padding:0; }
    div.tabDiv              { overflow:auto;}
    
    .Toolbar                {  }
    .ToolbarRefresh, [data-command=foldertoolbarrefresh], [data-command=permissiontoolbarrefresh]
                            { float:right; text-align:right; }
    .ToolbarCheckBox        { float:right; text-align:right; padding: 4px 10px 4px 0px; }

    .ToolbarCompare         { margin-left: auto; margin-right: 20px}    
    .ButtonDiv              { height:auto;  width:auto; text-align:center; }
    .ButtonStyle            { margin: 10px 10px 10px 10px; }
    .HiddenButtonStyle      { margin: 0; padding:0; height:0; width:0; border:0; }

    .InfoTD                 { min-width:100px; vertical-align:top; padding:0.5em; }
    .LabelTD                { width:100px; vertical-align:top; padding:0.5em; }
    .DetailsTD              { min-width:200px; vertical-align:top; padding:0.5em; }
    .SubDetailsTD           { min-width:66px; vertical-align:top; padding:0.5em; }

    .k-tooltip .DetailsTD   { min-width: 10px; max-width: 300px }
    
    .requiredLabel          { font-weight:bold; }
    .fieldLabel             { text-align:left; white-space:nowrap; }
    .AuditLabelTD           { padding:3px; padding-right:20px;  }
    .AuditDetailsTD         { padding:3px; padding-right:50px; }
    .AuditLabel             { font-weight:bold; text-align:left; white-space:nowrap; }
    .AuditSubHeading        { text-decoration: underline; }
    label.fieldLabel:after, label.AuditLabel:after
                            { content:":" }

    .FieldSpan              { height:1em; width:17em; display: inline-block; }
    .k-radio-label          { white-space:nowrap; padding-right:1em; }
    .FieldOption            { white-space:nowrap; padding-right:1em; }
    .FieldCheckBox          { padding:0; }
    .FieldDropDown          { width: 100%; }
    .LoginDropDown          { width: 180px; }
    input.FieldTextBox      { width: 100%; }
    textarea.FieldTextArea  { width: 100%; height: 4em; resize:both!important; }
    textarea.ChangesetFieldTextArea { width: 100%; height: 20em; resize: both !important; }
    div.FieldTextArea       { width: auto; height: 4em; overflow-y:scroll; word-wrap:break-word; }
    .Filepath               { word-break:break-all; }
    .GridCenter, .k-grid-header .k-header.GridCenter
                            { text-align:center }
    .GridRight, .k-grid-header .k-header.GridRight
                            { text-align:right }
    
    legend                  { color:inherit; }
    .k-grid td.GridEdit     { padding: 0.1em; white-space:normal; }
    .k-grid td.NormalWrap   { white-space:normal; }

    label.InvalidInput      { color:Red }
    #RunSummary .k-in       { white-space:normal; }
    div.k-treeview.AccessTree 
                            { height:450px; width:100%; overflow:auto; }
    
    .disabledDay{ 
      /* adding some CSS to match the normal days styling */
      display: block;
      overflow: hidden;
      min-height: 22px;
      line-height: 22px;
      padding: 0 .45em 0 .1em;
      cursor:default;
      opacity: 0.5;
    }

    .k-grid td.pre-wrap    { white-space: pre-wrap; }

    .k-list li.k-first
                           { padding-top: 1.2em; }

    .k-list li.k-first > .k-list-item-group-label
                           { width: 95%; text-align: right; }

.k-grid-header-wrap [role=grid] {
   width: 100% !important;
}

.k-grid-header-wrap table {
    width: 100% !important;
}

.k-grid-content [role=grid] {
   width: 100% !important;
}

.k-grid-content [role=treegrid] {
   width: 100% !important;
}

.k-link.k-disabled {
   pointer-events: auto;
}

.k-button[disabled] {
    pointer-events: auto;
}

.k-recur-view{
   margin: 30px;
}

[id*='ReqParams_'] .k-grid-content {
   height: 100% !important;
}

#RecursionRule_DatePicker_validationMessage {
   position: absolute;
   margin-top: -30px;
}

.flex-order-0 {
   order: 0;
}

.flex-order-1 {
   order: 1;
}

.flex-order-2 {
   order: 2
}

.flex-order-3 {
   order: 3
}

.flex-order-4 {
   order: 4
}

.flex-right-align {
   margin-left: auto;
}

/* The RecursionRule Editor control in View reporting period template needs to highlight
   the selected options. But in the default Kendo theme for a disabled span, the user
   won't be able to identify between selected and unselected buttons. Hence here setting
   the CSS for the disabled button to have a semi-brightness filter.

   NOTE: This filter is honoured by Chrome, Firefox and Edge but not IE.
   The filter attribute which IE had was removed from IE 10 onwards.
*/
#RPTRecursionRuleEditor .k-button.k-state-active.k-disabled {
   filter: brightness(0.5);
}

/*
   The Output tab while Viewing an instance require to show error messages from server in
   different scenarios. The error div is the container for those messages.
*/
#errorDiv {
   font-weight: bolder;
   font-style: italic;
   color: red;
}

/*
   As part of upgrading Kendo to 2021.3.914, following styles had to be applied to rectify UI issues with Edit permissions popup window.
*/
.k-tabstrip-items {
   white-space: nowrap;
   flex-wrap: wrap;
   flex: auto;
   -ms-flex: auto;
}

.full-width {
   width: 100%;
}

#outputDiv {
   margin-top: 5px;
}

#tooltipDiv{
    vertical-align: middle;
    padding-left: 8px;
}

#tooltipDiv span {
    /*cursor: pointer;*/
    /*position: absolute;*/
    display: block;
    width: 20px;
    height: 20px;
    /*background-color: #fff600;*/
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
    -moz-transition: -moz-box-shadow .3s;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
}

    #tooltipDiv span:hover {
        -moz-box-shadow: 0 0 0 15px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 0 15px rgba(0,0,0,0.5);
        box-shadow: 0 0 0 10px rgba(0,0,0,0.5);
        -moz-transition: -moz-box-shadow .3s;
        -webkit-transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s;
        z-index: 10;
    }

#tooltipDiv span img {
    width: 20px;
    height: 20px;
}


.TooltipTD {
    width: 3%;
}

.MarginTopMinus1{
    margin-top: -1%;
}

.reporttemplate {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.commandlinefield {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.commandlineargsfield {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.commandlinewdfield {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

#OutputList tr {
    height: 18px;
}

#runtimeParamsDiv span.k-widget.k-numerictextbox {
    width: 100%; 
   
}

#runtimeParamsDiv span.k-widget.k-datepicker {
    width: 100%;
}

span.k-widget.k-textbox {
    width: 100%;
}

.k-numerictextbox .k-input {
    text-align: right;
    padding-right: 0.571em;
}

.k-datepicker .k-input {
    text-align: right;
    padding-right: 0.571em;
}

.k-timepicker .k-input {
    text-align: right;
    padding-right: 0.571em;
}

.k-datetimepicker .k-input {
    text-align: right;
    padding-right: 0.571em;
}

.k-no-data {
    min-height: 0px;
}

#LibraryDDLDiv {
    margin-top: 6px;
    margin-left: 6px;
}

#LibraryDDLSpan .k-picker {
    width: 96%;
    margin-top: 6px;
    margin-bottom: 6px;
}

#BranchTreeDiv {
    margin-left: 6px;
}

#BranchTree {
    margin-top: 3px;
}

.k-grid-toolbar .k-dropdownlist {
    min-width: 200px;
}

input.input-validation-error {
    line-height: 1.65em;
    border-radius: 4px;
}


.k-list {
    font-size: inherit;
}

.k-list>.k-list-group-sticky-header {
    text-align: right;
    text-transform: uppercase;
    font-size: .857em;
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
    justify-content: flex-end;
}

#AddReportingPeriodTemplateButton {
    margin-right: 4px;
}

.autowidth {
    width: auto;
}

#CreateReportingPeriodTemplateWin .LayoutTable {
    height: 100%;
}

/*the below changes are all after the update to kendo V2023.2.718 */
/*This is to clamp text in a cell that contains a large number of text such as a changeset comment */
span.wrapped-cell {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: break-spaces;    
}

span.wrapped-cell-tooltip {
    white-space: break-spaces;
    overflow-y: auto;
    max-height: 700px;
    max-width: 1000px;
    word-wrap: break-word;
    display: block;
    overflow-x: auto;
}

span.wrapped-cell-no-cutoff {
    text-wrap: pretty;
    word-wrap: break-word;
}

/*This is to align the radio buttons to be horizontal aligned as was set to be vertical by default */
.k-radio-list {
    flex-flow: row nowrap;
}

/*align all the elements that are given the .GridCenter attribute to be in the center */
.k-grid .GridCenter{
    text-align: center;
}


/*align all the elements that are given the .GridRight attribute to be to the right */
.k-grid .GridRight {
  text-align: right;
}


/*align certain elements in the grid to be at the top of the grid cell */
.k-grid .k-table-td, .k-grid td {
    vertical-align: top;
}

/*putting the bottom line on every table grid (the colour is set as the default black is too dark, this might be a problem for clients using other colour themes) */
.k-grid .k-table {
    border-bottom-style: solid;
    border-bottom-width: 0.1em;
    border-bottom-color: rgb(148, 192, 210);
    border-collapse: collapse;
}

/*Setting the colour for every fieldset to ensure that they have a thinner border width*/
.FieldsTableBorder.k-widget{
    border-width: 1px;
}

/*setting padding for the table headings for each grid to align with the older kendo UI, this is the headings above the filtered header row */
.k-grid-md .k-table-th {
    padding: 6px 8px;

}

/*setting padding and line-height for the table headings for each grid to align with the older kendo UI, this is the filtered row headings */
.k-grid-md .k-filter-row td, .k-grid-md .k-filter-row .k-table-td, .k-grid-md .k-filter-row .k-table-th, .k-grid-md td, .k-grid-md .k-table-td {
    padding: 0.2em 0.6em;
    line-height: 1.6em;
}


/*setting padding for the table header that is at the very top of the grid, this is for every grid to align with the older kendo UI, this is above the grouper column row */
.k-toolbar-md {
    margin: 0;
    padding: 4px 4px;
}

/*setting padding for the table header that states "Drag a column header and drop it here to group by that column" for every grid to align with the older kendo UI, this is the grouper column row */
.k-grouping-header > .k-grouping-drop-container  {
    margin: 0;
    padding: .22em .2em .28em;
    cursor: default;
}

.MenuTab {
    padding: 4px 4px;
}

.k-panelbar, .k-tabstrip-items, .k-pager, .k-treeview,
.k-status, .k-toolbar, .k-window, .k-tabstrip-content,
.k-table-md, .k-grouping-drop-container, .k-chip,
.k-list, .k-upload, .k-button, .k-input-inner, .k-checkbox-label,
.ui-dialog, #banner, #StatusBarDiv, #MainContent_form1, .LoginDropDown, #ForgotPasswordLoginWin .k-window-title, #ForgotPasswordLoginWin .k-rounded-md {
    font-size: 12px;
}

.k-form-field .k-recur-interval, .k-form-field .k-recur-monthday,
.k-form-field-wrap .k-recur-monthday, .k-form-field .k-numerictextbox {
    width: 5em;
}

.k-form-field .k-datepicker, .k-form-field .k-dropdownlist, div[name=recurrenceRule] > .k-dropdownlist {
    width: 9em;
}

#RPTRecursionRuleEditor .k-form-field {
    margin: 0 0 16px;
    line-height: 2;
}

#RPTRecursionRuleEditor .k-form-field-wrap {
    margin: 0 0 16px;
    line-height: 2;
}

#RPTRecursionRuleEditor .k-radio-list {
    flex-flow: column nowrap;
}

.k-button-flat-primary {
    color: #003f59;
}

#ShowOnlyChangesDiv{
    padding: 5px 5px;
}

.Deleted-row {
    text-decoration: line-through;
}

.Added-row {
    font-style: italic;
}

#ComponentVersionGridDiv, #ComponentVersionGrid {
    height: 96%;
}

#ComponentVersionSplitter .k-pane, #ComponentVersionSplitter .k-splitbar {
    height: 100% !important;
}

.Comment {
    color: limegreen;
    font-weight: bold;
}

#userDetailsPanel .LabelTD{
    width: 130px;

}
#userDetailsPanel .fieldLabel {
    white-space: pre-wrap;
}