/*body {
    background: #dedede;
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
    padding: 10px;
}

h1 {
    font-size: 20px;
    float: left;
}*/

#fixedButtons { position:fixed; bottom:50px;  }

#ui-datepicker-div {
    z-index: 10000 !important;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.float-right { float: right; }

.navbar {
    background: #1A1A34;
    color: #fff;
    height: 51px;
}

.navbar a {
    color:#ffffff;
    font-size:14px;
}

.navbar-nav > li {
    margin-left: 10px;
    margin-right: 10px;
    font-size:15px;
}
.navbar-brand { font-size: 15px; }





.navbar-header #headerButtonList {
    list-style: none;
    float: left;
    margin:4px 0 0 100px;
}

.navbar-header #headerButtonList li {
    display: inline;
    float: left;
    margin-right: 15px;
}

.navbar-header #headerButtonList .button {
    padding: 8px 35px;
    /*background:none !important;*/
    border: none;
    font-size: 14px;
    box-shadow: none !important;
}

.navbar-header #headerButtonList li {
}

.navbar-header #btnDashboard {
    background: none !important;
}


.navbar-header .launchProjectButton {
    width: 236px !important;
    height: 33px;
    border: 2px solid #EDAD25 !important;
    background: #FFFFFF !important;
    color: #EDAD25 !important;
    margin: 4px 0 0 0;
    padding: 3px 0 0 0 !important;
}

.navbar-header .launchProjectButton:hover {
    cursor: pointer;
}

.navbar-header .launchProjectButton .icon {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 2px;
    left: 2px;
}


.navbar-expand .navbar-collapse {
    justify-content: flex-end !important;
}



th.frozenCell {
    /*position: sticky;*/
    background: #e9ecef !important;
}

.filterRow .frozenCell {
    /*position: sticky;*/
    background: #e9ecef !important;
}

tbody .frozenCell {
    /*position: sticky;*/
    background: #fff !important;
}







.showHideColumn
{
    list-style:none;
    margin:0 0 10px 0;
    padding:0;
    overflow:hidden;
    font-size:14px;
}

.showHideColumn li {
    float: left;
    margin-right: 30px;
    color: #fff; /*#0d6efd*/
}

.showHideColumn:hover { cursor:pointer; }

.showHideColumn .faded { opacity:0.5; }



.btn-primary {
    background: #428bca;
}

.btn-primary:hover {
    background-color: #3276b1;
}

.error {
    color: #fff !important;
    background: #dc3545 !important;
}

.errorText {
    color: #dc3545 !important;
}





.floatLeft{
    float:left;
}

.italic {
    font-style: italic;
}

.marginLeft20
{
    margin-left:20px;
}


#diagramContainer {
    width: 100vw; /*100%;*/
    height: 900px;
    position: relative;
}

/*#btnAddNode {
    width: 50px;
    height: 50px;
    background: #0094ff;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#btnAddNode:hover {
    cursor: pointer;
}*/


/* Nodes */

.nodeCircle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 30px;
    margin-top: 5px;
}

.nodeCircle img {
    margin: 12px 0 0 12px;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.node {
    width: 100px;
    height: 65px;
    position: absolute;
}

.reportNode:hover {
    cursor: pointer;
}

.queryNode:hover {
    cursor: auto;
}

.node span {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0px;
    font-size: 13px;
}



.btnAddReportNode {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0px;
    top: 20px;
}

.btnAddReportNode:hover {
    cursor: pointer;
}

.disabledReportNode {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0px;
    top: 20px;
    opacity:0.5;
}


#contextMenu {
    position: absolute;
    display: none;
}

#contextMenu ul {
    background: #fff;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%) !important;
    list-style: none;
    padding: 5px;
    font-size: 13px;
    width:160px;
}

#contextMenu ul li {
    line-height: 20px;
}

#contextMenu ul li a {
    text-decoration: none;
    color: black;
    display: block;
    padding: 5px 10px;
}

#contextMenu ul li:hover {
    background: #dedede;
}


/** Report Builder **/
#btnCloseReport {
    display:none;
}

/*#reportContainer {    
    display: none;
    padding: 10px 10px 100px 10px;
}*/

#reportContainer h3 {
    float: left;
    margin-top: 50px;

}


#reportBuilderContainer {
    width: 100%;
    /*height: 400px;
    margin-top: 20px;*/
    position: relative;
    overflow: auto;
}

.reportField{
    margin: 20px 20px 0 0;
}

.reportField label { width: 100%; }


#queryFields{
    overflow:auto;
}

.reportImage {
    float: left;
    height: 36px;
    padding-right:5px;
}

/** Data **/
/*#dataContainer {
    width: 100%;
    margin-top: 20px;
    background: #1A1A34;
    position: relative;
}*/

#lblSaveChanges { display:none; }