@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla regular.ttf') format('truetype');
}
body {
  background-color: #1d2430 !important;
  font-family: Karla;
}
.ui-widget {
  font-family: Karla;
}
h2 {
  color: #1d2430;
}
h4 {
  color: #631d73;
}
.control-label {
  color: #1d2430;
  font-weight: bold;
}
.custom-combobox-toggle {
  background: #631d73 !important;
  border-radius: 2px;
}
.ui-datepicker-trigger {
  background: #631d73 !important;
  border-radius: 2px;
}
.body-content {
  background-color: #EBEDF0;
  border-radius: 0px;
}
.form-horizontal {
  background-color: #ffffff;
  padding-top: 10px;
}
.form-horizontal-2 {
  background-color: #ffffff;
}
.body-content hr {
  margin: 0px;
}
.acceso {
  background-color: #ffffff !important;
}
.btn,
.btn-guardar,
.btn-eliminar,
.btn-agregar,
input.btn-guardar {
  background-color: #631d73 !important;
  color: #ffffff !important;
  background-image: none;
  border-radius: 2px;
  min-width: 100px;
  background: #631d73 !important;
  font-weight: normal !important;
}
input.opcion-adicional,
a.opcion-adicional {
  background-color: #631d73 !important;
  color: #ffffff !important;
  background-image: none;
  border-radius: 2px;
  min-width: 100px;
}
div.forma-opciones {
  background-color: #ffffff;
}
div.forma-opciones h5 {
  color: #631d73;
  text-align: center;
}
.width-fit-parent {
  max-width: none;
}
.navbar-inverse {
  background-color: #631d73;
}
.menu-section {
  background-color: #1d2430;
}
.ui-accordion-header {
  background: #1d2430;
  color: #DBDDDF;
  border-radius: 0px;
  max-width: none;
  border-width: 0px;
}
.ui-accordion-header.ui-state-hover {
  background: #631d73;
  color: #ffffff;
  border-radius: 0px;
}
.ui-accordion-header.ui-state-active {
  background: transparent;
  color: #ffffff;
  border-radius: 0px;
}
div.accordion-section .ui-accordion-header {
  background: #1d2430;
  color: #ffffff;
  border-radius: 0px;
  max-width: none;
  border-width: 0px;
}
h3.ui-accordion-header {
  font-size: 1.15em !important;
}
li.ui-state-active > a.submenu-item,
li.ui-state-focus > a.submenu-item {
  background-color: #631d73;
}
.submenu-item {
  background: #1d2430;
  color: #DBDDDF !important;
  border-radius: 0px;
  border: 0px;
  max-width: none;
  border-width: 0px;
  font-size: 1em;
}
.submenu-item.ui-state-focus,
.submenu-item.ui-state-active {
  background: #631d73 !important;
  color: #ffffff !important;
  border: 0px;
  border-radius: 0px;
}
.menu {
  max-width: none;
  padding: 0px !important;
  background: #1d2430;
  border: 0px;
}
th.sorting_disabled {
  font-family: Karla !important;
  background-color: #1d2430 !important;
  border-radius: 0px !important;
}
.datatablerowhighlight {
  background-color: #631d73;
}
.even.datatablerowhighlight {
  background-color: #631d73;
}
.odd.datatablerowhighlight {
  background-color: #631d73;
}
ul.ui-tabs-nav {
  background: #DBDDDF;
  border-radius: 0px;
}
div.ui-tabs ul li.ui-tabs-active {
  background: #631d73 !important;
}
div.ui-tabs ul li {
  border-radius: 0px;
  background: #DBDDDF !important;
}
div.ui-tabs ul li a {
  color: #1d2430 !important;
}
div.ui-tabs ul li.ui-tabs-active a {
  color: #ffffff !important;
}
div.ui-tabs ul {
  border: 0px;
}
div.ui-tabs {
  border: 0px;
}
div.ui-widget-header {
  font-family: Karla;
  background: #1d2430 !important;
  border: 0px;
  border-radius: 0px;
}
div.input-group-addon {
  background: #631d73 !important;
  border-radius: 2px;
}
span.ui-icon-triangle-1-s {
  background: url('../images/arrow_down_small.png') !important;
}
span.ui-icon-triangle-1-e {
  background: url('../images/arrow_right_small.png') !important;
}
.menu-section span.ui-icon-triangle-1-e {
  background: url('../images/arrow_right_xsmall.png') no-repeat center !important;
}
.menu-section span.ui-icon-triangle-1-s {
  background: url('../images/arrow_down_xsmall.png') no-repeat center !important;
}
span.ui-icon-carat-1-e {
  background: url('../images/arrow_right_xsmall.png') no-repeat center !important;
}
.dxeListBox_Moderno {
  font-family: Karla !important;
  font-size: 1em;
}
/*tr.dxeListBoxItemRow_Moderno {height:12px !important;}*/
.buttons-excel {
  background-image: url('../images/icon-excel.png') !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  background-position: 50% 50% !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 5px !important;
  border: none !important;
  font-size: 0px !important;
}