body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fa-with-default-fonts {
    font-family: "FontAwesome", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* {
    -webkit-font-smoothing: antialiased;
}

body[tr-browser-limitations~="modal-fixed-scroll"].modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}

body[tr-browser-limitations~="modal-overflow-scrolling-bug"].modal-open,
body[tr-browser-limitations~="modal-overflow-scrolling-bug"].modal-open > .modal {
    -webkit-overflow-scrolling: auto !important;
}

body[tr-browser-limitations~="no-audio-upload"] .hide-no-audio-upload {
    display: none !important;
}

.show-no-audio-upload {
    display: none !important;
}

body[tr-browser-limitations~="no-audio-upload"] .show-no-audio-upload {
    display: block !important;
}

.loading-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #5d5d5d;
    opacity: 0.25;
    filter: alpha(opacity=25);
    z-index: 950;
}

.modal .modal-content .loading-overlay {
    opacity: 0.5;
}

.loading-over-image {
    width: 66px;
    height: 66px;
    margin: -33px 0 0 -33px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.loading-over-text {
    font-size: 24px;
    color: #000000;
    width: 100%;
    position: absolute;
    top: calc( 50% - 33px);
    text-align: center;
}

/** utility classes **/
.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.vertical-center {
    vertical-align: middle;
}

.well-transparent {
    background-color: transparent;
}

.alert.alert-grey {
    background-color: #f5f5f5;
    border-color:#e3e3e3;
    color: #737373;
}

.no-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tr-break-word {
    word-wrap: break-word;
}

.tr-popover-lg {
    max-width: 350px;
}
.tr-popover-fit {
    word-break: break-all;
}

.form-control.auto-width {
    width: auto;
}

.form-control.display-inline {
    display: inline;
}

.bold {
    font-weight: bold;
}

/** Custom Colors **/
.text-dark-grey {
    color: #1d1d1d;
}

a.text-dark-grey:hover {
    color: #383838;
}

.text-non-pristine {
    color: #da8300;
}

.color-tr-orange {
    color: #ff7100;
}

.has-error .help-text {
    color: #a94442;
}

/** component specific updates **/
.vertical-center .label{
    vertical-align: middle;
    padding: .4em .6em;
}

/** misc: unsorted **/
a.disabled:hover {
    cursor: not-allowed;
    text-decoration: none !important;
}

a.disabled.text-muted:hover {
    color: #777;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: 500;
  color: #555;
}

.form-horizontal label {
    margin-top: 0;
}

.login .well h3 {
    margin-top: 0;
}

.btn-primary {
   color: #ff7100;
   outline: none;
   background-color: transparent;
   border-color: #ff7100;
   border-radius: 4px;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #ff7100;
    border-color: #ff7100;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
   color: #ff7100;
   outline: none;
   background-color: transparent;
   border-color: #ff7100;
   border-radius: 4px;
}

.btn-primary:hover {
    color: #ff7100;
    outline: none;
    background-color: transparent;
    border-color: #ffbf8c;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    color: #ffffff;
    background-color: #ff7100;
    border-color: #ff7100;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #e3e3e3;
    opacity: .75;
}

.btn-primary .badge {
    color: #428bca;
    background-color: #fff;
}

.fa.icon-left,
.btn > .fa.icon-left {
    padding-right: 10px;
}

.menu-option-number .btn {
    padding: 10px;
    margin: 5px;
}

.menu-option-number {
    float: left;
    position: relative;
    min-height: 1px;
}

.link-dashed-underline {
    text-decoration: none;
    border-bottom: 1px dotted #BBB;
}

.flex-display {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

[ng-click]:not(.modal), [ui-sref], .clickable {
    cursor: pointer;
}

div.wrapper.body div.user_bundle {
    padding-top: 25px;
}

.row.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.tr-remove-circle:hover i.fa {
    color: #777777 !important;
}

/* Talkroute orange button */
.tr-btn-play {
    color: #A0A09D !important;
}

.tr-btn-play.file-selected {
    color: #ff7100 !important;
}

.form-group.has-error .btn-default {
    color: #a94442;
    border-color: #a94442;;
}

/* make tool tips white */
.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=1);
}
.tooltip-inner {
    color: #000000;
    padding: 5px 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #cccccc;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #cccccc;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #cccccc;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #cccccc;
}

#account-extensions .fa.fa-angle-right {
    display: inline;
}

.btn.font-weight-400 {
    font-weight: 400;
}

.center-text {
    text-align: center;
}

.left-text {
    text-align: left;
}

#login_navigation > .btn-group > .btn-default {
    cursor: auto;
}

#login_navigation > .btn-group > .btn-default:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}
#upgrade_plan_modal_content {
    min-height: 475px;
}

#upgrade_plan_modal_content div.step_heading {
    font-size: 2.8em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

#upgrade_plan_modal_content div.step_heading .step_subheading  {
    font-size: 0.5em;
    font-weight: 200;
}