/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 30, 2018, 3:48:01 PM
    Author     : roberto
*/




.main-header {
    background-color: white;
    /*    border-bottom: 2px solid #ccc;
        -webkit-box-shadow: 0px 6px 29px 0px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 6px 29px 0px rgba(0,0,0,0.13);
        box-shadow: 0px 6px 29px 0px rgba(0,0,0,0.13);*/


    border-bottom: 1px solid #eae7e7;
}

.container {
    width: 100% !important;
    /*width: 1366px !important;*/
}

body{
    /*font-size: 12.5px !important;*/
}

.form-group {
    margin-bottom: 4px !important;
}


.main-header .navbar-brand {
    color: #29696d;
}

#navbar-collapse a, .navbar-custom-menu a {
    color: #FFF;
}

.dropdown-menu > li > a:hover {
    background-color: #29696d;
    color: #FFF;
}

.content-wrapper {
    /*background-color: #f6f2ef;*/
    background-color: #eff7f5;
}


.pB-20 {
    padding-bottom: 18px !important;
}

.box-header.with-border {
    border-bottom: 4px solid #eff7f5;
    margin-top: 0px;
}

.sessoPaziente label {
    margin-right: 20px;
    margin-left: 5px;
}
.cursor-hand{
    cursor: pointer;
}


.dropdown.notifications-menu {
    /*top: 4px;*/
}

/*.content-wrapper {
    background-color: #f9fafb;
}*/

.btn-actions {
    /*    background-color: white;
        padding: 6px;
        border: 2px solid transparent;
        width: 32px;
        height: 32px;
        margin: 0 3px 0 0;*/
    padding: 2px !important;
}

.btn-actions:hover {
    /*    border: 2px solid #98b9e3;*/
    padding: 2px !important;
}
.btn-actions:hover >i {
    color: #02c6b2 !important;
}
.table-list-exams {
    margin-top: 20px;
}


.table-list-exams tbody tr td div.btn-actions-container {
    /*    opacity: 0;
        transition: 0.3s ease-in-out;*/
    text-align: right;
}
.table-list-exams tbody tr:hover td div.btn-actions-container{
    /*    opacity: 1;*/
    text-align: right;
}
td div.btn-actions-container i{
    font-size: 20px;
    color: #555;
}
td div.btn-actions-container i:hover{
    font-size: 20px;
    color: #000;
}

.incarico i{
    color: #ce5353 !important;
}

.label-status {
    padding: 6px 4px 1px 4px;
    width: 120px;
    display: inline-block;
    border-radius: 12px;
}

.label-status-edit {
    padding: 6px 0 1px;
    width: 100%;
    display: inline-block;
    border-radius: 12px;
    color: #555;
}

.labelStatoEsame {
    font-size: 14px;
    padding-bottom: 5px;
    margin-top: 4px;
    display: inline-block;
    margin-left: 4px;
}

.labelDatiEsame {
    font-size: 12px;
    color: #777;
    font-weight: 100;
}

.labelDatiEsame b {
    font-size: 16px;
    color: #555;
    margin-right: 10px;
}

.box-header-edit {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
}
.box-header-edit h3 {
    margin: 0;
}


.box-header-edit .breadcrumb {
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    display: inline-block;
    margin: 0;
    padding: 0
}

.content-edit {
    padding: 15px 0 0;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.status-da_refertare {
    background-color: #74d66d  !important;
    color: #fff !important;
    width: 100%;
}
.btn-status-da_refertare_OFF {
    background-color: #bababa !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 0.7;
}
.btn-status-da_refertare_OFF:hover {
    background-color: #74d66d !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 1;
}

.btn-status-da_refertare_ON {
    background-color: #74d66d  !important;
    color: #fff !important;
    width: 100%;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    margin: 0px;
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    border: 2px solid #8e8989;
}

.status-bozza {
    background-color: #8cd0ef !important;
    color: #fbfffb !important;
    width: 100%;
}
.btn-status-bozza_OFF {
    background-color: #bababa !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 0.7;
}
.btn-status-bozza_OFF:hover {
    background-color: #8cd0ef !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 1;
}

.btn-status-bozza_ON {
    background-color: #8cd0ef !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    border: 2px solid #8e8989;
}



.status-preso_in_carico {
    background-color: #2196f3 !important;
    color: #e3f2fd !important;
    width: 100%;
}
.btn-status-preso_in_carico_OFF {
    background-color: #bababa !important;
    color: #e3f2fd !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 0.7;
}
.btn-status-preso_in_carico_OFF:hover {
    background-color: #2196f3 !important;
    color: #e3f2fd !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 1;
}

.btn-status-preso_in_carico_ON {
    background-color: #2196f3 !important;
    color: #e3f2fd !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    border: 2px solid #08528b;
}

.status-respinto {
    background-color: #2196f3 !important;
    color: #e3f2fd !important;
    width: 100%;
}

.btn-status-respinto_OFF {
    background-color: #bababa !important;
    color: #e3f2fd !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 0.7;
}
.btn-status-respinto_OFF:hover {
    background-color: #2196f3 !important;
    color: #e3f2fd !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 1;
}
.btn-status-respinto_ON {
    background-color: #2196f3 !important;
    color: #e3f2fd !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    border: 2px solid #08528b;
}


.status-archiviato {
    background-color: #ede6a4 !important;
    color: #886a09 !important;
    width: 100%;
}
.btn-status-archiviato_OFF {
    background-color: #bababa !important;
    color: #fff!important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 0.7;
}
.btn-status-archiviato_OFF:hover {
    background-color: #8e8957 !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 1;
}

.btn-status-archiviato_ON {
    background-color: #8e8957  !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    border: 2px solid #08528b;
}

.status-refertato {
    background-color: #d57fe8   !important;
    color: #fff !important;
    width: 100%;
}

.btn-status-refertato_OFF {
    background-color: #bababa !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 0.7;
}
.btn-status-refertato_OFF:hover {
    background-color: #d57fe8  !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 1;
}

.btn-status-refertato_ON {
    background-color: #d57fe8  !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    border: 2px solid #754b7f;
}

.status-eliminato {
    background-color: #777  !important;
    color: #fff !important;
    width: 100%;
}

.btn-status-eliminato_OFF {
    background-color: #bababa !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 0.7;
}
.btn-status-eliminato_OFF:hover {
    background-color: #777 !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 4px;
    font-weight: bold;
    font-size: 11px;
    opacity: 1;
}

.btn-status-eliminato_ON {
    background-color: #777 !important;
    color: #fff !important;
    width: 140px;
    display: inline-block;
    border-radius: 12px;
    padding: 2px;
    font-weight: bold;
    font-size: 11px;
    border: 2px solid #754b7f;
}
.fa-20px{
    font-size: 20px;
    cursor: pointer;
}
.fa-20px:hover{
    font-size: 20px;
    opacity: 0.7;
    cursor: pointer;
}


.btn-primary-light {
    color: #2296f3;
    background-color: #e4f2fe;
    border-color: #b7dfff;
}

.btn-success-light {
    color: #4caf4f;
    background-color: #e8f5ea;
    border-color: #4caf50;
}

.btn-warning-light {
    background-color: #fbfac9;
    color: #888;
    border-color: #d6de58;
}


.btn-new {
    font-size: 14px;
    font-weight: 400;

}

.btn{
    border-radius: 6px;
    padding: 2px 10px;
}


.table>thead>tr>th {
    border-bottom: 2px solid #f4f4f4;
    /*font-size: 16px;*/
    font-weight: 600;
    background-color: #fafafa;
    text-transform: uppercase;
    /*text-align: center;*/
}
.table>tbody>tr>td {
    font-size: 12px;
}

.table-filter{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.table-filter > span{
    margin-right: 10px;
}

.bg-cover {
    background-image: url("../img/bg.jpg");
    height: calc(100vh - 51px );
}

.login-panel {
    background-color: #fff;
    height: calc(100vh - 51px );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login-panel form {
    width: 95%;
    max-width: 400px;
    margin: 0 auto;
}

.login-box-body {
    width: 100%;
}

.box-tools .input-group {
    width: 300px;
    top: 6px;
}

.box-title {
    margin-top: 10px;
    padding: 0;
}

.box-header .box-tools {
    top: 10px;
}

.titleExam {
    font-size: 36px;
    margin-left: 20px;
}

.icon-exam {
    color: #ce5353;
    background-color: #f5bfbe;
    padding: 10px;
    border-radius: 12px;
}

.icon-paziente {
    color: #FFF;
    background-color: #00c6b2;
    padding: 4px 10px;
    border-radius: 12px;
    width: 36px;
    height: 36px;
}

.icon-tipologia {
    color: #FFF;
    background-color: #00c6b2;
    padding: 4px 7px;
    border-radius: 12px;
    width: 36px;
    height: 36px;
}

.icon-esame {
    color: #FFF;
    background-color: #00c6b2;
    padding: 6px 6px;
    border-radius: 12px;
    width: 36px;
    height: 36px;
}

.icon-referto {
    color: #FFF;
    background-color: #00c6b2;
    padding: 4px 9px;
    border-radius: 12px;
    width: 36px;
    height: 36px;
}

.box{
    border-radius: 4px;
    box-shadow: 0 7px 14px 0 rgba(59,65,94, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .07);
    border: none;
}
/*.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    text-align: center;
    width: 100%;
}

.pagination a {
    border: 1px solid #ddd;
    padding: 6px;
    border-radius: 2px;
}

.pagination [disabled="disabled"] {
    color: #ddd;
}*/


.pagination {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.pagination a {
    color: black;
    padding: 4px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;

}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.autocomplete{
    position: absolute;
    top: 30px;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #d2d6de;
    border-left: 1px solid #d2d6de;
    border-right: 1px solid #d2d6de;
    background-color: #fff9f9;
    z-index: 10000;
    border-radius: 2px;
    margin: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.autocomplete li{
    list-style: none;
    border-bottom: 1px solid #ddd;
    margin-left: -40px;
    padding: 4px;
    cursor: pointer;
    color: #3c8dbc;
}
.autocomplete li div{
    width: 100%;
}

.autocomplete li i{
    margin-left: 4px;
    margin-right: 4px;
}

.autocomplete li:hover{
    list-style: none;
    border-bottom: 1px solid #ddd;
    margin-left: -40px;
    padding: 4px;
    font-weight: bold;
    cursor: pointer;
}


.navbar-nav > .active{
    background-color: #b7dfff;
}


select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: 4px;
    padding-right: 1.5em;
    border-radius: 0px;
}

/*PERSONALIZZAZIONE SELECT2*/

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #d2d6de !important;
    border-radius: 0px !important;
    cursor: text !important;
}



.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #00c0ef !important;
    /* border: 1px solid #aaa; */
    border-radius: 0px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px 4px;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-weight: bold !important;
    margin-right: 2px !important;
}

.tags-select{
    width: 260px;
}

.select2Long .tags-select{
    width: 460px;
}

.select2-selection__choice__remove{
    /*display: none !important;;*/
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #00c0ef;
    color: white;
}

.tr-filter > th{
    background-color: white !important;
}


.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px 0px;
}

.btn-sm {

    /* box-shadow: 2px 3px #ddd; */
    /*box-shadow: inset 0 -1px #e3e8ee;*/
}

.badge{
    margin-top: -2px;
    margin-left: 4px;
}

.btn .disabled{
    opacity: 0.3 !important;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px !important;
    line-height: 1 !important;
    vertical-align: middle !important; 
}




input[type="checkbox"] {

}







/* navbar */
.navbar-default {
    background-color: #01C6B2;
    border-color: #E7E7E7;
}
/* Title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: rgba(40,105,109,0.50);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ddd;
    background-color: #DDDCD7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #28696D !important;
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #28696D !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #28696D !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}

.dropdown-menu {
    background-color: #00c6b2 !important;
}


.btn-linkedin {
    color: #ffffff;
    background-color: #02c6b2 !important;
    border: none !important; 
}

.feedback-container{
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000000000;
    position: absolute;
}
.feedback-container > div{
    position: absolute;
    top: 50%;
    left:50%;
    margin-left:-250px;
    margin-top:-80px;
    z-index: 999;
    transition: 0.4s ease-in;
    color: #018a7c;
    font-size: 16px;
    font-weight: bold;
}



.feedbackPanel {
 padding: 16px 16px;
    background-color: white;
    /* border: 3px solid #ff8258; */
    /* box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.4); */
    /* border-radius: 0 0 0 20px; */
    width: 97%;
    list-style: none;
     background: url("/assets/img/alert.png") left center no-repeat; 
    list-style-position: inside;
    font-size: 16px;
    /* font-weight: bold; */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #b70202 !important;
    font-weight: bold;
    
        background-color: yellow;
    margin: 20px;
    
     padding-left: 60px; 
}
.feedback-container.closedFeed {
    top: -200px;
}

.feedbackPanelERROR {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
}
.feedbackTitle{
    background-color: white;
    padding: 6px 16px;
    margin: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: red;
    font-weight: bold;
}



/*.feedbackPanelERROR::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f071";
    font-size: 24px;
    margin-right: 10px;
    background-color: red;
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}*/

.close-feedback {
    font-size: 16px;
    position: absolute;
    right: 16px;
    top: 10px;
    z-index: 9999;
    /* background-color: #ccc; */
/*     width: 20px; 
     height: 20px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* border-radius: 50%; */
    color: #333;
    opacity: 0.5;
}

.close-feedback:hover {
    color: #333;
    opacity: 1;
    cursor: pointer;
     

}

.table-subrule {
    width: 100%;
    max-width: 700px;
}

.table-subrule th {
    padding: 10px;
    background-color: #f6f6f6;
}
.table-subrule td {
    padding: 10px;

}

.subrule-value {
    width: 60px;
}

.truncate {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.scadenza2{
    font-weight: bold;
    text-align: center;
    font-family: monospace;
}





.select2-container--default .select2-selection--single {
    border-radius: 0px !important; 
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: -6px !important;
    padding-left: 0px !important;
}






.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  margin-left: 200px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}