﻿.lnk {
    cursor: pointer;
    margin: 5px 0px;
}

.margin-xs {
    margin: 5px;
}

.margin-left-xs,
.margin-left-xs .k-combobox {
    margin-left: 5px;
}

.margin-sm {
    margin: 10px;
}

.margin-bottom-sm,
.margin-bottom-sm .k-combobox {
    margin-bottom: 10px;
}

.padding-sm {
    padding: 10px;
}

.margin-top-sm {
    margin-top: 10px;
}

.margin-top-md {
    margin-top: 20px;
}

.margin-top-lg {
    margin-top: 30px;
}

.margin-bottom-lg {
    margin-bottom: 30px;
}

.k-grid-edit-row .form-control {
    display: inline;
    width: 70%;
    padding: 0px 5px;
    margin-left: 5px;
}

.bandeau {
    border: 1px solid #c5c5c5;
    padding: 10px 0px;
}

    .bandeau .k-widget.k-menu-horizontal {
        border: none;
    }

    .bandeau .k-menu.k-menu-horizontal > .k-item {
        border: 1px solid #c5c5c5;
        width: 100px;
        height: 50px;
        text-align: center;
    }

.div-border-right {
    border-right: 1px solid;
}

.no-padding {
    padding: 0;
}

.panel-fiche-contact .k-widget * {
    box-sizing: border-box;
}

.titre-fiche-contact h4 {
    display: inline-block;
}

.commandes-fiche-contact .k-grid-edit,
.commandes-fiche-contact .k-grid-update,
.commandes-fiche-contact .k-grid-delete,
.commandes-fiche-contact .k-grid-cancel,
.paiements-fiche-contact .k-grid-edit,
.paiements-fiche-contact .k-grid-update,
.paiements-fiche-contact .k-grid-delete,
.paiements-fiche-contact .k-grid-cancel {
    border: none;
}

.commandes-fiche-contact .k-grid tbody .k-button.k-grid-edit,
.commandes-fiche-contact .k-grid tbody .k-button.k-grid-update,
.commandes-fiche-contact .k-grid tbody .k-button.k-grid-delete,
.commandes-fiche-contact .k-grid tbody .k-button.k-grid-cancel,
.paiements-fiche-contact .k-grid tbody .k-button.k-grid-edit,
.paiements-fiche-contact .k-grid tbody .k-button.k-grid-update,
.paiements-fiche-contact .k-grid tbody .k-button.k-grid-delete,
.paiements-fiche-contact .k-grid tbody .k-button.k-grid-cancel {
    min-width: 32px;
}

.panel-fiche-contact .k-panelbar > li.k-item {
    background-color: #ecf0f5;
    padding-bottom: 20px;
    border-top: 3px solid #009c95;
}

.k-widget.k-panelbar.k-reset.k-header {
    border: none;
}

.paiements-fiche-contact .k-grid .k-grid-header {
    display: none;
}

.k-window > div.k-popup-edit-form {
    margin: 0px 15px;
}

.k-window input[type="text"] {
    box-sizing: border-box;
    width: 12.4em;
}

.k-grid-Previsualisation {
    border: none;
}

.text-white {
    color: #fff;
}

.sidebar-menu {
    white-space: normal !important;
}

.common-table .checkbox {
    margin-top: 1px;
    margin-bottom: 1px;
}

    .common-table .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0px;
    }

.acidjs-ui-ribbon > div:first-child > div:first-child {
    display: none;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-dropdown {
    width: 220px !important;
}

.acidjs-ui-ribbon div[data-tool-name=sauvegarder].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=actualiser].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=supprimer].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=historiqueFiche].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=navigation].acidjs-ui-ribbon-tool-split-button-large, 
.acidjs-ui-ribbon div[data-tool-name=espacePersonnel].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=historiqueStatutContact].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=historiqueFicheContact].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=toutes].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=situationSFODF].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=coordonneesCorrespondance].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=informationsPersonnelles].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=coordonneesAnnuaire].acidjs-ui-ribbon-tool-split-button-large {
    width: 16.6%;
}

.acidjs-ui-ribbon div[data-tool-name=emailing].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=historiqueCom].acidjs-ui-ribbon-tool-split-button-large {
    width: 50%;
}

.acidjs-ui-ribbon div[data-tool-name=compteClient].acidjs-ui-ribbon-tool-split-button-large,
.acidjs-ui-ribbon div[data-tool-name=cotisations].acidjs-ui-ribbon-tool-split-button-large {
    width: 50%;
}

.acidjs-ui-ribbon div[data-tool-name=historiqueEvenement].acidjs-ui-ribbon-tool-split-button-large {
    width: 100%;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tool-split-button-large > div:first-child {
    width: 100% !important;
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #dbdbdb;
}

.underline {
    border-bottom: 1px solid #009c95;
}

.grid-border {
    border: 1px solid #dbdbdb;
}

.grid-header,
.k-panelbar > li > .k-link,
.box-commande,
.k-header.k-grid-toolbar.k-grid-top {
    background-color: #009c95;
    color: #fff;
}

    .k-header.k-grid-toolbar.k-grid-top .k-button {
        background-color: #009c95;
        color: #fff;
        border-color: #009c95;
    }

        .k-header.k-grid-toolbar.k-grid-top .k-button .k-add {
            background-position: -48px -64px;
        }

    .box-commande a {
        color: #fff;
    }

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #009c95;
}

.error-page > .error-content {
    padding-top: 30px;
}

label {
    display: block;
}

li > label {
    font-weight: normal;
}

.ui-tooltip {
    display: none;
}

#rechercheResultats .k-grid table tr {
    cursor: pointer;
}

.actif {
    text-transform: uppercase;
    color: #009c95;
    font-size: 24px;
}

.inactif {
    text-transform: uppercase;
    color: red;
    font-size: 24px;
}

.maxtextarea {
    width: 100%;
    height: 150px;
}

.RechercheOptions {
    list-style: none;
}

.FieldsetTitle, .bold {
    font-weight: bold;
}

.field-validation-error {
    color: red;
}

.StatistiqueEmailGrid tr td {
    cursor: pointer;
}

.StatistiqueEmailGrid tr:hover {
    background-color: #009c95;
}


#blanket {
    background-color: #111;
    opacity: 0.65;
    *background: none;
    position: absolute;
    z-index: 9001;
    top: 0px;
    left: 0px;
    width: 100%;
}

#popUpDiv {
    position: absolute;
    background: url(../Images/Default.png) no-repeat;
    width: 400px;
    height: 400px;
    border: 5px solid #000;
    z-index: 9002;
}

    #popUpDiv a {
        position: relative;
        top: 20px;
        left: 20px;
    }

.hide {
    display: none;
}

.k-combobox {
    width: 100%;
}

.k-datepicker {
    width: 100%;
    max-width: 105px;
}

.validation-summary-errors {
    color: red;
}

    .validation-summary-errors ul {
        list-style-type: none;
        padding: 0;
    }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.k-state-selected {
    background-color: #5882FA;
}

.radio-list {
    margin: 8px 10px 0 0;
    list-style: none;
}

.radio-list li {
    display: inline-block;
    margin-right: 10px;
}

.radio-list li input {
    margin: 5px;
}

.kendo-upload-file-heading {
    font-family: Arial;
    font-size: small;
    display: inline-block;
    float: left;
    width: 60%;
    margin: 0 0 0 5px;
    height: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.kendo-upload-file-name-heading {
    margin-top: 0px;    
}

.kendo-upload-file-size-heading {
    font-weight: normal;    
    font-style: italic;
}

li.k-file div.kendo-upload-file-wrapper {
    position: relative;
    height: 60px;
}