.button-processing
{
	background: url("../images/loading.gif") no-repeat scroll center 12px  / 20px 20px  !important;
    vertical-align: middle;
	cursor:default;
	border:1px solid #F6BE0C;
	color: #838086;
}

.add-action {
  width: 18%;
  float: left;
  margin-left: 9px;
}
.add-action {
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  line-height: 34px;
  display: none;
  transition:300ms ease-in all;
}

.k2-inner-head {
  font-size: 16px;
  font-weight: bold;
  color: #573D7D;
}

.tab-content.main-tab-content .row {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.col-sm-12 {
  width: 100% !important;
}

.form-group-left {
  width: 100%;
  float: left;
}

#details .form-layout-container.form-content div.form-group {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-bottom-color: #ffffff;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: #ffffff;
  border-left-style-ltr-source: physical;
  border-left-style-rtl-source: physical;
  border-left-style-value: dashed;
  border-left-width-ltr-source: physical;
  border-left-width-rtl-source: physical;
  border-left-width-value: 1px;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-right-color-value: #ffffff;
  border-right-style-ltr-source: physical;
  border-right-style-rtl-source: physical;
  border-right-style-value: dashed;
  border-right-width-ltr-source: physical;
  border-right-width-rtl-source: physical;
  border-right-width-value: 1px;
  border-top-color: #ffffff;
  border-top-style: dashed;
  border-top-width: 1px;
}

#details .record-content-left .form-content .form-group {
  width: 98%;
}

#details .form-layout-container.form-content .form-group {
  margin-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

#details .form-content .form-group {
  float: none;
}
.form-content .form-group {
  width: 99%;
  float: left;
}
.form-group {
  margin-bottom: 15px;
}

.cbox_panel {
  border-right: 1px dashed #e1e1e1;
  float: left;
  min-width: 100px;
  display: block;
  min-height: 70px;
  padding-left: 0px;
  padding-right: 0px;
  border: 0px;
}

.column-layout-table.col-layout-2 .cbox_panel.first-col {
  padding-right: 5px;
}
.column-layout-table.col-layout-2 .cbox_panel {
  width: 50% !important;
}

.form-content label {
  width: 100%;
  float: left;
}
.form-content label {
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
.text-field {
  color: #000000;
  font-size: 14px;
  height: 36px;
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000 !important;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.max-w-50 {
    max-width: calc(var(--spacing) * 50);
}

.max-h-60 {
	max-height: 60px;
}

.progress-chart li:before {
	background-color: #c3c0c6;
    bottom: 0;
    content: " ";
    left: 13px;
    margin-left: -1.5px;
    position: absolute;
    top: 6px;
    width: 4px;
    z-index: 0;
}
.progress-chart-outer li {
	list-style: none;
	min-height: 81px;
	position: relative;
	display: block;
	float: left;
	margin-bottom: 0 !important;
	width: 100%;
}

.progress-chart-outer ul li {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.chart-stage {
	float: left;
    margin-left: 11px;
    position: relative;
    max-width: 165px;
    width: 100%;
    min-height: 81px;	
}

.flow-icon {
	width: 26px;
	height: 26px;
	float: left;
	position: relative;
	z-index: 1;	
}
.progress-chart li.last-task:before {
	background: none;
}
.progress-chart-outer li h6 {
	font-size: 13px;
	font-weight: bold;
}

.progress-chart-outer li span.status-text {
    font-size: 13px;
}

.task-completed.task-overdue .chart-stage span {
	color: #da483d;
}
.task-completed h6 {
	color: #555555;
}

.progress-chart-outer li.initial-task .chart-stage {
	border-bottom: none;
}

/**** Sprite Medium ****/
.icon-custom-help,
.main-tab-navigation li.active a,
.workflow-icon,
.component-block li,
.workflow-label-icon,
.popup-close,
.range-indicate.on,
.range-indicate.off,
.content-header-sec .dropdown-menu .top-arrow,
.content-sec ul li.selected-field .comment-area,
.main-navigation ul li.active-menu-item a:after ,.img-outercon,.file-type,.icon-approved,.flow-icon,.file-upload,.record-content-right .img-outercon,.addnew-con span,.options_list.custom-field-list ul li span,.options_list ul li span,.flow-icon.stage-green-icon {background:url(../images/sprite-medium-endui.png) no-repeat;}

.icon-custom-help{background-position: center -2px;}
.main-tab-navigation li.active a {background-position: center -22px;}
.main-tab-navigation.stream-tab-navigation li.active a { background-position: center -21px;}
.workflow-icon {background-position: center -147px;}
.workflow-icon-manager {background-position: center -103px;}
.workflow-icon-form {background-position: center -187px;}
.component-block li {background-position: 14px -273px;}
.component-block li:hover {background-position: 11px -347px;}
.component-block li.active {background-position: 11px -347px;}
.workflow-label-icon {background-position: right -413px;}
.popup-close {background-position: left -478px;}
.range-indicate.on {background-position: right -564px;}
.range-indicate.off {background-position: right -540px;}
.content-header-sec .dropdown-menu .top-arrow {background-position: center -620px;}
.content-sec ul li.selected-field .comment-area {background-position: right -659px;}
.img-outercon {background-position: left -846px;overflow:hidden}
.record-content-right .img-outercon{background-position: right -822px;}
.file-type.pdf-icon, .file-type.PDF-icon{background-position:left -1106px;}
.file-type.png-icon, .file-type.PNG-icon{background-position:left -1144px;}
.file-type.jpg-icon, .file-type.JPG-icon{background-position:left -1335px;}
.file-type.jpeg-icon, .file-type.JPEG-icon{background-position:left -1335px;}
.file-type.gif-icon, .file-type.GIF-icon{background-position:left -1182px;}
.file-type.doc-icon, .file-type.DOC-icon{background-position:left -1220px;}
.file-type.txt-icon, .file-type.TXT-icon{background-position:left -1296px;}
.file-type.xls-icon, .file-type.XLS-icon{background-position:left -1258px;}
.file-type.csv-icon, .file-type.CSV-icon{background-position:left -1258px;}
.file-type.unknown-icon{background-position:left -1372px;}
.file-type.ppt-icon, .file-type.PPT-icon {background-position: left -1516px;}
.file-type.html-icon, .file-type.HTML-icon { background-position: left -1550px;}
.file-type.zip-icon, .file-type.ZIP-icon {background-position: left -1588px;}
.document-block .file-type.pdf-icon{background-position:right -1410px;}
.document-block .file-type.png-icon, .document-block .file-type.PNG-icon{background-position:left -1409px;}
.document-block .file-type.jpg-icon, .document-block .file-type.JPG-icon{background-position:left -1429px;}
.document-block .file-type.jpeg-icon, .document-block .file-type.JPEG-icon{background-position:left -1429px;}
.document-block .file-type.gif-icon, .document-block .file-type.GIF-icon{background-position:right -1449px;}
.document-block .file-type.doc-icon{background-position:right -1429px;}
.document-block .file-type.txt-icon{background-position:right -1469px;}
.document-block .file-type.xls-icon{background-position:left -1449px;}
.document-block .file-type.unknown-icon{background-position:left -1469px;}
.task-overdue .flow-icon.blue-icon { background-position: right -916px;}
.document-block .file-type.ppt-icon { background-position: right -1627px;}
.document-block .file-type.html-icon {background-position: left -1627px;}
.document-block .file-type.zip-icon { background-position: left -1651px;}
.file-upload{background-position:left -1487px;}
.icon-approved{background-position: left -823px;}
.flow-icon{ background-position: right -1029px;}
.task-overdue .flow-icon.red-icon { background-position: left -998px;}
.task-overdue .flow-icon.blue-icon { background-position: -24px -916px}
.task-overdue .flow-icon.grey-icon { background-position: -9px -1682px}
.task-overdue .flow-icon.green-complete-icon { background-position: -11px -1721px;}
.task-approved .flow-icon {background-position: right -967px;}
.initial-task .flow-icon { background-position: left -936px;}
.main-navigation ul li.active-menu-item a:after {background-position: center -53px;}
.addnew-con span{background-position: left -1060px;}
.options_list ul li span{background-position: left -1089px;}
.options_list.custom-field-list ul li span{background-position: right -1089px;}
.img-outercon.gear-icon {background-position: left -778px;}
.img-outercon.timer-icon { background-position: right -732px;}
.flow-icon.stage-green-icon{background-position: -12px -1798px}
/**** Sprite Medium ****/



.task-overdue.last-task .flow-icon.grey-icon { background-position: -24px -1029px;}

.inline-block {
    display: inline-block;
  }

.text-\[\#FF542F\] {
  --tw-text-opacity: 1;
  color: rgb(255 84 47 / var(--tw-text-opacity));
}

.shadow-\[0px_2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_2px_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
    --tw-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bg-\[\#F6F3ED\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 243 237 / var(--tw-bg-opacity));
}

.gap-2 {
    gap: .5rem;
}

.p-2 {
    padding: .5rem;
}

.pt-3 {
	padding-top: calc(var(--spacing) * 3);
}

.pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

.border-r-1 {
  border-right-width: 1px;
}

.lg\:w-xl {
    @media (width >= 64rem) {
      width: var(--container-xl);
    }
  }

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

a.dp-choose-date {
    background: url("../images/sprite-medium.png") no-repeat scroll -15px -933px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 19px;
    margin: 10px 3px 0 -22px;
    overflow: hidden;
    padding: 0;
    text-indent: -2000px;
    width: 16px;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

div.dp-popup {
	position: relative;
	 background: none repeat scroll 0 0 #e6e6e6;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 175px;
	line-height: 1.2em;
}

div.dp-popup.open-top {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto !important;
    bottom: 38px;
}

div#dp-popup {
	position: absolute;
	z-index: 999999999;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 5px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.dp-calendar_button input[type="button"]
{
	border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 5px;
    margin-top: 2px;
	display: none;	
}

input.dp-applied {
    width: 100%;
    float: left;
}
/**** **/

p.welcome-text-msg a
{
	color:#114eb1;
	text-decoration: underline;
}