/** 0. HELPERS **/
.no-pl {
    padding-left: 0!important;
}

.no-pr {
    padding-right: 0!important;
}

.no-plr {
    padding-left: 0!important;
    padding-right: 0!important;
}

.no-pt {
    padding-top: 0!important;
}

.no-pb {
    padding-bottom: 0!important;
}

.display-flex {
    display: flex;
}

.display-none {
    display: none!important;
}

.bold {
    font-weight: bold;
}

.inline{
    display:inline-block;
}

button:not(.ms-choice) {
    margin-top: 10px !important;
}

input:required.ko,
input.ko,
textarea.ko {
    border: 1px solid red;
}

input.ok {
    border: 1px solid green;
}

.form-group .required.control-label:after,
.required:after {
    content: "*";
    color: red;
}

.text-italic {
    font-style: italic;
}

.a4 {
    width: 960px;
}

.a4 .col-md-12 {
    margin: 10px 0;
}

h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #3a85c1;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.logo {
    /*background: url('../img/logo.png') no-repeat;*/
    width: 100%;
    height: auto;
    content: url('../img/logo.png');
}

.adresse-cadre {
    border: 1px solid #000000;
    text-align: center;
    text-transform: uppercase;
}

.adresse-cadre span {
    font-weight: bold;
}

.duplicata {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 38px;
    color: #808080;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-35deg);
    padding: 65px 0 0 0;
}

.grey-highlight {
    background: rgb(200, 200, 200);
    font-weight: bold;
}

.resultHeader span {
    font-weight: bold;
    padding: 0 10px 0 0;
}

#historique ul li span {
    font-weight: bold;
}

th[data-sortable="true"] {
    cursor: pointer;

}

table.sortable th[data-sortable] {
    cursor: pointer;
}

table.sortable th.sortable:after {
    content: "\e113 \e114";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #000;
    opacity: 0.5;
}


/** BLOC GAUCHE **/
.sidebar {
    border: 1px solid #3a85c1;
    padding: 10px;
    box-shadow: 5px 5px 5px rgb(223, 220, 220);
    background: #fff;
}

.sidebar h2 {
    font-family: "Roboto Condensed", sans-serif;
    color: #3a85c1;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    border: none;
    margin: 0;
}

.sidebar h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
}

.sidebar p {
    font-size: 12px;
}

/** CONTENT **/
.content {
    margin-top: 0;
}

.content h1,
.contentHeight h1 {
    color: #3a85c1;
    font-size: 16px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: none;
    font-weight: normal;
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sidebar+.content>h1{
    margin-top: 10px;
}

.content h1:before,
.contentHeight h1:before {
    color: #3a85c1;
    font-family: 'Glyphicons Halflings';
    content: "\e074";
    padding: 0 10px 0 0;
}

.content .step {
    border: 1px solid #3a85c1;
    background: #F5F9FF;
    padding: 10px;
}

.content .step button.blue-button {
    color: #fff;
}

.content button.white-button {
    margin-top: 10px;
    margin-right: 10px;
}

.content .step:not(:first-child),
.content .step:not(:first-of-type) {
    margin-top: 10px;
}

.content .step h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #3a85c1;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.content .step label {
    color: #666;
    margin: 0 0 2px 0;
    font-weight: normal;
    font-size: 13px;
}

.content .step button {
    color: #333;
    text-transform: none;
    font-weight: normal;
}

.content .step button.white-button {
    border: none;
    background: none;
}

.content .step button span.glyphicon {
    padding: 0 3px 0 0;
    top: 3px;
}

.content button span.glyphicon {
    font-size: 14px;
}

.content .step button.white-button span.glyphicon-plus-sign {
    color: #8BBF53;
}

.content .step button.white-button span.glyphicon-remove {
    color: #D84A48;
}

span.trash {
    position: relative;
    background: #D84A48;
    border-radius: 18px;
    color: #fff;
    font-weight: bold;
    padding: 6px;
    margin: 0 5px 0 5px;
    font-size: 14px;
    top: 7px;
}

span.trash a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

span.trash:hover {
    opacity: 0.8;
}

.content button[type=submit].search,
.content button.new-search {
    float: right;
}

.content button[type=submit].search:hover,
.content button.new-search:hover,
.content .step button.blue-button:hover,
.content .step button.green-button:hover {
    color: #fff;
    opacity: 0.8;
}

.content button.new-search {
    padding: 5px 10px;
    margin: 10px;
    text-transform: none;
    color: #fff;
    background: #D84A48;
    font-weight: normal;
}

.content .panel {
    border-radius: 0;
}

.content .panel h3 {
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    margin-top: 10px;
}

.content .panel-heading {
    background: #F5F9FF;
    color: #333;
}

.content .step button.green-button {
    color: #fff;
}

/** ELIGIBILITE **/
#eligibilite .content .isStepValid .step {
    margin-top: 10px;
}

#eligibilite .maladie-filters {
    margin-bottom: 10px;
}

#eligibilite .maladie-filters .trash {
    top: 27px;
}

#eligibilite .periodes-filters .panel .col-md-12 {
    margin-bottom: 10px;
}

#eligibilite button.white-button.remove {
    float: right;
}

#eligibilite .step button.close {
    background: #D84A48;
    opacity: 1;
    padding: 0 6px 2px 6px;
    border-radius: 20px;
}

#eligibilite #duplicatorFilters {
    color: #000;
    text-transform: none;
    font-weight: normal;
}

#eligibilite #duplicatorFilters span.glyphicon-plus-sign {
    color: #8BBF53;
}

#eligibilite .eligibilite-save-recherche-btn {
    text-transform: none;
    color: #fff;
    font-weight: normal;
    background: #3a85c1;
}

#eligibilite .eligibilite-save-recherche-btn:hover {
    opacity: 0.8;
}

#eligibilite .eligibilite-save-recherche-btn span.glyphicon {
    color: #fff;
}

#eligibilite .save-list {
    border-top: 1px solid #D0D1D5;
    padding: 15px 0 0 0;
}

#eligibilite #saved-recherches {
    border: 1px solid #D0D1D5;
    background: #F5F9FF;
    padding: 10px;
}

#eligibilite #saved-recherches ul {
    margin: 0;
    padding-left: 10px;
    list-style: none;
}

#eligibilite #saved-recherches ul li {
    padding: 10px 0;
}

#eligibilite #saved-recherches ul li:hover {
    color: #3a85c1;
}

#eligibilite #saved-recherches ul li:not(:last-child) {
    border-bottom: 1px solid #D0D1D5;
}

#eligibilite .sidebar span.trash, #eligibilite .sidebar span.exportReherche {
    float: right;
    font-size: 12px;
    padding: 3px 5px;
    top: 0;
}

#eligibilite .results {
    margin: 10px 0;
}

/** CONSULTATION DES RESULTATS **/
#resultat-analyse-recherche p.text-center {
    margin-top: 28px;
}

/** DATEPICKER **/
.ui-widget {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.panel {
    border-radius: 0 !important;
}

#parametrage form {
    padding: 10px 0;
}

#parametrage button {
    margin-top: 0 !important;
}

#parametrage input {
    width: 25%;
}

/** LABEL **/
label.control-label {
    color: #666;
    margin: 0 0 2px 0;
    font-weight: normal;
    font-size: 13px;
}

/** TOOLTIP CUSTOM **/
.aide {
    position: absolute;
    z-index: 9999;
    top: -45px;
    font-size: 10px;
    background: rgba(0, 0,0 ,0.75);
    color: white;
    border-radius: 5px;
    padding: 5px;
    display: none;
}

.aide .aide-arrow {
    bottom: -5px;
    left: 92%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: rgba(0, 0,0 ,0.75);
}

.aide-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/** INPUT TYPE FILE **/
input[type=file] {
    border: none;
    padding: 0;
    box-shadow: none;
}


#dossierModal .modal-backdrop{
    position: fixed;
}
#dossierModal .modal-dialog{
    position: relative;
    left: auto;
    top: auto;
}

.redText{
    color: red;
}

.analyse .ms-drop.bottom{
    width: 155%;
}

body.notInIframe{
	margin: auto;
	max-width: 1300px;
	margin-top: 5em;
}