/**
    Custom stylesheet.
*/
.hand {
    cursor: pointer;
}

/** Login - Register **/
.autocomplete-results {
    position: absolute;
    text-align: left;
    background-color: white;
    max-height: 200px;
    overflow: auto;
    z-index: 200;
}

    .autocomplete-results .result {
        cursor: pointer;
    }

        .autocomplete-results .result:hover, .autocomplete-results .result.hover {
            color: white;
            background-color: #1572e8;
        }

.login .mostra-password {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer;
}

.color-table {
    border-radius: 25px;
    background-color: #f1f2f3;
}

#search-nav.focus {
    max-width: 600px;
}

.search-nav.autocomplete-results {
    width: 584px;
}

.text-big {
    font-size: 20px;
    font-weight: bold;
}


.text-medium {
    font-size: 16px;
}

.text-little-italic {
    font-size: 14px;
    font-style: italic;
}

.text-medium-bold {
    font-size: 16px;
    font-weight: bold;
}

.text-medium-bold-black {
    font-size: 16px;
    font-weight: bold;
    color: #2a2f5b;
}

.navbar-brand {
    max-width: 175px;
}

#LogoCentered {
    position: absolute;
    width: 100%;
    height: 100%
}

    #LogoCentered .navbar-brand {
        max-width: 250px;
    }

.custom-button {
    border-radius: 25px;
    display: block;
    color: #444;
    border: 1px solid #CCC;
    background: white;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    cursor: pointer;
    vertical-align: middle;
    max-width: 400px;
    padding: 5px;
    text-align: center;
}

    .custom-button:hover {
        opacity: 0.5;
    }

    .custom-button i, .custom-button span {
        cursor: pointer;
    }

.contr_link_class {
    padding-top: 20px;
    padding-bottom: 20px;
}

.unread {
    background-color: whitesmoke;
}

.form-radio-input.user-type {
    min-width: 400px;
    min-height: 200px;
}

#divChooseUserType .form-group {
    display: inline-block;
}

.contr_preview {
    border-radius: 25px;
    border: 1px solid #CCC;
    background-color: #f2f2f2;
}

.main-header .navbar-header .collapse.focus .nav-search .input-group {
    /**   background-color: lightgrey !important;*/
    box-shadow: 5px 5px 5px #aaaaaa;
}

.main-header .navbar-header .collapse.focus .nav-search .input-group {
    border: 1px solid #1572e8 !important;
}

.register-text {
    color: #495057 !important;
    font-size: 14px !important;
    font-weight: 600;
    white-space: nowrap;
}

.input-solid {
    background: white !important;
}

    .input-solid:hover {
        border-color: #1572e8 !important;
    }



.form-control.filled + .input-solid {
    border-color: #1572e8 !important;
}

.form-floating-label .form-control + .placeholder.custom-holder, .form-floating-label .form-control + .placeholder.required {
    margin-top: 10px !important;
}

.form-floating-label .form-control:focus + .placeholder.pwd-holder,
.form-control.filled + .placeholder.pwd-holder,
.form-floating-label .form-control:focus + .placeholder.custom-holder,
.form-floating-label .form-control:focus + .placeholder.required,
.form-control.filled + .placeholder.custom-holder,
.form-floating-label .form-control:valid + .placeholder.custom-holder,
.form-floating-label .form-control:focus + .placeholder.no-out-focus-holder,
.form-floating-label .form-control:valid + .placeholder.no-out-focus2-holder {
    transform: translate3d(0, -25px, 0) !important;
}

.form-floating-label .form-control + .placeholder.no-required-holder {
    margin-top: 17px;
}

.form-control:valid .no-required-holder.no-out-focus2-holder,
.form-floating-label .form-control.filled + .placeholder.autocomplete,
.form-floating-label .form-control:valid + .placeholder.no-out-focus-holder {
    font-size: 14px !important;
    transform: translate3d(0,0px,0);
    top: 10px;
    opacity: .8;
    padding: .375rem .75rem;
    font-weight: 400;
}

.form-floating-label .form-control:focus + .placeholder.no-required-holder,
.form-control.filled + .placeholder.no-required-holder {
    font-size: 85% !important;
    transform: translate3d(0, -32px, 0) !important;
    top: 0 !important;
    opacity: 1 !important;
    padding: .375rem 0 .75rem !important;
    font-weight: 600 !important;
}


.form-floating-label .form-control + .placeholder.readonly {
    font-size: 85% !important;
    transform: translate3d(0,-15px,0) !important;
    top: 0 !important;
    opacity: 1 !important;
    padding: .375rem 0 .75rem !important;
    font-weight: 600 !important;
}


.form-floating-label .form-control + .placeholder.no-out-focus-holder {
    margin-top: 10px !important;
}

.form-floating-label .form-control.filled + .placeholder.no-out-focus-holder {
    font-size: 85% !important;
    transform: translate3d(0, -25px, 0) !important;
    top: 0 !important;
    opacity: 1 !important;
    padding: .375rem 0 .75rem !important;
    font-weight: 600 !important;
}

.form-floating-label .placeholder.still {
    font-size: 85% !important;
    transform: translate3d(0, -25px, 0) !important;
    top: 12px !important;
    opacity: 1 !important;
    padding: .375rem 0 .75rem !important;
    font-weight: 600 !important;
}

.icon-over:hover {
    opacity: 0.5;
}

.purple {
    color: purple;
}


.tag-link:hover {
    text-decoration: none;
}


/** Slider Home page  */
.carousel-control-prev, .carousel-control-next {
    height: 26%;
    top: 33%;
    width: 5%;
    bottom: 20%;
    //add your own CSS as you need
}

.carousel-control-prev {
    left: 5%;
}

.carousel-control-next {
    right: 5%;
}


.carousel-custom .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    position: relative;
    left: -150px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%blue' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-custom .carousel-control-next-icon {
    width: 40px;
    height: 40px;
    position: relative;
    right: -150px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%blue' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}


@media (max-width: 768px) {
    .carousel-custom .carousel-control-prev-icon {
        left: -50px;
    }

    .carousel-custom .carousel-control-next-icon {
        right: -50px;
    }
}

@media (min-width: 768px) {
    .carousel-custom .carousel-control-prev-icon {
        left: -95px;
    }

    .carousel-custom .carousel-control-next-icon {
        right: -95px;
    }
}

@media (min-width:1400px) {
    .carousel-custom .carousel-control-prev-icon {
        left: -120px;
    }

    .carousel-custom .carousel-control-next-icon {
        right: -120px;
    }
}

@media (min-width:1650px) {
    .carousel-custom .carousel-control-prev-icon {
        left: -150px;
    }

    .carousel-custom .carousel-control-next-icon {
        right: -150px;
    }
}

.carousel-indicators li {
    color: dimgray;
}

.carousel-caption {
    color: dimgray;
}




@media (min-width: 768px) {

    /* show 4 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* Bootstrap Lightbox using Modal */

#profile-grid {
    overflow: auto;
    white-space: normal;
}

    #profile-grid .profile {
        padding-bottom: 40px;
    }

    #profile-grid .panel {
        padding: 0
    }

    #profile-grid .panel-body {
        padding: 15px
    }

    #profile-grid .profile-name {
        font-weight: bold;
    }

    #profile-grid .thumbnail {
        margin-bottom: 6px;
    }

    #profile-grid .panel-thumbnail {
        overflow: hidden;
    }

    #profile-grid .img-rounded {
        border-radius: 4px 4px 0 0;
    }




/* Bootstrap Lightbox using Modal */

#profile-grid {
    overflow: auto;
    white-space: normal;
}

    #profile-grid .profile {
        padding-bottom: 40px;
    }

    #profile-grid .panel {
        padding: 0
    }

    #profile-grid .panel-body {
        padding: 15px
    }

    #profile-grid .profile-name {
        font-weight: bold;
    }

    #profile-grid .thumbnail {
        margin-bottom: 6px;
    }

    #profile-grid .panel-thumbnail {
        overflow: hidden;
    }

    #profile-grid .img-rounded {
        border-radius: 4px 4px 0 0;
    }

.copertina {
    overflow: hidden;
    border: 1px solid black;
}

.small-img {
    max-height: 250px;
    border: 1px solid black;
}

.flag-img {
    width: 32px;
}

.conversations-body {
    max-height: 70%;
}

@media (min-width: 768px) {
    .conversations-body {
        max-height: 80%;
    }
}

#more-content {
    margin-left: inherit;
}


/*Drag and Drop input**/


.files input {
    outline: 2px dashed #dddddd;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

    .files input:focus {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
        border: 1px solid #92b0b3;
    }

.files {
    position: relative
}

    .files input:hover {
        outline: none;
        background-color: #f1f2f3 !important;
    }

    .files:after {
        pointer-events: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 50px;
        right: 0;
        height: 100px;
        content: "";
        background-image: url(../img/file.png);
        display: block;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.color input {
    background-color: #f1f1f1;
}

.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: attr(data-before);
    display: block;
    margin: 0 auto;
    color: gray;
    font-weight: 600;
    text-align: center;
}

/*Card delle home page tutte della stessa dimensione*/
/*.preview-contributo {
    max-width: 98%;
}

.carousel-card {
    width: 100%;
}

.carousel-card {
    min-height: 100%;
}
*/


.form-check label, .form-group label {
    white-space: initial;
}

.margin-left-negative {
    margin-left: -20px;
}

@media (min-width: 768px) {

    .margin-left-negative {
        margin-left: 5px;
    }
}

@media (min-width: 1096px) {

    .margin-left-negative {
        margin-left: -2%;
    }
}

@media (min-width: 1450px) {

    .margin-left-negative {
        margin-left: -30px;
    }
}

#divMessages .fa-envelope-open, #divMessages .fa-envelope {
    position: relative;
    bottom: 10px;
}

.black {
    color: black;
}

.notif-custom-icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    margin: 10px;
    align-items: center;
    justify-content: center;
    background: #eee;
    border-radius: 50%;
}

.messages-notif-box .notif-center a .notif-icon, .notif-box .notif-center a .notif-icon {
    min-width: 40px;
}

.yellow {
    color: #e6e600;
}

.gray {
    color: slategray;
}

.label-operator {
    margin-left: -30px;
    position: relative;
    top: -3px;
}


@media (min-width: 768px) {

    .label-operator {
        margin-left: -20px;
    }
}

@media (min-width: 1096px) {

    .label-operator {
        margin-left: -30px;
    }
}

@media (min-width: 1450px) {

    .label-operator {
        margin-left: -50px;
    }
}


.icona {
    max-width: 50px;
    max-height: 50px;
    vertical-align: top;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.folder-img {
    width: 50px;
    height: 50px;
    vertical-align: top;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.figure-caption {
    text-align: center !important;
}

.selectgroup-pills .selectgroup-button.no-radius {
    border-radius: 0px !important;
    border: 1px solid black !important;
    color: #1572e8 !important;
    background-color: white;
}


@media (min-width: 1080px) {

    .less {
        max-width: 30%;
    }
}

@media (min-width: 1375px) {

    .less {
        max-width: 20%;
    }
}

.white-smoke {
    background-color: whitesmoke;
}

.list-group-item.whitesmoke {
    background-color: whitesmoke !important;
}

.full-height {
    /**height:100vh;**/
}

.fa.fa-times.delete-attach {
    color: red;
}

#divDownload, #divDownload_news {
    position: relative;
    top: 10px;
}

.operator-select {
    position: relative;
    top: 25px;
}


.selectgroup-custom-button.tag-text {
    border-color: #1572e8;
    z-index: 1;
    color: #1572e8;
    background: rgba(21,114,232,.15);
    border-radius: 50px !important;
    display: block;
    border: 1px solid #1572e8;
    text-align: center;
    padding: .375rem 1rem;
    position: relative;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    line-height: 1.5rem;
    min-width: 2.375rem;
}

.notif-custom-color {
    color: white;
    background-color: #48abf7 !important;
}

.notifica {
    font-size: 16px;
}

.page-link.hovered {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}


#btDropdown {
    margin-left: 2px;
    max-width: 10px !important;
    padding-left: 10px;
    padding-right: 15px;
}

    #btDropdown:after {
        position: relative;
        left: 0px;
    }


#btWrapper {
    border: 5px solid #1572e8;
    display: inline-block;
    border-radius: 10px;
}

.page-link {
    display: inline-block !important;
    padding-left: 50px;
    padding-right: 50px;
}

.triadico1 {
    color: #f73e5a;
}

.triadico2 {
    color: #ff9900;
}

.btn-color1 {
    background-color: #ff9900;
}

.btn-color2 {
    background-color: #00cf86;
}

.btn-color3 {
    background-color: purple;
}

.triadico3 {
    color: #00cf86;
}

.keyword-block:hover {
    box-shadow: 5px 5px 5px #aaaaaa;
}

.selectgroup-button.no-radius:hover {
    background-color: #1572e8 !important;
    color: white !important;
}

.notifica a {
    color: initial;
}

.link-hovered {
    color: #1269db;
    text-decoration: underline;
}

.custom-button.btn-small {
    max-width: 60px;
}

.red {
    color: red;
}

.green {
    color: green;
}

.orange {
    color: #ff9900;
}

.all-inline {
    display: inline-flex;
}

* {
    margin: 0;
}

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
}
/*.text-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.2;
    line-height: 1.0;
}

    .text-layer > div {
        color: transparent;
        position: absolute;
        white-space: pre;
        cursor: text;
        transform-origin: 0% 0%;
    }*/

.form-control:hover, .form-control:active, .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #9acffa;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgb(33 150 243 / 50%);
}

.messages-form-control {
    position: relative;
}

.btn-airplane {
    position: absolute;
    right: 15px;
    top: 1px;
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #888;
    padding: 0.5em 0.6em;
}

    .btn-airplane:hover, .btn-airplane:active, .btn-airplane:focus {
        color: #fff;
        background-color: #0c7cd5;
        border-color: #0b75c9;
        box-shadow: 0 0 0 0.2rem rgb(33 150 243 / 50%);
        border-radius: 50% !important;
    }

.page-item > .page-link {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.page-item.previous > .page-link, .page-item.next > .page-link {
    padding-left: 10px;
    padding-right: 10px;
}

.custom-button.pressed {
    background-color: lightgreen;
}

#divTickets {
    height: 420px;
    width: 380px;
    right: -380px;
}

@media (max-width: 576px) {
    #divTickets {
        width: 300px !important;
        right: -300px !important;
    }
}

#divTickets.open {
    right: 0px;
}

@media (max-width: 576px) {
    #divTickets.open {
        right: 0px !important;
    }
}

.dot {
    height: 25px;
    width: 25px;
    background-color: lawngreen;
    border-radius: 50%;
    display: inline-block;
}

.custom-template .custom-toggle i {
    animation: unset !important;
}

.ct-label {
    fill: white !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.donut-1 {
    fill: rgb(255, 99, 132);
}

.donut-2 {
    fill: rgb(54, 162, 235);
}

.donut-3 {
    fill: rgb(255, 205, 86);
}

#averageChart .ct-series-a .ct-line, #averageChart .ct-series-a .ct-point {
    stroke: purple;
}

#averageChart .ct-area {
    fill: purple;
}

#usersChart .ct-series-a .ct-line, #usersChart .ct-series-a .ct-point {
    stroke: red;
}

#usersChart .ct-area {
    fill: red;
}

#accessesChart .ct-series-a .ct-line, #accessesChart .ct-series-a .ct-point {
    stroke: rgb(0,191,255);
}

#accessesChart .ct-area {
    fill: rgb(0,191,255);
}

#contributionsChart .ct-series-a .ct-line, #contributionsChart .ct-series-a .ct-point {
    stroke: green;
}

#contributionsChart .ct-area {
    fill: green;
}

.percentage-pills {
    color: #31CE36;
    /* TEMPORANEAMENTE NASCOSTI */
    display: none !important;
    /* TEMPORANEAMENTE NASCOSTI */
}

.empty-dot {
    height: 25px;
    width: 25px;
    display: inline-block;
}

#pdf-contents {
    display: none;
}

#pdf-meta {
    overflow: hidden;
    margin: 0 0 20px 0;
}

#pdf-buttons {
    float: left;
}

#page-count-container {
    float: right;
}

#pdf-current-page {
    display: inline;
}

#pdf-total-pages {
    display: inline;
}

.pdf-canvas {
    border: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

#page-loader {
    height: 100px;
    line-height: 100px;
    text-align: center;
    display: none;
    color: #999999;
    font-size: 13px;
}

/*.text-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.2;
    line-height: 1.0;
}

    .text-layer > div {
        color: transparent;
        position: absolute;
        white-space: pre;
        cursor: text;
        transform-origin: 0% 0%;
    }

    */

.text-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.2;
    line-height: 1.0;
}

.avatar-online.grey-circle::before {
    background-color: lightgrey !important;
    width: 30% !important;
    height: 30% !important;
    bottom: -10px !important;
}

.avatar-online.orange-circle::before {
    background-color: darkorange !important;
    width: 30% !important;
    height: 30% !important;
    bottom: -10px !important;
}

.avatar-online.green-circle::before {
    background-color: limegreen !important;
    width: 30% !important;
    height: 30% !important;
    bottom: -10px !important;
}

.avatar-online.grey-circle.dashboard::before {
    bottom: 0px !important;
}

.avatar-online.orange-circle.dashboard::before {
    bottom: 0px !important;
}

.avatar-online.green-circle.dashboard::before {
    bottom: 0px !important;
}

.bottom-fixed {
    position: relative;
    bottom: -20px !important;
}

.div-fixed {
    position: -webkit-sticky; /* Safari & IE */
    position: sticky;
    top: 0;
    align-self: flex-start;
}

.bg-transparent {
    background-color: transparent;
}

.repost-choice {
    position: absolute;
    right: 20px;
    border: solid 1px #ccc;
    padding: 3px;
}

.message-out .message-content a {
    color: #fff;
    text-decoration: underline;
}

.message-in .message-content a {
    color: #1572e8;
    text-decoration: underline;
}

.report-icon {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .05em;
    font-size: 1rem;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    font-family: Lato,sans-serif;
    box-sizing: border-box;
    display: inline-flex;
    margin: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white !important;
    background: #1572e8 !important;
    vertical-align: middle;
    width: 56px !important;
    height: 56px !important;
    margin: auto;
}

    .report-icon.empty {
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        border: 5px solid #1572e8 !important;
        color: #1572e8 !important;
        background: white !important;
    }

.custom-dropdown {
    border: 2px solid #8d9498;
    border-radius: 50px;
}

.form-control-operator {
    padding: .375rem .75rem;
}

.loading {
    cursor: wait;
}

    .loading * {
        pointer-events: none;
    }


.swal2-container {
    z-index: 10000 !important;
}

@media (max-width: 991px) {
    .navbar-header {
        transform: none !important;
    }
}

.text-justify-2 {
    text-align: justify;
    white-space: pre-line;
}

.pie-color-desktop {
    stroke: #d70206;
}

.pie-color-tablet {
    stroke: #f4c63d;
}

.pie-color-mobile {
    stroke: #f05b4f;
}


@media (max-width:576px) {
    .nav-scroller {
        overflow-x: hidden;
    }
}

.list-group-item {
    border: unset !important;
}

.blue {
    color: #1572e8;
}


@media(max-width:575px) {
    .mr-title {
        margin-right: 20% !important;
    }
}

@media(max-width:767px) {
    .mr-title {
        margin-right: 30% !important;
    }
}

@media(min-width:769px) {
    .mr-title {
        margin-right: 30% !important;
    }
}

.conversations {
    height: 80vh !important;
}


.search-nav.autocomplete-results .result:hover, .search-nav.autocomplete-results .result.hover {
    background-color: #1572e8 !important;
    color: white;
}

    .search-nav.autocomplete-results .result.hover span, .search-nav.autocomplete-results .result.hover p {
        color: white !important;
    }