/*Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. 
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

 Wrapping element 
 Set some basic padding to keep content from hitting the edges 
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

 Carousel 
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

 Make .svg files in the carousel display properly in older browsers 
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

 QR code generator 
#qrCode {
    margin: 15px;
}

 Hide/rearrange for smaller screens 
@media screen and (max-width: 767px) {
     Hide captions 
    .carousel-caption {
        display: none;
    }
}*/

* {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}
 
.wrapper * {
    font-family: 'Open Sans', sans-serif;
}

:focus {
    outline: 0;
}

body {
    padding: 0;
    margin: 0;
    overflow: auto;
}

.wrapper * {
    height: 100%;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.wrapper-login {
    display: flex;
    align-items:center;
    justify-content: center;
    min-height: 100vh;
}

.login-container {
    max-width: 800px;
    padding: 25px;
    margin: 8% auto 0;
}

    .login-container.reset-password-container{
        padding: 0;
        margin: 0 auto;
    }

    .wrapper-login .login-container {
        margin: 0;
        padding: 0;
    }

.logo-container {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 45px;
}

.wrapper-login .logo-container{
    margin-top: 0;
}

    .logo-container > .logo-label {
        font-size: 24px;
    }

    .logo-container > .logo {
        
        max-width: 220px;
    }

.login-container > .login-title {
    font-size: 36px;
    color: #303742;
    display: block;
    width: 100%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto 50px !important;
}

.wrapper-login .login-container > .login-title{
    text-align: center;
}

.login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .login-form.reset-password {
        flex-direction: row;
        flex-wrap: wrap;
    }

.login-form-control {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    width: 100%;
    max-width: 350px;
}

#resetPassLink:not(.reset-link) {
    margin-top: 40px;
}

.login-form-control.row {
    flex-direction: row;
    justify-content: space-between;
}

    .login-form-control.has-error > label {
        color: red;
    }

    .login-form-control.has-error > input {
        border: 1px solid red;
    }

    .login-form-control.has-error > .error-text {
        display: block;
        color: red;
        font-weight: 300;
        margin-top: 2px;
    }


.login-form.reset-password .login-form-row {
    flex-direction: column;
    max-width: calc(50% - 40px);
    margin: 0 20px;
}


.login-form-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    /*margin-bottom: 35px;*/
}

.login-form.reset-password .login-form-col{
    min-height: 158px;
}

.login-form-col {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.form-label {
    color: #2D2A26;
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

.form-input {
    border: 1px solid #DFE6EE;
    border-radius: 6px;
    color: black;
    font-size: 16px;
    padding: 15px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: 0.3s;
}

    .form-input.custom {
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        font-size: 16px;
        color: #303742;
    }

    .form-input:active,
    .form-input:focus {
        border: 1px solid #DFE6EE;
        box-shadow: 0 0 10px rgb(196, 203, 211)
    }

    .form-input.readonly {
        border: none;
        margin: 6px;
        background-color: transparent;
        padding-left: 5px;
        -moz-appearance: textfield;
    }

        .form-input.readonly:focus {
            border: 0;
            box-shadow: 0 0;
        }

.btn-submit {
    display: block;
    width: 100%;
    max-width: 200px;
    padding: 15px;
    font-size: 16px;
    text-align: center;
    background-color: #0781C5;
    border-radius: 6px;
    font-weight: 500;
    margin: 0 auto;
    margin-bottom: 35px;
    border: none;
    transition: 0.3s;
    color: #fff;
}

    .btn-submit:hover {
        cursor: pointer;
        /*background-color: #cad4dd;*/
    }

.reset-link {
    text-decoration: none;
    color: #2D2A26 !important;
    font-size: 1em;
    display: block;
    text-align: center;
}

    .reset-link:hover {
        text-decoration: underline;
    }


.main-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
}

.main-wrapper-sidebar{
    position: relative;
    display: flex;
    height: 100vh;
}
.main-wrapper-container{
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.header {
    background-color: #E0E0E0;
    height: 70px;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
}

    .header .selected-section {
        font-size: 18px;
        color: #2D2A26;
    }

.sidebar {
    position: relative;
    background-color: #0781C5;
    width: 283px;
    padding-bottom: 60px;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
    z-index: 20;
}

    .sidebar .sidebar-container {
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

.content {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 70px);
    padding: 0px 30px;
}

.sidebar .sidebar-menu {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar .sidebar-menu > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 15px;
    }

    .sidebar .sidebar-menu > li.active > a, .sidebar .sidebar-menu > li.active > a:hover {
        background-color: rgba(255,255,255, .2);
        color: #ffffff !important;
    }

    .sidebar .sidebar-menu li a {
        color: rgba(255, 255, 255, 0.5);
        text-decoration: none;
        display: block;
        text-transform: uppercase;
        font-weight: bold;
        padding-left: 35px;
        font-size: 15px;
    }

.profile_header .logout-door {
    width: 35px;
    margin-top: 5px;
}

.user-name {
    float: left;
    margin-top: 1px;
    margin-right: 25px;
    text-align: right;
    color: #2D2A26;
}

    .user-name p {
        margin-top: 11px;
        font-size: 1em;
        line-height: 0em;
        font-weight: 700;
    }

    /*.user-name span {
        color: #AFBAC5;
    }*/

.sidebar-footer {
    color: rgba(255, 255, 255, 1);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 12px;
}

.shim_h3 {
    font-size: 34px;
    font-weight: bold;
    padding-left: 30px;
    color: #8091A5;
}

.separator {
    width: 100%;
    height: 2px;
    background-color: #8091A5;
    margin-top: 10px;
}

.avg-text {
    font-size: 26px;
    padding-left: 30px;
    color: #8091A5;
    margin-top: 15px;
}

.configs-list {
    font-size: 26px;
    padding-left: 80px;
    margin-top: 50px;
    line-height: 3em;
    color: #8091A5;
    float: left;
}

    .configs-list a {
        color: #8091A5;
    }

.completed-marker {
    background-image: url('../images/completed_marker.png');
    width: 32px;
    height: 32px;
    margin: 45px 0px;
}

.uncompleted-marker {
    background-image: url('../images/uncompleted_marker.png');
    width: 32px;
    height: 32px;
    margin: 45px 0px;
}


.completed-marks-list {
    line-height: 2.5em;
    margin-left: 420px;
    margin-top: 75px;
}

    [type="date"].datepicker-custom::-webkit-inner-spin-button {
        display: none;
    }

    [type="date"].datepicker-custom::-webkit-calendar-picker-indicator {
        color: transparent;
        opacity: 1;
        display: block;
        background: #fff url('/images/path3680.png') 97% 50% no-repeat;
        width: 35px;
        height: 20px;
        padding: 0;
        border-width: thin;
    }

.datepicker-field {
    width: 175px;
    height: 58px;
    font-size: 15px;
    font-weight: 500;
    color: #303742;
    line-height: 24px;
}

.panel-main {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    max-width: 1150px;
    width: 100%;
}

.panel-main-large {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    max-width: 1150px;
    width: 100%;
}

.data-bottom {
    width: 100%;
    text-align: right;
    padding-left: 184px;
}

.panel-main.gray {
    background-color: #F4F7FA;
    border: solid 1px;
    border-color: #DFE6EE;
    margin-top: 20px;
    padding: 0 16px 16px 16px;
    min-height: 700px;
    border-radius: 0 6px 6px;
}

.panel-main.gray.padding4432 {
    padding: 32px 119px 44px 62px;
}

.panel-main.gray.padding4032 {
    padding: 21px 21px 21px 40px;
}

.panel-main.gray.padding-47-66-394-196 {
    padding: 47px 394px 196px 66px;
}

.label-header-table {
    margin: 26px 0 26px 18px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 14px;
    color: #2D2A26;
}


/*Sensor Status Sliders*/
.statusSliderContainer {
    width: 251px;
    height: 15px;
    margin-top: 2px;
}

    .statusSliderContainer > div {
        height: 15px;
        float: left;
    }

#errorStatusSlider {
    background: #FF1708;
}

#warningStatusSlider {
    background: #E59620;
}

#pendingStatusSlider {
    background: #0781C5;
}

#okStatusSlider {
    background: #25A705;
}

.status_slider .slider-track-high {
    background: #25A705;
}

.status_slider .slider-track-low {
    background: #FF1708;
}

.status_slider .slider-selection {
    background: #E59620;
}

.slider-handle, .min-slider-handle {
    display: none !important;
}

.slider.slider-horizontal {
    width: 100% !important;
}

    .slider.slider-horizontal, .slider.slider-horizontal .slider-track {
        height: 15px !important;
    }

.slider-track, .slider-track-low, .slider-selection, .slider-track-high {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.status_slider {
    font-family: 'Open Sans', sans-serif;
    color: #2D2A26;
    width: 250px;
    /*margin-left: 18px;*/
}

.status_slider-total {
    text-align: center;
    font-size: 11px;
}

.status_slider-total-bottom-container {
    width: 100%;
    text-align: center;
    margin-top: 3px;
    font-size: 11px;
}

.status_slider-total-bottom-left {
    float: left;
    height: 20px;
    text-align: left;
}

.status_slider-total-bottom-center {
    display: inline-block;
    margin: 0 auto;
    height: 20px;
}

.status_slider-total-bottom-center-left {
    display: inline-block;
    margin: 0 auto;
    height: 20px;
    padding-right: 10px;
}

.status_slider-total-bottom-center-right {
    display: inline-block;
    margin: 0 auto;
    height: 20px;
    padding-left: 10px;
}

.status_slider-total-bottom-right {
    float: right;
    height: 20px;
    text-align: right;
}

.site-status {
    height: 24px;
    width: 106px;
    margin-left: 9px;
}

    .site-status span {
        color: rgba(48, 55, 66, 0.75);
    }

    .site-status.red {
        background-color: #FF1708;
    }

    .site-status.orange {
        background-color: #E59620;
    }

    .site-status.green {
        background-color: #25A705;
    }

    .site-status.blue {
        background-color: #0781C5;
    }

#admin_jsGrid .site-status {
    width: auto;
    margin: 0;
}

#hardware_statuses_jsGrid .site-status {
    width: auto;
    margin: 0;
}

#sensor_statuses_jsGrid .site-status {
    width: auto;
    margin: 0;
}

#basestation_statuses_jsGrid .site-status {
    width: auto;
    margin: 0;
}

#participant_statuses_jsGrid .site-status {
    width: auto;
    margin: 0;
}

#analysis_periods_jsGrid .site-status {
    width: auto;
    margin: 0;
}

.jsgrid-header-row {
    height: 45px !important;
    border-top: solid 1px #afbac5;
}

#admin_jsGrid .jsgrid-cell {
    padding: 0;
}

#hardware_statuses_jsGrid .jsgrid-cell {
    padding: 0;
}

#sensor_statuses_jsGrid .jsgrid-cell {
    padding: 0;
}

#basestation_statuses_jsGrid .jsgrid-cell {
    padding: 0;
}

#participant_statuses_jsGrid .jsgrid-cell {
    padding: 0;
}

#analysis_periods_jsGrid .jsgrid-cell {
    padding: 0;
}

.status-slider-mark {
    height: 11px;
    width: 13px;
    float: left;
    margin-top: 3px;
    margin-right: 7px;
}

    .status-slider-mark.okmark {
        background-color: #25A705;
    }

    .status-slider-mark.warningmark {
        background-color: #E59620;
    }
     
    .status-slider-mark.errormark {
        background-color: #FF1708;
    }

    .status-slider-mark.pendingmark {
        background-color: #0781C5;
    }

.grid-header-text, .grid-header-text-small-margin-right, .grid-header-text-med-margin-right {
    font-family: Open Sans;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    color: #2D2A26;
    margin-left: 15px;
    float: left;
    margin-top: 0px;
}

.grid-header-text {
    margin-right: 630px;
}

.grid-header-text-small-margin-right {
    margin-right: 35px;
}

.grid-header-text-med-margin-right {
    margin-right: 75px;
}

#usersGrid .jsgrid-header-row {
    height: 45px !important;
    border-top: solid 1px #AFBAC5;
}

#usersGrid .jsgrid-header-cell {
    background-color: #fff !important;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #AFBAC5;
    font-style: normal;
    line-height: normal;
    /*text-transform: uppercase;*/
    color: #2D2A26;
}

#usersGrid td.jsgrid-cell {
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 12px;
    background-color: #fff !important;
    color: #2D2A26;
    height: 50px;
}

#sitesGrid .jsgrid-header-row {
    height: 45px !important;
    border-top: solid 1px #AFBAC5;
}

#sitesGrid .jsgrid-header-cell {
    background-color: #fff !important;
    /*font-weight: bold;*/
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #AFBAC5;
    font-style: normal;
    line-height: normal;
    /*text-transform: uppercase;*/
    color: #2D2A26;
}

#sitesGrid td.jsgrid-cell {
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 12px;
    background-color: #fff !important;
    color: #2D2A26;
    height: 50px;
}

#participantsGrid .jsgrid-header-row {
    height: 45px !important;
    border-top: solid 1px #AFBAC5;
}

#participantsGrid .jsgrid-header-cell {
    background-color: #fff !important;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #AFBAC5;
    font-style: normal;
    line-height: normal;
    /*text-transform: uppercase;*/
    color: #2D2A26;
}

#participantsGrid td.jsgrid-cell {
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 12px;
    background-color: #fff !important;
    color: #2D2A26;
    height: 50px;
}

#bs_statuses_jsGrid .jsgrid-header-row {
    height: 45px !important;
    border-top: solid 1px #AFBAC5;
}

#admin_jsGrid .jsgrid-header-row .jsgrid-header-cell {
    height: 32px !important;
    border-top: solid 1px #AFBAC5;
    font-family: Open Sans;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #2D2A26;
}

#hardware_statuses_jsGrid .jsgrid-header-row .jsgrid-header-cell {
    height: 32px !important;
    border-top: solid 1px #AFBAC5;
    font-family: Open Sans;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #2D2A26;
}

#basestation_statuses_jsGrid .jsgrid-header-row .jsgrid-header-cell {
    height: 32px !important;
    border-top: solid 1px #AFBAC5;
    font-family: Open Sans;
    /*font-weight: bold;*/
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #2D2A26;
}

#participant_statuses_jsGrid .jsgrid-header-row .jsgrid-header-cell {
    height: 32px !important;
    border-top: solid 1px #AFBAC5;
    font-family: Open Sans;
    /*font-weight: bold;*/
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #2D2A26;
}

#sensor_statuses_jsGrid .jsgrid-header-row .jsgrid-header-cell {
    height: 32px !important;
    border-top: solid 1px #AFBAC5;
    font-family: Open Sans;
    /*font-weight: bold;*/
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #2D2A26;
}

#analysis_periods_jsGrid .jsgrid-header-row .jsgrid-header-cell {
    height: 32px !important;
    border-top: solid 1px #AFBAC5;
    font-family: Open Sans;
    /*font-weight: bold;*/
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #2D2A26;
}

#admin_jsGrid .jsgrid-header-row {
    height: 32px !important;
}

#hardware_statuses_jsGrid .jsgrid-header-row {
    height: 32px !important;
}

#basestation_statuses_jsGrid .jsgrid-header-row {
    height: 32px !important;
}

#participant_statuses_jsGrid .jsgrid-header-row {
    height: 32px !important;
}

#sensor_statuses_jsGrid .jsgrid-header-row {
    height: 32px !important;
}

#analysis_periods_jsGrid .jsgrid-header-row {
    height: 32px !important;
}

#admin_jsGrid .jsgrid-cell {
    height: 40px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 24px;
    color: #2D2A26;
}

#hardware_statuses_jsGrid .jsgrid-cell {
    height: 40px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 24px;
    color: #2D2A26;
}

#basestation_statuses_jsGrid .jsgrid-cell {
    height: 40px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 24px;
    color: #2D2A26;
}

#participant_statuses_jsGrid .jsgrid-cell {
    height: 40px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 24px;
    color: #2D2A26;
}

#sensor_statuses_jsGrid .jsgrid-cell {
    height: 40px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 24px;
    color: #2D2A26;
}

#analysis_periods_jsGrid .jsgrid-cell {
    height: 40px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 24px;
    color: #2D2A26;
}

#bs_statuses_jsGrid .jsgrid-header-cell {
    background-color: #fff !important;
    font-family: Open Sans;
    font-size: 12px;
    /*font-weight: bold;*/
    line-height: 13px;
    text-align: center;
    color: #2D2A26;
}

#bs_statuses_jsGrid td.jsgrid-cell {
    padding-top: 3px;
    padding-bottom: 1px;
    font-family: Open Sans;
    font-size: 14px;
    text-align: center;
    color: #2D2A26;
}

.status-grid-header {
    margin-bottom: 10px;
    height: 20px;
    margin-top: 14px;
}

.status-slider-mark-wrapper {
    margin-right: 50px;
    float: left;
}

.status-slider-mark-container {
    height: 25px;
    max-width: 450px;
    float: right;
}

.status-slider-mark-wrapper > .mark-text {
    float: left;
    color: #2D2A26;
    font-family: Open Sans;
    /*font-weight: bold;*/
    font-size: 11px;
    line-height: 11px;
    text-align: left;
    margin-top: 3px;
}

.float-none {
    float: none;
}

#download.btn.btn-info {
    background: #dfe6ee;
    border: 1px solid #dfe6ee;
    box-sizing: border-box;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 37px;
    color: black;
}

#download.btn.btn-info:hover {
    color: black;
}

.button-all {
    border: 1px solid #DFE6EE;
    box-sizing: border-box;
    border-radius: 6px;
    height: 50px;
    width: 150px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #0781C5;
}

    .button-all:disabled {
        color: #AFBAC5;
    }

    .button-all.default {
        background-color: #fff;
        border: 1px solid #667587;
        box-sizing: border-box;
        border-radius: 6px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        line-height: 16px;
        font-size: 16px;
        text-align: center;
        color: #667587;
    }

        .button-all.default:hover {
            color: #303742;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

        .button-all.default:disabled {
            border: 1px solid #e6e6e6;
            color: #AFBAC5;
        }

    .button-all.primary {
        color: #fff;
        border-color: #0781C5;
        background: #0781C5;
    }

        .button-all.primary:hover {
            color: #fff;
            background-color: #286090;
            border-color: #204d74;
        }

        .button-all.primary:disabled {
            border: 1px solid #DFE6EE;
            color: #AFBAC5;
        }

.width-993 {
    width: 993px;
}

.width-1500 {
    width: 1500px;
}

.width-507 {
    width: 507px;
}

.width-560 {
    width: 560px;
}

.height-700 {
    height: 700px;
}
.height-750 {
    height: 750px;
}
.height-800 {
    height: 800px;
}
.width-214 {
    width: 214px;
}

.width-256 {
    width: 256px;
}

.height-213 {
    height: 213px;
}
.height-434 {
    height: 434px;
}
.margin-left-960 {
    margin-left: 960px;
}

.margin-left-48 {
    margin-left: 48px;
}

.margin-left-96 {
    margin-left: 96px;
}

.height-250 {
    height: 250px;
}

.height-300 {
    height: 300px;
}

.height-380 {
    height: 418px;
}

.height-380 {
    height: 424px;
}

.margin-top-334 {
    margin-top: 334px;
}

.margin-bottom-72 {
    margin-bottom: 72px;
}

.margin-top-25 {
    margin-top: 25px;
}

.height-125 {
    height: 125px;
}

.width-236 {
    width: 236px;
}

.height-636 {
    height: 636px;
}

.height-13 {
    height: 13px;
}

.width-150 {
    max-width: 150px;
    width: 100%;
}

.width-140 {
    width: 140px;
}

.width-424 {
    width: 424px;
}

.width-293 {
    width: 293px;
}

.width-100 {
    width: 100px;
}

.width-24 {
    width: 24px;
}

.height-74 {
    height: 74px;
}

.height-440 {
    height: 440px;
}

.width-225 {
    width: 225px;
}

.height-58 {
    height: 58px;
}

.height-24 {
    height: 24px;
}

.height-50 {
    height: 50px;
}

.height-160 {
    height: 160px;
}

.height-180 {
    height: 180px;
}

.height-40 {
    height: 40px;
}

.height-536 {
    height: 536px;
}

.height-424 {
    height: 424px;
}

.height-472 {
    height: 472px;
}

.width-326 {
    width: 326px;
}

.width-646 {
    width: 646px;
}

.width-646 {
    width: 646px;
}

.width-675 {
    width: 675px;
}

.width-775 {
    width: 775px;
}

.width-637 {
    width: 637px;
}

.width-288 {
    width: 288px;
}

.width-480 {
    width: 480px;
}

.height-226 {
    height: 226px;
}

.height-38 {
    height: 38px;
}

.width-120 {
    width: 120px;
}

.width-100 {
    width: 100px;
}

.width-208 {
    width: 208px;
}

.width-952 {
    width: 952px;
}

.margin-top-193 {
    margin-top: 193px;
}

.margin-top-19 {
    margin-top: -19px;
}

.margin-left-177 {
    margin-left: 177px;
}

.margin-left-220 {
    margin-left: 220px;
}

.margin-left-395 {
    margin-left: 395px;
}

.margin-bottom-71 {
    margin-bottom: 71px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-12 {
    margin-bottom: 12px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-20-important {
    margin-bottom: 20px !important;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-left-24 {
    margin-left: 24px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-38 {
    margin-top: 38px;
}

.width-353 {
    width: 353px;
}

.width-108 {
    width: 108px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-top-326 {
    margin-top: 326px;
}

.margin-right-32 {
    margin-right: 32px;
}

.margin-right-48 {
    margin-right: 48px;
}

.margin-top-20 {
    margin-top: 20px;
}

.multiselect-container > li > a > label {
    padding: 4px 20px 3px 20px;
}

.form_dropdown_checked .multiselect-container {
    margin-left: 263px;
    overflow: auto;
    height: 142px;
    margin-left: 263px;
    overflow: auto;
    height: 142px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
    color: #303742;
}

.form_dropdown_checked .multiselect {
    width: 424px;
    height: 58px;
    text-align: right;
}

.form_dropdown_checked .multiselect-selected-text {
    float: left;
    height: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    color: #303742;
}

.common-dropdown {
    border-color: #DFe6ee;
    background: #FFFFFF;
    border: 1px solid #DFE6EE;
    box-sizing: border-box;
    border-radius: 6px;
    padding-left: 10.71px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    color: #303742;
}

    .common-dropdown option {
        margin: 50px;
    }

    .common-dropdown .option-custom {
        margin: 50px;
        font-style: normal;
        font-weight: normal;
        line-height: 24px;
        font-size: 16px;
        color: #303742;
    }

.label-value_config {
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    margin-top: 20px;
    margin-left: 6px;
    color: #2D2A26;
}

    .label-value_config.margin-top-11 {
        margin-top: 11px;
        margin-left: 0;
    }

    .label-value_config.margin-top-0 {
        margin-top: 0px;
        margin-left: 0;
    }	

.label-header {
    margin: 22px 0 11px 0;
    font-size: 11px;
    color: #2D2A26;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
}

.label-header_config {
    text-align: left;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 11px;
    color: #2D2A26;
}

.div-bottom {
    margin-left: 184px;
    margin-top: 64px;
}

.div6px {
    padding: 6px;
    width: 100%;
}

.div-all {
    background: #fff;
    border-radius: 5px;
    border: solid 1px #DFE6EE;
}

.div-top-16px {
    margin-top: 16px;
}

.div25px {
    margin: 0 0 0 25px
}

.div-button {
    margin-right: 62px;
    text-align: right;
    margin-top: 64px;
}

.textarea {
    line-height: 24px;
    resize: none;
    border-style: solid;
    border-color: #DFE6EE;
    border-radius: 6px;
    font-size: 16px;
    padding: 22px;
    font-size: 16px;
}

.margin-top-52 {
    margin-top: 52px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-22 {
    margin-top: 22px;
}

.margin-top-left-22 {
    margin-top: 22px;
    margin-left: 22px;
}

.margin-top-42-left-48 {
    margin-top: 42px;
    margin-left: 48px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-12 {
    margin-left: 12px;
}

.margin-left-29 {
    margin-left: 29px;
}

.margin-right-59 {
    margin-right: 59px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-left-104 {
    margin-left: 104px;
}

.margin-top-22-left-63 {
    margin-top: 22px;
    margin-left: 63px;
}

.margin-top-0-important {
    margin-top: 0px !important;
}

.margin-top-15-important {
    margin-top: 15px !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-34 {
    margin-top: 34px;
}

.margin-top-5 {
    margin-top: 5px;
}

.label-uppercase {
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #303742;
    margin-top: 14px;
    margin-bottom: 9px;
}

.margin-bottom-115 {
    margin-bottom: 115px;
}

.margin-right-157 {
    margin-right: 157px;
}

.margin-left-132 {
    margin-left: 132px;
}

.width-191 {
    width: 192px;
}

.height-53 {
    height: 53px;
}

.title-modal {
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 24px;
    color: #303742;
}

    .title-modal.remove-uppercase {
        font-size: 15px;
        text-transform: uppercase;
        margin: 0;
    }

    .title-modal.smallFontSize {
        font-size: 11px;
    }

    .title-modal.mediumFontSize {
        font-size: 14px;
    }

    .title-modal.remove-uppercase-red {
        font-size: 16px;
        margin: 0;
        color: red;
        text-transform: uppercase;
    }

.margin-right-left-auto {
    margin-left: auto;
    margin-right: auto;
}

.margin-top-19-left-23 {
    margin-top: 19px;
    margin-left: 23px;
}

.width-155 {
    width: 155px
}

.height-31 {
    height: 31px
}

.div-float-left {
    float: left;
}

    .div-float-left.col-100-424 {
        width: calc(100% - 424px - 104px);
    }

.div-white {
    background: white;
    margin: 45px 55px 187px 217px;
}

.panel-two-button {
    width:100%;
    margin-top: 31px;
}

.div-float-right {
    float: right;
}

    .div-float-right.margin-43 {
        margin-right: 43px;
    }

    .div-float-right.second-button {
        margin-right: 24px;
    }

.label_add_edit_remove {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 24px;
    color: #303742;
    margin-top: 26px;
    margin-left: 7px;
    margin-bottom: 20px;
}

.div-footer {
    margin-right: auto;
    margin-left: auto;
}

#configurMenu {
    font-size: 18px;
    color: #DFE6EE;
    font-family: Open Sans;
    margin-top: 14px;
}

    #configurMenu .activeMenuTop a {
        text-decoration: none;
        border-bottom: solid 2px #000;
        font-weight: bold;
        font-style: normal;
        font-weight: bold;
        line-height: normal;
        font-size: 16px;
        color: #2D2A26;
    }

    #configurMenu a:hover, a:visited {
        color: #000;
        font-family: Open Sans;
    }

    #configurMenu ul li a {
        background-color: white;
        font-style: normal;
        font-weight: bold;
        line-height: normal;
        font-size: 16px;
        color: #AFBAC5;
    }


.shimmer-grid > .jsgrid-grid-body {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.shimmer-grid > .jsgrid-grid-header {
    overflow-y: hidden;
}


.participantGrid > .jsgrid-grid-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


.jsgrid-selected-row > .jsgrid-cell {
    background: #c4e2ff !important;
}

.content-container {
    margin: 25px 0px 25px 0px;
}

.h-40px {
    height: 40px !important;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-top-18 {
    margin-top: 18px;
}

.padding-top-10 {
    padding-top: 10px;
}

.label-check.size-16 {
    font-size: 14px;
}

.label-check {
    background-color: transparent !important;
    color: #8091A5;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
}

    .label-check.size-16 {
        font-size: 14px;
    }

    .label-check input[type=checkbox] {
        float: left;
        margin: 0 27px 0 11px;
        width: 23px;
        height: 23px;
    }

.promoted-input-checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .promoted-input-checkbox:disabled + label {
        color: #cccccc;
    }

.promoted-checkbox {
    position: relative;
}

.promoted-checkbox input:checked + label > svg {
    height: 24px;
    animation: draw-checkbox ease-in-out 0.2s forwards;
}

.promoted-checkbox label:active::after {
    background-color: #e6e6e6;
}

.promoted-checkbox label {
    cursor: pointer;
    position: relative;
    color: #2D2A26;
    font-style: normal;
    font-weight: normal;
    line-height: 2;
    font-size: 14px;
}

    .promoted-checkbox label:after {
        content: "";
        height: 24px;
        width: 24px;
        margin-right: 1rem;
        float: left;
        border: 1px solid #8091A5;
        border-radius: 2px;
        transition: 0.15s all ease-out;
        background: white;
    }

.promoted-checkbox svg {
    stroke: #8091a5;
    stroke-width: 2px;
    height: 0;
    width: 15px;
    position: absolute;
    left: 5px;
    top: 0px;
    stroke-dasharray: 33;
}

#ul-dropdown-sites a, a:hover, a:focus {
    background-color: transparent;
}

#ul-dropdown-roles a, a:hover, a:focus {
    background-color: transparent;
}

#ul-dropdown-roles a label{
    width: 100%;
}

.promoted-input-checkbox-right {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.promoted-checkbox-right input:checked + label > svg {
    height: 24px;
    animation: draw-checkbox ease-in-out 0.2s forwards;
}

.promoted-checkbox-right label:active::after {
    background-color: transparent;
}

.promoted-checkbox-right label {
    cursor: pointer;
    position: relative;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 14px;
    color: #303742;
}

    .promoted-checkbox-right label:after {
        content: "";
        /*height: 24px;
        width: 24px;*/
        margin-right: -2rem;
        float: right;
        border-radius: 2px;
        transition: 0.15s all ease-out;
        margin-left: 114px;
    }

.promoted-checkbox-right svg {
    stroke: #8091a5;
    stroke-width: 2px;
    height: 0;
    width: 15px;
    position: absolute;
    left: 178px;
    top: -4px;
    stroke-dasharray: 33;
}

#sitesDropDown .promoted-checkbox-right svg {
    left: 178px;
    top: -4px;
}

#rolesDropDown .promoted-checkbox-right svg {
    left: 367px;
    top: -4px;
}

@keyframes draw-checkbox {
    0% {
        stroke-dashoffset: 33;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

#licensePanel {
    display: flex;
    flex-direction: column;
    margin-top: 56px;
    padding-left: 22px;
}

#licenseInfDiv {
    /*display: flex;
    justify-content: flex-start;*/
    width: 554px;
    /*height: 88px;*/
    text-align: left;
    padding-left:29px;
    
}




#licenseInformation {
    width: 554px;
    height: 181px;
    text-align: center;
    vertical-align: central;
    background-color: white;
    border-radius: 6px 6px;
}

    #licenseInformation div div label {
        margin-top: 0pt;
        line-height: 21px;
        height: 21px;
        font-size: 18px;
        margin-left: 22px;
        font-weight: normal;
    }

    #licenseInformation div div .commentText {
        font-size: 11px;
        font-weight: bold;
        color: #AFBAC5;
        line-height: 13px;
        vertical-align:top;
        margin-top:0px;
    }

.tabTitle {
    margin-top: 23px;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #2D2A26
}

#licenseComment {
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    float: left;
    color: #2D2A26;
    font-weight: normal;
}

#jsGrid .jsgrid-header-row {
    height: 50px;
    font-family: Open Sans;
    font-size: 11px;
    line-height: 13px;
}

#jsGrid .jsgrid-header-cell {
    color: #2D2A26;
    font-weight: normal;
    background: #fff;
}

#jsGrid .jsgrid-cell {
    color: #2D2A26;
    font-family: Open Sans;
    font-size: 16px;
    line-height: 24px;
}

.jsgrid-header-cell {
    background-color: #fff !important;
    /*font-weight: bold;*/
    font-size: 11px;
    line-height: 13px;
    /*text-transform: uppercase;*/
    color: #afbac5;
    font-style: normal;
    line-height: normal;
    color: #afbac5;
}

td.jsgrid-cell {
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 12px;
    background-color: #fff !important;
    color: #8091a5;
    height: 50px;
}

.li-header {
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 16px;
    margin-left: 16px;
    margin-bottom: 12px;
    color: #AFBAC5;
}

#ul-dropdown-sites {
    width: 231px;
    height: 174px;
    margin-left: 183px;
    margin-top: -14px;
    border-radius: 8px;
    box-shadow: 0 8px 9px rgba(0,0,0,0.159052);
}

#ul-dropdown-roles {
    width: 424px;
    height: 149px;
    margin-left: 0;
    margin-top: -6px;
    border-radius: 8px;
    box-shadow: 0 8px 9px rgba(0,0,0,0.159052);
}

#ul-dropdown-sites a, a:hover, a:focus {
    background-color: transparent;
}

#ul-dropdown-roles a, a:hover, a:focus {
    background-color: transparent;
}

#button-dropdown-sites .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover,
.open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:active, .open > .dropdown-toggle.btn-default:focus {
    background: white;
}

    #button-dropdown-roles .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover,
    .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:active, .open > .dropdown-toggle.btn-default:focus {
        background: white;
    }

.label-error {
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    color: #FF1708;
}

.div-text-center {
    text-align: center;
}
/*sensor sliders */
.notif-container {
   display: flex;
   flex-wrap: nowrap;
   padding: 15px 55px !important;
}

.notif-container-left {
    max-width: 50%;
    width: 100%;
}

.notif-container-right {
    max-width: 50%;
    width: 100%;
    margin-left: 95px;
}

.nitif-label {
    margin-bottom: 40px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 11px;
    /*text-transform: uppercase;*/
    color: #2D2A26;
}

.percentage-slider, .days-slider {
    position: relative;
    max-width: 382px;
    width: 100%;
    margin-bottom: 90px;
}

.noUi-connects {
    background: #FF1708;
}

.c-1-color {
    background: #FF1708;
}

.c-2-color {
    background: #E59620;
}

.c-3-color {
    background: #51B937;
}


.noUi-horizontal .noUi-tooltip {
    bottom: -109%;
}

.noUi-tooltip {
    border: none;
    background: none;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;
    /*text-transform: uppercase;*/
    color: #2D2A26;
}

.noUi-tooltip-marker {
    top: -18px;
    position: absolute;
    /*text-transform: uppercase;*/
    height: 11px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 10px;
    color: #2D2A26;
}

.noUi-target {
    border: none;
    background: none;
}

.noUi-target, .noUi-connects {
    border-radius: 0;
}

.noUi-handle {
    border: none;
    cursor: pointer;
    border: 1px solid #D9D9D9;
    background: none;
    box-shadow: none;
    right: -7px !important;
}

    .noUi-handle::before, .noUi-handle::after {
        content: none;
    }

.noUi-horizontal .noUi-handle {
    width: 13px;
    height: 30px;
    top: -6px;
}

.percentage-slider .noUi-handle.noUi-handle-lower .noUi-tooltip-marker {
    left: -18px;
}

.percentage-slider .noUi-handle.noUi-handle-upper .noUi-tooltip-marker {
    left: -1px;
}

.days-slider .noUi-handle.noUi-handle-lower .noUi-tooltip-marker {
    left: -1px;
}

.days-slider .noUi-handle.noUi-handle-upper .noUi-tooltip-marker {
    left: -18px;
}

.percentage-slider .noUi-handle.noUi-handle-upper {
    background: #E59620;
}

.percentage-slider .noUi-handle.noUi-handle-lower {
    background: #FF1708;
}

.days-slider .noUi-handle.noUi-handle-upper {
    background: #FF1708;
}

.days-slider .noUi-handle.noUi-handle-lower {
    background: #E59620;
}

.percentage-slider .noUi-handle-lower .noUi-tooltip {
    left: -1px;
}

.percentage-slider .noUi-handle-upper .noUi-tooltip {
    left: 12px;
}

.days-slider .noUi-handle-lower .noUi-tooltip {
    left: 22px;
}

.days-slider .noUi-handle-upper .noUi-tooltip {
    left: -12px;
}

.noUi-tooltip-marker.from {
    top: 3px;
    font-size: 12px;
    right: calc(100% + 5px);
}

.noUi-tooltip-marker.to {
    top: 3px;
    font-size: 12px;
    left: calc(100% + 5px);
}

#sensorActivitySlider.days-slider .noUi-handle.noUi-handle-lower {
    background: #FF1708;
}

    #sensorActivitySlider.days-slider .noUi-handle.noUi-handle-lower .noUi-tooltip-marker {
        left: -9px;
    }

#sensorActivitySlider.days-slider .noUi-handle-lower .noUi-tooltip {
    left: 5px;
}


/*End sensor sliders*/


.underlined{
    text-decoration:underline;
}

.jsgrid-header-sort-desc:before {
    background-image: url('../images/arrow_down.png') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none !important;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 111;
}

.jsgrid-header-sort-asc:before {
    border: none !important;
    background-image: url('../images/arrow_up.png') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 111;
}


.text-danger {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    color: #FF1708;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 200;
    line-height: 24px;
    font-size: 13px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-85 {
    margin-top: 85px;
}

.margin-top-105 {
    margin-top: 105px;
}

.margin-left-35 {
    margin-left: 35px;
}

.margin-bottom-103 {
    margin-bottom: 103px;
}

.margin-left-minus-30 {
    margin-left: -30px;
}

.max-width-20 {
    max-width: 20px !important;
}

.max-width300{
    max-width:300px !important;
}

.max-width-440 {
    max-width:440px !important;
}

.max-height-736 {
    max-height: 736px;
}
.max-height-1000 {
    max-height: 1000px;
}

/*End sensor sliders*/
/*license*/
/*end license*/
.panel-main-outer {
    height: 100%;
    max-height: 825px;
    width: 1041px;
    background-color: rgba(0,0,0,0.7);
    z-index: 111;
    position: absolute;
}
.progressBar {
    height: 200px;
    width: 350px;
    left: 33%;
    top: 43%;
    text-align: center;
    position: absolute;
}

    .progressBar p {
        color: #fff;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        font-size: 20px;
    }

    .progressBar .line {
        height: 18px;
        width: 350px;
        background-color: #fff;
        margin-top: 15px;
    }

    .progressBar > .line > .fill {
        height: 18px;
        width: 0px;
        background-color: #25A705;
        margin-top:15px;
    }
.estimated-export-time {
    color: #fff;
    font-family: Helvetica, Open Sans;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 25px;
}
.estimated-export-time-container{
    height:45px;
}

.download-participant-name {
    color: #fff;
    font-family: Helvetica, Open Sans;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 25px;
}

.jsgrid-header-sortable {
    background-image: url(../images/arrow_default.png) !important;
    background-position: 5px 16px !important;
    background-repeat: no-repeat !important;
}

#admin_jsGrid .jsgrid-header-sortable {
    background-position: 6px 9px !important;
}

#hardware_statuses_jsGrid .jsgrid-header-sortable {
    background-position: 6px 9px !important;
}

#basestation_statuses_jsGrid .jsgrid-header-sortable {
    background-position: 6px 9px !important;
}

#participant_statuses_jsGrid .jsgrid-header-sortable {
    background-position: 6px 9px !important;
}

#sensor_statuses_jsGrid .jsgrid-header-sortable {
    background-position: 6px 9px !important;
}

#analysis_periods_jsGrid .jsgrid-header-sortable {
    background-position: 6px 9px !important;
}

.participant-selection-container {
    width: 324px;
    height: 170px;
    position: absolute;
    border-radius: 5px;
    display: flex;
    z-index: 11;
    align-items: center;
    display: none;
}

.participant-selection-loader-container {
    width: 324px;
    height: 170px;
    position: absolute;
    background-color: #333;
    z-index: 11;
    border-radius: 5px;
    opacity: 0.8;
    display: flex;
    align-items: center;
    display: none;
}
    .participant-selection-container .loader {
        left: 38%;
        position: absolute;
        z-index:15;
    }

        .participant-selection-container .loader div {
            color: #fff;
            font-size: 17px;
            margin-left: 10px;
            margin-top: 10px;
        }

.header-selection-wrapper{
    display: flex;
    align-items: center;
}

.header-menu {
    display: none;
    margin-right: 5px;
}
.main-wrapper-sidebar-bg{
    display: none;
}

.configuration-row{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.configuration-row-item {
    max-width: 424px;
    width: 100%;
}
    .configuration-row-item input{
        width:100%;
    }
    .configuration-row-item:not(:last-child) {
        margin-right: 10px;
    }

    .configuration-textarea {
        display: flex;
        flex-direction: column;
        max-width: 952px;
        width: 100%;
    }
        .configuration-textarea textarea{
            width:100%;
        }

.configuration-row-item-short {
    max-width: 200px;
    width: 100%;
}

.configuration-row-left-aligned {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.configuration-bottom{
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 20px;
}
    .configuration-bottom > div{
        max-width: 150px;
        width: 100%;
        height: 50px;
    }
    .configuration-bottom > div:first-child{
        margin-left: 10px;
    }

    .configuration-bottom > div input{
        max-width: 150px;
        width: 100%;
    }

.algorithmForm-wrapper{
    max-width: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 45px;
}

.algorithmForm-wrapper > div{
    display: flex;
    /*flex-wrap: wrap;*/
}

.algorithmForm-wrapper-item .common-dropdown {
    width: 100%;
}
    .algorithmForm-wrapper-item{
        display: flex;
        flex-direction: column;
        max-width: 226px;
        width: 100%;
        margin-bottom: 20px;
    }
    .algorithmForm-wrapper-item:not(:last-child){
        margin-right: 20px;
    }

    .algorithmForm-wrapper-item input{
        width: 100%;
    }
        .algorithmForm-wrapper-item input::-webkit-outer-spin-button,
        .algorithmForm-wrapper-item input::-webkit-inner-spin-button {
            display: none ;
            -webkit-appearance: none;
            margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
        }

.scroll-horizontal{
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
}

.sitesGrid-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
.sitesGrid-header .label-header-table{
    margin: 0 15px 0 0 ;
}

.sitesGrid-header-buttons{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.sitesGrid-header-buttons > div{
    max-width: 120px;
    width: 100%;
}

    .sitesGrid-header-buttons > div:not(:first-child) {
        margin-right: 32px;
    }

.sitesGrid-header-buttons > div button{
    max-width: 120px;
}

.display-block{
    display: block;
}
#bs_statuses_jsGrid td > div,
#configurMenu td > div {
    display: flex;
    justify-content: center;
}
.promoted-checkbox {
    width: 100%;
}

.margin-top-25{
    margin-top: 25px;
}

.modal-dialog.center{
    margin: 300px auto;
}

#userModal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 55px 0;
}

    #userModal .modal-dialog .modal-content {
        max-width: 992px;
        width: 100%;
        padding-bottom: 35px;
        margin: 0 auto;
    }
        #userModal .modal-dialog .modal-content .userModal-inputs .btn-group{
            width: 100%;
        }

        #userModal .modal-dialog .modal-content .userModal-inputs .form_dropdown_checked .multiselect {
            max-width: 424px;
            width: 100%;
        }

        #userModal .modal-dialog .modal-content .userModal-inputs {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 100px;
            padding: 0 50px;
        }
         #userModal .modal-dialog .modal-content .userModal-inputs > div:first-child{
             margin-right: 40px;
         }

        #userModal .modal-dialog .modal-content .userModal-inputs-bottom {
            display: flex;
            justify-content: center;
            width: 100%;
            padding: 0 50px;
        }

        #userModal .modal-dialog .modal-content .userModal-inputs-bottom > div{
            max-width: 140px;
            width: 100%;
            margin: 0;
        }
        #userModal .modal-dialog .modal-content .userModal-inputs-bottom > div:first-child{
            margin-right: 50px;
        }

        #userModal .modal-dialog .modal-content .userModal-inputs-bottom input{
            max-width: 140px;
            width: 100%;
        }


@media screen and (max-width: 992px) {
    body {
        overflow: auto;
    }
    .header-menu {
        display: flex;
        align-items: center;
        background: transparent;
        border: none;
        padding: 5px;
    }
    .main-wrapper-container {
        overflow: initial;
        overflow-x: hidden;
    }
    .main-wrapper-sidebar {
        position: fixed;
        width: 100%;
        left: -100%;
        top: 0;
        z-index: 999;
        transition: all ease .3s;
    }
    .main-wrapper-sidebar.active{
        left: 0;
    }
        .main-wrapper-sidebar.active .main-wrapper-sidebar-bg{
            display: block;
            position: absolute;
            left:0;
            top: 0;
            width: 100%;
            height: 100%;
        }
    .height-434{
        height: auto;
    }

    .width-326 {
        max-width: 326px;
        width: 100%;
    }
    .panel-main{
        max-height: initial;
        height: 100% !important;
    }
    .panel-main.gray {
        display: flex;
        flex-direction: column;
        max-height: initial;
    }
    .content{
        height: auto;
        padding: 0 15px 15px;
    }
    .margin-left-29{
        margin-left: 0;
    }




    #bs_statuses_jsGrid table,
    #admin_jsGrid table,
    #hardware_statuses_jsGrid table,
    #basestation_statuses_jsGrid table,s
    #sensor_statuses_jsGrid table,
    #participant_statuses_jsGrid table,
    #analysis_periods_jsGrid table,
    #configurMenu table,
    #participantsGrid table,
    .jsGrid-administrators table,
    #usersGrid table,
    #sitesGrid table {
        width: 100%;
    }

    /* Force table to not be like tables anymore */
    #bs_statuses_jsGrid table, #bs_statuses_jsGrid thead, #bs_statuses_jsGrid tbody, #bs_statuses_jsGrid th, #bs_statuses_jsGrid td, #bs_statuses_jsGrid tr,
    #admin_jsGrid table, #admin_jsGrid thead, #admin_jsGrid tbody, #admin_jsGrid th, #admin_jsGrid td, #admin_jsGrid tr,
    #hardware_statuses_jsGrid table, #hardware_statuses_jsGrid thead, #hardware_statuses_jsGrid tbody, #hardware_statuses_jsGrid th, #hardware_statuses_jsGrid td, #hardware_statuses_jsGrid tr,
    #basestation_statuses_jsGrid table, #basestation_statuses_jsGrid thead, #basestation_statuses_jsGrid tbody, #basestation_statuses_jsGrid th, #basestation_statuses_jsGrid td, #basestation_statuses_jsGrid tr,
    #sensor_statuses_jsGrid table, #sensor_statuses_jsGrid thead, #sensor_statuses_jsGrid tbody, #sensor_statuses_jsGrid th, #sensor_statuses_jsGrid td, #sensor_statuses_jsGrid tr,
    #participant_statuses_jsGrid table, #participant_statuses_jsGrid thead, #participant_statuses_jsGrid tbody, #participant_statuses_jsGrid th, #participant_statuses_jsGrid td, #participant_statuses_jsGrid tr,
    #analysis_periods_jsGrid table, #analysis_periods_jsGrid thead, #analysis_periods_jsGrid tbody, #analysis_periods_jsGrid th, #analysis_periods_jsGrid td, #analysis_periods_jsGrid tr,
    #configurMenu table, #configurMenu thead, #configurMenu tbody, #configurMenu th, #configurMenu td, #configurMenu tr,
    #participantsGrid table, #participantsGrid thead, #participantsGrid tbody, #participantsGrid th, #participantsGrid td, #participantsGrid tr,
    .jsGrid-administrators table, .jsGrid-administrators thead, .jsGrid-administrators tbody, .jsGrid-administrators th, .jsGrid-administrators td, .jsGrid-administrators tr,
    #usersGrid table, #usersGrid thead, #usersGrid tbody, #usersGrid th, #usersGrid td, #usersGrid tr,
    #sitesGrid table, #sitesGrid thead, #sitesGrid tbody, #sitesGrid th, #sitesGrid td, #sitesGrid tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #admin_jsGrid thead tr,
        #bs_statuses_jsGrid thead tr,
        #configurMenu thead tr,
        .jsGrid-administrators thead tr,
        #hardware_statuses_jsGrid thead tr,
        #basestation_statuses_jsGrid thead tr,
        #participant_statuses_jsGrid thead tr,
        #sensor_statuses_jsGrid thead tr,
        #analysis_periods_jsGrid thead tr,
        #usersGrid thead tr,
        #participantsGrid thead tr,
        #sitesGrid thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }


    #admin_jsGrid tr,
    #bs_statuses_jsGrid tr,
    #configurMenu tr,
    #hardware_statuses_jsGrid tr,
    #basestation_statuses_jsGrid tr,
    #participant_statuses_jsGrid tr,
    #sensor_statuses_jsGrid tr,
    #analysis_periods_jsGrid tr,
    #usersGrid tr,
    #participantsGrid tr,
    .jsGrid-administrators tr,
    #sitesGrid tr {
        border-top: 1px solid #ccc;
    }
    #admin_jsGrid .jsgrid-grid-header,
    #bs_statuses_jsGrid .jsgrid-grid-header,
    #configurMenu .jsgrid-grid-header,
    #hardware_statuses_jsGrid .jsgrid-grid-header,
    #usersGrid .jsgrid-grid-header,
    .jsGrid-administrators .jsgrid-grid-header,
    #participantsGrid .jsgrid-grid-header,
    #sitesGrid .jsgrid-grid-header {
        display: none;
    }

    #admin_jsGrid td,
    #bs_statuses_jsGrid td,
    #configurMenu td,
    #participantsGrid td,
    #hardware_statuses_jsGrid td,
    #basestation_statuses_jsGrid td,
    #participant_statuses_jsGrid td,
    #sensor_statuses_jsGrid td,
    #analysis_periods_jsGrid td,
    .jsGrid-administrators td,
    #usersGrid td,
    #sitesGrid td {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 70px !important;
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    #admin_jsGrid td,
    #hardware_statuses_jsGrid td,
    #basestation_statuses_jsGrid td,
    #participant_statuses_jsGrid td,
    #sensor_statuses_jsGrid td,
    #analysis_periods_jsGrid td,
    #bs_statuses_jsGrid td {
        height: auto !important;
        padding: 23px 0 !important;
    }

    #admin_jsGrid .status_slider,
    #bs_statuses_jsGrid .status_slider,
    #configurMenu .status_slider,
    .jsGrid-administrators .status_slider,
    #hardware_statuses_jsGrid .status_slider,
    #basestation_statuses_jsGrid .status_slider,
    #participant_statuses_jsGrid .status_slider,
    #sensor_statuses_jsGrid .status_slider,
    #analysis_periods_jsGrid .status_slider,
    #participantsGrid .status_slider,
    #usersGrid .status_slider,
    #sitesGrid .status_slider {
        margin-left: 0;
    }

    #admin_jsGrid td > div,
    #bs_statuses_jsGrid td > div,
    #configurMenu td > div,
    #participantsGrid td > div,
    #hardware_statuses_jsGrid td > div,
    #basestation_statuses_jsGrid td > div,
    #participant_statuses_jsGrid td > div,
    #sensor_statuses_jsGrid td > div,
    #analysis_periods_jsGrid td > div,
    .jsGrid-administrators td > div,
    #usersGrid td > div,
    #sitesGrid td > div {
        display: flex;
        justify-content: center;
    }

    #admin_jsGrid td > div > div {
        margin: 0;
        text-align: center;
    }

    #admin_jsGrid td > div.site-status-wrapper {
        width: 100%;
    }

    #admin_jsGrid td > div.site-status-wrapper > div {
        max-width: 115px;
        width: 100%;
    }

    #hardware_statuses_jsGrid td > div > div{
        margin: 0;
        text-align: center;
    }

    #hardware_statuses_jsGrid td > div.site-status-wrapper{
        width: 100%;
    }

    #hardware_statuses_jsGrid td > div.site-status-wrapper > div{
        max-width: 115px;
        width: 100%;
    }

    #basestation_statuses_jsGrid td > div > div {
        margin: 0;
        text-align: center;
    }

    #basestation_statuses_jsGrid td > div.site-status-wrapper {
        width: 100%;
    }

    #basestation_statuses_jsGrid td > div.site-status-wrapper > div {
        max-width: 115px;
        width: 100%;
    }

    #participant_statuses_jsGrid td > div > div {
        margin: 0;
        text-align: center;
    }

    #participant_statuses_jsGrid td > div.site-status-wrapper {
        width: 100%;
    }

    #participant_statuses_jsGrid td > div.site-status-wrapper > div {
        max-width: 115px;
        width: 100%;
    }

    #sensor_statuses_jsGrid td > div > div {
        margin: 0;
        text-align: center;
    }

    #sensor_statuses_jsGrid td > div.site-status-wrapper {
        width: 100%;
    }

    #sensor_statuses_jsGrid td > div.site-status-wrapper > div {
        max-width: 115px;
        width: 100%;
    }

    #analysis_periods_jsGrid td > div > div {
        margin: 0;
        text-align: center;
    }

        #analysis_periods_jsGrid td > div.site-status-wrapper {
            width: 100%;
        }

            #analysis_periods_jsGrid td > div.site-status-wrapper > div {
                max-width: 115px;
                width: 100%;
            }


        #bs_statuses_jsGrid td > div:before,
        #configurMenu td > div:before,
        #participantsGrid td > div:before,
        #usersGrid td > div:before,
        .jsGrid-administrators td > div:before,
        #admin_jsGrid td > div:before,
        #hardware_statuses_jsGrid td > div:before,
        #basestation_statuses_jsGrid td > div:before,
        #participant_statuses_jsGrid td > div:before,
        #sensor_statuses_jsGrid td > div:before,
        #analysis_periods_jsGrid td > div:before,
        #sitesGrid td > div:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 3px;
            left: 6px;
            font-size: 12px;
            padding-right: 10px;
            white-space: nowrap;
            /* Label the data */
            content: attr(data-column);
            color: #000;
            /*font-weight: bold;*/
        }

    #configurMenu .navbar-nav {
        margin: 7.5px 0;
    }

    .algorithmForm-wrapper{
        max-width: 100%;
        margin: 45px 0;
    }

    .notif-container{
        flex-direction: column
    }
    .notif-container-left,
    .notif-container-right {
        margin-left: 0;
        max-width: 100%;
    }

    .sitesGrid-header, .sitesGrid-header-buttons {
        flex-wrap: wrap;
    }

    .sitesGrid-header-buttons > div {
        margin: 10px 5px 0 0;
    }
        .sitesGrid-header-buttons > div:not(:first-child){
            margin-right: 5px;
        }
    .algorithmForm-wrapper > div{
        flex-wrap: wrap;
    }

}

@media screen and (max-width: 550px){
    .header{
        padding: 0 15px;
    }
    .header .selected-section{
        font-size:18px;
    }
    #configurMenu {
        padding: 0;
        margin: 0;
    }

    .panel-main.gray {
        min-height: initial;
        height: auto;
    }

    .profile_header{
        display: flex;
        align-items: center;
    }
        .profile_header .logout-door{
               width: 25px;
        }
        
        .panel-main.gray {
            padding: 30px 15px !important;
        }
    .div-float-right.space, .configuration-bottom {
        margin: 60px auto 0;
    }
    .width-326{
        max-width: 100%;
        width: 100%;
    }
    .datepicker-field{
        width: 100%;
    }
    .width-424{
        max-width: 424px;
        width: 100% ;
    }
    .configuration-row-item:not(:last-child) {
        margin-right: 0px;
    }
    .status-slider-mark-wrapper{
        margin-right: 40px;
    }
    .algorithmForm-wrapper{
        flex-direction: column;
    }
    .algorithmForm-wrapper-item{
        max-width: 100%;
    }
    .algorithmForm-wrapper-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 22px;
    }
    .algorithmForm-wrapper{
        margin: 0;
    }
    .notif-container{
        padding: 0;
    }
    .notif-container-left,
    .notif-container-right{
        padding-right: 30px;
        padding-left: 40px;
    }
    #userModal .modal-dialog .modal-content .userModal-inputs > div:first-child{
        margin-right: 0;
    }
    #userModal .modal-dialog .modal-content .userModal-inputs-bottom > div:first-child {
        margin-right: 10px;
    }
    .login-form-row{
        flex-direction: column;
    }
    .login-container > .login-title{
        text-align: center;
    }
    .login-form-col{
        align-items: center;
        margin: 0;
    }
    .login-form{
        padding: 0 10px;
    }
    .login-container{
        padding: 0;
    }
    .login-form.reset-password{
        flex-direction: column;
    }
        .login-form.reset-password .login-form-row{
            max-width: 100%;
            margin: 0;
        }
        .login-form.reset-password .login-form-col{
            min-height: inherit;
        }
}

#error {
    color: red;
    margin-left: auto;
    margin-bottom: 7px;
    height: 20px;
}

.alert {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    color: #2D2A26;
    text-align: center;
}

.alert .outer .ico {
    display: inline-block;
    margin: auto;
    width: 32px;
    height: 32px;   
    position: relative;
    margin-bottom: -9px;
    margin-right: 8px;
}

    .alert .outer .ico.info {
        background-image: url('../images/info.png');
    }
    .alert .outer .ico.error {
        background-image: url('../images/warning.png');
    }
    .alert .outer .ico.ok {
        background-image: url('../images/ok.png');
    }
 .alert .outer {
    height: 60px;
    display: inline-block;
}
.alert .inner {
    display: inline-block;
}

.font-size9{
    font-size:9px;
}

.custom-tool-tip{
    position: relative;
    height: 21px;
    width: 100%;
    padding-right: 15px;
}

    .custom-tool-tip .text-danger.field-validation-error {
        display: block;
        overflow: hidden;
        height: 21px;
    }

    .open-popup-with-full-description {
        display: none;
        position: absolute;
        top: 4px;
        right: 0;
        text-align: right;
        width: 20px;
    }

.custom-tool-tip .text-danger.field-validation-error + .open-popup-with-full-description {
    display: block;
    z-index: 2;
}

.custom-tool-tip.active .text-danger.field-validation-error {
    position: absolute;
    width: 70%;
    right: 0px;
    height: 100%;
    bottom: 22px;
    background: #fff;
    height: auto;
    border: 1px solid #DFE6EE;
    border-radius: 5px;
    padding: 5px;
}

.personal-tooltip {
    margin-left: 15px;
}

.hardwareContainer {
    padding-top: 10px;
}


@media screen and (min-width: 993px) {
    .personal-tooltip {
        position: relative;
    }
        .personal-tooltip.dots{
            display: flex;
        }
        
        .personal-tooltip.dots.data {
            margin-left:0px;
        }
            .personal-tooltip.data {
                margin-left: 0px;
            }

        .personal-tooltip.dots.data:before {
            content: attr(data-value);
            position: absolute;
            bottom: 0;
            left: -100px;
            display: none;
            background: #fff;
            padding: 5px;
            border-radius: 5px;
            border: 1px solid #dfe6ee;
            z-index: 999999;
            text-align: center;
            word-break: break-all;
        }

        .personal-tooltip.dots:after {
            content: '...';
        }

        .personal-tooltip > div {
            /*max-width: 145px;*/
            height: 24px;
            overflow: hidden;
            word-break: break-all;
        }

        .personal-tooltip.dots:before {
            content: attr(data-value);
            position: absolute;
            bottom: 0;
            left: -15px;
            display: none;
            background: #fff;
            padding: 5px;
            min-width: 250px;
            border-radius: 5px;
            border: 1px solid #dfe6ee;
            z-index: 999999;
            text-align: center;
            word-break: break-all;
        }

        .personal-tooltip.dots.prts:before {
            content: attr(data-value);
            position: absolute;
            bottom: 0;
            left: -35px;
            display: none;
            background: #fff;
            padding: 5px;
            min-width: 180px;
            border-radius: 5px;
            border: 1px solid #dfe6ee;
            z-index: 999999;
            text-align: center;
            word-break: break-all;
        }

        .personal-tooltip.dots:hover:before {
            display: block;
        }

    #admin_jsGrid .jsgrid-table tbody tr:first-child .personal-tooltip:before {
        top: 0;
        bottom: auto;
    }

    #hardware_statuses_jsGrid .jsgrid-table tbody tr:first-child .personal-tooltip:before {
        top: 0;
        bottom: auto;
    }

    #basestation_statuses_jsGrid .jsgrid-table tbody tr:first-child .personal-tooltip:before {
        top: 0;
        bottom: auto;
    }

    #participant_statuses_jsGrid .jsgrid-table tbody tr:first-child .personal-tooltip:before {
        top: 0;
        bottom: auto;
    }

    #sensor_statuses_jsGrid .jsgrid-table tbody tr:first-child .personal-tooltip:before {
        top: 0;
        bottom: auto;
    }

    #analysis_periods_jsGrid .jsgrid-table tbody tr:first-child .personal-tooltip:before {
        top: 0;
        bottom: auto;
    }
}

.hr_configuration {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #DFE6EE;
}

.status_slider.border .statusSliderContainer {
    border: 1px solid #000;
}
/* Firefox */
@-moz-document url-prefix() {
    .main-wrapper{
        height: 100vh;
    }
}

.jsgrid-grid-body {
    min-height: 40px;
}

@-moz-document url-prefix() {
    .moz-reset-pass-field {
        height: 58px;
        margin-top: -98px;
    }
}

.cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 10%;
    right: 10%;
    width: 80%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: black;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    font-size: 12px;
}

.btn-hide {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
}

.titleSettings {
    font-size: 24px;
    font-weight: normal;
    color: #303742;
    text-align: left;
    margin-top: 25px;
}

#changeReasonInput, #changeReasonDeleteUser, #changeReasonAddUser {
    resize: none;
}

.changeReasonContent {
    padding: 0 10px 0 10px;
}