a {
    color: #6799D1;
}

.thaleia-logo {
    width: 115px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Pour masquer le logo du popup d'acceptation des cookies */
.cc_logo {
    visibility: hidden;
}

/* Format des blocs d'informations de la page d'accueil */
.welcomeBlock {
    padding: 20px 0px 20px;
}

/* Sticky footer styles
-------------------------------------------------- */
html, body {
    height: 100%;
}

body {
    font-family: OpenSans, arial;
    background-color: #fff;
    color: #333;
}

ul {
    padding: 0;
    margin: 0;
}

hr {
    border-color: #ddd;
}

/* Wrapper for page content to push down footer */
#wrap {
    /*min-height: 100%;
    height: 100%;*/
    margin: 0 auto 0px;
    background-size: cover !important;
}

/* Set the fixed height of the footer here */
#push {
    height: 60px;
}

#footer {
    height: 60px;
    background-color: #EEEDEB;
    display: none;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media ( max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    p {
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-title-welcome {
        text-align: left;
    }

    .btn {
        margin: 5px 0px 5px 0px;
    }
}

@media ( max-width: 991px) {
    .img-hidden {
        display: none !important;
    }
}

/* Pour rendre les colonnes bootstrap centrables facilement
Appliquer ce style sur les colonnes puis mettre text-center sur l'element parent
*/
@media ( min-width: 992px) {
    .col-centered {
        display: inline-block;
        float: none;
    }

    #chat-block p {
        padding-left: 0px;
        padding-right: 0px;
    }

    #chat-block .col-md-10 {
        padding-right: 10px;
        padding-left: 30px;
    }

    p {
        padding-left: 20px;
        padding-right: 20px;
    }

    #blueTablePrice, #greenTablePrice, #violetTablePrice {
        height: 520px !important;
    }
}

/* Pour corriger la bordure des textes dans les cartouches d'alerte : alert */
.alerttext {
    line-height: 2em;
    border: 0;
}

input:focus, button:focus, div:focus {
    outline: none !important;
}

/* Centre verticalement plusieurs div avec la classe col dans une row bootstrap */
.vcenter {
    display: table-cell !important;
    vertical-align: middle;
    float: none !important;
}

.vtop {
    vertical-align: top;
}

/* Suppression de marges et padding */
.noMargin {
    margin: 0 !important;
}

.noBMargin {
    margin-bottom: 0 !important;
}

.noPadding {
    padding: 0 !important;
}

.noRPadding {
    padding-right: 0 !important;
}

.noLPadding {
    padding-left: 0 !important;
}

.noVPadding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Bordures arrondies */
.topRoundedBorder th:first-child {
    border-top-left-radius: 5px !important;
}

.topRoundedBorder th:last-child {
    border-top-right-radius: 5px !important;
}

.noRadius {
    border-radius: 0;
}

.noBorder {
    border: 0;
}

.fullwidth {
    width: 100%;
}

/* Tailles de textes pr� d�finies */
.text-1less {
    font-size: 0.9em;
}

.text-1more {
    font-size: 1.1em;
}

.text-2more {
    font-size: 1.2em;
}

.text-3more {
    font-size: 1.3em;
}

.text-4more {
    font-size: 1.4em;
}

.text-5more {
    font-size: 1.5em;
}

.text-10more {
    font-size: 2em;
}

.text-20more {
    font-size: 3em;
}

/* Marges pr� fabriqu�es
Les marges n�gatives ne fonctionnent que pour les �crans larges et disparaisse pour les �crans de taille inf�rieure */
@media ( min-width: 992px) {
    .topM5 {
        margin-top: -5px;
    }

    .topM10 {
        margin-top: -10px;
    }
}

.top1 {
    margin-top: 1px;
}

.top5 {
    margin-top: 5px;
}

.top7 {
    margin-top: 7px;
}

.top10 {
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.top17 {
    margin-top: 17px;
}

.top20 {
    margin-top: 20px;
}

.top30 {
    margin-top: 30px;
}

.top40 {
    margin-top: 40px;
}

.top50 {
    margin-top: 50px;
}

.bot30 {
    margin-bottom: 30px;
}

/* Controls */
.form-control[selectable] {
    cursor: text;
}

/* Propri�t�s CSS de tables */
.table-thaleia-blue-header thead {
    background-color: #5D9CEC !important;
}

.table-thaleia-blue-header thead a, .table-thaleia-blue-header thead a:hover {
    color: #fff !important;
}

.table-thaleia-blue-header thead th {
    border-color: #5D9CEC !important;
}

.table-thaleia {
    text-align: center;
    border-collapse: separate;
}

.table-thaleia th {
    color: #fff;
}

.table-thaleia thead {
    background-color: #EEEDEB;
}

.table-thaleia thead th {
    color: #000;
}

.table-thaleia thead tr {
    height: 60px;
}

.table-thaleia tbody tr {
    height: 50px;
}

.table-thaleia tfoot {
    background-color: #EEEDEB;
}

.table-thaleia tfoot td {
    border: solid 1px #ddd;
}

.table-thaleia td {
    vertical-align: middle !important;
}

.table-thaleia td:first-child {
    border-left: solid 1px #ddd;
}

.table-thaleia td:last-child {
    border-right: solid 1px #ddd;
}

.table-thaleia th {
    text-align: center;
    font-family: OpenSans-Light, arial;
    font-weight: normal;
    vertical-align: middle !important;
    border-top: solid 1px #ddd !important;
    border-bottom: 0 !important;
}

.table-thaleia th:first-child {
    border-top-left-radius: 5px;
    border-left: solid 1px #ddd;
}

.table-thaleia th:last-child {
    border-top-right-radius: 5px;
    border-right: solid 1px #ddd;
}

.table-thaleia tfoot td:first-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px;
}

/* Propri�t�s CSS de panels */
.panel-gray {
    border-color: #E3E4E8;
    background-color: #EEEDEB;
    box-shadow: none;
    padding: 13px;
    font-size: 0.925em;
}

/* Les alertes */
.col-md-12.alert {
    background: none;
    box-shadow: none;
    border: 0;
    padding: 0 20px;
}

.alert:last-child {
    margin-bottom: 0;
}

.alert button {
    position: absolute;
    right: 25px;
    top: 0;
    text-shadow: none;
    opacity: 1;
}

.alert.alert-info button {
    color: #5D9CEC;
}

.alert-info {
    background-image: none;
    background-color: #fff;
    text-shadow: none;
    border-color: #5D9CEC;
    color: #5D9CEC;
    box-shadow: none;
}

.alert {
    margin-bottom: 5px;
}

.alert.alert-danger button {
    color: #d9534f;
}

.alert-danger {
    background-image: none;
    background-color: #fff;
    text-shadow: none;
    border-color: #d9534f;
    color: #d9534f;
    box-shadow: none;
}

/* Propri�t�s CSS de couleur */
.bg-blue {
    background-color: #5d9cec;
}

.bg-grey {
    background-color: #A5A2A2;
}

.bg-orange {
    background-color: #F69358;
}

.bg-dark-blue {
    background-color: #4975BF;
}

.bg-light-grey {
    background-color: #EEEDEB;
}

/* Propri�t�s CSS de texte */
.text-title-welcome {
    font-size: 36px;
}

.welcome-text {
    padding-left: 0px;
    font-size: 19px;
}

.text-light-grey {
    color: #ccc !important;
}

.text-white {
    color: #fff !important;
}

.text-danger {
    color: #E9573F !important;
}

.text-success {
    color: #36BC9B !important;
}

.text-light {
    font-family: OpenSans-Light, arial;
}

.text-lightblue {
    font-family: OpenSans-Light, arial;
    color: #5D9CEC;
}

.text-lightItalic {
    font-family: OpenSansLight-Italic, arial;
}

.text-semibold, b {
    font-family: OpenSans-Semibold, arial;
}

/* Boutons */
.btn:focus {
    color: #fff;
}

.btn-langonly {
    background: none !important;
    color: #6799d1 !important;
    font-size: 1.0em;
    text-transform: uppercase;
    max-width: 205px;
    padding: 0 !important;
    white-space: initial;
    line-height: 28px;
}

.btn-link {
    /*background-color: none;*/
    background-image: none;
    border: 0;
    padding: 14px 23px;
    color: #5d9cec;
}

.btn-link:focus {
    color: #5d9cec;
    border: 0;
    outline: 0;
}

.btn-blue {
    background-color: #5d9cec;
    background-image: none;
    border: 0;
    padding: 14px 23px;
    color: #fff;
}

.btn-fat {
    min-height: 50px;
}

.btn-blue:hover {
    color: #fff;
    background-color: #4FC1E9;
    text-decoration: none;
}

.btn-gray {
    background-image: none;
    border: 0;
    padding: 14px 23px;
    color: white;
    background-color: #CCCCCC;
}

.btn-gray:hover {
    text-decoration: none;
    background-color: #E7E7E7;
}

.btn-blue-sm {
    background-color: #5d9cec;
    background-image: none;
    border: 0;
    color: #fff;
    padding: 7px 12px;
}

.btn-blue-sm:hover {
    color: #fff;
    background-color: #4FC1E9;
    text-decoration: none;
}

.btn-gray-sm {
    background-image: none;
}

.btn-gray-sm:hover {
    text-decoration: none;
    background-color: #E7E7E7;
}

.btn-danger-sm {
    background-color: #d9534f;
    background-image: none;
    border: 0;
    color: #fff;
    padding: 7px 12px;
}

.btn-danger-sm:hover {
    color: #fff;
    background-color: #D76E6B;
    text-decoration: none;
}

/* Barre de menu principal */
.mainmenu .navbar-right > li > a {
    line-height: 57px;
    height: 57px;
    padding-top: 0;
    text-shadow: none;
    color: #fff;
}

.mainmenu .navbar-brand {
    height: 57px;
}

.mainmenu .navbar-toggle {
    height: 57px;
    margin: 0 15px;
}

.mainmenu .nav .open > a, .mainmenu .nav .open > a:focus, .mainmenu .nav .open > a:hover {
    background-color: #333;
    border: 0;
}

.mainmenu .nav > li > a:focus, .mainmenu .nav > li > a:hover {
    text-decoration: none;
    background-color: #333;
    border: 0;
}

.mainmenu .navbar-toggle .icon-bar {
    background-color: #fff;
}

.mainmenu .dropdown-menu {
    background-color: #333;
    border-color: #4f4e4e;
    box-shadow: none;
    top: 93%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.mainmenu .dropdown-menu:after {
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
    border-left: 6px solid transparent;
    content: '';
    position: absolute;
    top: -6px;
}

.mainmenu .dropdown-menu:before {
    border-bottom: 7px solid #4f4e4e;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: '';
    display: inline-block;
    position: absolute;
    top: -7px;
}

.mainmenu .dropdown-menu > li > a {
    color: #fff;
}

.mainmenu .dropdown-menu > li > a:hover {
    background-image: none;
    background-color: #5D9CEC;
}

.mainmenu {
    background-color: #333;
    border: 0;
}

.mainmenu .in .dropdown {
    width: 100% !important;
}

.mainmenu .collapsing .dropdown {
    width: 100% !important;
}

.mainmenu .in .responsiveWithImage img, .mainmenu .collapsing .responsiveWithImage img {
    display: none;
}

.mainmenu .in .responsiveWithImage span, .mainmenu .collapsing .responsiveWithImage span {
    display: inline-block;
}

.mainmenu .responsiveWithImage img {
    display: block;
}

.mainmenu .responsiveWithImage span {
    display: none;
}

#myAccountDropdown {
    right: -46px;
}

#myAccountDropdown::after {
    right: 71px;
}

#myAccountDropdown::before {
    right: 70px;
}

#localeSelectorDropdown::after {
    right: 23px;
}

#localeSelectorDropdown::before {
    right: 22px;
}

/* Tableau des prix de la page d'accueil */
#priceTable th, #priceTable td {
    text-align: center;
    vertical-align: middle;
}

#priceTable table {
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    border-collapse: initial;
    min-width: 155px;
}

/* Prix Vert */
#greenTitlePrice {
    height: 42px;
    background-color: #47CFAD;
    border: 1px;
}

#greenTablePrice {
    border: 5px solid #47CFAD;
}

#green-time {
    height: 30px;
    color: #47CFAD;
}

#green-price {
    font-family: OpenSans-Semibold, arial;
    font-size: 30px;
    height: 42px;
    color: #47CFAD;
}

/* Prix Bleu */
#blueTitlePrice {
    height: 42px;
    background-color: #4FC1E9;
    border: 1px;
}

#blueTablePrice {
    border: 5px solid #4FC1E9;
}

#blue-time {
    height: 30px;
    color: #4FC1E9;
}

#blue-price {
    font-family: OpenSans-Semibold, arial;
    font-size: 30px;
    height: 42px;
    color: #4FC1E9;
}

/* Prix Violet */
#violetTitlePrice {
    height: 42px;
    font-family: OpenSans-Semibold, arial;
    background-color: #A491E8;
    border: 1px;
}

#violetTablePrice {
    border: 5px solid #A491E8;
}

#violet-time {
    height: 30px;
    color: #A491E8;
}

#violet-price {
    font-family: OpenSans-Semibold, arial;
    font-size: 30px;
    height: 42px;
    color: #A491E8;
}

/* Icones rondes */
.iconBlue {
    background-color: #5D9CEC;
    padding: 0px 6px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.1em;
    text-decoration: none;
}

.iconGray {
    color: #fff;
    background-color: #333;
    padding: 4px 11px;
    border-radius: 24px;
}

/* Propri�t�s specifiques */
.decobar div {
    height: 5px;
    width: 150px;
}

.decobar {
    background-color: #EEEDEB;
}

.form-control.has-error {
    border-color: #E9573F !important;
}

.form-control.has-success, .has-success .form-control {
    border-color: #36BC9B !important;
}

.pluginMenuBar {
    background-color: #5D9CEC;
    height: 40px;
    margin-top: -23px;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.backArrow {
    position: absolute;
    top: 9px;
    left: 15px;
}

.rowLink, .rowLink:hover {
    color: inherit;
}

.rowLink:hover > .row {
    background-color: #fff;
}

/* Tableau avec graphique de la page d'analyse */
.stats-ensemble {
    background-color: #EEEDEB;
    border: 1px solid #E3E4E8;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 3px;
}

.stats-ensemble > div:first-child {
    border-right: 1px solid #E3E4E8;
}

.stats-ensemble > div:last-child {
    border-left: 1px solid #E3E4E8;
}

.stats-access-date {
    background-color: #EEEDEB;
    border: 1px solid #E3E4E8;
    border-top: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px;
}

.stats-access {
    background-color: #EEEDEB;
    border: 1px solid #E3E4E8;
}

.stats-access > div > div > div:first-child {
    background-color: #EEEDEB;
    border-right: 1px solid #E3E4E8;
    height: 120px;
    width: 6%;
}

.stats-access > div > div > div:last-child {
    background-color: #fff;
    height: 120px;
    width: 94%;
    float: left;
}

.stats-access > div > div > div:first-child span {
    transform: rotate(-90deg);
    transform-origin: top left 0;
    float: left;
    width: 120px;
    margin-top: 113px;
}

/* Barre de recherche sur la page analyse */
.stats-searchbar .input-group-addon button, .content-searchbar .input-group-addon button {
    padding: 0;
    background-color: #5D9CEC;
}

.stats-searchbar input {
    border: 0;
}

.stats-searchbar .input-group-addon, .content-searchbar .input-group-addon {
    padding: 0 10px;
    background-color: #5D9CEC;
    border: 0;
}

.stats-searchbar.green .input-group {
    padding: 7px;
    background-color: #47CFAD;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.stats-searchbar.blue .input-group {
    padding: 7px;
    background-color: #4FC1E9;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.stats-searchbar button[name=showUsers] {
    margin-left: 35px;
    margin-right: 15px;
    background-color: #47CFAD;
}

.stats-searchbar button[name=showPublications] {
    background-color: #4FC1E9;
}

.stats-searchbar > div > button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 2px 20px;
    height: 38px;
}

.text-block {
    display: block;
    padding: 9.5px;
    margin: 0;
    /* font-size: 13px; */
    border: 1px solid #CCC;
    border-radius: 4px;
}

/* Tableau de pr�sentation des licences */
.licence-frame {
    padding: 0px;
}

.licence-frame-line-header {
    background-color: white;
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    border-style: none;
}

/* Ligne du tableau grise */
.licence-frame-line-even {
    background-color: #F3F2F1;
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    border: 0px;
}

/* Ligne du tableau blanche */
.licence-frame-line-odd {
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
    border: 0px;
}

/* Image de type coche ou croix */
.licence-frame-icon {
    display: table-cell !important;
    vertical-align: middle;
    float: none !important;
    padding-top: 5px;
    width: 23%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.licence-row {
    display: table;
    align-items: center;
}

.licence-row-header {
    margin-left: 0px;
    margin-right: 0px;
    font-family: OpenSans-Light, arial;
    color: rgb(255, 255, 255);
    font-size: large;
    width: 100%;
}

.licence-row-footer {
    display: table;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
}

.licence-col-first {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.licence-header-cell {
    background-color: rgb(71, 207, 173);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 12px;
    width: 23%;
    float: left;
    position: relative;
    min-height: 1px;
    text-align: center;
}

.licence-footer-cell {
    background-color: rgb(71, 207, 173);
    padding: 12px;
    width: 23%;
    float: left;
    position: relative;
    min-height: 1px;
    text-align: center;
}

/* Cellule du tableau de s�paration entre colonnes de description des licences */
.licence-cell-separator {
    background-color: white;
    border-right-style: none;
    border-left-style: none;
    border-width: 0px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 3%;
    min-height: 1px;
}

.licence-price {
    font-family: OpenSans-Light, arial;
    color: #fff;
    font-size: x-large;
    padding: 12px;
    width: 23%;
    float: none;
    position: relative;
    min-height: 1px;
    text-align: center;
    display: table-cell;
}

.licence-border-top-sides {
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid !important;
    border-top-width: 1px !important;
    border-left-style: solid !important;
    border-left-width: 6px !important;
    border-right-style: solid !important;
    border-right-width: 6px !important;
}

.licence-border-top {
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid !important;
    border-top-width: 1px !important;
}

.licence-border-left {
    border-left-color: rgb(221, 221, 221);
    border-left-style: solid !important;
    border-left-width: 1px !important;
}

.licence-border-top-left-rounded {
    border-top-color: rgb(221, 221, 221);
    border-top-left-radius: 6px;
    border-top-style: solid !important;
    border-top-width: 1px !important;
}

.licence-border-bottom-leftrounded {
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-left-radius: 6px;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

.licence-fat-border-sides {
    border-left-style: solid !important;
    border-left-width: 6px !important;
    border-right-style: solid !important;
    border-right-width: 6px !important;
}

.licence-current-price-cell {
    border-left-style: solid !important;
    border-left-width: 6px !important;
    border-right-style: solid !important;
    border-right-width: 6px !important;
}

.licence-current-price-cell-free {
    border-color: #47CFAD;
}

.licence-current-price-cell-author {
    border-color: #4FC1E9;
}

.licence-current-price-cell-publisher {
    border-color: #A491E8;
}

.licence-text {
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    width: 25%;
    display: table-cell;
}

.licence-background-publisher {
    background-color: #A491E8;
}

.licence-background-publisher-dark {
    background-color: #7D6AC2;
}

.licence-background-author {
    background-color: #4FC1E9;
}

.licence-background-author-dark {
    background-color: #3EA8CD;
}

.licence-background-free {
    background-color: #47CFAD;
}

.licence-background-free-dark {
    background-color: #31B494;
}

.table-thaleia.stats-table th:first-child {
    border-top-left-radius: 0;
    border-left: solid 1px #ddd;
}

.table-thaleia.stats-table th:last-child {
    border-top-right-radius: 0;
    border-right: solid 1px #ddd;
}

.table-thaleia.stats-table td:first-child {
    text-align: left;
    padding-left: 15px;
}

.table-thaleia.stats-table td {
    text-align: center;
    padding: 0;
}

.table-thaleia.stats-table td .lineChartSmall > img {
    width: 70px;
}

.table-thaleia.stats-table th:first-child {
    width: 25%;
}

.table-thaleia.stats-table th:last-child {
    width: 35%;
}

.table-thaleia.stats-table td .lineChartSmall {
    position: relative;
    cursor: pointer;
}

.table-thaleia.stats-table td .lineChartLarge {
    padding: 9px 0;
    position: relative;
    cursor: pointer;
}

.fold_unfold_button {
    position: absolute;
    right: 6px;
    top: 1px;
    font-size: 0.8em;
    color: #5C9BEB;
}

/* Aides sous le bouton avec selecteur de lange */
.helpUnderUpload > div:first-child {
    width: 207px !important;
}

/*Bouton avec selecteur de langue */
.uploadButtonWithLang button:first-child {
    padding: 14px 13px;
    width: 215px;
}

.content-langbar .dropdown-toggle {
    width: 65px;
}

.uploadButtonWithLang .dropdown-toggle {
    width: 65px;
    border-left: 1px solid #79AEF0;
}

.uploadButtonWithLang .dropdown-menu, .content-langbar .dropdown-menu {
    top: initial;
    left: initial;
    min-width: 65px;
    background-color: #5D9CEC;
    color: #fff;
    border: 0;
}

.uploadButtonWithLang .dropdown-menu a, .content-langbar .dropdown-menu a,
.btn-actions .dropdown-menu a {
    color: #fff;
}

.uploadButtonWithLang .dropdown-menu a:hover, .content-langbar .dropdown-menu a:hover,
.btn-actions .dropdown-menu a:hover, .uploadButtonWithLang .dropdown-menu a:focus,
.content-langbar .dropdown-menu a:focus, .btn-actions .dropdown-menu a:focus {
    color: #fff;
    background-color: #4FC1E9;
    background-image: none;
}

.file-return {
    margin: 0;
}

/* tableau des contenus disponibles */
.table-contents td {
    text-align: center;
}

.table-contents th:last-child {
    width: 170px;
}

.btn-actions .dropdown-toggle {
    width: 35px;
    border-left: 1px solid #79AEF0;
}

.btn-actions .dropdown-menu {
    left: 0;
    width: 141px;
    min-width: 141px;
    background-color: #5D9CEC;
    color: #fff;
    border: 0;
}

.btn-actions .dropdown-menu a {
    padding-left: 11px;
}

.icon-gray {
    background-color: #333333;
    padding: 0px 7px;
    border-radius: 20px;
    color: #fff;
    font-size: 1.1em;
    text-decoration: none;
}

/* Couleurs de pr�sentation des licences */
.licence-free {
    color: #47CFAD;
}

.licence-author {
    color: #4FC1E9;
}

.licence-publisher {
    color: #A491E8;
}

.panel.noPadding .panel-head {
    background-color: #5D9CEC;
    border: 1px solid #5D9CEC;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    font-family: OpenSans-Light, arial;
}

.panel.noPadding .panel-body {
    padding: 0 10px;
    border: 1px solid #E3E4E8;
    min-height: 127px;
}

.panel-body .blockWithBorder {
    border-right: 1px solid #ccc;
    min-height: 125px;
    padding-top: 5px;
}

.panel-body .block {
    min-height: 125px;
    padding-top: 5px;
}

.panel-body .block2 {
    min-height: 125px;
    padding-top: 18px;
}

.battery {
    background-color: #EEEDEB;
    border: 4px solid #CCCCCC;
    height: 87px;
    width: 67px;
    margin-top: 14px;
    border-radius: 8px;
    display: inline-block
}

.battery_part1 {
    background-color: #ccc;
    height: 22px;
    margin: 3px 3px 1px 3px;
}

.battery.level1 .battery_part1 {
    background-color: #A491E8;
}

.battery.level2 .battery_part1 {
    background-color: #4FC1E9;
}

.battery.level3 .battery_part1 {
    background-color: #47CFAD;
}

.battery_part2 {
    background-color: #ccc;
    height: 22px;
    margin: 3px 3px 1px 3px;
}

.battery.level1 .battery_part2 {
    background-color: #ccc;
}

.battery.level2 .battery_part2 {
    background-color: #4FC1E9;
}

.battery.level3 .battery_part2 {
    background-color: #47CFAD;
}

.battery_part3 {
    background-color: #ccc;
    height: 23px;
    margin: 3px 3px 1px 3px;
}

.battery.level1 .battery_part3 {
    background-color: #ccc;
}

.battery.level2 .battery_part3 {
    background-color: #ccc;
}

.battery.level3 .battery_part3 {
    background-color: #47CFAD;
}

.table-mission-stats-user td:first-child {
    text-align: left;
}

.table-mission-stats-user th {
    color: #fff;
}

.table-mission-stats-user th:nth-child(6) {
    min-width: 90px;
}

.media-body {
    width: auto;
}

.block-step {
    padding-top: 10px;
    padding-bottom: 10px;
}

.block-step:nth-child(1) .row {
    padding-left: 8%;
}

.block-step:nth-child(2) .row {
    padding-left: 4%;
    padding-right: 4%;
}

.block-step:nth-child(3) .row {
    padding-right: 8%;
}

.block-step .badge {
    background-color: #5d9cec;
    padding: 15px 21px;
    border-radius: 35px;
    font-size: 2em;
}

.block-step .text-10more {
    line-height: 28px;
}

.block-step .badge-block {
    text-align: center;
    width: 80%;
    margin: 30px auto 15px auto;
}

.block-step .badge-block > div:first-child {
    display: inline-block;
    float: left;
}

.block-step .badge1-svg {
    border: 3px solid;
    border-radius: 15px;
    padding: 24px 40px;
}

.block-step .badge2-svg {
    padding: 30px 43px;
}

.block-step .badge3-svg {
    border: 3px solid #5D9CEC;
    border-radius: 15px;
    padding: 20px 40px;
    background-color: #5D9CEC;
}

.block-step a:hover {
    text-decoration: none;
    color: #5D9CEC;
}

.enumeration * {
    padding: 0 5px;
}

/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 130px;
    padding: 0 75px 0 22px;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    line-height: 60px;
    background: #5D9CEC;
    border-radius: 4px;
    cursor: pointer;
    height: 61px;
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 3px 0;
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
    background: #5D9CEC;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0px 10px;
    font-size: 16px;
    color: #fff;
    line-height: 33px;
    cursor: pointer;
    text-align: center;
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.custom-option:hover,
.custom-option.selection {
    background: #4FC1E9;
}

.joyride-tip-guide {
    -moz-box-shadow: 0px 0px 10px 2px #cfcfcf;
    -webkit-box-shadow: 0px 0px 10px 2px #cfcfcf;
    -o-box-shadow: 0px 0px 10px 2px #cfcfcf;
    box-shadow: 0px 0px 10px 2px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=10);
}

/* CIRCLE */

.circle {
    position: relative;
    display: block;
    background-color: transparent;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    width: 55px;
}

.circle:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #5D9CEC;
    content: "";
}

.circle.circleBlack:after {
    background-color: #262626 !important;
}

.circle__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.circle__wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.circle__content {
    display: table-cell;
    vertical-align: middle;
    font-size: 2em;
    font-weight: 600;
}

.size-content {
    font-size: 13px;
}

@media (min-width: 400px) and (max-width: 1920px) {
    .size-content {
        font-size: calc(13px + (25 - 13) * ((100vw - 400px) / (1920 - 400)));
    }
}

@media (min-width: 1920px) {
    .size-content {
        font-size: 25px;
    }
}

.media, .media-body {
    overflow: visible;
    zoom: 1;
}

.required {
    color: red;
    display: inline-block;
}

.answer {
    display: flex;
    flex-wrap: nowrap!important;
    padding: 10px;
}

.answer-text {
    text-align: left;
    padding: 0px;
    -ms-flex-order: 2;
    order: 2;
}

.answer-color {
    -ms-flex-order: 2;
    order: 1;
    margin: 5px 10px 0 0;
    min-width: 10px;
    height: 10px;
}