/*
* Soluzione S.r.l.
* Copyright 2014-2018 Soluzione S.r.l. All rights reserved.
*/
/* --------- Color -------------------------------------------------------------- */
.color1 {
    color:#337ab7;
}
.color2-bg {
    background-color:#0099e5;
}
.color2 {
    color:#0099e5;
}
.red {
    color:#d00;
}
.orange {
    color:#ffa800;
}
.s-modulo #DaPagare.green.k-textbox[readonly] {
    color:#390 !important;
}
.green {
    color:#390;
}
.s-modulo #DaPagare.red.k-textbox[readonly] {
    color:#C00 !important;
}
.sol-red { 
	color:#C00;
}
.sol-orange {
	color:#F90;
}
.sol-yellow {
	color:#FC0;
}
.sol-ltGreen {
	color:#9C0;
}
.sol-dkGreen {
	color:#060;
}
.sol-cyan {
	color:#0CF;
}
.sol-ltBlue {
	color:#0080BF;
}
.sol-dkBlue {
	color:#004B84;
}
.sol-purple {
	color:#909;
}
.sol-magenta {
	color:#C0C;
}
.sol-white {
	color:#FFF;
}
.sol-ltGray {
	color:#CCC;
}
.sol-gray {
	color:#999;
}
.sol-dkGray {
	color:#666;
}
.sol-ltblack {
    color: #484848;
}
.sol-black {
	color:#000;
}
.sol-primaryBg {
	background-color:#428bca;
	color:#fff;
}
.sol-redBg {
	background-color:#C00;
	color:#fff;
}
.sol-orangeBg {
	background-color:#F90;
	color:#fff;
}
.sol-yellowBg {
	background-color:#FC0;
	color:#000;
}
.sol-ltGreenBg {
	background-color:#690;
	color:#fff;
}
.sol-dkGreenBg {
	background-color:#060;
	color:#fff;
}
.sol-cyanBg {
	background-color:#0CF;
	color:#fff;
}
.sol-ltBlueBg {
	background-color:#0080BF;
	color:#fff;
}
.sol-dkBlueBg {
	background-color:#004B84;
	color:#fff;
}
.sol-purpleBg {
	background-color:#909;
	color:#fff;
}
.sol-magentaBg {
	background-color:#C0C;
	color:#fff;
}
.sol-whiteBg {
	background-color:#FFF;
	color:#000;
}
.sol-ltGrayBg {
	background-color:#CCC;
	color:#000;
}
.sol-dkGrayBg {
	background-color:#666;
	color:#fff;
}
.sol-blackBg {
	background-color:#000;
	color:#fff;
}


/* --------- Notification ------------------------------------------------------- */
.k-notification.k-notification-success, 
.k-notification-success.k-group {
    background: rgba(0%,60%,0%,.7) !important;
    color: #fff !important;
    border:0 none !important;
    border-radius:4px !important;
    overflow:hidden !important;
}
.k-notification.k-notification-error, 
.k-notification-error.k-group {
    background: rgba(80%,0%,0%,.7) !important;
    color: #fff !important;
    border:0 none !important;
    border-radius:4px !important;
    overflow:hidden !important;
}
.s-success-notification, 
.s-error-notification {
    padding: 10px 20px;
    color: #fff;
}
.s-success-notification h3,
.s-error-notification h3 {
    font-size: 1.2em;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin:0;
    padding:0;
    white-space:nowrap;
}
.s-success-notification h3 .fa,
.s-error-notification h3 .fa {
    margin-right:0.2em;
}

/* --------- Badge -------------------------------------------------------------- */
.s-badge, .s-badge-small {
    position: relative;
}
.s-badge>span {
    display: block;
    position: absolute;
    font-weight: bold;
    border-radius: 1em;
    min-width: 1.4em;
    top: -0.3em;
    text-align: center;
    height: 1.4em;
    line-height: 1.4em;
    font-size: 0.8em;
    left: 0.3em;
    padding:0 !important;
}
.s-badge>span>span {
    margin: 0 0.5em;
    display: block;
    padding:0 !important;
}
.s-badge-small>span {
    display: block;
    position: absolute;
    font-weight: bold;
    border-radius: 1em;
    min-width: 1.4em;
    top: -0.3em;
    text-align: center;
    height: 1.4em;
    line-height: 1.4em;
    font-size: 0.6em;
    left: 0.3em;
    padding:0 !important;
}
.s-badge-small>span>span {
    margin: 0 0.5em;
    display: block;
    padding:0 !important;
}
.boxModificaBadge {
    position:relative;
}
.boxModificaBadge .nowrap {
    padding-right: 26px;
}
.boxModificaBadge .modificaBadge {
    position: absolute;
    right: 7px;
    top: 3px;
}

/* --------- Cookies ------------------------------------------------------------ */
#cookieChoiceInfo > span {
    display:block;
    width:100%;
    max-width:840px;
    margin:0 auto !important;
}
#cookieChoiceInfo a {
    color:#fff;
    font-weight:bold;
}
#cookieChoiceInfo a:hover {
    color:#fff !important;
}
/* --------- Banner home -------------------------------------------------------- */
#HomeBanner .active {
    height: 460px !important;
    background-color: #0099e5 !important;
}
#HomeBanner .active .item {
    background-position:center;
    background-size:cover;
}
#HomeBanner .active .item .itemContent {
    height:460px;
    position:relative;
    background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    color:#fff !important;
}
#HomeBanner .active .item h2 {
    background-color: rgba(0,0,0,0.1);
    border-bottom: solid 1px rgba(255,255,255,0.2) !important;
}
#HomeBanner .active .item h2 .fa-lightbulb-o {
    font-size: 90px;
    transform: rotate(15deg);
    opacity:  0.4;
}
#HomeBanner .active .item h2 .fa-bell-o {
    font-size: 75px;
    transform: rotate(-20deg);
    opacity: 0.4;
    margin-top: 5px;
}
#HomeBanner .active .item .BannerContent {
    position:absolute;
    width:100%;
    bottom:0;
}
#HomeBanner .active .item .BannerContent h3 {
    padding:0 15px 5px;
}
#HomeBanner .active .item .BannerContent p {
    padding:0 15px 30px;
}
#HomeBanner .slick-dots {
    position:absolute;
    right:0;
    bottom:0;
    width:auto;
}
#HomeBanner .slick-dots li {
    display: inline-block;
    color:#fff;
    margin: 0 0px;
}
#HomeBanner .slick-dots li button:before {
    color:#fff;
}

/* --------- Errore ------------------------------------------------------------- */
.s-body-errore #container .row {
    padding-top:2em;
}
.s-body-errore .fs {
    font-size: 28em;
    color: rgba(0,0,0,0.1);
    line-height: 0.5em;
}
.s-body-errore .text-align-right {
    text-align: right;
    margin:0 10px 20px 0;
}
@media (max-width: 768px) {
    .s-body-errore .text-align-right {
        text-align: left !important;
    }
    .s-body-errore #container .row {
        padding-top:0 !important;
    }
}
.s-body-errore .s-area-title.errore {
    display:none;
}
.s-body-errore h2 {
    margin:0 0 0.8em;
    padding:0 0 0.2em;
    border-bottom:solid 1px #ddd;
    color:rgba(0,0,0,0.3);
}
.s-body-errore h4 {
    margin:0;
    color:rgba(0,0,0,0.3);
}

/* --------- Struttura ---------------------------------------------------------- */
.s-body {
    font-size:12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}
.s-iframe {
    /*background:none transparent !important;*/
}
.s-body h1 {
    font-size:1.8em;
}
.s-body hr {
    margin-top:0 !important;
    margin-bottom:0.5em !important;
    border-color:#ddd;
}
.s-body-bg {
    /*background-image:url("Soluzione/fondo.gif");*/
    background-color:#fbfbfb;
}
.s-body-bg-transparent {
    background-color:transparent !important;
}
.s-body-login { 
    background:url("../Graphics/fotografieHome/01.jpg") no-repeat center center fixed; 
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.s-body-login .k-window-titleless { 
    z-index:1000 !important;
}
.s-body .k-block,
.s-body .k-widget,
.s-body .k-popup,
.s-body .k-content,
.s-body .k-toolbar,
.s-body .k-dropdown .k-input {
  color:#666;
}
.s-body .k-button,
.s-body .k-textbox,
.s-body .k-timepicker,
.s-body .k-datepicker,
.s-body .k-datetimepicker {
    text-rendering:optimizeLegibility;
}
.s-body .k-button {
    font-weight:900;
}
.s-body  .k-window {
  box-shadow:1px 1px 7px 1px rgba(0, 0, 0, 0.2);
}
.s-body .k-window .k-window-titlebar {
    background-color:#0099e5;
}
.s-body .k-window .k-window-titlebar .k-window-title {
    color:#fff;
    font-weight:400
}
.s-body .k-window .k-window-titlebar .k-icon {
    background-image: url('Bootstrap/sprite-white.png');
    opacity:1;
}
.s-body .k-window .k-window-titlebar .k-window-action.k-state-hover {
    background-color: transparent;
    border-color:rgba(255,255,255,0.2);
}

.s-body .k-window .k-window-title {
    color:#888;
    font-weight:900;
}
.k-overlay {
    background-color:#fbfbfb !important;
    z-index:199 !important;
    /*opacity:0.8 !important;*/
}
header.s-header {
    /*background-image:url("Soluzione/fondo.gif");*/
    background-color:#fbfbfb;
    display:block;
    position:fixed;
    width:100%;
    z-index:999;
}
header.s-header .s-header-bg {
    /*box-shadow:0px 4px 6px rgba(0,0,0,0.4);*/
    color:#fff;
    width:100%;
    position:relative;
    z-index:198;
    height:38px;
}
header.s-header #SegrematWeb {
    color:#fff;
}
header.s-header div.bg {
    /*
    background:        repeating-linear-gradient(rgba(255,255,255,0.00), rgba(255,255,255,0.80) 8%, rgba(255,255,255,0.20) 12%, rgba(0,0,0,0.20)  88%, rgba(0,0,0,0.40)  94%, rgba(0,0,0,0.20) 100%);
    background:   -moz-repeating-linear-gradient(rgba(255,255,255,0.00), rgba(255,255,255,0.80) 8%, rgba(255,255,255,0.20) 12%, rgba(0,0,0,0.20)  88%, rgba(0,0,0,0.40)  94%, rgba(0,0,0,0.20) 100%);
    background:     -o-repeating-linear-gradient(rgba(255,255,255,0.00), rgba(255,255,255,0.80) 8%, rgba(255,255,255,0.20) 12%, rgba(0,0,0,0.20)  88%, rgba(0,0,0,0.40)  94%, rgba(0,0,0,0.20) 100%);
    background:-webkit-repeating-linear-gradient(rgba(255,255,255,0.00), rgba(255,255,255,0.80) 8%, rgba(255,255,255,0.20) 12%, rgba(0,0,0,0.20)  88%, rgba(0,0,0,0.40)  94%, rgba(0,0,0,0.20) 100%);
    */
    padding:0.3em 1.0em 0;
    white-space:nowrap;
    /*overflow:hidden;*/
    text-overflow:ellipsis;
}
header.s-header .s-header-bg h1 {
    margin:0;
    text-shadow:0 1px 0 rgba(0,0,0,0.1);
    display:inline-block;
}
header.s-header h1 span.thin {
    margin-left:2px;
    font-weight:bolder;
}
header.s-header i.logo {
    display:block;
    position:absolute;
    top:0;
    right:1em;
    width:107px;
    height:92px;
    background:url("../Graphics/logo_m.png") no-repeat center top;
    z-index:199;
}
header.s-header em {
    display:inline-block;
    font-size:0.9em;
    font-style:normal;
    margin-left:2em;
    text-rendering:optimizeLegibility;
    height:27px;
}
header.s-header em .fa-user {
    vertical-align:top;
    margin-right:6px;
}
header.s-header em .fa-angle-down {
    margin-left:3px;
}
#userMenu {
    display:inline-block !important;
    vertical-align:middle;
    border-color: rgba(255,255,255,0.15);
    background-color: transparent;
    color: #fff;
    margin-left: 1em;
    margin-top: -0.2em;
}
#userMenu>li {
    border:0;
}
#userMenu .k-icon {
    display:none !important;
}
#userMenu .fa {
    margin-right: 0.4em;
}
#userMenu.k-menu .k-item > .k-link {
    padding:0.3em 1.0em;
}
#userButton_tt_active {
    top:-7px;
    text-align:left;
}
#userButton_tt_active a {
    display:block;
    color:#fff;
    padding:2px 0 8px;
    cursor:pointer;
}
#userButton_tt_active a i {
    width:18px;
}
#userButton_tt_active .k-callout {
    display:none;
}
header.s-header #time {
    display:inline-block;
    font-size:0.9em;
    font-style:normal;
    margin-left:1em;
    text-rendering:optimizeLegibility;
}
#toggleMenu {
    padding: 8px 14px 7px;
    display:inline-block;
    cursor:pointer;
}
#menu ul.k-menu-group {
    min-width:120px;
}
@media (max-width: 767px) {
    menu.s-menu {
        position: relative;
    }
    menu.s-menu #menu {
        position: absolute;
        width: 100%;
        z-index:1;
    }
    menu.s-menu .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
        float:none;
    }
    menu.s-menu .k-widget.k-menu-horizontal > .k-item > .k-animation-container {
        width:180px; !important;
    }
    menu.s-menu .k-widget.k-menu-horizontal > .k-item > .k-animation-container ul {
        width:180px; !important;
    }
}
menu.s-menu {
    margin:0;
    padding:0;
    box-shadow:0 1px 4px rgba(0,0,0,0.1);
}
menu.s-menu .k-menu {
    border-radius:0;
    border-left:0 none;
    border-right:0 none;
}
menu.s-menu .k-menu .k-item > .k-link {
    padding:0.6em 1.2em;
}
.s-menu-vertical {
    overflow-y:auto;
}
.s-menu-vertical li {
    border-bottom:#ccc solid 1px !important;
}
.s-menu-vertical li.nowrap span {
    text-overflow:ellipsis;
    overflow:hidden;
}
.s-menu-vertical li.k-item>span.k-link,
.s-menu-vertical li.k-item>a.k-link {
    padding: 0.8em 1.2em 0.8em !important;
    
}
header.s-header .s-area-title {
    margin:0.4em 1.0em 0.0em;
    padding-bottom:0;
    color:#777;
    display:flex;
}
header.s-header .s-area-title .fs {
    display: block;
    font-size: 4.8em;
    color: #006699;
    margin-right: 0.2em;
    overflow:hidden;
}
header.s-header .s-area-title .fs:before {
    /*
    top: 24px;
    position: relative;
    */
}
header.s-header .s-area-title .s-area-border {
    border-bottom:solid 1px #ddd;
    margin: 0.1em auto auto;
    width: 100%;
}
header.s-header .s-area-title .s-area-border h1 {
    font-size: 2.0em;
    display: inline-block;
    color:#aaa;
    border-bottom: 3px solid #006699;
    margin-bottom: -1px;
    line-height: 1.5em;
    margin-top: 2px;
}
header.s-header .s-area-title.error .s-area-border h1 {
    border-bottom: 3px solid #0099e5;
}
header.s-header .s-area-title.error .fs {
    color: #0099e5;
}
header.s-header .s-area-title.famiglia .s-area-border h1 {
    border-bottom: 3px solid #006699;
}
header.s-header .s-area-title.famiglia .fs {
    color: #006699;
}
header.s-header .s-area-title.certificati .s-area-border h1 {
    border-bottom: 3px solid #009999;
}
header.s-header .s-area-title.certificati .fs {
    color: #009999;
}
header.s-header .s-area-title.pagamenti .s-area-border h1 {
    border-bottom: 3px solid #993399;
}
header.s-header .s-area-title.pagamenti .fs {
    color: #993399;
}
header.s-header .s-area-title.docenti .s-area-border h1 {
    border-bottom: 3px solid #cc3300;
}
header.s-header .s-area-title.docenti .fs {
    color: #cc3300;
}
header.s-header .s-area-title.elenchi .s-area-border h1 {
    border-bottom: 3px solid #c75100;
}
header.s-header .s-area-title.elenchi .fs {
    color: #c75100;
}
header.s-header .s-area-title.mail .s-area-border h1 {
    border-bottom: 3px solid #e46117;
}
header.s-header .s-area-title.mail .fs {
    color: #e46117;
}
header.s-header .s-area-title.scuolaonline .s-area-border h1 {
    border-bottom: 3px solid #a4b300;
}
header.s-header .s-area-title.scuolaonline .fs {
    color: #a4b300;
}
header.s-header .s-area-title.archivio .s-area-border h1 {
    border-bottom: 3px solid #33aecc;
}
header.s-header .s-area-title.archivio .fs {
    color: #33aecc;
}
header.s-header .s-area-title.stage .s-area-border h1 {
    border-bottom: 3px solid #c72478;
}
header.s-header .s-area-title.stage .fs {
    color: #c72478;
}
header.s-header .s-area-title.idoneita .s-area-border h1 {
    border-bottom: 3px solid #6a59b5;
}
header.s-header .s-area-title.idoneita .fs {
    color: #6a59b5;
}
header.s-header .s-area-title.exalunni .s-area-border h1 {
    border-bottom: 3px solid #375fb5;
}
header.s-header .s-area-title.exalunni .fs {
    color: #375fb5;
}
header.s-header .s-area-title.libri .s-area-border h1 {
    border-bottom: 3px solid #428bca;
}
header.s-header .s-area-title.libri .fs {
    color: #428bca;
}
header.s-header .s-area-title.setup .s-area-border h1 {
    border-bottom: 3px solid #ff9900;
}
header.s-header .s-area-title.setup .fs {
    color: #ff9900;
}
header.s-header .s-area-title.informazioni .s-area-border h1 {
    border-bottom: 3px solid #ff9900;
}
header.s-header .s-area-title.informazioni .fs {
    color: #ff9900;
}
header.s-header .s-area-title .s-area-border .s-map {
    margin: 20px 0 0 1.0em;
    display: inline-block;
    padding: 0;
    background-color: #fcfcfc;
    /* border-bottom: solid 1px #eee; */
    /* border-left: solid 1px #eee; */
    /* border-right: solid 1px #eee; */
    border-radius: 0 0 16px 0;
    vertical-align: top;
    float: right;
}
header.s-header .s-map li {
    color: #808080;
    display: inline-block;
    float: left;
    font-size: 11px;
    /*font-size: 0.8em;*/
    /* height: 16px; */
    line-height: 16px;
    margin: 0;
    padding: 0 1.2em;
    position: relative;
    font-weight: 400;
}
header.s-header .s-map li a {
    color:#808080;
}
header.s-header .s-map li:not(:first-child) {
    padding-left:1.6em;
}
header.s-header .s-map li:not(:first-child):after {
    content:"";
    position:absolute;
    top:0;
    left:-1px;
    border-style:solid;
    border-width:8px 0 8px 5px;
    border-color:transparent #fcfcfc;
    display:block;
    width:0;
    z-index:1;
}
header.s-header .s-map li:not(:first-child):before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    border-style:solid;
    border-width:8px 0 8px 5px;
    border-color:transparent #bbb;
    display:block;
    width:0;
    z-index:0;
}
header.s-header .s-map li:last-child {
    padding-right:0 !important;
}
.s-container {
    padding:140px 1em 45px;
}
.s-container-iframe {
    padding:0;
}
.s-container-window {
    padding:1em 1em 50px;
}
.s-container-footer {
    margin:0.6em 1em;
    padding:0 !important;
}
.s-load-w.k-window-content.k-window-iframecontent, 
.s-load-w-master.k-window-content.k-window-iframecontent {
    background-color:transparent;
}
.s-body div.k-window-content {
    overflow:hidden;
}
div.k-window-content {
    z-index:10;
}
.s-window footer.s-footer {
    border-radius: 0 0 6px 6px;
    box-shadow:0 0 0;
}
footer.s-footer {
    display:block;
    position:fixed;
    width:100%;
    bottom:0;
    z-index:998;
    font-size:0.9em;
    border-left:0 none;
    border-right:0 none;
    border-bottom:0 none;
    color:#666;
    box-shadow:0 -1px 4px rgba(0,0,0,0.1);
}
footer.s-footer .heavy {
    font-size:1.2em;
}
footer.s-footer div {
    padding:0.6em 160px 0.6em 1.0em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
footer.s-footer .s-container-footer div {
    padding:0;
}
footer.s-footer .s-footer-logo {
    display:block;
    background:url("../Graphics/logo_soluzione.png") no-repeat center top;
    width:139px;
    height:30px;
    position:absolute;
    bottom:0.6em;
    right:1em;
}
footer.s-footer .s-footer-logo i {
    display:block;
    background:url("../Graphics/logo_soluzione_hover.png") no-repeat center top;
    width:139px;
    height:30px;
    opacity:0;
    -webkit-transition:opacity 1s ease-in-out;
       -moz-transition:opacity 1s ease-in-out;
        -ms-transition:opacity 1s ease-in-out;
         -o-transition:opacity 1s ease-in-out;
            transition:opacity 1s ease-in-out;
}
footer.s-footer .s-footer-logo:hover i {
    opacity:1;
    -webkit-transition:opacity 1s ease-in-out;
       -moz-transition:opacity 1s ease-in-out;
        -ms-transition:opacity 1s ease-in-out;
         -o-transition:opacity 1s ease-in-out;
            transition:opacity 1s ease-in-out;
}
.mask-edit {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:999;
    background-color:rgba(255,255,255,0.25);
}

/* --------- Generale ------------------------------------------------------------ */
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: 0 !important;
}
.clear {
    clear:both;
}
.text-align-left {
    text-align:left !important;
}
.text-align-center {
    text-align:center !important;
}
.text-align-right {
    text-align:right !important;
}
.vertical-align-top {
    vertical-align:top !important;
}
.vertical-align-middle {
    vertical-align:middle !important;
}
.overflow-hidden {
    overflow:hidden;
    text-overflow:ellipsis;
}
.overflow-y-auto {
    overflow-y: auto;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-auto {
    cursor: auto !important;
}
.opacity-100 {
    opacity: 1 !important;
}
.opacity-75 {
    opacity: 0.75 !important;
}
.opacity-50 {
    opacity: 0.5 !important;
}
.opacity-25 {
    opacity: 0.25 !important;
}
.line-through {
    text-decoration:line-through;
}
.bottom {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.position-relative {
    position: relative;
}
.position-absolute,
.s-body .s-container-window .position-absolute {
    position: absolute;
}
.uppercase {
    text-transform: uppercase;
}
.cover {
    background-size:cover;
}
.small {
    font-size: 0.85em;
    line-height:1em;
    color: #aaa;
    font-weight:normal;
}
.float-left {
    float:left;
}
.float-right {
    float:right;
}
.s-checkbox-label.inline-block, 
.inline-block {
    display: inline-block;
}
.block {
    display: block;
}
.normal {
    font-weight: normal !important;
}
.bold {
    font-weight: bold;
}
.hidden {
    display:none;
}
.visible {
    display:block !important;
}
.flex {
    display:flex;
}
.flex-space-between {
    justify-content: space-between;
}

.flex-100 {
    flex:100%;
}
.nowrap {
    white-space:nowrap;
}
.cursor-auto {
    cursor:auto;
}
.commento {
    /*font-size:0.85em !important;*/
    font-style:italic !important;
}
.s-modulo .t-00,
.s-container .t-00 {
    top:0 !important;
}
.s-modulo .r-00,
.s-container .r-00 {
    right: 0 !important;
}
.s-modulo .mt-00,
.s-container .mt-00 {
    margin-top:0 !important;
}

.s-modulo .mt-03,
.s-container .mt-03 {
    margin-top:0.3em !important;
}
.s-modulo .mt-04,
s-container .mt-04 {
    margin-top:0.4em !important;
}
.s-modulo .mt-06,
s-container .mt-06 {
    margin-top:0.6em !important;
}
.s-modulo .mt-10,
s-container .mt-10 {
    margin-top:1.0em;
}
.s-modulo .mb-00,
.s-container .mb-00,
.s-modulo-iframe .s-modulo-fieldset.mb-00 {
    margin-bottom: 0 !important;
}
.s-modulo .mb-04,
.s-container .mb-04 {
    margin-bottom:0.4em !important;
}
.s-container-window .mb-06,
.s-container .mb-06 {
    margin-bottom:0.6em;
}
.s-container .mb-10 {
    margin-bottom:1.0em;
} 
.ml-00,
.s-container-iframe .ml-00,
.s-container .ml-00 {
    margin-left:0 !important;
} 
.mr-00,
.s-container-iframe .mr-00,
.s-container .mr-00 {
    margin-right:0 !important;
}

.pt-00,
.s-container .pt-00 {
    padding-top: 0 !important;
}
.s-modulo .pt-04,
.s-container .pt-04 {
    padding-top: 0.4em !important;
}
.s-container .pt-10 {
    padding-top:1.0em !important;
}

.s-container-iframe .pl-00,
.s-container .pl-00 {
    padding-left:0 !important;
}
.s-container .pl-10 {
    padding-left:1.0em !important;
}

.s-container-iframe .pr-00,
.s-container .pr-00 {
    padding-right:0 !important;
}
.s-container .pr-10 {
    padding-right:1.0em !important;
}

.s-container .pb-00 {
    padding-bottom: 0 !important;
}
.s-modulo .pb-04,
.s-container .pb-04 {
    padding-bottom: 0.4em !important;
}
.s-container .pb-10 {
    padding-bottom:1.0em !important;
}
.s-container-iframe .bb-00,
.s-container .bb-00 {
    border-bottom:0 !important;
}

.s-container .rt-00 {
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.s-container-iframe .br-03,
.s-container .br-03 {
    border-right-width:3px !important;
}

.s-container .p-04 {
    padding:0.4em;
}
.s-container .b-0 {
    border:0 none !important;
}
form {
    margin:0;
    padding:0;
}
.s-container .k-grid-toolbar  {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.s-container .k-grid-toolbar .k-dropdown .k-input, 
.s-container-iframe .k-grid-toolbar .k-dropdown .k-input,
.s-container-window .k-grid-toolbar .k-dropdown .k-input {
    padding-top:0;
    padding-bottom:0;
}
.k-popup .k-list .k-item > .k-group {
    left: -5px !important;
    right: -5px !important;
    padding-left: 10px !important;
}

.k-popup .k-list .k-item.k-first {
    padding-top: 2.6em !important;
}
.k-popup .k-list .k-item.k-first.k-state-hover {
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    text-indent:1px;
}
.k-popup .k-list .k-item.k-first.k-state-hover > .k-group {
    text-indent: 0px;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    color: rgb(0, 153, 229);
    font-weight: bold;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid #ccc;
    text-align: left;
}

.k-popup .k-list .k-item > .k-group {
    color: rgb(0, 153, 229);
    font-weight: bold;
    background: rgb(255, 255, 255);
    border-top: solid 1px #ccc;
    padding-top:6px;
    padding-bottom:4px;
}

.k-dropdown-sm {
    position:relative;
    top:-1px;
}
.k-dropdown-sm .k-dropdown .k-input,
.k-dropdown-sm .k-dropdown .k-select {
    line-height: 20px;
    height: 20px;
    padding-top: 0;
    padding-bottom: 0;
}
.k-dropdown-sm .k-dropdown .k-icon {
    margin: -1px 4px 0 2px;
}
.s-container .k-grid-toolbar .k-dropdown .k-select,
.s-container-iframe .k-grid-toolbar .k-dropdown .k-select,
.s-container-window .k-grid-toolbar .k-dropdown .k-select {
    line-height: 1.94em;
    text-indent: 0;
}
.s-container .k-grid-toolbar .k-textbox, 
.s-container-iframe .k-grid-toolbar .k-textbox,
.s-container-window .k-grid-toolbar .k-textbox {
    line-height:1.94em;
    height:1.94em !important;
    text-indent:0;
}
.s-container .k-grid-toolbar .k-datepicker, 
.s-container-iframe .k-grid-toolbar .k-datepicker {
    height:1.94em !important;
}
.s-container .k-grid-toolbar .k-picker-wrap, 
.s-container-iframe .k-grid-toolbar .k-picker-wrap {
    line-height:1.94em;
    height:1.94em !important;
    text-indent:0;
}
.s-container .k-grid-toolbar .k-picker-wrap .k-select, 
.s-container-iframe .k-grid-toolbar .k-picker-wrap .k-select {
    line-height:1.84em;
    text-indent:0;
}
.s-body .k-state-disabled,
.s-container .k-state-disabled,
.s-container-iframe .k-state-disabled,
.s-container-window .k-state-disabled  {
    opacity:0.4;
}
.s-body .s-state-disabled,
.s-container .s-state-disabled,
.s-container-iframe .s-state-disabled,
.s-container-window .s-state-disabled  {
    opacity:0.6 !important;
}
.s-body .s-state-inactive,
.s-container .s-state-inactive,
.s-container-iframe .s-state-inactive,
.s-container-window .s-state-inactive  {
    position:relative;
    opacity:0.3;
}
.s-body .s-state-inactive:before,
.s-container .s-state-inactive:before,
.s-container-iframe .s-state-inactive:before,
.s-container-window .s-state-inactive:before  {
    display: block;
    position: absolute;
    content: " ";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/* --------- Font --------------------------------------------------------------- */
.fs-12 {
    font-size:12px !important;
}
.fs-20 {
    font-size:20px !important;
}
.fs-24 {
    font-size:24px !important;
}

/* --------- Alert box ---------------------------------------------------------- */
.s-info {
    height:37px;
    margin-bottom: 12px;
}
.s-info-elenchi {
    height:87px !important;
    overflow:auto;
}
.s-info-elenchi div {
    margin-left:42px;
}
.s-info-auto {
    height: auto !important;
}
    .s-info-auto div {
        display:flex;
    }
/* --------- Colonne ------------------------------------------------------------ */
.s-container-window .row-large,
.s-container .row-large {
    margin-left: -6px;
    margin-right: -6px;
}
.col-auto,
.col {
    width: auto;
    display:inline-block;
}
.s-container .row-large > .col-xs-1, .s-container-window .row-large > .col-xs-1, 
.s-container .row-large > .col-sm-1, .s-container-window .row-large > .col-sm-1, 
.s-container .row-large > .col-md-1, .s-container-window .row-large > .col-md-1, 
.s-container .row-large > .col-lg-1, .s-container-window .row-large > .col-lg-1, 
.s-container .row-large > .col-xs-2, .s-container-window .row-large > .col-xs-2, 
.s-container .row-large > .col-sm-2, .s-container-window .row-large > .col-sm-2, 
.s-container .row-large > .col-md-2, .s-container-window .row-large > .col-md-2, 
.s-container .row-large > .col-lg-2, .s-container-window .row-large > .col-lg-2, 
.s-container .row-large > .col-xs-3, .s-container-window .row-large > .col-xs-3, 
.s-container .row-large > .col-sm-3, .s-container-window .row-large > .col-sm-3, 
.s-container .row-large > .col-md-3, .s-container-window .row-large > .col-md-3, 
.s-container .row-large > .col-lg-3, .s-container-window .row-large > .col-lg-3, 
.s-container .row-large > .col-xs-4, .s-container-window .row-large > .col-xs-4, 
.s-container .row-large > .col-sm-4, .s-container-window .row-large > .col-sm-4, 
.s-container .row-large > .col-md-4, .s-container-window .row-large > .col-md-4, 
.s-container .row-large > .col-lg-4, .s-container-window .row-large > .col-lg-4, 
.s-container .row-large > .col-xs-5, .s-container-window .row-large > .col-xs-5, 
.s-container .row-large > .col-sm-5, .s-container-window .row-large > .col-sm-5, 
.s-container .row-large > .col-md-5, .s-container-window .row-large > .col-md-5, 
.s-container .row-large > .col-lg-5, .s-container-window .row-large > .col-lg-5, 
.s-container .row-large > .col-xs-6, .s-container-window .row-large > .col-xs-6, 
.s-container .row-large > .col-sm-6, .s-container-window .row-large > .col-sm-6, 
.s-container .row-large > .col-md-6, .s-container-window .row-large > .col-md-6, 
.s-container .row-large > .col-lg-6, .s-container-window .row-large > .col-lg-6, 
.s-container .row-large > .col-xs-7, .s-container-window .row-large > .col-xs-7, 
.s-container .row-large > .col-sm-7, .s-container-window .row-large > .col-sm-7, 
.s-container .row-large > .col-md-7, .s-container-window .row-large > .col-md-7, 
.s-container .row-large > .col-lg-7, .s-container-window .row-large > .col-lg-7, 
.s-container .row-large > .col-xs-8, .s-container-window .row-large > .col-xs-8, 
.s-container .row-large > .col-sm-8, .s-container-window .row-large > .col-sm-8, 
.s-container .row-large > .col-md-8, .s-container-window .row-large > .col-md-8, 
.s-container .row-large > .col-lg-8, .s-container-window .row-large > .col-lg-8, 
.s-container .row-large > .col-xs-9, .s-container-window .row-large > .col-xs-9, 
.s-container .row-large > .col-sm-9, .s-container-window .row-large > .col-sm-9, 
.s-container .row-large > .col-md-9, .s-container-window .row-large > .col-md-9, 
.s-container .row-large > .col-lg-9, .s-container-window .row-large > .col-lg-9, 
.s-container .row-large > .col-xs-10, .s-container-window .row-large > .col-xs-10, 
.s-container .row-large > .col-sm-10, .s-container-window .row-large > .col-sm-10, 
.s-container .row-large > .col-md-10, .s-container-window .row-large > .col-md-10, 
.s-container .row-large > .col-lg-10, .s-container-window .row-large > .col-lg-10, 
.s-container .row-large > .col-xs-11, .s-container-window .row-large > .col-xs-11, 
.s-container .row-large > .col-sm-11, .s-container-window .row-large > .col-sm-11, 
.s-container .row-large > .col-md-11, .s-container-window .row-large > .col-md-11, 
.s-container .row-large > .col-lg-11, .s-container-window .row-large > .col-lg-11, 
.s-container .row-large > .col-xs-12, .s-container-window .row-large > .col-xs-12, 
.s-container .row-large > .col-sm-12, .s-container-window .row-large > .col-sm-12, 
.s-container .row-large > .col-md-12, .s-container-window .row-large > .col-md-12, 
.s-container .row-large > .col-lg-12 .s-container-window .row-large > .col-lg-12 
{
  padding-left: 6px;
  padding-right: 6px;
}

.s-container-window .row-xl,
.s-container .row-xl {
  margin-left: -12px;
  margin-right: -12px;
}
.s-container .row-xl > .col-xs-1, .s-container-window .row-xl > .col-xs-1, 
.s-container .row-xl > .col-sm-1, .s-container-window .row-xl > .col-sm-1, 
.s-container .row-xl > .col-md-1, .s-container-window .row-xl > .col-md-1, 
.s-container .row-xl > .col-lg-1, .s-container-window .row-xl > .col-lg-1, 
.s-container .row-xl > .col-xs-2, .s-container-window .row-xl > .col-xs-2, 
.s-container .row-xl > .col-sm-2, .s-container-window .row-xl > .col-sm-2, 
.s-container .row-xl > .col-md-2, .s-container-window .row-xl > .col-md-2, 
.s-container .row-xl > .col-lg-2, .s-container-window .row-xl > .col-lg-2, 
.s-container .row-xl > .col-xs-3, .s-container-window .row-xl > .col-xs-3, 
.s-container .row-xl > .col-sm-3, .s-container-window .row-xl > .col-sm-3, 
.s-container .row-xl > .col-md-3, .s-container-window .row-xl > .col-md-3, 
.s-container .row-xl > .col-lg-3, .s-container-window .row-xl > .col-lg-3, 
.s-container .row-xl > .col-xs-4, .s-container-window .row-xl > .col-xs-4, 
.s-container .row-xl > .col-sm-4, .s-container-window .row-xl > .col-sm-4, 
.s-container .row-xl > .col-md-4, .s-container-window .row-xl > .col-md-4, 
.s-container .row-xl > .col-lg-4, .s-container-window .row-xl > .col-lg-4, 
.s-container .row-xl > .col-xs-5, .s-container-window .row-xl > .col-xs-5, 
.s-container .row-xl > .col-sm-5, .s-container-window .row-xl > .col-sm-5, 
.s-container .row-xl > .col-md-5, .s-container-window .row-xl > .col-md-5, 
.s-container .row-xl > .col-lg-5, .s-container-window .row-xl > .col-lg-5, 
.s-container .row-xl > .col-xs-6, .s-container-window .row-xl > .col-xs-6, 
.s-container .row-xl > .col-sm-6, .s-container-window .row-xl > .col-sm-6, 
.s-container .row-xl > .col-md-6, .s-container-window .row-xl > .col-md-6, 
.s-container .row-xl > .col-lg-6, .s-container-window .row-xl > .col-lg-6, 
.s-container .row-xl > .col-xs-7, .s-container-window .row-xl > .col-xs-7, 
.s-container .row-xl > .col-sm-7, .s-container-window .row-xl > .col-sm-7, 
.s-container .row-xl > .col-md-7, .s-container-window .row-xl > .col-md-7, 
.s-container .row-xl > .col-lg-7, .s-container-window .row-xl > .col-lg-7, 
.s-container .row-xl > .col-xs-8, .s-container-window .row-xl > .col-xs-8, 
.s-container .row-xl > .col-sm-8, .s-container-window .row-xl > .col-sm-8, 
.s-container .row-xl > .col-md-8, .s-container-window .row-xl > .col-md-8, 
.s-container .row-xl > .col-lg-8, .s-container-window .row-xl > .col-lg-8, 
.s-container .row-xl > .col-xs-9, .s-container-window .row-xl > .col-xs-9, 
.s-container .row-xl > .col-sm-9, .s-container-window .row-xl > .col-sm-9, 
.s-container .row-xl > .col-md-9, .s-container-window .row-xl > .col-md-9, 
.s-container .row-xl > .col-lg-9, .s-container-window .row-xl > .col-lg-9, 
.s-container .row-xl > .col-xs-10, .s-container-window .row-xl > .col-xs-10, 
.s-container .row-xl > .col-sm-10, .s-container-window .row-xl > .col-sm-10, 
.s-container .row-xl > .col-md-10, .s-container-window .row-xl > .col-md-10, 
.s-container .row-xl > .col-lg-10, .s-container-window .row-xl > .col-lg-10, 
.s-container .row-xl > .col-xs-11, .s-container-window .row-xl > .col-xs-11, 
.s-container .row-xl > .col-sm-11, .s-container-window .row-xl > .col-sm-11, 
.s-container .row-xl > .col-md-11, .s-container-window .row-xl > .col-md-11, 
.s-container .row-xl > .col-lg-11, .s-container-window .row-xl > .col-lg-11, 
.s-container .row-xl > .col-xs-12, .s-container-window .row-xl > .col-xs-12, 
.s-container .row-xl > .col-sm-12, .s-container-window .row-xl > .col-sm-12, 
.s-container .row-xl > .col-md-12, .s-container-window .row-xl > .col-md-12, 
.s-container .row-xl > .col-lg-12 .s-container-window .row-xl > .col-lg-12 
{
  padding-left: 12px;
  padding-right: 12px;
}

/* --------- Tipografia --------------------------------------------------------- */
html body {
    font-family: 'Roboto', sans-serif;
}
@font-face {
	font-family:'Liam Thin';
	src: url('fonts/HelveticaNeueLTCom-Th.eot?') format('eot'), 
	     url('fonts/HelveticaNeueLTCom-Th.woff') format('woff'), 
	     url('fonts/HelveticaNeueLTCom-Th.ttf')  format('truetype'),
	     url('fonts/HelveticaNeueLTCom-Th.svg#HelveticaNeueLTCom-Th') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Liam Heavy';
	src: url('fonts/HelveticaNeueLTCom-Blk.eot?') format('eot'), 
	     url('fonts/HelveticaNeueLTCom-Blk.woff') format('woff'), 
	     url('fonts/HelveticaNeueLTCom-Blk.ttf')  format('truetype'),
	     url('fonts/HelveticaNeueLTCom-Blk.svg#HelveticaNeueLTCom-Blk') format('svg');
}
.liam.thin {
    font-family: 'Liam Thin' !important;
    font-weight: normal !important;
}
.liam.heavy {
    font-family: 'Liam Heavy' !important;
    font-weight: normal;
    letter-spacing: -0.05em;
}
.thin {
	font-weight:100;
    font-family: 'Roboto', sans-serif;
    text-rendering:optimizeLegibility;
}
.heavy, h1.heavy {
	font-weight:900;
	letter-spacing:-0.01em;
    font-family: 'Roboto', sans-serif;
    text-rendering:optimizeLegibility;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    line-height: 1.1;
}

/* --------- Measure ------------------------------------------------------------ */
.w-100 {
    width:100%;
}
.wd-50 {
    width: 50px !important;
}
.wd-100 {
    width: 100px !important;
}
.wd-200 {
    width: 200px !important;
}
.wd-300 {
    width: 300px !important;
}
.wd-400 {
    width: 400px !important;
}
.wd-500 {
    width: 500px !important;
}
.wd-600 {
    width: 600px !important;
}

.h-100 {
    height: 100%;
}
/* --------- Spacements --------------------------------------------------------- */
.relative {
    position:relative;
}
.absolute {
    position:absolute;
}
.l-sm {
    left:-10px;
}
/* --------- spacement top & bottom --------------------------------------------- */
.m-none {
	margin: 0 !important;
}

.m-auto {
	margin: 0 auto !important;
}

.m-xs {
	margin: 5px !important;
}

.m-sm {
	margin: 10px !important;
}

.m-md {
	margin: 15px !important;
}

.m-lg {
	margin: 20px !important;
}

.m-xl {
	margin: 25px !important;
}

.m-xlg {
	margin: 30px !important;
}

/* --------- spacement top ------------------------------------------------------ */
.mt-none {
	margin-top: 0 !important;
}

.mt-xs {
	margin-top: 5px !important;
}

.mt-sm {
	margin-top: 10px !important;
}

.mt-md {
	margin-top: 15px !important;
}

.mt-lg {
	margin-top: 20px !important;
}

.mt-xl {
	margin-top: 25px !important;
}

.mt-xlg {
	margin-top: 30px !important;
}

/* --------- spacement bottom --------------------------------------------------- */
.mb-none {
	margin-bottom: 0 !important;
}

.mb-xs {
	margin-bottom: 5px !important;
}

.mb-sm {
	margin-bottom: 10px !important;
}

.mb-md {
	margin-bottom: 15px !important;
}

.mb-lg {
	margin-bottom: 20px !important;
}

.mb-xl {
	margin-bottom: 25px !important;
}

.mb-xlg {
	margin-bottom: 30px !important;
}

/* --------- spacement left ----------------------------------------------------- */
.ml-none {
	margin-left: 0 !important;
}

.ml-xs {
	margin-left: 5px !important;
}

.ml-sm {
	margin-left: 10px !important;
}

.ml-md {
	margin-left: 15px !important;
}

.ml-lg {
	margin-left: 20px !important;
}

.ml-xl {
	margin-left: 25px !important;
}

.ml-xlg {
	margin-left: 30px !important;
}

/* --------- spacement right ---------------------------------------------------- */
.mr-none {
	margin-right: 0 !important;
}

.mr-xs {
	margin-right: 5px !important;
}

.mr-sm {
	margin-right: 10px !important;
}

.mr-md {
	margin-right: 15px !important;
}

.mr-lg {
	margin-right: 20px !important;
}

.mr-xl {
	margin-right: 25px !important;
}

.mr-xlg {
	margin-right: 30px !important;
}

/* --------- Spacement Padding -------------------------------------------------- */
.p-none {
	padding: 0 !important;
}

.p-xs {
	padding: 5px !important;
}

.p-sm {
	padding: 10px !important;
}

.p-md {
	padding: 15px !important;
}

.p-lg {
	padding: 20px !important;
}

.p-xl {
	padding: 25px !important;
}

.p-xlg {
	padding: 30px !important;
}

/* --------- Spacement top ------------------------------------------------------ */
.pt-none {
	padding-top: 0 !important;
}

.pt-xs {
	padding-top: 5px !important;
}

.pt-sm {
	padding-top: 10px !important;
}

.pt-md {
	padding-top: 15px !important;
}

.pt-lg {
	padding-top: 20px !important;
}

.pt-xl {
	padding-top: 25px !important;
}

.pt-xlg {
	padding-top: 30px !important;
}

/* --------- Spacement bottom --------------------------------------------------- */
.pb-none {
	padding-bottom: 0 !important;
}

.pb-xs {
	padding-bottom: 5px !important;
}

.pb-sm {
	padding-bottom: 10px !important;
}

.pb-md {
	padding-bottom: 15px !important;
}

.pb-lg {
	padding-bottom: 20px !important;
}

.pb-xl {
	padding-bottom: 25px !important;
}

.pb-xlg {
	padding-bottom: 30px !important;
}

/* --------- Spacement left ----------------------------------------------------- */
.pl-none {
	padding-left: 0 !important;
}

.pl-xs {
	padding-left: 5px !important;
}

.pl-sm {
	padding-left: 10px !important;
}

.pl-md {
	padding-left: 15px !important;
}

.pl-lg {
	padding-left: 20px !important;
}

.pl-xl {
	padding-left: 25px !important;
}

.pl-xlg {
	padding-left: 30px !important;
}

/* --------- Spacement right ---------------------------------------------------- */
.pr-none {
	padding-right: 0 !important;
}

.pr-xs {
	padding-right: 5px !important;
}

.pr-sm {
	padding-right: 10px !important;
}

.pr-md {
	padding-right: 15px !important;
}

.pr-lg {
	padding-right: 20px !important;
}

.pr-xl {
	padding-right: 25px !important;
}

.pr-xlg {
	padding-right: 30px !important;
}

/* --------- Flex --------------------------------------------------------------- */
.align-items-center {
    align-items: center;
}
.flex-1 {
    flex: 1;
}

/* --------- Color -------------------------------------------------------------- */
.s-primary {
    background-color:#428bca;
    border-color:#285e8e;
    color:#fff !important;
}
.s-success {
    background-color:#449d44;
    border-color:#419641;
    color:#fff !important;
}
.s-warning {
    background-color:#ec971f;
    border-color:#eb9316;
    color:#fff !important;
}
.s-danger {
    background-color:#c9302c;
    border-color:#c12e2a;
    color:#fff !important;
}
.s-disabled {
    background-color:#ddd;
    border-color:#ccc;
    color:#fff !important;
}
.color-primary {
    color: #428bca !important;
}

/* --------- Button ------------------------------------------------------------- */
.s-body .k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 0 3px 0 #67afe9;
}
.s-body .k-button:not(.k-primary) {
    color: #888;
}
.s-body .k-button:hover:not(.k-primary) {
    background-color:#f6f6f6;
}
#reset-filtri {
    float: right;
    color: #6e6e6e;
    margin-right: 6px;
    padding: 0 5px;
    cursor:pointer;
}
#reset-filtri:hover {
    background-color: #ebebeb;
}
#reset-filtri i {
    color: #6b6b6b;
    opacity: 1;
    position: relative;
}
#reset-filtri i:after {
    content: '';
    border-top: 2px solid #c1c1c1;
    width: 20px;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    top: 5px;
    left: -4px;
}
.s-split-button {
    vertical-align: middle;
    position: absolute;
    background-color: #fff;
    display:inline-block;
}
.s-split-button.k-menu>.k-item>.k-link {
    padding: 3px 8px 4px;
    font-weight: bold;
    color: #888;
}
.s-split-button.k-menu>.k-item.k-last>.k-link {
    padding-right: 10px;
}
.s-split-button.k-menu .k-item .k-link .fa {
    margin-right: 6px;
}
.s-split-button .emptyItem {
    border-right-width: 0;
}
.s-split-button .emptyItem > .k-link {
    padding-left: 0 !important;
}

/* --------- Button group ------------------------------------------------------- */
.s-body .btn-group label {
    background-color: #fff;
    border-color: #ddd;
    color: #bbb!important;
    margin-top: 0;
    font-weight: normal;
    letter-spacing: 0.01em;
    text-align:center;
}
.s-body .btn-group label:hover {
    background-color:#f6f6f6;
    border-color:#aeaeae;
    color:#888 !important;
}
.s-body .btn-group input[type=radio]:checked + label {
    background-color:#3276b1;
    border-color:#285e8e;
    color:#fff;
}
.s-body .btn-group label:not(:nth-child(2)) {
    margin-left:-1px;
}
.s-body .btn-group input[type=radio] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.s-body .btn-group input[type=radio]:checked + label.s-primary {
    background-color:#428bca !important;
    border-color:#285e8e;
    color:#fff !important;
}
.s-body .btn-group input[type=radio]:checked + label.s-success {
    background-color:#449d44;
    border-color:#419641;
    color:#fff !important;
}
.s-body .btn-group input[type=radio]:checked + label.s-warning {
    background-color:#ec971f;
    border-color:#eb9316;
    color:#fff !important;
}
.s-body .btn-group input[type=radio]:checked + label.s-danger {
    background-color:#c9302c;
    border-color:#c12e2a;
    color:#fff !important;
}
.s-body .btn-group input[type=radio]:checked + label.s-disabled {
    background-color:#ddd;
    border-color:#ccc;
    color:#fff !important;
}

.s-body .btn-group label:nth-child(2) {
    border-radius:2px 0 0 2px !important;
}
.s-body .k-grid tbody .btn-group .k-button {
    margin: 0 0 !important;
    min-width:inherit !important;
}

/* --------- Icone -------------------------------------------------------------- */
.icons48 {
	width:48px;
	height:48px;
	background-image:url(../Graphics/icons_48_color.png);
	background-repeat:no-repeat;
}
.titleArea .icons48 {
	margin-right:10px;
}
.icons48classe {
	background-position:0 0;
}
.icons48comunicazioni {
	background-position:-96px 0;
}
.icons48login {
	background-position:-144px 0;
}
.icons48utente {
	background-position:-192px 0;
}
.icons48assenze {
	background-position:-288px 0;
}
.icons48registro {
	background-position:-336px 0;
}
.icons48voti {
	background-position:-384px 0;
}
.icons48pagelle {
	background-position:-432px 0;
}
.icons48report {
	background-position:-48px -48px;
}
.icons48home {
	background-position:-96px -48px;
}
.icons48editProfile {
	background-position:-144px -48px;
}
.icons48professori {
	background-position:-192px -48px;
}
.icons48compiti {
	background-position:-240px -48px;
}
.icons48registroProfessore {
	background-position:-288px -48px;
}
.icons48layoutClasse {
	background-position:-336px -48px;
}
.icons48utenti {
	background-position:-384px -48px;
}
.icons48virtualClassroom {
	background-position:-432px -48px;
}
.icons48postit {
	background-position:0 -96px;
}
.icons48bacheca {
	background-position:-48px -96px;
}
.icons48sms {
	background-position:-96px -96px;
}
.icons48comunicazioniRegistro {
	background-position:-144px -96px;
}
.icons48calendario {
	background-position:-192px -96px;
}
.icons48ore {
	background-position:-240px -96px;
}
.icons48impostazioni {
	background-position:-288px -96px;
}
.icons48agenda {
	background-position:-336px -96px;
}
.icons48ricevimento {
	background-position:-384px -96px;
}
.icons48relazione {
	background-position:-432px -96px;
}
.icons48sincronizzaDB {
	background-position:0 -144px;
}
.icons48statistiche {
	background-position:-48px -144px;
}
.icons48programmazione {
	background-position:-96px -144px;
}
.icons48estrattoConto {
	background-position:-144px -144px;
}
.icons48assistenza {
	background-position:-192px -144px;
} 
.icons48certificati {
	background-position:-240px -144px;
} 
.icons48pagamenti {
	background-position:-288px -144px;
} 
.icons48scuolaonline {
	background-position:-336px -144px;
} 
.s-body .fa,
.s-container .fa,
.s-container-iframe .fa,
.s-container-window .fa  {
    font-size:1.3em;
    vertical-align:middle;
    opacity:0.5;
}
.s-body .fa-2x,
.s-container .fa-2x,
.s-container-iframe .fa-2x,
.s-container-window .fa-2x  {
    font-size:2.6em;
}
.s-body .fa-5x,
.s-container .fa-5x,
.s-container-iframe .fa-5x,
.s-container-window .fa-5x  {
  font-size: 5em;
}
.s-body .fa-no-text,
.s-container .fa-no-text,
.s-container-iframe .fa-no-text,
.s-container-window .fa-no-text  {
    margin-right:0 !important;
}
.s-body .k-button-icontext .fa,
.s-container .k-button-icontext .fa,
.s-container-iframe .k-button-icontext .fa,
.s-container-window .k-button-icontext .fa  {
    font-size:1.3em;
}
.s-body .k-icon,
.s-container .k-icon,
.s-container-iframe .k-icon,
.s-container-window .k-icon  {
    opacity:0.70;
}
.s-body .k-button-icon .fa,
.s-container .k-button-icon .fa,
.s-container-iframe .k-button-icon .fa,
.s-container-window .k-button-icon .fa,
.s-body .k-button-icontext .fa,
.s-container .k-button-icontext .fa,
.s-container-iframe .k-button-icontext .fa,
.s-container-window .k-button-icontext .fa  {
    width:16px;
    text-align:center;
    line-height:16px;
}

/* --------- Confirmation ------------------------------------------------------- */
#hConfirmation {
    padding:0;
}
#hConfirmation #hConfirmationBody {
    margin:1em 1em 0.7em;
}
#hConfirmation i.fa {
    font-size:3em;
    opacity:0.15;
    margin-right:0.2em;
    display:inline-block;
    text-align:center;
}
#hConfirmation .s-hConfirmation-footer {
    border-left:0 none;
    border-right:0 none;
    border-bottom:1px transparent solid;
}
#hConfirmation .s-hConfirmation-footer .k-button {
    margin-left:0.2em;
    font-size:0.9em;
}

/* --------- Progressbar--------------------------------------------------------- */
.progressbox {
    border:solid 1px #ddd;
    background-color:#fff;
    border-radius:4px;
    overflow:hidden;
    margin-top:14px;
    position:relative;
}
.progressbar {
    background-color:#67afe9;
    background-image:url("Bootstrap/progress-image.gif");
    background-repeat:repeat-x;
    background-position:left center;
    background-size:20px 8px;
    height:6px;
    overflow:hidden;
    position:relative;
}
.s-drop-upload:before {
    position:absolute;
    background-color:#a1c6e6;
    content:".";
}
.s-drop-upload:before {
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    content: " ";
    z-index: 9;
    border: 3px #ccc dotted;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 40px;
    border-radius: 16px;
    background-image:url("Bootstrap/drop-file.png");
    background-position:center;
    background-repeat:no-repeat;
    /*background-size:50%;*/
    opacity:0;
    visibility:hidden;
  -webkit-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
     -moz-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
       -o-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
          transition:visibility 0s linear 0.3s, opacity 0.3s linear;
}
#grid.s-drop-upload:before,
#GridArchivioDocumenti.s-drop-upload:before {
    top: 42px;
    left: 8px;
    right: 8px;
    bottom: 42px;
}
#GridAllegati.s-drop-upload:before {
    top: 42px;
    left: 8px;
    right: 8px;
    bottom: 8px;
}
.s-drop-upload.show-drop-area:before {
    opacity:1;
    visibility:visible;
  -webkit-transition-delay:0s;
     -moz-transition-delay:0s;
       -o-transition-delay:0s;
          transition-delay:0s;
}
.k-progressbar .success {
    background-color:#449d44 !important;
    border-color:#419641;
}
.k-progressbar .warning {
    background-color:#ec971f !important;
    border-color:#eb9316;
}
.k-progressbar .danger {
    background-color:#c9302c !important;
    border-color:#c12e2a;
}
.animate.k-progressbar .k-state-selected {
    -webkit-transition: background-color 1000ms linear, border-color 1000ms linear;
    -ms-transition: background-color 1000ms linear, border-color 1000ms linear;
    transition: background-color 1000ms linear, border-color 1000ms linear;
}

/* --------- Loader ------------------------------------------------------------- */
.k-loading-image {
    /* background-image:none; */
}
.k-loading-mask {
    position:fixed;
}
/*.loader-soluzione {
    position: absolute;
    margin: 0px auto;
    width: 50px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:1;
}*/
.loader-soluzione {
    position: absolute;
    margin: 0px auto;
    width: 50px;
    height: 50px;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}
.loader-soluzione:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
            animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}
/* --------- Window print ------------------------------------------------------- */
#windowPrintDocument {
    padding: 0 !important;
}
#windowPrintDocument iframe {
    width: 100%;
    height: 552px;
    border: 0;
}
#windowPrintDocument #windowPrintDocumentFooter {
    position: absolute;
}
#windowPrintDocumentFooter div {
    padding: 0.6em 1.0em;
}
#windowPrintDocumentFooter div button {
}
#windowPrintDocumentFooter div button#detailPrint {
    padding: 5px 40px 4px;
}
/* --------- Gantt -------------------------------------------------------------- */
.s-container .k-gantt .k-gantt-rows td,
.s-container .k-gantt .k-gantt-columns td {
    color: transparent;
}
.s-container .k-gantt .k-splitbar-horizontal {
    border-color: #e6e6e6;
}
.s-container .k-gantt .k-treelist {
    background-color:#fff;
}
.s-container .k-gantt .k-task-complete {
    display: none !important;
}

/* --------- Grid --------------------------------------------------------------- */
.s-container k-grid-header .k-header {
    border-color:#ccc #e6e6e6;
}
.s-container .k-grid-content-locked .k-alt, 
.s-container .k-grid-content .k-alt, 
.s-container-iframe .k-alt,
.s-container-window .k-alt {
    background-color:#fbfbfb;
}
.s-container .k-grid-content-locked .k-state-selected, 
.s-container .k-grid-content .k-state-selected, 
.s-container-iframe .k-state-selected,
.s-container-window .k-state-selected {
    background-color:#428bca;/* dae8f4 7bb0dd 428bca*/
}
/*.s-container .k-header-column-menu.k-state-active,
.s-container-iframe .k-header-column-menu.k-state-active,
.s-container-window .k-header-column-menu.k-state-active {
    background-color: transparent;
    border-bottom: 2px solid #0099e5;
}*/
.k-grid-content-locked > table{
    margin-bottom:30px;
}
.s-container .k-grid tr td,
.s-container-iframe .k-grid tr td,
.s-container-window .k-grid tr td  {
    border-color:#f5f5f5 #eee;
    vertical-align:top;
}
.s-container .k-grid tr td,
.s-container-iframe .k-grid tr td,
.s-container-window .k-grid tr td  {
    border-width:0 1px 1px 0;
}
.s-container th.k-header, 
.s-container-iframe th.k-header, 
.s-container-window th.k-header, 
.s-container .k-filter-row th,
.s-container-iframe .k-filter-row th,
.s-container-window .k-filter-row th {
    border-width:0 1px 1px 0;
}
.s-container .k-grid-header th.k-header.k-first,
.s-container-iframe .k-grid-header th.k-header.k-first,
.s-container-window .k-grid-header th.k-header.k-first {
    border-left-width: 0;
}
/*
.s-container .k-grid tr td:last-child,
.s-container-iframe .k-grid tr td:last-child,
.s-container-window .k-grid tr td:last-child,
.s-container .k-grid .k-grid-header th.k-header:last-child,
.s-container-iframe .k-grid .k-grid-header th.k-header:last-child,
.s-container-window .k-grid .k-grid-header th.k-header:last-child  {
    border-width:0 1px 1px 1px;
}
.s-container .k-grid.k-grid-lockedcolumns .k-grid-content tr td:first-child,
.s-container-iframe .k-grid.k-grid-lockedcolumns .k-grid-content tr td:first-child,
.s-container-window .k-grid.k-grid-lockedcolumns .k-grid-content tr td:first-child {
    border-width:0 0 1px 0;
}
*/
.s-container .k-grid .k-grid-content-locked tr td:last-child,
.s-container-iframe .k-grid .k-grid-content-locked tr td:last-child,
.s-container-window .k-grid .k-grid-content-locked tr td:last-child,
.s-container .k-grid .k-grid-header .k-grid-header-locked th.k-header:last-child,
.s-container-iframe .k-grid .k-grid-header .k-grid-header-locked th.k-header:last-child,
.s-container-window .k-grid .k-grid-header .k-grid-header-locked th.k-header:last-child  {
    border-width:0 0 1px 0;
}

.s-container .k-grid-header-wrap, 
.s-container-iframe .k-grid-header-wrap, 
.s-container-window .k-grid-header-wrap, 
.s-container .k-grid-footer-wrap,
.s-container-iframe .k-grid-footer-wrap,
.s-container-window .k-grid-footer-wrap {
    border-width: 0 0 0 0;
}

.s-container-confirm .k-grid tr td  {
    border-width:0 0 1px 0;
    border-color:#fafafa;
    padding: .2em 0;
}
.s-container-confirm .k-grid .k-grid-header tr td  {
    padding: .4em .6em;
}
.k-grid .s-grid-highlight {
    background-color:rgba(0, 0, 0, 0.01);
}
.s-container .k-grid .k-grouping-header, .k-grid-toolbar,
.s-container-iframe .k-grid .k-grouping-header, .k-grid-toolbar,
.s-container-window .k-grid .k-grouping-header, .k-grid-toolbar {
    padding:0.4em 0.2em 0.4em 0.5em;
}
.k-link input[type=checkbox] {
    margin-right:4px;
}
.s-container .k-grid .k-button-icon,
.s-container-iframe .k-grid .k-button-icon,
.s-container-window .k-grid .k-button-icon,
.s-container .k-grid .grid-icon .k-button-icontext,
.s-container-iframe .k-grid .grid-icon .k-button-icontext,
.s-container-window .k-grid .grid-icon .k-button-icontext, 
.s-container .s-widget .k-button-icon,
.s-container-window .s-widget .k-button-icon {
    padding:2px;
    line-height:normal;
}
.k-button-icontext .fa {
    margin-right:4px;
}
.s-container .k-grid .grid-icon .k-button-icontext span,
.s-container-iframe .k-grid .grid-icon .k-button-icontext span,
.s-container-window .k-grid .grid-icon .k-button-icontext span {
    display:none;
}
.s-container .k-grid .grid-icon .k-button:focus,
.s-container-iframe .k-grid .grid-icon .k-button:focus,
.s-container-window .k-grid .grid-icon .k-button:focus {
    box-shadow:none !important;
    border-color:#367fbd !important;
}
.s-container .k-grid .k-state-focused,
.s-container-iframe .k-grid .k-state-focused,
.s-container-window .k-grid .k-state-focused {
    box-shadow:0 0 1px 0 #67afe9 inset;
}
.s-container #grid.movimenti .k-grid-toolbar {
    height:25px;
    overflow:hidden;
}
.k-grid tr.k-state-selected > td {
    border-color: rgba(39, 104, 158, 0.15) rgba(39, 104, 158, 0.25);
}
.k-grid tr.k-state-selected > td .k-dropdown {
    background-color:transparent;
}
.k-grid tr.k-state-selected > td > .k-dropdown,
.k-grid tr.k-state-selected > td > .k-numerictextbox {
    background-color:transparent;
}
.k-grid tr.k-state-selected > td > .k-textbox,
.k-grid tr.k-state-selected > td > .k-dropdown > .k-dropdown-wrap,
.k-grid tr.k-state-selected > td > .k-numerictextbox > .k-numeric-wrap {
    background-color:rgba(255,255,255,0.3);
    border-color:rgba(255,255,255,0.6);
    color:#fff;
}
.k-grid tr.k-state-selected > td > .k-dropdown > .k-dropdown-wrap > .k-input,
.k-grid tr.k-state-selected > td > .k-numerictextbox > .k-numeric-wrap > .k-input {
    background-color:transparent;
    color:#fff;
}
.k-grid tr.k-state-selected > td > .k-dropdown > .k-dropdown-wrap > .k-select > .k-icon,
.k-grid tr.k-state-selected > td > .k-numerictextbox > .k-numeric-wrap > .k-select > span > .k-icon {
    background-image: url(Bootstrap/sprite-white.png);
}

.s-container .k-grid .k-grid-toolbar label,
.s-container-iframe .k-grid .k-grid-toolbar label,
.s-container-window .k-grid .k-grid-toolbar label,
.s-container .k-gantt .k-gantt-toolbar label,
.s-container-iframe .k-gantt .k-gantt-toolbar label,
.s-container-window .k-gantt .k-gantt-toolbar label {
    font-weight:normal;
    padding-right:0.2em;
    padding-left:0.5em;
}

label sup {
    font-style: italic;
    font-size: 0.95em;
    font-family: serif;
    position: relative;
    top: -3px;
    left:0.08Em;
}

.s-container .k-grid tr td.nowrap,
.s-container .k-grid tr td .nowrap,
.s-container-iframe .k-grid tr td.nowrap,
.s-container-window .k-grid tr td.nowrap {
    overflow:hidden;
    text-overflow:ellipsis;
}
.s-container .k-grid .k-grid-toolbar input.k-input,
.s-container-iframe .k-grid .k-grid-toolbar input.k-input,
.s-container-window .k-grid .k-grid-toolbar input.k-input {
    padding-top:0px;
    padding-bottom:0px;
}
.s-container .k-grid .k-grid-toolbar .k-button,
.s-container-iframe .k-grid .k-grid-toolbar .k-button,
.s-container-window .k-grid .k-grid-toolbar .k-button {
    padding-top:1px;
    padding-bottom:2px;
    padding-right: 0.6em;
    padding-left: 0.6em;
}
.s-container .s-grid-small {
    font-size:0.9em;
}
.s-container .s-grid-small .k-operator-hidden {
    padding-right:0;
}
.s-container .s-grid-small .k-operator-hidden .k-input {
    background:url("Bootstrap/search.png") no-repeat scroll center right;
    height:auto;
    line-height:1em;
    text-indent:0.5em;
    padding:0.25em 0;
}
.s-container .s-grid-small .k-operator-hidden .k-button-icon {
    display:none;
}
.s-window .grid-icon .k-button-icontext, 
.s-iframe .grid-icon .k-button-icontext, 
.s-container .grid-icon .k-button-icontext, 
.s-container-iframe .grid-icon .k-button-icontext,
.s-container-window .grid-icon .k-button-icontext {
    min-width:initial;
    padding: 0;
    line-height: normal;
    margin-right:2px;
}
.s-window .grid-icon .k-button-icontext, 
.s-iframe .grid-icon .k-button-icontext, 
.s-container .grid-icon .k-button-icontext, 
.s-container-iframe .grid-icon .k-button-icontext .k-icon,
.s-container-window .grid-icon .k-button-icontext .k-icon {
    margin-top:2px;
    margin-bottom:2px;
    margin-left:2px;
    margin-right:2px;
}
.s-container div.k-grid-footer {
    border-bottom: 0 none;
}
.s-container div.k-grid-footer .small {
    margin-top:2px;
}
.s-container .k-grid-pager .k-pager-numbers .k-current-page {
    margin-top:-2.1em;
}

.s-container .k-grid .ricerca-avanzata, 
.s-container .k-grid .ricerca-avanzata tr, 
.s-container .k-grid .ricerca-avanzata td {
    width:auto !important;
    margin:0 !important;
    border: 0 none !important;
}
.s-container .k-grid .ricerca-avanzata td {  
    vertical-align:top;
    padding:0 0 5px !important;
}
.s-container .k-grid .ricerca-avanzata td label {  
    padding-top:3px;
}
.s-container .k-grid .ricerca-avanzata td .k-input {  
    padding-top:0px;
}

#gridCurriculum > table {
    table-layout:fixed;
}
#GridGenitori > table {
    table-layout:fixed;
}
#gridCurriculum {
}
.s-container .k-grid td,
.s-container-iframe .k-grid td,
.s-container-window .k-grid td {
    cursor:default !important;
    padding: 0.3em 0.6em !important;
}
.s-container .k-grid th.k-header>.k-link,
.s-container-iframe .k-grid th.k-header>.k-link,
.s-container-window .k-grid th.k-header>.k-link {
    color:#999;
    font-weight:900;
}
#GridGenitori, 
#GridFigli {
    overflow:hidden;
    position:relative;
}
#GridGenitori .k-grid-pager,
#GridFigli .k-grid-pager {
    position:absolute;
    bottom:0;
    width:100%;
}
.k-grouping-header {
    color:#aaa;
}
#TabGenitori {
    position:relative;
    overflow-x: hidden;
    overflow-y: auto;
}
#FormGenitore {
    position:absolute;
    background-color:#fcfcfc;
    top:0;
    bottom:0;
    left:0;
  -webkit-transition:left 0.4s;
     -moz-transition:left 0.4s;
       -o-transition:left 0.4s;
          transition:left 0.4s;

}
#FormGenitore.slideOut {
    left:110%;
  -webkit-transition:left 0.4s;
     -moz-transition:left 0.4s;
       -o-transition:left 0.4s;
          transition:left 0.4s;
}
#FormGenitore .k-loading-color {
    position:absolute;
    z-index:1;
}

#PagamentiDettaglio {
    position: absolute;
    background-color: #fcfcfc;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: left 0.4s;
    -moz-transition: left 0.4s;
    -o-transition: left 0.4s;
    transition: left 0.4s;
}
#PagamentiDettaglio.slideOut {
    left: 110%;
    -webkit-transition: left 0.4s;
    -moz-transition: left 0.4s;
    -o-transition: left 0.4s;
    transition: left 0.4s;
}
.s-separator {
    display:inline-block;
    width:1px;
    border-left:1px solid #dadada;
    background-color:#fff;
    line-height:1.72em;
    vertical-align:middle;
    margin:0 0.5em;
    overflow:hidden;
}
.s-separator-double {
    line-height:7.2em !important;
    vertical-align:top !important;
}
.grid-disabled .k-grid:not(#GridArchivioDocumenti):not(#GridGenitori) .k-grid-content:before {
    display: block;
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.2);
    z-index: 999;
}
.grid-disabled .k-grid-content .k-button.k-button-icon {
    display: none;
}

/* --------- Tab ---------------------------------------------------------------- */
.tabContainer {
    overflow: auto;
}
/* --------- Autocomplete ------------------------------------------------------- */
#nome-list.k-list-container,
#Azienda-list.k-list-container,
#CodiceCorso-list.k-list-container {
    width:auto !important;
}
#nome-list.k-list-container ul.k-list,
#Azienda-list.k-list-container ul.k-list {
    overflow-x:hidden !important;
}
#nome-list.k-list-container li.k-item,
#Azienda-list.k-list-container li.k-item {
    white-space:nowrap !important;
    text-overflow:ellipsis;
}
.autoCompleteHighlight {
    font-weight:bold;
    /*
    color:#444;
    background-color:#eee;
    */
}

/* --------- widget ------------------------------------------------------------- */
.s-widget {
    border-radius:4px;
    overflow:auto;
    position:relative;
}
.s-widget .k-pager-wrap {
    padding:0.333em;
}

/* --------- Size --------------------------------------------------------------- */
.s-wd-10 {
    width:10px;
}
.s-wd-20 {
    width:20px;
}
.s-wd-40 {
    width:40px;
}
.s-wd-60 {
    width:60px;
}
.s-wd-80 {
    width:80px;
}
.s-wd-90 {
    width:88px;
}
.s-wd-100 {
    width:100px;
}
.s-wd-120 {
    width:120px;
}
.s-wd-140 {
    width:140px;
}
.s-wd-160 {
    width:160px;
}
.s-wd-180 {
    width:180px;
}
.s-wd-200 {
    width:200px;
}
.s-hg-14 {
    height: 14px !important;
}
.s-hg-55 {
    height: 55px !important;
}
.s-hg-66 {
    height:66px !important;
}
.s-hg-88 {
    height:88px !important;
}
.s-hg-126 {
    height:126px !important;
}

/* --------- Login ------------------------------------------------------------- */
#window-login {
    overflow:visible !important;
    padding:1px;
    position:relative;
}
#window-login-logo {
  left:-60px;
  position:absolute;
  top:-20px;
  z-index:999;
}
#window-login-descrizione {
  color:#888;
  font-size:0.9em;
  margin:70px 1em 1em 60px;
}
.s-body-login .s-modulo {
    margin:0 1em;
}
#window-login #NotificationBox {
    height:32px;
}
#window-login #version {
    padding-left: 6px;
    font-size: 10px;
    margin-top: 55px;
    position: relative;
    display: block;
    float: right;
    color: #ccc;
}

/* --------- Panel ------------------------------------------------------------- */
.k-panel > .k-item > .k-link {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:inherit !important;
}
.k-panelbar .k-state-focused.k-state-selected {
    font-weight:bold;
}
/*
.k-panelbar[data-role="panelbar"] {
    display: flex;
    flex-direction: column;
}
.k-panelbar[data-role="panelbar"] li[aria-expanded="true"].k-state-active {
    position: relative;
    flex: 1;
}
.k-panelbar[data-role="panelbar"] .k-group.k-panel {
    display: block;
    overflow-y: auto;
    position: absolute;
    inset: 29px 0px 0px;
}
*/

/* --------- Menu home page----------------------------------------------------- */
#MenuHomePage {
	margin:0 -6px 0;
	padding:0;
}
#MenuHomePage .col-md-2,
#MenuHomePage .col-md-3 {
	padding:0 6px 0;
}
#MenuHomePage .active {
	background-color:rgba(255,255,255,0.5);
	border-radius:2px;
	height:224px;
    margin-bottom:12px;
    overflow:hidden;
    padding:0;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
  -webkit-transition:background-color linear 0.2s;
     -moz-transition:background-color linear 0.2s;
       -o-transition:background-color linear 0.2s;
          transition:background-color linear 0.2s;
}
/*
#MenuHomePage .active:hover {
	background-color:rgba(255,255,255,1.0);
  -webkit-transition:background-color linear 0.1s;
     -moz-transition:background-color linear 0.1s;
       -o-transition:background-color linear 0.1s;
          transition:background-color linear 0.1s;
}
*/
#MenuHomePage .highlights {
    height: 460px;
    background-color: #666;
    background: linear-gradient(160deg, #0099e5,  #0099e5, #0072ab);
    overflow: hidden;
    position: relative;
    border-radius:2px;
}
#MenuHomePage .highlights .content-highlights,
#MenuHomePage .highlights .content-roadMap {
    position: relative;
}

#MenuHomePage .highlights .content-highlights > .fa,
#MenuHomePage .highlights .content-roadMap > .fa {
    position: absolute;
    bottom: 40%;
    opacity: 0.06;
    color: #fff;
}
#MenuHomePage .highlights .content-highlights > .fa-bullhorn {
    -ms-transform: rotate(-30deg) scale(25);
    -webkit-transform: rotate(-30deg) scale(25);
    transform: rotate(-30deg) scale(25);
    right: 34%;
}
#MenuHomePage .highlights .content-roadMap > .fa-wrench {
    -ms-transform: scale(25);
    -webkit-transform: scale(25);
    transform: scale(25);
    right: 50%;
}
.blink {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {  
  10% { opacity: 0.5; }
  50% { opacity: 0.0; }
  90% { opacity: 0.5; }
}
#MenuHomePage .highlights h2 {
    background: transparent;
    border-bottom: rgba(255, 255, 255, 0.15) 1px solid;
    overflow: visible;
    padding:0 !important;
    height: 64px;
    background-color: rgba(0,0,0,0.05);
    position:absolute;
    width:100%;
    z-index: 1;
}
#MenuHomePage .highlights h2 > span {
    float:left;
    height:64px;
    overflow:hidden;
    color:rgba(255,255,255,0.7);
    cursor:pointer;
    /*max-width: 50%;*/
    /*width: 50%;*/
    max-width: 100%;
    width: 100%;
    display: inline;
}
#MenuHomePage .highlights h2 > span > span {
    /*border-right: rgba(255, 255, 255, 0.15) 1px solid;*/
    padding: 14px 0 14px 0;
    padding-right: 8px;
    display: block;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}
#MenuHomePage .highlights h2 > span i.fa {
    transform: rotate(0deg) scale(1);
    position: relative;
    left: 0;
    font-size: 48px;
    opacity: 0.5;
    float: left;
    right: inherit;
    right: 0;
    line-height: 22px;
    margin-right: 8px;
    margin-left: 8px;
}
#MenuHomePage .highlights h2 > span i.fa-bullhorn {
    transform: rotate(-30deg) scale(1);
}
#MenuHomePage .highlights h2 > span.tab-active {
    background-color:#0099e5;
    color:#fff;
    cursor:auto;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}
#MenuHomePage .highlights .detail-highlights,
#MenuHomePage .highlights .detail-roadMap,
#MenuHomePage .highlights .detail-roadMap2 {
    margin:10px;
    color:rgba(255,255,255,0.75);
    overflow: auto;
    height:364px;
    margin-top: 78px;
}
#MenuHomePage .highlights .detail-highlights ul {
    list-style:disc;
    margin-left: 22px;
    margin-right: 15px;
    margin-top:0;
}
#MenuHomePage .highlights .detail-highlights ul>li {
    display:list-item;
    /*text-indent:-5px;*/
    margin-bottom: 10px;
}

#MenuHomePage .highlights .detail-roadMap #RoadMap,
#MenuHomePage .highlights .detail-roadMap2 #RoadMap2 {
    margin-right: 8px;
}

#MenuHomePage .highlights .detail-roadMap tr:first-child td,
#MenuHomePage .highlights .detail-roadMap2 tr:first-child td {
    background-color: rgba(255, 255, 255, 0.1);
    font-weight:bold;
}
#MenuHomePage .highlights .detail-roadMap tr:first-child td:first-child,
#MenuHomePage .highlights .detail-roadMap2 tr:first-child td:first-child {
    padding-left: 4px;
}
#MenuHomePage .highlights .detail-roadMap td,
#MenuHomePage .highlights .detail-roadMap2 td {
    vertical-align: top;
    padding:3px 6px 3px 0;
    border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
}
#MenuHomePage .highlights .detail-roadMap tr td:last-child {
    text-align: center;
}
#MenuHomePage .highlights .detail-roadMap td .fa,
#MenuHomePage .highlights .detail-roadMap2 td .fa {
    font-size: 2.2em;
    line-height: 1.4em;
}
#MenuHomePage .highlights .detail-roadMap td .fa-bug,
#MenuHomePage .highlights .detail-roadMap2 td .fa-bug {
    font-size: 1.2em;
    opacity: 0.8;
}

#MenuHomePage h2 {
    font-size: 18px;
    color: #fff;
    padding: 14px 15px;
    line-height: 18px;
    margin: 0;
	background-color:#0099e5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#MenuHomePage .error h2 {
	background-color:#0099e5;
}
#MenuHomePage .famiglia h2 {
	background-color:#006699;
}
#MenuHomePage .certificati h2 {
	background-color:#009999;
}
#MenuHomePage .pagamenti h2 {
	background-color:#993399;
}
#MenuHomePage .docenti h2 {
	background-color:#cc3300;
}
#MenuHomePage .elenchi h2 {
	background-color:#c75100;
}
#MenuHomePage .mail h2 {
	background-color:#e46117;
}
#MenuHomePage .scuolaonline h2 {
	background-color:#a4b300;
}
#MenuHomePage .archivio h2 {
	background-color:#33aecc;
}
#MenuHomePage .stage h2 {
    background-color: #c72478;
}
#MenuHomePage .idoneita h2 {
    background-color: #6a59b5;
}
#MenuHomePage .exalunni h2 {
    background-color: #375fb5;
}
#MenuHomePage .libri h2 {
	background-color:#428bca;
}
#MenuHomePage .setup h2 {
	background-color:#ff9900;
}
#MenuHomePage .informazioni h2 {
	background-color:#ff9900;
}
#MenuHomePage h2 i {
    display: block;
    position: absolute;
    right: 12px;
    font-size: 80px;
    top: 6px;
    /* border: 2px solid #fff; */
    border-radius: 50%;
    line-height: 48px;
    /* width: 48px; */
    /* height: 48px; */
    text-align: center;
    opacity: 0.3;
}
#MenuHomePage ul {
	list-style:none;
	display:block;
	margin:10px;
	padding:0;
}
#MenuHomePage ul>li {
	font-size:14px;
	display:block;
}
#MenuHomePage ul>li>a, #MenuHomePage ul>li>span {
	display:block;
	padding:2px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#MenuHomePage ul>li>a:hover {
	background-color:rgba(0,0,0,0.06);
}
/* --------- Anagrafica -------------------------------------------------------- */
#tabStripAlunniModifica > div.k-content,
#tabStripGenitoriModifica > div.k-content {
    position:relative;
}
#tabStripAlunniModifica > .k-tabstrip-items li
{
    white-space:nowrap;
    max-width:9%;
}
#tabStripAlunniModifica > .k-tabstrip-items .k-link
{
    display:block;
    text-overflow:ellipsis;
    overflow:hidden;
    padding:0.5em 0.6em;
}
#detailPrev {
    border-right:0 none;
    border-bottom-right-radius:0;
    border-top-right-radius:0;
}
#detailNext {
    border-bottom-left-radius:0;
    border-top-left-radius:0;
}
#photo-box {
    position:relative;
    margin-left:6px;
}
#photo-box #photo-frame,
#photo-box #photo-frame-disabled {
    background-color:#fff;
    box-shadow:1px 1px 6px rgba(0,0,0,0.2);
    float:left;
    border:#ddd 1px solid;
    position:relative;
}
#photo-box .s-drop-upload:before {
    bottom:48px;
    background-color:rgba(255,255,255,0.85);
}
#photo-box #photo-frame #photo-user,
#photo-box #photo-frame-disabled #photo-user {
    background:url("Bootstrap/user.png") no-repeat scroll center bottom rgba(0,0,0,0.07);
    width:230px;
    height:230px;
    margin:7px;
    position:relative;
}
#photo-box #photo-frame #photo-user.photo-user-m,
#photo-box #photo-frame-disabled #photo-user.photo-user-m {
    background:url("Bootstrap/user-m.png") no-repeat scroll center bottom rgba(0,0,0,0.07);
}
#photo-box #photo-frame #photo-user.photo-user-f,
#photo-box #photo-frame-disabled #photo-user.photo-user-f {
    background:url("Bootstrap/user-f.png") no-repeat scroll center bottom rgba(0,0,0,0.07);
}
#photo-box #photo-frame #photo-user .photo-user-image,
#photo-box #photo-frame-disableduser .photo-user-image {
  background-position: center center;
  background-size: cover;
  box-shadow:inset 0px 0px 2px rgba(0,0,0,0.15);
  height: 100%;
  position: absolute;
  width: 100%;
}
.photo-user-image {
    aspect-ratio: 1;
    background-size: cover;
}
#photo-box #photo-button {
    position: absolute;
    bottom: 0;
    padding: 1.2em;
    opacity: 0;
    -webkit-transition: opacity 1.2s ease-in-out;
    -moz-transition: opacity 1.2s ease-in-out;
    -ms-transition: opacity 1.2s ease-in-out;
    -o-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
}
#photo-box:hover #photo-button {
    opacity:1;
    -webkit-transition:opacity 0.4s ease-in-out;
       -moz-transition:opacity 0.4s ease-in-out;
        -ms-transition:opacity 0.4s ease-in-out;
         -o-transition:opacity 0.4s ease-in-out;
            transition:opacity 0.4s ease-in-out;
}
#photo-box #photo-button .k-button-icon {
    /*margin-bottom:0.4em;*/
}
.ultima-modifica {
    font-size: 0.85em;
    color: #aaa;
    vertical-align: bottom;
    padding-right: 1.5em;
}
.s-body .fa.flag-on, 
.s-container .fa.flag-on, 
.s-container-iframe .fa.flag-on,
.s-container-window .fa.flag-on {
    opacity:0.85;
    margin-top:0.3em;
    cursor:pointer;
    color:#428bca;
}
.s-body tr.k-state-selected .fa.flag-on, 
.s-container tr.k-state-selected .fa.flag-on, 
.s-container-iframe tr.k-state-selected .fa.flag-on,
.s-container-window tr.k-state-selected .fa.flag-on {
    color:#fff;
}

.s-body .fa.flag-on:hover, 
.s-container .fa.flag-on:hover, 
.s-container-iframe .fa.flag-on:hover,
.s-container-window .fa.flag-on:hover {
    opacity:1;
}
.s-body .fa.flag-off, 
.s-container .fa.flag-off, 
.s-container-iframe .fa.flag-off,
.s-container-window .fa.flag-off {
    opacity:0.25;
    margin-top:0.3em;
    cursor:pointer;
}
.s-body .fa.flag-off:hover, 
.s-container .fa.flag-off:hover, 
.s-container-iframe .fa.flag-off:hover,
.s-container-window .fa.flag-off:hover {
    opacity:0.4;
}
#BoxClassi td {
    border-bottom: 0 none;
    padding:0.6em;
}
#BoxClassi td .k-multiselect .k-multiselect-wrap ul {
    padding:2px 4px;
    margin:0;
}
#BoxClassi td .k-multiselect .k-multiselect-wrap {
    background-color:transparent;
}
#BoxClassi td .k-multiselect .k-multiselect-wrap li.k-button {
    width:100%;
    margin:2px 0;
    background-color:transparent;
    border:1px transparent;
    text-align:left;
    color: inherit;
    white-space:normal;
    font-weight:normal !important;
}
#BoxClassi td .k-multiselect .k-multiselect-wrap li.k-button:active {
    box-shadow:0 0 2px 0 #67afe9;
}
#BoxClassi #ClassiSecondarie_taglist li.k-button > span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 116px;
}
.k-list-container li.k-state-focused {
    background-color: #428bca;
    border-bottom-color: #428bca;
    color: #fff;
}
#BoxClassi td .k-multiselect .k-multiselect-wrap li.k-button span.k-icon {
    float:right;
}
#BoxClassi td .k-multiselect .k-input {
    display:none;
}
.classi-grid,
.tipiNominativo-grid {
    display:inline;
    margin-right:1em;
}
#nome-list small,
#nomeAlunno-list small,
.classi-grid small,
.tipiNominativo-grid small,
#GridFigliDiscordanti small {
    opacity:0.5;
}
.row.s-checkbox-multiselect-container small {
    opacity:0.6;
    font-size:75%;
}
#tabStripAnagraficaAnalisiDati-2.Principali .Principale-false {
    display:none;
}
#table-classe-principale td.nowrap {
    border-right: 0 none;
}
#table-classe-principale .k-widget.k-dropdown .k-dropdown-wrap .k-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 127px;
}

/* --------- Pagamenti --------------------------------------------------------- */
#FiltriPagamenti {
    padding: 0 0 2px !important;
}
#FiltriPagamenti table tr td {
    padding: 3px !important;
}
#FiltriPagamenti table tr td.FiltriPagamentiTop {
    border-bottom: 1px solid #d0d0d0;
}
#FiltriPagamenti table tr td .k-datepicker {
    padding: 0px !important;
}
#FiltriPagamenti table tr td label {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
    padding-left: 0.3em;
}
#FiltriPagamenti table tr td .k-button {
    margin: 0 .22em 0 0;
}
#Rateazioni {
    position:relative;
    overflow:hidden;
}
#Rateazioni .s-header {
    border-width:0 0 1px 0;
    padding:0.6em 1em;
}
#Rateazioni .s-footer {
    position:absolute;
}
#Rateazioni .s-modulo-table-header {
    padding:0.6em 2.4em 0.6em 1em;
}
#Rateazioni .s-modulo-content {
    padding:0 1em;
    overflow-x:auto;
    overflow-y:scroll;
}
#Rateazioni .pl_2em {
    padding-left:4em;
    position:relative;
}
#Rateazioni .pl_2em span {
    display:block;
    position:absolute;
    left:0;
    width:4.2em;
    text-align:right;
    line-height:2.5em;
    color:#aaa;
    font-size:0.9em;
}
#Rateazioni .border-bottom {
    border-bottom:1px solid #ccc;
}
#Rateazioni .riporta-valore {
    position: absolute;
    display: block;
    width: 16px;
    top: 6px;
    z-index: 999;
    float: right;
    right: 6px;
    text-align: center;
    cursor: pointer;
    font-size: 1em;
    height: 16px;
    line-height: 16px;
    background-color:#fff;
    border:#ccc 1px solid;
    border-radius:3px;
    z-index:999;
    opacity:0.95;
    color:#ccc;
}
#Rateazioni .box-data .riporta-valore {
    right: 30px;
}
#Rateazioni .box-importo .riporta-valore {
    left: 6px;
    right:inherit;
}
#RateIseeGeneraMovimento,
#RateIseeDatiAlunno {
    position:relative;
}

#RateIseeDatiAlunno .RateIseeDatiAlunnoMesi {
    position: absolute;
    bottom: 50px;
    right: 10px;
    left: 14px;
    overflow-y: scroll;
    top: 113px;
    overflow-x: hidden;
    padding-right: 5px;
}
#RateIseeGeneraMovimento .s-footer ,
#RateIseeDatiAlunno .s-footer {
    position:absolute;
    z-index:auto;
}
#FormNuovoMovimento #tabStripNuovoMovimento-1,
#FormNuovoMovimento #tabStripNuovoMovimento-2,
#FormNuovoMovimento #tabStripNuovoMovimento-3 {
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
    background-color:transparent;
}
#FormNuovoMovimento h3 {
    margin-bottom: 0.45em;
    margin-top: 0.65em;
}
#WindowReport {
    overflow:auto;
}
#WindowReport .s-grid-report table {
    width:100%;
    border-top: 1px solid #eee;
}
#WindowReport .s-grid-report tr {
    border-bottom:1px solid #eee;
}
#WindowReport .s-grid-report th.s-header {
    padding:0.6em 0.8em;
    font-weight:bold;
    background-color:#fcfcfc;
}
#WindowReport .s-grid-report tr td.s-grid-highlight {
    background-color: rgba(0, 0, 0, 0.01);
}
#WindowReport .s-grid-report tr td.s-grid-highlight strong {
    color: #428bca;
}
#WindowReport .s-grid-report td {
    padding:0.6em 0.8em;
}
#RicercaAvanzata {
    min-width: inherit;
    padding-right: 0.3em;
    padding-left: 0.3em;
}
#toolbarSalva {
    position:absolute;
    bottom:45px;
    left:1em;
    right:1em;
}
#FiltroAziende-list.k-list-container,
#FiltroProvince-list.k-list-container,
#FiltroSettoriProduttivi-list.k-list-container,
#FiltroCausale-list.k-list-container {
    min-width:82px !important;
    width: auto!important;
}
#FiltroAziende-list.k-list-container .k-list,
#FiltroProvince-list.k-list-container .k-list,
#FiltroSettoriProduttivi-list.k-list-container .k-list,
#FiltroCausale-list.k-list-container .k-list {
    width:auto !important;
}
.s-grid {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
}
    .s-grid tr.headerTable {
        background-color: #f5f5f5;
    }
        .s-grid tr.headerTable th {
            background-color: #f5f5f5;
            color: #666; 
            font-size: 10px;
            padding: 4px 0;
            text-align:center;
        }
    .s-grid tr td {
        font-size: 9px;
        text-align: center;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
    }
        .s-grid tr td:first-child {
            border-left: 0 none;
            font-size: 11px;
            padding: 2px 6px;
            color: #666;
        }
        .s-grid tr td.textAlignLeft {
            text-align: left;
        }
        .s-grid tr td.highlights {
            background-color: rgba(0,0,0,0.03);
            vertical-align: top;
        }
        .s-grid tr td.dayActive {
            height: 28px;
            vertical-align:top;
        }
        .s-grid tr td span {
            display: block;
            padding: 2px 0 1px;
        }
        .s-grid tr td i {
            display: block;
            font-style: normal;
            font-weight: bold;
            background-color: #1b9000; /*rgb(68 140 202 / 50%);*/
            color: #fff;
            padding: 1px 2px 2px;
        }
.k-grid-footer-wrap .k-footer-template .progress {
    margin-bottom:0;
    background-color:#fff;
    height:13px;
    overflow:hidden;
    box-shadow:none;
    position:relative;
    text-align: right;
    color: rgba(255,255,255,0.6);
    font-weight: 900;
    font-size: 10px;
    vertical-align: middle;
    line-height: 14px;
    margin-top:2px;
    border-radius:3px;
}
.k-grid-footer-wrap .k-footer-template .progress .progress-scaduto {
    background-color:#c00;
    height:13px;
    position:absolute;
    left:0;
    top:0;
    width:0%;
    z-index:1;
    overflow:hidden;
    -webkit-transition:width 2s ease-in-out;
       -moz-transition:width 2s ease-in-out;
        -ms-transition:width 2s ease-in-out;
         -o-transition:width 2s ease-in-out;
            transition:width 2s ease-in-out;
}
.k-grid-footer-wrap .k-footer-template .progress .progress-sospeso {
    background-color:#e80;
    height:13px;
    position:absolute;
    left:0;
    top:0;
    width:0%;
    z-index:2;
    overflow:hidden;
    -webkit-transition:width 2s ease-in-out;
       -moz-transition:width 2s ease-in-out;
        -ms-transition:width 2s ease-in-out;
         -o-transition:width 2s ease-in-out;
            transition:width 2s ease-in-out;
}
.k-grid-footer-wrap .k-footer-template .progress .progress-pagato {
    background-color:#370;
    height:13px;
    position:absolute;
    left:0;
    top:0;
    width:0%;
    z-index:3;
    overflow:hidden;
    -webkit-transition:width 2s ease-in-out;
       -moz-transition:width 2s ease-in-out;
        -ms-transition:width 2s ease-in-out;
         -o-transition:width 2s ease-in-out;
            transition:width 2s ease-in-out;
}
.k-grid-footer-wrap .k-footer-template .progress .progress-scaduto span,
.k-grid-footer-wrap .k-footer-template .progress .progress-sospeso span,
.k-grid-footer-wrap .k-footer-template .progress .progress-pagato span {
    padding-right:4px;
}
.k-grid-footer-wrap .k-footer-template .progress::after { 
    content: "";
    height:13px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:4;
    box-shadow:inset 0 1px 4px rgba(0,0,0,.4);
    border-radius:3px;
}
.openWindowAnagrafica {
    cursor:pointer;
}
#FormPagaMovimento #gridMovimenti .k-footer-template td:nth-child(1) {
    overflow: visible;
    white-space: nowrap;
    font-weight: normal;
    padding-top: 12px !important;
}
#FormPagaMovimento #gridMovimenti .k-footer-template td:nth-child(1),
#FormPagaMovimento #gridMovimenti .k-footer-template td:nth-child(2),
#FormPagaMovimento #gridMovimenti .k-footer-template td:nth-child(3),
#FormPagaMovimento #gridMovimenti .k-footer-template td:nth-child(4),
#FormPagaMovimento #gridMovimenti .k-footer-template td:nth-child(5) {
    border-width: 0;
}
/* --------- Libri ------------------------------------------------------------- */
#grid .k-state-selected span.bold.green,
#grid .k-state-selected .fa-book.green {
    color: #abdb94;
}
#grid .k-state-selected span.bold.orange,
#grid .k-state-selected .fa-book.orange {
    color: #ffdc99;
}
#grid .k-state-selected span.sol-ltGray,
#grid .k-state-selected span.k-state-disabled,
#grid .k-state-selected .fa-book.k-state-disabled {
    opacity: 0.25;
    color: #fff;
}
/* --------- Circletimer ------------------------------------------------------- */
#timer {
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:middle;
    margin-left:1em;
}
#ct-circle-container {
    width:100%;
    height:100%;
    position:relative;
    background-color:rgba(255,255,255,0.3);
    border-radius:50%;
}
#ct-circle-container::before {
    content:'';
    background-color:#0099e5;
    border-radius:50%;
    display:block;
    position:absolute;
    left:2px;
    right:2px;
    top:2px;
    bottom:2px;
    z-index:99;
}
#ct-circle-container svg {
    height:100%;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    width:100%
}
#ct-circle-container svg circle {
    fill:none;
    stroke:rgba(255,255,255,1.00);
    stroke-dashoffset:0;
    stroke-width:50%
}
/* --------- Codice fiscale ---------------------------------------------------- */
#DataNascita_dateview .k-calendar .k-content .k-link {
    min-height:1.6em;
    line-height:1.6em;
}
#DataNascita_dateview .k-calendar .k-content {
    height:auto;
}
/* --------- Modulo ------------------------------------------------------------ */
body input:-webkit-autofill,
body textarea:-webkit-autofill,
body Select:-webkit-autofill {
    background-color:#fff;
}
body input:-webkit-autofill,
body textarea:-webkit-autofill,
body Select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
textarea, input { 
    outline:none; 
}
#windowSezionale,
.k-widget.s-modulo {
    background-color: #fcfcfc;
}
.k-widget.s-modulo.k-grid {
    background-color:#fff;
}
#s-modulo-header {
    position:relative;
}
.s-modulo label {
    color:#999;
    display:block;
    font-size:0.9em;
    font-weight:normal;
    margin-top:0.75em;
    overflow:hidden;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap !important;
}
#GridPianiStudio.s-modulo label {
    text-align:center;
}
#GridPianiStudio.s-modulo input[type=radio].s-radio + label.s-radio-label::before {
    margin: 0 0 0 5px;
}
.s-modulo-iframe {
    position:absolute;
    top:0;
    right:0;
    bottom:3px;
    left:0;
    margin:0 !important;
}
.s-modulo-iframe .s-modulo-fieldset {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
    left: 0;
    right: 0;
    margin: 0 0 43px !important;
    padding: 1em;
}
.s-modulo-iframe footer.s-footer {
    position:absolute;
}
.s-modulo .LabelEdit {
    margin:0 4px;
}
.s-modulo .LabelEdit input {
    text-align:right;
    width:100%;
    margin:0.5em 4px 0 -2px;
    padding:2px 0 2px 0;
    border:1px transparent solid;
    background-color:transparent;
    font-size:0.9em;
    color:#999;
    display:inline-block;
    cursor:default;
}
.s-modulo .LabelEdit input:focus {
    cursor:auto;
    border:1px rgba(0,0,0,0.1) solid;
    background-image:none !important;
    margin:0.5em 5px 0 -6px;
    padding:2px 4px;
}
.s-modulo .LabelEdit input:hover {
    background:url("Bootstrap/edit.png") no-repeat scroll 2px center rgba(0, 0, 0, 0);
}
.s-modulo h3 {
    font-family: 'Roboto', sans-serif;
    font-weight:900;
    border-bottom:1px solid #ccc;
    color:#999;
    font-size:1.25em;
    padding-bottom:0.2em;
}
.s-modulo h4 {
    border-bottom: 1px solid #ddd;
    color: #aaa;
    font-size: 1em;
    padding: 0 0 0.2em;
    margin: 0.6em 0 0.6em;
}
.s-modulo h5 {
    border-bottom: 1px solid #ddd;
    color: #aaa;
    font-size: 0.9em;
    padding: 0 0 0.2em;
    margin: 0.3em 0 0.2em;
    font-weight:normal;
}
.s-modulo .k-toolbar {
    border-width:0 0 1px 0
}
.s-modulo .s-modulo-fieldset {
    margin:1em;
}
.s-modulo .row-space {
    margin-bottom:0.6em;
}
.s-modulo .row-space-sm {
    margin-bottom: 0.4em;
}
.s-modulo .row-space-xs {
    margin-bottom: 0.2em;
}
.s-modulo .s-fullwidth, 
.s-modulo .k-autocomplete, 
.s-modulo .k-combobox,
.s-modulo .k-datepicker,
.s-modulo .k-timepicker,
.s-modulo .k-datetimepicker,
.s-modulo .k-colorpicker,
.s-modulo .k-numerictextbox,
.s-modulo .k-dropdown,
.s-modulo .k-selectbox,
.s-modulo .k-textbox,
.s-modulo .k-toolbar .k-split-button {
    width:100%;
}
.k-webkit .k-numeric-wrap:before {
    padding-bottom: 0;
}
.s-modulo textarea.k-textbox {
    resize: none;
    text-indent:0;
    padding:0.5em 0.6em;
}
.s-modulo .k-pager-wrap .k-dropdown {
    width:4.5em !important;
}
.s-modulo .k-textbox:focus:not(),
.s-modulo .k-autocomplete.k-state-focused,
.s-modulo .k-picker-wrap.k-state-focused,
.s-modulo .k-numeric-wrap.k-state-focused,
.s-modulo .k-dropdown-wrap.k-state-focused,
.s-modulo .k-multiselect.k-header.k-state-focused {
    box-shadow:0 0 2px 0 #67afe9;
}
.s-body input.k-state-disabled {
    box-shadow:none !important;
    border-color:#ccc;
}
.s-body .k-invalid {
    border-color:#d00;
}
.s-body .s-input-group .k-invalid {
    border-color:#ccc;
}
.s-body .s-invalid {
    border-color:#d00 !important;
}
.s-body .k-invalid-msg {
    display:none !important;
}
.s-body :-moz-ui-invalid:not(output) {
    box-shadow:none;
}
.s-body .k-tooltip {
    margin-top:0.5em;
}
.s-modulo #status {
    color:#d00;
}
.s-body .k-textbox {
    background-color:#fff;
}
.s-load-m {
    background:url("Bootstrap/loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    display:inline-block;
    height:16px;
    margin-left:8px;
    width:16px;
    vertical-align:middle;
}
.s-load-w, 
.s-load-w-master {
    /*background:url("Bootstrap/loading-image.gif") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background-size:46px;
}
.s-body .s-modulo .k-tabstrip .k-tabstrip-items {
    padding:0 0 0 1em;
    margin-bottom: 0; /*-2px*/
}
.s-body .s-modulo .k-tabstrip-items .k-link {
    line-height: 14px;
}
.s-body .s-modulo .k-tabstrip-items .k-item.k-state-active {
    background-color:#fcfcfc;
}
.s-body .s-modulo .k-tabstrip-items .k-state-active .k-link {
    color: #428bca;
    font-weight: 900;
}
.s-body .s-modulo .k-tabstrip .k-content {
    border-right:0 none;
    border-bottom:0 none;
    border-left:0 none;
}
.s-body .s-modulo .k-tabstrip .k-content.k-state-active {
        background-color: #fcfcfc;
}
.s-body .s-modulo .k-tabstrip .k-state-disabled {
    border-color:transparent;
}
.s-body .s-modulo .k-tabstrip .k-grid-pager .k-state-disabled {
    border-color:inherit;
}
.s-body .s-modulo .k-tabstrip-left .k-content.k-state-active {
    border-top-width:0;
    border-left:1px solid #ccc;
}
.s-body .s-modulo .k-tabstrip-left .k-loading.k-complete {
    border-color:#fcfcfc;
    width:1px;
}
.s-body .s-modulo .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.s-body .s-modulo .k-tabstrip-left > .k-tabstrip-items .k-state-active {
    margin-right: -1px;
}
.s-body .s-modulo .k-tabstrip.k-tabstrip-left .k-tabstrip-items {
    padding:0;
    margin-bottom: 2px; /*-2px*/
}
.s-body .s-modulo .k-tabstrip.k-tabstrip-scrollable .k-tabstrip-items {
    margin-left: 25px;
    margin-right: 25px;
    padding: 0;
    margin-bottom: -1px;
}
.s-body .s-modulo .k-tabstrip.k-tabstrip-scrollable .k-tabstrip-prev,
.s-body .s-modulo .k-tabstrip.k-tabstrip-scrollable .k-tabstrip-next {
    top: 0px;
    padding: 3px 0px;
    display: block;
}

.s-modulo .k-textbox[readonly],
.s-modulo .k-input[readonly] {
    color: #aaa !important;
}
.s-modulo .k-grid-toolbar label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
    overflow:initial;
}
.s-modulo .k-grid-toolbar .s-wd-120 {
  width: 120px;
}
.s-modulo .k-grid-toolbar .s-wd-160 {
    width: 160px;
}
.s-input-group {
    border:#ccc 1px solid;
    border-radius:2px;
    background-color:#fff;
    overflow:hidden;
}
.s-input-group.area,
.k-multiselect.area {
    border-color: #a1c6e6;
    background-color: #feffff;
}
.s-input-group.area .k-dropdown .k-input {
    background-image:url("Bootstrap/area.png");
    background-position:right center;
    background-repeat:no-repeat;
}
.cvv-active .s-input-group.cvv .k-dropdown .k-input {
    background-image: url("Bootstrap/cvv.png");
    background-position: right center;
    background-repeat: no-repeat;
}
.cvv-active .s-input-group.area.cvv .k-dropdown .k-input {
    background-image: url("Bootstrap/area-cvv.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.cvv-active .k-datepicker.area-ref .k-input.cvv {
    background-image: url(Bootstrap/area-cvv.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.cvv-active .k-datepicker.area-ref .k-picker-wrap:has(.k-input.cvv) {
    background-image: none;
}

.s-input-group-field {
    padding: 0;
    margin-right: 2.1em;
}
.s-input-group-field.s-input-group-field-double {
    margin-right:4.2em;
}
 {
    padding: 0;
    margin-right: 2.1em;
}
.s-input-group-addon {
    width:2.1em;
    float:right;
}
.s-input-group-addon .k-button-icon {
    /*padding:0.3em 0.3em;*/
    padding-top:0.3em;
    border:0 none;
    height:2.30em;
    display:block;
    border-radius:0 4px 4px 0;
}
.s-input-group-autocomplete {
    padding:0 !important;
    border:0 none;
}
.s-input-group-autocomplete .k-icon {
    right:5px !important;
}
.s-input-group-autocomplete .k-autocomplete .k-loading {
    right:22px !important;
}
.s-input-group .k-dropdown,
.s-input-group .k-dropdown-wrap,
.s-input-group .k-textbox,
.k-ff .s-container .s-input-group .k-dropdown,
.k-ff .s-container .s-input-group .k-dropdown-wrap,
.k-ff .s-container .s-input-group input.k-textbox,
.k-ff .s-container-iframe .s-input-group .k-dropdown,
.k-ff .s-container-iframe .s-input-group .k-dropdown-wrap,
.k-ff .s-container-iframe .s-input-group input.k-textbox,
.k-ff .s-container-window .s-input-group .k-dropdown,
.k-ff .s-container-window .s-input-group .k-dropdown-wrap,
.k-ff .s-container-window .s-input-group input.k-textbox {
    border-top:0 none;
    border-left:0 none;
    border-bottom:0 none;
    border-radius:0;
    height:2.30em;
    background-color:transparent;
    display:block;
}
.s-input-group .fa-button-icon {
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 12px;
    height: 23px;
    width: 24px !important;
}
.s-input-group .fa-button-icon .fa {
    font-size:1em;
}

input.k-textbox.s-textbox-small {
    height:1.9em;
}
select.s-select-area {
    /*border:#ccc solid 1px;*/
    /*border-radius:4px;*/
    border:0 none;
    background-color:#fff;
    width:100%;
    display:block;
    overflow:auto;
    padding:0.2em 0;
}
select.s-select-area option,
select.s-select-area:-internal-list-box option {
    border:0 none;
    border-radius:4px;
    background-color:#fff;
    padding:.4em .8em;
    color:#666;
    margin:0 0.2em;
}
select.s-select-area option:hover, 
select.s-select-area:-internal-list-box option:hover {
    background-color:#ebebeb;
}
select.s-select-area option:checked, 
select.s-select-area option.selected,
select.s-select-area:-internal-list-box option:checked
#container stylesheetselect:-internal-list-box option:checked, 
#container select:-internal-list-box option:checked {
    background:#428bca repeat url("Bootstrap/select-option-bg.gif");
    background-color: #428bca !important;
    color:-internal-active-list-box-selection-text !important;
}
.s-radio-list, 
.s-check-list {
    padding:0.6em 0.6em;
    overflow:auto
}
#BoxModello .s-radio-list {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:34px;
}
.s-container-window .s-radio-list, 
.s-container-window .s-check-list {
    padding:0.3em 0.3em;
}
.s-radio-list input[type=radio] {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
.s-radio-list.s-radio-list label {
    margin:0;
}
.s-radio-list label {
    text-align:left;
    font-size:1.1em;
    padding:0.4em 0.8em;
    border-radius:3px;
    margin:0 0 0.2em;
    cursor:pointer;
}
.s-container-window .s-radio-list label {
    padding:0.2em 0.4em;
    border-radius:2px;
    margin:0 0 0.1em;
}
.s-radio-list label.icon {
    display:flex;
}

.s-radio-list label span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.s-radio-list label span.icon {
    /*flex:70px;*/
}
.s-radio-list label span:first-child {
    flex:1;
}

.s-radio-list label span.icon i.fa {
    margin-left: 5px;
}

.s-radio-list label .fa {
    margin-left:0.6em;
    margin-top:0.15em;
    vertical-align:middle;
    font-size:1.1em;
    color:#999;
}
.s-radio-list label:hover {
    background-color:#ebebeb;
}
.s-radio-list label span.icon {
    display:none;
}
.s-radio-list label:hover span.icon {
    display:block;
}
.s-radio-list input[type=radio]:checked + label {
    background-color:#428bca;
    color:#fff;
}
.s-radio-list input[type=radio]:checked + label .fa {
    color:#fff;
}

.row.s-checkbox-multiselect-container {
    margin-left:0 !important;
    margin-right:0 !important;
}
.row.s-checkbox-multiselect-container .col-sm-6 {
    padding-left:0 !important;
    padding-right:0 !important;
}
.row.s-checkbox-multiselect-container .col-sm-6:first-child .s-widget {
    border-radius:4px 0 0 4px;
    border-right:0 none;
}
.row.s-checkbox-multiselect-container .col-sm-6:last-child .s-widget {
    border-radius:0 4px 4px 0;
    border-left:#eee solid 1px;
}
.s-checkbox-multiselect .s-checkbox-multiselect-left,
.s-checkbox-multiselect .s-checkbox-multiselect-right {
    overflow:auto;
    padding:0.2em;
}
.s-checkbox-multiselect .k-button-icon {
    padding: 0 0 1px !important;
    margin-right:0.5em !important;
}

.s-checkbox-multiselect input[type=checkbox] {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
.s-checkbox-multiselect-left input[type=checkbox]:checked + label {
    display:none;
}
.s-checkbox-multiselect-right input[type=checkbox] + label {
    display:none;
}
.s-checkbox-multiselect-right input[type=checkbox]:checked + label {
    display:block;
}

.s-checkbox-multiselect .k-header {
    font-size:0.9em;
    color:#aaa;
}
.s-checkbox-multiselect label {
    display:block;
    text-align:left;
    font-size:1.1em;
    padding:0.4em 0.4em;
    border-radius:3px;
    margin:0 0 0.2em;
    cursor:pointer;
}
.s-checkbox-multiselect label:hover:not(.s-state-disabled, .s-checkbox-label-principali) {
    background-color: #ebebeb;
}

.s-modulo input[type=checkbox].s-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
.s-modulo label.s-checkbox-label {
    padding:3px 0 3px 3px !important;
    position:relative;
    margin:0;
    top:4px;
    left:-3px;
}
.s-modulo.k-grid label.s-checkbox-label,
.s-modulo .k-grid label.s-checkbox-label {
    top:0;
    left:0;
    padding:1px 0 0 3px !important;
}
.s-modulo label.s-checkbox-label-horizontal {
    margin-right:2em;
    float:left;
}
.s-modulo h4 label.s-checkbox-label {
    display:inline-block;
}

.s-modulo input[type=checkbox].s-checkbox + label.s-checkbox-label::before {
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background-color:#fff;
    border:#ccc solid 1px;
    margin:0 5px 0 0;
    padding:0;
    overflow:visible !important;
    position:relative;
    vertical-align:middle;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url("Bootstrap/checkbox.png");
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
    top:-1px;
}
.s-modulo input[type=checkbox].s-checkbox:disabled + label.s-checkbox-label::before {
    opacity:0.5;
}

k-state-selected
.s-modulo input[type=checkbox].s-checkbox + label.s-checkbox-label:hover::before {
    border:#adadad solid 1px;
}
.s-modulo input[type=checkbox].s-checkbox:focus + label.s-checkbox-label::before {
    box-shadow:0 0 2px 0 #67afe9;
}
.s-modulo input[type=checkbox].s-checkbox:checked + label.s-checkbox-label::before {
	background-position:0 -14px;
}

.s-modulo input[type=radio].s-radio {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
.s-modulo label.s-radio-label {
    padding:3px 0 3px 3px !important;
    position:relative;
    margin:0;
    top:4px;
    left:-3px;
}
.s-modulo label.s-radio-label-horizontal {
    margin-right:2em;
    float:left;
}
.s-modulo label.s-radio-label-vertical {
    display:block;
    float:left;
    clear:both;
}
.s-modulo input[type=radio].s-radio + label.s-radio-label::before {
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background-color:#fff;
    border:#ccc solid 1px;
    border-radius:7px;
    margin:0 5px 0 0;
    padding:0;
    overflow:visible !important;
    position:relative;
    vertical-align:middle;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url("Bootstrap/radio.png");
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
    top:-1px;
}
.s-modulo input[type=radio].s-radio:disabled + label.s-radio-label::before {
    opacity: 0.5;
}

.s-modulo input[type=radio].s-radio + label.s-radio-label:hover::before {
    border:#adadad solid 1px;
}
.s-modulo input[type=radio].s-radio:focus + label.s-radio-label::before {
    box-shadow:0 0 2px 0 #67afe9;
}
.s-modulo input[type=radio].s-radio:checked + label.s-radio-label::before {
	background-position:0 -14px;
}
.s-modulo .k-combobox .k-select {
    /*border-left:0 none;*/
}
.s-modulo .k-tabstrip>.k-content {
    padding:0.8em 0.92em 0.3em;
}

.s-modulo .k-tabstrip:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
}
.s-modulo .textarea-30 {
    height: 30px;
}
.s-modulo .textarea-50 {
    height:50px;
}
.s-modulo .textarea-60 {
    height:60px;
}
.s-modulo .textarea-70 {
    height:70px;
}
.s-modulo .textarea-80 {
    height:80px;
}
.s-modulo .textarea-88 {
    height:88px;
}
.s-modulo .textarea-94 {
    height:94px;
}
.s-modulo .textarea-108 {
    height:108px;
}
.s-modulo .textarea-120 {
    height:120px;
}
.s-modulo .textarea-136 {
    height:136px;
}
.s-modulo .textarea-180 {
    height: 180px;
}
.s-modulo .textarea-200 {
    height: 200px;
}
.s-modulo .textarea-210 {
    height: 210px;
}
.s-modulo .textarea-240 {
    height:240px;
}
.s-modulo .textarea-310 {
    height:310px;
}
.s-modulo .textarea-350 {
    height: 350px;
}
.s-modulo .textarea-374 {
    height: 374px;
}
.s-modulo input.area,
.s-modulo select.area {
	background-image:url("Bootstrap/area.png");
    background-position:right center;
    background-repeat:no-repeat;
    border-color: #a1c6e6;
    background-color: #feffff;
}
.s-modulo textarea.area {
	background-image:url("Bootstrap/area.png");
    background-position:right top;
    background-repeat:no-repeat;
    border-color: #a1c6e6;
    background-color: #feffff;
}
.s-modulo span.area span.k-input {
	background-image:url("Bootstrap/area.png");
    background-position:right center;
    background-repeat:no-repeat;
}

.cvv-active.s-modulo input.cvv,
.cvv-active.s-modulo select.cvv {
    background-image: url("Bootstrap/cvv.png");
    background-position: right center;
    background-repeat: no-repeat;
}
.cvv-active.s-modulo textarea.cvv {
    background-image: url("Bootstrap/cvv.png");
    background-position: right top;
    background-repeat: no-repeat;
}
.cvv-active.s-modulo span.cvv span.k-input {
    background-image: url("Bootstrap/cvv.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.cvv-active.s-modulo input.area.cvv,
.cvv-active.s-modulo select.area.cvv {
    background-image: url("Bootstrap/area-cvv.png");
}
.cvv-active.s-modulo textarea.area.cvv {
    background-image: url("Bootstrap/area-cvv.png");
}
.cvv-active.s-modulo span.area.cvv span.k-input {
    background-image: url("Bootstrap/area-cvv.png");
}

.s-modulo span.area span.k-dropdown-wrap {
    border-color: #a1c6e6;
    background-color: #feffff;
}
.s-modulo input[type=checkbox].s-checkbox + label.area::before {
    border-color: #a1c6e6 !important;
    background-color: #feffff !important;
}

.s-modulo label.area-ref {
	background-image:url("Bootstrap/area-icon.png");
    background-position:right 30px center;
    background-repeat:no-repeat;
}
.s-modulo span.area-ref span.k-dropdown-wrap,
.s-modulo span.area-ref span.k-numeric-wrap,
.s-modulo span.area-ref span.k-picker-wrap {
    border-color: #a1c6e6;
    background-color: #feffff;
}
.s-modulo span.area-ref span.k-numeric-wrap,
.s-modulo span.area-ref span.k-picker-wrap {
	background-image:url("Bootstrap/area.png");
    background-position:right 24px center;
    background-repeat:no-repeat;
}
.s-modulo span.area-ref.no-ico span.k-numeric-wrap,
.s-modulo span.area-ref.no-ico span.k-picker-wrap {
	background-image:none;
}
.s-modulo span.area-ref span.k-numeric-wrap .k-input,
.s-modulo span.area-ref span.k-picker-wrap .k-input {
    background-color:transparent;
}
.s-container .k-textbox,
.s-container-iframe .k-textbox,
.s-container-window .k-textbox {
    text-indent:0.3em;
}
.s-container .k-input,
.s-container-iframe .k-input,
.s-container-window .k-input {
    text-indent:0.5em;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#d9d9d9;
    text-transform:initial;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#d9d9d9;
    opacity:1;
    text-transform:initial;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#d9d9d9;
    opacity:1;
    text-transform:initial;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#d9d9d9;
    text-transform:initial;
}
.k-ff .s-container input.k-textbox,
.k-ff .s-container-iframe input.k-textbox,
.k-ff .s-container-window input.k-textbox {
  height:2.47em;
}
.s-modulo .k-dropdown-wrap.k-state-default.k-invalid.k-state-border-down,
.s-modulo .k-numeric-wrap.k-state-default.k-invalid.k-state-border-down {
    border-bottom-width: 1px;
    padding-bottom: 0;
    border-radius: 4px;
}
.s-modulo .s-input-currency {
    width:90% !important;
    margin-right:0.5em !important;
}
.s-modulo .k-numeric-wrap, 
.s-modulo .k-picker-wrap,
.s-modulo .k-dropdown-wrap {
    overflow:hidden;
}
.s-modulo .k-dropdown-wrap .k-input,
.s-modulo .k-autocomplete.k-state-default .k-input, 
.s-modulo .k-combobox .k-state-default .k-input, 
.s-modulo .k-picker-wrap.k-state-default .k-input, 
.s-modulo .k-numeric-wrap.k-state-default .k-input, 
.s-modulo .k-multiselect-wrap, 
.s-modulo .k-slider-track, 
.s-modulo .k-slider-selection, 
.s-modulo .k-progress-status-wrap {
    -webkit-box-shadow:none;
    box-shadow:none;
}
#ModuloStageLivelloBox {
    padding:0;
}
#ModuloStageLivelloBox .k-dropdown-wrap .k-input {
    padding: .167em 0 .05em;
}
#ModuloStageLivelloBox .k-dropdown-wrap {
    border-left:0 none;
}
.intestazioneStageModifica .k-dropdown .k-state-disabled,
#tabStripStageModifica .k-dropdown .k-state-disabled,
#tabStripStageModifica .k-combobox .k-state-disabled,
#tabStripStageModifica .k-datepicker .k-state-disabled,
#tabStripStageModifica .k-numerictextbox .k-state-disabled {
    border-color: #ccc;
    color: #aaa;
    background-color: #fff;
    opacity:1;
}
.intestazioneStageModifica .k-dropdown .k-state-disabled .k-input,
#tabStripStageModifica .k-dropdown .k-state-disabled .k-input,
#tabStripStageModifica .k-combobox .k-state-disabled .k-input,
#tabStripStageModifica .k-datepicker .k-state-disabled .k-input,
#tabStripStageModifica .k-numerictextbox .k-state-disabled .k-input {
    color: #aaa;
}
.intestazioneStageModifica .k-dropdown .k-state-disabled .k-select,
#tabStripStageModifica .k-dropdown .k-state-disabled .k-select,
#tabStripStageModifica .k-combobox .k-state-disabled .k-select,
#tabStripStageModifica .k-datepicker .k-state-disabled .k-select,
#tabStripStageModifica .k-numerictextbox .k-state-disabled .k-select {
    opacity:0.5;
}
.s-modulo #tabStripStageModifica input[type=checkbox][readonly=readonly].s-checkbox + label.s-checkbox-label::before,
.s-modulo #tabStripStageModifica input[type=radio][readonly=readonly].s-radio + label.s-radio-label::before {
    opacity: 0.5;
}
#map {
    background-color:#f0eee9;
}
.mapQr {
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 8px;
    padding: 2px;
    background-color: #fff;
    border-radius:2px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}
.gm-style-iw h1 {
    font-size:11px !important;
}
.gm-style-iw h1 {
    margin:0.1em 0;
    font-size:12px !important;
    color:#428bca;
}
.s-modulo .gmnoprint label {
    display: inline !important;
}
/* --------- Iframe ------------------------------------------------------------ */
.iframe-detail {
    border:0 none;
    /*background: none transparent !important;*/
    width:100%;
    /*background-image:url("Soluzione/fondo.gif");*/
    background-color:#fbfbfb:
}

/* --------- Tooltip ----------------------------------------------------------- */
.k-widget.k-tooltip {
    background:rgba(65,137,200,0.9); 
    color:#fff;
    border-color:#4189c7;
    font-size:0.9em;
    padding:0.8em 1.2em;
}
.k-callout.k-callout-n {
    border-bottom-color:#4189c7; 
}
.k-callout.k-callout-e {
    border-left-color:#4189c7; 
}
.k-callout.k-callout-s {
    border-top-color:#4189c7; 
}
.k-callout.k-callout-w {
    border-right-color:#4189c7; 
}
.s-tooltip-box {
    position: absolute;
    right: 0.2em;
    z-index: 9;
    border: #ccc solid 1px;
    padding: 0.6em 1.2em;
    top: -2.04em;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    background-color: #fafafa;
    display:none;
}

/* --------- DropDownMenu ------------------------------------------------------ */
.k-popup ul.k-list li.k-item {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* --------- FullPage ---------------------------------------------------------- */
.s-fullpage-menu {
    margin: 0;
    display: block;
    padding: 0;
    background-color: #fcfcfc;
    border: solid 1px #eee;
    z-index: 1;
    position: relative;
}
.s-fullpage-menu li {
    color: #bbb;
    display: inline-block;
    font-size: 1.0em;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 16px;
    position: relative;
    border-radius: 0 14px 14px 0;
    /* background-color: #fafafa; */
    border-right: 2px solid #ccc;
}
.s-fullpage-menu li.active {
    background-color:#428bca;
    color:#fff;
}
.s-fullpage-menu li a {
  color:#bbb;
}
.s-fullpage-menu li.active a {
    color:#fff;
}
.s-fullpage-menu li a em {
    display: inline-block;
    background-color: #ddd;
    color: #fff;
    border-radius: 12px;
    /* margin: 2px; */
    width: 20px;
    height: 20px;
    font-style: normal;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    z-index: 1;
    position: relative;
    margin-left: 4px;
    border: 2px solid #fafafa;
    right: -1px;
}
.s-fullpage-menu li.active a em {
    background-color: #165f9e;
    border-color: #8fb7da;
}
.s-fullpage-menu li:not(:first-child) {
    margin-left:-14px;
}
.s-fullpage-menu li:not(:first-child):after {
}
.s-fullpage-menu li:not(:first-child):before {
}
.fullpage-wrapper h3 {
    margin-top:10px;
    margin-bottom:10px;
}

/* --------- Menu Map ---------------------------------------------------------- */
ul#menuMap {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
}
ul#menuMap:hover {
    background-color: transparent;
}
ul#menuMap>li.k-item {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
ul#menuMap>li.k-item,
ul#menuMap>li.k-state-active,
ul#menuMap>li.k-state-hover,
ul#menuMap>li.k-state-border-down,
ul#menuMap>li.k-item span.k-state-border-down {
    background-color: transparent !important;
    box-shadow:none;
}
ul#menuMap li span.k-link {
    padding: 0;
    font-size: 11px;
    line-height: 16px;
}
ul#menuMap li span.k-link:hover {
    background-color: transparent;
}
ul#menuMap li.k-item span.k-i-arrow-s {
    display:none;
}
ul#menuMap li:before,
ul#menuMap li:after {
    border: 0 none;
}
ul#menuMap li ul.k-menu-group {
    top:5px;
    left:-10px;
}
ul#menuMap li ul li {
    padding: 2px 0px;
}

/* --------- Editor email ------------------------------------------------------ */
#EmailEditor iframe {
    height:250px;
}

/* --------- Docenti ----------------------------------------------------------- */
#tabStripDocentiGestioneServizio > .k-content {
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    padding-top:0 !important;
    padding-right:0 !important;
    overflow:hidden;
}
#tabStripDocentiGestioneServizio > .k-tabstrip-items > .k-item > .k-link {
    padding-top:8px;
    padding-bottom:7px;
}
#BoxDocentiGestioneServizio .s-container-footer {
    margin: 0 0 0 1em;
    border-top:1px solid #ccc;
}
#BoxAnno label {
    /*font-size:11px;*/
    padding: 0.2em 0.2em;
    text-align:center;
}

/* --------- Analisi dati pagamenti ------------------------------------------- */
#BoxSelezioneAree .k-multiselect .k-multiselect-wrap,
#BoxSelezioneAlunno .k-multiselect .k-multiselect-wrap {
    background-image: url('Bootstrap/select-arrow.png');
    background-position:right center;
    background-repeat:no-repeat;
}
#BoxSelezioneAree .k-multiselect .k-multiselect-wrap ul,
#BoxSelezioneAlunno .k-multiselect .k-multiselect-wrap ul {
    background-color:#fff;
}
#BoxSelezioneAree .k-multiselect .k-button {
    border-color: inherit;
    background-color: inherit;
    font-weight: normal !important;
    width: 100%;
    text-align: left;
    border: 0 none;
    margin:1px 0 0 !important
}
#BoxSelezioneAree .k-multiselect .k-multiselect-wrap {
    height: 27px;
}
#BoxSelezioneAree .k-multiselect .k-input {
    display:none;
}
#BoxSelezioneAree .k-multiselect .k-button {
    border-color: inherit;
    background-color: inherit;
    font-weight: normal !important;
    text-align: left;
    border: 0 none;
    margin:1px 0 0 !important
}
#BoxSelezioneAlunno .k-multiselect .k-button {
    border-color: inherit;
    background-color: inherit;
    font-weight: normal !important;
    text-align: left;
    border: 0 none;
    margin:1px 0 0 !important;
    padding-right:0;
    height: 22px;
    overflow: hidden;
    max-width: 80%;
}
#BoxSelezioneAlunno .k-multiselect .k-multiselect-wrap {
    height: 20px;
    overflow: hidden;
}
#BoxSelezioneAlunno .k-multiselect .k-input {
    height: 20px;
    color:#888;
}
#BoxSelezioneAlunno .k-multiselect .k-multiselect-wrap .k-button > span:not(.k-select) {
    margin-right: 0px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
#BoxSelezioneAlunno .k-multiselect .k-multiselect-wrap .k-button > span.k-select {
    display: none;
}
#nomeAlunno-list #nomeAlunno_listbox .k-item::before {
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background-color:#fff;
    border:#ccc solid 1px;
    margin:0 8px 0 0;
    padding:0;
    overflow:visible !important;
    position:relative;
    vertical-align:middle;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url("Bootstrap/checkbox.png");
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
    top:-2px;
}
#nomeAlunno-list #nomeAlunno_listbox .k-item.k-state-selected::before {
    background-position: 0 -14px;
}

div#Aree-list.k-list-container li.k-state-focused {
    background-color: transparent;
    border-color: transparent;
    color: #666;
}
div#Aree-list.k-list-container li.k-state-selected {
    background-color: #428bca !important;
    border-bottom-color: #428bca !important;
    color: #fff !important;
}
div#Aree-list.k-list-container {
    right: 8px;
    left: 10px;
}

/* --------- Elenchi ---------------------------------------------------------- */
#CercaColonnaBox {
    padding: 10px 10px 5px;
}
#CercaColonna {
    width:100%
}
li.k-columns-item div.k-animation-container ul.k-menu-group li > span > input {
    vertical-align: text-bottom;
    margin-bottom: 1px;
    margin-top: 6px;
    margin-right: 8px;
}

/* --------- Idoneità --------------------------------------------------------- */
#TabStripDocumenti span.k-link.ritirato {
    padding-left: 22px;
}

#TabStripDocumenti span.k-link.ritirato:before {
    content: " ";
    width: 10px;
    height: 10px;
    background-color: #d01616;
    position: absolute;
    border-radius: 6px;
    /* right: 0; */
    /* vertical-align: middle; */
    top: 8px;
    left: 8px;
}

#TabStripPagelle span.k-link.idoneo {
    padding-left: 22px;
}

#TabStripPagelle span.k-link.idoneo:before {
    content: " ";
    width: 10px;
    height: 10px;
    background-color: #54d016;
    position: absolute;
    border-radius: 6px;
    /* right: 0; */
    /* vertical-align: middle; */
    top: 8px;
    left: 8px;
}

#idoneita-status-studente {
    float: right;
    margin-right: 1em;
}
#idoneita-status-studente.idoneo #idoneita-status-studente-idoneo {
    display: inline-block;
}
#idoneita-status-studente.ritirato #idoneita-status-studente-ritirato {
    display: inline-block;
}
#idoneita-status-studente-idoneo,
#idoneita-status-studente-ritirato {
    color: #fff;
    font-weight: bold;
    padding: 0.3em 1em;
    border-radius: 1em;
    display: inline-block;
    margin-left: 0.5em;
    text-transform:uppercase;
    display:none;
}
#idoneita-status-studente-idoneo {
    background-color: #3aad00;
}
#idoneita-status-studente-ritirato {
    background-color: #d01616;
}

/* --------- Flex Box --------------------------------------------------------- */
.flex-box {
    background-color: transparent;
}

.flex-box:after {
  content: '';
  display: block;
  clear: both;
}

.flex-box-item,
.flex-box-sizer {
    width: 100%;
}

.flex-box-item {
    float: left;
    height: 236px;
    background-color: transparent;
    border: 0 none;
    padding:0;
}

.flex-box-item > div.active {
    margin: 0 6px;
}

.flex-box-item--width2 { 
    width: 100%; 
}
.flex-box-item--height2 { 
    height: 472px; 
}

@media (min-width: 600px) {
    .flex-box-item,
    .flex-box-sizer {
        width: 50%;
    }
    .flex-box-item--width2 { 
        width: 100%; 
    }
}

@media (min-width: 800px) {
    .flex-box-item,
    .flex-box-sizer {
        width: 33.333%;
    }
    .flex-box-item--width2 { 
        width: 66.666%; 
    }
}
@media (min-width: 900px) {
    .flex-box-item,
    .flex-box-sizer {
        width: 25%;
    }
    .flex-box-item--width2 { 
        width: 50%; 
    }
}
@media (min-width: 1200px) {
    .flex-box-item,
    .flex-box-sizer {
        width: 20%;
    }
    .flex-box-item--width2 { 
        width: 40%; 
    }
}
@media (min-width: 1400px) {
    .flex-box-item,
    .flex-box-sizer {
        width: 12.5%;
    }
    .flex-box-item--width2 { 
        width: 25%; 
    }
}

/* --------- Tools ------------------------------------------------------------- */
#toolBox {
    position: fixed;
    left: -60px;
    top: 50%;
    background-color: #0099e4;
    color: rgba(255,255,255,0.75);
    font-size: 4em;
    line-height: 0.5em;
    box-shadow: 2px 2px 16px rgba(0,0,0,0);
    border-radius: 0 0 8px 0;
    margin-top: -100px;
    z-index: 9999;
    -webkit-transition: left 2s; /* Safari */
    transition: all 0.9s ease-in-out;
    transition-delay:2s;
}
#toolBox:hover {
    left: 0px;
    box-shadow: 2px 2px 16px rgba(0,0,0,0.2);
    transition: all 0.3s ease-in-out;
}
#toolBox #toolHandle {
    position: absolute;
    right: -20px;
    background-color: #0099e5;
    width: 20px;
    text-align: center;
    border-radius: 0 8px 8px 0;
    padding: 4px 2px 4px 0;
    color: #fff;
    box-shadow: 5px 2px 10px rgba(0,0,0,0.2);
}
#toolBox #toolBody {
    width: 60px;
    text-align: center;
    padding: 15px 0 20px;
    height: 200px;
}
#toolBox #toolBody h3 {
    font-size:12px;
    font-weight:bold;
    color:#fff;
    line-height:12px;
    margin:0 0 5px;
    padding:0;
}
#toolBox #toolBody .fs {
    cursor:pointer;
    transition: color 0.6s ease-in-out;
    height: 48px;
    display: block;
    overflow: hidden;
}
#toolBox #toolBody .fs:hover {
    color: rgba(255,255,255,1);
    transition: color 0.1s ease-in-out;
}

#rubrica .k-grid-toolbar {
    border-bottom-color:transparent;
}
#rubrica .c {
    margin:3px 0 6px;
}
#rubrica .color2 {
    font-size: 15px;
    line-height: 15px;
    border-bottom: solid 1px rgba(0,0,0,0.05);
    margin-bottom: 4px;
    padding-bottom: 4px;
}
#rubrica .k-state-selected .color2 {
    color:#fff !important;
    border-bottom: solid 1px rgba(255,255,255,0.25);
}
#rubrica .k-state-selected .sol-gray {
    color:rgba(255,255,255,0.7);
}
#rubricaDettaglio input.k-textbox {
    height:24px;
}
#rubricaDettaglio .row-space {
    margin-bottom:1px;
}
#rubricaDettaglio #qrDetail {
    margin-top:4px;
}
#rubrica .color2 em {
    font-size: 12px;
    float: right;
    font-style:normal;
    color:#ccc;
}
#rubrica .color2 em .fa {
    font-size: 11px;
    transform: rotate(90deg);
    opacity:0.75;
}
#rubricaLetter {
    width:100%;
    position:relative;
    margin-top:6px;
    margin-bottom:-2px;
}
#rubricaLetter td {
    margin:0 !important;
    padding:0 !important;
    text-align:center;
    border:0 none;
    position:relative;
}
#rubricaLetter td label {
    display: block;
    padding: 0;
    margin:0;
    position:relative;
    left:0;
    right:0;
    top:0;
    bottom:0;
    text-align:center;
}
#rubricaLetter td input[type=checkbox]:checked + label {
    background-color:#0099e5;
    color:#fff;
} 
#rubricaLetter input {
    position:absolute;
    left:-5000px;
}
#rubricaDettaglioBox a.k-button-icon {
    padding-top: 2px;
    height: 24px;
}
#rubricaDettaglioBox .s-input-group-email1 {
    margin-bottom: 4px;
}

#scheduler.agenda .k-scheduler-table .k-today {
    background-color: rgba(15, 110, 160, 0.05);
}
#scheduler.agenda .k-nav-current .k-link {
    color: #0099e5;
    font-size: 14px;
    font-weight: bold;
}
.k-scheduler-edit-form .k-edit-label {
    padding:0;
}
.k-scheduler-edit-form label[for=timezone] { 
    display:none;
}
.k-scheduler-edit-form div[data-container-for=timezone] { 
    display:none;
}
.k-scheduler-edit-form label[for=recurrenceRule] { 
    display:none;
}
.k-scheduler-edit-form div[data-container-for=recurrenceRule] { 
    display:none;
}
#appunti .k-grid-toolbar {
    border-bottom-color:transparent;
}
#appunti .c {
    margin:3px 0 6px;
}
#appunti .color2 {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 4px;
}
#appunti .sol-gray {
    color:rgba(0,0,0,0.25);
    font-size:11px;
    font-style: italic;
}
#appunti .k-state-selected .color2 {
    color:#fff !important;
}
#appunti .k-state-selected .sol-gray {
    color:rgba(255,255,255,0.7);
}
#appuntiDettaglioBox input {
    border: 0 none;
    color: #0099e5;
    font-weight:bold;
    font-family: 'Shadows Into Light Two', cursive;
    font-size:19px;
    letter-spacing: 0.06em;
}
#appuntiDettaglioBox textarea {
    border: 0 none;
    height: 302px;
    font-family: 'Shadows Into Light Two', cursive;
    font-size:17px;
    color:#999;
    letter-spacing: 0.06em;
}
.k-scheduler-edit-form .k-edit-label label {
    color: #999;
    font-size: 0.9em;
    font-weight: normal;
}
#calculator #buttons .row {
    padding-top:4px;
}
#calculator #display {
    background-color: #fff;
    padding: 16px 16px;
    text-align: right;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
    margin-bottom:10px;
    font-size:1.4em;
    height:23px;
    cursor: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
#calculator #buttons button {
    width:100%;
    font-size:1.4em;
}
#calculator #buttons button:not(.k-primary) {
    background-color:#fafafa;
}
#calculator #buttons button:not(.k-primary):hover {
    background-color:#f3f3f3;
}
#calculator #buttons button.calc_int {
    background-color:#fff;
}
#calculator #buttons button.calc_int:hover {
    background-color:#f8f8f8;
}

#results {
  margin: 0 0 20px;
  position: relative;
}
#results #result_clear {
  position: relative;
  display:block;
  text-align:center;
  font-weight:bold;
  margin-top:4px;
  height:38px;
}
#results ul {
  height: 280px;
  border: 1px solid rgba(0,0,0,0.125);
  overflow-y: scroll;
  list-style: none;
  padding: 0;
  margin: 0 ;
}

#results ul::-webkit-scrollbar {
    width: 5px;
    height: 5px
}
#results ul::-webkit-scrollbar-button {
    background: #ccc;
    height:0;
}
#results ul::-webkit-scrollbar-track-piece {
    background: rgba(0,0,0,0.01);
}
#results ul::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
}​

#results ul li {
  font-size: 1em;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
#results ul li#result_default {
  /*padding-left: 24px;*/
  text-align: center;
  color: #a9a9a9;
  margin-top:130px;
}
#results ul li.result {
  display: none;
  font-size: 1em;
  zoom: 1;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
#results ul li.result:before,
#results ul li.result:after {
  content: "";
  display: table;
}
#results ul li.result:after {
  clear: both;
}
#results ul li.result:before,
#results ul li.result:after {
  content: "";
  display: table;
}
#results ul li.result:after {
  clear: both;
}
#results ul li.result .equation,
#results ul li.result .answer {
    display: inline-block;
    padding: 0px 12px;
    height: 60px;
    line-height: 40px;
    white-space:nowrap;
    text-overflow:ellipsis;
    display: block;
    overflow: hidden;
}
#results ul li.result .equation {
  float: left;
  height: 100%;
}
#results ul li.result .answer {
    color: #428bca;
    font-weight:bold;
    position: absolute;
    right: 52px;
    top: 0;
    height: 100%;
    background: #f3f3f3;
    width:80px;
    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
    display: block;
    overflow: hidden;
}
#results ul li.result .use {
  height: 100%;
}
#results ul li.result .use a {
  background: #428bca;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: block;
  padding: 0px !important;
  width: 52px;
  text-align: center;
  margin: 0 !important;
  font-size: 0.9em;
  cursor: pointer;
  border: none;
  color: #f9f9f9;
  line-height:40px;
}
#results ul li.result .use a:hover,
#results ul li.result .use aactive {
  opacity: 0.7;
}

/* --------- video-tutorial ---------------------------------------------------- */

.video-tutorial {
    /* display: none; */
    /* float: right; */
    margin: 5px 0 0 1.0em;
    background-color: rgb(66, 138, 202);
    color: #ffffff;
    border-radius: 40px 40px 0 0;
    padding: 2px 30px 0 0;
    width: 40px;
    max-width: fit-content;
    overflow: hidden;
    white-space: nowrap;
    border: 0px solid #428bca;
    cursor: pointer;
    position: fixed;
    right: 180px;
    bottom: 0;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 0 0 rgba(66, 138, 202, 0.4);
    animation: pulse 2s infinite;
    -webkit-transition:width 1s ease-in-out;
       -moz-transition:width 1s ease-in-out;
        -ms-transition:width 1s ease-in-out;
         -o-transition:width 1s ease-in-out;
            transition:width 1s ease-in-out;
}
.video-tutorial:hover {
    width: 300px;
    max-width: fit-content;
    animation: none;
    -webkit-transition:width 1s ease-in-out;
       -moz-transition:width 1s ease-in-out;
        -ms-transition:width 1s ease-in-out;
         -o-transition:width 1s ease-in-out;
            transition:width 1s ease-in-out;
}
.video-tutorial i.fs {
    display: inline-block !important;
    font-size: 2.4em !important;
    vertical-align: middle !important;
    color: #ffffff !important;
    margin: 0 20px 0 24px !important;
}
.thumb-video img {
    width:96px !important;
    margin:0;
}
#GridVideo h5 {
    color: #069;
}
#GridVideo tr.k-alt,
#GridVideo tr.k-state-selected {
    background: transparent;
    box-shadow:none;
}
#GridVideo tr.k-alt td,
#GridVideo tr.k-state-selected td {
    border-color: #f5f5f5 #eee;
}
#GridVideo .k-grid-content tr td {
    cursor:pointer !important;
}
#GridVideo .k-grid-content tr span.thumb-video {
    display:block;
    position:relative;
}
#GridVideo .k-grid-content tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
}
#GridVideo .k-grid-content tr:hover span.thumb-video:before {
    content: '\f01d';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 87, 130, 0.64);
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    font-size: 3em;
    opacity: 1;
    line-height: 54px;
    text-shadow: 0 0 10px rgba(0,0,0,0.9);
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 138, 202, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(66, 138, 202, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(66, 138, 202, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(66, 138, 202, 0.6);
    box-shadow: 0 0 0 0 rgba(66, 138, 202, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(66, 138, 202, 0);
      box-shadow: 0 0 0 15px rgba(66, 138, 202, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(66, 138, 202, 0);
      box-shadow: 0 0 0 0 rgba(66, 138, 202, 0);
  }
}

/* --------- Archivio documenti ------------------------------------------------ */

#DatiUsoStr {
    color:#777 !important;
}

/* --------- Bootstrap --------------------------------------------------------- */
/* reset everything to the default box model */
*,
:before,
:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12
{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}