body > footer{
	background:#312f30;
	color:#fff;
	padding:30px 0;
	text-align:center;
}
body > footer p{margin:0;}
body > footer p a{color:#fff;}
body > footer p a:after{content:'|';padding:0 6px;}
body > footer p a:hover{color: #ef4957;}
body > footer p a:hover:after{color:#fff;}

body.com_content > .wrapper,
body.connexion > .wrapper > .content-wrapper{background:url(../../images/background.jpg) center center no-repeat;background-size:cover;}
body.connexion .page-header{text-align: center;border: none;margin: 50px 0 20px 0;}
body.connexion .page-header img.logo{color: #fff;margin: 0 0 20px 0;}
body.connexion .page-header h1{font-weight: 200;color: #ef4957;}
body.connexion .page-header h1 strong{display: block;font-weight: 700;}

body.sidebar-off .main-header{display:none}
body.com_content.view-article .content-wrapper{background:none;margin:0;}
body.com_content.view-article .content-wrapper .page-header{text-align:center;border:none;}
body.com_content.view-article .content-wrapper .item-page{margin: 40px auto;max-width:1400px;background:#fff;padding: 0px 40px 40px 40px;border-radius:5px;border-top:3px solid #ef4957;}
body.com_content.view-article .content-wrapper .item-page .page-header h2{text-align:left;}

form#form-contact .mainarea .box-body .control-group{min-height: 58px;clear: both;}
form#form-contact .mainarea .box-body .control-group > .control-label{float:left;width:20%;color: #ef4957;padding-right: 10px;}
form#form-contact .mainarea .box-body .control-group > .controls{float:left;width:80%;}

body.com_users #system-message-container{max-width:800px;margin:auto}

.modal-open .modal{z-index:99999;}

div[id^="pane-"],
.show-on-hover{display:none}
div[id^="pane-"].show,
div.brake-item:hover .show-on-hover,
div.progress-item:hover .show-on-hover,
li:hover .show-on-hover{display:block}

.xdebug-error{font-size:150%;}

button#add-brake,
button#add-progress{
    margin: 4px 0 0 0;
}

.delete-brake,
.delete-progress{display:none}

#brakes-list,
#progress-list{margin: 0 0 12px 0;}

#brakes-list .brake-item > div,
#progress-list .progress-item > div{background: #f1efef;padding:4px 8px;}

section.sidebar .logo {text-align:center;padding:22px 0;background:#fff}

.box-body ul.tree{margin: 0 -10px -10px -10px;padding: 0;}
.box-body ul.tree li.item{padding: 0;list-style: none;color: #000;border-bottom:1px solid #f0f0f0;}
.box-body ul.tree li.item:last-child{border-bottom:none}
.box-body ul.tree li.item a{color:#0a0a08;font-weight:bold;min-width: 100%;display: inline-block;border-left: 3px solid #fff;padding: 14px 22px;}
.box-body ul.tree li.item a.active{border-left-color:#ef4957;border-bottom-width: 2px;}
.box-body ul.tree li.item a i{padding:0 10px 0 0;color:#ef4957}

.filter-bar{display: flex;justify-content: flex-end;}
.filter-bar .control-group{min-width:240px;padding:0 15px;}
.filter-bar .control-group:last-child{min-width: auto;padding:0 0 0 15px;}

.calendar-container .day-name{font-size:12px;}
.calendar-container .buttons-wrapper.btn-group button{background:#ef4957}
.field-calendar > .input-append{position:relative;}
.field-calendar > .input-append .btn:not(.js-btn) {position:absolute;left: 0;top: -5px;width: 100%;text-align: left;}

p.stats{font-size:12px;text-transform:uppercase;line-height: 30px;font-weight: normal;}
p.stats span{font-size:20px;font-weight:600;color:#ef4957;padding:0 10px;}

.table-bold{font-weight:bold;}
.table-bold .td-0{padding-left: 22px;}
.table-bold .td-1{border-left:4px solid #fff;}

.box-accompagnements,
.box-repartition{min-height: 280px;}

.box-accompagnements p.stats span{float:right}
.box-accompagnements .box-body{padding:10px 10px 22px 10px ;}

.info-box .progress{margin: 10px auto 0;background:#312f30;}
.info-box .progress.white{background:#f9f9f9;}
.info-box .progress.orange .progress-bar{background:#fb8a25;}
.info-box .progress.green .progress-bar{background:#95db31;}
.info-box .progress.blue .progress-bar{background:#49baef;}

.text-red{color:#ef4957}

.badge-sm{font-size: 9px;transform: translate(0px, -10px);}

.badge-red{background:#ef4957;color:#fff}

label[for=filter_search] + .input-append:after{
	content: "\f002";
	font-family: FontAwesome;
	color:#ef4957;
	position: absolute;
	right: 30px;
	top: 28px;
}

table.table thead tr th a:after{
	content:"\f0d8\f0d7";
	font-family: FontAwesome;
	color:#ef4957;
	padding:0 0 0 10px;
}

body.sidebar-collapse .sidebar-menu>li a:after,
body.sidebar-collapse .sidebar .logo > a{display:none}
body.sidebar-collapse .sidebar .logo{min-height:124px;}

body.pageid-101 h1:before{
	content: url(../../images/hand.png);
    margin: 0 10px 0 0;
    transform: translate(0, 8px);
    position: relative;
    display: inline-block;
}

.skin-blue .main-header .navbar .sidebar-toggle{color:#ef4957}
.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#ef4957;background:none}

.log-nonlinked{border-left:4px solid rgba(255,0,0,0.2)}
.log-linked{border-left:4px solid rgba(0,255,0,0.2);}

.input-only input[type=text]{border-radius:5px;padding:4px;border: none;background: #f9f9f9;font-size: 15px;color: #312f30;padding: 12px 38px 12px 16px;min-width: 320px;}
.input-only input[type=text]::placeholder{font-style:italic}
.input-only .btn-wrapper{margin:0}
.input-only label,
.input-only button,
.input-only .js-stools-container-filters,
.pagination .limit{display:none!important}

.control-group .control-label{text-align:left;}
.control-group .controls input[type=number],
.control-group .controls input[type=text],
.control-group .controls input[type=date],
.control-group .controls input[type=email],
.control-group .controls input[type=password],
.control-group .controls textarea{border:none;background: #f1efef;border-radius:1px;width:100%;padding:12px 20px;}
.control-group .controls textarea{max-width:100%;min-height:86px;}

/* Calendar : */
input[data-alt-value]{padding-left: 40px!important;width: 130px!important;}
input[data-alt-value][name^=filter]{width:100%!important;}
input[size="4"]{max-width:100px;}

[role~="tooltip"][data-microtip-position="left"]::before, [role~="tooltip"][data-microtip-position="left"]::after{
	transform: translate3d(10px, -52%, 0)!important; /* Fix https://github.com/ghosh/microtip/issues/6 */
}

.btn {
	font-weight: bold;
	transition:all .4s linear;
	border-radius: 4px;
}

.btn-primary {
    background-color: #ef4957;
    border-color: #ef4957;
}

.btn-primary[disabled] {
    background-color: #8f8f8f;
	border-color: #8f8f8f;
}

.btn-secondary[data-show-time] {
    background: none;
	border: none;
}

.btn-lg{
	padding:12px 28px;
	font-size: 20px;
}

.btn-fw{
	width: 100%;
}

.btn-primary:focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.btn-primary:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover{
    background-color: #c32331;
    border-color: #c32331;
}

.mt-1{
	margin-top: 1em; 
}
.mt-2{
	margin-top: 2em; 
}

.bootbox.modal .modal-title{
	font-size: 22px;
}

fieldset.regroup{padding:10px;border:1px solid #ccc;border-radius:5px;margin: 0 0 12px 0;}
fieldset.regroup legend{font-size:12px;margin: 0;border-bottom: 1px solid #ccc;border-radius: 22px;padding: 0 0 0 12px;}


#main-loader{
	display:none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    z-index: 10000;
    font-size: 20px;
    background: rgba(255,255,255,0.75);
    vertical-align: middle;
    padding: 40vh 0 0 0;
}

/* ------ HOME --------*/
input, button{
    outline: none;
}

.pagination>li>a, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: inherit;
    border-color: inherit;
    color: inherit;
    font-weight: inherit;
}

h1, h2, .btn, .box-title{
    font-family: 'Dosis', sans-serif;
}

h1{font-size:32px;margin: 0;font-weight: 600;}

h2{margin:10px 0;font-weight: 600;}

.skin-blue .main-header .navbar{
    background-color: white;
}

.skin-blue .main-header .logo{
    background-color: #ef4957;
    /* height: auto; */
    padding: 20px 0;
}

.skin-blue .main-header .navbar img.main-logo{
    display: inline-block;
    margin: 0 0 25px 35px;
}

.skin-blue .main-header .navbar>div>h1{
    font-size: 16px;
    font-weight: bold;
}

.skin-blue .main-header .navbar>div>h2{
    
    font-weight: 300;
}

.skin-blue .main-header .navbar>div>h1, .skin-blue .main-header .navbar>div>h2{
    margin: 1px 0;  
}

.skin-blue .main-header .navbar>div{
    display: inline-block;
    margin-left: 40px;
    padding-top: 5px;
}

.navbar-custom-menu .fa, .navbar-custom-menu .user a{
    color: #ef4957 !important;
}

.navbar-custom-menu .user a{
    font-family: "Dosis";
    font-weight: bold;
    font-size: 13px;
}

.main-header .navbar .nav>li>a>.label-warning{
    background-color: #ef4957 !important;
}

.user .fa-sign-out{
    font-weight: bold;
    font-size: 14px;
}

.navbar-custom-menu .control-gears{
    background-color: #e61873;
    border-radius: 21px 0px 0px 21px;
}

.navbar-custom-menu .fa-gears{
    color: white;
    font-size: 20px;
}

.skin-blue .main-sidebar{
    background-color: #312f30;
    z-index: 9999;
}

.skin-blue .sidebar-menu>li.active>a{
    background-color: #ef4957;
    color: #fff;
}

.skin-blue .sidebar-menu>li.active>a>i{
    color: #fff;
}

.skin-blue .sidebar-menu>li i{
    font-size: 16px;
    color: #ef4957;
    min-width: 26px;
}

.skin-blue .sidebar-menu>li a{
    line-height: 26px;
}

.skin-blue .sidebar-menu>li a:after{
    content: "\f0da";
    font-family: FontAwesome;
    float: right;
    padding: 0 16px 8px;
    color: #ef4957;
}
.skin-blue .sidebar-menu>li.active a:after{
    color: #fff;
}

.icon-calendar:after{
    content: "\f073";
    font-family: FontAwesome;
    color: #ef4957;
}


.dropdown-menu{
    top: 0%;
    left: 100%;
}

.content-wrapper{
    background-color: #f8f8f8;
}

.content-wrapper .content .row{
    margin: 20px 0 0 5px;
}

.box{
    margin-bottom: 30px;
    border: none;
}

.box-header .box-title{
    font-weight: bold;
}
.box-header .box-title i{
	color: #ef4957;
	min-width: 22px;
}

.box-header>.box-tools {
    position: inherit;
    float: right;
}

.box hr{
    margin: 0;
}

.box thead>tr th{
    color: #312f30;
}

.pair tr:nth-child(2n){
    background-color: #f4fafd;
}

.box tr td{
    color: #312f30;
    
}

.label-danger, .bg-maroon, .content .button-red{
    background-color: #ef4957 !important;
}

.btn-now:hover,
.btn-now{
    background-color: #fcf895;
	color:#313131;
}

.label-default{
    background-color: #a6a6a6 !important;
}

#table-demande tr td:first-child{
    font-weight: 900;
}

.box .table, .box .table-bordered>tbody>tr td, .box .table, .box .table-bordered>thead>tr th{
    border: none;
}

.box .table{
    border-bottom: 1px solid #e7eaec;
}

.box .table td{
    vertical-align:middle;
}

.box .table-bordered>thead>tr th{
    border-bottom: 2px solid #e7eaec;
}

input[readonly],
textarea[readonly]{
	border:none!important;
	min-height:0px!important;
	resize:none;
}

#table-demande + div, .btn-single{
    float: right;
}

.modal-body .btn,
.box .btn{
	border-radius:0px;
	color: white;
	font-weight: bold;
	margin:10px 5px 5px 5px;
	border-radius: 6px;
}

.box .bg-navy{
    background-color: #312f30;
}

.box .input-group{
    margin: 5px 2px;
}

.box .input-group input{
    border-radius: 13.5px 0 0 13.5px;
    width: 160px;
}

.box .input-group input, .box .input-group-btn .btn{
    border: none;
}

.box .input-group input, .box .input-group-btn .btn, .controle-contenu div:first-child i, .controle-contenu div:last-child i, .pagination .next a, .pagination .previous a{
    background-color: #f8f8f8 !important;
}

.box .input-group-btn .btn{
    margin: 0;
    border-radius: 0 13.5px 13.5px 0;
    color: #858585;
}

#table-discussion-support{
    margin-top: 0px !important;
}

#table-discussion-support thead{
    display: none;
}

div.dataTables_paginate ul.pagination{
    margin: 2px 12px !important;
}

.pagination .previous a, .pagination .next a{
    font-family: "FontAwesome";
}

.pagination li a{
    border: none;
}

.pagination .previous a, .pagination .next a{
    font-size: 13px;
    padding: 4px 9px;
    display: block;
    margin: 0 2px;
}

.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem;margin-top:45px}
.pagination ul{display:block;margin:0 auto;padding:0;list-style:none}
.pagination li{display:inline-block;vertical-align:middle}
/* @media (max-width:1199.98px){ */
	/* .pagination li:not(.pagination-start):not(.pagination-prev):not(.pagination-next):not(.pagination-end):not(.pagination-prev-active):not(.pagination-next-active):not(.pagination-active):not(.pagination-still-info){display:none} */
/* } */
.pagination a,.pagination span{line-height:1.875rem;margin:0 5px}
.pagination a:hover{color:#3395ff}
.pagination .pagination-end a,.pagination .pagination-end span,.pagination .pagination-next a,.pagination .pagination-next span,.pagination .pagination-prev a,.pagination .pagination-prev span,.pagination .pagination-start a,.pagination .pagination-start span{display:block;text-align:center;width:1.875rem;height:1.875rem;background:#f8f9fa;border-radius:50%}
.pagination .pagination-end span,.pagination .pagination-next span,.pagination .pagination-prev span,.pagination .pagination-start span{color:#b0b0b0}
.pagination .pagination-end a:hover,.pagination .pagination-next a:hover,.pagination .pagination-prev a:hover,.pagination .pagination-start a:hover{background:#007bff;color:#fff}


#num_page, #num-page-client, #num-page-mes-demandes, #num-page-mes-demandes-admin, #num-page-support{
    position: absolute;
    top: 70px;
    right: 80px;
}

.box-radio tr td:first-child{
    padding-left: 10px;
}

.impair tr:nth-child(odd){
    background-color: #f4fafd;
}

.controle-contenu{
    margin: 5px 15px;
}

#table-discussion-support_wrapper .row:nth-child(2) > div{
    padding: 0;
}

.box-radio .active{
    font-weight: bold;
}

#table-discussion-support_wrapper tbody tr td:last-child{
    text-align: center;
}

.controle-contenu div:first-child i, .controle-contenu div:last-child i{
    padding: 6px 8px;
    margin-right: 2px;
}

.controle-contenu span{
    margin-right: 10px;
}

.box .btn-single{
    margin: 7px 20px 20px 10px;
}

.box-digismart .box-header h2{
    padding: 3px 10px 7px 5px;
}

.box-digismart .row{
    margin: 0px 0px 10px 0px !important;
}

.box-digismart .box-header + .row img{
    display: block;
    margin: 0 auto;
}

.box-digismart-content{
    padding: 0px 5px 8px 20px;
}
.box-digismart-content img{
    max-width:100%;
}

.box-digismart-content h2, .box-digismart-content h3{
    margin: 0;
}

.box-digismart-content h2{
    font-size: 18px;
    font-weight: bold;
}

.box-digismart-content h3{
    font-size: 19px;
    color: #f57921;
    margin-bottom: 10px;
}

.box-digismart li, .box-digismart p{
    
    color: #312f30;
    line-height: 20px;
}

.box-digismart li{
    line-height: 30px;
}

.box-digismart-content > .row > div{
    padding: 0 25px 0 35px;
}

.box-digismart-content > .row p:last-child{
    height: auto;
    margin-top: 20px;
}

.box-digismart-content > .row p{
    min-height: 78px;
    max-width: 435px;
}

.box-digismart-content .btn-single-digismart{
    margin-top: 20px;
	background:#001f3f!important;
}

.box-digismart-content img{margin:0 35px;}
.box-digismart-content p{clear:both}
.content .button-red{
	font-weight: bold;
	font-size: 10px;
    border-radius: 14px;
	padding:9px 22px;
	color:#fff;
}

/* -----LOGIN------- */

.login.main-form{
	background:#fff;
	border-radius: 6px;
	border-top:4px solid #ef4957;
	max-width:414px;
	margin:0 auto;
}

body.connexion .control-label .star{display:none}

body.connexion .controls input[type=text],
body.connexion .controls input[type=password]{
	padding: 12px 20px 12px 46px;
	background:#e9f1f4;
	font-size:16px;
}

body.com_users.view-login .main-header, body.com_users.view-reset .main-header{
    display: none;
}

body.com_users.view-login .content, body.com_users.view-login .container-fluid, body.com_users.view-reset .content, body.com_users.view-reset .container-fluid{
    padding: 0;
}

body.com_users.view-login .content-wrapper, body.com_users.view-reset .content-wrapper{
    min-height:100vh !important;
    margin-left: 0px;
	padding: 12px 0 0 0;
}

body.com_users.view-login .login-header, body.com_users.view-reset .login-header{
    background-color: white;
    height: 211px;
    position: relative;
}

body.com_users.view-login .login-header img, body.com_users.view-reset .login-header img{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	max-width: 80%;
}

body.com_users.view-login form, body.com_users.view-reset form{
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    max-width: 467px;
}

body.com_users.view-login form fieldset, body.com_users.view-reset form fieldset{
    text-align: center;
}

body.com_users.view-login form fieldset > h2{
    font-family: "Dosis";
    font-size: 22px;
    font-weight: bold;
    text-align:left;
    margin: 26px 0 10px 0;
}

body.com_users.view-login form fieldset > h2 img{
	margin: -9px 10px 0 38px;
}

body.com_users.view-login form fieldset > h2 + div{
    max-width: 340px;
    margin: 18px auto 40px auto;
}

body.com_users.view-login form fieldset > h2 + div .controls input:focus, body.com_users.view-reset form input:focus{
    outline: none;
}

body.com_users.view-login form fieldset > h2 + div .control-group:first-child::after,
body.com_users.view-login form fieldset > h2 + div .control-group:nth-child(2)::after{
    font-family: "FontAwesome";
    color: #858585;
    position: absolute;
    bottom: 7px;
	left: 16px;
	color: #ef515e;
	font-size: 20px;
}

body.com_users.view-login form fieldset > h2 + div .control-group:first-child::after{
    content: "\f007";
}

body.com_users.view-login form fieldset > h2 + div .control-group:nth-child(2)::after{
    content: "\f023";

}

body.com_users.view-login form fieldset > h2 + div .control-label{
    float: left;
}

body.com_users.view-login form fieldset > h2 + div .control-button{
    float: right;
}

body.com_users.view-login form fieldset > h2 + div .control-group{
    overflow: hidden;
    margin-top: 8px;
    position: relative;
}

body.com_users.view-login form fieldset > h2 + div .checkbox-label{
    margin: 20px 0;
}

body.com_users.view-login form fieldset > h2 + div .control-label > input{
    margin-right: 5px;
}

body.com_users.view-login form fieldset > h2 + div .control-label > label{
    font-family: "Dosis";
    font-size: 16px;
    font-weight: bold;
}
/* 
body.com_users.view-login form fieldset > h2 + div .control-button button, body.com_users.view-reset form button{
    background-color: #e61873;
    border: none;
    border-radius: 21px;
    font-family: "Dosis";
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px;
} */

body.com_users.view-login form fieldset .forget{
    font-family: "Dosis";
    
    color: #ef4957;
}

body.com_users.view-login #system-message > div{
    margin:0;
	text-align:center;
}

#system-message h4.alert-heading{
    display:none;
}


#system-message .alert{
    background-color: #95daaa!important;
    border-radius: 0px;
    font-size: 16px;
    font-family: "Dosis";
}
#system-message .alert.alert-warning{
    background-color: #ef4957!important;
    border: none;
}
#system-message .alert.alert-notice{ background-color:#ef8f8f;}

#system-message-container .alert{
    margin-bottom: 0;
}

#system-message-container h4.alert-heading{
    display:none;
}

/* ----- RESET-LOGIN ------- */

body.com_users.view-reset form fieldset p{
    font-family: "Dosis";
}

body.com_users.view-reset form input{
    max-width: 300px;
    margin: 20px auto;
}

body.com_users.view-reset form fieldset + div{
    text-align: center;
}

body.com_users.view-reset form p + .control-group{
    position: relative;
}

body.com_users.view-reset form p + .control-group::after{
    content: "\f003";
    font-family: "FontAwesome";
    color: #858585;
    position: absolute;
    top: 30px;
    right: 85px;
}

/* ------ HOME-ADMIN ---------*/

#table-demande-admin_wrapper > .row{
    margin: 0;
}

/* ------ DEMANDES -------*/

#nb-app, .creer-une-nouvelle-demande .form-group > div:first-child > label, .view-ticket .user-block + p, .view-ticket .user-block span, .chosen-container .chosen-choices li.search-choice span{
    font-family: "Dosis";
    
    color: #312f30;
    margin: 0;
    margin-top: 10px;
}

/* ---------- SUPPORT ---------- */

#num-page-support-bis{
    position: absolute;
    bottom: 11px;
    right: 80px;
}

#num-page-support-content-bas{
    position: absolute;
    bottom: 15px;
    right: 110px;
}

/* -------- SUPPORT 2 ---------- */

.view-ticket .box-header i{
    background-color: #f8f8f8;
    padding: 7px;
    border-radius: 3px;
    margin-left: 8px;
}

.view-ticket .box-body thead, .view-ticket .box-body tfoot{
    display: none;
}

.view-ticket .box-body .btn{
    margin: 0;
}

.view-ticket .box-body .form-group{
    text-align: right;
}
.view-ticket .box-body .form-group .mainarea{
    text-align: left;
}

.view-ticket .box-body textarea, .view-ticket .controle-contenu span, .creer-un-nouveau-message .box-body input, .creer-un-nouveau-message .box-body textarea, .creer-un-nouveau-message .box-body label, .creer-une-nouvelle-demande .radio-content label{
    font-family: "Dosis";
    
    color: #312f30;
}

.view-ticket .box-body textarea, .creer-un-nouveau-message .box-body input, .creer-un-nouveau-message .box-body textarea{
    border-color: #e7eaec;
    border-radius: 21px;
    line-height: 40px;
    padding: 0 20px;
}

.view-ticket .box-body textarea{
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 30px;
    resize: none;
    overflow: hidden;
}

.view-ticket .box-body .btn-default{
    border: none;
    background-color: #f8f8f8;
    color: #767676;
}

.view-ticket .controle-contenu{
    margin: 20px 0 0 20px;
    padding-bottom: 40px;
}

.view-ticket .controle-contenu span{
    background-color: #f8f8f8;
    padding: 6px 8px;
    margin-right: 5px;
}

.view-ticket .box-body .pagination{
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.view-ticket .user-block span{
    padding-left: 50px;
    margin-top: 2px;
}

.view-ticket .user-block img{
    max-width: 100%;
	height: auto;
}

.view-ticket .user-block .username{
    font-weight: bold;
    color: #ef4957;
}

.view-ticket hr:last-child{
    margin-top: 20px;
}

.view-ticket .upload-file-content, .chosen-container .chosen-choices li.search-choice{
    background-color: #f8f8f8;
    border-radius: 14.5px;
    padding: 7px 15px;
    overflow: hidden;
    margin-right: 10px;
}

.view-ticket .upload-file-content span{
    float: left;
    margin-left: 2px;
}

.view-ticket .upload-file-content a{
    color: inherit;
}

.view-ticket .upload-file-content button{
    border: none;
    background-color: #f8f8f8;
    float: right;
    line-height: 15px;
}

.view-ticket .upload-file-content i{
    background-color: #312f30;
    color: #f8f8f8;
    padding: 2px 3px 2px 3px;
    border-radius: 30px;
    font-size: 8px;
}

.view-ticket .upload-file-content{
	display:inline-block
}

.view-ticket .btn-file i{
    margin-right: 5px;
    font-size: 15px;
}

#num-page-support-message{
    position: absolute;
    bottom: 25px;
    right: 112px;
}

/* -------- FORM TICKET -------- */

.creer-un-nouveau-message .box-body label{
    margin-top: 5px;
}

.creer-un-nouveau-message .box-body input{
    font-weight: normal;
}

.creer-un-nouveau-message .box-body textarea{
    font-weight: inherit;
}

.creer-un-nouveau-message .btn{
    margin-top: 20px !important;
}

/* ------- FORM DEMANDE -------- */

.creer-une-nouvelle-demande .form-group > div:first-child > label{
    font-weight: bold;
}

.creer-une-nouvelle-demande .form-group label:first-child{
    margin: inherit;
}

.chosen-container{
    width: 100%;
    min-width: 100%;
}

.creer-une-nouvelle-demande .form-group input, .chosen-choices, .chosen-container-single .chosen-single{
    border-color: #e7eaec;
    border-radius: 21px;
    line-height: 40px;
    padding: 0 20px;
}

.chosen-container-single .chosen-single{
	background: #f1efef;
	min-height:40px;
	box-shadow: none;
	border: none;
	border-radius: 0;
}

.chosen-container-single .chosen-single div{
	top:7px;
}

.chosen-container .chosen-choices li.search-choice{
    background: inherit;
    background-color: #f8f8f8;
    margin: 6px 5px 2px 0px;
    padding-right: 22px;
    border-color: #e7eaec;
}

.chosen-container .chosen-choices li.search-choice .search-choice-close{
    top: 8px;
    right: 4px;
}

.creer-une-nouvelle-demande .radio-content input + label{
    margin-right: 15px;
    font-weight: normal;
}

.creer-une-nouvelle-demande .radio-content input[type=radio]{
    display: none;
}

.creer-une-nouvelle-demande .radio-content input[type=radio] + label{
    cursor: pointer;
}

.creer-une-nouvelle-demande .radio-content input[type=radio] + label:before{
    height:20px;
    margin-right: 10px;
    content: " ";
    display:inline-block;
    border:1px solid #e7eaec;
    border-radius:10px;
    width:20px;
    position: relative;
    top: 5px;
}

.creer-une-nouvelle-demande .radio-content input[type="radio"]:checked + label:before {
    content: "\2022";
    color: #e61873;
    font-size: 25px;
    text-align: center;
    line-height: 15px;
    position: relative;
    top: 3px;
}

.creer-une-nouvelle-demande .form-group textarea{
    border-color: #e7eaec;
    border-radius: 4px;
    position: relative;
}

.creer-une-nouvelle-demande .form-group .ajout-etablissement::after{
    content:"\f055";
    font-family: "FontAwesome";
    font-size: 16px;
    position:absolute;
    display:block;
    right: 25px;
    bottom: 18px;
    color: #e61873;
}


table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
	position:relative;
	float:left;
	right:auto;
	top:auto;
	margin:8px 10px 0 0;
}

.dataTable tr.isnew{background:#fef3f9}
tr.statut-1 td,
.dataTable tr.isnew td{font-weight:bold;}

.mobile-only,
.date-mobile, .statut-mobile{display: none;}

.besoin-list{margin-top:0!important;}
.besoin-list .sub-form{display:none}
.besoin-list .show-sub-form .sub-form{display:block}
.besoin-list .js-show-sub-form{margin-right:12px;}

table.table tbody .row-0:hover,
table.table tbody .row-1:hover{background:rgba(250,250,250,0.5)}

@media screen and (max-width: 862px){
    .mobile-only{
		display: inline-block;
	}
	.main-header{
        margin-bottom: 56px;
    }
    .main-header .logo{
        height: 156px;
    }
    .skin-blue .main-sidebar {
        padding-top: 156px;
    }

	body.sidebar-collapse .sidebar .logo{
		min-height: 56px;
	}
	
	form#form-contact .mainarea .box-body .control-group > .controls,
	form#form-contact .mainarea .box-body .control-group > .control-label{
		float: none;
		width: auto;
	}
	
	.sidebar-toggle{
		display: none;
	}
	
	.large-list{
		min-width: 1024px;
	}
	
	h1{font-size:22px;}
	h2{font-size:18px;}
}

@media screen and (max-width: 767px){
    .main-header{
        max-height: inherit;
        margin-bottom: 0px;
    }
    .main-header .navbar-static-top{
        width: inherit;
    }
    .main-header .logo{
        float: left;
    }
    .main-sidebar{
        transform: inherit;
    }
    .content-wrapper .content .row{
        margin: 0;
    }
    .col-xs-12{
        padding: 0;
    }
    div.dataTables_paginate{
        text-align: right !important;
    }
}

@media screen and (max-width: 668px){
    .main-header .logo{
        height: 195px;
    }
    .skin-blue .main-sidebar {
        padding-top: 195px;
    }
}

@media screen and (max-width: 510px){
    #num_page, #num-page-mes-demandes, #num-page-mes-demandes-admin, #num-page-support{top: 100px;}
    #num-page-client{top: 95px;}
}

@media screen and (max-width: 507px){
    .no-visible{display: none;}
    .date-mobile, .statut-mobile{display: block;}
}

@media screen and (max-width: 473px){
    .main-header .logo{
        height: 212px;
    }
    .skin-blue .main-sidebar {
        padding-top: 212px;
    }
}

@media screen and (max-width: 473px){
    .main-header .logo{
        height: 212px;
    }
    .skin-blue .main-sidebar {
        padding-top: 0px;
    }
}

@media screen and (max-width: 401px){
    #num-page-mes-demandes-admin{top: 114px;}
}

@media screen and (max-width: 362px){
    .main-header .logo{
        height: 224px;
    }
    .skin-blue .main-sidebar {
        padding-top: 224px;
    }
}

.radio-inline {width: 150px;}