.body, html {
    height: 100%;
    background: rgba(1,174,240,0.05);
    /* font-family: Arial !important; */
    font-family: sans-serif !important;
    font-size: 12px;
    overflow-x: hidden;
}
@media (max-width: 575px) {
    .ps-card {
        margin-left: 15px;
        margin-right: 15px; }

    #footer, #header {
        height: 48px; }

    .nav-brand-img {
        height: 38px;
        margin-top: -5px;
        margin-left: -5px; }

    #logout {
        margin-right: -15px; }

    #userinfos-subheader {
        margin-top: 62px;
        height: 20px;
        margin-right: 20px;
        margin-left: 15px;
    }

    .subheader {
        margin-top: 80px;
        margin-right: 5px;
        margin-left: 5px;
        height: 60px; }

    #subheader-body {
        font-size: 12px;
        margin-top: -15px;
        line-height: 12px; }

    #content {
        margin-top: 82px;
        margin-bottom: 80px;
        margin-left: -25px;
        margin-right: -25px; }

    #event_victims_counter {
        font-size: 14px;
        height: 35px;
        width: 30px;
        margin-top: -8px;
        padding-top: 10px;
        padding-right: 28px;
        border-radius: 45px; }

    .event-items {
        margin-top: 10px;
        cursor: pointer;
        /*border-radius: 10px;*/
        height: 50px; }

    .event-items-body {
        font-size: 10px; }

    .btn-urgsap {
        height: 50px; }

    #footer .btn-urgsap {
        margin-top: 10px; }

    #recap-card {
        width: 600px; }

    #recap-card-body {
        height: 475px;
        width: 495px;
        overflow: scroll; }

    .table-row-infos-victimes, .table-row-infos-victimes-transport {
        height: 95px; } }
@media (min-width: 576px) and (max-width: 767px) {
    #footer, #header {
        height: 48px; }

    #logout {
        margin-right: -15px; }

    #userinfos-subheader {
        margin-top: 62px;
        height: 20px;
        margin-right: 5px;
        margin-left: 5px; }

    #subheader {
        margin-top: 80px;
        margin-right: 5px;
        margin-left: 5px;
        height: 60px; }

    #subheader-body {
        margin-top: -10px;
        line-height: 12px; }

    #content {
        margin-top: 82px;
        margin-bottom: 100px;
        margin-left: -25px;
        margin-right: -25px; }

    #event_victims_counter {
        float: right;
        font-size: 14px;
        height: 35px;
        width: 30px;
        margin-top: -8px;
        padding-top: 10px;
        padding-right: 28px;
        border-radius: 45px; }

    .event-items {
        margin-top: 10px;
        cursor: pointer;
        /*border-radius: 10px;*/
        height: 50px; }

    .event-items-body {
        font-size: 12px; }

    .btn-urgsap {
        height: 50px; }

    .nav-brand-img {
        height: 42px; }

    #footer .btn-urgsap {
        margin: 0;
        margin-top: 10px; }

    #recap-card-body {
        max-height: 1200px;
        max-width: 800px;
        overflow-x: scroll; }

    .table-row-infos-victimes, .table-row-infos-victimes-transport {
        height: 95px; } }
@media (min-width: 768px) and (max-width: 991px) {
    #footer, #header {
        height: 48px; }

    #footer .btn-urgsap {
        margin: 0;
        margin-top: -2px; }

    .nav-brand-img {
        height: 42px;
        margin-top: -5px;
        margin-left: -5px; }

    #logout {
        margin-right: -15px; }

    #userinfos-subheader {
        margin-top: 62px;
        height: 20px;
        margin-right: 5px;
        margin-left: 5px; }

    #subheader {
        margin-top: 80px;
        margin-right: 5px;
        margin-left: 5px;
        height: 60px; }

    #subheader-body {
        margin-top: -10px;
        line-height: 12px; }

    #content {
        margin-top: 85px;
        margin-bottom: 80px;
        margin-left: -25px;
        margin-right: -25px; }

    #event_victims_counter {
        float: right;
        font-size: 14px;
        height: 35px;
        width: 30px;
        margin-top: -8px;
        padding-top: 10px;
        padding-right: 28px;
        border-radius: 45px; }

    .event-items {
        margin-top: 0px;
        cursor: pointer;
        /*border-radius: 10px;*/
        height: 50px;
    }
    /** AJOUT THIERRY */
    .event-items-noHeight {
        margin-top: 10px;
        cursor: pointer;
        /*border-radius: 10px;*/
    }

    .event-items-body {
        font-size: 14px; }

    #recap-card-body {
        max-height: 1200px;
        max-width: 800px;
        overflow-x: scroll; }

    .btn-urgsap {
        height: 50px; }

    .table-row-infos-victimes, .table-row-infos-victimes-transport {
        height: 95px; } }
@media (min-width: 992px) and (max-width: 1199px) {
    #footer, #header {
        height: 48px; }

    #footer .btn-urgsap {
        margin: 0;
        margin-top: 15px; }

    .btn-urgsap {
        height: 50px; }

    .nav-brand-img {
        height: 42px;
        margin-top: -5px;
        margin-left: -5px; }

    #logout {
        margin-right: -15px; }

    #userinfos-subheader {
        margin-top: 62px;
        height: 20px;
        margin-right: 5px;
        margin-left: 5px; }

    .subheader {
        margin-top: 80px;
        margin-right: 5px;
        margin-left: 5px;
        height: 60px; }

    #subheader-body {
        margin-top: -10px;
        line-height: 12px; }

    #content {
        margin-top: 85px;
        margin-bottom: 80px;
        margin-left: -25px;
        margin-right: -25px; }

    #event_victims_counter {
        float: right;
        font-size: 14px;
        height: 35px;
        width: 30px;
        margin-top: -8px;
        padding-top: 10px;
        padding-right: 28px;
        border-radius: 45px; }

    .event-items {
        margin-top: 10px;
        cursor: pointer;
        /*border-radius: 10px;*/
        height: 50px; }

    .event-items-body {
        font-size: 16px; }

    .table-row-infos-victimes, .table-row-infos-victimes-transport {
        height: 98px; } }
@media (min-width: 1200px) {
    #footer, #header {
        height: 48px; }

    #footer .btn-urgsap {
        margin: 0;
        margin-top: 15px; }

    .btn-urgsap {
        height: 50px; }

    .nav-brand-img {
        height: 42px;
        margin-top: -5px;
        margin-left: -5px; }

    #logout {
        margin-right: -15px; }

    #userinfos-subheader {
        margin-top: 62px;
        height: 20px;
        margin-right: 5px;
        margin-left: 5px; }

    #subheader {
        margin-top: 80px;
        margin-right: 5px;
        margin-left: 5px;
        height: 60px; }

    #subheader-body {
        margin-top: -10px;
        line-height: 12px;
    }

    #content {
        margin-top: 90px;
        margin-bottom: 80px;
        margin-left: -25px;
        margin-right: -25px;
    }

    #event_victims_counter {
        float: right;
        font-size: 14px;
        height: 35px;
        width: 30px;
        margin-top: -8px;
        padding-top: 10px;
        padding-right: 28px;
        border-radius: 45px; }

    .event-items {
        margin-top: 10px;
        cursor: pointer;
        /*border-radius: 10px;*/
        height: 50px; }

    .event-items-body {
        font-size: 16px; }

    #recap-card-body {
        max-height: 1920px;
        overflow-x: scroll; } }
/*GENERICS ELEMENTS*/
#subheader {
    height: 45px;
    /*font-weight: bolder;*/
    font-size: 14px;
    padding-top: 5px;
    color: #01aef4;
    border: 2px solid #01aef4;
    border-radius: 10px; }

#userinfos-subheader {
    color: #000;
    /*font-weight: bolder;*/
    border: none; }

.nav-item, .list-inline-item {
    margin: 0;
    padding: 0; }

#content {
    margin-bottom: 100px; }

/*URGSAP CUSTOMS ELEMENTS*/
.categorisations {
    /* font-weight:bold; */
    color: #fff; }

.ua , .table-UA{
    color: #fff;
    background: #f44336;
    /*UA*/ }

.ur, .table-UR {
    color: #000;
    background: #FFEB3B;
    /*UR*/ }

.dcd, .table-DCD {
    background: #212121;
    /*DCD*/ }

.im, .table-IM {
          background: #4CAF50;
          /*IMP*/ }

.table-ua {
    color: #fff;
    background: #f44336;
    /*UA*/ }

.table-ur {
    color: #000;
    background: #FFEB3B;
    /*UR*/ }

.table-dcd {
    color: #fff;
    background: #212121;
    /*DCD*/ }

.table-im {
    color: #fff;
    background: #4CAF50;
    /*IMP*/ }

.bg-urgsap1 {
    background: #5e8db9;
    /* For Safari 5.1 to 6.0 */
    background: -webkit-linear-gradient(#5e8db9, #fff, #fff, #fff, #5e8db9);
    /* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(#5e8db9, #fff, #fff, #fff, #5e8db9);
    /* For Firefox 3.6 to 15 */
    background: -moz-linear-gradient(#5e8db9, #fff, #fff, #fff, #5e8db9);
    /* Standard syntax (must be last) */
    background: linear-gradient(#5e8db9, #fff, #fff, #fff, #5e8db9); }


.bg-urgsap {
    background: #01aef4;
    /* Old Browsers */
    background: -moz-linear-gradient(top, #01aef4 0%, white 40%, white 66%, #01aef4 100%);
    /* FF3.6+ */
    /** ERREUR, ligne commentée THIERRY */
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, #01aef4), color-stop(40%, white), color-stop(66%, white), color-stop(100%, #01aef4));*/
    /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #01aef4 0%, white 40%, white 66%, #01aef4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #01aef4 0%, white 40%, white 66%, #01aef4 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #01aef4 0%, white 40%, white 66%, #01aef4 100%);
    /* IE 10+ */
    background: linear-gradient(to bottom, #01aef4 0%, white 40%, white 66%, #01aef4 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aef4', endColorstr='#01aef4', GradientType=0 );
    /* IE6-9 */ }

.urgsap-jumbo {
    margin-top: 70px;
    background: #fff; }

.events-urgsap {
    background: #01aef4;
    color: #fff;
    /*font-weight: bolder;*/ }

.observations {
    text-align: justify;
    text-justify: inter-word;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.rounded {
    border-radius: 40px; }

.navbar-urgsap {
    /* height:80px;*/ }

.card, .urgsap-border {
    border: 2px solid #01aef4; }

/*LOADER STYLE*/
.loading-bar {
    display: inline-block;
    width: 16px;
    height: 32px;
    border-radius: 4px;
    animation: loading 1s ease-in-out infinite; }

.loading-bar:nth-child(1) {
    background-color: #01aef4;
    /* ERREUR ligne commentée THIERRY */
    /*animation-delay: 0;*/
}

.loading-bar:nth-child(2) {
    background-color: #c0392b;
    animation-delay: 0.09s; }

.loading-bar:nth-child(3) {
    background-color: #f1c40f;
    animation-delay: .18s; }

.loading-bar:nth-child(4) {
    background-color: #27ae60;
    animation-delay: .27s; }

@keyframes loading {
    0% {
        transform: scale(1); }
    20% {
        transform: scale(1, 2.2); }
    40% {
        transform: scale(1); } }
#login {
    border: 2px solid #01aef4; }

.card-img-top {
    border-radius: 10px 10px 10px 10px; }

#ps_connexion {
    background-color: #01aef4; }

.ps-login-input {
    background: white;
    border-radius: 6px;
    border: 2px solid #01aef4; }

.ps-input-addon {
    color: #01aef4;
    /*font-weight: bolder;*/
    background: #fff; }

.ps-card {
    border-radius: 10px;
    border: 5px solid #01aef4;
    /*background-color: #fff;
      background-image:
    linear-gradient(
      #fff,#fff ,#fff,#fff ,$urgsap-primary-color
    );*/
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.75) 30%, rgba(0, 168, 236, 0.15) 100%);
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.75) 30%, rgba(0, 168, 236, 0.15) 100%);
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.75) 30%, rgba(0, 168, 236, 0.15) 100%);
    border: 2px solid #00a8ec;
    box-shadow: 2px 2px 4px #888888; }

.ps-title-login, .ps-subtitle-login {
    color: #01aef4;
    font-size: 120px;
    /*font-weight: bolder;*/
    text-shadow: 2px 5px 10px rgba(0, 0, 0, 0.75);
    /*margin-bottom:60px;*/ }

.ps-subtitle-login {
    color: red; }

.login-container > a {
    color: #fff; }

.jumbotron {
    background: #fff; }

.btn-circle {
    padding: 0;
    border-radius: 50%; }

/*# sourceMappingURL=style.css.map */