/************************************************
*
*       Fonts
*
************************************************/

@font-face {
	font-family: 'Nexa Light Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Nexa Light Regular'), url('../fonts/nexa-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'NexaFreeBoldwebfont';
    font-style: normal;
    font-weight: normal;
    src: local('NexaFreeBoldwebfont'), url('../fonts/NexaFreeBoldwebfont.woff') format('woff');
}

@font-face {
    font-family: 'Avenir LT Std 85 Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir LT Std 85 Heavy'), url('../fonts/AvenirLTStd-Heavy.woff') format('woff');
}

@font-face {
    font-family: 'Avenir LT Std 35 Light';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir LT Std 35 Light'), url('../fonts/AvenirLTStd-Light.woff') format('woff');
}

.size-s {
    font-size: 16px !important;
}

.size-m {
    font-size: 32px !important;
}

/************************************************
*
*       Container
*
************************************************/

html, body {
    height: 100%;
    padding: 0px !important;
    margin: 0px !important;
    background: #FAFAFA;
    /* #F7F7F7 */
}

.body-height-auto {
    height: auto;
}

.container-fluid {
    max-width: 1200px;
    min-width: 900px;
}

.ticket span {
	font-family: 'Avenir LT Std 85 Heavy';
	color: #62b800;
	font-size: 16px;
	margin-right: 5px;
}

h1.page-header {
    font-family: 'Nexa Light Regular';
    font-size: 30px;
    color: #343433;
    font-weight: 900;
    float: left;
    border: none;
}

h1.page-info {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 30px;
    color: #4a4a4a;
    font-weight: 300;
    border: none;
}

h3.page-header {
	font-family: 'Avenir LT Std 35 Light';
	font-size: 20px;
	color: #343433;
	font-weight: 500;
	float: left;
	margin: 0px;
	border: none;
}

h4.page-header {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 22px;
    color: #4a4a4a;
    font-weight: 500;
    float: left;
    border: none;
}

.Company {
    text-transform: uppercase;
}

.NbrDemandesEnCours {
	font-family: 'NexaFreeBoldwebfont';
}

.heading .btn {
	margin-top: 38px;
	border-radius: 30px !important;
	background-color: #f18817 !important;
	font-family: 'Avenir LT Std 35 Light';
	font-size: 18px;
	color: #ffffff;
	font-weight: 500;
	border: none !important;
}

.number {
    font-family: 'Avenir LT Std 35 Light';
    color: #4a4a4a;
    font-size: 34px;
    font-weight: normal;
    text-align: center !important;
    line-height: 60px;
}

.detail {
    margin-top: 10px;
}

.total {
	font-family: 'Avenir LT Std 35 Light';
	font-size: 16px;
	text-align: center;
	color: #343433;
	margin-top: 25px;
	float: left;
	width: 100%;
}

.nbrTotal {
	font-family: 'Avenir LT Std 85 Heavy';
}

.seeMore {
	font-family: 'Avenir LT Std 35 Light';
	font-size: 20px;
	color: #343433;
}

.bigNumber {
	font-family: 'Avenir LT Std 35 Light';
	font-size: 72px;
	font-weight: 300;
	color: #f18817;
	text-align: center;
	width: 100%;
	float: left;
}

.bigText {
	font-family: 'Avenir LT Std 35 Light';
	font-size: 16px;
	font-weight: 300;
	color: #343433;
	text-align: center;
	width: 100%;
	float:left;
}

#backgroundTop {
	background-color: white;
	padding-bottom: 30px;
}

#DivNoData {
    margin-top: 50px !important;
    color: #4a4a4a;
}

    #DivNoData h1 {
        margin-bottom: 30px !important;
    }

    #DivNoData h3 {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 20px;
        line-height: 2;
        text-align: center;
        color: #4a4a4a;
    }

.panelTop {
	padding: 10px;
    margin-bottom: 30px;
	border-radius: 5px;
	padding: 0px;
	background-color: rgba(255, 255, 255, 0.5);
}

.panelTop .heading {
	background-color: #fffbf7 !important;
}

.panelTop .heading h3 {
	padding: 10px 0px 10px 25px;
}

.panelTop .heading span {
	font-size: 16px;
	color: #9b9b9b;
}

.bigNumberEmpty {
	color: #b6b6b6;
}

.bigTextEmpty {
	color: #b6b6b6;
}

#DivBottomContent {
    margin-top: 20px;
}

    #DivBottomContent p {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 300;
        color: #343433;
        margin: 0 0 0 !important;
        padding-bottom: 20px;
    }

    #DivBottomContent a {
        color: #343433;
    }

        #DivBottomContent a:hover {
            color: #f18817;
        }

    #DivBottomContent h3 {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 20px;
        text-align: center;
        color: #343433;
        margin-top: 50px;
    }

    #DivBottomContent .btn {
        float: left !important;
        width: 220px;
        border-radius: 30px !important;
        background-color: #f18817 !important;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 900;
        text-align: center;
        color: #ffffff !important;
        margin-left: calc(50% - 110px);
    }

#Footer {
    
}

    #Footer p {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 300;
        color: #343433;
        margin: 0 0 0 !important;
        padding-bottom: 20px;
    }

    #Footer a {
	    color: #343433;
    }

        #Footer a:hover {
	        color: #f18817;
        }

.form-demande {
    margin-top: 90px;
}

    .form-demande h3 {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 900;
        text-align: left;
        color: #9b9b9b;
        text-transform: uppercase; 
    }

    .form-demande .text-title {
        margin-left: 0 !important;  
    }

    .form-demande .div-content {
        padding: 5px 30px 0 30px;
        border-radius: 6px;
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
    }

    .form-demande select {
        border: none;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        font-weight: 900;
        text-align: right;
        color: #9b9b9b;
    }

    .form-demande textarea {
        height: 99px;
        background-color: #fafafa;
        border: solid 1px #f0f0f0;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        font-weight: 300;
        overflow-x: hidden;
        margin-top: 20px;
        resize: vertical;
        max-height: 800px;
        min-height: 99px;
    }

.panel-body {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #f0f0f0;
}

.div-message-client {
    border-radius: 10px;
    border-top-left-radius: 0px;
    border: solid 1px #cfcfcf;
    padding: 15px 20px 15px 20px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.div-message-tech {
    border-radius: 10px;
    border-top-left-radius: 0px;
    background-color: #fffbf7;
    padding: 15px 20px 15px 20px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/************************************************
*
*       Login
*
************************************************/
#LoginBody {
    background: url(../img/bg_mountains.png) no-repeat center fixed;
    padding-top: 50px !important;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

    #LoginBody #Footer {

    }

        #LoginBody #Footer p {
            padding-bottom: 0 !important;
        }

#MainContent {
    margin-bottom: 60px;
}

#Login .main {
    width: 460px;
    margin-top: 80px;
    background: white;
    box-shadow: 0px 0px 10px #ddd;
    padding: 53px 0px;
    border-radius: 8px;
}

#Login .main-center {
    margin-top: 40px;
    max-width: 460px;
    padding: 0px 0px;
}

.form-login {
    padding: 0 55px;
}

#Login .text-grey {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    font-weight: 900;
    text-align: left;
    color: #9b9b9b;
}

#Login .text-info-white {
    color: white;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    width: 600px;
}

#Login hr {
    width: 10%;
    color: #fff;
}

#Login .form-group {
    margin-bottom: 15px;
}

#Login label {
    margin-top: 30px;
}

#Login input,
#Login input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}

#Login .login-button {
    margin-top: 50px;
    background-color: #f18817;
    width: 170px !important;
    height: 40px !important;
}

#Login .login-register {
    font-size: 11px;
    text-align: center;
}

#Login .panel-heading {
    background: none !important;
}

#Login p {
    text-align: center;
}




.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-default:hover, .btn-default:active, .btn-default:focus {
    background: #FE5A10 !important;
    color: white !important;
    opacity: 0.7;
}

#Login .alert-danger {
    background: none;
    border: none;
    padding: 0px;
    margin: 0px;
}

#Logo {
    width: 240px;
    margin: 0 auto;
}

    #Logo img {
        width: 100%;
    }

/************************************************
*
*       Global
*
************************************************/

footer {
    margin-bottom: 0px !important;
    padding-bottom: 20px;
}

a:hover {
	color:#f18817;
}

textarea {
    resize: none;
    color: black;
}

input {
    color: black;
}

/************************************************
*       STATUTS DES TICKETS
************************************************/

.ferme span {
    text-align: center;
    background: rgb(192, 192, 192) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderFerme {
    border-left: 7px solid rgb(192, 192, 192) !important;
}

.atenteEditeur span {
    text-align: center;
    background: rgb(250, 230, 215) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderAttenteEditeur {
    border-left: 7px solid rgb(250, 230, 215) !important;
}

.majClient span {
    text-align: center;
    background: rgb(255, 204, 204) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size : 12px;
    
}

.borderMajClient {
	border-left: 7px solid rgb(255, 204, 204) !important;
}

.attenteClient span {
    text-align: center;
    background: rgb(221, 255, 221) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderAttenteClient {
	border-left: 7px solid rgb(221, 255, 221) !important;
}

.accord span {
    text-align: center;
    background: rgb(245, 245, 190) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderAccord {
	border-left: 7px solid rgb(245, 245, 190) !important;
}

.validation span {
    text-align: center;
    background: rgb(255, 200, 230) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderValidation {
	border-left: 7px solid rgb(255, 200, 230) !important;
}

.estimation span {
    text-align: center;
    background: rgb(200, 255, 255) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderEstimation {
	border-left: 7px solid rgb(200, 255, 255) !important;
}

.enCours span {
    text-align: center;
    background: rgb(204, 221, 255) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderEnCours {
	border-left: 7px solid rgb(204, 221, 255) !important;
}

.prisEnCompte span {
    text-align: center;
    background: rgb(242, 242, 242) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderPrisEnCompte {
	border-left: 7px solid rgb(242, 242, 242) !important;
}

.new span {
    text-align: center;
    background: rgb(65, 105, 225) !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderNew {
    border-left: 7px solid rgb(65, 105, 225) !important;
}

.mep span {
    text-align: center;
    background: #FFDEAD !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.livre span {
    text-align: center;
    background: #81CBC7 !important;
    width: 100% !important;
    float: left;
    padding: 5px 0px;
    font-size: 12px;
}

.borderMep {
	border-left: 7px solid #FFDEAD !important;
}

.borderLivre {
    border-left: 7px solid #81CBC7 !important;
}

.notCenter {
	text-align: left;
}

.div-content-center {
    margin: 0 auto;
    text-align: center;
}

.clearboth {
    clear: both;
}

.fieldTitle {
    text-transform: uppercase;
}

tbody tr {
    background: #ffffff !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 5px !important;
}

td a span {
	color: #343433 !important;
}

td a span:hover {
	color: #f18817 !important;
}

th:first-child {
	font-size: 14px !important;
}

#backgroundTop {
    background-image: url(../img/bg_mountains.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0px -350px;
}

.backgroundWhite {
    position:fixed;
    top:0px;
    background-color: white !important;
}

#chartdiv {
    height: 257px;
    width: 800px;
}

.panelTop p {
    margin: 0px !important;
    float: left !important;
    width: 100%;
    float: left;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    color: #4a4a4a;
}

.panelTop div span {
	font-family: 'Avenir LT Std 35 Light';
	font-size: 30px;
	color: #4a4a4a;
	margin-right: 15px;
}

.panelTop .orange {
	background: #f18817;
	border-radius: 25px;
	color: transparent;
	float: left;
	width: 12px;
	height: 12px;
	margin: 15px;
}

.panelTop .blue {
	background: #c9def5;
	border-radius: 25px;
	color: transparent;
	float: left;
	width: 12px;
	height: 12px;
	margin: 15px;
}

.panelTop .text {
    margin-bottom: 2px;
}

table.dataTable.no-footer {
	border: none !important;
}

#Footer {
	width: 100%;
}

    #Footer .search i {
        cursor: pointer;
    }

#CasesMenu {
    
}

    #CasesMenu li {
        float: left;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 900;
        color: #9b9b9b;
        list-style-type: none;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        cursor: pointer;
    }

    #CasesMenu li:hover {
        color: #343433;
    }

#CasesMenu .active,
#CasesMenu .dropdown {
	color: #343433 !important;
	border-bottom: 4px solid #f18817;
}

#CasesMenu .dropdown .active {
	display: none;
}

#CasesMenu .dropdown a {
	color: #343433 !important;
}

#CasesMenu .dropdown i{
	margin-left: 25px;
}

/************************************************
*
*       Filter
*
************************************************/

#Filter {
	border-bottom: solid 1px #cfcfcf;
	padding: 25px 0 25px 0;
	background: #fafafa !important;
}

    #Filter.menuFixed {
        position: fixed !important;
        top: 140px;
        z-index: 3;
    }

    #Filter .text-grey {
        color: #9b9b9b;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 900;
        margin: 5px 20px 0 0;
    }

    #Filter span {
	    font-family: 'Avenir LT Std 35 Light';
	    font-size: 16px;
	    font-weight: 900;
	    color: #9b9b9b;
	    float: left;
	    padding: 3px 0 0 0;
    }

    #Filter p {
	    font-family: 'Avenir LT Std 35 Light';
	    font-size: 16px;
	    color: #9b9b9b;
	    float: left;
	    margin-right: 10px;
	    line-height: 34px;
    }

    #Filter select {
	    float: left;
	    border: solid 1px #9b9b9b !important;
	    padding: 5px 30px 5px 10px;
	    font-family: 'Avenir LT Std 35 Light';
	    font-size: 16px;
	    color: #4a4a4a;
    }

        #Filter select option {
	        font-family: 'Avenir LT Std 35 Light';
	        font-size: 16px;
	        color: #4a4a4a;
        }

    #Filter .udnerBlock {
        float: left;
        width: auto;
    }

    #Filter input {
        border: solid 1px #9b9b9b !important;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        color: #4a4a4a;
        width: 110px;
        border: none !important;
    }

    #Filter .input-group {
	    margin-right: 25px;
    }

        #Filter .input-group span {
            width: 160px;
            border: solid 1px #9b9b9b !important;
            background: #ffffff; 
        }

        #Filter .input-group i {
            font-size: 24px !important;
        }

    #Filter a {
        float: right;
        font-size: 20px;
        line-height: 34px;
        padding: 0px 15px;
        color: #333;
    }

        #Filter a:hover {
            color: #f18817;
        }

#ShowFilter.active i {
    color: rgb(241, 136, 23);
}

/************************************************
*
*       Back to top
*
************************************************/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }

/************************************************
*
*       Menu
*
************************************************/

.CasesMenuHeader {
    max-width: 1200px;
}

    .CasesMenuHeader .col-lg-3,
    .CasesMenuHeader .col-md-3,
    .CasesMenuHeader .col-sm-3,
    .CasesMenuHeader .col-xs-3 {
       padding-left: 0px;
    }

.navbar-default {
    border-color: #e4e4e4;
    border-left: none;
    border-right: none;
    position: fixed;
    width: 100%;
    background-color: transparent;
    z-index: 25;
    height: 70px;
}

.navbar img {
    width: auto;
    margin: 17.5px 50px 0px 15px;
    height: 35px;
}

.navbar-default .navbar-nav > li > a > span {
    font-family: 'Avenir LT Std 85 Heavy';
    font-size: 16px;
    color: #9b9b9b;
    line-height: 35px;
    padding: 0px 5px 0px 5px;
}

    .navbar-default .navbar-nav > li > a > span:hover {
        color: #343433;
    }

.navbar-default .navbar-nav > li > .active > span {
    font-family: 'Avenir LT Std 85 Heavy';
    font-size: 16px;
    color: #343433;
    border-bottom: 1px solid #f18817;
    line-height: 35px;
    padding: 0px 5px 5px 5px;
}

#navbar > li > a {
    padding-top: 18px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: transparent;
}

.navbar-right .fa {
    line-height: 50px;
    font-size: 20px;
    color: #343433;
}

    .navbar-right .fa:hover {
        color: #f18817;
    }

.nav {

}

    .nav .open > a {
        background: transparent !important;
    }

    .nav .search {
        padding: 0px 25px 0px 25px !important;
        float: left;
    }

    .nav .search input {
        border: none;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        width: 185px;
        line-height: 66px;
        background-color: transparent !important;
        color: #4a4a4a;
    }

    .nav .search i {
        color: #b6b6b6 !important;
        margin-right: 10px;
    }

    .nav .border {
        float: left;
        width: 1px;
        background: #cfcfcf;
        color: transparent;
        height: 20px;
        margin-top: 25px;
    }

    .nav form {
        max-width: 300px;
        margin-top: 15px;
        padding: 0px 25px 0px 25px !important;
        float: left;
    }

    .nav select {
        border-radius: 4px;
        background-color: #ffffff;
        border: solid 1px #f0f0f0;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        font-weight: 300;
        color: #9b9b9b;
    }

    .nav select option {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        font-weight: 300;
        color: #9b9b9b;
    }


.navbar-collapse .ticket {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    color: #343433;
    line-height: 70px;
    margin: 0px 25px 0px 0px;
}

    .navbar .text-grey {
        padding: 0 20px 0 20px !important;
        color: #9b9b9b;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 500;
    }

    .navbar .text-info-grey {
        padding: 0 20px 0 20px !important;
        color: #9b9b9b;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 12px;
        font-weight: 300;
        word-wrap: break-word !important;
    }

    .navbar .dropdown-menu {
        min-width: 250px;
    }

.menu-demande {
    background-color: #fffbf7;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2);
    position: fixed !important;
    z-index: 3;
}

.menu-search-result {
    background-color: #fffbf7;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2);
    position: fixed !important;
    z-index: 3;
}

.dropdown-menu {
    margin-top: 5px;
}

.icon-menu {
    font-size: 32px !important;
}

.icon-menu-active {
    color: #f18817 !important;
    font-size: 32px !important;
}

#Envoyer {
    color: #ffffff !important;
    background-color: #f18817 !important;
}

#Reinitialiser {
    font-family: 'Avenir LT Std 35 Light' !important;
    font-size: 18px !important;
    text-align: center;
    color: #9b9b9b !important;
    cursor: pointer;
    padding-left: 40px;
}

    #Reinitialiser:hover {
        color: #f18817 !important;
    }

#CaseMenuRight {
    float: right !important;
    width: 120px;
    margin-right: 30px;
}

.menuFixed {
    position: fixed !important;
    top: 70px;
}

.PaddingTop {
    padding-top: 90px;
}

/************************************************
*
*       Modal
*
************************************************/
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 800px;
    overflow-y: initial !important;
    border-radius: 6px;
}

#ModalAddCase {
    background-color: rgba(52, 53, 52, 0.5);
    overflow: hidden;
}

    #ModalAddCase .modal-content {
        max-height: calc(100vh - 10px);
        overflow-y: auto;
    }

    #ModalAddCase .modal-dialog {
        width: 900px !important;
    }

    #ModalAddCase .modal-header {
        background: #f18817 !important;
        padding: 20px 10px 10px 50px !important;
    }

    #ModalAddCase .large {
        height: 100px !important;
    }

    #ModalAddCase .modal-body {
        padding: 15px 30px 0 30px !important;
        margin-left: 15px;
        margin-right: 15px;
    }

    #ModalAddCase .panel-body {
        padding: 5px !important;
    }

    #ModalAddCase h3 {
        font-family: 'Avenir LT Std 35 Light';
        color: white;
        font-size: 24px;
        font-weight: 900;
        display: inline-block !important;
    }

    #ModalAddCase h4 {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        font-weight: 900;
        color: #9b9b9b;
        text-transform: uppercase;
    }

    #ModalAddCase .text-title-grey {
        color: #4a4a4a;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 500;
        word-wrap: break-word !important;
    }

    #ModalAddCase .text-grey {
        color: #9b9b9b;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 300;
        word-wrap: break-word !important;
    }

    #ModalAddCase .text-info-grey {
        color: #4a4a4a;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 300;
        word-wrap: break-word !important;
        margin-top: 0px !important;
        width: 370px;
    }

    #ModalAddCase a {
        cursor: pointer;
    }

    #ModalAddCase a {
        cursor: pointer;
    }   

.modal-content {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
}

.modal h3 {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 26px;
    font-weight: 500;
    color: #f18817;
    text-transform: uppercase;
    margin-top: 0px;
}

.modal label {
    padding: 0px !important;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 12px;
    font-weight: 300;
    color: #4a4a4a;
    text-align: left !important;
}

.modal .text-label {
    font-size: 11px;
    font-weight: 500;
    color: #4a4a4a;
    margin: 0 10px 0 30px;
}

.modal span {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 11px;
    font-weight: 300;
    color: #4a4a4a;
}

.modal label span {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    font-weight: 300;
    color: #343433;
    margin-left: 10px;
}

.modal-header {
    border-bottom: solid 1px #f18817;
    padding: 0px !important;
    padding-bottom: 25px !important;
}

    .modal-header a:hover {
        color: white;
    }

.modal .widget-container {
    background-color: #ffffff !important;
    border: none !important;
    padding: 20px;
}

.modal .form-group {
    margin: 0px !important;
}

.modal .padded {
    padding-top: 25px !important;
}

.modal input {
    border-radius: 4px;
    background-color: #fafafa;
    border: solid 1px #f0f0f0;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    font-weight: 300;
}

.modal select {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #f0f0f0;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    font-weight: 300;
    color: #9b9b9b;
}

    .modal select option {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        font-weight: 300;
        color: #9b9b9b;
    }

.modal textarea {
    border-radius: 4px;
    background-color: #fafafa;
    border: solid 1px #f0f0f0;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    font-weight: 300;
}

.modal p.prioritySelect {
    margin: 0px;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    color: #343433;
    background-color: #ffffff;
    border: solid 1px #f0f0f0;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    width: 100px;
    cursor: pointer;
}

.modal p.active {
    background: #ffe7db;
    border: solid 1px #ffe7db;
    color: #343433;
}

.modal p.prioritySelect:hover {
    background: #ffe7db;
    color: #343433;
    border: solid 1px #ffe7db;
}

.modal span p {
    margin: 0px;
    font-weight: 900;
}

.formContainer {
    margin-bottom: 25px;
}

.modal .panel-body {
    padding: 0px;
}

.btn-modal {
    width: 150px;
    border-radius: 30px !important;
    border: solid 1px #b6b6b6 !important;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    color: #9b9b9b !important;
    padding: 10px;
    background: white !important;
    margin: 10px 10px 25px 0;
}

#ModalSuccess {
    background-color: rgba(52, 53, 52, 0.5);
    overflow: hidden;
}

.ui-widget-header {
    background: #f18817;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.ui-dialog-titlebar-close {
    display:none;
}

.check-circle {
    display: block;
}

.modal-success-body {
    background-image: url(../img/montains_succes.png);
    background-repeat: round;
    border-radius: 20px;
    border: none !important;
    padding: 20px;
    margin: 0px;
}

.modal-error-body {
    background-image: url(../img/montains_error.png);
    background-repeat: round;
    border-radius: 20px;
    border: none !important;
}

#ModalError {
    background-color: rgba(52, 53, 52, 0.5);
    overflow: hidden;
}

#ModalMyAccount {
    background-color: rgba(52, 53, 52, 0.5);
    overflow: hidden;
}

    #ModalMyAccount .modal-dialog {
        width: 525px !important;
    }

    #ModalMyAccount .modal-header {
        background: #f18817 !important;
        padding: 20px 10px 10px 50px !important;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    #ModalMyAccount .widget-container {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    #ModalMyAccount .modal-body {
        max-width: 480px !important;
        padding: 15px !important;
        margin-left: 15px;
    }

    #ModalMyAccount h3 {
        font-family: 'Avenir LT Std 35 Light';
        color: white;
        font-size: 24px;
        font-weight: 900;
        display: inline-block !important;
    }

    #ModalMyAccount h4 {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        font-weight: 900;
        color: #9b9b9b;
        text-transform: uppercase;
    }

    #ModalMyAccount .text-title-grey {
        color: #4a4a4a;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 500;
        word-wrap: break-word !important;
    }

    #ModalMyAccount .text-grey {
        color: #9b9b9b;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 300;
        word-wrap: break-word !important;
    }

    #ModalMyAccount .text-info-grey {
        color: #4a4a4a;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 300;
        word-wrap: break-word !important;
        margin-top:0px !important;
        width: 370px;
    }

    #ModalMyAccount .text-info-white {
        color: white;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 900;
        margin-top: 30px;
        margin-left: -10px;
        width: 600px;
    }

    #ModalMyAccount a {
        cursor: pointer;
    }

.header-account {
    padding-bottom: 50px;
    display: inline-block !important;
    box-shadow: 0 1px 0 0 orange;
    width: 420px;
    padding: 15px 0 15px 0 !important;
    margin-bottom: 15px;
}

.body-account {
    display: inline-block !important;
    margin: 15px 0 30px 0;
    width: 420px;
}

#ModalMyFollowUp {
    background-color: rgba(52, 53, 52, 0.5);
    overflow: hidden;
}

    #ModalMyFollowUp .modal-dialog {
        width: 900px !important;
    }

    #ModalMyFollowUp .modal-header {
        background: #f18817 !important;
        padding: 20px 10px 10px 50px !important;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    #ModalMyFollowUp .widget-container {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    #ModalMyFollowUp .modal-body {
        max-width: 800px !important;
        padding: 15px !important;
        margin-left: 15px;
    }

    #ModalMyFollowUp h3 {
        font-family: 'Avenir LT Std 35 Light';
        color: white;
        font-size: 24px;
        font-weight: 900;
        display: inline-block !important;
    }

    #ModalMyFollowUp h4 {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        font-weight: 900;
        color: #9b9b9b;
        text-transform: uppercase;
    }

    #ModalMyFollowUp .text-info-grey {
        color: #9b9b9b;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 10px;
        font-weight: 600;
        margin-left: 30px;
        margin-top: 10px;
    }

.div-help {
    margin-top: 50px;
    background: white;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header-help {
    width: 100%;
    padding: 15px 10px 15px 30px !important;
    display: inline-block !important;
    box-shadow: 0 1px 0 0 orange;
    background: #f18817 !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .header-help h3 {
        color: #ffffff;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 900;
        margin: 0 !important;
    }

.section-help {
    padding: 45px 0 20px 30px !important;
}

    .section-help h3 {
        color: #f18817;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 20px;
        font-weight: 900;
        margin: 0 0px 0 10px !important;
        padding-top: 4px;
    }

.body-help {
    margin-top: 20px;
    padding: 0 30px 0 30px !important;
}

    .body-help p {
        color: #4a4a4a;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 300;
    }

.div-circle-center {
    width: 22%;
    margin: 0 auto;
}

.div-download {
    width: 45%;
    background-color: white;
    margin-top: 50px;
    padding: 0 15px 0 15px !important;
    border-radius: 5px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
}

    .div-download .text-grey {
        color: #4a4a4a;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 18px;
        font-weight: 500;
    }

    .div-download .text-info-grey {
        padding-top: 5px !important;
        color: #4a4a4a;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 16px;
        font-weight: 300;
    }

    .div-download .btn {
        margin: 30px 0 30px 0;
        border-radius: 30px !important;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 14px;
        color: #f18817 !important;
        font-weight: 900;
        border: solid 1px #f18817;
        width: 200px;
        padding: 12px 0 10px 0;
    }

.div-circle {
    background: #f18817;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin-top: -45px;
    margin-bottom: 25px;
}

.text-contenu {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #9b9b9b !important;
}

/************************************************
*
*       Color
*
************************************************/

.white {
    color: white;
}

.orange {
    color: orange;
}

.font-orange {
    
}

.green {
    color: #62b800 !important;
}

.red {
    color: #ff3700 !important;
}

.black {
    color: black !important;
}

/************************************************
*
*       Accordion
*
************************************************/
.ui-accordion-header {
    background-color: #fffbf7;
    padding: 12px 20px 12px 20px !important;
    color: #4a4a4a;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 24px !important;
}

.ui-accordion-content {
    border: none !important;
}

#CheckCircle {
    color: #62b800;
}

#ArrowLeft {
    color: #9b9b9b;
}

.btnSuccess {
    width: 180px;
    margin: 10px;
    margin-top: 50px;
    border-radius: 30px !important;
    background-color: #62b800 !important;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    border: none !important;
    padding: 10px;
}

/*.btnSuccess:hover, .btnSuccess:active, .btnSuccessy:focus {
        background: #FE5A10 !important;
        color: white !important;
        opacity: 0.7;
    }*/

.btnError {
    width: 180px;
    margin: 10px;
    margin-top: 50px;
    border-radius: 30px !important;
    background-color: #ff3700 !important;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    border: none !important;
    padding: 10px;
}

.btnBack {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 18px;
    color: #9b9b9b;
    font-weight: 900;
    
}

.btnNav {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 12px;
    color: #9b9b9b;
    font-weight: 500;
    margin-left:40px;
}

/************************************************
*
*       DataTable
*
************************************************/

.sorting_1 {
    background-color: white !important;
}

.titleRow {
    float: left;
    width: 100%;
}

.containerRow {
    float: left;
    width: 100%;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 12px;
    font-weight: 300;
    color: #343433;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 380px !important;
}

#DataTableContainer {

}

    #DataTableContainer thead.menuFixed {
        position: relative !important;
        z-index: 3;
        background: #fafafa !important;
        height: 55px;
    }

    #DataTableContainer tbody tr {
        cursor: pointer;
    }

    #DataTableContainer table {
        border-collapse: separate !important;
        border-spacing: 0px 10px !important;
        border-spacing: inherit;
    }

    #DataTableContainer th {
        text-transform: uppercase;
        font-family: 'Avenir LT Std 35 Light';
        font-size: 12px;
        font-weight: 900;
        color: #9b9b9b;
        border: none !important;
        text-align: center;
    }

    #DataTableContainer td {
        height: 100px;
    }

.body-help {

}

    .body-help table {
        border-collapse: separate !important;
        border-spacing: 0px 0px !important;
        border-spacing: inherit;
    }

    .body-help thead {
        text-transform: uppercase;
        text-align: center;
        background: white !important;
    }

    .body-help td {
        text-align: left !important;
        vertical-align: middle !important;
        padding: 22px 30px 22px 30px !important;
    }

    .body-help p {
        font-family: 'Avenir LT Std 35 Light' !important;
        font-size: 16px;
        font-weight: 300 !important;
        color: #4a4a4a;
    }

.heading {

}

    .heading h4 {
        font-family: 'Avenir LT Std 35 Light';
        font-size: 22px;
        font-weight: 300;
        line-height: 1.36;
        color: #4a4a4a;
    }

.td-left-thead {
    border-right: solid 1px #cfcfcf;
    border-right-style: dashed;
}

.td-left {
    border-top: solid 1px #cfcfcf;
    border-top-style: dashed;
    border-right: solid 1px #cfcfcf;
    border-right-style: dashed;
}

.td-right {
    border-top: solid 1px #cfcfcf;
    border-top-style: dashed;
}

/************************************************
*
*       Priority
*
************************************************/
.prio {
    margin: 0 auto;
    width: 52px;
}

.prioEmpty {
    width: 8px !important;
    height: 20px !important;
    float: left;
    margin: 0 2.5px;
    background: #f0f0f0 !important;
}

.faible {
    width: 8px !important;
    height: 20px !important;
    float: left;
    margin: 0 2.5px;
    background: #ffd900 !important;
}

.moyen {
    width: 8px !important;
    height: 20px !important;
    float: left;
    margin: 0 2.5px;
    background: #ffa500 !important;
}

.haute {
    width: 8px !important;
    height: 20px !important;
    float: left;
    margin: 0 2.5px;
    background: #ff6900 !important;
}

.bloquant {
    width: 8px !important;
    height: 20px !important;
    float: left;
    margin: 0 2.5px;
    background: #ff0000 !important;
}

/************************************************
*
*       Custom
*
************************************************/
.underline-grey {
    color: #e4e4e4;
    background-color: #e4e4e4;
    border: solid 1px #e4e4e4;
    border: solid 1px var(--line-border-grey);
    height: 2px;
}

.underline-soft {
    color: #ffd2c5;
    background-color: #ffd2c5;
}

.text-info-grey {
    margin-top: 20px;
    color: #9b9b9b;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 14px;
    font-weight: 300;
}

.text-grey {
    color: #9b9b9b;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
    font-weight: 300;
}

.text-small-grey {
    color: #9b9b9b;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
}

.span-info {
    margin: 21px 25px 0 0;
}

.text-title {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 20px;
    font-weight: 900;
    margin: 0 27px 0 27px;
}

.text-search-result {
    font-family: 'Avenir LT Std 35 Light';
    font-size: 18px;
    font-weight: 900;
}

.span-grey {
    height: 75px;
    border-radius: 10px;
    background-color: #f0f0f0;
    padding: 15px 20px !important;
    margin-top: 20px;
    margin-bottom: 30px;
}

.label-pj {
    padding: 0px !important;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 12px;
    font-weight: 500;
    text-align: left !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.border-pj {
    border: 1px solid #ccc;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.div-pj {
    border-bottom: solid 1px #ffe7db;
    min-height: 40px;
}

    .div-pj .col-sm-9 {
        padding-left: 0px !important;
    }

    .div-pj a {
        color: #9b9b9b;
        word-wrap: break-word; 
    }

        .div-pj a:hover {
            color: #f18817;
        }

.form-control {
    background-color: #fafafa;
}

.width-100p {
    width:100% !important;
}

.table-condensed td {
    padding: 0px !important;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background: #f18817 !important;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #eeeeee !important;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background: #eeeeee !important;
    color: #343433 !important;
}

#DataTableCase.PaddingTop {
    padding-top: 50px;
    overflow: auto !important;
}

.col-xs-1, .modal .col-sm-1, .modal .col-md-1, .modal .col-lg-1, .modal .col-xs-2, .modal .col-sm-2, .modal .col-md-2, .modal .col-lg-2, .modal .col-xs-3, .modal .col-sm-3, .modal .col-md-3, .modal .col-lg-3, .modal .col-xs-4, .modal .col-sm-4, .modal .col-md-4, .modal .col-lg-4, .modal .col-xs-5, .modal .col-sm-5, .modal .col-md-5, .modal .col-lg-5, .modal .col-xs-6, .modal .col-sm-6, .modal .col-md-6, .modal .col-lg-6, .modal .col-xs-7, .modal .col-sm-7, .modal .col-md-7, .modal .col-lg-7, .modal .col-xs-8, .modal .col-sm-8, .modal .col-md-8, .modal .col-lg-8, .modal .col-xs-9, .modal .col-sm-9, .modal .col-md-9, .modal .col-lg-9, .modal .col-xs-10, .modal .col-sm-10, .modal .col-md-10, .modal .col-lg-10, .modal .col-xs-11, .modal .col-sm-11, .modal .col-md-11, .modal .col-lg-11, .modal .col-xs-12, .modal .col-sm-12, .modal .col-md-12, .modal .col-lg-12 {
    padding: 0px !important;
}

#Footer hr, #Footer h6 {
    float: left;
    width: 100%;
}

#Footer .btn {
    margin-top: 38px;
    border-radius: 30px !important;
    background-color: #f18817 !important;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    border: none !important;
}

.btnOrange {
    float: left !important;
    width: 220px;
    border-radius: 30px;
    border: solid 1px #f18817;
    background-color: white !important;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    color: #f18817 !important;
    margin-left: calc(50% - 110px);
}

.form-btn {
    width: 220px;
    height: 40px;
    border-radius: 30px !important;
    background-color: #f18817;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    color: #ffffff !important;
}

.primary-btn {
    width: 153px;
    height: 36px;
    border-radius: 30px !important;
    background-color: #f18817;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    color: #ffffff !important;
}

.secondary-btn {
    width: 220px;
    height: 40px;
    border: solid 1px #f18817;
    border-radius: 30px !important;
    background-color: #fafafa;
    font-family: 'Avenir LT Std 35 Light';
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    color: #f18817 !important;
}

/************************************************
*
*       File Upload
*
************************************************/

#divAddMore {
    float: left;
    cursor: pointer;
    width: 40px;

}

.warning-size {
    /*border: 1px solid red;*/
    color: red !important;
}

#WarningSizeLabel {
    float: left;
    display: none;
    margin-top: 20px;
}

#WarningGlobalSizeLabel {
    float: left;
    display: none;
}

#divFilesUpload {
    padding-top: 5px;
    float: left;
    height: auto;
    width: auto;
    overflow-y:initial;
}

    #divFilesUpload input[type="file"] {
        opacity: 0;
        width: 0;
        position: absolute;
    }

    #divFilesUpload div {
        float: left;
        position: relative;
        background-size: 100%;
        cursor: pointer !important;
        margin-right: 30px;
    }

    #divFilesUpload label {
        float: left;
        display: none;
        cursor: pointer !important;
    }

    #divFilesUpload i {
        float: left;
        display: none;
        padding-left: 5px;
        position: absolute;
    }

/************************************************
*
*       Echanges (Task)
*
************************************************/
.task-technomade {
    font-family: 'Avenir LT Std 35 Light';
    color: #f18817;
    font-size: 18px;
    font-weight: 900;
    text-align: left;
    padding: 40px 0 10px 0;
}

.task-logo {
    width:30px;
    padding-right:20px;
}

/************************************************
*
*       jauge_container
*
************************************************/

#jauge_container {
    position: relative;
    float: left;
}

    #jauge_container #bckgnd_jauge {
        width: 770px;
        height: 6px;
        float: left;
        margin: 4px 5px 0 5px;
        background-color: #f18817;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border: 0px ridge #800000;
        overflow: hidden;
    }

    #jauge_container #inner_jauge_container {
        width: 50px;
        max-width: 770px;
        min-width: 12px;
        height: 6px;
        position: absolute;
        top: 4px;
        left: 5px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border: 0px ridge #800000;
        overflow: hidden;
        background-color: #c9ddf5;
    }

/************************************************
*
*       Tooltip
*
************************************************/
.tooltip-container {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip-container .tooltiptext {
        visibility: hidden;
        width: 280px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
    }

        .tooltip-container .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .tooltip-container:hover .tooltiptext {
        visibility: visible;
    }

/************************************************
*
*       Media
*
************************************************/
    @media screen and (max-width: 1620px) {
    }

    @media screen and (max-width: 1290px) {
        .heading h1 {
            float: left;
            width: 100%;
            text-align: center;
            margin-bottom: 30px !important
        }

        .heading a {
            float: left !important;
            margin-left: calc(50% - 102.5px);
            margin-bottom: 30px;
            margin-top: 0px !important
        }
    }

    @media screen and (max-width: 1280px) {
        #Filter .bloc {
            float: left;
            width: 100%;
        }

        #Filter .secondBloc {
            margin-top: 25px;
        }

        #CreateDate span {
            margin-left: 0px !important;
        }

        #Filter .udnerBlock {
            float: left;
            width: auto;
        }
    }

    @media screen and (max-width: 1090px) {
        .panelTop {
            height: 320px !important;
        }

        #chartdiv {
            height: 277px !important
        }
    }

    @media screen and (max-width: 1080px) {
        #CasesMenu .default {
            display: none !important;
        }

        #CasesMenu .dropdown {
            display: block !important;
        }
    }

    @media screen and (max-width: 980px) {
        #Filter select {
            margin-left: 15px;
        }

        #Reinitialiser {
            padding-left: 0px;
        }
    }

    @media screen and (max-width: 940px) {
        .navbar-collapse {
            display: block !important;
        }

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

        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            border: none !important;
        }

        #responsiveLogo {
            display: block !important;
        }

        #defaultLogo {
            display: none !important;
        }

        .navbar-header {
            float: left !important;
            width: 75px !important;
        }

        .navbar img {
            margin-right: 0px !important;
        }

        .navbar .container-fluid .navbar-collapse {
            padding: 0px !important;
        }

        .modal-dialog {
            width: 600px;
        }
    }

    @media screen and (max-width: 875px) {
        #chartdiv {
            display: none;
        }

        .panelTop {
            display: none;
        }

        #backgroundTop {
            padding-bottom: 0px;
        }

        .modal-dialog {
            width: 600px;
        }

        #Filter .udnerBlock {
            float: left;
            width: auto;
        }
    }