﻿
html,
body {
  height: initial;
}
.wrapper {
    height:initial;
    overflow:initial;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default 
input[type="text"],
input[type="password"] {
    
}
    */

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.fld_error {
    color: red;
    font-size: 10pt;
    padding-left: 6px;
}


.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;
}

input.required
{
    border: solid 1px orange;
}


input[type=checkbox].required
{
    outline: solid 1px orange;
}

span.fa_widget.required input.fa_masked {
    border: solid 1px orange;
}

input.fa_masked {
    padding-left:2px;
}

.fa_dropdown.required {
    border: solid 1px orange;
}

.fa_dropdown {
    background-color: white;
}

.fa_dropdown input {
    border: none;
}

.fa_fld_btn {
    padding-right: 8px;
}

fieldset.required {
    border: solid 1px orange !important;
}


div.required {
    border: solid 1px orange;
}

div.fa_editor {
    min-height: 180px;
    border: solid 1px #c0c0c0 !important;
}

div.fa_editor.required {
    border: solid 1px orange !important;
}

pre.fa_codeeditor {
    margin: 0;
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height:300px;
}


table.k-editor.required {
    border: solid 1px orange;
}

select.required 
{
    border: solid 1px orange;
}

textarea.required {
    border: solid 1px orange;
}


.required .k-picker-wrap
{
    border: solid 1px orange;
}

.k-widget.required .k-numeric-wrap {
    border-color: orange;
}

span.required.k-dropdown .k-dropdown-wrap {
    border-color: orange;
}


.hdrbar
{
}

.fa_wndcontent
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: large;
}

.fa_scopewait
{
    pointer-events: none;
    opacity: 0.5;
    
}


/* bootstrap */

/* reset everything to the default box model */

*, :before, :after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 8px;
    padding-left: 8px;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 2px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 1.2;
}

.row
{
    margin-right: 0px;
}
/* / bootstrap / */



.fa_widget
{
    width: 100%;
}

.main_uipanel
{
    margin-top: 10px;
}

.fa_list
{
    height: 100%;
}

.fa_formhdr
{
    padding: 2px;
    margin-bottom:0px;
}

.fa_formhdr .formtitle
{
    margin-right:15px;
}

.fa_mdformcontainer .fa_formscope
{
    padding: 10px;
}

.k-filename {
    margin-left: 0;
}

.k-file {
    padding: 0 0 0 2px;
}

.k-upload-files {
    line-height: 1.50;
    margin: 0;
}

.k-dropzone {
    
}

.k-state-disabled.k-upload .k-dropzone {
    background-color: yellow;
    display: none;
}

.k-dropzone .k-upload-status {
    top: 16px;
}



fieldset.fa_fieldgroup {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
    margin-top: 0px;
    margin-bottom: 0px;
}

fieldset.fa_fieldgroup_lite {
    padding: .35em .625em .75em;
    margin: 5px 0px 0px 0px;
    border-top: 1px solid #c0c0c0;
}

fieldset.fa_fieldgroup legend {
    width: auto;
    font-size: initial;
    margin-bottom: 0;
    border-bottom: none;
    padding-left: 4px;
    padding-right: 4px;
}

fieldset.fa_fieldgroup_lite legend {
    width:auto;
    font-size:initial;
    margin-bottom:0;
    border-bottom: none;
    padding-left:4px;
    padding-right:4px;
}

.fa_tabstrip {
    margin-top: 10px;
}

.fa_tabstrip .k-content {
    overflow-x: hidden;
}

.fa_tabstrip .fa_tab {
    padding-bottom: 4px;
    padding-top: 2px;
}

.fa_cal_event.disabled {
    cursor: not-allowed;
}

.fa_cal_event .evtitle {
    font-weight:bold;
    text-decoration: underline;
    padding-right: 5px;
}

.fa_cal_event .evtime {
    font-size: small;
}

.fa_sectionh {
    margin:0px;
    font-size:16px;
}

#loading_overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);

    background-image: url('../Images/loading.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}

.fa_address {
    background-color:white;
    border: solid 1px #c0c0c0;
    border-radius: 4px;
    padding:4px;
    margin-bottom: 0;
    min-height:60px;
}

.fa_address.required {
    border: solid 1px orange;
}
/* bordered box with info*/
.fa_infobox {
    background-color:white;
    border: solid 1px #c0c0c0;
    border-radius: 4px;
    padding:4px;
    margin-bottom: 0;
    min-height:60px;
}

.form-group {
    margin-bottom: 2px;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

figure {
    padding-bottom:10px;
}


.input-group-lg > .input-group-btn > .btn {
    height:24px;
    

}

.input-group-lg .input-group-addon {
    height: 24px;
}

.alert-lg {
    font-size:larger;
    margin: 50px;
}

a.row_action_btn {
    min-width: unset !important; 
}



.k-button.btn-xs {
    padding-top:0;
    padding-bottom:0;
    padding-left:4px;
    padding-right:4px;
}

label {
    font-size:0.85em;
}

td.fa_label {
    font-weight:bold;
    color:black;
    text-align: left;
    padding-right:4px;
    font-size:12px;
}



.fa_box, .fa_dashboard_box {
    height: 100%;
    
}

.fa_formpanel .box-body {
    padding: 4px;
}

.fa_box .box-header {
    padding-bottom:2px;
    padding-top: 4px;
}

.fa_box .box-body {
    padding-top: 2px;
}

.fa_box .box-body table {
    width: 100%;
}

.fa_eq_height {
    padding-bottom: 10px;
}

/*for dropdown-in-the-grid */
.k-grid-content .btn-group { position: absolute; } 
.k-grid-content .btn-group .btn { top: -12px; } 


/*list ctx menu*/
.fa_list_contextmenu {
    position: absolute;
    display:none;
    z-index:19999;
}

.fa_custom_dd_popup {
    display: none;
    position:absolute;
    z-index: 10;
}

/*pivot attribute w/filtering applied*/
.pvtFilteredAttribute  {
    text-decoration:underline;
}

.fa_pivot {
    overflow-x: auto;
}

.k-grid-header th.k-header {
    font-family: "Arial Narrow";
    text-overflow:clip;
    padding:1px 1px 1px 2px;
    font-weight:200;
}

.k-grid-header th.k-header>.k-link {
    text-overflow:clip;
}



.k-numeric-wrap > input.form-control {
    height:30px;
}

.k-dropdown.form-control {
    height:32px;
}


input.k-textbox {
    height: 32px;
}


.k-picker-wrap {
    
}

.k-picker-wrap .k-input {
    height: 2.2em;
    line-height: 1.70em;
}

.k-dropdown-wrap {
    height: 2.2em;
    line-height: 1.70em;
}

input.k-textbox {
    text-indent: 0.3em;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox>input
{
    text-indent: 0.3em;
}

.fa_datepicker_ro .k-select {
    display: none;
}

.fa_datepicker_ro .k-picker-wrap {
    padding-right: 0;
}

.k-combobox .k-dropdown-wrap {
    height: 2.0em;
}

.k-combobox .k-dropdown-wrap input.k-input {
    height:1.9em;
    box-shadow: none;
}

/*dropdown list item*/
.k-popup .k-list .k-item {
    line-height: initial;
}

/*
.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 {
    line-height: 1.68em;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 1.85em;
}

.btn {
    line-height: 1.66em;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    min-height: 1.60em;
    line-height: 2.0em;
}



    
    .k-picker-wrap {
      height: 2.1em;
    }

    .k-numeric-wrap {
        height: 2.1em;

    }
    
    
    .k-picker-wrap .k-select {
    height: 1.70em;
      min-height: 1.70em;
    line-height: 1.90em;
}

*/
address.fa_address .btn-xs {
    position:absolute;
    right:10px;
    top:-4px;
}

.form-group .btn-xs.entityref2 {
    position:absolute;
    right:10px;
    top:0px;
    color: #3c8dbc;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
}



.topright_btn {
    position:absolute;
    top: 0px;
    right: 10px;
    height: 20px;
    width: 20px;
    padding: 2px;
    color: #3c8dbc;
    
}

ul.field_list {
    list-style:none;
    padding-left: 0em;
}

ul.field_list li {
    line-height: 1.5;
    padding:2px 0px 2px 10px;
}

ul.field_list li label {
    font-size:0.8em;
}


ul.field_list li span.fldvalue {
    margin-left: 10px;
    font-weight: 700;
    color:  #3c8dbc;
    position: absolute;
    right:20px;
}

ul.field_list li:nth-child(odd) {
    background-color: #f0f0f0;
}

div.k-window-content {
    padding-left: 0.5em;
    padding-right: 1.1em;
}

.k-window-content .form-title {
    display:none;
}

.fa-1_5x
{
    font-size: 1.5em
}

.fa_radio_lbl input[type="radio"]:not(:checked):disabled ~ * { 
    color: #808080;
}

.fa_radio_lbl input[type="radio"]:checked ~ * { 
    color: black;
}

.fa_radio_btn input[type="radio"]:disabled ~ * { 
    color: #808080;
}

.fa_radio_btn input[type="radio"]:checked ~ * { 
    color: black;
}
.fa_radio_btn input[type="radio"]:not(:checked) ~ * {
    color: red;
}

.entityref {
    /*globalappclient.js - entity context menu attached to these*/
}

a.entityref2 {
    /*globalappclient.js - link to details*/
}

a[disabled] {
    pointer-events: none;
    color: #c0c0c0;
}

ul.timeline li.op_ok i {
    background-color: lightgreen;
}

ul.timeline li.op_error i {
    background-color:red;
    color: white;
}


tr.unread td {
    font-weight: bold;
    
}
.k-treeview .k-in {
   
    padding: 0px 0px 0px 0px;
    
}

.main-header .numlbl {
    font-size: 0.9em;
}



table.spreadsheet_table, table.spreadsheet_table th, table.spreadsheet_table td {
    border: solid 1px #a0a0a0;
    padding-left:2px;
    padding-bottom:1px;
    padding-top:1px;
}

table.spreadsheet_table  {
    border-collapse: collapse;
    font-size:10pt;
    
}

table.spreadsheet_table td {
    padding:0px 2px 0px 2px;
    height:unset;
}

table.spreadsheet_table td.lbl {
    background-color: #c0c0c0;
    font-weight: bold;
}

table.spreadsheet_table hr {
    padding:0px;
    margin: 1px 4px 1px 3px;
    border-top: 1px solid #a0a0a0;
}

td.amt {
    text-align: right;
}

.rowdetails table tr:hover {
    background-color: white;
}

@media (max-width: 767px) {

    .main-header a.logo 
    {
        display: none;
    }

}

.fa_textarealike {
    width: 100% auto;
    height: 80px;
    max-height: 80px;
    overflow: auto;
}

.fa_textarealike_danger {
    border-color: rgb(169, 68, 66);
}

.checkboxro {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgb(210, 214, 222);
    margin-bottom: 2px;
}

.checkboxro input:checked ~ span.lbl {
    color: rgb(60, 118, 61);
}

.checkboxro input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkboxrocheck {
    position: absolute;
    top: -25px;
    left: -25px;
    height: 25px;
    width: 25px;
}

.checkboxro i.fa:before {
    content: "\f057";
    color: rgb(210, 214, 222);
}

/* Show the checkmark when checked */
.checkboxro input:checked ~ i.fa:before {
    content: "\f058";
    color: rgb(60, 118, 61);
}

.text-default {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.text-tools {
    font-size: 12px !important;
    color: #97a0b3;
}

.form-horizontal-striped .form-group:nth-child(odd) {
    background-color: #f0f0f0 !important;
}


@keyframes blink {
	0% {opacity: 0; color: red}
	
	50% {opacity: 1; color: red}
  
  100% {opacity: 0; color: red;}
}

.alert-blink
{
    animation: blink 1s infinite;
}

a.filedownload {
    transition: 0.5s ease;
}

a.filedownload:hover {
    background-image: url('../Images/Icons/printer-tool.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 12px;
    
}



ul.timeline li.op_communication .timeline-header {
    font-weight: bold;
}

ul.timeline li.op_communication .timeline-body {
    background-color: #cff5bf;
}

ul.timeline li.op_sysaction .timeline-body {
}

ul.timeline li.op_highlighted .timeline-header {
    font-weight: bold;
}

ul.timeline li.op_highlighted .timeline-body {
    background-color: #c3e4f7;
}

ul.timeline li.op_action_group .timeline-body {
    background-color: #fcfcfc;
}

ul.timeline .timeline-item {
    border-radius: 4px;
    border: solid 1px #c0c0c0;
}

.timeline-item .nested_action_body {
    padding: 4px;
}

.timeline-item .nested_action_head {
}

.i18edit:hover {
    color:#0907ca;
}

span.fld_IdLabelCss_Id {
    display: inline-block;
    min-width: 50px;
    border: solid 1px black;
}

span.fld_IdLabelCss_Id i {
    color: white;
    mix-blend-mode: difference;
}

a.longrunningop {
    font-weight:bold;
}

a.longrunningop_ref_active {
    color:#ffb473 !important;
}

a.longrunningop_ref_failed {
    color: red !important;
}

a.longrunningop_ref_completed {
    color: forestgreen !important;
}

