/* @font-face {  
    src: url('portal/fonts/Radagund.ttf') format("truetype");
} */
@font-face {
    font-family:Radagund;
    src: url('./fonts/Radagund.ttf')
    format("truetype")
    
}
@font-face {
    font-family:Fabulous;
    src: url('./fonts/Gaffer\ Type.ttf')
    format("truetype")
    
}
div.FontMarket { 
    font-family: Radagund;
}

div.FontMarket2 { 
    font-family: Fabulous;
}

.divElement{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: auto;
    height: auto;
    padding: 20px;
}​

.hue{
	background-color: #123123
}

md-toast.md-alert-toast-theme div.md-toast-content {
    background-color: black;
    font-weight: bold;
    color: white;
    
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    color: #555756;
    background: #555756;

}

md-tabs.md-default-theme .md-tab.md-active, 
md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, 
md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, 
md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, 
md-tabs .md-tab.md-focused md-icon {
    color: #555756;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: #555756;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: #555756;
    color: rgba(255,255,255,0.87);
}

.png-icon{
    margin: 0px auto auto auto;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    background-repeat: no-repeat no-repeat;
    pointer-events: none;
}

.md-button.md-default-theme.md-primary, .md-button.md-primary {
    color: #555756;
}

md-dialog.md-default-theme, md-dialog {
    border-radius: 4px;
    color: #555756;
}



.ng-image-picker > div {
    width: auto;
    height: 140px; 
    border: 1px solid #33c3f0;
    background: repeating-linear-gradient(45deg,#33c3f0,#33c3f0 1px,#fff 1px,#fff 10px);
}

md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
    color: #555756;
}

md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
    color: #555756;
}

.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon {
    background-color: #555756;
}


.ng-image-picker > div {
    width: 100%;
    height: 240px;
    border: 1px solid #555756;
    background: repeating-linear-gradient(45deg,#555756,#555756 1px,#fff 1px,#fff 10px);
}


.md-button.md-default-theme.md-fab, .md-button.md-fab {
    background-color: #555756;
    color: #555756;
}

.red {
    color: red; 
}

.black {
    color: black;
}

md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar {
    background-color: #5CC773;
}

md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container {
    background-color: #FFFFFF;
}

.md-table-pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    box-sizing: border-box;
    padding: 10px 24px;
    font-size: 12px;
    color: rgba(0,0,0,.54);
    border-top: 2px rgba(0,0,0,.12) solid;
}
Inherited from md-content.layout-column.flex


::-webkit-scrollbar
{
    width: 0px;
}
::-webkit-scrollbar-track-piece
{
    background-color: transparent;
    -webkit-border-radius: 6px;
}

.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
 
    /*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;
 }

 /* When the input is focused */
.md-input-container.md-input-focused label {
    color: #5CC773 !important;
}

.card-info-title {
    color: white;
    font-weight: bold;
    font-size: 1.1vw;
}

.card-info-message {
    color: white;
    font-size: 1.5vw;
}