/* Resets */
body {
font-family: 'Barlow',Arial, sans-serif !important;
background-color: #f4f4f4 !important;
color: #000;
margin: 0;
padding: 0px
}
.text-large {
font-size: 20px;
line-height: 20px;
}
h1 {
font-size: 2rem;
font-weight: 700;
}
ol,ul
{
margin:0px;
padding:0px;
}
/* BODY */
a:focus, a:hover {
text-decoration: none !important;
color: inherit;
}
a {
color: #0086BD;
text-decoration: none;
}
/* text */
text-light {
font-weight: 300 !important;
}
.text-strong {
font-weight: 700 !important;
}
.text-italic {
font-style: italic !important;
}
.text-underline {
text-decoration: underline !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.title-blue {
color: #0086BD ;
}
.bold {
font-weight: bold;
}
h5, h3 {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0;
}
h3 {
font-size: 22px;
}
h5 {
font-size: 14px;
margin-top: 5px;
}
.pt-6 {
padding-top: 6px;
}
.pt-15 {
padding-top: 15px;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mr-10 {
margin-right: 10px !important;
}
.ml-5 {
margin-left: 5px !important;
}
.ml-10 {
margin-left: 10px !important;
}
.text-light {
font-weight: 300 !important;
}
.text-medium-strong {
font-weight: 500 !important;
}
.text-strong {
font-weight: 700 !important;
}
.text-italic {
font-style: italic !important;
}
.text-underline {
text-decoration: underline !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.title-larger {
font-size: 60px;
line-height: 62px;
}
.title-large {
font-size: 40px;
line-height: 40px;
font-weight:500px;
}
.title-medium {
font-size: 2rem;
}
.text-default.title-larger {
color: #0086BD !important;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
/* OVERLAY */
[id|=overlay-lock] {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9000;
background-color: rgba(255, 255, 255, 0.8);
display: none;
}
.loadig {
position: absolute;
top: 42px;
z-index: 103;
left: 23px;
}
#overlay-lock-loading div {
width: 100%;
position: absolute;
top: 50%;
margin-top: -40px;
}
/* FLOAT */
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
/* HEADER */
header .navbar {
height: 58px;
background-color: #0086BD;
border: none;
margin: 0px;
}
header .navbar .navbar-header {
height: 65px;
width: 100%;
display: table;
}
header .navbar .navbar-header .login-header {
display: flex;
width: 100%;
/*height: 100%;*/
text-align: center;
justify-content: center;
align-items: center;
margin-top: 4px;
}
.card-logo-small {
width: 115px;
height: 41px;
background-image: url(/assets/img/logo-VIBES-header.png);
background-size: 115px 41px;
cursor: pointer;
/*margin-top: 8px;*/
}
.btn-login2 {
color: #FFF !important;
}
.sprite.sprite-lock {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
background-position: 0px;
margin-left: 10px;
display: inline-block;
}
.user-icon {
float: left;
width: 36px;
height: 36px;
background-image: url('data:image/svg+xml;utf8,');
background-size: 36px;
}
.logout-icon {
float: left;
width: 36px;
height: 36px;
background-image: url('data:image/svg+xml;utf8,');
background-size: 36px;
margin-left: 20px;
}
/*header .navbar .navbar-header .header-boxes .header-box {
margin: 10px 0px 0px 0px;
}*/
.user-txt {
float: left;
margin-top: 10px;
margin-left: 10px;
font-size: 16px;
line-height: 16px;
color:#FFF;
}
.logout-txt{
display:none;
}
/* LOGIN */
.bg-login {
background-color: #F4F4F4;
}
.bg-login #login-card, .bg-body #login-card {
margin: 25px 0px;
text-align: center;
}
.bg-login #login-right, .bg-login .card-bg, .bg-body .card-bg, .bg-body #login-right {
margin: 0 auto;
background: #cccccc;
padding: 20px 18px;
border-radius: 10px;
}
#login-right {
max-width: 256px;
}
.bg-login input[type=submit], .bg-body input[type=submit] {
background: linear-gradient(rgba(0, 134, 189, 100%), #0086BD 100%);
background-color: #0086BD !important;
border: 1px solid #b4b4b4;
box-shadow: inherit;
border-radius: 7px !important;
color: #ffffff !important;
min-width: 100%;
margin: 0;
font-size: 14px;
line-height: 1;
padding: 10px 20px;
text-transform: UPPERCASE;
font-weight: 600;
}
/* HOME */
.cntMtnl {
margin-top: 40px;
}
.mtnl {
display: inline-block;
vertical-align: middle;
touch-action: manipulation;
background-color: #0086BD;
transition: ease 0.2s;
cursor: pointer;
width: 230px;
height: 230px;
border-radius: 15px;
margin: 0 10px 10px 0;
}
.mtnl span {
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
}
.mtnl:hover {
transform: scale(0.97);
}
.ico-osservazioni {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-informativa {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-reportistica {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-pwbi {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-pianoazione {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-pa {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-myarea {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-settings {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-bbs {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-feedback {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-reporting {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-dashboard {
background-image: url('data:image/svg+xml;utf8,');
}
.ico-alert {
background-image: url('data:image/svg+xml;utf8,');
}
.mtnl i {
margin: 27px auto;
width: 100px;
height: 100px;
display: block;
background-size: 100px 100px;
}
/* bread */
.survey-breadcrumb {
margin-top: 20px;
overflow:hidden;
}
.breadcrumb {
background-color: inherit;
font-size: 14px;
/*margin-left: 0px;
padding-left: 0px;*/
margin:0px;
padding:0px;
}
.breadcrumb li, .breadcrumb a {
color: #666666;
font-weight: 400;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0px;
}
/* action header */
.mainaction {
width: 100%;
background: #E2E2E2;
height: 44px;
padding-top:8px;
}
.actionright {
float:right;
display:flex;
}
.backaction, .backaction:hover, .backaction:focus {
color: #0086BD;
display: flex;
align-items: center;
align-content: center;
margin-top: 4px;
}
.backactionmodal, .backactionmodal:hover, .backactionmodal:focus {
color: #0086BD;
display: flex;
align-items: center;
align-content: center;
margin-top: 4px;
position: absolute;
top: 1rem;
left: 2rem;
}
.sprite-back-smaller {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px 20px;
margin-right:8px;
}
.actioncontainer {
float: right;
width: 600px;
text-align: right;
}
.actionlink {
color: #272727;
cursor: pointer;
display: flex;
align-items: center;
flex-direction: row;
justify-content: flex-start;
border-left: 1px solid #000000;
padding: 0px 8px;
font-size: 16px
}
.actionlink:first-child {
border-left: none;
}
.actionlink .sprite.sprite-lent-small {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite.sprite-complite {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite.sprite-copy {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite.sprite-pdf {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite.sprite-new {
background-image: url('data:image/svg+xml;utf8,');
width: 28px;
height:28px;
display: block;
background-size: 28px;
margin-right: 8px;
}
.actionlink .sprite.sprite-check-green {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite.sprite-pa {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite-test {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .rsprite.rsprite-excel {
background-image: url('data:image/svg+xml;utf8,');
width: 25px;
height: 25px;
display: block;
background-size: 25px;
margin-right: 8px;
}
.actionlink .sprite.sprite-feedback {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite.sprite-cancel-red {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite.sprite-print {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionlink .sprite.sprite-verify {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
margin-right: 8px;
}
.actionhome, .actionhome:hover, .actionhome:focus {
background: #0086BD;
color: #fff;
display: flex;
font-size: 1.1rem;
font-weight: 500;
padding: 8px 20px;
border-radius: 30px;
text-transform: uppercase;
line-height: 14px;
width: 100%;
height: 100px;
text-align: center;
justify-content: center;
align-items: center;
}
.actionhome span {
width:80%;
line-height:30px;
}
.actionewdropdown, .actionewdropdown:hover, .actionewdropdown:focus {
background: #0086BD;
color: #fff;
display: flex;
align-items: center;
font-size: 1.1rem;
font-weight: 500;
padding: 8px 20px;
border-radius: 30px;
text-transform: uppercase;
line-height: 14px;
width: 100%;
}
.actionewdropdown.dropdown-toggle::after
{
display:flex;
}
.contextmenu {
display: inline-flex !important;
}
.btn.actionewdropdown.focus, .btn.actionewdropdown:focus {
box-shadow:none !important;
}
.actionew, .actionew:hover, .actionew:focus {
background: #0086BD;
color: #fff;
display: flex;
align-items: center;
font-size: 1.1rem;
font-weight: 500;
padding: 10px 20px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
}
.actionsendemail, .actionsendemail:hover, .actionsendemail:focus {
background: #0086BD;
color: #fff;
display: flex;
align-items: center;
font-size: 1.1rem;
font-weight: 500;
padding: 10px 20px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
margin-left:4px;
}
.actionew .sprite.sprite-new {
background-image: url('data:image/svg+xml;utf8,');
width: 25px;
height: 25px;
display: block;
background-size: 25px;
margin-right: 8px;
}
.questionHelplink .sprite.sprite-help {
background-image: url('data:image/svg+xml;utf8,');
background-size: 20px;
display: flex;
width: 20px;
height: 20px;
margin-left: 0.2rem;
margin-bottom: 0px;
}
.questionHelplink {
display: inline-flex;
align-content: center;
align-items: center;
line-height: 0.8rem;
color: #525252;
}
.questionHelplink:hover, .questionHelplink:focus {
color: #525252;
}
.helpcontent {
display: none;
}
/******************** LISTA FLOW *****************/
.flowpannel-header {
width: 100%;
padding: 6px 20px 6px 20px;
background: #525252;
color: #fff;
display: flex;
text-transform: uppercase;
font-size: 1.4rem;
font-weight: 600;
align-items: center;
justify-content: space-between;
}
.flowpannel-header:hover, .flowpannel-header:active, .flowpannel-header:focus {
color: #fff;
}
.card {
border: none;
border-radius: 0px;
margin: 0px;
padding: 0px;
}
a.flowpannel-header .sprite.openclose {
background-image: url('data:image/svg+xml;utf8,');
width: 30px;
height: 30px;
display: block;
background-size: 30px;
}
a.flowpannel-header.collapsed .sprite.openclose {
background-image: url('data:image/svg+xml;utf8,');
}
.flowsubpannel-header {
width: 100%;
padding: 0.8rem 1rem 0.8rem 1rem;
color: #525252;
background: #fff;
display: flex;
text-transform: uppercase;
font-size: 1.3rem;
font-weight: bold;
align-items: center;
justify-content: space-between;
border-top: 2px solid #B2B2B2 !important;
}
.card .flowsubpannel-header:first-child {
border-top: none !important;
}
.flowsubpannel-header:hover, .flowsubpannel-header:active {
color: #525252;
}
a.flowsubpannel-header .sprite.openclose {
background-image: url('data:image/svg+xml;utf8,');
width: 25px;
height: 25px;
display: block;
background-size: 25px;
margin-right: 10px;
}
a.flowsubpannel-header.collapsed .sprite.openclose {
background-image: url('data:image/svg+xml;utf8,');
}
.subBoxes .card {
padding: 0rem 1rem;
/*border-left: 3px solid #D9D9D9 !important;
border-right: 3px solid #D9D9D9 !important;
border-top: 1px solid #D9D9D9;*/
}
.rowbehaviors div{
/*padding:1rem 0rem;*/
}
.behaviortitle {
font-weight: 600;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
font-size: 1.2rem;
color: #272727;
line-height:1.2rem;
}
.behaviordetail {
font-weight: 600;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
font-size: 0.8rem;
color: #525252;
}
.mobileDoubleSplit2 {
float: left;
width: 50%;
}
.rowbehaviors {
padding: 1rem 3rem;
border-bottom: 1px solid #D8D8D8;
}
/*.rowbehaviors:nth-child(odd) {
background: #F4F4F3;
}*/
.cklabel {
font-weight: 500;
color: #525252;
margin-right: 5px;
}
.ckvalue {
font-weight: 600;
border: 1px solid #525252;
padding: 0.2rem 0.7rem;
color: #525252;
}
#stikyaction .actionlink .sprite.sprite-next-step {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
background-size: 25px;
margin-left: 8px;
transform: rotate( 270deg );
}
#stikyaction .actionlink .sprite.sprite-previus-step {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
width: 25px;
height: 25px;
display: block;
background-size: 25px;
margin-right: 8px;
transform: rotate( 90deg );
}
.rowbehaviors:nth-child(even) {
background: #fff;
}
.flow-item {
border-bottom: 1px solid #D9D9D9;
padding: 10px 0px;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.flow-item .pull-right {
display: flex;
padding-right:10px;
}
.flow-item .pull-right .btninline {
margin-left: 10px;
}
.flow-text {
font-weight: 500 !important;
font-size: 20px;
line-height: 20px;
padding: 0px 0px 0px 20px;
display: flex;
align-items: center;
}
.counter-btn {
background: #E2E2E2;
border-radius: 30px;
width: 20px;
height: 20px;
display: flex;
font-size: 0.8rem;
margin-left: 12px;
color: #0086BD;
font-weight: 600;
justify-content: center;
align-items: center;
margin-top: 5px;
}
.panel-group .panel + .panel {
margin-top: 20px;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.btninline {
border: 1px solid #0086BD;
border-radius: 15px;
color: #000;
display: flex;
align-items: center;
padding: 4px 18px;
text-transform: uppercase;
font-weight: bold;
line-height: 14px;
display: inline-flex;
}
.btninline.feedbackdeletemessage {
align-items: flex-start;
}
.actioncklmobile {
display: none;
}
.rsprite.rsprite-add {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px 20px;
margin-right: 8px;
}
.rsprite.rsprite-view {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px 20px;
margin-right: 8px;
}
.rsprite.rsprite-copy {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px 20px;
margin-right: 8px;
}
.rsprite.rsprite-delete {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px 20px;
margin-right: 8px;
}
.sprite.sprite-cancel-red {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 8px;
}
.sprite.sprite-check-green {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 8px;
}
.sprite.sprite-verify {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 8px;
}
.sprite.sprite-download {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 8px;
}
.sprite.sprite-new {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 8px;
}
.sprite.sprite-check-green {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 8px;
}
.actioncontainertb {
white-space: nowrap;
max-width: 282px !important;
text-align: right;
}
.actioncontainertbbig {
white-space: nowrap;
max-width: 400px !important;
text-align: right;
}
.btninline .sprite.sprite-next-step {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-left: 8px;
transform: rotate( 270deg );
}
.btninline .sprite.sprite-previus-step {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 8px;
transform: rotate( 90deg );
}
.btninline .sprite.sprite-complite {
/*background-image: url('data:image/svg+xml;utf8,');*/
/*background-image: url('data:image/svg+xml;utf8,');*/
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 8px;
}
.actionckl {
text-align:right !important
}
/******************** ELENCO SEGNALAZIONI COMPLETATE *****************/
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul, ol {
margin-top: 0;
margin-bottom: 8.5px;
}
.nav-tabs {
overflow: hidden;
margin-bottom: 1px;
border-bottom: none;
}
.nav-tabs > li {
float: left;
}
.tab-table.nav-tabs > li a:hover {
background-color: #525252;
}
.tab-table.nav-tabs > li a {
background-color: #C4C4C4;
border: none !important;
color: #fff;
padding: 10px 30px;
margin-right: 15px;
display: block;
font-weight: 500;
}
.tab-table.nav-tabs > li> a.active {
background: #525252;
}
.responsiveTable table > thead > tr > th {
color: #ffffff;
text-align: left;
font-weight: 500;
background-color: #525252;
vertical-align: middle;
font-size: 12px;
line-height: 12px;
padding: 6px 10px;
}
#containergolalist .responsiveTable table > thead > tr > th,
#containerfeedbackList .responsiveTable table > thead > tr > th {
color: #525252;
text-align: left;
font-weight: 600;
background-color: transparent;
vertical-align: middle;
font-size: 1rem;
line-height: 12px;
padding: 6px 10px;
border-bottom: 1px solid #D9D9D9;
}
.responsiveTableEmployee table > thead > tr > th {
padding: 10px 10px;
}
.responsiveTableEmployee .form-check-inline {
margin-right: 0 !important;
}
.responsiveTableEmployee table > thead > tr > th .form-check-inline .form-check-label::before {
top: -4px;
}
.responsiveTableEmployee table > thead > tr > th .form-check-inline .form-check-label::after {
top: -4px;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.responsiveTable table > tbody > tr > td {
padding: 5px 8px;
/*font-size: 14px;*/
font-size: 0.8rem;
max-width: 200px;
}
td.tdheader {
background: #E2E2E2;
}
td.tdheader .actionlink {
justify-content: flex-end !important;
}
td.tdheader .counter-btn {
background: #FFF !important;
}
.pointstable table > tbody > tr > td {
max-width: none;
}
.responsiveTable table > tbody > tr.nolanguage > td {
color: #FF6A00;
}
.no-wrap {
white-space: nowrap;
}
#containerfeedbackList .responsiveTable table > tbody > tr > td {
padding: 2px 8px;
font-size: 0.8rem;
max-width: 200px;
}
.attachlink, .attachlink:hover, .attachlink:focus {
color: #0086BD;
text-decoration: none;
font-weight: 500;
display:block;
}
.responsiveTable table > tbody > tr {
background-color: #fff;
border-bottom: 1px solid #D9D9D9;
}
.tab-table.tab-content table th .order.desc {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px 20px;
margin-left: 8px;
}
.tab-table.tab-content table th .order.asc {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px 20px;
margin-left: 8px;
}
.sort-btn {
padding: 0px;
display: flex;
justify-content: center;
color: #fff;
line-height: 12px;
align-items: center;
}
.codelink{
font-weight:500;
}
.paclose {
color: #00AF22;
background-image: url('data:image/svg+xml;utf8,');
height: 15px;
display: block;
background-size: 15px;
background-position-x: right;
padding: 0px 10px;
margin: 0px 10px;
width: 40px;
background-repeat: no-repeat;
line-height: 15px;
}
.paopen {
color: #F08100;
background-image: url('data:image/svg+xml;utf8,');
height: 15px;
display: block;
background-size: 15px;
background-position-x: right;
padding: 0px 10px;
margin: 0px 10px;
width: 40px;
background-repeat: no-repeat;
line-height: 15px;
}
.sattusdatecontainertablelist {
font-size: 0.7rem;
/*display: flex;*/
margin-top: 2px;
}
.creationdatecontainertablelist {
font-size: 0.8rem;
display: flex;
margin-top: 2px;
white-space: nowrap;
}
.expireddatecontainertablelist {
font-size: 0.8rem;
display: flex;
margin-top: 2px;
white-space: nowrap;
}
.state-open {
border: 1px solid #0086BD;
border-radius: 15px;
font-size: 0.8rem;
padding: 3px 16px 3px 30px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 6px;
background-size: 18px;
font-weight: 600;
display:inline-flex;
}
.state-closed {
border: 1px solid #989898;
border-radius: 15px;
font-size: 0.8rem;
padding: 3px 16px 3px 30px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 6px;
background-size: 18px;
font-weight: 600;
display: inline-flex;
}
.state-cancelled {
border: 1px solid #989898;
border-radius: 15px;
font-size: 0.8rem;
padding: 3px 16px 3px 30px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 6px;
background-size: 18px;
font-weight: 600;
display: inline-flex;
}
.state-expired {
border: 1px solid #DA9B51;
border-radius: 15px;
font-size: 0.8rem;
padding: 3px 16px 3px 30px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 6px;
background-size: 18px;
font-weight: 600;
display: inline-flex;
}
/******************************************************* PAGINATION *****************************/
.pagintation-container {
overflow: hidden;
margin-top: 20px;
}
.pagintation {
float: right;
}
.pagintation-container .pull-left span {
margin-left: 20px;
font-size: 14px;
font-weight: bold;
color: #525252;
}
.pagintation-container ul.pagintation {
overflow: hidden;
margin-bottom: 1px;
}
.pagintation-container ul.pagintation li {
list-style: none;
float: left;
display: flex;
align-items: center;
height: 25px;
}
.pagintation-container ul.pagintation li a {
color: #656565;
font-size: 16px;
cursor: pointer;
margin: 0px 10px 0px 10px;
}
.pagintation-container ul.pagintation li a.active {
color: #ffffff;
Background: #0086bd;
width: 26px;
display: flex;
height: 25px;
border-radius: 18px;
justify-content: center;
align-items: center;
font-size: 16px;
cursor: pointer;
margin: 0px 4px 0px 4px;
}
.pagintation-container ul.pagintation li a.next {
color: #0086bd;
display: flex;
align-items: center;
/*padding: 4px 18px;*/
text-transform: uppercase;
font-weight: bold;
line-height: 14px;
margin-right: 0px;
}
.pagintation-container ul.pagintation li a.next .sprite.sprite-triangle-right {
background-image: url('data:image/svg+xml;utf8,');
width: 16px;
height: 16px;
display: block;
background-size: 16px;
}
.pagintation-container ul.pagintation li a.pageback {
color: #0086bd;
display: flex;
align-items: center;
/*padding: 4px 18px;*/
text-transform: uppercase;
font-weight: bold;
line-height: 14px;
}
.pagintation-container ul.pagintation li a.pageback .sprite.sprite-triangle-left {
background-image: url('data:image/svg+xml;utf8,');
width: 16px;
height: 16px;
display: block;
background-size: 16px;
margin-left: 6px;
}
.gotopagecontaner {
float: right;
display: flex;
align-items: center;
margin-left: 30px;
}
.gotopagecontaner span {
color: #525252;
font-size: 12px;
margin-right: 8px;
}
.gotopagecontaner input[type=number] {
border: 1px solid #cfcfcf;
border-radius: 0px;
padding: 5px 5px;
margin-bottom: 0px;
height: 26px;
width: 50px;
box-shadow: none;
}
.gotopagecontaner .gotopagelink {
font-size: 16px;
color: #0086bd;
display: flex;
align-items: center;
/* padding: 4px 18px; */
text-transform: uppercase;
background-image: url('data:image/svg+xml;utf8,');
width: 39px;
height: 16px;
display: block;
background-size: 16px;
margin-left: 6px;
background-position-x: right;
background-repeat: no-repeat;
line-height: 16px;
cursor: pointer;
font-weight: bold;
}
/*FILTER*/
.filter-container {
background-color: #fff;
}
/*.filter-container .form-group label {
color: #525252;
font-weight: 500;
margin-bottom: 0.3rem;
}
.filter-container .form-control {
border: 2px solid #D5D5D5;
border-radius: 0px;
padding: 0.5rem 1.4rem;
color: #575757;
}
.filter-container .form-group span.value {
width: 100%;
background: #F4F4F3;
display: block;
padding: 0.5rem 1.4rem;
color: #272727;
font-weight: 700;
border: 2px solid #F4F4F3;
min-height: 44px;
}*/
/*.filter-container select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 8px);
}*/
/******select********/
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-x: calc(100% - 1rem);
background-position-y: 14px;
background-size: 16px;
background-color:#ffffff;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 6px);
}
/******************************************* MODIFICA SEGNALAZIONE******************************/
.edit-flow-container .card {
padding: 30px 20px;
}
.edit-flow-container .card.cardaudit {
padding: 0px 0px;
}
.edit-flow-container .card.cardauditbody {
padding: 0px 20px;
}
/*
.edit-flow-container .collapse-panel .collapse-panel-header {
width: 100%;
overflow: hidden;
padding: 10px 20px;
background: #525252;
}
.edit-flow-container .collapse-panel .collapse-panel-header > a {
color: #FFF;
line-height: 20px;
width: 100%;
display: block;
}
.edit-flow-container .collapse-panel {
background: #fff;
}
.edit-flow-container .panel-collapse {
padding: 30px 20px;
}
.edit-flow-container .collapse-panel .collapse-panel-header > a {
color: #FFF;
line-height: 20px;
width: 100%;
display: block;
}
.edit-flow-container .collapse-panel .collapse-panel-header > a:before {
content: '-';
float: right;
color: #FFF;
font-size: 50px;
line-height: 13px;
font-weight: 100;
}
.edit-flow-container .collapse-panel .collapse-panel-header > a.collapsed:before {
content: '+';
font-weight: 300;
}*/
.edit-flow-container .form-group span.value, .edit-ckl-container .form-group span.value {
width: 100%;
background: #F4F4F3;
display: block;
padding: 0.5rem 1.4rem;
color: #272727;
font-weight: 600;
border: 2px solid #F4F4F3;
min-height: 44px;
}
.form-group label {
color: #525252;
font-weight: 500;
margin-bottom: 0.3rem;
width: 100%;
line-height: 1.2rem;
}
.form-control {
border: 1px solid #ACACAC;
border-radius: 0px;
padding: 0.5rem 1.4rem;
color: #575757;
}
#feedbackmessagelist .form-control {
line-height: 1;
margin-bottom: 10px;
}
#answerlist .form-control {
line-height: 1;
margin-bottom: 10px;
}
.bg-login .form-control, .bg-login .form-control:focus, .bg-login .form-control:focus {
border: none;
border-radius: 6px;
}
.dateform-control.k-widget.k-datepicker {
width: 100%;
}
.dateform-control .k-picker-wrap.k-state-default {
border: 1px solid #ACACAC;
border-radius: 0px;
color: #575757;
background: #fff;
}
.dateform-control input.dateform-control {
padding: 0.5rem 1.4rem;
border-radius: 0px;
line-height: 1.5;
}
.dateform-control .k-icon.k-i-calendar {
text-transform: uppercase;
background-image: url('data:image/svg+xml;utf8,');
width: 35px;
height: 35px;
background-size: 35px;
display: block;
}
.dateform-control .k-icon.k-i-calendar:before {
content: "";
}
.dateform-control .k-picker-wrap.k-state-default > .k-select {
border: none;
display: flex;
/*align-items: center;*/
margin-right: 4px;
width: 100%;
justify-content: flex-end;
}
.dateform-control .k-picker-wrap.k-state-focused {
background: none;
box-shadow: none;
padding-bottom:0px;
}
.form-control::placeholder {
color: #575757;
opacity: 1; /* Firefox */
}
.form-control::-moz-placeholder {
color: #575757;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #575757;
}
.form-control:focus {
color: #575757;
background-color: #fff;
border: 1px solid #ACACAC;
outline: 0;
box-shadow: none;
}
.edit-flow-container .form-group .answernote {
font-size: .8rem;
font-weight: 500;
display: block;
margin-bottom: 10px;
}
/*checkbox*/
.form-check-input {
/*position: absolute;*/
z-index: -1;
opacity: 0;
}
.form-check-input:checked ~ .form-check-label::before {
/*background-color: #34ce57;*/
}
.form-check-label::before {
position: absolute;
top: 0rem;
left: 0;
display: block;
width: 1.5rem;
height: 1.5rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #FFF;
border: 1px solid #ACACAC;
}
.form-check-input:checked ~ .form-check-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%230086bd' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}
.form-check-input:checked ~ .form-check-label::before {
border: 1px solid #0086bd;
}
.form-check-label::after {
position: absolute;
top: 0rem;
left: 0;
display: block;
width: 1.5rem;
height: 1.5rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.form-check-label {
margin-bottom: 0;
margin-left: 18px;
cursor:pointer;
}
.chekcwidth-1{
width:100%
}
.chekcwidth-2 {
width: 47%
}
.chekcwidth-3 {
width: 30%
}
.chekcwidth-4 {
width: 22%
}
.chekcwidth-5 {
width: 18%
}
.form-radio-label::before {
position: absolute;
top: 0rem;
left: 0;
display: block;
width: 1.5rem;
height: 1.5rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #FFF;
border: 1px solid #ACACAC;
border-radius:50%
}
.form-radio-label::after {
position: absolute;
top: 0rem;
left: 0;
display: block;
width: 1.5rem;
height: 1.5rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.form-radio-input {
z-index: -1;
opacity: 0;
}
.form-radio-input:checked ~ .form-radio-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%230086bd' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}
.form-radio-input:checked ~ .form-radio-label::before {
border: 1px solid #0086bd;
}
.form-radio-label {
margin-bottom: 0;
margin-left: 18px;
cursor: pointer;
}
/************************************************************************shwitch */
.switch-label {
/*margin-left:10px;*/
width: 30px !important;
margin-bottom: 0px !important;
}
.switch-label-text{
margin-left:30px;
cursor:pointer;
}
.switch-input {
display: none;
}
.switch-label:before {
content: " ";
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
height: 24px;
width: 48px;
background: #FFF;
border: 1px solid #ACACAC;
transition: background 0.2s ease-out;
border-radius: 24px;
cursor:pointer;
}
.switch-label:after {
content: " ";
position: absolute;
left: 1px;
top: 1px;
display: block;
width: 22px;
height: 22px;
background: #ffffff;
transition: 0.2s ease-in-out;
box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
text-align: center;
font-weight: bold;
border: 1px solid #ACACAC;
background-clip: padding-box;
border-radius: 22px;
cursor: pointer;
}
input.switch-input:checked + .switch-label:before {
transition: background 0.2s ease-in;
background: #0086BD;
border-color: #0086BD;
}
input.switch-input.errorinput + .switch-label:before {
border-color: red !important;
background: red !important;
}
input.switch-input:checked + .switch-label:after {
margin-left: 24px;
}
.sortSelect {
display: none;
}
.input-group-search {
position: relative;
}
.search-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: inline-flex;
justify-content: center;
align-items: center;
background-image: url('data:image/svg+xml;utf8,');
display: flex;
width: 40px;
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
align-content: center;
}
.form-control-search {
padding: 0.5rem 1.4rem 0.5rem 2.3rem !important;
margin-bottom:1.4rem;
}
.time-input {
justify-content: center;
align-items: center;
background-image: url('data:image/svg+xml;utf8,');
display: flex;
background-size: 35px;
background-repeat: no-repeat;
background-position-y: 50%;
background-position-x: calc(100% - 2px);
align-content: center;
}
/********************************************************************** componenti + -- TREEE ***************************************************************/
.errorinput{
border:2px solid red !important;
}
.number-input.number-input {
border: 1px solid #ACACAC;
width: 10rem;
line-height: 1.5rem;
background-color: #f2f2f2;
display: flex;
}
.number-input button.plus:after {
transform: translate(-50%, -50%) rotate( 90deg );
}
.number-input.number-input button {
width: 3rem;
height: 40px;
margin: 0px;
padding: 0px;
}
.number-input button {
-webkit-appearance: none;
background-color: transparent;
border: none;
cursor: pointer;
display: -ms-inline-flexbox;
}
.number-input button:focus {
outline: none;
}
.number-input.number-input button:before, .number-input.number-input button:after {
width: 0.7rem;
background-color: #495057;
}
.number-input button:before, .number-input button:after {
display: inline-block;
position: absolute;
content: '';
height: 2px;
transform: translate(-50%, -50%);
}
.number-input.number-input input[type=number] {
max-width: 4rem;
width: 4rem;
padding: 0.5rem;
border: 1px solid #ACACAC;
border-width: 0 1px;
font-size: 1rem;
/* height: 2rem; */
color: #495057;
text-align: center;
line-height: 1.5;
background-color: #fff;
background-clip: padding-box;
border-radius: 0px;
display: inline-flex;
-moz-appearance: textfield;
}
.number-input.number-input input[type=number]:focus-visible {
outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/***********************************************************************kendo color piker********************/
.k-picker-wrap.k-state-default {
border-color: #ACACAC;
border-radius:0;
}
.k-picker-wrap .k-icon.k-i-arrow-60-down:before {
content: "";
top: 0px;
background-image: url('data:image/svg+xml;utf8,');
}
.k-picker-wrap .k-icon.k-i-arrow-60-down {
top:0px;
}
.k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover {
border: 1px solid #ACACAC;
background: #F4F4F3;
}
.k-colorpicker .k-selected-color
{
border-radius:0;
}
/********************************************************************** kendo multiselect + modal ***************************************************************/
.vibes-multiselect {
overflow: hidden;
}
.vibes-multiselect button.k-primary.k-button {
float: right;
height: 2.6rem;
color: #000;
background: transparent;
border-color: #0086BD;
font-weight: 600;
}
.vibes-multiselect .k-multiselect {
width: calc(100% - 60px);
float: left;
}
.treeviewcontainer {
height: 300px !important;
overflow-y: auto;
border: 1px solid #ACACAC !important;
padding: 0.8rem;
}
.vibes-dialog.k-content {
padding: 1rem 2rem 2rem 2rem;
}
.vibes-dialog .filterText {
width: 100%;
box-sizing: border-box;
padding: 0.5rem 1.4rem 0.5rem 2.3rem !important;
border: 1px solid #ACACAC;
height: 42px;
color: #575757;
}
.vibes-dialog .filterText:focus, .vibes-dialog .filterText:active {
border: 1px solid #ACACAC;
border-radius: 0;
}
.vibes-dialog .selectAll {
padding: 1rem 0rem;
/* display: flex; */
align-items: center;
font-weight: 500;
}
.vibes-dialog .selectAll span{
float:right;
}
.vibes-dialog .search-icon {
height: 42px;
}
.k-widget.k-window.k-dialog
{
border-radius:0;
}
.k-window-title.k-dialog-title {
text-align: center;
font-size: 1.8rem;
color:#000;
line-height: 1;
text-transform:uppercase;
}
.k-dialog .k-window-titlebar .k-window-action {
width: 30px;
height: 30px;
}
.k-dialog .k-button.k-button-icon .k-icon, .k-grid-filter .k-icon, .k-header .k-icon {
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-size: 30px;
display: block;
width: 30px;
height: 30px;
margin: auto;
margin-bottom: 3px;
}
.k-header .k-icon.k-i-arrow-60-right {
content: "";
background-image: url('data:image/svg+xml;utf8,');
}
.k-header .k-icon.k-i-arrow-60-right:before {
content: "";
}
.k-header .k-icon.k-i-arrow-60-left {
content: "";
transform: rotate( 90deg );
background-image: url('data:image/svg+xml;utf8,');
}
.k-header .k-icon.k-i-arrow-60-left:before {
content: "";
}
.k-dialog .k-button:before {
background-color: transparent;
}
.k-dialog .k-i-close:before {
content: "";
}
.k-dialog .k-header {
background-color: transparent;
border: none;
}
.k-dialog .k-window-titlebar .k-window-actions {
right: 1.7rem;
}
.k-dialog-buttongroup {
text-align: center;
display: block;
margin-bottom: 1rem !important;
}
.k-dialog-buttongroup .k-button {
border: 1px solid #0086BD;
border-width: 1px !important;
border-bottom: 1px solid #0086BD !important;
color: #0086BD !important;
display: inline-flex;
align-items: center;
font-size: 16px;
padding: 4px 20px !important;
border-radius: 30px !important;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
background-color: transparent !important;
font-weight: 600;
}
.k-dialog-buttongroup .k-button:hover {
border: 1px solid #0086BD;
border-width: 1px !important;
border-bottom: 1px solid #0086BD !important;
color: #0086BD !important;
}
.k-dialog-buttongroup .k-button.k-primary {
margin-left: 10px;
background-color: #0086BD !important;
color: #fff !important;
}
.k-dialog-buttongroup .k-button.k-primary:hover {
margin-left: 10px;
background-color: #0086BD !important;
color: #fff !important;
}
.treeviewcontainer .k-icon:before {
top: 2px;
background-repeat: no-repeat;
margin-right: 10px;
}
.treeviewcontainer .k-icon {
overflow:visible;
}
.k-dialog .k-checkbox:checked:focus {
box-shadow: none;
border-color: #0086BD;
}
/*.vibes-multiselect .k-multiselect-wrap.k-floatwrap li {
zoom: 0.8;
}
.k-dropdowntree .k-multiselect-wrap.k-floatwrap li {
zoom: 0.8;
}*/
/********************************************************************** HTML EDITOR ***************************************************************/
.form-editor-html .k-header .k-icon {
content: "";
background-image: none !important;
background-size: 30px;
display: block;
width: 30px;
height: 30px;
margin: auto;
margin-bottom: 3px;
}
/********************************************************************** DORPDOWN TREEE ***************************************************************/
.k-i-collapse:before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
}
.k-i-expand:before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
top: 0px !important;
}
.k-icon:before {
top: 5px;
}
.k-treeview .k-link {
color: #272727;
font-weight: 500;
font-size: 1rem;
/*padding: 4px 0 4px 10px;*/
height:35px;
}
.k-treeview .k-state-selected {
color: #272727;
background: none !important;
border-color: transparent !important;
font-weight: 600;
box-shadow: none;
/*font-size: 1.2rem;*/
}
.reportingtreecontanier .treeselected {
/* font-size: 1.2rem;
font-weight: 600;*/
}
.reportingtreecontanier .treeselected.checked {
/* font-size: 1.2rem;*/
font-weight: 600;
}
.treeselectedcombo {
display: flex;
align-items: flex-start;
}
.treeselectedcombo.checked {
/* font-size: 1.1rem;*/
font-weight: 600;
}
.treeselectedcombo select.form-control {
padding: 0 22px 0 6px;
margin-left: 10px;
height: 27px !important;
background-position-y: 7px;
background-position-x: calc(100% - 4px);
display: none;
width: calc(100% + 4px);
}
.treeselectedcombo select.form-control.selectview {
display:block;
}
.siteselected {
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
}
.k-treeview .k-state-focused {
color: #272727;
background: none !important;
border-color:transparent !important;
box-shadow: none;
}
.treestate-open {
font-size: 0.8rem;
margin-left: 10px;
font-weight: 600;
background: #0086BD;
border-radius: 0.25rem;
color: #fff;
width: 6rem;
display: inline-flex;
align-items: center;
justify-content: center;
}
.treestate-other {
margin-left: 10px;
padding: 0.25em 0.4em;
white-space: normal !important;
color: #fff;
background-color: #F7931E;
display: inline-block;
width: 6rem;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.treestate-inserted {
margin-left: 10px;
padding: 0.25em 0.4em;
white-space: normal !important;
color: #fff;
background-color: #989898;
display: inline-block;
width: 6rem;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.treestate-view {
margin-left: 10px;
padding: 0.25em 0.4em;
white-space: normal !important;
color: #fff;
background-color: #0086BD;
display: inline-block;
width: 6rem;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.treestate-closednosucces {
margin-left: 10px;
padding: 0.25em 0.4em;
white-space: normal !important;
color: #fff;
background-color: #007C51;
display: inline-block;
width: 6rem;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.treestate-closed {
margin-left: 10px;
padding: 0.25em 0.4em;
white-space: normal !important;
color: #fff;
background-color: #28a745;
display: inline-block;
width: 6rem;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.treestate-cancelled {
margin-left: 10px;
padding: 0.25em 0.4em;
white-space: normal !important;
color: #fff;
background-color: #989898;
display: inline-block;
width: 6rem;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.treestate-expired {
margin-left: 10px;
padding: 0.25em 0.4em;
white-space: normal !important;
color: #fff;
background-color: #FF0000;
display: inline-block;
width: 6rem;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.k-sprite.cancelled {
margin-top: 3px;
background-image: url('data:image/svg+xml;utf8,');
}
.k-sprite.closed {
color: #00AF22;
margin-top: 3px;
background-image: url('data:image/svg+xml;utf8,');
}
.k-sprite.open {
color: #F08100;
margin-top: 3px;
background-image: url('data:image/svg+xml;utf8,');
}
.k-sprite.expired {
margin-top: 3px;
background-image: url('data:image/svg+xml;utf8,');
}
.k-dropdown-wrap.k-state-default {
background-color: transparent !important;
border: 1px solid #ACACAC;
border-radius: 0px;
padding: 0.25rem 1.4rem;
color: #575757;
}
.k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input
{
opacity:1;
}
.k-list-container {
background-color: #fff !important;
border: 2px solid #D5D5D5;
}
.k-dropdown-wrap .k-select/*, .k-numeric-wrap .k-select, .k-picker-wrap .k-select*/ {
line-height:2.4em;
margin-right:8px;
}
.k-dropdown-wrap .k-input.k-readonly {
text-indent: 0px;
}
.k-i-arrow-60-down:before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
}
.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-state-hover
{
background:none;
border:none;
}
/***********dorpdown tree check **********/
.k-multiselect-wrap.k-floatwrap {
background-color: transparent !important;
border: 1px solid #ACACAC;
border-radius: 0px;
padding: 0.25rem 1.4rem !IMPORTANT;
color: #575757;
}
.k-autocomplete.k-state-focused, .k-multiselect-wrap.k-state-focused, .k-state-focused > .k-multiselect-wrap
{
box-shadow:none;
}
k-checkbox.k-state-indeterminate, .k-checkbox:indeterminate {
border-color: #c5c5c5;
color: #0086BD;
background-color: #fff;
border-radius: 0;
border-color: #ACACAC;
}
.k-checkbox:checked {
border-color: #c5c5c5;
color: #0086BD;
background-color: #fff;
border-radius: 0;
border-color: #ACACAC;
}
.k-checkbox:hover, .k-checkbox {
border-radius: 0;
border-color: #ACACAC;
}
.k-checkbox:focus {
box-shadow: none;
}
.k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
border-radius: 0;
border-color: #ACACAC;
/*padding: 0.25rem 1.4rem !IMPORTANT;*/
}
.k-list-container.k-popup {
border-radius: 0;
}
.k-button {
border-radius: 0;
background: #F4F4F3;
color: #272727;
border-color: #ACACAC
}
.k-button:hover {
background: #F4F4F3;
color: #272727 ;
border-color:#ACACAC
}
.k-button.k-state-active, .k-button:active {
border-radius: 0;
background: #F4F4F3;
color: #272727; border-color:#ACACAC
}
/***********ESTENZIONI kENDO UPLOAD **********/
.k-i-file-png:before, .k-i-file-jpg:before, .k-i-file-gif:before, .k-i-file-jpeg:before {
content: "\e93d";
}
.k-i-file-xlsx:before {
content: "\e93f";
}
.k-i-file-doc:before, .k-i-file-docx:before {
content: "\e908";
}
.k-upload {
border-radius: 0;
border: 1px solid #ACACAC;
}
.k-upload .k-dropzone {
background: #fff;
}
.k-upload-button {
background: #E2E2E2;
border-radius: 0px;
color: #272727;
font-weight:600;
}
.k-upload-button:hover {
color: #272727;
background: #E2E2E2;
}
.k-upload-files{
border:none;
}
.k-file {
border-style: solid;
border-width: 0 0 1px;
padding: 0.25em 0.17em 0.25em 1em;
white-space: nowrap;
border: 1px solid #ACACAC;
border-top: none;
}
.k-file:first-child {
border-top: none;
}
.k-file:last-child {
border-bottom: 1px solid #ACACAC;
border-radius:0;
}
.attachcontainer .k-file:first-child {
border-top: 1px solid #ACACAC;
}
.attachcontainer, .attach-control {
margin-bottom: 10px;
}
.k-upload .k-file {
border: none;
border-top: 1px solid #ACACAC;
}
.k-file-size {
color: #272727;
}
.k-file .k-file-group-wrapper {
color: #575757;
}
.k-dropzone .k-upload-status {
color: #575757;
}
.k-upload-action .k-i-close {
width: 30px;
height: 30px;
}
.k-upload-action{
opacity:1;
}
.k-upload-action .k-i-close::before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-size: 30px;
display: block;
width: 30px;
height: 30px;
margin: auto;
margin-bottom: 3px
}
.k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-button:focus, .k-button:focus:hover, .k-state-disabled .k-button.k-state-focused {
border-color: #0086BD;
box-shadow: none;
}
.w-100bordergray {
width: 100% !important;
border-top: 1px solid #D5D5D5;
margin: 0 15px;
}
.actionapplyfilter {
background: #0086BD;
color: #fff !important;
display: inline-flex;
align-items: center;
font-size: 16px;
padding: 4px 20px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
}
.actionapplyfilter .sprite.sprite-lent-smaller {
background-image: url('data:image/svg+xml;utf8,');
width: 25px;
height: 25px;
display: block;
background-size: 25px;
margin-right: 8px;
}
.cancelfilter {
border: 1px solid #0086BD;
color: #0086BD !important;
display: inline-flex;
align-items: center;
font-size: 16px;
padding: 4px 20px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
}
.filtercationcontainer {
display: flex;
align-items: center;
justify-content: center;
}
.btneditanswer {
border: 1px solid #0086BD;
color: #0086BD !important;
display: inline-flex;
align-items: center;
font-size: 0.8rem;
padding: 4px 12px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
}
.btneditanswer .sprite.sprite-feedback-smaller {
background-image: url('data:image/svg+xml;utf8,');
width: 20px;
height: 20px;
display: block;
background-size: 20px;
margin-right: 4px;
}
/******************************************************************** MODAL BOOOTBOX **********************************************/
.modal-content {
border-radius: 0px;
background: #fff;
/*border: none;*/
-webkit-box-shadow: 5px 5px 24px 0px #000000;
-moz-box-shadow: 5px 5px 24px 0px #000000;
-o-box-shadow: 5px 5px 24px 0px #000000;
box-shadow: 5px 5px 24px 0px #000000;
}
.modal-content .modal-title {
text-align: center;
font-size: 2rem;
width: 100%;
margin-left: 50px;
font-weight: 500;
margin-top: 0px;
line-height: 1;
}
.modal-content .modal-header {
border: none;
border-radius: 0px;
margin: 0px;
padding: 1rem 2rem 0rem 2rem;
}
.modal-content .modal-body {
padding: 1rem 2rem 1rem 2rem ;
}
.bootbox-close-button {
position: absolute;
top: 1rem;
right: 2rem;
}
button.bootbox-close-button.close {
font-size: 0px;
opacity: 1;
}
button.bootbox-close-button.close:focus, button.bootbox-close-button.close:hover {
outline: transparent;
}
button.bootbox-close-button.close::before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-size: 30px;
display: block;
width: 30px;
height: 30px;
margin: auto;
margin-bottom: 3px;
}
.bootboxabsolute {
position: absolute;
top: 1rem;
right: 1.5rem;
}
.confirmbootbox {
font-size: 1.6rem;
line-height: 2rem;
text-align: center;
padding: 2rem 0rem 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
.infobootbox {
font-size: 1.6rem;
line-height: 2rem;
text-align: center;
padding: 2rem 0rem 2rem 0rem;
display: flex;
flex-direction: column;
align-items: center;
}
.errorbootbox {
font-size: 1.6rem;
line-height: 2rem;
text-align: center;
padding: 2rem 0rem 2rem 0rem;
display: flex;
flex-direction: column;
align-items: center;
}
.wornigbootbox {
font-size: 1.6rem;
line-height: 2rem;
text-align: center;
padding: 2rem 0rem 1rem 0rem;
display: flex;
flex-direction: column;
align-items: center;
}
.wornigbootbox ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.wornigbootbox ul li {
/*border-bottom: 1px solid #ACACAC;
margin-bottom: 1rem;
margin-top: 1rem;
padding-bottom: 1rem;*/
font-size: 1.2rem;
}
.modal-footer {
padding: 0rem 2rem 4rem 2rem;
border-top: none;
text-align: center;
justify-content: center;
}
.modal-footer .btn.focus,
.modal-footer .btn:focus {
/*box-shadow:none;*/
}
.sprite.sprite-warning {
background-image: url('data:image/svg+xml;utf8,');
background-size: 50px;
display: block;
width: 50px;
height: 50px;
margin: auto;
margin-bottom: 3px;
}
.sprite.sprite-confirm {
background-image: url('data:image/svg+xml;utf8,');
background-size: 50px;
display: block;
width: 50px;
height: 50px;
margin: auto;
margin-bottom: 3px;
}
.sprite.sprite-error {
background-image: url('data:image/svg+xml;utf8,');
background-size: 50px;
display: block;
width: 50px;
height: 50px;
margin: auto;
margin-bottom: 3px;
}
.sprite.sprite-help {
background-image: url('data:image/svg+xml;utf8,');
background-size: 50px;
display: block;
width: 50px;
height: 50px;
margin: auto;
margin-bottom: 3px;
}
.bootboxbtnok {
background: #0086BD;
color: #fff !important;
display: inline-flex;
align-items: center;
font-size: 1.4rem;
padding: 6px 26px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
font-weight: 600;
}
.bootboxbtnno {
background: #E2E2E2;
color: #272727 !important;
display: inline-flex;
align-items: center;
font-size: 1.4rem;
padding: 6px 26px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
font-weight: 600;
}
.bootboxbtnclose {
background: #0086BD;
color: #fff !important;
display: inline-flex;
align-items: center;
font-size: 1.4rem;
padding: 6px 26px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
font-weight: 600;
}
.bootboxbtn {
background: #0086BD;
color: #fff !important;
display: inline-flex;
align-items: center;
font-size: 1.4rem;
padding: 6px 26px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
font-weight: 600;
}
.bootboxbtntransparent {
border: 1px solid #0086BD;
color: #0086BD !important;
display: inline-flex;
align-items: center;
font-size: 16px;
padding: 4px 20px;
border-radius: 30px;
text-transform: uppercase;
line-height: 25px;
cursor: pointer;
}
.bootboxbtntransparent .sprite.sprite-feedback-smaller {
background-image: url('data:image/svg+xml;utf8,');
width: 25px;
height: 25px;
display: block;
background-size: 25px;
margin-right: 8px;
}
.vibes-modal-container .modal-title {
text-align: center;
font-size: 2rem;
width: 100%;
font-weight: 500;
margin-top: 0px;
line-height: 1;
margin-left: 0px;
}
/******************************************************************** STYKY **********************************************/
#stikyaction {
background: #0086BD;
position: fixed;
top: calc(100vh - 100px);
height: 100px;
z-index: 1;
display: flex;
justify-content: center;
color: white;
/* width: 100%;*/
width: calc(100% - 300px);
align-items: center;
}
#stikyaction .actionlink {
border: 2px solid white;
height: 50px;
margin: 0 20px;
border-radius: 25px;
color:#ffffff;
}
#stikyaction .actionlink .sprite.sprite-pa {
background-image: url('data:image/svg+xml;utf8,');
}
#stikyaction .actionlink .sprite.sprite-check-green {
background-image: url('data:image/svg+xml;utf8,');
/*background-image: url('data:image/svg+xml;utf8,');*/
}
#stikyaction .actionlink .sprite.sprite-complite {
background-image: url('data:image/svg+xml;utf8,');
}
#stikyaction .actionlink .sprite.sprite-cancel-red {
background-image: url('data:image/svg+xml;utf8,');
}
#stikyaction .actionlink .sprite.sprite-print {
background-image: url('data:image/svg+xml;utf8,');
}
#stikyaction .actionlink .sprite.sprite-new
{
background-image: url('data:image/svg+xml;utf8,');
}
#stikyaction .actionlink .sprite.sprite-pdf {
background-image: url('data:image/svg+xml;utf8,');
}
#stikyaction .actionlink .sprite-test {
background-image: url('data:image/svg+xml;utf8,');
}
#stikyaction .actionlink .sprite.sprite-verify {
background-image: url('data:image/svg+xml;utf8,');
}
.margin-bottom-for-stikyaction {
padding-bottom: 100px;
}
.pdfcontainer{
min-height:500px;
margin-top:20px;
}
.confirmReadAttach {
display:none;
}
/**********************************************************************************grafic******************************* */
.graficaction {
background: #E2E2E2;
height: 44px;
display: flex;
justify-content: flex-end;
}
.legend {
padding-right: 14px;
padding-left: 14px;
}
.legend .col-sm {
padding-right: 1px;
padding-left: 1px;
}
.legend label {
font-size: 0.8rem;
font-weight: 700 !important;
margin-bottom: 2px;
}
.legend .col-sm .value {
padding: 0px !important;
font-size: 0.7rem;
font-weight: 500 !important;
background: #fff !important;
border: none !important;
min-height: 0px !important;
line-height: 0.8rem;
}
.legend .form-group {
margin-bottom: 6px;
}
.kpititle2 {
text-align:center;
font-size:1.5rem;
}
.kpititle1 {
text-align: center;
font-size: 2rem;
}
span.semaforokpi {
border-radius: 100px;
width: 20px;
height: 20px;
display: inline-block;
margin: 5px 0px 0px 0px;
}
/**********************************************************************************contents******************************* */
.content-slot {
background: #fff;
padding: 1rem;
margin-bottom: 2rem;
min-height: 302px;
position: relative;
}
.content-category-title {
color: #0086BD;
font-size: 1.2rem;
font-weight: 600;
padding-bottom: 10px;
border-bottom: 1px solid #EAEAEA;
display: flex;
}
.content-category-title:hover {
color: #0086BD;
}
.content-category-link-contanier {
position: absolute;
bottom: 1rem;
right: 1rem;
}
.content-category-link {
color: #0086BD;
text-decoration: underline;
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 500;
}
.content-category-link:hover {
color: #0086BD;
}
.content-list-slot {
padding: 10px 0px;
border-bottom: 1px solid #EAEAEA
}
.content-conte-link .name {
color: #000;
text-transform: capitalize;
font-weight: 600;
display: flex;
line-height: 1rem;
}
.content-conte-link .date {
color: #ABABAB;
font-size: 0.8rem;
}
.content-list-contaner{
background:#ffffff;
padding:1rem 2rem;
}
.content-list-contaner .listheader {
padding: 1rem 0rem;
margin-left: 0px;
margin-right: 0px;
/*padding-left: 0px;
padding-right: 0px;*/
}
.content-list-contaner .list.row {
border-top: 1px solid #EAEAEA;
padding: 1rem 0rem;
margin-left: 0px;
margin-right: 0px;
}
.content-list-contaner .list.row div, .content-list-contaner .listheader.row div {
padding-left: 0px;
padding-right: 0px;
}
.content-content-title{
}
.rowcount {
color: #7D7D7D;
font-size: 0.8rem;
}
.rowcountvalue {
color: #525252;
font-size: 0.8rem;
font-weight:600;
}
.content-content-title .title {
color: #000;
text-transform: capitalize;
font-weight: 600;
display: flex;
line-height: 1.1rem;
font-size: 1.4rem;
margin-bottom: 0.5rem;
}
.content-content-title .date {
color: #ABABAB;
font-size: 0.8rem;
}
.content-attach, .content-test, .content-video {
display: inline-block;
margin-right: 1rem;
}
.content-attach span, .content-test span, .content-video span {
color: #919191;
font-size: 0.7rem;
font-weight: 500;
text-transform: uppercase;
display: block;
text-align: center;
}
.content-attach .sprite-attach {
background-image: url('data:image/svg+xml;utf8,');
width: 35px;
height: 35px;
display: block;
background-size: 35px;
margin: auto
}
.content-test .sprite-test {
background-image: url('data:image/svg+xml;utf8,');
width: 35px;
height: 35px;
display: block;
background-size: 35px;
margin: auto
}
.content-video .sprite-video {
background-image: url('data:image/svg+xml;utf8,');
width: 35px;
height: 35px;
display: block;
background-size: 35px;
margin: auto
}
.filtercat {
display: inline-flex;
justify-content: flex-end;
align-items: center;
}
.filtercat .title {
font-weight:600;
margin-right:1rem;
}
.filtercat .ddlcontainer {
width:70%;
}
.input-content-search {
position: relative;
}
.input-content-search .search-icon {
position: absolute;
background-color: #0086BD;
color: #fff;
top: 0px;
bottom: 0;
left: auto;
right: 0px;
display: inline-flex;
/* justify-content: center; */
/* align-items: center; */
background-image: url('data:image/svg+xml;utf8,');
/* display: flex; */
width: 16%;
background-size: 25px;
background-repeat: no-repeat;
background-position: 17px 14px;
align-content: center;
border-radius: 26px;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
}
.form-content-search {
padding: 0.7rem 1.4rem 0.7rem 2.3rem !important;
margin-bottom: 1.4rem;
border-radius: 26px;
}
.ddlcontainer.selected .k-dropdown-wrap.k-state-default {
border-color: #0086BD;
}
.k-content-files {
border-top: 1px solid #ACACAC;
}
.content-detail-contaner {
background: #ffffff;
padding: 2rem 2rem;
}
.k-pdf-viewer .k-toolbar {
display: none;
}
.test-contanier
{
margin-top:30px !important;
}
.test-contanier .col-sm .form-group .question {
font-size: 1.8rem;
color: #000;
margin-bottom: 2rem;
line-height: 1.8rem
}
.test-contanier .chekcwidth-1
{
padding:2rem 1rem
}
.test-contanier .chekcwidth-1:nth-child(even) {
background-color: #F8F8F8 !important;
}
.test-contanier .form-radio-label {
font-size: 1.2rem;
color: #000;
margin-left: 48px;
}
.test-contanier .form-radio-label::before {
position: absolute;
top: calc(50% - 16px);
left: 1rem;
display: block;
width: 1.8rem;
height: 1.8rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #FFF;
border: 1px solid #ACACAC;
border-radius: 50%;
}
.test-contanier .form-radio-label::after {
position: absolute;
top: calc(50% - 16px);
left: 1.1rem;
display: block;
width: 1.8rem;
height: 1.8rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.bgvibes {
background-image: url("../../img/immagine-sfondoorizzontale.jpg");
background-repeat: no-repeat;
}
#login-card-vibes {
width: 650px;
height: 150px;
background-image: url(../../img/logo-VIBES-totem.png);
background-size: 650px 150px;
cursor: pointer;
zoom: 0.8;
}
#login-card img
{
width:250px;
}
.scrollcontainer {
height: 450px;
/* overflow: scroll; */
overflow-y: scroll;
overflow-x: hidden;
}
.popup-nomargin .form-group {
margin-bottom: 0rem;
}
.popup-nomargin .scrollcontainer {
height: 650px;
}
/********************************** NEW STYLE ****************************************/
.collogin {
width: 100%;
min-height: calc(100vh - 58px);
background-color: #eee;
text-align: center;
vertical-align: middle;
display: flex;
align-items: center;
}
.collogin .container {
padding-bottom: 140px;
}
.colsx {
width: 250px;
background-color: #272727;
padding: 20px 10px 20px 0;
min-height: calc(100vh - 58px);
}
.coldx {
width: 100%;
min-height: calc(100vh - 58px);
background-color: #eee;
padding: 20px 25px;
}
.coldxpaddingonlyright {
padding: 0px 25px 0px 0px;
}
.colsx a {
color: white;
font-weight: 400;
padding: 0.7rem 1rem 0.7rem 1.5rem;
display: flex;
align-items: center;
}
.colsx a.active {
background-color: #575757;
}
.colsx a.nav-link:hover {
background-color: #575757;
}
i.bi {
font-size: 2rem;
line-height: 1.3;
color: white;
}
.colsx i, .header-box i:not(.bi), #navbarCollapse i {
width: 28px;
height: 28px;
background-size: 28px;
display: inline-block;
}
.header-box .badge {
width: 10px;
height: 10px;
top: 9px;
right: 5px;
}
.header-box, .header-box button, .header-box button:hover {
color: white;
display: flex;
align-items: center;
}
.header-box .dropdown-menu.show button {
color: #000;
}
.colsx a span {
margin-left: 10px;
}
.user-icon {
float: left;
width: 30px;
height: 30px;
background-image: url(data:image/svg+xml;utf8,);
background-size: 30px;
}
.anomaly {
display: flex;
align-items: center;
border-left: 5px solid red;
height: 50px;
background-color: white;
}
.summary {
background-color: white;
padding: 20px;
}
.summary .responsiveTable td, .summary .responsiveTable th,
.graphs .responsiveTable td, .graphs .responsiveTable th {
border: 1px solid #D9D9D9;
border-collapse: collapse;
text-align: center;
font-weight: 500;
}
.summary .responsiveTable td:first-child,
.graphs .responsiveTable td:first-child,
.graphs .responsiveTable th:first-child {
/*text-align: left;*/
}
.summary .responsiveTable td span {
color: #000;
}
.graphs .responsiveTable {
overflow-x: auto;
width: 100%;
}
.nav-pills .nav-link {
color: black;
background-color: #eee;
font-size: .8rem;
border: 0;
margin-right: 5px;
padding: 0.3rem 0.7rem;
margin-bottom: 5px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #0086BD;
}
.pointsbox {
margin-left: -15px;
margin-right: 10px;
}
/*.pointsbox div:first-child{
}*/
.pointsbox > div > div {
color: #0086BD;
background-color: white;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.8rem;
font-weight: 600;
}
.pointsbox > div:first-child > div {
color: forestgreen;
}
.pointsbox > div b {
position: absolute;
color: black;
top: 6px;
left: 30px;
font-size: .9rem;
}
.pointscta {
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.ceteralink, .ceteralink:hover {
font-size: .7rem;
text-decoration: underline;
margin-right: 5px;
font-weight: 500;
}
.badge-primary {
background-color: #0086BD;
}
.badge-insert {
background-color: #989898;
color: #fff;
}
.badge-cancelled {
background-color: #989898;
color: #fff;
}
.badge-other {
background-color: #F7931E;
color: #fff;
}
.badge-expired {
background-color: #FF0000;
color: #fff;
}
.badge-successno {
background-color: #007C51;
color: #fff;
}
.badge-warning {
color: #fff;
}
.badge {
padding: 0.5em 0.4em;
}
.videobox iframe {
width: 100%;
height: calc((30vw - 204px)*(9/16));
}
.list-group-item {
padding: 0.5rem 0rem;
border: 0;
}
.list-group-item:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,.125);
}
.list-group.opl{
width:100%;
}
.opl a div {
font-size: .7rem;
}
.opl a span {
font-size: .7rem;
text-decoration: underline;
color: #0086BD;
font-weight:500;
}
.opl a b {
font-size: 1.1rem;
}
#navbarCollapse a {
color: white;
display: flex;
}
.extrainfotree {
font-size: 0.8rem;
}
.dropdown-item {
white-space: normal;
}
.navbar-collapse {
position: fixed;
top: 0;
left: 0;
z-index: 2;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
width: 100%;
max-width: 450px;
height: 100%;
}
.navbar-collapse.collapsing {
left: -100%;
transition: height 0s ease;
}
.navbar-collapse.show {
left: 0;
transition: left 300ms ease-in-out;
}
.navbar-toggler.collapsed + .navbar-collapse {
transition: left 500ms ease-in-out;
}
.summary .subtitle td {
background: #F4F4F4;
}
#chartpiramid {
width: 100%;
}
.piramidmenu{
overflow:hidden;
}
/*.dashboardblock
{
padding:20px 0px 0px 25px !important;
}*/
/********************************** END NEW STYLE ****************************************/
/********************************** NEW DASH ****************************************/
.dablock {
margin-left: -15px;
margin-right: -15px;
}
.boxdscontainer {
background-color: white;
/* height: 370px;*/
text-align: center;
padding: 60px 10px 10px 10px;
position: relative;
}
.boxdscontainergrafic {
padding: 60px 20px 20px 20px;
background-color: white;
position: relative;
}
.boxdscontainertable {
padding: 30px 20px 20px 20px;
background-color: white;
position: relative;
}
.boxactionflex {
display: flex;
}
.dashboardblock .boxaction {
padding: 0px 10px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
margin-bottom: 36px;
}
.dashboardblock .title {
position: absolute;
color: black;
top: 6px;
left: 20px;
font-size: 1.2rem;
font-weight: bold;
text-transform: uppercase;
}
.dashboardblock .titletopright {
position: absolute;
color: black;
top: 10px;
right: 10px;
font-size: 0.9rem;
}
.dashboardblock .titletopright .form-control, .dashboardblock .form-control {
display: none;
}
.dashboardblock .square {
background: #F4F4F4;
display: flex;
align-items: center;
flex-direction: column;
padding: 20px 10px;
margin: 0px 0px 0px 0px;
border-radius: 15px;
width: 100%;
height: 145px;
}
.dashboardblock .square .subtitle {
font-size: 0.9rem;
line-height:1rem;
color: #504F52;
font-weight: bold;
margin-bottom: 14px;
}
.dashboardblock .square .numbertitle {
font-size: 5rem;
color: #272727;
font-weight: bold;
line-height: 3.6rem;
}
.dashboardblock .square .numbertitleinfortuni {
font-size: 3rem;
color: #272727;
font-weight: bold;
line-height: 2.6rem;
}
.dashboardblock .square .goaltitle {
font-size: 1.3rem;
color: #272727;
font-weight: bold;
}
.dashboardblock .square .flowgoaltitle {
font-size: 1rem;
color: #272727;
font-weight: bold;
}
.dashboardblock .alertgoal {
display: flex;
align-items: center;
justify-content: center;
color: #D21C1C;
font-size: 1rem;
margin: 10px 10px 20px 10px;
height: 40px;
width:100%;
}
.dashboardblock .alertgoal > div {
margin-left: 10px;
line-height: 1rem;
font-weight: 500;
text-align: left;
}
.alertgoal .alertbaloon {
background: #FAE5E5;
border-radius: 10px;
height: 35px;
width: 68px;
display: flex;
justify-content: center;
align-items: center;
}
.rsprite.rsprite-arrowdownred {
background-image: url('data:image/svg+xml;utf8,');
width: 25px;
height: 25px;
display: block;
background-size: 25px 25px;
}
.dsactioncontainer
{
text-align:center;
}
.dsactioncontainer .btninline {
color: #0086BD;
font-size: 1.3rem;
padding: 6px 14px;
border: 2px solid #0086BD;
border-radius: 20px;
}
.dsactioncontainer .btninline .rsprite.rsprite-add {
width: 25px;
height: 25px;
display: block;
background-size: 25px 25px;
}
.br {
border-right: 1px solid #DEDEDE;
}
.splide__pagination__page {
background: #D5D5D5;
transform: scale(1.4);
}
.splide__pagination__page.is-active {
background: #0086BD !important;
}
/*.splide
{
height:300px;
}*/
#loading-flowactions {
color: #000000;
position: absolute;
top: 16px;
left: 20%;
zoom: 0.8;
}
#loading-obmactions {
color: #000000;
position: absolute;
top: 16px;
left: 14%;
zoom: 0.8;
}
.chartnumbercontanier {
background: #F4F4F4;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 10px;
position: absolute;
bottom: 6px;
right: 1rem;
margin: 0px 0px 0px 0px;
border-radius: 15px;
width: 21%;
}
.chartnumbercontanier .numbertitle {
font-size: 3rem;
color: #272727;
font-weight: bold;
line-height: 3rem;
}
.chartnumbercontanier .goaltitle {
font-size: 1.1rem;
color: #272727;
font-weight: bold;
}
.nodatalabel {
position: absolute;
top: 40%;
left: 30% ;
font-size: 2rem;
color: #272727;
font-weight: bold;
}
.viewallcontainer {
position: absolute;
}
.responsiveTablehome th {
border: 1px solid #D9D9D9;
border-collapse: collapse;
text-align: center;
font-weight: 500;
}
.responsiveTablehome table > thead > tr > th {
color: #ffffff;
text-align: left;
font-weight: 500;
background-color: #525252;
vertical-align: middle;
font-size: 12px;
line-height: 12px;
padding: 6px 10px;
}
.responsiveTablehome table td,.responsiveTablehome th {
border: 1px solid #D9D9D9;
border-collapse: collapse;
text-align: center !important;
font-weight: 500;
}
.responsiveTablehome table > tbody > tr > td {
padding: 5px 8px;
/* font-size: 14px; */
font-size: 0.8rem;
max-width: 200px;
}
/********************************** END NEW DASH ****************************************/
/********************************************************************************** RESPONSIVE */
@media (min-width: 1200px) {
.container {
max-width: 1270px
}
.modal-xl {
max-width: 1100px
}
/********************************** END NEW STYLE ****************************************/
}
@media (max-width: 1900px) {
.dashboardblock .titletopright .nav {
display: none;
}
.dashboardblock .titletopright .form-control {
display: block;
}
}
@media (min-width: 1200px) {
.coldx {
width: calc(100% - 250px);
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
.container {
max-width: 1199px;
/*background:green;*/
}
.modal-xl {
max-width: 1150px
}
.dashboardblock.pr-3 {
padding-right: 0px !important;
}
/********************************** END NEW STYLE ****************************************/
/* .coldx {
width: 100%;
}*/
#stikyaction {
width: 100%;
}
.videobox iframe {
width: 100%;
height: calc((100%)*(9/16));
}
}
/*totem*/
@media (max-width: 1080px) {
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 991px) {
.boxactionflex {
flex-direction: column;
}
.boxaction.br {
border-right: none;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 30px;
}
.splide__slide:last-child .boxaction.br {
border-bottom: none;
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
flex-direction: column;
align-items: center;
}
.splide__slide {
width: 100% !important;
}
.container {
max-width: 991px;
/*background:blue;*/
}
.visible-lg-block {
display: none;
}
.modal-xl {
max-width: 900px
}
.rowbehaviors {
padding: 1rem 2rem;
}
.videobox iframe {
width: 100%;
height: calc((100vw - 70px)*(9/16));
}
/********************************** NEW STYLE ****************************************/
.coldx {
width: 100%;
}
.navbar-collapse {
position: fixed;
top: 0;
left: 0;
z-index: 2;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
width: 100%;
max-width: 450px;
height: 100%;
}
.navbar-collapse.collapsing {
left: -100%;
transition: height 0s ease;
}
.navbar-collapse.show {
left: 0;
transition: left 300ms ease-in-out;
}
.navbar-toggler.collapsed + .navbar-collapse {
transition: left 500ms ease-in-out;
}
header .navbar {
position: fixed;
width: 100%;
z-index: 1;
}
.coldx {
padding: 68px 15px 20px 15px;
}
.coldxpaddingonlyright {
padding: 58px 10px 0px 0px;
}
.headerl {
padding: 0 5px;
}
i.bi {
line-height: 1;
}
.actionewdropdown, .actionewdropdown:hover, .actionewdropdown:focus {
font-size: .8rem;
padding: 8px 14px;
}
.actionlink .sprite.sprite-print, .actionlink .sprite.sprite-check-green, .actionlink .sprite.sprite-pa, .actionlink .sprite.sprite-feedback, .actionlink .sprite.sprite-cancel-red {
margin-right: 1px;
}
.actionlink {
font-size: 14px;
padding: 0px 4px;
}
#chartpiramid {
width: 60%;
}
.piramidmenu .title {
float: left;
}
.piramidmenu ul {
float: right;
}
}
@media (max-width: 767px) {
.obm {
display: none;
}
#SelectSiteId {
margin-right: 6px;
width: 94px;
padding: 0px 0px 0px 4px;
}
.container {
}
.chekcwidth-1, .chekcwidth-2, .chekcwidth-3, .chekcwidth-4, .chekcwidth-5 {
width: 100%
}
#stikyaction .actionlink {
border: 3px solid white;
zoom: .7;
}
#stikyaction {
flex-wrap: wrap;
width: 100%;
top: calc(100vh - 138px);
display: none;
}
.container {
padding-right: 0px;
padding-left: 0px;
}
.navbar {
padding: 0.5rem 0.5rem;
}
.actionright a span {
display: none;
}
.opentest span, .confirmReadContent span {
display: flex !important;
font-size: 0.6rem;
}
.actionlink {
padding: 0px 6px;
}
.actionlink .sprite {
margin-right: 0px !important;
}
.survey-breadcrumb {
margin-top: 4px;
overflow: hidden;
padding: 0px 4px;
}
.h1, h1 {
font-size: 1.4rem;
margin: 0px;
padding: 0px;
}
.mt-30 {
margin-top: 10px !important;
}
.flow-item {
flex-direction: column;
}
.flow-item .pull-right {
/*display: flex;
justify-content: center;
margin-top: 10px;*/
float: none;
margin-top: 10px;
}
.responsiveTable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsiveTable td,
.responsiveTable th {
display: block;
position: relative;
padding-top: 23px !IMPORTANT;
padding: 32px 20px 4px 20px !important;
white-space: normal;
font-size: 1rem !important;
/*line-height:1.6rem;*/
max-width: 100% !important;
}
.responsiveTable td:before {
content: attr(data-title);
position: absolute;
top: 10px;
left: 20px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: 600;
}
#summary.responsiveTable td:before {
font-size: 12px;
left: 0px;
}
.no-wrap {
white-space: normal;
}
.sattusdatecontainertablelist, .creationdatecontainertablelist, .expireddatecontainertablelist {
font-size: 1rem !important;
}
.state-open, .state-closed, .state-cancelled, .state-expired {
margin-top: 6px;
}
.paopen, .paclose {
padding: 0px 0px;
margin: 4px 0px;
width: 30px;
}
.responsiveTable td:last-child, .responsiveTable th:last-child {
padding-top: 20px !important;
padding-bottom: 30px !important;
}
.pointstable td:last-child {
padding-top: 32px !important;
/*padding-bottom: 30px !important;*/
}
.tab-table.nav-tabs > li a {
padding: 10px 10px;
margin-right: 10px;
zoom: 0.8;
}
.survey-breadcrumb .pull-left, .survey-breadcrumb .pull-right {
float: none !important;
}
.actionew {
zoom: 0.8;
display: inline-flex;
}
.sortSelect {
display: inline-flex;
margin: 0px 0px 20px 0px;
}
.modal-content .modal-title {
text-align: center;
margin-left: 0px;
font-size: 1.4rem;
}
.filtercationcontainer {
align-items: flex-start;
}
.filtercationcontainer .cancelfilter {
margin-bottom: 10px;
}
.modal-content .modal-body {
padding: 1rem 1rem 1rem 1rem;
}
.bootbox-close-button {
right: 0.5rem;
top: 0.7rem;
padding: 0px;
margin: 0px;
}
.modal-content .modal-header {
padding: 1rem 1rem 0rem 1rem;
}
.rowbehaviors {
padding: 1rem 0rem;
}
.actionckl {
margin-top: 10px;
text-align: center !important;
}
.actioncklmobile {
margin-top: 20px;
text-align: center !important;
display: block;
}
.actionckl .btninline, .actioncklmobile .btninline {
zoom: 0.7;
padding: 10px 18px;
}
.fixedheight {
height: 44px;
}
.flowpannel-header {
font-size: 1.2rem;
}
.actioncontainertb {
text-align: center;
}
.cklabel {
margin-top: 10px;
}
.content-content-title .title {
line-height: 1rem;
font-size: 1rem;
margin-bottom: 0;
}
.content-test .sprite-test {
width: 20px;
height: 20px;
background-size: 20px;
}
.content-attach .sprite-attach {
width: 20px;
height: 20px;
background-size: 20px;
}
.content-attach span, .content-test span, .content-video span {
font-size: 0.6rem;
}
.form-content-search {
padding: 0.5rem 1rem 0.5rem 2.3rem !important;
}
.input-content-search .search-icon {
width: 30%;
background-size: 20px;
background-repeat: no-repeat;
background-position: 12px 11px;
align-content: center;
border-radius: 26px;
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
padding-left: 10px;
}
.filtercat {
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.test-contanier .col-sm .form-group .question {
font-size: 1.2rem;
color: #000;
margin-bottom: 1rem;
line-height: 1.2rem;
}
.test-contanier .chekcwidth-1 {
padding: 1rem 1rem;
}
.test-contanier .form-radio-label::before {
position: absolute;
top: calc(50% - 13px);
left: 1rem;
display: block;
width: 1.4rem;
height: 1.4rem;
}
.test-contanier .form-radio-label::after {
position: absolute;
top: calc(50% - 13px);
left: 1rem;
display: block;
width: 1.4rem;
height: 1.4rem;
}
.test-contanier .form-radio-label {
font-size: 1rem;
margin-left: 33px;
}
.breadcrumb {
font-size: 12px;
}
.actionlink .sprite-test {
width: 25px;
height: 25px;
background-size: 25px;
margin-right: 6px;
}
.actionlink .sprite.sprite-check-green {
width: 25px;
height: 25px;
background-size: 25px;
margin-right: 6px;
}
.welcome {
display: none;
}
.nav-pills .nav-link {
display: block;
padding: 0.3rem 0.3rem;
}
#summary .subtitle {
display: none;
}
#summary .responsiveTable td {
/*padding: 8px !important;*/
}
#summary .responsiveTable td, .summary .responsiveTable th, .graphs .responsiveTable td, .graphs .responsiveTable th {
/*text-align: left;*/
border: 0;
}
.pointsbox > div, .pointscta > a {
margin-bottom: 10px;
}
.pointscta > a:first-child {
margin-top: 30px;
}
.collogin {
min-height: calc(100vh ) !important;
}
.title-medium {
font-size: 1.4rem;
}
.pointsbox {
margin-left: -15px;
margin-right: -15px;
}
/*.badge {
margin-top: 1rem;
}*/
.boxdscontainertable {
padding: 40px 20px 20px 20px;
}
.dashboardblock .titletopright .nav, .dashboardblock .nav {
display: none;
}
.dashboardblock .titletopright .form-control, .dashboardblock .form-control {
display: block;
}
.chartnumbercontanier .numbertitle {
font-size: 1rem;
line-height: 1rem;
}
.chartnumbercontanier .goaltitle {
font-size: 0.8rem;
}
.chartnumbercontanier {
bottom: 34px;
right: 7px;
width: 89px;
}
#chartdonutbbs {
width: 90%;
}
.coldx {
padding: 68px 15px 20px 5px;
}
.nomobile {
display: none !important;
}
.responsiveTablehome th {
border: none !important;
}
.responsiveTablehome th {
width: 33%;
}
.responsiveTablehome td .badge {
margin-top: 0px !important;
}
.responsiveTablehome table td, .responsiveTablehome th {
border: none;
}
.responsiveTablehome table > tbody > tr > td span {
font-size: 0.8rem !important;
justify-content: center !important;
}
.responsiveTablehome table td {
font-size: 0.8rem !important;
text-align: center !important;
padding: 10px 0px !important;
border-bottom: 1px solid #DEDEDE;
}
.responsiveTablehome td .badge {
font-size: 0.7rem !important;
width: 5rem !important;
}
.responsiveTablehome table > thead > tr > th:first-child, .responsiveTablehome table > tbody > tr > td:first-child {
width: 4%
}
.responsiveTablehome table > thead > tr > th:last-child, .responsiveTablehome table > tbody > tr > td:last-child {
width: 4%;
}
.responsiveTablehome table td.smallmobile {
font-size: 0.65rem !important;
width: 60%;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {
.col-sm.col2-mobile {
width: 50%;
zoom: 0.8;
}
.time-input {
padding-top: 20px;
padding-bottom: 20px;
}
.behaviortitle {
font-size: 1rem;
}
.flowsubpannel-header {
font-size: 1rem;
}
.flowsubpannel-header span {
width: calc(100% - 40px)
}
a.flowsubpannel-header .sprite.openclose {
margin-right: 0px;
width: 20px;
height: 20px;
background-size: 20px;
}
.mobileDoubleSplit2 {
width: 50%;
zoom: 0.8;
}
.card-logo-small {
width: 100px;
height: 36px;
background-image: url(/assets/img/logo-VIBES-header.png);
background-size: 100px 36px;
cursor: pointer;
/*margin-top: 8px;*/
}
.btn.dropdown-toggle {
padding: 0px;
}
.chekcwidth-1, .chekcwidth-2, .chekcwidth-3, .chekcwidth-4, .chekcwidth-5 {
width: 100%
}
.collogin {
min-height: calc(100vh ) !important;
}
#chartpiramid {
width: 100%;
}
.piramidmenu .title {
float: left;
}
.piramidmenu ul {
float: left;
}
}
/***************************************totem verticale******************/
@media (min-height: 1800px) {
.bgvibes {
background-image: url("../../img/immagine-sfondo.verticale.jpg");
background-repeat: no-repeat;
}
.modal-dialog {
max-width: 1000px;
}
}