@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;
}
.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 {
  background-color: #631d73 !important;
  color: #ffffff !important;
  background-image: none;
  border-radius: 2px;
  min-width: 100px;
}
.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;
}
.submenu-item {
  background: #1d2430;
  color: #DBDDDF !important;
  border-radius: 0px;
  border: 0px;
  max-width: none;
  border-width: 0px;
  font-size: 1em;
}
.submenu-item a {
  padding-left: 3em !important;
}
.submenu-item.ui-state-focus,
.submenu-item.ui-state-active {
  background: #631d73;
  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;
}
td.dxgvControl_DevEx {
  font-family: Karla !important;
}
.dt-button {
  background-image: url('../images/icon-copy.png');
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 50% 50%;
  /* put the height and width of your image here */
  min-width: 32px;
  min-height: 32px;
  padding: 5px;
  border: none;
  float: right;
}
.dt-button span {
  display: none;
}
.dt-buttons {
  padding-bottom: 40px;
}
.buttons-copy {
  background-image: url('../images/icon-copy.png');
}
.buttons-excel {
  background-image: url('../images/icon-excel.png');
}
.buttons-download {
  background-image: url('../images/icon-download.png');
}
.texto-inverso {
  color: #ffffff;
}
body.aviso {
  background-color: #ffffff !important;
}
.aviso {
  color: #631d73;
  font-size: 1.15em;
}
.codigo {
  color: #631d73;
  font-size: 5em;
  text-align: center;
}
tr:nth-child(even) {
  background: #E2E4FF;
}
tr:nth-child(odd) {
  background: #FFFFFF;
}
.dxgvControl_DevEx {
  font-family: Karla !important;
  border: 0px !important;
}
.dxgvTable_DevEx {
  border-collapse: collapse !important;
}
.dxgvHeader_DevEx {
  background: #4272db !important;
}
.dxgvHeader_DevEx td {
  background: #4272db !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
  font-style: normal !important;
  font-size: 11px !important;
}
.dxgvTable_DevEx tr:hover {
  background-color: #002f87 !important;
  color: #FFFFFF !important;
}
/*#gvwClienteRemitente_DXHeadersRow0{
    background: #ff0000 !important;
}*/
th,
td {
  border-bottom: 0px solid rgba(0, 0, 0, 0) !important;
  border-left: 0px solid rgba(0, 0, 0, 0) !important;
  border-right: 0px solid rgba(0, 0, 0, 0) !important;
}
.dxeTextBoxSys.dxeTextBox_DevEx {
  border-radius: 3px !important;
  border-collapse: collapse !important;
}
.dxgvSelectedRow_DevEx {
  background-color: #002f87 !important;
  color: #FFFFFF !important;
}
tr:hover .dxgvFilterRow_DevEx {
  background-color: #E2E4FF !important;
}
.dxgvFilterRow_DevEx tr:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}
.dxgvEmptyDataRow_DevEx tr:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}
tr:hover .dxgvEmptyDataRow_DevEx {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #808080 !important;
}