/* dashboard layout */
html { position: relative; height: 100%; }
body { height: 100%; }
#footer { position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px; background-color: #3D3938; font-size: 0.8rem; }
#main-container{ padding-top: 52px; }
#sidebar-menu{ margin-top: 52px; overflow-y: auto; }
#sidebar-menu .fas{ width: 20px; }
#sidebar-menu .single-option-client{ padding: .2rem .4rem; }
#sidebar-menu .flex-column .nav-link{ padding-top: .1rem; padding-bottom: .1rem; }
#sidebar-menu .menu-group{ padding-top: .2rem; padding-bottom: .2rem; }
#navbarToggler .nav-link.active{ background-color: #8e1735; }
#header .dropdown-menu.show { right:0; left: auto; }
.link-white{ color: #ffffff !important; }
.fake-link{ color: #8e1735; text-decoration: none; background-color: transparent; cursor: pointer; }
.fake-link:hover{ color: #4c0c1c; text-decoration: underline; }
.table-shrunk{ width: auto !important; }
.table-compact td{ padding: 2px 8px; }
.table-compact th{ padding: 2px 8px; }
.table td.fit, .table th.fit {  white-space: nowrap; width: 1%; }
.va-top{ vertical-align: top; }
.bg-gray{ background-color: #6f6f6f; }
.bg-button-disable{ background-color: #E0E0E0; }
@media (max-width: 767px){ /* only on phone */
  #main-container{ padding-top: 0px; }
  #sidebar-menu .flex-column{ flex-direction: row!important; }
}
@media (min-width: 767px) { /* only on desktop */
  .sidebar { padding: 10px; position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); }
}
/* checkbox */
.toggle-group .btn-light.toggle-off{ background-color: #ececec; }
/* parsley validation */
.form-group{ position: relative; }
.form-control.parsley-error{ color:#a94442; background-color: #f2dede; }
.custom-control.parsley-error{ color:#a94442; background-color: #f2dede; }
.parsley-errors-list { margin: 2px 0px; padding: 0; list-style-type: none; color: #B94A48; /* position: absolute; bottom: -18px; */ }
.parsley-errors-list li { line-height: 1;  font-size: 0.8rem; }
.expanding-error-section{}
.expanding-error-section .parsley-errors-list{ position: relative; bottom: 0; margin: 6px 0px; }
/* sortable */
body.dragging, body.dragging * { cursor: move !important; }
.dragged { position: absolute; opacity: 0.5; z-index: 2000; }
.bg-placeholder{ background-color: #aebdc1; border: #333 dotted; }
/* general styles */
.form-control.error{ color:#a94442; background-color: #f2dede; }
.form-control:focus{ border-color: #80bdff !important; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important; }
label.error{ color:#a94442; position: absolute; top: 100%; left: 5px; font-size: 12px; background-color: #ffffff; z-index: 10; }
.btn-group-lg>.btn, .btn-lg{ line-height: 1.8 !important; }
.bg-light{ background-color:#e9e9e9!important }
.fancySelectLabelDisplay{ background-color: #ffffff !important; cursor: pointer; }
table.no-grow { width: inherit !important; }
.xdebug-error { position: fixed; z-index: 10000; top: 10px; left: 10px;}
.list-striped > div.odd{ background-color: #e9e9f9 ; }
.btn-inline-form-row{ height: 32px; margin-top: 25px; }
.on-top{ position: fixed; z-index: 9999; left: 10px; top: 10px; right: 10px; }
.overlapping{ position: fixed; z-index: 9999; }
.clickable{ cursor: pointer; }
.cursor-pointer{ cursor: pointer; }
.custom-file-input:focus~.custom-file-label{ border: none !important; box-shadow: none !important; }

@media (min-width: 1800px) {
  .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
}
/* searcher rules */
.KS_RES_T.table td, .KS_RES_T.table th{ padding: 0.2rem; }
.KS_RES_T .KS_RES_HOVER{ cursor:pointer; background-color: #343a40 !important; color: white !important; }
.KS_RES_NONE{ }
.search-result-floating{ background-color:#EEEEEE; padding: 10px; top:100%; position: absolute; z-index: 10000; margin-top: 0px; display: none; }
.search-result-floating .KS_RES_T{ background-color:#FFFFFF; }
@media screen and (max-width: 767px) {
  .search-result-floating{ margin-top: 0px; }
  #footer{ position: relative; margin-top: 20px; }
}
/* tooltip rules */
.k-tooltip{ cursor: help; color: #2c70e2; }
#tooltip{ border: 1px solid #ddd; text-align: center; color: #ededed; background: #333; position: absolute; z-index: 100; padding: 15px; }
#tooltip:after{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 9px solid #333; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px;}
#tooltip.top:after{ border-top-color: transparent; border-bottom: 9px solid #ededed; top: -20px; bottom: auto; }
#tooltip.left:after{ left: 10px; margin: 0; }
#tooltip.right:after{ right: 10px; left: auto; margin: 0; }
/* checkbutton */
.check-button-wrapper{ display: inline-block; }
/* dropdown search */
.ds-dropdownSearch{ position:relative; }
.ds-dropdownSearch.ds-dropdownSearch-hidden{ height: 0px; border: none; }
.ds-dropdownSearch .ds-mainLabel{ position:absolute; top:0px; bottom:0px; left:0px; padding: 0.2rem 0.4rem; right:25px; overflow:hidden; white-space:nowrap; cursor:pointer; }
.ds-dropdownSearch .ds-button{ position:absolute; top:0px; bottom:0px; right:0px; width:20px; background-position: center; cursor:pointer; }
.ds-dropdownSearch .ds-button.down{ background-image:url(../images/ui/dropdown-arrow-down.png); background-repeat:no-repeat;}
.ds-dropdownSearch .ds-button.up{ background-image:url(../images/ui/dropdown-arrow-up.png); background-repeat:no-repeat;}
.ds-dropdownSearch .ds-resultContainer{ position:absolute; width:400px; height:350px; display:none; background-color:#FFF; border-radius:3px; border:1px solid #DDD; z-index:100; top: 100%; left: 0px; }
.ds-dropdownSearch .ds-resultContainer .ds-searchbox-wrapper{position:absolute; top:4px; left:4px; right:4px; height:25px; }
.ds-dropdownSearch .ds-resultContainer .ds-searchbox-wrapper .ds-searchbox{ width:100%; height:20px; border:1px solid #DDD; }
.ds-dropdownSearch .ds-resultContainer .ds-resultInner{ position:absolute; overflow:hidden; overflow-y:scroll; top:30px; bottom:2px; left:2px; right:2px; background-color:#DDD; }
.ds-dropdownSearch .ds-resultContainer .ds-resultInner .ds-result{ float:left; clear:both; width:100%; padding:2px 4px; cursor:pointer; }
.ds-dropdownSearch .ds-resultContainer .ds-resultInner .ds-result:hover { background-color: #343a40!important; color: #ffffff !important; }
.ds-dropdownSearch.flipped .ds-resultContainer{ bottom:100%; top: inherit; }
.ds-dropdownSearch.flipped .ds-resultContainer .ds-searchbox-wrapper{ top:inherit; bottom: 0px; left:4px; right:4px; height:25px; }
.ds-dropdownSearch.flipped .ds-resultContainer .ds-resultInner{ top: 2px; left:4px; right:4px; bottom: 30px; }
.ds-dropdownSearch.readonly{ background-color: #e9ecef; opacity: 1; }

/* user page */
#tableAreas .selectedArea{ background-color: #e2ffe9 !important; }

/* contact page */
#frmContact .deviceSelectWrapper{ }
#frmContact .report-device-editor{ width: 100%; }

/* history */
#history-page .card .card-body{ padding: 0.5rem; }
#history-page .card .card-title{ margin-bottom: 0; padding-bottom: 0; }
#history-page .card .card-header{ padding: 0.2rem 1rem; }
#history-page .card .history-state-1{ background-color: #daffde; }
#history-page .card .history-state-2{ background-color: #ffe8ed; }
#history-page .card .history-state-3{ background-color: #f0f8ff; }
#history-page .card .history-column{ font-size: 0.9rem; padding: 0px 10px 0px 0px; }
#history-page .card .history-column .name{ font-weight: bold; }
#history-page .card .history-column .history-value-empty{ font-style: italic; }