$icon-font-path: "../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/";

//Bootstrap Resets
$font-family-sans-serif:  "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
$border-radius-base:      3px !default;
$border-radius-large:     0px !default;
$border-radius-small:     0px !default;
$brand-primary:           #436689;

// $state-info-text:                #31708f !default;
// $state-info-bg:                  #d9edf7 !default;
// $state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;

@import "../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap";
@import "../bower_components/colors/sass/colors";



@import "mixins";
@import "variables";

@import "vendor/angular-wizard";
@import "vendor/bootstrap-additions";
@import "vendor/loading-bar";
@import "vendor/metrize-icons";
@import "vendor/ng-table";
@import "vendor/slider";
@import "vendor/toastr";
@import "vendor/xeditable";

@import "btns";
@import "device-layout";
@import "forms";
@import "links";
@import "macros";
@import "main-layout";
@import "menu";
//@import "metrize-icons";
@import "more-colors";
@import "modal";
@import "navbar";
@import "panels";
@import "select-box";
@import "simulator";
@import "tables";
@import "tabs";
@import "urc-specific";
@import "utilities";



.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

body {
  padding-bottom: 20px;
}

.action-icon {
  @extend .link-unstyled;
}


.well {
  .form-group:last-child  {
    margin-bottom: 0;
  }
}

.sortable {
  li i {
    font-size: 1.333333em;
  }
}


.bg-primary {
  padding: 12px 15px;
}


.scrollable-window {
  overflow-x: hidden;
  padding: 0 2px;
  @include fixed-height(200px, $screen-sm-min, 300px);
}

.scrollable-window-lg {
  @include fixed-height(300px, $screen-sm-min, 400px);
}

.loading-container {
    position: relative;
}
.loading-container .loading:before, .loading-container .loading:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 50px;
    min-width: 50px;
}
.loading-container .loading:before {
    background-color: white;
    opacity: 0.5;
}

.room > p {
  overflow: hidden;
}

.programming-menu-toggle {
  position: relative;
  margin-top: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}

.programming-menu-toggle i {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  margin-top: 0;
}

.programming-help-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;

  @media(max-width:$menu-breakpoint-sm) {
    top: 50%;
    margin-top: -7px;
  }
}

.programming-help-btn.heading {
  top: 12px;
}

.small + .switchery {
  height: 20px;
  width: 35px;
}

.small + .switchery > small {
  height: 20px;
  width: 20px;
}

.power-btn {
  display: inline-block;
  width: 55px;
  height: 50px;
  background-image: url('../images/power.png');
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-position: center;
}

.mute-btn {
  display: inline-block;
  width: 55px;
  height: 50px;
  background-image: url('../images/mute.png');
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-position: center;
}

.device-type-text {
  color: #436689;
}

.overview-schedule-event {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 15px;
  color: #333;
  background-color: #f5f5f5;
  border-radius: 3px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.overview-schedule-event h6 {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
}

.schedule-event-day {
  width: 100px;
}

.modal-dialog.iOS5 {
  margin-top: 10px;
  max-width: none !important;
  width: 98% !important;
  max-height: none;
  height: auto;
  overflow: auto;
  position: static !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.modal-dialog.iOS5 .modal-body {
  padding: 0 10px;
}

.modal-dialog.iOS5 .modal-body ol,
.modal-dialog.iOS5 .modal-body ul {
  margin-bottom: 0;
}



//Adding button element to accept Bootstrap pager styles

.pager {
  li {
    > button {
      display: inline-block;
      padding: 5px 14px;
      background-color: $pager-bg;
      border: 1px solid $pager-border;
      border-radius: $pager-border-radius;
    }

    > button:hover,
    > button:focus {
      text-decoration: none;
      background-color: $pager-hover-bg;
    }

    > button:disabled {
      color: $pager-disabled-color;
      background-color: $pager-bg;
      cursor: not-allowed;
    }
  }

  .next {
    > button {
      float: right;
    }
  }

  .previous {
    > button {
      float: left;
    }
  }
}
