/*This css file is dedicated to applying global overwrites to ng-material elements appearing appwide*/
/*
    theme
    md_raised_buttons
    md_buttons - cancel
    md_input_containers
    md_datepickers
    md_list_item
    md_select
    md_toast
    md_chips
    md_tooltip
*/

/*theme*/
md-icon.shw-icon.md-ShwTheme-theme {
    color: #767676;
}

md-menu-bar.md-ShwTheme-theme md-menu.md-open>button {
    background-color: rgba(158,158,158,0.2) !important;
}

.md-button.md-ShwTheme-theme.md-primary.md-raised:not([disabled]),
.md-button.md-ShwTheme-theme.md-primary.md-raised:not([disabled]) md-icon {
    color: #FFFFFF;
}

.md-button.md-ShwTheme-theme[disabled] md-icon {
    color: rgba(0,0,0,0.38) !important;
}

md-menu-bar.md-ShwTheme-theme md-menu.md-open>button {
    background-color: #bbb;
}

md-tabs.md-ShwTheme-theme md-ink-bar {
    color: #155A92;
    background: #155A92;
}

md-content.md-ShwTheme-theme,
md-tabs.md-ShwTheme-theme .md-tab {
    color: #252525;
    background-color: #FFFFFF;
}

.md-menu-content.md-menu-bar-menu.md-dense {
    padding: 4px 0;
}

.md-open-menu-container {
    border-radius: 10px !important;
}

md-nav-ink-bar {
    height: 4px;
    background: #155A92 !important;
}

.md-nav-bar .md-active span {
    color: #155A92 !important;
    font-weight: bold;
}

.sweet-alert h2 {
    margin-top: 40px;
}

/*md_raised_buttons*/
.md-button.md-ShwTheme-theme.md-primary.md-raised,
.md-button.md-ShwTheme-theme.md-primary.md-raised md-icon {
    transition: color, background-color .4s cubic-bezier(.25,.8,.25,1);
}

.md-button.md-ShwTheme-theme.md-primary.md-raised {
    background-color: #0079AD;
    border: 2px solid #0079AD;
    border-radius: 5px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 15px;
    line-height: 28px;
    min-width: 200px;
}


.md-button.md-ShwTheme-theme.md-primary.md-raised.md-small {
    line-height: 24px;
    min-width: 100px;
    min-height: 24px;
    margin: 0;
}

.md-button.md-ShwTheme-theme.md-primary.md-raised.md-tiny {
    line-height: 18px;
    min-width: 100px;
    min-height: 20px;
    margin: 0;
    font-size: 12px;
}

.md-button.md-ShwTheme-theme.md-primary.md-raised:not([disabled]):hover,
.md-button.md-ShwTheme-theme.md-primary.md-raised:not([disabled]):focus {
    color: #0079AD;
    border: 2px solid #0079AD;
    background-color: #FFF;
}


.md-button.md-ShwTheme-theme.md-primary.md-raised:not([disabled]):hover md-icon,
.md-button.md-ShwTheme-theme.md-primary.md-raised:not([disabled]):focus md-icon {
    color: #0079AD;
}

/*green variant*/
.md-button.md-ShwTheme-theme.md-primary.green-theme.md-raised {
    border: 2px solid #106935;
    background-color: #106935;
}

.md-button.md-ShwTheme-theme.md-primary.green-theme.md-raised:not([disabled]):hover,
.md-button.md-ShwTheme-theme.md-primary.green-theme.md-raised:not([disabled]):focus {
    color: #106935;
    border: 2px solid #106935;
    background-color: #FFF;
}

.md-button.md-ShwTheme-theme.md-primary.green-theme.md-raised:not([disabled]):hover md-icon,
.md-button.md-ShwTheme-theme.md-primary.green-theme.md-raised:not([disabled]):focus md-icon {
    color: #106935;
}

/* avidon blue variant*/

.md-button.md-ShwTheme-theme.md-avidon.md-raised,
.md-button.md-ShwTheme-theme.md-avidon.md-raised md-icon {
    transition: color, background-color .4s cubic-bezier(.25,.8,.25,1);
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised {
    background-color: #004455;
    border: 2px solid #004455;
    border-radius: 5px;
    color: #FFF;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 15px;
    line-height: 28px;
    min-width: 200px;
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised md-icon {
    color: #FFF;
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised.md-small {
    line-height: 24px;
    min-width: 100px;
    min-height: 24px;
    margin: 0;
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised.md-tiny {
    line-height: 18px;
    min-width: 100px;
    min-height: 20px;
    margin: 0;
    font-size: 12px;
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised:not([disabled]):hover,
.md-button.md-ShwTheme-theme.md-avidon.md-raised:not([disabled]):focus {
    color: #004455;
    border: 2px solid #004455;
    background-color: #FFF;
}


.md-button.md-ShwTheme-theme.md-avidon.md-raised:not([disabled]):hover md-icon,
.md-button.md-ShwTheme-theme.md-avidon.md-raised:not([disabled]):focus md-icon {
    color: #004455;
}

/* avidon blue variant - inverted*/


.md-button.md-ShwTheme-theme.md-avidon.md-raised.inverted {
    background-color: #FFF;
    border: 2px solid #004455;
    border-radius: 5px;
    text-transform: none;
    color: #004455;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 15px;
    line-height: 28px;
    min-width: 200px;
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised.inverted md-icon {
    color: #004455;
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised.inverted.md-small {
    line-height: 24px;
    min-width: 100px;
    min-height: 24px;
    margin: 0;
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised.inverted.md-tiny {
    line-height: 18px;
    min-width: 100px;
    min-height: 20px;
    margin: 0;
    font-size: 12px;
}

.md-button.md-ShwTheme-theme.md-avidon.md-raised.inverted:not([disabled]):hover,
.md-button.md-ShwTheme-theme.md-avidon.md-raised.inverted:not([disabled]):focus {
    color: #FFF;
    border: 2px solid #004455;
    background-color: #004455;
}


.md-button.md-ShwTheme-theme.md-avidon.md-raised.inverted:not([disabled]):hover md-icon,
.md-button.md-ShwTheme-theme.md-avidon.md-raised.inverted:not([disabled]):focus md-icon {
    color: #FFF;
}

/*blue variant*/
.md-button.md-ShwTheme-theme.md-primary.blue-theme.md-raised {
    border: 2px solid #1EBAEB;
    background-color: #1EBAEB;
}

.md-button.md-ShwTheme-theme.md-primary.blue-theme.md-raised:not([disabled]):hover,
.md-button.md-ShwTheme-theme.md-primary.blue-theme.md-raised:not([disabled]):focus {
    color: #1EBAEB;
    border: 2px solid #1EBAEB;
    background-color: #FFF;
}

.md-button.md-ShwTheme-theme.md-primary.blue-theme.md-raised:not([disabled]):hover md-icon,
.md-button.md-ShwTheme-theme.md-primary.blue-theme.md-raised:not([disabled]):focus md-icon {
    color: #1EBAEB;
}

/*blue variant - disabled*/

.md-button.md-ShwTheme-theme.md-primary.blue-theme.md-raised[disabled] {
    border: 2px solid #DCDCDC;
    background-color: #DCDCDC;
    border-radius: 5px;
    text-transform: none;
    font-weight: bold;
    color: #848484;
    letter-spacing: 1px;
    padding: 2px 15px;
    line-height: 28px;
    box-shadow: none;
}

/*grey variant*/

.md-button.md-ShwTheme-theme.md-primary.md-raised,
.md-button.md-ShwTheme-theme.md-primary.md-raised md-icon {
    transition: color, background-color .4s cubic-bezier(.25,.8,.25,1);
}

.md-button.md-ShwTheme-theme.md-secondary.md-raised {
    border: 2px solid #EBEBEB;
    background-color: #EBEBEB;
    border-radius: 5px;
    text-transform: none;
    font-weight: bold;
    color: #555;
    letter-spacing: 1px;
    padding: 2px 15px;
    line-height: 28px;
    box-shadow: none;
}

.md-button.md-ShwTheme-theme.md-secondary.md-raised:not([disabled]):hover,
.md-button.md-ShwTheme-theme.md-secondary.md-raised:not([disabled]):focus {
    color: #155A92;
    background-color: #FFF;
}

.md-button.md-ShwTheme-theme.md-secondary.md-raised:not([disabled]):hover md-icon,
.md-button.md-ShwTheme-theme.md-secondary.md-raised:not([disabled]):focus md-icon {
    color: #155A92;
}


/*grey variant - disabled*/

.md-button.md-ShwTheme-theme.md-secondary.md-raised[disabled] {
    border: 2px solid #DCDCDC;
    background-color: #DCDCDC;
    border-radius: 5px;
    text-transform: none;
    font-weight: bold;
    color: #848484;
    letter-spacing: 1px;
    padding: 2px 15px;
    line-height: 28px;
    box-shadow: none;
}

/*md_buttons - cancel*/

.md-button.md-ShwTheme-theme.shw-hollow,
.md-button.md-ShwTheme-theme.md-primary.shw-hollow {
    transition: background-color .4s cubic-bezier(.25,.8,.25,1);
    border: 2px solid #ebebeb;
    padding: 0 15px;
    border-radius: 5px;
    background-color: #ebebeb;
    color: #555;
    text-transform: none;
}

.md-button.md-ShwTheme-theme.shw-hollow:not([disabled]):hover,
.md-button.md-ShwTheme-theme.shw-hollow:not([disabled]):focus,
.md-button.md-ShwTheme-theme.md-primary.shw-hollow:not([disabled]):hover,
.md-button.md-ShwTheme-theme.md-primary.shw-hollow:not([disabled]):focus  {
    border: 2px solid #ebebeb;
    padding: 0 15px;
    border-radius: 5px;
    background-color: #fff;
}

.md-button.md-ShwTheme-theme.shw-hollow:not([disabled]):active,
.md-button.md-ShwTheme-theme.md-primary.shw-hollow:not([disabled]):active {
    background-color: #f5f5f5;
}

.md-button.md-ShwTheme-theme.wrapping-button {
    white-space: normal;
    line-height: 22px !important;
    padding: 8px 20px !important;
}

/*md_input_containers*/
md-input-container {
    margin: 18px 1em;
    margin-bottom: 0.1em;
}

/*prevents border overlap on label*/
md-input-container.shw-border label,
md-input-container.shw-label label,
.shw-time-field md-input-container label {
    padding-left: 12px !important;
    color: #767676;
}

md-input-container.md-ShwTheme-theme:not(.md-input-invalid).md-input-has-value label {
    color: #767676;
    line-height: 27px;
}

.shw-input,
md-input-container.shw-border .md-input,
md-input-container.shw-border md-select {
    transition: border-color 0.5s ease;
    font-weight: 400;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    border-width: 1px;
    padding: 0 8px;
    line-height: 32px;
    height: 32px;
    color: #707070;
}

/*.shw-input:hover,
md-input-container.shw-border .md-input:hover,
md-input-container.shw-border md-select:hover {
    border-color: #959595;
}

.shw-input:focus,
md-input-container.shw-border .md-input:focus,
md-input-container.shw-border md-select:focus {
    border-color: #155A92;
}*/

[disabled] md-input-container.md-ShwTheme-theme .md-input, md-input-container.md-ShwTheme-theme .md-input[disabled] {
    box-shadow: none !important;
    border-bottom-color: #ccc;
    background-image: none;
    border-width: 1px !important;
    padding: 0 6px !important;
}

.shw-input:hover,
md-input-container.shw-border .md-input:hover,
md-input-container.shw-border md-select:hover,
.shw-input:focus,
md-input-container.shw-border .md-input:focus,
md-input-container.shw-border md-select:focus {
    border-width: 2px;
    padding: 1px 7px;
    /* border-color: #959595; */
    box-shadow: 0px 0px 3px 1px #c2c2c2;
}

md-input-container textarea {
    resize: vertical;
}

/*md_datepickers*/
.shw-datepicker-wrapper-vanilla .md-datepicker-input-container,
md-input-container.shw-border md-select-value {
    border-width: 0px !important;
}

.shw-datepicker-wrapper-vanilla .md-datepicker-input-container button {
    margin: 0 10px;
}

.md-datepicker-input {
    color: #707070;
}

/*md_list_item*/
.md-list-item-text * {
    margin: .2em 0;
}

/*md_select*/
.md-select-value {
    padding: 0;
    border-bottom-color: #58595b;
}

md-select.unlimited-height-select {
    height: auto !important;
}

.unlimited-height-select md-select-value {
    min-height: 64px !important;
}
.unlimited-height-select md-select-value span {
    white-space: normal !important;
}

.md-select-menu-container {
    max-width: 100%;
}

.md-select-menu-container md-option {
    height: auto;
    padding: 12px 16px;
}

.md-select-menu-container md-option div {
    white-space: normal;
}

/*md_toast*/
md-toast.md-center {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 50px !important;
    bottom: auto !important;
}

/*md_chips*/
.md-chips {
    font-family: 'Montserrat';
}

/*md_tooltip*/
.md-tooltip {
    background-color: #545454 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    font-size: 11px !important;
}