/*
    http://angular-ui.github.io/bootstrap/
    CSS
    Original Bootstrap's CSS depends on empty href attributes to style cursors for several components (pagination, tabs etc.).
    But in AngularJS adding empty href attributes to link tags will cause unwanted route changes. This is why we need to remove
    empty href attributes from directive templates and as a result styling is not applied correctly. The remedy is simple, just
    add the following styling to your application: .nav, .pagination, .carousel a { cursor: pointer; }
*/
.nav, .pagination, .carousel a { cursor: pointer; }

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #000000;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}

/* custom class for a colored badge */
.badge-important{background-color:#b94a48;}

/*.navbar-brand {
    padding-left: 0;
}*/

/* Nav bar offset badges for alerts, etc */
.navbar-nav > li.dropdown .dropdown-toggle .badge {
    position: absolute;
    right: 20px;
    top: 8px;
}

.moveable {
    cursor: move;
}

/* home screen widgets */

.dashboard-stat {
    margin-bottom: 25px;
}

.dashboard-stat:before, .dashboard-stat:after {
    content: "";
    display: table;
    line-height: 0;
}
.dashboard-stat:after {
    clear: both;
}
.dashboard-stat:before, .dashboard-stat:after {
    content: "";
    display: table;
    line-height: 0;
}

.dashboard-stat.blue {
    background-color: #27A9E3;
}

.dashboard-stat.blue .more {
    background-color: #208DBE;
}

.dashboard-stat.green {
    background-color: #28B779;
}

.dashboard-stat.green .more {
    background-color: #10A062;
}

.dashboard-stat.purple {
    background-color: #852B99;
}

.dashboard-stat.purple .more {
    background-color: #6E1881;
}

.dashboard-stat.yellow {
    background-color: #FFB848;
}

.dashboard-stat.yellow .more {
    background-color: #CB871B;
}

.dashboard-stat .more {
    clear: both;
    display: block;
    font-size: 11px;
    font-weight: 300;
    opacity: 0.7;
    padding: 5px 10px;
    text-transform: uppercase;
}

.dashboard-stat a {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: fill-available;
    height: fill-available;
    color: #FFFFFF;
}

.dashboard-stat .visual {
    display: block;
    float: left;
    height: 80px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
    width: 80px;
}

.dashboard-stat .visual i {
    color: #FFFFFF;
    font-size: 65px;
    line-height: 65px;
}

.dashboard-stat .details {
    padding-right: 10px;
    position: absolute;
    right: 15px;
}

.dashboard-stat .details .number {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 34px;
    margin-bottom: 5px;
    padding-top: 15px;
    text-align: right;
}

.dashboard-stat .details .desc {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: right;
}

.alert-warning {
    background-color: #C22024;
}

.catalog-modal .modal-dialog {
    width: 50%; /* SET THE WIDTH OF THE MODAL */
}

.top-buffer {
    margin-top: 20px;
}

.form-control.filter {
    height:auto;
    padding:4px;
    /*width:250px;*/
    width: 15%;
}

.fieldset-bordered {
    border: 1px solid #ddd !important;
    padding: 0 1.2em 1.2em 1.2em !important;
    margin: 0 0 1.2em 0 !important;
}

.fieldset-bordered legend {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}

.margins-none { margin: 0 !important; }

.business-alert {
    background-color: #fcf8e3;
    color: #337ab7;
    border: thin solid #337ab7;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.role-item {
    line-height: 2em;
    vertical-align: middle;
}

.role-item button.btn.btn-xs.btn-default {
    margin-bottom: 4px;
}

.alert-fixed {
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 50px;
    left: 0px;
}
/* styles for module permission dropdown */
.dropdown {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px 12px;
    z-index: 1;
    border: 1px solid #666;
    border-radius: 4px;
    white-space: nowrap;
}
.dropdown-content DIV {
    background-color: #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    text-shadow: -1px 1px rgba(255,255,255,0.5);
    cursor: pointer;
    border: 1px solid white;
    white-space: nowrap;
}
.dropdown-content DIV:hover {
    color: #ea1c2b;
}
.dropdown-content DIV span {
    position: relative;
    top: -2px;
    margin-left: 4px;
}
.dropdown:hover .dropdown-content {
    display: block;
}
div.disabled { opacity: 0.5; pointer-events: none;}