/*
This file should contain css that is shared amongst several components.
Styles that relies on sass should be kept in default-layout.vue <style> section instead
*/

/* GENERIC CSS */
.w-100 {
    width: 100%;
}
.padding-1 {
    padding: 1rem;
}

.padding-2 {
    padding: 2rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pl-0 {
    padding-left: 0px !important;
}

.mr-1 {
    margin-right: 1px;
}

.mr-2 {
    margin-right: 2px;
}

.ml-0 {
    margin-left: 0px;
}

.ml-5 {
    margin-left: 5px;
}

.mb-1 {
    margin-bottom: 1px;
}

.m-14 {
    margin: 14px;
}

/* full width */
.fw {
    width: 100vw;
}

/* text-align-center */
.tac {
    text-align: center;
}

/* text-align-left */
.tal {
    text-align: left;
}

/* .hover-pointer { */
/* cursor: initial; */
/* } */
.hover-pointer:hover {
    cursor: pointer;
}

/* SUPERUSER AND ADMIN PANEL CSS */

.mod-text-inline {
    color: red;
    font-weight: 900;
    float: right;
    font-size: 12px !important;
    position: relative;
    line-height: 24px;
}
.custom-checkbox-style {
    height: 20px;
    width: 20px;
}
.company-name-left {
    width: 150px;
}
.centered-text-company {
    text-align: center;
    font-size: 12px !important;
    width: 30px;
}

.mod-text-inline {
    color: red;
    font-weight: 900;
    float: right;
    font-size: 12px !important;
    position: relative;
    line-height: 24px;
}
.custom-button-style {
    height: 20px;
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
}

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

.custom-super-width {
    width: 90% !important;
    margin-top: 14px;
    margin-left: calc(5% + 56px);
    margin-right: calc(5% + 56px);
}

.custom-search-input-color {
    -webkit-text-fill-color: #000 !important;
}

.mlink-admin-equipment-filter {
    margin-bottom: 16px;
}

.md-dialog-container .md-dialog-actions .md-button {
    overflow: inherit;
}

.md-dialog-container {
    max-width: 100%;
    background-color: white;
}

.bold-text {
    font-weight: bolder;
}

/* TEXT COLORS */
.color-txt-original {
    color: #021e40 !important;
}
.color-txt-scale {
    color: #ff5000 !important;
}
.color-txt-blue {
    color: #0955ae !important;
}
.color-txt-light-blue {
    color: #29afff !important;
}
.color-txt-red {
    color: #e13d3e !important;
}
.color-txt-yellow {
    color: #fbc223 !important;
}
.color-txt-green {
    color: #60bc4d !important;
}
.color-txt-purple {
    color: #af007a !important;
}
.color-txt-white {
    color: #fff !important;
}
.color-txt-light-grey {
    color: #eaeaea !important;
}
.color-txt-medium-grey {
    color: rgb(180, 180, 180) !important;
}
.color-txt-grey {
    color: #777 !important;
}
.color-txt-standard-grey {
    color: #404040 !important;
}
.color-txt-dark-grey {
    color: #323232 !important;
}
.color-txt-black {
    color: #000 !important;
}

/* BACKGROUND COLORS */
.color-bg-original {
    background-color: #021e40 !important;
}
.color-bg-scale {
    background-color: #ff5000 !important;
}
.color-bg-blue {
    background-color: #0955ae !important;
}
.color-bg-light-blue {
    background-color: #29afff !important;
}
.color-bg-red {
    background-color: #e13d3e !important;
}
.color-bg-yellow {
    background-color: #fbc223 !important;
}
.color-bg-green {
    background-color: #60bc4d !important;
}
.color-bg-white {
    background-color: #fff !important;
}
.color-bg-light-grey {
    background-color: #eaeaea !important;
}
.color-bg-standard-grey {
    background-color: #d9d9d9 !important;
}
.color-bg-grey {
    background-color: #777 !important;
}
.color-bg-dark-grey {
    background-color: #323232 !important;
}
.color-bg-black {
    background-color: #000 !important;
}

/* FILL COLORS */
.color-fill-original {
    fill: #021e40 !important;
}
.color-fill-scale {
    fill: #ff5000 !important;
}
.color-fill-blue {
    fill: #0955ae !important;
}
.color-fill-light-blue {
    fill: #29afff !important;
}
.color-fill-red {
    fill: #e13d3e !important;
}
.color-fill-yellow {
    fill: #fbc223 !important;
}
.color-fill-green {
    fill: #60bc4d !important;
}
.color-fill-white {
    fill: #fff !important;
}
.color-fill-light-grey {
    fill: #eaeaea !important;
}
.color-fill-standard-grey {
    fill: #d9d9d9 !important;
}
.color-fill-grey {
    fill: #777 !important;
}
.color-fill-disabled-grey {
    fill: #c0bdbc !important;
}
.color-fill-dark-grey {
    fill: #323232 !important;
}
.color-fill-black {
    fill: #000 !important;
}
.color-fill-superuser {
    fill: #29afff !important;
}

.badge-color-red > .md-badge {
    background-color: #e13d3e !important;
}

.badge-color-yellow > .md-badge {
    background-color: #fbc223 !important;
}

.badge-color-green > .md-badge {
    background-color: #60bc4d !important;
}

/* LINK COLORS */
a {
    color: #323232 !important;
}
a:hover {
    color: #323232 !important;
}
a:focus {
    color: #323232 !important;
}
a:visited {
    color: #323232 !important;
}

/* NEW LINK COLORS */
a.link-blue {
    color: #0955ae !important;
}
a.link-blue:hover {
    color: #0955ae !important;
    cursor: pointer;
}
a.link-blue:focus {
    color: #0955ae !important;
}
a.link-blue:visited {
    color: #0955ae !important;
}

.a-link {
    color: #0955ae !important;
    text-decoration: underline;
}
.a-link:hover {
    color: #0955ae !important;
    text-decoration: underline;
    cursor: pointer;
}
.a-link:focus {
    color: #0955ae !important;
    text-decoration: underline;
}
.a-link:visited {
    color: #0955ae !important;
    text-decoration: underline;
}

.md-list {
    display: inline-block;
}

.md-field {
    max-width: 300px;
}
.md-input.search {
    -webkit-text-fill-color: #ffffff !important;
    border-bottom: 1px solid #d8d8d8 !important;
}
.md-input.search::placeholder {
    -webkit-text-fill-color: #d8d8d8 !important;
}
div.md-button-content > i > svg {
    fill: #ffffff;
}
div.md-table-fixed-header {
    width: 100%;
}
div.md-content.md-table-content.md-scrollbar.md-theme-default {
    width: 100%;
}

.mlink-clickable-row:hover {
    cursor: pointer;
}