body {
    font-family: Roboto, sans-serif;
    background-color: #FFF !important;
    min-width: 700px;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

#da-header-toolbar {
    height: 74px;
}

.da-message {
    cursor: auto !important;
}

#da-home-wrap {
    max-width: 420px !important;
}

.spinner-small:before {
    content: url("/images/app/spinner.gif");
    background-repeat: no-repeat;
    width: auto;
    height: auto;
}

#da-login-email,
#da-signup-first-name,
#da-signup-last-name,
#da-signup-phone,
#da-signup-comments,
#da-signup-company-name,
#da-login-password2 {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 12px center;
}

#da-login-email,
#da-signup-first-name,
#da-signup-last-name,
#da-signup-phone,
#da-signup-comments,
#da-signup-company-name {
    background-image: url(/images/icons/led/src/user.png);
}

#da-login-password2 {
    background-image: url(/images/icons/led/src/key.png);
}

table#builds-list td {
    vertical-align: middle;
}

table#builds-list td.right, th.right {
    text-align: right;
}

table#builds-list td.center, th.center {
    text-align: center;
}

table#testers-list td.center, th.center {
    text-align: center;
}

table#testers-list td.right, th.right {
    text-align: right;
}

table.sessions-list td.center, th.center {
    text-align: center;
}

table.sessions-list td.right, th.right {
    text-align: right;
}

.disable-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#video-player canvas {
    background-color: black;
    padding: 0px;
    margin: 0px;
}

.tf-widget {
    border: 1px solid #999;
    border-radius: 4px 4px 0px 0px;

    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.tf-widget-header {
    position: relative;
    background: #989fa7;
    background: -moz-linear-gradient(top, #dce1e7 0%, #c2c4ca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dce1e7), color-stop(100%, #c2c4ca));
    background: -webkit-linear-gradient(top, #dce1e7 0%, #c2c4ca 100%);
    background: -o-linear-gradient(top, #dce1e7 0%, #c2c4ca 100%);
    background: -ms-linear-gradient(top, #dce1e7 0%, #c2c4ca 100%);
    background: linear-gradient(to bottom, #dce1e7 0%, #c2c4ca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce1e7', endColorstr='#c2c4ca', GradientType=0);
    border-bottom: 1px solid #a7a9ba;
    border-top: 1px solid #fff;
    min-height: 28px;
    border-radius: 3px 3px 0px 0px;
}

.tf-widget h2 {
    position: absolute;
    left: 0;
    right: 70px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 5px 5px 5px 8px;
    line-height: 18px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 #EFEFEF;
}

.rotate30 {
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari and Chrome */
    -o-transform: rotate(-30deg); /* Opera */
    -moz-transform: rotate(-30deg); /* Firefox */

    -ms-transform-origin: top left;
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;

    padding-left: 10px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
    display: table;
    content: "";
}

.thumbnails:after {
    clear: both;
}

.row-fluid .thumbnails {
    margin-left: 0;
}

.thumbnails > li {
    float: left;
    margin-bottom: 18px;
    margin-left: 20px;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 1;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

a.thumbnail:hover {
    border-color: #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.thumbnail .caption {
    padding: 9px;
}

.thumbnails > li {
    margin-bottom: 0px !important;
}

#video-preloader, #empty-session {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #333;
    color: white;
    position: absolute;
    top: 200px;
    left: 200px;
    z-index: 1000;
    width: 500px;
    height: 90px;
    opacity: 0.95;
}

.tf-row {
    float: left;
}

.tf-block {
    width: 35px;
    float: left;
    border-right: 1px solid #ddd;
    height: 35px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background-color: #f7f7f7;
}

.tf-block img {
    width: 20px;
    height: 14px;
    padding-top: 11px;
}

div.doc-section dt {
    font-weight: normal !important;
    margin-bottom: 16px;
}

div.doc-section dd {
    margin-left: 40px !important;
    margin-bottom: 10px;
}

div.doc-title {
    margin: 0 0 16px 0;
}

div.doc-title h1 {
    margin: 0;
    text-shadow: 1px 1px #fff;
    color: #333;
}

div.doc-section {
    margin-top: 40px;
}

div.doc-section div.doc-section-title {
    background-color: #ddd;
    padding: 14px;
    text-shadow: 1px 1px #fff;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

div.doc-section div.doc-section-content {
    margin-top: 18px;
}

/* dashboard css */

.dashboard {
    background-image: url(/images/app/dashboard/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.dashboard-account-focus {
    width: 121px;
    height: 74px;
    background-position: 0 0;
}

.dashboard-account-hover {
    width: 121px;
    height: 74px;
    background-position: -121px 0;
}

.dashboard-account-normal {
    width: 121px;
    height: 74px;
    background-position: -242px 0;
}

.dashboard-apps-focus {
    width: 121px;
    height: 74px;
    background-position: 0 -75px;
}

.dashboard-apps-hover {
    width: 121px;
    height: 74px;
    background-position: -121px -75px;
}

.dashboard-apps-normal {
    width: 121px;
    height: 74px;
    background-position: -242px -75px;
}

.dashboard-support-focus {
    width: 121px;
    height: 74px;
    background-position: 0 -150px;
}

.dashboard-support-hover {
    width: 121px;
    height: 74px;
    background-position: -121px -150px;
}

.dashboard-support-normal {
    width: 121px;
    height: 74px;
    background-position: -242px -150px;
}

.dashboard-testers-focus {
    width: 121px;
    height: 74px;
    background-position: 0 -225px;
}

.dashboard-testers-hover {
    width: 121px;
    height: 74px;
    background-position: -121px -225px;
}

.dashboard-testers-normal {
    width: 121px;
    height: 74px;
    background-position: -242px -225px;
}

.dashboard-upload-focus {
    width: 121px;
    height: 74px;
    background-position: -363px 0;
}

.dashboard-upload-hover {
    width: 121px;
    height: 74px;
    background-position: -363px -75px;
}

.dashboard-upload-normal {
    width: 121px;
    height: 74px;
    background-position: -363px -150px;
}

ul.da-summary-stat > li {
    display: inline !important;
    float: left;
    margin-right: 40px;
    clear: none !important;
}

ul.da-summary-stat span.da-summary-icon {
    padding: 0 !important;
}

#da-header-toolbar ul:first-child > li {
    display: inline-block;
    width: 121px;
}

td.da-icon-column {
    color: #696969;
}

td.da-icon-column div {
    float: left;
    width: 25%;
}

td.da-icon-column i:hover {
    color: #5f9ea0;
}

td.da-icon-column i.icon-brightness-reduce {
    color: #ff4500;
}

i.external-link {
    width: 10px;
    height: 10px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=");
}

#video-foreground-app .causing-activity {
    font-size: 80%;
}

#da-logo {
    width: 190px;
}

div.hr {
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #aaa;
    margin-top: 16px;
    margin-bottom: 16px;
}

#build-crash-table tr td:first-child {
    width: 64px;
    vertical-align: top;
    text-align: center;
}

#build-crash-table .crash-data {
    margin-top: 16px;
}

.da-panel .da-panel-header-bottom-padding {
    display: block;
    position: relative;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 16px;
    background-image: url(/images/dashboard/panel-header.png);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.bug {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #ccc !important;
    font-size: 11px;
    font-weight: bold;
    line-height: 2em;
    padding: 2px 5px 1px 5px;
    text-transform: uppercase;
    background-color: #989fa7 !important;
    color: #444 !important;
    min-width: 90px;
    text-align: center;
}

a.bug:hover {
    color: #444;
}

.bug-open, .bug-new {
    background-color: #4a6785 !important;
    border-color: #4a6785 !important;
    color: #fff !important;
}

a.bug-open:hover {
    color: #fff !important;
}

.bug-reopened {
    background-color: #4a6785 !important;
    border-color: #4a6785 !important;
    color: #fff !important;
}

a.bug-reopened:hover {
    color: #fff !important;
}

.bug-resolved {
    background-color: #14892c !important;
    border-color: #14892c !important;
    color: #fff !important;
}

a.bug-resolved:hover {
    color: #fff !important;
}

.bug-closed {
    background-color: #14892c !important;
    border-color: #14892c !important;
    color: #fff !important;
}

a.bug-closed:hover {
    color: #fff !important;
}

.bug-inprogress, .bug-active {
    background-color: #ffd351 !important;
    border-color: #ffd351 !important;
    color: #594300 !important;
}

a.bug-inprogress:hover, a.active:hover {
    color: #594300 !important;
}

.bug-notfound {
    background: #d04437 !important;
    border-color: #d04437 !important;
    color: #fff !important;
}

a.bug-notfound:hover {
    color: #fff !important;
}

.w-row {
    margin-left: -10px;
    margin-right: -10px;
}

.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
}

.w-col-4 {
    width: 25%;
}

.w-row:before, .w-row:after {
    display: table;
    content: '';
    line-height: 0;
}

#heatmap-container ul {
    list-style: none;
    margin: 0;
}

.pricing-message {
    display: block;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 6px;
    background-color: #52aaf2;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 0px 0px inset, rgba(255, 255, 255, 0.70) 0px 1px 0px 0px;
}

.message-text {
    padding-right: 36px;
    padding-left: 36px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-shadow: rgba(0, 0, 0, 0.24) 0px 1px 0px;
    text-decoration: none;
}

div.da-form-row label.da-form-label {
    padding: 0 !important;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15);
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

#ios-download-sidebar ul a {
    color: blue;
    text-decoration: underline;
}

body {
    background: #e8ebf0;
}

#da-header, #da-header-top {
    background: #e8ebf0 !important;
}

.da-panel-header {
    background-color: white !important;
    background-image: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;

}

/* account settings page css */

.settings-tab dt {
    font-weight: normal;
    margin-top: 10px;
}

#settings-sidebar {
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    width: 170px;
    overflow: hidden;
    float: left;
}

#settings-sidebar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 260px;
}

#settings-sidebar ul li {
    padding: 12px;
    cursor: pointer;
}

#settings-sidebar ul li.selected {
    background-color: white;
    box-shadow: 0 0 5px #888;
    border-radius: 4px 0 0 4px;
    color: #00e;
    position: relative;
    z-index: 2;
}

.settings-tab {
    margin-top: 4px;
    background-color: #fff;
    padding: 20px;
    /*box-shadow: 0 0 5px #888;*/
    border-radius: 0px 4px 4px 4px;
    float: left;
    width: 800px;
    min-height: 400px;
    margin-bottom: 20px;
}

.x-button {
    float: right;
    margin-top: -1px;
    margin-right: 0px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 6px 3px;
}

.x-button:before {
    content: "×";
}

.design2 .w-row {
    margin: 0px;
}

.ui-progressbar.green .ui-progressbar-value,
.ui-progressbar .ui-progressbar-value {
    background-color: #ffffff !important;
    color: #0076c5 !important;
}

.ui-progressbar {
    background: none !important;
}

div.design2 .advanced-settings-link {
    margin-top: 0px !important;
}

div.design2 .nav-block {
    position: relative !important;
}

a, a:hover {
    color: #00e;
}

::selection {
    color: #ffffff;
    background: #3297FD;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #1E2127 !important;
    background-color: #F7F8FA;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3297FD', endColorstr='#3297FD', GradientType=0);
    text-decoration: none;
}

div.design2 .app-menu-block.left {
    padding-left: 22px !important;
}

div.design2 .brand {
    padding-left: 15px !important;
}

#settings-sidebar li {
    color: black !important;
}

div.design2 .hidden-table.blank {
    height: 0px;
}

div.design2 .upload-progress-block {
    display: none;
    opacity: 0;
}

div.design2 .apk-icon {
    width: 120px;
    height: 85px;
}

div.design2 .fill-gray {
    background-color: #f5f5f5 !important;
}

div.design2 .app-viewport {
    background-color: transparent !important;
    padding: 0px !important;
}

div.design2 .social-button-group {
    margin-right: -15px !important;
}

div.design2 div.fixed-table-header {
    z-index: 1;
}

div.design2 .table-content {
    padding-top: 110px;
}

div.design2 div.app-menu {
    z-index: 8999;
    /*position: fixed !important;*/
    top: 0;
    width: 100%;
    box-shadow: none;
}


div.design2 div.app-menu.lean {
    top: 0px;
}

div.design2 .font-big {
    font-size: 14px;
}

div.design2 h5 {
    font-weight: bold !important;
}

div.design2 .w-form-div {
    font-family: Roboto, sans-serif;
    font-size: 18px;
}

div.design2 .app-viewport {
    padding-left: 0 !important;
    border: 0px;
    margin-right: 2px;
}

div.design2 .side-filter-block {
    position: relative;
    z-index: 2;
    height: 100vh;
    padding: 113px 0 0 0 !important;
    overflow: hidden;
}

div.design2 .side-filter-content {
    height: 100%;
    overflow: auto;
}

#da-content {
    /*margin: 16px 16px 0 16px;*/
    /*padding: 10px 0 0 0;*/
    overflow: hidden;
}

#da-content.lean {
    padding-top: 66px;
}

div.design2 div.attribute-content label {
    font-weight: normal;
    display: inline-block !important;
}

div.design2 div.fixed-table-header {
    /* position: relative; */
    width: 100%;
}

div.design2 div.nav-block {
    position: fixed !important;
}

div#da-content-area {
    padding-top: 96px;
}

div.design2 div.full-table.with-header-filter {
    margin-top: 0px;
    background: none;
}

div.design2 div.w-tab-content {
    height: 100%;
    overflow: scroll;
}

div.design2 div.full-table {
    height: 100%;
    overflow: hidden;
}

div.design2 div.table-content div.table-row {
    margin-right: 14px;
    background-color: white;
}

div.design2 div.table-content div.table-row:hover {
    background-color: #F7FBFF;
}

.table-column.sort, .table-column.sort-asc, .table-column.sort-desc {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.1);
    background-position: 100% 50%;
    background-size: auto 12px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
    text-align: left;
    cursor: pointer;
}

.table-column.sort {
    background-image: url('/images/app/header/sort.png');
}

.table-column.sort-asc {
    background-image: url('/images/app/header/sort-asc.png');
}

.table-column.sort-desc {
    background-image: url('/images/app/header/sort-desc.png');
}

.table-column.sort.no-background {
    background-image: none !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* css for build-overview */
#latest-sessions tbody tr td:nth-child(2) img {
    width: 16px;
    height: 11px;
    margin: 0px 3px 0px 0px;
}

#latest-sessions tbody tr td span {
    white-space: nowrap;
}

#latest-sessions tbody tr td:nth-child(1),
#latest-sessions tbody tr td:nth-child(4),
#latest-sessions tbody tr td:nth-child(5),
#latest-sessions tbody tr td:nth-child(6) {
    text-align: right;
}

#build-crash-table tbody tr td:nth-child(1) {
    width: 200px;
    vertical-align: top;
    text-align: center;
}

#bug-reporter-status-list {
    float: left;
    text-align: left;
}

.create-group-bug {
    float: left;
    text-align: left;
    margin-left: 10px;
}

img.stack-spinner-create-bug, img.stack-spinner-crash-message {
    margin-left: 10px;
    display: none;
    width: 10px;
    height: 10px;
}

.da-table td,
.da-table th {
    /* background: white !important; */
    padding: 9px !important;
    font-size: 13px !important;

}

.da-table th {
    font-weight: 500 !important;
    text-transform: uppercase;
}

.da-table tbody tr:hover td {
    background-color: #f5f5f5 !important;
}

.dataTables_wrapper {
    /* background: white !important; */
    /* border: 1px solid #e2e2e2 !important; */
}

.dataTables_wrapper {
    background-color: #fff;
    border: 1px solid #cacaca;
}

.dataTables_wrapper .dataTables_paginate.paging_full_numbers .current {
    border-color: #078ADA;
    background-color: #078ADA;
}

div.design2 table {
    border-collapse: inherit !important;
}

div.design2 .demo-app {
    background-image: url("/images/app/header/icon-demo.png") !important;
    background-position: 100% 0% !important;
    background-size: auto 36px !important;
    background-repeat: no-repeat !important;
}

div.design2 .button.m {
    cursor: pointer;
}

div.design2 .nav-menu-dropdown-list {
    max-height: 484px;
}

div.design2 .widget {
    margin-bottom: 12px !important;
}

div.design2 .widget-content {
    min-width: 220px !important;
}

div.design2 .footer2 {
    position: inherit !important;
    margin-top: 25px !important;
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid #bbb;
    background-color: #FFF;
}

div.design2 div.session-overview-events-block .w-row.event-row.current {
    background-color: rgba(255, 255, 0, 0.10);
}

.btn-success {
    background-color: #0098ff;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #23a5fc;
}

div.design2 .footer-logo-block {
    background-image: none !important;
}

div.design2 .footer-content {
    border-top: none !important;
    width: 1200px;
}

div.design2 .table-column {
    white-space: nowrap;
    overflow: hidden;
}

.hidden {
    display: none;
}

img.blur {
    -webkit-filter: blur(7px);
    filter: blur(7px);
}

div.design2 .w-form.login-form-wrapper {
    font-size: 12px;
    line-height: 18px;
    color: #333333;
}

div.design2 .w-form-fail.login-error-message a {
    color: white;
}

div.design2 .w-form-fail.login-error-message a:hover {
    text-decoration: underline;
}

div.design2 .verifycountryflagimage {
    margin-right: 6px;
}

div.design2 .form-text-field.countrycode {
    min-width: 58px;
}

div.design2 .country-code-dropdown-link {
    display: block;
    background: white;
    cursor: pointer;
    padding: 12px;
    padding-right: 16px;
    white-space: nowrap;
}

div.design2 .country-code-dropdown-link:hover {
    background: #ddd;
}

div.design2 .form-text-field.verificationphonenumber.complete {
    background-image: none !important;
}

#da-content form ul label {
    /* used in community page */
    cursor: pointer;
}

/* jquery ui */
div.ui-dialog {
    z-index: 100;
}

.da-table {
    border: 1px solid #f0f2f5;
    font-family: proxima-nova, Roboto, sans-serif;
}

.da-table tbody {
    color: #555;
}

div.design2 .app-menu-name {
    color: #555;
}

table.da-table td {
    height: 42px;
    padding: 12px !important;
}

table.da-table td, table.da-table th {
    border-top: 1px solid #eee;
    border-left: 0px;
}

table.da-table th {
    font-weight: bold;
    text-transform: uppercase;
}

.checkbox-column {
    border-right: 0px !important;
}

div.design2 .block.fill-white {
    border-radius: 6px;
}

div.design2 .build-overview-page .w-tab-content {
    margin-left: 5px;
    margin-right: 5px;
}

/* jira configuration css */
table.jira-configuration {
    width: 100%;
    text-align: left;
}

table.jira-configuration tr {
    line-height: 24px;
}

table.jira-configuration tr td input, table.jira-configuration tr td select {
    width: 100%;
}

a.btn.bugsystem-test, a.btn.bugsystem-configure {
    line-height: 10px;
    vertical-align: middle;
}

/* required(y/n) column */
table.jira-configuration th:nth-child(4), table.jira-configuration td:nth-child(4) {
    text-align: center;
}

/* jquery overlay will hide entire screen, even with scrollbar */
.ui-widget-overlay {
    position: fixed !important;
}

/* center x button in jquery ui modal dialogs */
.ui-dialog .ui-dialog-titlebar-close span {
    margin: 0px !important;
}

div.design2 div.build-overview-page div.tabs-container {
    margin-top: 8px;
}

div.design2 div.build-overview-page div.w-tab-content {
    overflow: inherit;
}

div.design2 div.build-overview-page div.table-title {
    margin-bottom: 0px;
}

/* fix breaking design below 1250px */
div.design2 div.app-menu, div.design2 div.nav-block {
    min-width: 1250px;
}

/* row unread in datatable */
table.da-table tr.row-unread td {
    /*font-weight: bold;*/
    background-color: #f7fbff;
}

/* disable datatables zebra */
table.da-table tr:nth-child(odd),
table.da-table tr:nth-child(even) {
    background-color: white;
}

div.dataTables_wrapper label {
    font-weight: normal !important;
}

/* remove shadow around block */
div.design2 .block {
    box-shadow: none !important;
}

/* fix positioning for green message */
div.design2 .system-message.green, div.design2 .system-message.red {
    top: 42px;
}

.get-started-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* center a.buttons. Removing this for now (giltsl)*/
/*#da-content div.design2 a.button {*/
/*line-height: 20px;*/
/*}*/


/* webflow css fixes */

/*avoid logo stretching*/
.os-table-icon {
    object-fit: contain;
}

div.design2 nav .build-overview-dropdown-link {
    color: #999;
}

.build-overview-dropdown-text.w--current {
    background-color: #0282f8;
    border-radius: 200px;
}

.build-overview-dropdown-text div {
    color: black;
    opacity: .5;
    padding-top: 1px;
}

.build-overview-dropdown-text.w--current div {
    color: white;
    opacity: 1;
}

div.design2 .login-submit-button {
    float: left !important;
}

div.design2 .pimple.disconnected {
    display: block !important;
    left: inherit !important;
    right: 24px !important;
}

div.design2 .white-login-form {
    min-height: 0px !important;
}

div.design2 .apps.nav-menu-dropdown-list .app-menu-subtitle {
    padding-left: 36px;
    top: 5%;
    width: 240px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* tooltip text align */
div.design2 .sideways-tooltip-content {
    text-align: left !important;
}

/* fix build overview tabs */
div.design2 .w-tab-menu img.tab-arrow {
    width: 40px !important;
}

table.da-table thead tr th {
    font-weight: 700 !important;
    height: 55px;
}

table.da-table thead {
    background-color: #f4f6f9;
    color: #777;
}

table.da-table tr td {
    height: 48px;
    background-color: white;
}

table.da-table tr:hover td {
    background-color: #f5f5f5 !important;
}

table.da-table tr.row-unread td {
    background-color: white;
}

div.design2 .favorites-star {
    /* centering star with css */
    left: 4px;
}

div.design2 .email-invite-form-wrapper {
    /* changed width to prevent wrapping of phone number */
    width: 350px !important;
}

div.design2 .visual-data-block .tooltip-top.w-dropdown {
    z-index: 0 !important;
}

div.design2 .trial-end-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 680px;
    min-height: 120px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: 1px solid #383838;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 7px 28px -2px rgba(0, 0, 0, .46);
    color: #1c1c1c;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
}

div.design2 .trial-end-text {
    color: #0282f8;
    font-weight: 400;
}

div.design2 .trial-end-link {
    color: #0282f8;
    font-weight: 500;
}

div.design2 .close-icon {
    position: relative;
    left: 50%;
    top: 0px;
    right: 0px;
    display: block;
    width: 28px;
    height: 24px;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #383838;
    font-size: 28px;
}

div.design2 .close-icon:hover {
    color: #0282f8;
}

div.design2 .throwable-pre {
    padding: 5px;
    border: hidden;
    overflow: auto;
    word-wrap: normal;
    white-space: pre;
    cursor: pointer;
}

div.design2 .throwable-ts {
    text-align: center;
    width: 50px;
}

div.design2 .throwable-pre .extra {
    display: none;
}


div.design2 .info-unchanged {
    background-color: #afafaf !important;
}

div.design2 .input-text-container {
    min-width: 380px !important;
}

div.design2 .input-locked {
    cursor: default !important;
}

div.design2 .input-placeholder {
    padding-right: 5px !important;
    margin-left: 5px !important;
    padding-left: 5px !important;
}

div.design2 .system-message {
    display: block !important;
}

div.design2 .lp-error {
    margin-bottom: 8px;
    max-width: 940px;
    align-items: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

div.design2 .settings-dropdown-list {
    cursor: pointer;
}

div.design2 .checkbox-label-and-desc {
    cursor: pointer !important;
}

div#nprogress {
    z-index: 20000 !important;
    position: fixed;
    top: 0px;
}

div#nprogress .bar {
    height: 3px !important;
}

table.da-table td.data-table-email {
    max-width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dashboard-system-message {
    height: 42px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 16px;
    line-height: 42px;
    border-radius: 3px;
    box-shadow: 0 2px 10px -4px rgba(0, 0, 0, .35);
}

.dashboard-warning-message {
    background-color: rgb(241, 235, 41) !important;
    color: black;
}

.dashboard-error-message {
    background-color: rgb(218, 21, 3) !important;
    color: white;
}

/*.dashboard-error-message a, .dashboard-error-message a:visited {*/
/*	color: white;*/
/*	text-decoration: underline !important;*/
/*}*/

/*.dashboard-warning-message a, .dashboard-warning-message a:visited {*/
/*	color: black;*/
/*	text-decoration: underline !important;*/
/*}*/

.user-preferences-controller .w-tab-content {
    overflow: auto !important;
    margin-top: 30px;
}

.user-preferences-controller form input[type=submit] {
    color: white;
}

/* badge for feedbacks in navbar */
.design2 .nav-container .nav-menu-link.feedbacks span {
    background-color: red;
    color: white;
    padding: .25em .6em;
    border-radius: 4px;
    margin-left: 4px;
    margin-right: 4px;
}

/* dashboard widget label with two lines */
div.design2 .widget-label {
    line-height: 15px;
}

/* notifications center */
.design2 nav.notifications .notification-menu-list {
    max-height: inherit;
}

.design2 nav.notifications a.notification-menu-block {
    height: auto;
}

.design2 nav.notifications .notification-menu-text-block {
    top: 0px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}


/* code highlighter for export appium */
.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #222
}

.hljs, .hljs-subst {
    color: #aaa
}

.hljs-section {
    color: #fff
}

.hljs-comment, .hljs-meta, .hljs-quote {
    color: #444
}

.hljs-bullet, .hljs-regexp, .hljs-string, .hljs-symbol {
    color: #fc3
}

.hljs-addition, .hljs-number {
    color: #0c6
}

.hljs-attribute, .hljs-built_in, .hljs-builtin-name, .hljs-link, .hljs-literal, .hljs-template-variable, .hljs-type {
    color: #32aaee
}

.hljs-keyword, .hljs-name, .hljs-selector-class, .hljs-selector-id, .hljs-selector-tag {
    color: #64a
}

.hljs-deletion, .hljs-template-tag, .hljs-title, .hljs-variable {
    color: #b16
}

.hljs-doctag, .hljs-section, .hljs-strong {
    font-weight: 700
}

.hljs-emphasis {
    font-style: italic
}

/* ***** */

.text-underline-on-hover:hover {
    text-decoration: underline;
}

.select2-search-choice {
	font-size: 13px
}

@font-face {
    font-family: proxima-nova;
    src: url(https://cdn1.saucelabs.com/web-ui/fonts/669eada947a1a766e3410cb3c64003f9.woff2) format("woff2"),url(https://cdn1.saucelabs.com/web-ui/fonts/47f9110c8091b1105a7dbfebd872b669.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: proxima-nova;
    src: url(https://cdn1.saucelabs.com/web-ui/fonts/bff6082d5ed185e162405c1631998e9e.woff2) format("woff2"),url(https://cdn1.saucelabs.com/web-ui/fonts/08d500015e4156c37d47b660dd2277af.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: proxima-nova;
    src: url(https://cdn1.saucelabs.com/web-ui/fonts/bab814d5e5bd38c38d2991c0f4bec04c.woff2) format("woff2"),url(https://cdn1.saucelabs.com/web-ui/fonts/a3a0fe965472478a40338e4b0ab1f62c.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: proxima-nova;
    src: url(https://cdn1.saucelabs.com/web-ui/fonts/3c38200bc54b8ead508a03d4e16627ea.woff2) format("woff2"),url(https://cdn1.saucelabs.com/web-ui/fonts/331eb9075ac7f17d4838f9a944f7cd78.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}