@import url(/alertify.js-0.3.11/themes/alertify.core.css);
@import url(/alertify.js-0.3.11/themes/alertify.default.css);
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css");
@import url(/includes/jquery/media/css/tabs.css);
@import url(/includes/jquery/media/css/tabs-panes.css);
@import url(/css/fader.css);
@import url(/includes/jquery/jquery-ui-1.10.3/themes/base/jquery.ui.all.css);
@import url(/css/layoutV2.css);
@import url(/css/visionV9Core.css);

/*
jQuery-menu-aim: the following styles are used to customize bootstrap's
dropdowns and popover to play a little nicer w/ this example. They are
personal choices and not necessary for your use of jQuery-menu-aim.
jQuery-menu-aim is HTML/style-agnostic, it simply fires events when menu
items should be activated.
You can choose to do whatever you want w/ those events.
*/

.navbar .popover {
  width: 400px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow: hidden;
}

.navbar .popover-content {
  text-align: center;
}

.navbar .popover-content img {
  height: 212px;
  max-width: 250px;
}

.navbar .dropdown-menu {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.navbar .dropdown-menu > li > a:hover {
  background-image: none;
  color: white;
  background-color: rgb(0, 129, 194);
  background-color: rgba(0, 129, 194, 0.5);
}

.upper {
  text-transform: Uppercase;
}

.ui-button {
  padding:5px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.dataTables_filter {
  padding:5px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}

button {
  appearance: button;
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: -internal-light-dark(buttontext, rgb(170, 170, 170));
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  align-items: flex-start;
  cursor: default;
  background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
  box-sizing: border-box;
  margin: 0em;
  font: 400 13.3333px Arial;
  padding: 1px 6px;
  border-width: 2px;
  border-style: outset;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
  border-image: initial;
}

.lldr th, .lldr td {
  padding: 3px;
}


.lldr tbody>tr>:nth-child(odd){
  text-align:right;
  padding-right: 5px;
}




