/*-------------------------------*/
/*            Branding           */
/*-------------------------------*/
#header {
    background: #fff;
    color: #333444;
    overflow: visible;
    padding: 0px;
}
#content {
    padding: 0px;
}
#branding h6 {
    margin-top: 1px;
}

.module h2, .module caption, .inline-group h2v {
    background: #2196F3;
}
.object-tools a:focus, .object-tools a:hover {
    background: #75ff8c;
}

div.breadcrumbs {
    background: #fff;
    color: #333444;
    font-weight: 300;
    padding: 0px 15px;
}
div.breadcrumbs a {
    color: #6acdff;
    }
h2 {
  font-family:sans-serif;
}
fieldset, fieldset.module {
    display: block;
}
.submit-row a.deletelink {
    height: auto;
}
th.field-name {
    max-width: 100%;
    white-space:nowrap;
}

.avatar {
  max-width: 150px;
}
img {
  max-width: 100%;
}
h3 {
  font-size: 16px;
  margin:0 0 0.3rem;
  font-weight: normal;
  font-weight:bold;
}
p {
  margin:0;
}
.avail-cols-container {
  border:solid 1px #ccc;
  border-radius: 5px;
  padding:10px;
  margin:10px;
  background-color: #eee;
}
input {
  border:solid 1px #ccc;
  border-radius: 5px;
  padding:7px 14px;
  margin-bottom:10px
}
input:focus {
  outline:none;
  border-color:#aaa;
}
.sort {
  padding:5px 5px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #28a8e0;
  height:35px;
  width: 110px;
}
.sort:hover {
  text-decoration: none;
  background-color:#1b8aba;
}
.sort:focus {
  outline:none;
  
}
.sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
} 

#l2 .newtxt {
    display: inline;
}
#list1 .newtxt {
    display: none;
}
#l2 .removedtxt {
    display: none;
}
#list1 .removedtxt {
    display: inline;
}

#addFilterBtn {
    font-size:9px;
    
    
}
.isrounded {
    border-radius: 1em;
    padding: 3px 7px; 
}

.whitebg {
    background-color:#ffffff;
    }

.bluetxt {
    color:#0061ff;
    }

.greytxt {
    color:#aaa;
    }

.filter_label {
    display:block; 
    float: left;
    width: 57px;
    text-align:left;
    height:20.5px;
    margin-top:1px;
    vertical-align: middle;
}
.searchclear {
    position: relative;
    right: 25px;
    top: -2px;
    

}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 22px;
  margin-bottom: 0px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.toggle-label {
    vertical-align:7px;
}

.scrollable-menu { 
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
.filter-section {
    vertical-align: top;
}

.filter-group {
    display: inline-block;
    vertical-align: top;
}

.filter-name {
    display: inline-block;
    vertical-align: top;
}

.border-none {
    border: none;
}

.filter-group-btn {
    color: rgb(255, 255, 255);
    background-color: #34b4ff;
}

a:hover.nolinelink {
    text-decoration: none;
}

.filter-section .glyphicon-remove-circle:before {
    vertical-align: top;
}

.btn.checkmark {
    opacity: 0.3;
}

.btn.checkmark.active {
    opacity: 1;
}


.btn.checkmark span.glyphicon {
    opacity: 0;

}

.btn.checkmark.active span.glyphicon {
    opacity: 1;
}