a,
a:focus,
a:hover {
    color: #4C8E95;
}

/* ------------- */
/* BUTTON */
.btn-primary,
.form-login .btn.btn-primary,
.form-login .main-header__btn.btn-primary,
.viewer-element .viewer-element-buttons .btn-primary,
.form-login .main-menu .main-menu__return-btn.btn-primary {
    background-color: #7DB2AC;
    border-color: #6AABA7 !important;
}
.btn-primary:hover,
.form-login .btn.btn-primary:hover,
.form-login .main-header__btn.btn-primary:hover,
.viewer-element .viewer-element-buttons .btn-primary:hover,
.form-login .main-menu .main-menu__return-btn.btn-primary:hover {
    background-color: #59A2A2;
    border-color: #4C8E95 !important;
}
.btn-primary:focus,
.form-login .btn.btn-primary:focus,
.form-login .main-header__btn.btn-primary:focus,
.viewer-element .viewer-element-buttons .btn-primary:focus,
.form-login .main-menu .main-menu__return-btn.btn-primary:focus {
    background-color: #59A2A2;
    border-color: #293E52 !important;
}
.btn-primary:active,
.form-login .btn.btn-primary:active,
.form-login .main-header__btn.btn-primary:active,
.viewer-element .viewer-element-buttons .btn-primary:active,
.form-login .main-menu .main-menu__return-btn.btn-primary:active,
.btn-primary:focus:active,
.form-login .btn.btn-primary:focus:active,
.form-login .main-header__btn.btn-primary:focus:active,
.viewer-element .viewer-element-buttons .btn-primary:focus:active,
.form-login .main-menu .main-menu__return-btn.btn-primary:focus:active {
    background-color: #59A2A2;
    border-color: #293E52 !important;
}

.calendar-header-date-cell.is-current {
    background-color: #59A2A2;
    color: white;
}
.btn-danger {
    background-color: #4C8E95;
    border-color: #417683;
}
.btn-danger:hover {
    background-color: #355A6D;
    border-color: #293E52;
}
.btn-danger:focus,
.btn-danger.focus {
    background-color: #355A6D;
}

.btn-link,
.btn-link:focus,
.btn-link:hover {
  color: #7DB2AC;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-color: #355A6D;
    border-color: #293E52;
}

.btn-info {
    background-color: #85B5AD;
    border-color: #8DB8B0;
}
.btn-info:hover {
    background-color: #8DB8B0;
    border-color: #7DB2AC;
}
.btn-info:focus,
.btn-info.focus {
    background-color: #8DB8B0;
    border-color: #4C8E95;
}
.btn-info:active,
.btn-info:active:focus,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-color: #8DB8B0;
    border-color: #7DB2AC;
}
.btn.btn-default,
.bloc-type-btn.btn-default {
    color: #4C8E95;
    border-color: #4C8E95;
}
.bordered {
    border-color: #7DB2AC;
}
.force-btn-bloc:hover .bloc-column {
    border-color: #59A2A2;
}

/* ------------- */
/* COLLECTIONS */
.generic-collection  > div {
    border-left-color: #59A2A2;
}

.button-collection-up,
.button-collection-down,
.button-collection-add,
.button-collection-remove,
.button-collection-duplicate {
    background-color: #4C8E95;
}
.button-collection-up:hover,
.button-collection-down:hover,
.button-collection-add:hover,
.button-collection-remove:hover,
.button-collection-duplicate:hover,
.button-collection-up:focus,
.button-collection-down:focus,
.button-collection-add:focus,
.button-collection-remove:focus,
.button-collection-duplicate:focus {
    background-color: #7DB2AC;
}

[data-prototype] > .form-group {
    border-color: #4C8E95;
}

/* ------------- */
/* FORMULAIRE */
.std-form label,
.std-form .form-label,
.form-fieldset .control-label {
    color: #7DB2AC;
}
.label-danger {
    background-color: #293E52;
}
.label-danger:hover,
.label-danger:focus {
    background-color: #8DB8B0;
}
.form-label,
.form label {
color: #4C8E95;
}
.form-element .title6--caps {
    color: #355A6D;
}
.checkbox label:hover::before {
    border-color: #4C8E95;
}
.checkbox.state--checked label::before {
    color: #4C8E95;
}

.radio label:hover:before,
.radio-inline label:hover:before {
    border-color: #4C8E95;
}
.radio.state--checked label:after,
.radio-inline.state--checked label:after {
    background-color: #4C8E95;
}
.selectbox-list-item:hover,
.selectbox-group-label:hover,
.selectbox-group-item:hover,
.selectbox-list-item.state-selected,
.selectbox-group-label.state-selected,
.selectbox-group-item.state-selected {
    color: #4C8E95;
}



/* ------------- */
/* TITLE */
.title1,
.title2,
.title3,
.title4,
.title5 {
    color: #4C8E95;
}


/* ------------- */
/* TABLE */
.dataTables_paginate .paginate_button.current {
    background-color: #7DB2AC;
    border-color: #7DB2AC;
}
.dataTables_paginate .paginate_button:not(.current):hover{
    color: #7DB2AC !important;
}
.dataTables_paginate .paginate_button:not(.current):focus,
.dataTables_paginate .paginate_button:not(.current):active {
    color: #4C8E95;
}
.table > thead > tr > th[aria-sort],
.table > thead > tr > th.sorting,
.table > thead > tr > th.sorting_asc::after,
.table > thead > tr > th.sorting_desc::after {
    border-bottom-color: #4C8E95;
}
.table>thead>tr>th[aria-sort],
.table>thead>tr>th.sorting {
    color: #4C8E95;
}
.table > tbody > tr > td:first-child::before,
.table > tbody > tr > th:first-child::before {
    background-color: #6AABA7;
}

/* ------------- */
/* NAVBAR */
.navbar-text {
    color: #4C8E95;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active {
    color: #4C8E95;
}
.navbar .nav > li.active > a {
    color: #4C8E95;
}
.subnavbar {
    background: #59A2A2;
}
.subnavbar .nav > li:not(.active):not(.open) > a:focus,
.subnavbar .nav > li:not(.active):not(.open) > a:hover,
.subnavbar .nav > li:not(.active) > a:focus {
    background-color: #4C8E95;
}
.subnavbar .nav > li.active > a {
    color: #4C8E95;
}


/* ------------- */
/* TAB */
.tab .btn:not(.btn-primary) {
    color: #7DB2AC;
}
.nav-tabs > li a,
.nav-tabs > li a:hover,
.nav-tabs > li a:focus {
    color: #4C8E95;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
    background-color: #7DB2AC;
}

/* ------------- */
/* PANEL */
.panel-primary > .panel-heading {
    background-color: #4C8E95;
    border-color: #4C8E95;
}
.panel-primary {
    border-color: #4C8E95;
}
.panel-primary>.panel-heading + .panel-collapse>.panel-body {
    border-top-color: #4C8E95;
}
.panel.panel-default {
    border-bottom-color: #4C8E95;
}
.panel.panel-default .panel-title {
    color: #4C8E95;
}

/* ------------- */
/* ALERT */
.alert-info {
    background-color: #4C8E95;
}
.alert-danger {
    background-color: #C10707;
}

/* ------------- */
/* MODAL */
.form-modal .close,
.form-modal .close:hover,
.form-modal .close:focus,
.form-modal .close:active {
    color: #4C8E95;
}
.form-modal label.checkbox-img input:checked + img,
.form-modal label.checkbox-color input:checked + img,
.form-modal label.checkbox-color input:checked + span {
    border-color: #4C8E95;
}
.form .configuration-form h3 {
    color: #4C8E95;
}

/* ------------- */

.sidebar-item:hover,
.sidebar-item:focus,
.sidebar-item:active,
.sidebar-item i.icon-round {
    background-color: #4C8E95;
}
.sidebar-menus-item.state--droptarget {
    border-color: #4C8E95;
}

/* ------------- */
/* UIL-SQUARES */
.uil-squares-css div {
    background-color: #4C8E95;
}


/* ------------- */
/* FIELD */
.field-row .fields-btn {
    background: #7DB2AC;
}
.field-row .fields-remove {
    background: #4C8E95;
    border-color: #4C8E95;
}
.fields-rescue-add,
.fields-rescue-add:hover,
.field-row .choices-rescue-add,
.field-row .choices-actions .choices-add {
    background: #7DB2AC;
}


/* ------------- */
/* GROUP COLLECTION */
.parent-collection .group-item:first-child {
    border-top-color: #7DB2AC;
}
.parent-collection .group-item {
    border-bottom-color: #7DB2AC;
}
.groups-rescue-add {
    background: #7DB2AC;
}
.groups-rescue-add:hover,
.groups-rescue-add:active {
    background: #7DB2AC;
}
.groups-remove {
    background: #4C8E95;
    border-color: #4C8E95;
}
.groups-remove:hover {
    background: #4C8E95;
}


/* ------------ */
/* VIEWER */
.lp-menus-item > .lp-menus-item-content {
    border-color: #4C8E95;
}
.viewer-bloc-placeholder {
    background-color: #4C8E95;
}
.dragging .viewer-col,
.viewer-col:hover,
.bloc-type-btn {
    border-color: #4C8E95;
}
.viewer-element-placeholder,
.bloc-type-btn i,
.bloc-icon-parent {
    background-color: #4C8E95;
}
.bloc-type-btn.active,
.bloc-type-btn:active,
.bloc-type-btn:hover,
.bloc-type-btn:focus {
    background-color: #4C8E95;
}
.bloc-type-btn.active i,
.bloc-type-btn:active i,
.bloc-type-btn:hover i,
.bloc-type-btn:focus i {
    color: #4C8E95;
}
.new-column .col .group button {
    border-color: #6AABA7 !important;
}
.new-column .col .group button:not(.slide-btn):hover {
    background-color: #6AABA7 !important;
}
.new-column .col .group-column,
.new-column .col .group button:not(.slide-btn) {
    background-color: #7DB2AC;
}


.viewer-content h1 {
    font-size: 40px !important;
    color: #ffffff !important;
}

.viewer-content h2 {
    font-size: 30px !important;
    color: #365689 !important;
}

.viewer-content h3 {
    font-size: 18px !important;
    color: #121212 !important;
}

.viewer-content h4 {
    font-size: 14px !important;
    color: #777777 !important;
}

.viewer-content h5 {
    font-size: 14px !important;
    color: #777777 !important;
}

.viewer-content h6 {
    font-size: 14px !important;
    color: #777777 !important;
}

.viewer-content, .form-element .form-group label {
    font-size: 16px !important;
    color: #121212 !important;
}

.viewer-content .carousel-caption a.btn {
    background-color: #777777 !important;
    border: none;
    color: #777777 !important;
}

.viewer-content .carousel-caption a.btn {
    background-color: #777777 !important;
}

.viewer-content .form-button,
.viewer-content .wrapper-front .form-element .btn.btn-primary,
.viewer-content .input-group-btn,
.viewer-content .carousel-caption a.btn,
.viewer-content .article-new .article-new-link,
.viewer-content .outlined-btn.btn,
.viewer-content .btn.btn-primary:not(.btn-round-icon),
.viewer-content .btn-default-link {
    color: #ffffff;    background-color: #365689;    font-size: 16px;    border: 0;
}
.viewer-content a:not(.btn-info):not(.btn-danger) {
    font-size: 16x;    color: #365689;}


.a2lix_translationsLocales > li.active > a,
.a2lix_translationsLocales > li.active > a:hover,
.a2lix_translationsLocales > li.active > a:focus,
.a2lix_translationsLocales > li.active > a:active {
    background-color: #4C8E95;
    border-color: #4C8E95;
}

.clicked {
    background:#7DB2AC !important;
}


@keyframes uilsquare {
    0% {
        background-color: #4C8E95;
    }
    1% {
        background-color: #59A2A2;
    }
    11% {
        background-color: #59A2A2;
    }
    21% {
        background-color: #4C8E95;
    }
    100% {
        background-color: #4C8E95;
    }
}