/* All vendor CSS imports moved to angular.json styles array to eliminate
   the sequential @import download waterfall and enable parallel bundling. */

.mdc-text-field {
    position: initial !important;
    will-change: opacity, color !important;
}

.mat-drawer-container.task-modeling-drawer {
    z-index: 1002 !important;
}

h1 {
    color: #369;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 250%;
}

ng-component {
    width: 100% !important;
}

.ui-content-body.white {
    background: #fff;
}

.tab-content > .tab-pane {
    min-height: 526px !important;
}

.content-advanced-filters .asset-card.active:after {
    content: "";
    width: 32px;
    height: 32px;
    background: 0 0;
    margin-left: -16px;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
}

.ui-select-toggle[_ngcontent-c0] > .caret[_ngcontent-c0] {
    position: absolute;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    display: none;
}

.content-advanced-filters .asset-card .asset-media a span {
    display: none;
}

ngx-item .carousel-item {
    height: 102px !important;
    padding: 5px;
}

ngx-item.item span {
    font-family: MuseoSans500, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.button,
.sites-table tbody tr td,
.sites-table thead tr th {
    font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
}

ngx-item.item:hover span {
    color: #fff;
}

ngx-item.item figure {
    filter: brightness(0.8);
}

ngx-item .activeState figure,
ngx-item.item:hover figure {
    filter: brightness(5);
}

ngx-item a {
    text-decoration: none !important;
}

#surveyForm .button,
#surveyForm .sslide a,
.button,
.button:hover {
    text-decoration: none;
}

.acc-style-1 .acc-heading h3 {
    margin-bottom: 6px !important;
}

.acc-style-1 .acc-heading ul.asset-details li label .truncate-questionText {
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.acc-style-1 .acc-heading ul.asset-details li .img-counter.square {
    display: inline-block;
    vertical-align: top;
    width: 28%;
    margin-top: 0 !important;
}

.acc-style-1 .acc-heading h3 .round-icon {
    width: 16px;
    height: 16px;
}

.acc-style-1 .acc-heading h3 .round-icon.bordered i {
    font-size: 12px;
    line-height: 13px;
}

.acc-style-1 .acc-heading h3 .round-icon.filled i {
    font-size: 12px;
    line-height: 16px;
}

.attachment-progress .attachment-item h3 {
    width: 100%;
    margin-bottom: 0;
    padding-top: 2px;
}

.attachment-progress .attachment-item h3 .progress-file {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}

.attachment-progress .attachment-item h3 .progress-file img {
    margin-right: 4px;
    margin-top: -2px;
}

.attachment-progress .attachment-item h3 .progress-label {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: calc(10% - 4px);
}

.tabbable {
    min-height: 120px !important;
}

.color-good {
    color: #b9e5d1 !important;
}

.with-date-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.with-date-icon i {
    font-size: 18px;
    position: absolute;
    left: 6px;
    top: 8px;
}

.with-date-icon input {
    padding-left: 26px;
}

.dz-image img {
    width: 100%;
    height: 100%;
}

.dropzone .dz-preview .dz-details {
    padding: 1em !important;
}

.dropzone .dz-preview .dz-details .dzDownload {
    background-color: RGBA(255, 255, 255, 0.4);
    color: #000;
    padding: 1px 4px;
    display: inline-block;
    border-radius: 3px;
    margin-top: 15px;
}

.dzDisabled {
    background: #ececec;
    pointer-events: none;
}

.dzDisabled .dz-remove {
    display: none !important;
}

.dropzone .dz-preview.dz-image-preview {
    background: 0 0 !important;
}

.round-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
}

app-asset-capture,
app-construct-install,
app-dummy-asset-list,
app-wh-list {
    width: 100% !important;
}

.round-icon.bordered i,
.round-icon.filled i {
    display: block;
    text-align: center;
    font-size: 14px;
}

.round-icon.filled.red {
    background-color: #ef9f9a;
}

.round-icon.filled.green {
    background-color: #96d8ba;
}

.round-icon.filled.blue {
    background-color: #8da8db;
}

.round-icon.filled.orange {
    background-color: #f9a566;
}

.round-icon.filled.yellow {
    background-color: #fbd47a;
}

.round-icon.filled.teal {
    background-color: #49b8bd;
}

.round-icon.filled i {
    color: #fff;
    line-height: 20px;
}

.round-icon.bordered.red {
    border: 2px solid #ef9f9a;
}

.round-icon.bordered.red i {
    color: #ef9f9a;
}

.round-icon.bordered.green {
    border: 2px solid #96d8ba;
}

.round-icon.bordered.green i {
    color: #96d8ba;
}

.round-icon.bordered.blue {
    border: 2px solid #8da8db;
}

.round-icon.bordered.blue i {
    color: #8da8db;
}

.round-icon.bordered.orange {
    border: 2px solid #f9a566;
}

.round-icon.bordered.orange i {
    color: #f9a566;
}

.round-icon.bordered.yellow {
    border: 2px solid #fbd47a;
}

.round-icon.bordered.yellow i {
    color: #fbd47a;
}

.round-icon.bordered.teal {
    border: 2px solid #49b8bd;
}

.round-icon.bordered.teal i {
    color: #49b8bd;
}

.round-icon.bordered i {
    line-height: 17px;
}

.green-carousel .slick-arrow:before {
    color: #777;
}

.green-carousel .slide .carousel-item a figure {
    background-size: contain;
    margin-top: 5px;
}

.acc-style-1 .acc-heading ul.asset-details li {
    height: 75px !important;
}

.category-card {
    min-height: 600px !important;
}

.category-module-list li a .fa {
    vertical-align: bottom !important;
}

.carousel-control-next,
.carousel-control-prev {
    display: none !important;
}

.pointer {
    cursor: pointer;
}

.move-icon {
    cursor: move !important;
}

app-wh-asset-list {
    width: 100%;
}

app-wh-fixed-assets app-assets-details .ui-section {
    margin-left: 0 !important;
}

#surveyTabs .tab-content {
    min-height: 430px;
}

.round {
    background: center center no-repeat #12828e;
    background-size: 55px 45px;
}

.field-wrapper typeahead-container.dropdown.open {
    width: 80% !important;
}

.consolidated .dropdown .dropdown-menu {
    max-height: 200px;
}

.sites-table thead tr th {
    padding-right: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #bdc9d1;
    color: #5f616c;
    font-weight: 400;
}

.sites-table tbody tr td {
    border-bottom: 1px solid #e2e8eb;
    color: #7a7a7a;
    padding: 12px 10px 12px 0;
    transition: all 0.3s ease-in-out;
}

.sites-table tbody tr.active td,
.sites-table tbody tr:hover td {
    background-color: #f5f8fa;
    color: #414e5d;
}

.scrollX {
    width: 100%;
    overflow-x: auto;
}

.scrollX::-webkit-scrollbar {
    height: 8px;
    background-color: #fafbfc;
}

.scrollX::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ccc;
}

.scrollX::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #fafbfc;
}

.sites-table tbody tr td input {
    border-radius: 0;
    line-height: inherit;
}

.sites-table tbody tr td .control-checkbox.disabled .control_indicator {
    pointer-events: none;
    background-color: #ccc;
}

.mt30 {
    margin-top: 30px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.button.light-gray:active,
.button.light-gray:hover {
    background-color: #fff;
    outline: 0;
}

.button.light-gray {
    background-color: #f1f4f7;
    border: 1px solid #d4d9e0;
    color: #414e5d;
}

.button.teal,
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #49b8bd;
    border: 1px solid #49b8bd;
}

.mat-checkbox-input {
    width: 1px;
}

.mat-checkbox-background,
.mat-checkbox-frame {
    border-radius: 0 !important;
}

.control-checkbox .mat-checkbox-checked .mat-checkbox-inner-container {
    border: 1px solid #49b8bd;
}

.control-checkbox .mat-checkbox-inner-container {
    position: absolute;
    top: 3px;
    left: 0;
    height: 14px;
    width: 14px;
    background: #fafbfc;
    border: 1px solid #647387;
}

.sites-table tbody tr td .control-checkbox {
    margin-top: -10px;
    margin-left: 10px;
}

.control {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control_indicator {
    position: absolute;
    top: 3px;
    left: 0;
    height: 14px;
    width: 14px;
    background: #fafbfc;
    border: 1px solid #647387;
}

.control-radio .control_indicator {
    border-radius: 0;
}

.control:hover input ~ .control_indicator {
    background: #ccc;
}

.control input:checked ~ .control_indicator {
    background: #49b8bd;
    border: 1px solid #49b8bd;
}

.control input:checked:focus ~ .control_indicator,
.control:hover input:not([disabled]):checked ~ .control_indicator {
    background: #49b8bd;
}

.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: "";
    position: absolute;
    display: none;
}

.control input:checked ~ .control_indicator:after {
    display: block;
}

.control-checkbox .control_indicator:after {
    left: 4px;
    top: 1px;
    width: 3px;
    height: 7px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}

.button.teal.disabled {
    background-color: rgba(73, 184, 189, 0.6);
    border-color: rgba(73, 184, 189, 0.6);
    pointer-events: none;
}

.cycle-rail {
    margin-left: -14px;
}

.error-box,
.form-control.datepicker.ng-dirty.ng-invalid {
    border-color: red !important;
    background-color: #f5eded !important;
    box-shadow:
        inset 0 0 1px rgba(0, 0, 0, 0.075),
        0 0 3px rgba(130, 50, 22, 0.6) !important;
}

#siteForm .dropzone .dz-message {
    text-align: center;
    margin: 0 !important;
}

#surveyForm .dropzone .progress-text {
    color: #6b3838;
}

.owl-dt-container {
    width: 312px;
}

.owl-dt-container .owl-dt-calendar-control {
    background-color: #777;
    height: auto;
    padding: 16px 10px;
    border-radius: 3px 3px 0 0;
    text-align: justify;
    color: #fff;
    font-size: 14px;
}

.owl-dt-container .owl-dt-calendar-control .owl-dt-control-arrow-button {
    transition: background-color 0.3s ease-in-out;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.owl-dt-container .owl-dt-calendar-control .owl-dt-control-arrow-button:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.owl-dt-container .owl-dt-calendar-main {
    padding: 0;
}

.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
    font-size: 13px;
    color: #9aaec1;
    font-weight: 400;
    text-align: center;
    padding-bottom: 0;
}

.owl-dt-control-period-button .owl-dt-control-button-arrow svg path {
    fill: #fff;
}

.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
    display: none;
}

.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell {
    padding: 0 !important;
}

.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell-content {
    color: #54708b;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    margin: 0 auto;
    font-size: 13px;
    border-radius: 50%;
    position: relative;
}

.owl-dt-container-buttons,
.owl-dt-popup-container .owl-dt-calendar {
    height: auto;
}

.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell-content:hover {
    background-color: #e9edf0;
}

.owl-dt-container-row {
    border-bottom: 0;
}

.owl-dt-popup-container .owl-dt-timer {
    border-bottom: 1px solid #e9edf0;
}

.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell-today {
    /*background-color: #e9edf0;*/
    /*border: 0*/
}

.owl-dt-calendar-table .owl-dt-calendar-cell-content {
    top: 0;
    left: 0;
}

.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
    background-color: #777;
    border: 0;
    color: #fff;
}

.owl-dt-container-buttons .owl-dt-container-control-button {
    font-size: 14px;
    color: #54708b;
}

.owl-dt-container-control-button .owl-dt-control-button-content {
    padding: 12px 0;
}

figure.atp,
figure.bts,
figure.cme,
figure.cml,
figure.cnr,
figure.colo,
figure.drm,
figure.fa,
figure.hld,
figure.inte,
figure.ipran,
figure.kpi,
figure.link,
figure.ll,
figure.mos,
figure.ms05,
figure.ms075,
figure.ms08,
figure.ms1,
figure.ms10,
figure.ms11,
figure.ms12,
figure.ms13,
figure.ms14,
figure.ms15,
figure.ms2,
figure.ms225,
figure.ms25,
figure.ms3,
figure.ms4,
figure.ms5,
figure.ms55,
figure.ms6,
figure.ms7,
figure.ms8,
figure.ms9,
figure.msae,
figure.pa,
figure.period,
figure.pm,
figure.qc,
figure.rfk,
figure.sa,
figure.sdp,
figure.spv,
figure.ssa,
figure.steel,
figure.subpa,
figure.subverif,
figure.tl,
figure.tssr,
figure.validation,
figure.zac {
    width: 100% !important;
    height: 40px !important;
    display: block !important;
    margin-bottom: 5px;
}

.radio-box .disabled {
    pointer-events: none;
}

.radio-box .disabled input[type="radio"]:checked + .box {
    background-color: #d4d4d4 !important;
    color: #797979 !important;
    border-color: #c3c3c3 !important;
    opacity: 1;
}

.radio-box .disabled .box {
    opacity: 0.7;
}

.button.gray,
.button.teal {
    margin-right: 5px;
}

/*figure.bts {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/05_RF_Antenna.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.pm {*/
/*    background: url(../wwwroot/Images/asset-icon-19.svg) center top/auto 40px no-repeat*/
/*}*/

/*figure.hld {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/HLD.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.drm {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/DRM.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.sdp {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/SolutionDesignPackage.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.cml {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/CME-Lease.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ll {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/LeasedLine.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.tl {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/TowerLease.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.sa {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/SiteAccess.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.fa {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/FA.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.kpi {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/KPIValidation.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.pa {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/PA-RFCo.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.qc {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/QC.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms12 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_12.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms11 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_11.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.spv {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/SitePreliminaryValidation.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.validation {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/SiteValidation.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ssa {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/SSA.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.period {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/StabilityPeriod.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.subpa {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/SubAreaPA.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.subverif {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/SubAreaVerification.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.zac {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/ZAC.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.cme {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/CME-RFI.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.colo,*/
/*figure.inte {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/Integration.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ipran {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/IPRAN.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.itc {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/ITC.png) center top/auto 40px no-repeat;*/
/*    width: 100% !important;*/
/*    height: 40px !important;*/
/*    display: block !important;*/
/*    margin-bottom: 5px*/
/*}*/

/*figure.link {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/LinkRFSNotification.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms05 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_0.5.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms075 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_0.75.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms08 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_0.8.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms1 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_1.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms15 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_1.5.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms6 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_6.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms8 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_8.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms9 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_9.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms10 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_10.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms13 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_13.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms14 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_14.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms7 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_7.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms55 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_5.5.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms5 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_5.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms4 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_4.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms3 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_3.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms2 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_2.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms225 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_2.25.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.ms25 {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_2.5.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.msae {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/milestone_A_E.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.cnr {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/Cable_Radio.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.rfk {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/RF_Kit.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.steel {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/steel_200.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.mos {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/MOS.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.tssr {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/TSSR.png) center top/auto 40px no-repeat*/
/*}*/

/*figure.atp {*/
/*    background: url(../wwwroot/Images/icons/assets/gray/200/atp_icon.png) center top/auto 40px no-repeat*/
/*}*/

.more-filters .right-list li a.ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-right: 30px;
}

.dropdown-item {
    padding-left: 13px;
}

.maintenance {
    background-color: #45b7af;
}

.task {
    background-color: #ffae55;
}

.fixedAssets {
    background-color: #257b9f;
}

.btn:focus,
.btn:hover {
    color: #fff;
    text-decoration: none;
}

#leaseTab .tab-content,
#surveyTabs .tab-content {
    width: 100%;
    margin-left: 0 !important;
    overflow: hidden;
    border: none;
    margin: 0 0 15px;
    padding: 0 15px 15px;
}

#surveyForm .new-modal,
#surveyForm .new-modal .modal-content,
.new-modal {
    border-radius: 0;
}

#surveyForm .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

#surveyForm .form-inline .form-group {
    width: 100%;
    margin-bottom: 20px;
    display: block;
}

#surveyForm .form-inline .form-group > .form-label {
    width: 27%;
    margin-right: 20px;
    text-align: right;
    display: inline-block;
}

#surveyForm .form-group input[type="text"].full {
    width: 460px;
}

#surveyForm .new-modal,
.widget-section {
    font-size: 1.0714285714rem;
}

#surveyForm .modal-content {
    position: relative;
    background-color: #fff;
    outline: 0;
    display: flex;
    -webkit-box-orient: vertical;
}

.angularModal .form-group,
.angularModal .form-inline {
    -webkit-box-orient: horizontal;
}

#surveyForm .modal-style {
    box-shadow: none !important;
    border: none !important;
    font-size: 15px;
    width: 740px !important;
}

#surveyForm .acc-style-1 {
    margin-top: 0;
}

#tab-cat a.sectionSelect {
    margin-left: 20px;
    margin-bottom: 5px;
    font-family: MuseoSans500, Helvetica, Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    color: #777;
    display: block;
}

#surveyForm .sslide a {
    height: 100px;
    border: 1px solid #f7f7f7;
    border-radius: 5px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 10px;
    line-height: 120%;
    text-align: center;
    color: #777;
    display: block;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
}

#surveyForm .button.teal {
    background-color: #49b8bd;
    cursor: pointer;
    outline-color: #fff;
}

#surveyForm .new-modal .modal-content .button {
    min-width: 110px;
    padding: 6px 16px;
}

#surveyForm .button.teal.disabled {
    background-color: rgba(73, 184, 189, 0.6);
    pointer-events: none;
}

#surveyForm .button.gray {
    background-color: #f1f4f7;
    cursor: pointer;
    border: 1px solid #d4d9e0;
    padding: 5px 16px;
    color: #414e5d;
}

#surveyForm .button.gray.disabled {
    background-color: #ccc;
    pointer-events: none;
    color: #fff;
}

#surveyForm .dropzone {
    width: 460px;
    border: 1px dashed #bdbec0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    min-height: auto;
    padding: 10px;
    max-height: 200px;
    overflow-y: auto;
}

#surveyForm .dropzone .dz-message {
    text-align: center;
    margin: 0 !important;
}

#surveyForm .button {
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
    text-align: center;
    transition: all 0.3s ease-in-out;
    min-width: 110px;
    padding: 6px 16px;
    cursor: pointer;
}

.angularModal {
    font-size: 15px;
}

.angularModal .modal-header {
    background: #fafbfc;
    padding: 15px;
    display: flex;
    -webkit-box-align: center;
    justify-content: space-between;
    border-bottom: 1px solid #eceeef;
}

.angularModal .modal-header .modal-title {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.5;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.angularModal .modal-content .modal-header .close {
    margin-top: auto;
    margin-right: -2px;
}

.angularModal .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.angularModal .form-group {
    width: 100%;
    margin-bottom: 20px;
    display: block;
    flex: 0 0 auto;
    flex-flow: row wrap;
}

.angularModal .modal-content .form-inline .form-group > .form-label {
    width: 27%;
    margin-right: 20px;
    text-align: right;
    display: inline-block;
}

.angularModal .form-control.full {
    width: 350px;
}

.angularModal .form-group .form-label {
    vertical-align: top;
    line-height: 33px;
    width: 27%;
    text-align: right;
    display: inline-block;
}

.angularModal .ng-select {
    display: inline-flex;
    vertical-align: middle;
}

.angularModal .full {
    width: 350px;
}

.help-block.l-gray {
    font-size: 13px;
}

.h4.dblue {
    font-size: 14px;
}

.site-sidebar h2 {
    font-size: 18px;
}

.quick-info p {
    font-size: 13.8px;
}

.attachment-item h3,
.attachment-item p {
    font-size: 12px !important;
}

.category-card {
    margin: 40px 10px;
    padding: 30px 40px;
}

ngx-item .carousel-item {
    width: 84px !important;
}

.attachment-item {
    background: #f6f8fa;
    border-right: 2px solid #49b8bd;
    margin-bottom: 15px;
    padding: 10px;
    display: inline-block;
    width: 460px;
    margin-top: 5px;
}

.attachment-item h3 {
    color: #416ec3 !important;
    display: block;
    overflow: hidden;
}

.attachment-item a .material-icons {
    font-size: 16px;
    color: #8f9cae;
    vertical-align: text-bottom;
}

.category-module-list li a:hover {
    padding-left: 10px !important;
}

#Timehistory .filters-bar {
    margin-top: 20px;
}

#imgCount {
    font-size: 11px;
    line-height: 2.2;
    background: rgba(0, 0, 0, 0.45);
}

.nav-pills.fieldforce-pills.adjusted-pills > li > a {
    padding: 10px 20px !important;
}

.button.light-blue {
    padding: 8px 30px;
    background-color: #6dc4fb;
    margin-right: 5px;
}

.button.light-blue.disabled {
    pointer-events: none;
    background-color: rgba(109, 196, 251, 0.5);
}

.button.light-blue:hover {
    background-color: #63b7ed;
    color: #fff;
}

.dropzone.dz-started .dz-message {
    display: block !important;
}

.green-coloring {
    color: #5aba8a !important;
}

.red-coloring {
    color: #f22613 !important;
}

.bs-datepicker-head button.current {
    min-width: 100px;
}

app-site-list {
    width: 100%;
}

app-recon-upload {
    width: 100%;
}

app-site-list .field-wrapper typeahead-container.dropdown.open {
    width: 97% !important;
}

app-recon-upload .field-wrapper typeahead-container.dropdown.open {
    width: 97% !important;
}

app-site-list .btn-group .filters-bar .open .show {
    display: inline-flex !important;
}

app-site-list .pagination {
    margin-top: 0 !important;
}

app-site-list .filters-bar .tags-bar span.tgTxt {
    color: #9daeb9;
}

app-site-list .site-code-red {
    color: #f22613 !important;
}

app-site-list .filters-bar .form-control {
    border: 1px solid #ccc;
    border-radius: 0;
}

app-site-list .field-wrapper i {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 14px;
}

app-recon-upload .pagination {
    margin-top: 0 !important;
}

app-recon-upload .dropzone .dz-message {
    margin: 1em 0 !important;
}

app-recon-upload .progress {
    height: 15px;
}

app-sse-main {
    width: 100%;
}

app-sse-main .upper-sec h1 {
    padding: 0;
}

app-sse-main textarea.form-control {
    margin-bottom: 0 !important;
}

app-sse-main .side-left-panel .slimscroll-bar {
    right: 38px !important;
    opacity: 0.4 !important;
}

app-sse-main .side-left-panel .slimscroll-grid {
    display: none !important;
}

.data-set-accordian .accrodian-body .form-group select {
    background: no-repeat calc(100% - 6px) 50% !important;
}

.data-set-accordian .accrodian-body .form-group select:disabled {
    background: no-repeat calc(100% - 6px) 50% !important;
    background-color: #eceeef !important;
}

.data-set-accordian .accrodian-body .form-group select option:disabled {
    color: #b4bbc3;
}

.side-left-panel .ft-pagination a.disabled {
    color: #c2cde2;
}

.side-left-panel .ft-pagination a.disabled:hover {
    color: #65686d;
}

.site-details.warehouse .status.blue .blue {
    display: inline-block;
    opacity: 1;
    width: 24px;
}

.site-details.warehouse .status span:hover.blue {
    border-color: #9dcfdb;
}

.pointer-no-color {
    cursor: pointer;
}

app-sse-main .filters-bar.fixed-filters {
    min-height: 10px !important;
    padding: 4px !important;
}

app-sse-main .side-left-panel {
    margin-top: 50px !important;
}

app-sse-main .center-content {
    margin-top: 50px !important;
}

app-sse-main .no-risk.colors {
    color: #414e5d !important;
}

.data-set-accordian .accrodian-body .form-group .upload-document {
    position: sticky;
    top: calc(100% - 29px);
}

app-sse-main .fallout-in-site-list {
    color: #f22613 !important;
}

app-sse-main .fallout-in-site-detail {
    color: #f22613 !important;
}

app-sse-main .non-fallout-in-site-detail {
    color: #70c79e !important;
}

.info-notify {
    position: relative;
    padding: 8px 8px 8px 42px;
    background-color: #d4eafc;
    border: 1px solid #1e86c1;
}

.info-notify .material-icons {
    color: #1e86c1;
    font-size: 28px;
    position: absolute;
    left: 8px;
    top: 8px;
}

.info-notify h6 {
    font-family: MuseoSans-Bold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}

.info-notify p {
    font-size: 14px;
    margin-bottom: 0;
}

.side-left-panel .ft-pagination input {
    width: 32px;
    font-size: 14px;
    text-align: center;
    background-color: transparent;
    border: 2px solid #7e8187;
    color: #7e8187;
}

.side-left-panel .ft-pagination a.left {
    float: left;
}

.side-left-panel .ft-pagination a.right {
    float: right;
}

.side-left-panel .ft-pagination a {
    color: #7e8187;
    transition: all 0.3s ease-in-out;
    position: relative;
    top: 2px;
}

.side-left-panel .side-header .search-column {
    position: relative;
    margin-top: 10px;
    padding-right: 20px;
}

app-wh-asset-list {
    width: 100%;
}

app-wh-fixed-assets app-assets-details .ui-section {
    margin-left: 0 !important;
}

.loading {
    left: 50%;
    margin-top: -30px;
    position: fixed;
    top: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    background: no-repeat center center;
}

.loaderHolder {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.95;
    -moz-opacity: 0.95;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}

.sites-table {
    width: 100%;
}

.sites-table.fixed-layout {
    table-layout: fixed;
}

.sites-table thead tr th {
    padding-right: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #bdc9d1;
    color: #5f616c;
    font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    position: relative;
}

.sites-table thead tr th i {
    position: absolute;
    right: 6px;
    top: 3px;
    font-size: 14px;
    font-size: 1rem;
}

.sites-table thead tr th .button.with-icon i {
    font-size: 16px;
    font-size: 1.1428571429rem;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    right: auto;
    top: auto;
}

.sites-table thead tr th:last-child {
    padding-right: 0;
}

.sites-table thead tr th.sort {
    color: #414e5d;
    border-bottom: 2px solid #6dc4fb;
}

.sites-table thead tr th.sort.asc {
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 4px;
    /*background-image: url(../wwwroot/Images/sort-icon.jpg);*/
}

.sites-table thead tr th.sort.decs {
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 4px;
    /*background-image: url(../wwwroot/Images/sort-icon-decs.jpg);*/
}

.sites-table thead tr th.sort.num-asc {
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 4px;
    /*background-image: url(../wwwroot/Images/sort-icon-num.jpg);*/
}

.sites-table thead tr th.sort.num-decs {
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 4px;
    /*background-image: url(../wwwroot/Images/sort-icon-num-decs.jpg);*/
}

.sites-table thead tr th.highlight {
    color: #414e5d;
    border-bottom: 2px solid #49b8bd;
}

.sites-table tbody tr td {
    border-bottom: 1px solid #e2e8eb;
    color: #7a7a7a;
    padding: 12px 10px 12px 0;
    transition: all 0.3s ease-in-out;
    font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
}

.sites-table tbody tr td:last-child {
    padding-right: 0;
}

.sites-table tbody tr td.date,
.sites-table tbody tr td.date i {
    color: #acacac !important;
}

.sites-table tbody tr td .download,
.sites-table tbody tr td .download i {
    color: #49b8bd !important;
}

.sites-table tbody tr td.user {
    color: #acacac !important;
}

.sites-table tbody tr td.user i {
    color: #416ec3 !important;
}

.sites-table tbody tr td .delete,
.sites-table tbody tr td .delete i {
    color: #acacac !important;
}

.sites-table tbody tr td .delete span {
    position: relative;
    top: 2px;
}

.sites-table tbody tr td input {
    border-radius: 0;
    line-height: inherit;
}

.sites-table tbody tr td .control-checkbox {
    margin-top: -10px;
    margin-left: 10px;
}

.sites-table tbody tr td select {
    border-radius: 0;
}

.sites-table tbody tr td .img {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.sites-table tbody tr td sub {
    bottom: 0;
    font-size: 90%;
}

.sites-table tbody tr td .two-line {
    display: block;
}

.sites-table tbody tr td .color-green {
    color: #7ccc80;
}

.sites-table tbody tr td .color-orange {
    color: #f19a58;
}

.sites-table tbody tr td .color-red {
    color: #f77;
}

.sites-table tbody tr td .color-blue {
    color: #416ec3;
}

.sites-table tbody tr td .comments-pop {
    color: #7a7a7a;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.sites-table tbody tr td .comments-pop .material-icons {
    color: #7a7a7a;
    font-size: 20px;
    font-size: 1.4285714286rem;
}

.sites-table tbody tr td .comments-pop.notify .material-icons {
    position: relative;
}

.sites-table tbody tr td .comments-pop.notify .material-icons:after {
    content: "";
    position: absolute;
    right: -2px;
    top: -2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f77;
}

.sites-table tbody tr td .comments-pop:hover {
    text-decoration: none;
}

.sites-table tbody tr td .details {
    display: inline-block;
    vertical-align: middle;
    color: #7a7a7a;
    transition: color 0.3s ease-in-out;
}

.sites-table tbody tr td .details:hover {
    color: #49b8bd;
    text-decoration: none;
}

.sites-table tbody tr td .details p {
    color: #657488;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 12px;
}

.sites-table tbody tr td .details p.blue {
    color: #416ec3;
    font-size: 14px;
}

.sites-table tbody tr td .blue,
.sites-table tbody tr td .details p.blue {
    transition: all 0.3s ease-in-out;
    font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
}

.sites-table tbody tr td .blue {
    color: #8da8db;
}

.sites-table tbody tr td .number {
    margin-bottom: 4px;
}

.sites-table tbody tr td .percent-bar {
    width: 50%;
    background-color: #8f9cae;
    height: 6px;
}

.sites-table tbody tr td .percent-bar .percent-base {
    display: inline-block;
    vertical-align: top;
    height: 6px;
}

.sites-table tbody tr td .percent-bar .percent-base.good {
    background-color: #b9e5d1;
}

.sites-table tbody tr td .percent-bar .percent-base.accept {
    background-color: #b3c5e7;
}

.sites-table tbody tr td .percent-bar .percent-base.fair {
    background-color: #fbc399;
}

.sites-table tbody tr td .percent-bar .percent-base.critical {
    background-color: #f4bfbb;
}

.sites-table tbody tr td .material-icons {
    transition: color 0.3s ease-in-out;
    margin-right: 3px;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #0baef1;
    vertical-align: middle;
}

.sites-table tbody tr td .material-icons.file {
    font-size: 19px;
    font-size: 1.3571428571rem;
    color: #9d9d9d !important;
}

.sites-table tbody tr td .material-icons.calendar {
    vertical-align: middle;
    position: relative;
    right: 20px;
}

.sites-table tbody tr td .material-icons.close-icon {
    vertical-align: middle;
    position: relative;
    right: 20px;
    display: none;
}

.sites-table tbody tr td .material-icons.blue-icon {
    color: #0baef1 !important;
}

.sites-table tbody tr td .material-icons.gray-icon {
    color: #7c94a4;
}

.sites-table tbody tr td .material-icons.gray-icon:hover {
    color: rgba(73, 184, 189, 0.8);
}

.sites-table tbody tr td .button .material-icons {
    font-size: 16px;
    font-size: 1.1428571429rem;
    vertical-align: middle;
    margin-right: 5px;
    color: inherit;
}

.sites-table tbody tr td .view-tickets {
    transition: color 0.3s ease-in-out;
    font-size: 12px;
    font-size: 0.8571428571rem;
    color: #6f7883;
    text-decoration: underline;
}

.sites-table tbody tr td .view-tickets:hover {
    color: rgba(73, 184, 189, 0.8);
}

.sites-table tbody tr td .ellipsis {
    width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.sites-table tbody tr td .ellipsis + span {
    display: none;
}

.sites-table tbody tr td .ellipsis.active {
    white-space: normal;
    display: inline;
}

.sites-table tbody tr td .ellipsis.active + span {
    display: inline;
}

.sites-table tbody tr td .ellipsis.half-size {
    width: 200px;
}

.sites-table tbody tr td.cross i {
    cursor: pointer;
}

.sites-table tbody tr:last-child td {
    border-bottom: none;
}

.sites-table tbody tr.active td,
.sites-table tbody tr:hover td {
    background-color: #f5f8fa;
    color: #414e5d;
}

.sites-table tbody tr.active td .delete,
.sites-table tbody tr.active td .delete i,
.sites-table tbody tr:hover td .delete,
.sites-table tbody tr:hover td .delete i {
    color: #fa595e !important;
}

.sites-table tbody tr.active td .details p.blue,
.sites-table tbody tr:hover td .details p.blue {
    color: #414e5d;
}

.sites-table.first-padded tbody tr td .details {
    padding-left: 10px;
}

.sites-table.tickets-table thead tr th.highlight {
    color: #414e5d;
    border-bottom: 2px solid #49b8bd;
}

.sites-table.tickets-table tbody tr td:first-child,
.sites-table.tickets-table thead tr th:first-child {
    padding-left: 10px;
}

.sites-table.accordion-table thead tr th {
    padding: 0 10px 12px 0;
}

.sites-table.accordion-table tbody tr td {
    vertical-align: top;
    padding: 8px 10px 8px 0;
    max-width: 200px;
}

.sites-table.accordion-table tbody tr td.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sites-table.accordion-table tbody tr td.no-icon {
    padding-left: 20px;
}

.sites-table.accordion-table tbody tr td .row-toggle {
    display: inline-block;
}

.sites-table.accordion-table tbody tr td .row-toggle .material-icons {
    color: rgba(73, 184, 189, 0.8);
    margin-right: 0;
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
}

.sites-table.accordion-table tbody tr td .inner-table {
    width: 100%;
}

.sites-table.accordion-table tbody tr td .inner-table tr:last-child td {
    border-bottom: none;
}

.sites-table.accordion-table tbody tr td .inner-table td {
    padding: 8px 20px;
}

.sites-table.accordion-table tbody tr td .inner-table td:first-child {
    width: 1548px;
}

.sites-table.accordion-table tbody tr td .inner-table td .color-critical {
    color: #ef9f9a !important;
}

.sites-table.accordion-table tbody tr td .inner-table td span {
    display: inline-block;
    padding-right: 6px;
    padding-top: 4px;
}

.sites-table.accordion-table tbody tr td .inner-table td .button {
    min-width: 110px;
    padding: 6px 16px;
}

.sites-table.accordion-table tbody tr td .inner-table td .button.gray {
    background-color: #f1f4f7;
    border: 1px solid #d4d9e0;
    padding: 5px 16px;
    color: #414e5d;
}

.sites-table.accordion-table tbody tr td .inner-table td .button.gray:hover {
    background-color: #fff;
    color: inherit;
}

.sites-table.accordion-table tbody tr td .inner-table td .button.gray.active,
.sites-table.accordion-table tbody tr td .inner-table td .button.gray:active {
    background-color: #49b8bd;
    color: #fff;
}

.sites-table.accordion-table tbody tr.toggle-row-parent.closed {
    background-color: #f6f8fa;
}

.sites-table.accordion-table tbody tr.toggle-row-parent.closed .row-toggle .material-icons {
    color: #7f7f7f;
    transform: rotate(0);
}

.sites-table.accordion-table tbody tr.toggle-row-parent.closed ~ tr.toggle-row-child {
    display: none;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child.opened {
    display: table-row;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child td {
    padding: 8px 10px 8px 0;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child td:first-child {
    padding-left: 20px;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child td span {
    display: inline-block;
    padding-right: 12px;
    padding-top: 4px;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child td .button {
    min-width: 80px;
    padding: 4px 12px;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child td .button.gray {
    background-color: #f1f4f7;
    border: 1px solid #d4d9e0;
    padding: 5px 16px;
    color: #414e5d;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child td .button.gray:hover {
    background-color: #fff;
    color: inherit;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child td .button.gray.active,
.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child td .button.gray:active {
    background-color: #49b8bd;
    color: #fff;
}

.sites-table.accordion-table tbody tr.toggle-row-parent ~ tr.toggle-row-child.with-texticon td:first-child {
    font-size: 11px;
    /*font-size: .7857142857rem;*/
    vertical-align: bottom;
}

.sites-table.accordion-table
    tbody
    tr.toggle-row-parent
    ~ tr.toggle-row-child.with-texticon
    td:first-child
    .material-icons {
    font-size: 12px;
    /*font-size: .8571428571rem*/
}

.sites-table.padded thead tr th {
    padding: 12px 10px;
    color: #000;
    font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
}

.sites-table.padded thead tr th.teal-heading {
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-family: MuseoSans-Bold, Arial, Helvetica, sans-serif;
    color: #49b8bd;
    vertical-align: bottom;
}

.sites-table.padded tbody tr td {
    padding: 12px 10px;
}

.sites-table.padded tbody tr td .control-checkbox {
    margin-left: 0;
}

.sites-table.padded tbody.row-icons tr td .material-icons {
    color: #929baa;
    width: auto;
    margin-right: 0;
}

.sites-table.padded tbody.row-icons tr td a {
    color: #7a7a7a;
    display: block;
}

.sites-table.padded tbody.row-icons tr td a .material-icons {
    width: auto;
    max-width: 20px;
    margin-right: 5px;
}

.sites-table.padded tbody.row-icons tr td a:hover {
    color: #49b8bd;
    text-decoration: none;
}

.sites-table.padded tbody.row-icons tr td a:hover i {
    color: #49b8bd !important;
}

.sites-table.white-hover tbody tr {
    transition: all 0.3s ease-in-out;
}

.sites-table.white-hover tbody tr:hover {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1);
}

.sites-table.white-hover tbody tr:hover td {
    background-color: #fff;
}

.sites-table.input-field-text tbody tr td input.form-control {
    padding: 2px 6px;
    background-color: transparent;
    border-color: transparent;
    color: #7a7a7a;
    font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
}

.sites-table.input-field-text tbody tr:hover td input.form-control {
    border-color: rgba(0, 0, 0, 0.15);
}

.sites-table.input-field-text tbody tr:hover td input.form-control:focus {
    border-color: #5cb3fd;
}

.page-filters {
    text-align: right;
    margin-bottom: 16px;
}

.page-filters ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.page-filters ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
}

.page-filters ul li a {
    padding: 12px 18px;
    background-color: #fafbfc;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.025);
    color: #414e5d;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    position: relative;
}

.page-filters ul li a:hover,
page-filters ul li a.active {
    background-color: #414e5d;
    color: #fafbfc;
    text-decoration: none;
}

.filters-bar {
    position: unset !important;
    top: 0;
}

.pure-material-checkbox2 > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -11px;
    top: -11px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: hsla(204, 3%, 70%, 0.6);
    box-shadow: none;
    outline: 0;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition:
        opacity 0.3s,
        transform 0.2s;
}

.data-filter-container .data-accordian-list ul li .pure-material-checkbox2 {
    display: inline-block;
    width: auto !important;
    margin-bottom: 0;
}

.data-filter-container .data-accordian-list ul li .pure-material-checkbox2 input {
    top: -8px;
    background-size: auto;
    padding-right: 0;
    background: hsla(204, 3%, 70%, 0.6) 0 0;
}

.data-filter-container .data-accordian-list ul li .pure-material-checkbox2 > span {
    font-size: 14px;
    line-height: 1.4;
    color: #7f7f7f;
}

.data-filter-container .data-accordian-list ul li .pure-material-checkbox2 > span:before {
    margin-right: 6px;
}

.data-filter-container .data-accordian-header h5 .pure-material-checkbox2 input {
    top: -8px;
    background: 0 0;
    background-size: auto;
    padding-right: 0;
    background-color: hsla(204, 3%, 70%, 0.6);
}

.data-filter-container .data-accordian-header h5 .pure-material-checkbox2 > span {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.4;
    color: #7f7f7f;
}

.data-filter-container .data-accordian-header h5 .pure-material-checkbox2 > span:before {
    margin-right: 6px;
}

.data-filter-container .data-accordian-header h5 .pure-material-checkbox2 > span {
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

.pure-material-checkbox2 > span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.data-filter-container .data-accordian-list h5 .pure-material-checkbox2 {
    display: inline-block;
    width: auto !important;
    margin-bottom: 0;
}

.data-filter-container .data-accordian-list h5 .pure-material-checkbox2 > span {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.4;
    color: #7f7f7f;
}

.data-filter-container .data-accordian-header h5 .pure-material-checkbox2 {
    display: inline-block;
    width: auto !important;
    margin-bottom: 0;
}

.data-filter-container .data-accordian-list ul li .pure-material-checkbox2 input.checked + span {
    color: #377db8;
}

.pure-material-checkbox2 > input.checked + span:after {
    border-color: #377db8;
}

.data-filter-container .data-accordian-list h5 .pure-material-checkbox2 input.checked + span {
    color: #377db8;
}

app-create-report .create-report-fields .form-inline .form-group .advanced-search {
    display: block !important;
}

app-create-report .filters-bar .search-column:after {
    content: "";
}

app-create-report .create-report-fields .form-inline .form-group .advanced-search {
    width: 100%;
}

app-create-report .filters-bar.with-border {
    border-bottom: none;
}

app-create-report .create-report-fields .form-inline .form-group .advanced-search {
    left: 0;
}

app-create-report .filters-bar.fixed-filters {
    padding: 0;
}

app-create-report .create-report-fields .form-inline .form-group .advanced-search {
    padding: 0;
}

.pure-material-checkbox > input.checked + span:after,
.pure-material-checkbox > input:indeterminate + span:after {
    border-color: #377db8;
}

.full-width + .dropdown-menu {
    width: 100%;
}

.custom-ui .mat-form-field-label {
    padding: 4px;
    margin-bottom: 0;
}

.mat-autocomplete-panel.mat-autocomplete-visible {
    background-color: #fff;
}

.mat-optgroup-label {
    font-size: 16px;
    font-weight: 600;
}

app-create-report .material-advance-search.top-level {
    margin: 0 auto 0 !important;
}

app-main-component {
    width: 100%;
}

app-project-list app-search-main .filters-bar.fixed-filters {
    position: unset !important;
}

app-project-sites app-search-main .filters-bar.fixed-filters {
    position: unset !important;
}

.not-found-box {
    padding: 100px 0;
    text-align: center;
}

.not-found-box img {
    margin-bottom: 30px;
}

.not-found-box h1 {
    margin-bottom: 10px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #12202b;
}

.not-found-box p {
    font-size: 18px;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: 13px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    font-size: 13px;
}

.ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 200px;
}

.ng-dropdown-panel .scroll-host {
    max-height: 200px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5faff !important;
    color: #333 !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:hover {
    background-color: #f5faff !important;
}

.create-report-fields .form-inline .form-group label.pure-material-checkbox {
    width: auto;
}

.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.form-inline .form-group.view-only .select2-field {
    pointer-events: none;
}

.form-inline .form-group.view-only .ng-select.ng-select-single .ng-select-container {
    background-color: #e5e5e5 !important;
    border-color: #c7c8ca !important;
}

.form-inline .form-group.view-only-2 .ng-select.ng-select-single .ng-select-container {
    background-color: #e5e5e5 !important;
    border-color: #c7c8ca !important;
}

.pointer {
    cursor: pointer;
}

app-tktdetails-main {
    width: 100%;
}

.customDropzone {
    padding: 10px;
}

.customDropzone.dz-clickable {
    text-align: center;
}

.customDropzone .dz-preview {
    margin: 0 10px 10px 0;
    min-height: auto;
}

.customDropzone .dz-message {
    margin-top: 0;
}

.customDropzone .dz-preview .dz-image {
    width: 80px;
    height: 80px;
}

.customDropzone .dz-preview .dz-image img {
    transform: scale(1.05, 1.05);
}

.customDropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 5px;
    font-size: 12px;
}

.customDropzone .dz-preview .dz-details .dz-filename {
    font-size: 12px;
}

.non-change-field .ng-select .ng-select-container {
    background-color: #ddd !important;
}

.non-change-field .ng-select.ng-select-single .ng-select-container {
    background-color: #e5e5e5 !important;
    border-color: #c7c8ca !important;
}

.pointer {
    cursor: pointer;
}

thead tr th.sort.decs {
    background-repeat: no-repeat !important;
    background-position: 5px 17px !important;
    background-color: #f3f7fa !important;
}

thead tr th.sort.decs {
    /*background-image: url(../wwwroot/Images/Revamp/All/sort-dsc.svg) !important;*/
}

thead tr th.sort.asc {
    background-repeat: no-repeat !important;
    background-position: 5px 17px !important;
    /*background-image: url(../wwwroot/Images/Revamp/All/sort-asc.svg) !important;*/
    background-color: #f3f7fa !important;
}

thead tr th.sort {
    color: #414e5d;
    background-repeat: no-repeat;
    background-position: 5px 17px;
    /*background-image: url(../wwwroot/Images/Revamp/All/sort.svg);*/
    background-color: #f3f7fa;
}

.gallery-container .gallery-strip .slick-arrow.slick-next {
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    /*background-image: url(../wwwroot/Images/gallery-arrow-right.svg) !important;*/
}

.gallery-container .gallery-strip .slick-arrow.slick-prev {
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    /*background-image: url(../wwwroot/Images/gallery-arrow-left.svg) !important;*/
}

body.modal-open {
    overflow: visible;
}

app-tktdetails-gallery .slick-slide {
    text-align: center;
}

.no-visible {
    visibility: hidden;
}

.hideUnderline .mat-form-field-infix {
    width: 100px !important;
}

.custom-ng-select {
    font-size: 14px;
}

.custom-ng-select .ng-dropdown-panel {
    position: absolute;
    left: 0;
    display: block;
    opacity: 0;
    width: 100%;
    z-index: 8;
    /*padding-left: 10px;*/
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    transform: scale(1);
    transform-origin: center top;
    will-change: transform, opacity;
    transition:
        opacity 0.03s linear,
        transform 0.12s cubic-bezier(0, 0, 0.2, 1);
}

.material-style-form .field-group .custom-ng-select .ng-select-container {
    min-height: 50px;
}

.material-style-form .field-group .min-height .ng-select-container {
    min-height: 46px;
}

.material-style-form
    .field-group
    .custom-ng-select.ng-select-searchable
    .ng-select-container.ng-has-value
    .ng-placeholder {
    transform: translateY(-110%) scale(0.75) !important;
    display: block;
}

.material-style-form
    .field-group
    .custom-ng-select.ng-select-searchable.ng-select-opened
    .ng-select-container
    .ng-placeholder {
    color: #377db8;
    transform: translateY(-110%) scale(0.75) !important;
}

app-workflow-configurations
    .material-style-form
    .field-group
    .custom-ng-select.ng-select-searchable
    .ng-select-container.ng-has-value
    .ng-placeholder {
    transform: translateY(-1.38em) scale(0.75) !important;
    display: block;
    color: rgba(0, 0, 0, 0.6);
}

app-workflow-configurations
    .material-style-form
    .field-group
    .custom-ng-select.ng-select-searchable.ng-select-opened
    .ng-select-container
    .ng-placeholder {
    color: #377db8;
    transform: translateY(-1.38em) scale(0.75) !important;
}

app-tktdetails-survey
    .material-style-form
    .field-group
    .custom-ng-select.ng-select-searchable
    .ng-select-container.ng-has-value
    .ng-placeholder {
    transform: translateY(-1.38em) scale(0.75) !important;
    display: block;
    color: rgba(0, 0, 0, 0.6);
}

app-tktdetails-survey
    .material-style-form
    .field-group
    .custom-ng-select.ng-select-searchable.ng-select-opened
    .ng-select-container
    .ng-placeholder {
    color: #377db8;
    transform: translateY(-1.38em) scale(0.75) !important;
}

.material-style-form .field-group .custom-ng-select.ng-select-single .ng-select-container .ng-value-container,
.material-style-form
    .field-group
    .custom-ng-select.ng-select-single
    .ng-select-container.ng-has-value
    .ng-value-container
    .ng-value {
    padding-top: 4px;
}

.material-style-form .field-group .custom-ng-select.ng-select-multiple .ng-select-container .ng-value-container,
.material-style-form
    .field-group
    .custom-ng-select.ng-select-multiple
    .ng-select-container.ng-has-value
    .ng-value-container
    .ng-value {
    padding-top: 4px;
}

.material-style-form
    .field-group
    .custom-ng-select.ng-select-multiple
    .ng-select-container
    .ng-value-container
    .ng-placeholder,
.material-style-form
    .field-group
    .custom-ng-select.ng-select-multiple
    .ng-select-container.ng-has-value
    .ng-value-container
    .ng-placeholder {
    top: 14px;
}

.custom-ng-select .ng-select-container {
    min-height: 46px;
}

.custom-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    background: white;
}

.custom-ng-select .ng-dropdown-panel .scroll-host {
    box-shadow: 0 3px 20px 4px rgba(0, 0, 0, 0.16);
}

.custom-ng-select .ng-select-container .ng-value-container .ng-input input {
    min-height: 30px;
    padding-top: 7px;
}

.custom-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    font-family: Roboto, sans-serif;
    font-size: 16px;
}

.custom-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #ebf5ff !important;
}

/*.material-style-form .field-group .custom-ng-select .ng-select-container .ng-placeholder {
    margin-top: 6px !important;
}*/

ng-select .ng-invalid.ng-touched .ng-select-container {
    border: 2px solid #f44336;
}

.dialog-icon {
    text-align: center;
    color: #5aba8a;
}

.dialog-icon .material-icons {
    font-size: 72px;
}

.mat-dialog-content {
    border-bottom: 1px solid #ccced2;
    margin: 0 !important;
}

.mat-dialog-title {
    font-size: 24px;
    text-align: center;
    color: #020a20;
    margin: 10px 0 20px 0;
}

.mat-dialog-content p {
    color: #999da5;
    font-size: 16px;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.mat-dialog-actions {
    padding: 30px 0 !important;
}

.mat-flat-button {
    font-family: Roboto, sans-serif;
    /*font-weight: 700;*/
    font-size: 16px;
}

/*.mat-dialog-actions .mat-flat-button.mat-primary {
    background-color: #377DB8;
    color: #ffffff;
}*/

.mat-dialog-actions .mat-flat-button:focus {
    outline: 0;
}

.mat-dialog-actions .mat-flat-button.mat-primary.mat-button-wrapper {
    color: #fff;
}

.modal-with-icon {
    background-color: rgb(55, 125, 184);
    color: rgb(255, 255, 255);
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 16px;
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
}

.modal-with-icon:focus {
    outline: 0;
}

.modal-with-icon-secondary {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 16px;
    box-sizing: content-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 0;
    overflow: visible;
}

.modal-with-icon-secondary:focus {
    outline: 0;
}

.custom-disabled-row {
    background-color: hsla(204, 3%, 70%, 0.2) !important;
}

.green-bar {
    background-color: #377db8;
}

.mat-snack-bar-container.green,
.mat-snack-bar-container.green-bar {
    background-color: #5aba8a;
    color: #fff;
}

.mat-snack-bar-container.green .mat-simple-snackbar-action button,
.mat-snack-bar-container.green-bar .mat-simple-snackbar-action button {
    background-color: hsla(0, 0%, 100%, 0.16);
    max-height: none;
    color: #fff;
}

.mat-snack-bar-container .mat-simple-snackbar-action button {
    min-width: 100px !important;
    line-height: 36px !important;
    font-size: 14px;
    max-height: none !important;
}

.custom-dialog-container .mat-dialog-container {
    overflow: visible;
}

app-wm-crud
    .project-templating-main-panel.with-header-btns
    .project-templating-right-panel
    .newUI.sticky-table-head
    thead
    tr
    th {
    top: 268px !important;
}

.required .ng-select .ng-placeholder:after {
    content: " *";
    color: red;
}

.tooltip-black {
    background: #000000;
    margin: 5px !important;
    font-size: 11px;
}

.mb10 {
    margin-bottom: 10px;
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif:
        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.notice-new {
    background-color: rgba(0, 119, 192, 0.1);
    border: 1px solid #0077c0;
    border-radius: 4px;
    padding: 8px 16px;
}

.notice-new button span {
    color: #b2b5bb !important;
}

.notice-new span {
    color: #0077c0;
}

.notice-new .far {
    vertical-align: middle;
    color: #0077c0;
    font-size: 20px;
}

.notice-new span {
    margin-left: 6px;
    width: calc(100% - 36px);
}

.notice-new {
    background-color: rgba(0, 147, 255, 0.06);
    border: 1px solid rgba(0, 147, 255, 0.08);
    border-radius: 8px;
    padding: 16px 28px;
}

.notice-new span {
    color: #000;
    vertical-align: middle;
}

.notice-new .far {
    vertical-align: middle;
    color: #0093ff;
    font-size: 20px;
}

.notice-new span {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
    width: calc(100% - 42px);
}

.mat-flat-button.mat-green {
    background-color: #5aba8a;
    color: #ffffff !important;
}

.mat-flat-button.mat-blue {
    background-color: #0077c0;
    color: #fff !important;
}

.mat-flat-button {
    border-radius: 4px !important;
    line-height: 46px !important;
    min-width: 118px !important;
    vertical-align: middle !important;
}

.form-link-right,
.mat-flat-button {
    font-size: 16px;
}

.tabs-group .mat-tab.active {
    color: #0077c0;
}

.tabs-group .mat-tab.active:after {
    width: 100%;
}

.tabs-group .mat-tab:after {
    content: "";
    width: 0;
    height: 3px;
    background-color: #0077c0;
    position: absolute;
    bottom: -6px;
    left: 0;
}

.tabs-group .mat-tab:focus,
.tabs-group .mat-tab:hover {
    text-decoration: none;
}

.mat-button:hover .mat-button-focus-overlay,
.mat-stroked-button:hover .mat-button-focus-overlay {
    opacity: 0.04;
}

.mat-icon-button.smaller {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.mat-icon-button.mat-green {
    color: #5aba8a;
}

.gray-text {
    color: #b1b4b6 !important;
}

/*.new-search-records .show-advance-filters {*/
/*    border-radius: 3px !important;*/
/*    margin-left: -42px;*/
/*    top: 1px;*/
/*    height: 36px;*/
/*    width: 36px;*/
/*    overflow: hidden;*/
/*    margin-right: 10px;*/
/*    position: relative;*/
/*    background-color: hsla(0, 0%, 78.8%, .2);*/
/*    color: #b2b5bb;*/
/*}*/

/*.new-search-records .material-icons {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 10px;*/
/*    color: #999da5;*/
/*}*/

.mat-flat-button.mat-transparent {
    background-color: transparent;
    color: #000;
}

.form-link-right,
.mat-flat-button {
    font-size: 16px;
}

.big-icon.skyblue {
    color: #0093ff;
}

.big-icon {
    font-size: 56px;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

h2.bigger {
    font-size: 24px;
}

p.bigger-text {
    font-size: 18px;
}

.darkgray-text {
    color: #676c79 !important;
}

.breadcrumb-bar.upgraded {
    margin-top: 2px;
    margin-bottom: 5px;
    position: relative;
    padding: 0;
    top: 0;
}

.hide-text,
.show-element {
    transition: opacity 0.3s ease-in-out;
}

.show-element {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    max-height: 1000px;
}

.hide-element {
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
}

.tabs-group .mat-tab.active {
    color: #0077c0;
}

.breadcrumb-bar {
    margin-top: 2px;
    margin-bottom: 3px;
}

.d-inline-block {
    display: inline-block !important;
}

.breadcrumb-bar a.home,
.breadcrumb-bar a:first-child {
    /* padding-left: 0; */
}

.breadcrumb-bar a {
    transition: all 0.3s ease-in-out;
    display: inline-block;
    vertical-align: top;
    padding-left: 14px;
    position: relative;
    color: #727a80;
    max-width: 25ch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tabs-group .mat-tab {
    font-size: 16px;
    color: #727a80;
    line-height: 30px !important;
    height: 30px;
    position: relative;
}

.breadcrumb-bar.angular-new {
    position: relative;
    top: 0;
}

.breadcrumb-tabs-heading.angular-new {
    position: relative;
    top: 0;
}

.breadcrumb-bar.angular-new {
    padding: 0 0;
}

.mat-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    /*min-width: 64px;*/
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
}

.mat-icon-button {
    padding: 0 0;
}

.mat-flat-button {
    border-radius: 4px !important;
    line-height: 46px !important;
    min-width: 118px !important;
    vertical-align: middle !important;
}

.form-link-right,
.mat-flat-button {
    font-size: 16px;
}

.tabs-group {
    margin-top: 22px;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.no-visibility {
    visibility: hidden;
}

.gray-table {
    border-spacing: 0;
    border-collapse: separate;
    background-color: transparent;
    width: 100%;
    border: 0;
}

.gray-table.fixed-header thead tr th {
    /*position: -webkit-sticky;*/
    position: sticky;
    z-index: 2;
}

.gray-table thead tr th {
    background-color: #f7f8fc;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #c7d2d9;
    border-bottom: 1px solid #c7d2d9;
    color: #35393c;
    position: relative;
    line-height: 36px;
    vertical-align: bottom;
    padding: 0 10px;
    height: 40px;
}

.gray-table tbody tr td {
    position: relative;
    padding: 10px;
    font-size: 16px;
    border-right: 1px dashed #ccced2;
    border-bottom: 1px solid #ccced2;
    color: #35393c;
}

.gray-table tbody tr td:last-child {
    border-right: none;
    border-left: none;
}

.gray-table tbody tr td:nth-last-child(2) {
    border-left: none;
}

/*.gray-table.fixed-header thead tr th :nth-last-child(2) {*/
/*    border-right: none;*/
/*    border-left: none;*/
/*}*/

.gray-table tbody tr td a {
    color: #35393c;
}

.gray-table tbody tr:hover td {
    background-color: #f7f8fc;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline {
    border: 2px solid #676c79;
    color: #676c79;
    background-color: transparent;
    margin-bottom: 4px !important;
}

.mat-chip-list-wrapper .mat-standard-chip {
    min-height: 26px;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip {
    transition: all 0.3s ease-in-out;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-blue {
    border-color: #0077c0;
    color: #0077c0;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-red {
    border-color: #ff4a56;
    color: #ff4a56;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-green {
    border-color: #5ab78a;
    color: #5ab78a;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-sky {
    border-color: #0093ff;
    color: #0093ff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-orange {
    border-color: #ff8300;
    color: #ff8300;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-yellow {
    border-color: #f8d63f;
    color: #f8d63f;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-blue {
    background-color: #0077c0;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red {
    background-color: #ff4a56;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-green {
    background-color: #5ab78a;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky {
    background-color: #0093ff;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-cyan {
    background-color: #64cddb;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-orange {
    background-color: #ff8300;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-purple {
    background-color: #c27aeb;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-pink {
    background-color: #eb8686;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-blue-light {
    background-color: #b3c5e7;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-light {
    background-color: #e07673;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-green-light {
    background-color: #7ec784;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-light {
    background-color: #73aff4;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-cyan-light {
    background-color: #9ed9d2;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-orange-light {
    background-color: #f3a683;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-black-pearl {
    background-color: #1e272e;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-blueberry-soda {
    background-color: #7f8fa6;
    color: #ffffff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-jade-dust {
    background-color: #00d8d6;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-purple-light {
    background-color: #9eb9de;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-pink-light {
    background-color: #f4bfbb;
    color: #fff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline {
    border: 2px solid #d6d6d6;
    color: #d6d6d6;
    background-color: transparent;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-blue {
    border-color: #0077c0;
    color: #0077c0;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-red {
    border-color: #ff4a56;
    color: #ff4a56;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-green {
    border-color: #5ab78a;
    color: #5ab78a;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-sky {
    border-color: #0093ff;
    color: #0093ff;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-gray {
    border-color: #676c79;
    color: #676c79;
}

.mat-chip-list-wrapper .mat-standard-chip.mat-chip.adjusted-inline {
    top: -2px;
}

.gray-table thead tr th:last-child {
    border-right: none;
    border-left: none;
}

.mat-chip-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: -4px;
    justify-content: space-around;
}

.gray-table thead tr th:nth-last-child(2) {
    /*border-right: none;*/
    border-left: none;
}

.breadcrumb-bar-angular a {
    transition: all 0.3s ease-in-out;
    display: inline-block;
    vertical-align: top;
    padding-left: 14px;
    position: relative;
    color: #727a80;
    max-width: 330px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.breadcrumb-bar-angular {
    margin-top: 2px;
    margin-bottom: 3px;
}

.breadcrumb-bar-angular a:before {
    cursor: default;
    content: "/";
    position: absolute;
    left: 3px;
    top: 0;
}

.breadcrumb-bar-angular a:before:first-child {
    cursor: default;
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
}

.breadcrumb-bar-angular a:after {
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    background-color: #0077c0;
    left: 14px;
    bottom: 2px;
    height: 1px;
    width: 0;
    opacity: 0;
}

.breadcrumb-bar-angular a:last-child {
    /*cursor: default;*/
    /*pointer-events: auto*/
}

.breadcrumb-bar-angular a.home-icon::before {
    display: none;
}

.breadcrumb-bar-angular a:last-child:focus,
.breadcrumb-bar-angular a:last-child:hover {
    text-decoration: none;
}

/*.breadcrumb-bar-angular a.home,
.breadcrumb-bar-angular a:first-child {
    padding-left: 0px;
}*/

#angular-breadcrumbs-list a.home-icon {
    padding-left: 0px;
}

.breadcrumb-bar-angular a.home img {
    vertical-align: text-top;
}

.breadcrumb-bar-angular a.home:before {
    display: none;
}

.breadcrumb-bar-angular a.home:after {
    left: 0;
}

.breadcrumb-bar-angular a.home:hover:after {
    width: 100%;
}

.breadcrumb-bar-angular a:hover {
    text-decoration: none;
    color: #0077c0;
}

.breadcrumb-bar-angular a:hover:after {
    width: calc(100% - 14px);
    opacity: 1;
}

/*.breadcrumb-bar-angular a:hover:last-child {
color: #727a80
}*/

.breadcrumb-bar-angular a:focus {
    text-decoration: none;
}

.bolder {
    font-weight: 700;
    font-style: inherit;
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(114, 122, 128, 0.8);
    position: fixed;
}

.mat-chip-list-wrapper {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*align-items: center;*/
    margin: 0;
    align-content: center;
    justify-content: flex-start;
}

.no-decor-text {
    text-decoration: none !important;
}

.form-field-notice span {
    display: inline-block;
    vertical-align: top;
    width: auto !important;
    margin: 0;
}

.asterisk {
    color: red;
}

.notice-new.red-notice {
    border: 1px solid #ff3f34 !important;
    border-radius: 4px;
    padding: 8px 16px;
}

.notice-new.red-notice {
    background-color: rgba(255, 63, 52, 0.4) !important;
}

.notice-new.red-notice .far,
.notice-new.red-notice .fas,
.notice-new.red-notice span {
    color: #ff3f34 !important;
    vertical-align: middle;
}

.notice-new.red span {
    color: rgba(0, 0, 0, 1) !important;
    vertical-align: middle;
}

.notice-new.form-field-notice .close-icon {
    right: 14px !important;
}

.text-wrapper-break {
    word-break: break-word;
}

.figured-label-select.ng-select.ng-select-single .ng-select-container {
    max-height: 48px;
}

/* Copied from Aggreated */

.mat-checkbox-frame {
    border-color: #b1b4b6;
}

.mat-checkbox-layout {
    margin-bottom: 0;
}

.mat-checkbox-layout .mat-checkbox-label {
    color: #020a20;
    line-height: 23px;
}

.mat-checkbox-checkmark-path {
    stroke: #ffffff !important;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #0077c0;
    border: none;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #0077c0;
}

.field-group .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 14px 0 !important;
    border-top-width: 4px;
}

.field-group .mat-form-field-label {
    color: #a1acb4;
    font-size: 15px;
}

.field-group
    .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
    .mat-form-field-label,
.field-group
    .mat-form-field-appearance-outline.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
    transform: translateY(-22px) scale(0.75);
}

.field-group .mat-form-field-appearance-outline .mat-form-field-outline {
    color: #a1acb4;
}

.field-group .mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #0077c0;
}

.field-group .mat-form-field.mat-focused .mat-form-field-label,
.field-group .mat-form-field.mat-focused.mat-primary .mat-select-arrow,
.field-group .mat-form-field.mat-focused.mat-primary .mat-select-arrow:before {
    color: #0077c0;
}

.mat-slide-toggle.mat-blue.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(0, 119, 192, 0.54);
}

.mat-slide-toggle.mat-blue.mat-checked .mat-ripple-element,
.mat-slide-toggle.mat-blue.mat-checked .mat-slide-toggle-thumb {
    background-color: #0077c0;
}

/* Material Style ng-select */

.material-style-form .field-group .ng-select {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.material-style-form .field-group .ng-select .ng-select-container {
    border-color: #a1acb4;
}

.material-style-form .field-group .ng-select .ng-select-container .ng-placeholder {
    /*color: #757d83;*/
    color: rgb(161, 172, 180);
}

.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened .ng-select-container {
    border-color: #a1acb4;
}

.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container {
    overflow: visible;
}

.material-style-form .field-group .form-control:focus,
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-focused .ng-select-container,
.material-style-form
    .field-group
    .ng-select.ng-select-searchable.ng-select-opened.ng-select-focused
    .ng-select-container {
    border-color: #377db8;
    box-shadow: none;
}

.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened .ng-select-container .ng-arrow {
    border-bottom-color: #377db8;
}

.material-style-form
    .field-group
    .ng-select.ng-select-searchable.ng-select-opened
    .ng-select-container
    .ng-placeholder {
    color: #377db8;
    transform: translateY(-90%) scale(0.75);
}

.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container.ng-has-value .ng-placeholder {
    transform: translateY(-90%) scale(0.75);
    display: block;
}

.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container .ng-placeholder {
    left: 10px;
    position: absolute;
    display: block;
    background-color: #fff;
    padding: 0 6px;
    transform: translateY(0) scale(1);
    transform-origin: left top;
    will-change: transform;
    transition:
        transform 150ms cubic-bezier(0.4, 0, 0.2, 1),
        color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.material-style-form .field-group .ng-select.ng-select-single .ng-select-container {
    height: 46px;
}

a.mat-menu-item {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
}

.mat-menu-item:hover:not([disabled]) {
    background-color: #0077c0 !important;
    color: #ffffff !important;
}

.mat-menu-item.grey-BG:hover:not([disabled]) {
    background-color: #ececec !important;
    color: #000 !important;
}

a.mat-menu-item:hover {
    text-decoration: none;
    color: #ffffff;
}

@media only screen and (min-width: 1600px) {
    .new-header .client-logo {
        max-width: 118px !important;
        margin-top: -3px;
    }

    .new-header .top-nav ul li a {
        font-size: 16px !important;
    }
}

.mat-menu-content .menu-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #b2b5bb;
    padding: 6px 16px;
    display: block;
    border-bottom: 1px solid #b2b5bb;
    position: relative;
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

app-search-assets.bigger-search-bar
    .bigger-search-bar-secondary
    .search-category
    .mat-form-field-appearance-outline
    .mat-form-field-wrapper {
    margin: 0;
    padding: 0;
}

app-search-assets.bigger-search-bar
    .bigger-search-bar-secondary
    .search-category
    .mat-form-field-appearance-outline
    .mat-form-field-outline,
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: transparent;
}

.asset-filter-listing-panel
    .asset-listing-panel
    .middle-sorting-container
    .sorting-dd
    .mat-form-field-appearance-outline
    .mat-form-field-wrapper {
    margin: 0;
    padding: 0;
}

.asset-filter-listing-panel
    .asset-listing-panel
    .middle-sorting-container
    .sorting-dd
    .mat-form-field-appearance-outline
    .mat-form-field-outline,
.asset-filter-listing-panel
    .asset-listing-panel
    .middle-sorting-container
    .sorting-dd
    .mat-form-field-appearance-outline
    .mat-form-field-outline-thick {
    color: transparent;
}

.project-selection.ng-select.ng-select-single .ng-select-container {
    height: 46px;
}

.category-selection.ng-select.ng-select-single .ng-select-container {
    height: 46px;
}

.asset-filter-listing-panel .asset-listing-panel .top-container app-search-assets .bigger-search-bar .search-bar {
    width: 65.6%;
}

.show-advance-filters-custom {
    border-radius: 3px !important;
    margin-left: 5px;
    top: 0px;
    height: 45px;
    width: 45px;
    overflow: hidden;
    margin-right: 5px;
    background-color: hsla(0, 0%, 78.8%, 0.2);
    color: #b2b5bb;
    transition: background-color 0.3s ease-in-out;
}

.show-advance-filters-custom:hover {
    border-radius: 3px !important;
    margin-left: 0px;
    top: 2px;
    height: 45px;
    width: 45px;
    overflow: hidden;
    margin-right: 5px;
    color: #b2b5bb;
    transition: background-color 0.3s ease-in-out;
    background-color: #0077c0;
}

.show-advance-filters-custom:hover .mat-button-wrapper {
    color: white;
}

/*.new-search-records .input-bar .clear-search {*/
/*    right: 43px !important;*/
/*    top: 1px !important;*/
/*}*/

.cdk-overlay-container .cdk-overlay-pane .assetDD {
    margin-top: 42px;
}

.mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: 0 !important;
}

.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: 0 !important;
}

.mat-icon-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: 0 !important;
}

.mat-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: 0 !important;
}

.mat-drawer .sliderBody {
    padding: 10px 0;
    margin: 0 20px;
    height: 100%;
}

.mat-drawer .no-height {
    padding: 8px 0;
    margin: 0 20px;
}

.notice-new .close-icon span {
    width: auto;
    margin: 0;
}

.mat-placeholder-required.mat-form-field-required-marker {
    color: #f22613 !important;
}

.filter-btn.mat-icon-button:focus {
    color: #b2b5bb;
    box-shadow: none;
}

.filter-btn.mat-icon-button:hover {
    box-shadow: none;
}

.non-clickable {
    pointer-events: none;
}

.gray {
    color: #b5b5b5;
}

.discarded-event {
    color: #979797;
}

.td-n {
    text-decoration: none;
}

.td-n {
    text-decoration: none;
}

.td-n:hover {
    text-decoration: none;
}

.td-n:focus {
    text-decoration: none;
}

.bs-none {
    box-shadow: none !important;
}

.disabled-filters {
    color: #b2b5bb !important;
    cursor: auto;
    pointer-events: none;
    text-decoration: none;
}

.disabled-filters:focus {
    text-decoration: none;
}

body.slider-open .project-sections-main-panel.inactive-view {
    opacity: 1;
}

.dz-preview.dz-file-preview.tailprint-style {
    visibility: hidden;
}

.restrict-y-overflow {
    overflow-y: hidden !important;
}

.restrict-overflow {
    overflow: hidden !important;
}

/* Styling for phone number dropdown field. DO NOT REMOVE OR MAKE CHANGES. */
ngx-intl-tel-input input {
    height: 44px;
    margin-bottom: 20px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7cace;
    border-radius: 4px;
    font-size: 18px;
    width: 100%;
}

ngx-intl-tel-input div.iti {
    width: 100%;
}

ngx-intl-tel-input.ng-invalid.ng-touched input {
    border: 2px solid #f44336;
}

ngx-intl-tel-input input:hover {
    outline: none !important;
    border-color: #0077c0;
    border-width: 2px;
    box-shadow: none;
}

ngx-intl-tel-input input:focus {
    outline: none !important;
    border-color: #0077c0;
    border-width: 2px;
    box-shadow: none;
}

ngx-intl-tel-input input::placeholder {
    color: #bac2c7;
}

ngx-intl-tel-input input[disabled] {
    background-color: #f9f9f9;
    color: rgba(0, 0, 0, 0.38);
}

.iti__flag-container.disabled {
    opacity: 0.5;
}

/* Styling for phone number dropdown field. DO NOT REMOVE OR MAKE CHANGES. */

.light-blue {
    color: rgb(22 166 241);
}

.gray-l {
    color: #b2b5bb;
}

.shortedDesign {
    position: relative;
    display: inline-block !important;
    vertical-align: middle;
    padding: 0px 10px !important;
    width: calc(100% - 118px);
}

.shortedDesign .bigger-search-bar-secondary .search-bar {
    width: 100% !important;
}

.shortedDesign .bigger-search-bar-secondary .search-bar .clear-search {
    right: 45px !important;
}

.shortedDesign-location {
    position: relative;
    display: inline-block !important;
    vertical-align: middle;
    padding: 0px 10px !important;
    width: calc(100% - 118px);
}

.shortedDesign-location .bigger-search-bar-secondary .search-bar {
    width: 100% !important;
}

.shortedDesign-location .bigger-search-bar-secondary .search-bar input::placeholder {
    font-size: 14px !important;
}

.shortedDesign-location .bigger-search-bar-secondary .search-bar .clear-search {
    right: 45px !important;
}

.shorted-filtered-btn {
    left: -46px;
    height: 43px !important;
    width: 43px !important;
}

.field-group.country-field label {
    position: absolute;
    background: white;
    z-index: 1;
    transform: translateY(-10px) scale(0.75);
    padding: 0px 6px;
    left: -6px;
}

.c-gray {
    color: #a1acb4;
}

.field-group.country-field:focus-within label {
    color: #0077c0;
}

.shared-uploading-component .mat-drawer-inner-container {
    overflow: hidden;
}

.entity-slider-styling .mat-drawer-inner-container {
    overflow: hidden;
}

body.slider-open {
    overflow: hidden;
}

body.slider-open:has(ff-dashboard-new) {
    overflow: visible !important;
}

body.slider-open:has(ff-dashboard-new)::-webkit-scrollbar {
    display: none;
}

mat-drawer.entity-slider-styling.mat-drawer {
    width: 75%;
}

@keyframes continuous-rotation {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/*.top-header-ui {
    z-index: 10 !important;
}*/

.dropdown-dependency-slider .mat-drawer-inner-container {
    overflow-y: hidden;
}

.field-group .mat-form-field-appearance-outline.error-dd .mat-form-field-outline {
    color: red;
}

.field-group .mat-form-field-appearance-outline.error-dd .mat-form-field-label {
    color: red;
}

.mat-tab-group.tabs-group-styling .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #0093ff !important;
}

.mat-tab-label-active .mat-tab-label-content {
    color: #0093ff !important;
}

.projectUploadDrawer .mat-drawer-inner-container {
    overflow-y: hidden;
}

app-ff-new-search.tr-loc-search-design.bigger-search-bar {
    padding: 0 4px 0 12px !important;
}

app-ff-new-search.tr-loc-search-design.bigger-search-bar
    .bigger-search-bar-secondary
    .search-bar
    .asset-search-suggestions {
    z-index: 10 !important;
}

.c-black {
    color: #12202b !important;
}

.h-85 {
    height: 85% !important;
}

.h-25em {
    height: 0.25em !important;
}

.ng-select-label {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.td-n {
    text-decoration: none;
}

.scrollX.scroll-visible::-webkit-scrollbar-thumb {
    background-color: #cccccc;
}

.h3-style {
    font-size: 16px;
    font-size: 1.1428571429rem !important;
}

.mat-icon-button.smaller .mat-icon {
    font-size: 16px;
    font-size: 1.1428571429rem;
}

.word-breakage-styling {
    word-wrap: break-word;
    white-space: break-spaces;
    word-break: break-all;
}

.static-slider-open {
    overflow-y: hidden;
}

.custom-billing-drawer .mat-drawer-inner-container,
.mat-drawer-formcontrol-conf .mat-drawer-inner-container,
.ticketCreationOpening .mat-drawer-inner-container {
    overflow-y: hidden;
}

.billing-tabs .mat-tab-body-content {
    overflow-x: hidden;
}

.saving-animation {
    position: relative;
}

.saving-animation::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    top: 50%;
    left: 100%;
    animation: dot-animation 1s infinite;
}

.saving-animation.blue::after {
    background-color: #1269ba;
}

.saving-animation.green::after {
    background-color: palegreen;
}

@keyframes dot-animation {
    0% {
        left: 100%;
    }

    50% {
        left: 115%;
    }

    100% {
        left: 100%;
    }
}

.field-group .mat-input-element.matDateTimeRangeStyling {
    font-size: 8px;
    line-height: 2;
    font-weight: 500;
}

.mat-stroked-button.mat-green {
    border: 2px solid;
}

.mat-stroked-button.mat-red {
    border: 2px solid;
}

.current-date-tooltip-dashboard {
    white-space: pre-line;
}

.hint-placer {
    display: flex;
    justify-content: space-between;
}

.hint-text-styling {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    line-height: 1.125;
    padding-left: 1em;
}

span.character-type.mat-hint-style {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    line-height: 1.125;
    padding-left: 1em;
}

.hint-placer {
    display: flex;
    justify-content: space-between;
}

.mat-hint-style {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    line-height: 1.125;
    padding-left: 1em;
}

.result-count.no-left-border {
    border-left: none !important;
    padding-left: 10px !important;
    margin-left: 0 !important;
}

.no-action-style {
    pointer-events: none !important;
    opacity: 0.7 !important;
}

button.mat-button-disabled {
    pointer-events: none !important;
    /*opacity: 0.7 !important;*/
}

.loader-onliner {
    width: 60px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side, #192768 90%, #0000);
    background:
        var(--_g) 0 50%,
        var(--_g) 50% 50%,
        var(--_g) 100% 50%;
    background-size: calc(100% / 3) 100%;
    animation: l7 1s linear infinite;
}

.loader-position-center {
    margin: 10px auto;
}

@keyframes l7 {
    33% {
        background-size:
            calc(100% / 3) 0,
            calc(100% / 3) 100%,
            calc(100% / 3) 100%;
    }

    50% {
        background-size:
            calc(100% / 3) 100%,
            calc(100% / 3) 0,
            calc(100% / 3) 100%;
    }

    66% {
        background-size:
            calc(100% / 3) 100%,
            calc(100% / 3) 100%,
            calc(100% / 3) 0;
    }
}

.red-btn {
    background-color: #df6b51;
    font-weight: 700;
    border-radius: 3px;
    font-size: 14px;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 3px 3px 10px 0 transparent;
}

.email-ellipses {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 394px;
}

.btn-action {
    background-color: #f3f7fa;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
    padding: 10px;
    text-align: left;
    border-radius: 3px;
    position: absolute;
    top: 60px;
    right: 8px;
    /*width: -moz-max-content;*/
    width: max-content;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.btn-action.active {
    visibility: visible;
    opacity: 1;
    z-index: 3;
    top: 40px;
}

.btn-action ul {
    padding: 0;
    margin: 0;
    list-style: none outside none;
}

.btn-action ul li a {
    padding: 6px 10px;
    display: block;
    color: #12202b;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

.btn-action ul li a.disabled {
    cursor: default;
    pointer-events: none;
    color: #c7c8ca;
    background-color: #e5e5e5;
    border-bottom: 1px solid #c7c8ca;
}

.btn-action ul li a:hover {
    background-color: #0077c0;
    color: #fff;
    text-decoration: none;
}

.btn-action ul li:last-child a.disabled {
    border-bottom: none;
}

.mat-calendar-body-disabled {
    cursor: default !important;
    opacity: 0.4;
}

.mat-datepicker-content {
    box-shadow:
        0 2px 4px -1px #0003,
        0 4px 5px #00000024,
        0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de;
}

.mat-mdc-icon-button:disabled {
    opacity: 0.38 !important;
}

.row {
    /*margin-right: -8px !important;*/
    /*margin-left: -8px !important;*/
}

.profile-avatar-dialog {
    height: auto !important;
}

.profile-avatar-dialog .mat-dialog-container {
    padding: 8px;
}

.profile-avatar-dialog .mat-dialog-container .mat-dialog-content {
    border-bottom: 0px solid transparent;
}

/*GIS Related CSS*/

.hover-details {
    border-radius: 8px;
    background-color: #fff;
    /*position: absolute;*/
    /*bottom: 44px;*/
    width: 300px;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}

.hover-details .img-block {
    width: 100%;
    height: 100px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.hover-details .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hover-details .img-block.emptyLocation {
    padding-top: 8px;
    background-color: #eaf0f4;
}

.hover-details .img-block.emptyLocation img {
    object-fit: contain;
}

.hover-details .content-block {
    padding: 12px;
}

.hover-details .content-block h3 {
    margin-top: 6px;
    margin-bottom: 12px;
}

.hover-details .content-block ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0;
}

.hover-details .content-block ul li {
    color: #7a7289;
    margin-bottom: 8px;
}

.hover-details .img-block.user-area {
    height: 200px;
    background-color: #eaf0f4;
}

/* Add this at the end of the file */

/* Session Timeout Dialog Styles */
.session-timeout-dialog-container .mat-dialog-container {
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
}

.session-timeout-dialog-container .mat-dialog-content {
    margin: 0;
    padding: 0;
    max-height: none;
}

.session-timeout-dialog-container .mat-dialog-actions {
    margin: 0;
    padding: 0;
}

.styling-width-select-filter {
    max-width: 270px;
}

.ng-select.ng-select-multiple.styling-width-select-filter .ng-select-container .ng-value-container .ng-placeholder {
    top: 10px;
}

app-dashboard-main ff-dashboard-integration-homepage .phoenix-dashboard {
    transform: translateY(10px);
    padding: 0px 20px;
}

/*app-project-dashboard ff-dashboard-integration-projects .phoenix-dashboard {*/
/*  transform: translateY(10px) ;*/
/*  padding: 0px 20px ;*/
/*}*/

/* app-project-dashboard ff-dashboard-integration-projects .phoenix-dashboard {
  transform: translateY(0px);
} */

/* ff-location-demo-dashboard
  ff-dashboard-integration-location
  .phoenix-dashboard {
  transform: translateY(40px);
}
ff-location-demo-dashboard
  ff-dashboard-integration-location
  .phoenix-dashboard {
  transform: translateY(0px);
} */

/* app-project-dashboard ff-dashboard-integration-projects .apexcharts-legend.apexcharts-align-right.apx-legend-position-right {
  position: absolute;
  left: auto;
  top: 5px !important;
  right: 30px !important;
} */

.fa-diagram-subtask.task-list-child {
    vertical-align: middle;
}

.mat-chip.label-pill {
    background-color: #0093ff14;
    color: #0093ff;
    border: 1px solid rgba(0, 147, 255, 0.3);
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 4px 6px;
    border-radius: 8px;
}

.pill-label-tasks {
    background-color: #0093ff14;
    color: #0093ff;
    border: 1px solid rgba(0, 147, 255, 0.3);
    padding: 6px 9px;
    border-radius: 16px;
    align-items: center;
    cursor: default;
    font-size: 12px;
    position: relative;
    top: -5px;
}