@CHARSET "UTF-8";
/* General */
#bandeau div,
#pied div {box-sizing:content-box;}

body .container-fluid {font-family:Arial;}
.reponse {padding:10px 5px;}



/* AUTH */
#layout-auth {max-width:620px; margin:0 auto;}

/* LISTE DES TICKETS */
#layout-tickets {}
#layout-tickets .element {}
#layout-tickets .element a,
#layout-tickets .element a:visited {text-decoration:none;}

/* TICKET */
#layout-ticket {}
#centre #layout-ticket .nav-tabs {margin-left:0px; border-bottom:0px; margin-bottom:10px;}
#centre #layout-ticket .nav-tabs .nav-item {padding-left:0px;}
#centre #layout-ticket .nav-tabs .nav-item::before {background:none;}
#centre #layout-ticket .nav-tabs .nav-item a.nav-link {text-decoration:none;}
#centre #layout-ticket .nav-tabs .nav-item a.nav-link.active {background-color:#87be41; color:#fff;}

#layout-ticket .demande {margin:20px 0;}
#layout-ticket .echanges {margin:20px 0;}

#layout-ticket .ticket-reponse {border:1px solid #cccccc; padding:20px; margin:20px 0;}

#layout-ticket .message {width:90%; border:1px solid #cccccc; margin:20px 0; margin-left:10%;}
#layout-ticket .message .entete { background:#f7f7f7; padding:10px; border-bottom:1px solid #cccccc;}
#layout-ticket .message .contenu {padding:10px;}
#layout-ticket .message .contenu .pj-conteneur {margin-top:15px; margin-bottom:5px;}
#layout-ticket .poster {margin-left:0px;}

#layout-ticket .form-inline .form-control {width:260px;}
#layout-ticket .label {font-size:90%;}

#layout-ticket .attribution {margin:10px 0;}
#layout-ticket .form-inline {margin-bottom:15px;}

/* Plupload erreur */
#layout-ticket #piecesjointes-erreurs {}
#layout-ticket #piecesjointes-erreurs div {background: #fbe3e4; color: #8a1f11; border:2px solid #fbc2c4; padding:0.4em 0.8em; margin:5px 0;}

#layout-ticket #bouton-envoyer {}
#layout-ticket span.loading {margin-left:5px;}

/* Popup */
#layout-ticket .modal-content .row {margin:0px; padding:10px 0;}
#layout-ticket .modal-content .row .form-group {margin-bottom:0px;}

/* FNA */
#centre .global .contenu-wrapper .container-fluid {text-align:left; min-height:600px;}

#centre #contenu {max-width:100%;}
#centre #contenu h1 {font-size:28px;}
#centre #contenu a.btn,
#centre #contenu a.btn:visited {color:#ffffff; text-decoration:none;}
#centre #contenu a.btn:hover {}

#centre #contenu a.btn-default,
#centre #contenu a.btn-default:visited {color:#5a5a5a;}
#centre #contenu a.btn-default:hover {}

/* Nav */
#nav {}
#nav .deco .btn {float:right;}

/* Filtres */
#layout-tickets #filtres {margin:20px 0; }
#layout-tickets #filtres label {font-weight:400;}

/* Liste des demandes */ 	
#layout-tickets .liste {margin:20px 0;}
#layout-tickets .liste .element {border-bottom:1px solid #ccc;}
#layout-tickets .liste .element:nth-child(even) {background:#fafafa;}
#layout-tickets .liste .element:nth-child(odd) {}
#layout-tickets .liste .element:first-child {border-top:1px solid #ccc;}
#layout-tickets .liste .element a,
#layout-tickets .liste .element a:visited {display:block; padding:7px 5px; color:#5a5a5a; font-size:14px; font-family:"Open Sans";}
#layout-tickets .liste .element a:hover {background:#eeeeee;}
#layout-tickets .liste .element .objet {font-size:16px;}
#layout-tickets .liste .element .infos {float:right;}
#layout-tickets .liste .element .label {}
#layout-tickets .liste .element .date {margin-left:20px;}
#layout-tickets .liste .element div {padding:7px 5px;}
#layout-tickets .liste .element .attribution {width:300px;}

#layout-tickets .el .label {font-size:90%;}

.layout .options {margin:20px 0;}

#layout-ticket .message .entete { background:#419641; color:#ffffff; font-size:16px;}
#layout-ticket .message .entete .depot {float:right;}

.glyphicon-refresh-animate {
	font-size:25px;
	position:relative;
	z-index:10;
	top:7px;
	left:0px;
	visibility:hidden;
    -animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
    
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.fileinput-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 200px !important;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* Nouveau ticket */
#start-upload {/*display:none;*/}
#facture-origine,
#piecesjointes {margin:10px 0;}

/* Général */
.font-weight-400 {font-weight:400;}
.success { border-color:#c6d880; color:#264409; background:#e6efc2;}

/* Boutons */
.btn-primary {background:#87be41 !important; border-color:#87be41 !important;}
.btn-primary:hover {background:#4f4f4f !important; border-color:#4f4f4f !important;}

#centre p {margin-left:0px !important;}

#centre .modal {z-index: 6000;}

/* Datatables */
#layout-tickets .dataTable {}
#layout-tickets .dataTable th {background-color: #4f4f4f; color:#fff; font-weight:400;}