/* Utilities */

  
.vbottom{
      position: absolute;
      bottom: 0px;
}

.overflow{
      overflow: scroll;
}

.overflow-full{
      overflow: scroll;
      width: 100vw;
}

.d-none-custom{
      display: none !important;
}

.word-wrap{
      max-width: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}

.word-wrap-auto{
      max-width: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}

.pointer{
      cursor: pointer;
}

.marker{
      cursor: move;
}

#flash-holder{
      pointer-events: none !important;
      position: fixed !important;
      right: 0px !important;
      bottom: 0px !important;
      z-index: 2000 !important;
      min-width: 20rem !important;
      width: auto !important;
      padding: 20px !important;
      max-width: 20rem !important;
      max-width: 20rem !important;
      text-align: center !important;
}
.flash{
      position: relative !important;
      display: inline-block !important;
      cursor: pointer;
      padding: 20px;
      width: 100% !important;
      margin-top: 10px;
      text-align: left !important;
      animation: fade 7.5s forwards;
}

.absolute-center{
      margin-top: 50%;
}

.noselect {
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
      -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently */
}

.position-middle{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
}

.position-center{
      position: absolute;
      left: 50%;
      transform: translateY(-50%);
}

/* overrides */

i:hover{
      animation: twitch 0.5s linear;
}

html{
      font-family: 'Open Sans', sans-serif !important;
      font-size: 95% !important;
}

body{
      font-size: 90% !important;
}
a, a:hover{
      text-decoration: none !important;
}
.dropdown-item{

      font-size: 90% !important;
}

input[type=checkbox]{
      -ms-transform: scale(1.5); /* IE */
      -moz-transform: scale(1.5); /* FF */
      -webkit-transform: scale(1.5); /* Safari and Chrome */
      -o-transform: scale(1.5); /* Opera */
      padding: 10px;
}

input, select, textarea, table{
      font-size: 90% !important;
}

body{
      /* background-image: url(/assets/background-9478d59c00607a78c94147d5711b503b1fa6da008aa458fc02f2ba567dd3fefe.png) !important;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: right;  */
}

.filter-option-inner-inner{
      font-size: 0.8em;
      color: #303952;
}

.ui-tooltip {
      padding: 15px;
      background: rgba(22, 26, 39, 0.9);
      border: 0px !important;
      border-color: transparent !important;
      color: white !important;
      min-width: 200px !important;
      max-width: auto !important;
}


/* custom classes */
@keyframes fade {
      0% {opacity: 0 } 
      15% {opacity: 1 } 
      85% {opacity: 1 }
      100% {opacity: 0 }
}

.spin{
      animation: spin 10s infinite;
}

.twitch{
      animation: twitch 1s infinite;
}
@keyframes spin {
      0% { transform: rotate(360deg) }
}
@keyframes twitch {
      0% { transform: rotate(0deg) }
      30% { transform: rotate(20deg) }
      70% { transform: rotate(-20deg) }
      100% { transform: rotate(0deg) }
}

.logo-wrapper{
      max-width: 15rem;
}

.fa-margin{
      min-width: 20px;
}
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
}
select {
  padding: 25px;
}

.process-mapping-buttons{
      margin-bottom: -100% !important;
      margin-right: -0.7% !important;
      float: right;
      z-index: 1;
}

.process-mapping-info{
      margin-bottom: -100% !important;
      margin-left: -0.7% !important;
      float: left;
      z-index: 1;
}

.form-checkbox{
      width: calc(1.5em + 0.2rem + 2px) !important;
      height: calc(1.5em + 0.2rem + 2px) !important;
      border: 0 !important;
      margin-left: 2px !important;
}
.dropdown-item:active {
      color: #fff !important;
}
.bg-dot{
      background-size: 12px 12px; 
      background-image: radial-gradient(circle, #a1a1a1 0.5px, rgba(0, 0, 0, 0) 1px);
}

.line-height-list{
      line-height: 2em !important;
}

.line-height-list > a{
      cursor: pointer !important;
}

.line-height-docs{
      line-height: 1.8em !important;
}

.modal-xl{
      width: 100% !important;
}

.status-bg-success{
      background: #12ad53 !important;
}

.status-bg-retry{
      background: #e7a20c !important;
}

.status-bg-error{
      background: #db4025 !important;
}
.indent::before{
      content: '\00a0\00a0\00a0'
}
.docs-side-menu{
      overflow: scroll !important;
}
.docs-table table th{
      color: #6c757d;
      font-weight: normal;
}
.docs-table table thead{
      color: #6c757d;
}
.card-label{
      top: 30% !important;
      position: sticky !important;
      margin-top: 25px !important;
      margin-bottom: 25px !important;
}
.docs-table-of-content{
      top: 20px !important;
      position: sticky !important;
      margin: 0px !important;
}

.form-control-custom{
      border: 1px solid rgba(34,36,38,.15) !important;
      border-radius: .28571429rem !important;
      font-size: 95% !important;
}
.table-logs th{
      font-weight: 500 !important;
}