/*#region
**********************
START CONTROLS
**********************/
/*This to be removed from Web>Custom*/
select.wm-select.wm-widget-data.form-control {
    height: 30px;
    font-size: .875rem;
    padding: 0.3rem;
}

textarea:disabled {
    color: inherit;
    opacity: 0.35;
}

/*#endregion
**********************
END CONTROLS]
**********************/

/*#region
**********************
START COLOURS
**********************/
.wm-background-winman {
    background-color: var(--winman-blue);
}

.wm-background-red {
    background-color: #d9534f !important;
    color: #fff !important;
}

.wm-background-red-cell-badge {
    border-left: solid 5px;
    border-left-color: #d9534f;
}

.wm-background-blue {
    background-color: #337ab7 !important;
    color: #fff !important;
}

.wm-background-blue-cell-badge {
    border-left: solid 5px;
    border-left-color: #337ab7;
}

.wm-background-green {
    background-color: #5cb85c !important;
    color: #000 !important;
}

.wm-background-green-cell-badge {
    border-left: solid 5px;
    border-left-color: #5cb85c;
}

.wm-background-yellow {
    background-color: #ffd663 !important;
    color: #000 !important;
}

.wm-background-yellow-cell-badge {
    border-left: solid 5px;
    border-left-color: #ffd663;
}

.wm-background-orange {
    background-color: #ffad54 !important;
    color: #000 !important;
}

.wm-background-orange-cell-badge {
    border-left: solid 5px;
    border-left-color: #ffad54;
}

.wm-background-pink {
    background-color: #ff54a8 !important;
    color: #000 !important;
}

.wm-background-pink-cell-badge {
    border-left: solid 5px;
    border-left-color: #ff54a8;
}

.wm-background-purple {
    background-color: #99a7ff !important;
    color: #000 !important;
}

.wm-background-purple-cell-badge {
    border-left: solid 5px;
    border-left-color: #99a7ff;
}

.wm-background-teal {
    background-color: #36b9b9 !important;
    color: #000 !important;
}

.wm-background-teal-cell-badge {
    border-left: solid 5px;
    border-left-color: #36b9b9;
}

.wm-background-brown {
    background-color: #a89f69 !important;
    color: #000 !important;
}

.wm-background-brown-cell-badge {
    border-left: solid 5px;
    border-left-color: #a89f69;
}

.wm-background-grey {
    background-color: #898989 !important;
    color: #fff !important;
}

.wm-background-grey-cell-badge {
    border-left: solid 5px;
    border-left-color: #898989;
}

.wm-background-light-grey {
    background-color: #d3d3d3 !important;
    color: #000 !important;
}

.wm-background-light-grey-cell-badge {
    border-left: solid 5px;
    border-left-color: #d3d3d3;
}

html body .bg-primary,
html body .wm-background-purple {
    background-color: #7460ee !important;
    color: #fff !important;
}

html body .bg-success,
html body .wm-background-green {
    background-color: #55ce63 !important;
    color: #000 !important;
}

html body .bg-info,
html body .wm-background-blue {
    background-color: #009efb !important;
    color: #fff !important;
}

html body .bg-warning,
html body .wm-background-yellow {
    background-color: #ffd663 !important;
    color: #000 !important;
}

html body .bg-danger,
html body .wm-background-red {
    background-color: #f62d51 !important;
    color: #fff !important;
}

html body .bg-orange,
html body .wm-background-orange {
    background-color: #ffad54 !important;
    color: #000 !important;
}

html body .bg-teal,
.wm-background-teal {
    background-color: #36b9b9 !important;
    color: #000 !important;
}

html body .bg-brown,
.wm-background-brown {
    background-color: #a89f69 !important;
    color: #000 !important;
}

html body .bg-grey,
html body .wm-background-grey {
    background-color: #898989 !important;
    color: #fff !important;
}

html body .bg-light-primary {
    background-color: #f1effd !important;
}

html body .bg-light-success {
    background-color: #e8fdeb !important;
}

html body .bg-light-info {
    background-color: #cfecfe !important;
}

html body .bg-light-extra {
    background-color: #ebf3f5 !important;
}

html body .wm-background-default {
    background-color: #d2d4d5 !important;
}

html body .bg-light-warning {
    background-color: #fff8ec !important;
}

html body .bg-light-danger {
    background-color: #f9e7eb !important;
}

html body .bg-light-inverse {
    background-color: #f6f6f6;
}

.wm-foreground-red:not(.wm-icon) {
    color: #d9534f !important;
}

.wm-foreground-red.wm-icon {
    fill: #d9534f !important;
}

i.wm-foreground-red {
    color: #d9534f !important;
}

.wm-foreground-blue:not(.wm-icon) {
    color: #337ab7 !important;
}

.wm-foreground-blue.wm-icon {
    fill: #337ab7 !important;
}

i.wm-foreground-blue {
    color: #337ab7 !important;
}

.wm-foreground-green:not(.wm-icon) {
    color: #5cb85c !important;
}

.wm-foreground-green.wm-icon {
    fill: #5cb85c !important;
    margin: 5px;
}

i.wm-foreground-green {
    color: #5cb85c !important;
}

.wm-foreground-yellow:not(.wm-icon) {
    color: #ffd663 !important;
}

.wm-foreground-yellow.wm-icon {
    fill: #ffd663 !important;
}

i.wm-foreground-yellow {
    color: #ffd663 !important;
}

.wm-foreground-orange:not(.wm-icon) {
    color: #ffad54 !important;
}

.wm-foreground-orange.wm-icon {
    fill: #ffad54 !important;
}

i.wm-foreground-orange {
    color: #ffad54 !important;
}

.wm-foreground-pink:not(.wm-icon) {
    color: #ff54a8 !important;
}

.wm-foreground-pink.wm-icon {
    fill: #ff54a8 !important;
}

i.wm-foreground-pink {
    color: #ff54a8 !important;
}

.wm-foreground-purple:not(.wm-icon) {
    color: #99a7ff !important;
}

.wm-foreground-purple.wm-icon {
    fill: #99a7ff !important;
}

i.wm-foreground-purple {
    color: #99a7ff !important;
}

.wm-foreground-teal:not(.wm-icon) {
    color: #36b9b9 !important;
}

.wm-foreground-teal.wm-icon {
    fill: #36b9b9 !important;
}

i.wm-foreground-teal {
    color: #36b9b9 !important;
}

.wm-foreground-brown:not(.wm-icon) {
    color: #a89f69 !important;
}

.wm-foreground-brown.wm-icon {
    fill: #a89f69 !important;
}

i.wm-foreground-brown {
    color: #a89f69 !important;
}

.wm-foreground-grey:not(.wm-icon) {
    color: #898989 !important;
}

.wm-foreground-light-grey:not(.wm-icon) {
    color: #d3d3d3 !important;
}

.wm-foreground-grey.wm-icon {
    fill: #898989 !important;
}

i.wm-foreground-grey {
    color: #898989 !important;
}

.wm-foreground-light-grey.wm-icon {
    fill: #d3d3d3 !important;
}

i.wm-foreground-light-grey {
    color: #d3d3d3 !important;
}

.label-colour-orange {
    background-color: #F19900;
}

.label-colour-blue {
    background-color: #3B9DFF;
}

.wm-lead-converted {
    background-color: #5CB85C;
}

.wm-lead-unconverted {
    background-color: #3B9DFF;
}

.wm-progress-0 {
    background-color: #D9534F;
}

.wm-progress-1 {
    background-color: #E06D53;
}

.wm-progress-2 {
    background-color: #E88757;
}

.wm-progress-3 {
    background-color: #EFA15B;
}

.wm-progress-4 {
    background-color: #F7BB5F;
}

.wm-progress-5 {
    background-color: #FFD663;
}

.wm-progress-6 {
    background-color: #D6CE61;
}

.wm-progress-7 {
    background-color: #ADC75F;
}

.wm-progress-8 {
    background-color: #84BF5D;
}

.wm-progress-9, .wm-progress-10 {
    background-color: #5CB85C;
}

/***********************
END COLOURS
************************/

/*#region
**********************
START HELPERS
**********************/
.full-width {
    width: 100%;
}

.half-width {
    width: 50%;
}

.width-10 {
    width: 10%;
}

.width-20 {
    width: 20%;
}

.width-30 {
    width: 30%;
}

.width-40 {
    width: 40%;
}

.width-50 {
    width: 50%;
}

.width-30 {
    width: 30%;
}

.width-60 {
    width: 60%;
}

.width-70 {
    width: 70%;
}

.width-80 {
    width: 80%;
}

.width-90 {
    width: 90%;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.smaller {
    font-size: 0.7rem;
}

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

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.wm-hidden {
    display: none;
}

html body .font-bold {
    font-weight: 700;
}

a:hover {
    text-decoration: none;
}

html body .font-normal {
    font-weight: normal;
}

html body .font-light {
    font-weight: 300;
}

html body .font-medium {
    font-weight: 400;
}

html body .font-12 {
    font-size: 12px !important;
}

html body .font-16 {
    font-size: 16px !important;
}

html body .font-14 {
    font-size: 14px !important;
}

html body .font-18 {
    font-size: 18px !important;
}

html body .font-20 {
    font-size: 20px !important;
}

html body .font-26 {
    font-size: 26px !important;
}

html body .font-36 {
    font-size: 26px !important;
}

.ml--2, .mx--2 {
    margin-left: -.375rem !important;
}

/*#endregion
**********************
END HELPERS
**********************/

/**/

.alert .fa.fa-2x {
    font-size: 19px;
}

.wm-rows-8 .e-rte-content .e-content.e-lib.e-keyboard {
    min-height: 500px
}

.div-tooltip-enable {
    display: block;
    width: 100%;
}