.dropdown.bootstrap-select.show-tick.bs3.show{
  position: relative;
}
body,body .wrapper .section-container{
  background: #fff;
}
.section-container:not(.the-dashboard) .btn {
  padding: 6px 20px;
  border-radius: 20px;
  border: none;
}

.wrapper > .section-container:not(.the-dashboard) .content-wrapper > div:not(:first-child), .wrapper > .section-container .content-wrapper > form{
  
  border: 1px solid #cfdbe2;
  border-color: #cfdbe2;
  padding: 0.9375rem;
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.25rem;
  border-top-width: 3px;
  margin-bottom: 1.25rem;
}

.wrapper > .section-container:not(.the-dashboard) .content-wrapper > div:last-child , .wrapper > .section-container:not(.the-dashboard) .content-wrapper > form:last-child{
  padding-bottom: 35px;
}

.venue-edit .content, .venue-edit button[type="submit"], .create-roles button[type="submit"], .edit-brands button[type="submit"], .edit-roles button[type="submit"]{
  margin: 20px 0px;
}
.venue-edit input{
  padding: 5px 10px;
  min-width: 100%;
}
.create-roles input{
  max-width: 300px;
}
.venue-edit select{
  padding: 6.5px 10px;
  min-width: 100%;
}
.show-brands .form-group > div{
  max-width: 25%;
  float: left;
  padding: 8px 15px;
  background: #18156d;
  border-radius: 50px;
  margin-right: 10px;
  color: #fff;
}
.create-roles h6{
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #cfdbe2;
}
.h1, .h2, .h3, h1, h2, h3{
  margin-top:4px!important;
}
.dataTables_filter{
  margin-bottom:13px;
}
table.dataTable thead .sorting_asc {
  background-image: url(https://cdn.datatables.net/1.10.25/images/sort_asc.png) !important;
}
table.dataTable thead .sorting{
  background-image:url(https://datatables.net/media/images/sort_both.png);
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting_desc {
  background-image: url(https://cdn.datatables.net/1.10.25/images/sort_desc.png) !important;
}
#mainTable.dataTable thead .sorting{
  background-position: top right;
  background-origin: content-box;
}

.section-container > .content-wrapper > .row > .col-lg-12{
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}

.section-container > .content-wrapper > .row{
  margin-left: 0px;
  margin-right: 0px;
}

.edit-brands .holder{
  margin-bottom: 65px;
}

.show-role label, .show-user label{
  max-width: 25%;
  float: left;
  padding: 8px 15px;
  background: #337ab7;
  color:#fff;
  border-radius: 50px;
  margin: 0  10px 10px 0;
  font-size:14px;
}

.linked-locations{
  max-width: 25%;
  float: left;
  padding: 8px 15px 0px;
  background:#18156d;
  border-radius: 50px;
  margin-right: 10px;
  color: #fff; 
}
.create-roles label, .edit-brands label, .edit-roles label{
  width: 25%;
  float: left;
  margin-bottom: 10px;
}

@media only screen and (max-width:480px){
  .create-roles label, .edit-brands label, .edit-roles label{
    width: 100%;
  }
  .linked-locations{
    max-width: 100%;
    margin-bottom: 10px;
  }
} 

@media only screen and (min-width:481px) and (max-width:768px){
  .create-roles label, .edit-brands label, .edit-roles label{
    width: 50%;
  }
  .linked-locations{
    max-width: 50%;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width:769px) and (max-width:1080px){
  .create-roles label, .edit-brands label, .edit-roles label{
    width: 33.33%;
  }
  .linked-locations{
    max-width: 33.33%;
    margin-bottom: 10px;
  }
}
.deleteLinks{
  /* border-top: 1px solid #bdbdbd; */
  margin-top: 10px;
  padding: 20px 0;
}

.navbar.topnavbar{
  border-radius: 0px!important;
}

/* .create-roles .form-group > div{
  margin-top:30px;
} */

.pull-left .h2,h2{
  font-size: 20.5px!important;
}
.section-container .btn-danger{
  background-color: #2e3192;
  
}

.section-container .btn-danger:hover{
  background-color: #18156d;
}

.section-container .btn-info{
 background-color: #00d468;
}

.section-container .btn-info:hover{
  background-color: #00FC57;
}
.section-container tr:nth-child(odd){
  background-color: #f7f7f7;
}

.card.card-default.card-demo .dropdown-menu.open.show{
  transform: none!important;
  top: 34px!important;
}
.the_metrics .row > div{
  display: inline-table;
}

#dashboard_master_chart2_type{
  white-space: nowrap;
  width: 100% !important;
}

#brand-selector-container {
  width: 20%;
  float: right;
}

@media screen and (max-width: 1180px) {
  #brand-selector-container{
      margin-right: 100px;
    }
}

#dashboard_master_chart2_date{
  min-width:100%!important;
  white-space: nowrap;
}
@media only screen and (min-width:1333px){
  .the_metrics .row > .col-md-3{
    max-width:22%!important;
  }
}
@media only screen and (max-width:888px){
  .the_metrics .row > div{
    max-width:none;
  }
}
.filter-green{
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(155deg) brightness(0%) contrast(0%);
}
@media screen and (max-width: 2131px) {
  .align-items-center {
    min-height: 100px !important;
  }
}

@media screen and (max-width: 1514px) {
  .align-items-center {
    min-height: 117px !important;
  }
}
.text-uppercase {
  font-size: 14px;
}

.h2 {
  font-size: 24px;
}

.no-overflow {
  max-height: none !important;
}
.card-title button>.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #fff;
  color: #000;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-family: "Source Sans Pro", sans-serif !important;
  position: absolute;
  right:150px;
  top:5px;
  z-index: 1;
}

.card-title button:hover .tooltiptext {
  visibility: visible;
}

body#vicinity.login, .navbar.topnavbar{
  background-image: url(/vicinity/img/background-only.png)!important;
  background-position:cover;
}

.the-metrics{
  width: fit-content;
  float:left; 
  margin: 0 7.5px;
}

@media only screen and (min-width:964px) and (max-width:1250px){
  .the-metrics{
    width:calc(33.33% - 15px);
  }
}

@media only screen and (max-width:963px){
  .the-metrics{
    width:calc(100% - 15px)!important;
  }
}


body .metrics-container{
  width:calc(100% - 30px);
  margin:0 15px;
}
@media only screen and (min-width:749px) and (max-width:845px){
  #dashboard_master_chart2_date{
    white-space: inherit;
  }
}
/* @media only screen and (max-width:1721px){
  .mobile-only{
    display:block!important;
  }
  .large-desktop{
    display: none!important;
  }
}

@media only screen and (min-width:1722px){
  .mobile-only{
    display:none!important;
  }
  .large-desktop{
    display: block!important;
  }
} */

@media only screen and (min-width:1500px) and (max-width:2000px){
  #dashboard_master_chart2_date{
    width: 100%!important;
    min-height: 34px!important;
  }
}
body#vicinity.login, .navbar.topnavbar{
  background-image: url(/img/background-only.png)!important;
  background-position:cover;
}

@media only screen and (min-width:1500px) and (max-width:2000px){
    #dashboard_master_chart2_date{
      width: 100%!important;
      min-height: 34px!important;
   }
}

@media only screen and (min-width:521px) and (max-width: 768px){
  body#vicinity.login .logo-bars{
    width: 33%;
    display: inherit;
  }
}

@media screen and (max-width: 520px){
  body#vicinity.login .logo-bars{
    width: 40%;
    display: inherit;
  }
}

@media only screen and (max-width:1850px){
  .card.flex-row .text-uppercase{
      font-size: 11px; 
      margin-top: 7px;
  }
}

@media only screen and (min-width:1290px) and (max-width:1183px){
  .the_metrics .card-body > .row > .col-xl-2.col-lg-4.col-md-4:last-child{
    max-width: 153px!important;
  }
  .the_metrics .card-body .row .col-md-4:last-child .btn {
    padding: 6px 11px!important;
  }
}

#venue_performance .geolytics-pill.col-md-3, #ooh_site_performance .geolytics-pill.col-md-3, #geolytics-pills .geolytics-pill.col-md-3, #geolytics-pills > .col-md-12 > .geolytics-pill.col-md-3{
  margin-right: 0;
}

.theSearch{
  transition: 0.5s;
  border-bottom:1px solid #999!important;
  border-top:0;
  border-right:0;
  border-left:0;
  display: block;
}

.theSearch.off{
  display: none;
}

#mainTable button, .card-title > button, .card-header > button{
  background: none;
  border:0;
  float:right;
}

#location_overview{
  transition:max-height 0.5s ease 0s;
  overflow-y: scroll;
  max-height: 1000px;
}

#overview-trig em{
  color: #c1c2c3;
}

.collapsedThis{
  max-height: 0px!important;
  padding: 0!important;
  overflow: hidden;
}
.collapsedThis.card-body{
  display:none!important;
}

#mainTable input{
  width:100%;
}

#mainTable th{
  vertical-align: middle;
}

.shiftup {
  margin-top: 10px;
  font-size: 18px;
}

.small-mod-title {
  font-size: 20px;
}

#flash_notice,
#flash_error {
  padding: 5px 8px;
  margin: 10px 0;
}

#flash_notice {
  background-color: #cfc;
  border: solid 1px #6c6;
}

#flash_error {
}

#brand_code {
  size: 6;
}

.clear {
  clear: both;
}

.input-big {
  float: right;
}

.input-left {
  float: left;
}

.tbl {
  width: 100%;
  height: 100%;
  float: left;
}
.tblHeader {
  width: 100%;
  height: 100%;
  float: left;
  font-weight: bold;
}
.tblRow {
  width: 100%;
  height: 100%;
  float: left;
  padding: 10px 0px;
}
.tblCell {
  width: 25%;
  height: 100%;
  border: 0px solid;
  padding-left: 10px;
  float: left;
  text-align: center;
}

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

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

.zonein_btn_text {
  padding: 10px;
}

.support-iframe {
  width: 100%;
  height: 700px;
  border: none;
  margin: 50px 0px;
}

.support-container {
  padding-left: 16.6667%;
}

.dashboard-background {
  background-image: url('/img/hipjam_dashboard.jpg');
  background-repeat: no-repeat;
  width: 100%;
  height: 600px;
}
.redBg {
  background-color: red !important;
  text-align: center;
  color: white;
}
.OfflineBg {
  background-color: red !important;
  text-align: center;
  color: white;
  width: 80px;
}
.greenBg {
  background-color: green !important;
  text-align: left;
  color: white;
}
.OnlineBg {
  background-color: green !important;
  text-align: center;
  color: white;
  width: 80px;
}
.totals {
  font-weight: bold;
}
/*#file {
    display:none;
}​*/

.graph-container {
  width: 100%;
  padding: 10px;
  clear: both;
}

.graph-container h1 {
  font-size: 18px;
  text-align: center;
}

.graphcol {
  width: 20%;
  margin: 20px;
  float: left;
  border: 2px solid !important;
}

.graphcell {
  /*border: 1px solid !important;*/
}

.widegraph {
  clear: both;
  width: 100%;
}

.reports-subheader {
}

.venuereports {
  width: 100%;
  clear: both;
}

.venuecol1 {
  float: left;
  width: 25%;
  margin-right: 20px;
}

.venuecol2 {
  float: left;
  width: 25%;
  margin-right: 20px;
}

.venuecol3 {
  float: left;
  width: 40%;
  margin-right: 20px;
}

.dashboardstat {
  border: 1px solid #999999;
  margin: 10px 0;
  overflow: auto;
  background-color: #ffffff;
  width: 150px;
}

.venuerow {
  border: 1px solid #999999;
  margin: 10px 0;
  overflow: auto;
  background-color: #ffffff;
}

.venuerowleft,
.venuerowright {
  width: 50%;
  height: 100%;
  float: left;
  height: auto;
}

.dwelltime-dialog {
  width: 50%;
}

.venuerowleft {
  border-right: 1px solid #999999;
}

.venuerowright {
  border-left: 1px solid #999999;
}

.dashboardmodStatspan {
  /*display: block;*/
  font-size: 200%;
  height: 70px;
}
.dashboardtextalign {
  text-align: center;
}

.modStatspan {
  /*display: block;*/
  font-size: 300%;
  height: 70px;
}

.modal-link {
  color: #555555 !important;
}

.modstat {
  margin-bottom: 0;
}

.dashboardmodstattitle {
  background-color: #147186;
  height: 60px;
  padding: 5px;
  color: #ffffff;
}

.modstattitle {
  background-color: #ffcc29;
  height: 60px;
  padding: 10px;
}

.modstattitlepnp {
  background-color: #6aa4d5;
  height: 60px;
  padding: 10px;
}

.modstattitlebidvest {
  background-color: #6aa4d5;
  height: 70px;
  padding: 10px;
}

.venuecolheading {
  font-size: 18px;
}

.backtovenues {
  float: right;
}

.venuefilterform {
  float: left;
}
.btn-showvenue {
}

.venueheader {
  float: left;
  margin-bottom: 20px;
  margin-right: 10px;
}

.sitename {
  font-size: 26px;
  font-weight: bold;
  margin-right: 30px;
}

.reportperiod {
  font-size: 18px;
  font-weight: bold;
}

.appcheckboxes {
  padding-right: 50px;
  float: left;
}

/*.criteriatable td {
    width: 150px;
}*/

.criteriatable {
  /*margin-left: 55px;*/
}

.logicelement {
  width: 150px;
}

.criteriadiv {
  margin-top: 20px;
}

.perioddiv {
  float: left;
}

.addcriteriabtn {
  float: left;
}

.pushname {
  padding: 0 15px 10px 15px;
  /*    padding-left: 10px;
    padding-right: 10px;*/
}

.editpush {
  float: right;
}

.submitpush {
  float: left;
  clear: both;
}

.eventsper {
  width: 100px;
  float: left;
  padding-left: 20px;
}

.numericlist {
  width: 80px !important;
}

.pushpic {
  width: 140px;
}

.positioncheckbox {
}

.criteriaheading {
  font-size: 18px;
  text-align: center;
}

.criterialistelements {
  font-style: italic;
  font-weight: bold;
}

.logicLbl {
  font-size: 16px;
  text-align: center;
}

.criteriatable {
  border-collapse: collapse;
  /*border: solid 1px #d1d1e0; */
}
.criteriaheading {
  border: none;
}
.cr {
  /*border-right: solid 1px #d1d1e0;
  border-left: solid 1px #d1d1e0;*/
  text-align: center;
}

.toptr {
  /*border-top: solid 1px #d1d1e0;*/
}

.rmfirstcol {
  float: left;
}

.rmsecondcol {
  float: left;
  padding-left: 10px;
}

.rmanswersdiv {
  padding-top: 20px;
}

.hiprmandordiv {
  clear: both;
  float: left;
  padding-top: 10px;
  padding-bottom: 20px;
}

.then {
  clear: both;
}

.hiprmcriteriadiv {
  padding-top: 20px;
}

.answerlist {
  clear: both;
}

.bottomtr {
  height: 25px;
  /*border-bottom: solid 1px #d1d1e0;*/
}

.criteriabar {
  /*border-bottom: solid 4px #d1d1e0; */
}

.iftd {
  /*    border-collapse: collapse !important;
    border-right: solid 1px #d1d1e0 !important; */
}
.ifspace {
  /*width: 75px;*/
}
.measuretd {
  width: 150px;
}
.operatortd {
  width: 150px;
}
.valuetd {
  width: 150px;
}
.spacertd {
  width: 150px;
}
.spacersmalltd {
  width: 50px;
}
.counttd {
  width: 100px;
}
.periodtd {
  width: 150px;
}
.buttontd {
}
.vspace {
  height: 15px;
}

.measuretdyn {
  width: 150px;
}
.operatortdyn {
  width: 150px;
}
.valuetdyn {
  width: 150px;
}
.spacertdyn {
  width: 150px;
}
.counttdyn {
  width: 100px;
}
.periodtdyn {
  width: 150px;
}
.buttontdyn {
}

.hoursfromto {
  width: 215px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  float: left;
}

.hoursseparator {
  width: 15px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  float: left;
}

.venueposition_name {
  width: 300px;
}

.beacon_name {
  width: 180px;
}

.venuepositiontoptr {
  height: 50px;
  background-color: #f2f1f0;
}

.configureZeroRegModalClass {
  width: 1000px;
}

.brandperiod,
.venueperiod {
  float: left;
}

.venuedaterange {
  margin-top: 5px;
}

.branddaterange,
.venuedaterange {
  float: left;
  padding-left: 20px;
}

.eventdaterange {
  float: left;
}

#myModalLabel {
  text-align: center;
}

.rscdeployed {
  text-align: center;
  color: green;
  font-size: 18px;
  font-weight: bold;
}

.rscnotdeployed {
  text-align: center;
  color: red;
  font-size: 18px;
  font-weight: bold;
}

.dayofweek {
  width: 90px;
  margin-right: 10px;
  font-size: 14px;
  /*font-weight: bold;*/
}

.datefromto,
.datefromtoheader {
  width: 250px;
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  text-align: center;
}

.datefromtoheader {
}

.userdatabtn {
  padding-left: 3px;
  float: right;
}

.notification-edit-save {
  float: right;
}

.validationerror {
  text-align: center;
  background-color: #fcc;
  color: red;
  /*border: solid 1px #C66;*/
}

#notificationdisplaywrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}

.expandcontract {
  padding-left: 20px;
}

.signalstrength {
  padding-left: 20px;
  padding-bottom: 20px;
}

.selectnotification {
  font-weight: bold;
  font-size: 18px;
}

.schto {
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  vertical-align: baseline;
}

.schedulecell {
  height: 27px;
  width: 210px;
}

.frequencydiv {
  padding-top: 10px;
}

.monitoring-form {
  float: left;
}

.monitoring-icons {
  float: right;
}

table.table-venuegrid {
  border: 2px solid black;
  border-top: 2px solid #000 !important;
  table-layout: fixed;
  width: 1500px;
}

th.table-venuegrid {
  border: 2px solid black;
  border-top: 2px solid #000 !important;
}

td.table-venuegrid {
  border: 2px solid black;
  border-top: 2px solid #000 !important;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.gridlinks {
  color: #000;
}

.battery {
  border-style: solid;
  border-width: 1px;
  border-color: fff;
  /*width: 200px;*/
}

.batterycell {
  border-style: solid;
  border-width: 1px;
  border-color: fff;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  padding: 0px;
  text-align: center;
  color: #000;
  /*float: left;*/
}

.memberModalClass {
  width: 750px;
}

.fa-3x {
  font-size: 2em !important;
}

.tnastafftr1 {
  border-bottom: 1px solid #ddd;
}

.tnastafftable {
  border-collapse: separate;
  border-spacing: 10px;
}

.tnastafftableheader {
  text-align: center;
  background-color: #f2f2f2;
  background-color: #f2f2f2;
}

.tnastafftd_name {
  width: 250px;
}

.tnastafftd_email {
  width: 300px;
}

.tnastafftd_absence {
  text-align: left;
  width: 105px;
}

.tnastafftd_time_management {
  text-align: left;
  width: 180px;
}

.tnastafftd_ws_proximity {
  text-align: left;
  width: 160px;
}

.tnastafftd_daily {
  text-align: left;
  width: 90px;
}

.tnastafftd_weekly {
  text-align: left;
  width: 100px;
}

.tnastafftd_monthy {
  text-align: left;
  width: 100px;
}

.tnastafftd_add_update {
  text-align: left;
  width: 100px;
}

.tnastafftd3 {
  text-align: center;
  width: 400px;
}

.tnastafftd4 {
  text-align: center;
  width: 250px;
}

.tnastafftd5 {
  text-align: center;
  width: 50px;
}

.sethead1 {
  padding-left: 120px;
  width: 260px;
  float: left;
}

.sethead2 {
  padding-left: 85px;
  width: 300px;
  float: left;
}
/*$batteryWidth: 36px;
$batteryHeight: 12px;
$batteryBorderSize: 1px;
$batteryStrokeColor: #fff;
$batteryBorderRadius: 2px;
$batteryNubSize: $batteryHeight * 0.5;*/

/*.battery {
  position:relative;
  width: $batteryWidth;
  height: $batteryHeight;
  border: $batteryBorderSize solid $batteryStrokeColor;
  border-radius: $batteryBorderRadius;
  position: relative;
  padding: $batteryBorderSize;
  -webkit-transform: scale(0.5);//for retina display
    &:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -1 * (($batteryNubSize*0.35) + $batteryBorderSize + 2);
    margin-top:-1 * ($batteryNubSize/2);
    width: $batteryNubSize;
    height: $batteryNubSize;
    background: $batteryStrokeColor;
    clip: rect(0, $batteryNubSize, $batteryNubSize, ($batteryNubSize*0.65));
    border-radius: 50%;
  }
  &.plugged:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -1 * ($batteryBorderSize + ($batteryWidth * 0.5)) ;
    margin-top:-1 * ($batteryNubSize/2);
    width: $batteryNubSize;
    height: $batteryNubSize;
    background: #f00;
    border-radius: 50%;
  }
  .level{
    width: 20%;
    height: 100%;
    background: $batteryStrokeColor;
    border-radius: $batteryBorderRadius/2;
  }
}*/