.kanban-container {
  padding-bottom: .25rem;
  white-space: nowrap
}

.kanban-column {
  display: inline-block !important;
  width: 22.1875rem;
  white-space: normal;
  vertical-align: top;
  margin-right: 1rem
}

.kanban-column:not(.form-added) .add-card-form {
  display: none
}

.kanban-column:not(:first-child) {
  margin-left: -.375rem
}

.kanban-column-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f9fafd;
  padding: .5rem 1.25rem;
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem
}

.kanban-column-footer {
  background-color: #f9fafd;
  border-bottom-left-radius: .375rem;
  border-bottom-right-radius: .375rem;
  padding: .5rem 1.25rem
}

.kanban-items-container {
  outline: 0;
  padding: .5rem 1.25rem;
  max-height: calc(100vh - 14.9375rem);
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f9fafd
}

.kanban-items-container .kanban-collapse:first-child,
.kanban-items-container .kanban-item:first-child {
  margin-top: 0 !important
}

.kanban-item {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  margin-top: 1rem
}

.kanban-item-card {
  border: 0;
  color: #344050;
  font-size: .83333rem;
  background-color: #fff;
  border-radius: .375rem;
  -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.kanban-item-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: .69444rem;
  margin-top: 1rem;
  color: #748194
}

.form-added .kanban-items-container {
  max-height: calc(100vh - 12.125rem);
  border-bottom-left-radius: .375rem;
  border-bottom-right-radius: .375rem
}

.form-added .kanban-column-footer {
  display: none
}

.reports {
  -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 7px 14px 0 rgba(65, 69, 88, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.profile-info-item {
  position: relative;
  padding: 0 0 10px 25px;
  margin: 0 15px;
}

.profile-info-item .profile-info-item-header {
  margin: 0 0 0.8rem -25px;
}

.profile-info-item .profile-info-item-header .font-icon {
  color: #adb7be;
  margin: 0 4px 0 0;
  vertical-align: middle;
  line-height: 16px;
  position: relative;
  top: -1px;
}

.profile-info-item .profile-info-item-header .font-icon.font-icon-case {
  top: 0;
}

.profile-info-item .profile-info-item-header .font-icon.font-icon-award {
  top: 1px;
}

.profile-info-item .text-block p {
  margin: 0 0 1em;
}

.exp-timeline {
  font-size: 0.9375rem;
}

.exp-timeline .exp-timeline-item {
  padding: 0 0 20px 30px;
  position: relative;
}

.exp-timeline .exp-timeline-item:after,
.exp-timeline .exp-timeline-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 0;
  height: 100%;
  border-left: solid 1px #d8e2e7;
  width: 0;
}

.exp-timeline .exp-timeline-item:after {
  display: none;
}

.exp-timeline .exp-timeline-item:first-child:after {
  display: block;
  border-left-color: #fff;
  height: 8px;
}

.exp-timeline .exp-timeline-item:last-child:before {
  height: 8px;
}

.exp-timeline .exp-timeline-item .dot {
  position: absolute;
  width: 11px;
  height: 11px;
  background: #fff;
  border: solid 1px #d8e2e7;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  top: 5px;
  z-index: 3;
}

.exp-timeline .tbl-cell {
  vertical-align: middle;
}

.exp-timeline .tbl-cell-logo {
  padding-right: 40px;
  padding-left: 15px;
  text-align: right;
  width: 40px;
}

.exp-timeline .tbl-cell-logo img {
  max-height: 32px;
}

.exp-timeline .exp-timeline-range {
  color: #6c7a86;
}

.exp-timeline .exp-timeline-status {
  margin: 3px 0;
}

.exp-timeline .exp-timeline-status-answer {
  margin: 3px 0;
  margin-left: 25px;
  white-space: pre-wrap;
}

.exp-timeline .exp-timeline-location a {
  text-decoration: none;
  color: #00a8ff;
  border-bottom: solid 1px transparent;
}

.exp-timeline .exp-timeline-location a:hover {
  border-bottom-color: rgba(0, 168, 255, 0.5);
}

.skill-item {
  font-size: 0.9375rem;
  margin: 0 0 12px;
}

.skill-item .tbl-cell {
  vertical-align: middle;
}

.skill-item .tbl-cell-num {
  width: 32px;
}

.skill-item .tbl-cell-txt {
  padding-left: 10px;
}

.skill-item .tbl-cell-users {
  width: 176px;
}

.skill-item .skill-circle {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 0.75rem;
}

.skill-item .skill-circle-num {
  border: solid 1px #adb7be;
  line-height: 30px;
  padding-top: 1px;
}

.skill-item .skill-circle-users {
  float: left;
  line-height: 32px;
  background: #eceff4;
  color: #6c7a86;
  padding-top: 1px;
}

.exp-timeline-status-answer .exp-timeline-range .last-message .skill-user-photo .lineA {
  margin-left: 25px !important;
}

.skill-item .skill-user-photo {
  float: left;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.skill-item .skill-circle-users,
.skill-item .skill-user-photo {
  margin: 0 0 0 12px;
}

.lineA {
  position: absolute;
  left: -10px;
  z-index: 4;
  width: 30px;
  height: 30px;
  webkit-border-radius: 50%;
  border-radius: 50%;
}

.bj {
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .24);
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 4
}

.bj .bk {
  margin-left: 12px;
  margin-right: 12px;
  display: none;
  padding: 12px 0
}

.bj .bl {
  font-size: 13px;
  height: 49px;
  line-height: 49px;
  padding: 0 12px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #1EBEA5;
  border: 0;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .12);
  color: #fff;
  -ms-flex-grow: 1;
  flex-grow: 1
}

.bj .bl:focus {
  outline: 0
}

.bj .bl:hover {
  background: #0C4C42
}

.bj .bl:active {
  background: #0C4C42
}

.bj .bm {
  font-size: 13px;
  height: 49px;
  line-height: 49px;
  padding: 0 12px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #2ecc71;
  border: 0;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .12);
  color: #fff;
  font-size: 0;
  margin-left: 12px;
  padding: 0;
  width: 49px
}

.bj .bm:focus {
  outline: 0
}

.bj .bm:hover {
  background: #40d47e
}

.bj .bm:active {
  background: #2abb68
}

.bj .bu {
  font-size: 13px;
  height: 49px;
  line-height: 49px;
  padding: 0 12px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #2ecc71;
  border: 0;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .12);
  color: #fff;
  font-size: 1.6em;
  margin-left: 12px;
  padding: 0;
  width: 49px
}

.bj .bu:focus {
  outline: 0
}

.bj .bu:hover {
  background: #5cb85c
}

.bj .bu:active {
  background: #2abb68
}

.visible-xs {
  display: none;
}

.bell {
  display: block;
  /* width: 40px;
  height: 40px;
  font-size: 40px;
  margin:50px auto 0; */
  /*color: #9e9e9e;*/
  color: initial;
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }

  1% {
    -webkit-transform: rotateZ(30deg);
  }

  3% {
    -webkit-transform: rotateZ(-28deg);
  }

  5% {
    -webkit-transform: rotateZ(34deg);
  }

  7% {
    -webkit-transform: rotateZ(-32deg);
  }

  9% {
    -webkit-transform: rotateZ(30deg);
  }

  11% {
    -webkit-transform: rotateZ(-28deg);
  }

  13% {
    -webkit-transform: rotateZ(26deg);
  }

  15% {
    -webkit-transform: rotateZ(-24deg);
  }

  17% {
    -webkit-transform: rotateZ(22deg);
  }

  19% {
    -webkit-transform: rotateZ(-20deg);
  }

  21% {
    -webkit-transform: rotateZ(18deg);
  }

  23% {
    -webkit-transform: rotateZ(-16deg);
  }

  25% {
    -webkit-transform: rotateZ(14deg);
  }

  27% {
    -webkit-transform: rotateZ(-12deg);
  }

  29% {
    -webkit-transform: rotateZ(10deg);
  }

  31% {
    -webkit-transform: rotateZ(-8deg);
  }

  33% {
    -webkit-transform: rotateZ(6deg);
  }

  35% {
    -webkit-transform: rotateZ(-4deg);
  }

  37% {
    -webkit-transform: rotateZ(2deg);
  }

  39% {
    -webkit-transform: rotateZ(-1deg);
  }

  41% {
    -webkit-transform: rotateZ(1deg);
  }

  43% {
    -webkit-transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(0);
  }
}

@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }

  1% {
    -moz-transform: rotate(30deg);
  }

  3% {
    -moz-transform: rotate(-28deg);
  }

  5% {
    -moz-transform: rotate(34deg);
  }

  7% {
    -moz-transform: rotate(-32deg);
  }

  9% {
    -moz-transform: rotate(30deg);
  }

  11% {
    -moz-transform: rotate(-28deg);
  }

  13% {
    -moz-transform: rotate(26deg);
  }

  15% {
    -moz-transform: rotate(-24deg);
  }

  17% {
    -moz-transform: rotate(22deg);
  }

  19% {
    -moz-transform: rotate(-20deg);
  }

  21% {
    -moz-transform: rotate(18deg);
  }

  23% {
    -moz-transform: rotate(-16deg);
  }

  25% {
    -moz-transform: rotate(14deg);
  }

  27% {
    -moz-transform: rotate(-12deg);
  }

  29% {
    -moz-transform: rotate(10deg);
  }

  31% {
    -moz-transform: rotate(-8deg);
  }

  33% {
    -moz-transform: rotate(6deg);
  }

  35% {
    -moz-transform: rotate(-4deg);
  }

  37% {
    -moz-transform: rotate(2deg);
  }

  39% {
    -moz-transform: rotate(-1deg);
  }

  41% {
    -moz-transform: rotate(1deg);
  }

  43% {
    -moz-transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(0);
  }
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }

  1% {
    transform: rotate(30deg);
  }

  3% {
    transform: rotate(-28deg);
  }

  5% {
    transform: rotate(34deg);
  }

  7% {
    transform: rotate(-32deg);
  }

  9% {
    transform: rotate(30deg);
  }

  11% {
    transform: rotate(-28deg);
  }

  13% {
    transform: rotate(26deg);
  }

  15% {
    transform: rotate(-24deg);
  }

  17% {
    transform: rotate(22deg);
  }

  19% {
    transform: rotate(-20deg);
  }

  21% {
    transform: rotate(18deg);
  }

  23% {
    transform: rotate(-16deg);
  }

  25% {
    transform: rotate(14deg);
  }

  27% {
    transform: rotate(-12deg);
  }

  29% {
    transform: rotate(10deg);
  }

  31% {
    transform: rotate(-8deg);
  }

  33% {
    transform: rotate(6deg);
  }

  35% {
    transform: rotate(-4deg);
  }

  37% {
    transform: rotate(2deg);
  }

  39% {
    transform: rotate(-1deg);
  }

  41% {
    transform: rotate(1deg);
  }

  43% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(0);
  }
}

.select2-container {
  width: 100% !important;
  padding: 0;
}

.operational-header {
  width: 240px;
  height: 23px;
  position: relative;
}

.operational-body {
  width: 240px;
  max-width: 240px;
}

.operational-card {
  width: 208px;
  /*height: 157px;*/
  /*max-height: 157px;*/
  position: relative;
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 15px;
}
/* Steper */
.steps { clear: both; font-family: Arial; font-size: 12px; text-align: left; }
  .steps ul { display: table; table-layout: fixed; width: 100%; }
    .steps ul li { display: table-cell; list-style:none; vertical-align: middle;
                   _display: inline; *width: 120px; /* IE6/7 Hacks */ }
    .steps ul.step1 li,  .steps ul.steps2 li, .steps ul.steps3 li, .steps ul.steps4 li, .steps ul.steps5 li,
    .steps ul.steps6 li, .steps ul.steps7 li, .steps ul.steps8 li, .steps ul.steps9 li, .steps ul.steps10 li { display: inline; float:left; }
    .steps ul.step1  li  { width: 100%; }
    .steps ul.steps2 li  { width: 50%;  }
    .steps ul.steps3 li  { width: 33%;  }
    .steps ul.steps4 li  { width: 25%;  }
    .steps ul.steps5 li  { width: 20%;  }
    .steps ul.steps6 li  { width: 16%;  }
    .steps ul.steps7 li  { width: 14%;  }
    .steps ul.steps8 li  { width: 12%;  }
    .steps ul.steps9 li  { width: 11%;  }
    .steps ul.steps10 li { width: 10%;  }

      .steps ul li.current {}
      .steps ul li.last a { }
      .steps ul li.completed {}
        .steps ul li.completed.last, .steps ul li.completedLast {}

      .steps ul li a { display:block; text-decoration:none; font-weight: normal; }
        .steps ul li.completed a:hover, .steps ul li.completed.last a:hover, .steps ul li.completedLast a:hover { cursor:pointer; }

        .steps ul li a em, .steps ul li a strong, .steps ul li a span, .steps ul li em, .steps ul li strong, .steps ul li span { display:block; font-style:normal; }
        .steps ul li a em, .steps ul li a strong, .steps ul li em, .steps ul li strong { font-weight:bold; }
        .steps ul li a span, .steps ul li a div, .steps ul li span, .steps ul li div  { height: 45px; /* For even heights */ }

.steps { color:black; font:600 15px / 20px "Source Sans Pro", sans-serif; }
/*.steps { color:black; font:600 18px / 24px "Source Sans Pro", sans-serif; }*/
/*.steps { text-shadow: 1px 1px #777; color:#CCCCCC; }*/
        .steps ul li a:link, .steps ul li a:visited, .steps ul li a:hover, .steps ul li a:active { color:#CCCCCC; }
        .steps ul li.completed.last a, .steps ul li.completed.last a:link, .steps ul li.completed.last a:visited, .steps ul li.completed.last a:hover, .steps ul li.completed.last a:active, .steps ul li.current a,
        .steps ul li.completedLast a, .steps ul li.completedLast a:link, .steps ul li.completedLast a:visited, .steps ul li.completedLast a:hover, .steps ul li.completedLast a:active,
        .steps ul li.completedLastEnd a, .steps ul li.completedLastEnd a:link, .steps ul li.completedLastEnd a:visited, .steps ul li.completedLastEnd a:hover, .steps ul li.completedLastEnd a:active,
        .steps ul li.current a, .steps ul li.current a:link, .steps ul li.current a:visited, .steps ul li.current a:hover,  .steps ul li.current a:active,
        .steps ul li.completed a, .steps ul li.completed a:link, .steps ul li.completed a:visited, .steps ul li.completed a:hover, .steps ul li.completed a:active
            { color:#FFFFFF; }
        .steps ul li.completed a:hover, .steps ul li.completed.last a:hover, .steps ul li.completedLast a:hover { color:#FFFF99; }

      .steps ul li { padding: 0 5px 0 5px; background-color: #EBEBEB; }
        .steps ul li.current { background-color:#6699CC; }
        .steps ul li.last {  }
        .steps ul li.completed { background-color:#3366CC; }
        .steps ul li.completed.last, .steps ul li.completedLast { }

     .steps ul.blue li { height:71px; padding: 0 20px 0 5px;
                          background: #EBEBEB url("data:image/gif;base64, R0lGODlhFwBjAcQfAP39/Yuv29fh7PLy8mWRxqDB5eXl5Xij0zdytVaJw8vc8Pr6+uDp8/j4+O7u7vX19Ud+vfb29rzN4Ojo6PH0+Wuc0erw9vj6/PX4+77R5/v7+3adxmaZzDNmzOvr6wAAACH5BAEAAB8ALAAAAAAXAGMBAAX/4CeOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2OIAAPB4v+Bw2MHtis/hCdmMbnvWbPd5LW/D6+j1BC+elB18Y2WBgnGEd4RfeoleflyMXmsDkI4AgIyImI+QmYmLjJWQb4Ocm5qmnqiHpKd7oH+lqoF0sYazsnyhsa6Juqe2eGXAcmsPr1yTqcNyvquWkKzOvLe4ddHUyYll2djHy25rl4TN1NN8nYFl5niS0NXEXMa926figeTn73LXfOqn3Om4rKtTzB0AgOyQeYtlL+A3N8gG1hGwAIC8RBUKLGgAiUOAig8MJOKQscECRhw8/4KUiCYlhwIRFiB04/KAAossxbh8+cBioJ0VFGz8uTNAz5B4dpKE+ayOUg4HtjzI6eUpT5lOn9rcSNWqx6Mi23gteZKmV6M4xY6FibWlV6g3p7p9W+CBhpke3qbMyPWM3pRokYb5u7SBBr+Eo6YFQzglW4CN4fb9EvnrXcaRyfKq/NWigc+cM0boApqz4qkGODt+IDO1aps4VTu2OEB2UIsOZAd2XdmmBo68I9fVEDJ4YqmuODPN1hs55cYlNdiLHHga9AImGzauPvhv0N+I9db1rFMvbLnl6ca82N3raYlvRTcN/5T7XKVkG7ZXav++y4zgyWHVbgIqdUABARa40/9w7KlVk3NZucSUfve9x8d/2ElHVGfoJVXYAhSqReBPAHI00niCBXLgYoQ8BgmE2hyUQAc01mjjjTZKwIUAOPaIIwIBAIDBBj4WSeMBAFAgAAJG+ghBAA0AcECTPlaggZIQUPljABpoIIGWOCbAAAMWzAimjVwqeaaNT2Iw5Jo1HnDlknB2AKQGAHxZZwIRUGBBlnDemWedHSSQgQUUEEConEoyCeeTXOgJZwV9/lmnoJKuaaifZsIZQAQX8FhnmxgoWucBoNL5KJSD1klApYCuCWSUmZ5pqAAXdLomqqES+iQDXhJKqZ+EAjlarWDySeuln1pEqKEVIavlRweNmgH/AA1I2ySqzsJpKAALaFuksa1qmqqpZ5IrbpGvhqqrlpjWSWmosYIJwbXlnsmtBPVqeS+4RHp6rKO2ZhAqumDeGay3qb5LZbyTNvwovuv6uG+/VP4LQMC74ikBwckOQAEFHCfMZb7JnhtoBh67eqzDTSLAMgAByOsxxk1CsAXNp3oMsr87lwzmyR97K7IFCA/dcp0ONNAAzFSCW4BsKVnAxdSyISAAAAJQ3YGcAGDNWQcQCNClbDRaiYECqtEoaNs0JiDA2mPXyOUFYhPGpsEWVHYjt3nrdaPMeEYWZgR06z04lxgcoPiNhl7Q918Wjxb4U07OTHmVoDIguI93Nv6W/5GGauC5V002e3lKOfON+radW5XxybJT2e7pO8H7qQaO565l5JO7pO9obAtvbwYMhG08mPPiLmuzxXvbUwNTB9rsAxzsmUFFBRAaJLijJh92zxZlr+lNC1Sfbpqna7qA5Ms/fLLYZxJwJe7mP6zA2b5TaSUF+MufkSCwPw1gjkqMCqAAnYS+2hkpSIlTSpPEBAAFsm5c+xOdA3uUAA1cwIIX7BEC9geAz/XISh804Y0gACwDqtBGSFLeC2nEQnA9zkYso8DqJAi5BfipMYMDlgw3V6MEJGmHB3SbEP1WIwIckYl2amHdOiCBKyGxdhBYAP+YKMQryg4C8UBbF2VjRA4MeNErY5RNA3RINQ6EAAA7") no-repeat right -71px;
       /* IE6 needs phisical images */ }
        .steps ul.blue li.current { background-color:#6699CC; }
        .steps ul.blue li.completed, .steps ul.blue li.completedLast, .steps ul.blue li.completedLastEnd { background-color:#3366CC; }

/* Color themes - Green images theme. Sprites size: 23px x 71px */
      .steps ul.green li { height:71px; padding: 0 20px 0 5px;
                           background: #EBEBEB url("data:image/gif;base64,R0lGODlhFwBjAcQfAJ3MktXk0eTk5Pb29vDw8K/0kJnrdnSxZWepVsPZvu3t7Yf2U8Hyrfj5+O7y7enp6Yu/fl2iS/Pz87z1oeHs3ujv5+/07vT2873atvf391SdQoP+R////zajAObm5gAAACH5BAEAAB8ALAAAAAAXAGMBAAX/4CeOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2OKAwxkovuCwWLztjs/jshfN/qrb7DccLZ+TuWv73azf5/sKdYCBeINuhYaEfIOCgI19j3aRkoiMlZaLmH+Ql46depNzoW2jpJ+gp6KpqpmcZgKGarCaiYqbfVwciaVnvL2rccDBrZTExbesyMmxwnTGy7TMz6bT1MrWu81p2tvX2Mzew+HO47/Vzufo5X7Z6+zg2em/7mAPvt3x9GDcYwX8YRsY/PuyYcFABRsCDkxoUB7AhAIdEky4gQI/igolYsy4bmPDjhsjltuYkEAzkhzn/6CsKGzlhJYrRbZZWdDkNJop0eBk+WynzDM7c4oJ+tJYUKFgjk5Q0OkoUoROLWZyuqHoH6pCsU6wuQZrTq9LC3lNOXZDADxlBXope3bAg7EvBxCASnVC24lU1SatyzQPVr17lfZ9eBRw4J1bWzk1fJhm4ltHLSIL+nPoTsk6cVa2TNPkNc2raC7wPDMmMJekS5PcDJTkY5WrT4ZMDYckVzshuW28jZsia9WjL0L8x5C3nuESCRowfvz3nOUHmSYH06CBggMdsmvfzn07huoBuovvrgFAAwkQxqvPDqGBgwAR1o9HAEBCg/TyxUMY8B5BfvIADJBBAv91dwAFFFSAXf+B2wX4HoPb0WcBehBqt9978VUYQYANEFhhBwcQ4EAF/lVYnoAeVnhAAhU4sGCFF8L3IX0ZdPhhBxCISOKHG6J444oWKHgjAARcEN6MAEz4IoQ5GpkhhPTZlyKEIY5YIoTlSfljAgFcsCSDTR5ZIX0UDHhjjiPeuCEBNn4YopYmEtkAAVv6+CGHCsyYwHlTFpjjnG7uKUGf+ZXHJqH5hWjkl4XKiah8igbAqHw9tslkkQFcWSACCdT46Hp/JqDpf5yehx+Ejj5Z4IqLxmknlZhOul6ln6oXpqzqcerph6GOmp+uGZwKJoqq/neAAg44IOx/J1rKYKS4jqdBAgM4u+r/odGKFwG1DQDAK4q+yoeAAjV6C2O1CRT7K7nB3omuupAqEGS24nFYq3oPSCABveI1MIABZW1QQQMZADxWBAE0UEBZOFZrMFYdIBDAABOMxd4AFywMcQfNeqXdAV1q7FSDGD8cVIQJZEwVdzkWPPJ221b78naKiowTgCWfbGDKNq80XssmozQftzvZWmTPG6nX4wVBY7TeigNQQJN8RLos9HqcXlCBz/I1ifQGv3J4NaRFSp10owT8e3aiKW/ttJ9s2swgp2U+fOkFZoPN4JoKJ6QimxIAHCebFQcqoAFDEizBjBQQjPi5DRROZQAZBK53gSdaoDGVGLt9eaMOU/TsmgAW5P35rBMPsHbXpPdMauok/bef5rGLS7kEY6tnnsq1q3dgA6a/Le3EFyzA9XgHYPy13+MhLODNPysPfXcIUDCA6tOz7HjR1JeJO/fcUetA071/LAHtOmungfVWg5/dAQ1YQH7u6z8/M4juzT92BNZjPzMG/NHf1RAgAYp5rAPsE6DQEFCjinksgWM5QAbkVxYIjkUC4wtYCAAAOw==") no-repeat right -71px;
        /* IE6 needs phisical images */ }
        .steps ul.green li.current { background-color:#83FE47; }
        .steps ul.green li.completed, .steps ul.green li.completedLast, .steps ul.green li.completedLastEnd { background-color:#36A300; }

/* Color themes - Sprite positions & default colors - MUST BE AT THE END! */
      .steps ul li { background-position: right -71px; }
        .steps ul li.current { background-position: right -142px; }
        .steps ul li.end, .steps ul li.last, .steps ul li.completedLastEnd { background-position: right top; }
        .steps ul li.completed { background-position: right -213px; }
        .steps ul li.completed:last-child, .steps ul li.completedLast, .steps ul li.completed.last { background-position: right -284px; } /* class "last completed" only supported by modern browsers */
        .steps ul li:last-child { background-position: right top; } /* CSS3 browsers */

.lbreaker {
  white-space:pre-wrap !important;
}
.with-arrow .nav-link.active {
  position: relative;
}
a{
  color:#19394c;
}
.with-arrow .nav-link.active::after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #705714;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}
.lined .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link:hover {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link.active {
  background: none;
  color: #555;
  border-color: #705714;
}
.lined .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link:hover {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link.active {
  background: none;
  color: #555;
  border-color: #705714;
}

.modal-dialog-large {
  max-width: 1200px !important;
}

.modal-dialog-medium {
  max-width: 800px !important;
}

.lista:nth-child(even) {
  background: #EEE;
  padding-bottom: 1px;
  margin-bottom: 10px;
}
.lista:nth-child(odd) {
  background: #FFF;
  padding-bottom: 1px;
  margin-bottom: 10px;
}

.span_contracted_transcript_show {
  display: contents !important;
}
.span_contracted_transcript_hide {
  display: none !important;
}
.avatar {
  height: 40px!important;
  width: 40px!important;
  min-height: 40px!important;
  min-width: 40px!important;
  line-height: 4rem;
  border-radius: 50%;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  background-color: #FFF;
}
.no-margin-icon {
  margin: 0 !important;
}



.alert {
  margin-top: 20px;
}

.thumbnail {
  padding: 0;
  border-radius: 0;
  box-shadow: 0 0 5px #ccc, inset 0 0 0 #000;
}

.fa {
  margin-right: 6px;
}

.fab {
  margin-right: 6px;
}

.fas {
  margin-right: 6px;
}

.far {
  margin-right: 6px;
}

.btn-snapchat {
  background-color: #fffc00;
  color: #000 !important;
}

.btn-snapchat:hover,
.btn-snapchat:active {
  background-color: #f1ef00;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/img/flags@2x.png"); } }

/** Tasks preloader */
.tasks-loader{
  position:relative;
  display: none;
}
.tasks-loader span{
  display:block;
  bottom:0px;
  width: 9px;
  height: 5px;
  background:#19394c;
  position:absolute;
  border-radius: 2px;
  animation: preloader_tasks 1.5s  infinite ease-in-out;
}
.tasks-loader span:nth-child(2){
  left:11px;
  animation-delay: .2s;
}
.tasks-loader span:nth-child(3){
  left:22px;
  animation-delay: .4s;
}
.tasks-loader span:nth-child(4){
  left:33px;
  animation-delay: .6s;
}
.tasks-loader span:nth-child(5){
  left:44px;
  animation-delay: .8s;
}
@keyframes preloader_tasks {
  0% {height:5px;transform:translateY(0px);background:#19394c;}
  25% {height:30px;transform:translateY(15px);background:#3498db;}
  50% {height:5px;transform:translateY(0px);background:#19394c;}
  100% {height:5px;transform:translateY(0px);background:#19394c;}
}

/** Tasks preloader */

/** Aside Modal */
.modal-sidebar .modal-dialog {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 600px;
  height: 100%;
  min-height: 100vh;
  margin-top: 0px;
  overflow-y: auto;
  max-width: none !important;
}
.modal-sidebar .modal-body {
  overflow-y: auto;
}
.modal-sidebar.fade .modal-dialog {
  -webkit-transform: translate(25%, 0);
  transform: translate(25%, 0);
}
.modal-sidebar.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-sidebar .modal-content {
  height: 100%;
  border-radius: 0px;
}
.modal-sidebar .modal-content .modal-header {
  border-bottom: none;
}
.modal-sidebar .modal-content .modal-footer {
  border-top: none;
}
.radio-star {
  visibility:hidden;
  font-size:30px;
  cursor:pointer;
}
.radio-star:before {
 content: "\2606";
 position: relative;
 visibility:visible;
 top: -10px;
}
.radio-star:checked:before {
 content: "\2605";
 position: relative;
 top: -10px;
}
.preview-box {
  display: none;
  width: 100%;
}

.preview-button:hover:enabled + .preview-box,.preview-box:hover {
  display: block;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 600px) {
  .modal-sidebar .modal-dialog {
    width: 100%;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1700px) {
  .modal-sidebar .modal-dialog {
    width: 700px;
  }
}
/** Aside Modal */
/** File Area */
.file-area {
  width: 100%;
  position: relative;
  font-size: 18px;
}
.file-area input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.file-area .file-dummy {
  width: 100%;
  padding: 50px 30px;
  border: 2px dashed #ccc;
  background-color: #fff;
  text-align: center;
  color: #888;
  font-size: small;
  transition: background 0.3s ease-in-out;
}
.file-area .file-dummy .success {
  display: none;
}
.file-area:hover .file-dummy {
  border: 2px dashed #1abc9c;
}
.file-area input[type=file]:valid + .file-dummy {
  border-color: #1abc9c;
}
.file-area input[type=file]:valid + .file-dummy .success {
  display: inline-block;
}
.file-area input[type=file]:valid + .file-dummy .default {
  display: none;
}
/** File Area */

/** Tags */
.tags {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.tags li {
  float: left;
}

.tag {
  background:  var(--bg-tag-color);
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}
.tag.limit-text {
  max-width: 35ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag::before {
  background: var(--bg-card-color);
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: var(--bg-card-color);
  border-bottom: 13px solid transparent;
  border-left: 10px solid  var(--bg-tag-color);
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: var(--hover-tag-color);
  color: white;
  text-decoration: none;
}

.tag:hover::after {
   border-left-color: var(--hover-tag-color);
}
/** Tags */
      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }