/* These styles are generated from project.scss. */

#update-screen{
  z-index:10;
  margin-bottom: 10px;
}

#emailReport{
  z-index:10;
}

#start_ms, #stop_ms{
  width: 90px;
}

.breadcrumb{
  font-size: 16px;
}

.left-cell {
  text-align: left !important;
 }

.checkbox.relevance{
  margin-top:5px !important;
  margin-bottom:5px !important;
}

.checkbox.relevance label{
  min-height: 30px !important;
}

.action{
  justify-content:center;
  align-items:center;
  height: 35px;
  width: 100px;
  padding-bottom: 5px;
}

.action.review{
  background-color: #fdcb11;
}

.action.previous{
  background-color: #858585;
  color: #000000;
}

region.wavesurfer-region:before {
  content: attr(data-region-label);
  position: absolute;
  top: 0;
}

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

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

#schedule-aspect{
  display:none
}

.float-first{
	position: fixed !important;
	bottom:90px;
	right:40px;
}

.float{
	position: fixed !important;
	bottom:40px;
  right:40px;
  z-index: 100;
}

.float-right-secondary{
	position: fixed !important;
	bottom:40px;
  left:250px;
  z-index: 100;
}

.my-float{
	margin-top:22px;
}


.padding-top{
  padding-top: 10px;
}

.hidden{
  display:none;
}

.no-work{
  height: 300px;
  display: flex;
  align-items: center;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.login-box{
	width: 800px;
}

.controls input,.controls select{
  height: 30px !important;
}

.form-group input,.form-group select{
  /* height: 30px !important; */
}

.padding-top{
  padding-top:15px;
}
.form-group{
  margin-left: 5px;
  margin-right: 5px;
}
.login-box-body{
	width:800px;
}

.line-left{
  border-left: 1px solid #e9e9e9;
}
.line-right{
  border-right: 1px solid #e9e9e9;
}

.content-wrapper, .right-side {
  background-color: #f2f3f8;
}

.navbar, .panel-body{
  -webkit-box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.2);
  box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.2);
}


.box, .info-box{
  -webkit-box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.2);
  box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.2);
  border-top:none;
}

/* Changing the color of the nav bar */
.skin-blue-light .main-header .navbar {
    background-color: #328C89;
}

.skin-blue-light .main-header .logo {
     background-color: #328C89;
}

.skin-blue-light .main-header .logo:hover{
     background-color: #328C89;
}

.site-logo-login {
  width: 305px;
  height: 95px;
}

.site-logo {
  width: 260px;
  height: 100px;
  padding: 10px 0 10px 0;
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover{
    color: #328C89;
}

.main-sidebar{
  background-color:white !important;
}

.skin-blue-light .sidebar-menu>li.active {
  border-left-color: white !important;
}

#update-row-th{
  padding: 0;
  margin: 0;
}

#update-row-td{
  padding: 0;
  margin: 0;
  text-align:center;
  vertical-align:middle;
}
select.loop {
    min-width: 80px;
    margin: 10px;
}

.scrollable{
  overflow-x: scroll;
  overflow-y: hidden;
}

.playlist{
  overflow-y: auto;
  height:250px;

}

#ReportTableTable tr[status='0'] {
  background-color: #df738b;
}

#ReportTableTable tr[status='1'] {
  background-color: #f5f782;
}

/*Preloader Overlay*/

#loader {
  display:    none;
  position:   fixed;
  z-index:    1000;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, 0.99 )
              url('../images/preloader.gif')
              50% 50%
              no-repeat;
}

/* When the body has the loading class, we turn
 the scrollbar off with overflow:hidden */
body.loading #loader {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
 modal element will be visible */
body.loading #loader {
  display: block;
}

.dtf{
  margin:0 !important;
}
.dtb{
  margin:0 !important;
  padding-bottom: 10px;
}

.dtr-title{
  display: none !important;
}

.highlight-text{
  background-color: #ffff86bf;
}

.dropdown-menu {
  width: 380px !important;
}

table.dataTable span.highlight {
  background-color: #FFFF88;
  border-radius: 0.28571429rem;
}

table.dataTable span.column_highlight {
  background-color: #ffcc99;
  border-radius: 0.28571429rem;
}