/*
    DEMO STYLE
*/
/*@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700';*/


/*HACK overview chart*/
#mainchart div:first-child{
    /*left: 20px;*/
    /*width: calc(100% - 25px) !important;*/
}

.not-active {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

#sidebar .active {
    cursor: "default";
}

/*-----------------------*/
.configsidebar .spacer{
    margin-bottom: 3rem;
}

.configsidebar a[data-toggle="collapse"] {
    display: block;
}
.collapse-icon.left a::before,
.collapse-icon.left a::after {
    left: 0 ;
}

.collapse-icon a[data-toggle="collapse"]::before {
    margin-top: -12px;
}

/*-----------------------*/
.shutdown {

    color: #ffffff;
    padding-left: 3rem;

}

.shutdown i{
    font-size: 1.8rem;
}

.shutdown a.nav-link-label{
    padding-top: 1.15rem !important;
}

.shutdown a:hover{
    color: #b4cb3e !important;
}
/*--------------*/

.table-addroi .addEnergyLine {
    color: #b4cb3e;
}

.swal-overlay {
  background-color: rgbb(0, 0, 0, 0.5);
}

.right2 {
/*    position: absolute;
    float: right;*/
margin-right: 10px;
}

.badge.indicator {

    position: absolute;
    top: auto;
    display: inline-block;
    margin: 0;
    -webkit-transform: translate(-50%, 25%);
    transform: translate(-50%, 25%);

}

.badge.badge-dot {

    display: inline-block;
    margin: 0;
    padding: 0;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    vertical-align: middle;

}

.green2-ire {
    background-color: #42c1a5;
    color: white;
}

.blue.lighten-1 {

    color: #4a6a7c !important;

}
.btn-outline-blue-ire, .blue-ire {
    color: #002568;
    border-color: #002568;
}
.btn-outline-green-ire {
    color: #b4cb3e;
    border-color: #b4cb3e;
}
.btn-outline-ire
.text-ire {
    color: #b4cb3e;
}

.bg-blue-ire
{
    background-color: #002664 !important;
}

.bg-green-ire
{
    background-color: #b4cb3e;
}
/*.mcaoptions {
    display: list-item !important;
}*/

.dt-center{
    text-align: center;
}

.n42link{
    text-decoration: none;
    color: #0366d6;
}

.n42link:hover{
    text-decoration: underline;
    text-decoration-style: dotted;
    color: #0366d6;
}
.n42link::before{
    font: 1em/1 FontAwesome;

    position: relative;

    padding-right: .5em;

    content: '\f0f6';

    text-rendering: auto;
}


.pdflink::before{
    font: 1em/1 FontAwesome;
    position: relative;
    padding-right: .5em;
    content: '\f1c1';
    text-rendering: auto;
}

.doclink::before{
    font: 1em/1 FontAwesome;
    position: relative;
    padding-right: .5em;
    content: '\f1c2';
    text-rendering: auto;
}

.xlslink::before{
    font: 1em/1 FontAwesome;
    position: relative;
    padding-right: .5em;
    content: '\f1c3';
    text-rendering: auto;
}

.pptlink::before{
    font: 1em/1 FontAwesome;
    position: relative;
    padding-right: .5em;
    content: '\f1c4';
    text-rendering: auto;
}

.abadgestab {
    -webkit-appearance: initial !important;
}

.square {
  height: 1rem;
  width: 1rem;
  background-color: #555;
  display: inline-block;
  /*display: inline;*/
}

.red {
    background-color : red;
}

.black {
    background-color : black;
}

.violet {
    background-color : rgb(128,128,255);
}


ul.mcaoptions {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    z-index: 1060;
}

ul.mcaoptions li {
    /*display: inline-block;*/
    display: list-item !important;
}

ul.mcaoptions li a {
    color: #6c757d;
}

ul.mcaoptions li a label {
    margin-bottom : 0;
    color: #6c757d;
}

ul.mcaoptions li input {
    cursor: pointer;
}


ul.mcaoptions li a:hover {
    color: #b4cb3e;
}
ul.mcaoptions .subtitle{
    color: #002568;
    padding-top: 10px;
    border-bottom: 1px solid;
}

[class*=" me-"], [class^="me-"] {

    font-family: MeteoconsRegular !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.me-wind::before {
    content: "\f073";

}
[data-icon]:before {
    font-family: 'MeteoconsRegular';
    content: attr(data-icon);
}
.block {

    display: block;
    width: 100%;

}
.grey {
    color: #9E9E9E !important;
}
.text-bold-600 {
    font-weight: 600;
}

.font-small-1 {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.7rem !important;
}
.close {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
}
.close:focus {
    border: none;
}

/*hack datatables*/
.dataTables_filter label{
    margin-top: 0 !important;
}

/* useless already inside bootstrap extend*/
/*.text-bold-500 {
    font-weight: 500;
}*/

/*footer.footer-dark {
    background: #1D2B36;
    color: #FFFFFF;
}
footer.navbar-border {
    border-top: 1px solid #E4E7ED;
}
footer.footer {
    padding: 0.8rem;
}*/



body
{
    font-family: 'Poppins', sans-serif;

    background: #f6f6f6;
}

p
{
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;

    color: #999;
}

a,
a:hover,
a:focus
{
    transition: all .3s;
    text-decoration: none;

    color: inherit;
}

/*.nav.nav-tabs.nav-underline a.active {

    border-image:
        linear-gradient(
          to right,
          red,
          rgba(0, 0, 0, 0)
        ) 1 100%;
}*/
.main-menu {
    /*height: 100%;*/
    min-height :         calc(100% - 0px);
}
.sidenav a,
.sidenav a:hover,
.sidenav a:focus
{
    font-size: 1.1rem;
    transition: all .3s;
    text-decoration: none;

    color: inherit;
}

.sidenav ul li.active > a {
    /*background: #f0f0f0;*/
}

.bg-gray-ire
{
    background-color: #f6f6f6;
}
/*.sidenav h3{
    font-size: 1.32rem;
    font-family: "Muli", Georgia, "Times New Roman", Times, serif;
}*/

option:disabled {
    color:#aaa;
}
.clock {
    font-size: 0.9rem;
    display: block;
    text-align: center;
    color: #ffffff;
}
.time {
    font-size: 0.9rem !important;
}
.utc{
    /*font-style: italic;*/
}

.roipeakstab{
    color : rgb(255, 99, 132);
}

.roipeak{
    color : rgb(128,128,255);
}

.addEnergyLine {
    cursor: pointer;
    padding-right: 1rem;
}

/* Header of simple table*/
.table_in thead tr:first-child th,
.table_signaltower thead tr:first-child th,
.table_roianalysis thead tr:first-child th,
.table_EnergyLine thead tr:first-child th,
.table_isotopesEnergyAddIsotopes thead tr:first-child th,
.table_isotopesEnergy thead tr:first-child th,
.table_isotopesEnergyAddRoi thead tr:first-child th,
.table_EnergyLine2 thead tr:first-child th{
    border-bottom-width: 0;
    padding-bottom: 0.1rem;
    background-color: #eee;
    font-weight: bold;
}

.table_di thead tr:first-child th,
.table_do thead tr:first-child th,
.table_out thead tr:first-child th{
    background-color: #eee;
}


.table_in thead tr:last-child th,
.table_signaltower thead tr:last-child th,
.table_roianalysis thead tr:last-child th,
.table_EnergyLine thead tr:last-child th,
.table_isotopesEnergyAddIsotopes thead tr:last-child th,
.table_isotopesEnergy thead tr:last-child th,
.table_isotopesEnergyAddRoi thead tr:last-child th,
.table_EnergyLine2 thead tr:last-child th{
    border-top: 0;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    font-weight: normal;
    background-color: #eee;
}

.table_in th,
.table_in th,
.table_out th,
.table_out td{
    vertical-align: middle !important;
}
/* ---------------------------------------------------------*/
.testons {
    color: #002568;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}
.table .red {
    color: #ffffff;
    background-color: rgba(255, 0, 0, .3);
}

.table .green, .messages .green {
    color: #333;
    background-color: rgba(0, 255, 0, .15);
}

.table .white {

    background-color: #FFFFFF;
}

table.dataTable thead tr {
  background-color: #eee;
}

table.dataTable {

    border-collapse: collapse !important;

}


table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {

    right: 0.7em;
}

#alarmsListTable td:nth-child(1),
#alarmsListTable td:nth-child(5),
#alarmsListTable td:nth-child(6),
#alarmsListTable td:nth-child(7) {
    text-align : center;
}


.table_di th, .table_di td,
.table_roianalysis th,
.table_roianalysis td,
.table_EnergyLine2 th,
.table_EnergyLine2 td,
.table-chab th,
.table-chab td,
.table_isotopesEnergy th,
.table_isotopesEnergy td,
.table_isotopesEnergyAddIsotopes th,
.table_isotopesEnergyAddIsotopes td,
.table_do th,
.table_do td,
.table_in th,
.table_in td,
.table_out th,
.table_out td,
.table_signaltower th,
.table_signaltower td{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    text-align: center;
}

.table_EnergyLine th,
.table_EnergyLine td,
.table_isotopesEnergyAddRoi th,
.table_isotopesEnergyAddRoi td {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
    text-align: center;
    font-weight: normal;
}

.table_EnergyLine{
    margin-top: 0.75rem;
}
.table tbody tr:last-child th,
.table tbody tr:last-child td{
    border-bottom: 2px solid #ccc;
}

.table_do tbody td:last-child {
    padding-bottom: 0;
}

/**/
.table-addroi {
    margin-left: 15px;
    margin-right: 15px;
}

.pPrefDescription{
    color: #000;

}
.coeffchanged {
    color :orange;
}

/*-----------*/
.imgTower {
    align-items: center;
    display: flex;
    justify-content: center;
}
.imgTower img{
    width : 100%;
    display:block;
    margin:auto;
}

/*-------------------*/

.infoenergyline {
    background-color: #fafafa;
    margin-top: 2rem;
    text-align: center;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.ctest {
    display: flex;
    flex-direction: column;
}

.rightsid {
    left :-140px;
}

.infoLine {
    width: 128px;
    padding-right: 0;
    padding-left: 0;
    /*background-color: #fafafa;*/
}

.infoLine .detailsEnergyLine,
.infoLine .isotopesList {
    padding-left: 15px;
}

.infoLine .title {
    text-align: center;
    font-variant: small-caps;
    padding-top: 5px;
}

.bg-dk{
    background-color: #fafafa;
    margin-bottom: 1rem;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #ddd
}

.infoLine .indice-collapse {
    position: relative;
    top:50%;
    background-color: #f3f3f3;
    border: 1px solid #d1d1d1;
        border-bottom-color: rgb(209, 209, 209);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: none;
    width: 50px;
    height: 25px;
    right:50px;
    margin: -24px auto -1px auto;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    -webkit-border-radius: 25px 25px 0 0;
    border-radius: 15px 15px 0 0;
}

.infoSpectrum {
    padding-left: 0;
}

.isotitle,
.infoLine dt {
    color : #999;
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    font-weight: 300;
}

.infoLine dd {
    color : #002568;
}


.isotopesList{
    list-style: none;
    padding-left: 0;
    color : #002568;
}
/*-------------------*/
.roichartlink{

    cursor: pointer;
    color : #002568;
    text-decoration: underline dotted #002568;
}

.roichartlink:hover {
    color : #b4cb3e;
    text-decoration: underline dotted #b4cb3e;
}

/*-------------------*/
.swal-icon {

    width: 50px;
    height: 50px;
}

.swal-icon--warning__body {
    height: 20px;
}


.swal-text {
  /*background-color: #FEFAE3;*/
  /*padding: 17px;*/
  /*border: 1px solid #F0E1A1;*/
  /*display: block;*/
  /*margin: 22px;*/
  text-align: center;
/*  color: #61534e;*/
}


.OutputState:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.nav-tabs-margintop{
    margin-top: 20px;
}

.myform-section {
    font-size: 1em;
    padding-bottom: 5px;
    margin-top: 2em;
    color: #002568;
    border-bottom: 1px solid #002568;
}

.myform-section2 {
    font-size: 1em;
    padding-bottom: 5px;
    margin-top: 0.5em;
    color: #002568;
    border-bottom: 1px solid #002568;
}

.myform-section3 {
    margin-bottom: .5rem;
    padding-bottom: 5px;
    margin-top: 0.5em;
    color: #002568;
    border-bottom: 1px solid #002568;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.left{
    text-align: left;
}

.precision {
    font-size: 1rem;
}
.energyref{
    padding-bottom: 0;
    padding-top: 0;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    border-bottom: 1px dashed #b4cb3e;
    color :  #b4cb3e;
    text-align: center;
}

.energyrefDanger{
    padding-bottom: 0;
    padding-top: 0;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    border-bottom: 1px dashed #ff0000;
    color :  #ff0000;
    text-align: center;
}

.energyref:disabled{
    border-bottom: 0;
    color: #000000;
    background-color: #ffffff;
}

.quartersize{
    width: 20%;
    padding-left: 0;
    padding-right: 0;
}

.spacetop {
    margin-top: 1em;
}

.nopaddingleftright {
    padding-left: 0;
    padding-right: 0;
}

.inputramses{
    padding-bottom: 0;
    padding-top: 0;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    border-bottom: 1px dashed #b4cb3e;
    color :  #b4cb3e;
    width: 100%;
}


thead [data-i18n]::before {
    margin-right: 0;
}

.no-margin {
    margin-left: 0;
    margin-right: 0;
}
.radioelem .form-group,
.efficiency .form-group{
    margin-bottom: 0;
}

#mapid
{
    height: 250px;
}

.toggle-sidebar-collapse
{
    font-size: 1.5em;

    margin-left: .5em;

    color: #fff;
    /*border-right: 1px solid #fafafa;*/
}


.navbar
{
    /*padding: 15px 10px;*/

    border: none;
    border-radius: 0;
    background: #fff;
    /*margin-bottom: 40px;*/
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
}

.navbar-btn
{
    border: none;
    outline: none !important;
    box-shadow: none;
}

.line
{
    width: 100%;
    height: 1px;
    margin: 40px 0;

    border-bottom: 1px dashed #ddd;
}

/* BE carefull set again if pb; removed for login page*/
/*i,
span
{
    display: inline-block;
}*/

.selectROIchab{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.roinamemodal{
    font-weight: bolder;
    color: #002664
}

.nav-container {
  position:relative;
}
.nav-container button {
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
}

.checkselector {
    padding-bottom: 0.5rem;
}



.eff span {
    text-align: center;
}


.clients p, .clients div{
    text-align: center;
}

.clients img {
    /*margin: 50px auto;*/
    width: 60%;
}

.card-columns {
    column-count: 1
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper
{
    /*display: flex;*/

    /*align-items: stretch;*/
}
.app-content {
    top: 67.1px;
}

#sidebar
{

    min-width: 250px;
    max-width: 250px;

    transition: all .3s;

    color: #4a6a7c;
    background: #fff;

    display: flex;
    flex-direction: column;
    position: fixed;
    justify-content: space-between;
    /*overflow-y: scroll;*/
    z-index: 1;
}

#sidebar.active
{
    min-width: 80px;
    max-width: 80px;

    text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs
{
    display: none;
}

#sidebar.active .sidebar-header strong
{
    display: block;
}

#sidebar ul li a
{
    text-align: left;
}

#sidebar.active ul li a
{
    font-size: .85em;

    padding: 20px 10px;

    text-align: center;
}

#sidebar.active ul li a::before
{
    font-size: 2em;

    display: block;

    margin-right: 0;
    margin-bottom: 5px;
}

#sidebar.active ul ul a
{
    padding: 10px !important;
}

#sidebar.active a[aria-expanded='false']::before,
#sidebar.active a[aria-expanded='true']::before
{
    top: auto;
    right: 50%;
    bottom: 5px;

    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
}

#sidebar .sidebar-header
{
    /*padding: 10px;*/
    padding: 0;

    background: #fff;
    margin-top: 67.1px;
}

#sidebar .sidebar-header strong
{
    font-size: 1.8em;

    display: none;
}

.sidebar-header img {
    margin-left   : 5%;
    padding       : 15px;
    width         : 85%;
}


#sidebar ul li a {
    /*font-size: 1.1em;*/

    display: block;

    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#sidebar li ul li a
{
    /*font-size: 1.1em;*/

    display: block;

    padding-left: 44px;

}

#sidebar li ul li ul li a
{
    /*font-size: 1.1em;*/

    display: block;

    padding-left: 60px;

}




#sidebar ul li a:hover
{
    color: #4a6a7c;
    background: #f6f6f6;
}
#sidebar ul li a i
{
    margin-right: 10px;
}

#sidebar ul li.active > a
/*,a[aria-expanded='true']*/
{
    color: #b4cb3e;
    border-right: 4px solid #b4cb3e;
    /*background: #f6f6f6;*/
}


a[data-toggle='collapse']
{
    position: relative;
}

#sidebar a[aria-expanded='false']::after,
#sidebar a[aria-expanded='true']::after
{
    font-family: 'FontAwesome';
    font-size: .6em;

    position: absolute;
    top: 1.6em;
    right: 20px;

    display: block;

    content: '\f105';
}
#sidebar a[aria-expanded='true']::after
{
    content: '\f107';
}

 .sidenav > li .active > a {
    color: #6D7377;
    /*font-weight: 700;*/
    background: #F0F0F0;
    border-right: 4px solid #b4cb3e;
}

#sidebar.active a::before
{
    font-size: 2em;

    padding-right: 0;
}


#sidebar > li ul .open > ul li > a {
    padding-left: 15px;
}


#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}

#thepage {
  display: none;
  text-align: center;
}


/*.slidermaison {
    padding-bottom: 1.5rem
}*/

.card-bodyclassic .nav-tabs {
    margin-bottom: 1rem;
}

.card-bodyclassic p {
    font-size: 0.9em;
}

/*#0026FF
#FF0000*/

/*ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}*/

ul.CTAs
{
    padding: 20px;
}

ul.CTAs a
{
    font-size: .9em !important;

    display: block;

    margin-bottom: 5px;

    text-align: center;

    border-radius: 5px;
}

a.download
{
    color: #7386d5;
    background: #fff;
}

a.article,
a.article:hover
{
    color: #fff !important;
    background: #6d7fcc !important;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content
{

    padding: 20px;
    height: calc(100% - 67px);;
    transition: all .3s;
    margin-top: -1px;
}
/*TO improve remove !important */
div[data-page="identification"] {
    padding: 0 !important;

}
/*@media (min-width: 576px)
{

    .btn-navigation{
        display : none;
    }
}*/
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ltlabel span,
    .rtlabel span,
    .dtlabel span{
        display: none;
    }


    .ltlabel:after {
        content: 'LT';
    }

    .rtlabel:after {
        content: 'RT';
    }


    .dtlabel:after {
        content: 'DT';
    }

}

@media (max-width: 768px)
{


    .sidebar-header img {
        width         : 75%;
    }

    .open-navbar-container{
        color: #55595C;
    }

    .infoLine {
        display : none;
    }

    #sidebar
    {
    /*  min-width: 80px;
        max-width: 80px;
        margin-left: -80px !important ;*/

        text-align: center;

    }
    a[aria-expanded='false']::before,
    a[aria-expanded='true']::before
    {
        top: auto;
        right: 5%;
        /*bottom: 5px;*/

        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
    }
    #sidebar.active
    {
        margin-left: 0 !important;
    }

    #sidebar .sidebar-header h3,
    #sidebar .CTAs
    {
        display: none;
    }

    #sidebar .sidebar-header strong
    {
        display: block;
    }

/*    #sidebar ul li a
    {
        padding: 20px 10px;
    }*/

    #sidebar ul li a span
    {
        font-size: .85em;
    }
    #sidebar ul li a i
    {
        display: block;

        margin-right: 0;
    }

/*    #sidebar ul ul a
    {
        padding: 10px !important;
    }*/

    #sidebar ul li a i
    {
        font-size: 1.3em;
    }
    #sidebar
    {
        margin-left: 0;
    }
    #sidebarCollapse span
    {
        display: none;
    }

 .sidenav > li.open > ul {
      background : whitesmoke;
    }
 .sidenav > li.open > a[aria-expanded="true"] {
      color : #3D3F41;
      background : whitesmoke;
    }

    /*a[aria-expanded="true"]*/



    .ico-chart::before
    {
        font: 2em/1 FontAwesome;

        position: relative;

        padding-right: .5em;

        content: '\f080';

        text-rendering: auto;
    }

    .ico-alarms::before
    {
        font: 2em/1 FontAwesome;

        position: relative;

        padding-right: .5em;

        content: '\f0f3';

        text-rendering: auto;
    }
}



.pickercolor {
    padding: 0;
    border: 1px;
    vertical-align: middle;
    width: 1rem;
    height: 1rem !important;
    background-color : #0165D0;
}


.badge[class*="badge-"] .totalcount {
    bottom: 0;
}

/* ADDED*/

/*.ico-dashboard::before
{
    font-family: FontAwesome;
    font-size: 1em;

    position: relative;

    padding-right: .5em;

    content: '\f0e4';

    text-rendering: auto;
}

.ico-chart::before
{
    font: 1em/1 FontAwesome;

    position: relative;

    padding-right: .5em;

    content: '\f080';

    text-rendering: auto;
}

.ico-alarms::before
{
    font: 1em/1 FontAwesome;

    position: relative;

    padding-right: .5em;

    content: '\f0f3';

    text-rendering: auto;
}

.ico-params::before
{
    font: 1em/1 FontAwesome;

    position: relative;

    padding-right: .5em;

    content: '\f013';

    text-rendering: auto;
}*/

.spectruminfo .value{
    font-weight: bold;
}

.center p {
    text-align: center;
}

.time1 {
    padding-right: 3rem;
}
#calibAction {
    margin-top: -10px;
}

[aria-label="spectrumactivity"] .active,
.btn-chart-Xaxis .active,
.btn-chart-Yaxis .active,
[aria-label="ModeMCA"] .active,
.btn-modeMCA .active {
    pointer-events:none;
}

.butspacer {
    width: 3rem;
}

.n42, .plug {
    margin-right: 0.3rem
}

.tooltip-inner {
    color: #fff;
    background: #b4cb3e;
}

.tooltipIRE {
    color: #002568;
}

/*.dropdown-user-link {
    padding-top: 1.5rem;
}*/

/*-----------------------------------------------------------------------------------------------------------------------------*/
/* traduction i18n with icon                            */
/*-----------------------------------------------------------------------------------------------------------------------------*/
[data-i18n]::before {
    font: 20px/20px FontAwesome;
    position: relative;
    margin-right: .5em;
    text-rendering: auto;
    display: inline-block;
/*      align-items: center;
      width: 100%;
      text-align: center;
      display: block;
      height: 100%;
      width: 100%;
      margin: auto;*/
}
.breadcrumb-item[data-i18n]::before {
    font-size: 1rem;
    font-family: "Muli", Georgia, "Times New Roman", Times, serif;
    margin-right: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

[data-i18n^="sidenav"]::before {
    margin-right: 15px;
}

[data-i18n^="transbutton"]::before {
    font-size : 1em;
}


[data-i18n="mynav.signout"]::before {
    content: '\f08b';
}

/* sidenav*/
[data-i18n="sidenav.overview"]::before {
    content: '\f0e4';
}

[data-i18n="sidenav.mca"]::before {
    content: '\f1fe'; /* fa-area-chart */
    margin-right: 12px;
}

[data-i18n="sidenav.alarms"]::before {
    content: '\f071'; /* fa-exclamation-triangle */
    padding-left: 2px;
}

[data-i18n="sidenav.roi"]::before {
    content: '\f0ce'; /* fa-table */
    padding-left: 2px;
}

[data-i18n~="sidenav.params"]::before {
        padding-left: 5px;
        margin-right: 15px;

    content: '\f013';
}

[data-i18n~="sidenav.diag"]::before {
    content: '\f0f1'; /* fa-stethoscope */
    padding-left: 5px;
}

[data-i18n~="sidenav.support"]::before {
    /*content: '\f129';  fa-info */
    content: '\f1cd' ; /* fa-life-ring */
    padding-left: 3px;
    margin-right: 13px;
}
/* fa-map */
/*[data-i18n~="sidenav.mapping"]::before {
    content: '\f279';
    padding-left: 2px;
}*/

[data-i18n~="sidenav.qc"]::before {
    content: '\f0a3'; /* fa-certificate */
    padding-left: 4px;
}

[data-i18n~="sidenav.home"]::before {
    content: '\f015'; /* fa-home */
}

[data-i18n~="preferences.titleRAMSES"]::before {
    content: '\f129'; /* fa-info */
}

[data-i18n~="preferences.Identification"]::before {
    content: '\f2bc'; /* fa-address-card-o */
}

[data-i18n~="preferences.geolocal"]::before {
    content: '\f0ac'; /* fa-globe */
}

[data-i18n~="preferences.titleGPRS"]::before {
    content: '\f098'; /* fa-phone-square */
}


[data-i18n~="preferences.titleInstru"]::before {
    content: '\f1e6'; /* fa-info */
}


[data-i18n~="ConfigInstru.titleConfig"]::before {
    content: '\f013'; /* fa-cog */
    }

[data-i18n~="ConfigInstru.titleManagement"]::before {
    content: '\f1e6'; /* fa-plug */
}



[data-i18n~="debug.title"]::before {
    content: '\f120'; /* fa-terminal */
}



[data-i18n="users.titleuser"]::before {
    content: '\f007'; /* fa-user */
}

[data-i18n="users.titleprofils"]::before {
    content: '\f0c0'; /* fa-users */
}

/* fa-envelope */
/*[data-i18n="users.email"]::before {
    content: '\f0e0';
}*/

[data-i18n="roi.titleaddroi"]::before {
    content: '\f067'; /* fa-plus */
}


/* buttons */
[data-i18n~="transbutton.add"]::before {
    content: '\f067'; /* fa-plus */
}

[data-i18n~="transbutton.update"]::before {
    content: '\f021'; /* fa-refresh */
}

[data-i18n~="transbutton.reset"]::before {
    content: '\f021'; /* fa-refresh */
}

[data-i18n~="transbutton.edit"]::before {
    content: '\f040';  /* fa-pencil */
}

[data-i18n~="transbutton.delete"]::before,
[data-i18n~="transbutton.purgeN42"]::before,
[data-i18n~="transbutton.purgeLog"]::before,
[data-i18n~="transbutton.purgeallresults"]::before,
[data-i18n~="transbutton.purgeresults"]::before,
[data-i18n~="transbutton.purgealmRadio"]::before,
[data-i18n~="transbutton.purgealmTech"]::before,
[data-i18n~="transbutton.purge"]::before {
    content: '\f1f8'; /* fa-trash */
}

[data-i18n~="transbutton.startnew"]::before ,
[data-i18n~="transbutton.start"]::before {
    content: '\f04b'; /* fa-play */
}

[data-i18n~="transbutton.stop"]::before {
    content: '\f04d'; /* fa-stop */
}

[data-i18n~="transbutton.pause"]::before {
    content: '\f04c'; /* fa-stop */
}

[data-i18n~="transbutton.selectAll"]::before,
[data-i18n~="transbutton.validate"]::before {
    content: '\f058'; /* fa-check-circle */
}

[data-i18n~="transbutton.options"]::before {
    content: '\f013'; /* fa-cog */
}

[data-i18n~="transbutton.duplicate"]::before {
    content: '\f0c5'; /* fa-files-o */
}

[data-i18n~="transbutton.cumul"]::before {
    content: '\f0fe'; /* fa-plus-square */
}

[data-i18n~="transbutton.calibration"]::before {
    content: '\f201'; /* fa-line-chart */
}

[data-i18n~="transbutton.save"]::before {
    content: '\f0c7'; /* fa-floppy-o */
}

[data-i18n~="transbutton.download"]::before {
    content: '\f019'; /* fa-download */
}

[data-i18n~="transbutton.refresh"]::before,
[data-i18n~="transbutton.refreshLines"]::before,
[data-i18n~="transbutton.pauserefresh"]::before  {
    content: '\f021'; /* fa-line-chart */
}


/*.main-menu  li.open > ul.show {
    background: #f9f9f9;
}*/

/*------------------------------------------------------*/
.activationsignalTower{
    padding-left: 3rem;
}

.card-header .heading-elements a.btn, .card-header .heading-elements-toggle a.btn {
    padding: .25rem .5rem !important;
    font-size: .875rem !important;
    color: #17a2b8 !important;
}
.list {
  font-family:sans-serif;
  margin:0;
  padding:20px 0 0;
}
.list > li {
  display:block;
  background-color: #eee;
  padding:10px;
  box-shadow: inset 0 1px 0 #fff;
}

.list li > a {
  font-size: 16px;
  margin:0 0 0.3rem;
  font-weight: normal;
  font-weight:bold;
  color:#111;
}

.detailUnc,
.detailEff,
.detailInstru {
    list-style: none;
    margin-bottom: 1px;
}

.detailUnc .form-control,
.detailEff .form-control,
.detailInstru .form-control {
    display: inline;
}

.detailUnc .form-control,
.detailEff .form-control {
    padding: .275rem .35rem;
}

/*.outer-div {
padding: 30px;
}
.inner-div {
    margin: auto;
    margin-left:25%;
    width: 100%;
    height: 100%;
}*/

.mca_status {
    font-size: smaller;
}

.networkip {
    font-style: italic;
    font-size: smaller;
}


.equationsbox {
    background-color: rgba(180, 203, 62, 0.1);
    margin-top: 1rem;
    border: 1px solid #b4cb3e;
}

.equationsbox p{
    color : #002568;
}

.equationsbox p:first-child{
    margin-top: 1rem;
}

.equationsbox p:last-child{
    color : #999;
}

.thinborder {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
}
.thinborder2 {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
}

.thinborder3{
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 5px;
}
/*a::before
{
    font-family: 'FontAwesome';

    position: relative;

    padding-right: .5em;

    content: attr(data-fa-icon);

    text-rendering: auto;
}*/

.gprs div{
    margin-bottom: 0.8em;
}

#tap {
    margin-top: 8px;
    margin-bottom: 21px;
}

.mynav
{
    padding: 0;
}

.navbar-light .navbar-header .navbar-nav .nav-link
{
    color: #fff ;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link{
    color : #fff;
}

.float-right
{
    float: right !important;
}



.main-menu.menu-shadow
{
    -webkit-box-shadow: 1px 0 30px rgba(0, 0, 0, .1);
            box-shadow: 1px 0 30px rgba(0, 0, 0, .1);
}

.count-info .label
{
    line-height: 12px;

    position: absolute;
    top: -3px;
    right: -3px;

    padding: 2px 5px;

    border-color: #fff;
}
.label
{
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 75%;
    font-weight: 700;
    font-weight: 600;
    line-height: 1;

    display: inline;

    padding: .2em .6em .3em;

    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;

    color: #fff;
    border-radius: .25em;
}
/*.label-primary,
.badge-primary
{
    color: #fff;
    background-color: #1ab394;
}*/

.show > .dropdown-menu
{
    transform: scale(1, 1);
    display: block;
    opacity: 1;
}


.dwd.show {
    display: block !important;
}

/*.dropdown-menu
{
    top: 60px;
    right: 0;
    left: unset;

    padding: 0;
    padding-bottom: 0;

    box-shadow: 0 5px 7px -1px #c1c1c1;
}*/


.dm-notification
{
    width: 460px;
}

.bartitle
{
    padding-left: 65px;
    margin-top: -40px;
    list-style : none;
    flex-direction: column !important;
}

.bartitle span {
    padding-bottom: 0;
}



.bartitle span:first-child
{
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
}

.bartitle .badge
{
    font-size: .8rem !important;
    font-weight: 400 !important;

    margin-left: 10px;

    color: #fff;
}



.date
{
    font-weight: 200;
    font-style: italic;
}
.date span {
    padding-top: 0.17rem;
    padding-bottom: 0.17rem;
    border: 1px solid #ccc;
    border-left: 0;
    /*border-radius: 4px;*/
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.multiselect-container > li > a > label
{
    padding-left: 5px;
}

.multiselect-container > li > a
{
    color: #47748b;
}


.vertical-spacer {
    margin-top: 1rem;
}

.resultR2 {
    display: none;
}

body > :not(.pace),body:before,body:after {
  -webkit-transition:opacity .4s ease-in-out;
  -moz-transition:opacity .4s ease-in-out;
  -o-transition:opacity .4s ease-in-out;
  -ms-transition:opacity .4s ease-in-out;
  transition:opacity .4s ease-in-out
}

body:not(.pace-done) > :not(.pace),body:not(.pace-done):before,body:not(.pace-done):after {
  opacity: 0;
}


/*.dropdown-menu:before{
  content: "";
  position: absolute;
  top: -20px;
  right: 12px;
  border:10px solid #343A40;
  border-color: transparent transparent #343A40 transparent;
}*/
.head
{
    padding: 5px 15px;

    border-radius: 3px 3px 0 0;
}
.footer
{
    padding: 5px 15px;

    border-radius: 0 0 3px 3px;
}
.notification-box
{
    padding: 10px 0;
}

.notif, .alarms{
    animation-iteration-count: 3;
}


.abc-checkbox-ire input[type="checkbox"]:checked + label::before {
    background-color: #b4cb3e;
    border-color: #b4cb3e;
}

.abc-checkbox-ire input[type="checkbox"]:checked + label::after {
    color: #fff;
}

/*.abc-checkbox-primary input[type="checkbox"]:checked + label::before,
.abc-checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #007bff;
  border-color: #007bff; }
.abc-checkbox-primary input[type="checkbox"]:checked + label::after,
.abc-checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }*/


.abc-radio label::before {
    border-color: #b4cb3e;
}

.abc-radio label::after {
    background-color: #b4cb3e;
}

/*.abc-radio-ire input[type="radio"]:checked + label::before,
.abc-radio-ire input[type="radio"]:checked + label::after  {
    background-color: #b4cb3e;
    color: #fff;
    padding-right: 6px;
    padding-left: 0;
    vertical-align: middle;
}*/


.abc-checkbox label::after {
    margin-left: -1.35rem;
}

/*.ModalOverview .abc-checkbox label::after {
    margin-left: -1.25rem;
}
*/
.ModalOverview .checkModeselector{
    margin-left: 0;
    margin-right: 0;
}

/*.abc-checkbox label {
    cursor: pointer;
    display: inline;
    vertical-align: top;
    position: relative;
    padding-left: 5px;
}*/

.bg-gray
{
    /*background-color: #eee;*/
}
@media (max-width: 640px)
{
    .dropdown-menu
    {
        top: 50px;
        left: -16px;

        width: 290px;
    }
    .nav
    {
        display: block;
    }
    .nav .nav-item,
    .nav .nav-item a
    {
        padding-left: 0;
    }
    .message
    {
        font-size: 13px;
    }
}
.sidebar-footer {
    text-align: center;
    /*position: absolute;*/
    bottom: calc(100% - 90%);
    /*height: 100px;*/
    /*height: calc(100% - 10%);*/
    /*font-size: 1.1rem;*/
    margin: 0 auto;
    /*margin-bottom: calc(10% - 50px);*/
    width: 100%;
}
.sidebar-footer p {
    margin-bottom: 0;
}

.sidebar-footer p:last-child{
    margin-top: 0;
  font-size: 0.85 rem;
}

.sidebar-footer p:last-child i{
    margin-top: 0;
  font-size: 0.8rem;
}

.sidebar-footer p:first-child {
  margin-bottom: 5px;
  color: #000;
}

/*card */
.card-header:first-child
{
    border-radius: calc(.27rem - 1px) calc(.27rem - 1px) 0 0;
}
.card-header
{
    border-bottom: none;
}
.card-header
{
    margin-bottom: 0;
    padding: 1.5rem 1.5rem;

    border-bottom: 0;
    background-color: #fff;
}

.cheader
{
    /*margin-bottom:  1px;*/
    padding: 1.5rem 1.5rem;

    border-bottom: 1px solid rgba(0, 0, 0, .06);
    background-color: #fff;
}

.switchcard .card-body
{
    padding: 0;
}

.card-bodyclassic {
    flex: 1 1 auto;
    padding: 1.5rem;
    padding-top: 0;
}

.form-control:focus {

    color: #4E5154;
    background-color: #fff;
    border-color: #b4cb3e;
    outline: 0;
    box-shadow: none;

}

.list-group-item
{
    padding: .35em .75em;
}
.list-group-item span
{
    font-weight: lighter;
}

.containerdrag .card-header {
    cursor: move;
}

.containerdrag .card-header:hover {
    background-color:#b4cb3e;
    color: #ffffff;
}

.card-header .heading-elements,
.card-header .heading-elements-toggle
{
    position: absolute;
    top: 20px;
    right: 20px;

    background-color: inherit;
}


#settings-but {
    padding-bottom: 0;
}

.resultsnb p{
    margin-top: 0.75em;
    margin-bottom:0.25em;
}

label {
    /*width: 140px;*/
    font-size: 0.9rem;
    text-align: right;
}

/*.form-group label{
    text-align: left;
}*/

input {
    vertical-align:middle;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 1.32rem;
    font-family: "Muli", Georgia, "Times New Roman", Times, serif;

}

.text-italic {
    font-style: italic;
}

.nomargin {
    margin:0;
}
.card-bodyclassic h5 {
    font-size: 1rem;
}

.mb-0,
.my-0
{
    margin-bottom: 0 !important;
}
.list-inline
{
    padding-left: 0;

    list-style: none;
}


/*  [class*=" ft-"], [class^="ft-"] {
       font-family: !feather important;
       font-style: normal;
       font-weight: 400;
       font-variant: normal;
       text-transform: none;
       line-height: 1;
   }

   .ft-plus::before {
       content: "\e99d";
   }

   .ft-minus::before {
       content: "\e982";
   }*/

/*   .ft-plus::before {
     content: '\f067';
     font: 1em/1 FontAwesome;
   }

   .ft-minus::before {
     content: '\f068';
     font: 1em/1 FontAwesome;
   }*/



/*   select.form-control:not([size]):not([multiple]).input-lg + .form-control-position, select.form-control:not([size]):not([multiple]).form-group-lg > .form-control-position, input.form-control.input-lg + .form-control-position, input.form-control.form-group-lg > .form-control-position {
       width: 3rem;
       height: 3rem;
       line-height: 3rem;
       top: 4px;
   }
   .has-icon-left .form-control-position {
       right: auto;
       left: inherit;
   }
   .form-control-position {
       position: absolute;
       top: 1px;
       right: 0;
       z-index: 2;
       display: block;
       width: 2.5rem;
       height: 2.5rem;
       line-height: 3.2rem;
       text-align: center;
   }*/

.dropdown-language .flag-icon
{
    margin-right: 5px;
}



.hisoric-filters {
    width: calc(60%);
}






/* Chat page */

.pages {
  /*display: none;*/
  list-style: none;
}

/* Font */

.messages {
    list-style: none;
  /*font-size: 150%;*/
}
.messages li {
    /*list-style: none;*/
  padding-left: 10px;
  padding-bottom: 0.1rem    ;
}

.messages .green {
    background-color: #000;
    color: rgba(0, 255, 0, .8);
}

.messages .red {
    background-color: #000;
    color: rgba(255, 0, 0, .8);
}

.inputMessage {
  font-size: 100%;
}

.text-red {
   color: rgba(255, 0, 0, .8);
}

.log {
  color: gray;
  font-size: 70%;
  margin: 5px;
  text-align: center;
}

/* Messages */

.chatArea {
  height: 100%;
  padding-bottom: 60px;
}

.messages {
  height: 100%;
  margin: 0;
  overflow-y: scroll;
  padding: 10px 20px 10px 20px;
}

.message.typing .messageBody {
  color: gray;
}

.username {
  font-weight: 700;
  overflow: hidden;
  padding-right: 15px;
  text-align: right;
}

/* Input */

.inputMessage {
  border: 10px solid #000;
  bottom: 0;
  height: 60px;
  left: 0;
  outline: none;
  padding-left: 10px;
  position: absolute;
  right: 0;
  width: 100%;
}

.pages ul{
    /*height:100%; */
    width:100%;
}
.pages ul{
    width:100%;
    /*overflow:hidden; */
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
}

.idx {
    /*cursor: 'none';*/
}

#badgestab {
    cursor: "pointer";
}

.disabled1 {
    color: #000 !important;
}

.iso{
    margin-top: 1rem;
}

/*--- MODAL --------------------------------*/
/*.vertical-alignment-helper {

    height: 100%;
    width: 50%;
    margin-left: 25%;
    pointer-events:none;

}
.vertical-align-center {

    vertical-align: middle;

}



.content-chab {
  padding: 15px;
}*/


.modal-header {
    border-top: 4px solid #b4cb3e;
    margin-bottom : 5px;
    padding-bottom: 5px;

}



.modal-footer {
  border-top :0;
  margin-top: 0;
  padding-bottom: 10px;
}



.modal-content label:not(.abc-checkbox label){
  padding: 0;
  text-align: left;
}

.modal-header-chab {
  margin-bottom: 35px;
}
.modal-title-chab {
  text-align: center;
}

.form-addroi label{
    text-align: right;
}

/*-----------------------------------*/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
/*.modalr {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('http://sampsonresume.com/labs/pIkfp.gif')
                50% 50%
                no-repeat;
}*/

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/*body.loading {
    overflow: hidden;
}*/

/* Anytime the body has the loading class, our
   modal element will be visible */
/*body.loading .modalr {
    display: block;
}*/
.register-login-container input{
    box-shadow: none;
}

.register-login-container .field-error{
    box-shadow: 0 0 1.5px 1px red;
}

.password-field-error, .has-password-error input.password-first, .has-password-error span.input-group-addon {
    background-color: #F2DEDE !important;
}

.register-login-container .password-first-check{
    /*margin-top: 10px;*/
    color: #a3a3a3;
    list-style: none;
}

.form-errors ul {
    list-style: none;
}


.password{
    position: relative;
}

.password input[type="password"]{
    padding-right: 30px;
}

.password .fa-eye {
    /*display : none;*/
    right   : 15px;
    position: absolute;
    top     : 12px;
    cursor  : pointer;
}

.password-first-check {
    list-style: none;
}

.password-first-check li {
    line-height: 1.1;
    font-size: 0.9em;
}
.password-first-check-valid {
    color: #468F1B;
}

.password-first-check-error {
    color: #EB2036;
}

.password-field-error, .has-password-error input.password-first, .has-password-error span.input-group-addon {
    background-color: #F2DEDE !important;
}

.register-login-container form label.control-label.required::after,
.register-login-container form input.form-control:placeholder-shown
 {

    content: "*";

}

.divTree {
    padding-right: 0;
}
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree::first-child{
    padding:0;
}

.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.tree a::before {
    font: 0.8em/1em FontAwesome;
    position: relative;
    margin-right: 0.1rem;
    text-rendering: auto;
    display: inline-block;
    content: '\f053'; /* fa-trash */
}

.tree a::after {
    font: 0.8em/1em FontAwesome;
    position: relative;
    margin-right: 0.1em;
    text-rendering: auto;
    display: inline-block;
    content: '\f054'; /* fa-trash */
}

.instruinfo .active{
    color: #b4cb3e;
}

.detailsn42{
    background-color: #f6f6f680;
}

/*//test*/
/*.container {padding:20px;}
.form-control {width:120px;}
.popover {max-width:400px;}

#popover-content-logout > * {
  background-color:#ff0000 !important;
}*/
.hide {
    display: none !important;
}

.popover-body {
    padding: 0;
    padding-top: 10px;
}

.spacerstabilisation {
    padding-left: 3rem;
}


.media h6 {
    font-size: 1rem;
}


.progress-bar {
    background-color: #b4cb3e;
}

/*Notification and Alarms*/
/*.scrollable-container,
.scrollable-container2,
.scrollable-container4 {

    position :relative;
    height: 255px;
     overflow: auto;
}*/
/*.scrollable-container2 h6 {
    margin-bottom: 0;
}
*/
/*Sidebar*/
.scrollable-container3 {
    /*height : 100px;*/
    position :relative;
    height: 355px;
     overflow: auto;
}

.login-page .content{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.header {
    /*border: 3px solid orange;*/
    margin-top : 2rem;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    /* -webkit-box-orient: horizontal; */
    z-index: 0;
    position: relative;
    /* position: absolute; */
}

.headerLeft, .headerRight  {
    /*border: 2px solid chartreuse;*/
    -webkit-flex: 1;
    flex: 1;
    z-index: 1;
    border-bottom: 1px solid #dadada;
    line-height: 0.1em;
    margin-bottom: 0.6rem;
    /*width: 20%;*/
}
.headerMiddle {
    -webkit-flex: 1;
    flex: 1.4;
    z-index: 1;
    text-align: center;
}

.headerMiddle img{
    margin-bottom: 3px;
}

.fullwidth {
    width: 100%;
}


.roiunit {
    margin-bottom: 0;
    padding-top: 1rem;
    font-size: 1em;
}

.notes {
    font-size: 1.1em;
    margin-top: 2em;
    text-decoration: underline;
}

.contact sp {
 font-size: 1em;
}


.listinstrun42 {
    list-style: none;
}

.instru .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #b4cb3e;
    border-color: #b4cb3e;
}
.instru h5 {
    margin-bottom: 0.25rem;
    margin-top:0.25rem;
}

.instru .list-group-item.active .plug{
 background-color: #FFFFFF;
 color: #000;
}
/* for ff*/
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}

/*For Chrome*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
}

.paramStatus{
    font-style: italic;
    color : #999;
}

.callout {
    margin-top : 4rem !important;
}

.bs-callout-info {
    /*background-color: #C4E7F4;*/
    color: #030E13;
}
.bs-callout-info, .bs-callout-info.callout-transparent {
    display: block;
    border: 1px solid #2ab9cd;
    border-left: 4px solid #2ab9cd !important;
    border-radius: .25rem;
    margin-left: 30px;
    margin-right: 30px;
}

.bs-callout-info strong {
    font-variant: small-caps;
    color: #2ab9cd;
}


.bs-callout-info ul {
    margin-top: 1rem;
}

.bs-callout-info li {
    color : #999;
}

.bs-callout-info strong i{
    margin-right: 0.5em;
}

.p-1 {
    padding: 1rem !important;
}
/*.mt-1, .my-1 {
    margin-top: 1rem !important;
}*/

.zeInfo p {
    text-align:center;
}

div.bloc {
padding:10px; /* aération interne des blocs */

width:100px;
border:1px solid red;
display:inline-block;
vertical-align:middle;
text-align:center; /* on rétablit l'alignement du texte */
}

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}


.error .card-footer{
    border:0;
    padding-top:5em;
}

.error-code {
    font-size: 10rem;
    font-family: inherit;
}

.idstation li span:first-child:not(.notfirst){
    color: #7b7b7b;
}

.border-red{
    border-color: red !important;
}

#mapdiag {
    height: 500px;
    width: 500px;
    border: 1px solid black;
}

#mapping {
/*    height: 500px;
    width: 500px;*/
    /*height: 500px;*/
    /*border: 1px solid black;*/
}
html {
    height: 100%;
}

#mapping {
            height: 100% !important;
            width: 100%;
        }

#mapping label {
    text-align: left;
}

.card-nopadding {
    padding: 0;
}


.PurgeDBBtn {
    margin-top: 1em;
}

.PurgeDBBtn button {
    margin-right: 1em;
}





/************************** RAMSES MANAGER addition *********************************************************************************************************************/
.modal-header-new {
   background-color: #f7f7f7;
   border-bottom: 1px solid #bcbcbc;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-bottom: 0;
}

.kind-of-data {
    margin-left: 1rem;
    vertical-align: text-top;
}

.kind-of-data h3{
    margin-bottom: 0;
    }

#MeasStation .modal-body{
    max-height: calc(100% - 120px);
        /*overflow-y: scroll;*/

}
#MeasStation .nopad {
    /*padding-left: 0;*/
    /*padding-top: 0;*/
    padding:0;
}

#MeasStation .nomarge {
    margin-bottom: 0;
}



#darkbg {
    /*border: 1px solid black;*/
    height: 800px;
}

/*#darkbg .dygraph-axis-label { color: white; }*/
.dygraph-legend { text-align: right; }
/*#darkbg .dygraph-legend { background-color: #101015; }*/


.dygraph-container {
    width: 100%;
    height: 100%;
}


.tableAnalysis {
    height: 400px;
    overflow-y: auto;
    overflow-x: none;
    font-size: 0.8rem;

}


.header-subtitle{
    font-size: 1.1rem;
    opacity: .6;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    line-height: 58px;
    top: 0;
    vertical-align: text-bottom;
    font-weight: 300;
}
.header-subtitle i,
.header-subtitle span {

}
.header-subtitle2{
    font-size: 13px;
    /*opacity: .6;*/
    position: absolute;
    right: 10px;
    transform: translateX(-50%);
    height: 50px;
    line-height: 50px;
    top: 0;
    z-index: 10001;
    display: inline-flex;
}
.header-subtitle2:focus, .header-subtitle2:hover {
    color: #000;
        opacity: 1;

}

.dwd {
  border:0;
}
.dwd::after {
 display: none;

}

.dwd:hover {
    background-color: #f7f7f7;
    border: 0;
    border-color: #f7f7f7;
}
.dwd img{
    height: 20px;
        opacity: .5;
    }

}

.listtable {
    display: table;
    width: 100%;
/*    width:50px;
      padding:25px;*/
}

.listtable div{
    display: table-row;


}


.listtable2 :first-child {
    /*display: table-cell;*/
    width: 20px;
    padding-left: 10px;
    padding-right: 15px;
    /*border-bottom: 1px dotted black;*/
/*background-color: red;*/
      /*padding:10px;*/
}

.listtable span {
    display: table-cell;
    /*min-width: 100px;*/
    border-bottom: 1px dashed #ccc;
/*width: auto;*/
padding-top: 5px;
padding-bottom: 5px;
      /*padding:10px;*/
      width: 100%;
}

.listtable span {
    display: table-cell;
    /*width: auto; */

      /*padding:10px;*/
}

.listtable2 :not(first-child) {
    /*display: table-cell;*/

    /*border-bottom: 1px dotted black;*/
/*background-color: red;*/
      /*padding:10px;*/
}

.listtable :hover{
    background-color: #eee;
    cursor  : pointer;
}

svg:hover circle{
    fill: #FFF;
    stroke-dashoffset: 0;
    stroke-dasharray: 700;
    stroke-width: 2;
}

.graph-no-data {
    text-align: center;
    margin: auto 0;
    font-size: 30px;
    color: #dadada;
    padding-top: 25%;
}

.sntable,
.nametable {
    width: 100%;
}

.timeChart {
    padding-left: 0;
}

.number-in-zone {
    /*font-weight: bold;*/
    padding-right: 0.5em
}




.columnlist2 {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    vertical-align: middle;
}

.caret{
 color: red !important;
  font-size: 3rem !important;
}

.custom-select2 {
    display: inline-block;
    /*width: 100%;*/
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color:
#495057;
vertical-align: middle;
background:
#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: auto;
background-size: 8px 10px;
border: 1px solid
    #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.columnlist {
    overflow-y: auto;
    height: 390px;
    display: flex;
    flex-direction: column;
}

.dygraph-legend {
    position: absolute;
    left: 70px;
    top: 0;
    text-align: left;
    /*font-weight: 700;*/
    background-color: hsla(0,0%,98%,.9);
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: 1px 1px 4px
    rgba(0,0,0,.25);
    padding: 5px 7px;
    font-size: 80%;
    transition: all .2s ease;
    z-index: 1001;
    width : 150px;
}


.dygraph-legend br+span {
 display:inline-block;
 padding-top:2px
}

.dygraph-legend-title {
 font-weight:700;
 margin-bottom:5px;
 text-align:center
}

.legend-title {
    text-align: center;
    font-weight: 600;
    font-size: 1.1em;
    opacity: 0.85;
}

.firstc {
    border-right: 2px solid #efefef;

}










/*overide popup leaflet*/
.leaflet-popup-content-wrapper {

    border-radius: 8px;
}

.leaflet-popup-content {
    margin: 10px 15px;
    margin-bottom: 5px;
}
/*----*/

.map .map-info {
    color:
#333;
background:
hsla(0,0%,100%,.7);
padding: 0;
border-radius: 10px;
/*border: 1px solid
    hsla(0,0%,100%,.8);*/
    border:2px solid rgba(0,0,0,.2);
}

.map .map-info__section + .map-info__section {
    border-left: 1px solid #ccc;
    box-shadow: inset 1px 0 1px 0 hsla(0,0%,100%,.7);
}

.map .map-info__section svg {
    margin-right: 5px;
    color: #555;
}

.map .map-info__section {
    display: inline-block;
    padding: 3px 7px;
    cursor: help;
}

.map .map-timescale {
    margin-right: 50px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    border:2px solid rgba(0,0,0,.2);
}

svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.svg-inline--fa.fa-w-16 {
    width: 1em;
}

.svg-inline--fa.fa-w-12 {
    width: 0.75em;
}

.btn-ire {
    color: #eee;
    font-variant: small-caps;
    letter-spacing: 0.05em;
    /*font-weight: bolder;*/
    background-color: #b4cb3e;
    /*border-color: #b4cb3e;*/
}

.smallMap  {
width: 100%;
height: 40%;
    /*border:2px solid rgba(0,0,0,.2);*/
}

#mapping2  {
width: 100%;
height: 100%;
    border:2px solid rgba(255,0,0,1);
}


.filter-control {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bcbcbc;
}

.filter-control .spectruminfo {
    font-size: 0.8em;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
}

.filter-control .spectruminfo .value {
    font-weight: normal;
}

.filter-control .spectruminfo .time1 {
    padding-right: 1rem;
}

/*.filter-control .spectruminfo p {
    margin-bottom: 5px;
}*/

/*.el-icon-close {
    position: absolute;
    height  : 20px;
    right   : 5px;
    top     : 15px;
}*/

.el-icon-close::before {
    content: "\f00d";
}

[class*=" el-icon-"], [class^="el-icon-"] {
    font: 20px/20px FontAwesome;
    position: relative;
    margin-right: .5em;
    text-rendering: auto;
    display: inline-block;
}
.icon-action, .text-action {
    font-size: 20px !important;
    cursor: pointer !important;
}

.icon-action {
        position: absolute;
        right: 0;
}

.testhead div,
.testhead h3 {
    display: inline-block;
}

.testhead div {
    z-index: 1001;
}


#filter {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bcbcbc;
}

#filter .col{
    padding-right: 5px;
    padding-left: 5px;
}


.leaflet-control-parameters{
    /*font-size: 3rem;*/
/*    width: 30px;
    height: 30px;*/
    border: 2px solid rgba(0,0,0,0.2);
    background-color:#ffffff;
    border-radius: 4px;
}

.leaflet-control-parameters a i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: black;
}


.mycol {
    border-right: 1px solid #bcbcbc;
    padding-right: 0;
}

.chartmeas {
    padding: 10px;
}
.leaflet-control-atlas-layers-menu {
    width: 285px;
}

.leaflet-control-atlas-layers-menu-item {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.open > .dropdown-menu {
    display: block;
}



.irs-bar{
    background-color: #b4cb3e !important;
}
.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before {

border-top-color: #b4cb3e !important;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {

background-color:#b4cb3e !important;

}

.irs--flat .irs-handle > i:first-child {


    background-color: #b4cb3e !important;



}


.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}
.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}



.timescale {
    width: 380px;
    background-color:#ffffff;
    padding-left: 20px;
    padding-right: 20px;
    /*padding-top:5px;*/

}



.myClass{
    /*padding-top:50%;*/
    /*padding-left: 90%;*/
text-align: center;
}

.myClass img{
    width: 12%;
    height: 12%;
}




.custom-control {
 position:relative;
 display:block;
 min-height:1.5rem;
 padding-left:1.5rem
}


.custom-control-input {
 position:absolute;
 z-index:-1;
 opacity:0
}
.custom-control-input:checked~.custom-control-label::before {
 color:#fff;
 border-color:#b4cb3e;
 background-color:#b4cb3e
}
.custom-control-input:focus~.custom-control-label::before {
 box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
 border-color:#fff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
 color:#fff;
/* background-color:#b3d7ff;
 border-color:#b3d7ff*/
}
.custom-control-input:disabled~.custom-control-label {
 color:#6c757d
}
.custom-control-input:disabled~.custom-control-label::before {
 background-color:#e9ecef
}
.custom-control-label {
 position:relative;
 margin-bottom:0;
 vertical-align:top
}
.custom-control-label::before {
 position:absolute;
 top:.25rem;
 left:-1.5rem;
 display:block;
 width:1rem;
 height:1rem;
 pointer-events:none;
 content:"";
 background-color:#fff;
 border:#adb5bd solid 1px
}
.custom-control-label::after {
 position:absolute;
 top:.25rem;
 left:-1.5rem;
 display:block;
 width:1rem;
 height:1rem;
 content:"";
 background:no-repeat 50%/50% 50%
}

.custom-switch {
 padding-left:2.25rem
}
.custom-switch .custom-control-label::before {
 left:-2.25rem;
 width:1.75rem;
 pointer-events:all;
 border-radius:.5rem
}
.custom-switch .custom-control-label::after {
 top:calc(.25rem + 2px);
 left:calc(-2.25rem + 2px);
 width:calc(1rem - 4px);
 height:calc(1rem - 4px);
 background-color:#adb5bd;
 border-radius:.5rem;
 transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
 transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
 .custom-switch .custom-control-label::after {
  transition:none
 }
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
 background-color:#fff;
 -webkit-transform:translateX(.75rem);
 transform:translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
 background-color:rgba(0,123,255,.5)
}




.measctl{
    float: right;
    margin-right: 5px;
    margin-top: -10px;
}

.reduced-view{
    min-width: 175px;
    text-align: center;
    font-size: 1.1em;
}
.reduced-view span {
    padding-left: 1em;
}

/*.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.svg-inline--fa.fa-w-14 {
    width: 0.875em;
}
svg:not(:root) {
    overflow: hidden;
}
.fa-1x {
    font-size: 1em;
}*/

.thresholds-legend__expanded {
    white-space: nowrap;
}

.thresholds-legend__scale-selector__selected-title {
    line-height: 26px;
    cursor: pointer;
}

.thresholds-legend__scale-selector__selected-title__label-wrap {
    display: inline-block;
    color:
    #a3a5a8;
    padding: 0 2px;
    transition: all .5s ease;
    text-align: left;
}

.thresholds-legend__scale-selector__selected-title__more {
    position: absolute;
    right: 8px;
    top: 0;
    color:
    #999;
    transition: all .2s ease;
}

.thresholds-legend__items {
    margin: 0 8px 8px;
    display: inline-block;
    white-space: normal;
}

.thresholds-legend__unit {
    min-width: 130px;
    white-space: nowrap;
    position: relative;
    margin: 0 8px;
    height: 25px;
    line-height: 25px;
}

.thresholds-legend {
    background-color:
    #fff;
    transition: all .2s ease;
}

.thresholds-legend__unit__label {
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color:
    #666;
}

.thresholds-legend__unit__icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: right;
    cursor: pointer;
}

 .thresholds-legend__items__item__value {
    text-align: left;
    margin-left: 5px;
    padding-right: 10px;
}

.thresholds-legend__items__item {
    position: relative;
    min-width: 130px;
    height: 25px;
    line-height: 25px;
    color:
#fff;
text-shadow: 1px 1px 3px
    #444;
    font-size: 10px;
    cursor: pointer;
    transition: opacity .2s ease;
    text-align: left;
}

 .thresholds-legend__items__item__count {
    font-size: 9px;
    float: right;
    right: 0;
    margin-right: 5px;
    text-align: right;
    text-shadow: none;
}

.thresholds-legend__items__item__indicator {
    position: absolute;
    height: 25px;
    line-height: 25px;
    width: 9px;
    left: -8px;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    transform-origin: center center;
}

.thresholds-legend__items__item.inactive {
    opacity: .3;
}

.thresholds-legend__items__item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}



.btn-pure:hover:not(:disabled) {
    color: #ccc;
}










#measSidebar {
    flex: 0 0 300px;
    border-right: 1px solid
    #bcbcbc;
    z-index: 100;
}


.dygraph-legend-line .value {
    font-weight: 200;
}