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:40px;}
.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;margin-top: 10px;padding-left: 10px;padding-right:10px;position: relative;cursor:pointer;}
ul.quickFilter .filterSelection {width:auto;border: none;}
ul.definedFilters {overflow: hidden;height: 50px;}
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 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;}
.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: 10px 10px 10px 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;}
.mobile .ardita-table-toolbar {font-size:1.2em;}
.mobile .toolbar-container {height:35px;}
@media (min-width:0px) and (max-width: 959px) {
.mobile:not(.notresponsive) table.ardita-datagrid-container,
.mobile:not(.notresponsive) .ardita-datagrid-container thead,
.mobile:not(.notresponsive) .ardita-datagrid-container tbody,
.mobile:not(.notresponsive) .ardita-datagrid-container th,
.mobile:not(.notresponsive) .ardita-datagrid-container td,
.mobile:not(.notresponsive) .ardita-datagrid-container tr {
display: block !important;
}
.mobile:not(.notresponsive) .ardita-datagrid-container tr { border: 1px solid #ccc;margin-bottom: 10px;border-radius:4px;cursor:pointer;}
.mobile:not(.notresponsive) .ardita-datagrid-container 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 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;}
.mobile:not(.notresponsive) .ardita-datagrid-container td:before { content: attr(data-columnName); }
.mobile:not(.notresponsive) .ardita-datagrid-container 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:table-row;}
li.ardita-multifilterbox span, li.ardita-multifilterbox div{display:table-cell;}
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;
}