﻿nav #azienda_nome{display:block; padding: 10px 10px 0px 15px; font-weight:bold; font-size: 1.6em; color: rgb(0, 202, 108);}

.table td {vertical-align:middle}

h1, h2, h3, h4, h5, h6 {color:#000}

.fa-hp::before  { content: "\f80a";} /* HOME */
.fa-ana::before { content: "\f1c0";}
.fa-aud::before { content: "\f1cd";}
.fa-bip::before { content: "\f200";}
.fa-ser::before { content: "\f013";}
.fa-lo::before  { content: "\f08b";} /* LOGOUT */


.fa-ruo::before { content: "\f00b";} /* RUOLI E RESPONSABILITA’ */
.fa-for::before { content: "\f51c";} /* FORMAZIONE */
.fa-reg::before { content: "\f64b";} /* REGISTRI DEL TRATTAMENTO */
.fa-val::before { content: "\f06e";} /* VALUTAZIONE DEL RISCHIO */
.fa-dat::before { content: "\f273";} /* DATA BREACH */
.fa-lia::before { content: "\f328";} /* VALUTAZIONE LEGITTIMO INTERESSE - LIA */
.fa-pia::before { content: "\f84e";} /* VALUTAZIONE DI IMPATTO - PIA */
.fa-iso::before { content: "\f56c";} /* ISO27000 */
.fa-azi::before { content: "\f2bb";} /* AZIENDE */


.fa-fat::before { content: "\f153";}
.fa-red::before  { content: "\f63a";}
.fa-green::before  { content: "\f638";}
.fa-yellow::before  { content: "\f639";}
.fa-blu::before  { content: "\f129";}

.bg-red { background:#e12621;}
.bg-green { background:#39d039;}
.bg-yellow { background:#FFDA13;}
.bg-blu { background:#1BB7F4;}

.fa-chk-si {color:green;}
.fa-chk-no {color:red;}
.fa-chk-si::before { content: "\f14a"; }
.fa-chk-no::before { content: "\f0c8"; }

.datepicker {z-index: 9999 !important;}

.bg-success-gradient {background-image: none; background:#fff!important}
.panel-hdr .logo-main {background-size:auto; }

.logo-main {display:block; width:100%; height:42px; background: url(/img/logo-dpo.png) 0px 100% no-repeat; background-size: 100% auto; }
.logo-login {width:285px; height:50px;}
.datepicker-input {width: 100%;}

.fnFILIALE { background-color: #d4b2e5 !important;}
.fnDRIVER  { background-color: #6acfc5 !important;}
.fnZONA    { background-color: #70cbed !important;}
.fnDT_MODIFICA  { background-color: #66aea5 !important;}

.ui-autocomplete-loading { background: white url("/img/ui-anim_basic_16x16.gif") right center no-repeat;  }


/*** CUSTOM STATUS ***/    
.r {background-color:#d9534f !important; color:White !important;}
.g {background-color:#5cb85c !important; color:White !important;}
.y {background-color:#f0ad4e !important; color:White !important;}
.b {background-color:#337ab7 !important; color:White !important;}
.x {background-color:#5bc0de !important; color:White !important;}

.r a {color:White !important;}
.g a {color:White !important;}
.y a {color:White !important;}
.b a {color:White !important;}
.x a {color:White !important;}

/*** CUSTOM FORM-INTERFACE ***/    
th {white-space: nowrap !important;}
td {white-space: nowrap !important;}


.divWait { background: rgba(16, 40, 58,0.8); }

.src_result_list {position:relative; z-index:10; padding:0; list-style:none; background:#0f619f}
.src_result_list .btn{padding:3px; width:100%; text-align:left; margin-bottom:2px; list-style:none}

.is-invalid-selectize { border: solid 1px #fd3995; border-radius: 4px; 
                        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}

/* .dataTables_scrollHeadInner{  width:100% !important; } */
/* .dataTables_scrollHeadInner table{  width:100% !important; } */

.div_container.is-invalid {
    border: 1px solid #fd3995  !important;
    border-radius: 4px;
    padding-right: cal(1.47em + 1rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3675em + 0.25rem) center;
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.nav-menu li a {
    font-size: 0.780rem !important;
}

.page-sidebar .primary-nav .nav-menu > li > a {
    font-size: 0.800rem !important;
}

.wrapok { white-space: normal !important; }

.disnone {display:none;}

.txtvert-operazioni {
    writing-mode: vertical-lr
}

/*taberlla lista incaricati*/
.tbl-incaricati.dataTable thead > tr > th.sorting_asc,
.tbl-incaricati.dataTable thead > tr > th.sorting_desc,
.tbl-incaricati.dataTable thead > tr > th.sorting,
.tbl-incaricati.dataTable thead > tr > td.sorting_asc,
.tbl-incaricati.dataTable thead > tr > td.sorting_desc,
.tbl-incaricati.dataTable thead > tr > td.sorting {
    padding-right: 0px;
    padding-top: 30px;
}
.tbl-incaricati.dataTable.table-sm .sorting::before,
.tbl-incaricati.dataTable.table-sm .sorting_asc::before,
.tbl-incaricati.dataTable.table-sm .sorting_desc::before {
    top: 5px;
    right: inherit;
    left: 0;
}
.tbl-incaricati.dataTable.table-sm .sorting::after,
.tbl-incaricati.dataTable.table-sm .sorting_asc::after,
.tbl-incaricati.dataTable.table-sm .sorting_desc::after {
    top: 5px;
    left: 10px;
}

/*tab-content*/
.tab-content h3{padding: 10px 0; margin-bottom: 20px; color:#1b5ca3; border-bottom:1px solid #6ab7f1;}

/*bg rischio*/
.bg-stato-1 {color:#000; background: #00b050}
.bg-stato-2 {color:#000; background: #ffff00}
.bg-stato-3 {color:#000; background: #ffc000}
.bg-stato-4 {color:#000; background: #ff0000}
.color-bg-stato-1 {color:#000; background: #00b050}
.color-bg-stato-2 {color:#000; background: #ffff00}
.color-bg-stato-3 {color:#000; background: #ffc000}
.color-bg-stato-4 {color:#000; background: #ff0000}


/*stepbar*/
.nav-stepbar {border:0}
.nav-stepbar .nav-item{margin-right:2px;}
.nav-stepbar .nav-link{position:relative; outline:none; border-radius:0; padding:1rem; font-size:0.8em; color:#000; text-transform:uppercase; background:#eceef2}
.nav-stepbar .nav-item.show .nav-link, 
.nav-stepbar .nav-link.active{border-color:transparent; color:#fff!important; background:#282561}
.nav-stepbar .nav-item:nth-child(1){z-index: 6;}
.nav-stepbar .nav-item:nth-child(2){z-index: 5;}
.nav-stepbar .nav-item:nth-child(3){z-index: 4;}
.nav-stepbar .nav-item:nth-child(4){z-index: 3;}
.nav-stepbar .nav-item:nth-child(5){z-index: 2;}
.nav-stepbar .nav-item:nth-child(6){z-index: 1;}
.nav-stepbar .nav-link:after{position: absolute;
    top: -2px;
    right: -22px;
    z-index: 500;
    display: block;
    width: 21px;
    height: 54px;
    content: "";
    background: url(../images/tab-stepbar.svg) no-repeat;
    background-size: 21px 54px;
}
.nav-stepbar .nav-link.active:after{background: url(../images/tab-stepbar-active.svg) no-repeat; background-size: 21px 54px;}
.nav-stepbar .nav-item:last-child .nav-link:after{display:none}

.swal2-overflow {
    overflow-x: visible;
    overflow-y: visible;
}

/*progress bar*/
.progress-container {
    position: relative;
    margin-bottom: 30px;
    line-height: 1.6
}

.progress-container .progressbar {
    position: relative;
    padding: 5px;
    border: 1px solid #ddd
}

.progressbar .rainbow {
    position: relative;
    height: 20px;
    background: linear-gradient(90deg, rgba(249,4,4,1) 0%, rgba(245,146,7,1) 25%, rgba(235,213,6,1) 50%, rgba(167,227,42,1) 75%, rgba(0,193,51,1) 100%);
}

.progressbar .mask {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 20px;
    max-width: calc(100% - 5px);
    background: #fff
}

.progressbar .mask #p-value {
    position: absolute;
    top: -30px;
    left: -60px;
    width: 60px;
    padding: 0 5px;
    text-align: right;
    border-right: 1px solid #ddd;
}

.progressbar .mask #p-value {
    color: #000;
    font-size: 0.9em;
    font-weight: 700;
}

.progress-container .number { position: relative; }

.number .n-level {
    position: absolute;
    top: 10px;
    text-align: center;
    font-size: 0.75em;
}

.number .n-level.l-0 { left: 0; }
.number .n-level.l-25 { left: 25%; }
.number .n-level.l-50 { left: 50%; }
.number .n-level.l-75 { left: 75%; }
.number .n-level.l-100 { left: calc(100% - 30px); }

/*modale*/
.swal2-container {z-index:9999}
