/* here you can put your own css to customize and override the theme */
.SortedAscendingHeaderStyle, .SortedDescendingHeaderStyle {
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px;
}

.SortedAscendingHeaderStyle {
    background-image: url('../assets/global/plugins/datatables/images/sort_asc.png');
}

.SortedDescendingHeaderStyle {
    background-image: url('../assets/global/plugins/datatables/images/sort_desc.png');
}

.pagination-tp {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-tp table > tbody > tr > td {
        display: inline;
    }

        .pagination-tp table > tbody > tr > td > a,
        .pagination-tp table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #000000;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-tp table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #0026ff;
            background-color: #fcffb0;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-tp table > tbody > tr > td:first-child > a,
        .pagination-tp table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-tp table > tbody > tr > td:last-child > a,
        .pagination-tp table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-tp table > tbody > tr > td > a:hover,
        .pagination-tp table > tbody > tr > td > span:hover,
        .pagination-tp table > tbody > tr > td > a:focus,
        .pagination-tp table > tbody > tr > td > span:focus {
            color: #808080;
            background-color: #eeeeee;
            border-color: #dddddd;
        }

.hidden {
    display: none;
}

.tooltipevent {
    background-color: #fcffb0;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    max-width: 260px;
    min-width: 120px;
    padding: 16px;
}

.portlet > .portlet-title > .tools > a {
    height: 32px;
}

 /* STEP WAIT*/
.mt-element-step .step-default .wait {
  background-color: #808080 !important; }
  .mt-element-step .step-default .wait .mt-step-number {
    color: #808080 !important; }
  .mt-element-step .step-default .wait .mt-step-title,
  .mt-element-step .step-default .wait .mt-step-content {
    color: #fff !important; }

  .mt-element-step .step-thin .wait {
  background-color: #808080 !important; }
  .mt-element-step .step-thin .wait .mt-step-number {
    color: #808080 !important; }
  .mt-element-step .step-thin .wait .mt-step-title,
  .mt-element-step .step-thin .wait .mt-step-content {
    color: #fff !important; }

  .mt-element-step .step-background .wait {
  background-color: #808080 !important; }
  .mt-element-step .step-background .wait .mt-step-number {
    color: #e43a45 !important; }
  .mt-element-step .step-background .wait .mt-step-title,
  .mt-element-step .step-background .wait .mt-step-content {
    color: #fff !important; }

  .mt-element-step .step-background-thin .wait {
  background-color: #808080 !important; }
  .mt-element-step .step-background-thin .wait .mt-step-number {
    color: #e43a45 !important; }
  .mt-element-step .step-background-thin .wait .mt-step-title,
  .mt-element-step .step-background-thin .wait .mt-step-content {
    color: #fff !important; }

  .mt-element-step .step-no-background .wait .mt-step-number {
  color: #808080 !important;
  border-color: #808080 !important;
  font-weight: 700; }

  .mt-element-step .step-no-background .wait .mt-step-title,
.mt-element-step .step-no-background .wait .mt-step-content {
  color: #808080 !important;
  font-weight: 700; }

  .mt-element-step .step-no-background-thin .wait .mt-step-number {
  color: #808080 !important;
  border-color: #808080 !important;
  font-weight: 700; }


  .mt-element-step .step-no-background-thin .wait .mt-step-title,
.mt-element-step .step-no-background-thin .wait .mt-step-content {
  color: #808080 !important;
  font-weight: 700; }

  .mt-element-step .step-line .wait .mt-step-number {
  color: #808080 !important;
  border-color: #808080 !important; }

  .mt-element-step .step-line .wait .mt-step-title,
.mt-element-step .step-line .wait .mt-step-content {
  color: #808080 !important; }

  .mt-element-step .step-line .wait .mt-step-title:after,
.mt-element-step .step-line .wait .mt-step-title:before {
  background-color: #808080; }


  /* STEP TO DO*/
  .mt-element-step .step-default .todo {
  background-color: #d9d500 !important; }
  .mt-element-step .step-default .todo .mt-step-number {
    color: #d9d500 !important; }
  .mt-element-step .step-default .todo .mt-step-title,
  .mt-element-step .step-default .todo .mt-step-content {
    color: #fff !important; }

  .mt-element-step .step-thin .todo {
  background-color: #d9d500 !important; }
  .mt-element-step .step-thin .todo .mt-step-number {
    color: #d9d500 !important; }
  .mt-element-step .step-thin .todo .mt-step-title,
  .mt-element-step .step-thin .todo .mt-step-content {
    color: #fff !important; }

  .mt-element-step .step-background .todo {
  background-color: #d9d500 !important; }
  .mt-element-step .step-background .todo .mt-step-number {
    color: #e43a45 !important; }
  .mt-element-step .step-background .todo .mt-step-title,
  .mt-element-step .step-background .todo .mt-step-content {
    color: #fff !important; }

  .mt-element-step .step-background-thin .todo {
  background-color: #d9d500 !important; }
  .mt-element-step .step-background-thin .todo .mt-step-number {
    color: #e43a45 !important; }
  .mt-element-step .step-background-thin .todo .mt-step-title,
  .mt-element-step .step-background-thin .todo .mt-step-content {
    color: #fff !important; }

  .mt-element-step .step-no-background .todo .mt-step-number {
  color: #d9d500 !important;
  border-color: #d9d500 !important;
  font-weight: 700; }

  .mt-element-step .step-no-background .todo .mt-step-title,
.mt-element-step .step-no-background .todo .mt-step-content {
  color: #d9d500 !important;
  font-weight: 700; }

  .mt-element-step .step-no-background-thin .todo .mt-step-number {
  color: #d9d500 !important;
  border-color: #d9d500 !important;
  font-weight: 700; }


  .mt-element-step .step-no-background-thin .todo .mt-step-title,
.mt-element-step .step-no-background-thin .todo .mt-step-content {
  color: #d9d500 !important;
  font-weight: 700; }

  .mt-element-step .step-line .todo .mt-step-number {
  color: #d9d500 !important;
  border-color: #d9d500 !important; }

  .mt-element-step .step-line .todo .mt-step-title,
.mt-element-step .step-line .todo .mt-step-content {
  color: #d9d500 !important; }

  .mt-element-step .step-line .todo .mt-step-title:after,
.mt-element-step .step-line .todo .mt-step-title:before {
  background-color: #d9d500; }

