﻿html {overflow-y: scroll;}
/*SimpleGridView*/
.simpleimagegridviewitem > div {margin:10px 0px;border:1px solid #ccc;text-align:center;overflow:hidden;}
.simpleimagegridviewitem img {height:80px;margin:5px auto;}
.simpleimagegridviewitem > div > div {text-align: center; padding: 5px;background-color: #ccc;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.simpleimagegridviewitem.selected > div {border:1px solid green;}
/*Validation*/
.ardita-validationvalid {border:1px solid green !important;border-color:green !important;}
.ardita-validationerror {border:1px solid red !important;border-color:red !important;}
/*Bootstrap form*/
form > .form-group > .btn-group > .btn {margin-left:10px;}
    form > .form-group > .btn-group > .btn:first-child {margin-right: 10px;}
/*FilterBox*/
.FilterBoxDotsStyle {margin-left: 3px;padding-left: 3px;padding-right: 3px;cursor: default;position: absolute;float: right;right: 0;top: 5px;}
.filterbox {width: 100%;display: inline;}
/*RomeDateTimePicker*/
img.ui-datepicker-trigger {float: right;top: 10px;position: absolute;right: 16px;}
/*TreeView*/
.tree li {margin: 0px 0;list-style-type: none;position: relative;padding: 20px 5px 0px 5px;}
.tree li::before {content:'';position: absolute;top: 0;width: 1px;height: 100%;right: auto;left: -20px;border-left: 1px solid #ccc;bottom: 50px;}
.tree li::after {content:'';position: absolute;top: 30px;width: 25px;height: 20px;right: auto;left: -20px;border-top: 1px solid #ccc;}
.tree li a {display: inline-block;border: 1px solid #ccc;padding: 5px 10px;text-decoration: none;color: #666;font-family: arial, verdana, tahoma;font-size: 11px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.tree > ul > li::before, .tree > ul > li::after, ul.tree > li::before, ul.tree::after {border: 0;}
.tree li:last-child::before {height: 30px;}
.tree li a:hover, .tree li a:hover+ul li a {background: #c8e4f8;color: #000;border: 1px solid #94a0b4;}
.tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before {border-color: #94a0b4;}
/*General*/
.medium-height-scroll {height:300px;overflow:auto;}
/*FileBrowser*/
.region-filebrowser .dropzone { margin-top:10px; display:none; }
.filebrowser-content .selected > a {background-color:bisque;}
.region-filebrowser #UploadFile {margin-right:10px;}
.region-filebrowser > .row:first-child {margin:0;padding-bottom:10px;border-bottom:1px solid #ccc;}
.region-filebrowser .header, .filebrowser-contenttype-header {padding-top:5px;}
.filebrowser-contenttype-header {margin-left:20px;}
.region-filebrowser #deletefile {display:none;margin-right:10px;}
.filebrowser-contenttype {margin-left: 10px; margin-top: 3px;}

/*CKEditor*/
.cke_toolbox > .cke_toolbar_break {display:none;}
/*Form*/
.form-header-area {min-height:25px;margin-bottom:10px;}
/*CB*/

.hidden {display:none;}

.toolbar-container{background-color: #e6e7e8;text-align: right;height: 30px;}
table.ardita-table-toolbar td {padding: 5px 10px;border-right: 1px solid #fff;}
table.ardita-table-toolbar td:last-child{border-right: none;}
    
.ardita-datagrid {margin-bottom:20px;min-height:350px;}
.ardita-datagrid.full-screen {position: fixed;overflow:auto;right: 0;left: 0;top: 0;bottom: 0;z-index: 9999;height: 100%;min-height: 100%;background-color: white;}
.ardita-datagrid-area.table {margin-bottom:0px;}
.ardita-datagrid-area .columns th{background-color:#ccc;font-weight:bold;}
.ardita-datagrid .headerarea {background-color:#e6e7e8;border-bottom:1px dotted #ccc;}
.ardita-datagrid .headerarea div {display:inline-block;font-weight:bold;line-height:24px;}
.ardita-datagrid .headerarea div.pagination-control {margin-left:10px;font-weight:normal;}
.ardita-datagrid .headerarea div.title,.ardita-datagrid .headerarea div.dependency-control {margin-left:10px;}
.ardita-datagrid .hdisplay {width:20px;float:left;min-height: 1px;}
 ul.binderFilter,.ardita-datagrid ul.grouperPanel,.ardita-datagrid ul.quickFilter  {background-color:#e6e7e8;margin:0px;border-bottom:1px dotted #ccc;}
 ul.binderFilter > li:first-child,.ardita-datagrid ul.grouperPanel > li:first-child,.ardita-datagrid ul.quickFilter > li:first-child {margin-left:10px;}
 ul.binderFilter > li.filterSelection ,.ardita-datagrid li.grouperSelection {height: 26px;width: 120px;text-align: left;border: 1px solid #ccc;padding-left: 10px;padding-right:10px;position: relative;cursor:pointer;}
 ul.quickFilter .filterSelection {width:auto;border: none;}
 ul.definedFilters {overflow: hidden;height: auto;}
 li.filterSelection > span:first-child, .ardita-datagrid li.grouperSelection > span:first-child {padding-right:5px;margin-top:5px;}
 li.filterSelection .select2.select2-container.select2-container--default.select2-container--below {position:absolute;top:25px;left:0;}
.binderFilter .excludedPanel {float:right;}
.binderFilter .filterbutton {margin-top:5px;}
li.grouperSelection .select2.select2-container.select2-container--default.select2-container--below {position:absolute;top:25px;left:0;}
li.filterSelection .selection{display:none;}
li.grouperSelection .selection{display:none;}
.selectionFilterArea {margin-bottom: 10px;margin-top: 10px;}
.ardita-datagrid-area.table {margin-bottom:0px;}
.ardita-datagrid-area .columns th{background-color:#ccc;font-weight:bold;}
.ardita-datagrid-area td.table-row-cell {border:1px solid #e6e7e8;}
.ardita-datagrid-area th.column-cell {border:1px solid #e6e7e8;}
.ardita-datagrid-area th.column-cell > div {display:inline-flex; position:relative;}
.ardita-datagrid-area th.column-cell > div > span:first-child {margin-right: 13px;}
.ardita-datagrid-area th.column-cell > div > span.fa {position: absolute;right: 0;top: 3px;}
.ardita-datagrid-area td.table-row-cell.numbers, .ardita-datagrid-area td.table-row-cell.numbers a {width: 30px;background-color: #4d4d4d;color: #f7f8fa;text-align: center;}
.ardita-datagrid-area td.table-row-cell.commands .tooltip {position: fixed;}
.ardita-datagrid-area .commands div.btn-group{display: inline-flex!important;}
.ardita-datagrid-area div.tooltip {width:auto;}
.ardita-datagrid-area div.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff!important;text-align:center;background-color:#000;border-radius:4px}
.ardita-datagrid-area div.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.ardita-datagrid-area tr.createitemrow td.table-row-cell{background-color:#fafafa;}
.ardita-datagrid-area tr:hover td.table-row-cell.numbers,.ardita-datagrid-area tr:hover td.table-row-cell.numbers a,.ardita-datagrid-area tr.createitemrow td.table-row-cell.numbers {width:30px;background-color:#1d1d1d;color:#f7f8fa;text-align:center;}
.ardita-datagrid-area tr.table-row:hover td.focusInput,.ardita-datagrid-area tr.table-row td.focusInput {background-color:#fff}
.ardita-datagrid-area tr.table-row:hover{border-bottom: 2px solid #ccc;border-top: 2px solid #ccc;}
.ardita-datagrid-area focuscolor tr.table-row:hover{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.ardita-datagrid-area tr:hover td.table-row-cell.numbers.hdisplaynumbers,.ardita-datagrid-area td.table-row-cell.numbers.hdisplaynumbers {text-align:left;}
.ardita-datagrid-area td.table-row-cell.selection {width:30px;padding: 10px 0px 0px 0px;}
.ardita-datagrid-area td.table-row-cell.selection {border:1px solid #e6e7e8;}
.ardita-datagrid-area td.table-row-cell.columntype2 {text-align:right;}
.ardita-datagrid-area td.table-row-cell.columntype8.focusInput {padding:5px;}
.ardita-datagrid-area tr.table-row.totalsrow {font-weight:bold;}
.ardita-datagrid-area input, .ardita-datagrid-area div, .ardita-datagrid-area select {width: 100%;border: none;padding: 0px;margin: 0px;display: block;white-space: nowrap;}
.ardita-datagrid-area input[type="checkbox"],.ardita-datagrid-area input[type="radio"] {margin-top: 3px;}
.ardita-datagrid .chartArea {border: 1px solid #ccc;padding: 20px;}
.ardita-datagrid .chartArea .selectBoxArea {display:inline-block; margin-right:10px;}
.ardita-datagrid .ignoreHierarchyPanel {float:left;float: left;padding-left: 20px;padding-top: 5px;}
.ardita-datagrid .ignoreHierarchyPanel > div,.ardita-datagrid .ignoreHierarchyPanel > input {float:left;}
.ardita-datagrid .ignoreHierarchyPanel > div {padding-right:10px;}
.ardita-datagrid button.saveAsDefinedFilter,.ardita-datagrid button.saveAsSortOrder {margin-top: 3px;margin-right:5px;}
.ardita-datagrid button.saveAsDefinedFilter > span,.ardita-datagrid button.saveAsSortOrder > span {padding-right:5px;}
.ardita-datagrid .savedFilterPopup {display:inline-block; width:250px;margin-right:20px;}
.ardita-datagrid .savedFilterPopup select, .ardita-datagrid .savedFilterPopup input[type="text"] { width:250px; margin-top:10px;}
.ardita-datagrid .backToParentGrouper {border:none;margin-right:10px;}
.ardita-datagrid .ui-sortable .table-row{background-color:#fafafa;cursor:move;}
ul.arditacontextmenu  {z-index:99999;position: absolute;background-color:#efefef;border: 1px solid #ccc;padding: 0px;min-width:200px;list-style:none;cursor:pointer;}
ul.arditacontextmenu li{padding:5px;}
ul.arditacontextmenu li:hover,ul.arditacontextmenu li.selected {background-color:#e1e1e1;}
ul.grouperPanel,ul.binderFilter, ul.quickFilter {width:100%;list-style: none;padding:0;}
ul.grouperPanel > li , ul.binderFilter > li ,ul.quickFilter > li {display: inline-block;margin: 3px 5px 3px 0;vertical-align: top;list-style: none;position:relative;}
ul.quickFilter button {margin-left:0px; text-align:center;}
ul.binderFilter > li > button {padding-right:30px;}
ul.quickFilter > li:first-child {padding-left:8px;}
ul.quickFilter > li > button {margin-right:15px;padding-left:5px;padding-right:5px;}
ul.quickFilter > li > input {padding-left:5px;padding-right:5px;}
ul.grouperPanel > li > button {padding-right:20px;}
ul.grouperPanel > li > a, ul.binderFilter > li > a {display: inline;position:absolute;right:5px;top:3px;}
ul.binderFilter > li .fa-sort-down,ul.quickFilter > li .fa-sort-down {position:absolute;right:22px;}
.cbfilterpanel {width: 300px;background-color: white;position: absolute;z-index: 9997;border:1px solid #ccc;border-radius:3px;}
.cbfilterpanel > div {padding:20px;}
.cbfilterpanel > div input,.cbfilterpanel > div select {width:100%;margin:6px 0px;}
.cbfilterpanel > div input.select2-search__field {margin:0px;}
.cbfilterpanel.datepanel {width: 450px;}
.cbfilterpanel.datepanel  .basicdatefilter {width: 200px;float: left;}
.cbfilterpanel.datepanel  .dateshortcuts {width: 195px;float: right;}
.cbfilterpanel.datepanel  .dateshortcuts .firstcolumn {float: left;width: 85px;}
.cbfilterpanel.datepanel  .dateshortcuts .secondcolumn {float: left;width: 105px;}
.cbfilterpanel .closebutton {width: 20px;height: 20px;right: 0;top: 0;position: absolute;cursor:pointer;}
.cbfilterpanel input[type="checkbox"], .cbfilterpanel input[type="radio"] {width:20px;}
.ardita-table-toolbar span:hover {border-bottom:1px solid;cursor:pointer;}
#defaultfilterdatetimepicker {display:none;}
/*Chart*/
.arditachart {min-width:280px;margin-left:10px;margin-right:10px;text-align:center;overflow-x: auto;}
.arditachart li {padding-bottom:10px;float:left;margin-right:10px;}
.arditachart li span {display: block;left: 10px;width: 20px;height: 20px;border-radius: 5px;float: left; margin: 0px 5px 0px 0px;}
.arditachart ul {list-style: none;right: 8px;top: 30px;}
.arditachart .charttitle {text-align: center;margin-bottom: 20px;font-weight:bold;}
/*Splitter*/
.ardita-splitter {width:100%;height:100%;}
.ardita-splitter .gutter {background-color: transparent;background-repeat: no-repeat;background-position: 50%;}
.ardita-splitter .split {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;}
.ardita-splitter .content {border: 1px solid #C0C0C0;box-shadow: inset 0 1px 2px #e4e4e4;background-color: #fff;}.gutter {background-color: transparent;background-repeat: no-repeat;background-position: 50%;}
.ardita-splitter .gutter.gutter-horizontal {cursor: col-resize;background-image: url('/EFiles/Ardita.View.Web/splittervertical.png');}
.ardita-splitter .gutter.gutter-vertical {cursor: row-resize;background-image: url('/EFiles/Ardita.View.Web/splitterhorizontal.png');}
.ardita-splitter .split.split-horizontal,.ardita-splitter .gutter.gutter-horizontal {height: 100%;float: left;}
.align-right {text-align:right;}
.align-left {text-align:left;}


@media  (min-width:0px) and (max-width: 959px) {
    .mobile:not(.notresponsive) table.ardita-datagrid-container,
    .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > thead,
    .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody,
    .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr > th, .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > thead > tr > th,
    .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr > td, .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > thead > tr > td,
    .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr, .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > thead > tr {
        display: block !important;
    }
        .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr, .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > thead > tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            border-radius: 4px;
            cursor: pointer;
        }
            .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr > td, .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > thead > tr > td {
                border: none;
                border-bottom: 1px solid #ccc;
                position: relative;
                padding: 10px 10px;
                padding-left: 50% !important;
                white-space: normal;
                text-align: left;
                min-height: 18px;
            }
                .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr > td:before, .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > thead > tr > td:before {
                    position: absolute;
                    top: 10px;
                    left: 6px;
                    width: 50%;
                    padding-right: 10px;
                    white-space: nowrap;
                    text-align: left;
                    font-weight: bold;
                    white-space: nowrap !important;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    content: attr(data-columnName);
                }
            .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > tbody > tr:first-child, .mobile:not(.notresponsive) .ardita-datagrid-container table.ardita-datagrid-area > thead > tr:first-child {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
     .mobile:not(.notresponsive) .ardita-datagrid-container .ardita-datagrid-area tr:hover td.table-row-cell.numbers, 
     .mobile:not(.notresponsive) .ardita-datagrid-container .ardita-datagrid-area tr:hover td.table-row-cell.numbers a,
     .mobile:not(.notresponsive) .ardita-datagrid-container .ardita-datagrid-area tr.createitemrow td.table-row-cell.numbers,.mobile:not(.notresponsive) .ardita-datagrid-container .ardita-datagrid-area td.table-row-cell.numbers, .mobile:not(.notresponsive) .ardita-datagrid-container .ardita-datagrid-area td.table-row-cell.numbers a {background-color:transparent; color:inherit;width:auto !important;text-align:right;}
}
@media (min-width:959px) {
    .select2-container ul {width: 100%;border-top: 1px solid #ccc;}
    .select2-container ul li.ardita-multifilterbox.columns div {color: #555;background-color: #ddd;border-color: #ccc;font-weight: bold;display:table-cell;}
    }
/*Multifilter*/
.select2-container ul li {width: 100%; min-width:150px;}
div.ardita-multifilterbox,  .select2-container--open ul li span,.select2-container--open ul li div{overflow: hidden;text-overflow: ellipsis;line-height: 30px;white-space: nowrap;vertical-align: middle;text-align: left;padding: 5px;}
div.ardita-multifilterbox {border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
li.ardita-multifilterbox,  .select2-container--open ul li {width:100%;padding:0;height:42px;min-width:100px; }
li.ardita-multifilterbox {display:flex;}
li.ardita-multifilterbox.column {position:absolute;background-color:lightgray;color:white; font-weight:bold;width:calc(100% - 6px);}
li.ardita-multifilterbox span, li.ardita-multifilterbox div {display: inline-flex;}
div.ardita-multifilterbox.w600 {width:600px !important;}
div.ardita-multifilterbox.w500 {width:500px !important;}
div.ardita-multifilterbox.w400 {width:400px !important;}
div.ardita-multifilterbox.w300 {width:300px !important;}
div.ardita-multifilterbox.w200 {width:200px !important;}
div.ardita-multifilterbox.w150 {width:150px !important;}
div.ardita-multifilterbox.w80 {width:80px !important;}
.flowchart-operator .flowchart-operator-title {box-sizing: border-box !important;}
.flowchart-chartarea {width:100%;height:calc(100% - 40px);}
.ardita-fullcalendar {width:100%;height:100%;}
.ardita-fullcalendar .saveAsDefinedFilter {padding: 2px;margin-left: 10px;}
.select2-container.select2-container--default.select2-container--open{z-index:999999;}
.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container .select2-search--inline {width:auto;min-width:inherit;}

.form-horizontal .form-group.ardita-generic-commands {margin-left:0px;margin-right:0px;}
html.fullscreenonshow {overflow-y:hidden;}
ul.sortable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
ul.sortable li {list-style:none;}
ul.sortable.grid {overflow: hidden;}
ul.sortable.grid li {float: left;}
ul.sortable .handle {cursor: move;}
ul.sortable.connected {float: left;}
ul.sortable li.disabled {opacity: 0.5;}
ul.sortable li.highlight {background: #FEE25F;}
ul.sortable li.sortable-placeholder {border: 1px dashed #CCC;background: none;}

.rd-month.monthandyear {
    width: 100px !important;
    float: left !important;
    border: 1px solid #eee !important;
    padding: 5px !important;
    margin-right: 0px !important;
	cursor: pointer !important;
}
.rd-container.rd-container-attachment.monthandyear {
    width: 322px !important; 
}
.rd-date.monthandyear {
    margin-top:25px !important;
}


div.ardita-alert{
    position:fixed;
    z-index:9999;
    right:20px;
    top:50px;
    min-width: 300px;
    max-width: 300px;
}

.ardita-alert button{
    position: absolute;
    top: 12px;
    right: 8px;
}

.sortableSelector {
    border: 1px solid rgb(238, 238, 238);
    width: 45%;
    height: 200px;
    list-style-type: none;
    margin: 0px 10px 0px 0px;
    padding: 5px 0px 0px;
    display: inline-block;
    float: none;
    overflow-y: scroll;
}

.sortableSelector  li{
    margin: 0px 5px 5px;
    padding: 5px;
    cursor: move;
    background-color: rgb(230, 231, 232);
    font-weight: bold;
}

.sortableSelector .ui-state-disabled {
    border-bottom: 1px solid;
    color: rgb(79, 142, 220);
    opacity: 1;
}

tr.ui-sortable-helper td{width:auto;overflow-y:hidden;}
.intl-tel-input.allow-dropdown {
    z-index:3;
}
.intl-tel-input {width: 100%;height: 34px; display:block !important;}
.document-icon {
    padding-right: 5px;
}
    .document-icon strong {
        font-size: 0.8em;
        background-color: #e6e7e8;
        padding: 3px;
    }

.row-operation-button-group-as-morebutton {
    position: absolute;
    right:5px;
    top:5px;
    float:right !important;
    width:auto !important;
    letter-spacing:3px;
    z-index:999;
    cursor:pointer;
}
.fc-column-deletebutton {
    position:absolute;
    right:0px;
    top:0px;
}
    .fc-column-deletebutton i {
        margin-right:5px;
    }
.noteditable-color {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.modal-dialog.full-size-popup {
    width: calc(100% - 20px);
}

@media (min-width: 768px) {
    .modal-dialog.full-size-popup {
        width: calc(100% - 90px);
    }
}
@media (min-width: 992px) {
    .modal-dialog.full-size-popup {
        width: calc(100% - 90px);
    }
}
@media (min-width:1200px) {
    .modal-dialog.full-size-popup {
        width: calc(100% - 100px);
    }
}
.tab-container .panel {
    border: none !important;
    box-shadow: none !important;
}
.ardita-datagrid-area .columnsfilter td > div > input {
    width: calc(100% - 20px);
    display: inline-flex;
}

tr.columnsfilter > td > div > div.showedFilterParent {
    position: relative;
}

    tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel input, tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel select {
        border: 1px solid #ccc;
    }

    tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel {
        border: 1px solid #ccc;
        min-width: 510px;
    }

        tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel .excludedPanel {
            float: right;
        }

        tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel .filterbutton {
            margin-top: 5px;
        }

        tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel input[type="checkbox"],
        tr.columnsfilter > td > div > div.showedFilterParent > .cbfilterpanel input[type="radio"] {
            display: inline-block;
        }

.ardita-datagrid-container {
    min-height: 500px;
}

.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer > select, .ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer > input, .ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .selectionFilterArea {
    width: calc(100% - 20px);
    display: inline-flex;
    border: 1px solid #dedede;
}

.ardita-datagrid-area .filter-cell.minwidth {
    min-width: 200px;
}

.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-selection.select2-selection--multiple,
.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-container,
.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-container--default .select2-selection--multiple,
.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-container--default.select2-container--focus .select2-selection--multiple,
.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-container,
.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-selection__rendered {
    border-radius: 0px;
    border: none;
    box-sizing: initial;
}

    .ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: inline-flex;
    }

.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-search__field {
    border: none;
    box-sizing: initial;
}

.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 0px;
}

.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0px;
    border: none;
}

li.ardita-multifilterbox, .select2-container--open ul li {
    height: auto;
}

.select2-container .select2-selection--multiple {
    min-height: initial !important;
}

.select2-container .select2-search--inline {
    font-size: 12px;
}

    .select2-container .select2-search--inline .select2-search__field {
        margin-top: 0px;
    }

div.ardita-multifilterbox, .select2-container--open ul li span, .select2-container--open ul li div {
    line-height: initial;
    padding: 0px;
}

.ardita-datagrid .cbfilterpanel .basicdatefilter > div {
    display: inline-flex;
    width: 45%;
    min-width:220px;
}

    .ardita-datagrid .cbfilterpanel .basicdatefilter > div:last-of-type {
        padding-left: 10px;
    }

.cbfilterpanel.datepanel .basicdatefilter {
    width: 510px;
    min-height: 130px;
}

.cbfilterpanel.datepanel .dateshortcuts {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cbfilterpanel.datepanel .filterbutton {
    margin-bottom:10px;
}

.cbfilterpanel.datepanel .dateshortcuts div {
    float: left;
    width: 33.33%;
}

.cbfilterpanel.datepanel {
    width: 460px;
}

    .cbfilterpanel.datepanel > div > button {
        width: 100%;
        background: #6484aa;
        color: white;
        border: none;
        padding: 3px;
    }

.select2-results__option {
    height: initial;
}

div.ardita-multifilterbox, .select2-container--open ul li.select2-results__option span, .select2-container--open ul li.select2-results__option div {
    padding: 5px;
}

ul.definedFilters {
    overflow: initial;
}

.filterRowColumnContainer.active span {
    color: orange;
}

.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer > select:focus,
.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer > input:focus,
.ardita-datagrid-area .columnsfilter td > .filterRowColumnContainer .selectionFilterArea:focus {
    border-color: orange;
}

.ardita-datagrid-area tr.table-row:hover td.focusInput, .ardita-datagrid-area tr.table-row td.focusInput, .ardita-datagrid-area td.table-row-cell.columntype8.focusInput {
    padding: 0px;
    box-shadow: 1px 1px 1px 1px orange;
}

    .ardita-datagrid-area tr.table-row td.focusInput input {
        padding: 5px 10px;
        border: none !important;
    }

    .ardita-datagrid-area tr.table-row td.focusInput select {
        padding: 4px 5px 4px 10px;
        border: none !important;
    }

.ardita-datagrid-area td.focusInput input[type="checkbox"], .ardita-datagrid-area td.focusInput input[type="radio"] {
    margin-top: 8px;
}

.focuseddatagridelement {
    width: 100%;
    height: 1px;
    overflow: hidden;
}

    .focuseddatagridelement:focus {
        text-decoration: none;
        font-style: normal;
    }

.ardita-datagrid-area tr.readonly-datagrid-focus {
    background-color: #eee;
}

ul.binderFilter.definedFilters > li > button, ul.grouperPanel > li > button {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #6484aa;
    margin-left: 10px;
    padding: 3px 32px 1px 5px !important;
}

.arditachart {
    max-width: 500px;
}

li.filterSelection > span:first-child, .ardita-datagrid li.grouperSelection > span:first-child {
    margin-top: 0px;
}
.try .editor .editor-frame .monaco-ardita-editor, .try .editor .editor-frame #diff-editor {
    min-height: 630px;
}
.cbfilterpanel.datepanel.isunique {
    width:300px;
}
    .cbfilterpanel.datepanel.isunique .basicdatefilter {
        width:100%;
    }
    .cbfilterpanel.datepanel.isunique .basicdatefilter > div:last-of-type {
        width: 100%;
        padding: 0px;
    }
        .cbfilterpanel.datepanel.isunique .basicdatefilter .rd-container {
            width: 100%;
        }
.filtershortcuts > div {
    border: 1px solid aliceblue;
    border-radius: 10px;
    padding: 10px;
    float: left;
    margin: 0px 10px 10px 0px;
    background-color: aliceblue;
    cursor: pointer;
    width: auto;
}
.cbfilterpanel button.filterbutton {
    width: 100%;
    background: #6484aa;
    color: white;
    border: none;
    padding: 3px;
    margin-left: 0%;
    float: left !important;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
}

.cbfilterpanel.datepanel button.filterbutton {
    width: 91%;
    margin-left: 4%;
}