.invalidInput {
	border: 2px solid #c00 !important;
}

.taskTypeColClass {
	font-weight: bold;
}

.customLabel {
	font-size: 14px;
}
.ui-selectonemenu .ui-selectonemenu-trigger {
    width:26px !important;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger {
    padding: 0 3px !important;
}

.ui-button {
    padding: 0.375rem 0.75rem !important;
}

.customLabelValue {
	float: right;
	text-align: right;
	font-size: 13px;
}

.customSubLabelValue {
	float: right;
	text-align: right;
	font-size: 13px;
}

.customSubLabel {
	font-size: 14px;
	font-weight: 400;
}

.ui-panel .ui-panel-content {
    padding: 0;
}

.color-green {
	color: #0aa147;
	font-weight: 800;
}

.color-red {
	color: #c00;
	font-weight: 800;
}

.color-sprout{
	color: #cedc27;
}
/*------------Common.xhtml Layout css starts----------*/

.mainLayout {
    background-color: #f8f8f8;
}
.bodyLayout {
    width: 100%;
}
.headerTop {
    height: 113px;
    flex-grow: 0;
    padding: 30px 0 0;
}
.header-logo {
    display: inline-block;
    width: 300px;
}
.logoTitleWrapper{
    display: inline;
}
.loggedInUser {
    margin-top: 18px;
    margin-right: 16px;
    float: right;
}
   .loggedInUser a{
    text-decoration: none;
    color: #000;
   }
.menuContainer {
    display: inline-block;
    width: 200px;
    float: left;
    margin-left: 44px;
    margin-bottom: 20px;
}
.bodyContainer {
    display: inline-block;
    width: calc(99% - 244px);
    margin: 1px 2px 1px 1px;
    float: right;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    /*gap: 16px;*/
    background: #fff;
    padding: 1%;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}
.bodyContainer .remove-top,
.bodyContainer h1:first-child,
.modal-body h1{
        font-size: 34px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.12;
        letter-spacing: normal;
        text-align: left;
        color: #434446;
}
.footerContainer{
    clear:both;
    background: #fff;
}
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {
    height:20px !important;
}
/*------------Common.xhtml Layout css ends----------*/
@media screen and (max-width: 640px) {
	.ui-panelgrid .ui-grid-responsive .ui-grid-row {
		border-top: 0px !important;
	}
	div .ui-datatable-reflow tbody .ui-column-title::after {
		content: ':';
	}

	td.taskTypeColClass {
		text-align: center !important;
	}
	.ui-panelgrid .ui-panelgrid-cell {
		padding: 4px 0px 4px 0px;
	}
	.no-line-reflow.ui-datatable-reflow thead tr th {
		display: none !important;
	}
	
	.mobile-no-show {
		display: none !important;
	}
}

@media screen and (min-width: 641px) {
	.desktop-no-show {
		display: none !important;
	}
	
	.ui-datatable-tablewrapper th {
		font-size: 13px;
	}
	.ui-datatable-tablewrapper td {
		font-size: 13px;
	}
	td.taskTypeColClass {
		border: 0px !important;
	}
	.customLeftMargin {
		margin-left: 20px;
	}
	.customRightMargin {
		margin-right: 20px;
	}	
	.ui-panelgrid .ui-panelgrid-cell {
		padding: 4px 20px 4px 0px;
	}
	
	td.taskTypeColClass {
		border: 0px !important;
	}
	
}
/* DDL & textbox Chnages for new rebranding css */
.ui-state-hover>label.ui-selectonemenu-label, .ui-state-focus>label.ui-selectonemenu-label, .ui-selectonemenu .ui-selectonemenu-label:active, .ui-selectonemenu .ui-selectonemenu-label:focus, .ui-selectonemenu .ui-selectonemenu-label:hover, .ui-state-hover>label.ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger:hover, .ui-state-hover>label.ui-selectcheckboxmenu-trigger, .ui-state-focus>label.ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label:active, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label:focus, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label:hover {
    /*border-color: #0a50a1;
    border-color: #d4d5d5 !important;*/
    border: solid 2px #9747ff;
}

.ui-selectonemenu.ui-state-hover, .ui-selectonemenu .ui-state-highlight, .ui-selectonemenu-trigger.ui-state-hover, .ui-selectonemenu-trigger .ui-state-highlight, .ui-selectonemenu-trigger.ui-state-focus, .ui-selectcheckboxmenu.ui-state-hover, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger:hover, .ui-selectcheckboxmenu-trigger .ui-state-highlight, .ui-selectcheckboxmenu.ui-state-focus, .ui-selectcheckboxmenu-trigger .ui-state-focus, .ui-reflow-dropdown.ui-state-hover {
    border-color: #d4d5d5 !important;
    border-radius: 4px;
}

.ui-selectonemenu .ui-selectonemenu-label, .ui-selectonemenu label.ui-selectonemenu-label, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu label.ui-selectcheckboxmenu-label, .ui-datatable-reflow .ui-reflow-dropdown {
    display: inline-block;
    margin-bottom: 0;
    padding: 12px 0px 0px 6px;
    font-weight: 500;
    vertical-align: bottom;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-style: normal;
    font-size: 14px;
    line-height: 1em;
    color: #000;
    background: #fff;
    border: 1px solid #d4d5d5;
    /*font-family: Roboto;*/
}

.ui-selectonemenu, .ui-selectcheckboxmenu {
    position: relative;
    height: 40px;
    padding: 0 !important;
    width: 100% !important;
}
.ui-selectonemenu label.ui-selectonemenu-label {
    height: 40px;
    text-overflow: ellipsis;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    position: static !important;
    margin-top: 10px !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s::after, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon.ui-icon-triangle-1-s::after {
    font-family: "Font Awesome 5 Free";
    content: '\f078';
    font-size: 14px;
    color: #006daf;
    padding: 0;
    line-height: 1.2;
    margin-top: 5px;
    font-weight: 900;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    font-size: 14px;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0rem;
}

.ui-helper-reset {
    border: 0;
    outline: 0;
    line-height: 1.8;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

input[type="text"], input.ui-inputfield, input.ui-inputtext {
    padding: 3px 8px;
    border-radius: 4px;
    margin-top: 0;
    height: 40px;
    font-style: normal;
    font-weight: 100;
    border: solid 1px #d4d5d5;
    /*border: solid 1px #929498;*/
}
input[type="text"]:focus,input[type="text"]:hover, input.ui-inputtext:focus, .ui-inputtextarea:focus, .ui-inputfield:focus, .ui-autocomplete-multiple-container.ui-inputfield:focus, .ui-autocomplete-multiple-container.ui-inputfield.ui-state-focus {
    /*border: 1px solid #d4d5d5 !important;*/
    border: solid 2px #9747ff !important;
    outline: 0;
}

.ui-outputlabel {
  height: 21px;
  flex-grow: 0;
  /*font-family: Roboto;*/
  font-size: 14px;
  /*font-weight: bold;*/
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #434446;
}

.dsg-footer-nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  margin: 51px 0 0;
  /*padding: 24px 32px;*/
  padding: 4px 0 0px 32px;
  background-color: #f1f1f1;
}
.container-custom-fluid {
    padding: 20px 0px 16px 22px;
}
.row-custom {
    margin-right: 0px !important;
}
.dsg-footer-nav-links a {
    flex-grow: 0;
    /*font-family: Inter;*/
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0b0b0c;
    padding-right: 20px;
}
.dsg-card-leaf {
    border-top-color: #4a0eb0;
}

.dsg-alert-box-info {
    border-color: #006daf;
}
.dsg-h3, h3 {
    color: #284684;
}
.dsgint-small-modal .modal-content{
    border:solid 4px #430ba3 !important;
}
.ui-datatable .ui-datatable-tablewrapper table tfoot tr td, .ui-datatable-scrollable .ui-datatable-scrollable-body table tfoot tr td {
    border-color: #430ba3;
}
.ui-datatable table thead tr th {
    color:#430ba3;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s::after, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon.ui-icon-triangle-1-s::after {
    color: #434446;
}
.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
     /*color: #006daf;*/
    color: #320969;
}
.dsg-preloader-icon{
    color: #434446;
}
.far {
    font-weight: 900 !important;
}
.dsg-card-header>h1, .dsg-card-header>h2,.dsg-h2, h2 {
    display: inline-block;
    margin-bottom: 0;
    overflow-wrap: break-word;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.12;
    letter-spacing: normal;
    text-align: left;
    color: #434446;
}
.ui-tabs .ui-tabs-nav li>a:hover {
    color: #9747ff;
}
.ui-button.btn-link {
    color: #4a0eb0 !important;
}

.ui-selectonebutton .ui-button{
    color: #4a0eb0;
    border-color: #4a0eb0;
    height:36px;
}
.ui-selectonebutton .ui-button.ui-state-active, .ui-selectonebutton .ui-button:active, .ui-selectonebutton .ui-button.ui-state-focus, .ui-selectonebutton .ui-button:focus{
    background-color: #4a0eb0;
    border-color: #4a0eb0;
    }
.ui-paginator .ui-paginator-last::after, .ui-paginator .ui-paginator-next::after, .ui-paginator .ui-paginator-first::before, .ui-paginator .ui-paginator-prev::before {
    font-size: 18px;
}
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n::before,
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s::before{
   color: #4a0eb0;
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label,
 input.ui-state-disabled, input[type="text"].ui-state-disabled{
    border: medium none !important;
    padding-top: 12px;
}
.ui-selectonebutton .ui-button.ui-state-hover, .ui-selectonebutton .ui-button:hover {
    background-color: #320969;
    border-color: #320969;
}
/*-------------popover css chnages--------------------*/
.popover.bs-popover-auto[x-placement^=bottom] .popover-body, .popover.bs-popover-bottom .popover-body {
    border-top: 8px solid #4a0eb0;
}
.popover.bs-popover-auto[x-placement^=top] .popover-body, .popover.bs-popover-top .popover-body {
    border-bottom: 8px solid #4a0eb0;
}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::after, .popover.bs-popover-bottom .arrow::after{
    border-bottom-color:#4a0eb0;
}
.popover.bs-popover-auto[x-placement^=top] .arrow::after, .popover.bs-popover-top .arrow::after{
    border-top-color: #4a0eb0;
}
.dsg-h5, .dsg-h6, h5, h6 {
    color: #4a0eb0;
}
.dsg-breadcrumb-container form#j_idt42,
.dsg-breadcrumb-container form#j_idt41,
.dsg-breadcrumb-container form#j_idt40,
.dsg-breadcrumb-container form#returnForm {
    display: inline-flex;
}
.dsg-breadcrumb-container .fa-angle-left {
    color: #006daf;
    padding-right: 4px;
}

@keyframes spinner {
   0% {
      transform: translate3d(-50%, -50%, 0) rotate(0deg);
   }
   100% {
      transform: translate3d(-50%, -50%, 0) rotate(360deg);
   }
}
.dsg-preloader-icon {
    background-image: none !important;
}
.dsg-preloader-icon::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 4px #cfd0d1;
    border-bottom-color: #430ba3;
    border-radius: 50%;
    content: "";
    height: 22px;
    width: 22px;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}

.ui-tabs-nav .ui-state-active a{
    border-bottom: 4px solid #9747ff;
    color: #4a0eb0;
    box-shadow: none!important;
    padding: 0.5em 0 0.3em 0 !important;
    margin: 0 15px 0 15px;
}

.ui-dialog .ui-dialog-titlebar {
    color:#284684 !important;
}

.ui-tabs-scrollable .ui-tabs-nav {
    border-bottom: 1px solid #c7c8c7;
}
.ui-tabs .ui-tabs-panel {
    padding: 1.3em 0 1.3em !important;
}
.footerContainer footer .dsg-footer-nav .container-custom-fluid .dsg-row-wrapper .dsg-footer-nav-links a {
    display: none !important;
}