/* 
    Created on : Jul 8, 2018, 9:33:52 PM
    Author     : Charles
*/

/* header */
.navbar.navbar-static-top{
  padding-left: 30px;
}

.main-header .navbar{
  background-color: #aababf !important;
}

.main-header .navbar li a{
  color: black !important;
}

/* main container */
.layout-top-nav .content-wrapper, .layout-top-nav .main-footer{
  padding-left: 30px;
}

/* Logo */
.navbar-brand {
  padding-top: 5px;
}

/* Grids / Table cells padding */
.ewGridUpperPanel.panel-heading,
.ewGridLowerPanel.panel-footer,
.ewGrid .ewTable > thead > tr > th,
.ewGrid .ewTable > tbody > tr > td,
.ewGrid .ewTable > tfoot > tr > td{
  padding: 10px;
}

/* CRUD buttons */
.ewGrid .ewTable > tbody > tr > td.ewListOptionBody a.ewEdit,
.ewGrid .ewTable > tbody > tr > td.ewListOptionBody a.ewCopy,
.ewGrid .ewTable > tbody > tr > td.ewListOptionBody a.ewDelete {
  padding-top: 6px;
  padding-bottom: 5px;
}

/* Monitor, Report buttons */
.ewGrid .ewTable > tbody > tr > td.ewListOptionBody a.btnMonitor {
  margin-left: 10px;
}

/* Grids / tables min width */
.ewGrid{
  min-width: 600px;
}

.label-info {
  background-color: #AA0000 !important;
  min-width: 23px;
  display: inline-block;
}

/* do not display header and move breadcrumbs to the left */
.content-header h1 {
  display: none;
}
.content {
  clear: both;
  margin-top: 20px;
}
.content-header {
  float: left;
  margin-left: 15px;
}
.content-header >.breadcrumb {
  position: relative;
  padding: 5px 0 15px 0;
  background: transparent;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

/* home icon */
span.glyphicon.glyphicon-home.ewIcon {
  font-size: 18px;
}
.content-header >.breadcrumb li:before{
  color: none;
}

/* breadcrumbs coloring and size */
#ewPageCaption {
  font-size: 20px;
  font-weight: bold;
  color: black;
}


/* Players butons width */
.ewRowLink.ewDetail{
  min-width: 93px;
}

/* hosts icons */

td[data-name="host_id"]{
  background: no-repeat 8px 5px;
  padding-left: 45px !important;
}

td[data-name="host_id"][data-hostname="YouTube"]{
  background-image: url(../images/youtube-thumb.png);
  color: #bf282a;
}

td[data-name="host_id"][data-hostname="Twitch"]{
  background-image: url(../images/twitch-thumb.png);
  color: #6441a5;
}

/* Project: Active table cell */
td.activeProject{
  background-color: green;
  color: white;
}

.ewGrid .ewTable .ewTableHighlightRow> td.activeProject{
  background-color: darkgreen;
  color: white;
}

.ewGrid .ewTable .ewTableSelectRow > td.activeProject{
  background-color: #004800;
  color: white;
}