.v-content {
       padding: 48px 0px 20px 0px !important;
}
.flexiapp-header-bar {
    background-image: url('../img/bg-header.png');
    background-position: top;
    background-repeat: no-repeat;
    background-color: #0056B7 !important;
    z-index: 6;
}
.flexiapp-bg-header-container {
    height: 120px; 
    width: 100%; 
    background-color: #0056B7; 
    background-image: url('../img/bg-header.png'); 
    background-repeat: no-repeat; 
    background-size: cover; 
    position: fixed; 
    top: 0;
    left: 0;
    z-index: 2;
}
.flexiapp-bg {
    height: 100vh; 
    width: 100%; 
    background-color: #F1F5F9; 
    background-image: url(../img/bg-main-container.png); 
    background-repeat: no-repeat; 
    background-position: bottom; 
    background-size: contain;
    position: fixed; 
    top: 120px;
    left: 0;
    z-index: 0;
}
.flexiapp-main-container {
    background-image: url(../img/bg-main-container.png); 
    background-repeat: no-repeat; 
    background-position: bottom; 
    background-size: contain;
}
.flexiapp-vbtn {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 1rem !important;
    width: 100%;
    margin-top: 20px;
    height: 42px !important;
}
/**** HEADER ****/
.flexiapp-header {
    background-color: #000000 !important;
}
.flexiapp-username-header {
    font-size: 1rem !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    max-width: 40%;
}
.flexiapp-count-text {
    position: absolute; 
    top: 16px; 
    right: 10px; 
    font-weight: 500;
    font-size: 1.1rem;
    color: rgb(218, 41, 27);
}
.flexiapp-noimage-icon {
    position: absolute !important; 
    right: 10px; 
    top: 60px;
}
/**** TABS ****/
.flexiapp-tab-item-container {
    overflow: auto;
    /*height: 100vh;*/
    height: calc(100vh - 115px);
    background-color: transparent !important;
    padding-top: 10px;
    -webkit-overflow-scrolling: touch;
}
.v-tabs-slider-wrapper {
    height: 6px !important;
}
.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active), .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon, .theme--light.v-tabs > .v-tabs-bar .v-tab--disabled {
    color: rgba(255, 255, 255, 0.54) !important;
}

/**** NAV ****/
/*.flexiapp-nav {
    background-color: #000 !important;
    color: #FFF !important;
}*/

/** HOME **/
.v-card.card-flexiapps-home {
    min-width: 95%;
    min-height: 100px;
    border-radius: 9px !important;
}
.v-application .display-1.title-flexiapps-home {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block !important;
    line-height: 1.7rem;
    font-size: 1.7rem !important;
    font-weight: 500;
}
.flexiapp-carrier-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block !important;
    max-width: 90%;
}
.category-flexiapps-home {
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 1.1rem;
}
.user-flexiapps-home {
    color: #0099cc;
    font-size: .9rem;
}
.date-flexiapps-home {
    color: #666;
    font-size: .75rem;
}
.flexiapp-date-reported-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: rgba(0, 0, 0, 0.7) !important;
}
.flexiapp-date-reported-container div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flexiapp-date-reported-container div:last-child {
    align-items: flex-end;
}
.flexiapp-date-reported-container span:first-child {
    font-size: 0.75rem;
    margin-bottom: -5px;
    color: rgba(0, 0, 0, 1) !important
}

/**** flexiappS MAIN ****/
/*** Toggle/Tab ***/
.flexiapp-toggle button span {
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
    font-size: 0.875rem;
}
/*** TreeView ***/
.flexiapp-treeview button span {
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
    font-size: 0.875rem;
}

/**** GUIDE VIEW ***/
.v-card.card-flexiapps-home.card-flexiapp-guide-view {
    position: fixed; 
    width: 95%; 
    right: 0; 
    left: 0; 
    top: 45px; 
    z-index: 9;
}
.v-image__image--preload {
    -webkit-filter: blur(0px) !important;
    filter: blur(0px) !important;
}

/**** CARDS CONTENT ****/
.flexiapp-card-flex-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #0056B7 !important;
    margin: 5px 0;
}
.flexiapp-type-container {
    font-weight: 500;
    color: #000000;
    font-size: 1rem;
}
.flexiapp-number-container {
    font-weight: 400;
    color: #000000;
    font-size: 1rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flexiapp-order-card-content {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px !important;
    margin-bottom: 15px;
}
.flexiapp-order-card-content:last-child {
    border-bottom: none;
    padding-bottom: 0 !important;
}

.flexiapp-comments-container:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.flexiapp-comments-container:last-child {
    border-bottom: none !important;
}
span.flexiapp-comment-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 0.85rem;
    letter-spacing: -0.05em;
    line-height: 1.1rem;
}
p.flexiapp-comment-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 0.85rem;
    letter-spacing: -0.05em;
    line-height: 1.1rem;
    min-height: 49px;
}
p.flexiapp-comment-list-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    font-size: 0.85rem;
    letter-spacing: -0.05em;
    line-height: 1.1rem;
}
p.flexiapp-installer-comment-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 0.85rem;
    letter-spacing: -0.05em;
    line-height: 1.1rem;
}

.order-container .v-progress-circular.v-progress-circular--indeterminate {
    color: grey !important;
}

/** EMPTY CONTENT **/
.flexiapp-empty-content div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.4);
    margin: 10px 0 0;
}
.flexiapp-empty-content div i {
    align-self: center !important;
    font-size: 4.5rem !important;
    margin: 20px 0;
    color: rgba(0, 0, 0, 0.4) !important;
}
.flexiapp-img-cola-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    position: absolute;
    top: 50px;
    left: 0;
}

.blur {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}


/*.vh--holder.vh--rel.vh--flex.vh--jc img {
    max-width: 100% !important;
}*/
/** Image Zoom **/
/*.img-fluid {
    max-width: 100% !important;
}
.vh--outer {
    display: block !important;
}
.vh--close {
    display:none !important;
}*/