/*
-- AiFW : ASSO Informatica PHP FrameWork
--
-- Copyright (c) 2008 - 2014
--
-- progetto e sviluppo
-- ASSO Informatica di Licata Gianfranco e C. S.n.c.
-- http://www.assoi.com
--
-- ========================================================
-- CSS Custom Document
-- CIAO MMSnet default
-- start 2014_1111
-- last 2014_1111
*/

:root{
    --bs-blue:#1212A2;
    --bs-nest:#886863;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc3545;
    --bs-orange:#fd7e14;
    --bs-yellow:#ffc107;
    --bs-green:#198754;
    --bs-teal:#20c997;
    --bs-cyan:#0dcaf0;
    --bs-gray:#dedede;
    --bs-gray-dark:#3e3e3e;
    --bs-gray-light:#ededed;
    --bs-primary:#1212A2;
    --bs-secondary:#635351;
    --bs-success:#00b74a;
    --bs-info:#39c0ed;
    --bs-warning:#ffa900;
    --bs-danger:#f93154;
    --bs-light:#fbfbfb;
    --bs-dark:#262626;
    --bs-white:#fff;
    --bs-black:#000;
    --bg-th: #dedede;
    /*--bg-navbar: #1560BD;*/
    --bg-navbar: var(--bs-primary);
    --bg-gray-50: #888888;
    --c-hancor: #343434;
    --c-hancor-hover: #000;
    --c-btn-def: #343434;
    --bs-card-cap-bg: #ededed;
}
.card{
    --bs-card-title-color: ;
    --bs-card-cap-bg: #ededed;
}
.pagination{
    --bs-pagination-color:#343434;
    --bs-pagination-active-color:white;
    --bs-pagination-active-bg:#343434;
    --bs-pagination-active-border-color:#343434;
}

body{
    color: var(--bs-gray-dark);
}
body.users.login #sb-site{
    background-color: var(--bs-gray-light);
}
a{
    color: var(--c-hancor);
}
a:hover, a:focus {
    color: var(--c-hancor-hover);
    text-decoration: underline dotted;
}

/* navbar */
.navbar{
    background-color: var(--bg-navbar);
    margin-bottom: 0;
    flex-wrap: nowrap;
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    z-index: 2;
}
.navbar > .container{
    width: 100%;
    max-width: 100%;
    padding-right: 0;
}
.navbar > .container > .navbar-left{
    display: flex;
}
.navbar > .container > ul,
.navbar > .container > .navbar-left > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

/** mobile posizione assoluta piede pagina */
@media (max-width: 768px) {
    .navbar > .container > ul.navbar-right{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--bg-navbar);
        display: flex !important;
        justify-content: center;
    }
    .navbar > .container > ul.navbar-right li.li_navbar-user,
    .navbar > .container > ul.navbar-right li.li_navbar-logout {
        display: none;
    }
}

.navbar > .container ul li{
    display: flex;
    margin: 1px 3px;
    width: 40px;
    max-width: 40px;
    height: 40px;
}
.navbar > .container ul li a {
    line-height: 40px;
    /*padding: 6px;*/
    /*padding-bottom: 9px;*/
    height: 40px;
    display: inline-block;
    min-width: 40px;
    text-align: center;
}
/*#navbar-user{*/
/*    background-color: var(--bs-gray-dark);*/
/*    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.2) 100%) !important;*/
/*    color: #FFFFFF !important;*/
/*    padding-bottom: 9px !important;*/
/*}*/
.navbar > .container ul li a span{
    /*padding: 7px 0 9px 0;*/
    margin: 0;
    border: 0;
    padding: 3px;
    font-size: 20px;
}
.navbar > .container ul li i{
    font-size: 24px;
}
.navbar > .container ul li.actionbtn {
    color: white;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    /*padding: 6px 0;*/
    text-align: center;
    cursor: pointer;
}
.navbar > .container ul li.actionbtn:hover {
    /*color: black;*/
    /*background-color: white;*/
    border-color: white;
}
.navbar > .container ul li.actionbtn i{
    font-size: 24px;
    line-height: 37px;
    margin: auto;
}
.navbar > .container .pagetitle {
    font-size: 24px;
    color: white;
    line-height: 42px;
    padding-left: 12px;
    max-height: 40px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .navbar-left .pagetitle i.bi{
        float: left;
        margin: auto 6px;
        padding: 6px 0;
    }
    .navbar-left .pagetitle span.title{
        font-size: 16px;
        line-height: 16px;
    }
}

.navbar > .container > ul.navbar-left{
    float: left;
}
#sb-site{
    position: relative;
    margin-top: 52px;
    min-height: calc(100vh - 52px);
    padding: 0;
    overflow: auto;
}
#menu_verticale_desktop{
    position: fixed;
    top: 52px;
    left: 0;
    bottom: 0;
    width: 230px;
    background-color: #000030;
    overflow-y: scroll;
    overflow-x: hidden;
}
@media (max-width: 768px) {
    #menu_verticale_desktop {
        display: none;
    }
}
#menu_verticale_desktop li.dropdown,
#menu_verticale_desktop li.dropdown.active{
    background-color: transparent;
}
#menu_verticale_desktop li.dropdown.active{
    border-bottom: 2px solid var(--bs-gray);
}
#menu_verticale_desktop a{
    text-decoration: none;
    color: white;
    background-color: transparent;
}
#menu_verticale_desktop a i {
    padding-right: 8px;
}
#sb-site .container-fluid.container_widthmenu{
    margin-left: 230px;
    max-width: calc(100vw - 230px);
}
@media (max-width: 768px) {
    #sb-site .container-fluid.container_widthmenu{
        margin-left: 0;
        max-width: 100%;
    }
}
.sb-toggle-left, .sb-toggle-right {
    background-color: transparent;
    /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.2) 100%) !important;*/
    width: 40px;
    height: 40px;
    padding: 10px 8px;
    margin: 6px;
    border: 1px solid transparent;
    border-radius: 10px;
}
.sb-toggle-left:hover, .sb-toggle-right:hover {
    border-color: white;
}
.sb-toggle-right i {
    color: white;
    font-size: 28px;
    line-height: 30px;
}
.sb-toggle-left{
    /*display: none;*/
    float: left;
    margin-left: 6px;
}
.sb-toggle-right{
    float: right;
    margin-right: 6px;
    padding: 5px;
}
.sb-slidebar.sb-left{
    background-color: #000030;
}
.sb-menu li {
    background-color: #000030;
}
.sb-menu li a {
    padding: 12px;
    color: white;
    background-color: #000030;
}
.sb-menu li a i {
    padding-right: 8px;
}
.sb-menu li a.inline {
    display: inline !important;
}

.sb-slidebar.sb-right{
    /*background-color: var(--bs-secondary);*/
    /*background-image: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.4) 100%) !important;*/
    /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(0,0,0,0) 20px) !important;*/
    background-color: #000030;
    color: white;
}
.sb-slidebar.sb-right li{
    padding: 3px 9px;
}
.sb-slidebar.sb-right a{
    color: white;
    text-decoration: none;
}
.sb-slidebar.sb-right a:hover {
    color: white;
    text-decoration: underline;
}

.sb-right ul.nav li{
    color: white;
}

.navbar-nav > li > a{
    color: white;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 6px 0;
}
.navbar-nav > li > a:hover{
    /*color: #FFF !important;*/
    /*background-color: var(--bs-primary) !important;*/
    /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.2) 100%) !important;*/
    /*color: var(--bs-primary);*/
    /*background-color: var(--bs-gray);*/
    /*border-radius: 5px;*/
    /*color: black;*/
    /*background-color: white;*/
    border-color: white;
}

#sb-menu-logo{
    background-color: rgba(255,255,255,.5);
    text-align: center;
}
#sb-menu-logo img{
    margin: 5px auto;
}

.sidebar{
    padding-top: 0 !important;
}
.nav > li > a, .nav-sub-block > li > a{
    /*color: var(--bs-gray-dark);*/
}
.nav-sub-block > li > a{
    /*border-left: 20px solid #e0e0e0;
    padding-left: 20px !important;*/
}
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus{
    color: #333 !important;
    background-color: var(--bs-gray) !important;
    background-image: linear-gradient(to top, rgba(120, 120, 120, 0) 90%, rgba(230, 230, 230, 1) 94%);
}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus{
    color: #000 !important;
    background-color: #e0e0e0 !important;
    background-image: linear-gradient(to top, rgba(120, 120, 120, 0) 90%, rgba(200, 200, 200, 1) 91%);
}

.nav-sidebar ul.nav-sub-block{
    background-color: transparent;
}
.nav-sidebar ul.nav-sub-block > li > a.active, .nav-sidebar ul.nav-sub-block > li > a.active:hover, .nav-sidebar ul.nav-sub-block > li > a.active:focus{
    /*background-image: linear-gradient(to bottom, rgba(120, 120, 120, 1) 10%, rgba(200, 200, 200, 1) 90%);*/
    color: #000030 !important;
    background-color: #f0f0f0 !important;
    background-image: linear-gradient(to top, rgba(120, 120, 120, 0) 90%, rgba(210, 210, 210, 1) 91%);
}
.nav-sidebar ul.nav-sub-block > li > a.active:before{
    content: "» ";
}
.nav-sidebar ul.nav-sub-block > li > a:hover, .nav-sidebar ul.nav-sub-block > li > a:focus{
    color: #000030 !important;
    background-color: transparent;
    background-image: linear-gradient(to top, rgba(120, 120, 120, 0) 90%, rgba(230, 230, 230, 1) 94%);
}

/* primo livello */
ul.nav-vertical-sidebar li.dropdown{
    /*background-color: var(--bs-white);*/
    font-size: 1.1rem;
    width: 100%;
}
ul.nav-vertical-sidebar li.dropdown a{
    padding: 8px 0 8px 16px;
    display: block;
}

.nav-vertical-sidebar li.dropdown.active > ul > li{
    padding-left: 16px;
}

.nav-vertical-sidebar ul {
    list-style-type: none;
    margin:0;
    padding:0;
    /*width: 200px;*/
    background-color: var(--bs-gray) !important;
    position: fixed;
    width: 100%;
}
.nav-vertical-sidebar li:not(.active) .dropdown-content{
    border-color: 1px solid var(--bs-gray-dark);
    padding: 1px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.nav-vertical-sidebar ul li {
    min-width: 100%;
    background-color: var(--bs-gray-light);
    font-size:1rem;
}
.nav-vertical-sidebar ul li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 8px 0 8px 16px;
    background-color: var(--bs-gray-light);
}
.nav-vertical-sidebar li:hover > a,
.nav-vertical-sidebar li:active > a,
.nav-vertical-sidebar ul li:hover > a{
    /*color: white;*/
    background-color: var(--bs-gray);
    border: 1px solid var(--bs-gray);
}

.nav-vertical-sidebar .dropdown-content {
    min-width: 150px;
    display: none;
    left: calc(100vw / 4 - 30px);
    float:left;
    position: absolute;
    font-size:14px;
    margin-top: -48px;
}
.nav-vertical-sidebar > li.dropdown.active > ul.dropdown-content{
    position: relative;
    float: none;
    left: 0;
    display: block;
    margin-top: 0;
}
.nav-vertical-sidebar .dropdown-content a {
    /*background-color: #fbfbfb;*/
    color: black;
    text-decoration: none;
    display: block;
    text-align: left;
    /*padding: 16px 0 16px 16px;*/
    width: 100%;
}
.nav-vertical-sidebar .dropdown:hover:not(.active) > .dropdown-content {
    display: inline-block;
    z-index: 2000;
    background-color: silver;
}
.nav-vertical-sidebar .dropdown .fa-angles-right, .nav-vertical-sidebar .dropdown .fa-angles-down{
    position: absolute;
    right: 6px;
    display: inline-block;
    /*float: right;*/
}

.panel-primary > .panel-heading {
    background-color: var(--bs-primary);
    background-image: linear-gradient(to bottom, rgba(192, 192, 192, 0.2) 15%, rgba(255, 255, 255, 0.5) 85%);
    border-color: var(--bs-primary);
}
.panel-secondary > .panel-heading {
    background-color: var(--bs-secondary);
    background-image: linear-gradient(to bottom, rgba(192, 192, 192, 0.2) 15%, rgba(255, 255, 255, 0.5) 85%);
    border-color: var(--bs-secondary);
    color: var(--bs-white);
}
.btn-primary {
    background-color: var(--bs-primary);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 25%, rgba(192, 192, 192, 0.2) 75%);
    border-color: var(--bs-primary);
}
.btn-primary:focus, .btn-primary:hover {
    background-color: var(--bs-secondary);
    background-image: linear-gradient(to bottom, rgba(192, 192, 192, 0.2) 25%, rgba(255, 255, 255, 0.5) 75%);
    background-position: 0 0;
}
thead th {
    /*background-color: var(--bs-secondary);*/
    background-color: var(--bg-th) !important;
    /*background-image: linear-gradient(to bottom, rgba(18, 18, 162, 0) 0%, rgba(255, 255, 255, 0.5) 85%);*/
    /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) calc(100% - 5px), rgba(0, 0, 0, 0.75) 100%);*/
    /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) calc(100% - 20px), rgba(0, 0, 0, 0) calc(100% - 15px), rgba(0, 0, 0, 0) calc(100% - 5px), rgba(0, 0, 0, 0.75) 100%);*/
    /*background-image:none;*/
    /*border-color: var(--bs-gray-dark);*/
    /*color: var(--bs-white);*/
    color: var(--bs-secondary);
}
th a{
    /*color: var(--bs-white);*/
    color: var(--bs-secondary);
}
th a:hover{
    color: var(--bs-gray);
}

#title-bar{
    top: 0;
    transition: top 500ms linear 10ms;
}
#title-bar.fixed {
    position: fixed;
    /*top: 64px;
    right: 34px;
    display: inline-block;
     */
    top: 48px;
    left: 16.6%;
    right: 0;
    background-color: var(--bs-white);
    padding: 6px;
    z-index: 99;
    /*border-radius: 5px;*/
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) calc(100% - 5px), rgba(0, 0, 0, .2) 100%);
}
@media (max-width: 992px) {
    #title-bar.fixed {
        left: 25%;
    }
}
@media (max-width: 768px) {
    #title-bar.fixed {
        left: 0;
    }
}
#title-bar h2{
    margin-top: 0;
}
#title-bar.fixed h2{
    margin-top: .2rem;
    font-size: 1.8rem;
}
#title-bar.fixed .float-left{
    margin-left: 40px;
}
#title-bar.fixed .float-right{
    margin-right: 40px;
}
#title-bar.fixed .filter{
    padding-right: 40px;
}

#title-btn{
    padding-top: .2rem;
}
h2.title{
    margin-top: 0;
}

.form-search{
    /*padding-bottom: 6px;*/
    border-bottom: 1px solid #999999;
    margin-bottom: 6px;
    text-align: right;
}
.form-search .input-group-addon,
.form-search .form-control,
.form-search .btn{
    padding: 3px 6px;
}
.form-search .form-control{
    font-size: 1em;
    height: 28px;
    line-height: 1.22;
}

.azioni .btn:hover{
    border: 1px solid var(--bs-gray-600);
}
.azioni .bi::before, [class^="bi-"]::before, .azioni [class*=" bi-"]::before{
    line-height: inherit;
    vertical-align: auto;
}
.scrollable-vertical {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    padding:0 4px;
}


/*overlay*/
.waiting-overlay{
    background:#000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 1050;
    cursor: wait;
    /*Trasperenza cross browser*/
    opacity: .7; filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.waiting-wait{
    width:100px;
    height:100px;
    background-color:#FFF;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-50px;
    z-index: 1060;
    padding:10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    cursor: wait;
}
.waiting-wait p{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.5em;
    text-align: center;
    line-height: 50px;
}
.waiting-wait .progress{
    height: 10px !important;
}
.waiting-wait .loader-circle{
    position: relative;
    left:50%;
    top:50%;
    margin-top:-15px;
    margin-left:-15px;
}
/* */
.form-control-feedback{
    left: -12px !important;
    right: auto !important;
}
.input-lg > .form-control-feedback, .input-lg + .form-control-feedback{
    left: -18px !important;
}

.well + .well-info, .well-info{
    background-color: #fefefe;
    border: 1px solid #e3e3e3;
    background-image: linear-gradient(to bottom, #f9f9f9 0px, #fefefe 100%);
}

.securecaptcha{
    border-radius: .5em;
    font-size: 1.5em;
    height: 3.8em;
    line-height: 1.33em;
    padding: .16em;
    border:1px solid #ccc;
}
.securecaptcha img{
    border-radius: 0.5em;
}
.glyphicon-img-spin{
    transform: rotate(7200deg);
    transition: all 10s ease-in-out 0s;
}
.list-group-item + .list-group-item-small, .list-group-item-small{
    padding: 4px;
}
.well-sm .list-group, .well-sm .form-group:last-child{
    margin-bottom: 4px;
}

.btn-red{
    background-image: linear-gradient(to bottom, #dd4444 0px, #ee5555 100%);
    background-repeat: repeat-x;
    border-color: #de4545;
}
.btn-green{
    background-image: linear-gradient(to bottom, #44dd44 0px, #55ee55 100%);
    background-repeat: repeat-x;
    border-color: #45de45;
}
.btn-yellow{
    background-image: linear-gradient(to bottom, #dddd44 0px, #eeee55 100%);
    background-repeat: repeat-x;
    border-color: #dede45;
}
#elapsedSeconds{
    display: none;
    visibility: hidden;
}

.padding-zero-h, .padding-0-h{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.padding-1-h{
    padding-left: 1px !important;
    padding-right: 1px !important;
}
.closej-ticket-state .btn-default.active, .closej-ticket-state .btn-default:active {
    background-color: #e0e000;
    border-color: #dbdb00;
}
.title-lists{
    border-left: 5px solid #eeee00;
    font-size: 1.46em;
    margin: 0 0 .5em;
    padding: .45em .9em;
}
.list-group-item > .btn-badge{
    float: right;
}
.ticket-title{
    font-size: 1.34em;
    margin: 0 0 .45em;
}
.ticket-message{
    background-color: #f0f099;
    border: 1px solid #dbdb00;
    padding: 2px 4px;
}
.ticket-reply{
    background-color: #99f0f0;
    border: 1px solid #00dbdb;
    padding: 2px 4px;
}
.ticket-message-note {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 2px 4px;
    margin-top: 4px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #efefef;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
}
.table-hover > tbody > tr:hover {
    background-color: #efefff;
}

/*
2018_0214
*/

.typeahead .dropdown-menu > li > a{
    font-size: 134em !important;
}

/*
*2015_0604
*/
@media (max-width: 360px){
    /*.navbar-left {*/
    /*    float: left !important;*/
    /*}*/
    /*.navbar-right {*/
    /*    float: right !important;*/
    /*    !*margin-right: 0;*!*/
    /*}*/
    /*.navbar-right ~ .navbar-right {*/
    /*    margin-right: 0;*/
    /*}*/
    /*#logo{*/
    /*    text-align: left !important;*/
    /*    margin: 2px;*/
    /*}*/
    /*.navbar > .container > ul.navbar-right {*/
    /*    display: flex;*/
    /*    flex-direction: row;*/
    /*    margin: 0;*/
    /*}*/

}

@media (min-width: 360px) AND (max-width:480px){
    /*#navbar-home{*/
    /*    display: none;*/
    /*}*/
}

.sep5px{
    display: inline-block;
    width: 5px !important;
    padding: 0;
    margin: 0;
}

/* 2016_0606
priorità tickets
*/
tr.priority2 td{
    background-color: #FF9999 !important;
}

tr.ticket-suspended td{
    color: #999999 !important;
    font-style: oblique;
}
tr.priority2.ticket-suspended td{
    color: #dddddd !important;
}

label.label-contenitore input[type="radio"], label.label-contenitore input[type="checkbox"]{
    margin: 0;
}


.bordered-table{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.bordered-table th+th,.bordered-table td+td,.bordered-table th+td{border-left:1px solid #ddd;}
.bordered-table thead tr:first-child th:first-child,.bordered-table tbody tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
.bordered-table thead tr:first-child th:last-child,.bordered-table tbody tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
.bordered-table tbody tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
.bordered-table tbody tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
table .span1{width:20px;}
table .span2{width:60px;}
table .span3{width:100px;}
table .span4{width:140px;}
table .span5{width:180px;}
table .span6{width:220px;}
table .span7{width:260px;}
table .span8{width:300px;}
table .span9{width:340px;}
table .span10{width:380px;}
table .span11{width:420px;}
table .span12{width:460px;}
table .span13{width:500px;}
table .span14{width:540px;}
table .span15{width:580px;}
table .span16{width:620px;}
.zebra-striped tbody tr:nth-child(odd) td,.zebra-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
.zebra-striped tbody tr:hover td,.zebra-striped tbody tr:hover th{background-color:#f5f5f5;}

.input-group-sm > .input-group-addon > label {
    margin-bottom: 0;
}
label{
    cursor: pointer;
}
.has-feedback input[type="date"].form-control{
    margin-top: 0;
    padding-top: 0;
    padding-right:4px !important;}
.has-feedback input[type="number"].form-control{
    padding-right:4px !important;}
input[type="radio"], input[type="checkbox"]{
    margin-right: 2px; }

.m-0{
    margin: 0 !important;}
.m-1{
    margin: 1em !important;}
.m-2{
    margin: 2em !important;}
.m-3{
    margin: 3em !important;}
.mt-0{
    margin-top: 0 !important;}
.mt-1{
    margin-top: 1em !important;}
.mt-2{
    margin-top: 2em !important;}
.mt-3{
    margin-top: 3em !important;}
.mb-0{
    margin-bottom: 0 !important;}
.mb-1{
    margin-bottom: 1em !important;}
.mb-2{
    margin-bottom: 2em !important;}
.mb-3{
    margin-bottom: 3em !important;}

.bordered-bottom{
    border-bottom: 1px solid #fff;
}
.bordered-top{
    border-top: 1px solid #fff;
}
.bordered-default{
    border-color: #ddd;
}
.label-nobold label{
    font-weight: normal;
}
.bs-callout-euro{border-left-color:#008000}
.bs-callout-euro h4{color: #008000}
span.clickable.dotted,a.dotted{border-bottom: 1px dotted red;padding-bottom: 2px;}

.ticket-reply p, .ticket-message p{
    margin-top: 0;
    margin-bottom: 6px;
    padding: 0;
}

a.dotted:hover{border-bottom: 1px solid red;padding-bottom: 2px; text-underline: none !important;text-decoration:none !important;}

.form-date-control{
    padding-top: 0 !important;
}
.allegato-ns{
    max-width: screen / 4;
}

.align-top{
    vertical-align: top;
}

#myModalPopup{
    /*z-index: 1055 !important;*/
}
.tooltip {
    z-index: 9999 !important;
    position: absolute;
}
.tooltip-inner{
    background: whitesmoke !important;
    color: black;
    padding: 5px;
    text-align: left !important;
    border-radius: 5px;
    border: 1px solid black;
}

@media (max-width: 576px) {
    body{
        font-size: 18px;
    }
    .btn-sm, .btn-group-sm > .btn {
        /*font-size: 1.4em;*/
        line-height: 1.5;
    }
    .fc .fc-toolbar {
        display: block !important;
    }
    .navbar > .container > ul.navbar-right {
        /*display: none;*/
    }
    .input-group-grid{
        display: grid;
    }
    .form-horizontal .control-label {
        font-size: 90%;
        font-weight: normal;
        text-align: left;
    }
    /*.d-xs-none{ */
    /*    display: none;*/
    /* } */
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 768px) {
    body{
        font-size: 18px;
    }
    .btn-sm, .btn-group-sm > .btn {
        /*font-size: 1.4em;*/
        line-height: 1.5;
    }
    .fc .fc-toolbar {
        display: block !important;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 992px) {
    body{
        font-size: 14px;
    }
    .btn-sm, .btn-group-sm > .btn {
        font-size: .86em;
        line-height: 1.5;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body{
        font-size: 14px;
    }
    .fc .fc-toolbar {
        display: flex !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

.fc .fc-view-harness {
    height: auto !important;
    background-color: white !important;
    margin-bottom: 20px !important;
}
.fc .fc-scroller-harness, .fc .fc-scroller-harness .fc-scroller, .fc-listMonth-view .fc-scroller {
    overflow: visible !important;
}
.fc .fc-scroller-harness-liquid {
    height: auto !important;
}
.fc .fc-scroller-liquid-absolute {
    overflow: inherit !important;
}
.fc-h-event .fc-event-title {
    white-space: pre-wrap !important;
}
.fc-daygrid-event{
    white-space: normal !important;
}
.fc-daygrid-day-number{
    font-size: x-large;
}
.fc .fc-daygrid-day-top{
    border-top: 2px solid;
}
.font-bold {
    font-weight: bold;
}
.font-bolder{
    font-weight: bolder;
}
.font-larger{
    font-size: larger;
}
.font-large{
    font-size: large;
}
.font-xlarge{
    font-size: x-large;
}

.m-0{margin: 0 !important;}
.m-1{margin: 1em !important;}
.m-2{margin: 2em !important;}
.m-3{margin: 3em !important;}
.m-4{margin: 4em !important;}
.m-5{margin: 5em !important;}

.mt-0{margin-top: 0 !important;}
.mt-1{margin-top: 1em !important;}
.mt-2{margin-top: 2em !important;}
.mt-3{margin-top: 3em !important;}
.mt-4{margin-top: 4em !important;}
.mt-5{margin-top: 5em !important;}

.mb-0{margin-bottom: 0 !important;}
.mb-1{margin-bottom: 1em !important;}
.mb-2{margin-bottom: 2em !important;}
.mb-3{margin-bottom: 3em !important;}
.mb-4{margin-bottom: 4em !important;}
.mb-5{margin-bottom: 5em !important;}

.ml-0{margin-left: 0 !important;}
.ml-1{margin-left: 1em !important;}
.ml-2{margin-left: 2em !important;}
.ml-3{margin-left: 3em !important;}
.ml-4{margin-left: 4em !important;}
.ml-5{margin-left: 5em !important;}

.mr-0{margin-right: 0 !important;}
.mr-1{margin-right: 1em !important;}
.mr-2{margin-right: 2em !important;}
.mr-3{margin-right: 3em !important;}
.mr-4{margin-right: 4em !important;}
.mr-5{margin-right: 5em !important;}

.p-0{padding: 0 !important;}
.pt-0{padding-top: 0 !important;}
.pl-0{padding-left: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.pr-0{padding-right: 0 !important;}

.border{border:1px solid #e0e0e0!important}
.border-0{border:0!important}
.border-top{border-top:1px solid #e0e0e0!important}
.border-top-0{border-top:0!important}
.border-end{border-right:1px solid #e0e0e0!important}
.border-end-0{border-right:0!important}
.border-bottom{border-bottom:1px solid #e0e0e0!important}
.border-bottom-0{border-bottom:0!important}
.border-start{border-left:1px solid #e0e0e0!important}
.border-start-0{border-left:0!important}
.border-primary{border-color:#1266f1!important}
.border-secondary{border-color:#b23cfd!important}
.border-success{border-color:#00b74a!important}
.border-info{border-color:#39c0ed!important}
.border-warning{border-color:#ffa900!important}
.border-danger{border-color:#f93154!important}
.border-light{border-color:#eee!important}
.border-dark{border-color:#262626!important}
.border-white{border-color:#fff!important}
.border-black{border-color:#000!important}
.border-0{border-width:0!important}
.border-1{border-width:1px!important}
.border-2{border-width:2px!important}
.border-3{border-width:3px!important}
.border-4{border-width:4px!important}
.border-5{border-width:5px!important}

.p-0{padding:0!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}
.pe-0{padding-right:0!important}
.pe-1{padding-right:.25rem!important}
.pe-2{padding-right:.5rem!important}
.pe-3{padding-right:1rem!important}
.pe-4{padding-right:1.5rem!important}
.pe-5{padding-right:3rem!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pb-5{padding-bottom:3rem!important}
.ps-0{padding-left:0!important}
.ps-1{padding-left:.25rem!important}
.ps-2{padding-left:.5rem!important}
.ps-3{padding-left:1rem!important}
.ps-4{padding-left:1.5rem!important}
.ps-5{padding-left:3rem!important}

.bg-primary{background-color:#1266f1!important}
.bg-secondary{background-color:#b23cfd!important}
.bg-success{background-color:#00b74a!important}
.bg-info{background-color:#39c0ed!important}
.bg-warning{background-color:#ffa900!important}
.bg-danger{background-color:#f93154!important}
.bg-light{background-color:#fbfbfb!important}
.bg-dark{background-color:#262626!important}
.bg-white{background-color:#fff!important}
.bg-black{background-color:#000!important}

.btn-group > .btn.btn-default.active, .btn-group > .btn.btn-default:active{
    background-color: var(--bs-primary);
    /*background-image: linear-gradient(to top,var(--bs-white) 0,var(--bs-primary) 10%,var(--bs-primary) 90%,var(-bs-dark) 100%);*/
    color: var(--bs-white);
    text-shadow: 0 0 0;
    border-color: var(--bs-dark);
    box-shadow: 2px 2px 3px rgba(0,0,0,.5) inset;
}
.btn-group > .btn.btn-priority-1.active, .btn-group > .btn.btn-priority-1:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-group > .btn.btn-priority-2.active, .btn-group > .btn.btn-priority-2:active,
.btn-group > .btn.btn-notifica-1.active, .btn-group > .btn.btn-notifica-1:active{
    color: #333;
    background-color: #99e699;
    border-color: #adadad;
}
.btn-group > .btn.btn-priority-3.active, .btn-group > .btn.btn-priority-3:active,
.btn-group > .btn.btn-notifica-0.active, .btn-group > .btn.btn-notifica-0:active{
    color: #333;
    background-color: #ffcccc;
    border-color: #adadad;
}

.text-white{
    color: #fff;
}
.text-white::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ddd;
    opacity: 1; /* Firefox */
}
.text-white:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ddd;
}
.text-white::-ms-input-placeholder { /* Microsoft Edge */
    color: #ddd;
}

/*2023_0315*/
.well + .well-completed{
    background-color: #efefef;
    background-image: linear-gradient(to bottom, #f0f0f0 0px, #fefefe 100%);
}
.well-completed input, .well-completed textarea, .well-completed select {
    color: #999;
    background-color: #eee;
}

@media only screen and (orientation:portrait) and (max-width:768px){
    .main{
        padding: 5px;
    }
    h2{
        font-size: 2rem;
    }
    .fc .fc-toolbar-title{
        font-size: 1.5rem;
    }
    .fc .fc-button {
        padding: 0.3em 0.4em;
        font-size: .9em;
        line-height: 1;
    }
    .fc .fc-button .fc-icon{
        font-size: .9em;
    }
    .fc-toolbar-chunk{
        display: inline-block;
    }
    .fc-toolbar-title{
        padding: 0 .4em;
    }
}
@media only screen and (max-width: 768px){
    .main{
        padding: 5px;
    }
    h2{
        font-size: 2rem;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
    .fc .fc-toolbar-title{
        font-size: 1.5rem;
    }
    .fc .fc-button {
        padding: 0.3em 0.4em;
        font-size: .9em;
        line-height: 1;
    }
    .fc-toolbar-chunk{
        display: inline-block;
    }
    .fc-toolbar-title{
        padding: 0 .4em;
    }
}

/** CALENDAR **/
.fc .fc-button-primary{
    background-color: var(--bg-vmenu,#000030);
}
.fc .fc-button-primary:hover{
    background-color: var(--bg-vmenu-hover,#333399);
}
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active{
    background-color: var(--bg-vmenu-active,#333399);
}

.btn.btn-outline-default{
    color: var(--c-btn-def);
    background-color: white;
    border-color: var(--bs-border-color-translucent);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--c-btn-def);
    --bs-btn-active-border-color: var(--c-btn-def);
/** --bs-btn-color
    --bs-btn-bg
    --bs-btn-border-color
    **/
}
.btn.btn-outline-default:hover{
    background-color: var(--bs-card-cap-bg);
    border-color: var(--bs-border-color-translucent);
}
.btn-check:checked + .btn.btn-outline-default:hover{
    color: white;
    background-color: black;
    border-color: black;
}

form label.error{
    display: none;
}
label.error{
    color: red;
    font-weight: 600;
}

.rounded-1{
    border-radius: 3px;
}
.rounded-2{
    border-radius: 6px;
}
.rounded-3{
    border-radius: 12px;
}
.rounded-4{
    border-radius: 1rem;
}
.rounded-5{
    border-radius: 1.5rem;
}
.rounded-6{
    border-radius: 2rem;
}
.rounded-7{
    border-radius: 10%;
}
.rounded-8{
    border-radius: 25%;
}
.rounded-9{
    border-radius: 50%;
}

#filter .typeahead__field input{
    min-height: initial;
    border-radius: 0 0.375rem 0.375rem 0;
}

@media (max-width: 575.98px) {
    .float-xs-start {
        float: left !important;
    }
    .float-xs-end {
        float: right !important;
    }
    .float-xs-none {
        float: none !important;
    }
    .object-fit-xs-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
    }
    .object-fit-xs-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }
    .object-fit-xs-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
    }
    .object-fit-xs-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
    }
    .object-fit-xs-none {
        -o-object-fit: none !important;
        object-fit: none !important;
    }
    .d-xs-inline {
        display: inline !important;
    }
    .d-xs-inline-block {
        display: inline-block !important;
    }
    .d-xs-block {
        display: block !important;
    }
    .d-xs-grid {
        display: grid !important;
    }
    .d-xs-inline-grid {
        display: inline-grid !important;
    }
    .d-xs-table {
        display: table !important;
    }
    .d-xs-table-row {
        display: table-row !important;
    }
    .d-xs-table-cell {
        display: table-cell !important;
    }
    .d-xs-flex {
        display: flex !important;
    }
    .d-xs-inline-flex {
        display: inline-flex !important;
    }
    .d-xs-none {
        display: none !important;
    }
    .flex-xs-fill {
        flex: 1 1 auto !important;
    }
    .flex-xs-row {
        flex-direction: row !important;
    }
    .flex-xs-column {
        flex-direction: column !important;
    }
    .flex-xs-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xs-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xs-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xs-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xs-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xs-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xs-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xs-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-xs-start {
        justify-content: flex-start !important;
    }
    .justify-content-xs-end {
        justify-content: flex-end !important;
    }
    .justify-content-xs-center {
        justify-content: center !important;
    }
    .justify-content-xs-between {
        justify-content: space-between !important;
    }
    .justify-content-xs-around {
        justify-content: space-around !important;
    }
    .justify-content-xs-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xs-start {
        align-items: flex-start !important;
    }
    .align-items-xs-end {
        align-items: flex-end !important;
    }
    .align-items-xs-center {
        align-items: center !important;
    }
    .align-items-xs-baseline {
        align-items: baseline !important;
    }
    .align-items-xs-stretch {
        align-items: stretch !important;
    }
    .align-content-xs-start {
        align-content: flex-start !important;
    }
    .align-content-xs-end {
        align-content: flex-end !important;
    }
    .align-content-xs-center {
        align-content: center !important;
    }
    .align-content-xs-between {
        align-content: space-between !important;
    }
    .align-content-xs-around {
        align-content: space-around !important;
    }
    .align-content-xs-stretch {
        align-content: stretch !important;
    }
    .align-self-xs-auto {
        align-self: auto !important;
    }
    .align-self-xs-start {
        align-self: flex-start !important;
    }
    .align-self-xs-end {
        align-self: flex-end !important;
    }
    .align-self-xs-center {
        align-self: center !important;
    }
    .align-self-xs-baseline {
        align-self: baseline !important;
    }
    .align-self-xs-stretch {
        align-self: stretch !important;
    }
    .order-xs-first {
        order: -1 !important;
    }
    .order-xs-0 {
        order: 0 !important;
    }
    .order-xs-1 {
        order: 1 !important;
    }
    .order-xs-2 {
        order: 2 !important;
    }
    .order-xs-3 {
        order: 3 !important;
    }
    .order-xs-4 {
        order: 4 !important;
    }
    .order-xs-5 {
        order: 5 !important;
    }
    .order-xs-last {
        order: 6 !important;
    }
    .m-xs-0 {
        margin: 0 !important;
    }
    .m-xs-1 {
        margin: 0.25rem !important;
    }
    .m-xs-2 {
        margin: 0.5rem !important;
    }
    .m-xs-3 {
        margin: 1rem !important;
    }
    .m-xs-4 {
        margin: 1.5rem !important;
    }
    .m-xs-5 {
        margin: 3rem !important;
    }
    .m-xs-auto {
        margin: auto !important;
    }
    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xs-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xs-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xs-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xs-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xs-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xs-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xs-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xs-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xs-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xs-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xs-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xs-0 {
        margin-top: 0 !important;
    }
    .mt-xs-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xs-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xs-3 {
        margin-top: 1rem !important;
    }
    .mt-xs-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xs-5 {
        margin-top: 3rem !important;
    }
    .mt-xs-auto {
        margin-top: auto !important;
    }
    .me-xs-0 {
        margin-right: 0 !important;
    }
    .me-xs-1 {
        margin-right: 0.25rem !important;
    }
    .me-xs-2 {
        margin-right: 0.5rem !important;
    }
    .me-xs-3 {
        margin-right: 1rem !important;
    }
    .me-xs-4 {
        margin-right: 1.5rem !important;
    }
    .me-xs-5 {
        margin-right: 3rem !important;
    }
    .me-xs-auto {
        margin-right: auto !important;
    }
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
    .mb-xs-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xs-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xs-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xs-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xs-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xs-auto {
        margin-bottom: auto !important;
    }
    .ms-xs-0 {
        margin-left: 0 !important;
    }
    .ms-xs-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xs-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xs-3 {
        margin-left: 1rem !important;
    }
    .ms-xs-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xs-5 {
        margin-left: 3rem !important;
    }
    .ms-xs-auto {
        margin-left: auto !important;
    }
    .p-xs-0 {
        padding: 0 !important;
    }
    .p-xs-1 {
        padding: 0.25rem !important;
    }
    .p-xs-2 {
        padding: 0.5rem !important;
    }
    .p-xs-3 {
        padding: 1rem !important;
    }
    .p-xs-4 {
        padding: 1.5rem !important;
    }
    .p-xs-5 {
        padding: 3rem !important;
    }
    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xs-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xs-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xs-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xs-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xs-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xs-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xs-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xs-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xs-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xs-0 {
        padding-top: 0 !important;
    }
    .pt-xs-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xs-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xs-3 {
        padding-top: 1rem !important;
    }
    .pt-xs-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xs-5 {
        padding-top: 3rem !important;
    }
    .pe-xs-0 {
        padding-right: 0 !important;
    }
    .pe-xs-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xs-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xs-3 {
        padding-right: 1rem !important;
    }
    .pe-xs-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xs-5 {
        padding-right: 3rem !important;
    }
    .pb-xs-0 {
        padding-bottom: 0 !important;
    }
    .pb-xs-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xs-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xs-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xs-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xs-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xs-0 {
        padding-left: 0 !important;
    }
    .ps-xs-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xs-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xs-3 {
        padding-left: 1rem !important;
    }
    .ps-xs-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xs-5 {
        padding-left: 3rem !important;
    }
    .gap-xs-0 {
        gap: 0 !important;
    }
    .gap-xs-1 {
        gap: 0.25rem !important;
    }
    .gap-xs-2 {
        gap: 0.5rem !important;
    }
    .gap-xs-3 {
        gap: 1rem !important;
    }
    .gap-xs-4 {
        gap: 1.5rem !important;
    }
    .gap-xs-5 {
        gap: 3rem !important;
    }
    .row-gap-xs-0 {
        row-gap: 0 !important;
    }
    .row-gap-xs-1 {
        row-gap: 0.25rem !important;
    }
    .row-gap-xs-2 {
        row-gap: 0.5rem !important;
    }
    .row-gap-xs-3 {
        row-gap: 1rem !important;
    }
    .row-gap-xs-4 {
        row-gap: 1.5rem !important;
    }
    .row-gap-xs-5 {
        row-gap: 3rem !important;
    }
    .column-gap-xs-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }
    .column-gap-xs-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }
    .column-gap-xs-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }
    .column-gap-xs-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }
    .column-gap-xs-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
    }
    .column-gap-xs-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
    }
    .text-xs-start {
        text-align: left !important;
    }
    .text-xs-end {
        text-align: right !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
}