.tb-name {
    font-size: 14px;
    font-weight: bold;
    color: #008eff;
}

.tb-title {
    font-weight: bold;
    color: #5b5b5b;
}

.tb-receive {
    color: #3cb74e;
}

/* table.table.table-default tbody tr.qc-notpass-tb {
    background-color: #e7e7e7 !important;
} */

.tb-header-manual .MuiGrid-item {
    border: solid #d6d6d6 1px;
    padding: 10px 5px;
    font-weight: bold;
    border-right: 0px;
    font-size: 14px !important;

}

.tb-header-manual.MuiGrid-container {
    background: #f7f8f8 !important;
}

.tb-body-manual.MuiGrid-container {
    background: #fff !important;
}

.tb-body-manual .MuiGrid-item {
    border-left: solid #d6d6d6 1px;
    padding: 5px 5px;
}

.tb-manual.job-card.expand-card.expand-part {
    box-shadow: none;
    margin: 0!important;
    border-bottom: solid #d6d6d6 1px;
}

.tb-manual.job-card.expand-part .MuiCollapse-container {
    border-top: none;
}

.tb-header-manual .MuiGrid-item:last-child {
    border-right: solid #d6d6d6 1px;
}

.tb-body-manual .MuiGrid-item:last-child {
    border-right: solid #d6d6d6 1px;
}

.tb-manual .table.table.table-default thead th {
    background: #a3cae9 !important;
    border: 1px solid #a3cae9 !important;
}

.tb-manual .tb-blue.table-default thead th {
    background: #a3cae9 !important;
    border: 1px solid #a3cae9 !important;
}

/* .tb-manual .tb-body-manual:last-child {
    border-bottom: solid #d6d6d6 1px;
} */

.tb-blue.table-default tbody tr {
    background-color: #e3f3ff !important;
}

.tb-confirm-date .date-name svg {
    font-size: 12px;
    position: relative;
    top: 2px;
    color: #4caf50;
}

.tb-confirm-date .date-name span {
    margin-top: -10px;
    padding-left: 3px;
    font-size: 11px;
}

.tb-confirm-date .date {
    color: #666;
    font-size: 12px;
}

.tb-confirm-date .date-name {
    font-size: 12px;
    color: #000000;
}

.rdt_TableHeader {
    display: none !important;
}

.rdt_TableHead {
    height: 41px;
}

.rdt_TableHeadRow {
    min-height: 41px !important;
    border-bottom: 2px solid #1d5d80 !important;
}

.rdt_TableBody {
    overflow-y: auto;
    overflow-x: hidden;
}

.rdt_TableCell {
    white-space: break-spaces;
}

.rdt_TableCol {
    font-size: 14px !important;
    color: #195b7e !important;
    padding: 5px !important;
}

.rdt_TableCol_Sortable {
    width: 100%;
}

.rdt_TableRow:nth-of-type(odd) {
    background-color: rgba(94, 130, 152, 0.05);
}

.rdt_TableRow:nth-of-type(even) {
    background-color: #fff;
}

.rdt_TableRow:hover {
    cursor: pointer;
    background-color: #d8e2ef !important;
}

.rdt_TableRow:not(:last-of-type) {
    border-bottom-color: #e6e6e6 !important;
}

.rdt_TableCell {
    padding: 5px !important;
    font-size: 14px;
    min-height: 45px;
}

.rdt_TableCell div {
    line-height: 1.6;
}

.rdt_TableRow .MuiChip-root {
    height: 16px;
    font-size: 11px;
    font-weight: normal;
}

.rdt_TableRow .MuiChip-root {
    margin-left: 3px;
    margin-top: -4px;
    width: auto!important;
}

.rdt_TableRow .MuiChip-label {
    padding-left: 5px;
    padding-right: 5px;
}

.table-joborder .rdt_TableRow {
    min-height: 65px;
}

.table-joborder .rdt_TableBody {
    height: calc(100vh - 200px);
}

.table-joborder-create .rdt_Table {
    height: calc(100vh - 237px);
}

.table-joborder-create .rdt_TableBody {
    height: calc(100vh - 254px);
}

.table-joborder-create p {
    margin: 0px 0;
    line-height: normal;
}

.table-joborder .rdt_TableCell:nth-child(9) {
    background: #4caf5026;
    font-weight: bold;
    text-align: center;
}
.table-joborder .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable div,
.table-joborder .rdt_TableCol:nth-child(9) .rdt_TableCol_Sortable div {
    text-align: center;
    width: 100%;
}

.table-joborder .rdt_TableCell:nth-child(9) div {
    text-align: center;
    width: 100%;
}

.table-joborder .rdt_TableCell:nth-child(3) {
    display: block;
/*    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.table-joborder .rdt_TableCell:nth-child(3) p{
        width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-joborder .rdt_TableCell:nth-child(3) .tb-title {
    /*width: 95% !important;*/
    white-space: break-spaces!important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


.table-joborder .rdt_TableCell:nth-child(4) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-joborder .rdt_TableCell:nth-child(4) p,
.table-joborder .rdt_TableCell:nth-child(4) div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.table-select-delivery-notes .rdt_TableRow {
    min-height: 100px;
}

.table-select-delivery-notes .rdt_TableBody {
    height: calc(100vh - 200px);
}

.table-dialog-select-delivery-notes .rdt_TableBody{
    height: calc(100vh - 197px);
    overflow-y: auto;
    display: initial;
}

.table-select-delivery-notes-create .rdt_Table {
    height: calc(100vh - 237px);
}

.table-select-delivery-notes-create .rdt_TableBody {
    height: calc(100vh - 254px);
}

.table-select-delivery-notes-create p {
    margin: 0px 0;
    line-height: normal;
}

.table-select-delivery-notes .rdt_TableCell:nth-child(9) {
    background: #4caf5026;
    font-weight: bold;
    text-align: center;
}
.table-select-delivery-notes .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable div,
.table-select-delivery-notes .rdt_TableCol:nth-child(9) .rdt_TableCol_Sortable div {
    text-align: center;
    width: 100%;
}

.table-select-delivery-notes .rdt_TableCell:nth-child(9) div {
    text-align: center;
    width: 100%;
}

.table-select-delivery-notes .rdt_TableCell:nth-child(3) {
    display: block;
/*    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.table-select-delivery-notes .rdt_TableCell:nth-child(3) p{
        width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-select-delivery-notes .rdt_TableCell:nth-child(3) .tb-title {
    /*width: 95% !important;*/
    white-space: break-spaces!important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


.table-select-delivery-notes .rdt_TableCell:nth-child(4) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-select-delivery-notes .rdt_TableCell:nth-child(4) p,
.table-select-delivery-notes .rdt_TableCell:nth-child(4) div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.feosiG {
    background: #fff;
}

.table-process-qc .MuiRadio-root span {
    font-size: 14px !important;
}

.table-process-qc .qc-detail p {
    font-size: 16px !important;
}

.pass-row {
    background: rgb(106 213 110 / 24%);
}

.notpass-row {
    background: rgb(213 106 106 / 24%);
}


.radio-red .MuiRadio-colorSecondary.Mui-checked {
    color: #de4b4b;
}

.radio-green .MuiRadio-colorSecondary.Mui-checked {
    color: #5cb85c;
}

.table-process-qc td:nth-child(2) {
    width: 50px;
    text-align: center;
}

.table-process-qc td:nth-child(3) {
    width: 50px;
    text-align: center;
}

.table-process-qc.process-matal td:nth-child(3) {
    width: 100px !important;
    text-align: center;
}

.table-process-qc td:nth-child(4) {
    width: 100px;
    text-align: left;
}

.table-process-qc td:nth-child(5) {
    width: 100px;
    text-align: center;
}


.table-process-qc .MuiFormControlLabel-root {
    margin: 0px;
}

.table-process-qc .MuiTypography-root.MuiFormControlLabel-label {
    font-size: 14px !important;
}

.table-process-qc .MuiInputBase-input {
    background: #fff;
}

.table-process-qc .MuiTableBody-root tr:nth-of-type(odd) {
    background-color: #fff !important;
}

.table-process-qc .MuiTableBody-root tr:nth-of-type(even) {
    background-color: rgba(94, 130, 152, 0.05) !important;
}

.table-process-qc .MuiTableCell-body {
    padding: 5px 5px !important;
}

.table-process-qc .bg-white.flex-center.MuiTableCell-body {
    padding: 5px !important;
}

.table-select-quo .rdt_TableRow {
    min-height: auto;
}

.table-process-qc .del-btn {
    margin-bottom: 10px;
    text-align: right;
    margin-top: 5px;
}

.table-process-qc .del-btn span {
    color: white;
    background: #cc4a40;
    padding: 5px;
    border-radius: 6px;
}

.table.table-parts-detail td:last-child {
    font-size: 25px;
    color: #172a79;
    cursor: pointer;
}

.table.table-parts-detail .MuiTableCell-body {
    height: 50px;
}

.c1 {
    background-color: #ffffff;
    /* border: 2px solid #DEE6F8; */
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px 4px 0px 0px;
}

table.table.table-default thead .c2 th {
    background: #DEE6F8;
    border: 0px!important;
    font-weight: normal;
}

table.table.table-default thead .c2 th div{
    align-items: center;
    display: flex;
}

table.table.table-default thead .c3 th {
    background: #98B0E5;
}

.table-qc .check-pass-icon .MuiIconButton-label .MuiSvgIcon-root{
    width: 35px;
    height: 35px;
}

.table-qc .MuiRadio-root {
    padding: 0px!important;
}

/* table.table.table-default tbody tr.qc-notpass-tb {
    background-color: #e3f3ff !important;
} */

table.table.table-default tbody tr.qc-reject-tb {
    background-color: #e7e7e7 !important;
}

.MuiTablePagination-root {
    border: 1px solid rgba(224, 224, 224, 1);
}

.tb-process-planing .tb-body-manual {
    border-bottom: solid #d6d6d6 1px;
}

.MuiTablePagination-input .MuiSelect-select.MuiSelect-select {
    padding-right: 24px!important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
input,
label,
button,
textarea,
span,
body,
title,
th,
td,
.MuiMenuItem-root,
p {
    font-family: 'Sarabun', sans-serif !important;
}

body {
    overflow-x: hidden;
    min-height: 100vh!important;
}

html {
    /* height: -webkit-fill-available!important; */
    min-height: 100vh!important;
  }

.badge-custom {
    margin-left: 5px;
    background-color: #f00;
    font-size: 12px;
    line-height: 1;
    padding: 2px 6px 3px 6px !important;
    border-radius: 15px !important;
}

.dialog-custom .MuiDialog-paper {
    max-width: none;
    width: 95%;
    margin: 0;
    /*height: 100%;*/
}

.MuiToolbar-regular {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.dialog-custom .MuiDialogContent-root {
    padding: 0px;
}

.dialog-custom .MuiDialogTitle-root {
    border-bottom: 1px solid #f2f2f2;
}


/* .dialog-custom .MuiGrid-container {
    overflow-y: hidden;
} */

.dialog-custom .MuiTableCell-body {
    border-bottom: none;
}

.dialog-custom .MuiPaper-elevation1 {
    box-shadow: none;
}

.dialog-custom.dialog-left .MuiPaper-root {
    left: -27%;
    width: 46%;
    padding: 0;
    max-height: 100%;
    margin: 0;
    height: 100%;
}

.dialog-custom-delivery-planing .MuiDialog-paper {
    max-width: none;
    width: 95%;
    margin: 0;
    /*height: 100%;*/
}

.dialog-custom-delivery-planing .MuiDialogContent-root {
    padding: 0px;
}

.dialog-custom-delivery-planing .MuiDialogTitle-root {
    border-bottom: 1px solid #f2f2f2;
}

/* .dialog-custom-delivery-planing .MuiGrid-container {
    overflow-y: hidden;
} */

.dialog-custom-delivery-planing .MuiTableCell-body {
    border-bottom: none;
}

.dialog-custom-delivery-planing .MuiPaper-elevation1 {
    box-shadow: none;
}

.dialog-custom-delivery-planing.dialog-left .MuiPaper-root {
    left: -10%;
    width: 80%;
    padding: 0;
    max-height: 100%;
    margin: 0;
    height: 100%;
}

.btn-select-item {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 56px;
}

.radio-custom .MuiTypography-body1 {
    font-size: 14px;
}

.no-list {
    padding: 15px;
    background: #f5f5f5;
    text-align: center;
    font-size: 14px;
}

.no-data {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #dedede;
    width: 100%;
}

.box-no-data-form {
    position: relative;
    height: 100%;
    background: #f1f1f3;
}

.box-no-data-modal {
    position: relative;
    min-height: 300px;
    background: #f1f1f3;
}

.box-no-data-modal div,
.box-no-data-form div {
    color: #bfc5ce;
    text-align: center;
    top: 50%;
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
}

.box-no-data-form svg {
    font-size: 100px;
}

.box-no-data-modal p,
.box-no-data-form p {
    margin-top: 0px;
}

.appbar-custom {
    background-color: #195b7e !important;
    color: #fff !important;
}

.fab-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

.btn-close {
    top: 12px;
    color: #9e9e9e !important;
    right: 8px;
    position: absolute !important;
    height: 42px;
}

.btn-only {
    margin: 0!important;
    padding: 10px 0!important;
}

.btn-only span {
    margin: 0!important;
}

.btn-blue-edit {
    background: #c6cbe657!important;
    color: #3f51b5!important;
}

.btn-blue-edit:hover {
    background: #9ba3cf57!important;
    color: #3f51b5!important;
}

.btn-red-edit {
    background: #d5d5d557!important;
    color: #e62d1f!important;
}

.btn-red-edit:hover {
    background: #e62d1f47!important;
    color: #e62d1f!important;
}

.i-btn-edit {
    color: #f3b701 !important;
}

.i-btn-del {
    color: #d9534f !important;
}

::-webkit-scrollbar {
    width: 10px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #fff;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #cccccc;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #c1bfbf;
}


/* header.MuiAppBar-root {
    position: absolute;
} */

.subheader-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.5rem;
    color: #195b7e;
}

.MuiListSubheader-sticky .MuiGrid-item {
    padding: 0px;
}

.box_title {
    padding: 0px !important;
}


/* .box_title .MuiListSubheader-sticky {
    height: 100%;
} */

.doclist-sticky-bar {
    top: 56px!important;
    z-index: 1!important;
    position: sticky!important;
    margin-top: 55px;
}

.gray-bg {
    background: #f5f6fa;
}

.form-doc-page {
    padding-bottom: 30px;
    height: 100vh;
}

.box-form {
    background: #fff;
    padding: 10px;
    border-left: 1px solid #e0e0e0;
}

.box-form-content {
    /* margin-top: 10px; */
    /* height: calc(100vh - 201px); */
    overflow: auto;
    padding: 0px 15px 15px 15px !important;
}

.box-btn-form-event {
    margin: 0px 0px 15px;
    text-align: right;
}

.box-btn-form-event button {
    margin-left: 5px;
}

.box-btn-form-event .btn-right {
    margin-right: 5px;
    float: right;
}

.vis-timeline {
    background: #fff;
}

.box_page {
    padding: 0px !important;
}

.MuiGrid-root {
    width: 100% !important;
    margin: 0px !important;
}

.jEDPQU {
    display: block !important;
}

.warpperBtnFooter {
    left: 0;
    padding: 0px !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 1px 0px 3px #eee;
    z-index: 1;
}

.MuiAppBar-colorPrimary {
    background-color: #172a79 !important
}

.main-topic {
    /* background: #009688;
    color: #fff;
    padding: 2px 10px 2px 10px;
    border-radius: 4px;
    font-size: 14px; */
    color: #3F51B5;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
}


/* /////////////////////////// */

.align-center {
    text-align: center!important;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right!important;
}

.jus-center {
    justify-content: center;
}

.float-right {
    float: right;
}

.padding-15-0 {
    padding: 15px 0 !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-btm-15 {
    margin-bottom: 15px !important;
}

.margin-btm-10 {
    margin-bottom: 10px !important;
}

.margin-rgt-5 {
    margin-right: 5px !important;
}

.rem-pad {
    padding: 0px !important;
}

.rem-margin {
    margin: 0px !important;
}

.width-100 {
    width: 100% !important;
}

.t-bold {
    font-weight: bold!important;
}

.t-black {
    color: #000 !important;
}

.t-blue {
    color: #3f51b5 !important;
}

.t-green {
    color: #4caf50 !important;
}

.t-red {
    color: #ef2111 !important;
}

.t-gray {
    color: #666;
}

.t-white-gray {
    color: #999;
}

.t-white {
    color: #fff;
}

.t-yellow {
    color: #ffc107;
}

.field-required {
    color: red;
}

.bg-white {
    background: #fff;
}

.size18 {
    font-size: 18px;
}

.size11 {
    font-size: 11px;
}

.size16 {
    font-size: 16px;
}

.size14 {
    font-size: 14px;
}

.size13 {
    font-size: 13px;
}

.size12 {
    font-size: 12px;
}

.size20 {
    font-size: 20px;
}

.c-pointer {
    cursor: pointer;
}

.last-update p {
    font-size: 11px;
    color: #999;
    text-align: left;
}

.flex-center {
    display: flex;
    align-items: center;
}

.jus-center {
    justify-content: flex;
}

.padding {
    padding: 15px;
}

.padding-5 {
    padding: 5px;
}

.margin-5-0 {
    margin: 5px 0;
}

.padding-10 {
    padding: 10px;
}

.pad-rgt-10 {
    padding-right: 10px;
}

.padding-10-0 {
    padding: 10px 0px;
}

.pad-side-10 {
    padding: 0 10px !important;
}

.input-margin {
    margin: 3px 0px 3px 0px !important;
}

.margin-btm-5 {
    margin-bottom: 5px!important;
}

.pad-btm-5 {
    padding-bottom: 5px;
}

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

.pad-top-10 {
    padding-top: 10px!important;
}

.grid-lft-rgt-0 {
    padding: 0!important;
}

.grid-lft-rgt-0 .grid-lft {
    padding-left: 0!important;
}

.grid-lft-rgt-0 .grid-rgt {
    padding-right: 0!important;
}

.pad-lft-5 {
    padding-left: 5px;
}

.pad-lft-10 {
    padding-left: 10px;
}

.pad-rgt-5 {
    padding-right: 5px;
}

.mg-scroll {
    margin-bottom: 60px;
}

.width-100 {
    width: 100%;
}

.bdrd-4 {
    border-radius: 4px;
}

.bd-none {
    border: 0px!important;
}

.padding-10 {
    padding: 10px !important;
}

.badge {
    color: #fff;
    border-radius: 15px !important;
}

.shadow {
    /* box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); */
    box-shadow: 0px 2px 8px #cfdbf0;
}

.no-border {
    border: none!important;
}

em {
    font-style: normal;
}

.btn-footer {
    background-color: rgb(255 255 255);
    text-align: center;
    padding: 0;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 46px;
}

.badge-number {
    background-color: #e24e4b;
    padding: 1px 6px 1px 6px !important;
    font-size: 10px;
}

.badge-warning .MuiBadge-badge{
    color: white;
    background-color: #ff9800;
}

button.btn-icon {
    padding: 6px 7px !important;
}

.div-empty-image {
    margin: 0;
    height: 75px;
    border: 1px dashed #d8e2ef;
    border-radius: 4px;
    text-align: center;
    padding-top: 10px;
}

.div-empty-image p {
    font-size: 16px;
}

.div-empty-image svg {
    font-size: 25px;
    margin-bottom: 5px;
    color: #999;
}

.del-img-btn {
    position: relative;
}

.del-img-btn span {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #e62d1f;
    border-radius: 50%;
    line-height: 1;
    color: #fff;
}

.footer .btn {
    border-radius: 0px !important;
}

.note-workingtime {
    background: #ffe79d;
    padding: 5px 10px!important;
}

.note-workingtime .size16 {
    color: #444;
}


/* /////////timeline//////////// */

.timeline {
    border-radius: 50px;
    font-weight: bold;
    padding: 0 5px;
}

.tl-actual {
    border: none !important;
    background: #49c74e !important;
    color: #fff!important;
}

.tl-inprogess {
    border: none !important;
}

.tl-complete {
    border: none !important;
    background: #d1f7d1 !important;
    color: rgb(0, 0, 0)!important;
}

.tl-waiting {
    border: none !important;
    background: #ccc !important;
}

.tl-assign {
    border: none !important;
    background: #0be8f970 !important;
}

.tl-onprogress {
    border: none !important;
    background: #ffd24d !important;
}

.tl-checkingqc {
    border: none !important;
    background: #3951d8 !important;
    color: #fff!important;
}

.tl-qcnotpass {
    border: none !important;
    background: #df392c !important;
}

.tl-qcpartial {
    border: none !important;
    background: #f06767 !important;
}

.tl-reprocess {
    border: none !important;
    background: #997ce6 !important;
}

.tl-reject {
    border: none !important;
    background: #ed5755 !important;
    color: #fff !important;
}


/* ///////////filter-bar//////// */

.filter-bar {
    padding: 5px 10px;
    /* display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  vertical-align: middle !important; */
}

.modal-tool-bar {
    background-color: #f3f7fa;
    border-bottom: 1px solid #e0e0e0;
}

.modal-tool-bar input {
    background: white;
}

.modal-tool-bar .MuiSelect-select.MuiSelect-select,
.toolbar .MuiSelect-select.MuiSelect-select {
    padding: 8px 30px 9px 15px;
    background: rgb(255, 255, 255);
    min-width: 135px;
    text-align: left;
}

.modal-tool-bar .MuiInputBase-root {
    height: 36px;
}

.toolbar {
    border-bottom: 1px solid #e0e0e0;
}

.btn-search-i {
    color: #fff;
    background-color: #4e77a6 !important;
    border-color: #4e77a6 !important;
    font-size: 14px;
}

.btn-search-i svg {
    color: #fff;
}

.MuiDialogTitle-root.filter-bar {
    padding: 0px 5px !important;
}

.filter-bar button {
    margin-left: 5px !important;
}

.filter-bar .MuiGrid-item {
    padding: 10px 0px 5px 5px !important
}

.fieldset {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.MuiBadge-badge {
    z-index: auto !important;
}


/* /////////////////input////////////////// */


/* ////////input///////// */


/* input[type="checkbox" i] {
    width: 20px;
    height: 20px;
  } */

input.MuiInputBase-input {
    border-radius: 4px;
    border: solid #ffffff 1px;
    padding: 10px 10px;
    font-size: 14px;
    border: none !important;
}


/* input {
    background: #fff !important;
} */

input {
    background: #fff !important;
    color: #666;
}

input:disabled {
    background: #edf2f9 !important;
    color: #666;
}

.input-right input {
    text-align: right;
}

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

.input-100 .MuiFormControl-root {
    width: 100%;
}

.input-100 .MuiInputBase-root {
    width: 100%;
}

.input-xs input.MuiInputBase-input {
    background: white;
    height: 10px;
}

.MuiAutocomplete-popupIndicator {
    margin-top: -4px!important;
}

/* .MuiAutocomplete-root input:disabled {
    background: #fff !important;
} */

.MuiAutocomplete-root input:disabled {
    background: #edf2f9 !important;
}

.subheader input.MuiInputBase-input {
    padding: 7px 0px;
}

.subheader-circle-status svg {
    font-size: 14px;
    width: 14px !important;
    height: 14px !important;
}


/* 
  .subheader .search-input{
    padding: 10px 5px!important;
  } */

.toolbar {
    border-bottom: 0px solid #e0e0e0;
}

.subheader .toolbar {
    border-bottom: 0px solid #e0e0e0;
}

.subheader.toolbar .inputFilterDate .MuiInput-formControl {
    background: #fff0;
}

.subheader.toolbar input {
    background: #fff0!important;
}

label.MuiInputLabel-outlined,
.MuiSelect-select .MuiInputLabel-outlined {
    transform: translate(10px, 12px) scale(0.85);
    /* padding-top: 2px; */
}

.MuiDialog-container .MuiOutlinedInput-input {
    padding: 10px 10px !important;
}

.MuiSelect-selectMenu {
    padding: 10px 10px !important;
}


/* .MuiDialog-container .MuiInputLabel-outlined {
    transform: translate(10px, 13px) scale(0.85);
  } */


/*.MuiDialog-container .MuiDialogTitle-root {
    border-bottom: 1px solid #e0e0e0;
}*/

input.MuiInputBase-input.MuiAutocomplete-input {
    border: none;
}

.MuiRadio-colorSecondary.Mui-checked.radio-blue {
    color: #3f51b5!important;
}

.MuiRadio-colorSecondary.Mui-checked.radio-red {
    color: #d51212!important;
}

.MuiRadio-colorSecondary.Mui-checked.radio-green {
    color: #5cb85c!important;
}

.cb-form {
    padding-top: 5px;
}

.cb-form svg {
    width: 30px;
    height: 30px;
    color: #999;
}

.cb-form .Mui-checked svg {
    color: #5cb85c !important;
}

.radio-form .MuiRadio-root .MuiSvgIcon-root {
    width: 30px;
    height: 30px;
}

.input-filter-chip {
    padding: 15px 0;
}

.mb-page {
    margin-top: 55px;
    font-size: 16px;
    padding-bottom: 100px;
    padding-top: 10px;
}

.mb-page .header-name {
    padding: 0 10px 6px 10px;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 20px;
}

.mb-page.doc-form {
    padding: 15px 5px 50px 5px;
}

.mb-page .subheader-name {
    padding: 0 10px;
}

.mb-page .MuiGrid-item {
    padding: 5px 5px;
    text-align: left;
}

.mb-page.part-detail {
    margin-top: 0;
    background: #fff;
    padding-top: 20px;
}

.mb-page.part-detail.bg-white {
    background: #fff;
}

.control-label {
    padding-bottom: 4px;
    color: #006cbc;
}

.control-label.t-black {
    color: #000;
}

.slider-h-input {
    margin: 18px 0px -20px;
    max-width: calc(83.333333% - 150px) !important;
}

.doc-card {
    /* background: #f5f6fa; */
    padding: 10px 0px 0px 0px !important;
    border-radius: 4px;
}

.doc-card .MuiGrid-item {
    padding: 5px 10px 10px 10px;
}

.doc-card .MuiChip-root {
    height: 25px;
    margin: 2px;
}

.doc-card .MuiChip-icon {
    color: #fff;
    width: 20px;
    height: 20px;
}

.doc-card .MuiGrid-container {
    padding: 15px 5px;
}

.card {
    padding: 0 10px;
    margin: 10px 0;
}

.card .MuiGrid-container {
    background-color: #fff;
    border-radius: 4px;
}

.card input.MuiInputBase-input {
    padding: 10px 5px;
    background: #4ad03570;
}

.card.select-part-card {
    box-shadow: rgb(49 129 167 / 15%) 1.95px 1.95px 2.6px;
    padding: 0;
    background: #fff;
    border-radius: 6px;
    margin: 10px 0px 0px 0px;
}

.select-part-card img {
    border-radius: 4px;
    max-height: 60px;
    object-fit: cover;
    max-width: 50px;
    cursor: pointer;
    width: 100%!important;
    height: 60px;
}

.card.select-part-card .card-header {
    border-bottom: solid #294b98 2px;
    padding: 0 10px;
    border-radius: 4px 4px 0px 0px;
    background: #3759a7;
}

.card-header.card-header-select {
    background: #47af4b !important;
    border-bottom: solid #479f4b 2px !important;
}

.card.select-part-card .card-header label .MuiFormControlLabel-label {
    color: white;
    font-weight: normal;
    font-size: 14px
}

.card.select-part-card .card-header label.MuiFormControlLabel-root {
    color: white;
    font-weight: normal;
    font-size: 14px;
    margin-right: 2px;
}

.modal-tool-bar .select-all {
    padding: 6px 10px 10px 10px!important;
}

.select-part-card .card-header label.MuiFormControlLabel-root {
    margin-right: 6px!important;
}

.MuiCheckbox-root.rem-pad {
    padding: 0px!important;
}

.card.select-part-card .card-header .MuiCheckbox-root {
    color: rgb(255 255 255);
}

.card.select-part-card .card-header .MuiCheckbox-colorPrimary.Mui-checked {
    color: #ffffff;
}

.card.select-part-card .card-header span {
    color: #ffffff;
}

.card.select-part-card .card-header svg {
    color: #ffffff;
}

.close-select-part.MuiIconButton-root {
    float: right;
    padding: 0 !important;
}

.close-select-part .MuiSvgIcon-root {
    width: 20px;
    height: 20px;
    color: #275a85;
}

.card.select-part-card .card-header .MuiChip-root {
    height: 23px;
}

.part-assemble-zone {
    margin-top: 5px;
    padding: 5px 0;
    border-top: solid #ffc107 2px;
}

.card.select-part-card .card-header .MuiChip-root {
    margin-top: 7px;
    float: right;
}

.card.select-part-card .card-header .MuiChip-root span {
    color: #000;
}

.card.select-part-card .qty-recieve {
    font-size: 16px;
    font-weight: bold;
    color: #3f51b5;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 5px 0;
}

.select-part-card .MuiChip-label {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.btn-check {
    background: #3F51B5;
}

.btn-partdetail {
    background: #3F51B5;
    cursor: pointer;
}

.btn-partdetail svg {
    width: 100% !important;
    color: #fff;
    font-size: 24px;
}

.btn-partdetail div {
    font-size: 10px !important;
}

.expand-part .btn-partdetail {
    min-height: 45px;
}

.status {
    padding: 2px 8px;
    border-radius: 40px;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
    font-weight: normal;
}

.status.status-work {
    background: #4caf50;
}

.status.status-wait {
    background: #ccc;
}

.status.status-assign {
    background: #0be8f9;
}

.status.status-complete {
    background: #58d05c;
}

.status.status-inprogess {
    background: #FFC107;
}

.status.status-reject {
    background: #ed5755;
}

.status.status-urgent {
    background: #e01616;
}

.status.status-reprocess {
    background: #997ce6;
}

.tr-header {
    padding: 5px 10px;
    border: solid 1px #d6d6d6;
    border-top: solid 0px #d6d6d6;
    background: #e5e8ed !important;
}

.date {
    color: #999;
    font-size: 13px;
}

.doc-card .MuiChip-root {
    height: 25px;
    margin: 2px;
}

.doc-card .MuiChip-icon {
    color: #fff;
    width: 20px;
    height: 20px;
}

.break-line {
    padding: 0 !important;
    height: 10px;
    background: #f5f6fa;
}

.input-filter-chip .MuiAutocomplete-inputRoot {
    padding: 10px !important;
}

.input-filter-chip .MuiChip-root {
    color: #fff;
    background-color: #4558c2 !important;
}

.input-filter-chip .MuiChip-root .MuiChip-deleteIcon {
    color: rgba(255, 255, 255, 0.75) !important;
}

.input-filter-chip .MuiInputLabel-outlined {
    /* padding-top: 8px; */
    padding-top: 0px;
}

.select-form .MuiTextField-root {
    width: 100%;
    margin: 10px 0px 0px 0px;
}

.select-form .MuiSelect-select {
    font-size: 14px;
    font-family: 'sarabun';
}

select option {
    color: #333;
}

.select-autocomplete {
    display: inline-flex;
    padding-left: 10px;
}

.select-autocomplete .MuiAutocomplete-input {
    min-width: 150px !important;
    width: auto !important;
}

.MuiAutocomplete-popper {
    font-family: 'Sarabun!important';
}

.input-time-form {
    margin-bottom: 10px;
}

.input-time-form .MuiInput-underline:hover:not(.Mui-disabled):before {
    border-bottom: none;
}

.input-time-form .MuiInput-underline:after {
    border-bottom: none;
}

.input-time-form .MuiInput-underline:before {
    border-bottom: none;
}

.input-time-form input {
    border-color: rgba(0, 0, 0, 0.23);
}

.input-time-bd {
    border: solid #0000003b 1px!important;
    border-radius: 4px;
    background: #fff;
}

.input-time-bd .MuiInput-underline:before,
.input-time-bd .MuiInput-underline:after {
    border-bottom: 0px!important;
}

.input-time-bd input {
    cursor: context-menu;
    padding: 10px 5px;
}

.pd-form-card .input-time-bd input {
    cursor: context-menu;
}

.input-slider-form {
    padding: 16px 15px 5px 10px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin: 10px 0px;
}

.input-slider-form p {
    font-size: 14px;
}

.btn-group input.MuiInputBase-input {
    border-radius: 0px 4px 4px 0px;
    border-left: none;
}


/* /////////////////button//////////////////// */

button {
    padding: 4px 10px !important;
    box-shadow: none !important;
}

.MuiIconButton-root {
    padding: 6px 7px !important;
}

.MuiButton-label {
    align-items: center !important;
}

.MuiButton-textPrimary {
    color: #fff!important;
    background-color: #1976d2!important;
}

.MuiButton-textPrimary:hover {
    color: #fff!important;
    background: #0b62b9!important;
}

.chip {
    color: #fff !important;
    height: 17px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin-left: 5px;
    margin-top: -5px;
}

.chip-danger {
    background-color: #e04141 !important;
    color: #fff !important;
}

.chip-orange {
    background-color: #ff8619 !important;
    color: #fff !important;
}

.chip .MuiChip-label {
    padding-left: 5px;
    padding-right: 5px;
}

.chip-warning {
    background-color: #f7bc0a !important;
    color: #fff !important;
}

.chip-info {
    background-color: #57d7f5 !important;
    color: #fff !important;
}

.chip-primary {
    background-color: #0093ff !important;
    color: #fff !important;
}

.chip-success {
    background-color: #50d464 !important;
    color: #fff !important;
}

.chip-light {
    background-color: #e2e2e2 !important;
    color: #333 !important;
}

.chip-paint {
    background-color: #3F51B5 !important;
    color: #fff !important;
    height: 17px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin-left: 5px;
    margin-top: -5px;
}

.chip-paint span,
.chip-metal span {
    padding: 0 8px !important;
}

.chip-metal {
    background-color: #FF9800 !important;
    color: #fff !important;
    height: 17px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin-left: 5px;
    margin-top: -5px;
}

.chip-status {
    color: #fff !important;
}

.chip-planing {
    background-color: #ccc !important;
    /* color: #fff !important; */
}

.chip-assign {
    background-color: #0be8f9 !important;
    /* color: #fff !important; */
}

.chip-onprogress {
    background-color: #ffc107 !important;
    /* color: #fff !important; */
}

.chip-checkingqc {
    background-color: #3951d8 !important;
    /* color: #fff !important; */
}

.chip-qcnotpass {
    background-color: #df392c !important;
    /* color: #fff !important; */
}

.chip-qcpartial {
    background-color: #f06767 !important;
    /* color: #fff !important; */
}

.chip-complete {
    background-color: #49c74e !important;
    /* color: #fff !important; */
}

.chip-reprocess {
    background-color: #997ce6 !important;
    /* color: #fff !important; */
}

.btn {
    padding: 10px !important;
    font-size: 14px;
}

.btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

.btn-cancel {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

.btn-success:hover {
    background-color: #008d38 !important;
    color: #fff !important;
}

.btn-warning {
    color: #fff !important;
    background-color: #f3b701 !important;
}

.btn-warning:hover {
    background-color: #e7af05 !important;
    color: #fff !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #4558c2 !important;
}

.btn-primary:disabled {
    color: #fff !important;
    background-color: #ccc !important;
}

.btn-primary:hover {
    background-color: #394cb2 !important;
    color: #fff !important;
}

.btn-danger:hover {
    background-color: #c23a30 !important;
    color: #fff !important;
}

.margin-btn {
    margin: 10px 0 !important;
}

.btn-scan {
    text-align: center;
    line-height: 2;
    border-radius: 8px;
    margin-left: 10px;
    background: #f7f9fa;
    border: solid #385593 2px;
    cursor: pointer;
}

.btn-scan svg {
    font-size: 40px!important;
    color: #385593!important;
    margin: 11px 0px 0px 0!important;
}

.btn-scan:hover {
    background: #d3dcf0;
}


.close-btn {
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer;
}

.close-btn svg {
    color: #666;
}

.label-btn {
    margin-top: 2px;
}

.dialog-alert button {
    margin-left: 5px;
}

.dialog-alert .btn-success {
    color: #ffffff !important;
    background-color: #00ab44 !important;
}

.dialog-alert .btn-success:hover {
    background-color: #00ab44 !important;
    color: #fff !important;
}

.dialog-alert .btn-secondary {
    color: #fff !important;
    background-color: #ddd !important;
}

.dialog-alert .btn-secondary:hover {
    background-color: #ddd !important;
    color: #fff !important;
}

.btn-secondary {
    color: #333 !important;
    background-color: #ddd !important;
}

.btn-secondary span {
    color: #333 !important;
}

.btn-secondary:hover {
    background-color: #ddd !important;
    color: #666 !important;
}

.btn-blue {
    background-color: #2196f3 !important;
    color: #fff !important;
}

.btn-blue:hover {
    background-color: #0d7ad0 !important;
    color: #fff !important;
}

.btn-info {
    background-color: #5bc0de !important;
    color: #fff !important;
}

.btn-info:hover {
    background-color: #50bbda !important;
    color: #fff !important;
}

.btn-info:hover {
    background-color: #0e81dc !important;
    color: #fff !important;
}


/* Job Order */

.page-toolbar-btn {
    text-align: right;
}

.page-toolbar-btn button {
    margin-left: 5px;
}

.page-content-warpper {
    height: calc(100vh - 120px);
}

.content-warpper {
    padding: 0 15px;
}

.box-form-content .MuiPaper-root {
    background-color: #f5f6fa;
    box-shadow: none;
    border-radius: 4px!important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2)!important;
}

.MuiInputBase-input {
    font-size: 14px !important;
    font-family: 'sarabun'!important;
}

.rightContent .MuiDrawer-paper {
    width: 90%;
}

.rightWarpperTitleStatus {
    text-align: right;
}

.hrDivider {
    margin: 10px 0px;
}

.dialog-md .MuiDialog-paper {
    width: 100%;
}


/*.MuiDialogContentText-root {
    font-size: 14px!important;
    color: #5f6368!important;
}
*/


/* ////////////job-card/////////// */

.add-form {
    padding: 10px;
    font-size: 16px;
}

.job-card .MuiFormControl-marginNormal,
.add-form .MuiFormControl-marginNormal {
    margin-top: 0px;
    margin-bottom: 0px;
}

.add-form .MuiOutlinedInput-input {
    padding: 15px 10px !important;
}

.add-form .MuiSelect-select.MuiOutlinedInput-input {
    padding: 15px 10px !important;
}

.job-card .MuiInput-underline.Mui-disabled:before {
    border-bottom-style: none;
}

.date-input input {
    border-color: rgba(0, 0, 0, 0.23) !important;
    border-style: solid !important;
    border-width: 1px !important;
}

.date-input .MuiInputAdornment-positionEnd {
    margin-left: 0px;
}

.date-input .MuiInput-underline:before {
    border: none;
}

.job-card .MuiExpansionPanelDetails-root {
    padding: 0 0px 10px 0px
}

.job-card .MuiExpansionPanelDetails-root .MuiGrid-root {
    padding: 0 10px;
}


/* .MuiFormControl-root {
    width: 100%;
} */

.check-20 {
    height: 20px;
    padding: 0 0 0 0;
    width: 20px;
    margin: 5px 5px 5px 0px;
}

.MuiCheckbox-root.check-30 svg {
    font-size: 30px!important;
}

.MuiCheckbox-root.check-40 svg {
    font-size: 40px!important;
}

.MuiDialogContent-rootMuiDialogContent-root.job-card {
    padding: 0 10px;
}

.MuiDialogContent-root.job-card .MuiGrid-item,
.add-form .MuiGrid-item  {
    padding: 5px 10px;
}

.MuiDialogContent-root.job-card .MuiAutocomplete-root input,
.autocomplete-form.MuiAutocomplete-root input {
    padding: 5px !important;
}

.expand-card {
    margin-bottom: 6px;
    background: #fff !important;
}

.expand-card .Mui-expanded .MuiGrid-item {
    padding: 0 15px;
}

.expand-card:before {
    background-color: #fff;
}

.expand-card .Mui-expanded {
    padding: 0;
}

.expand-card .Mui-expanded p {
    font-weight: bold;
}

.expand-card .Mui-expanded .MuiIconButton-edgeEnd {
    margin-right: 10px;
}

.MuiIconButton-edgeEnd {
    margin-right: 10px;
}

.expand-card .MuiExpansionPanelSummary-root {
    padding: 0 0px 0px 15px;
}

.expand-card .MuiFormControl-root {
    width: 100%;
}

.expand-part .MuiExpansionPanelSummary-content {
    margin: 0;
}

.expand-part .MuiExpansionPanelSummary-root {
    padding: 0 10px 0px 0px;
}

.expand-part .MuiExpansionPanelSummary-root.Mui-expanded {
    min-height: 48px;
}

.tb-manual.expand-part {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}

.job-card.expand-part .MuiGrid-container {
    background: #eceef6;
}

.job-card.expand-part .MuiCollapse-container {
    border-top: solid #dcdcdc 1px;
}

.job-card.expand-card {
    margin-bottom: 15px;
}

.job-card.expand-part .MuiChip-root {
    height: 20px;
    font-size: 12px;
}

.part-detail .part-card .MuiGrid-container {
    padding: 10px 0;
}

.part-detail .part-card {
    padding: 0 10px;
}

.part-detail .MuiTableCell-head {
    padding: 0 5px;
}

.part-detail .MuiTableContainer-root p {
    margin: 0;
}

.part-detail .MuiTableContainer-root th {
    padding: 5px;
}

.part-detail .MuiTableHead-root th {
    border-bottom: 2px solid rgb(25 118 210);
}

.part-detail .MuiDialogContent-root {
    background-color: #f5f6fa;
}

table .MuiTableHead-root th {
    border-bottom: 2px solid #195b7e !important;
}

.table .MuiTableBody-root tr:nth-of-type(odd) {
    background-color: #fff;
}

.list-swap:nth-of-type(odd) {
    background-color: #fff;
}

.list-swap:nth-of-type(even) {
    background-color: #5e82980d;
}


.vis-label.vis-group-level-0:nth-of-type(odd) {
    background-color: #fff;
}

.vis-label.vis-group-level-0:nth-of-type(even) {
    background-color: #5e82980d;
}

.vis-label.vis-group-level-0 {
    display: flex;
    align-items: center;
}

.table .MuiTableBody-root tr:nth-of-type(even) {
    background-color: rgba(94, 130, 152, 0.05);
}

.table .MuiTableBody-root tr:last-child td {
    border-bottom: none;
}

.table thead th {
    color: #195b7e;
}

table.table.table-default thead th {
    border-bottom-width: 3px !important;
    background-color: #f7f8f8;
    vertical-align: middle !important;
    padding: 5px !important;
    font-weight: bold;
    height: 34px;
}


/* table.table.table-default tbody tr {
    background-color: #e3f3ff !important;
} */

table.table-default thead th,
table.table-default tbody td {
    border: 1px solid #d1dbe0 !important;
}

.part-detail .MuiTableBody-root .MuiTableCell-root {
    border-bottom: none;
}

.part-detail .MuiPaper-root {
    background: none;
    box-shadow: none;
    padding: 5px;
}

.img-part-mb-xs {
    min-height: 60px;
    border-radius: 4px;
    object-fit: cover;
    border: solid #f5f6fa 1px;
    cursor: pointer;
}

.img-part-mb-xs.img-planing {
    min-height: 60px;
    object-fit: contain!important;
    height: 65px!important;
    width: 65px;
    background: #fff;
}

.img-part-mb-xs.img-productionQcItem {
    min-height: 60px;
    object-fit: contain!important;
    height: 250px;
    width: 100%;
}

.part-deatail-title {
    background: #1976d2;
    color: white;
    border-radius: 4px;
    padding: 5px 10px;
}

.table .MuiTableCell-head {
    padding: 5px;
    color: #195b7e;
}

.table .MuiTableHead-root {
    color: #195b7e;
}

.table .MuiTableCell-body {
    padding: 5px;
}

.table .no-item tr {
    background-color: #f9fafd
}

.no-item p {
    margin: 10px !important;
}

.image-not-found {
    text-align: center;
    color: #aaa;
    border: 1px dashed #dad8d8;
    border-radius: 4px;
    padding: 20px 0;
    margin: 0;
}

.item-not-found p,
.image-not-found p {
    margin: 5px 0px;
    color: #dad8d8;
}

.circle-icon-list .MuiListItem-secondaryAction {
    padding: 0;
}

.circle-icon-list .MuiList-padding {
    padding: 0;
}

.circle-icon-list li {
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    padding: 0 15px;
}

.circle-icon-list li:last-of-type {
    border-bottom: none;
}

.circle-icon-list .MuiListItemText-multiline {
    min-height: 46px;
}

.circle-icon-list .MuiIconButton-edgeEnd {
    margin-right: 0px;
}

.circle-icon-list .MuiListItemText-secondary {
    width: calc(100% - 65px);
}

.planing-part-process {
    align-items: baseline;
}

.planing-part-process .product-type {
    padding-left: 5px;
}

.product-type svg {
    color: #275a85;
    font-size: 18px;
    margin-left: 5px;
}

.product-type span {
    padding-right: 5px;
}


/* /////////doc///////// */

.list-name {
    font-size: 18px;
    font-weight: bold;
    /* padding-left: 5px; */
    line-height: 1.7;
}

.list-page svg {
    color: #607d8b;
    font-size: 16px;
    width: 20px;
    text-align: center;
    margin-right: 5px;
}

.list-page.MuiList-padding {
    padding: 0;
}

.list-page .MuiListItem-root {
    padding: 0 10px;
}

.list-page .MuiListItemText-root {
    padding: 5px 5px 8px 5px;
    margin: 0;
    border-bottom: solid #e1e1e1 1px;
}

.list-page .size16 .MuiInputBase-input {
    font-size: 16px !important;
}

.list-page .sub-header .MuiGrid-item {
    padding: 0px;
}

.list-page .sub-header {
    padding: 10px 10px 0px 10px !important;
}

.list-page .sub-header .MuiAutocomplete-inputRoot {
    min-height: 39px!important;
}

.list-page .sub-header .text-input input {
    height: 19px!important;
}

.list-page .sub-header .MuiSelect-selectMenu {
    height: 19px!important;
    padding: 10px 10px !important;
}


.gray-icon svg {
    color: #666;
}

.menu-divider {
    position: relative;
    margin: 20px 0 -10px 0em;
    border-top: 1px dashed #d8e2ef !important;
}

.menu-divider span {
    font-size: 16px !important;
    font-weight: bold !important;
}

.menu-divider span {
    position: relative;
    top: -15px;
    display: inline-block;
    padding: 0 10px 0 0;
    color: #195b7e;
    background-color: #ffffff;
}

.doc-form .MuiGrid-item {
    padding: 5px 10px !important;
}

.doc-header {
    background: white;
    padding: 10px 0;
    margin-bottom: 5px !important;
}

.select-all {
    display: flex;
    align-items: center;
}

.select-all input {
    height: 20px;
    padding: 0 0 0 0;
    width: 20px;
    margin: 5px 5px 5px 0px;
}


/* ///////////dialog-form////////// */

.modal-form {
    padding: 10px;
}

.dialog-form .MuiDialogTitle-root {
    border-bottom: solid #ddd 1px;
}

.dialog-form .MuiDialogContent-root {
    padding: 10px !important;
}

.dialog-form .MuiDialogActions-root {
    padding: 15px 10px;
    border-top: solid #ddd 1px;
}

.full-dialog .MuiDialog-paper {
    width: 100%;
    margin: 0;
    max-height: calc(100% - 0px);
    border-radius: 0px;
}

.full-dialog .MuiDialogContent-root {
    height: 100vh;
}

.full-dialog .box-no-data-modal {
    height: 100%;
}

.modal-left .MuiPaper-root {
    position: fixed;
    margin: auto;
    height: 100%;
    transform: translate3d(0%, 0, 0);
    left: 0px;
    transition: opacity 0.3s linear, left 0.3s ease-out;
    max-width: 40%;
}

.modal-left .MuiDialog-paperScrollPaper {
    display: flex;
    max-height: calc(100% - 0px);
    flex-direction: column;
}

.modal-left .MuiDialog-paper {
    border-radius: 0;
}

.side-menu-page {
    display: flex;
}

.wait-qty {
    display: inline-block;
    text-align: center;
    background: #0e8906;
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    top: 30px;
    color: #fff;
}

.sub-header {
    background-color: #fff !important;
    padding: 5px 0;
    align-items: center;
    display: flex;
    border-bottom: solid #e1e1e1 1px;
}

.sub-header .MuiOutlinedInput-input {
    padding: 10px 15px;
}

.list-page .select-status-chip svg.MuiChip-deleteIcon {
    color: #ffffff !important;
}

.list-page .select-status-chip .MuiChip-root.MuiAutocomplete-tag {
    background-color: #3F51B5 !important;
    color: #fff;
}

.part-detail-card.doc-card {
    padding: 5px 0px 0px 0px !important;
    border-radius: 4px;
}

.part-detail-card .card .MuiGrid-container {
    line-height: 1.2;
}

.part-detail-card.doc-card .MuiGrid-container {
    padding: 5px 5px;
}

.part-detail-card.doc-card .MuiGrid-item {
    padding: 5px 10px 5px 5px;
}

.part-detail-card .part-deatail-title {
    padding: 5px 5px 4px 5px;
    font-size: 13px;
}

.part-detail-card .card {
    margin: 5px 0 5px 0px;
}

.radio-select label .MuiFormControlLabel-label {
    font-weight: bold;
}

.radio-select .radio-detail {
    padding: 6px 0 0px 30px;
}

.description-primary-detail .MuiListItemText-primary {
    word-wrap: break-word !important;
    max-width: calc(100% - 65px);
}

.description-primary-detail .MuiAvatar-circle {
    border: solid #999 1px;
    width: 50px;
    height: 50px;
}

.MuiListItem-root {
    padding-top: 0;
    padding-bottom: 7px;
}

.menu-divider.qc-pass {
    border-top: 1px dashed #4caf50 !important;
}

.menu-divider.qc-pass span {
    color: #4caf50;
}

.qc-pass .tb-header-manual.MuiGrid-container {
    background: #4caf5066 !important;
}

.menu-divider.qc-not-pass {
    border-top: 1px dashed #d3271a !important;
}

.menu-divider.qc-not-pass span {
    color: #d3271a;
}

.qc-not-pass .tb-header-manual.MuiGrid-container {
    background: #d3271a7a !important;
}

.qc-page .table .MuiTableBody-root tr:nth-of-type(even) {
    background-color: #fff;
}


/* .qc-page.contain-height {
    height: calc(100vh - 60px);
} */

.qc-page.contain-height .mb-page {
    height: calc(100vh - -18px);
    padding-bottom: 45px!important;
}

.qc-result-detail-bar {
    padding: 10px 0px;
    border: solid #d6d6d6 1px;
    border-radius: 4px;
    background: #f7f8f8;
}

.grouplist-item .MuiTypography-body1 {
    color: #666;
    font-size: 15px;
    font-weight: bold;
}

.grouplist-item .MuiTypography-body1 {
    color: #666;
    font-size: 15px;
    font-weight: bold;
}

.show-note {
    white-space: pre-line!important;
    word-break: break-all!important;
}

.break-word {
    word-wrap: break-word;
}

button:disabled {
    opacity: 0.6;
}

/*/////////sale////////////*/


/* //////Date picker////// */

.MuiPickersToolbarText-toolbarTxt.MuiTypography-h4 {
    font-size: 30px !important;
    line-height: 1.2 !important;
}

.MuiPickersToolbarText-toolbarTxt.MuiTypography-h3 {
    font-size: 30px !important;
    line-height: 1.2 !important;
}

@media only screen and (max-width: 400px) {
    .side-menu-page .MuiDrawer-paperAnchorLeft {
        width: 100%;
    }
}

.MuiDialogContent-root .MuiContainer-root {
    padding: 0px;
}

@media only screen and (min-width: 768px) {
    .mb-page.part-detail {
        padding: 10px 10px;
    }
    .mb-page.part-detail .img-part-mb-xs {
        height: 100px;
    }
}

@media only screen and (min-width: 1024px) {
    .start-menu-icon {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    /* ::-webkit-scrollbar {
        display: none;
    } */
    body {
        height: 100%;
    }
    /* body {
        overflow-y: hidden;
    } */
    .part-detail-card .card {
        margin: 10px 0 10px 0px;
    }
    /* .mb-page {
        background-color: #fff;
        height: calc(100vh - 55px)!important;
        overflow-y: scroll;
        padding-bottom: 70px;
    } */
    /* ///////////List work group/////////// */
    /* .MuiList-padding {
        width: 100%;
        background-color: #fff;
        height: calc(100vh - 55px)!important;
        overflow-y: scroll;
    } */
    /* ul.MuiList-padding {
        height: auto!important;
    } */
    .mb-page {
        height: calc(100vh - 56px);
        overflow-y: scroll;
        padding-bottom: 50px;
        margin-top: 56px;
    }
    header {
        height: 56px;
    }
    .footer {
        height: 44px;
    }
}

@media only screen and (min-width: 600px) {
    .mb-page {
        margin-top: 60px;
    }
    .mb-page.part-detail {
        padding-top: 10px;
    }
}

.MuiDialogTitle-root {
    padding: 10px 10px !important;
}

.btn-close {
    top: 5px !important;
    width: 42px !important;
}

@media (max-width: 1280px) {
    .rightContent .MuiDrawer-paper {
        width: 100% !important;
    }
}

.qcnotpass-bg-td .MuiGrid-item {
    background: #ff000059;
}


/*.vis-timeline {
    overflow-y: scroll;
}
*/


/* /////////production process////////// */


/* .tb-production-process .expand-part .tb-body-manual.MuiGrid-container .MuiGrid-item {
    background: #ffc107 !important;
} */

.systemLoading {
    z-index: 2000 !important;
    background-color: #ffffff5e !important;
}

.systemLoading>div {
    z-index: 1000 !important;
}

.systemLoading svg {
    color: #777 !important;
}

.systemLoading svg circle {
    stroke-width: 2 !important;
}


/* addnew 22072021 */

.pd-form-card {
    margin: 10px 0px 0px 0px !important;
    padding: 10px !important;
    background-color: #fff !important;
    /* border-radius: 0px !important;
    box-shadow: rgb(0 0 0 / 10%) 1px 2px 3px 0px !important; */
    border-radius: 4px!important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2)!important;
}

.pd-form-card-title {
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.pd-form-card svg {
    position: relative;
    top: 1px;
}

.pd-form-card .MuiInputBase-root {
    margin-right: 0px;
}

.pd-form-card .MuiInputBase-root.Mui-disabled {
    background: #edf2f9;
    border-radius: 4px;
}

.pd-form-card.rem-pad {
    padding: 0!important;
}

.productionplaning-btn-note{
     margin-left: "8px !important";
}
/*.MuiBackdrop-root {
  z-index: 1200 !important;
}*/


/*.warpperLoginImg {
  background-image: url('images/2937927.jpg');
  background-size: cover;
  height: 100vh;
}*/

.data-not-found {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.card-nodata {
    background: #fff;
    text-align: center;
    padding: 30px 10px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.data-not-found svg,
.card-nodata svg {
    color: #275a85;
    font-size: 60px;
}

.data-not-found p,
.card-nodata p {
    font-size: 16px;
    margin: 10px 0px 0px 0px;
    color: #666;
}

.dataTimelineNotFound {
    text-align: center;
}

.subheader {
    margin: 0px !important;
    padding: 10px 10px;
    width: 100% !important;
    background-color: #fff;
    border-bottom: solid #e6e6e6 0px;
}

.subheader .MuiGrid-item {
    padding: 0px !important;
}

.inputFilterDate .MuiInput-formControl {
    margin-top: 12px !important;
    margin-right: 8px;
}

.vis-time-axis.vis-foreground {
    background-color: #f5f5f5;
    font-weight: bold;
    font-size: 14px;
}

.vis-item .vis-item-content {
    padding: 5px 5px !important;
    font-weight: initial;
    font-size: 13px;
    font-family: tahoma;
}

.vis-labelset .vis-label .vis-inner {
    font-weight: bold;
}


/* .vis-item .vis-item-overflow {
    margin-bottom: 3px !important;
} */

.vis-item.vis-range {
    border-radius: 2px !important;
}

.vis-foreground .vis-group {
    border-bottom: 1px solid #e9e9e9 !important;
}

.vis-labelset .vis-label {
    border-bottom: 1px solid #e9e9e9 !important;
}

.vis-label {
    max-width: 200px;
}

.tl-inprogess.vis-selected.vis-editable:hover {
    background: rgb(255, 206, 61) !important;
}

.tl-waiting.vis-selected.vis-editable:hover {
    background: #83a1f5 !important;
}

.tl-inprogess.vis-selected.vis-editable:hover {
    background: linear-gradient(90deg, rgb(255, 206, 61) 0%, rgb(253 220 118)) !important;
}

.vis-panel.vis-left {
    width: 180px !important;
    background-color: #fff;
}

.vis-panel.vis-left .vis-inner {
    display: grid!important;
}

.group-text-time {
    color: #3f51b5 !important;
    margin: 0px !important;
}

.processtimelinepage .vis-drag-left,
.processtimelinepage .vis-drag-right {
    pointer-events: none;
}

/* .processtimelinepage .vis-label.vis-group-level-0 .vis-inner p:last-child {
    display: none!important;
} */

.vis-panel.vis-right,
.vis-panel.vis-top {
    border: 1px #e9e9e9!important;
}

.vis-timeline,
.vis-panel.vis-bottom,
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top {
    /* border-width: 0px !important; */
    border: 1px #bfbfbf;
}

.vis-time-axis .vis-text {
    color: #666;
    font-family: tahoma;
    font-size: 13px;
}
/*!
 * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\F26E"; }

.fa-accessible-icon:before {
  content: "\F368"; }

.fa-accusoft:before {
  content: "\F369"; }

.fa-acquisitions-incorporated:before {
  content: "\F6AF"; }

.fa-ad:before {
  content: "\F641"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-card:before {
  content: "\F2BB"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-adn:before {
  content: "\F170"; }

.fa-adobe:before {
  content: "\F778"; }

.fa-adversal:before {
  content: "\F36A"; }

.fa-affiliatetheme:before {
  content: "\F36B"; }

.fa-air-freshener:before {
  content: "\F5D0"; }

.fa-airbnb:before {
  content: "\F834"; }

.fa-algolia:before {
  content: "\F36C"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-alipay:before {
  content: "\F642"; }

.fa-allergies:before {
  content: "\F461"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-amazon-pay:before {
  content: "\F42C"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-amilia:before {
  content: "\F36D"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-android:before {
  content: "\F17B"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angry:before {
  content: "\F556"; }

.fa-angrycreative:before {
  content: "\F36E"; }

.fa-angular:before {
  content: "\F420"; }

.fa-ankh:before {
  content: "\F644"; }

.fa-app-store:before {
  content: "\F36F"; }

.fa-app-store-ios:before {
  content: "\F370"; }

.fa-apper:before {
  content: "\F371"; }

.fa-apple:before {
  content: "\F179"; }

.fa-apple-alt:before {
  content: "\F5D1"; }

.fa-apple-pay:before {
  content: "\F415"; }

.fa-archive:before {
  content: "\F187"; }

.fa-archway:before {
  content: "\F557"; }

.fa-arrow-alt-circle-down:before {
  content: "\F358"; }

.fa-arrow-alt-circle-left:before {
  content: "\F359"; }

.fa-arrow-alt-circle-right:before {
  content: "\F35A"; }

.fa-arrow-alt-circle-up:before {
  content: "\F35B"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-arrows-alt-h:before {
  content: "\F337"; }

.fa-arrows-alt-v:before {
  content: "\F338"; }

.fa-artstation:before {
  content: "\F77A"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-asymmetrik:before {
  content: "\F372"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-atlas:before {
  content: "\F558"; }

.fa-atlassian:before {
  content: "\F77B"; }

.fa-atom:before {
  content: "\F5D2"; }

.fa-audible:before {
  content: "\F373"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-autoprefixer:before {
  content: "\F41C"; }

.fa-avianex:before {
  content: "\F374"; }

.fa-aviato:before {
  content: "\F421"; }

.fa-award:before {
  content: "\F559"; }

.fa-aws:before {
  content: "\F375"; }

.fa-baby:before {
  content: "\F77C"; }

.fa-baby-carriage:before {
  content: "\F77D"; }

.fa-backspace:before {
  content: "\F55A"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-bacon:before {
  content: "\F7E5"; }

.fa-bacteria:before {
  content: "\E059"; }

.fa-bacterium:before {
  content: "\E05A"; }

.fa-bahai:before {
  content: "\F666"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-balance-scale-left:before {
  content: "\F515"; }

.fa-balance-scale-right:before {
  content: "\F516"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-band-aid:before {
  content: "\F462"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-bars:before {
  content: "\F0C9"; }

.fa-baseball-ball:before {
  content: "\F433"; }

.fa-basketball-ball:before {
  content: "\F434"; }

.fa-bath:before {
  content: "\F2CD"; }

.fa-battery-empty:before {
  content: "\F244"; }

.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-battle-net:before {
  content: "\F835"; }

.fa-bed:before {
  content: "\F236"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bezier-curve:before {
  content: "\F55B"; }

.fa-bible:before {
  content: "\F647"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-biking:before {
  content: "\F84A"; }

.fa-bimobject:before {
  content: "\F378"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-biohazard:before {
  content: "\F780"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitcoin:before {
  content: "\F379"; }

.fa-bity:before {
  content: "\F37A"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-blackberry:before {
  content: "\F37B"; }

.fa-blender:before {
  content: "\F517"; }

.fa-blender-phone:before {
  content: "\F6B6"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-blog:before {
  content: "\F781"; }

.fa-blogger:before {
  content: "\F37C"; }

.fa-blogger-b:before {
  content: "\F37D"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-bold:before {
  content: "\F032"; }

.fa-bolt:before {
  content: "\F0E7"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-bone:before {
  content: "\F5D7"; }

.fa-bong:before {
  content: "\F55C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-book-dead:before {
  content: "\F6B7"; }

.fa-book-medical:before {
  content: "\F7E6"; }

.fa-book-open:before {
  content: "\F518"; }

.fa-book-reader:before {
  content: "\F5DA"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-bootstrap:before {
  content: "\F836"; }

.fa-border-all:before {
  content: "\F84C"; }

.fa-border-none:before {
  content: "\F850"; }

.fa-border-style:before {
  content: "\F853"; }

.fa-bowling-ball:before {
  content: "\F436"; }

.fa-box:before {
  content: "\F466"; }

.fa-box-open:before {
  content: "\F49E"; }

.fa-box-tissue:before {
  content: "\E05B"; }

.fa-boxes:before {
  content: "\F468"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-brain:before {
  content: "\F5DC"; }

.fa-bread-slice:before {
  content: "\F7EC"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-briefcase-medical:before {
  content: "\F469"; }

.fa-broadcast-tower:before {
  content: "\F519"; }

.fa-broom:before {
  content: "\F51A"; }

.fa-brush:before {
  content: "\F55D"; }

.fa-btc:before {
  content: "\F15A"; }

.fa-buffer:before {
  content: "\F837"; }

.fa-bug:before {
  content: "\F188"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-burn:before {
  content: "\F46A"; }

.fa-buromobelexperte:before {
  content: "\F37F"; }

.fa-bus:before {
  content: "\F207"; }

.fa-bus-alt:before {
  content: "\F55E"; }

.fa-business-time:before {
  content: "\F64A"; }

.fa-buy-n-large:before {
  content: "\F8A6"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-calendar:before {
  content: "\F133"; }

.fa-calendar-alt:before {
  content: "\F073"; }

.fa-calendar-check:before {
  content: "\F274"; }

.fa-calendar-day:before {
  content: "\F783"; }

.fa-calendar-minus:before {
  content: "\F272"; }

.fa-calendar-plus:before {
  content: "\F271"; }

.fa-calendar-times:before {
  content: "\F273"; }

.fa-calendar-week:before {
  content: "\F784"; }

.fa-camera:before {
  content: "\F030"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-campground:before {
  content: "\F6BB"; }

.fa-canadian-maple-leaf:before {
  content: "\F785"; }

.fa-candy-cane:before {
  content: "\F786"; }

.fa-cannabis:before {
  content: "\F55F"; }

.fa-capsules:before {
  content: "\F46B"; }

.fa-car:before {
  content: "\F1B9"; }

.fa-car-alt:before {
  content: "\F5DE"; }

.fa-car-battery:before {
  content: "\F5DF"; }

.fa-car-crash:before {
  content: "\F5E1"; }

.fa-car-side:before {
  content: "\F5E4"; }

.fa-caravan:before {
  content: "\F8FF"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-caret-square-down:before {
  content: "\F150"; }

.fa-caret-square-left:before {
  content: "\F191"; }

.fa-caret-square-right:before {
  content: "\F152"; }

.fa-caret-square-up:before {
  content: "\F151"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-carrot:before {
  content: "\F787"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cash-register:before {
  content: "\F788"; }

.fa-cat:before {
  content: "\F6BE"; }

.fa-cc-amazon-pay:before {
  content: "\F42D"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-apple-pay:before {
  content: "\F416"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-centercode:before {
  content: "\F380"; }

.fa-centos:before {
  content: "\F789"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-chair:before {
  content: "\F6C0"; }

.fa-chalkboard:before {
  content: "\F51B"; }

.fa-chalkboard-teacher:before {
  content: "\F51C"; }

.fa-charging-station:before {
  content: "\F5E7"; }

.fa-chart-area:before {
  content: "\F1FE"; }

.fa-chart-bar:before {
  content: "\F080"; }

.fa-chart-line:before {
  content: "\F201"; }

.fa-chart-pie:before {
  content: "\F200"; }

.fa-check:before {
  content: "\F00C"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-check-double:before {
  content: "\F560"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-cheese:before {
  content: "\F7EF"; }

.fa-chess:before {
  content: "\F439"; }

.fa-chess-bishop:before {
  content: "\F43A"; }

.fa-chess-board:before {
  content: "\F43C"; }

.fa-chess-king:before {
  content: "\F43F"; }

.fa-chess-knight:before {
  content: "\F441"; }

.fa-chess-pawn:before {
  content: "\F443"; }

.fa-chess-queen:before {
  content: "\F445"; }

.fa-chess-rook:before {
  content: "\F447"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-chromecast:before {
  content: "\F838"; }

.fa-church:before {
  content: "\F51D"; }

.fa-circle:before {
  content: "\F111"; }

.fa-circle-notch:before {
  content: "\F1CE"; }

.fa-city:before {
  content: "\F64F"; }

.fa-clinic-medical:before {
  content: "\F7F2"; }

.fa-clipboard:before {
  content: "\F328"; }

.fa-clipboard-check:before {
  content: "\F46C"; }

.fa-clipboard-list:before {
  content: "\F46D"; }

.fa-clock:before {
  content: "\F017"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-closed-captioning:before {
  content: "\F20A"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-cloud-download-alt:before {
  content: "\F381"; }

.fa-cloud-meatball:before {
  content: "\F73B"; }

.fa-cloud-moon:before {
  content: "\F6C3"; }

.fa-cloud-moon-rain:before {
  content: "\F73C"; }

.fa-cloud-rain:before {
  content: "\F73D"; }

.fa-cloud-showers-heavy:before {
  content: "\F740"; }

.fa-cloud-sun:before {
  content: "\F6C4"; }

.fa-cloud-sun-rain:before {
  content: "\F743"; }

.fa-cloud-upload-alt:before {
  content: "\F382"; }

.fa-cloudscale:before {
  content: "\F383"; }

.fa-cloudsmith:before {
  content: "\F384"; }

.fa-cloudversify:before {
  content: "\F385"; }

.fa-cocktail:before {
  content: "\F561"; }

.fa-code:before {
  content: "\F121"; }

.fa-code-branch:before {
  content: "\F126"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cog:before {
  content: "\F013"; }

.fa-cogs:before {
  content: "\F085"; }

.fa-coins:before {
  content: "\F51E"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-comment:before {
  content: "\F075"; }

.fa-comment-alt:before {
  content: "\F27A"; }

.fa-comment-dollar:before {
  content: "\F651"; }

.fa-comment-dots:before {
  content: "\F4AD"; }

.fa-comment-medical:before {
  content: "\F7F5"; }

.fa-comment-slash:before {
  content: "\F4B3"; }

.fa-comments:before {
  content: "\F086"; }

.fa-comments-dollar:before {
  content: "\F653"; }

.fa-compact-disc:before {
  content: "\F51F"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-compress:before {
  content: "\F066"; }

.fa-compress-alt:before {
  content: "\F422"; }

.fa-compress-arrows-alt:before {
  content: "\F78C"; }

.fa-concierge-bell:before {
  content: "\F562"; }

.fa-confluence:before {
  content: "\F78D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-cookie:before {
  content: "\F563"; }

.fa-cookie-bite:before {
  content: "\F564"; }

.fa-copy:before {
  content: "\F0C5"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-cotton-bureau:before {
  content: "\F89E"; }

.fa-couch:before {
  content: "\F4B8"; }

.fa-cpanel:before {
  content: "\F388"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-creative-commons-by:before {
  content: "\F4E7"; }

.fa-creative-commons-nc:before {
  content: "\F4E8"; }

.fa-creative-commons-nc-eu:before {
  content: "\F4E9"; }

.fa-creative-commons-nc-jp:before {
  content: "\F4EA"; }

.fa-creative-commons-nd:before {
  content: "\F4EB"; }

.fa-creative-commons-pd:before {
  content: "\F4EC"; }

.fa-creative-commons-pd-alt:before {
  content: "\F4ED"; }

.fa-creative-commons-remix:before {
  content: "\F4EE"; }

.fa-creative-commons-sa:before {
  content: "\F4EF"; }

.fa-creative-commons-sampling:before {
  content: "\F4F0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\F4F1"; }

.fa-creative-commons-share:before {
  content: "\F4F2"; }

.fa-creative-commons-zero:before {
  content: "\F4F3"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-critical-role:before {
  content: "\F6C9"; }

.fa-crop:before {
  content: "\F125"; }

.fa-crop-alt:before {
  content: "\F565"; }

.fa-cross:before {
  content: "\F654"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-crow:before {
  content: "\F520"; }

.fa-crown:before {
  content: "\F521"; }

.fa-crutch:before {
  content: "\F7F7"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-css3-alt:before {
  content: "\F38B"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-cut:before {
  content: "\F0C4"; }

.fa-cuttlefish:before {
  content: "\F38C"; }

.fa-d-and-d:before {
  content: "\F38D"; }

.fa-d-and-d-beyond:before {
  content: "\F6CA"; }

.fa-dailymotion:before {
  content: "\E052"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-deaf:before {
  content: "\F2A4"; }

.fa-deezer:before {
  content: "\E077"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-democrat:before {
  content: "\F747"; }

.fa-deploydog:before {
  content: "\F38E"; }

.fa-deskpro:before {
  content: "\F38F"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-dev:before {
  content: "\F6CC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-dharmachakra:before {
  content: "\F655"; }

.fa-dhl:before {
  content: "\F790"; }

.fa-diagnoses:before {
  content: "\F470"; }

.fa-diaspora:before {
  content: "\F791"; }

.fa-dice:before {
  content: "\F522"; }

.fa-dice-d20:before {
  content: "\F6CF"; }

.fa-dice-d6:before {
  content: "\F6D1"; }

.fa-dice-five:before {
  content: "\F523"; }

.fa-dice-four:before {
  content: "\F524"; }

.fa-dice-one:before {
  content: "\F525"; }

.fa-dice-six:before {
  content: "\F526"; }

.fa-dice-three:before {
  content: "\F527"; }

.fa-dice-two:before {
  content: "\F528"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-digital-ocean:before {
  content: "\F391"; }

.fa-digital-tachograph:before {
  content: "\F566"; }

.fa-directions:before {
  content: "\F5EB"; }

.fa-discord:before {
  content: "\F392"; }

.fa-discourse:before {
  content: "\F393"; }

.fa-disease:before {
  content: "\F7FA"; }

.fa-divide:before {
  content: "\F529"; }

.fa-dizzy:before {
  content: "\F567"; }

.fa-dna:before {
  content: "\F471"; }

.fa-dochub:before {
  content: "\F394"; }

.fa-docker:before {
  content: "\F395"; }

.fa-dog:before {
  content: "\F6D3"; }

.fa-dollar-sign:before {
  content: "\F155"; }

.fa-dolly:before {
  content: "\F472"; }

.fa-dolly-flatbed:before {
  content: "\F474"; }

.fa-donate:before {
  content: "\F4B9"; }

.fa-door-closed:before {
  content: "\F52A"; }

.fa-door-open:before {
  content: "\F52B"; }

.fa-dot-circle:before {
  content: "\F192"; }

.fa-dove:before {
  content: "\F4BA"; }

.fa-download:before {
  content: "\F019"; }

.fa-draft2digital:before {
  content: "\F396"; }

.fa-drafting-compass:before {
  content: "\F568"; }

.fa-dragon:before {
  content: "\F6D5"; }

.fa-draw-polygon:before {
  content: "\F5EE"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-dribbble-square:before {
  content: "\F397"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-drum:before {
  content: "\F569"; }

.fa-drum-steelpan:before {
  content: "\F56A"; }

.fa-drumstick-bite:before {
  content: "\F6D7"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-dumbbell:before {
  content: "\F44B"; }

.fa-dumpster:before {
  content: "\F793"; }

.fa-dumpster-fire:before {
  content: "\F794"; }

.fa-dungeon:before {
  content: "\F6D9"; }

.fa-dyalog:before {
  content: "\F399"; }

.fa-earlybirds:before {
  content: "\F39A"; }

.fa-ebay:before {
  content: "\F4F4"; }

.fa-edge:before {
  content: "\F282"; }

.fa-edge-legacy:before {
  content: "\E078"; }

.fa-edit:before {
  content: "\F044"; }

.fa-egg:before {
  content: "\F7FB"; }

.fa-eject:before {
  content: "\F052"; }

.fa-elementor:before {
  content: "\F430"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-ello:before {
  content: "\F5F1"; }

.fa-ember:before {
  content: "\F423"; }

.fa-empire:before {
  content: "\F1D1"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-text:before {
  content: "\F658"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-envira:before {
  content: "\F299"; }

.fa-equals:before {
  content: "\F52C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-erlang:before {
  content: "\F39D"; }

.fa-ethereum:before {
  content: "\F42E"; }

.fa-ethernet:before {
  content: "\F796"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-euro-sign:before {
  content: "\F153"; }

.fa-evernote:before {
  content: "\F839"; }

.fa-exchange-alt:before {
  content: "\F362"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-expand:before {
  content: "\F065"; }

.fa-expand-alt:before {
  content: "\F424"; }

.fa-expand-arrows-alt:before {
  content: "\F31E"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-external-link-alt:before {
  content: "\F35D"; }

.fa-external-link-square-alt:before {
  content: "\F360"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-dropper:before {
  content: "\F1FB"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-facebook:before {
  content: "\F09A"; }

.fa-facebook-f:before {
  content: "\F39E"; }

.fa-facebook-messenger:before {
  content: "\F39F"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-fan:before {
  content: "\F863"; }

.fa-fantasy-flight-games:before {
  content: "\F6DC"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-faucet:before {
  content: "\E005"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-feather:before {
  content: "\F52D"; }

.fa-feather-alt:before {
  content: "\F56B"; }

.fa-fedex:before {
  content: "\F797"; }

.fa-fedora:before {
  content: "\F798"; }

.fa-female:before {
  content: "\F182"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-figma:before {
  content: "\F799"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-alt:before {
  content: "\F15C"; }

.fa-file-archive:before {
  content: "\F1C6"; }

.fa-file-audio:before {
  content: "\F1C7"; }

.fa-file-code:before {
  content: "\F1C9"; }

.fa-file-contract:before {
  content: "\F56C"; }

.fa-file-csv:before {
  content: "\F6DD"; }

.fa-file-download:before {
  content: "\F56D"; }

.fa-file-excel:before {
  content: "\F1C3"; }

.fa-file-export:before {
  content: "\F56E"; }

.fa-file-image:before {
  content: "\F1C5"; }

.fa-file-import:before {
  content: "\F56F"; }

.fa-file-invoice:before {
  content: "\F570"; }

.fa-file-invoice-dollar:before {
  content: "\F571"; }

.fa-file-medical:before {
  content: "\F477"; }

.fa-file-medical-alt:before {
  content: "\F478"; }

.fa-file-pdf:before {
  content: "\F1C1"; }

.fa-file-powerpoint:before {
  content: "\F1C4"; }

.fa-file-prescription:before {
  content: "\F572"; }

.fa-file-signature:before {
  content: "\F573"; }

.fa-file-upload:before {
  content: "\F574"; }

.fa-file-video:before {
  content: "\F1C8"; }

.fa-file-word:before {
  content: "\F1C2"; }

.fa-fill:before {
  content: "\F575"; }

.fa-fill-drip:before {
  content: "\F576"; }

.fa-film:before {
  content: "\F008"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-fingerprint:before {
  content: "\F577"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-fire-alt:before {
  content: "\F7E4"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-firefox-browser:before {
  content: "\E007"; }

.fa-first-aid:before {
  content: "\F479"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-first-order-alt:before {
  content: "\F50A"; }

.fa-firstdraft:before {
  content: "\F3A1"; }

.fa-fish:before {
  content: "\F578"; }

.fa-fist-raised:before {
  content: "\F6DE"; }

.fa-flag:before {
  content: "\F024"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-flag-usa:before {
  content: "\F74D"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-flipboard:before {
  content: "\F44D"; }

.fa-flushed:before {
  content: "\F579"; }

.fa-fly:before {
  content: "\F417"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-minus:before {
  content: "\F65D"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-folder-plus:before {
  content: "\F65E"; }

.fa-font:before {
  content: "\F031"; }

.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-font-awesome-alt:before {
  content: "\F35C"; }

.fa-font-awesome-flag:before {
  content: "\F425"; }

.fa-font-awesome-logo-full:before {
  content: "\F4E6"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-fonticons-fi:before {
  content: "\F3A2"; }

.fa-football-ball:before {
  content: "\F44E"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-fort-awesome-alt:before {
  content: "\F3A3"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-freebsd:before {
  content: "\F3A4"; }

.fa-frog:before {
  content: "\F52E"; }

.fa-frown:before {
  content: "\F119"; }

.fa-frown-open:before {
  content: "\F57A"; }

.fa-fulcrum:before {
  content: "\F50B"; }

.fa-funnel-dollar:before {
  content: "\F662"; }

.fa-futbol:before {
  content: "\F1E3"; }

.fa-galactic-republic:before {
  content: "\F50C"; }

.fa-galactic-senate:before {
  content: "\F50D"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-gas-pump:before {
  content: "\F52F"; }

.fa-gavel:before {
  content: "\F0E3"; }

.fa-gem:before {
  content: "\F3A5"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-ghost:before {
  content: "\F6E2"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-gifts:before {
  content: "\F79C"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-git-alt:before {
  content: "\F841"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-github:before {
  content: "\F09B"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-gitkraken:before {
  content: "\F3A6"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-gitter:before {
  content: "\F426"; }

.fa-glass-cheers:before {
  content: "\F79F"; }

.fa-glass-martini:before {
  content: "\F000"; }

.fa-glass-martini-alt:before {
  content: "\F57B"; }

.fa-glass-whiskey:before {
  content: "\F7A0"; }

.fa-glasses:before {
  content: "\F530"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-globe-africa:before {
  content: "\F57C"; }

.fa-globe-americas:before {
  content: "\F57D"; }

.fa-globe-asia:before {
  content: "\F57E"; }

.fa-globe-europe:before {
  content: "\F7A2"; }

.fa-gofore:before {
  content: "\F3A7"; }

.fa-golf-ball:before {
  content: "\F450"; }

.fa-goodreads:before {
  content: "\F3A8"; }

.fa-goodreads-g:before {
  content: "\F3A9"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-google-drive:before {
  content: "\F3AA"; }

.fa-google-pay:before {
  content: "\E079"; }

.fa-google-play:before {
  content: "\F3AB"; }

.fa-google-plus:before {
  content: "\F2B3"; }

.fa-google-plus-g:before {
  content: "\F0D5"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-gopuram:before {
  content: "\F664"; }

.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-gratipay:before {
  content: "\F184"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-greater-than:before {
  content: "\F531"; }

.fa-greater-than-equal:before {
  content: "\F532"; }

.fa-grimace:before {
  content: "\F57F"; }

.fa-grin:before {
  content: "\F580"; }

.fa-grin-alt:before {
  content: "\F581"; }

.fa-grin-beam:before {
  content: "\F582"; }

.fa-grin-beam-sweat:before {
  content: "\F583"; }

.fa-grin-hearts:before {
  content: "\F584"; }

.fa-grin-squint:before {
  content: "\F585"; }

.fa-grin-squint-tears:before {
  content: "\F586"; }

.fa-grin-stars:before {
  content: "\F587"; }

.fa-grin-tears:before {
  content: "\F588"; }

.fa-grin-tongue:before {
  content: "\F589"; }

.fa-grin-tongue-squint:before {
  content: "\F58A"; }

.fa-grin-tongue-wink:before {
  content: "\F58B"; }

.fa-grin-wink:before {
  content: "\F58C"; }

.fa-grip-horizontal:before {
  content: "\F58D"; }

.fa-grip-lines:before {
  content: "\F7A4"; }

.fa-grip-lines-vertical:before {
  content: "\F7A5"; }

.fa-grip-vertical:before {
  content: "\F58E"; }

.fa-gripfire:before {
  content: "\F3AC"; }

.fa-grunt:before {
  content: "\F3AD"; }

.fa-guitar:before {
  content: "\F7A6"; }

.fa-gulp:before {
  content: "\F3AE"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-hacker-news-square:before {
  content: "\F3AF"; }

.fa-hackerrank:before {
  content: "\F5F7"; }

.fa-hamburger:before {
  content: "\F805"; }

.fa-hammer:before {
  content: "\F6E3"; }

.fa-hamsa:before {
  content: "\F665"; }

.fa-hand-holding:before {
  content: "\F4BD"; }

.fa-hand-holding-heart:before {
  content: "\F4BE"; }

.fa-hand-holding-medical:before {
  content: "\E05C"; }

.fa-hand-holding-usd:before {
  content: "\F4C0"; }

.fa-hand-holding-water:before {
  content: "\F4C1"; }

.fa-hand-lizard:before {
  content: "\F258"; }

.fa-hand-middle-finger:before {
  content: "\F806"; }

.fa-hand-paper:before {
  content: "\F256"; }

.fa-hand-peace:before {
  content: "\F25B"; }

.fa-hand-point-down:before {
  content: "\F0A7"; }

.fa-hand-point-left:before {
  content: "\F0A5"; }

.fa-hand-point-right:before {
  content: "\F0A4"; }

.fa-hand-point-up:before {
  content: "\F0A6"; }

.fa-hand-pointer:before {
  content: "\F25A"; }

.fa-hand-rock:before {
  content: "\F255"; }

.fa-hand-scissors:before {
  content: "\F257"; }

.fa-hand-sparkles:before {
  content: "\E05D"; }

.fa-hand-spock:before {
  content: "\F259"; }

.fa-hands:before {
  content: "\F4C2"; }

.fa-hands-helping:before {
  content: "\F4C4"; }

.fa-hands-wash:before {
  content: "\E05E"; }

.fa-handshake:before {
  content: "\F2B5"; }

.fa-handshake-alt-slash:before {
  content: "\E05F"; }

.fa-handshake-slash:before {
  content: "\E060"; }

.fa-hanukiah:before {
  content: "\F6E6"; }

.fa-hard-hat:before {
  content: "\F807"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-hat-cowboy:before {
  content: "\F8C0"; }

.fa-hat-cowboy-side:before {
  content: "\F8C1"; }

.fa-hat-wizard:before {
  content: "\F6E8"; }

.fa-hdd:before {
  content: "\F0A0"; }

.fa-head-side-cough:before {
  content: "\E061"; }

.fa-head-side-cough-slash:before {
  content: "\E062"; }

.fa-head-side-mask:before {
  content: "\E063"; }

.fa-head-side-virus:before {
  content: "\E064"; }

.fa-heading:before {
  content: "\F1DC"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-headphones-alt:before {
  content: "\F58F"; }

.fa-headset:before {
  content: "\F590"; }

.fa-heart:before {
  content: "\F004"; }

.fa-heart-broken:before {
  content: "\F7A9"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-helicopter:before {
  content: "\F533"; }

.fa-highlighter:before {
  content: "\F591"; }

.fa-hiking:before {
  content: "\F6EC"; }

.fa-hippo:before {
  content: "\F6ED"; }

.fa-hips:before {
  content: "\F452"; }

.fa-hire-a-helper:before {
  content: "\F3B0"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-hockey-puck:before {
  content: "\F453"; }

.fa-holly-berry:before {
  content: "\F7AA"; }

.fa-home:before {
  content: "\F015"; }

.fa-hooli:before {
  content: "\F427"; }

.fa-hornbill:before {
  content: "\F592"; }

.fa-horse:before {
  content: "\F6F0"; }

.fa-horse-head:before {
  content: "\F7AB"; }

.fa-hospital:before {
  content: "\F0F8"; }

.fa-hospital-alt:before {
  content: "\F47D"; }

.fa-hospital-symbol:before {
  content: "\F47E"; }

.fa-hospital-user:before {
  content: "\F80D"; }

.fa-hot-tub:before {
  content: "\F593"; }

.fa-hotdog:before {
  content: "\F80F"; }

.fa-hotel:before {
  content: "\F594"; }

.fa-hotjar:before {
  content: "\F3B1"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-start:before {
  content: "\F251"; }

.fa-house-damage:before {
  content: "\F6F1"; }

.fa-house-user:before {
  content: "\E065"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-hryvnia:before {
  content: "\F6F2"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-hubspot:before {
  content: "\F3B2"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-ice-cream:before {
  content: "\F810"; }

.fa-icicles:before {
  content: "\F7AD"; }

.fa-icons:before {
  content: "\F86D"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-id-card:before {
  content: "\F2C2"; }

.fa-id-card-alt:before {
  content: "\F47F"; }

.fa-ideal:before {
  content: "\E013"; }

.fa-igloo:before {
  content: "\F7AE"; }

.fa-image:before {
  content: "\F03E"; }

.fa-images:before {
  content: "\F302"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-industry:before {
  content: "\F275"; }

.fa-infinity:before {
  content: "\F534"; }

.fa-info:before {
  content: "\F129"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-instagram-square:before {
  content: "\E055"; }

.fa-intercom:before {
  content: "\F7AF"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-invision:before {
  content: "\F7B0"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-italic:before {
  content: "\F033"; }

.fa-itch-io:before {
  content: "\F83A"; }

.fa-itunes:before {
  content: "\F3B4"; }

.fa-itunes-note:before {
  content: "\F3B5"; }

.fa-java:before {
  content: "\F4E4"; }

.fa-jedi:before {
  content: "\F669"; }

.fa-jedi-order:before {
  content: "\F50E"; }

.fa-jenkins:before {
  content: "\F3B6"; }

.fa-jira:before {
  content: "\F7B1"; }

.fa-joget:before {
  content: "\F3B7"; }

.fa-joint:before {
  content: "\F595"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-journal-whills:before {
  content: "\F66A"; }

.fa-js:before {
  content: "\F3B8"; }

.fa-js-square:before {
  content: "\F3B9"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-kaaba:before {
  content: "\F66B"; }

.fa-kaggle:before {
  content: "\F5FA"; }

.fa-key:before {
  content: "\F084"; }

.fa-keybase:before {
  content: "\F4F5"; }

.fa-keyboard:before {
  content: "\F11C"; }

.fa-keycdn:before {
  content: "\F3BA"; }

.fa-khanda:before {
  content: "\F66D"; }

.fa-kickstarter:before {
  content: "\F3BB"; }

.fa-kickstarter-k:before {
  content: "\F3BC"; }

.fa-kiss:before {
  content: "\F596"; }

.fa-kiss-beam:before {
  content: "\F597"; }

.fa-kiss-wink-heart:before {
  content: "\F598"; }

.fa-kiwi-bird:before {
  content: "\F535"; }

.fa-korvue:before {
  content: "\F42F"; }

.fa-landmark:before {
  content: "\F66F"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-laptop-code:before {
  content: "\F5FC"; }

.fa-laptop-house:before {
  content: "\E066"; }

.fa-laptop-medical:before {
  content: "\F812"; }

.fa-laravel:before {
  content: "\F3BD"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-laugh:before {
  content: "\F599"; }

.fa-laugh-beam:before {
  content: "\F59A"; }

.fa-laugh-squint:before {
  content: "\F59B"; }

.fa-laugh-wink:before {
  content: "\F59C"; }

.fa-layer-group:before {
  content: "\F5FD"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-lemon:before {
  content: "\F094"; }

.fa-less:before {
  content: "\F41D"; }

.fa-less-than:before {
  content: "\F536"; }

.fa-less-than-equal:before {
  content: "\F537"; }

.fa-level-down-alt:before {
  content: "\F3BE"; }

.fa-level-up-alt:before {
  content: "\F3BF"; }

.fa-life-ring:before {
  content: "\F1CD"; }

.fa-lightbulb:before {
  content: "\F0EB"; }

.fa-line:before {
  content: "\F3C0"; }

.fa-link:before {
  content: "\F0C1"; }

.fa-linkedin:before {
  content: "\F08C"; }

.fa-linkedin-in:before {
  content: "\F0E1"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-lira-sign:before {
  content: "\F195"; }

.fa-list:before {
  content: "\F03A"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-lock:before {
  content: "\F023"; }

.fa-lock-open:before {
  content: "\F3C1"; }

.fa-long-arrow-alt-down:before {
  content: "\F309"; }

.fa-long-arrow-alt-left:before {
  content: "\F30A"; }

.fa-long-arrow-alt-right:before {
  content: "\F30B"; }

.fa-long-arrow-alt-up:before {
  content: "\F30C"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-luggage-cart:before {
  content: "\F59D"; }

.fa-lungs:before {
  content: "\F604"; }

.fa-lungs-virus:before {
  content: "\E067"; }

.fa-lyft:before {
  content: "\F3C3"; }

.fa-magento:before {
  content: "\F3C4"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-mail-bulk:before {
  content: "\F674"; }

.fa-mailchimp:before {
  content: "\F59E"; }

.fa-male:before {
  content: "\F183"; }

.fa-mandalorian:before {
  content: "\F50F"; }

.fa-map:before {
  content: "\F279"; }

.fa-map-marked:before {
  content: "\F59F"; }

.fa-map-marked-alt:before {
  content: "\F5A0"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-map-marker-alt:before {
  content: "\F3C5"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-markdown:before {
  content: "\F60F"; }

.fa-marker:before {
  content: "\F5A1"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mask:before {
  content: "\F6FA"; }

.fa-mastodon:before {
  content: "\F4F6"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-mdb:before {
  content: "\F8CA"; }

.fa-medal:before {
  content: "\F5A2"; }

.fa-medapps:before {
  content: "\F3C6"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-medium-m:before {
  content: "\F3C7"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-medrt:before {
  content: "\F3C8"; }

.fa-meetup:before {
  content: "\F2E0"; }

.fa-megaport:before {
  content: "\F5A3"; }

.fa-meh:before {
  content: "\F11A"; }

.fa-meh-blank:before {
  content: "\F5A4"; }

.fa-meh-rolling-eyes:before {
  content: "\F5A5"; }

.fa-memory:before {
  content: "\F538"; }

.fa-mendeley:before {
  content: "\F7B3"; }

.fa-menorah:before {
  content: "\F676"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-meteor:before {
  content: "\F753"; }

.fa-microblog:before {
  content: "\E01A"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-alt:before {
  content: "\F3C9"; }

.fa-microphone-alt-slash:before {
  content: "\F539"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-microscope:before {
  content: "\F610"; }

.fa-microsoft:before {
  content: "\F3CA"; }

.fa-minus:before {
  content: "\F068"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-mitten:before {
  content: "\F7B5"; }

.fa-mix:before {
  content: "\F3CB"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-mixer:before {
  content: "\E056"; }

.fa-mizuni:before {
  content: "\F3CC"; }

.fa-mobile:before {
  content: "\F10B"; }

.fa-mobile-alt:before {
  content: "\F3CD"; }

.fa-modx:before {
  content: "\F285"; }

.fa-monero:before {
  content: "\F3D0"; }

.fa-money-bill:before {
  content: "\F0D6"; }

.fa-money-bill-alt:before {
  content: "\F3D1"; }

.fa-money-bill-wave:before {
  content: "\F53A"; }

.fa-money-bill-wave-alt:before {
  content: "\F53B"; }

.fa-money-check:before {
  content: "\F53C"; }

.fa-money-check-alt:before {
  content: "\F53D"; }

.fa-monument:before {
  content: "\F5A6"; }

.fa-moon:before {
  content: "\F186"; }

.fa-mortar-pestle:before {
  content: "\F5A7"; }

.fa-mosque:before {
  content: "\F678"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-mountain:before {
  content: "\F6FC"; }

.fa-mouse:before {
  content: "\F8CC"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-mug-hot:before {
  content: "\F7B6"; }

.fa-music:before {
  content: "\F001"; }

.fa-napster:before {
  content: "\F3D2"; }

.fa-neos:before {
  content: "\F612"; }

.fa-network-wired:before {
  content: "\F6FF"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-newspaper:before {
  content: "\F1EA"; }

.fa-nimblr:before {
  content: "\F5A8"; }

.fa-node:before {
  content: "\F419"; }

.fa-node-js:before {
  content: "\F3D3"; }

.fa-not-equal:before {
  content: "\F53E"; }

.fa-notes-medical:before {
  content: "\F481"; }

.fa-npm:before {
  content: "\F3D4"; }

.fa-ns8:before {
  content: "\F3D5"; }

.fa-nutritionix:before {
  content: "\F3D6"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-oil-can:before {
  content: "\F613"; }

.fa-old-republic:before {
  content: "\F510"; }

.fa-om:before {
  content: "\F679"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-orcid:before {
  content: "\F8D2"; }

.fa-osi:before {
  content: "\F41A"; }

.fa-otter:before {
  content: "\F700"; }

.fa-outdent:before {
  content: "\F03B"; }

.fa-page4:before {
  content: "\F3D7"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-pager:before {
  content: "\F815"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-paint-roller:before {
  content: "\F5AA"; }

.fa-palette:before {
  content: "\F53F"; }

.fa-palfed:before {
  content: "\F3D8"; }

.fa-pallet:before {
  content: "\F482"; }

.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-parachute-box:before {
  content: "\F4CD"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-parking:before {
  content: "\F540"; }

.fa-passport:before {
  content: "\F5AB"; }

.fa-pastafarianism:before {
  content: "\F67B"; }

.fa-paste:before {
  content: "\F0EA"; }

.fa-patreon:before {
  content: "\F3D9"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-peace:before {
  content: "\F67C"; }

.fa-pen:before {
  content: "\F304"; }

.fa-pen-alt:before {
  content: "\F305"; }

.fa-pen-fancy:before {
  content: "\F5AC"; }

.fa-pen-nib:before {
  content: "\F5AD"; }

.fa-pen-square:before {
  content: "\F14B"; }

.fa-pencil-alt:before {
  content: "\F303"; }

.fa-pencil-ruler:before {
  content: "\F5AE"; }

.fa-penny-arcade:before {
  content: "\F704"; }

.fa-people-arrows:before {
  content: "\E068"; }

.fa-people-carry:before {
  content: "\F4CE"; }

.fa-pepper-hot:before {
  content: "\F816"; }

.fa-percent:before {
  content: "\F295"; }

.fa-percentage:before {
  content: "\F541"; }

.fa-periscope:before {
  content: "\F3DA"; }

.fa-person-booth:before {
  content: "\F756"; }

.fa-phabricator:before {
  content: "\F3DB"; }

.fa-phoenix-framework:before {
  content: "\F3DC"; }

.fa-phoenix-squadron:before {
  content: "\F511"; }

.fa-phone:before {
  content: "\F095"; }

.fa-phone-alt:before {
  content: "\F879"; }

.fa-phone-slash:before {
  content: "\F3DD"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-phone-square-alt:before {
  content: "\F87B"; }

.fa-phone-volume:before {
  content: "\F2A0"; }

.fa-photo-video:before {
  content: "\F87C"; }

.fa-php:before {
  content: "\F457"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-pied-piper-hat:before {
  content: "\F4E5"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-pied-piper-square:before {
  content: "\E01E"; }

.fa-piggy-bank:before {
  content: "\F4D3"; }

.fa-pills:before {
  content: "\F484"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-pizza-slice:before {
  content: "\F818"; }

.fa-place-of-worship:before {
  content: "\F67F"; }

.fa-plane:before {
  content: "\F072"; }

.fa-plane-arrival:before {
  content: "\F5AF"; }

.fa-plane-departure:before {
  content: "\F5B0"; }

.fa-plane-slash:before {
  content: "\E069"; }

.fa-play:before {
  content: "\F04B"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-playstation:before {
  content: "\F3DF"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-plus:before {
  content: "\F067"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-poll:before {
  content: "\F681"; }

.fa-poll-h:before {
  content: "\F682"; }

.fa-poo:before {
  content: "\F2FE"; }

.fa-poo-storm:before {
  content: "\F75A"; }

.fa-poop:before {
  content: "\F619"; }

.fa-portrait:before {
  content: "\F3E0"; }

.fa-pound-sign:before {
  content: "\F154"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-pray:before {
  content: "\F683"; }

.fa-praying-hands:before {
  content: "\F684"; }

.fa-prescription:before {
  content: "\F5B1"; }

.fa-prescription-bottle:before {
  content: "\F485"; }

.fa-prescription-bottle-alt:before {
  content: "\F486"; }

.fa-print:before {
  content: "\F02F"; }

.fa-procedures:before {
  content: "\F487"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-project-diagram:before {
  content: "\F542"; }

.fa-pump-medical:before {
  content: "\E06A"; }

.fa-pump-soap:before {
  content: "\E06B"; }

.fa-pushed:before {
  content: "\F3E1"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-python:before {
  content: "\F3E2"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-question:before {
  content: "\F128"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-quidditch:before {
  content: "\F458"; }

.fa-quinscape:before {
  content: "\F459"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-quran:before {
  content: "\F687"; }

.fa-r-project:before {
  content: "\F4F7"; }

.fa-radiation:before {
  content: "\F7B9"; }

.fa-radiation-alt:before {
  content: "\F7BA"; }

.fa-rainbow:before {
  content: "\F75B"; }

.fa-random:before {
  content: "\F074"; }

.fa-raspberry-pi:before {
  content: "\F7BB"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-react:before {
  content: "\F41B"; }

.fa-reacteurope:before {
  content: "\F75D"; }

.fa-readme:before {
  content: "\F4D5"; }

.fa-rebel:before {
  content: "\F1D0"; }

.fa-receipt:before {
  content: "\F543"; }

.fa-record-vinyl:before {
  content: "\F8D9"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-red-river:before {
  content: "\F3E3"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-redhat:before {
  content: "\F7BC"; }

.fa-redo:before {
  content: "\F01E"; }

.fa-redo-alt:before {
  content: "\F2F9"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-remove-format:before {
  content: "\F87D"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-reply:before {
  content: "\F3E5"; }

.fa-reply-all:before {
  content: "\F122"; }

.fa-replyd:before {
  content: "\F3E6"; }

.fa-republican:before {
  content: "\F75E"; }

.fa-researchgate:before {
  content: "\F4F8"; }

.fa-resolving:before {
  content: "\F3E7"; }

.fa-restroom:before {
  content: "\F7BD"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-rev:before {
  content: "\F5B2"; }

.fa-ribbon:before {
  content: "\F4D6"; }

.fa-ring:before {
  content: "\F70B"; }

.fa-road:before {
  content: "\F018"; }

.fa-robot:before {
  content: "\F544"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-rocketchat:before {
  content: "\F3E8"; }

.fa-rockrms:before {
  content: "\F3E9"; }

.fa-route:before {
  content: "\F4D7"; }

.fa-rss:before {
  content: "\F09E"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-ruble-sign:before {
  content: "\F158"; }

.fa-ruler:before {
  content: "\F545"; }

.fa-ruler-combined:before {
  content: "\F546"; }

.fa-ruler-horizontal:before {
  content: "\F547"; }

.fa-ruler-vertical:before {
  content: "\F548"; }

.fa-running:before {
  content: "\F70C"; }

.fa-rupee-sign:before {
  content: "\F156"; }

.fa-rust:before {
  content: "\E07A"; }

.fa-sad-cry:before {
  content: "\F5B3"; }

.fa-sad-tear:before {
  content: "\F5B4"; }

.fa-safari:before {
  content: "\F267"; }

.fa-salesforce:before {
  content: "\F83B"; }

.fa-sass:before {
  content: "\F41E"; }

.fa-satellite:before {
  content: "\F7BF"; }

.fa-satellite-dish:before {
  content: "\F7C0"; }

.fa-save:before {
  content: "\F0C7"; }

.fa-schlix:before {
  content: "\F3EA"; }

.fa-school:before {
  content: "\F549"; }

.fa-screwdriver:before {
  content: "\F54A"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-scroll:before {
  content: "\F70E"; }

.fa-sd-card:before {
  content: "\F7C2"; }

.fa-search:before {
  content: "\F002"; }

.fa-search-dollar:before {
  content: "\F688"; }

.fa-search-location:before {
  content: "\F689"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-searchengin:before {
  content: "\F3EB"; }

.fa-seedling:before {
  content: "\F4D8"; }

.fa-sellcast:before {
  content: "\F2DA"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-server:before {
  content: "\F233"; }

.fa-servicestack:before {
  content: "\F3EC"; }

.fa-shapes:before {
  content: "\F61F"; }

.fa-share:before {
  content: "\F064"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-shekel-sign:before {
  content: "\F20B"; }

.fa-shield-alt:before {
  content: "\F3ED"; }

.fa-shield-virus:before {
  content: "\E06C"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-shipping-fast:before {
  content: "\F48B"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-shoe-prints:before {
  content: "\F54B"; }

.fa-shopify:before {
  content: "\E057"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-shopware:before {
  content: "\F5B5"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-shuttle-van:before {
  content: "\F5B6"; }

.fa-sign:before {
  content: "\F4D9"; }

.fa-sign-in-alt:before {
  content: "\F2F6"; }

.fa-sign-language:before {
  content: "\F2A7"; }

.fa-sign-out-alt:before {
  content: "\F2F5"; }

.fa-signal:before {
  content: "\F012"; }

.fa-signature:before {
  content: "\F5B7"; }

.fa-sim-card:before {
  content: "\F7C4"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-sink:before {
  content: "\E06D"; }

.fa-sistrix:before {
  content: "\F3EE"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-sith:before {
  content: "\F512"; }

.fa-skating:before {
  content: "\F7C5"; }

.fa-sketch:before {
  content: "\F7C6"; }

.fa-skiing:before {
  content: "\F7C9"; }

.fa-skiing-nordic:before {
  content: "\F7CA"; }

.fa-skull:before {
  content: "\F54C"; }

.fa-skull-crossbones:before {
  content: "\F714"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-slack:before {
  content: "\F198"; }

.fa-slack-hash:before {
  content: "\F3EF"; }

.fa-slash:before {
  content: "\F715"; }

.fa-sleigh:before {
  content: "\F7CC"; }

.fa-sliders-h:before {
  content: "\F1DE"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-smile:before {
  content: "\F118"; }

.fa-smile-beam:before {
  content: "\F5B8"; }

.fa-smile-wink:before {
  content: "\F4DA"; }

.fa-smog:before {
  content: "\F75F"; }

.fa-smoking:before {
  content: "\F48D"; }

.fa-smoking-ban:before {
  content: "\F54D"; }

.fa-sms:before {
  content: "\F7CD"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-snowboarding:before {
  content: "\F7CE"; }

.fa-snowflake:before {
  content: "\F2DC"; }

.fa-snowman:before {
  content: "\F7D0"; }

.fa-snowplow:before {
  content: "\F7D2"; }

.fa-soap:before {
  content: "\E06E"; }

.fa-socks:before {
  content: "\F696"; }

.fa-solar-panel:before {
  content: "\F5BA"; }

.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-alpha-down:before {
  content: "\F15D"; }

.fa-sort-alpha-down-alt:before {
  content: "\F881"; }

.fa-sort-alpha-up:before {
  content: "\F15E"; }

.fa-sort-alpha-up-alt:before {
  content: "\F882"; }

.fa-sort-amount-down:before {
  content: "\F160"; }

.fa-sort-amount-down-alt:before {
  content: "\F884"; }

.fa-sort-amount-up:before {
  content: "\F161"; }

.fa-sort-amount-up-alt:before {
  content: "\F885"; }

.fa-sort-down:before {
  content: "\F0DD"; }

.fa-sort-numeric-down:before {
  content: "\F162"; }

.fa-sort-numeric-down-alt:before {
  content: "\F886"; }

.fa-sort-numeric-up:before {
  content: "\F163"; }

.fa-sort-numeric-up-alt:before {
  content: "\F887"; }

.fa-sort-up:before {
  content: "\F0DE"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-sourcetree:before {
  content: "\F7D3"; }

.fa-spa:before {
  content: "\F5BB"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-speakap:before {
  content: "\F3F3"; }

.fa-speaker-deck:before {
  content: "\F83C"; }

.fa-spell-check:before {
  content: "\F891"; }

.fa-spider:before {
  content: "\F717"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-splotch:before {
  content: "\F5BC"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-spray-can:before {
  content: "\F5BD"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-square-full:before {
  content: "\F45C"; }

.fa-square-root-alt:before {
  content: "\F698"; }

.fa-squarespace:before {
  content: "\F5BE"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-stackpath:before {
  content: "\F842"; }

.fa-stamp:before {
  content: "\F5BF"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-and-crescent:before {
  content: "\F699"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-star-half-alt:before {
  content: "\F5C0"; }

.fa-star-of-david:before {
  content: "\F69A"; }

.fa-star-of-life:before {
  content: "\F621"; }

.fa-staylinked:before {
  content: "\F3F5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-steam-symbol:before {
  content: "\F3F6"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-sticker-mule:before {
  content: "\F3F7"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stopwatch:before {
  content: "\F2F2"; }

.fa-stopwatch-20:before {
  content: "\E06F"; }

.fa-store:before {
  content: "\F54E"; }

.fa-store-alt:before {
  content: "\F54F"; }

.fa-store-alt-slash:before {
  content: "\E070"; }

.fa-store-slash:before {
  content: "\E071"; }

.fa-strava:before {
  content: "\F428"; }

.fa-stream:before {
  content: "\F550"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-stripe:before {
  content: "\F429"; }

.fa-stripe-s:before {
  content: "\F42A"; }

.fa-stroopwafel:before {
  content: "\F551"; }

.fa-studiovinari:before {
  content: "\F3F8"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-subway:before {
  content: "\F239"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-suitcase-rolling:before {
  content: "\F5C1"; }

.fa-sun:before {
  content: "\F185"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-supple:before {
  content: "\F3F9"; }

.fa-surprise:before {
  content: "\F5C2"; }

.fa-suse:before {
  content: "\F7D6"; }

.fa-swatchbook:before {
  content: "\F5C3"; }

.fa-swift:before {
  content: "\F8E1"; }

.fa-swimmer:before {
  content: "\F5C4"; }

.fa-swimming-pool:before {
  content: "\F5C5"; }

.fa-symfony:before {
  content: "\F83D"; }

.fa-synagogue:before {
  content: "\F69B"; }

.fa-sync:before {
  content: "\F021"; }

.fa-sync-alt:before {
  content: "\F2F1"; }

.fa-syringe:before {
  content: "\F48E"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-table-tennis:before {
  content: "\F45D"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-tablet-alt:before {
  content: "\F3FA"; }

.fa-tablets:before {
  content: "\F490"; }

.fa-tachometer-alt:before {
  content: "\F3FD"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-tape:before {
  content: "\F4DB"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-taxi:before {
  content: "\F1BA"; }

.fa-teamspeak:before {
  content: "\F4F9"; }

.fa-teeth:before {
  content: "\F62E"; }

.fa-teeth-open:before {
  content: "\F62F"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-telegram-plane:before {
  content: "\F3FE"; }

.fa-temperature-high:before {
  content: "\F769"; }

.fa-temperature-low:before {
  content: "\F76B"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-tenge:before {
  content: "\F7D7"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-the-red-yeti:before {
  content: "\F69D"; }

.fa-theater-masks:before {
  content: "\F630"; }

.fa-themeco:before {
  content: "\F5C6"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-thermometer:before {
  content: "\F491"; }

.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-think-peaks:before {
  content: "\F731"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbtack:before {
  content: "\F08D"; }

.fa-ticket-alt:before {
  content: "\F3FF"; }

.fa-tiktok:before {
  content: "\E07B"; }

.fa-times:before {
  content: "\F00D"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-tint:before {
  content: "\F043"; }

.fa-tint-slash:before {
  content: "\F5C7"; }

.fa-tired:before {
  content: "\F5C8"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-toilet:before {
  content: "\F7D8"; }

.fa-toilet-paper:before {
  content: "\F71E"; }

.fa-toilet-paper-slash:before {
  content: "\E072"; }

.fa-toolbox:before {
  content: "\F552"; }

.fa-tools:before {
  content: "\F7D9"; }

.fa-tooth:before {
  content: "\F5C9"; }

.fa-torah:before {
  content: "\F6A0"; }

.fa-torii-gate:before {
  content: "\F6A1"; }

.fa-tractor:before {
  content: "\F722"; }

.fa-trade-federation:before {
  content: "\F513"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-traffic-light:before {
  content: "\F637"; }

.fa-trailer:before {
  content: "\E041"; }

.fa-train:before {
  content: "\F238"; }

.fa-tram:before {
  content: "\F7DA"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-trash-alt:before {
  content: "\F2ED"; }

.fa-trash-restore:before {
  content: "\F829"; }

.fa-trash-restore-alt:before {
  content: "\F82A"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-trello:before {
  content: "\F181"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-truck-loading:before {
  content: "\F4DE"; }

.fa-truck-monster:before {
  content: "\F63B"; }

.fa-truck-moving:before {
  content: "\F4DF"; }

.fa-truck-pickup:before {
  content: "\F63C"; }

.fa-tshirt:before {
  content: "\F553"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-tv:before {
  content: "\F26C"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-typo3:before {
  content: "\F42B"; }

.fa-uber:before {
  content: "\F402"; }

.fa-ubuntu:before {
  content: "\F7DF"; }

.fa-uikit:before {
  content: "\F403"; }

.fa-umbraco:before {
  content: "\F8E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-umbrella-beach:before {
  content: "\F5CA"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-undo:before {
  content: "\F0E2"; }

.fa-undo-alt:before {
  content: "\F2EA"; }

.fa-uniregistry:before {
  content: "\F404"; }

.fa-unity:before {
  content: "\E049"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-university:before {
  content: "\F19C"; }

.fa-unlink:before {
  content: "\F127"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-unsplash:before {
  content: "\E07C"; }

.fa-untappd:before {
  content: "\F405"; }

.fa-upload:before {
  content: "\F093"; }

.fa-ups:before {
  content: "\F7E0"; }

.fa-usb:before {
  content: "\F287"; }

.fa-user:before {
  content: "\F007"; }

.fa-user-alt:before {
  content: "\F406"; }

.fa-user-alt-slash:before {
  content: "\F4FA"; }

.fa-user-astronaut:before {
  content: "\F4FB"; }

.fa-user-check:before {
  content: "\F4FC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-clock:before {
  content: "\F4FD"; }

.fa-user-cog:before {
  content: "\F4FE"; }

.fa-user-edit:before {
  content: "\F4FF"; }

.fa-user-friends:before {
  content: "\F500"; }

.fa-user-graduate:before {
  content: "\F501"; }

.fa-user-injured:before {
  content: "\F728"; }

.fa-user-lock:before {
  content: "\F502"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-user-minus:before {
  content: "\F503"; }

.fa-user-ninja:before {
  content: "\F504"; }

.fa-user-nurse:before {
  content: "\F82F"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-user-shield:before {
  content: "\F505"; }

.fa-user-slash:before {
  content: "\F506"; }

.fa-user-tag:before {
  content: "\F507"; }

.fa-user-tie:before {
  content: "\F508"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-users:before {
  content: "\F0C0"; }

.fa-users-cog:before {
  content: "\F509"; }

.fa-users-slash:before {
  content: "\E073"; }

.fa-usps:before {
  content: "\F7E1"; }

.fa-ussunnah:before {
  content: "\F407"; }

.fa-utensil-spoon:before {
  content: "\F2E5"; }

.fa-utensils:before {
  content: "\F2E7"; }

.fa-vaadin:before {
  content: "\F408"; }

.fa-vector-square:before {
  content: "\F5CB"; }

.fa-venus:before {
  content: "\F221"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-vial:before {
  content: "\F492"; }

.fa-vials:before {
  content: "\F493"; }

.fa-viber:before {
  content: "\F409"; }

.fa-video:before {
  content: "\F03D"; }

.fa-video-slash:before {
  content: "\F4E2"; }

.fa-vihara:before {
  content: "\F6A7"; }

.fa-vimeo:before {
  content: "\F40A"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-vimeo-v:before {
  content: "\F27D"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-virus:before {
  content: "\E074"; }

.fa-virus-slash:before {
  content: "\E075"; }

.fa-viruses:before {
  content: "\E076"; }

.fa-vk:before {
  content: "\F189"; }

.fa-vnv:before {
  content: "\F40B"; }

.fa-voicemail:before {
  content: "\F897"; }

.fa-volleyball-ball:before {
  content: "\F45F"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-mute:before {
  content: "\F6A9"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-vote-yea:before {
  content: "\F772"; }

.fa-vr-cardboard:before {
  content: "\F729"; }

.fa-vuejs:before {
  content: "\F41F"; }

.fa-walking:before {
  content: "\F554"; }

.fa-wallet:before {
  content: "\F555"; }

.fa-warehouse:before {
  content: "\F494"; }

.fa-water:before {
  content: "\F773"; }

.fa-wave-square:before {
  content: "\F83E"; }

.fa-waze:before {
  content: "\F83F"; }

.fa-weebly:before {
  content: "\F5CC"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-weight:before {
  content: "\F496"; }

.fa-weight-hanging:before {
  content: "\F5CD"; }

.fa-weixin:before {
  content: "\F1D7"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-whatsapp-square:before {
  content: "\F40C"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-whmcs:before {
  content: "\F40D"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-wind:before {
  content: "\F72E"; }

.fa-window-close:before {
  content: "\F410"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-wine-bottle:before {
  content: "\F72F"; }

.fa-wine-glass:before {
  content: "\F4E3"; }

.fa-wine-glass-alt:before {
  content: "\F5CE"; }

.fa-wix:before {
  content: "\F5CF"; }

.fa-wizards-of-the-coast:before {
  content: "\F730"; }

.fa-wolf-pack-battalion:before {
  content: "\F514"; }

.fa-won-sign:before {
  content: "\F159"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-wordpress-simple:before {
  content: "\F411"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-wpressr:before {
  content: "\F3E4"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-x-ray:before {
  content: "\F497"; }

.fa-xbox:before {
  content: "\F412"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-y-combinator:before {
  content: "\F23B"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-yammer:before {
  content: "\F840"; }

.fa-yandex:before {
  content: "\F413"; }

.fa-yandex-international:before {
  content: "\F414"; }

.fa-yarn:before {
  content: "\F7E3"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-yen-sign:before {
  content: "\F157"; }

.fa-yin-yang:before {
  content: "\F6AD"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-youtube-square:before {
  content: "\F431"; }

.fa-zhihu:before {
  content: "\F63F"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url([object Module]);
  src: url([object Module]?#iefix) format("embedded-opentype"), url([object Module]) format("woff2"), url([object Module]) format("woff"), url([object Module]) format("truetype"), url([object Module]#fontawesome) format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url([object Module]);
  src: url([object Module]?#iefix) format("embedded-opentype"), url([object Module]) format("woff2"), url([object Module]) format("woff"), url([object Module]) format("truetype"), url([object Module]#fontawesome) format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url([object Module]);
  src: url([object Module]?#iefix) format("embedded-opentype"), url([object Module]) format("woff2"), url([object Module]) format("woff"), url([object Module]) format("truetype"), url([object Module]#fontawesome) format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

 /* .chat-warpper {
    padding-bottom: 68px;
    background-image: url(/images/sky.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
} */

.rce-container-clist {
    display: block;
    overflow: auto;
}

.rce-container-mbox {
    flex-direction: column;
    display: block;
    overflow: hidden;
    min-width: 200px;

}

.rce-mbox-forward {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background: #fff;
    position: absolute;
    /*display: none;*/
    flex-direction: row;
    align-self: center;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px 0 rgba(164, 164, 164, 1);
    cursor: pointer;
    transition: all 0.3s ease;
    top: 0;
    bottom: 0;
    margin: auto;
}

.rce-mbox-forward-left {
    display: flex;
    opacity: 0;
    visibility: hidden;
    left: -50px;
}

.rce-mbox-forward-right {
    display: flex;
    opacity: 0;
    visibility: hidden;
    right: -50px;
}

.rce-container-mbox:hover .rce-mbox-forward-left {
    opacity: 1;
    visibility: visible;
}

.rce-container-mbox:hover .rce-mbox-forward-right {
    opacity: 1;
    visibility: visible;
}

.rce-mbox {
    position: relative;
    background: #eee;
    border-radius: 5px;
    /* box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2); */
    border-top-left-radius: 0px;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: 3px;
    flex-direction: column;
    margin-bottom: 3px;
    padding: 6px 9px 8px 9px;
    float: left;
    min-width: 100px;
    max-width: 70%;
    margin-bottom: 20px;
}

.rce-mbox.message-focus {
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-duration: 1s;
    animation-name: message-box-default-focus;
    animation-duration: 1s;
}

@-webkit-keyframes message-box-default-focus {
    from {
        background-color: #fff;
    }

    to {
        background-color: #dfdfdf;
    }
}

.rce-mbox-body {
    margin: 0;
    padding: 0;
    position: relative;
}

.rce-mbox.rce-mbox-right .rce-mbox-body {
    color: #fff;
}

.rce-mbox.rce-mbox-right {
    float: right;
    margin-left: 5px;
    margin-right: 20px;
    border-top-right-radius: 0px;
    border-top-left-radius: 5px;
    background-color: #1a4aa4;
}

.rce-mbox.rce-mbox-right.message-focus {
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-duration: 1s;
    animation-name: message-box-right-focus;
    animation-duration: 1s;
}

@-webkit-keyframes message-box-right-focus {
    from {
        background-color: #d4f1fb;
    }

    to {
        background-color: #b8dae6;
    }
}

.rce-mbox-text {
    font-size: 13.6px;
    word-break: break-word;
    white-space: pre;
}

.rce-mbox-text p {
    margin: 0px;
}

/* .rce-mbox-text:after {
    content: "\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0"
} */

.rce-mbox-time {
    text-align: right;
    color: rgba(0, 0, 0, 0.45);
    font-size: 10px;
    position: absolute;
    right: -10px;
    bottom: -26px;
}

.rce-mbox-time.non-copiable:before {
    content: attr(data-text);
}

.rce-mbox-time-block {
    /*position: relative;*/
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: -6px;
    margin-left: -6px;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 2px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.33), transparent);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
}

.rce-mbox--clear-padding {
    padding-bottom: 3px;
}

.rce-mbox.rce-mbox--clear-notch {
    border-radius: 5px 5px 5px 5px !important;
}

.rce-mbox-right-notch {
    position: absolute;
    right: -10px;
    top: 0px;
    width: 10px;
    height: 10px;
    fill: #1a4aa4;
    filter: drop-shadow(2px 0px 1px rgba(0, 0, 0, .2));
}

.rce-mbox-right-notch.message-focus {
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-duration: 1s;
    animation-name: message-right-notch-focus;
    animation-duration: 1s;
}

@-webkit-keyframes message-right-notch-focus {
    from {
        fill: #d4f1fb;
    }

    to {
        fill: #b8dae6;
    }
}

.rce-mbox-left-notch {
    position: absolute;
    left: -10px;
    top: 0px;
    width: 10px;
    height: 10px;
    fill: #eeeeee;
}

.rce-mbox-left-notch.message-focus {
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-duration: 1s;
    animation-name: message-left-notch-focus;
    animation-duration: 1s;
}

@-webkit-keyframes message-left-notch-focus {
    from {
        fill: #fff;
    }

    to {
        fill: #dfdfdf;
    }
}

.rce-mbox-title {
    margin: 0;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 13px;
    color: #4f81a1;
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.rce-mbox-title:hover {
    text-decoration: underline;
}

.rce-mbox-title--clear {
    margin-bottom: 8px;
}

.rce-mbox-status {
    margin-left: 3px;
    font-size: 15px;
}

.rce-mbox-title>.rce-avatar-container {
    margin-right: 5px;
}

.rce-mbox-file {
    padding-bottom: 13px;
}

.rce-mbox-file>button {
    background: #e9e9e9;
    display: flex;
    border-radius: 5px;
    margin-top: -3px;
    margin-right: -6px;
    margin-left: -6px;
    align-items: center;
    min-height: 52px;
    max-width: 500px;
    padding: 5px 0;
    cursor: pointer;
    user-select: none;
    outline: none;
    border: none;
}

.rce-mbox-file>button>* {
    padding: 0px 10px;
}

.rce-mbox-file--icon {
    font-size: 30px;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.rce-mbox-file--size {
    font-size: 10px;
    margin-top: 3px;
    max-width: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rce-mbox-file--text {
    font-size: 13.6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rce-mbox-file--buttons {
    font-size: 30px;
    align-items: center;
    display: flex;
}

.rce-mbox-file--buttons .rce-error-button {
    display: inherit;
}

.rce-mbox-file--loading {
    font-size: 15px;
    width: 40px;
    height: 40px;
}

.rce-container-smsg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rce-smsg {
    position: relative;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    margin: 5px 0px;
    padding: 6px 9px 8px 9px;
    float: left;
    max-width: 70%;
    align-items: center;
    justify-content: center;
}

.rce-smsg-text {
    text-align: center;
    display: inline-block;
    font-size: 15px;
}

.rce-mbox-location {
    position: relative;
    width: 250px;
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    margin-right: -6px;
    margin-left: -6px;
    border-radius: 5px;
}

.rce-mbox-location-img {
    width: 100%;
}

.rce-mbox-location-text {
    padding: 5px 0;
    width: 250px;
    margin-left: -6px;
    margin-right: -6px;
}

.rce-mbox-spotify {
    margin-top: -2px;
    overflow: hidden;
    margin-right: -6px;
    margin-left: -6px;
    display: flex;
    border-radius: 5px;
}

.rce-avatar-container {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rce-avatar-container .rce-avatar {
    width: 100%;
    height: 100%;
}

.rce-avatar-container.flexible .rce-avatar {
    height: auto !important;
    width: 100% !important;
    border-radius: unset !important;
    overflow: unset !important;
}

.rce-avatar-container.default {
    width: 25px;
    height: 25px;
}

.rce-avatar-container.rounded {
    border-radius: 5px;
}

.rce-avatar-container.circle {
    border-radius: 100%;
}

.rce-avatar-container.xsmall {
    width: 30px;
    height: 30px;
}

.rce-avatar-container.small {
    width: 35px;
    height: 35px;
}

.rce-avatar-container.medium {
    width: 40px;
    height: 40px;
}

.rce-avatar-container.large {
    width: 45px;
    height: 45px;
}

.rce-avatar-container.xlarge {
    width: 55px;
    height: 55px;
}

@keyframes avatarLazy {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.rce-avatar-lazy {
    animation: avatarLazy normal 2s infinite ease-in-out;
}

.rce-avatar-container.rce-citem-avatar-encircle-status {
    box-sizing: border-box;
    position: relative;
}

.rce-container-citem {
    flex-direction: column;
    display: block;
    overflow: hidden;
    min-width: 240px;
}

.rce-container-citem.rce-citem-status-encircle {
    position: relative;
}

.rce-citem {
    position: relative;
    background: white;
    display: flex;
    flex-direction: row;
    height: 72px;
    cursor: pointer;
    user-select: none;
    max-width: 100%;
    overflow: hidden;
    min-width: 240px;
}

.rce-citem:hover {
    background: #f9f9f9;
}

.rce-citem-avatar {
    position: relative;
    padding: 0 15px 0 13px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.rce-citem-status {
    width: 20px;
    height: 20px;
    bottom: 10px;
    right: 10px;
    position: absolute;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccc;
}

.rce-citem-avatar.rce-citem-status-encircle .rce-citem-status {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    margin: auto;
    border-radius: 100%;
}

.rce-citem-avatar img {
    width: 50px;
    height: 50px;
    border: none !important;
    background: #ccc;
    border-radius: 100%;
    overflow: hidden;
    font-size: 10px;
    text-align: center;
    line-height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rce-citem-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    display: flex;
    justify-content: center;
    padding-right: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    overflow: hidden;
}

.rce-citem-body--top {
    display: flex;
}

.rce-citem-body--bottom {
    margin-top: 4px;
    display: flex;
}

.rce-citem-body--bottom-title,
.rce-citem-body--top-title {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rce-citem-body--top-title {
    font-size: 16px;
}

.rce-citem-body--bottom-title {
    color: #555;
    font-size: 15px;
}

.rce-citem-body--top-time {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4)
}

.rce-citem-body--bottom-status {
    margin-left: 3px;
}

.rce-citem-body--bottom-status span {
    width: 18px;
    height: 18px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 100%;
    background: red;
}

.rce-mbox-photo {
    margin-top: -3px;
    margin-right: -6px;
    margin-left: -6px;
}

.rce-mbox-photo .rce-mbox-text {
    padding: 5px 0px;
    max-width: 300px;
    margin: auto;
}

.rce-mbox-photo--img {
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: center;
    border-radius: 5px;
    max-height: 300px;
}

.rce-mbox-photo--img__block {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    display: flex;
}

.rce-mbox-photo--img img {
    height: 100%;
    min-height: 100px;
    user-select: none;
}

.rce-mbox-photo--img__block-item {
    margin: auto;
    cursor: pointer;
    width: 100px;
    height: 100px;
}

.rce-mbox-photo--download {
    color: #efe;
    display: flex;
    justify-content: center;
    background: none;
    border: none;
    font-size: 3.2em;
    outline: none;
    border: 1px solid #eee;
    border-radius: 100%;
    height: 100px;
    width: 100px;
}

.rce-mbox-photo--download:hover {
    opacity: .7;
}

.rce-mbox-photo--download:active {
    opacity: .3;
}

.rce-mbox-photo--error {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    font-size: 70px;
    color: #eaeaea;
}

.rce-container-mlist {
    position: relative;
    display: flex;
}

.rce-mlist {
    display: block;
    overflow: auto;
    position: relative;
    flex: 1;
}

.rce-mlist-down-button {
    position: absolute;
    right: 10px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    cursor: pointer;
    transition: 200ms;
}

.rce-mlist-down-button:hover {
    opacity: 0.7;
}

.rce-mlist-down-button--badge {
    position: absolute;
    right: -5px;
    top: -5px;
    background: red;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 12px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
}

.rce-container-input {
    width: 100%;
    position: fixed;
    display: flex;
    bottom: 0px;
    min-width: 100%;
    box-sizing: border-box;
    flex-direction: row;
    background: #fff;
    align-items: center;
    padding: 10px;
    box-shadow: 1px 0px 3px #eee;
}

.rce-input {
    flex: 1;
    height: 40px;
    padding: 0 5px;
    border: 1px solid #2284da;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    box-sizing: border-box;
    outline: none;
}

.rce-input-textarea {
    height: 37px;
    padding: 6px 5px;
    resize: none;
}

.rce-input-buttons {
    display: flex;
    flex-direction: row;
    margin: 5px;
}

.rce-input-buttons>* {
    display: flex;
    flex-direction: row;
}

.rce-input-buttons .rce-button:nth-child(even) {
    margin-left: 5px;
    margin-right: 5px;
}

.rce-input-buttons .rce-button:last-child {
    margin-right: 0;
}

.rce-left-padding {
    padding-left: 10px;
    padding-right: 0px !important;
}

.rce-right-padding {
    padding-right: 10px;
    padding-left: 0px !important;
}

.rce-input::placeholder {
    color: #afafaf;
}

.rce-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
    padding: 11px 8px;
    text-align: center;
    box-sizing: border-box;
    background: #3979aa;
    color: white;
    transition: all 0.15s ease;
    user-select: none;
    border: none;
    outline: none;
    border: none;
    position: relative;
}

.rce-button-icon--container {
    display: flex;
    align-items: center;
}

.rce-button:hover {
    opacity: 0.8;
}

.rce-button:active {
    opacity: 0.6;
}

.rce-button.outline {
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #3979aa;
    color: #3979aa;
}

.rce-button.outline:hover {
    opacity: 0.6;
}

.rce-button.outline:active {
    opacity: 0.3;
}

.rce-button.transparent {
    background: rgba(0, 0, 0, 0) !important;
}

.rce-button.transparent:hover {
    opacity: 0.6;
}

.rce-button.transparent:active {
    opacity: 0.3;
}

.rce-button-icon {
    position: relative;
    font-size: 18px;
    display: flex;
    padding: 0 3px;
}

.rce-button-badge {
    border-radius: 4px;
    padding: 4px;
    background: #f64b34;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -7px;
    top: -7px;
    font-size: 10px;
}

.rce-button.circle {
    min-width: 35px;
    min-height: 35px;
    border: 1px solid #3979aa;
    border-radius: 100%;
}

.rce-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
}

.rce-navbar.light {
    background: #f4f4f4;
}

.rce-navbar.dark {
    background: #2f414c;
}

.rce-navbar-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.rce-navbar-item>* {
    display: flex;
    flex-direction: row;
}

.rce-navbar-item>*>* {
    margin-left: 5px;
}

.rce-dropdown-container {
    position: relative;
}

.rce-dropdown {
    min-width: 100%;
    box-sizing: border-box;
    padding: 8px 15px;
    background: #fff;
    border-radius: 5px;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    position: absolute;
    box-shadow: 0px 0px 5px 0px rgba(163, 163, 163, 1);
    transform-origin: left top;
    z-index: 99999;
}

.rce-dropdown-title {
    font-size: 14px;
    color: '#000';
    font-weight: 500;
}

.rce-dropdown.dropdown-show {
    animation: dropdown-scaling 0.2s ease forwards;
    display: flex;
}

@keyframes dropdown-scaling {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.rce-dropdown.dropdown-hide {
    animation: dropdown-reverse-scaling 0.2s ease forwards;
    display: flex;
}

@keyframes dropdown-reverse-scaling {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(0);
    }
}

.rce-dropdown-open__nortwest {
    transform-origin: left top;
    left: 0;
    top: 100%;
    margin-top: 5px
}

.rce-dropdown-open__norteast {
    transform-origin: right top;
    right: 0;
    top: 100%;
    margin-top: 5px
}

.rce-dropdown-open__southwest {
    transform-origin: left bottom;
    left: 0;
    bottom: 100%;
    margin-bottom: 5px
}

.rce-dropdown-open__southeast {
    transform-origin: right bottom;
    right: 0;
    bottom: 100%;
    margin-bottom: 5px
}

.rce-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rce-dropdown ul li {
    white-space: nowrap;
    color: #767676;
    padding: 8px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    user-select: none;
}

.rce-dropdown ul li:last-child {
    border: none;
}

.rce-dropdown ul li:hover a {
    color: #3a6d8c;
}

.rce-dropdown.fade {
    opacity: 0;
    transform: scale(1);
    animation: dropdown-fade 0.5s ease forwards;
}

@keyframes dropdown-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.rce-sbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
    min-height: 100%;
}

.rce-sbar.light {
    background: #f4f4f4;
}

.rce-sbar.dark {
    background: #2f414c;
}

.rce-sbar-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
}

.rce-sbar-item>* {
    display: flex;
    flex-direction: column;
}

.rce-sbar-item__center {
    margin: 15px 0;
}

.rce-popup-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999999999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.rce-popup {
    background: #fff;
    border-radius: 5px;
    padding: 0 10px 0 10px;
    width: 400px;
    min-height: 100px;
    box-shadow: 0px 0px 25px -2px rgba(79, 79, 79, 1);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    animation: popup-scaling 0.4s ease forwards;
    box-sizing: border-box;
}

@keyframes popup-scaling {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.rce-popup-header {
    padding: 18px 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.rce-popup-content {
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box;
}

.rce-popup-content * {
    margin: 0
}

.rce-popup-footer {
    padding: 18px 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

.rce-popup-footer>* {
    margin-left: 5px;
}
.chat-warpper {
  padding-bottom: 67px;
  /* height: calc(100vh - 56px); */
  /* overflow-y: auto; */
  /* position: absolute; */
  top: 56px;
  width: 100%;
  padding-top: 5px;
}

.backgroundChat {
  margin-top: 56px;
  background-image: url("/images/sky.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: calc(100vh - 56px);
  overflow-y: auto;
}

.dialogViewImage {
    padding: 0px !important;
}

.dialogViewFile {
    padding: 0px !important;
}


label.MuiOutlinedInput-input,
.MuiSelect-select.MuiOutlinedInput-input {
    padding: 7px 14px !important;
}

.container-dark .MuiSelect-select .MuiSelect-icon {
    color: #fff !important;
}

label.MuiInputLabel-outlined,
.MuiSelect-select .MuiInputLabel-outlined {
    transform: translate(10px, 9px) scale(0.85);
    padding-top: 2px;
}

.MuiDialog-container .MuiOutlinedInput-input {
    padding: 10px 10px !important;
}

.MuiDialog-container .MuiInputLabel-outlined {
    transform: translate(10px, 13px) scale(0.85);
}


.vis [class*=span]{min-height:0;width:auto}.vis-current-time{background-color:#ff7f6e;width:2px;z-index:1;pointer-events:none}.vis-rolling-mode-btn{height:40px;width:40px;position:absolute;top:7px;right:20px;border-radius:50%;font-size:28px;cursor:pointer;opacity:.8;color:#fff;font-weight:700;text-align:center;background:#3876c2}.vis-rolling-mode-btn:before{content:"\26F6"}.vis-rolling-mode-btn:hover{opacity:1}.vis-timeline{position:relative;border:1px solid #bfbfbf;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.vis-loading-screen{width:100%;height:100%;position:absolute;top:0;left:0}.vis-panel{position:absolute;padding:0;margin:0;box-sizing:border-box}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right,.vis-panel.vis-top{border:1px #bfbfbf}.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right{border-top-style:solid;border-bottom-style:solid;overflow:hidden}.vis-left.vis-panel.vis-vertical-scroll,.vis-right.vis-panel.vis-vertical-scroll{height:100%;overflow-x:hidden;overflow-y:scroll}.vis-left.vis-panel.vis-vertical-scroll{direction:rtl}.vis-left.vis-panel.vis-vertical-scroll .vis-content{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll .vis-content{direction:rtl}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-top{border-left-style:solid;border-right-style:solid}.vis-background{overflow:hidden}.vis-panel>.vis-content{position:relative}.vis-panel .vis-shadow{position:absolute;width:100%;height:1px;box-shadow:0 0 10px rgba(0,0,0,.8)}.vis-panel .vis-shadow.vis-top{top:-1px;left:0}.vis-panel .vis-shadow.vis-bottom{bottom:-1px;left:0}.vis-graph-group0{fill:#4f81bd;fill-opacity:0;stroke-width:2px;stroke:#4f81bd}.vis-graph-group1{fill:#f79646;fill-opacity:0;stroke-width:2px;stroke:#f79646}.vis-graph-group2{fill:#8c51cf;fill-opacity:0;stroke-width:2px;stroke:#8c51cf}.vis-graph-group3{fill:#75c841;fill-opacity:0;stroke-width:2px;stroke:#75c841}.vis-graph-group4{fill:#ff0100;fill-opacity:0;stroke-width:2px;stroke:#ff0100}.vis-graph-group5{fill:#37d8e6;fill-opacity:0;stroke-width:2px;stroke:#37d8e6}.vis-graph-group6{fill:#042662;fill-opacity:0;stroke-width:2px;stroke:#042662}.vis-graph-group7{fill:#00ff26;fill-opacity:0;stroke-width:2px;stroke:#00ff26}.vis-graph-group8{fill:#f0f;fill-opacity:0;stroke-width:2px;stroke:#f0f}.vis-graph-group9{fill:#8f3938;fill-opacity:0;stroke-width:2px;stroke:#8f3938}.vis-timeline .vis-fill{fill-opacity:.1;stroke:none}.vis-timeline .vis-bar{fill-opacity:.5;stroke-width:1px}.vis-timeline .vis-point{stroke-width:2px;fill-opacity:1}.vis-timeline .vis-legend-background{stroke-width:1px;fill-opacity:.9;fill:#fff;stroke:#c2c2c2}.vis-timeline .vis-outline{stroke-width:1px;fill-opacity:1;fill:#fff;stroke:#e5e5e5}.vis-timeline .vis-icon-fill{fill-opacity:.3;stroke:none}.vis-custom-time{background-color:#6e94ff;width:2px;cursor:move;z-index:1}.vis-custom-time>.vis-custom-time-marker{background-color:inherit;color:#fff;font-size:12px;white-space:nowrap;padding:3px 5px;top:0;cursor:initial;z-index:inherit}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal{position:absolute;width:100%;height:0;border-bottom:1px solid}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor{border-color:#e5e5e5}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major{border-color:#bfbfbf}.vis-data-axis .vis-y-axis.vis-major{width:100%;position:absolute;color:#4d4d4d;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-major.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-minor{position:absolute;width:100%;color:#bebebe;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-minor.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title{position:absolute;color:#4d4d4d;white-space:nowrap;bottom:20px;text-align:center}.vis-data-axis .vis-y-axis.vis-title.vis-measure{padding:0;margin:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title.vis-left{bottom:0;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.vis-data-axis .vis-y-axis.vis-title.vis-right{bottom:0;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.vis-legend{background-color:rgba(247,252,255,.65);padding:5px;border:1px solid #b3b3b3;box-shadow:2px 2px 10px rgba(154,154,154,.55)}.vis-legend-text{white-space:nowrap;display:inline-block}.vis-itemset{position:relative;padding:0;margin:0;box-sizing:border-box}.vis-itemset .vis-background,.vis-itemset .vis-foreground{position:absolute;width:100%;height:100%;overflow:visible}.vis-axis{position:absolute;width:100%;height:0;left:0;z-index:1}.vis-foreground .vis-group{position:relative;box-sizing:border-box;border-bottom:1px solid #bfbfbf}.vis-foreground .vis-group:last-child{border-bottom:none}.vis-nesting-group{cursor:pointer}.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1{background:#f5f5f5}.vis-label.vis-nested-group.vis-group-level-0{background-color:#fff}.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner{padding-left:0}.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner{padding-right:0}.vis-label.vis-nested-group.vis-group-level-1{background-color:rgba(0,0,0,.05)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner{padding-left:15px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner{padding-right:15px}.vis-label.vis-nested-group.vis-group-level-2{background-color:rgba(0,0,0,.1)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner{padding-left:30px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner{padding-right:30px}.vis-label.vis-nested-group.vis-group-level-3{background-color:rgba(0,0,0,.15)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner{padding-left:45px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner{padding-right:45px}.vis-label.vis-nested-group.vis-group-level-4{background-color:rgba(0,0,0,.2)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner{padding-left:60px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner{padding-right:60px}.vis-label.vis-nested-group.vis-group-level-5{background-color:rgba(0,0,0,.25)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner{padding-left:75px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner{padding-right:75px}.vis-label.vis-nested-group.vis-group-level-6{background-color:rgba(0,0,0,.3)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner{padding-left:90px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner{padding-right:90px}.vis-label.vis-nested-group.vis-group-level-7{background-color:rgba(0,0,0,.35)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner{padding-left:105px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner{padding-right:105px}.vis-label.vis-nested-group.vis-group-level-8{background-color:rgba(0,0,0,.4)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner{padding-left:120px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner{padding-right:120px}.vis-label.vis-nested-group.vis-group-level-9{background-color:rgba(0,0,0,.45)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner{padding-left:135px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner{padding-right:135px}.vis-label.vis-nested-group{background-color:rgba(0,0,0,.5)}.vis-ltr .vis-label.vis-nested-group .vis-inner{padding-left:150px}.vis-rtl .vis-label.vis-nested-group .vis-inner{padding-right:150px}.vis-group-level-unknown-but-gte1{border:1px solid red}.vis-label.vis-nesting-group:before{display:inline-block;width:15px}.vis-label.vis-nesting-group.expanded:before{content:"\25BC"}.vis-label.vis-nesting-group.collapsed:before{content:"\25B6"}.vis-rtl .vis-label.vis-nesting-group.collapsed:before{content:"\25C0"}.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0){padding-left:15px}.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0){padding-right:15px}.vis-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-labelset{position:relative;overflow:hidden;box-sizing:border-box}.vis-labelset .vis-label{position:relative;left:0;top:0;width:100%;color:#4d4d4d;box-sizing:border-box}.vis-labelset .vis-label{border-bottom:1px solid #bfbfbf}.vis-labelset .vis-label.draggable{cursor:pointer}.vis-group-is-dragging{background:rgba(0,0,0,.1)}.vis-labelset .vis-label:last-child{border-bottom:none}.vis-labelset .vis-label .vis-inner{display:inline-block;padding:5px}.vis-labelset .vis-label .vis-inner.vis-hidden{padding:0}.vis-time-axis{position:relative;overflow:hidden}.vis-time-axis.vis-foreground{top:0;left:0;width:100%}.vis-time-axis.vis-background{position:absolute;top:0;left:0;width:100%;height:100%}.vis-time-axis .vis-text{position:absolute;color:#4d4d4d;padding:3px;overflow:hidden;box-sizing:border-box;white-space:nowrap}.vis-time-axis .vis-text.vis-measure{position:absolute;padding-left:0;padding-right:0;margin-left:0;margin-right:0;visibility:hidden}.vis-time-axis .vis-grid.vis-vertical{position:absolute;border-left:1px solid}.vis-time-axis .vis-grid.vis-vertical-rtl{position:absolute;border-right:1px solid}.vis-time-axis .vis-grid.vis-minor{border-color:#e5e5e5}.vis-time-axis .vis-grid.vis-major{border-color:#bfbfbf}.vis-item{position:absolute;color:#1a1a1a;border-color:#97b0f8;border-width:1px;background-color:#d5ddf6;display:inline-block;z-index:1}.vis-item.vis-selected{border-color:#ffc200;background-color:#fff785;z-index:2}.vis-editable.vis-selected{cursor:move}.vis-item.vis-point.vis-selected{background-color:#fff785}.vis-item.vis-box{text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-point{background:0 0}.vis-item.vis-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}.vis-item.vis-range{border-style:solid;border-radius:2px;box-sizing:border-box}.vis-item.vis-background{border:none;background-color:rgba(213,221,246,.4);box-sizing:border-box;padding:0;margin:0}.vis-item .vis-item-overflow{position:relative;width:100%;height:100%;padding:0;margin:0;overflow:hidden}.vis-item-visible-frame{white-space:nowrap}.vis-item.vis-range .vis-item-content{position:relative;display:inline-block}.vis-item.vis-background .vis-item-content{position:absolute;display:inline-block}.vis-item.vis-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item .vis-item-content{white-space:nowrap;box-sizing:border-box;padding:5px}.vis-item .vis-onUpdateTime-tooltip{position:absolute;background:#4f81bd;color:#fff;width:200px;text-align:center;white-space:nowrap;padding:5px;border-radius:1px;transition:.4s;-o-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s}.vis-item .vis-delete,.vis-item .vis-delete-rtl{position:absolute;top:0;width:24px;height:24px;box-sizing:border-box;padding:0 5px;cursor:pointer;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;-ms-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}.vis-item .vis-delete{right:-24px}.vis-item .vis-delete-rtl{left:-24px}.vis-item .vis-delete-rtl:after,.vis-item .vis-delete:after{content:"\D7";color:red;font-family:arial,sans-serif;font-size:22px;font-weight:700;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.vis-item .vis-delete-rtl:hover,.vis-item .vis-delete:hover{background:red}.vis-item .vis-delete-rtl:hover:after,.vis-item .vis-delete:hover:after{color:#fff}.vis-item .vis-drag-center{position:absolute;width:100%;height:100%;top:0;left:0;cursor:move}.vis-item.vis-range .vis-drag-left{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;left:-4px;cursor:w-resize}.vis-item.vis-range .vis-drag-right{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;right:-4px;cursor:e-resize}.vis-range.vis-item.vis-readonly .vis-drag-left,.vis-range.vis-item.vis-readonly .vis-drag-right{cursor:auto}.vis-item.vis-cluster{vertical-align:center;text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-cluster-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item.vis-cluster-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}div.vis-configuration{position:relative;display:block;float:left;font-size:12px}div.vis-configuration-wrapper{display:block;width:700px}div.vis-configuration-wrapper::after{clear:both;content:"";display:block}div.vis-configuration.vis-config-option-container{display:block;width:495px;background-color:#fff;border:2px solid #f7f8fa;border-radius:4px;margin-top:20px;left:10px;padding-left:5px}div.vis-configuration.vis-config-button{display:block;width:495px;height:25px;vertical-align:middle;line-height:25px;background-color:#f7f8fa;border:2px solid #ceced0;border-radius:4px;margin-top:20px;left:10px;padding-left:5px;cursor:pointer;margin-bottom:30px}div.vis-configuration.vis-config-button.hover{background-color:#4588e6;border:2px solid #214373;color:#fff}div.vis-configuration.vis-config-item{display:block;float:left;width:495px;height:25px;vertical-align:middle;line-height:25px}div.vis-configuration.vis-config-item.vis-config-s2{left:10px;background-color:#f7f8fa;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s3{left:20px;background-color:#e4e9f0;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s4{left:30px;background-color:#cfd8e6;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-header{font-size:18px;font-weight:700}div.vis-configuration.vis-config-label{width:120px;height:25px;line-height:25px}div.vis-configuration.vis-config-label.vis-config-s3{width:110px}div.vis-configuration.vis-config-label.vis-config-s4{width:100px}div.vis-configuration.vis-config-colorBlock{top:1px;width:30px;height:19px;border:1px solid #444;border-radius:2px;padding:0;margin:0;cursor:pointer}input.vis-configuration.vis-config-checkbox{left:-5px}input.vis-configuration.vis-config-rangeinput{position:relative;top:-5px;width:60px;padding:1px;margin:0;pointer-events:none}input.vis-configuration.vis-config-range{-webkit-appearance:none;border:0 solid #fff;background-color:rgba(0,0,0,0);width:300px;height:20px}input.vis-configuration.vis-config-range::-webkit-slider-runnable-track{width:300px;height:5px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #14334b;height:17px;width:17px;border-radius:50%;background:#3876c2;background:-moz-linear-gradient(top,#3876c2 0,#385380 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3876c2),color-stop(100%,#385380));background:-webkit-linear-gradient(top,#3876c2 0,#385380 100%);background:-o-linear-gradient(top,#3876c2 0,#385380 100%);background:-ms-linear-gradient(top,#3876c2 0,#385380 100%);background:linear-gradient(to bottom,#3876c2 0,#385380 100%);box-shadow:#111927 0 0 1px 0;margin-top:-7px}input.vis-configuration.vis-config-range:focus{outline:0}input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track{background:#9d9d9d;background:-moz-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#9d9d9d),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-o-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:linear-gradient(to bottom,#9d9d9d 0,#c8c8c8 99%)}input.vis-configuration.vis-config-range::-moz-range-track{width:300px;height:10px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input.vis-configuration.vis-config-range::-ms-track{width:300px;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input.vis-configuration.vis-config-range::-ms-fill-lower{background:#777;border-radius:10px}input.vis-configuration.vis-config-range::-ms-fill-upper{background:#ddd;border-radius:10px}input.vis-configuration.vis-config-range::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:focus::-ms-fill-lower{background:#888}input.vis-configuration.vis-config-range:focus::-ms-fill-upper{background:#ccc}.vis-configuration-popup{position:absolute;background:rgba(57,76,89,.85);border:2px solid #f2faff;line-height:30px;height:30px;width:150px;text-align:center;color:#fff;font-size:14px;border-radius:4px;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.vis-configuration-popup:after,.vis-configuration-popup:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.vis-configuration-popup:after{border-color:rgba(136,183,213,0);border-left-color:rgba(57,76,89,.85);border-width:8px;margin-top:-8px}.vis-configuration-popup:before{border-color:rgba(194,225,245,0);border-left-color:#f2faff;border-width:12px;margin-top:-12px}.vis .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-active{box-shadow:0 0 10px #86d5f8}div.vis-tooltip{position:absolute;visibility:hidden;padding:5px;white-space:nowrap;font-family:verdana;font-size:14px;color:#000;background-color:#f5f4ed;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #808074;box-shadow:3px 3px 10px rgba(0,0,0,.2);pointer-events:none;z-index:5}