/*** $GENERAL ***/
select::-ms-expand {
    display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../img/arrow_dropdown.svg') right / 18px no-repeat #fff !important;
    padding-right: 20px;
}
fieldset[disabled] .form-control {
    background-color: #eee !important
}
.floating-label.form-group, .floating-label.input-group {
    position: relative;
}
.floating-label > label {
    position: absolute;
    top: 7px;
    left: 0;
    color: gray;
    font-size: 10px;
    font-weight: 500;
    opacity: 0;
    -webkit-transform: translateY(-19px);
    transform: translateY(-19px);
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.floating-label > label.active {
    -webkit-transform: translateY(-22px);
    transform: translateY(-22px);
    opacity: 1;
}
input:focus + label.active {
    color: #1AB394;
}
.form-control[readonly] {
    background-color: white;
}
input.form-control[disabled] {
    background-color: #eee;
}
.ibox-btn {
    margin-top: -6px;
}
.hover-bg-grey:hover {
    background-color: #F0F0F0;
}
.hover-green:hover {
    color: #1AB394;
}
img.t-img {
    width: 40px;
    height: 40px;
}
img.xs-img {
    width: 32px;
    height: 32px;
}
.underline-container {
    display: inline-block;
    overflow-x: hidden;
    position: relative;
    max-width: 100%;
    color: #3B8C42;
    border-color: #3B8C42;
}
.underline-container:hover {
    color: #75a53d;
    border-color: #75a53d;
}
.btn-underline {
    width: 100%;
    display: inline-block;
    position: relative;
    transition: 0.3s;
}
.underline-container:before {
    content: '';
    width: 100%;
    border-bottom: 2px solid;
    bottom: 10px;
    transition: 0.3s;
    position: absolute;
    background-color: #3B8C42;
}

.underline-container:hover:before {
    bottom: 5px;
}

.img-s {
    width: 60px;
    height: 60px;
}
.img-sm {
    width: 130px;
    height: 130px;
}
.img-md {
    width: 200px;
    height: 200px;
}
.img-lg {
    width: 230px;
    height: 230px;
    display: table;
    margin: 0 auto;
}
.info-icon {
    font-size: 16px;
    color: #1C84C6;
}
.button-info {
    border: 1px solid #1C84C6;
    background-color: #1C84C6;
    color: white;
}
.info-banner {
    border: 1px solid #007c9b;
    background-color: #1C84C6;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 10px;
}
.icon-banner {
    width: 40px;
    font-size: 20px;
    padding-right: 10px;
}
.padd-b-md {
    padding-bottom: 15px;
}
.padd-b-s {
    padding-bottom: 5px;
}
.p-r-none {
    padding-right: 0px;
}
.p-none {
    padding: 0px;
}
.img-equip {
    height: 38px;
    width: 38px;
    margin-right: 1em;
}
.float-e-margins .btn {
    margin-bottom: 0px;
}
.corner-i {
    float: right;
    color: #676A6C;
    font-size: 15px;
}
ul.nice-ul {
    margin: 0;
    padding: 0;
    list-style: none ;
}
ul.nice-ul-inline li {
    display: inline;
    margin-right: 10px;
}
.border {
    border: 1px solid #DBDEE0;
}
.border-t-kfh {
    border-top: 3px solid #e7eaec;
}
.tabs-container .panel-body.no-border {
    border: none;
}
#hideButtonCalendar .btn-sm.btn-success.pull-right {
    display: none;
}

/* for IE */
input::-ms-clear {
    display: none;
}
/* makes font-awesome elements monospace with reasonable width */
.fae {
  width: 1.1em;
  text-align: center;
}
.whitebg {
    background-color: white !important;
}
ul[datepicker-popup-wrap] table {
    outline: 0;
}
.smooth-t {
    transition:.5s;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}

/*** $TOP NAVBAR ***/
.navbar > h2 {
    margin-top: 14px;
}
.hidden-row {
    padding: 0 !important;
}
.collapse.in {
    padding-top: 0px;
}
.table tbody tr td {
    border-top-width: 0px;
}
@media only screen and (min-width: 768px) {
    .form-inline .form-group {
        margin-bottom: 5px;
    }
}
.navbar-right {
    margin-right: -5px;;
}
.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
    -webkit-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
    transition: initial;
}

/*** SIDENAVBAR ***/
.logo-side-bar {
    width: 100px;
}
.nav-header {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    background: url("../img/header-profile.png") no-repeat;
    background-size: 100% 100%;
}
.nav-header a {
    color: rgb(33, 33, 33);
}

/*** $LOGIN ***/
.login-bgc {
    background-color: #FFFFFF;
    padding: 30px;
}
.login-bg {
    background-image: url('../img/shattered.png');
}
.marg-bg {
    margin-right: 230px;
    margin-left: 230px;
}
.password-eye-icon {
    position:absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    height: 34px;
    width: 28px;
    right: 0;
    pointer-events: none;
    cursor: none;
    color: lightgrey;
    background-color: whitesmoke;
    border:1px solid #e5e6e7;
    transition: background-color 0.25s ease-out ;
    border-left: 0px;
}
.password-eye-icon:hover {
    background-color: #e0e0e0;
    transition: background-color 0.25s ease-in ;
}
.password-showable {
    pointer-events: auto;
    cursor: pointer;
    color: #676a6c;
}
.password-wrapper {
    position: relative;
    height: 4rem;
    padding-top: 0.5rem;
}
.password-input {
    position:absolute;
    width: 212px;
}
.password-canvas-div {
    position: absolute;
    display: none;
    pointer-events: none;
    width: 212px;
    height: 34px;
}
.password-canvas-scaler {
    transform: scale(.5) translateX(-50%) translateY(-50%); /* ou .25 -150% -150% for high-res */
}
.password-canvas {
    width: 372px; /* 186x2 ou 744 for high-res */
    height: 40px; /* 20x2 ou 80 for high-res */
}
/*** $HOME ***/
.border-coll {
    border-collapse: collapse;
}
.img-crop {
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    border-color: #adadad !important;
    color: #333 !important;
}
/*** $DASHBOARD ***/
.table-marg {
    margin: 5px 0px 10px 0px;
}
.table.reports > tbody > tr > td > div.footable-row-detail-inner {
    width: 100%;
}
button.btn > .btn-sm {
    float: right;
}
table > tbody > tr.va-middle > td {
    vertical-align: middle;
}
td.va-middle.footable-visible {
    vertical-align: middle;
}
i.fa.fa-check.text-navy {
    padding-top: 10px;
}
a.ng-binding {
    outline: 0 !important;
}
.ibox-content.padd {
    padding: 15px 20px 30px 20px;
}
.sidebar-collapse a {
    outline: 0;
}

/*** $MODAL ***/
.confirm-modal .modal-dialog {
    width: 500px;
}
.confirm-modal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    /* half of the modal height */
    margin-top: -200px;
    /* half of the modal width */
    margin-left: -250px;
}
.alert-modal .modal-content {
    border: 1px solid #EC4758;
}
.alert-modal .modal-header {
    background-color: #EC4758;
    color: #fff;
    padding: 15px;
}
.info-modal .modal-content {
    border: 1px solid #1C84C6;
}
.info-modal .modal-header {
    background-color: #1C84C6;
    color: #fff;
    padding: 15px;
}
.placecenter::-webkit-input-placeholder {
   text-align: center;
}
.placecenter::-moz-placeholder {
   text-align: center;
}
.placecenter:-ms-input-placeholder {
   text-align: center;
}
div.popover.clockpicker-popover.bottom.clockpicker-align-left {
    z-index: 2400;
}
.sk-spinner-button .sk-spinner-circle .sk-circle:before {
    background-color: white;
}
.warn-btn {
    border: 1.5px solid #F7A54A;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 10px;
}
.warn-btn:hover {
    background-color: #FFCA96;
}
.disable-warn-btn {
    color: #D2D2D2;
    border: 1.5px solid #FFE2C6;
}
.disable-warn-btn:hover {
    background-color: #FFFFFF;
}
.form-control.disable {
    background-color: #F0F0F0;
    border: 1px solid #E5E6E7;
}
.normal-text-wrap {
    white-space: pre-wrap;
    word-break: keep-all;
}
.invalid-photo {
    color: red;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.angucomplete-dropdown {
    width: 100%;
}
.angucomplete-selected-row {
    background-color: #1AB394;
}
.tooltip.top, .tooltip.right, .tooltip.bottom, .tooltip.left {
    z-index: 2100; /* override inspinia modal z-index */
}
.input-addon-hover:hover {
    background-color: #F0F0F0;
}

/*** $POPOVER ***/
h3.popover-title {
    margin-top: 0px;
}

/*** $RESET PASSWORD ***/
.middle-box .popover-content {
    padding: 0;
}

/*** $PROFILE ***/
.sk-spinner-circle .sk-circle {
    width: 80%;
    height: 80%;
}
.sk-spinner-circle.sk-spinner {
    display: inline-block;
    vertical-align: middle;
}
.spiner-example {
    height: 15px;
    padding-top: 0px;
    float: right;
}
.success-msg {
    float: right;
    color: #1AB394;
    opacity: 1;
    visibility: hidden;
}
.fade2s {
    opacity: 0;
    transition: opacity 2s ease;
    visibility: visible;
}
.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.rdvList input[type="radio"] {
    margin: 0;
}
.padd-l-imp {
    padding-left: 40px !important;
}
.border-l-kfh-active {
    border-left: 4px solid #1AB394;
}
.border-l-kfh {
    border-left: 4px solid #E7EAEC;
}
.same-bg-as-border-l-kfh {
    background-color: #E7EAEC;
}
.border-t {
    border-top: 1px solid #DBDEE0;
}
.ico-calendar-left {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 66.66667%;
    margin: auto;
    height: 1em;
    width: .5em;
}
.profile-button-corner {
    position: absolute;
    right: 18px;
    bottom: 18px;
}
.divider {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #1AB394;
}
.divider-title {
    white-space: nowrap;
    padding-right: 10px;
}
.divider-line {
    width: 100%;
    position: relative;
    height: 20px;
}
.divider-line::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #1AB394;
}

/*** $ADVANCED SEARCH SIDE BAR ***/
.right-side-bar {
    width: 300px;
    background-color: #fff;
    padding: 10px 20px;
    position : absolute;
    right : 0;
    transition-property: right;
    transition-duration: 1000ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    z-index: 500;
}
#button-toggle {
    border-top-left-radius: 2px;
    border-bottom-left-radius:2px;
    position : absolute;
    right : 300px;
    background : #1AB394;
    color : white;
    text-decoration : none;
    padding : 20px 6px 20px 10px;
    top: 16px;
    outline: none;
}
.toggle-side-bar {
    right : -300px;
}
.ui-select-multiple .ui-select-search.ng-hide {
    width: 100%;
    display: inline-block !important;
    cursor: not-allowed;
}
.input-group-addon.light-sep.grey-bg {
    padding: 0px;
}
.hr-kfh {
    border-top: 1px solid grey;
    margin: 25px 0px;
}
.ui-select-match > span.btn-default.form-control.ui-select-toggle:hover {
    background-color: #eee;
}
.button-kfh-active {
    background-color: #A9AEB2;
    color: white;
}
.button-kfh-active:hover {
    background-color: #A9AEB2;
    color: white;
}
.center-calendar + ul.dropdown-menu {
    left: -10px !important;
}
span.ui-select-match-item.btn-primary {
    background-color: #fff;
}

/*** $POPUP ***/
.popup {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    text-align: left;
    border-radius: 5px;
}
.border-t-g {
    border-bottom: 1px solid #e7eaec;
}
.line-h-l {
    line-height: 20px;
}
.nice-list {
    padding: 5px 15px 5px 15px;
    margin: 5px;
}

/*** $ADVANCED SEARCH LIST ***/
#advancedTable_length .form-control {
    border: 1px solid #DDDDDD;
    padding-top: 4px;
    line-height: normal;
}
#advancedTable_wrapper .dt-buttons.btn-group {
    margin-left: 15px;
}
.dataTables_length {
    margin: 0px !important;
}
.dt-button-background {
    display: none !important;
}
.dt-button-collection.dropdown-menu > .active > a {
    background-color: #A9AEB2;
}
.ui-select-bootstrap .ui-select-choices-row.ng-scope.active > span {
    background-color: #A9AEB2 !important;
}
.ui-select-bootstrap .ui-select-choices-row.ng-scope.active > span:hover {
    background-color: #A9AEB2;
}
#advancedTable tbody tr  {
    cursor: pointer;
}

/*** $REPORTS LISTS***/
ul.dropdown-menu button.btn.btn-sm.btn-info.ng-binding {
    margin-bottom: 5px;
}
.no-color {
    text-decoration: none;
    color: inherit;
}
.page-heading {
    padding: 10px;
}
.grey-bg {
    background-color: #F0F0F0;
}
.animate-0s5 {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.front-calendar {
    position: relative;
    z-index: 2000;
}
.front-calendar + .dropdown-menu .btn-info.active .text-info { /* prevent having the same background color as the text*/
    color: #fff;
}
#filters {
    max-width: 800px;
}
@media screen and (max-width: 1440px) {
    #filters {
        width: 100%;
        max-width: 100%;
    }
    #filters .input-group input:nth-of-type(2) + .dropdown-menu { /* TODO: to delete in favor of 'popup-placement' when using a newer version of 'ui-boostrap' */
        left: auto !important;
        right: 0px;
    }
}
@media screen and (min-width: 1280px) {
    #operations-select {
        max-width: 200px;
    }
}
@media screen and (min-width: 1650px) {
    .hide-under-lg {
        display: table-cell;
    }
}
@media screen and (max-width: 1650px) {
    .hide-under-lg {
        display: none;
    }
}
@media screen and (min-width: 1450px) {
    .hide-under-md {
        display: table-cell;
    }
}
@media screen and (max-width: 1450px) {
    .hide-under-md {
        display: none;
    }
}
@media screen and (max-width: 1400px) {
    .col-lg-offset-2.col-lg-8.f-width {
        width: 100%;
        margin-left:0px;
    }
}
@media screen and (max-width: 1024px) {
    .hide-under-sm {
        display: none;
    }
}
.table-striped td {
    max-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table-striped > tbody > tr.top-bg:nth-child(2n+1) > td {
    background-color: #cdefe8;
}
.table-striped > tbody > tr.top-bg:nth-child(2n+2) > td {
    background-color: #dcf4ef;
}
.table-striped > tbody > tr.top-bg:hover > td {
    background-color: #c5ece4;
}
.table-striped > tbody > tr.activeReport:nth-child(1n) > td {
    background-color: #A9A9A9 !important;
    color: #fff;
}
.tabs-container .nav-tabs > li {
    float: left !important;
}

/*** $REPORT DETAILS SHEET ***/
.padd-t-r {
    padding-right: 10px;
    padding-top: 10px;
}
.spacing-label {
    margin-top: 7px;
}
.p-tl {
    color: #fff;
}
.last-activity .p-tl {
    color: #676a6c;
}
.btn-space {
    margin-right: 8px;
    float: right;
}
.vertical-timeline-content > h2.timeLineTitle {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}
.dark-timeline.center-orientation .vertical-timeline-content.green-bg {
    background-color: #1AB394;
}
.dark-timeline.center-orientation .vertical-timeline-content::before {
    border-color: transparent transparent transparent #1AB394;
}
.dark-timeline .vertical-timeline-block:nth-child(n) .vertical-timeline-content::before, .dark-timeline.center-orientation .vertical-timeline-block:nth-child(n) .vertical-timeline-content::before {
    border-color: transparent #1AB394 transparent transparent;
}
.vertical-timeline-block.last-activity div.vertical-timeline-content.green-bg {
    background-color: #fff;
    border: 2px solid #1AB394;
    border-radius: 5px;
}
.vertical-timeline-block.last-activity .vertical-timeline-content > h2.timeLineTitle {
    color: #1AB394;
}
.vertical-timeline-block.last-activity div.vertical-timeline-icon.navy-bg {
    background-color: #fff;
    color: #1AB394;
}
.img-details{
    width: 10vw;
    height: 10vw;
}
.offset {
    position: absolute;
    top: 52px;
    right: 29px;
    border: 2px solid #A9A9A9;
}
.icon-green-card {
    position: absolute;
    background-color: #1AB394;
    height: 100%;
    width: 16.3%;
}
.green-card {
    min-height: 110px;
    padding: 24px 16px 16px 16px;
    background-color: rgb(47, 200, 169);
    color: #fff;
}
.grey-card {
    background-color: #A9A9A9;
    color: white;
    padding: 5px 10px 0px;
    min-height: 38px;
}
.details-content {
    min-height: 366px;
    overflow: auto;
}
.no-marg {
    margin: 0px;
}
.btn-default.dark-grey:hover {
    color: #676a6c;
    background-color: #fff;
}
.thumbnail-card{
    border-radius: 2px;
}
.selected-tag {
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    color: #333;
    border: 2px solid rgba(255, 255, 255, 0.8);
}
.selected-tag:hover {
    cursor: pointer;
    box-shadow: 0 0 12px rgba(33,33,33,.2);
    color: #676a6c;
}
.tag-top{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap-reverse;
    justify-content: right;
    width: 30%;
    background-color: rgb(47, 200, 169);
    z-index:10;
    padding: 0 16px 0px 16px ;
    transform: translateX(16px);
    /*border-radius: 6px;*/
}
.tag-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap-reverse;
    min-height: fit-content;
    position: absolute;
    top: 3.5rem;
    padding: 0 .5rem .5rem .5rem;
    width: calc(100% - 32px + 1rem);
    right: calc(16px - .5rem);
    background-color: white;
    border-radius: 5px;
    box-shadow: 5px 10px 12px 10px rgba(33,33,33,.2);
    z-index:10;
    > .report-tag{
        border: none;
    }
}
.report-tag {
    background-color: var(--tag-color);
    padding: 0rem 2rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-radius: 4px;
    /*margin-left: 1rem;*/
    margin-top: 0.5rem;
    width: 100%;
    height: 3rem;
    color: #333;
    transition: 0.25s;
    border: 2px solid rgba(255, 255, 255, 0.8);
}

.report-tag:hover,
.report-tag:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--tag-color);
    transform: translateY(-0.15em);
    cursor: pointer;
}

.defaultTag {
    background-color: var(--tag-color);
    cursor: pointer;
    padding: 0rem 2rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-radius: 4px;
    margin-left: 1rem;
    margin-top: 0.5rem;
    width: 26rem;
    height: 3rem;
    color: #333;
    border: 2px solid rgba(255, 255, 255, 0.8);
}

.menu-tag {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 26rem;
    padding: 0.5rem;
    background-color: white;
    border-radius: 5px;
    box-shadow: 5px 10px 12px 10px rgba(33,33,33,.2);
    z-index: 10;
    > .report-tag{
        border: none;
    }
    transform: translateX(1rem);
}

.tagOptionList {
    /* width: 14rem; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tag-select > .ui-select-container {
    display: flex;
    min-width: 20rem;
    max-width: 27rem;
    color: black;
}

/* limit width of all select container of advenced serach filter */
.right-side-bar > form[name="advancedFilters"] > div > div > .ui-select-container {
    width: 221px; /* same as .right-side-bar.width - .right-side-bar.padding - #tag-select>.input-group-btn.width = 300px - 2*20px - 38px */
}

#tag-select > .ui-select-container > div:not(.ui-select-no-choice) {
    display: flex;
    flex-direction: row;
    width: 100%;
}

#tag-select > .ui-select-container > .ui-select-no-choice {
    display: none;
}

#tag-select > .ui-select-container > div > input {
    width: unset !important;
    min-width: 2rem;
    flex: auto;
    cursor: pointer;
}

#tag-select > .ui-select-container > div > .selectMatchContainer {
    display: flex;
}

#tag-select > .ui-select-container > div > .selectMatchContainer > span > .ui-select-match-item {
    display: flex;
    height: 2.5rem;
    width: 4rem;
    align-items: center;
}

#tag-select > .ui-select-container > div > .selectMatchContainer > span:only-child > .ui-select-match-item {
    width: unset;
    align-items: left;
}

#tag-select > .ui-select-container > div > .selectMatchContainer > span:only-child > .ui-select-match-item > span > .topBarSelectMatchItem {
    display: flex;
}

#tag-select > .ui-select-container > div > .selectMatchContainer > span > .ui-select-match-item > span > .topBarSelectMatchItem > .tagOptionList {
    display: none;
}

#tag-select > .ui-select-container > div > .selectMatchContainer > span > .ui-select-match-item > span > .topBarSelectMatchItem > .tagBall {
    margin-right: 1.5rem;
}

#tag-select > .ui-select-container > div > .selectMatchContainer > span:only-child > .ui-select-match-item > span > .topBarSelectMatchItem > .tagOptionList {
    display: block;
    margin-right: 0.5rem;
}

/* limit width in advanced search */
.right-side-bar > form[name="advancedFilters"] > div > #tag-select > .ui-select-container > div > .selectMatchContainer > span:only-child > .ui-select-match-item > span > .topBarSelectMatchItem.smallerWidth > .tagOptionList {
    max-width: 140px; /* leave just enough space for a squared mouse zone for opening select drop menu */
}

#tag-select > .ui-select-container > div > .selectMatchContainer > span > .ui-select-match-item > .ui-select-match-close {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: right;
    padding-right: .5rem;
}

.tagSelectMatch > .ui-select-toggle > .caret {
    pointer-events: none; /*prevent double event trigger*/
}

.tagBall {
    border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
}

.tagSelectForRequired {
    position: absolute;
    left: 15px;
    width:90%;
    pointer-events: none;
}

#lot-select > .ui-select-container {
    /*display: flex;*/
    min-width: 20rem;
    max-width: 100%;
}

#lot-select > .ui-select-container > div > input {
    width: unset !important;
    min-width: 5rem;
}

@media screen and (max-width: 1180px) {
    .form-inline .form-group {
        display: block;
    }
    .form-inline .form-control {
        display: block;
        width: 100%;
    }
}
/* Last activity card */
@media screen and (max-width: 768px) {
    .static {
        position: static;
    }
    .hidden_xs {
        display: none;
    }
    #full-green-card {
        width: 100%;
        margin: 0px;
    }
    .max-width {
        width: 100%;
    }
    .m-t-xl_xs {
        margin-top: 170px;
    }
}
@media screen and (max-width:1450px) and (min-width:990px) {
    .hidden_md-lg {
        display: none;
    }
    #full-green-card {
        width: 100%;
        margin: 0px;
    }
}
@media screen and (max-width:1180px) and (min-width:990px) {
    .at-line {
        display: block !important;
        margin-left: 17px;
        margin-bottom: 3px;
    }
    .max-width {
        width: 100%;
    }
    .m-t-xl_sm-md {
        margin-top: 170px;
    }
    .hidden_sm-md {
        display: none;
    }
}
/* Picture */
@media screen and (max-width: 1180px) {
    .min-size_md {
        min-width: 150px;
        min-height: 150px;
    }
}
/* CSS selectors from www/inspinia-seed/css/style.css */
@media only screen and (max-width: 1170px) {
    /* line 2659 */
    .dark-timeline.center-orientation .vertical-timeline-content.white {
        color: #fff;
    }
    /* line 2767 */
    .vertical-date small.white {
        color: #fff;
    }
}
@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent #1AB394 transparent transparent;
    }
}

@media only screen and (min-width: 1170px) {
  /* disable timeline alternation left-right */
  .center-orientation .vertical-timeline-block:nth-child(odd) .vertical-timeline-content {
    float: right;
  }
  .center-orientation .vertical-timeline-block:nth-child(odd) .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .center-orientation .vertical-timeline-block:nth-child(odd) .vertical-timeline-content .btn {
    float: right;
  }
  .center-orientation .vertical-timeline-block:nth-child(odd) .vertical-timeline-content .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
}

@media print {
    .no-break-page {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .vertical-timeline.vertical-container .vertical-timeline-block:before {
        content:'';
        position: absolute;
        left: 50%;
        margin-left: -2px;
        height: calc(100% + 4px); /* add length to cover parent borders */
        width: 4px;
        border: 2px solid #f1f1f1;
        top: -1px;
    }

    .vertical-timeline.vertical-container:before {
        display: none;
    }

    .vertical-timeline .vertical-timeline-block:first-child:before {
        top: 8px; /* hide start under icon */
    }

    .vertical-timeline .vertical-timeline-block:last-child:before {
        height: 8px; /* hide end under icon */
    }

    .vertical-timeline .vertical-container {
        margin-top: 3em;
        margin-bottom: 3em;
        position: relative;
        padding: 0;
        width: 90%;
        max-width: 1170px;
    }

    .vertical-timeline .vertical-timeline-block {
        margin: 0px;
        position: relative;
        break-inside: avoid;
        page-break-inside: avoid;
        border: 1px solid transparent; /* avoid row squashing on ff */
    }

    .vertical-timeline .vertical-timeline-content > h2 {
        color: #1AB394 !important;
    }

    .vertical-timeline .vertical-timeline-content {
        float: right;
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
        position: relative;
        height: auto;
        border: 2px solid lightgrey;
        margin-bottom: 4em;
    }

    .vertical-timeline .vertical-timeline-block:last-child .vertical-timeline-content {
        margin-bottom: 0px;
    }

    .vertical-timeline .vertical-timeline-content.white > h2 {
        color: black !important;
    }

    .vertical-timeline .vertical-timeline-content.white::before {
        border-color: transparent lightgrey transparent transparent !important;
    }

    .vertical-timeline .vertical-timeline-content::before {
        border-color: transparent #1AB394 transparent transparent !important;
    }

    .vertical-timeline .vertical-timeline-icon > i.fa-wrench:before{
        color:#1AB394FF !important;
    }

    .vertical-timeline .vertical-timeline-icon > i.fa-ellipsis-h:before, .vertical-timeline .vertical-timeline-icon > i.fa-share:before {
        color:#444444AA !important;
    }

    .vertical-timeline .vertical-timeline-icon {
        width: 50px;
        height: 50px;
        left: 50%;
        margin-left: -25px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        font-size: 19px;
        border: 25px solid #f1f1f1;
    }

    .vertical-timeline .vertical-date {
        left: auto;
        right: 125%;
        text-align: right;
        position: absolute;
        width: 100%;
        top: 2px;
        font-size: 14px;
    }

    .vertical-timeline .vertical-date > small{
        color: #1AB394 !important;
    }

}

#full-green-card .contact-info-tip{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center
}

#full-green-card .contact-info{
    color:grey;
    top:-0.8rem;
    left:2.5rem;
    position:absolute;
    background-color: white;
    border-radius: 3px;
    width: min-content;
    max-height: min-content;
    padding:0.5rem;
    border:1px solid #DBDEE0;
    white-space: nowrap;
    z-index: 100;
    line-height: 2rem;
    filter: drop-shadow(6px 5px 3px #cccccc);
}
#full-green-card .contact-info i{
    width:1.5rem;
    text-align: center;
    margin-right: .5rem;
}
#full-green-card .contact-info i.fa-mobile{
    font-size: 16px;
}

/*** $STATISTICS ***/
.title-num {
    font-size: 50px;
    font-weight: 700;
}
.sub-title-num {
    font-weight: 700;
    font-size: 24px;
}
.stats-icon {
    height: 12rem;
    margin-bottom: 0.5rem;
}
.stats-rate-text {
    font-size: 50px;
    font-weight: bold;
    color: #015401;
}
.stats-text {
    text-align: center;
    font-size: 20px;
}
.stats-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    height: 80vh;
}
.img-stats-placeholder {
    height: 40rem;
    width: 40rem;
}
.unique-stat-wrapper{
    align-items: center;
    height: 70vh;
}
.img-stats{
    flex-direction: column;
    justify-content: flex-start;
    align-items:center ;
    width: 50%;
 }
.img-stats-project{
    min-width: 30rem;
    width: 33.3%;
    padding-top: 2em;
    padding-bottom: 2em;
    flex-direction: column;
    align-items: center;
}
.stats-title {
    flex-direction: column;
    padding: 2rem;

    > h4 {
        color:#446C61;
    }

    > span {
        font-weight: bolder;
        color: #4d4d4d;
        font-size: 40px;
    }
}
.middle-height{
    height: 35vh;
}

/* CSS selectors from www/libs/c3-angular/c3-min.css */
    .c3-chart-arcs .c3-chart-arcs-gauge-unit, .c3-chart-arc .c3-gauge-value {
        fill: #676A6C !important;
    }
    .gauge-bounds-hidden .c3-chart-arcs .c3-chart-arcs-gauge-min, .gauge-bounds-hidden .c3-chart-arcs .c3-chart-arcs-gauge-max {
        visibility: hidden;
    }
    .c3 .c3-chart-texts text {
        fill: #676a6c !important;
        font-weight: bold;
    }
    .c3-axis > .tick > text {
        fill: #676a6c;
    }
    .c3-axis-x > .tick > text {
        font-weight: bold;
        fill: #A1A4A6;
    }
    .c3-axis > path.domain, .c3-axis > .tick > line {
        stroke: #A1A4A6;
    }
    .c3-legend-item > text {
        fill: #676a6c;
        font-weight: 600;
        font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .c3-grid .c3-xgrid-focus {
       visibility : hidden !important;
    }
    .c3-axis-y .c3-axis-y-label {
        fill: #676a6c;
    }
    .c3-axis-y2 .c3-axis-y2-label {
        fill: #676a6c;
    }
    .c3-texts-ratings text {
        font-family: 'HalfStarDemo';
        font-size: 20px;
    }
    .c3-target-rated .c3-gauge-value {
        display: none;
    }
    .c3-target-rated.c3-focused .c3-gauge-value {
        display: inline;
    }
    .c3-target-finished.c3-defocused .c3-gauge-value {
        display: none;
    }
.align-title {
    line-height: 2.4;
}
.padd-head {
    padding: 6px 15px;
}
.bg-light-grey {
    background-color: #F3F3F4;
}
.min-h-statcol {
    min-height: 390px;
}
.stat-def-msg {
    position: absolute;
    left: 0;
    bottom: 50%;
    right: 0;
    margin: auto;
    text-align: center;
    color: #E0E0E0;
    font-weight: 600;
    font-size: 16px;
}
@media screen and (max-width: 1300px) and (min-width: 1170px) {
    .media-width {
        width: 100%;
    }
}
@media screen and (max-width: 275px) {
    .media-padd-0 {
        padding: 0;
    }
}
@media (max-width:1560px) and (min-width:1300px) {
    .min-h-statcol {
        min-height: 400px;
    }
}
.chartButton {
    position: absolute !important;
    min-width: 158px;
    top: 25px;
}
.posLeftBtn {
    left: 55px;
}
.posRightBtn {
    right: 55px;
}

/* Loading button directive */
.lb-spinner, .lb-success {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    line-height: 2.3;
}
button[lb-click] .lb-spinner, button[lb-click] .lb-success {
    display: none;
}
button[lb-click].btn-loading .lb-spinner  {
    display: block;
}
button[lb-click].btn-done .lb-success {
    animation: fadeInBounce 0.8s cubic-bezier(.68,.06,.52,2);
    -webkit-animation: fadeInBounce 0.8s cubic-bezier(.68,.06,.52,2);
    display: block;
}
button[lb-click].btn-loading div:nth-child(1), button[lb-click].btn-done div:nth-child(1) {
    visibility: hidden;
}

/*** $PRINT ***/

/* Print directive */
@media print {
    body.nowprinting > * {
        display: none !important;
    }
    body.nowprinting > #printSection {
        display: block !important;
    }
}

/* Hide useless elements in normal printing */
@media print {
    /* General */
    body {
        padding: 10px;
    }
    .noprint {
        display: none !important;
    }

    .wrapper-content {
        padding: 0px;
        font-size: 8px;
    }
    .ibox-content {
        border: none;
        padding: 0px;
    }

    /* Details sheet */
    .img-crop {
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center !important;
    }

    button {
        display: none !important;
    }
    .img-details {
        width: 40vmin !important;
        height: 40vmin !important;
    }
    .well {
        width: 50%;
    }

    /* Advanced search */
    .align-table, .export-button, .fa-times, .fa-sort {
        display: none;
    }
    #tableId_filter, #tableId_paginate, #tableId_length, #tableId_info, .dt-buttons {
        display: none;
    }
    .print_beside_img {
        width: calc(100% - 40vmin - 20px) !important;
        min-height: calc(40vmin + 10px) !important;
    }
    .details-content{
        min-height: unset;
    }
    .print_below_img {
        width: 100% !important;
    }
}
@media screen {
    .not-on-screen {
        display: none;
    }
}
@page {
    margin: 30px 10px;
}

/* Animations */
.infinite-loop {
    animation: 1s linear rotate infinite;
    -webkit-animation: 1s linear rotate infinite;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes fadeInBounce {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.editable-item {
    white-space: normal;
    background-color: white;
    align-items: center;
    display: flex;
    border: 1px solid #DBDEE0;
}
.btn-danger-reverse {
    border-radius: 0px;
    border: 1px solid #DBDEE0;
    background-color: white;
}
.btn-danger-reverse:hover {
    border: 1px solid #EC4758;
    background-color: #EC4758;
    color: white;
}
.btn-info-reverse {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #DBDEE0;
    background-color: white;
}
.btn-info-reverse:hover {
    border: 1px solid #1C84C6;
    background-color: #1C84C6;
    color: white;
}
.btn-info-details {
    padding: 3px;
    border-radius: 3px;
    color: white;
    background-color: rgb(47, 200, 169);
    border-color: #ffffff7f;
}
.btn-info-details > i {
    padding: 0;
    width: 14.2px;
    height: 14.2px;
}
.btn-info-details:hover {
    background-color: white;
    color: rgb(47, 200, 169);
}
.btn-info-selected-reverse {
    background-color: #1C84C6;
    color: white;
}
.btn-info-selected-reverse:hover {
    background-color: white;
    color: #1C84C6;
}
.radio input[type="radio"]:focus + label::before { /* CSS selectors from /libs/awesome-bootstrap/awesome-bootstrap-checkbox.css */
  outline: 0 !important;
}
.ui-select-container.form-control {
    min-height: 34px;
}

/*** $ADMIN ***/
body  {
    & .dashboard\.admin\.tags {
        width: calc(100vw - 220px);
    }
}

body.mini-navbar {
    & .dashboard\.admin\.tags {
        width: calc(100vw - 70px);
    }
}

.dashboard\.admin\.tags{
    overflow: hidden;
    height: 100vh;
}

.admin-tag-wrapper{
    position: relative;
    height: calc(100vh - (62px + 85px + 20px + 40px));
    padding: unset;
    margin-top: 10px;
    background-color: #ffffff;

    & .ibox{
        width: max-content;
        height: max-content;
    }

    & .ibox-content {
        width: max-content;
        height: max-content;
    }
}

.admin-tag-table{
    height: 100%;
    width: 100%;
    overflow: auto;

    & .table > thead{
        top: -1px;
        left: 0;
        z-index: 2;
        position: sticky;
    }

    & .admin-tag-container{
        box-sizing: border-box;
        max-height: 100%;
    }
}


#users-access-table tr td:first-child {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#users-access-table .contact-info{
    position: absolute;
    right:0; top:3.5rem;
    background-color: white;
    border-radius: 3px;
    width: auto;
    height: auto;
    padding:0.5rem;
    border:1px solid #DBDEE0;
    white-space: nowrap;
    z-index: 100;
    line-height: 2rem;
    filter: drop-shadow(6px 5px 3px #cccccc);
}
#users-access-table .contact-info i{
    width:1.5rem;
    text-align: center;
    margin-right: .5rem;
}
#users-access-table .contact-info i.fa-mobile{
    font-size: 16px;
}

.border-top-only {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

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

.no-margin {
    margin: 0;
}

.user-select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.user-status-ok {
    align-items:center;
    background-color: #87c047;
    color: #fff
}

.user-status-warn {
    align-content: center;
    background-color: #F7A54A;
    color: #fff
}
.user-status-error {
    align-content: center;
    background-color: #ec4758;
    color: #fff
}
.user-status-hurry {
    align-content: center;
    background-color: #ff0000;
    color: #fff
}

.unique-contact{
    border-top: 1px solid;
}

.unique-contact:not(:first-child){
    margin-top: 1rem;
}

.fixed-menu {
    position: fixed;
}

.navbar-default { /* avoid navbar transparency in scroll*/
    background-color: #2f4050;
}

.bg_preview {
    height: 200px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*** REPORT TOP BAR ***/

.ui-select-bootstrap .ui-select-toggle > a.btn {
	margin-top: 0px;
}

.ui-select-bootstrap .form-control:focus, .ui-select-match.btn-default-focus, .ui-select-bootstrap.open , .ui-select-bootstrap.open .form-control {

    -webkit-box-shadow: none;
            box-shadow: none;
}

/*** RESET PASSWORD ***/

form[name="changePasswordForm"] .form-control.ng-invalid-pattern {
    border-color: #cc5965;
}
form[name="changePasswordForm"] .form-control.ng-invalid-pattern:focus {
    border-color: #ed5565;
}

/*** $CREATE REPORT ***/
#pickerToUpdate.ng-invalid-date {
    border-color: #cc5965;
}
#pickerToUpdate.ng-invalid-date:focus {
    border-color: #ed5565;
}