@font-face {
    font-family: WeblySleekUI;
    src: url("../fonts/weblysleekuisl.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: WeblySleekUI;
    src: url("../fonts/weblysleekuisli.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: WeblySleekUI;
    src: url("../fonts/weblysleekuil.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: WeblySleekUI;
    src: url("../fonts/weblysleekuili.ttf") format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: WeblySleekUI;
    src: url("../fonts/weblysleekuisb.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: WeblySleekUI;
    src: url("../fonts/weblysleekuisbi.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

* {
    box-sizing: border-box;
}

body {
    height: 100%; 
    margin: 0;
    padding: 0;
    font-family: WeblySleekUI;
    overflow: hidden;
    position: relative;
}

/* MD-BUTTON: DEFAULT RIPPLE COLOR TO DROPPAY ORANGE */
.md-button:not([disabled]):hover {
    background-color: rgba(239, 112, 24, 0.25);
}

.md-button {
    font-weight: 700;
}

/* HIDE SPINNER FROM NUMBER INPUT FIELD */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/* STYLE FOR TOOLBAR INSIDE DIALOG */
md-dialog > md-toolbar:first-child,
md-dialog > form > md-dialog-actions {
    padding-left: 24px;
    padding-right: 24px;
}

/* VERTICAL CENTER FOR MD-ICONS INSIDE MD-2-LINE */
md-dialog-content > md-list > md-list-item.md-2-line > md-icon:first-child {
    -webkit-align-self: center;
    align-self: center;
}

md-dialog {
    width: 488px;
}

/* FIX FOR CLICK OUTSIDE TO CLOSE ON DIALOGS */
.dialog-clickthru {
    pointer-events: none;
}
.dialog-clickthru > * {
    pointer-events: initial;
}

/* STYLE FOR FAB INSIDE A DIALOG */
md-dialog > button.md-fab:last-child {
    min-width: 56px;
    min-height: 56px;
    margin-left: auto;
    margin-right: 16px;
    margin-bottom: 16px;
}

/* STYLE FOR SCROLL BARS*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: rgba(239,112,23,0.05);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(239,112,23,0.2);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(239,112,23,0.8);
}

/* STYLE FOR TOOLTIPS */
.md-tooltip {
    line-height: 24px !important;
    height: 24px !important;
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(189,85,12,1) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
}
.md-tooltip.md-show {
    opacity: 1 !important;
}

/* OVERRIDE MD-DIALOGS MAX WIDTH AND MAX HEIGHT */
body.md-dialog-is-showing md-dialog {
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
}

/* OVERRIDE FOR MENU WITH RIGHT ALIGNED ICONS */
md-menu-item>.md-button md-icon:last-child {
    margin: auto 0 auto 16px;
}

md-input-container input[type="number"] {
    -moz-appearance: textfield !important;
}

.dp-hidden {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.line-with-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}