body, html, .row-offcanvas {
    height: 100%;
}

body {
    /* top holds the topBar*/
    /*padding-top: 80px;*/
    background-color: whitesmoke;
}


#main {
    height: 100%;
    overflow: auto;
    background-color: whitesmoke;
}

.movie {
}

.panel-body h4 {
    color: #a55400;
}

.red {
    color: red;
}

.green {
    color: green;
}

.shortPanel {
    max-height: 282px !important;
    overflow-y: auto;
}

.shortPadding {
    padding: 1px !important;
}

.shortMargin {
    margin: 0 !important;
}

ul.pagination > li
{
    cursor: pointer;
}

/* Fixes alignment in nav lists */
.nav-pills [class^="fa-"],
.nav-pills [class*=" fa-"] {
    line-height: inherit;
}

/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        width: calc(100% + 220px);
    }

    .row-offcanvas-left {
        left: -220px;
    }

        .row-offcanvas-left.active {
            left: 0;
        }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
    }
}

@media (max-width: 650px) {
    .movieDescription {
        margin-left: 240px !important;
    }
}

@media (max-width: 490px) {
    .movieDescription {
        margin-left: 125px !important;
    }
}



.shortInputSearch {
    width: 300px !important;
    float: right !important;
}

/*.jumbotron {
    position: relative;
    background: #000 url("../images/background.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
}*/

/*/*Edit form*/
/*#editMovieWrapper {
    background-color: #337AB7;
    color: white;
    padding: 20px;
}*/

.black {
    color: black !important;
}

/*login form*/
/*.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}*/

/*.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

    .form-signin .form-control:focus {
        z-index: 2;
    }

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}*/

.userinfo {
    margin-right: 10px;
    font-size: large;
    background-color: white;
}

/*Validation Errors*/
.has-error .control-label {
    color: #FFB658 !important;
}

.movieDescription {
    margin-left: 335px;
}

/* Autocomplete section */
.angucomplete-dropdown {
    overflow-y: auto;
    max-height: 200px;
}

.angucomplete-holder {
    position: relative;
}

.angucomplete-dropdown {
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 250px;
    padding: 6px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    /*top: 32px;
    left: 0px;
    */
    margin-top: -6px;
    background-color: #ffffff;
}

.angucomplete-searching {
    color: #acacac;
    font-size: 14px;
}

.angucomplete-description {
    font-size: 14px;
}

.angucomplete-row {
    padding: 5px;
    color: #000000;
    margin-bottom: 4px;
    clear: both;
}

.angucomplete-selected-row {
    background-color: lightblue;
    color: #ffffff;
}

.angucomplete-image-holder {
    padding-top: 2px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.angucomplete-image {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;
}

.angucomplete-image-default {
    /* Add your own default image here
     background-image: url('/assets/default.png');
    */
    background-position: center;
    background-size: contain;
    height: 34px;
    width: 34px;
}

.red {
    color: red;
}



.divider{
    width:5px;
    height:auto;
    display:inline-block;
}

.logbutton {
    margin-right: 10px;
    font-size: large;
    background-color: rgb(13, 224, 13);
   }

.menu-name {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 15px;
}



.menu-subitem {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    list-style-type: none;
}

.panel-collapse{
    list-style-type: none;
}
/*
.nav-pills {
    display: block;
    overflow:hidden;
    width: 100%;
}

.nav-pills a {
    float: left;
    padding: 15px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60px;
} 
*/




/*li a {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

ul.nav a:hover {
    background-color: #555;
    color: white;
}

.menu-item.nav-link{
     padding-bottom: 15px;
     padding-top: 15px;
     display: block;
}

menu-item:hover {
    background-color: #555;
    color: white;
}

ul.nav a:hover { color: #fff !important; }*/

/* main menu item*/
.nav > li > a.accordion-toggle.toggle-switch{
     padding-bottom: 5px;
     padding-top: 5px;
     height: 35px;
     display: block;
}

/* sub menu level 1*/
.menu-base-item{
     padding-bottom: 0px;
     padding-top: 0px;
     padding-left: 20px;
     height: 25px;
     display: block;
}


.nav > li.menu-base-item > a {
     padding-bottom: 0px;
     padding-top: 0px;
     padding-left: 20px;
     height: 25px;
     display: block;
}

.sidebar-menu{
    background-color: #3174ae;
}


/* top menu level 1*/
/*.navbar-nav > li.dropdown > a.dropdown-toggle {
     padding-bottom: 30px;
     padding-top: 40px;
     padding-left: 20px;
     height: 25px;
     display: block;
}*/

.navbar-nav > span.ng-scope > li.dropdown > a.dropdown-toggle {
     padding-bottom: 15px;
     padding-top: 15px;
     padding-left: 15px;
     /* to remove the underline */
     text-decoration: none;
     height: 25px;
     display: block;
}



/* top-bar menu in files*/
.navbar-nav > div.ng-scope > ng-include.ng-scope > li.dropdown.ng-scope > a.dropdown-toggle {
     padding-bottom: 15px;
     padding-top: 15px;
     padding-left: 15px;
     /* to remove the underline */
     text-decoration: none;
     height: 25px;
     display: block;
}

.grid > gridUNSPSCToMaterialClass {
  width: 100%;
  height: 250px;
 }


#sidebar {
    padding-top: 40px;
    width: inherit;
    width: 50px;
    margin-right: 10px;
    max-width: 220px;
    /*background-color: #f5f5f5;*/
    background-color: darkgrey;
    float: left;
    /*height: 100%;*/
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-menu-extended.col-md-12.ng-scope {
    width: 250px;  
}

/* sidebar collapsed width*/

#sidebar-menu-collapsed {
    width: 70px;  
}

#main-page-container {
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
    height: 100%;
}


/* sub menu level 1*/
.nav > li.menu-collapsed-item > a {
     padding-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     
     display: block;
}

/* topBar*/

/*.div.collapse.navbar-collapse {
    margin-bottom: 5px;
    
}*/

#navbar-topbar  {
    /*padding-left: 15px;
    padding-top: 5px;
    padding-right: 15px;*/
    margin-bottom: 5px;
}

.collapse.navbar-collapse {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-bottom: 5px;
    /*height: 60px !important;*/
}

.navbar-collapse.collapse {
    
    height: 60px !important;
}

.navbar.navbar-right {
    margin-bottom: 0px;
    margin-right: 20px;
}



.tenant-name {
    margin-right: 10px;
    font-size: large;
    background-color: rgb(13, 224, 13);
   }


/*8888888888888888888888888888888888888888888888888888888888888888*/


.grid {
    width: 100%;
    /* sem cabeçalhos height: 85vh;*/
    height: 62vh;
}

.gridShort {
    width: 100%;
    /* sem cabeçalhos height: 85vh;*/
    height: 60vh;
}

.gridShorter {
    width: 100%;
    /* sem cabeçalhos height: 85vh;*/
    height: 50vh;
}

.gridVeryShort {
    width: 100%;
    /* sem cabeçalhos height: 85vh;*/
    height: 30vh;
}

.gridNormalSize {
    width: 100%;
    /* sem cabeçalhos height: 85vh;*/
    height: 67vh;
}

.gridFull {
    width: 100%;
    /* sem cabeçalhos height: 85vh;*/
    height: 80vh;
}

.gridExtra {
    width: 100%;
    /* sem cabeçalhos height: 85vh;*/
    height: 90vh;
}

/* highlight grid */
.highlight { color: red;  background-color: yellow !important; }

.highlightBlue { color: blue;  background-color: yellow !important; }

.highlightGreen { color: blue;  background-color: lightgreen !important; }

.highlightRed {
    color: red;
    background-color: lightgreen !important;
}

.highlightRedBack {
    background-color: red !important;
}

.highlightLightBlueBack {
    background-color: lightblue !important;
}

.highlightBlockedBack {
    background-color: darkkhaki !important;
}

.highlightLightYellowBack {
    background-color: lightyellow !important;
}

.highlightOrangeBack {
    background-color: orange !important;
}


.noHighlight {
    background-color: none;
}


.highlightGrayBack {
    background-color: darkgray !important;
}

.highlightZero {
    text-align: right;
    color: red;
    background-color: yellow !important;
}

.highlightEditable {
    background-color: lightyellow !important;
}

.highlightEditableNumber {
    text-align: right;
    background-color: lightyellow !important;
}

/*.ui-grid-viewport .ui-grid-cell-contents {
    word-wrap: break-word;
    white-space: normal !important;
}

.ui-grid-row, .ui-grid-cell {
    height: auto !important;
}

    .ui-grid-row div[role=row] {
        display: flex;
        align-content: stretch;
    }*/

#panelmaterialIdentityList{
    height: 300px;
    margin-bottom: 10px;
}

#gridMaterialIdentityList {
  width: 100%;
  height: 250px;
 }

#panelLegacyMaterialList{
    height: 500px;
    margin-bottom: 10px;
}

#gridLegacyMaterialList {
  width: 100%;
  height: 400px;
 }

#gridMaterialList {
  width: 100%;
  height: 400px;
 }

#panelMaterialClassMigration{
    height: 900px;
}

#panelParentMaterialList {
    height: 500px;
    margin-bottom: 10px;
}

#panelMaterialClassification {
    height: 87vh;
    margin-bottom: 10px;
}

#gridHalf {
    width: 100%;
    height: 400px;
}

#gridThird {
    width: 100%;
    height: 30%;
}

#panelThirdHeight {
    height: 350px;
    margin-bottom: 10px;
}

#panelShort {
    height: 50vh;
    margin-bottom: 10px;
}

#panelTall {
    height: 80vh;
 
}

#gridThirdHeight {
    width: 100%;
    height: 300px;
}

#panelHalfHeight {
    height: 450px;
    margin-bottom: 10px;
}

#gridHalfHeight {
    width: 100%;
    height: 350px;
}

/* ANGULAR MATERIAL ADJUSTMENTS*/

#top-bar {
    padding-right: 20px;
    padding-top: 5px;
}
/*#top-bar-fosfato-name {
    margin-top: 6px;
    padding-bottom: 5px;
}

#top-bar-tenant-name {
    margin-top: 8px;
    padding-bottom: 5px;
}

#top-bar-username {
    margin-top: 8px;
    padding-bottom: 5px;
}*/

.material-icons {
    vertical-align: middle;
}

.grid-box {
    padding-right: 10px;
    padding-left: 10px;
}

.ng-biding{
    margin-top: 10px;
    margin-bottom: 10px;
}

.grid-align-right {
    text-align: right;
}

.grid-align-center {
    text-align: center;
}

.grid-header {
    margin-bottom: 0px;
}



#md-input-narrow {
    margin-bottom: 5px;
}

#md-input-very-narrow {
    margin-top: 5px;
    margin-bottom: 5px;
}

.hide-validation-error .md-errors-spacer {
    display: none;
}

div[layout="column"] {
    overflow: hidden;
}

.check {
    margin-bottom: 0;
}

/* datepicker color - https://www.npmjs.com/package/ng-material-datetimepicker */
.dtp table.dtp-picker-days tr > td > a.selected,
.dtp table.dtp-picker-days tr > td > a.selected.hilite,
.dtp div.dtp-date, .dtp div.dtp-time, .dtp .dtp-hand.on,
.dtp .dtp-actual-meridien a.selected,
.dtp .dtp-picker-time > a.dtp-select-hour.selected {
    background: #2abab9;
}

.dtp table.dtp-picker-days tr > td > a.hilite:not(.selected),
.dtp div.dtp-actual-time.p60 span.selected {
    color: #2abab9;
}

.dtp div.dtp-year-btn, .dtp div.dtp-actual-year, .dtp div.dtp-actual-maxtime {
    color: #d0f0f0;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #009796;
}

md-menu-content.dtp-month-list {
    background-color: #d0f0f0;
}

md-menu-content.dtp-year-list {
    background-color: #d0f0f0;
}


/*TREE*/

.btn {
    margin-right: 8px;
}

.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}

    .angular-ui-tree-handle:hover {
        color: #438eb9;
        background: #f4f6f7;
        border-color: #dce2e8;
    }

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

tr.angular-ui-tree-empty {
    height: 100px
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}


/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}

.tree-node-exam {
    border: 1px solid #dae2ea;
    background: lightgreen;
    color: #7c9eb2;
}

.tree-node-error {
    border: 1px solid #dae2ea;
    background: red;
    color: #7c9eb2;
}

.info-error {
    background: red;
    color: white;
}

.info-ok {
    background: #f8faff;
    color: #7c9eb2;
}

.nodrop {
    background-color: #f2dede;
}

.tree-node-content {
    margin: 5px;
}

.tree-node-row {
    margin: 5px;
    padding: 5px;
    border: 1px solid #dae2ea;
    background: blue;
    color: whitesmoke;
}

.service-info {
    background: blue;
    color: whitesmoke;
}

.tree-handle {
    padding: 5px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}