﻿@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.j1.j1.css");
@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.j1.font.css");
@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.Css.FullCalendar.fullcalendar.min.css");
@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.Css.Bootstrap.bootstrap.min.css");
@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.Css.Bootstrap.tempusdominus-bootstrap-4.min.css");
@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.Css.Bootstrap.bootstrap-tabs.css");
@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.Css.Summernote.summernote-lite.css");
@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.Css.Summernote.fix.css");
@import url("./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=text%2fcss&DBWP_RESOURCE=SaObjects.Css.Bootstrap.bootstrap-tagsinput.css");
/****************
    SLIDER
 *****************/
.slider-handle{
    cursor: pointer;
}
.slider.slider-horizontal:hover .tooltip.tooltip-main,.slider.slider-vertical:hover .tooltip.tooltip-main { 
    opacity: 0.7 !important; 
}
.slider.slider-horizontal:hover .tooltip-inner,.slider.slider-vertical:hover .tooltip-inner {
    font-size: 90%;width: auto;
}
/*********************
   MODIFIED BOOTSTRAP
 **********************/
.tabbable>.nav-tabs {
    background-color: transparent;
}
nav.navbar {
    margin-bottom:0px;
    padding:0px;
    min-height:0px;
}
.progress-bar {
    color: #bbb;
}
.checkbox, .radio {
    display:inline;
}
label.radio > span.radio, label.checkbox > span.checkbox {
    padding-left: 0.5rem;
}
div.radio {
    padding-right:1rem;
}
.bootstrap-datetimepicker-widget a[data-action]{
    box-shadow:none;
}
.datepicker {
    white-space: normal;
}
.input-group-text.dbwp_DefaultIcon,
.input-group-text[class*="Icon"] {
    display: table-cell;
}
.form-group > .input-group {
    flex-wrap: nowrap;
    margin-left: 3px;
}
.dbwp_input-group > .form-group {
    width: 100%;
}
.input-group-append > button {
    height: inherit;
    display: flex;
}
.input-group-append > button > span {
    white-space: nowrap;
    margin-left: 3px;
}
.input-group > span {
    padding: 0px 3px;
}
.input-group span.twitter-typeahead {
    width: 100%;
    padding: 0px;
    margin: 0px -4px 0px 0px;
}
.dropdown{
    overflow: visible;
    border: 0;
}
.dropdown-menu > .btn-primary {
    background-color:transparent;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #ABDDE5;
}
.dropdown-item:hover {
    background-color: #f8f9fa !important;
}
.responsivetabs-more {
    line-height: 28px;
    min-width: 30px;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    border: 1px solid #e4ddd6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 0px;
    background-color: #f4f1ee;
    list-style-type: none;
    position: absolute;
    z-index: 1;
    right: 0px;
}
.dropdown-toggle {
}
.dropdown-menu.show {
    box-shadow: 2px 2px 16px 4px rgb(0 0 0 / 20%);
}
.nav-tabs .nav-link:not(.active).has-error {
    color: #a94442;
    border: 1px solid;
    border-bottom: 0;
}
.card.has-error {
    border-color: #a94442;
}
.card.has-error .card-header {
    border-color: #a94442;
}
.card.has-error .card-header .card-title {
    color: #a94442;
}
.modal-backdrop.in{
    display: none;
}
.card .card-title {
    margin-bottom: 0;
}
.btn-light {
    border-color: #ced4da;
}
.form-group {
    margin-bottom: 0;
}
.table-info, .table-info > td, .table-info > th {
    background-color: #abdde5;
}
.table-hover tbody tr:hover {
    background-color: #cdebf0;
}
.dbwp_btn-group {
    flex-wrap: wrap;
    padding-right: 30px; /*for dropdown responsive*/
}
.dbwp_btn-group > .btn {
    flex-grow: 0;
}
.dbwp_lookup.tt-hint {
    margin-left: 3px; /* correct autocomplete*/
}
.bootstrap-tagsinput {
    height: calc((-1.5em - .875rem - 3px) * -1);
}
/************
    BUTTONS
 **************/
.btn.dbwp_modal {
    min-width: 100px;
}
.dbwp_fakeLabel {
    display: block;
}
/********************
    BUTTONS
 *********************/
.dbwp_innercontrol {
    position: relative;
    min-width: 100px;
}
/******************** 
    FONT AWESOME CORE
 *********************/
@font-face {
    font-family: 'FontAwesome';
    src: url('./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=font%2fopentype&DBWP_RESOURCE=SaObjects.Fonts.fontawesome.fontawesome-webfont.eot');
    src: url('./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=font%2fopentype&DBWP_RESOURCE=SaObjects.Fonts.fontawesome.fontawesome-webfont.eot') format('embedded-opentype'), url('./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=font%2fopentype&DBWP_RESOURCE=SaObjects.Fonts.fontawesome.fontawesome-webfont.woff') format('woff'), url('./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=font%2fopentype&DBWP_RESOURCE=SaObjects.Fonts.fontawesome.fontawesome-webfont.ttf') format('truetype'), url('./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=font%2fopentype&DBWP_RESOURCE=SaObjects.Fonts.fontawesome.fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*="Icon"]{
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
   display:inline-block;
}
[class*="Icon"]:before  {
  font-family: FontAwesome;
  text-decoration: inherit;
  speak: none;
}
span[class*="Icon"]:before {
    margin-right:5px; 
}
/*****************
/ ICONE
/*******************/
.dbwp_ChartIcon:before				{content: "\f080";}
.dbwp_ClearFilterIcon:before		{content: "\f0b0";}
.dbwp_CloseIcon:before				{content: "\f00d";}
.dbwp_CollapseAllIcon:before		{content: "\f150";}
.dbwp_DeleteIcon:before			    {content: "\f014";}
.dbwp_ExpandAllIcon:before		    {content: "\f152";}
.dbwp_ExportIcon:before			    {content: "\f019";}
.dbwp_FindIcon:before				{content: "\f002";}
.dbwp_GetFileIcon:before			{content: "\f019";}
.dbwp_ImportIcon:before			    {content: "\f093";}
.dbwp_NewIcon:before 				{content: "\f067";}
.dbwp_PdfIcon:before				{content: "\f016";}
.dbwp_RedirectIcon:before			{content: "\f090";}
.dbwp_SaveIcon:before				{content: "\f0c7";}
.dbwp_ScriptIcon:before			    {content: "\f0e7";}
.dbwp_SearchIcon:before			    {content: "\f002";}
.dbwp_WordIcon:before				{content: "\f016";}
.dbwp_WordGhostIcon:before      	{content: "\f016";}
.dbwp_DefaultIcon:before			{display:inline-block;min-width:20px}
.dbwp_DefaultIcon			        {display:inline-block;}
.dbwp_DeleteFormIcon:before		{content: "\f014";}
.dbwp_OpenFormIcon:before		{content: "\f040";}
.dbwp_ButtonFormIcon:before		{content: "\f00c";}
.dbwp_PdfFormIcon:before		{content: "\f016";}
.dbwp_WordFormIcon:before		{content: "\f016";}
.dbwp_DownloadFormIcon:before	{content: "\f019";}
/******************
* HOME
*******************/
.dbwp_Home {
    position: relative;
}
.dbwp_Home table {
    width: 100%;
    position: relative;
}
.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display:inline-block;
}
.table.borderless tr,.table.borderless td,.table.borderless th {
    border:none;
}
.table th:empty {
    padding: 0;
}
.dbwp_overlapContainer {
    overflow: hidden !important;
}
/******************
* NAVIGATION
*******************/
.dbwp_Navigation_Base {
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
}
.dbwp_Navigation_Base select.form-control {
    width:auto;
    display:inline-block;
}
.dbwp_Navigation_Base ul.pagination {
    margin:0px;
}
@media (max-width: 767px) {
    .dbwp_navText {
        display: none;
    }
}
/******************
* LISTFORM
******************/
.dbwp_Listform_Container {
    position: relative;
}
.dbwp_date, .dbwp_number,
.table.dbwp_Listform_Table > tbody > tr > th.dbwp_number {
    text-align: right;
    justify-content: flex-end;
}
.table-sm > tbody > tr > th:empty,
.table-sm > tbody > tr > td:empty {
    padding: 0px;
}
.table.dbwp_Listform_Table {
    margin-bottom:0px;
}
.table.dbwp_Listform_Table > tbody > tr > th {
    text-align:left;
    border-top:0px;
    cursor:pointer;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
   vertical-align:middle;
   background-color:#f5f5f5;
}
.table.dbwp_Listform_Table td {
    cursor:pointer;
    vertical-align:middle;
}
.dbwp_Listform_Table>tbody>tr>td>div.form-group {
    margin-bottom:0px;
    margin-top:0px;
}
.dbwp_Listform_Table > tbody > tr > td .btn {
    text-align: left;
}
.dbwp_selected {
    background-color:#a0a0a0;
}
.dbwp_Collapse_Minus, .dbwp_Collapse_Plus {
    font-weight:bold;
    text-align:right;
}
tr.dbwp_List_Total>td
{
	text-align:right;
    font-weight:bold;
}
tr.dbwp_List_Total
{
    border-top:2px solid #999;
}
tr.dbwp_Collapse_Minus td:first-child,tr.dbwp_Collapse_Plus td:first-child{
	text-align:left;
}
tr.dbwp_Collapse_Minus td:first-child:before {
    content: "\f0d7";
    font-family: FontAwesome;
}
tr.dbwp_Collapse_Plus td:first-child:before {
    content: "\f0da";
    font-family: FontAwesome;
}
tr.dbwp_Collapse_Minus td {
	cursor:pointer;
	border-top: 1px solid #E0E0E0;
	background-color:#EEE;
}
.dbwp_Collapse_Minus>td>div {
	padding:0px;
	margin:0px;
    display:inline-block;
}
tr.dbwp_Collapse_Plus td {
	cursor:pointer;
	border-top: 1px solid #E0E0E0;
	background-color:#EEE;
}
.dbwp_Collapse_Plus>td>div {
	padding:0px;
	margin:0px;
    display:inline-block;
}
.dbwp_Listform_Table .dbwp_Listform_Table > tbody {
    border: 1px solid #848484;
}
/******************
* COLUMN MENU
******************/
.dbwp_List_Column>div>input {
    width:30px;
}
.dbwp_List_Column {
    white-space:nowrap;
}
/********DBWP COLUMN FILTER********************************/
.dbwp_search_listvalue {
    width: 237px;
    height: 300px;
    border: 1px solid #ddd;
    overflow: auto;
    position: relative;
}
/******************
* PAGE FORM
*******************/
.dbwp_Page_Base,
.dbwp_Search_Base{
	/*font-family:Segoe UI, Arial, Arial Narrow, Sans-Serif;*/
	font-size:14px;
	border-collapse: collapse; 
	width:100%;
	background-color:#FFFFFF;
}
.dbwp_grid {
    display: grid;
    display: -ms-grid;
    margin: -2px -7px;
}
.dbwp_Page_Base,
.dbwp_cardForm {
    margin-top: 8px;
}
.dbwp_cardForm {
    display: flex;
    flex-wrap: wrap;
}
.dbwp_cardForm .card {
    margin-top: 1%;
    margin-left: 1%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.dbwp_Page_Base > .dbwp_gridcell,
.dbwp_Search_Base > .dbwp_gridcell,
.tab-pane > .dbwp_grid,
.card-body > .dbwp_grid {
	border-bottom: 0px solid #ffffff;
	vertical-align:top;
	padding:2px 7px;
}
.dbwp_cardForm .card-body label {
    display: block;
    font-style: italic;
}
.dbwp_grid > .dbwp_gridcell {
    padding: 5px 7px;
}
@media (max-width: 767px) {
    .dbwp_grid {
        display: block;
    }
}
/********************
/	Multi Upload
/********************/
.dbwp_mupl_cont {
    width:100%;
}
.dbwp_mupl {
	border:2px dashed #868686;
	min-width:220px;
    width:100%;
	min-height:80px;
    background:url(./dbwebpart.ashx?DBWP_FUNCTION=GetResource&DBWP_CONTENTTYPE=image%2fpng&DBWP_RESOURCE=SaObjects.Images.upload.png) center center no-repeat;
}
.dbwp_file .input-group {
    flex-wrap: nowrap;
}
.dbwp_multi_file .btn {
    /*margin-top: 46px;*/
}
/************************
/*	Tree
/***********************/
.dbwp_tree, .dbwp_tree ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.dbwp_tree ul {
    margin-left:1em;
    position:relative
}
.dbwp_tree ul ul {
    margin-left:.5em
}
.dbwp_tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.dbwp_tree li {
    position:relative;
    margin:0;
    line-height:2em;
    color:#3c3c3b;
    font-weight:700;
    padding:0 1em;
    white-space:nowrap;
}
.dbwp_tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.dbwp_tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.dbwp_branch>i {
    margin-right:5px;
}
.dbwp_branch > div, .dbwp_branch ul > div {
    width: 100%;
    height: 4px
}
.dbwp_tree li a {
    text-decoration: none;
    color: #3c3c3b;
}
.dbwp_tree li button, .dbwp_tree li button:active, .dbwp_tree li button:focus {
    text-decoration: none;
    color:#3c3c3b;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
li.dbwp_branch{
	cursor:pointer;
}
li:not(.dbwp_branch){
	cursor:default;
}
.dbwp_Tree_Close:before {
    cursor: pointer;
    content: "\f07b";
    font-family: FontAwesome;
    font-style: normal;
}
.dbwp_Tree_Open:before
{
	cursor:pointer;
	content: "\f07c";
    font-family: FontAwesome;
	font-style: normal;
}
.dbwp_Tree_Plus:before 
{
	cursor:pointer;
	content: "\f196";
    font-family: FontAwesome;
	font-style: normal;
}
.dbwp_Tree_Minus:before
{
	cursor:pointer;
	content: "\f147";
    font-family: FontAwesome;
	font-style: normal;
}
.dbwp_Tree_None
{
	display:inline-block;
    width:11px;
}
li.dbwp_Tree_Sel {
    color:#007bff; /*#337ab7*/
}
.dbwp_drag {
	 opacity: 0.2;
}
#j1ghost span.dbwp_level:before {
    border-left: 0px;
}
.dbwp_drop {
    border: 2px dashed #337ab7 !important;
}
.fc .dbwp_drop {
	background-color:#f0f0f0;
}
/************************
/*	Date Column Tree
/***********************/
.dbwp_tree_date_container ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.dbwp_tree_date ul {
    margin-left: calc((-.8em - 2px - .5em) * -1);
    position: relative;
}
.dbwp_tree_date ul ul {
    margin-left: calc((-.4em - 2px - .5em) * - 1);
}
.dbwp_tree_date ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: -5px;
    bottom: .8em;
    left: 0;
    border-left: 1px solid;
}
.dbwp_tree_date li {
    position: relative
}
.dbwp_tree_date_container input {
    margin-left: calc((-.8em - 2px) * - 1);
    width: 1em !important;
    position: relative;
}
.dbwp_tree_date_container ul ul > li > i {
    margin-left: -5px;
}
.dbwp_tree_date li > i {
    width: .8em;
    height: .8em;
    display: inline-block;
    text-align: center;
    background: #fff;
    line-height: 1;
    position: relative;
}
.dbwp_tree_date li > i + input {
    margin-left: 2px;
}
.dbwp_tree_date ul > li:last-child:before {
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    top: .8em;
    bottom: 0;
    display: block;
    width: 1px;
}
.dbwp_tree_date_container .pseudo_horiz_border {
    display: none;
}
.dbwp_tree_date ul > li > .pseudo_horiz_border {
    display: block;
    width: calc((-.8em - 3px) * -1);
    height: 0;
    border-top: 1px solid;
    position: absolute;
    top: 50%;
    left: 0;
}
.dbwp_tree_date_container ul > li > i:after {
    content: "";
    display: block;
    width: 3px;
    height: 0;
    border-top: 1px solid;
    position: absolute;
    top: 50%;
    left: .8em;
}
/************************** 
   OTHER CONTROLS
 * ************************/
.dbwp_color_read {
    display: block;
    width: 20px;
}
.iframeText{
    border:1px solid #ddd;
}
/***********************
*     SPINNER
***********************/
.circular {								
  position:absolute;
  top:20%;
  left:50%;
  width:30px; 
  height:30px;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
}
@-webkit-keyframes rotate {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(1440deg);}
}

@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(1440deg);}
}
.path {
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #3f88f8;
}
@-webkit-keyframes dash {
  0%   {
    stroke-dasharray: 120,200;
    stroke-dashoffset: -40;
  }

  50%{
    stroke-dasharray: 120,200;
    stroke-dashoffset: -120;
  }
   100%   {
    stroke-dasharray: 120,200;
    stroke-dashoffset: -40;
  }
}
@keyframes dash {
  0%   {
    stroke-dasharray: 120,200;
    stroke-dashoffset: -40;
  }

  50%{
    stroke-dasharray: 120,200;
    stroke-dashoffset: -120;
  }
   100%   {
    stroke-dasharray: 120,200;
    stroke-dashoffset: -40;
  }
}
/*/******************
*CHART
******************/
.dbwp_chart {
    min-width:600px;
    min-height:400px;
}
/*/******************
* CALENDAR
******************/
.fc-icon {
  font-family: FontAwesome !important;
  -webkit-font-smoothing: antialiased;
  margin-right: .3em;
}
.fc-icon:before {
  font-family: FontAwesome !important;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  speak: none;
  padding:0px 2px 0px 2px;
}
.fc-icon-icon100:before {content: "\f100"}
.fc-icon-icon104:before {content: "\f104"}
.fc-icon-icon105:before {content: "\f105"}
.fc-icon-icon101:before {content: "\f101"}
.dbwp_date_selected {
    border:1px solid red;
}
.dbwp_calendarmonth {
    max-width:400px;
}
.fc-row .fc-content-skeleton {
    pointer-events:none;
}
td.fc-event-container {
    pointer-events: auto;
}
/*******************
     XML
******************/
.dbwp_Xml .card-title .btn {
    border: 0px;
    box-shadow: none;
    height: auto;
    line-height: normal;
    margin: 0px;
    float: right;
    padding: 5px;
}
.dbwp_xml_indent_left {
    width: 200px;
    font-weight: bold;
    vertical-align: top;
}
.dbwp_xml_indent_right {
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid #eee;
}
/******************
* RATING
******************/
.star-rating {
    white-space: nowrap;
}
.star-rating span:before{
	font-size:24px;
}
.star-rating .star{color: red;cursor:pointer;}
.dbwp_emptylist {
    font-weight: bold;
    display: block;
    background-color: #d9edf7;
    margin: -.3rem;
    padding: 10px 20px;
    text-align: left;
    border-left: 4px solid #337ab7;
}
/*/******************
* SCROLLSPY
******************/
.dbwp_scrollspy_container {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
.dbwp_scrollspy_container .dbwp_Home {
    position: relative;
}
.dbwp_scrollspy_left {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:200px;
  }
.dbwp_scrollspy_right {
    position:absolute;
    top:0px;
    bottom:0px;
    left:200px;
    right:0px;
    overflow:auto;
    padding-right:5px;
}
.dbwp_scrollspy_right>.card{
	margin-bottom:10px;
}
.dbwp_scrollspy_bottom {
    height:80vh;
}
.dbwp_title {
    font-size:16px;
    font-weight:bold;
}
.full-width {
    width: 100%;
}
.dbwp_multicheckbox  > div {
    display: inline-flex;
}
.dbwp_multicheckbox  > div > div.checkbox {
    margin-right: 10px;
}
.dbwp_multicheckbox  > div > div.checkbox span.checkbox:before {
    padding-right: 5px;
}
/********************
    TAGS INPUT
*********************/
.bootstrap-tagsinput {
    display: block;
    line-height: 24px;
    white-space: normal;
}
.bootstrap-tagsinput.focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.bootstrap-tagsinput .tag {
	line-height:20px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "\2716";
}
.bootstrap-tagsinput.disabled {
    display: block;
    background-color: #eee;
    opacity: 1;
    cursor: not-allowed;
}
table.dbwp_Listform_Table .bootstrap-tagsinput.disabled {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
.bootstrap-tagsinput.disabled input {
    display: none;
}
.bootstrap-tagsinput.disabled .tag [data-role="remove"] {
    display: none;
}
.bootstrap-tagsinput span.twitter-typeahead {
    display: inline-flex !important;
}
.collapseclick>.card-title { 
    margin-left: 20px;
}
.table.dbwp_Listform_Table > tbody > tr > th:hover:not(#ListFormView_Grid__) {
    background-color: #e0e0e0;
}
th.selected,
.table.dbwp_Listform_Table > tbody > tr > th.selected {
    background-color: #337ab7;
    color: #fff;
}
/********************
    MAP SEARCH BOX
*********************/
.dbwp_mapsearchbox .leaflet-control-geocoder-alternatives {
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    background-color: #fff;
    z-index: 1;
}
.dbwp_mapsearchbox .leaflet-control-geocoder-alternatives > li > a {
    font-weight: bold;
}
.dbwp_mapsearchbox .leaflet-control-geocoder-alternatives > li > a > .leaflet-control-geocoder-address-context {
    font-size: 13px;
    font-weight: normal;
}
/********************
    VALIDATION
*********************/
.help-block {
    display: block;
    margin-top: 5px;
    color: #737373;
}
.help-block:empty {
    margin:0px;
}
.has-error .form-control,
.has-error .note-editor.note-frame {
    border-color: #dc3545;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #dc3545;
}
.has-error .form-control:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}
.has-success .form-control {
    border-color: #28a745;
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #28a745;
}
.has-success .form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.25);
}
.has-warning .form-control {
    border-color: #ffc107;
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #ffc107;
}
.has-warning .form-control:focus {
    border-color: #ffc107;
    box-shadow: 0 0 0 0.2rem rgba(222,170,12,.5);
}
/********************
    TOAST
*********************/
.dbwp_toastContainer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 1.5rem;
    pointer-events: none;
}
.dbwp_toastContainer > .toast {
    margin-left: auto;
    pointer-events: auto;
}

.dbwp_toastContainer > .toast .dbwp_toastState {
    height: 20px;
    width: 20px;
}
/********************
    SNACK
*********************/
.dbwp_snackContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem;
    margin-right: 1rem;
    margin-left: 1rem;
    pointer-events: none;
}
.dbwp_snackContainer > .alert {
    pointer-events: auto;
}
/********************
    CARD
*********************/
.dbwp_cardForm .form-control:disabled {
    border-bottom-width: 0px;
}
/********************
    INLINESEARCH
*********************/
input.dbwp_inlinesearch {
    height: 36px;
    margin-left: 10px;
}
/********************
    SLIDESHOW
*********************/
.carousel-inner {
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
}
.carousel-control-next,
.carousel-control-prev {
    color: #212529 !important;
    font-size: 35px;
    width: 20px;
}
.carousel-control.left {
    margin-left: -45px;
}
.carousel-control.right {
    margin-right: -45px;
}
.carousel-indicators > li {
    background-color: #212529;
}
.carousel-indicators {
    bottom: -40px;
}
.carousel {
    margin-bottom: 30px;
}
/********************
    TREELIST
*********************/
span.dbwp_level {
	position:relative;
	display:inline-block;
	width:15px;	
	margin-left:5px;
}
span.dbwp_level:before {
	content:"";
	display:block;
	position:absolute;
	top:-45px;
	bottom:0;
	left:0;
	height:45px;
	border-left:1px solid;
	z-index:1;
}
span.dbwp_level.dbwp_islasttree:before {
    border-left: 0px solid;
}
span.dbwp_level:last-of-type {
	height:5px;
	border-top:1px solid;
}
div.dbwp_treelist_parent, div.dbwp_treelist_parent div {
    display: inline;
}
i.dbwp_tree_list:before {
    background-color:#fff;
    position:relative;
    z-index:2;
}
.dbwp_treelist_before, .dbwp_treelist_after {
    height:4px;
}
tr.text-nowrap .bootstrap-tagsinput {
    white-space: nowrap;
}
/********************
    TIMELINE
*********************/
:root {
    --widthTimeline: 4;
    --heightTimeline: 4;
    --daysTimeline: 30;
}
table.dbwp_timeline_l0 {
    border-collapse: collapse;
    width:100%;
    position:relative;
    table-layout:fixed;
}
table.dbwp_timeline_l0 td {
    vertical-align: middle;
    height: calc(-1px * (var(--heightTimeline) * 8 * -1 - 2));
    height: 42px;
    padding: 0px;
}
table.dbwp_timeline_l1 td {
    border: 1px solid #ddd;
    width: 42px; /*fallback*/
    min-width: 42px; /*fallback*/
    height: calc(-1px * (var(--heightTimeline) * 8 * -1 - 2));
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}
table.dbwp_timeline_l1 td.dbwp_Monday,
table.dbwp_timeline_l1 td.dbwp_Tuesday,
table.dbwp_timeline_l1 td.dbwp_Wednesday,
table.dbwp_timeline_l1 td.dbwp_Thursday,
table.dbwp_timeline_l1 td.dbwp_Friday,
table.dbwp_timeline_l1 td.dbwp_Saturday,
table.dbwp_timeline_l1 td.dbwp_Sunday {
    width: calc(-1px * (var(--widthTimeline) * 8 * -1 - 2));
    min-width: calc(-1px * (var(--widthTimeline) * 8 * -1 - 2));
}
table.dbwp_timeline_l1 td {
    width: calc(2px * var(--widthTimeline));
    min-width: calc(2px * var(--widthTimeline));
}
table.dbwp_timeline_l1 .dbwp_weekNumber td {
    height: calc(-1px * (var(--heightTimeline) * 4 * -1 - 1));
    font-size: 10px;
}
.dbwp_weekNumber {
    font-size: 12px;
}
table.dbwp_timeline_lr td {
    border: 1px solid #ddd;
    height: 42px;
    height: calc(-1px * (var(--heightTimeline) * 8 * -1 - 2));
    padding: 0px 5px;
    vertical-align: middle;
    white-space: nowrap;
}
.dbwp_tmlr_width {
    overflow: hidden;
    width: 150px;
    text-overflow: ellipsis;
    vertical-align: top !important;
}
div.dbwp_timeline_activity {
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #aaa;
    background-color: #ccc;
}
.dbwp_timeline_activity > a {
    color:#333;
    padding:0px 3px;
}
.dbwp_Saturday, .dbwp_Sunday {
    background-color: #f0f0f0;
}
.dbwp_tl_h {
    height: 80%;
    width: 5px; /*fallback*/
    width: calc(1px * var(--widthTimeline));
    display: inline-block;
    vertical-align: middle;
}
.dbwp_tl_h > span {
    display: none;
}
.dbwp_tl_h.dbwp_drop > span {
    position: absolute;
    display: block !important;
    margin-top: -25px;
    margin-left: -10px;
    z-index: 1;
}
.dbwp_timeline_l0 .dbwp_drag {
    z-index: -1;
}
table.dbwp_timeline_l1 {
    width:1px;
    position:relative;
    overflow:hidden;
}
.dbwp_timeline_nav {
    position: absolute;
    width: 100%;
    top: 0px;
    max-width: calc(-1px * (var(--widthTimeline) * 8 * -1 - 2) * var(--daysTimeline));
}
.dbwp_nav_year {
    max-width: unset;
}
.dbwp_timeline_but {
    width: 10px;
    padding: 2px !important;
}
.dbwp_timeline_slide {
    position: relative;
}
.dbwp_timeline_nav td {
    text-align: center;
}
/********************
    HIDE COLUMNS
*********************/
@media (max-width: 767px) {
    .hidden-xs {
        display: none;
    }
}
@media (max-width: 991px) {
    .hidden-sm {
        display: none;
    }
}
/********************
    IMPORT
*********************/
.dbwp_exporttemplate {
    color: white;
    background-color: #80bdff;
    padding: 5px 15px;
    font-size: 1.1em;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #000;
}
.dbwp_exporttemplate:hover {
     color: white;
    text-decoration: none;
    background-color:#ABDDE5;
}
/********************
    RICH TEXT
*********************/
.note-editor.note-frame.card {
    z-index: 0;
}