/* BOOTSTRAP ---------------------------------------------------------------- */

.page-wrapper-0 { border:0!important; margin:0!important; }

/* Buttons */
.btn-xs i.fa, .btn-sm i.fa { font-size:14px; }
table .btn-group .btn-xs { width:26px; }

/* Breadcrumb */
.breadcrumb { margin:15px 0 0 0!important; }

/* Navbar */
.navbar .navbar-collapse { padding:0!important; }
.navbar .navbar-collapse.in { padding:0 15px!important; }
.nav-tabs { margin:0 0 15px 0!important; }
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:active,
.nav-tabs > .active > a:focus { outline: 0; }

.navbar .pagination { margin:8px 0 0 0; }
.navbar .navbar-form { padding-left:0; padding-right:0; }
.navbar .navbar-collapse.in .navbar-form { padding:10px 15px; }
.navbar .navbar-sds-container { margin:8px 0 0 0; }
.navbar h4 { margin:7px 0; }

.checkbox { padding:0 0 4px 0; }

.radio, .checkbox { margin-top:5px; }

.btn-group > .btn + .dropdown-toggle { padding-left:6px; }

/* Modal */
.modal-body { max-height:calc(100vh - 210px); overflow-y:auto; }

.typeahead { z-index: 1051;}


/* Sortable ----------------------------------------------------------------- */

body.dragging, body.dragging * { cursor:move!important; }
.dragged { position:absolute; opacity:0.5; z-index:2000; }
#tracks tbody tr.placeholder { position:relative; }
#tracks tbody tr.placeholder td { height:1px; background:#0000ff; }
#tracks tbody tr.placeholder:before { position: absolute; content: ""; width:0; height:0; margin-top:-5px; left:-5px; top:-4px; border:5px solid transparent; border-left-color:#337ab7; border-right:none; }

/* TypeAhead ---------------------------------------------------------------- */

.tt-query, .tt-hint { padding:8px 12px; border:2px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; }
.tt-query { -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.tt-hint { color:#999 }
.tt-dropdown-menu { margin-top:32px; padding:8px 0; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,.2); box-shadow:0 5px 10px rgba(0,0,0,.2); }
.tt-suggestion { padding:3px 10px; }
.tt-suggestion.tt-cursor { color:#fff; background-color:#0097cf; }
.tt-suggestion p { margin:0; }

.form-group span.twitter-typeahead { display:block!important; }

/* SDS ---------------------------------------------------------------------- */

#dropzone { line-height: 34px; border: 3px dashed #DDD; color: #ccc; padding: 25px; text-align: center; margin: 0 0 30px 0; }
#dropzone.hover { border: 3px dashed #BBB; color: #aaa; }
#draglabel { font-size: 22px;  }
#fileselector { line-height:18px; }

#player { margin:0 20px -12px 0; }
#modal-player { margin:-27px 50px 0 0; }

.datepicker {z-index:1151 !important;}

.duration-status-bar { margin:0 0 15px 0; }
.duration-status-bar h3 { margin-top:0; }
.duration-status-bar .col-lg-4, .duration-status-bar .col-lg-8 { padding:0; }

.list-empty { padding:12px; }

.datepicker * {
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}

#tracks span.glyphicon-move { cursor:pointer; }

.console-box, .console-box-error { padding:8px; margin-bottom:10px; }

.logo-box img { margin:10px 0 0 0; }