.form-group {
    margin-bottom: 5px;
}

.ocs-icon {
    background: url('../img/ocs-icon.png') no-repeat center left;
    display: block;
    width: 152px;
    height: 141px;
}

/*****************************************/
/* Utile pour surcharger le css boostrap */
/*****************************************/
.pagination {
    margin: 0 0 0 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

/*******************************************************/
/* Taille de la fenetre modale de resultat d'operation */
/*******************************************************/
.modal-resulOper {
    height: 92%;
    width: 95%;
}

div.modal-resulOper div.modal-content {
    height: 100%;
    width: 100%;
}

div.modal-resulOper div.modal-header {
    height: 80px;
    width: 100%;
}

div.modal-resulOper div.modal-body {
    height: calc(100% - 140px);
    width: 100%;
    overflow: auto;
    padding: 5px;
}

div.modal-resulOper div.modal-footer {
    height: 60px;
    width: 100%;
}

div.modal-resulOper div.modal-body .container {
    height: 100%;
    max-height: 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}


/*****************************************/
/* Style du tableau de resultat suivi    */
/*****************************************/

.eqptName {
    font-weight: bold;
    color: #004297;
}

div.modal-resulOper div.modal-body #tableauResultatOper {
    border-spacing: 0;
    height: 100%;
    margin-bottom: 0;
}

div.modal-resulOper div.modal-body #tableauResultatOper th,
div.modal-resulOper div.modal-body #tableauResultatOper td,
div.modal-resulOper div.modal-body #tableauResultatOper tr,
div.modal-resulOper div.modal-body #tableauResultatOper thead,
div.modal-resulOper div.modal-body #tableauResultatOper tbody {
    display: block;
}

div.modal-resulOper div.modal-body #tableauResultatOper thead tr {
    width: calc(100% - 16px);
    height: 30px;
    background: #3c8dbc;
    color: white;
}

div.modal-resulOper div.modal-body #tableauResultatOper tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

div.modal-resulOper div.modal-body #tableauResultatOper tbody {
    height: calc(100% - 30px);
    overflow-y: auto;
    overflow-x: hidden;
}

/*
div.modal-resulOper div.modal-body #tableauResultatOper tbody { 
	border-top: 2px solid black;
} */

div.modal-resulOper div.modal-body #tableauResultatOper tbody td,
div.modal-resulOper div.modal-body #tableauResultatOper thead th {
    /*width: 15%;*/
    float: left;
    /*border-right: 1px solid black;*/
}

div.modal-resulOper div.modal-body #tableauResultatOper thead tr th {
    height: 30px;
    text-align: left;
    border-bottom: none;
}


div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(1),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(1) {
    width: 5%;
}

div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(2),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(2) {
    width: 18%;
}


div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(3),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(3) {
    width: 4%;
}

div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(4),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(4) {
    width: 4%;
}

div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(5),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(5) {
    width: 4%;
}


div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(6),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(6) {
    width: 20%;
}

div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(7),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(7) {
    width: 9%;
}

div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(8),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(8) {
    width: 20%;
}

div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(9),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(9) {
    width: 13%;
}

/* div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(3),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(3) {
	width:20%;
}
div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(4),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(4) {
	width:10%;
}
div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(5),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(5) {
	width:25%;
}
div.modal-resulOper div.modal-body #tableauResultatOper thead tr th:nth-child(6),
div.modal-resulOper div.modal-body #tableauResultatOper tbody tr td:nth-child(6) {
	width:15%;
} */

.cellule {
    word-break: break-all;
}

/*****************************************/
/* Style du bouton de l'operation active */
/*****************************************/
.btn-operation-active {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
}

.btn-operation-active:hover {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
}

.btn-operation-active:focus,
.btn-operation-active.focus {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
}

.btn-operation-active:active,
.btn-operation-active.active,
.open > .dropdown-toggle.btn-operation-active {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
}

/******************************************/
/* Icone du bouton ouvrir/fermer le menu  */
/******************************************/
.main-header .sidebar-toggle:before {
    /* permet de supprimer l'icone par defaut du templat adminlte */
    /*content: "\f0c9";*/
}

.main-header .sidebar-toggle.toggle-right:before {
    content: "\f054"; /* ouvrir : > */
}

.main-header .sidebar-toggle.toggle-left:before {
    content: "\f053"; /* fermer : < */
}


.content-header {
    padding: 0 15px 0 15px;
}

/*****************************************************/
/* Generalites sur le body de la page resutlatEtat   */
/*****************************************************/
.interroEqpt {
    font-weight: bold;
    color: #004297;
    /* width: 70%; */
}

.interroSousEqpt {
    font-weight: bold;
    color: #3fadbe;
    padding-left: 3%;
    text-align: center;
    /* width: 70%; */
}

.interroEtat {
    font-weight: bold;
    padding-left: 3%;
    color: black;
    /* width: 30%; */
}

.good-state {
    color: green;
}

.bad-state {
    color: red;
}

/*****************************************************/
/* Generalites sur la page resutlatInfosEqpt         */
/*****************************************************/
.infosEqpt {
    font-weight: bold;
    color: #3fadbe;
    padding-left: 3%;
    text-align: left;
    line-height: 2;
}


/*****************************************************/
/* Liste des sites geolocalises                      */
/*****************************************************/
.twitter-typeahead {
    width: 100%;
}

.typeahead,
.tt-query,
.tt-hint {
    border-radius: 0;
    box-shadow: none;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border-color: #3c8dbc;
    box-shadow: none;
}

.tt-hint {
    color: #999;
}

.tt-menu {
    width: 250px;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #3c8dbc;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #3c8dbc;

}

.tt-suggestion p {
    margin: 0;
}


/*****************************************************/
/* Page d'erreur moov                                */
/*****************************************************/
.erreur {
    color: red;
}

.center {
    text-align: center;
}

/*****************************************************/
/* Page d'état après opération                       */
/*****************************************************/
.good-state {
    color: green;
}

.bad-state {
    color: red;
}

.no-state {
    color: #333;
}


/*****************************************************/
/* Icones lignes de metro                            */
/*****************************************************/
/*
.icon-ligne1 {
	background:url('../img/M_1.png') no-repeat center left;  
	display: block;
	width: 15px; 
	height: 15px;
}*/

.iconLock {
    color: red;
}

.iconUnlock {
    color: green;
}

.iconErreur {
    color: orange;
}


/*****************************************************/
/* Bandeau de filtrage des tableaux                  */
/*****************************************************/
.well {
    margin-bottom: 5px;
    padding: 5px;
}


.row-bordered:after {
    content: "";
    display: block;
    border-bottom: 1px solid;
    border-bottom-color: rgb(204, 204, 204, .3);
    margin: 0 15px;
}

.bold {
    font-weight: bold;
}


.hScrollbar {
    overflow-x: scroll;
    white-space: nowrap;
}

.noWrap {
    white-space: nowrap;
}

.pointerHand {
    cursor: pointer;
}

.textAlignCenter {
    text-align: center !important;
}

.font_small {
    font-size: small !important;
}

.size_fa_minus {
    font-size: 0.5em !important;
}