@charset "utf-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/*** Basic elements */
.debug i,
.debug span {
  outline: 1px solid rgba(0, 161, 224, 0.45);
  color: #666;
}
html,
body {
  height: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand {
  font-family: "MuseoSans500", Helvetica, sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #15325F;
}
h4,
h5,
h6 {
  font-family: "MuseoSans500";
}
h1,
h2,
h3 {
  font-family: "MuseoSans300" !important;
}
h1 [class$="-24"],
h2 [class$="-24"],
h3 [class$="-24"],
h1 [class$=" -24 "],
h2 [class$=" -24 "],
h3 [class$=" -24 "] {
  font-size: 30px;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #838383;
}
hr {
  border-color: #F5F5F6 !important;
}
.strong,
strong {
  font-weight: normal;
  font-family: MuseoSans700 !important;
}
a:hover {
  text-decoration: none !important;
}
iframe {
  outline: none;
  border: none;
}
[class*="mi-"] {
  display: inline-block;
}
.mi-16 {
  font-size: 16px;
}
.mi-18 {
  font-size: 18px;
}
.mi-20 {
  font-size: 20px;
}
.mi-22 {
  font-size: 22px;
  line-height: 10px;
  margin-top: 7px;
}
.mi-23 {
  font-size: 23px;
}
.mi-24 {
  font-size: 24px;
}
/*** Panels */
.panel {
  border-radius: 2px;
  border-color: #DFE2E8;
  box-shadow: none;
  
}
.panel-default .panel-heading {
  background-color: #F5F5F6;
  border-color: #DFE2E8;
  color: #989898;
}

.panel-primary-management {
    background-color: #F5F5F6;
    border: 2px solid dodgerblue; 
    border-radius: 2px;
    
}
/*** Misc bootstrap elements */
dt {
  font-family: MuseoSans700;
}
.well,
.jumbotron,
pre {
  background: #F5F5F6;
  box-shadow: none;
  border: none;
}
.notice {
  background: #00A1E0;
  color: #FFF;
  padding: 10px;
  border-radius: 4px;
  font-size: 16px;
  display: inline-block;
}
.alert {
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 33px;
  font-family: MuseoSans700;
}
/* Badges */
.badge {
  background-color: #00A1E0;
  color: #FFF;
  border-radius: 4px;
  font-family: MuseoSans700;
}
.badge-grey {
  background: #F5F5F6;
  color: #7c868f;
}
.badge-green {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background: #85DD5F;
}
.badge-blue {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background: #00A1E0;
}
.badge-yellow {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background: rgba(248, 202, 0, 0.7);
}
.badge-orange {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background: #F87C00;
}
.badge-red {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background: #ed1c24;
}
.badge-circle-red {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background: #ed1c24;
  border-radius: 100px;
  min-width: 20px;
  height: 20px;
  padding: 4px;
}
/*** Tables */
td > h1,
td > h2,
td > h3,
td > h4,
td > h5 {
  margin: 0;
}
tr {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
tbody > tr.active td i {
  color: #00A1E0;
}
td {
  font-size: 11px;
  border-color: #E6EBF2 !important;
}
.table > thead > tr > th {
  border-color: #00A1E0;
  font-weight: normal;
  font-family: MuseoSans700;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background: #EAF7FE;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: #F5F5F6;
}
/*** Layout panels and popout nav */
.container-fluid {
  height: 100%;
}
.row-offcanvas-left {
  padding-top: 56px;
  height: 100%;
}
.row-offcanvas-left-with-warning {
  padding-top: 88px;
}
@media (max-width: 767px) {
  .row-offcanvas-left {
    height: 100%;
    padding-bottom: 150px;
  }
}
.list-group {
  /* prevent conversation action tool tips from showing scrollbars on the list-group */
  overflow: hidden;
}
.list-group-item-text {
  color: #7c868f;
}
/*** Helpers */
.light {
  color: #838383;
}
.superlight {
  color: #C1C1C1;
}
.zero-margin {
  margin: 0 !important;
}
.zero-padding {
  padding: 0 !important;
}
.height-100-percent {
  /*height: 100%;*/
}
.blue-small-title {
  margin-top: 0;
  border: none;
  color: #00A1E0;
  font-family: MuseoSans700;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.padding-15 {
  padding: 15px;
}
.margin-5 {
  margin: 5px;
}
.margin-10 {
  margin: 10px;
}
.margin-15 {
  margin: 15px;
}
.margin-left-15 {
  margin: 15px;
}
.height-auto {
  height: auto !important;
}
.outline-red {
  outline: 1px solid red;
}
.overflow-auto {
  overflow: auto;
}
.text-trim {
  max-width: 130px;
  display: inline-block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 15px;
  position: relative;
}
/*Text colours*/
/*100 weight*/
/*menu colours*/
/*standard buttons -- non-critical*/
/*active buttons -- important such as save, next, previous*/
/*breadcrumb*/
/*tab colours*/
label {
  font-family: "MuseoSans500";
  font-weight: normal !important;
  color: #404141;
  font-size: 11px;
  line-height: 22px;
}
.radio,
.checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
}
.form-control {
  font-size: 12px;
}
.help-block {
  color: #C5C5C5;
  line-height: 16px;
}
select {
  box-shadow: none !important;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
textarea,
select {
  box-shadow: none !important;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
textarea:focus {
  box-shadow: none !important;
  background: #fff;
  border: 1px solid #808184;
}
.input-search {
  position: relative;
}
.input-search input[type="search"] {
  border-radius: 100px !important;
  padding-left: 40px;
}
.input-search input[type="search"] ~ .pin-button {
  background: #F5F5F6;
  border: 1px solid #F5F5F6;
  border-left: none;
  position: absolute !important;
  right: 0 !important;
  top: 0;
  border-radius: 0 100px 100px 0;
  z-index: 5;
}
.input-search input[type="search"] ~ .pin-button:hover {
  background: #F2F2F3;
}
.input-search input[type="search"]:focus ~ .pin-button {
  border: 1px solid rgba(128, 129, 132, 0.498039);
  border-left: none;
  background: #FFF;
}
.input-search .icon {
  color: #b3b3b3;
  position: absolute;
  left: 14px;
  top: 9px;
  font-size: 16px;
  z-index: 3;
}
.btn {
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 2px;
  font-size: 14px;
  font-family: "MuseoSans500";
  box-shadow: none !important;
  min-width: 100px;
  height: 28px;
}
/*this is to be used for the majority of button on the page, non-critical*/
.btn-default {
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 2px;
  background: #f2f2f2;
  border-bottom-color: #A6A7A9;
  color: #15325f;
}
.btn-default:hover {
  background: #fafafa;
  border-bottom-color: #A6A7A9;
}
.btn-default:focus {
  background: #6D6D70;
  border-bottom-color: #6D6D70;
}
.btn-default:active {
  background: #f2f2f2;
  border-bottom-color: #A6A7A9;
}
.btn-default.active {
  color: #777;
  background: #f2f2f2;
  border-bottom-color: #15325F;
}
.btn-default .btn-default-small {
  font-size: 11px;
  vertical-align: middle;
}
/*Active button, for critical functions like Save, Next*/
.btn-primary {
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 1px;
  background: #00A1E0;
  border-bottom-color: #0081B3;
  color: #FFF;
  height: 28px;
  font-size: 14px;
  font-family: "MuseoSans500";
  box-shadow: none !important;
  min-width: 100px;
}
.btn-primary:hover {
  background: #4CBDE9;
  border-bottom-color: #0081B3;
}
.btn-primary:focus {
  background: #0081B3;
  border-bottom-color: #0081B3;
}
.btn-primary:active {
  background: #00A1E0;
  border-bottom-color: #15325F;
}
.btn-primary:disabled {
  background: #4CBDE9;
  opacity: 0.4;
}
.btn-primary:disabled:hover {
  opacity: 0.4;
  background: #4CBDE9;
}
.btn-primary .aspNetDisabled {
  height: 28px;
  font-size: 14px;
  font-family: "MuseoSans500";
  box-shadow: none !important;
  min-width: 100px;
}

/*input[type=submit].aspNetDisabled {
    height: 28px;
    font-size: 14px;
    font-family: "MuseoSans500";
    box-shadow: none !important;
    min-width: 100px;
}*/

.btn-primary-small {
  vertical-align: middle;
  margin: 4px;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 1px;
  background: #00A1E0;
  border-bottom-color: #0081B3;
  color: #FFF;
  height: 20px;
  font-size: 11px;
  font-family: "MuseoSans500";
  box-shadow: none !important;
}
.btn-primary-small:hover {
  background: #4CBDE9;
  border-bottom-color: #0081B3;
}
.btn-primary-small:focus {
  background: #0081B3;
  border-bottom-color: #0081B3;
}
.btn-primary-small:active {
  background: #00A1E0;
  border-bottom-color: #15325F;
}
    .btn-primary-small:disabled {
        background: #4CBDE9;
        opacity: 0.4;
        height: 20px;
    }

    .btn-primary-small:aspNetDisabled {
        background: #4CBDE9;
        opacity: 0.4;
        height: 20px;
    }
 .btn-primary-small:disabled:hover {
        opacity: 0.4;
        background: #4CBDE9;
        height: 20px;
    }
.btn-link {
  text-decoration: none !important;
}
.btn-link.active,
.btn-link:active {
  outline: none !important;
  color: #006a93;
  background: #d7f0fd;
  border-radius: 4px !important;
}
.input-group-btn .btn-default {
  border-bottom-color: #F5F5F6;
}
.btn.dropdown-toggle {
  border: none;
  color: #5C6369;
}
.btn-secondary {
  background-color: #F2F2F2;
  border-color: #A6A7A9;
  color: #838383;
  min-width: 100px;
  height: 25px;
  padding: 5px;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);*/
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
  color: #777;
}
.btn-footer {
  font-size: 10px;
  vertical-align: middle;
  /*padding-left:3px;
    padding-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;*/
  background: #F2F2F2;
  border-color: #A6A7A9;
  color: #838383;
}
.btn-footer:hover,
.btn-footer:focus,
.btn-footer:active,
.btn-footer.active {
  color: #777;
}
input.switch:empty {
  display: none;
}
input.switch:empty ~ label {
  position: relative;
  float: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: -4px;
}
input.switch:empty ~ label:before,
input.switch:empty ~ label:after {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  height: 28px !important;
  width: 50px;
  background-color: #E7EAEF;
  border-radius: 4px;
  border-top: none !important;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
input.switch:empty ~ label:after {
  width: 19px;
  top: 2px;
  bottom: 2px;
  height: 24px !important;
  margin-left: 2px;
  background-color: #fff;
  border-radius: 3px;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  opacity: 1 !important;
}
input.switch:checked ~ label:before {
  background-color: #00A1E0;
}
input.switch:checked ~ label:after {
  margin-left: 29px;
}
.fake-float-label {
  font-size: 13px;
  color: #A9B6CA;
  display: block;
}
.float-label .control {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 23px;
  padding-bottom: 10px;
}
.float-label input,
.float-label textarea {
  display: block;
}
.float-label input + label,
.float-label textarea + label {
  position: absolute;
  top: 10px;
  -moz-transition: top 0.7s ease, opacity 0.7s ease;
  -o-transition: top 0.7s ease, opacity 0.7s ease;
  -webkit-transition: top 0.7s ease, opacity 0.7s ease;
  transition: top 0.7s ease, opacity 0.7s ease;
  opacity: 0;
  font-size: 13px;
  color: #A9B6CA;
}
.float-label input:valid + label,
.float-label textarea:valid + label {
  opacity: 1;
  top: 3px;
}
.float-label input:focus:invalid + label,
.float-label textarea:focus:invalid + label {
  opacity: 1;
  top: 3px;
}
.float-label input:focus + label,
.float-label textarea:focus + label {
  color: #00A1E0;
}
/* CSS Document */
.container {
  width: 100%;
  max-width: 960px;
  margin: 50px auto;
  font: 90% arial;
}
.tabs {
  width: 100%;
  max-width: 600px;
  background: #f2f2f2;
  margin: 50px auto 0;
  position: relative;
}
span.anchor {
  position: fixed;
  display: none;
}
.panel div {
  opacity: 0;
  background: #ffffff;
  float: left;
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0;
  padding: 10px;
  box-sizing: border-box;
  line-height: 1.5em;
  /*border-radius: 5px;
        border-top-left-radius: 0;*/
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  border-top: 1px solid #00a1e0;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.panel .tab-link {
  margin-top: -20px;
  float: left;
  width: 20%;
  padding: 10px;
  background: #eee;
  margin-right: 1px;
  text-decoration: none;
  box-sizing: border-box;
  font-size: 14px;
  color: #15325f;
  text-align: center;
  /*border-top-left-radius: 5px;
            border-top-right-radius: 5px;*/
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.panel .tab-link:visited {
  color: #15325f;
}
.panel .tab-link:hover {
  color: #4cbde9;
}
.panel .tab-link[disabled] {
  pointer-events: none;
}
.anchor:target + .panel div {
  opacity: 1;
  background: #ffffff;
}
.anchor:target + .panel .tab-link {
  background: #00a1e0;
  color: #ffffff;
}
@media screen and (max-width: 300px) {
  .panel .tab-link {
    font-size: 0.8em;
    padding: 12px 10px 12px 10px;
  }
}
@font-face {
  font-family: 'MuseoSans500';
  src: url('../vendor/fonts/museo/museo-sans-500-webfont.eot') format('embedded-opentype'), url('../vendor/fonts/museo/museo-sans-500-webfont.eot?#iefix') format('embedded-opentype'), url('../vendor/fonts/museo/museo-sans-500-webfont.ttf') format('truetype'), url('../vendor/fonts/museo/museo-sans-500-webfont.woff') format('woff'), url('../vendor/fonts/museo/museo-sans-500-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MuseoSans300';
  src: url('../vendor/fonts/museo/museo-sans-300-webfont.eot') format('embedded-opentype'), url('../vendor/fonts/museo/museo-sans-300-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../vendor/fonts/museo/museo-sans-300-webfont.ttf') format('truetype'), url('../vendor/fonts/museo/museo-sans-300-webfont.woff') format('woff'), url('../vendor/fonts/museo/museo-sans-300-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MuseoSans100';
  src: url('../vendor/fonts/museo/museo-sans-100-webfont.eot') format('embedded-opentype'), url('../vendor/fonts/museo/museo-sans-100-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../vendor/fonts/museo/museo-sans-100-webfont.ttf') format('truetype'), url('../vendor/fonts/museo/museo-sans-100-webfont.woff') format('woff'), url('../vendor/fonts/museo/museo-sans-100-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.scroll {
  width: 12px;
  background: grey;
  overflow: scroll;
}
.scroll::-webkit-scrollbar {
  width: 12px;
}
body {
  font-family: 'MuseoSans100';
  font-size: 12px;
  font-weight: 100;
  font-style: normal;
  padding-top: 112px;
  color: #404141;
}
.ajax__calendar_container {
  z-index: 1;
}
.calendarControl {
  z-index: 0;
}
input {
  color: #404141;
  font-family: MuseoSans300;
  font-weight: 300;
  border-color: transparent;
  background-color: #f5f5f6;
  border-radius: 4px;
}
/*used on the call accounting control*/
.scrtabs-tab-container {
  height: 25px;
}
.scrtabs-tabs-fixed-container {
  height: 25px;
}
.scrtabs-tabs-fixed-container ul.nav-tabs {
  height: 25px;
}
.scrtabs-tabs-fixed-container #deviceTabList {
  height: 25px;
}
.scrtabs-tabs-fixed-container #deviceTabList ul li a {
  height: 25px;
}
/*bootstrap mods*/
.nav {
  background-color: white;
  font-size: 15px;
  height: 30px;
}
.nav li a {
  color: #15325F;
  font-size: 13px;
}
.nav li:hover {
  border: medium none;
  color: #00A1F4;
}
.navbar {
  height: 56px;
  margin-bottom: 0;
}
.navbar #MainNav {
  background-color: white;
  top: 56px;
}
.navbar .dropdown-menu {
  margin-top: 0;
  background-color: #f2f2f2;
  color: #00A1F4;
  /*removes the caret from the menu items*/
  z-index: 1001;
}
.navbar .dropdown-menu :after {
  display: none;
}
.navbar .container-fluid {
  height: 56px;
}
.navbar-inverse {
  border: 0;
  background-color: #15325F;
}
.navbar-nav {
  height: 56px;
}
@media (min-width: 768px) {
  .navbar-nav {
    margin-top: 2px;
  }
}
@media (max-width: 767px) {
  .navbar-nav {
    margin-top: 8px;
  }
}
.navbar-header {
  float: left;
}
.navbar-header .fa-bars {
  margin: 20px 0 0 20px;
  float: left;
  cursor: pointer;
  color: #fff;
  font-size: 21px;
}
.navbar-header .navbar-brand {
  font-size: 20px;
  line-height: 22px;
  font-family: MuseoSans100 !important;
}
.navbar-brand {
  margin: 0 !important;
  padding-left: 5px;
  height: auto;
}
.navbar-brand #app-title {
  margin-left: 20px;
  margin-top: 4px;
  width: 250px;
  font-family: MuseoSans300;
}
@media (max-width: 767px) {
  .navbar-brand #app-title {
    margin-left: 18px;
    margin-top: 4px;
    width: 170px;
  }
}
.navbar-brand #logo {
  border-right: 1px solid #fff;
  padding-right: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .navbar-brand #logo {
    padding-right: 18px;
    height: 18px;
  }
}
.navbar-right {
  float: right;
  position: absolute;
  right: 15px;
}
.navbar-right > li {
  float: left !important;
  font-size: 11px;
  font-family: MuseoSans300;
}
@media (min-width: 768px) {
  .navbar-right {
    width: 350px;
  }
  .navbar-right:hover {
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .navbar-right a {
    margin-top: -6px;
    margin-bottom: -6px;
  }
}
.mainNav {
  top: 56px;
  background-color: white;
  border-color: white;
  margin-left: 22px;
  font-family: MuseoSans300;
  font-weight: bold;
  font-size: 15px;
}
.mainNavCollapse {
  height: 45px;
}
/*multi-level dropdown Bootsnipp from msurguy*/
.dropdown-menu > ul {
  border-radius: 4px;
}
.dropdown-toggle > a:hover {
  background-color: #00A1F4;
  color: #00A1F4;
}
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown:hover > .dropdown-menu a:hover {
  color: #00A1F4;
}
.dropdown-submenu {
  position: relative;
  z-index: 1001;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  z-index: 1001;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/*end multi-level dropdown*/
/*fixes scrolling navbar when collapsed*/
.navbar-collapse.in {
  overflow-y: visible;
}
.breadcrumb {
  background-color: #F2F2F2;
  color: #404141;
  font-family: MuseoSans300;
  font-size: 12px;
  font-weight: normal;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}
.breadcrumb a:active {
  color: #00A1F4;
}
.breadcrumb img {
  height: 10px;
  width: 10px;
}
.pagefooter {
  height: 56px;
  background-color: #15325F;
  color: white;
}
.linksfooter {
  border: 1px solid #E6E7E8;
  height: auto;
  background-color: #ffffff;
  /*#f2f2f2;*/
  padding: 4px;
}
.linksfooter a {
  vertical-align: middle;
  color: #00A1E0;
}
.treeview {
  font-family: MuseoSans300;
  color: #404141;
  margin-bottom: 10px;
}
.treeviewBorder {
  border-color: #f2f2f2;
  border-style: solid;
  border-width: 1px;
}
.nav-tabs {
  background-color: #F2F2F2;
  margin-bottom: 0;
}
.nav-tabs .reportFilterTabs {
  height: 30px;
}
.nav-tabs .reportFilterTabs li a {
  height: 30px;
}
.nav-tabs .YSESecurityNestedTab {
  height: 25px;
  font-size: 12px;
}
.nav-tabs li a {
  color: #15325F;
  height: 30px;
  padding: 5px 10px;
}
.nav-tabs li:hover {
  border: medium none;
  color: #4CBDE9;
}
.nav-tabs #deviceTabList {
  height: 25px;
  font-size: 12px;
}
#navTabsDevices li a {
  height: 25px;
}
#navTabsDevices li:hover {
  height: 25px;
}
/*stacked nav styles for scheduled reports/reporttypelist page*/
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.ul.nav > .nav-tabs > .nav-stacked .col-md-2 {
  padding-right: 0;
  padding-left: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #00A1E0;
  color: #FFFFFF;
}
.nav-tabs > li.active > a .gridDeviceSelectionLink,
.nav-tabs > li.active > a:focus .gridDeviceSelectionLink,
.nav-tabs > li.active > a:hover .gridDeviceSelectionLink {
  background-color: #808184;
  color: #15325F;
  height: 12px;
}
/*Prevents the reporting tab contents from wrapping until the screen width goes down to 900px.
  At that point the contents will start wrapping*/
@media screen and (max-width: 900px) {
  .tabContainer .tabContainer {
    min-width: 900px;
  }
  .tabContainer .tabContainer .col-*-* {
    width: 100%;
  }
  .tabContainer .nav-tabs {
    min-width: 900px;
  }
  .tabContainer .tab-content {
    min-width: 900px;
  }
}
.tab-content {
  background-color: #FFFFFF;
  color: #404141;
  padding: 1px;
  border-bottom: 1px solid #F2F2F2;
  border-left: 1px solid #F2F2F2;
  border-right: 1px solid #F2F2F2;
  border-top: 1px solid #00A1E0;
  margin-top: 0;
}
.tab-content .stackedtab {
  min-height: 475px;
}
.tab-content .stackedtab .helpAbout {
  min-height: 275px;
}
.tab-content .tab-pane {
  border: 0px;
  font-size: 11px;
}
.tab-content .securityYSETabContent {
  border-top: 1px solid #F2F2F2;
}
.tab-content .YSESpan tr td span {
  padding: 5px;
  margin-bottom: 4px;
}
.tab-content fieldset > legend > span {
  margin-bottom: 4px;
  font-size: 11px;
  color: #808184;
}
.gridDeviceSelection {
  border-right: #BDB8AD 1px solid;
  margin-top: -2px;
  padding: 5px;
  border-top: #BDB8AD medium none;
  border-left: #BDB8AD 1px solid;
  border-bottom: #BDB8AD 1px solid;
  font-size: 11px;
}
/*styling for scrollbars that we are using to avoid paging in the device grids -- we are just using overflow and styling the scrollbar*/
.gridDeviceScrollbars {
  overflow-x: hidden;
  overflow-y: auto;
  height: 450px;
}
img {
  border: 0;
}
SELECT.SmallSelect {
  FONT-SIZE: 8pt;
  WIDTH: 75pt;
  margin-left: 4px;
  margin-right: 4px;
}
/*.UserControlReportStartDateCalendarInvis
{
	LEFT: expression(document.all.reports_txtStartDate.getBoundingClientRect().left);
	top: expression(document.all.reports_txtStartDate.getBoundingClientRect().bottom);
	DISPLAY: none;
	position: absolute;
    z-index: 1;
}
.UserControlReportEndDateCalendarInvis
{
	/*LEFT: expression(document.all.reports_txtEndDate.getBoundingClientRect().left);
	top: expression(document.all.reports_txtEndDate.getBoundingClientRect().bottom);
	DISPLAY: none;
	position: absolute;
    z-index: 1;
}
.ReportStartDateCalendarInvis
{
	/*LEFT: expression(document.all.txtStartDate.getBoundingClientRect().left);
	top: expression(document.all.txtStartDate.getBoundingClientRect().bottom);
	DISPLAY: none;
	position: absolute;
    z-index: 1;
}
.ReportEndDateCalendarInvis
{
	/*LEFT: expression(document.all.txtEndDate.getBoundingClientRect().left);
	top: expression(document.all.txtEndDate.getBoundingClientRect().bottom);
	DISPLAY: none;
	position: absolute;
    z-index: 1;
}*/
/* added by kelley for the */
#header {
  background: #0f0;
  width: 100%;
}
#leftcol {
  background: #fff;
  float: left;
  width: 40%;
  height: 500px;
}
#content {
  background: #fff;
  float: right;
  width: 60%;
  height: 500px;
  display: inline;
}
#footer {
  background: #0f0;
  clear: both;
  width: 100%;
}
#leftpanel {
  position: absolute;
  left: 0;
  width: 50%;
  margin-left: 10px;
  color: #000000;
  padding: 3px;
}
#rightpanel {
  position: absolute;
  left: 50%;
  width: 50%;
  padding-left: 3px;
  z-index: 3;
  color: #000000;
  padding: 3px;
}
#sharedleftpanel {
  position: absolute;
  left: 0;
  width: 25%;
  margin-left: 10px;
  color: #000000;
  padding: 3px;
}
#sharedrightpanel {
  position: absolute;
  left: 25%;
  width: 25%;
  padding-left: 3px;
  z-index: 3;
  color: #000000;
  padding: 3px;
}
#column1panel {
  width: 33%;
  color: #000000;
  padding: 0;
  float: left;
}
#column2panel {
  width: 33%;
  padding-left: 3px;
  z-index: 3;
  color: #000000;
  padding: 3px;
  float: left;
}
#column3panel {
  width: 33%;
  padding-left: 3px;
  z-index: 3;
  color: #000000;
  padding: 3px;
  float: right;
}
/*END OLD STYLES*/
/*INBOX GRID, Device grid*/
.Grid_AlternatingItem,
.DeviceGridAlternatingItem {
  background-color: #ffffff;
  height: 5px;
  vertical-align: top;
  margin-bottom: 3px;
  margin-left: 3px;
  font-size: 11px;
}
.Grid_AlternatingItem input[type=checkbox],
.DeviceGridAlternatingItem input[type=checkbox] {
  margin-left: 2px;
}
.Grid_SelectedItem,
.DeviceGridSelectedRow {
  background-color: #00A1F4;
  height: 5px;
  vertical-align: top;
  margin-bottom: 3px;
  margin-left: 3px;
  font-size: 11px;
}
.Grid_SelectedItem input[type=checkbox],
.DeviceGridSelectedRow input[type=checkbox] {
  margin-left: 2px;
}
.Grid_Item {
  Height: 5px;
  vertical-align: top;
  background-color: #edf3fb;
  margin-bottom: 3px;
  margin-left: 3px;
  font-size: 11px;
}
.Grid_Item input[type=checkbox] {
  margin-left: 2px;
}
.Grid_Header {
  height: 15px;
  color: #15325F;
  font-size: 12px;
  font-weight: bold;
}
.Grid_Header .SortLink {
  font-size: 12px;
}
.Grid_Header td {
  font-size: 12px;
}
.Grid_Pager td span {
  display: inline-block;
  margin-top: 15px;
  padding-left: 3px;
}
.Grid_Pager td a {
  color: #00A1E0;
  font-family: MuseoSans300;
  font-size: 11px;
  padding-left: 3px;
}
.DeviceGridRow {
  Height: 5px;
  vertical-align: top;
  background-color: #ffffff;
  margin-bottom: 3px;
  margin-left: 3px;
  font-size: 11px;
}
.DeviceGridRow input[type=checkbox] {
  margin-left: 2px;
}
.DeviceGridHeader {
  height: 12px;
  color: #15325F;
  font-size: 11px;
  font-weight: bold;
  font-family: MuseoSans300;
  white-space: normal;
}
.DeviceGridHeader .SortLink {
  font-size: 11px;
}
.DeviceGridHeader td {
  font-size: 11px;
}
.DeviceGridHeader input[type=checkbox] {
  margin-left: 3px;
}
.DeviceGridPager td table tr td span {
  display: inline-block;
  margin-top: 10px;
  padding-left: 3px;
}
.DeviceGridPager td table tr td a {
  color: #00A1E0;
  font-family: MuseoSans300;
  font-size: 11px;
  padding-left: 3px;
}
.Padded {
  padding-left: 3px;
  padding-right: 3px;
}
.Panel {
  border-bottom-color: #808080;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.spinner {
  min-width: 50px;
  min-height: 50px;
}
.spinner:before {
  content: 'Loading…';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -10px;
  margin-left: -10px;
}
.spinner:not(:required):before {
  content: '';
  border-radius: 50%;
  border-top: 4px solid #00A1E0;
  border-right: 4px solid transparent;
  animation: spinner .6s linear infinite;
  -webkit-animation: spinner .6s linear infinite;
}
/*.Freezing 
{ 
   position:relative ; 
   top:expression(this.offsetParent.scrollTop-5); 
   z-index: 10; 
}*/
.Heading {
  font-family: MuseoSans300;
  color: #404141;
  font-size: 15px;
}
.Subheading {
  font-family: MuseoSans500;
  color: #404141;
  font-size: 13px;
  font-weight: bold;
}
.SmallestHeading {
  font-family: MuseoSans500;
  color: #404141;
  font-size: 12px;
  font-weight: bold;
}
.PlainText {
  font-family: MuseoSans300;
  color: #404141;
  font-size: 12px;
}
.EmphasisText {
  font-family: MuseoSans300;
  color: #404141;
  font-size: 11px;
  font-weight: bold;
}
/*HELP ABOUT*/
.HelpAboutTopEnterpriseInfo {
  font-size: 13px;
  color: #404141;
}
.HelpAboutTopEnterpriseInfo ul > li > span {
  margin-left: 4px;
}
.downloadsTitles {
  margin-bottom: 0.5%;
  FONT-SIZE: 15px;
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
  color: #404141;
}
/*added for Documentation page */
.DocsSectionTitles {
  margin-left: 5%;
  margin-bottom: 0.5%;
  FONT-SIZE: 15px;
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
  width: 50%;
  color: #404141;
}
.DocsHeaderBackground {
  background-color: #15325F;
}
.docsLanguagePack {
  font-weight: bold;
  BORDER-RIGHT: medium none;
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  FONT-SIZE: 8px;
  PADDING-BOTTOM: 3px;
  BORDER-LEFT: medium none;
  PADDING-TOP: 3px;
  margin-left: 5%;
  width: 98%;
}
.docsLanguagePackDownloadInstructions {
  font-size: 12pt;
}
.docsLanguagePackDownloadTitle {
  font-size: 12pt;
}
.docsLanguagePackOL {
  padding-bottom: 5px;
}
.docsLanguagePackImageBottomBorder {
  height: 2px;
}
.docsForeignSectionTitle {
  font-weight: bold;
  BORDER-RIGHT: medium none;
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  FONT-SIZE: 8pt;
  PADDING-BOTTOM: 3px;
  BORDER-LEFT: medium none;
  PADDING-TOP: 3px;
  margin-left: 5%;
  width: 98%;
}
.docsLanguageSubtitle {
  BACKGROUND-COLOR: #edf3fb;
  margin-left: 5%;
  margin-bottom: 0.5%;
  FONT-SIZE: 13px;
  font-family: MuseoSans300;
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
  width: 50%;
  color: #404141;
}
.docsTypeTitle {
  margin-left: 5%;
  margin-bottom: 0.5%;
  FONT-SIZE: 13px;
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
  width: 50%;
  color: #404141;
}
.docsLinks {
  FONT-SIZE: 8pt;
  PADDING-LEFT: 10px;
  margin-left: 5%;
}
.docLanguage {
  font-weight: bold;
  BORDER-RIGHT: medium none;
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  FONT-SIZE: 8pt;
  PADDING-BOTTOM: 3px;
  BORDER-LEFT: medium none;
  PADDING-TOP: 3px;
  margin-left: 5%;
  width: 98%;
}
/*for un-indenting bulleted list on help-about*/
.ulUnindent {
  margin-left: 2px;
  margin-right: 0;
}
/*for securityfreeabout*/
.ui-tooltip .ui-tooltip-content,
.ui-tooltip p,
.ui-tooltip ul,
.ui-tooltip li,
.ui-tooltip,
.qtip {
  max-width: 280px;
  min-width: 50px;
  font-size: 12px;
  line-height: 13px;
  text-align: center;
  border-color: #666;
  background-color: #f2f2f2;
  color: #15325F;
}
.companyInfoBlock {
  margin-bottom: 10px;
}
.securityUL {
  list-style-type: none;
}
/*end securityfreeabout*/
/*for install help docs page*/
.imgLink {
  border: 0;
}
.aLinksSpacing {
  margin-left: 5px;
}
/*****Login Page Styles*******/
.LoginBlock {
  background-color: #15325F;
  margin-top: 15%;
  color: White;
}
.LoginBlockText {
  color: white;
  font-size: 13px;
}
.LoginBlockTable {
  color: White;
  border: 0;
  margin-left: 40%;
}
.LoginBackground {
  color: white;
  background-color: white;
}
.LoginReportsTitle {
  color: white;
  font-size: 35px;
  font-weight: bold;
  line-height: 35px;
  margin-left: 5px;
}
.LoginImage {
  vertical-align: top;
}
.LoginWarning {
  color: #fe9a00;
}
.LoginButtons {
  color: white;
}
.loginForm {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
/*INBOX STYLES*/
.InboxTotalsFooter {
  /*color: @standard-btn-pressed-background;*/
  border: 1px solid #f2f2f2;
  margin-top: 0;
}
.InboxTotalsFooter label {
  color: #6D6D70;
}
.InboxTotalsFooter span {
  padding-right: 6px;
}
/*Submit Reports Styles*/
.reportparameter {
  margin-top: 14px;
  font-family: MuseoSans100;
  font-size: 11px;
  font-weight: normal;
}
.reportparameter input[type=checkbox] {
  padding-right: 4px;
  padding-left: 4px;
}
.reportparameter input[type=checkbox] + label {
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  line-height: 11px;
  font-family: MuseoSans100;
  font-size: 11px;
  font-weight: normal;
}
.reportparameter input[type=checkboxlist] {
  margin-bottom: 10px;
}
.reportparameter input[type=radio] {
  padding-right: 4px;
}
.reportparameter input[type=radio] + label {
  font-size: 11px;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 3px;
  font-family: MuseoSans100;
}
.reportparameter label {
  font-size: 11px;
  font-weight: normal;
  font-family: MuseoSans100;
}
.reportparameter select {
  box-shadow: none !important;
}
.reportparameter select option {
  padding: 5px;
}
.reportparameter .wideSelect {
  width: 228px;
  height: 18px;
}
.reportparameter input[type="text"],
.reportparameter input[type="password"],
.reportparameter input[type="search"],
.reportparameter input[type="email"],
.reportparameter textarea {
  box-shadow: none !important;
}
.reportparameter input[type="text"]:focus,
.reportparameter input[type="password"]:focus,
.reportparameter input[type="search"]:focus,
.reportparameter input[type="email"]:focus,
.reportparameter textarea:focus {
  box-shadow: none !important;
  background: #fff;
}
.ddl {
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  padding: 4px;
  -webkit-appearance: none;
  /*background-image:url('../images/Chevron-down-white-18.png');
            background-position:88px;
            background-repeat:no-repeat;*/
  text-indent: 0.01px;
  /*In Firefox*/
  text-overflow: '';
  /*In Firefox*/
}
.aspNetDisabled .btn-footer {
  font-size: 10px;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.aspNetDisabled .btn-primary:disabled {
  height: 28px;
  font-size: 14px;
  font-family: "MuseoSans500";
  box-shadow: none !important;
  min-width: 100px;
}
/*Intermediate menu page styles*/
.IntermediateMenuTabPages {
  color: #15325F;
  font-size: 11px;
  font-weight: bold;
}
.defaultReportsTabItems {
  margin-left: 25px;
}
/*Link on the report inbox page that is used only for debugging purposes -- does not go anywhere, and not styled as a typical link*/
div.test th,
td.ReportInboxReportTypeLink a:visited,
td.ReportInboxReportTypeLink a:link,
td.ReportInboxReportTypeLink a:hover,
td.ReportInboxReportTypeLink a:disabled {
  text-decoration: none;
  color: black;
  cursor: default;
}
/*Manage Report Schedule STYLES*/
.ManageReportSchedulesFooter {
  background-color: #15325F;
  color: white;
  border: 0;
  margin-top: 0;
}
/*ReportTypeList*/
.ReportTypeListPage {
  display: block;
  padding: 5px;
}

/*BOOTSTRAP PANEL CLASSES*/
.panel-management {
    margin-bottom: 20px;
    background-color: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body-management {
    padding: 15px;
}

.panel-heading-management {
    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #f2f2f2;
}

   
.panel-title-management {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
  

.panel-footer-management {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


panel-group-management {
    margin-bottom: 20px;
    padding-top: 20px;
}

/*.    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default-management {
    border-color: #ddd;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}

.panel-primary-management {
    border-color: #337ab7;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
}

.panel-success-management {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info-management {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning-management {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger-management {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }*/

/*table{
    border-color: @inputElementBackground;
    border-width: medium;
}*/