@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,500i,600,700&display=swap&subset=latin-ext');
body {
	font-family: 'IBM Plex Sans', sans-serif;
	padding-top: 100px !important;
}
h2 {font-size: 36px; font-weight: 400;}
.lead {margin-bottom: 0px; font-size: 16px;}
h1, h2, h3, h4, h5, h6 {font-family: 'IBM Plex Sans', sans-serif;}
/* --- Navbar --- */

.navbar-fixed-top .navbar-inner {
    min-height: 20px;
    padding: 8px 20px 0px 0px;
    background-color: #f2f2f2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}
.navbar .brand {color: #333;}

.navbar-inner .btn {color: #333;}
.navbar-inner .btn, .btn-group > .dropdown-toggle {
  background: transparent; border: 0;
   -webkit-box-shadow: none; 
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-group.open .btn-inverse.dropdown-toggle {color: #fff;}


/* --- Login --- */

#wrapper {
margin: -150px 0 0 -150px !important;
}
.well.form-inline {
  box-shadow: none;
  -webkit-box-shadow:none;
  border-radius: 0;
  padding: 40px;
}

.well.form-inline h2 {font-size: 22px;}

/* --- Search --- */
.input-medium.search-query {
    border: 0px;
font-size: 15px;
padding: 2px 10px;
margin: 0;
text-transform: none;
max-width: 100%;
background: #f2f2f2;
color: #241f20;
height: 28px;
resize: none;
}

/* --- Btns --- */
.btn {
    padding: 5px 8px 5px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    border-radius: 3px;
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000;
}

.btn:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
}
.btn.active, .btn:active {
  background-color: #ffd662;
}

.btn-primary {
  background-image: none;
}

.btn.disabled, .btn[disabled] {color: #444;}
.btn.disabled:hover, .btn[disabled]:hover {}
.btn.active, .btn:active {}

.btn-group.tracking .btn {background: #fdfdfd;border-color: #e2e2e2;}
.btn-group.tracking .btn.active, .btn-group.tracking .btn:active {
    background-color: #ffd662;
}

/* --- labels  --- */
.control-label {font-weight: 600;}

/* --- forms --- */

.label, .badge {border: 0px;}
.label {
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: 700;
    background: #efefef; color:#222;
}

.badge {border-radius: 2px;}
.label-success, .badge-success {
    background-color: #49af72;
    color:#fff;
}


/* --- tables --- */
.tablesorter-default .tablesorter-header {border-bottom: 1px solid #222;}
.table-striped tr th {border-bottom: 1px solid #222;}

table.table-striped tr td {
    border-bottom: 1px solid #e8e8e8;
}

.table-striped tr td:first-child span.label {display: inline-block; min-width: 28px; text-align: center;}
#brands-table .btn {background: #f2f2f2; border-color:#f2f2f2;}


/* --- tabs --- */
.nav-tabs > li > a {border: 0;}
.nav-tabs > li > a.tab-active {background: #f2f2f2;}
.sidebar-box ul li.active a, .nav > li > a:hover {background: #f2f2f2; }



.sidebar-box, .sidebar-box:hover  { background: #f2f2f2; -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow:none;
  }
  

    
.sidebar-nav {padding: 20px 8px; margin-left: -20px;}
.sidebar-box ul li a {color: #222; font-size: 15px; padding: 5px 0 5px 12px; font-weight: 500;}
.sidebar-box ul li a i {display: inline-block; width: 15px; color: #222; font-size: 13px;}
.sidebar-box h3, .sidebar-box p {color: #222;}
.nav-list > li > a, .nav-list .nav-header {color: #fff; text-shadow:none;}


.nav-list > .active > a, .nav-list > .active > a:hover {
    color: #000;
    text-shadow: none;
    background-color: transparent !important;
}
.sidebar-box ul li.active a {color: #000;}

.nav-list .nav-header {
    text-transform: uppercase;
    font-size: 11px;
    color: #828282;
    line-height: normal;
    padding: 0 15px;
    font-weight: 500;
    letter-spacing: .5px;
    margin: 15px 0 5px -18px;
}

.campaign-list tr td {font-size: 12px; white-space: nowrap;}
.campaign-list tr td:first-child {font-size: 14px; white-space: normal; max-width: 50%;}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border: 0px;
    font-size: 15px;
    padding: 2px 10px;
    margin: 0 0 10px 0;
    text-transform: none;
    max-width: 100%;
    background: #f2f2f2;
    color: #241f20;
    height: 35px;
    resize: none;
}
textarea {padding: 10px;}




@media (min-width: 1200px) {
	.row-fluid .span10 {
	    width: 82.905982906%;
	    max-width: 1400px; 
	}
}