.datepicker-dropdown:before {
  border-bottom: 7px solid #999;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.datepicker-dropdown:after {
  border-bottom: 6px solid #fff;
}
.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  border-top: 6px solid #fff;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #5cb85c;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #999;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #4cae4c;
    background-image: -moz-linear-gradient(to bottom, #4cae4c, #4cae4c);
    background-image: -ms-linear-gradient(to bottom, #4cae4c, #4cae4c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4cae4c), to(#4cae4c));
    background-image: -webkit-linear-gradient(to bottom, #4cae4c, #4cae4c);
    background-image: -o-linear-gradient(to bottom, #4cae4c, #4cae4c);
    background-image: linear-gradient(to bottom, #4cae4c, #4cae4c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cae4c', endColorstr='#4cae4c', GradientType=0);
    border-color: #4cae4c #4cae4c #5cb85c;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
}
    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.active,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled:hover.active,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today:hover.disabled,
    .datepicker table tr td.today.disabled.disabled,
    .datepicker table tr td.today.disabled:hover.disabled,
    .datepicker table tr td.today[disabled],
    .datepicker table tr td.today:hover[disabled],
    .datepicker table tr td.today.disabled[disabled],
    .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #5cb85c;
    }
        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover:active,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.active,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled:hover.active {
            background-color: #5cb85c \9;
        }
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #5cb85c;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #4cae4c;
  background-image: -moz-linear-gradient(to bottom, #4cae4c, #4cae4c);
  background-image: -ms-linear-gradient(to bottom, #4cae4c, #4cae4c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4cae4c), to(#4cae4c));
  background-image: -webkit-linear-gradient(to bottom, #4cae4c, #4cae4c);
  background-image: -o-linear-gradient(to bottom, #4cae4c, #4cae4c);
  background-image: linear-gradient(to bottom, #4cae4c, #4cae4c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cae4c', endColorstr='#4cae4c', GradientType=0);
  border-color: #4cae4c #4cae4c #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected:hover:hover,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.disabled:hover:hover,
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled:hover.active,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected:hover.disabled,
    .datepicker table tr td.selected.disabled.disabled,
    .datepicker table tr td.selected.disabled:hover.disabled,
    .datepicker table tr td.selected[disabled],
    .datepicker table tr td.selected:hover[disabled],
    .datepicker table tr td.selected.disabled[disabled],
    .datepicker table tr td.selected.disabled:hover[disabled] {
        background-color: #4cae4c;
    }
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled:hover.active {
        background-color: #4cae4c \9;
    }
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #4cae4c, #4cae4c);
  background-image: -ms-linear-gradient(to bottom, #4cae4c, #4cae4c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4cae4c), to(#4cae4c));
  background-image: -webkit-linear-gradient(to bottom, #4cae4c, #4cae4c);
  background-image: -o-linear-gradient(to bottom, #4cae4c, #4cae4c);
  background-image: linear-gradient(to bottom, #4cae4c, #4cae4c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cae4c', endColorstr='#4cae4c', GradientType=0);
  border-color: #4cae4c #4cae4c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #4cae4c;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #5cb85c \9;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #5cb85c;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    color: #5cb85c;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #4cae4c;
    background-image: -moz-linear-gradient(to bottom, #4cae4c, #4cae4c);
    background-image: -ms-linear-gradient(to bottom, #4cae4c, #4cae4c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4cae4c), to(#4cae4c));
    background-image: -webkit-linear-gradient(to bottom, #4cae4c, #4cae4c);
    background-image: -o-linear-gradient(to bottom, #4cae4c, #4cae4c);
    background-image: linear-gradient(to bottom, #4cae4c, #4cae4c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cae4c', endColorstr='#4cae4c', GradientType=0);
    border-color: #4cae4c #4cae4c #4cae4c;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #4cae4c;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #5cb85c \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #5cb85c;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    color: #fff;
  background: #5cb85c;
}
.input-daterange .add-on {
  text-shadow: 0 1px 0 #fff;
  background-color: #5cb85c;
  border: 1px solid #ccc;
}
.card-body {
    padding: 0.25rem;
}

#accordion .card .card-header {
    padding: 0.0rem 0.25rem;
}

h4, .h4 {
    font-size: 0.95rem;
}

h5, .h5 {
    font-size: 0.75rem;
}

    h5 .btn, .h5 .btn {
        padding: 0.15rem 0.75rem;
    }


input[type="radio"], input[type="checkbox"]  {
    height: calc(1.5em + 0.35rem + 0px) !important;
}
.btn-secondary, .btn-primary {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

    .btn-secondary:hover, .btn-primary:hover {
        color: #fff;
        background-color: #4cae4c;
        border-color: #4cae4c;
    }

    .btn-secondary:focus, .btn-primary:focus, .btn-secondary.focus, .btn-primary.focus {
        color: #fff;
        background-color: #4cae4c;
        border-color: #4cae4c;
        box-shadow: 0 0 0 0.2rem rgba(76, 174, 76, 0.5);
    }

    .btn-secondary.disabled, .btn-primary.disabled, .btn-secondary:disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c;
    }

    .btn-secondary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #4cae4c;
        border-color: #4cae4c;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus,
        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(76, 174, 76, 0.5);
        }

.card-footer .btn {
    margin-right: 4px;
}

.btn-link {
    font-weight: 400;
    color: #3c763d;
    text-decoration: none;
}

    .btn-link:hover {
        color: #3c763d;
        text-decoration: none;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: none;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }


.imgLink-cm {
   /* padding-right: 5px;*/
    font-size: 1.2rem;
}
.width-20-porcento {
    width: 20%;
}

.width-25-porcento {
    width: 25%;
}

.padding-zero {
    padding: 0 !important;
}

.padding-left-zero {
    padding-left: 0 !important;
}

.padding-right-zero {
    padding-right: 0 !important;
}

.padding-top-1 {
    padding-top: 1% !important;
}

.padding-top-2 {
    padding-top: 2% !important;
}

.padding-top-5 {
    padding-top: 5% !important;
}

.padding-top-7 {
    padding-top: 7% !important;
}

.padding-top-10 {
    padding-top: 10% !important;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

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

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

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

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

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15-negativo {
    margin-left: -15px;
}

.padding-top-15 {
    padding-top: 15px;
}
.imgLink {
    cursor: pointer;
}
.imgLink {
    color: #3c763d;
    cursor: pointer;
}
    .imgLink:hover {
        color: #3c763d;
        text-decoration: none;
    }

.imgLink-cm:last-child {
    padding-right: 20px;
}

.listaFotos {
    display: flex;
    overflow-x: scroll;
    margin: 0px;
    padding: 0 0 20px 0;
    /*height: 175px;*/
}

    .listaFotos li {
        float: left;
        list-style-type: none;
        margin-right: 10px
    }

.imgFoto-warp {
    width: 125px;
    /*height: 125px;*/
    position: relative;
    margin: 5px auto;
}

.img-edit {
    position: absolute;
    right: 30px;
}

.img-excluir {
    position: absolute;
    right: 0px;
}

.whatssappIcon {
    font-size: 20px;
    float: right;
    margin-right: 10px
}

.dxlpLoadingPanel {
    color: #ffffff;
    background-color: transparent;
    border: none;
    border-collapse: collapse;
    position: fixed;
    left: 45%;
    top: 45%;
    z-index: 30000;
    display: none;
}

.dxlpLoadingDiv {
    border: none;
    background-color: #000000;
    opacity: 0.3;
    left: 0px;
    top: 0px;
    z-index: 29999;
    display: none;
    position: fixed;
    width: 100% !important;
    height: 100% !important;
}

.ta-editor.ta-html, .ta-scroll-window.form-control, .ta-scroll-window > .ta-bind {
    min-height: 150px;
}
.dataGrid {
    /*height: 75% !important;*/
    /*min-height: 95% !important;*/
}

.ngCellText {
    padding-top: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ui-grid {
    border: 1px solid #d6e9c6;
}

.ui-grid-scrollbar-placeholder {
    background-color: transparent;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
    background-color: #d4d4d4;
}

.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
    background-color: #d4d4d4;
}

.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
    background-color: #d4d4d4;
}

.ui-grid-icon-button {
    background-color: transparent;
}

.ui-grid-top-panel-background {
    background-color: #f3f3f3;
}

.ui-grid-header {
    border-bottom: 1px solid #d4d4d4;
}

.ui-grid-top-panel {
    font-weight: bold;
    background-color: #d6e9c6;
}

.ui-grid-header-cell {
    border-color: #d4d4d4;
}

input[type="text"].ui-grid-filter-input {
    border: 1px solid #d4d4d4;
}

    input[type="text"].ui-grid-filter-input:hover {
        border: 1px solid #d4d4d4;
    }

select.ui-grid-filter-select {
    border: 1px solid #d4d4d4;
}

    select.ui-grid-filter-select:hover {
        border: 1px solid #d4d4d4;
    }

.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: #fdfdfd;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #f3f3f3;
}

.ui-grid-row:last-child .ui-grid-cell {
    border-bottom-color: #d4d4d4;
}

.ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
.ui-grid-row:nth-child(odd):hover .ui-grid-cell,
.ui-grid-row:nth-child(even):hover .ui-grid-cell {
    color: #000;
    background-color: #d6e9c6;
}

.ui-grid-no-row-overlay {
    background-color: #f3f3f3;
    border: 1px solid #d4d4d4;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    background-color: #F0F0EE;
    border-bottom: solid 1px #d4d4d4;
}

.ui-grid-footer-panel-background {
    background-color: #f3f3f3;
}

.ui-grid-footer-panel {
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    background-color: #f3f3f3;
}

.ui-grid-footer-cell {
    border-color: #d4d4d4;
}

.ui-grid-menu-button {
    color: #fff;
    background: #5cb85c;
    border-left: 1px solid #4cae4c;
    border-bottom: 1px solid #4cae4c;
}

.ui-grid-menu .ui-grid-menu-inner {
    background: #fff;
    border: 1px solid #d4d4d4;
}

    .ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
        color: #000;
    }

    .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,
    .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
        background-color: #d6e9c6;
    }

    .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
        background-color: #9cb2b6;
    }

    .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > .ui-grid-menu-item {
        border-bottom: 1px solid #d4d4d4;
    }

.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
    border-right: 1px solid #d4d4d4;
}

.ui-grid[dir=rtl] .ui-grid-menu-button {
    background: #f3f3f3;
    border: 1px solid #d4d4d4;
}

.ui-grid-cell-focus {
    background-color: #d6e9c6;
}

.ui-grid-focuser:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-grid-cell input.ng-invalid {
    border: 1px solid #fc8f8f;
}

.ui-grid-cell input.ng-valid {
    border: 1px solid #d4d4d4;
}

.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: #fdfdfd;
}

.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #f3f3f3;
}

.scrollFiller {
    float: left;
    border: 1px solid #d4d4d4;
}

.movingColumn {
    border: 1px solid #d4d4d4;
}

.ui-grid-pager-control button {
    background: #f3f3f3;
    border: 1px solid #ccc;
    color: #eee;
}

    .ui-grid-pager-control button:hover {
        border-color: #adadad;
    }

    .ui-grid-pager-control button:focus {
        border-color: #8c8c8c;
    }

    .ui-grid-pager-control button:active {
        border-color: #adadad;
    }

        .ui-grid-pager-control button:active:hover,
        .ui-grid-pager-control button:active:focus {
            background-color: #c8c8c8;
            border-color: #8c8c8c;
        }

    .ui-grid-pager-control button:hover,
    .ui-grid-pager-control button:focus,
    .ui-grid-pager-control button:active {
        color: #eee;
        background: #dadada;
    }

    .ui-grid-pager-control button[disabled]:hover,
    .ui-grid-pager-control button[disabled]:focus {
        background-color: #f3f3f3;
        border-color: #ccc;
    }

.ui-grid-pager-control input {
    color: #555555;
    background: #fff;
    border: 1px solid #ccc;
}

    .ui-grid-pager-control input:focus {
        border-color: #66afe9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .ui-grid-pager-control input::-moz-placeholder,
    .ui-grid-pager-control input:-ms-input-placeholder,
    .ui-grid-pager-control input::-webkit-input-placeholder {
        color: #999;
    }

    .ui-grid-pager-control input[disabled],
    .ui-grid-pager-control input[readonly] {
        background-color: #eeeeee;
    }

.ui-grid-pager-control .first-bar {
    border-left: 2px solid #4d4d4d;
}

.ui-grid-pager-control .first-bar-rtl {
    border-left: 2px solid #4d4d4d;
}

.ui-grid-pager-control .last-triangle {
    border-color: transparent transparent transparent #4d4d4d;
}

.ui-grid-pager-control .last-bar {
    border-left: 2px solid #4d4d4d;
}

.ui-grid-pager-control .last-bar-rtl {
    border-left: 2px solid #4d4d4d;
}

.ui-grid-pager-row-count-picker select {
    color: #555555;
    background: #fff;
    border: 1px solid #ccc;
}

    .ui-grid-pager-row-count-picker select:focus {
        border-color: #66afe9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .ui-grid-pager-row-count-picker select::-moz-placeholder,
    .ui-grid-pager-row-count-picker select:-ms-input-placeholder,
    .ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
        color: #999;
    }

    .ui-grid-pager-row-count-picker select::-ms-expand {
        background-color: transparent;
    }

    .ui-grid-pager-row-count-picker select[disabled],
    .ui-grid-pager-row-count-picker select[readonly] {
        background-color: #eeeeee;
    }

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
    border-right-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
    background-color: #d4d4d4;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
    background-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
    background-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
    border-left-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
    border-left-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
    background-color: #d4d4d4;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
    background-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
    background-color: #aeaeae;
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 1px solid #d4d4d4;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
    border-left: 1px solid #d4d4d4;
}

.ui-grid.column-resizing .ui-grid-resize-overlay {
    background-color: #aeaeae;
}

.ui-grid-row-saving .ui-grid-cell {
    color: #848484 !important;
}

.ui-grid-row-dirty .ui-grid-cell {
    color: #610B38;
}

.ui-grid-row-error .ui-grid-cell {
    color: #FF0000 !important;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    color: #000;
    background-color: #CEE6BD;
}

.ui-grid-cell-contents.invalid {
    border: 1px solid #fc8f8f;
}

/*LOADING*/
/*.grid-msg-overlay {
    background: rgba(0, 0, 0, 0.4);
}*/
.grid-msg-overlay .msg {
    font-size: 24pt;
    background-color: transparent;
    border: none;
}

/*.grid-msg-overlay .msg span {
    display: table-cell;
    vertical-align: middle;
}*/

.ui-grid-pager-row-count-picker select {
    height: 26px;
}

.ui-grid-selection-row-header-buttons {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    outline: none;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
    box-sizing: border-box;
    border-left: 1px solid;
    border-width: 1px;
    padding-top: 3px;
    border: none;
}

.ui-grid-row:last-child .ui-grid-cell {
    border-bottom-width: 1px;
    padding-top: 3px;
}

.ui-grid-icon-cancel:before {
    margin-right: auto !important;
}
html {
    height: 95%;
}

body {
    height: 90%;
    font-size: 0.85rem;
}

a {
    color: #3c763d;
}

    a:hover {
        color: #255625;
    }

label {
    font-weight: bold;
}

.form-control:focus {
    border-color: #3c763d;
}

input:required, select:required, textarea:required {
    border-color: #3c763d;
}
.navbar-toggler-icon {
    color: rgba(37, 86, 37, 100);
    font-size: 1.6rem;
    content: "\f0c9";
    padding-top: 5px;
}

.navbar {
    padding: 0 1rem;
}

.bg-dark {
    background-color: #d6e9c6 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #d6e9c6 !important;
}

.navbar-dark .navbar-nav .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(60, 118, 61, 100);
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(37, 86, 37, 100);
}

    .navbar-dark .navbar-nav .show > .nav-link .navbar-dark .navbar-nav .active > .nav-link, 
    .navbar-dark .navbar-nav .nav-link.show, 
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
        background-color: #5cb85c;
    }

.nav-link.disabled {
    color: #6c757d;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
    background-color: #5cb85c;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:active {
    color: #fff;
    background-color: #5cb85c;
}

.dropdown-item {
    color: #212529;
    background-color: transparent;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #fff;
        background-color: #5cb85c;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        background-color: #5cb85c;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent;
    }


/*.navbar {
    background-color: #d6e9c6;
    border-color: #d6e9c6;
}

    .navbar .navbar-toggler {
        border-color: #d6e9c6;
    }

        .navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus {
            background-color: #d6e9c6;
        }

    .navbar .navbar-collapse, .navbar .navbar-form {
        border-color: #d6e9c6;
    }

.navbar-nav > li > .dropdown-menu {
    background-color: #fff;
    border: 1px solid #ccc;
}

.navbar-nav > li > .open {
    background-color: #3c763d;
}

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #5cb85c;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #5cb85c;
}

.navbar .navbar-nav > li > a {
    color: #3c763d;
}

    .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
        color: #255625;
        background-color: transparent;
    }
*/
.modal-dialog-width-full {
    max-width: unset;
    width: 80% !important;
}

.modal-dialog-full {
    max-width: unset;
    width: 100%;
    padding: 10px;
}

.modal-content-full {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.modal-content-width-full {
    height: auto;
    max-height: 100%;
    border-radius: 0;
}

.modal-header {
    color: #3c763d;
    border-bottom: 1px solid #d6e9c6;
    background-color: #d6e9c6;
    border-color: #d6e9c6;
}

.modal-body {
    max-height: 600px;
    overflow: auto;
}

.modal-content {
    max-height: 90vh;
}

.modal-footer button {
    margin: .25rem .25rem 0 0
}
/*

.modal-header {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: #d6e9c6;
}

.modal-header .close {
    color: #000;
}
*/
@media screen and (max-width: 1023px) {
    .modal-dialog-width-full {
        width: auto !important;
    }

    .modal-dialog-full { 
        padding: 0 !important;
    }

    .modal-content-full {
        border-radius: 0.3rem !important;
    }
}

@media screen and (max-height: 799px) {
    .modal-body {
        max-height: 480px;
        overflow: auto;
    }
}
/*.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.nav-tabs > li > a:hover {
    border-color: #d6e9c6;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #d6e9c6;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #3c763d;
    background-color: #d6e9c6;
    border: 1px solid #d6e9c6;
}

.navbar-toggler {
    border: solid 1px #3c763d;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3c763d;
}

.nav-tabs .nav-link.active {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: #d6e9c6;
}*/

@media screen and (max-width: 1023px) {
    .nav.nav-tabs {
        display: flex;
        flex-direction: column;
    }

        .nav.nav-tabs li .nav-link {
            padding: 5px;
        }
}
/* line 1, ../../source/scss/ng-img-crop.scss */
img-crop {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
    /* line 7, ../../source/scss/ng-img-crop.scss */
    img-crop canvas {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        outline: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        /* mobile webkit */
    }
    /* line 17, ../../source/scss/ng-img-crop.scss */
    img-crop .loading {
        width: 100%;
        height: 100%;
        font-size: 16px;
        font-weight: bold;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        color: white;
        background-color: rgba(0, 0, 0, 0.75);
        position: absolute;
    }

.card-height-100 {
    height: 95% !important;
    min-height: 95% !important;
}

.card {
    height: 95% !important;
    min-height: 95% !important;
}

.card-body {
    height: 95% !important;
    min-height: 95% !important;
}


.card {
    border: 1px solid rgba(92, 184, 92, 0.125);
    border-color: #d6e9c6;
}

.card-header {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: #d6e9c6;
    /*background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
}

.card-footer {
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.nav-tabs {
    border-bottom: 1px solid #d6e9c6;
}

    .nav-tabs .nav-item {
        margin-bottom: -2px;
        margin-right: 2px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            background-color: #d6e9c6;
            border-color: #d6e9c6 #d6e9c6 #fff #d6e9c6;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #3c763d;
            background-color: #d6e9c6;
            border-color: #d6e9c6 #d6e9c6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
:root{
    --opacity-fade: 70%;
    --maior-quadro-width: 18vw;
    --menor-quadro-width: 5.999vw;
}

#seletor-quadros-row {
    display: initial;
}

    #seletor-quadros-row label,
    #pesquisa-mobile-row label {
        font-weight: 600;
    }

#pesquisa-mobile-row {
    display: none;
}

.pipeline-wrapper {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    height: 78vh;
    max-height: 78vh;
    margin-top: 1.15vh;
    width: 99vw;
    max-width: 99vw;
    margin-left: 0.5vw;
}

    .pipeline-wrapper .pipeline-quadro {
        width: 19.5vw;
        height: 100%;
        flex-grow: 1;
        border: 1px solid #80808033;
        border-radius: 10px;
        margin: 0 0.25vw;
        box-shadow: #66666615 0px -11px 20px 6px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .pipeline-wrapper .pipeline-quadro .pipeline-quadro-header {
            display: none;
        }

        .pipeline-wrapper .pipeline-quadro::-webkit-scrollbar {
            margin: 0;
            padding: 0;
            width: 10px;
            background-color: #80808033;
        }
        .pipeline-wrapper .pipeline-quadro::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        .pipeline-wrapper .pipeline-quadro::-webkit-scrollbar-thumb 
        {
            width: 5px;
            background-color: #80808033;
            border-radius: 5px;
        }

        .pipeline-wrapper .pipeline-quadro h4 {
            margin-top: 7px;
            text-align: center;
            display: grid;
        }

            .pipeline-wrapper .pipeline-quadro h4::after {
                content: '';
                position: relative;
                bottom: 0px;
                height: 1px;
                width: 80%;
                margin: 5px auto auto auto;
                border: 1px solid #80808033;
                border-radius: 5px;
            }

        .pipeline-wrapper .pipeline-quadro .pipeline-card {
            position: relative;
            left: 3.5%;
            min-width: 89.999%;
            width: 90%;
            max-width: 90%;
            padding: 5px 10px;
            margin: 0 5px 0 5px;
            background: white;
            border: 1px solid #80808023;
            border-bottom: 2px solid #80808033;
            box-shadow: #66666610 0px 10px 141px 15px, inset 1px 1px 10px #66666610;
            cursor: pointer;
        }

            .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-nome {
                font-weight: 700;
            }
            
            .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-email {
                font-weight: 500;
            }

            .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-assunto-row {
                margin-top: 5px;
            }
            .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-assunto {
                font-weight: 600;
            }

            .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-footer {
                margin-top: 5px;
            }
                .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-footer::before {
                    content: '';
                    position: relative;
                    bottom: 0px;
                    height: 1px;
                    width: 90%;
                    margin: 5px auto 5px auto;
                    border: 1px solid #80808033;
                    border-radius: 5px;
                }
                .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-footer .pipeline-card-footer-content {
                    display: flex;
                }
                    .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-footer .pipeline-card-footer-content div {
                        width: 100%;
                    }
                    .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-footer .pipeline-card-footer-content span {
                        padding: 5px;
                    }

            .pipeline-wrapper .pipeline-quadro .pipeline-card .button-more {
                display: inline-grid;
                width: 50px;
                height: 50px;
                padding-top: 17px;
                color: #808080;
                border: 2px solid #80808033;
                border-radius: 50%;
                cursor: pointer;
            }

            .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-dataInclusao-row {
                margin-top: .25em;
            }
            .pipeline-wrapper .pipeline-quadro .pipeline-card .pipeline-card-dataInclusao {
                font-style: italic;
            }

@media screen and (max-width: 1133px) {
    .pipeline-wrapper {
        height: 81vh;
        max-height: 81vh;
    }

        .pipeline-wrapper .pipeline-quadro {
            height: 81vh;
            min-height: 81vh;
        }
}

@media screen and (max-width: 1023px) {
    #seletor-quadros-row {
        display: none;
    }

    #pesquisa-mobile-row {
        display: initial;
    }

        #pesquisa-mobile-row .row {
            margin-top: 0.5em;
        }

    .pipeline-wrapper {
        max-height: unset;
        height: 76vh;
        max-height: 76vh;
        overflow: hidden;
    }

        .pipeline-wrapper .pipeline-quadro {
            min-width: 99.5vw;
            width: 99.5vw;
            height: 76vh;
            max-height: 76vh;
            min-height: 76vh;
            position: relative;
        }

            .pipeline-wrapper .pipeline-quadro h4,
            .pipeline-wrapper .pipeline-quadro h4 span.pipeline-quadro-header-titulo-wrapper {
                font-size: 1.75rem;
                width: 100%;
                flex-grow: 1;
            }

            .pipeline-wrapper .pipeline-quadro .pipeline-quadro-titulo {
                display: none;
            }

            .pipeline-wrapper .pipeline-quadro .pipeline-quadro-header {
                display: flex;
                flex-direction: row;
                text-align: center;
            }

                .pipeline-wrapper .pipeline-quadro .pipeline-quadro-header span {
                    width: 9vw;
                    font-size: 17pt;
                    align-content: space-around;
                    cursor: pointer;
                }

                    .pipeline-wrapper .pipeline-quadro .pipeline-quadro-header span[readonly="readonly"] {
                        color: #80808066;
                        cursor: no-drop;
                    }
}

@media screen and (min-width: 1024px) {
   /* .pipeline-wrapper .pipeline-quadro:hover {
        width: var(--maior-quadro-width);
        transition: width ease-in-out 0.25s;
    }*/

    /* alteração de opacidade e largura em 3 níveis ao redor dos quadros */
    .pipeline-wrapper .pipeline-quadro:hover + * {
        opacity: var(--opacity-fade);
        transition: opacity linear 0.3s;
        /*width: var(--menor-quadro-width);
        transition: width ease-in-out 0.25s;*/
    }

    .pipeline-wrapper .pipeline-quadro:has(+ *:hover) {
        opacity: var(--opacity-fade);
        transition: opacity ease-in-out 0.3s;
        /*width: var(--menor-quadro-width);
        transition: width ease-in-out 0.25s;*/
    }

    .pipeline-wrapper .pipeline-quadro:hover + * + * {
        opacity: calc(var(--opacity-fade) - var(--opacity-fade) * 0.125);
        transition: opacity ease-in-out 0.3s;
        /*width: var(--menor-quadro-width);
        transition: width ease-in-out 0.25s;*/
    }

    .pipeline-wrapper .pipeline-quadro:has(+ * + *:hover) {
        opacity: calc(var(--opacity-fade) - var(--opacity-fade) * 0.125);
        transition: opacity ease-in-out 0.3s;
        /*width: var(--menor-quadro-width);
        transition: width ease-in-out 0.25s;*/
    }

    .pipeline-wrapper .pipeline-quadro:hover + * + * + * {
        opacity: calc(var(--opacity-fade) - var(--opacity-fade) * 0.175);
        transition: opacity ease-in-out 0.3s;
        /*width: var(--menor-quadro-width);
        transition: width ease-in-out 0.25s;*/
    }

    .pipeline-wrapper .pipeline-quadro:has(+ * + * + *:hover) {
        opacity: calc(var(--opacity-fade) - var(--opacity-fade) * 0.175);
        transition: opacity ease-in-out 0.3s;
        /*width: var(--menor-quadro-width);
        transition: width ease-in-out 0.25s;*/
    }

    .pipeline-wrapper .pipeline-quadro:hover + * + * + * + * {
        opacity: calc(var(--opacity-fade) - var(--opacity-fade) * 0.22);
        transition: opacity ease-in-out 0.3s;
        /*width: var(--menor-quadro-width);
        transition: width ease-in-out 0.25s;*/
    }

    .pipeline-wrapper .pipeline-quadro:has(+ * + * + * + *:hover) {
        opacity: calc(var(--opacity-fade) - var(--opacity-fade) * 0.22);
        transition: opacity ease-in-out 0.3s;
        /*width: var(--menor-quadro-width);
        transition: width ease-in-out 0.25s;*/
    }
    /***********************************************************/
}
/*.popover {
    background-color: #fff;
    border: 1px solid #d6e9c6;
}

.popover-title {
    color: #3c763d;
    background-color: #d6e9c6;
    border-bottom: 1px solid #d6e9c6;
}

.popover > .arrow,
.popover > .arrow:after {
    border-color: transparent;
}

.popover.top > .arrow {
    border-top-color: #999;
}

    .popover.top > .arrow:after {
        border-top-color: #fff;
    }

.popover.right > .arrow {
    border-right-color: #999;
}

    .popover.right > .arrow:after {
        border-right-color: #fff;
    }

.popover.bottom > .arrow {
    border-bottom-color: #999;
}

    .popover.bottom > .arrow:after {
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    border-left-color: #999;
}

    .popover.left > .arrow:after {
        border-left-color: #fff;
    }
*/
.grid-msg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

    .grid-msg-overlay .msg {
        opacity: 1;
        position: absolute;
        top: 32.5%;
        left: 32.5%;
        width: 35%;
        height: 10%;
        background-color: #eee;
        border-radius: 4px;
        border: 1px solid #555;
        text-align: center;
        font-size: 24px;
        display: table;
    }

        .grid-msg-overlay .msg span {
            display: table-cell;
            vertical-align: middle;
        }
.my-drop-zone {
    border: dotted 3px lightgray;
    height: 100px;
}

.nv-file-over {
    border: dotted 3px red;
}

.another-file-over-class {
    border: dotted 3px green;
}

canvas {
    background-color: #f3f3f3;
    -webkit-box-shadow: 3px 3px 3px 0 #e3e3e3;
    -moz-box-shadow: 3px 3px 3px 0 #e3e3e3;
    box-shadow: 3px 3px 3px 0 #e3e3e3;
    border: 1px solid #c3c3c3;
    height: 100px;
    margin: 6px 0 0 6px;
}