.clearable {
   position: relative;
}

input::-ms-clear {
   display: none;
}

.apInactive {
   z-index: 1341;
   filter: alpha(opacity=70);
   opacity: 0.7;
   color: #AAA !important;
   pointer-events: none;
   cursor: default;
}
.responsiveSuffix {
   word-break: break-word;
   margin-right: 5px;
}

.disabledText {
   color: #AAA !important;
   cursor: auto;
}

.ganttShedullerView {
   --background-image: url(../../base/img/maximize.png);
   --background-repeat: no-repeat;
   --background-position: center center;
   cursor: pointer
}

a.disabled {
   opacity: 0.5;
   pointer-events: none;
   cursor: default;
   color: #000000;
   text-decoration: line-through;
}

.btn-disabled,
.btn-disabled:hover {
   background-image: initial;
   border: 1px solid #b2b2b2;
   background-color: #efefef;
   color: #b2b2b2;
   cursor: initial;
}

/*---------------Focus styles for accessibility ------------------------*/
/*
.ext-webkit select:focus,
select:focus {
   outline: 1px solid var(--color-main) !important;
   outline-offset: 5px;
}

input[type=checkbox]:focus ,
.ext-webkit input[type=checkbox]:focus,
input[type=button]:focus,
.ext-webkit input[type=button]:focus,
button:focus,
.ext-webkit button:focus ,
a:focus,
.ext-webkit a:focus {
   outline: 1px solid var(--color-main) !important;
   outline-offset: 3px;
}

.ui-tabs-tab:focus ,
.ext-webkit .ui-tabs-tab:focus {
   outline: 3px solid #fff !important;
   outline-offset: -6px;
}
}*/

.ext-webkit select:focus-visible,
select:focus-visible {
   outline: 1px solid var(--color-main) !important;
   outline-offset: 5px;
}

.ext-webkit select:active,
select:active {
   border-bottom-color: var(--color-main) !important;
}

@-moz-document url-prefix() {
   select:focus {
      outline: 1px solid var(--color-main) !important;
      outline-offset: 5px;
   }
}

input[type=checkbox]:focus-visible ,
.ext-webkit input[type=checkbox]:focus-visible,
input[type=button]:focus-visible,
.ext-webkit input[type=button]:focus-visible,
button:focus-visible,
.ext-webkit button:focus-visible ,
a:focus-visible,
.ext-webkit a:focus-visible {
   outline: 1px solid var(--color-main) !important;
   outline-offset: 3px;
}

.ui-tabs-tab:focus-visible ,
.ext-webkit .ui-tabs-tab:focus-visible {
   outline: 3px solid #fff !important;
   outline-offset: -6px;
}