:root {
  --alepo-btn-outline-primary-border-color: var(--alepo-color500);
  --alepo-btn-outline-primary-color: var(--alepo-color500);
  --alepo-btn-outline-primary-hover-background-color: var(--alepo-color200);
  --alepo-btn-outline-primary-hover-border-color: var(--alepo-color600);
  --alepo-btn-outline-primary-hover-color: var(--alepo-color600);

  --alepo-btn-outline-secondary-border-color: var(--alepo-color500);
  --alepo-btn-outline-secondary-color: var(--alepo-color500);
  --alepo-btn-outline-secondary-hover-background-color: var(--alepo-color500);
  --alepo-btn-outline-secondary-hover-border-color: var(--alepo-color400);
  --alepo-btn-outline-secondary-hover-color: var(--alepo-color600);
}

.alptabletop .dt-buttons {
    float: right;
}
.dataTables_length label {
	display: flex;
}

.dataTables_length select {
	padding-right: 5px;
    margin-right: 5px;
    margin-left: 5px;
    height: 35px;
}

.alptablewrapper{
	width: 100%;
    overflow-x: auto;
}
.taglib-search-iterator {
	width: 100%;
}

.taglib-search-iterator td {
    padding: 4px;
}

.preferences-dialog {
	width: auto !important;
	min-height: 0px !important;
	max-height: none !important;
	height: auto !important;
}

.preferences-dialog .row {
    padding: 5px;
    border-bottom: 1px solid #dddddd;
}
.preferences-header{
	background-color: #ffffff ;
}
.preferences-container{
	border: 1px solid #ffffff;
    border-radius: 5px;
    padding-right: 15px;
    padding-left: 15px;
    max-height: 400px;
}
.preferences-dialog .row:nth-child(even) {
    background-color: #f1f1f1;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 15px 10px 15px 15px !important;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
	border: none !important;
    border-bottom: 1px solid #ddd !important;
    background: #ffffff !important;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .btn-outline-primary:not(.alert-btn):not(.dropdown-item) , .dialogbutton .btn-outline-primary:not(.alert-btn):not(.dropdown-item) {
    color: var(--alepo-btn-outline-primary-color);
    border-color: var(--alepo-btn-outline-primary-border-color);
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .btn-outline-primary:not(.alert-btn):not(.dropdown-item):hover , .dialogbutton .btn-outline-primary:not(.alert-btn):not(.dropdown-item):hover{
    color: var(--alepo-btn-outline-primary-hover-color);
    border-color: var(--alepo-btn-outline-primary-hover-border-color);
    background-color: var(--alepo-btn-outline-primary-hover-background-color);
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .btn-outline-primary:not(.alert-btn):not(.dropdown-item):focus,.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .btn-outline-primary:not(.alert-btn):not(.dropdown-item).focus , .dialogbutton .btn-outline-primary:not(.alert-btn):not(.dropdown-item):focus , .dialogbutton .btn-outline-primary:not(.alert-btn):not(.dropdown-item).focus {
    color: var(--alepo-btn-outline-primary-hover-color);
    border-color: var(--alepo-btn-outline-primary-hover-border-color);
    background-color: var(--alepo-btn-outline-primary-hover-background-color);
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .btn-outline-secondary:not(.alert-btn):not(.dropdown-item) , .dialogbutton .btn-outline-secondary:not(.alert-btn):not(.dropdown-item) {
    color: var(--alepo-btn-outline-secondary-color);
    border-color: var(--alepo-btn-outline-secondary-border-color);
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .btn-outline-secondary:not(.alert-btn):not(.dropdown-item):active , .dialogbutton .btn-outline-secondary:not(.alert-btn):not(.dropdown-item):active{
    color: var(--alepo-btn-outline-secondary-hover-color);
    border-color: var(--alepo-btn-outline-secondary-hover-border-color);
    background-color: var(--alepo-btn-outline-secondary-hover-background-color);
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .btn-outline-secondary:not(.alert-btn):not(.dropdown-item):hover , .dialogbutton .btn-outline-secondary:not(.alert-btn):not(.dropdown-item):hover {
    color: var(--alepo-btn-outline-secondary-hover-color);
    border-color: var(--alepo-btn-outline-secondary-hover-border-color);
    background-color: var(--alepo-btn-outline-secondary-hover-background-color);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #ffffff !important ;
}
input.dateTime  {
    text-align: left !important;
    background-image: url("/o/alepo-theme/images/ase/calendar-outline.png");
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    background-size: 1.5em 1.5em;
    padding-right: 18px;
    cursor: pointer;
  }

input.datePicker  {
    text-align: left !important;
    background-image: url("/o/alepo-theme/images/ase/calendar-outline.png");
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    background-size: 1.5em 1.5em;
    padding-right: 18px;
    cursor: pointer;
  }