#heading {
    font-weight: bold;
    font-size: x-large;
}

.subheading {
    font-weight: bold;
    font-size: large;
}

.CompanyUsers {
    margin-top: 10px;
}

#Editor {
    padding: 10px;
}

#PartnerGrid{
    /*height: 100% !important;*/
}

.maxheight {
    min-height: 100vh;
    height: 100vh;
    margin-top: -115px;
    padding-top: 115px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.maxheight-nobuttons {
    min-height: 100vh;
    height: 100vh;
    margin-top: -80px;
    padding-top: 80px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.nowrap {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 20px;
}

.CompanyInfo {
    margin-top: 10px;
}

input[type="text"] {
    max-width: 1000px;
}

html, body {
    height:100%;
    min-height:100%;
}

body {
    padding: 0;
    margin-top: 0;
    height: 100vh;
}

.CompanyDocuments {
    align-content: center;
    text-align: center;
}

#main {
    display: flex;flex-direction: column;
    padding: 10px;
    /*margin-top: 10px;*/
    height: auto;
    position: relative;
    overflow-x: hidden;
}

#PartnerWindow,#Editor {
    overflow: hidden;
}

#Editor .row {
    padding: 3px;
}

.Workflow {
    border: 1px solid;
    border-color: lightgray;
    padding: 3px;
    margin: 3px;
}

.FieldHeading {
    font-size: small;
    top: 0.5em;
    position: absolute;
}

.Dialog {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.SystemHeading {
    font-size: medium;
    text-decoration: underline; 
}

#EnvironmentTabs {
    height: 100%;
}

.PanelContent {
    padding: 10px;
    /*margin-left: 20px;*/
}

.PanelContent .row {
    padding: 3px;
}

.Hidden {
    visibility: hidden;
}

.k-window .row, .k-window .row * { box-sizing: border-box;}

.k-pager-nav {
    box-sizing: content-box !important;
}

.SectionHeader {
    font-weight: bold; 
}
.SectionRow {
    background: #EFEFEF;
}
.HeaderRow {
    color: white;
    background: #555555;
}
#SummaryGrid {
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 10px;
}
.SummaryRow {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: lightgray 1px solid;
}
.SubStatusRow {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: lightgray 1px solid;
}

.Center {
    text-align: center;
}

.NoValue {
    color: #b4b4b4;
    font-weight: bold;
    font-size: small;
}

.Warning {
    color: #DD0000;
    font-weight: bold;
    font-size: small;
}

.Uncommitted {
    color: #ff7c00;
    font-weight: bold;
    font-size: small;
}

.Committed {
    color: green;
    font-style: italic;
    font-size: small;
}

.Unknown {
    color: purple;
    font-size: small;
}

.WorkflowDisabled {
    color: #c3c3c3;
    position: relative;
}

.WorkflowOverride{
    color: #bb0000;
}

.WorkflowCustom{
    color: #ee6b00;
}

.CompanyDocuments * * * table .k-grid-header {
    display: none;
}

.CompanyDocuments * * * table tbody tr td{
    padding: 0;
}

.CompanyDocuments * * * {
    overflow: hidden;
}

.selected-document {
    background: cornflowerblue !important;
    color: white;
}
#Menu > .RightNoClick {
    float: right;
    /*border-left-width: 1px;*/
    border-right-width: 0;
    pointer-events: none;
}
#Menu > .Right {
    float: right;
    border-left-width: 1px;
    border-right-width: 0;
}

#EnvironmentTabs > .k-content {
    overflow: scroll;
    overflow-x: hidden;
    height: 100%;
    flex: 1;
}

#ValidateWindow {
    overflow: hidden;
    padding: 5px;
}

.sequence {
    /*color: purple !important;*/
    font-weight: bold;
}
.k-menu .menuSelector .k-link{
    margin-bottom: -8px;
    margin-top: -8px;
}

.k-state-selected a.GridLink {
    color: white;
}

.clickable {
    cursor: pointer;
}

input:required:invalid, input:focus:invalid, input.hasPattern:invalid,input[pattern]:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC) !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
  }
  input:required:valid, input.hasPattern:valid, input[pattern]:valid{
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=) !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
  }

 .k-widget .border-box-sizing,
.k-widget .border-box-sizing * {
    box-sizing: border-box;
}

 .FieldHeading .tooltip .tooltip-inner {
     width: 400px;
 }

 .Info {
     color: steelblue;
     
 }

 .k-panelbar .k-item .k-state-focused {
     box-shadow: none !important;
 }

 #clients-list ul li {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }

 .ComboCompanyId {
     font-size: x-small;
     color: #aaaaaa;
     float: right;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 20%;
 }

  .ComboCompanyName {
      float: left;
      width: 80%;
      white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
   .ComboWorkflowType {
     font-size: smaller;
     color: #aaaaaa;
     float: right;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 30%;
 }

  .ComboWorkflowDesc {
      float: left;
      width: 70%;
      white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }

 .k-state-selected .ComboWorkflowType, .k-state-selected .ComboCompanyId,.k-state-selected .nowrap a {
     color: inherit;
 }

 #RefreshSession {
     font-size: smaller;
     color: gray;
     pointer-events: auto !important;
 }

.labelContainer {
     width: 100%;
 }

 .tooltipCompanyName {
     color: cornflowerblue !important;
 }

 .HeaderRow .tooltip-inner {
     max-width: 400px;
 }

 .superscript {
     font-size: x-small;
     vertical-align: super;
     position: absolute;
     margin-left: 3px;
     color: gold;
 }

 .ValueNotSet {
     color: #A3A3A3;
 }

 .dropdownValid {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=) !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
 }

 .dropdownInvalid {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC) !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
 }

 .errorList {
     background: red;
     color: white;
     padding: 5px;
 }

 .NetworkLocationReadOnly {
     color: gray;
 }

 #counter {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 50px;
        width: 50px;
        z-index: 100;
        margin-right: 40px;
        font-family: sans-serif;
        color: gray;
        font-size: smaller;
    }
 td[role="gridcell"]{
        white-space: nowrap !important;
    }
 .status-lozenge {
            width: 120px;
        height: 20px;
        display: inline-block;
        text-align: center;
        color: white;
        font-weight: bold;
        border-radius: 5px;
     font-size: 12px;
        }

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

*.selectable{
   -moz-user-select: text;
   -khtml-user-select: text;
   -webkit-user-select: text;
   -o-user-select: text;
   -ms-user-select: element;
   user-select: text;
}

.k-loading-mask {
    text-align: center;
    align-content: center;
}

.k-loading-image {
    background-image: none !important;
    width: 64px;
    height: 64px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.k-loading-image {
        -webkit-animation-name: spin;
    -webkit-animation-duration: 2500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(3600deg);
}

.k-loading-image:after {
    /*position: absolute;*/
    content: "\f013";
    font-family: FontAwesome;
    color: #ee3224;
    font-size: 64px !important;
    line-height: 64px;
    margin: 0 auto;
    width: 50%;

}

#docSearch {
    width: 200px;
    border-radius: 10px;
    height: 24px;
    line-height: 24px;
    box-shadow: none;
    padding-left: 7px;
    border: none !important;
    background: #ddd;
    color: black;
}

#docSearch:focus {
    outline: none;
}

.searchHolder {
    border: none !important;
    line-height: 40px;
    float: right !important;
}

.searchHolder .k-link {
    padding: 0px !important;
    line-height: 50px !important;
}

.searchHolder:hover, .searchHolder .k-link:hover, .searchHolder:focus {
    background: none !important;
    cursor: default !important;
    outline: none !important;
}

.k-combobox.k-header {
    max-width: 1000px;
}

.panelHeader {
    background: #1a1a1a;
    color: white;
    text-align: center;
    padding: 1rem;
}

.panelHeader h4 {
    font-weight: bold;
    font-family: Poppins;
}

.panelHeader h6 {
    font-family: Poppins;
}

.integration-form input[type="text"].form-control,
.integration-form .k-multiselect.form-control,
.integration-form .k-multiselect.form-control.k-state-focused,
.integration-form .k-multiselect.form-control:hover,
.integration-form .k-dropdown.form-control,
.integration-form .k-dropdown.form-control.k-state-focused,
.integration-form .k-dropdown.form-control:hover {
    background: white;
    border: 1px solid #1a1a1a;
    box-shadow: none !important;
    border-radius: 6px;
    margin-top: 5px;
    height: 36px;
}

.integration-form .k-multiselect.form-control,
.integration-form .k-dropdown.form-control {
    padding: 3px;
}

.integration-form .k-multiselect-wrap,
.integration-form .k-dropdown-wrap,
.integration-form .k-dropdown-wrap.k-state-active.k-state-border-down {
    box-shadow: none;
    padding: 2px;
}

.integration-form .form-group {
    flex: 1;
    margin: 0;
}

.integration-form .control-label {
    text-align: left;
}

.integration-form .k-multiselect.form-control .k-button {
    border-color: lightgray;
    background: lightgray;
    color: black;
}

.integration-form .k-multiselect.form-control,
.integration-form .k-dropdown.form-control {
    padding: 0;
    overflow: hidden;
}


.integration-form input[type="checkbox"] {
    display: none;
}

.integration-form input[type="checkbox"] + * + label:before {
    border: 1px solid rgba(0, 0, 0, 0.54);
    content: "\00a0";
    border-radius: 6px;
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 20px;
    margin: 0 0.5em 0 0;
    padding: 0;
    vertical-align: middle;
    width: 20px;
}

.integration-form input[type="checkbox"]:checked + * + label:before {
    background: white;
    color: #006BFF;
    content: "\2713";
    text-align: center;
    border-color: #006BFF;
}

.integration-form input[type="checkbox"]:focus + * + label:before {
    outline: rgb(59, 153, 252) auto 5px;
}

.integration-form .btn:hover, .integration-form .btn:active, .integration-form .btn:focus {
    background-color: rgba(0, 0, 0, 0.04);
    border-color: black !important;
    color: black;
}

.integration-form .btn, .integration-form .btn.btn-primary {
    text-transform: none;
    border-radius: 6px;
}

.integration-form .btn.btn-primary {
    background-color: #006BFF;
    border-color: #006BFF;
    transition: filter ease-in-out 0.3s;
}

    .integration-form .btn.btn-primary:hover, .integration-form .btn.btn-primary:active, .integration-form .btn.btn-primary:focus {
        filter: brightness(1.6);
        background-color: #006BFF;
        border-color: #006BFF !important;
        color: white !important;
    }