/**
 * Thème rouge, généré automatiquement le 15/09/2016 21:21
 */


/* layout.css */

li.dropdown.user.open a.dropdown-toggle:hover,
li.dropdown.language.open a.dropdown-toggle:hover,
a.dropdown-toggle:hover{
    color: #FB4747 !important;
}

.dropdown li > a:hover,
.dropdown-menu li > a:hover{
    color: #FB4747;
}

ul.page-sidebar-menu > li a:hover{
    color: #FB4747 !important;
}

ul.page-sidebar-menu > li.active a{
    background-color: #FB4747 !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li.active > a{
    background-color: #FB4747 !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover{
    color: #FB4747 !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li.active > a:hover{
    background-color: #FB4747 !important;
}

.page-content .dropdown-menu li > a,
.modal .dropdown-menu li > a{
    color: #FB4747;
}

.footer .footer-tools .go-top i:hover{
    color: #FB4747 !important;
}

ul.page-sidebar-menu > li.active > a{
    background-color: #FB4747 !important;
}

.page-content .btn-group .btn.ays-btn-primary.dropdown-toggle,
.page-content .btn-group.open .btn.ays-btn-primary.dropdown-toggle,
.page-content .dropdown-menu .active > a,
.modal .btn-group .btn.ays-btn-primary.dropdown-toggle,
.modal .btn-group.open .btn.ays-btn-primary.dropdown-toggle,
.modal .dropdown-menu .active > a{
    background-color: #FF5050 !important;
}

.page-content .btn-group .btn.ays-btn-primary.dropdown-toggle:hover,
.page-content .btn-group.open .btn.ays-btn-primary.dropdown-toggle:hover,
.page-content .dropdown-menu li > a:hover,
.page-content .dropdown-menu .active > a:hover,
.modal .btn-group .btn.ays-btn-primary.dropdown-toggle:hover,
.modal .btn-group.open .btn.ays-btn-primary.dropdown-toggle:hover,
.modal .dropdown-menu li > a:hover,
.modal .dropdown-menu .active > a:hover{
    background-color: #F34444 !important;
}

.label.label-ays{
    background-color: #FF5050;
}

/* ays-icons.css */

[class^="ays-icon-"], [class*=" ays-icon-"] {
    background-image: url(/ays/img/icons/ays/sprite-icons_rouge.png);
}

img.ays-picto-preview{
    background-color: #FF5050;
}


/* button.css */

.btn.ays-btn-secondary{
    color: #FB4747;
}

.btn.ays-btn-secondary.dropdown-toggle{
    color: #FB4747 !important;
}

.btn.ays-btn-primary{
    background: #FF5050 !important;
}

.btn.ays-btn-primary:hover{
    background: #F34444 !important;
}

.btn.ays-btn-secondary{
    background-color: #FEE4E4 !important;
}

.btn.ays-btn-secondary:hover{
    background-color: #E0CACA !important;
}

/* accordion.css */

.accordion-heading {
    background: #FB4747;
}

/* chats.css */

.chats li.in .message,
.chats li.out .message{
    border-color: #FB4747;
}

.chats li.in img.avatar, .chats li.out img.avatar, img.avatar{
    border-color: #FB4747;
}

.chats li.in .message .arrow{
    border-right-color: #FB4747;
}

.chats li.out .message .arrow{
    border-left-color: #FB4747;
}


/* datepicker.css */

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #FF5050 !important;
    border-color: #FF5050 !important;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #FF5050 !important;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #FF5050 \9;
}


.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #FF5050 !important;
    border-color: #FF5050 !important;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #FF5050 !important;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #FF5050 \9;
}


/* daterangepicker.css */

.daterangepicker td.in-range {
    color: #FB4747;
}

.daterangepicker .applyBtn{
    background:  #FF5050;
}

.daterangepicker .ranges li {
    color:  #FF5050;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background:  #FF5050;
    border-color:  #FF5050;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background:  #FF5050;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color:  #FF5050 !important;
}

.daterangepicker .applyBtn{
    background:  #F34444 !important;
}

.daterangepicker td.in-range {
    background: #FEE4E4;
}


/* form.css */

.make-switch.has-switch span.switch-success:hover,
.make-switch.has-switch span.switch-success:focus,
.make-switch.has-switch span.switch-success:active,
.make-switch.has-switch span.switch-success.active,
.make-switch.has-switch span.switch-success.disabled,
.make-switch.has-switch span.switch-success[disabled],
.make-switch.has-switch span.switch-success{
    background-color: #FB4747;
}

.make-switch.has-switch span.switch-danger:hover,
.make-switch.has-switch span.switch-danger:focus,
.make-switch.has-switch span.switch-danger:active,
.make-switch.has-switch span.switch-danger.active,
.make-switch.has-switch span.switch-danger.disabled,
.make-switch.has-switch span.switch-danger[disabled],
.make-switch.has-switch span.switch-danger{
    color: #FB4747;
}

.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star.ays-star-active:before{
    color: #FF5050;
}


/* portlet.css */

.portlet.box.red
{
    border-color: #FB4747;
}

.portlet.box.red > .portlet-title
{
    background-color: #FB4747
}

.portlet.box.red{
    border-color: #FB4747;
}

.portlet.red{
    background-color: #FB4747 !important;
}

.portlet.box.red .portlet-title {
    background-color: #FB4747;
}


/* tab.css */

.tabbable-custom .nav-tabs > li.active{
    border-top-color: #FB4747 !important;
}

.ays-toolbar .tabbable-custom{
    background: #FB4747;
}

.ays-toolbar ul.nav.nav-tabs{
    background: #FB4747;
}

.ays-toolbar .tabbable-custom .nav-tabs > li.active{
    border-top-color: #FB4747 !important;
}

.tabs-left.tabbable-custom > .nav-tabs> li.active > a{
    background: #FF5050 !important;
}

.tabs-left.tabbable-custom > .nav-tabs> li.active > a:hover{
    background: #FF5050 !important;
}

.tabs-left.tabbable-custom > .nav-tabs> li a i{
    color: #FF5050;
}

.tabs-left.tabbable-custom > .nav-tabs> li.active > a{
    background: #FF5050;
}

.tabs-left.tabbable-custom > .nav-tabs> li.active > a:hover{
    background: #FF5050;
}

#changeDisplay a.changedisplay_active {
    border-color: #FB4747;
}


/* table.css */

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th{
    background-color: #FF5050 !important;
}

.dataTables_wrapper table tr.selected{
    border-right-color: #FF5050;
}

/* timeline.css */

.timeline:before{
    background: #FB4747;
}

.timeline > li .timeline-icon{
    box-shadow: 0 0 0 1px #FB4747; /* no box-shadow-color */
}


/* title-breadcrumb.css */

.main-tile .main-tile-sub{
    background-color: #FB4747 !important;
}

.page-content .page-title .dashboard-date-range{
    background-color: #FF5050;
}

.page-content .page-title .dashboard-date-range:hover{
    background-color: #F34444;
}


/* wizard.css */

.ays-wizard .wizard-steps li.active:before,
.ays-wizard .wizard-steps li.complete:before,
.ays-wizard .wizard-steps li.active .step,
.ays-wizard .wizard-steps li.complete .step{
    border-color: #FB4747;
}

.ays-wizard .active .step .number,
.ays-wizard .complete .step .number{
    border-color: #FB4747;
}


/* specific */

.ays-appli-tile .ays-content-btn-bottom{
    background: #FF5050;
}

.ays-empty-graph-selector {
    background: #FB4747;
}

/* cf.css */

.ays-cf-graphcustom-box:hover,
.ays-cf-graphcustom-box.ays-cf-graphcustom-box-active{
    border-bottom-color: #FB4747;
}

#photoGalleryListCarousel .media-item.checked, #videoGalleryListCarousel .media-item.checked {
    background-color: #FB4747;
}

ul.components-holder-menu > li a:hover {
    color: #FB4747 ! important;
}

ul.components-holder-menu > li.active a {
    background-color: #FB4747 !important;
}

ul.components-holder-menu > li.active > a {
    background-color: #FB4747 !important;
}

#ays-form-themes tr.ays-theme-selected {
    background-color: #FB4747;
}