/*.xmas #primary-navbar .navbar-brand {
    background: url('/Content/Images/logocolornatale.png');
}*/
#primary-navbar .navbar-brand:focus, #primary-navbar .navbar-brand:hover {
  background: url(Images/SeasonalImages/logocolorhat.png) 15px center no-repeat;
  background-size: 25%; }

#primary-navbar .navbar-brand:focus, #primary-navbar .navbar-brand:not(:hover) {
  background: url(Images/SeasonalImages/logowhitehat.png) 15px center no-repeat;
  background-size: 25%; }

.xmas #Login-Form {
  border: 2px solid var(--ird-color-palette-red); }

/*

.falling-ball-container {
    position: relative;
    height: 40px;
    width: 100%;
    overflow: hidden;
    transform: scaleY(-1);
}

.falling-ball {
    position: absolute;
    border: 1px solid black;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #0095DD;
    animation: fallAndBounce 1s ease-out 3;
}*/
/*@keyframes fallAndBounce {
    0%, 20%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(100%);
    }

    60% {
        transform: translateY(80%);
    }
}

.falling-ball:nth-child(2) {
    margin-left: 10px;
    background: yellow;
    animation-delay: .5s;
}

.falling-ball:nth-child(3) {
    margin-left: 20px;
    background: red;
    animation-delay: .25s;
}
*/
/*******************************************************************/
/*                         NATALE                                  */
/*******************************************************************/
/*.xmas .control-cell {
    background-color: var(--reminder-border-color-1);
}
.xmas .selected-sum {
    border-color: var(--reminder-border-color-1);
    color: var(--reminder-border-color-1);
}*/
/************************* NAVBAR **********************************/
/*.xmas #primary-navbar {
    // background: #C0392B;
}

.xmas #primary-navbar .navbar-toggle:hover,
.xmas #primary-navbar .navbar-toggle:focus {
    // background-color: #C0392B;
}

.xmas .popover .button,
.xmas .modal .button {*/
/*color: #C0392B;*/
/*}

.xmas .calendar-container .scopes-controller .scope.active,
.xmas .calendar-container .scopes-controller .scope:active .xmas .calendar-header .view-controller .button.active,
.xmas .calendar-header .navigation-controller .button.active,
.xmas .calendar-header .view-controller .button:active,
.xmas .calendar-header .navigation-controller .button:active {
    background-color: #C0392B;
}

.xmas .filterBox .nav-tabs > li:not(.active) > a:hover {
    border-bottom-color: #C0392B;
}

.xmas #loginForm button {
    background-color: #C0392B;
}

.xmas .calendar .cal-day-today {
    color: #C0392B;
    border-color: #C0392B !important;
}

.xmas div.img-content div.image-partial .image .xmas .calendar .cal-day-today,
.xmas .calendar .cal-day-today #cal-day-tick,
.xmas .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.xmas .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary .xmas .panel-primary,
.xmas .panel-primary > .panel-heading,
.xmas .panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-color: #C0392B !important;
}

.xmas .panel-primary > .panel-heading {
    color: #fff;
    background-color: #C0392B !important;
}

.xmas .calendar-header .view-controller .button.active,
.xmas .calendar-header .navigation-controller .button.active,
.xmas .calendar-header .view-controller .button:active,
.xmas .calendar-header .navigation-controller .button:active .xmas .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.xmas .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary .xmas .calendar-header .view-controller .button.active,
.xmas .calendar-header .navigation-controller .button.active,
.xmas .calendar-header .view-controller .button:active,
.xmas .calendar-header .navigation-controller .button:active,
.xmas .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.xmas .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #C0392B !important;
}

.xmas .calendar-header .view-controller .button:hover,
.xmas .calendar-header .navigation-controller .button:hover,
.xmas .calendar-container .scopes-controller .scope:hover,
.xmas .calendar-container .scopes-controller .scope:active:hover {
    background-color: #C0392B !important;
    opacity: .3;
}

.xmas .calendar-container .scopes-controller .scope {
    border-color: #c0392b !important;
}


.xmas .calendar-header .view-controller .button,
.xmas .calendar-header .navigation-controller .button {
    border-color: #C0392B !important;
}

.xmas .command-panel a:hover {
    background-color: #C0392B;
}

.xmas .nav-tabs > li.active > a,
.xmas .nav-tabs > li.active > a:hover,
.xmas .nav-tabs > li.active > a:focus {
    border-top-color: #C0392B;
    border-left-color: #C0392B;
    border-right-color: #C0392B;
}

.xmas .filterBox .scope-container {
    border-color: #C0392B;
}

.xmas .filterBox .object-scope a,
.xmas .filterBox .status-scope a {
    border-bottom-color: #C0392B
}

.xmas .advanced-filter .search-field .value:focus,
.xmas .advanced-filter .search-field .from-value:focus,
.xmas .advanced-filter .search-field .to-value:focus {
    border-color: #C0392B;
}

.xmas a[data-target*="-Select"].glyphicon,
.xmas .maps-address-form-container span,
.xmas .iCodeButton span,
.xmas [id*="-itemSearcher"] *,
.xmas .document-container .btn > .glyphicon,
.xmas .application-footer a,
.xmas .filterBox a,
.xmas .calendar-focus,
.xmas .new-event-flag.new-event.btn {
    color: #C0392B !important;
}

.xmas .datetimepicker.flat .input-group-addon {
    color: #C0392B !important;
}


.xmas .monitoring .nav-tabs {
    border-bottom-color: #C0392B;
}

.xmas .monitoring .nav-tabs > li.active > a,
.xmas .nav-tabs > li.active > a:hover,
.xmas .nav-tabs > li.active > a:focus {
    color: #C0392B;
}

.xmas .monitoring .tab-content {
    border-color: #C0392B;
    border-color: #C0392B;
    border-color: #C0392B;
}

.xmas .nav li a:hover {
    border-bottom-color: #C0392B;
}*/
/************************* DECORAZIONI PALLE ***********************/
/*.xmas .ball {
    position: absolute;
    width: 30px;
    background-position: bottom center;
    background-repeat: no-repeat;
    transform-origin: center top;
}

.xmas .ball1 {
    height: 60px;
    top: 40px;
    right: 30px;
    background-image: url('Images/SeasonalImages/Palla-di-Natale-rossa.png');
    z-index: 2;
    -webkit-animation: dangle1 3s ease;
    animation: dangle1 4s ease;
}

.xmas .ball2 {
    height: 80px;
    top: 40px;
    right: 60px;
    background-image: url('Images/SeasonalImages/Palla-di-Natale-gialla.png');
    z-index: 3;
    -webkit-animation: dangle2 5s ease;
    animation: dangle2 3.5s ease;
}

.xmas .ball3 {
    height: 65px;
    top: 40px;
    right: 53px;
    background-image: url('Images/SeasonalImages/Palla-di-Natale-blu.png');
    z-index: 1;
    -webkit-animation: dangle3 4s ease;
    animation: dangle3 3s ease;
}

.xmas .ball1:hover {*/
/* Toggle our animation play state to running when we are hovering over our sticker */
/* animation-play-state: running; */
/*transform-origin: center top;*/
/*-webkit-transform: rotate(30deg); 
    -webkit-animation: dangle1;*/
/*animation-name: nuovoNome;*/
/*Workaround per Firefox e Chrome*/
/*}

.xmas .ball2:hover {
    transform-origin: center top;*/
/*-webkit-transform: rotate(38deg); 
    -webkit-animation: dangle2;*/
/*animation-name: nuovoNome;*/
/*Workaround per Firefox e Chrome*/
/*}

.xmas .ball3:hover {
    transform-origin: center top;*/
/*webkit-transform: rotate(46deg); 
    -webkit-animation: dangle3;*/
/*animation-name: nuovoNome;*/
/*Workaround per Firefox e Chrome*/
/*}

.xmas .loading-spinner.color-5 {
    background-image: url(Images/Spinners/spinner_red.gif);
}

.xmas .datetimepicker .cal-btn a {
    color: #c0392b;
}

.xmas .generic-filter .search-btn span,
.xmas .generic-filter .clean-filter-btn span,
.xmas .toggle-adv-filter-btn,
.xmas .datetimepicker .glyphicon-calendar,
.xmas .icheck.flat.color-5 span {
    color: #c0392b;
}

.xmas #history-details-container .detail-history-display-panel {
    border-top: 1px solid #c0392b;
    border-bottom: 1px solid #c0392b;
    border-right: 1px solid #c0392b;
}

.xmas #history-details-container #details-history table tr:not(.active) td:last-child {
    border-right: 1px solid #c0392b;
}

@-webkit-keyframes dangle1 {
    0% {
        -webkit-transform: rotate(38deg);
    }

    10% {
        -webkit-transform: rotate(-32deg);
    }

    20% {
        -webkit-transform: rotate(28deg);
    }

    30% {
        -webkit-transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(22deg);
    }

    50% {
        -webkit-transform: rotate(-20deg);
    }

    60% {
        -webkit-transform: rotate(18deg);
    }

    70% {
        -webkit-transform: rotate(-16deg);
    }

    80% {
        -webkit-transform: rotate(12deg);
    }
}

@-webkit-keyframes dangle2 {
    0% {
        -webkit-transform: rotate(30deg);
    }

    10% {
        -webkit-transform: rotate(-28deg);
    }

    20% {
        -webkit-transform: rotate(26deg);
    }

    30% {
        -webkit-transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(22deg);
    }

    50% {
        -webkit-transform: rotate(-20deg);
    }

    60% {
        -webkit-transform: rotate(18deg);
    }

    70% {
        -webkit-transform: rotate(-16deg);
    }

    80% {
        -webkit-transform: rotate(12deg);
    }
}

@-webkit-keyframes dangle3 {
    0% {
        -webkit-transform: rotate(46deg);
    }

    10% {
        -webkit-transform: rotate(-42deg);
    }

    20% {
        -webkit-transform: rotate(38deg);
    }

    30% {
        -webkit-transform: rotate(-34deg);
    }

    40% {
        -webkit-transform: rotate(30deg);
    }

    50% {
        -webkit-transform: rotate(-26deg);
    }

    60% {
        -webkit-transform: rotate(22deg);
    }

    70% {
        -webkit-transform: rotate(-18deg);
    }

    80% {
        -webkit-transform: rotate(12deg);
    }
}*/
/*******************************************************************/
/*#xmassantaclaus {
    position: fixed;
    left: -1000px;
    bottom: 0;
    z-index: 9999;
    transition: left 12s;
    -webkit-transition: left 10s;*/
/* Safari 3.1 to 6.0 */
/*transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    white-space: nowrap;
}


#xmassantaclaus .text {
    font-size: 50px;
    vertical-align: middle;
    color: #c0392b;
    display: none;
}

.SantaSpan {
    position: absolute;
    width: 90%;
    height: 50px;
    overflow: hidden;
}
.SantaImage {
    background-image: url(Images/SeasonalImages/Santa-Claus-Sleigh.png);
    background-repeat: no-repeat;
    background-size: 100px;
    position: absolute;
    height: 50px;
    width: 100px;
    animation: slittaAnim 20s infinite;
    transform: scaleX(-1);
}
.page-title-wrap{
    //width:70%;
}
.SantaSpan{
    width:90%;
}
@keyframes slittaAnim {
    0% {
        left: -500px;        
    }
    100% {
        left: 1500px;
        display: none;
    }*/
/*50% {
                left: 4000px;
                display:none;

            }*/
/*}*/