@font-face {
    font-family: 'Sansumi';
    src: url("../fonts/hinted-Sansumi-DemiBold.eot");
    src: url("../fonts/hinted-Sansumi-DemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/hinted-Sansumi-DemiBold.woff2") format("woff2"), url("../fonts/hinted-Sansumi-DemiBold.woff") format("woff"), url("../fonts/hinted-Sansumi-DemiBold.ttf") format("truetype"), url("../fonts/hinted-Sansumi-DemiBold.svg#Sansumi-DemiBold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sansumi';
    src: url("../fonts/hinted-Sansumi-Bold.eot");
    src: url("../fonts/hinted-Sansumi-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/hinted-Sansumi-Bold.woff2") format("woff2"), url("../fonts/hinted-Sansumi-Bold.woff") format("woff"), url("../fonts/hinted-Sansumi-Bold.ttf") format("truetype"), url("../fonts/hinted-Sansumi-Bold.svg#Sansumi-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot");
    src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

i[class^="icon-"], i[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header {
    background-color: #D33C44;
    color: #ffffff;
    font-size: 30px;
    height: 84px;
    line-height: 64px;
    padding: 16px 0px;
    box-shadow: 0px 1px rgba(0, 0, 0, 0.24);
}

.icon-ask:before {
    content: "\e900";
}

.icon-ask_ended:before {
    content: "\e901";
}

.icon-ask_expert:before {
    content: "\e902";
}

.icon-download:before {
    content: "\e903";
}

.icon-logout:before {
    content: "\e904";
}

.icon-suivis:before {
    content: "\e905";
}

.icon-suivis_ended:before {
    content: "\e906";
}

.icon-users:before {
    content: "\e907";
}

.icon-home:before {
    content: "\e908";
}

.icon-question:before {
    content: "\ea09";
}

#timeline {
    width: 100%;
    height: 100px;
    margin-top: 280px;
    margin-bottom: 50px;
    padding: 0 100px 0 240px;
}

#timeline ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#timeline ul li {
    position: relative;
    text-align: center;
    width: calc(100% / 11);
    float: left;
    padding: 0;
}

#timeline ul li:first-of-type .step::before {
    content: ' ';
    display: block;
    height: 8px;
    width: calc(100% - 37px);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    background-color: #e30046;
}

#timeline ul li .step {
    border: 3px solid #e30046;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    line-height: 32px;
    font-size: 18px;
}

#timeline ul li .step::after {
    content: ' ';
    display: block;
    height: 8px;
    width: calc(100% - 37px);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    background-color: #e30046;
}

#timeline ul li .title {
    position: absolute;
    bottom: 80px;
    font-size: 12px;
    padding: 0 5px;
    font-weight: bold;
}

#timeline ul li .title .user {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 11px;
    font-weight: normal;
}

#timeline ul li .title::before {
    content: ' ';
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%, 0);
    position: absolute;
    background-color: #e30046;
}

#timeline ul li .title::after {
    content: ' ';
    display: block;
    height: 30px;
    width: 3px;
    left: 50%;
    bottom: -40px;
    transform: translate(-50%, 0);
    position: absolute;
    background-color: #e30046;
}

#timeline ul li.team .title {
    bottom: auto;
    top: 80px;
}

#timeline ul li.team .title::before {
    bottom: auto;
    top: -20px;
}

#timeline ul li.team .title::after {
    bottom: auto;
    top: -40px;
}

#timeline ul li.valid .step {
    border-color: #77be80;
    background-color: #77be80;
    color: #fff;
}

#timeline ul li.valid .step::before, #timeline ul li.valid .step::after {
    background-color: #77be80;
}

#timeline ul li.valid .title {
    color: #77be80;
}

#timeline ul li.valid .title::before, #timeline ul li.valid .title::after {
    background-color: #77be80;
}

body {
    font-family: Calibri, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #504e4e;
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 80px;
}

body .form-control:focus,
body textarea:focus,
body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="time"]:focus,
body input[type="week"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="color"]:focus,
body .uneditable-input:focus {
    border-color: #504e4e;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(226, 0, 79, 0.6);
    outline: 0 none;
}

body .form-group {
    margin-bottom: 30px;
}

body .control-label {
    text-align: left;
    font-weight: normal;
    margin-right: 20px;
}

body .input-group {
    width: 50%;
}

body .form-control,
body textarea,
body input.form-control,
body .select2-container--default .select2-selection--single,
body .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 0;
    border: 1px solid #504e4e;
    color: #383838;
    min-height: 42px;
}

body .select2-container--default .select2-selection--single,
body .select2-container--default .select2-selection--multiple {
    font-size: 16px;
}

body .select2-container--default .select2-selection--multiple {
    position: relative;
    background-color: transparent;
}

body .select2-container--default .select2-selection--multiple:before {
    content: "\f03a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    right: 5px;
    top: 9px;
    z-index: -1;
}

body input.datetimepicker {
    padding-right: 25px;
}

body .input-group-addon {
    background-color: #fff;
    border-color: #504e4e;
    border-radius: 0;
    right: 0;
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 25px;
    padding: 13px 0px 0 0;
}

body .select2-selection--single > span {
    height: 40px !important;
    line-height: 40px !important;
}

body .form-horizontal .checkbox, body .form-horizontal .checkbox-inline, body .form-horizontal .radio, body .form-horizontal .radio-inline {
    padding-top: 0;
}

body div.radio,
body div.checkbox {
    display: inline-block;
    margin-right: 20px;
    width: auto;
    height: 34px;
}

body div.radio:first-of-type,
body div.checkbox:first-of-type {
    margin-left: 0;
}

body div.radio label,
body div.checkbox label {
    min-height: 34px;
    line-height: 34px;
    padding-left: 0;
}

body div.radio span:not(.help-block),
body div.checkbox span:not(.help-block) {
    background: url(../img/radio_bgd.png) no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    text-align: center;
    background-position: 0 0 !important;
    height: 34px;
    width: 34px;
}

body div.radio span:not(.help-block).checked,
body div.checkbox span:not(.help-block).checked {
    background-position: 0 -34px !important;
}

body div.checkbox {
    margin-bottom: 30px !important;
}

body div.checkbox div.checker {
    margin-right: 25px;
    margin-top: -15px;
}

body div.checkbox div.checker span {
    background: url(../img/checkbox_bgd.png) no-repeat;
}

body label > div.radio {
    margin-right: 5px;
}

body .col-md-offset-3 div.checkbox {
    margin-left: -50%;
}

body .form-group.file + em,
body .file_block + em,
body .radio_files + em {
    display: block;
    margin-top: -25px;
    margin-bottom: 30px;
    color: #e30046;
}

body .form-group.file + .help-block.error-message,
body .file_block + .help-block.error-message,
body .radio_files + .help-block.error-message {
    margin-top: -30px !important;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 6px 15px;
}

body .radio_files + em,
body .radio_files .help-block {
    text-align: left;
    margin-bottom: 0;
}

body a {
    text-decoration: none;
}

body h1, body h2, body h3 {
    font-weight: normal;
    font-family: Sansumi, sans-serif;
}

body h2 {
    font-size: 34px;
    text-transform: uppercase;
    text-align: left;
    color: #e30046;
    margin: 80px 0 0px;
}

body b, body strong {
    font-weight: 900;
}

body table.table > thead > tr > th {
    font-family: Sansumi, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #e30046;
    text-align: center;
    vertical-align: middle;
    padding: 20px 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #e30046;
}

body table.table > tbody > tr > td {
    font-size: 12px;
    color: #504e4e;
    text-align: center;
    vertical-align: middle;
    padding: 20px 10px;
    text-transform: uppercase;
}

body table.table > tbody > tr > td span.date-sort {
    display: none;
}

body table.table > tbody > tr > td a {
    display: block;
    text-decoration: none;
}

body table.table > tbody > tr > td a i {
    color: #504e4e;
    font-size: 30px;
}

body table.table > tbody > tr > td a:hover i {
    color: #413f3f;
}

body table.table > tbody > tr > td a.associate_admin {
    margin-top: 20px;
}

body table.table > tbody > tr > td a.associate_admin.no-one i {
    color: #e30046;
}

body table.table tr.request,
body table.table tr.user {
    cursor: pointer;
}

body table.table tr.request td.state,
body table.table tr.user td.state {
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
}

body table.table tr.request.highlight,
body table.table tr.user.highlight {
    background-color: rgba(255, 255, 0, 0.2);
}

body table.table tr.request.highlight.new,
body table.table tr.user.highlight.new {
    background-color: #d1ecf1;
}

body .alert {
    margin-top: 10px;
    margin-bottom: 50px;
}

#page-header {
    width: 100%;
    height: 80px;
    text-align: left;
    background-color: #e30046;
    padding-left: 50px;
    position: fixed;
    top: 0px;
    z-index: 1001;
}

#page-header h1 {
    line-height: 80px;
    color: #fff;
    font-size: 22px;
    margin: 0;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    font-weight: bold;
}

#page-header h1 span {
    font-family: sans-serif;
}

#page-header h1 .black {
    font-family: Sansumi, sans-serif;
    color: #1a171b;
}

#page-header #logout_btn {
    display: block;
    height: 80px;
    width: 80px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 88px;
    border-left: 1px solid #fff;
    text-decoration: none;
    position: fixed;
    top: 0px;
    right: 0px;
}

#page-header #years_select_block {
    top: 3.438em;
    right: 100px;
    position: fixed;
    z-index: 1002;
    transform: translate(0, -50%);
}

#page-header #years_select_block > * {
    float: right;
}

#page-header #years_select_block .select2 {
    max-width: 80px;
}

#page-header #years_select_block .label {
    color: #fff;
    margin-right: 10px;
    line-height: 35px;
}

#main-container {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
}

#main-container #sidebar {
    position: fixed;
    width: 300px;
    float: left;
    background-color: #dedede;
    height: 100%;
    z-index: 10;
}

#main-container #sidebar .trigger {
    position: absolute;
    top: 0;
    right: -40px;
    height: 80px;
    width: 40px;
    background-color: #dedede;
    text-align: center;
    line-height: 80px;
    font-size: 22px;
    opacity: 1;
    display: none;
}

#main-container #sidebar .block-logo {
    text-align: center;
    padding: 25px 60px 30px;
}

#main-container #sidebar .block-logo img.logo {
    margin: 0 auto;
}

#main-container #sidebar .block-logo p.current_limb {
    text-align: center;
    font-family: Sansumi, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 0;
}

#main-container #sidebar #main_menu {
    list-style-type: none;
    padding: 0;
}

#main-container #sidebar #main_menu li {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

#main-container #sidebar #main_menu li a {
    display: block;
    font-family: Sansumi, sans-serif;
    width: 100%;
    height: 85px;
    background-color: #fff;
    font-size: 13px;
    line-height: 85px;
    padding-left: 20px;
    vertical-align: middle;
    color: #504e4e;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

#main-container #sidebar #main_menu li a:hover {
    background-color: #e30046;
    color: #fff;
}

#main-container #sidebar #main_menu li a [class^=icon] {
    float: left;
    font-size: 60px;
    line-height: 82px;
    width: 60px;
    text-align: center;
    margin-right: 20px;
}

#main-container #sidebar #main_menu li a [class^=icon].icon-home {
    font-size: 45px;
}

#main-container #sidebar #main_menu li a span {
    line-height: 16px;
    display: inline-block;
    width: 180px;
    margin-top: 26px;
    font-weight: bold;
}

#main-container #sidebar #main_menu li.active a {
    background-color: #e30046;
    color: #fff;
}

#main-container #sidebar #main_menu li.multiline a {
    line-height: 25px;
    padding-top: 20px;
}

#main-container #sidebar #main_menu li.multiline a [class^=icon] {
    margin-top: -18px;
}

#main-container #main-content {
    position: relative;
    float: left;
    width: calc(100% - 300px);
    margin-left: 300px;
}

#main-container #main-content .btn-info {
    background-color: #e30046;
    border: #e30046;
}

#main-container #main-content .btn-info:hover {
    opacity: 0.75;
}

#main-container #main-content .btn-default {
    border-radius: 0;
    border: 1px solid #504e4e;
    padding: 10px 40px;
    font-size: 17px;
    line-height: 20px;
}

#main-container #main-content .btn-default[type="submit"], #main-container #main-content .btn-default.big {
    font-family: Sansumi, sans-serif;
    min-width: 350px;
    min-height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    padding: 0 20px;
    margin-top: 20px;
}

#main-container #main-content .btn-default[type="submit"] small, #main-container #main-content .btn-default.big small {
    font-size: 70%;
    line-height: 60px;
    margin-top: -30px;
    display: block;
}

#main-container #main-content .modal .btn-default[type="submit"], #main-container #main-content .modal .btn-default.big {
    min-height: 0;
}

#main-container #main-content #modal_associate_admin h4 {
    text-transform: uppercase;
}

#main-container #main-content #modal_associate_admin select {
    width: 100%;
}

#main-container #main-content #modal_associate_admin button[type="submit"] {
    min-width: 0;
    height: auto;
    line-height: 20px;
    font-size: 17px;
    padding: 10px 40px;
    font-family: Calibri, sans-serif;
    margin-top: 0;
}

#main-container #main-content #content {
    max-width: 1010px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 180px;
}

#main-container #main-content #content h2 {
    margin: 100px 0 35px;
}

#main-container #main-content #content h3 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: normal;
}

#main-container #main-content #content ul.details {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#main-container #main-content #content ul.details li strong {
    text-transform: uppercase;
}

#main-container #main-content #content ul.details li.surgeon {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 25px;
}

#main-container #main-content #content hr {
    margin: 40px 0 50px;
}

#main-container #main-content #content hr.pink {
    border-color: #e30046;
    border-top-width: 2px;
}

#main-container #main-content #content table.list > tbody > tr {
    margin-bottom: 20px;
    display: block;
}

#main-container #main-content #content table.list > tbody > tr > td {
    width: 50%;
    vertical-align: middle;
    text-align: left;
}

#main-container #main-content #content table.list > tbody > tr > td:first-child {
    padding-right: 10px;
}

#main-container #main-content #content table.list > tbody > tr > td div[class^=col] {
    width: 100%;
}

#main-container #main-content #content table.list > tbody > tr > td .form-group {
    margin: 0;
}

#main-container #main-content #content .validation_unlock_block {
    margin-top: 20px;
    margin-bottom: -30px;
}

#show_steps {
    position: absolute;
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    width: 130px;
    left: 10px;
    top: 399px;
    margin-bottom: 100px;
}

#show_steps li {
    display: block;
    text-align: center;
    height: 85px;
    margin-bottom: 15px;
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 22px;
    font-family: Sansumi, sans-serif;
}

#show_steps li.done {
    color: #fff;
    background-color: #504e4e;
}

#show_steps li.done a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: calc(100% + 22px);
    width: 100%;
    padding-top: 22px;
    margin-top: -22px;
}

#show_steps li.active {
    color: #fff;
    background-color: #e30046;
}

#show_steps li small {
    font-family: Calibri, sans-serif;
    text-transform: none;
    font-weight: bold;
    font-size: 16px;
}

p.nb {
    font-style: italic;
    margin: 10px 0 0;
    font-size: 15px;
}

#table_requests td img.ico-alert {
    width: 100%;
    max-width: 30px;
}

#table_requests td.action a {
    display: block;
    margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    display: none;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 10px !important;
    font-family: Calibri, sans-serif !important;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate li a {
    color: #e30046;
}

.dataTables_wrapper .dataTables_paginate li.active a {
    background-color: #e30046;
    border-color: #e30046;
    color: #fff;
}

.dataTables_wrapper .dataTables_paginate li.disabled a {
    color: #dddddd;
}

.dataTables_wrapper thead th::after {
    bottom: 50% !important;
    transform: translate(0, 50%);
}

.dataTables_wrapper thead tr.filters input {
    width: 100% !important;
    font-size: 14px;
    min-height: 32px;
}

@media (max-width: 1200px) {
    #main-container #sidebar {
        left: -300px;
        -webkit-transition: left 300ms;
        transition: left 300ms;
    }

    #main-container #sidebar .trigger {
        display: block;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }

    #main-container #sidebar:hover {
        left: 0;
    }

    #main-container #sidebar:hover .trigger {
        opacity: 0;
    }

    #main-container #main-content {
        position: relative;
        float: left;
        width: 100%;
        margin-left: 0;
    }
}

@media (min-width: 1700px) {
    #main-container #main-content #content {
        padding-left: 0;
    }
}

#top-bar {
    width: 100%;
    background-color: #e2004f;
    padding: 15px 10px;
    height: 114px;
}

#top-bar .logo-login {
    margin: 12px 40px 0;
}

#top-bar .logo-login.pull-right {
    margin-top: 32px;
}

#login_form,
#update_password_form,
#forgotten_password_form {
    width: 305px;
    margin: 0 auto;
    padding-top: 180px;
}

#login_form img.ico,
#update_password_form img.ico,
#forgotten_password_form img.ico {
    margin: 0 10px 24px 0px;
}

#login_form .form-group,
#update_password_form .form-group,
#forgotten_password_form .form-group {
    width: 250px;
    display: inline-block;
    margin: 0;
}

#login_form .form-group div[class^=col],
#update_password_form .form-group div[class^=col],
#forgotten_password_form .form-group div[class^=col] {
    padding-right: 0;
    padding-left: 0;
}

#login_form .form-group div[class^=col] input,
#update_password_form .form-group div[class^=col] input,
#forgotten_password_form .form-group div[class^=col] input {
    height: 42px;
}

#login_form button[type="submit"],
#update_password_form button[type="submit"],
#forgotten_password_form button[type="submit"] {
    background-color: #dedede;
    font-family: Sansumi, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    border: 0;
    border-radius: 0;
    height: 42px;
    line-height: 42px;
    padding: 0;
}

#login_form button[type="submit"]:hover,
#update_password_form button[type="submit"]:hover,
#forgotten_password_form button[type="submit"]:hover {
    background-color: #cdcdcd;
}

#login_form a.forgotten_password,
#update_password_form a.forgotten_password,
#forgotten_password_form a.forgotten_password {
    float: right;
    display: inline-block;
    text-align: right;
    font-size: 15px;
    color: #e30046;
    margin: -15px 0 15px;
}

#update_password_form,
#forgotten_password_form {
    padding-top: 30px;
}

#select_current_limb {
    margin-top: 80px;
}

#select_current_limb .limb_select {
    opacity: 0.25;
    cursor: not-allowed;
    text-align: center;
}

#select_current_limb .limb_select.active {
    opacity: 0.85;
    cursor: pointer;
}

#select_current_limb .limb_select.active:hover {
    opacity: 1;
}

#select_current_limb .limb_select img {
    margin: 0 auto;
}

#select_current_limb .limb_select p.title {
    color: #e2004f;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

#logout_btn {
    position: absolute;
    right: 20px;
    top: 130px;
    font-size: 32px;
    color: #e30046;
    text-decoration: none;
}

#logout_btn:hover {
    color: #F10046;
}

/*# sourceMappingURL=style.css.map */