body {
    padding-top: 0px;
    padding-bottom: 20px;
}

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

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* 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%;
}

tr.super_admin {
    background: #f2fbff !important;
}

.alert.alert-success,
.alert.alert-warning,
.alert.alert-danger {
    text-align: center;
}

#actions{
    float:left;
}

#search_form{
    float: right;
    width: 100%;
}

#search_form form{
    float: right;
}

#search_form #search_field {
    float: left;
    width: 200px;
    margin-right: 4px;
}

#search_form #search_button {
    float: left;
}

.table.admin_list {
    margin-bottom: 5px;
}

.pagination{
    margin: 0 0 20px 0;
}

.right {
    float: right;
}

.right_absolute {
    position: absolute;
    top: 3px;
    right: 4px;
}

.dashboard .panel-heading {
    position: relative;
}

#login_form .control-label {
    width: 100%;
    max-width: 100%;
}
.device_actived {
    color: #00af00;
}

.device_blocked {
    color: #f0ad4e;
}

.device_deleted {
    color: #c82333;
}

#login_form .control-label{
    padding-left: 0 !important;
}

.btn_back {
    margin-top: 30px;
    margin-left: 15px;
}

.panel.panel-login .panel-heading,
.panel.panel-login .panel-body {
    padding-bottom: 0;
    padding-top: 0;
}

.panel.panel-login {
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.return_login_link {
    text-align: right;
    padding-top: 5px;
}

.delete-form{
    margin-top: 10px;
}

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

.panel.dashboard a:hover{
    text-decoration: none;
}

.panel.dashboard button:focus{
    outline: none;
}

.form-actions > div button,
.form-actions > div input {
    width: 85px !important;
    margin-right: 20px;
}

.full-width {
    float: left;
    width: 100%;
}

.legend-wrapper {
    background: #f3f3f3;
    padding: 10px 0px 10px 10px;
    border: 0.0125em solid #dedede;
}

.legend-item {
    float: left;
    margin-right: 20px;
}

.logo {
    width: 50px;
    float: left;
    position: absolute;
    top: 0;
    margin-top: 5px;
}

.logo + span{
    margin-left: 60px;
}

.navbar-bupa {
    background-color: #0079c8 !important;
    border-color: #0079c8 !important;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-bupa .navbar-brand,
.navbar-bupa .navbar-nav > li > a{
    color: #dedede !important;
}
 
.navbar-bupa .navbar-nav > .nav-item > a:hover, 
.navbar-bupa .navbar-nav > .nav-item > a:focus .btn-info, 
.navbar-bupa .navbar-nav > .nav-item > a:focus{
    background-color: #699ae6 !important;
}

.btn-info {
    background-color: #0079c8;
}

.btn-info:hover {
    background-color: #699ae6;
}

.dashboard .list-group a {
    text-decoration: none;
}

.list-group-item.list-group-item-action{
    cursor: pointer;
}

.navbar-bupa .navbar-nav,
.navbar-bupa .container,
.navbar-bupa .nav-link {
    height: 60px;
}

.navbar-bupa .navbar-brand {
    font-size: 18px;
    height: 60px;
    padding: 0;
    line-height: 60px;
    position: relative
}

.navbar-bupa .nav-link {
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
}

.btn.btn-outline-secondary {
    border: 1px solid #ced4da !important;
}

.btn-primary,
.page-item.active .page-link {
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

.container.newpassword .col-md-6.col-md-offset-3,
.container.login .col-md-6.col-md-offset-3,
.container.login .col-sm-6.col-sm-offset-3 {
    margin: auto;
}

.btn{
    font-size: 14px;
}

.search_title{
    margin-bottom: 20px;
    margin-top: 20px;
    float: left;
    width: 100%;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.form-control{
    font-size: 14px;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25);
}

.btn.focus, .btn:focus,
.list-group-item:focus {
    box-shadow: none !important;
    outline: none !important;
}

.dropdown-item {
    font-size: 14px;
    padding: .45rem 1.5rem;
}

.nav-item.dropdown.last {
    margin-left: 60px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    padding: 0;
}

.table a > .btn {
    height: 35px;
    width: 40px;
    line-height: 10px;
}

.table a > .btn > .device {
    width: 12px;
}

.legend_icon {
    width: 14px;
    float: left;
    margin-right: 5px;
}

.legend_icon.device{
    width: 10px;
}

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

h3{
    font-size:20px;
}

.btn-outline-secondary:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

li.nav-item.dropdown:not(.show){
    overflow: hidden;
}

li.nav-item.dropdown {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 85px;
}

.table_wrapper {
    overflow-x: auto;
    width: 100%;
}

.table_wrapper > table{
    min-width: 600px;
}

.ipRanges {
    float: left;
    margin-bottom: 20px;
}

@media screen and (min-width: 600px) {
    .table_wrapper > table tr:hover {
        background: #f3f3f3;
    }
}

@media screen and (max-width: 1200px) {

    .nav-item.dropdown.last {
        margin-left: initial;
    }
}

@media screen and (max-width: 992px) {

    li.nav-item.dropdown:not(.show) {
        overflow: initial;
    }

    .navbar-bupa {
        margin: 0;
        padding: 0;
    }

    .navbar-bupa .container {
        width: 100%;
        max-width: 100%;
    }

    .navbar-bupa .navbar-toggler {
        margin-right: 10px;
    }

    .navbar-bupa .navbar-nav * {
        z-index: 1000;
        background: #6085bf !important;
    }

    .navbar-bupa .nav-item.dropdown {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-bupa .nav-item.dropdown a {
        padding-left: 15px;
    }

    .navbar-bupa .navbar-brand {
        margin-left: 15px;
    }

    .navbar-bupa .dropdown-menu,
    .navbar-bupa .dropdown-menu * {
        background: #93b3e6 !important;
    }

    .navbar-bupa .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
    }

    .navbar-bupa .nav-item dropdown {
        padding-right: 0;
    }

    .navbar-bupa .dropdown-menu a {
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #ffffff80;
        padding-top: 0;
        color: white;
        padding-bottom: 0;
    }

    .navbar-bupa .dropdown-item.last{
        border-bottom: none !important;
    }

    .navbar-bupa .navbar-toggler,
    .navbar-bupa .navbar-toggler:focus {
        background: #699ae6 !important;
        border-color: #699ae6 !important;
        outline: none !important;
    }

    #connectivity .card:last-of-type{
        margin-left: 0px;
    }

    #connectivity .card:nth-of-type(3){
        margin-right: 0px;
    }
}


/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
    #connectivity .card:last-of-type {
        margin-left: 15px;
    }

    #connectivity .card:nth-of-type(2) {
        margin-right: 0px;
    }

    #connectivity .card:nth-of-type(3) {
        margin-right: 15px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 480px){
    #connectivity .card {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

}

@media screen and (max-width: 600px) {
    .navbar-bupa .navbar-brand {
        max-width: 220px;
        overflow: hidden;
    }

    #search_form form {
        width: 100%;
    }

    #search_form #search_field {
        max-width: 100%;
        width: 70%;
    }

    #search_form #search_button {
        min-width: 70px;
    }

    .active_row{
        background: #f3f3f3;
    }
}


@media screen and (max-width: 520px) {
    .table a > .btn {
        width: 50px !important;
        height: 50px !important;
        margin-bottom: 5px;
    }
}


.input-holder{
    clear:both;
    width:100%;
}
#alertIDSearch{
    width:100% !important;
}

#Alertssearch_button, #AlertResetButton {
    float: right;
    margin: 25px;
}

.alertfield{
    display: block;
    clear:both;
}

.alertfield span{
    font-weight: bold;
    padding-right: 8px;
}

td.expired{
    color: red;
}




#AlertSettings .col-md-3{
    float: left;
}

#AlertSettings .col-md-10 {
    clear: both;
    display: inline-block;
}

label.btn.btn-default.btn-sm.active.toggle-off {
    border: 1px solid #337ab7;
}

.disabled .btn {
    opacity: 0.5;
}

.list-group-item.list-group-item-action.alt {
    border-top: 1px solid rgba(0,0,0,.125) !important;
}

#alertSearchForm{
    float: none !important;
}
#connectivity {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

#connectivity .card {
    margin: 0px 15px;
    flex-grow: 1;
    min-width: 200px;
}

#connectivity .card:first-of-type{
    margin-left: 0px;
}

#connectivity .card:last-of-type{
    margin-right: 0px;
}

#connectivity .card-header {
    font-weight: bold;
    font-size: 16px;
}

#connectivityCheck {
    float: left;
    margin-top: 20px;
    width: 172px;
    height: 45px;
    font-size: 16px;
}

#statsTable{
    width: 100%;
}

#statsTable td {
    padding: 4px 0px;
}

.connectivityLoader {
    display: none;
    line-height: 25px;
    font-size: 16px;
}

.loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #0079c8;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    float: left;
    margin-right: 15px;
}

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

    100% {
        transform: rotate(360deg);
    }
}


.connectivityResponseTxt{
    display: none;
}

.connectivityResponseTxt.show {
    display: block;
    position: absolute;
    background: white;
    color: black;
    padding: 18px;
    left: 4px;
    right: 4px;
    border: 1px solid #c3c3c3;
    box-shadow: 0px 1px 4px #9c9c9c;
}

#connectivityTable td.tableResponse{
    width: 60%
}


#schedulerTime {
    margin-top: 12px;
}

#schedulerTime select {
    width: 135px;
}

.fake-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: center;
}

.hint{
    font-size: small;
}

#Prefix {
    width: 62px;
    float: left;
    height: 35px;
}