/*******************************************************************/
/*                         NATALE                                  */
/*******************************************************************/

/************************* 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;
    left: 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: 30px;
    left: 40px;
    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: 20px;
    left: 50px;
    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;
    }