.page-wrapper .well {
    background: url(/images/heading-title-bg.jpg) no-repeat center;
    padding: 14px 15px;
    color: #FAFFF0;
    font-weight: 600;
    margin-top: -2px;
    border-radius: 0px !important
}
.md-button.md-fab {
    z-index: 6 !important;
}
.multiselect-parent {
    width: 100%
}
.glyphicon.glyphicon-ok:before{
    color: green;
    font-family: "Font Awesome 5 Pro";
    padding-left: 2px;
    content: '\f00c'
}
.dropdown-menu li{
    padding: 6px;
    cursor: pointer;
    color:#336699
}

.new-buttons {
    position: fixed;
    bottom: 7%;
    right: 5%;
    z-index: 1000
}

.force-right {
    position: absolute;
    right: 1rem;
}

.No-symbol:before {
    content: "\2116";
    padding-right: 5px;
}

.required-badge:after {
    content: "*";
    color: crimson;
    position: absolute;
    top: 0;
    font-size: 0.8rem;
}

md-toast {
    position: fixed;
    bottom: 5% !important;
    left: 50px !important;
}

md-content {
    height: 100vh;
}

.breadcrumb-item a {
    color: aliceblue
}

.breadcrumb-item.active span {
    color: #d3d3d3 !important;
    font-size: 0.9rem !important;
    font-weight: 500;
}

.op-seleted:after {
    color: green;
    font-family: "Font Awesome 5 Pro";
    padding-left: 2px;
    content: '\f00c'
}

.no-selected:after {
    color: red;
    font-family: "Font Awesome 5 Pro";
    padding-left: 2px;
    content: '\f00d'
}

.vertical-form md-input-container {
    padding-top: 0.5rem;
}

.ext-content {
    padding-top: 5px;
}

.collapse li {
    padding-top: 8px;
    padding-bottom: 4px;
}

.gutter-right {
    padding-right: 6px;
}

.gutter-left {
    padding-left: 6px;
}

.height65 {
    height: 65vh;
}

    .height65 md-content {
        height: 55vh;
        overflow-x: hidden;
        overflow-y: auto;
    }

.md-content {
    background-color: white
}

.text-avatar {
    width: 6rem !important
}

.md-chip {
    padding: 6px;
    background-color: #d1d1d1;
    color: #111111;
   
    border-radius: 8px;
    cursor: pointer;
    margin-right: 10px;
}

.md-chip:after {
        font-family: "Font Awesome 5 Pro";
        padding-left: 6px;
        content: '\f057';
    }


.main-bg {
    padding-left: 6px;
    padding-right: 6px;
    overflow-x: hidden
}
.multi-language {
    color: #333300;
    
    
}
.multi-language.empty {
    color: #999999;
    font-size: 0.8rem;
}
.multi-language:after {
    color: #336699;
    font-family: "Font Awesome 5 Pro";
    padding-left: 2px;
    content: '\f1ab';
    font-weight: 600;
    
}
.drag-item {
    cursor: grab;
    min-height: 2rem;
}
md-card-actions.active {
    background-color: #d3d3d3
}
.ticket-template {
    background-color: #d3d3d3;
    height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    width: 90%
}
md-input-container.no-gutters {
    margin: 0 !important;
    
}
.scroll-container {
    height: 65vh;
    overflow-x: hidden;
    overflow-y: auto;
    
}
.scroll-container-small {
    height: 63vh;
    overflow-x: hidden;
    overflow-y: auto;
  
}
md-sidenav {
    
    width: 28vw !important;
    z-index: 20000 !important;
    overflow-x: hidden;
    position: fixed !important;
}
md-sidenav.narrow {
width: 20vw !important;
}

.stuff-tree a{
    color: #000000;
}
.stuff-tree a:after {

    content: "\00BB";
    padding-left: 6px;
}

    .md-media-lg img {
        display: block;
        width: 100%;
        max-height: 15vh;
        object-fit: cover;
    }
.group-inner {
    min-height: 50vh;
    background-color: #f0f8ff
}
.md-title.selected {
    color: red;
}
.md-title.selected:before {
    content: "\2714";
    padding-right: 2px;
}
md-card-header.selected:after {
    font-family: "Font Awesome 5 Pro";
    color: #a52a2a;
    
    content: '\f00c';
}
.map-block {
    height: 54vh;
}
.layout-block {
    background-color: wheat;
}
.Rectangle {
    border-radius: 15px;
    position: absolute;
}
.Circular {
    border-radius: 100px;
    position: absolute;
}

.bg-block {
    height: 80px;
    width: 80px;
    border-width: 1px;
    border-style: dotted;


}
@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        display: none;
    }

    #printSection, #printSection * {
        display: inline;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }
}
.band {
    background-color: #336699;
    position: absolute;
    top: 20%;
    right: -5px;
    z-index: 10;
    box-shadow: 2px 2px 4px #333300;
    color: white;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
}
.soldout-band {
    background-color: #008080;
    position: absolute;
    top: 12%;
    right: -5px;
    z-index: 10;
    box-shadow: 2px 2px 4px #333300;
    color: white;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
}
/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.simpleDemo ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.simpleDemo ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.simpleDemo ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.simpleDemo ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #f5f5f5;
 
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

/**
 * Show selected elements in green
 */
.simpleDemo ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}
.selection-area {
    background-color: #dddddd
}

#centerTable td {
    
    vertical-align: middle;
    height: 60px;
}
.enabledBg {

    background-color: #d1d1d1;
}