.table-hr {
            background-color: #eee;
            height: 1px;
        }

        .caption label {
            margin-bottom: 0;
        }

        .thumbnail {
            box-shadow: 3px 3px 3px #efefef;
        }
        #myModal .modal-body {
            color: white;
            font-size: 14px;
            font-family: monaco;
            background-color: black;
        }
        .device-activate-btn {
        margin-left: 20px;
        }
        .device-header h3 {
        margin-bottom: 0;
        }
        .index.table td {
            white-space: nowrap;
        }

        td.text-left {
            font-size: 100%;
            padding-right: 10px;
        }
        td.text-right {
            color: #999;
            padding-right: 10px;
        }

        header {
            margin-top: 20px;
            margin-bottom: 10px;
        }

        header img, h2 img {
            float: left;
            vertical-align: middle;
            margin-right: 7px;
            width: 36px;
            height: 36px;
        }

        header h2 {
            display: inline;
            line-height: 36px;
        }

        .screenshot-holder {
            position: relative;
        }

        .screenshot-expired-bg {
            background-color: rgba(255, 255, 255, .5);
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
        }

        .screenshot-expired-text {
            /*background-color: red;*/
            position: absolute;
            top: 0; bottom: 0;
            margin: auto 0;
            height: 1.4em;
            font-size: 1.6em;
            text-align: center;
            color: white;
            width: 100%;
        }

        .screenshot-wrapper {
            position: relative;
            overflow: hidden;
        }

        .flip-container.col-xs-12 .screenshot-wrapper {
            height: 50vw;
        }

        @media (min-width: 768px) {
            .flip-container.col-sm-6 .screenshot-wrapper {
                height: 24vw;
            }
        }

        @media (min-width: 992px) {
            .flip-container.col-md-4 .screenshot-wrapper {
                height: 16vw;
            }
        }

        @media (min-width: 1200px) {
            .flip-container.col-lg-3 .screenshot-wrapper {
                height: 12vw;
            }
        }

        .chosen-container {
            width: 100% !important;
            padding-top: 7px;
            padding-bottom: 7px;
        }

        .step-state {
            padding: 10px;
        }

        .main-nav.navbar {
            margin-bottom: 0;
        }

        .navbar-header {
            width: 280px;
        }
        .navbar-brand img {
            width: 28px;
            height: 28px;
        }
        .navbar-header .navbar-text {
            margin-bottom: 0;
        }

        .sub-nav.navbar {
            min-height: 20px;
        }

        .sub-nav .navbar-nav > li > label {
            padding: 10px 10px 5px 10px;
        }

        .sub-nav .navbar-nav > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .sub-nav.navbar.navbar-default {
            background-color: #e7e7e7;
        }

        .well h3 {
            margin-top: 0;
        }

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

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

        .auth .page-header img {
            float: left;
            vertical-align: middle;
            margin-right: 7px;
            width: 36px;
            height: 36px;
        }

        .auth .page-header h1 {
            margin-bottom: 0;
        }

        .sign-in-message {
            position: absolute;
            left: 0;
            right: 0;
            top: 30px;
        }