.mainpagestuff {
    /*background-image: url(../img/gavelback.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* This is what makes the background image rescale based on its container's size */
    background-size: cover;
    background-color: #d3d3d3;
}

.opacity70 {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.opacity80 {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.opacity90 {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.nudgehelp {
    height:20px;
    margin-left:3px;
    padding-bottom:3px;
    color:#eab468;
  }


.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

input[type="password"] {
    margin-bottom: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-top {
    background-color: #ececec;
}

.sidebar {
    background-color: #b8b8b8;
}

.panel-default .panel-heading {
    background-color: #9966ff;
    color: #ffffff;
}

.navbar-fixed-bottom {
    background-color: #ececec;
    border-color: #0779d4;
    color: #6da0cc;
}

.navbar-fixed-bottom .navbar-text {
    color: #ffffff;
}

.navbar-fixed-bottom .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-fixed-bottom .navbar-nav>li>a:hover,
.navbar-fixed-bottom .navbar-nav>li>a:focus {
    color: #ffffff;
}

.navbar-fixed-bottom .navbar-nav>.active>a,
.navbar-fixed-bottom .navbar-nav>.active>a:hover,
.navbar-fixed-bottom .navbar-nav>.active>a:focus {
    color: #b6d8f7;
    background-color: #0779d4;
}

.navbar-fixed-bottom .navbar-nav>.open>a,
.navbar-fixed-bottom .navbar-nav>.open>a:hover,
.navbar-fixed-bottom .navbar-nav>.open>a:focus {
    color: #b6d8f7;
    background-color: #0779d4;
}

.navbar-fixed-bottom .navbar-toggle {
    border-color: #0779d4;
}

.navbar-fixed-bottom .navbar-toggle:hover,
.navbar-fixed-bottom .navbar-toggle:focus {
    background-color: #0779d4;
}

.navbar-fixed-bottom .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-bottom .navbar-form {
    border-color: #ffffff;
}

.navbar-fixed-bottom .navbar-link {
    color: #ffffff;
}

.navbar-fixed-bottom .navbar-link:hover {
    color: #b6d8f7;
}

.datepicker { 
    z-index: 2000 !important; 
}

hr { height: 10px;border-color: #336699; border: 0; box-shadow: 0 10px 10px -10px #336699 inset; } /* 20px margins from bootstrap */
hr.narrow { height:4px; margin:2px;	border-color: #336699; border: 0;	box-shadow: 0 4px 4px -4px #336699 inset; }
hr.medium { height:8px; margin:10px 2px 10px 2px;	border-color: #336699; border: 0;	box-shadow: 0 8px 8px -8px #336699 inset; }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #b6d8f7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #b6d8f7;
        background-color: #0779d4;
    }
}

/* modals with iframes need the height set on the iframe but the width set on the outer modal */
/* also define here a larger modal than modal-lg which isn't that large at all */
.modal-iframe-xl { height: 560px; }
@media (min-height: 768px) {
  .modal-iframe-xl { height: 600px; }
}
@media (min-height: 900px) {
  .modal-iframe-xl { height: 760px; }
}
@media (min-width: 768px) {
    .modal-xl { width: 90%; max-width:1200px; }
}