/*======================== pmd-others ======================*/
.pmd-switch label input[type="checkbox"]:checked + .pmd-switch-label, .togglebutton-default label input[type="checkbox"]:checked + .pmd-switch-label {
  background-color: hsla(0, 0%, 89%, 1);
}

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

.pmd-user-info > a {
  cursor: pointer;
}

/* textAngular fixes */
.ta-editor {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
  margin: 20px 0;
}


/* "Split" toolbar from area of edition */
.ta-toolbar.btn-toolbar {
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
}

/*  Fix for outline of textAngular */

/* Toolbar colors */
.btn-default.active {
  background-color: #333c4e !important;
}
.btn-default.active > i.mdi {
  color: #FFF !important;
}

/* Remove border of the editor */
div.ta-scroll-window.ng-scope.ta-text.ta-editor.form-control {
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* Remove default outline of textArea */
div[contenteditable="true"] { outline: none; font-size: 14px !important; }

/* textAngular end of fixes */

.mdi {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.mdi.media-left {
  display: table-cell;
  padding-right: 32px;
  vertical-align: top;
}


.modal-footer {
  text-align: right;
  border-top: none !important;
}

.pmd-chip {
  margin: 4px;
}

/*======================== pmd-table  ======================*/
.no-table-found .material-icons {
  font-size: 128px;
}

table.pmd-table thead tr th {
  cursor: pointer;
  user-select: none;
}

.action-bar.row  span.actions {
  border-left: 1px solid #dfe3e7;
  margin-left: 2px;
}

.action-bar .btn-delete {
  margin-left: 4px !important;
}

span.pmd-checkbox-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

span.sorting {
  font-family: 'Material Icons';
  float: left;
}

span.sorting.sorting_asc::before {
  content: "\E5C5";
}

span.sorting.sorting_desc::before {
  content: "\E5C7";
}

span.sorting.sorting_asc::after {
  content: "n";
}

span.sorting.sorting_desc::after {
  content: "n";
}

.custom-select {
  margin: 0;
  border-bottom: 1px solid #ccc;
  width: 120px;
  overflow: hidden;
  background-color: #fff;
  padding: 2px 0 2px 0;
  margin-left: 32px;
  position: relative;
}

/*======================== pmd-tabset  ======================*/

.pmd-tabs {
  display: block;
  position: relative;
}
.pmd-tabs ul.nav.nav-tabs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.pmd-tabs ul.nav.nav-tabs li.active {
  z-index: 10;
  display: block;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  box-shadow: inset 0 -3px 0 #458CFF;
}


.pmd-tabs.pmd-tabs-bg ul.nav.nav-tabs li.active {
  z-index: 10;
  display: block;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  box-shadow: inset 0 -3px 0 #ffc107;
}

/*======================== Role Edition  ======================*/
.role {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/*======================== pmd-progress  ======================*/
.pmd-spinner {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
.path {
  stroke: #4285f4;
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}


/* pmd-progress Bar */
.pmd-progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #4285f460;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0;
  overflow: hidden; }
.pmd-progress .determinate {
  position: absolute;
  background-color: inherit;
  top: 0;
  bottom: 0;
  background-color: #4285f4;
  transition: width .3s linear; }
.pmd-progress .indeterminate {
  background-color: #4285f4; }
.pmd-progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.pmd-progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s; }

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }