/* media tag width levels */
/* mobile portrait */
/* mobile landscape + tablet portrait */
/* tablet portrait + landscape */
/* tablet portrait + landscape */
/* custom for home */
/* several tablets landscape, PCs */
/* big screens */
body .datagrid {
  padding-left: 0;
  padding-right: 0;
}
body .datagrid form .datagrid-col-filter-date-range {
  display: flex;
}
body .datagrid form .input-group {
  display: flex;
}
body .datagrid form .input-group .input-group-append {
  background: #eee;
  border-radius: 0 3px 3px 0;
  border: 1px solid #ccc;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.flash {
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  background: #59BB67;
}
.flash.info {
  background: #a0a0a0;
}
.box {
  background: #f0f0f0;
  border-radius: 6px;
  padding: calc(4em/2);
  margin-bottom: 1em;
}
.box.small-padd {
  padding: calc(4em/2);
}
.box.gray {
  background-color: #f0f0f0;
}
.box.gray a {
  color: #a0a0a0;
}
.box.gray a:hover {
  color: #3c3c3c;
}
.box.gray a.reset {
  position: absolute;
  margin-top: 1em;
}
.box.blue {
  background: #0f82aa;
  color: #fff;
}
.box table {
  width: 100%;
}
.next-to-h2 {
  margin-top: 20px;
}
.btn-full {
  width: 100%;
}
.container {
  width: 90%;
}
.navbar-fixed-top + .container {
  padding-top: 60px;
}
.bottom-margin {
  margin-bottom: 15px;
}
.messagebox {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.messagebox .messages {
  background: #ffffff;
  overflow-y: scroll;
  height: 400px;
}
.messagebox .messages .message {
  border-top: 1px solid #ddd;
  padding: 10px;
}
.messagebox .messages .message .message-header {
  overflow: auto;
  line-height: 24px;
}
.messagebox .messages .message .message-header .message-user {
  float: left;
  font-size: 1.2em;
  font-weight: bold;
}
.messagebox .messages .message .message-header .message-time {
  float: right;
}
.messagebox .messages .message .message-content {
  overflow: auto;
}
.messagebox .messages .message .message-content .message-right {
  float: right;
}
.messagebox form {
  margin: -1px;
}
.messagebox form .input-group .form-control,
.messagebox form .input-group-btn .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.messagebox form textarea {
  width: 100%;
  resize: vertical;
  height: 100px;
  min-height: 50px;
}
.messagebox form input {
  height: 100px;
}
.messagebox .sending {
  background: white;
  font-size: 1.2em;
  text-align: center;
  padding: 5px 0;
  border-top: 1px solid #ddd;
}
.bank-transaction {
  margin-top: 10px;
}
.bank-transaction .header {
  font-weight: bold;
  font-size: 1.1 em;
  margin-bottom: 5px;
}
.attachments .attachment-box {
  width: 100%;
  border: 1px solid #cecece;
}
.attachments .attachment-box > .attachment {
  margin-left: -1px;
}
.attachments .attachment-box > .attachment:first-child {
  margin-top: -1px;
}
.attachments .attachment-box > .attachment:last-child {
  margin-bottom: -1px;
}
.attachments hr {
  border-top: 1px solid #666;
}
.attachments h4,
.attachments span {
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.attachments .attachment {
  border: 1px solid #cecece;
  padding: 1em;
  margin-bottom: 5px;
}
.attachments .attachment-title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.attachments .attachment-childs {
  margin-left: 100px;
}
.attachments .add-child-file {
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
}
.attachments .pull-right .btn {
  width: 100%;
}
.clear {
  clear: both;
}
#loader_spinner {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #EB8B23;
  opacity: 0.6;
  background-image: url("../../images/spinner.gif");
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1000;
}
.datagrid {
  max-width: 100%;
  overflow-x: scroll;
}
.datagrid label {
  min-width: 15px;
}
.grid-hide-overflow {
  overflow-x: auto;
  border: 1px solid #ddd;
}
.grid-hide-overflow > * {
  padding: 0 !important;
  margin: -1px -1px 0;
}
textarea {
  max-width: 100%;
}
input[type=submit] {
  width: 100% !important;
}
@media (max-width: 768px) {
  .row {
    margin-left: 0;
    margin-right: 0;
  }
}
td.col-created_at {
  width: 300px;
}
.datagrid table tbody tr .datagrid-inline-edit .form-control {
  min-width: 105px;
  position: relative;
}
.datagrid table tbody tr .datagrid-inline-edit input[type="checkbox"]::after {
  content: 'Ne';
  position: absolute;
  margin-left: 20px;
  margin-top: 8px;
  font-family: Arial;
}
.datagrid table tbody tr .datagrid-inline-edit input[type="checkbox"]:checked::after {
  content: 'Ano';
  position: absolute;
  margin-left: 20px;
  margin-top: 8px;
  font-family: Arial;
}
body .container .datagrid table td.col-action,
body .container .datagrid table th.col-action {
  white-space: inherit;
}
body .container .datagrid table td.col-action .btn,
body .container .datagrid table th.col-action .btn {
  display: block;
  margin-bottom: 1px;
  min-width: 80px;
}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
  content: 'Ne' !important;
  font-family: Arial;
}
.fa-check:before {
  content: 'Ano' !important;
  font-family: Arial;
}
.input-group-addon.currency {
  padding: 2px;
}
.input-group-addon.currency select {
  width: 58px;
  padding: 2px;
  height: 28px;
}
hr.black {
  border-top: 1px solid #000;
}
.lang-switch {
  display: flex;
  justify-content: flex-end;
  margin: -32px 0 32px 0;
}
.lang-switch.no-header {
  margin: 16px 0;
}
.lang-switch div {
  background-color: #f0f0f0;
  padding: 4px 12px;
  margin: 8px;
  cursor: pointer;
  border-radius: 4px;
}
.lang-switch div.active {
  font-weight: bold;
  background: #ccc;
}