/*** color override for bootstrap primary color ***/

root {
    --primary : var(--primary-color);
}

a, .btn-outline-primary, .page-link, .btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-link {
    color: var(--primary-color);
}

.pointer-events-none {
    pointer-events : none
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

/*.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .page-item.active .page-link, .list-group-item.active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary, .btn-outline-primary:hover {
    border-color: var(--primary-color);
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .list-group-item.active, .progress-bar, .badge-primary, .page-item.active .page-link, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--primary-color);
}

.bg-primary {
    background-color: var(--primary-color) !important
}

.bg-light {
    background-color: var(--light-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important
}

.text-primary {
    color: var(--primary-color) !important
}*/

.card.card-callout {
    border-left: 4px solid;
}

.card.card-callout-lg {
    border-left: 6px solid;
}

.card.card-callout-xl {
    border-left: 8px solid;
}

.opacity-0 {opacity: 0;}
.opacity-1 {opacity: 0.2;}
.opacity-2 {opacity: 0.4;}
.opacity-3 {opacity: 0.6;}
.opacity-4 {opacity: 0.8;}
.opacity-5 {opacity: 1;}

.opacity-25 {opacity: 0.25;}
.opacity-50 {opacity: 0.50;}
.opacity-75 {opacity: 0.75;}
.opacity-100 {opacity: 1;}

.ml--1 { margin-left: -0.25rem !important;}
.ml--2 { margin-left: -0.5rem !important;}
.ml--3 { margin-left: -1rem !important;}
.ml--4 { margin-left: -1.5rem !important;}
.ml--5 { margin-left: -3rem !important;}

.mt--1 { margin-top: -0.25rem !important;}
.mt--2 { margin-top: -0.5rem !important;}
.mt--3 { margin-top: -1rem !important;}
.mt--4 { margin-top: -1.5rem !important;}
.mt--5 { margin-top: -3rem !important;}

.position-pre {
    position: absolute !important;
    margin-left: -20px !important;
    margin-top: 2px;
}

.dropdown-menu {
    min-width: 20rem;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.text-small {
    font-size: 12px !important;
}

.text-smaller {
    font-size: 10px !important;
}

.text-normal {
    font-size: 16px !important
}

.text-large {
    font-size: 17px !important;
}

.text-larger {
    font-size: 19px !important;
}

.text-soft {
    color: #e9ecef;
}

.bg-soft {
    color: #e9ecef;
}

.badge-soft{
    color:#212529;
    background-color:#e9ecef
}

.btn-soft{color:#212529;background-color:#e9ecef;border-color:#f8f9fa}

.alert-soft{color:#818182;background-color:#e9ecef;border-color:#fdfdfe}

.btn-xsm{
    padding:4px 4px;font-size:11px;line-height:1
}



/*tasti*/
/*.btn {
    font-weight: 500 !important;
    font-size: 14px !important;
    cursor: pointer !important;
}
.btn-danger {
    border-color: #c72736 !important;
}
.btn-primary {
    background-color: #B3002D !important;
    border-color: #9e0028 !important;
}
.btn-primary:visited {
    background-color: #9e0028 !important;
    border-color: #9e0028 !important;
}
.btn-primary:hover, .btn-primary:active {
    background-color: #9e0028 !important;
    border-color: #9e0028 !important;
}
.btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    font-weight: 500;
}
.btn-secondary:visited {
    background-color: #5c6369 !important;
    border-color: #5c6369 !important;
}
.btn-secondary:hover, .btn-secondary:active {
    background-color: #5c6369 !important;
    border-color: #5c6369 !important;
} */

.btn-default {
    background-color: #fff !important;
    border-color: #ccc !important;
}
.btn-default:visited {
    background-color: #fff !important;
    border-color: #ccc !important;
}
.btn-default:hover, .btn-default:active {
    background-color: #dcdcdc !important;
    border-color: #ccc !important;
}
.btn-light, .btn-light:visited  {
    background-color: #fff !important;
    border-color: #ccc !important;
}
.btn-light:hover, .btn-light:active {
    background-color: #dcdcdc !important;
    border-color: #ccc !important;
}

.btn.btn-fw, .btn-fw .btn {
    min-width: 100px !important;
    max-width: 100px !important;;
    width: 100px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overflow-visible {
    overflow: visible !important;
}

.height-auto {
    height: auto !important;
}

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

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

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

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

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

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

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

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

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

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

.w-fit-content {
    width: fit-content !important;
}

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.w-100 {
    width: 100% !important;
}

.col.mini { padding-left: 0px !important; padding-right: 0px !important; -ms-flex: 0 0 2.083333% !important; flex: 0 0 2.083333% !important; max-width: 2.083333% !important; }
.col.half { -ms-flex: 0 0 4.166666% !important; flex: 0 0 4.166666% !important; max-width: 4.166666% !important; }
.col-1.half { -ms-flex: 0 0 12.5% !important; flex: 0 0 12.5% !important; max-width: 12.5% !important; }
.col-2.half { -ms-flex: 0 0 20.833333% !important; flex: 0 0 20.833333% !important; max-width: 20.833333% !important; }
.col-3.half { -ms-flex: 0 0 29.166666% !important; flex: 0 0 29.166666% !important; max-width: 29.166666% !important; }
.col-4.half { -ms-flex: 0 0 37.5% !important; flex: 0 0 37.5% !important; max-width: 37.5% !important; }
.col-5.half { -ms-flex: 0 0 45.833333% !important; flex: 0 0 45.833333% !important; max-width: 45.833333% !important; }
.col-6.half { -ms-flex: 0 0 54.166666% !important; flex: 0 0 54.166666% !important; max-width: 54.166666% !important; }
.col-7.half { -ms-flex: 0 0 62.5% !important; flex: 0 0 62.5% !important; max-width: 62.5% !important; }
.col-8.half { -ms-flex: 0 0 70.833333% !important; flex: 0 0 70.833333% !important; max-width: 70.833333% !important; }
.col-9.half { -ms-flex: 0 0 79.166666% !important; flex: 0 0 79.166666% !important; max-width: 79.166666% !important; }
.col-10.half { -ms-flex: 0 0 87.5% !important; flex: 0 0 87.5% !important; max-width: 87.5% !important; }
.col-11.half { -ms-flex: 0 0 95.833333% !important; flex: 0 0 95.833333% !important; max-width: 95.833333% !important; }

.offset-mini { margin-left: 2.083333% !important; }
.offset-half { margin-left: 4.166666% !important; }
.offset-1.offset-half { margin-left: 12.5% !important; }
.offset-2.offset-half { margin-left: 20.833333% !important; }
.offset-3.offset-half { margin-left: 29.166666% !important; }
.offset-4.offset-half { margin-left: 37.5% !important; }
.offset-5.offset-half { margin-left: 45.833333% !important; }
.offset-6.offset-half { margin-left: 54.166666% !important; }
.offset-7.offset-half { margin-left: 62.5% !important; }
.offset-8.offset-half { margin-left: 70.833333% !important; }
.offset-9.offset-half { margin-left: 79.166666% !important; }
.offset-10.offset-half { margin-left: 87.5% !important; }
.offset-11.offset-half { margin-left: 95.833333% !important; }

.lh-normal {
    line-height: normal !important;;
}

.lh-10 {
    line-height: 1.0 !important;
}

.lh-11 {
    line-height: 1.1 !important;;
}

.lh-12 {
    line-height: 1.2 !important;;
}

.lh-13 {
    line-height: 1.3 !important;;
}

.lh-14 {
    line-height: 1.4 !important;;
}

.lh-15 {
    line-height: 1.5 !important;;
}

.lh-15 {
    line-height: 1.5 !important;;
}

.lh-16 {
    line-height: 1.6 !important;;
}

.lh-17 {
    line-height: 1.7 !important;;
}

.lh-18 {
    line-height: 1.8 !important;;
}

.lh-19 {
    line-height: 1.9 !important;;
}

.lh-20 {
    line-height: 2.0 !important;;
}

/*.btn-modal-task{
    height: 38px !important;
    padding-left: 5px;
    padding-right: 5px;
}

.btn-link{
    width: max-content;
}

.btn-outline-primary {
    color: #B3002D !important;
    border-color: #9e0028 !important;
}
.btn-outline-primary:hover, .btn-primary:active {
    color: #9e0028 !important;
    color: #fff !important;
}*/

/*fine tasti*/