/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/*

    Created on : Sep 8, 2016, 3:19:43 PM

    Author     : koen

*/

.main-body {

    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 12px;

    padding: 0;

}

.noScrolllayoutUnit .ui-layout-unit-content{

    overflow: hidden;

}

.scrollable{

    overflow:scroll !important;

}

.layoutUnitClientSouth {

    margin-top: 5px !important;

    display: block !important;

    bottom: initial !important;

    height: 60px;

}

html, body {

    height: 100%;

    margin: 0;

    padding: 0;

}

#aguForm {

    height: 100%;

}

#aguForm\\:topLayout {

    height: 100vh !important;

}

.faqNode {

    padding-top: 12px !important;

    font-weight: bold !important;

    width: 1000px !important;

}

.ui-treenode-children span.ui-treenode-label.ui-corner-all {

    font-weight: normal !important;

    display: block;

    white-space: pre-line !important;

}

.layoutUnitClientCenter {

    position: initial !important;

    display: block !important;

    bottom: initial !important;

    height: fit-content !important;

}

.li.selected a {

    color: #e17009;

}

.customerUnit {

    display: inline-block !important;

    margin-top: 1% !important;

    margin-left: 2% !important;

    position: initial !important;

    width: 100% !important;

    visibility: visible !important;

    height: auto !important;

}

.supportUnit {

    width: 400px;

    border-style: solid;

    border-width: thin;

    border-color: #4297d7;

    border-radius: 2px;

    box-sizing: border-box;

    padding: 8px 20px;

}

.centerLayoutUnit .ui-layout-pane .ui-layout-pane-center .ui-layout-container {

    border-style: none;

}

.customerUnit .ui-layout-unit-content {

    height: auto !important;

    display: initial !important;

}

.sidebar .profile a:hover {

    font-size: 16px;

    color: #2399e5;

}

.sidebar .menu {

    position: fixed;

    top: 200px;    

}

.Released{

    background-color: green !important;    

    height: 100%;

}

.Ready{

    background-color: orange !important;

    height: 100%;

}

.NotReady{

    background-color: red !important;  

    height: 100%;

}

.sidebar ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

.sidebar ul li.active-menuitem > a {

    border-bottom: 0 none;

    background-color: #2e3035;

    color: #2399e5;

}

.sidebar ul li > a:hover {

    padding-left: 20px;

    color: #2399e5;

}

.sidebar ul li > a {

    text-decoration: none;

    font-size: 14px;

    padding: 15px;

    display: block;

    box-sizing: border-box;

    border-top: 1px solid #4e5159;

    -moz-transition: padding-left 0.3s;

    -o-transition: padding-left 0.3s;

    -webkit-transition: padding-left 0.3s;

    transition: padding-left 0.3s;

}

.sidebar ul li > a span {

    margin-left: .3em;

}

.li {

    display: list-item;

    text-align: -webkit-match-parent;

}

.fa-fw {

    width: 1.28571429em;

    text-align: center;

}

img.resize{

    position: relative;

    max-width:50%;

    max-height:50%;

}

img.resizeStatus{

    position: absolute;    

    max-width:50px;

    max-height:50px;   

    top: 80%;

    left: 65%;

}

img.BigResize{

    max-width:20%;

    max-height:20%;  

}

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.myform{

    position: static;

    margin-top: 90px;    

    margin-left: 220px;

    margin-right: 20px;

    z-index: 100;

}

.topbar {

    -moz-transition: left 0.3s;

    -o-transition: left 0.3s;

    -webkit-transition: left 0.3s;

    transition: left 0.3s;

    position: fixed;

    right: 0;

    top: 0;

    left: 0px;

    height: 90px;

    background: linear-gradient(#EAF4FD,#ffffff);

    padding: .7em 1.5em 0em 1.5em;

    box-sizing: border-box;

    color: #ffffff;

    z-index: 103;

}

.topbar .topbar-title {

    display: inline-block;

    font-size: 20px;

    vertical-align: top;

    margin-left: 220px;

}

.topbar .user {

    float: right;

    display: block;

    color: #2e3035;

    -moz-animation-duration: .5s;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

}

.ui-panelgrid td, .ui-panelgrid tr

{

    border-style: none !important

}

.ui-panelgrid .ui-panelgrid-cell {

    width: 350px;

}

.verticalText{

writing-mode : vertical-lr;

  -ms-writing-mode: tb-rl; /* old IE 6 and 7 */

  -webkit-writing-mode: vertical-rl;

  -ms-writing-mode: vertical-rl;

}

/*a.link.js-forgot-password {

    display: none !important;

}*/

#okta-sign-in .auth-org-logo {

    max-width: 230px !important;

    max-height: 65px !important;

}

.whitespace ul li:first-child {

    margin-top:1em;

}

.whitespace ul li {

    margin-bottom:1em;

}

.sidebar .ui-panelmenu {

    max-height: calc(100vh - 200px);

    overflow-y: auto;

}

.ui-button {

    padding-right: 0.5rem;

    padding-left: 0.5rem;

    margin-right: 0.5rem;

}

.ui-button:last-child {

    margin-right: 0;

}

body .ui-button {

  margin: 1px !important;

  background-color: #395a53 !important;

  padding: 0 !important;

  color: white !important;

  border: none !important; 

}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {

  color: #1f323c !important;

}

body .ui-chkbox .ui-chkbox-box.ui-state-active {

  border-color: #99978c !important;

  background: #99978c !important;

  color: #fff !important;

}

.ui-layout-content.ui-panel-content.ui-layout-unit-content.pe-layout-pane-content {

  height: auto !important; 

  overflow-x: hidden; 

  width: 100%;             

  box-sizing: border-box;   

}

.ui-widget-content.ui-picklist-list.ui-picklist-target {

  display: inline-block;

  vertical-align: top;

}

.downloadCustomAguButton {

  display: inline-block;

  vertical-align: top;

  margin-left: 1rem;

}

.picklist-button-container {

  display: flex !important;

  align-items: flex-start !important;

  gap: 1rem !important;

}

.downloadCustomAguButton {

  white-space: nowrap !important;

}

.ui-layout-toggler.ui-layout-toggler-north {

  display: none !important;

}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {

  padding: 0.2rem !important;

}

body .ui-panelmenu h3.ui-panelmenu-header {

  padding: 0.2rem !important;

}

.ui-layout-toggler.ui-layout-toggler-west {

  display: none !important;

}

body .ui-fieldset .ui-fieldset-legend {

  padding: 0 !important;

}

.downloadCustomAguButton {

  white-space: nowrap !important;

  margin-bottom: 5px !important;

}

.ui-panelgrid-cell {

  padding-bottom: 5px;

}

body .ui-datatable .ui-datatable-data > tr > td {

  padding: 0.5rem 0.5rem !important;

}

body .ui-panelgrid .ui-panelgrid-cell {

  padding: 0.2rem !important;

}

:root {

  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
 
body {

  font-family: var(--font-family);

}

body, input, button, select, textarea, h1, h2, h3, h4, h5, h6 {

  font-family: var(--font-family);

}

body .ui-panel .ui-panel-content {
  padding: 0rem !important;
}

table[role=grid]{
    width:auto;
}