/* Minification failed. Returning unminified contents.
(704,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(965,4881): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.main-color {
  color: #0098ca;
}
input.big {
  height: 45px;
  padding: 6px 12px;
}
@media (max-width: 991px) {
  .upload-instructions {
    margin-top: 100px;
  }
}
.margin-top-md {
  margin-top: 25px;
}
.back-button-next-to-title {
  position: absolute;
  right: 10px;
  top: 5px;
}
.linked-list > li {
  padding: 0;
}
.linked-list > li > a {
  padding: 10px 15px;
  display: block;
}
.draggable-docola-file {
  /* this class is used by the drag and drop functionality in the course builder */
  list-style: none;
  min-height: 110px;
  /*height: 166px !important;
    width: 137px !important;*/
}
.draggable-docola-file .photo {
  min-height: 110px;
}
.draggable-docola-file aside {
  display: none;
}
.draggable-docola-file h5,
.draggable-docola-file label {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.list-with-sortable {
  /* Normalize items height to fix issue with jumping items while sorting */
}
ul.list-with-sortable > li,
ul.list-with-sortable .ui-sortable-placeholder {
  height: 192px !important;
}
ul.list-underline-selector {
  margin: 0;
  padding: 5px 0 0 0;
  display: block;
  min-height: 50px;
}
ul.list-underline-selector li {
  list-style-type: none;
}
ul.list-underline-selector li a {
  font-weight: bold;
  padding: 10px 0;
  display: block;
  text-align: center;
  transition: font-size linear 0.1s;
  font-size: 14px;
}
ul.list-underline-selector li a.active {
  color: #FFFFFF;
  background: #0098ca;
  padding: 10px 0px;
  border-radius: 3px;
}
ul.list-underline-selector li.slide-line {
  display: block;
  padding: 0;
  margin: 0;
  background: none #0098ca;
  position: absolute;
  min-width: 40px;
  height: 6px;
  left: 20px;
  top: 43px;
  z-index: 0;
}
.table-container {
  display: table;
}
.table-container .table-row {
  height: 100%;
  display: table-row;
}
.table-container .table-row .table-col {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.row-with-floats {
  overflow: hidden;
}
.row-with-floats input {
  margin-top: 3px;
}
.row-with-floats a {
  margin-top: 10px;
  margin-right: 5px;
}
.cursor-pointer {
  cursor: pointer;
}
.no-cursor {
  cursor: default !important;
}
.no-wrap {
  white-space: nowrap;
}
.floating-label-bottom {
  position: absolute;
  bottom: 2%;
  left: 2%;
  right: 2%;
  margin: 0;
  padding: 1px;
  text-align: center;
  background-color: white;
  color: #0098ca;
}
.floating-label-center {
  top: 50%;
  text-align: center;
  background-color: white;
  color: #0098ca;
  left: 50%;
  padding: 5px 16px;
  margin-left: -93px;
  border-radius: 2px;
  box-shadow: #333 5px 5px 10px;
}
.floating-label-center span {
  font-size: 25px;
}
.vertical-align-row-contents {
  margin-top: 15px;
}
.vertical-align-row-contents h1,
.vertical-align-row-contents h2,
.vertical-align-row-contents h3,
.vertical-align-row-contents h4,
.vertical-align-row-contents h5,
.vertical-align-row-contents h6 {
  line-height: 25px;
}
.vertical-align-row-contents h1,
.vertical-align-row-contents h2,
.vertical-align-row-contents h3,
.vertical-align-row-contents h4,
.vertical-align-row-contents h5,
.vertical-align-row-contents h6,
.vertical-align-row-contents a {
  margin: 0 5px;
}
.vertical-align-row-contents .vr {
  top: 0px;
}
.vertical-align-row-contents .search {
  margin-right: 30px;
}
.vertical-align-row-contents hr {
  margin-top: 3px;
}
.vertical-align-row-contents > [class^="col-"],
.vertical-align-row-contents > [class*=" col-"] {
  display: flex;
  align-items: center;
}
.vertical-align-row-contents > [class^="col-"].text-top,
.vertical-align-row-contents > [class*=" col-"].text-top {
  align-items: flex-start;
}
.vertical-align-row-contents > [class^="col-"].text-bottom,
.vertical-align-row-contents > [class*=" col-"].text-bottom {
  align-items: flex-end;
}
.vertical-align-row-contents > [class^="col-"].text-right,
.vertical-align-row-contents > [class*=" col-"].text-right {
  justify-content: flex-end;
}
.vertical-align-row-contents > [class^="col-"].text-center,
.vertical-align-row-contents > [class*=" col-"].text-center {
  justify-content: center;
}
.vertical-align-contents {
  display: flex;
  align-items: center;
  /*min-height: 50px;*/
}
.vertical-align-contents.no-wrap {
  flex-wrap: nowrap;
}
.vertical-align-contents h1,
.vertical-align-contents h2,
.vertical-align-contents h3,
.vertical-align-contents h4,
.vertical-align-contents h5,
.vertical-align-contents h6 {
  line-height: 25px;
  display: inline-block;
}
.vertical-align-contents h1,
.vertical-align-contents h2,
.vertical-align-contents h3,
.vertical-align-contents h4,
.vertical-align-contents h5,
.vertical-align-contents h6,
.vertical-align-contents a {
  margin: 0 5px 0 0;
}
.vertical-align-contents .vr {
  top: 0px;
}
.vertical-align-contents .search {
  margin-right: 30px;
}
.vertical-align-contents hr {
  margin-top: 3px;
}
.vertical-align-contents.text-top {
  align-items: flex-start;
}
.vertical-align-contents.text-bottom {
  align-items: flex-end;
}
.vertical-align-contents.text-right {
  justify-content: flex-end;
}
.vertical-align-contents.text-center {
  justify-content: center;
}
/*.notifications-panel::-webkit-scrollbar {
    opacity: 0;
}
*/
.notifications-panel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.notifications-panel::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5;
}
.notifications-panel::-webkit-scrollbar-thumb {
  background-color: #5fb233;
}
.notifications-panel {
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 999998;
  text-align: center;
  width: 350px;
  max-width: 90%;
  background: #FFFFFF;
  box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.22), 0 0 3px 0 rgba(0, 0, 0, 0.17);
  -webkit-transform: translateX(105%);
  -ms-transform: translateX(105%);
  transform: translateX(105%);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
}
.notifications-panel.open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.notifications-panel.open .backdrop {
  display: block;
}
.notifications-panel .np-header {
  border-bottom: 2px solid #e6e6ee;
  background: #f8f8fa;
  width: 100%;
  padding: 18px 20px;
  color: #808080;
}
.notifications-panel .np-header span {
  cursor: pointer;
  font-size: 16px;
  z-index: 999;
}
.notifications-panel .np-header span:hover i,
.notifications-panel .np-header span i:hover {
  color: #0098ca;
}
.notifications-panel .title {
  font-size: 16px;
  font-weight: bold;
  color: #5b616d;
  padding: 0 23px;
  display: inline-block;
  margin: 0;
}
.notifications-panel .close {
  margin: 25px 15px 0 0;
}
.notifications-panel .notifications-container {
  overflow: hidden;
  height: 92%;
}
.notifications-panel .notifications-container label {
  cursor: pointer;
}
.notifications-panel .notifications-container label > span {
  color: #0098ca;
  text-transform: capitalize;
}
.notifications-panel .notifications-container label.cursor-default {
  cursor: default !important;
}
.notifications-panel .backdrop {
  display: none;
  top: 0;
  left: -1000%;
  width: 1000%;
  height: 100%;
  position: fixed;
}
.copyright-row {
  left: -22px;
  margin-top: 30px;
}
.pace,
#loading-bar {
  z-index: 999999;
}
.list-group-item h1,
.list-group-item h2,
.list-group-item h3,
.list-group-item h4,
.list-group-item h5,
.list-group-item h6 {
  margin-bottom: 10px;
}
.feedback-button {
  color: #0098ca;
}
.fa.green {
  color: green;
}
.fa.red {
  color: #C10000;
}
.list-group > list-group-item > a {
  display: block;
}
@media (max-width: 768px) {
  .notifications-panel {
    width: 100%;
    max-width: 100%;
  }
}
.main-color{color:#0098ca}input.big{height:45px;padding:6px 12px}@media(max-width:991px){.upload-instructions{margin-top:100px}}.margin-top-md{margin-top:25px}.back-button-next-to-title{position:absolute;right:10px;top:5px}.linked-list>li{padding:0}.linked-list>li>a{padding:10px 15px;display:block}.draggable-docola-file{list-style:none;min-height:110px}.draggable-docola-file .photo{min-height:110px}.draggable-docola-file aside{display:none}.draggable-docola-file h5,.draggable-docola-file label{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}ul.list-with-sortable>li,ul.list-with-sortable .ui-sortable-placeholder{height:192px !important}ul.list-underline-selector{margin:0;padding:5px 0 0 0;display:block;min-height:50px}ul.list-underline-selector li{list-style-type:none}ul.list-underline-selector li a{font-weight:bold;padding:10px 0;display:block;text-align:center;transition:font-size linear .1s;font-size:14px}ul.list-underline-selector li a.active{color:#fff;background:#0098ca;padding:10px 0;border-radius:3px}ul.list-underline-selector li.slide-line{display:block;padding:0;margin:0;background:none #0098ca;position:absolute;min-width:40px;height:6px;left:20px;top:43px;z-index:0}.table-container{display:table}.table-container .table-row{height:100%;display:table-row}.table-container .table-row .table-col{display:table-cell;float:none;vertical-align:top}.row-with-floats{overflow:hidden}.row-with-floats input{margin-top:3px}.row-with-floats a{margin-top:10px;margin-right:5px}.cursor-pointer{cursor:pointer}.no-cursor{cursor:default !important}.no-wrap{white-space:nowrap}.floating-label-bottom{position:absolute;bottom:2%;left:2%;right:2%;margin:0;padding:1px;text-align:center;background-color:#fff;color:#0098ca}.floating-label-center{top:50%;text-align:center;background-color:#fff;color:#0098ca;left:50%;padding:5px 16px;margin-left:-93px;border-radius:2px;box-shadow:#333 5px 5px 10px}.floating-label-center span{font-size:25px}.vertical-align-row-contents{margin-top:15px}.vertical-align-row-contents h1,.vertical-align-row-contents h2,.vertical-align-row-contents h3,.vertical-align-row-contents h4,.vertical-align-row-contents h5,.vertical-align-row-contents h6{line-height:25px}.vertical-align-row-contents h1,.vertical-align-row-contents h2,.vertical-align-row-contents h3,.vertical-align-row-contents h4,.vertical-align-row-contents h5,.vertical-align-row-contents h6,.vertical-align-row-contents a{margin:0 5px}.vertical-align-row-contents .vr{top:0}.vertical-align-row-contents .search{margin-right:30px}.vertical-align-row-contents hr{margin-top:3px}.vertical-align-row-contents>[class^="col-"],.vertical-align-row-contents>[class*=" col-"]{display:flex;align-items:center}.vertical-align-row-contents>[class^="col-"].text-top,.vertical-align-row-contents>[class*=" col-"].text-top{align-items:flex-start}.vertical-align-row-contents>[class^="col-"].text-bottom,.vertical-align-row-contents>[class*=" col-"].text-bottom{align-items:flex-end}.vertical-align-row-contents>[class^="col-"].text-right,.vertical-align-row-contents>[class*=" col-"].text-right{justify-content:flex-end}.vertical-align-row-contents>[class^="col-"].text-center,.vertical-align-row-contents>[class*=" col-"].text-center{justify-content:center}.vertical-align-contents{display:flex;align-items:center}.vertical-align-contents.no-wrap{flex-wrap:nowrap}.vertical-align-contents h1,.vertical-align-contents h2,.vertical-align-contents h3,.vertical-align-contents h4,.vertical-align-contents h5,.vertical-align-contents h6{line-height:25px;display:inline-block}.vertical-align-contents h1,.vertical-align-contents h2,.vertical-align-contents h3,.vertical-align-contents h4,.vertical-align-contents h5,.vertical-align-contents h6,.vertical-align-contents a{margin:0 5px 0 0}.vertical-align-contents .vr{top:0}.vertical-align-contents .search{margin-right:30px}.vertical-align-contents hr{margin-top:3px}.vertical-align-contents.text-top{align-items:flex-start}.vertical-align-contents.text-bottom{align-items:flex-end}.vertical-align-contents.text-right{justify-content:flex-end}.vertical-align-contents.text-center{justify-content:center}.notifications-panel::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.notifications-panel::-webkit-scrollbar{width:3px;background-color:#f5f5f5}.notifications-panel::-webkit-scrollbar-thumb{background-color:#5fb233}.notifications-panel{overflow-y:auto;overflow-x:hidden;position:fixed;top:0;right:0;bottom:0;height:100%;z-index:999998;text-align:center;width:350px;max-width:90%;background:#fff;box-shadow:0 -5px 18px rgba(0,0,0,.22),0 0 3px 0 rgba(0,0,0,.17);-webkit-transform:translateX(105%);-ms-transform:translateX(105%);transform:translateX(105%);-webkit-transition:-webkit-transform 400ms ease;transition:transform 400ms ease}.notifications-panel.open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.notifications-panel.open .backdrop{display:block}.notifications-panel .np-header{border-bottom:2px solid #e6e6ee;background:#f8f8fa;width:100%;padding:18px 20px;color:#808080}.notifications-panel .np-header span{cursor:pointer;font-size:16px;z-index:999}.notifications-panel .np-header span:hover i,.notifications-panel .np-header span i:hover{color:#0098ca}.notifications-panel .title{font-size:16px;font-weight:bold;color:#5b616d;padding:0 23px;display:inline-block;margin:0}.notifications-panel .close{margin:25px 15px 0 0}.notifications-panel .notifications-container{overflow:hidden;height:92%}.notifications-panel .notifications-container label{cursor:pointer}.notifications-panel .notifications-container label>span{color:#0098ca;text-transform:capitalize}.notifications-panel .notifications-container label.cursor-default{cursor:default !important}.notifications-panel .backdrop{display:none;top:0;left:-1000%;width:1000%;height:100%;position:fixed}.copyright-row{left:-22px;margin-top:30px}.pace,#loading-bar{z-index:999999}.list-group-item h1,.list-group-item h2,.list-group-item h3,.list-group-item h4,.list-group-item h5,.list-group-item h6{margin-bottom:10px}.feedback-button{color:#0098ca}.fa.green{color:#008000}.fa.red{color:#c10000}.list-group>list-group-item>a{display:block}@media(max-width:768px){.notifications-panel{width:100%;max-width:100%}}
.caregiverfilm {
  background-color: #fff;
}
.caregiverfilm h2 {
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 1.5;
  padding-top: 0;
  margin-top: 0;
  color: inherit;
}
.caregiverfilm h6 {
  font-family: Roboto, sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.caregiverfilm p,
.caregiverfilm li {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
}
.caregiverfilm p a,
.caregiverfilm li a {
  color: #288dcb;
}
.caregiverfilm .header {
  height: 100px;
}
.caregiverfilm .header span {
  font-size: 17px;
  font-family: Roboto, sans-serif;
}
.caregiverfilm .header img {
  cursor: pointer;
}
.caregiverfilm .register {
  float: left;
  background-color: #1f8acf;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  margin: 10px 0px;
  font-size: 14px;
  letter-spacing: 1px;
  transition: background-color 0.5s ease-out;
}
.caregiverfilm .register:hover {
  background-color: #0b78be;
}
.highlight-blue {
  color: #000;
  background-color: #288dcb;
  /*padding: 50px 0;*/
  padding-top: 50px;
  padding-bottom: 50px;
}
.highlight-blue .container {
  height: 100%;
}
.highlight-blue p {
  color: #000;
}
.highlight-blue .intro {
  font-size: 16px;
}
.highlight-blue .intro p {
  font-family: Roboto, sans-serif;
  font-size: 28px;
  width: 100%;
  color: #000;
  margin-bottom: 0px;
  line-height: initial;
}
.highlight-blue .buttons {
  text-align: center;
}
.highlight-blue .buttons .btn {
  padding: 16px 32px;
  margin: 6px;
  border: none;
  background: none;
  box-shadow: none;
  text-shadow: none;
  opacity: 0.9;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.4px;
  line-height: 1;
}
.highlight-blue .buttons .btn:hover {
  opacity: 1;
}
.highlight-blue .buttons .btn:active {
  transform: translateY(1px);
}
.highlight-blue .buttons .btn-primary,
.highlight-blue .buttons .btn-primary:active {
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 6px;
  color: #ebeff1;
  box-shadow: none;
  text-shadow: none;
  padding: 14px 24px;
  background: transparent;
  transition: background-color 0.25s;
}
.events {
  margin: 22px;
  font-size: 16px;
}
.events .leftEvent {
  padding-right: 0px;
  padding-left: 20%;
}
.events .leftEvent img {
  height: 45px;
}
.events .leftEvent span {
  font-family: Roboto, sans-serif;
  font-weight: bold;
  margin-left: 8px;
}
.events .rightEvent {
  padding-right: 0px;
  padding-left: 0px;
}
.events .rightEvent img {
  height: 45px;
}
.events .rightEvent span {
  font-family: Roboto, sans-serif;
  font-weight: bold;
  margin-left: 8px;
}
.About {
  /*padding: 50px 0;*/
  padding-bottom: 50px;
  padding-top: 50px;
}
.About .rightAboutSmall {
  /*    border: none;
        border-right: 1px dashed gray;
*/
}
.About .rightAboutSmall span {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
}
.About .rightAboutBig {
  border: none;
  border-left: 1px dashed gray;
}
.About .rightAboutBig span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}
.About .rightAboutBig a {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  text-decoration: underline;
}
.About .rightAboutBig .qaSession {
  font-family: Roboto, sans-serif;
  font-weight: bold;
  margin-top: 2em;
}
.About .rightAboutBig .register {
  color: #fff;
  text-decoration: none;
}
.videoVimeo {
  padding-top: 50px;
  margin-bottom: 50px;
  background-color: #288dcb;
  /*    .embed-responsive-item {
        width: 97%;
    }*/
}
.videoVimeo p {
  padding-top: 10px;
  color: #fff;
}
.videoVimeo p a {
  color: #fff;
  text-decoration: underline;
}
.videoVimeo p a:hover {
  color: black;
}
.videoVimeo iframe {
  width: 640px;
  height: 360px;
}
.footer-clean {
  width: 100%;
  padding: 20px 0;
  background-color: #fff;
  color: #4b4c4d;
  height: 200px;
  position: absolute;
}
.footer-clean h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 16px;
}
.footer-clean ul {
  padding: 0;
  list-style: none;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 0;
}
.footer-clean ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
}
.footer-clean ul a:hover {
  opacity: 1;
}
.footer-clean .item.social {
  text-align: right;
}
.footer-clean .item.social > a {
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-left: 10px;
  margin-top: 22px;
  color: inherit;
  opacity: 0.75;
}
.footer-clean .copyright {
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 13px;
  opacity: 0.6;
}
.footer-clean .item.social > a:hover {
  opacity: 0.9;
}
.Dra {
  padding-top: 50px;
}
.Dra img {
  width: 100%;
  object-fit: cover;
  object-position: 0% 0;
  /* width: 300px; */
  height: 299px;
}
.Dra span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}
.Dra .rightAboutSmall {
  border: none;
  border-right: 1px dashed gray;
}
.Dra .rightAboutSmall span {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
}
.steps {
  padding-bottom: 20px;
}
.steps .followStep {
  margin-bottom: 0;
}
.steps img {
  width: 82px;
}
.steps span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}
.SponsorRight {
  padding-left: 30px;
}
.SponsorshipContainer {
  /*padding-top: 50px;*/
}
.SponsorshipContainer .sponsor {
  min-height: 322px;
}
.SponsorshipContainer span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}
.SponsorshipContainer .sponsorship-blurb {
  color: #313437;
  background-color: #fff;
  text-align: center;
  padding: 70px 0;
}
.SponsorshipContainer .sponsorship-blurb i {
  font-size: 32px;
  display: inline-block;
  color: #757980;
  margin: 0 5%;
  width: 60px;
  height: 60px;
  border: 1px solid #c8ced7;
  text-align: center;
  border-radius: 50%;
  line-height: 60px;
  --fa-secondary-opacity: 0;
}
.SponsorshipContainer .sponsorship-blurb i:before {
  padding-left: 2px;
}
.SponsorshipContainer .sponsorship-blurb a i {
  cursor: auto;
}
.slider .carousel-control-next-icon,
.slider .carousel-control-prev-icon {
  background-color: gray;
}
.slider .slick-slide {
  margin: 0px 20px;
}
.slider .iconPartners .slick-slide img {
  width: 100%;
}
.slider .slick-slider {
  width: 100%;
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slider .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slider .slick-list:focus {
  outline: none;
}
.slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slider .slick-slider .slick-track,
.slider .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slider .slick-track:before,
.slider .slick-track:after {
  display: table;
  content: '';
}
.slider .slick-slider {
  touch-action: auto;
  -ms-touch-action: auto;
}
.slider .slick-track:after {
  clear: both;
}
.slider .slick-loading .slick-track {
  visibility: hidden;
}
.slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slider [dir='rtl'] .slick-slide {
  float: right;
}
.slider .slick-slide img {
  display: block;
  width: 94%;
  left: 3%;
}
.slider .slick-slide.slick-loading img {
  display: none;
}
.slider .slick-slide.dragging img {
  pointer-events: none;
}
.slider .slick-initialized .slick-slide {
  display: block;
}
.slider .slick-loading .slick-slide {
  visibility: hidden;
}
.slider .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slider .slick-arrow.slick-hidden {
  display: none;
}
.slider .slick-track {
  display: flex;
}
.slider .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.slider .slick-next:before {
  content: "\f105";
}
.slider .slick-prev:before {
  content: "\f104";
}
.slider .slick-prev {
  display: inline-block;
  position: absolute;
  height: 100%;
  z-index: 9;
  border: none;
  color: #018dbe;
  background-color: transparent;
}
.slider .slick-next {
  height: 100%;
  border: none;
  z-index: 9;
  background-color: transparent;
  top: 0;
  position: absolute;
  right: 0;
  color: #018dbe;
}
.slider .slick-next:before,
.slider .slick-prev:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 100px;
  line-height: 1;
  /*opacity: .35;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.testimonialframe img {
  width: 50%;
  padding-bottom: 10px;
}
.dotted-hr {
  border-top: 1px dashed gray;
  margin: 50px 0;
}
.vertical-align {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .footer-clean .item.social > a {
    margin-top: 40px;
  }
  .events .leftEvent {
    padding-left: 0;
  }
  .About .rightAboutSmall,
  .Dra .rightAboutSmall {
    border-right: none;
  }
  .About .rightAboutBig,
  .Dra .rightAboutBig {
    border-left: none;
  }
  .Dra {
    padding-top: 0;
  }
  /*   .review, .testimonialframe {
        padding: 0 6%;
    }*/
  .SponsorRight {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .footer-clean .item.social > a {
    margin-top: 10px;
  }
  .footer-clean .item {
    text-align: center;
    padding-bottom: 20px;
  }
  .sponsorship-blurb {
    padding: 50px 0;
  }
  .videoVimeo iframe {
    width: 100%;
    height: auto;
  }
  /*    .review, .testimonialframe {
        padding: 0 15%;
    }*/
  .About {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .videoVimeo {
    margin-bottom: 0;
    margin-top: 0;
  }
  .Dra {
    padding-top: 0;
  }
  .dotted-hr {
    margin: 10px 0;
  }
  .SponsorshipContainer .sponsor {
    min-height: initial;
  }
}
@media (max-width: 768px) {
  .footer-clean .item.social {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .SponsorshipContainer .sponsorship-blurb i {
    margin: 0 3%;
  }
  .slider .slick-next:before,
  .slider .slick-prev:before {
    font-size: 61px;
  }
  /*    .review,
    .testimonialframe {
        padding: 0 10%;
    }*/
}
@media (max-width: 425px) {
  .vertical-align {
    display: block;
    align-items: center;
  }
  .header {
    margin-top: 20px;
  }
  .header span {
    text-align: center;
  }
}
@media (max-width: 360px) {
  .SponsorshipContainer .sponsorship-blurb i {
    margin: 0 1.2%;
  }
}
.caregiverfilm{background-color:#fff}.caregiverfilm h2{font-family:Roboto,sans-serif;font-size:32px;font-weight:600;margin-bottom:25px;line-height:1.5;padding-top:0;margin-top:0;color:inherit}.caregiverfilm h6{font-family:Roboto,sans-serif;font-weight:bold;font-size:16px}.caregiverfilm p,.caregiverfilm li{font-family:Roboto,sans-serif;font-size:15px;font-weight:normal;font-style:normal}.caregiverfilm p a,.caregiverfilm li a{color:#288dcb}.caregiverfilm .header{height:100px}.caregiverfilm .header span{font-size:17px;font-family:Roboto,sans-serif}.caregiverfilm .header img{cursor:pointer}.caregiverfilm .register{float:left;background-color:#1f8acf;color:#fff;text-transform:uppercase;font-weight:700;width:100%;text-align:center;padding:10px 0;margin:10px 0;font-size:14px;letter-spacing:1px;transition:background-color .5s ease-out}.caregiverfilm .register:hover{background-color:#0b78be}.highlight-blue{color:#000;background-color:#288dcb;padding-top:50px;padding-bottom:50px}.highlight-blue .container{height:100%}.highlight-blue p{color:#000}.highlight-blue .intro{font-size:16px}.highlight-blue .intro p{font-family:Roboto,sans-serif;font-size:28px;width:100%;color:#000;margin-bottom:0;line-height:initial}.highlight-blue .buttons{text-align:center}.highlight-blue .buttons .btn{padding:16px 32px;margin:6px;border:none;background:none;box-shadow:none;text-shadow:none;opacity:.9;text-transform:uppercase;font-weight:bold;font-size:13px;letter-spacing:.4px;line-height:1}.highlight-blue .buttons .btn:hover{opacity:1}.highlight-blue .buttons .btn:active{transform:translateY(1px)}.highlight-blue .buttons .btn-primary,.highlight-blue .buttons .btn-primary:active{border:2px solid rgba(255,255,255,.7);border-radius:6px;color:#ebeff1;box-shadow:none;text-shadow:none;padding:14px 24px;background:transparent;transition:background-color .25s}.events{margin:22px;font-size:16px}.events .leftEvent{padding-right:0;padding-left:20%}.events .leftEvent img{height:45px}.events .leftEvent span{font-family:Roboto,sans-serif;font-weight:bold;margin-left:8px}.events .rightEvent{padding-right:0;padding-left:0}.events .rightEvent img{height:45px}.events .rightEvent span{font-family:Roboto,sans-serif;font-weight:bold;margin-left:8px}.About{padding-bottom:50px;padding-top:50px}.About .rightAboutSmall span{font-family:Roboto,sans-serif;font-size:15px;font-weight:normal;font-style:normal}.About .rightAboutBig{border:none;border-left:1px dashed #808080}.About .rightAboutBig span{font-family:Roboto,sans-serif;font-size:14px;font-weight:normal;font-style:normal}.About .rightAboutBig a{font-family:Roboto,sans-serif;font-size:14px;text-decoration:underline}.About .rightAboutBig .qaSession{font-family:Roboto,sans-serif;font-weight:bold;margin-top:2em}.About .rightAboutBig .register{color:#fff;text-decoration:none}.videoVimeo{padding-top:50px;margin-bottom:50px;background-color:#288dcb}.videoVimeo p{padding-top:10px;color:#fff}.videoVimeo p a{color:#fff;text-decoration:underline}.videoVimeo p a:hover{color:#000}.videoVimeo iframe{width:640px;height:360px}.footer-clean{width:100%;padding:20px 0;background-color:#fff;color:#4b4c4d;height:200px;position:absolute}.footer-clean h3{margin-top:0;margin-bottom:12px;font-weight:bold;font-size:16px}.footer-clean ul{padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0}.footer-clean ul a{color:inherit;text-decoration:none;opacity:.8}.footer-clean ul a:hover{opacity:1}.footer-clean .item.social{text-align:right}.footer-clean .item.social>a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:50%;border:1px solid #ccc;margin-left:10px;margin-top:22px;color:inherit;opacity:.75}.footer-clean .copyright{margin-top:14px;margin-bottom:0;font-size:13px;opacity:.6}.footer-clean .item.social>a:hover{opacity:.9}.Dra{padding-top:50px}.Dra img{width:100%;object-fit:cover;object-position:0% 0;height:299px}.Dra span{font-family:Roboto,sans-serif;font-size:14px;font-weight:normal;font-style:normal}.Dra .rightAboutSmall{border:none;border-right:1px dashed #808080}.Dra .rightAboutSmall span{font-family:Roboto,sans-serif;font-size:15px;font-weight:normal;font-style:normal}.steps{padding-bottom:20px}.steps .followStep{margin-bottom:0}.steps img{width:82px}.steps span{font-family:Roboto,sans-serif;font-size:14px;font-weight:normal;font-style:normal}.SponsorRight{padding-left:30px}.SponsorshipContainer .sponsor{min-height:322px}.SponsorshipContainer span{font-family:Roboto,sans-serif;font-size:14px;font-weight:normal;font-style:normal}.SponsorshipContainer .sponsorship-blurb{color:#313437;background-color:#fff;text-align:center;padding:70px 0}.SponsorshipContainer .sponsorship-blurb i{font-size:32px;display:inline-block;color:#757980;margin:0 5%;width:60px;height:60px;border:1px solid #c8ced7;text-align:center;border-radius:50%;line-height:60px;--fa-secondary-opacity:0}.SponsorshipContainer .sponsorship-blurb i:before{padding-left:2px}.SponsorshipContainer .sponsorship-blurb a i{cursor:auto}.slider .carousel-control-next-icon,.slider .carousel-control-prev-icon{background-color:#808080}.slider .slick-slide{margin:0 20px}.slider .iconPartners .slick-slide img{width:100%}.slider .slick-slider{width:100%;position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slider .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slider .slick-list:focus{outline:none}.slider .slick-list.dragging{cursor:pointer;cursor:hand}.slider .slick-slider .slick-track,.slider .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider .slick-track{position:relative;top:0;left:0;display:block}.slider .slick-track:before,.slider .slick-track:after{display:table;content:''}.slider .slick-slider{touch-action:auto;-ms-touch-action:auto}.slider .slick-track:after{clear:both}.slider .slick-loading .slick-track{visibility:hidden}.slider .slick-slide{display:none;float:left;height:100%;min-height:1px}.slider [dir='rtl'] .slick-slide{float:right}.slider .slick-slide img{display:block;width:94%;left:3%}.slider .slick-slide.slick-loading img{display:none}.slider .slick-slide.dragging img{pointer-events:none}.slider .slick-initialized .slick-slide{display:block}.slider .slick-loading .slick-slide{visibility:hidden}.slider .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slider .slick-arrow.slick-hidden{display:none}.slider .slick-track{display:flex}.slider .slick-track .slick-slide{display:flex;height:auto;align-items:center;justify-content:center}.slider .slick-next:before{content:""}.slider .slick-prev:before{content:""}.slider .slick-prev{display:inline-block;position:absolute;height:100%;z-index:9;border:none;color:#018dbe;background-color:transparent}.slider .slick-next{height:100%;border:none;z-index:9;background-color:transparent;top:0;position:absolute;right:0;color:#018dbe}.slider .slick-next:before,.slider .slick-prev:before{font-family:'Font Awesome 5 Pro';font-size:100px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.testimonialframe img{width:50%;padding-bottom:10px}.dotted-hr{border-top:1px dashed #808080;margin:50px 0}.vertical-align{display:flex;align-items:center}@media(max-width:992px){.footer-clean .item.social>a{margin-top:40px}.events .leftEvent{padding-left:0}.About .rightAboutSmall,.Dra .rightAboutSmall{border-right:none}.About .rightAboutBig,.Dra .rightAboutBig{border-left:none}.Dra{padding-top:0}.SponsorRight{padding-left:15px}}@media(max-width:767px){.footer-clean .item.social>a{margin-top:10px}.footer-clean .item{text-align:center;padding-bottom:20px}.sponsorship-blurb{padding:50px 0}.videoVimeo iframe{width:100%;height:auto}.About{padding-bottom:20px;padding-top:20px}.videoVimeo{margin-bottom:0;margin-top:0}.Dra{padding-top:0}.dotted-hr{margin:10px 0}.SponsorshipContainer .sponsor{min-height:initial}}@media(max-width:768px){.footer-clean .item.social{text-align:center}}@media(max-width:480px){.SponsorshipContainer .sponsorship-blurb i{margin:0 3%}.slider .slick-next:before,.slider .slick-prev:before{font-size:61px}}@media(max-width:425px){.vertical-align{display:block;align-items:center}.header{margin-top:20px}.header span{text-align:center}}@media(max-width:360px){.SponsorshipContainer .sponsorship-blurb i{margin:0 1.2%}}
.landing-get-started-container {
  position: absolute;
  z-index: 1;
  width: 100%;
}
.landing-get-started-container a.landing-get-started {
  position: absolute;
  margin: 27% 0 0 14%;
  border-radius: 25px;
}

.delay {
  animation-delay: 5s !important;
  transition-delay: 5s !important;
}
.animation.ng-hide.ng-hide-add-active,
.animation.ng-hide.ng-hide-remove-active {
  display: block !important;
}
.animation.fadeIn.ng-hide-remove {
  animation: 0.5s fadeInDown ease;
}
.animation.fadeInOut.ng-hide-add {
  -moz-animation: 0.5s fadeOutUp ease;
  -o-animation: 0.5s fadeOutUp ease;
  -webkit-animation: 0.5s fadeOutUp ease;
  animation: 0.5s fadeOutUp ease;
}
.animation.fadeInOut.ng-hide-remove {
  -moz-animation: 0.5s fadeInDown ease;
  -o-animation: 0.5s fadeInDown ease;
  -webkit-animation: 0.5s fadeInDown ease;
  animation: 0.5s fadeInDown ease;
}
.animation.rollInOut.ng-hide-add {
  -moz-animation: 0.5s rollOut ease;
  -o-animation: 0.5s rollOut ease;
  -webkit-animation: 0.5s rollOut ease;
  animation: 0.5s rollOut ease;
}
.animation.rollInOut.ng-hide-remove {
  -moz-animation: 0.5s rollIn ease;
  -o-animation: 0.5s rollIn ease;
  -webkit-animation: 0.5s rollIn ease;
  animation: 0.5s rollIn ease;
}
.animation.foldeInOut {
  overflow: hidden;
}
.animation.foldeInOut.ng-hide-add,
.animation.foldeInOut.ng-hide-remove {
  -moz-transition: 0s linear all;
  -o-transition: 0s linear all;
  -webkit-transition: 0s linear all;
  transition: 0s linear all;
}
.animation.foldeInOut.ng-hide-add-active,
.animation.foldeInOut.ng-hide-remove-active {
  -moz-transition: all linear 2.5s;
  -o-transition: all linear 2.5s;
  -webkit-transition: all linear 2.5s;
  transition: all linear 2.5s;
}
.animation.foldeInOut.ng-hide-add {
  max-height: 0;
}
.animation.flipXInOut.ng-hide-add {
  -moz-animation: 0.7s flipOutX ease;
  -o-animation: 0.7s flipOutX ease;
  -webkit-animation: 0.7s flipOutX ease;
  animation: 0.7s flipOutX ease;
  margin-top: 0;
}
.animation.flipXInOut.ng-hide-remove {
  -moz-animation: 0.7s flipInX ease;
  -o-animation: 0.7s flipInX ease;
  -webkit-animation: 0.7s flipInX ease;
  animation: 0.7s flipInX ease;
}
.animation.fadeInUp.ng-hide-add {
  display: none;
}
.animation.fadeInUp.ng-hide-remove {
  -moz-animation: 1.4s slideInUp ease;
  -o-animation: 1.4s slideInUp ease;
  -webkit-animation: 1.4s slideInUp ease;
  animation: 1.4s slideInUp ease;
}
.animation.slideUpDownNoHeight.ng-hide-add {
  overflow-y: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.9s ease-in-out;
  -moz-transition: max-height 0.9s ease-in-out;
  -o-transition: max-height 0.9s ease-in-out;
  transition: max-height 0.9s ease-in-out;
  margin-top: 0;
}
.animation.slideUpDownNoHeight.ng-hide-remove {
  -moz-animation: 0.5s slideInDown ease;
  -o-animation: 0.5s slideInDown ease;
  -webkit-animation: 0.5s slideInDown ease;
  animation: 0.5s slideInDown ease;
}
.animation.slideUpDown.ng-hide-add {
  -moz-animation: 0.5s slideOutUp ease;
  -o-animation: 0.5s slideOutUp ease;
  -webkit-animation: 0.5s slideOutUp ease;
  animation: 0.5s slideOutUp ease;
  margin-top: 0;
}
.animation.slideUpDown.ng-hide-remove {
  -moz-animation: 0.5s slideInDown ease;
  -o-animation: 0.5s slideInDown ease;
  -webkit-animation: 0.5s slideInDown ease;
  animation: 0.5s slideInDown ease;
}
.animation.zoomInOut.ng-hide-add {
  -moz-animation: 0.5s zoomOut ease;
  -o-animation: 0.5s zoomOut ease;
  -webkit-animation: 0.5s zoomOut ease;
  animation: 0.5s zoomOut ease;
}
.animation.zoomInOut.ng-hide-remove {
  -moz-animation: 0.5s zoomIn ease;
  -o-animation: 0.5s zoomIn ease;
  -webkit-animation: 0.5s zoomIn ease;
  animation: 0.5s zoomIn ease;
}
.animation.slideLeftRight {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.animation.slideLeftRight.ng-hide-remove {
  -moz-animation: 0.5s fadeInRight ease;
  -o-animation: 0.5s fadeInRight ease;
  -webkit-animation: 0.5s fadeInRight ease;
  animation: 0.5s fadeInRight ease;
}
.animation.slideLeftRight.ng-hide-add {
  -moz-animation: 0.5s fadeOutLeft ease;
  -o-animation: 0.5s fadeOutLeft ease;
  -webkit-animation: 0.5s fadeOutLeft ease;
  animation: 0.5s fadeOutLeft ease;
}
.animation.slideLeftRight.ng-hide-remove.backward {
  -moz-animation: 0.5s fadeInLeft ease;
  -o-animation: 0.5s fadeInLeft ease;
  -webkit-animation: 0.5s fadeInLeft ease;
  animation: 0.5s fadeInLeft ease;
}
.animation.slideLeftRight.ng-hide-add.backward {
  -moz-animation: 0.5s fadeOutRight ease;
  -o-animation: 0.5s fadeOutRight ease;
  -webkit-animation: 0.5s fadeOutRight ease;
  animation: 0.5s fadeOutRight ease;
}
.repeat-animation.zoomInOut.ng-enter-stagger {
  -moz-animation-delay: 30ms;
  -o-animation-delay: 30ms;
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.repeat-animation.zoomInOut.ng-enter {
  -moz-animation: 200ms zoomIn ease;
  -o-animation: 200ms zoomIn ease;
  -webkit-animation: 200ms zoomIn ease;
  animation: 200ms zoomIn ease;
  /*animation: 550ms flipInX ease;*/
  /*opacity: 0; doesn't work on IE */
}
.repeat-animation.zoomInOut.ng-enter.ng-enter-active {
  /*opacity: 1; doesn't work on IE */
}
.repeat-animation.zoomInOut.ng-leave.with-leave-animation {
  -moz-animation: 200ms zoomOut ease;
  -o-animation: 200ms zoomOut ease;
  -webkit-animation: 200ms zoomOut ease;
  animation: 200ms zoomOut ease;
}
.repeat-animation.flip.ng-enter-stagger {
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -moz-animation-duration: 0;
  -o-animation-duration: 0;
  -webkit-animation-duration: 0;
  animation-duration: 0;
}
.repeat-animation.flip.ng-enter {
  -webkit-animation: 0.7s flipInY ease;
  -moz-animation: 0.7s flipInY ease;
  -o-animation: 0.7s flipInY ease;
  animation: 0.7s flipInY ease;
  /*opacity: 0; doesn't work on IE */
}
.repeat-animation.flip.ng-enter.ng-enter-active {
  /*opacity: 1; doesn't work on IE */
}
.repeat-animation.flip.ng-leave {
  -webkit-animation: 0.7s flipOutY ease;
  -moz-animation: 0.7s flipOutY ease;
  -o-animation: 0.7s flipOutY ease;
  animation: 0.7s flipOutY ease;
}
.repeat-animation.fadeInOut.ng-enter-stagger {
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -moz-animation-duration: 0;
  -o-animation-duration: 0;
  -webkit-animation-duration: 0;
  animation-duration: 0;
}
.repeat-animation.fadeInOut.ng-enter {
  -webkit-animation: 0.7s fadeIn ease;
  -moz-animation: 0.7s fadeIn ease;
  -o-animation: 0.7s fadeIn ease;
  animation: 0.7s fadeIn ease;
  /*opacity: 0; doesn't work on IE */
}
.repeat-animation.fadeInOut.ng-enter.ng-enter-active {
  /*opacity: 1; doesn't work on IE */
}
.repeat-animation.fadeInOut.ng-leave {
  -webkit-animation: 0.7s fadeOut ease;
  -moz-animation: 0.7s fadeOut ease;
  -o-animation: 0.7s fadeOut ease;
  animation: 0.7s fadeOut ease;
}
.modal-vertical-centered {
  -moz-transform: translate(0, 30%) !important;
  -ms-transform: translate(0, 30%) !important;
  -o-transform: translate(0, 30%) !important;
  -webkit-transform: translate(0, 30%) !important;
  transform: translate(0, 30%) !important;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0;
}
.pagination {
  margin: 8px 0 0 0;
}
.modal-open {
  padding-right: 0 !important;
}
.modal-header .close {
  font-size: 38px;
  font-weight: 900;
  line-height: 24px;
}
.modal-header .close:hover {
  opacity: 0.9;
}
.bootstrap-dialog-title,
.modal-title {
  /* prevent title from hiding the close button */
  width: 90% !important;
}
.nav-tabs-centered {
  text-align: center;
}
.nav-tabs-centered > li {
  float: none;
  width: auto;
  display: inline-block;
  min-width: 100px;
}
.checkbox-inline label {
  cursor: pointer;
}
.btn-group .btn.active {
  /*color: #fff;
        background-color: #222;
        border-color: #222;*/
}

.border-top {
  border-top: 1px solid #ddd;
}
.remove-border-top {
  border-top: none !important;
}
.border-right {
  border-right: 1px solid #ddd;
}
.remove-border-right {
  border-right: none !important;
}
.border-bottom {
  border-bottom: 1px solid #ddd;
}
.remove-border-bottom {
  border-bottom: none !important;
}
.border-left {
  border-left: 1px solid #ddd;
}
.remove-left-bottom {
  border-left: none !important;
}
.docolaChat {
  position: fixed;
  z-index: 9998;
  right: 0;
  top: 80%;
}
.docolaChat img {
  height: 58px;
}
.docolaChat .badge {
  position: absolute;
  min-width: 10px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #bd2f17;
  border-radius: 10px;
  z-index: 9;
  left: 0;
  top: -17px;
}
.chatWindow {
  position: fixed;
  height: 465px;
  z-index: 9999;
  bottom: 0;
  right: 0px;
  transition: 0.4s;
  width: 0;
  max-width: 90%;
  background: #FFFFFF;
  box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.22), 0 0 3px 0 rgba(0, 0, 0, 0.17);
  top: 0;
  height: 100%;
}
.chatWindow .header {
  border-bottom: 2px solid #e6e6ee;
  background: #f8f8fa;
  padding: 8px 10px;
}
.chatWindow .closeWindow {
  margin: 0;
  font-size: 17px;
  display: block;
  height: 0px;
  text-align: right;
}
.chatWindow .closeWindow i {
  float: left;
  margin-top: 5px;
}
.chatWindow .chatSearch .ui-select-container {
  margin-bottom: 10px;
}
.chatWindow .chatSearch .ui-select-container span.ui-select-placeholder {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  line-height: 24px;
}
.chatWindow .chatSearch .ui-select-container span.ui-select-toggle {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #cccccc;
  border-radius: 0px;
}
.chatWindow .chatSearch .ui-select-container span.ui-select-toggle i.caret.pull-right {
  top: 14px;
  font-size: 20px;
  color: #0098ca;
  cursor: pointer;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  border-top: none;
  border-right: none;
  border-left: none;
  right: 17px;
}
.chatWindow .chatSearch .ui-select-container span.ui-select-toggle i.caret.pull-right:before {
  content: "\f002";
}
.chatWindow .chatSearch .ui-select-container input {
  width: 100%;
  color: #808080;
}
.chatWindow .chatSearch .ui-select-container input.ui-select-search {
  border: none;
}
.chatWindow .chatSearch .ui-select-container ul.ui-select-choices {
  border-radius: 0px;
  width: 101%;
}
.chatWindow .chatSearch .ui-select-container ul.ui-select-choices p {
  margin-bottom: 0px;
}
.chatWindow .chatSearch .ui-select-container ul.ui-select-choices::-webkit-scrollbar-track {
  box-shadow: none !important;
}
.chatWindow .chatSearch .ui-select-container ul.ui-select-choices::-webkit-scrollbar-thumb {
  background-color: #cecdcd;
}
.chatWindow .chatSearch .ui-select-container ul.ui-select-choices::-webkit-scrollbar {
  width: 7px;
}
.chatWindow h3 {
  font-size: 16px;
  font-weight: bold;
  color: #5b616d;
  padding: 0 23px;
  display: inline-block;
  margin: 0;
  line-height: 27px;
  vertical-align: text-bottom;
}
.chatWindow p.name {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 10px;
  width: 70%;
  text-align: left;
  vertical-align: bottom;
  height: 20px;
}
.chatWindow .userList {
  overflow-y: auto;
  width: 100%;
  height: 94vh;
}
.chatWindow .userList .errorMsg {
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
}
.chatWindow .userList .alert-danger {
  border-radius: 0px;
  margin-bottom: 5px;
}
.chatWindow .userList .alert-danger p {
  font-weight: bold;
}
.chatWindow .chatToggle {
  width: 51px;
  min-width: 50px;
  font-size: 12px;
  height: 20px;
  margin-left: 60px;
  margin-top: 4px;
}
.chatWindow .chatToggle span {
  padding-top: 0;
}
.chatWindow .user {
  height: 40px;
  overflow: hidden;
  text-align: right;
  cursor: pointer;
}
.chatWindow .user .profilePic {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100px;
  min-width: 40px;
  min-height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
}
.chatWindow .user .profilePic .badge {
  display: inline-block;
  width: 17px;
  padding: 3px 0px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: unset;
  background-color: #bd2f17;
  border-radius: 10px;
  position: absolute;
  z-index: 99999;
  right: 6px;
  top: 19px;
  text-align: center;
}
.chatWindow .user:hover {
  background: #f5f5f5;
}
.chatWindow .status {
  padding-left: 10px;
  font-size: 8px;
  top: -16px;
  text-align: right;
}
.chatWindow .status.active {
  color: #5fb233;
}
.chatWindow .status.inactive {
  color: #cecece;
}
.userChatContainer {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  right: 255px;
  height: 450px;
  width: auto;
  background: transparent;
  pointer-events: none;
}
.userChatContainer .chat {
  height: 100vh;
  width: 350px;
  float: right;
  box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.22), 0 0 3px 0 rgba(0, 0, 0, 0.17);
  margin-left: 3px;
  margin-right: 3px;
  background: #FFFFFF;
  transition: 0.3s;
  pointer-events: all;
}
.userChatContainer .chat .header {
  border-bottom: 2px solid #e6e6ee;
  background: #f8f8fa;
  display: inline-block;
  width: 100%;
  padding: 1px 0px 0px 3px;
  height: 34px;
}
.userChatContainer .chat .header h3 {
  margin: 3px;
  font-weight: 500;
  display: inline-block;
  top: -10px;
  width: 69%;
  font-size: 15px;
}
.userChatContainer .chat .header .profilePic {
  background-image: url(/Content/DocolaDesign/Docola/img/avatar2.jpg);
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 100px;
  min-width: 30px;
  min-height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
}
.userChatContainer .chat a {
  transition: 0s;
}
.userChatContainer .chat i {
  font-size: 20px;
  padding: 5px;
}
.userChatContainer .chat .userChatError {
  position: absolute;
  background: #ffffff75;
  width: 100%;
  z-index: 9999;
  height: 357px;
}
.userChatContainer .chat .userChatError .errorMsg {
  font-weight: bold;
  text-align: center;
}
.main {
  padding: 14px;
  overflow: scroll;
  height: 357px;
  overflow-x: hidden;
  padding-bottom: 37px;
}
.main .loadMore {
  text-align: center;
  display: block;
}
.main .msg {
  display: inline-block;
  width: 100%;
}
.main .sent {
  word-break: break-word;
  display: inline-block;
  float: right;
  padding: 5px;
  background: #0098ca;
  border-radius: 4px;
  color: #ffffff;
  margin-left: 100px;
}
.main .sent:after {
  content: "";
  float: left;
  position: absolute;
  bottom: 0px;
  right: -8px;
  width: 0;
  height: 0;
  border-color: transparent transparent #0098ca #0098ca;
  border-style: solid;
  border-width: 10px 14px 8px 0px;
}
.main .received {
  word-break: break-all;
  display: inline-block;
  float: left;
  padding: 5px;
  background: #5fb233;
  border-radius: 4px;
  color: #ffffff;
  margin-right: 100px;
}
.main .received:before {
  content: "";
  float: left;
  position: absolute;
  bottom: 0px;
  left: -9px;
  width: 0;
  height: 0;
  border-color: transparent #5fb233 #5fb233 transparent;
  border-style: solid;
  border-width: 8px 14px 0px 0px;
}
.main::-webkit-scrollbar {
  width: 7px;
}
.main::-webkit-scrollbar-track {
  box-shadow: none !important;
}
.main::-webkit-scrollbar-thumb {
  background-color: #cecdcd;
}
.userList::-webkit-scrollbar {
  width: 7px;
}
.userList::-webkit-scrollbar-track {
  box-shadow: none !important;
}
.userList::-webkit-scrollbar-thumb {
  background-color: #cecdcd;
}
.footer {
  border-top: 2px solid #ededed;
  background: #FFF;
}
.footer input {
  padding: 5px 10px;
  border-radius: 3px;
  border: 2px solid #e6e6ee;
  margin: 6px;
  width: 77%;
}
.footer button {
  background-color: #337ab7;
  border-color: #2e6da4;
}
#chatbubbles {
  position: fixed;
  height: 100vh;
  width: 20vw;
  left: 0;
  top: 0;
}
.openChat {
  width: 250px;
}
.openChat .fa-search {
  top: 7px;
}
@media (max-width: 768px) {
  .chatWindow {
    max-width: 100%;
  }
  .openChat {
    width: 100%;
  }
}
.scroll-y {
  overflow-y: auto;
}
.arrow-up {
  /* Reference: http://davidwalsh.name/css-triangles */
  /* shared with before and after */
  /* these arrows will point up */
  /* top-stacked, smaller arrow */
  /* arrow which acts as a background shadow */
  /*&:after {
        border-bottom-color: #333;
        position: absolute;
        top: -24px;
        left: 255px;
        z-index: 1;
    }*/
}
.arrow-up:before,
.arrow-up:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  /* arrow size */
}
.arrow-up:before {
  border-bottom-color: #fff;
  /* arrow color */
  /* positioning */
  position: absolute;
  top: -19px;
  left: -6px;
  z-index: 2;
}
.doco-block-ui {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.vertical-scroll-lg {
  max-height: 400px;
  overflow-y: auto;
}
.no-records-label {
  margin: 40px 0 0 !important;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*width: 100%; don't enable this */
  /*display: block; don't enable this */
}
.full-width {
  width: 100%;
}
.text-center.full-width {
  display: block;
}
a:hover > h1,
a:hover > h2,
a:hover > h3,
a:hover > h4,
a:hover > h5,
a:hover > h6 {
  text-decoration: underline;
}
.add-to-module.container {
  padding-top: 10px !important;
}
.my-modules {
  padding-top: 0px !important;
}
.content.upload {
  margin-top: 30px !important;
}
.fill-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
  min-height: 50px;
  min-width: 50px;
}
.photo .shadow-image {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 80px inset;
}
.photo:hover {
  text-decoration: none !important;
  outline-color: transparent !important;
}
.photo:hover .shadow-image {
  display: block;
}
.preview-image-sm {
  min-height: 150px;
  min-width: 150px;
}
.inverted-header {
  min-height: 60px;
  padding-top: 5px;
  background: #282828;
  color: #7f7f7f;
}
.inverted-header .title-bar .btn {
  margin-top: 10px;
}
.inverted-header .btn {
  background: #282828;
  color: #7f7f7f;
}
.inverted-header .btn:hover {
  color: white;
}
.inverted-header .nav-tabs > li > a {
  background: #282828;
  color: #7f7f7f;
  border: none;
}
.inverted-header .nav-tabs > li.active > a,
.inverted-header .nav-tabs > li:hover > a {
  background: #282828;
  color: white;
  border: none;
}
/*-----------   PADDING   ---------*/
.remove-padding-top {
  padding-top: 0 !important;
}
.remove-padding-right {
  padding-right: 0 !important;
}
.remove-padding-bottom {
  padding-bottom: 0 !important;
}
.remove-padding-left {
  padding-left: 0 !important;
}
.remove-padding-all {
  padding: 0 !important;
}
.padding-bottom {
  padding-bottom: 15px;
}
/*-----------   MARGIN   ---------*/
.remove-margin-top {
  margin-top: 0 !important;
}
.remove-margin-right {
  margin-right: 0 !important;
}
.remove-margin-bottom {
  margin-bottom: 0 !important;
}
.remove-margin-left {
  margin-left: 0 !important;
}
.remove-margin-all {
  margin: 0 !important;
}
.content-wrapper .content {
  display: none;
  position: relative;
}
.content-wrapper .content.active {
  display: block;
}
.block {
  display: block;
  width: 100%;
}
.upload-instructions ul {
  list-style-type: decimal;
  padding-left: 17px;
}
.scroll-y{overflow-y:auto}.arrow-up:before,.arrow-up:after{content:' ';height:0;position:absolute;width:0;border:10px solid transparent}.arrow-up:before{border-bottom-color:#fff;position:absolute;top:-19px;left:-6px;z-index:2}.doco-block-ui{position:absolute;top:0;left:0;right:0;bottom:0}.vertical-scroll-lg{max-height:400px;overflow-y:auto}.no-records-label{margin:40px 0 0 !important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-width{width:100%}.text-center.full-width{display:block}a:hover>h1,a:hover>h2,a:hover>h3,a:hover>h4,a:hover>h5,a:hover>h6{text-decoration:underline}.add-to-module.container{padding-top:10px !important}.my-modules{padding-top:0 !important}.content.upload{margin-top:30px !important}.fill-container{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;display:inline-block;min-height:50px;min-width:50px}.photo .shadow-image{display:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:rgba(0,0,0,.4) 0 0 80px inset}.photo:hover{text-decoration:none !important;outline-color:transparent !important}.photo:hover .shadow-image{display:block}.preview-image-sm{min-height:150px;min-width:150px}.inverted-header{min-height:60px;padding-top:5px;background:#282828;color:#7f7f7f}.inverted-header .title-bar .btn{margin-top:10px}.inverted-header .btn{background:#282828;color:#7f7f7f}.inverted-header .btn:hover{color:#fff}.inverted-header .nav-tabs>li>a{background:#282828;color:#7f7f7f;border:none}.inverted-header .nav-tabs>li.active>a,.inverted-header .nav-tabs>li:hover>a{background:#282828;color:#fff;border:none}.remove-padding-top{padding-top:0 !important}.remove-padding-right{padding-right:0 !important}.remove-padding-bottom{padding-bottom:0 !important}.remove-padding-left{padding-left:0 !important}.remove-padding-all{padding:0 !important}.padding-bottom{padding-bottom:15px}.remove-margin-top{margin-top:0 !important}.remove-margin-right{margin-right:0 !important}.remove-margin-bottom{margin-bottom:0 !important}.remove-margin-left{margin-left:0 !important}.remove-margin-all{margin:0 !important}.content-wrapper .content{display:none;position:relative}.content-wrapper .content.active{display:block}.block{display:block;width:100%}.upload-instructions ul{list-style-type:decimal;padding-left:17px}
.progress {
  border-radius: 0;
  padding: 1px;
  border: 1px solid #ccc;
  height: 24px;
  background-color: transparent;
  box-shadow: none;
}
.progress .progress-bar {
  text-align: left;
  line-height: 19px;
  padding-left: 5px;
}
.progress .progress-bar-success {
  background-color: #1d8e1d;
}
.avatar img {
  border-radius: 150px;
}
#top-menu-ul {
  /*text-align: center;*/
}
@media all and (min-width: 992px) and (max-width: 1199px) {
  #top-menu-ul {
    text-align: center;
  }
}
.progress-bar {
  position: initial;
}
textarea.form-control {
  background-color: white;
}
.content a:hover {
  box-shadow: none;
}
.upload.content .row.input {
  margin-bottom: 0px;
}
.lp footer nav ul li a,
.lp footer nav ul li a:visited {
  color: #aaa;
}
section#jumbo .overlay {
  padding-top: 180px;
}
/*#top-bar .logo {
    margin-top: 11px;
}*/
#register .signin {
  min-height: 0px;
}
.remember-me .checkbox-inline {
  padding-top: 0px;
}
.remember-me .checkbox-inline input[type="checkbox"] {
  margin-top: 3px;
  margin-left: -19px;
}
.btn-group select.btn {
  height: 34px;
}
.panel-heading .vr {
  top: 0;
}
.vr {
  width: 1px !important;
  min-width: 0 !important;
}
.add-to-module input[type=radio].big + label:before {
  bottom: 5px;
}
select.form-control {
  -webkit-appearance: menulist-button;
  padding-right: 20px;
}
.custom-radio-buttons input[type=radio] {
  display: none;
}
.custom-radio-buttons input[type=radio].big + label {
  line-height: 34px;
  padding-left: 40px;
}
.custom-radio-buttons input[type=radio] + label {
  font-weight: normal;
  padding-left: 25px;
}
.custom-check-boxes input[type=checkbox] {
  display: none;
}
textarea.grey {
  background-color: #ededed;
  color: #141414;
  border: 1px solid #cecece;
}
textarea {
  resize: vertical;
  min-height: 100px;
  /*max-height: 300px;*/
}
button.designer-btn {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: inline-block;
  background-color: #5fb233;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  text-transform: uppercase;
}
button.designer-btn:hover {
  background-color: #fff;
  color: #5fb233;
}
button.designer-btn.btnReset:hover {
  background-color: #1f8cd2;
  color: #ffffff;
}
button.designer-btn:visited {
  color: inherit;
}
button.designer-btn.google {
  background: #d34836;
}
button.designer-btn.google:hover {
  color: #6f1515;
  background: #f1d3cf;
}
button.designer-btn.blue {
  background-color: #0098ca;
  color: #fff;
}
button.designer-btn.blue:hover {
  background-color: #fff;
  color: #0098ca;
}
button.designer-btn.white {
  background-color: #fff;
  color: #141414;
  border: 1px solid #d0d0d0;
}
button.designer-btn.white:hover {
  background-color: #141414;
  color: #fff;
}
button.designer-btn.grey {
  background-color: #ededed;
  color: #808080;
  border: 1px solid #c4c4c4;
}
button.designer-btn.grey:hover {
  background-color: #141414;
  color: #fff;
}
button.designer-btn.black {
  background-color: #141414;
  color: #fff;
  border: 1px solid #141414;
}
button.designer-btn.black:hover {
  background-color: #fff;
  color: #141414;
}
button.designer-btn.inverted {
  background-color: #fff;
  color: #5fb233;
}
button.designer-btn.inverted:hover {
  background-color: #5fb233;
  color: #fff;
}
button.designer-btn.inverted.blue {
  background-color: #fff;
  color: #0098ca;
}
button.designer-btn.inverted.blue:hover {
  background-color: #0098ca;
  color: #fff;
}
button.designer-btn.inverted.white {
  background-color: #141414;
  color: #fff;
}
button.designer-btn.transparent {
  background-color: transparent;
  border: 1px solid #5fb233;
  color: #5fb233;
}
button.designer-btn.transparent:hover {
  background-color: #5fb233;
  color: #fff;
}
button.designer-btn.transparent.blue {
  border: 1px solid #0098ca;
  color: #0098ca;
}
button.designer-btn.transparent.blue:hover {
  background-color: #0098ca;
  color: #fff;
}
button.designer-btn.transparent.white {
  border: 1px solid #fff;
  color: #fff;
}
button.designer-btn.transparent.white:hover {
  background-color: #fff;
  color: #141414;
}
button.designer-btn.transparent.white.inverted {
  background-color: #fff;
  color: #141414;
}
button.designer-btn.transparent.white.inverted:hover {
  background-color: transparent;
  color: #fff;
}
button.designer-btn.rounded {
  border-radius: 100px;
}
button.designer-btn.small {
  font-size: 11px;
  padding: 5px 15px;
}
button.designer-btn.large {
  font-size: 16px;
  padding: 15px 40px;
}
button.designer-btn.fullwidth {
  width: 100%;
  text-align: center;
}
button.designer-btn:disabled {
  cursor: not-allowed !important;
  background-color: #ededed !important;
  color: #c4c4c4 !important;
  border: 1px solid #c4c4c4 !important;
}
.dropzone {
  border: 2px dashed #ccc;
  border-radius: 5px;
  background: transparent;
}
.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}
.dropzone .dz-message {
  font-weight: 400;
  font-size: 16px;
  color: #0098ca;
}
.dropzone .dz-message .note {
  font-size: 0.8em;
  font-weight: 200;
  display: block;
  margin-top: 1.4rem;
}
.dropzone-one-file {
  text-align: center;
  padding: 0;
}
.dropzone-one-file .dz-message {
  margin: 60px 0;
}
.dropzone .dz-preview .dz-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin-top: -60px;
  /* Half the height */
  margin-left: -60px;
  /* Half the width */
}

.loader {
  background: url('/Content/images/Loaders/loader_16px.gif');
  background-repeat: no-repeat;
  height: 17px;
  /* width: 20px; */
  padding-left: 20px;
  /* margin-bottom: 5px; */
  /* display: block; */
  line-height: 17px;
}
.handle:hover {
  cursor: move;
}
a.disabled {
  color: #ccc;
}
a.disabled:hover {
  cursor: default !important;
  /*color: inherit !important;*/
}
.show {
  display: block;
}

#tiny-footer {
  padding: 70px 0 10px;
}

.dropzone {
  margin-bottom: 15px;
}
.bootstrap-switch-handle-on {
  box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.125) inset;
}
.bootstrap-switch-handle-off {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.125) inset;
}
.bootstrap-switch-label {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.form-tiny {
  max-width: 700px;
}
.button-in-form-header {
  margin: 22px 10px 0 !important;
}
.button-in-form-header .fa-2x {
  margin-top: -5px;
}
.input-info {
  position: absolute;
  right: -30px;
  top: 8px;
  cursor: pointer;
  z-index: 1;
}
.input-info:hover,
.input-info:focus {
  box-shadow: none !important;
}
.form-group > .input-info {
  right: -15px;
}
.form-group label {
  display: block;
}
.edit-product-form h4 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}
.edit-product-form i {
  font-size: 16px;
  margin-left: 5px;
}
.header-and-body-container {
  background: white;
}
.header-container {
  background: white;
  margin-bottom: -20px;
  /*height: 100px;*/
  height: auto;
}
.header-container .fa-bars {
  font-size: 28px;
  margin-right: 70px;
  position: relative;
  top: 43px;
  float: left;
}
.header-container.fixed-header {
  position: fixed;
  z-index: 123;
  width: 100%;
  top: 0;
  left: 0;
  height: 100px;
}
.sub-menu {
  margin-top: 20px;
}
.header-border-bottom {
  margin-bottom: -11px;
  width: 100%;
  min-width: 1596px;
  z-index: 1;
}
.authentication-navbar .divider {
  height: 20px;
  width: 1px;
  background-color: #d9d9d9;
  margin: 40px 15px;
}
.ul-green {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #7f7f7f;
  -moz-transition: color ease-in-out 0.4s;
  -o-transition: color ease-in-out 0.4s;
  -webkit-transition: color ease-in-out 0.4s;
  transition: color ease-in-out 0.4s;
  float: left;
  margin-top: 48px;
}
.ul-green li {
  float: left;
  margin-left: 35px;
  cursor: pointer;
}
.ul-green li:hover {
  color: #5fb233;
}
.header-and-body-container{background:#fff}.header-container{background:#fff;margin-bottom:-20px;height:auto}.header-container .fa-bars{font-size:28px;margin-right:70px;position:relative;top:43px;float:left}.header-container.fixed-header{position:fixed;z-index:123;width:100%;top:0;left:0;height:100px}.sub-menu{margin-top:20px}.header-border-bottom{margin-bottom:-11px;width:100%;min-width:1596px;z-index:1}.authentication-navbar .divider{height:20px;width:1px;background-color:#d9d9d9;margin:40px 15px}.ul-green{list-style:none;padding:0;margin:0;color:#7f7f7f;-moz-transition:color ease-in-out .4s;-o-transition:color ease-in-out .4s;-webkit-transition:color ease-in-out .4s;transition:color ease-in-out .4s;float:left;margin-top:48px}.ul-green li{float:left;margin-left:35px;cursor:pointer}.ul-green li:hover{color:#5fb233}
.under-construction {
  background-image: url('/Content/images/Misc/under-construction-3.png');
  background-size: 256px;
  height: 256px;
  width: 256px;
  margin: 70px auto 0;
}
a:hover {
  cursor: pointer;
}
.main-color {
  color: #0098ca;
}
html {
  overflow-y: scroll !important;
}
#body-content .padding-top {
  padding-top: 15px;
}
#body-content > .container {
  margin-top: 20px;
}
#body-content-background {
  width: 100%;
  background: #ededed;
  /*z-index: -1;*/
  padding-bottom: 30px;
}
#body-content-background-alt {
  width: 100%;
  /*z-index: -1;*/
}
input[type=checkbox],
input[type=radio] {
  display: inline-block;
}
.centered-container {
  max-width: 700px;
  display: block;
  margin: auto;
}
.page-summary {
  margin-top: 30px;
}
.header-bottom-divider {
  width: 100%;
  /*box-shadow: #ccc 0px 0px 20px;*/
}
/* MISC
----------------------------------------------------------*/
.inline-block {
  display: inline-block;
  width: auto;
}
.align-content-right {
  direction: rtl;
}
.align-content-right * {
  direction: ltr;
  display: inline-block;
  width: auto;
}
i:not(.fa-spin):not(.fa-pulse) {
  padding-right: 5px;
}
.clear {
  clear: both;
}
.error {
  color: Red;
}
.text-margin-left {
  margin-left: 15px;
}
/*#body-content form {
    padding: 20px 0px;
}*/
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-field,
.editor-field {
  margin: 1em 0 0 0;
  font-size: 16px;
}
.text-box {
  width: 30em;
}
.text-box.multi-line {
  height: 6.5em;
}
.tri-state {
  width: 6em;
}
#createItemForm .editor-label {
  width: 40%;
}
/* -------------------- FORMS -------------------------- */
.form-with-nested-columns [class*="col-"].form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-with-nested-columns .form-group [class*="col-"] .row [class*="col-"] {
  padding-left: .5%;
  padding-right: .5%;
}
.form-with-nested-columns .form-group [class*="col-"] .row {
  margin-left: -0.5%;
  margin-right: -0.5%;
}
.Homepage {
  margin-top: 130px;
}
.Homepage .container {
  margin-top: 0px;
}
.Homepage body {
  background: #333;
  color: #fff;
}
.Homepage .hiddenBox {
  display: none;
}
.Homepage h1 {
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  text-shadow: 0px 2px 0px #000000;
}
.Homepage .navbar-fixed-top {
  transition: all 0.5s;
}
.Homepage .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.Homepage .py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}
.Homepage .navbar-toggle {
  border: 1px solid #1f8cd2;
  right: 2vW;
  top: 2vW;
}
.Homepage .navbar-toggle .icon-bar {
  border: 2px solid #1f8cd2;
}
.Homepage .vimeo-homepage {
  color: #0098ca;
  background: #ededed;
  height: 350px;
}
.Homepage .login-signup-links {
  margin-top: 0;
}
.Homepage .link-login {
  margin-right: 0;
  background-color: #5bb346;
  color: white;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 11%;
  top: 0.5em;
  font-family: 'Lato';
}
.Homepage #btnRegisterSignUp,
.Homepage #btnRegisterSignIn {
  color: white;
}
.Homepage #btnRegisterSignUp:hover,
.Homepage #btnRegisterSignIn:hover,
.Homepage #btnRegisterSignUp:active,
.Homepage #btnRegisterSignIn:active,
.Homepage #btnRegisterSignUp:focus,
.Homepage #btnRegisterSignIn:focus {
  color: white;
}
.Homepage .carousel-controls .control {
  position: absolute;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 1;
}
.Homepage .prev {
  left: -2.25rem;
}
.Homepage .next {
  right: -2.25rem;
}
.Homepage .img-fluid {
  max-width: 100%;
  height: auto;
}
.Homepage h3 {
  text-align: center;
  font-size: 56px;
  color: #4c5356;
}
.Homepage h4 {
  font-size: 25px;
  color: #4c5356;
  padding-top: 40px;
  FONT-WEIGHT: 600;
  padding-bottom: 20px;
  text-align: center;
}
.Homepage h5 {
  font-size: 0.8em;
  font-weight: 200;
}
.Homepage h6 {
  font-size: 0.6em;
  font-weight: 200;
}
.Homepage p {
  color: #5f5f5f;
  font-size: 27px;
  position: relative;
  text-align: left;
}
.Homepage hr {
  background-image: url(/Content/docoladesign/docola/img/hompage/spacer.png);
  background-repeat: no-repeat;
  width: 72px;
  height: 8px;
  margin-top: -10px;
  border-radius: 26px;
  background: #3124df;
  background-position: center;
}
.Homepage .showPassword {
  cursor: pointer;
  font-size: 15px;
  right: 1rem;
  top: 30px;
  z-index: 13;
  height: 0;
  float: right;
}
.Homepage .nav {
  margin-top: 30px;
}
.Homepage .dropdown-menu a {
  display: block;
}
.Homepage .navbar p {
  color: #f4f4f4;
  margin-left: 5%;
  font-size: 16px;
}
.Homepage .navbar-brand {
  padding: 0;
}
.Homepage .navbar-brand p {
  color: #000;
  margin-left: 0;
  font-size: 14px;
}
.Homepage .nav .nav-item {
  margin: 0 5px;
}
.Homepage .nav .nav-item h4 {
  color: #333333;
  font-size: 18px;
  padding: 0;
}
.Homepage .nav .nav-item .nav-link {
  color: #298dcc;
  font-size: 25px;
  position: relative;
  text-transform: capitalize;
  font-weight: 500;
}
.Homepage .nav .nav-item .link {
  color: #5fb233;
  font-weight: 600;
}
.Homepage .fixed .navbar-brand {
  padding: 0 15px;
}
.Homepage .nav-link {
  display: block;
  padding: .5rem 0.5rem;
}
.Homepage .nav .nav-item .nav-link:hover {
  color: #5fb233;
}
.Homepage .nav > li > a:hover {
  text-decoration: none;
  background-color: #fff !important;
}
.Homepage .navbar .nav .active .nav-link {
  color: #2fd646;
}
.Homepage .nav .nav-item .nav-link:after {
  position: absolute;
  bottom: 12px;
  left: 7px;
  width: 36%;
  height: 4px;
  background-color: #2fd646;
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transform: translateY(20px);
}
.Homepage .nav .active .nav-link:after {
  position: absolute;
  bottom: 12px;
  left: 7px;
  width: 36%;
  height: 4px;
  background-color: #2fd646;
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transform: translateY(20px);
}
.Homepage .nav .nav-item .nav-link:hover:after {
  opacity: 1;
  transform: translateY(15px);
}
.Homepage #Contact {
  padding-top: 50px;
  background-color: #f7f7f7;
  padding-bottom: 100px;
}
.Homepage #Regulation {
  padding: 50px;
  background-color: #ededed;
}
.Homepage .logofooter {
  text-align: start;
}
.Homepage .back-to-top {
  position: fixed;
  bottom: 25px;
  padding: 10px 15px;
  right: 25px;
  display: none;
  z-index: 401;
  border: 0.5px #371aa6 solid;
  background-color: #fff;
}
.Homepage .navbar {
  position: relative;
  min-height: 100px;
}
.Homepage .fixed {
  position: fixed;
  background-color: #fff;
  padding: .5rem 0 !important;
  transition: all 0.5s;
}
.Homepage .btn-primary {
  color: #fff;
  background-color: #2fd646;
  border-color: #00b619;
}
.Homepage .btn-primary.disabled,
.Homepage .btn-primary:disabled {
  color: #fff;
  background-color: #2a3fe4;
  border-color: #007bff;
}
.Homepage .btn.disabled,
.Homepage .btn:disabled {
  opacity: 1;
}
.Homepage .navbar-nav > li > .dropdown-menu {
  width: 100%;
  border: none;
  padding-left: 10px;
  font-size: 14px;
}
.secondSection ul {
  list-style: none;
}
.secondSection ul li::before {
  content: "•";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.secondSection .create {
  display: inline-block;
  vertical-align: top;
}
.secondSection .create h3 {
  color: darkviolet;
}
.secondSection .create .pointerRounded {
  background-color: darkviolet;
}
.secondSection .create ul li::before {
  color: darkviolet;
}
.secondSection .prescribe {
  display: inline-block;
  top: -5rem;
  text-align: left;
}
.secondSection .prescribe h3 {
  color: green;
}
.secondSection .prescribe .pointerRounded {
  background-color: green;
}
.secondSection .prescribe ul li::before {
  color: green;
}
.secondSection .measure {
  text-align: center;
  height: 200px;
}
.secondSection .measure h3 {
  color: blue;
}
.secondSection .measure .ulMeasureList {
  display: inline-block;
  text-align: left;
}
.secondSection .measure .pointerRounded {
  background-color: blue;
}
.secondSection .measure ul li::before {
  color: blue;
}
.secondSection #circulo {
  display: inline-block;
}
.secondSection #circulo div {
  height: 250px;
  width: 250px;
  background: #efefef;
  border: 8px solid #9c9c9c;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.secondSection #circulo ul {
  list-style: none;
  position: initial;
}
.secondSection #circulo ul li {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  line-height: 1.5em;
  font-size: 1.3em;
  display: block;
  border-radius: 50%;
}
.secondSection #circulo ul li:before {
  content: "";
}
.secondSection #circulo ul li:first-child {
  background-color: rebeccapurple;
  top: 10%;
  left: 0;
  margin-left: 0.5em;
}
.secondSection #circulo ul li:nth-child(2) {
  top: 30%;
  right: 0;
  margin-right: -0.75em;
  background-color: green;
}
.secondSection #circulo ul li:nth-child(3) {
  left: 50%;
  bottom: -1em;
  background-color: blue;
}
.secondSection .pointerRounded {
  display: none;
}
#gettingStarted .blockDescription div {
  background-color: #e6f8fe;
  padding: 40px 50px;
  text-align: center;
  margin-bottom: 20px;
}
#gettingStarted .blockDescription div img {
  margin: 10px 0;
}
#gettingStarted .blockDescription div p {
  font-family: 'Lato';
  font-size: 18px;
  color: #315482;
}
#gettingStarted .blockDescription div h3 {
  font-family: 'Lato';
  font-size: 30px;
  color: #315482;
}
#gettingStarted #patientsHomepageCard {
  margin-top: 20px;
}
#gettingStarted #cliniciansHomepageCard {
  margin-top: 20px;
}
#gettingStarted .homepageCardsRow {
  margin-left: 30px;
  background-color: #298dcc;
}
#gettingStarted .homepageCardsLearnMore {
  background-color: #298dcc;
  color: #ededed;
  border-radius: 15px;
  width: 150px;
}
.loginHeaderLink {
  font-family: 'Lato';
}
#whatWeDoSection p {
  font-size: 18px;
  color: #315482;
  font-family: 'Lato';
}
#whatWeDoSection .whatWeDoSectionTexts {
  margin-bottom: 30px;
}
#whatWeDoSection .whatWeDoSectionSubtitle {
  font-size: 20px;
  margin-bottom: 0px;
}
#footerCopyrightYear {
  color: #939393;
  float: left;
  margin-left: 60px;
  margin-bottom: 10px;
}
#footerCopyrightDocola {
  color: white;
}
#divDemonstrationHowDocolaWorks {
  border-top: 2px solid #9caec3;
  border-bottom: 2px solid #bdc9d7;
  width: 100%;
  background-color: #b8def6;
  padding: 30px 0 0 0;
  margin-bottom: 10px;
}
#divDemonstrationHowDocolaWorks p {
  color: #315482;
  font-family: 'Lato';
  font-size: 24px;
  margin-top: 10px;
}
#divDemonstrationHowDocolaWorks button {
  background-color: #315482;
  color: #ededed;
  font-size: 24px;
  width: 225px;
}
#followUsFooter {
  font-size: 18px;
  float: left;
}
footer .social {
  padding-top: 25px;
}
.social-links {
  float: left !important;
}
.lp #footer .container {
  background-color: #315482 !important;
}
.lp #footer {
  background-color: white;
}
.homePageSeparator {
  border-bottom: 4px #298dcc dotted !important;
  background-color: white !important;
  width: 100% !important;
  border-radius: inherit !important;
  border-top: none !important;
}
#footerContainer {
  bottom: -50px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.left-links {
  margin-left: 60px;
}
.lp #footerContainer nav ul:first-of-type {
  border-right: none;
}
.lp #footerContainer nav ul li a,
.lp footer nav ul li a {
  color: white;
}
.social-link {
  font-size: 36px !important;
  margin-right: 30px !important;
}
#body-content-background {
  background-color: #EDEDED;
}
.Homepage {
  padding-right: 0px;
  padding-left: 0px;
  background-color: white;
}
.homePageSubtitles {
  font-family: 'Lato';
  line-height: 40pt;
  font-size: 30px;
  margin-left: 30px;
  color: #315482;
}
.homePageTexts {
  font-family: 'Lato';
  font-size: 22px !important;
  color: black !important;
  line-height: 25pt;
  padding-left: 30px;
}
.homePageClinicianListItems {
  font-family: 'Lato';
  font-size: 18px;
  color: #315482;
}
#providingDigitalReadMore {
  display: inline-block;
  border-bottom: 1px solid #315482;
  padding-bottom: 2px;
  padding-left: 0px;
  margin-left: 30px;
  width: 58px;
}
#clinicianCheckup {
  margin-top: 20px;
}
.login-signup {
  float: right;
  left: 20px;
  bottom: 35px;
}
.register-signup {
  float: right;
  left: 20px;
  bottom: 35px;
}
.navbar-nav {
  bottom: 50px;
}
.howItWorksVideoButton {
  width: 100%;
}
.howItWorksGetStarted {
  background-color: #20cee8;
  color: white;
  font-size: 30px;
  width: 300px;
}
@media (max-width: 1600px) {
  .Homepage #services3 .whoweare {
    padding-top: 10px;
  }
  .Homepage #services3 p {
    padding: 0 6%;
    top: -30px;
  }
  .Homepage #services3 .digital {
    padding-top: 18px;
  }
  .Homepage #services3 h4 {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .loginHeaderLink {
    border-bottom: 1px solid #36383F;
  }
  .Homepage .navbar-brand {
    display: inline-block !important;
    float: right !important;
  }
  .Homepage .container {
    margin-top: 0px !important;
  }
  nav[role="navigation"] ul.authentication-navbar {
    margin: 15px 0 -15px;
  }
  nav[role="navigation"] ul.authentication-navbar li a {
    line-height: 30px;
    padding: 0 10px;
  }
  nav[role="navigation"] .profile .submenu ul {
    width: 100%;
  }
  nav[role="navigation"] .profile .submenu ul li {
    display: block;
    width: 100%;
  }
  .menu-H {
    display: block;
    position: absolute;
    left: 20%;
    right: 20%;
    font-weight: 600;
    top: 2%;
    font-size: 30px;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div {
    background-color: #f5f6fa;
    color: #333;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div a {
    color: #333;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div span {
    background-color: transparent !important;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div .selected-role {
    background-color: #e9e9e9;
    font-weight: 700;
    color: #337ab7;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div.roles-sub-menu {
    background-color: #e9e9e9;
    color: white;
    font-weight: bold;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div.roles-sub-menu:hover {
    background-color: #e9e9e9;
  }
  #top-bar a.active {
    background-color: transparent;
  }
  #menuToggle2 {
    display: block;
    flex-direction: column;
    position: relative;
    top: -40px;
    left: 25px;
    z-index: 1040;
    width: 20%;
    -webkit-user-select: none;
    user-select: none;
  }
  #menuToggle2 li span {
    width: 300px;
    position: absolute;
    padding: 13px 11px;
    background-color: transparent;
    color: #333;
    font-size: 20px;
  }
  #menuToggle2 li a {
    text-align: left;
    position: absolute;
    left: 0;
    width: 100%;
  }
  #menuToggle2 span {
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  #menuToggle2 span:first-child {
    transform-origin: 0% 0%;
  }
  #menuToggle2 span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  #menuToggle2 input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  #menuToggle2 input:checked ~ span {
    display: none !important;
  }
  #menuToggle2 input:checked ~ span:nth-last-child(3) {
    display: none !important;
  }
  #menuToggle2 input:checked ~ span:nth-last-child(2) {
    display: none !important;
  }
  #menuToggle2 input:checked ~ ul {
    transform: none;
  }
  #menuToggle2 .hxs {
    display: block !important;
    background: green !important;
  }
  #menuToggle2 ul li i {
    font-size: 25px;
    padding-top: 15px;
    margin-right: 13px;
  }
  nav[role="navigation"].top-menu li svg {
    width: 30px;
    height: 30px;
    margin-top: 8px;
  }
  #menuH {
    padding: 0;
    list-style-type: none;
    overflow-y: scroll;
    height: 900px;
    box-shadow: 0 0 10px #85888C;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    position: fixed;
    top: 0;
    left: 0;
  }
  #menuH li {
    padding: 10px 0;
    transition-delay: 2s;
    display: block;
  }
  nav[role="navigation"].top-menu li svg {
    width: 30px;
    height: 30px;
  }
  body #top-bar .MenuMenu2 nav ul li {
    display: block;
  }
  #top-bar #menuToggle2 #menuH li {
    display: block;
    height: 60px;
    border-bottom: 1px solid #333333;
    padding: 0;
    width: 90%;
    float: left;
    left: 20px;
    line-height: 30px;
  }
  #top-bar #menuToggle2 #menuH li a.active svg {
    fill: #337ab7;
  }
  #top-bar #menuToggle2 #menuH li a.active i {
    color: #337ab7;
  }
  #top-bar #menuToggle2 #menuH li a.active span {
    color: #337ab7;
    font-weight: 800;
  }
}
@media (max-width: 1200px) {
  #bs-example-navbar-collapse-1 {
    bottom: 100px;
  }
  .loginHeaderLink:focus {
    background: #189a00;
  }
  .loginHeaderLink:focus a {
    color: white;
  }
  #menuH li {
    padding: 10px 0;
    transition-delay: 0.2s !important;
    display: block;
  }
  nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr > div {
    background-color: #f5f6fa;
    color: #333;
  }
  nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr > div a {
    color: #333;
  }
  nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr > div span {
    background-color: transparent !important;
  }
  nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr > div .selected-role {
    background-color: #e9e9e9;
    font-weight: 700;
    color: #337ab7;
  }
  nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr > div.roles-sub-menu {
    background-color: #e9e9e9;
    color: white;
    font-weight: bold;
  }
  nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr > div.roles-sub-menu:hover {
    background-color: #e9e9e9;
  }
  .roles-dinamic-dr > div {
    background-color: #189a00;
    color: white;
    height: 60px;
  }
  .roles-dinamic-dr > div.selected-role {
    background-color: #30b318;
    cursor: not-allowed;
  }
  .roles-dinamic-dr > div.selected-role > a {
    pointer-events: none;
    cursor: not-allowed;
  }
  .roles-dinamic-dr > div > span {
    height: 100%;
    padding-top: 3px;
    background-color: #E9E9E9 !important;
    color: #B3B3B3;
  }
  .roles-dinamic-dr > div > a {
    padding: 6px 0 4px 49px;
    color: white;
    text-transform: capitalize;
  }
  .roles-dinamic-dr > div:not(.selected-role):hover {
    background-color: #169000;
  }
  .roles-dinamic-dr > div.roles-sub-menu {
    background-color: #189a00;
    color: white;
    font-weight: bold;
  }
  .roles-dinamic-dr > div.roles-sub-menu:hover {
    background-color: #169000;
  }
  .loginHeaderLink {
    font-size: 24px;
  }
  #menuToggle2 .loginHeaderLink a {
    position: relative;
  }
  #menuToggle2 #checkMenu input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
  }
  #menuToggle2 #checkMenu input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  #menuToggle2 #checkMenu input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }
  #menuToggle2 input:checked ~ #menuH {
    transform: none !important;
  }
  #btnSignIn {
    right: 15px;
    z-index: 1 !important;
  }
  #btnSignUp {
    right: 20px;
    margin-left: 5px;
    z-index: 1 !important;
  }
  .resize-small-image {
    width: 185px;
    height: 49px;
    right: 15px;
  }
  .position-small-button {
    left: 15px;
    top: 20px;
  }
  .pull-small-left {
    float: left;
  }
  .pull-small-right {
    float: right;
  }
  .Homepage .container {
    margin-top: 20px;
  }
  .Homepage .nav {
    margin-right: 0;
  }
  .Homepage .login-container {
    width: 100%;
    z-index: 9999;
    position: fixed;
    background-color: white;
    display: block;
    padding: 50px 12vW;
    left: 0;
    top: 0;
    height: 100%;
    max-width: 100%;
    overflow-y: scroll;
  }
  .Homepage .navbar-header {
    float: none;
  }
  .Homepage .navbar-left {
    float: none !important;
  }
  .Homepage .navbar-right {
    float: right;
  }
  .Homepage .navbar-toggle {
    display: block;
    left: 15px;
    top: 20px;
  }
  .Homepage .login-signup {
    position: relative;
    top: -100px;
    right: 15px;
    margin-bottom: 10px;
  }
  .Homepage .register-signup {
    position: relative;
    top: -100px;
    right: 20px;
    margin-bottom: 10px;
  }
  .Homepage .nav-item {
    margin-top: 15px;
  }
  .Homepage .nav .nav-item .nav-link {
    font-size: 20px;
  }
  .Homepage .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    text-align: center;
  }
  .Homepage .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    background-color: white;
  }
  .Homepage .navbar-collapse.collapse {
    display: none !important;
  }
  .Homepage .navbar-nav {
    margin-top: 7.5px;
    top: 3px;
    background-color: white;
  }
  .Homepage .navbar-nav > li {
    background-color: white;
  }
  .Homepage .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .Homepage .collapse.in {
    display: inline !important;
    background-color: white;
    top: 4px;
    text-align: center;
  }
  .Homepage .navbar-brand {
    display: inline-block;
    float: left;
  }
  .Homepage .navbar-form.form-inline {
    display: inline-block;
    border-color: transparent;
    margin: 4px;
    padding: 5px;
  }
  .Homepage .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .Homepage .nav .nav-item .nav-link:after {
    display: none;
  }
  .Homepage #circulo {
    display: none;
  }
  .Homepage .measure {
    text-align: left;
  }
  .Homepage .secondSection div section {
    display: block;
    top: 0;
  }
  .Homepage .secondSection .measure br {
    display: none;
  }
  .Homepage .secondSection .pointerRounded {
    width: 20px;
    height: 20px;
    display: inline-flex;
    border-radius: 50%;
    left: -40px;
    top: -8px;
  }
}
@media (max-width: 890px) {
  .Homepage .slick-next,
  .Homepage .slick-prev {
    display: none !important;
  }
  .Homepage .imgCompliant {
    bottom: 2vW;
  }
  .Homepage .imgCompliant p {
    left: 0vW;
  }
  .Homepage .imgCompliant img {
    width: 11vW;
  }
  .Homepage .login-signup {
    position: relative;
    right: -15px;
    margin-bottom: 10px;
  }
  .Homepage .register-signup {
    position: relative;
    right: -15px;
    margin-bottom: 10px;
  }
  .Homepage .nav-item {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .Homepage #menuH {
    padding-top: 0px;
  }
  .Homepage .navbar-brand {
    float: right;
  }
  .Homepage .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .Homepage #whatWeDoSection p {
    margin-left: 20px;
  }
  .homepageClinicianList {
    margin-top: 20px;
  }
  .slick-arrow {
    width: 1rem;
    height: 1rem;
  }
  .login-signup {
    position: relative;
    top: -120px;
    right: -15px;
    margin-bottom: 10px;
  }
  .register-signup {
    position: relative;
    top: -120px;
    right: -15px;
    margin-bottom: 10px;
  }
  .nav-item {
    margin-top: 15px;
  }
  #gettingStarted .homepageCardsRow {
    margin-left: 0px;
  }
  #gettingStarted #patientsHomepageCard {
    margin-top: 0px;
  }
}
@media (max-width: 420px) {
  .Homepage .navbar-brand {
    padding: 0;
  }
}
doco-footer {
  position: relative;
  width: 100%;
  bottom: 0;
}
#bs-example-navbar-collapse-1 .active {
  font-weight: bold;
}
.slick-slide {
  margin: 0px 20px;
}
.logo-carousel {
  overflow: inherit;
}
.slick-slide img {
  width: 100%;
}
.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}
.slick-track::after {
  clear: both;
}
.slick-track {
  padding: 1rem 0;
}
.testimonialsSlider {
  text-align: center;
}
.just_text {
  font-family: 'Lato';
  color: #315482 !important;
  line-height: 25pt;
  padding-left: 70px !important;
  padding-right: 70px !important;
  text-align: left;
}
.just_text p {
  font-size: 18px !important;
  color: #315482 !important;
}
.just_text b {
  color: #315482 !important;
}
.sssprev {
  left: 0 !important;
}
.sssnext {
  right: 0 !important;
}
.under-construction{background-image:url('/Content/images/Misc/under-construction-3.png');background-size:256px;height:256px;width:256px;margin:70px auto 0}a:hover{cursor:pointer}.main-color{color:#0098ca}html{overflow-y:scroll !important}#body-content .padding-top{padding-top:15px}#body-content>.container{margin-top:20px}#body-content-background{width:100%;background:#ededed;padding-bottom:30px}#body-content-background-alt{width:100%}input[type=checkbox],input[type=radio]{display:inline-block}.centered-container{max-width:700px;display:block;margin:auto}.page-summary{margin-top:30px}.header-bottom-divider{width:100%}.inline-block{display:inline-block;width:auto}.align-content-right{direction:rtl}.align-content-right *{direction:ltr;display:inline-block;width:auto}i:not(.fa-spin):not(.fa-pulse){padding-right:5px}.clear{clear:both}.error{color:#f00}.text-margin-left{margin-left:15px}.display-field,.editor-field{margin:1em 0 0 0;font-size:16px}.text-box{width:30em}.text-box.multi-line{height:6.5em}.tri-state{width:6em}#createItemForm .editor-label{width:40%}.form-with-nested-columns [class*="col-"].form-group{margin-left:0;margin-right:0}.form-with-nested-columns .form-group [class*="col-"] .row [class*="col-"]{padding-left:.5%;padding-right:.5%}.form-with-nested-columns .form-group [class*="col-"] .row{margin-left:-.5%;margin-right:-.5%}.Homepage{margin-top:130px}.Homepage .container{margin-top:0}.Homepage body{background:#333;color:#fff}.Homepage .hiddenBox{display:none}.Homepage h1{color:#fff;font-size:2.25em;text-align:center;margin-top:1em;margin-bottom:2em;text-shadow:0 2px 0 #000}.Homepage .navbar-fixed-top{transition:all .5s}.Homepage .form-horizontal .form-group{margin-left:0;margin-right:0}.Homepage .py-5{padding-bottom:3rem !important;padding-top:3rem !important}.Homepage .navbar-toggle{border:1px solid #1f8cd2;right:2vW;top:2vW}.Homepage .navbar-toggle .icon-bar{border:2px solid #1f8cd2}.Homepage .vimeo-homepage{color:#0098ca;background:#ededed;height:350px}.Homepage .login-signup-links{margin-top:0}.Homepage .link-login{margin-right:0;background-color:#5bb346;color:#fff;display:inline-block;padding:5px 20px;border-radius:11%;top:.5em;font-family:'Lato'}.Homepage #btnRegisterSignUp,.Homepage #btnRegisterSignIn{color:#fff}.Homepage #btnRegisterSignUp:hover,.Homepage #btnRegisterSignIn:hover,.Homepage #btnRegisterSignUp:active,.Homepage #btnRegisterSignIn:active,.Homepage #btnRegisterSignUp:focus,.Homepage #btnRegisterSignIn:focus{color:#fff}.Homepage .carousel-controls .control{position:absolute;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;border:2px solid #fff;z-index:1}.Homepage .prev{left:-2.25rem}.Homepage .next{right:-2.25rem}.Homepage .img-fluid{max-width:100%;height:auto}.Homepage h3{text-align:center;font-size:56px;color:#4c5356}.Homepage h4{font-size:25px;color:#4c5356;padding-top:40px;FONT-WEIGHT:600;padding-bottom:20px;text-align:center}.Homepage h5{font-size:.8em;font-weight:200}.Homepage h6{font-size:.6em;font-weight:200}.Homepage p{color:#5f5f5f;font-size:27px;position:relative;text-align:left}.Homepage hr{background-image:url(/Content/docoladesign/docola/img/hompage/spacer.png);background-repeat:no-repeat;width:72px;height:8px;margin-top:-10px;border-radius:26px;background:#3124df;background-position:center}.Homepage .showPassword{cursor:pointer;font-size:15px;right:1rem;top:30px;z-index:13;height:0;float:right}.Homepage .nav{margin-top:30px}.Homepage .dropdown-menu a{display:block}.Homepage .navbar p{color:#f4f4f4;margin-left:5%;font-size:16px}.Homepage .navbar-brand{padding:0}.Homepage .navbar-brand p{color:#000;margin-left:0;font-size:14px}.Homepage .nav .nav-item{margin:0 5px}.Homepage .nav .nav-item h4{color:#333;font-size:18px;padding:0}.Homepage .nav .nav-item .nav-link{color:#298dcc;font-size:25px;position:relative;text-transform:capitalize;font-weight:500}.Homepage .nav .nav-item .link{color:#5fb233;font-weight:600}.Homepage .fixed .navbar-brand{padding:0 15px}.Homepage .nav-link{display:block;padding:.5rem .5rem}.Homepage .nav .nav-item .nav-link:hover{color:#5fb233}.Homepage .nav>li>a:hover{text-decoration:none;background-color:#fff !important}.Homepage .navbar .nav .active .nav-link{color:#2fd646}.Homepage .nav .nav-item .nav-link:after{position:absolute;bottom:12px;left:7px;width:36%;height:4px;background-color:#2fd646;content:"";opacity:0;transition:opacity .3s ease 0s,transform .3s ease 0s;transform:translateY(20px)}.Homepage .nav .active .nav-link:after{position:absolute;bottom:12px;left:7px;width:36%;height:4px;background-color:#2fd646;content:"";opacity:0;transition:opacity .3s ease 0s,transform .3s ease 0s;transform:translateY(20px)}.Homepage .nav .nav-item .nav-link:hover:after{opacity:1;transform:translateY(15px)}.Homepage #Contact{padding-top:50px;background-color:#f7f7f7;padding-bottom:100px}.Homepage #Regulation{padding:50px;background-color:#ededed}.Homepage .logofooter{text-align:start}.Homepage .back-to-top{position:fixed;bottom:25px;padding:10px 15px;right:25px;display:none;z-index:401;border:.5px #371aa6 solid;background-color:#fff}.Homepage .navbar{position:relative;min-height:100px}.Homepage .fixed{position:fixed;background-color:#fff;padding:.5rem 0 !important;transition:all .5s}.Homepage .btn-primary{color:#fff;background-color:#2fd646;border-color:#00b619}.Homepage .btn-primary.disabled,.Homepage .btn-primary:disabled{color:#fff;background-color:#2a3fe4;border-color:#007bff}.Homepage .btn.disabled,.Homepage .btn:disabled{opacity:1}.Homepage .navbar-nav>li>.dropdown-menu{width:100%;border:none;padding-left:10px;font-size:14px}.secondSection ul{list-style:none}.secondSection ul li::before{content:"•";display:inline-block;width:1em;margin-left:-1em}.secondSection .create{display:inline-block;vertical-align:top}.secondSection .create h3{color:#9400d3}.secondSection .create .pointerRounded{background-color:#9400d3}.secondSection .create ul li::before{color:#9400d3}.secondSection .prescribe{display:inline-block;top:-5rem;text-align:left}.secondSection .prescribe h3{color:#008000}.secondSection .prescribe .pointerRounded{background-color:#008000}.secondSection .prescribe ul li::before{color:#008000}.secondSection .measure{text-align:center;height:200px}.secondSection .measure h3{color:#00f}.secondSection .measure .ulMeasureList{display:inline-block;text-align:left}.secondSection .measure .pointerRounded{background-color:#00f}.secondSection .measure ul li::before{color:#00f}.secondSection #circulo{display:inline-block}.secondSection #circulo div{height:250px;width:250px;background:#efefef;border:8px solid #9c9c9c;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.secondSection #circulo ul{list-style:none;position:initial}.secondSection #circulo ul li{position:absolute;width:1.5em;height:1.5em;text-align:center;line-height:1.5em;font-size:1.3em;display:block;border-radius:50%}.secondSection #circulo ul li:before{content:""}.secondSection #circulo ul li:first-child{background-color:rebeccapurple;top:10%;left:0;margin-left:.5em}.secondSection #circulo ul li:nth-child(2){top:30%;right:0;margin-right:-.75em;background-color:#008000}.secondSection #circulo ul li:nth-child(3){left:50%;bottom:-1em;background-color:#00f}.secondSection .pointerRounded{display:none}#gettingStarted .blockDescription div{background-color:#e6f8fe;padding:40px 50px;text-align:center;margin-bottom:20px}#gettingStarted .blockDescription div img{margin:10px 0}#gettingStarted .blockDescription div p{font-family:'Lato';font-size:18px;color:#315482}#gettingStarted .blockDescription div h3{font-family:'Lato';font-size:30px;color:#315482}#gettingStarted #patientsHomepageCard{margin-top:20px}#gettingStarted #cliniciansHomepageCard{margin-top:20px}#gettingStarted .homepageCardsRow{margin-left:30px;background-color:#298dcc}#gettingStarted .homepageCardsLearnMore{background-color:#298dcc;color:#ededed;border-radius:15px;width:150px}.loginHeaderLink{font-family:'Lato'}#whatWeDoSection p{font-size:18px;color:#315482;font-family:'Lato'}#whatWeDoSection .whatWeDoSectionTexts{margin-bottom:30px}#whatWeDoSection .whatWeDoSectionSubtitle{font-size:20px;margin-bottom:0}#footerCopyrightYear{color:#939393;float:left;margin-left:60px;margin-bottom:10px}#footerCopyrightDocola{color:#fff}#divDemonstrationHowDocolaWorks{border-top:2px solid #9caec3;border-bottom:2px solid #bdc9d7;width:100%;background-color:#b8def6;padding:30px 0 0 0;margin-bottom:10px}#divDemonstrationHowDocolaWorks p{color:#315482;font-family:'Lato';font-size:24px;margin-top:10px}#divDemonstrationHowDocolaWorks button{background-color:#315482;color:#ededed;font-size:24px;width:225px}#followUsFooter{font-size:18px;float:left}footer .social{padding-top:25px}.social-links{float:left !important}.lp #footer .container{background-color:#315482 !important}.lp #footer{background-color:#fff}.homePageSeparator{border-bottom:4px #298dcc dotted !important;background-color:#fff !important;width:100% !important;border-radius:inherit !important;border-top:none !important}#footerContainer{bottom:-50px;padding-bottom:20px;padding-top:20px}.left-links{margin-left:60px}.lp #footerContainer nav ul:first-of-type{border-right:none}.lp #footerContainer nav ul li a,.lp footer nav ul li a{color:#fff}.social-link{font-size:36px !important;margin-right:30px !important}#body-content-background{background-color:#ededed}.Homepage{padding-right:0;padding-left:0;background-color:#fff}.homePageSubtitles{font-family:'Lato';line-height:40pt;font-size:30px;margin-left:30px;color:#315482}.homePageTexts{font-family:'Lato';font-size:22px !important;color:#000 !important;line-height:25pt;padding-left:30px}.homePageClinicianListItems{font-family:'Lato';font-size:18px;color:#315482}#providingDigitalReadMore{display:inline-block;border-bottom:1px solid #315482;padding-bottom:2px;padding-left:0;margin-left:30px;width:58px}#clinicianCheckup{margin-top:20px}.login-signup{float:right;left:20px;bottom:35px}.register-signup{float:right;left:20px;bottom:35px}.navbar-nav{bottom:50px}.howItWorksVideoButton{width:100%}.howItWorksGetStarted{background-color:#20cee8;color:#fff;font-size:30px;width:300px}@media(max-width:1600px){.Homepage #services3 .whoweare{padding-top:10px}.Homepage #services3 p{padding:0 6%;top:-30px}.Homepage #services3 .digital{padding-top:18px}.Homepage #services3 h4{padding-top:0}}@media(max-width:991px){.loginHeaderLink{border-bottom:1px solid #36383f}.Homepage .navbar-brand{display:inline-block !important;float:right !important}.Homepage .container{margin-top:0 !important}nav[role="navigation"] ul.authentication-navbar{margin:15px 0 -15px}nav[role="navigation"] ul.authentication-navbar li a{line-height:30px;padding:0 10px}nav[role="navigation"] .profile .submenu ul{width:100%}nav[role="navigation"] .profile .submenu ul li{display:block;width:100%}.menu-H{display:block;position:absolute;left:20%;right:20%;font-weight:600;top:2%;font-size:30px}nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr>div{background-color:#f5f6fa;color:#333}nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr>div a{color:#333}nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr>div span{background-color:transparent !important}nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr>div .selected-role{background-color:#e9e9e9;font-weight:700;color:#337ab7}nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr>div.roles-sub-menu{background-color:#e9e9e9;color:#fff;font-weight:bold}nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr>div.roles-sub-menu:hover{background-color:#e9e9e9}#top-bar a.active{background-color:transparent}#menuToggle2{display:block;flex-direction:column;position:relative;top:-40px;left:25px;z-index:1040;width:20%;-webkit-user-select:none;user-select:none}#menuToggle2 li span{width:300px;position:absolute;padding:13px 11px;background-color:transparent;color:#333;font-size:20px}#menuToggle2 li a{text-align:left;position:absolute;left:0;width:100%}#menuToggle2 span{width:29px;height:2px;margin-bottom:5px;position:relative;border-radius:3px;z-index:1;transform-origin:5px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle2 span:first-child{transform-origin:0% 0%}#menuToggle2 span:nth-last-child(2){transform-origin:0% 100%}#menuToggle2 input{display:flex;width:40px;height:32px;position:absolute;cursor:pointer;opacity:0;z-index:2}#menuToggle2 input:checked~span{display:none !important}#menuToggle2 input:checked~span:nth-last-child(3){display:none !important}#menuToggle2 input:checked~span:nth-last-child(2){display:none !important}#menuToggle2 input:checked~ul{transform:none}#menuToggle2 .hxs{display:block !important;background:#008000 !important}#menuToggle2 ul li i{font-size:25px;padding-top:15px;margin-right:13px}nav[role="navigation"].top-menu li svg{width:30px;height:30px;margin-top:8px}#menuH{padding:0;list-style-type:none;overflow-y:scroll;height:900px;box-shadow:0 0 10px #85888c;background-color:#f5f6fa;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1);position:fixed;top:0;left:0}#menuH li{padding:10px 0;transition-delay:2s;display:block}nav[role="navigation"].top-menu li svg{width:30px;height:30px}body #top-bar .MenuMenu2 nav ul li{display:block}#top-bar #menuToggle2 #menuH li{display:block;height:60px;border-bottom:1px solid #333;padding:0;width:90%;float:left;left:20px;line-height:30px}#top-bar #menuToggle2 #menuH li a.active svg{fill:#337ab7}#top-bar #menuToggle2 #menuH li a.active i{color:#337ab7}#top-bar #menuToggle2 #menuH li a.active span{color:#337ab7;font-weight:800}}@media(max-width:1200px){#bs-example-navbar-collapse-1{bottom:100px}.loginHeaderLink:focus{background:#189a00}.loginHeaderLink:focus a{color:#fff}#menuH li{padding:10px 0;transition-delay:.2s !important;display:block}nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr>div{background-color:#f5f6fa;color:#333}nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr>div a{color:#333}nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr>div span{background-color:transparent !important}nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr>div .selected-role{background-color:#e9e9e9;font-weight:700;color:#337ab7}nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr>div.roles-sub-menu{background-color:#e9e9e9;color:#fff;font-weight:bold}nav[role="navigation"] #menuToggle2 #menuH ul li .roles-dinamic-dr>div.roles-sub-menu:hover{background-color:#e9e9e9}.roles-dinamic-dr>div{background-color:#189a00;color:#fff;height:60px}.roles-dinamic-dr>div.selected-role{background-color:#30b318;cursor:not-allowed}.roles-dinamic-dr>div.selected-role>a{pointer-events:none;cursor:not-allowed}.roles-dinamic-dr>div>span{height:100%;padding-top:3px;background-color:#e9e9e9 !important;color:#b3b3b3}.roles-dinamic-dr>div>a{padding:6px 0 4px 49px;color:#fff;text-transform:capitalize}.roles-dinamic-dr>div:not(.selected-role):hover{background-color:#169000}.roles-dinamic-dr>div.roles-sub-menu{background-color:#189a00;color:#fff;font-weight:bold}.roles-dinamic-dr>div.roles-sub-menu:hover{background-color:#169000}.loginHeaderLink{font-size:24px}#menuToggle2 .loginHeaderLink a{position:relative}#menuToggle2 #checkMenu input:checked~span{opacity:1;transform:rotate(45deg) translate(-3px,-1px);background:#36383f}#menuToggle2 #checkMenu input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2,.2)}#menuToggle2 #checkMenu input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}#menuToggle2 input:checked~#menuH{transform:none !important}#btnSignIn{right:15px;z-index:1 !important}#btnSignUp{right:20px;margin-left:5px;z-index:1 !important}.resize-small-image{width:185px;height:49px;right:15px}.position-small-button{left:15px;top:20px}.pull-small-left{float:left}.pull-small-right{float:right}.Homepage .container{margin-top:20px}.Homepage .nav{margin-right:0}.Homepage .login-container{width:100%;z-index:9999;position:fixed;background-color:#fff;display:block;padding:50px 12vW;left:0;top:0;height:100%;max-width:100%;overflow-y:scroll}.Homepage .navbar-header{float:none}.Homepage .navbar-left{float:none !important}.Homepage .navbar-right{float:right}.Homepage .navbar-toggle{display:block;left:15px;top:20px}.Homepage .login-signup{position:relative;top:-100px;right:15px;margin-bottom:10px}.Homepage .register-signup{position:relative;top:-100px;right:20px;margin-bottom:10px}.Homepage .nav-item{margin-top:15px}.Homepage .nav .nav-item .nav-link{font-size:20px}.Homepage .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);text-align:center}.Homepage .navbar-fixed-top{top:0;border-width:0 0 1px;background-color:#fff}.Homepage .navbar-collapse.collapse{display:none !important}.Homepage .navbar-nav{margin-top:7.5px;top:3px;background-color:#fff}.Homepage .navbar-nav>li{background-color:#fff}.Homepage .navbar-nav>li>a{padding-top:10px;padding-bottom:10px}.Homepage .collapse.in{display:inline !important;background-color:#fff;top:4px;text-align:center}.Homepage .navbar-brand{display:inline-block;float:left}.Homepage .navbar-form.form-inline{display:inline-block;border-color:transparent;margin:4px;padding:5px}.Homepage .navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.Homepage .nav .nav-item .nav-link:after{display:none}.Homepage #circulo{display:none}.Homepage .measure{text-align:left}.Homepage .secondSection div section{display:block;top:0}.Homepage .secondSection .measure br{display:none}.Homepage .secondSection .pointerRounded{width:20px;height:20px;display:inline-flex;border-radius:50%;left:-40px;top:-8px}}@media(max-width:890px){.Homepage .slick-next,.Homepage .slick-prev{display:none !important}.Homepage .imgCompliant{bottom:2vW}.Homepage .imgCompliant p{left:0}.Homepage .imgCompliant img{width:11vW}.Homepage .login-signup{position:relative;right:-15px;margin-bottom:10px}.Homepage .register-signup{position:relative;right:-15px;margin-bottom:10px}.Homepage .nav-item{margin-top:15px}}@media(max-width:768px){.Homepage #menuH{padding-top:0}.Homepage .navbar-brand{float:right}.Homepage .navbar-nav>li>a{padding-top:5px;padding-bottom:5px}.Homepage #whatWeDoSection p{margin-left:20px}.homepageClinicianList{margin-top:20px}.slick-arrow{width:1rem;height:1rem}.login-signup{position:relative;top:-120px;right:-15px;margin-bottom:10px}.register-signup{position:relative;top:-120px;right:-15px;margin-bottom:10px}.nav-item{margin-top:15px}#gettingStarted .homepageCardsRow{margin-left:0}#gettingStarted #patientsHomepageCard{margin-top:0}}@media(max-width:420px){.Homepage .navbar-brand{padding:0}}doco-footer{position:relative;width:100%;bottom:0}#bs-example-navbar-collapse-1 .active{font-weight:bold}.slick-slide{margin:0 20px}.logo-carousel{overflow:inherit}.slick-slide img{width:100%}.slick-track::before,.slick-track::after{display:table;content:''}.slick-track::after{clear:both}.slick-track{padding:1rem 0}.testimonialsSlider{text-align:center}.just_text{font-family:'Lato';color:#315482 !important;line-height:25pt;padding-left:70px !important;padding-right:70px !important;text-align:left}.just_text p{font-size:18px !important;color:#315482 !important}.just_text b{color:#315482 !important}.sssprev{left:0 !important}.sssnext{right:0 !important}
ul.content-list .photo {
  width: 90%;
  height: 153px;
  overflow: hidden;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
ul.content-list .photo img {
  max-width: 100%;
  max-height: 100%;
}
ul.content-list.small .photo {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}
ul.content-list .interface-btn a i {
  background-color: transparent !important;
}
ul.content-list li h5 {
  color: #555555;
  font-size: 14px;
  margin-bottom: 10px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
  line-height: 26px;
}
ul.content-list .interface-btn a {
  float: left;
}
ul.content-list .DocolaFile {
  position: relative;
  left: -50px;
}
ul.content-list .DocolaFile .interface-btn {
  margin-left: -1px !important;
  margin-top: 0px !important;
}
ul.content-list li.checked .interface-btn .FileSelector {
  background-color: #4a950e;
}
ul.content-list li.checked .interface-btn .FileSelector .fa-check {
  color: #FFFFFF;
}
ul.content-list li.checked .interface-btn .fa-check:hover {
  color: #FFFFFF;
}
ul.content-list li.checked .shadow-image {
  display: block;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 80px inset;
}
.login-container .smaller-margin-bot {
  margin-bottom: 20px;
}
.login-container .no-margin-bot {
  margin-bottom: 0;
}
.login-container .nav-tabs > li.active > a,
.login-container .nav-tabs > li.active > a:hover,
.login-container .nav-tabs > li.active > a:focus {
  border: 1px solid white;
}
.login-container .nav-tabs > li:first-child {
  border-right: 1px solid #ddd;
}
.login-container .nav-tabs > li > a {
  font-weight: 600;
  font-size: 17px;
}
.blue-homepage-label {
  margin-left: 25px;
  color: #0098ca;
  cursor: pointer;
}
.blue-homepage-label:hover {
  color: #038dba;
}
.description-wrapper p {
  font-size: 21px;
  color: #9A9A9A;
  line-height: 2;
}
#login-box .signin .separator {
  margin: 5px auto 0;
  text-transform: none;
}
#login-box,
#register-box {
  position: absolute;
  top: 30px;
  right: -2px;
  background: #fff;
  width: 370px;
  padding: 20px 25px 25px 25px;
  z-index: 2;
  border: 1px solid #d3d3d3;
  display: none;
}
#login-box::before,
#register-box::before {
  position: absolute;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #d3d3d3;
  top: -7px;
}
.loginInRegister::before {
  display: none !important;
}
#register-box::before {
  right: 39px;
}
#login-box::before {
  right: 20px;
}
.submenu::before {
  left: 11px;
}
#login-box .header,
#register-box .header {
  border-bottom: 1px solid #d3d3d3;
}
#login-box .login-content {
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 20px;
}
#register-box section a {
  float: left;
  z-index: 10;
}
#login-submit,
#register-box section a {
  float: left;
  background-color: #1f8acf;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  margin: 10px 0px;
  font-size: 14px;
  letter-spacing: 1px;
  transition: background-color 0.5s ease-out;
}
#login-submit:hover {
  background: #141414;
}
#login-box .actions {
  margin-top: 15px;
}
#login-box .actions span {
  color: #808080;
  padding-right: 8px;
}
.remember-me {
  float: left;
  padding: 0 3px 0 0;
}
.register .fa-arrow-right {
  font-size: 20px;
  position: absolute;
  top: 4px;
  right: -31px;
  top: -3px;
}
#login-box .password,
#login-box .username {
  color: #808080;
  width: 100%;
}
#login-box input[type="text"],
#login-box input[type="password"] {
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  margin: 5px 0px 20px 0px;
  padding: 10px;
  background-color: #e9e9e9;
  color: black !important;
}
#login-box input[type="text"]:focus,
#login-box input[type="password"]:focus {
  background-color: #fff;
  color: black !important;
}
#socialLoginList .signin a.btn {
  margin: 10px 0 0 0;
}
#socialLoginList button.login-icon {
  padding: 0 30px;
  background: none;
}
#socialLoginList button.login-icon > i {
  display: block;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}
#socialLoginList button.login-icon.google > i {
  background: url('/Content//images/LoginIcons/Google_100px.png');
}
#socialLoginList button.login-icon.facebook > i {
  background: url('/Content//images/LoginIcons/facebook-icon_100px.png');
}
#socialLoginList button.login-icon.microsoft > i {
  background: url('/Content//images/LoginIcons/Microsoft_100px.png');
}
#socialLoginList button.login-icon.drchrono > i {
  background: url('https://www.drchrono.com/site_media/cb-9598d9f7/images/favicon.png');
}
#loginForm {
  padding: 20px 0px 0px;
}
#loginForm .checkbox label {
  padding-left: 0;
}
#loginForm i.fa {
  min-width: 20px;
}
#loginModal .modal-content {
  max-width: 570px;
}
#roleList button {
  min-width: 140px;
}
.special-loginpadding {
  padding: 10px 15px 0 0;
}
.backgroundImg-login .container {
  padding-top: 102px;
}
.logosContainer {
  width: 180px;
  height: 50px;
}
.affiliations-section .container > .row {
  text-align: center;
}
.affiliations-section .partners > .row {
  margin-top: 60px;
  margin-bottom: 87px;
}
.affiliations-section .partners > .row > div {
  margin-bottom: 20px;
  text-align: center;
}
#cli1 {
  background-color: #F4F4F4;
}
.go-up {
  height: 40px;
  width: 40px;
  background: #9A9A9A;
  position: absolute;
  bottom: -20px;
  right: 14%;
  z-index: 101;
  cursor: pointer;
  border-radius: 3px;
}
.go-up:hover {
  background: #7D7D7D;
}
.go-up:hover .fa-long-arrow-up {
  top: 8px;
}
.go-up .fa-long-arrow-up {
  color: #FFFFFF;
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 19px;
}
.howItWorks {
  color: #9A9A9A;
}
.howItWorks h1 {
  font-family: lato, serif;
  color: #0091c0;
  font-size: 57px;
  font-weight: normal;
  margin-top: 50px;
  text-align: center;
}
.howItWorks p {
  padding-top: 6px;
  font-size: 18px;
  margin: 0;
}
.howItWorks a.blue-shadow {
  margin: 10px 0;
  width: auto;
}
.howItWorks > .row {
  padding-top: 5px;
  padding-bottom: 5px;
}
.howItWorks > .row p {
  text-align: left;
}
.howItWorks > .row img {
  float: left;
  width: 100%;
}
section#profile-video {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}
#profile-video .background {
  height: 900px;
  width: 100%;
  display: none;
}
#profile-video .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
}
#profile-video .videowrapper .overlay {
  background: rgba(0, 0, 0, 0.4);
}
#profile-video .videowrapper.next .overlay {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out !important;
}
#profile-video .videowrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.3s ease-in-out;
}
#profile-video video.video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
  position: absolute;
  left: 0px;
}
#profile-video .videowrapper.part-1 {
  z-index: 100;
}
#profile-video .videowrapper:not(.part-1) {
  left: 100%;
}
#profile-video .videowrapper.next {
  cursor: pointer;
  display: block;
  overflow: hidden;
}
#profile-video .video-text {
  padding-top: 300px;
  z-index: 2;
  color: #fff;
}
.nav-box-wrapper {
  padding-left: 0px;
}
#profile-video .nav-box {
  height: 135px;
  float: left;
  z-index: 200;
  width: 65%;
}
#profile-video .nav-box.content-provider {
  width: 85%;
}
.slide-down {
  font-weight: 600;
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
}
.slide-down .fa-angle-down {
  font-size: 25px;
  position: relative;
  top: 4px;
  font-weight: bold;
}
section#videos {
  background: #efefef;
  padding: 100px 0px;
  display: none;
}
#videos .video-wrapper {
  height: 320px;
  position: relative;
}
#videos .video {
  height: 220px;
  width: 350px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #c7c7c7;
}
#videos .video img {
  width: auto;
  height: 220px;
}
#videos .video-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: opacity 0.5s ease-out;
  opacity: 1.0;
}
#videos .video-wrapper:hover .overlay {
  opacity: 0;
}
#videos .video-wrapper .overlay-white {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.6);
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
#videos .video-wrapper:hover .overlay-white {
  opacity: 1.0;
}
#videos .video-wrapper .title {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 24px;
  margin: 15px 0px 5px 5px;
  transition: color 0.5s ease-out;
}
#videos .video-wrapper:hover .title {
  color: #5fb233;
}
#videos .video-wrapper .description {
  margin-left: 5px;
  color: #808080;
  font-size: 18px;
  width: 110%;
}
.login-signup-links {
  margin-top: 40px;
  float: right;
}
.login-signup-links .register-signup {
  padding-top: 8px;
}
.login-signup-links > div {
  float: right;
}
.link-login {
  margin-right: 45px;
}
.customCarousel .carousel-inner {
  height: 800px;
  max-height: 800px;
}
.customCarousel > div {
  max-height: 700px;
}
.customCarousel img {
  margin: auto;
  opacity: .8;
  width: 100% !important;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-animation: immortalkenburns 20000ms linear 0s infinite alternate;
  animation: immortalkenburns 20000ms linear 0s infinite alternate;
  overflow: hidden;
}
.customCarousel .large_tabs_carousel_caption {
  left: 10%;
  top: 10%;
  width: 30%;
  text-align: left;
  font-family: 'Raleway', sans-serif;
}
.customCarousel .large_tabs_carousel_caption h1 {
  color: #0072c5;
  background-color: rgba(255, 255, 255, 0.76);
  font-size: 50px;
  font-weight: 300;
  text-shadow: none;
  padding: 5px 15px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.customCarousel .large_tabs_carousel_caption.rightBlock {
  left: 65%;
  width: 25%;
}
@-webkit-keyframes immortalkenburns {
  0% {
    -webkit-transform: scale(1);
    -webkit-transition: -webkit-transform 20000ms linear 0s;
  }
  100% {
    -webkit-transform: scale(1.2);
    -webkit-transition: -webkit-transform 20000ms linear 0s;
  }
}
@-moz-keyframes immortalkenburns {
  0% {
    -moz-transform: scale(1);
    -moz-transition: -moz-transform 20000ms linear 0s;
  }
  100% {
    -moz-transform: scale(1.2);
    -moz-transition: -moz-transform 20000ms linear 0s;
  }
}
@-ms-keyframes immortalkenburns {
  0% {
    -ms-transform: scale(1);
    -ms-transition: -ms-transform 20000ms linear 0s;
  }
  100% {
    -ms-transform: scale(1.2);
    -ms-transition: -ms-transform 20000ms linear 0s;
  }
}
@-o-keyframes immortalkenburns {
  0% {
    -o-transform: scale(1);
    -o-transition: -o-transform 20000ms linear 0s;
  }
  100% {
    -o-transform: scale(1.2);
    -o-transition: -o-transform 20000ms linear 0s;
  }
}
@keyframes immortalkenburns {
  0% {
    transform: scale(1);
    transition: transform 20000ms linear 0s;
  }
  100% {
    transform: scale(1.2);
    transition: transform 20000ms linear 0s;
  }
}
.slider-notes {
  /*min-height: 172px;*/
}
.partners > div {
  margin-bottom: 69px;
  height: 85px;
}
.partners > div img {
  max-width: 100%;
  padding: 10px;
  box-shadow: 0 0 1px 2px #ff8282 !important;
}
.vimeo-homepage {
  height: 455px;
  color: #0098ca;
  background: #000000;
}
.vimeo-homepage h4 {
  color: #0098ca;
  font-weight: bold;
  padding-left: 15px;
  font-size: 20px;
  margin-top: 0;
  font-family: "Helvetica Neue", Helvetica, Arial !important;
  margin-bottom: 41px;
  padding-top: 14px;
  margin-bottom: 39px;
}
.login-container .smaller-margin-bot{margin-bottom:20px}.login-container .no-margin-bot{margin-bottom:0}.login-container .nav-tabs>li.active>a,.login-container .nav-tabs>li.active>a:hover,.login-container .nav-tabs>li.active>a:focus{border:1px solid #fff}.login-container .nav-tabs>li:first-child{border-right:1px solid #ddd}.login-container .nav-tabs>li>a{font-weight:600;font-size:17px}.blue-homepage-label{margin-left:25px;color:#0098ca;cursor:pointer}.blue-homepage-label:hover{color:#038dba}.description-wrapper p{font-size:21px;color:#9a9a9a;line-height:2}#login-box .signin .separator{margin:5px auto 0;text-transform:none}#login-box,#register-box{position:absolute;top:30px;right:-2px;background:#fff;width:370px;padding:20px 25px 25px 25px;z-index:2;border:1px solid #d3d3d3;display:none}#login-box::before,#register-box::before{position:absolute;content:"";border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #d3d3d3;top:-7px}.loginInRegister::before{display:none !important}#register-box::before{right:39px}#login-box::before{right:20px}.submenu::before{left:11px}#login-box .header,#register-box .header{border-bottom:1px solid #d3d3d3}#login-box .login-content{text-transform:uppercase;font-size:12px;padding-top:20px}#register-box section a{float:left;z-index:10}#login-submit,#register-box section a{float:left;background-color:#1f8acf;color:#fff;text-transform:uppercase;font-weight:700;width:100%;text-align:center;padding:10px 0;margin:10px 0;font-size:14px;letter-spacing:1px;transition:background-color .5s ease-out}#login-submit:hover{background:#141414}#login-box .actions{margin-top:15px}#login-box .actions span{color:#808080;padding-right:8px}.remember-me{float:left;padding:0 3px 0 0}.register .fa-arrow-right{font-size:20px;position:absolute;top:4px;right:-31px;top:-3px}#login-box .password,#login-box .username{color:#808080;width:100%}#login-box input[type="text"],#login-box input[type="password"]{border:1px solid #d3d3d3;border-radius:3px;display:inline-block;width:100%;margin:5px 0 20px 0;padding:10px;background-color:#e9e9e9;color:#000 !important}#login-box input[type="text"]:focus,#login-box input[type="password"]:focus{background-color:#fff;color:#000 !important}#socialLoginList .signin a.btn{margin:10px 0 0 0}#socialLoginList button.login-icon{padding:0 30px;background:none}#socialLoginList button.login-icon>i{display:block;width:100px;height:100px;margin-bottom:10px}#socialLoginList button.login-icon.google>i{background:url('/Content//images/LoginIcons/Google_100px.png')}#socialLoginList button.login-icon.facebook>i{background:url('/Content//images/LoginIcons/facebook-icon_100px.png')}#socialLoginList button.login-icon.microsoft>i{background:url('/Content//images/LoginIcons/Microsoft_100px.png')}#socialLoginList button.login-icon.drchrono>i{background:url('https://www.drchrono.com/site_media/cb-9598d9f7/images/favicon.png')}#loginForm{padding:20px 0 0}#loginForm .checkbox label{padding-left:0}#loginForm i.fa{min-width:20px}#loginModal .modal-content{max-width:570px}#roleList button{min-width:140px}.special-loginpadding{padding:10px 15px 0 0}.backgroundImg-login .container{padding-top:102px}.logosContainer{width:180px;height:50px}.affiliations-section .container>.row{text-align:center}.affiliations-section .partners>.row{margin-top:60px;margin-bottom:87px}.affiliations-section .partners>.row>div{margin-bottom:20px;text-align:center}#cli1{background-color:#f4f4f4}.go-up{height:40px;width:40px;background:#9a9a9a;position:absolute;bottom:-20px;right:14%;z-index:101;cursor:pointer;border-radius:3px}.go-up:hover{background:#7d7d7d}.go-up:hover .fa-long-arrow-up{top:8px}.go-up .fa-long-arrow-up{color:#fff;position:absolute;top:10px;left:15px;font-size:19px}.howItWorks{color:#9a9a9a}.howItWorks h1{font-family:lato,serif;color:#0091c0;font-size:57px;font-weight:normal;margin-top:50px;text-align:center}.howItWorks p{padding-top:6px;font-size:18px;margin:0}.howItWorks a.blue-shadow{margin:10px 0;width:auto}.howItWorks>.row{padding-top:5px;padding-bottom:5px}.howItWorks>.row p{text-align:left}.howItWorks>.row img{float:left;width:100%}section#profile-video{position:absolute;left:100%;top:0;width:100%}#profile-video .background{height:900px;width:100%;display:none}#profile-video .overlay{width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0}#profile-video .videowrapper .overlay{background:rgba(0,0,0,.4)}#profile-video .videowrapper.next .overlay{background-color:rgba(0,0,0,.8);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out !important}#profile-video .videowrapper{width:100%;height:100%;position:absolute;transition:.3s ease-in-out}#profile-video video.video{min-width:100%;min-height:100%;width:auto;height:auto;overflow:hidden;position:absolute;left:0}#profile-video .videowrapper.part-1{z-index:100}#profile-video .videowrapper:not(.part-1){left:100%}#profile-video .videowrapper.next{cursor:pointer;display:block;overflow:hidden}#profile-video .video-text{padding-top:300px;z-index:2;color:#fff}.nav-box-wrapper{padding-left:0}#profile-video .nav-box{height:135px;float:left;z-index:200;width:65%}#profile-video .nav-box.content-provider{width:85%}.slide-down{font-weight:600;cursor:pointer;font-size:12px;display:inline-block}.slide-down .fa-angle-down{font-size:25px;position:relative;top:4px;font-weight:bold}section#videos{background:#efefef;padding:100px 0;display:none}#videos .video-wrapper{height:320px;position:relative}#videos .video{height:220px;width:350px;max-width:100%;margin:0 auto;overflow:hidden;border:1px solid #c7c7c7}#videos .video img{width:auto;height:220px}#videos .video-wrapper .overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.4);height:100%;width:100%;z-index:1;transition:opacity .5s ease-out;opacity:1}#videos .video-wrapper:hover .overlay{opacity:0}#videos .video-wrapper .overlay-white{position:absolute;top:10px;left:10px;bottom:10px;right:10px;background:rgba(255,255,255,.6);z-index:2;opacity:0;transition:opacity .5s ease-out}#videos .video-wrapper:hover .overlay-white{opacity:1}#videos .video-wrapper .title{font-size:20px;font-weight:900;text-transform:uppercase;line-height:24px;margin:15px 0 5px 5px;transition:color .5s ease-out}#videos .video-wrapper:hover .title{color:#5fb233}#videos .video-wrapper .description{margin-left:5px;color:#808080;font-size:18px;width:110%}.login-signup-links{margin-top:40px;float:right}.login-signup-links .register-signup{padding-top:8px}.login-signup-links>div{float:right}.link-login{margin-right:45px}.customCarousel .carousel-inner{height:800px;max-height:800px}.customCarousel>div{max-height:700px}.customCarousel img{margin:auto;opacity:.8;width:100% !important;-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0;-webkit-animation:immortalkenburns 20000ms linear 0s infinite alternate;animation:immortalkenburns 20000ms linear 0s infinite alternate;overflow:hidden}.customCarousel .large_tabs_carousel_caption{left:10%;top:10%;width:30%;text-align:left;font-family:'Raleway',sans-serif}.customCarousel .large_tabs_carousel_caption h1{color:#0072c5;background-color:rgba(255,255,255,.76);font-size:50px;font-weight:300;text-shadow:none;padding:5px 15px;-webkit-animation-delay:1s;animation-delay:1s}.customCarousel .large_tabs_carousel_caption.rightBlock{left:65%;width:25%}@-webkit-keyframes immortalkenburns{0%{-webkit-transform:scale(1);-webkit-transition:-webkit-transform 20000ms linear 0s}100%{-webkit-transform:scale(1.2);-webkit-transition:-webkit-transform 20000ms linear 0s}}@-moz-keyframes immortalkenburns{0%{-moz-transform:scale(1);-moz-transition:-moz-transform 20000ms linear 0s}100%{-moz-transform:scale(1.2);-moz-transition:-moz-transform 20000ms linear 0s}}@-ms-keyframes immortalkenburns{0%{-ms-transform:scale(1);-ms-transition:-ms-transform 20000ms linear 0s}100%{-ms-transform:scale(1.2);-ms-transition:-ms-transform 20000ms linear 0s}}@-o-keyframes immortalkenburns{0%{-o-transform:scale(1);-o-transition:-o-transform 20000ms linear 0s;}100%{-o-transform:scale(1.2);-o-transition:-o-transform 20000ms linear 0s;}}@keyframes immortalkenburns{0%{transform:scale(1);transition:transform 20000ms linear 0s}100%{transform:scale(1.2);transition:transform 20000ms linear 0s}}.partners>div{margin-bottom:69px;height:85px}.partners>div img{max-width:100%;padding:10px;box-shadow:0 0 1px 2px #ff8282 !important}.vimeo-homepage{height:455px;color:#0098ca;background:#000}.vimeo-homepage h4{color:#0098ca;font-weight:bold;padding-left:15px;font-size:20px;margin-top:0;font-family:"Helvetica Neue",Helvetica,Arial !important;margin-bottom:41px;padding-top:14px;margin-bottom:39px}
.custom-popover-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.custom-popover {
  position: absolute;
  z-index: 14;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 40, 40, 0.5);
}
.custom-popover .vertical-align-container {
  width: 100%;
  height: 100%;
  display: table;
}
.custom-popover .vertical-align-container .vertical-align-middle {
  display: table-cell;
  vertical-align: middle;
}
.custom-popover.ng-hide.ng-hide-add-active,
.custom-popover.ng-hide.ng-hide-remove-active {
  display: block !important;
}
.custom-popover.ng-hide.ng-hide-add-active .modal-dialog,
.custom-popover.ng-hide.ng-hide-remove-active .modal-dialog {
  display: block !important;
}
.custom-popover.ng-hide-add {
  -moz-animation: 0.5s fadeOut ease;
  -o-animation: 0.5s fadeOut ease;
  -webkit-animation: 0.5s fadeOut ease;
  animation: 0.5s fadeOut ease;
}
.custom-popover.ng-hide-add .modal-dialog {
  -moz-animation: 0.5s zoomOut ease;
  -o-animation: 0.5s zoomOut ease;
  -webkit-animation: 0.5s zoomOut ease;
  animation: 0.5s zoomOut ease;
}
.custom-popover.ng-hide-remove {
  -moz-animation: 0.5s fadeIn ease;
  -o-animation: 0.5s fadeIn ease;
  -webkit-animation: 0.5s fadeIn ease;
  animation: 0.5s fadeIn ease;
}
.custom-popover.ng-hide-remove .modal-dialog {
  -moz-animation: 0.5s zoomIn ease;
  -o-animation: 0.5s zoomIn ease;
  -webkit-animation: 0.5s zoomIn ease;
  animation: 0.5s zoomIn ease;
}
/*@modal-border: 1px solid rgb(30, 30, 30);*/
.modal-dialog.inverted .modal-content {
  color: white;
  background-color: black;
  border: none;
  box-shadow: 0 0px 20px black;
  border-radius: 0px;
}
.modal-dialog.inverted .modal-header {
  border-bottom: none;
}
.modal-dialog.inverted .modal-header .modal-title i {
  color: #0098ca;
  vertical-align: -10%;
}
.modal-dialog.inverted .modal-header .close {
  opacity: 1;
  color: #515151;
  text-shadow: none;
}
.modal-dialog.inverted .modal-footer {
  border-top: none;
  text-align: center;
}
.modal-dialog.inverted .modal-footer button {
  min-width: 200px;
}
.custom-popover-container{position:absolute;top:0;left:0;right:0;display:block;bottom:0;width:100%;height:100%}.custom-popover{position:absolute;z-index:14;top:0;left:0;right:0;display:block;bottom:0;width:100%;height:100%;background-color:rgba(40,40,40,.5)}.custom-popover .vertical-align-container{width:100%;height:100%;display:table}.custom-popover .vertical-align-container .vertical-align-middle{display:table-cell;vertical-align:middle}.custom-popover.ng-hide.ng-hide-add-active,.custom-popover.ng-hide.ng-hide-remove-active{display:block !important}.custom-popover.ng-hide.ng-hide-add-active .modal-dialog,.custom-popover.ng-hide.ng-hide-remove-active .modal-dialog{display:block !important}.custom-popover.ng-hide-add{-moz-animation:.5s fadeOut ease;-o-animation:.5s fadeOut ease;-webkit-animation:.5s fadeOut ease;animation:.5s fadeOut ease}.custom-popover.ng-hide-add .modal-dialog{-moz-animation:.5s zoomOut ease;-o-animation:.5s zoomOut ease;-webkit-animation:.5s zoomOut ease;animation:.5s zoomOut ease}.custom-popover.ng-hide-remove{-moz-animation:.5s fadeIn ease;-o-animation:.5s fadeIn ease;-webkit-animation:.5s fadeIn ease;animation:.5s fadeIn ease}.custom-popover.ng-hide-remove .modal-dialog{-moz-animation:.5s zoomIn ease;-o-animation:.5s zoomIn ease;-webkit-animation:.5s zoomIn ease;animation:.5s zoomIn ease}.modal-dialog.inverted .modal-content{color:#fff;background-color:#000;border:none;box-shadow:0 0 20px black;border-radius:0}.modal-dialog.inverted .modal-header{border-bottom:none}.modal-dialog.inverted .modal-header .modal-title i{color:#0098ca;vertical-align:-10%}.modal-dialog.inverted .modal-header .close{opacity:1;color:#515151;text-shadow:none}.modal-dialog.inverted .modal-footer{border-top:none;text-align:center}.modal-dialog.inverted .modal-footer button{min-width:200px}
/*.pagination > li > a, .pagination > li > span {
    padding: 6px 22px;
}*/
.pagination > li > a,
.pagination > li > span {
  cursor: pointer;
}
.pagination > li > a,
.pagination > li > span {
  color: #A0A0A0;
  font-weight: bold;
  background-color: #F1F1F1;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  margin-right: 6px;
}
.pagination > li:first-child,
.pagination > li:last-child {
  display: none;
}
.pagination > li:nth-last-child(-n+2) > a,
.pagination > li:nth-last-child(-n+2) > span,
.pagination > li:nth-child(-n+2) > a,
.pagination > li:nth-child(-n+2) > span {
  border-color: #5f5f5f;
  color: #ededed;
  background-color: #000000;
}
.pagination > li:nth-last-child(-n+2) > a,
.pagination > li:nth-last-child(-n+2) > span {
  margin-right: 0px;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #000000;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border: 1px solid #60B234;
  background-color: #60B232;
  color: #FFFFFF;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  cursor: default;
  border-color: #5f5f5f;
  color: #FFFFFF;
  background-color: #000000;
}
.panel-heading-with-buttons > .container {
  /*padding-left: 30px;
        padding-right: 30px;*/
}
.panel-heading-with-buttons h1,
.panel-heading-with-buttons h2,
.panel-heading-with-buttons label,
.panel-heading-with-buttons a:not(.close) {
  line-height: 30px;
  padding-top: 2px;
}
.bootstrap-dialog-title {
  font-weight: bold;
}

div.rating-xs {
  font-size: 1em;
}
div.rating-disabled {
  cursor: default;
}
.rating-container .rating-stars {
  /*color: @main-color;*/
  color: #ffd800;
}

.sub-menu .input-group {
  padding: 10px 0;
}
.sub-menu .input-group{padding:10px 0}
.top-menu {
  max-height: 100px;
}
#top-bar {
  min-height: 80px;
  margin-left: -35px;
}
#top-menu-ul .profile .submenu ul li a,
#top-bar .profile .submenu ul li a {
  padding: 9px 11px 8px 49px;
}
#top-menu-ul .profile .submenu ul li:last-child a,
#top-bar .profile .submenu ul li:last-child a {
  padding: 9px 0;
}
#top-menu-ul a,
#top-bar a {
  padding: 6px 7px;
}
#top-menu-ul a.active,
#top-bar a.active {
  background-color: #0098ca;
  color: white;
  border-radius: 3px;
}
#top-menu-ul a.active:hover,
#top-bar a.active:hover,
#top-menu-ul a.active:active,
#top-bar a.active:active {
  color: white;
}
#top-menu-ul a.active svg,
#top-bar a.active svg {
  fill: #FFFFFF;
}
#top-menu-ul .dropdown:hover .dropdown-menu,
#top-bar .dropdown:hover .dropdown-menu {
  display: block;
}
#top-menu-ul .dropdown,
#top-bar .dropdown {
  width: 0;
  margin-right: -15px;
}
#top-menu-ul .dropdown .dropdown-menu,
#top-bar .dropdown .dropdown-menu {
  line-height: 30px !important;
  top: 73%;
  left: -53px;
}
#top-menu-ul .dropdown .dropdown-menu li,
#top-bar .dropdown .dropdown-menu li {
  display: block;
  padding: 5px 10px !important;
}
#top-menu-ul .dropdown .dropdown-menu li:hover a,
#top-bar .dropdown .dropdown-menu li:hover a {
  color: #0098ca !important;
  background-color: transparent !important;
}
#top-menu-ul .dropdown .dropdown-menu li:hover a svg,
#top-bar .dropdown .dropdown-menu li:hover a svg {
  fill: #0098ca !important;
}
#top-menu-ul .dropdown .dropdown-menu li a,
#top-bar .dropdown .dropdown-menu li a {
  padding: 0 !important;
  margin: 0 !important;
}
#top-menu-ul .dropdown .dropdown-menu li a svg,
#top-bar .dropdown .dropdown-menu li a svg {
  fill: #808080;
}
header .logo {
  margin-bottom: 30px;
  background-image: url("/Content/DocolaDesign/Docola/img/logo2021.png");
  width: 185px;
  height: 49px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 auto;
}
nav[role="navigation"] .profile .name {
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
  font-size: 12px;
  height: 40px;
  border-radius: 22px;
  line-height: 14px;
  padding-top: 7px;
}
nav[role="navigation"] .profile .submenu {
  background-color: #FFFFFF;
  position: absolute;
  left: 0px;
  top: 46px;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  width: 165px;
  z-index: 140;
}
nav[role="navigation"] .profile .submenu ul {
  background: white;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}
nav[role="navigation"] .profile .submenu ul li {
  padding: 0;
}
nav[role="navigation"] .profile .submenu ul li a {
  display: inline-block;
  width: 100%;
}
nav[role="navigation"] .profile .submenu ul li:last-child a {
  margin-left: 0px;
  padding-left: 11px;
}
nav[role="navigation"] .profile.hover .submenu,
nav[role="navigation"] .login-profile:hover .submenu {
  visibility: visible;
  opacity: 1;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  -webkit-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.notificationBell {
  position: absolute;
  left: -60px;
  bottom: 17px;
  z-index: 9;
}
.notificationBell i {
  font-size: 21px;
  color: #808080;
  cursor: pointer;
}
.notificationBell i span {
  font-size: 10px;
  position: absolute;
  top: -7px;
  left: 9px;
  height: 15px;
  line-height: 15px;
  width: 15px;
  background-color: #F72F01;
  color: #FFFFFF;
  text-align: center;
  border-radius: 100%;
}
.notificationBell i:hover {
  color: #585656;
}
.notificationBell i.fa-bolt {
  padding-right: 15px;
}
nav[role="navigation"] .profile {
  border: 1px solid #d4d4d4;
  border-radius: 100px;
  padding-left: 0;
  text-align: left;
  cursor: pointer;
}
nav[role="navigation"] .profile .name div:first-child {
  text-transform: capitalize;
  font-weight: bold;
}
nav[role="navigation"] .profile .name div:last-child {
  color: #808080;
}
nav[role="navigation"] .profile .name div:last-child:hover {
  color: #E4E4E4;
}
nav[role="navigation"] .profile.hover,
.pmgActive {
  background-color: #189a00;
  color: white;
}
nav[role="navigation"] .profile.hover .name div:last-child,
.pmgActive .name div:last-child {
  color: #E4E4E4 !important;
}
nav[role="navigation"] .profile .avatar {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
  overflow: visible;
}
nav[role="navigation"] .profile .avatar img {
  overflow: hidden;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
nav[role="navigation"] .profile .avatar .profile-pic {
  overflow: hidden;
  border-radius: 100px;
  min-width: 40px;
  min-height: 40px;
  /*border: 1px #5fb233 solid;*/
}
.notifications-panel .specialRow {
  margin: 10px 0 10px -15px;
  text-align: left;
  word-break: break-word;
}
.notifications-panel .icons {
  color: #5b616d;
  position: absolute;
  width: 30px;
  top: 0;
  right: -40px;
  cursor: pointer;
}
.notifications-panel .icons i:hover {
  color: #0098ca;
}
.notifications-panel .icons span {
  position: absolute;
}
.notifications-panel .icons .fa-trash-o {
  position: absolute;
  right: 0;
}
.notifications-panel .icons .fa-circle-thin {
  position: absolute;
  left: 0;
}
.notifications-panel .date {
  color: #999;
  font-size: 12px;
}
.notifications-panel .date .nice-borderbtm {
  border-bottom: 1px solid #D4D4D4;
}
.notifications-panel .notificationAvatar {
  width: 40px;
  height: 40px;
  margin: 0 10px;
  border-radius: 100%;
  float: left;
}
.avatar-2 {
  display: none;
}
nav[role="navigation"] .profile .submenu ul {
  padding: 0;
  width: 120%;
}
nav[role="navigation"] .profile .submenu ul li {
  display: block;
  width: 100%;
}
nav[role="navigation"] .profile .submenu ul li span {
  position: absolute;
  padding: 8px 11px;
  background-color: #E9E9E9;
  color: #B3B3B3;
  font-size: 16px;
  width: 40px;
  text-align: center;
  height: 100%;
}
nav[role="navigation"] .profile .submenu ul li:hover {
  background-color: #000000;
}
nav[role="navigation"] .profile .submenu ul li:hover span,
nav[role="navigation"] .profile .submenu ul li:hover a {
  color: #FFFFFF;
}
nav[role="navigation"] .profile .submenu ul li:hover span {
  background-color: #000000;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div {
  background-color: #189a00;
  color: white;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div.selected-role {
  background-color: #30b318;
  cursor: not-allowed;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div.selected-role > a {
  pointer-events: none;
  cursor: not-allowed;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div > span {
  height: 100%;
  padding-top: 3px;
  background-color: #E9E9E9 !important;
  color: #B3B3B3;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div > a {
  padding: 6px 0 4px 49px;
  color: white;
  text-transform: capitalize;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div:not(.selected-role):hover {
  background-color: #169000;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div.roles-sub-menu {
  background-color: #189a00;
  color: white;
  font-weight: bold;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div.roles-sub-menu:hover {
  background-color: #169000;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div .fa-sort-desc {
  top: -3px;
  right: -3px;
}
nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div .fa-sort-desc.fa-rotate-90 {
  top: 3px;
  right: -3px;
}
#menuP::before {
  position: absolute;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #d3d3d3;
  top: -7px;
  left: 12px;
}
nav[role="navigation"] .profile .submenu ul li:last-child {
  border-top: 1px solid #d4d4d4;
  text-align: center;
  text-transform: capitalize;
}
.practice-notification-panel {
  background: #404040;
  font-size: 14px;
  position: fixed;
  bottom: 0;
  left: 60px;
  padding: 0 15px;
  width: 250px;
  z-index: 400;
  border-radius: 3px 3px 0 0;
  color: white;
}
.practice-notification-panel .header {
  padding: 5px 0;
}
.practice-notification-panel .header label {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 80%;
  text-transform: capitalize;
  margin: 0;
}
.practice-notification-panel .header .fa {
  cursor: pointer;
  opacity: .6;
}
.practice-notification-panel .header .fa:hover {
  opacity: 1;
  -moz-transition: 0.33s ease-in-out;
  -o-transition: 0.33s ease-in-out;
  -webkit-transition: 0.33s ease-in-out;
  transition: 0.33s ease-in-out;
}
.practice-notification-panel .header .fa-sign-out {
  padding-top: 2px;
}
.practice-notification-panel .header .fa-minus-clicked {
  padding-top: 6px;
}
.practice-notification-panel .body {
  color: black;
  background: white;
  padding: 5px 0;
}
.practice-notification-panel .body img {
  overflow: hidden;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border: 1px solid #ccc;
}
.practice-notification-panel .body p {
  background-color: #cfd8dc;
  border-radius: 3px;
  margin: 5px 0;
  padding: 5px;
}
.practice-notification-panel .body div {
  margin-top: 5px;
}
.practice-notification-panel .body .body-link {
  color: #0098ca;
  font-weight: bold;
  opacity: 0.8;
  cursor: pointer;
}
.practice-notification-panel .body .body-link:hover {
  opacity: 1;
  -moz-transition: 0.33s ease-in-out;
  -o-transition: 0.33s ease-in-out;
  -webkit-transition: 0.33s ease-in-out;
  transition: 0.33s ease-in-out;
}
.profile .menu {
  font-size: 12px;
  height: 40px;
  line-height: 14px;
  padding-top: 7px;
}
#menuToggle2 ul li i {
  font-size: 19px;
}
#menuToggle2 .hxs {
  display: none;
}
.border-none {
  border: none;
}
.roles-dinamic-dr span .fa-users {
  top: 0;
  font-size: 24px;
  left: -5px;
}
#checkMenu2,
.faConfig,
.name2,
.menu-H {
  display: none;
}
body #top-bar nav ul .menu-li {
  display: none;
}
@media all and (min-width: 993px) and (max-width: 1230px) {
  nav[role="navigation"] .profile .submenu ul {
    padding: 0;
    width: 106%;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .sub-menu-dropdown button {
    padding: 6px 1px;
  }
}
@media (min-width: 768px) {
  nav[role="navigation"] ul.authentication-navbar li a {
    line-height: 100px;
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  nav[role="navigation"] ul.authentication-navbar {
    margin: 15px 0 -15px;
  }
  nav[role="navigation"] ul.authentication-navbar li a {
    line-height: 30px;
    padding: 0 10px;
  }
  #menuP::before {
    border: 0;
  }
  nav[role="navigation"] .profile .submenu ul {
    width: 100%;
  }
  nav[role="navigation"] .profile .submenu ul li {
    display: block;
    width: 100%;
  }
  .notificationBell {
    left: 0;
    right: 40%;
  }
  nav[role="navigation"] .profile {
    border: 0;
  }
  nav[role="navigation"] .profile #menuP .faConfig {
    display: block;
    font-size: 36px;
    top: 25px;
    position: absolute;
    left: 75px;
  }
  .menu-H {
    display: block;
    position: absolute;
    left: 20%;
    right: 20%;
    font-weight: 600;
    top: 2%;
    font-size: 30px;
  }
  .name2 {
    display: block;
    color: #5a7391;
    font-size: 30px;
    font-weight: 800;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 7px;
    text-transform: capitalize;
    text-align: center;
  }
  .name2 .role {
    padding-top: 10px;
    font-weight: 600;
  }
  .avatar-2 {
    width: 80%;
    display: block;
    z-index: 3;
    min-height: 150px;
    min-width: 150px;
    margin: 0 auto;
  }
  .avatar-2 .profile-pic {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 75px;
  }
  .name {
    display: none;
  }
  .Links {
    text-decoration: none;
    color: #1E1E23;
    opacity: 1;
    font-family: 'work sans', sans serif;
    font-size: 1.5em;
    font-weight: 400;
    transition: 200ms;
  }
  #top-bar .prueba {
    width: 100%;
    position: absolute;
    padding: 0 32%;
  }
  .Links:hover {
    opacity: 0.5;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div {
    background-color: #f5f6fa;
    color: #333;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div a {
    color: #333;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div span {
    background-color: transparent !important;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div .selected-role {
    background-color: #e9e9e9;
    font-weight: 700;
    color: #337ab7;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div.roles-sub-menu {
    background-color: #e9e9e9;
    color: white;
    font-weight: bold;
  }
  nav[role="navigation"] .profile .submenu ul li .roles-dinamic-dr > div.roles-sub-menu:hover {
    background-color: #e9e9e9;
  }
  nav[role="navigation"] .profile .submenu ul li:hover {
    background-color: #5fb233;
  }
  #top-bar a.active {
    background-color: transparent;
  }
  #menuToggle2 {
    display: block;
    flex-direction: column;
    position: relative;
    top: -40px;
    left: 25px;
    z-index: 1040;
    width: 20%;
    -webkit-user-select: none;
    user-select: none;
  }
  #menuToggle2 li span {
    width: 300px;
    position: absolute;
    padding: 13px 11px;
    background-color: transparent;
    color: #333;
    font-size: 20px;
  }
  #menuToggle2 li a {
    text-align: left;
    position: absolute;
    left: 0;
    width: 100%;
  }
  #menuToggle2 span {
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  #menuToggle2 span:first-child {
    transform-origin: 0% 0%;
  }
  #menuToggle2 span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  #menuToggle2 input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  #menuToggle2 input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
  }
  #menuToggle2 input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  #menuToggle2 input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }
  #menuToggle2 input:checked ~ ul {
    transform: none;
  }
  #menuToggle2 .hxs {
    display: block;
    background: green;
  }
  #menuToggle2 ul li i {
    font-size: 25px;
    padding-top: 15px;
    margin-right: 13px;
  }
  nav[role="navigation"].top-menu li svg {
    width: 30px;
    height: 30px;
    margin-top: 8px;
  }
  #menuH {
    padding: 0;
    list-style-type: none;
    overflow-y: scroll;
    height: 900px;
    box-shadow: 0 0 10px #85888C;
    padding-top: 125px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    position: fixed;
    top: 0;
    left: 0;
  }
  #menuH li {
    padding: 10px 0;
    transition-delay: 2s;
    display: block;
  }
  #menuToggle3 #checkMenu2 {
    z-index: 21;
  }
  #menuToggle3 .hxs {
    display: block;
    z-index: 20;
  }
  #menuToggle3 {
    top: 2px;
    display: block;
    flex-direction: column;
    position: relative;
    z-index: 9999;
    width: 20%;
    -webkit-user-select: none;
    user-select: none;
  }
  #menuToggle3 input {
    display: flex;
    width: 60px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
  }
  nav[role="navigation"].top-menu li svg {
    width: 30px;
    height: 30px;
  }
  #menuToggle3 span {
    opacity: 1;
    top: 15px;
    right: -10px;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  #menuToggle3 li {
    padding: 10px 0;
  }
  #menuToggle3 li span {
    position: absolute;
    padding: 13px 11px;
    background-color: transparent;
    color: #333;
    font-size: 28px;
    width: 40px;
    text-align: center;
    height: 100%;
    top: 0;
    right: auto;
  }
  nav[role="navigation"] .profile .submenu ul li a {
    font-size: 20px;
    padding-left: 56px;
  }
  nav[role="navigation"] .profile .avatar .profile-pic {
    min-width: 50px;
    min-height: 50px;
    border: 1px #5fb233 solid;
  }
  #menuToggle3 span:first-child {
    transform-origin: 0% 0%;
  }
  #menuToggle3 span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  #menuToggle3 input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
  }
  #menuToggle3 input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  #menuToggle3 input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }
  body #top-bar .MenuMenu2 nav ul li {
    display: block;
  }
  #menuP {
    padding: 0;
    overflow-y: scroll;
    list-style-type: none;
    border-bottom: 9px solid #5fb233;
    position: absolute;
    right: -85px;
    margin: -70px 0 0 -50px;
    padding: 50px 50px 0 50px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    top: 38px;
  }
  #menuP .faConfig {
    color: #333;
  }
  body #top-bar nav #menuP ul li {
    display: block;
    border-bottom: 1px solid #333333;
    padding-left: 0;
    width: 80%;
    margin: 0 auto;
  }
  body #top-bar nav #menuP ul li:last-child {
    margin-bottom: 20px;
  }
  #top-bar #menuToggle2 #menuH li {
    display: block;
    height: 60px;
    border-bottom: 1px solid #333333;
    padding: 0;
    width: 90%;
    float: left;
    left: 20px;
    line-height: 30px;
  }
  #top-bar #menuToggle2 #menuH li a.active svg {
    fill: #337ab7;
  }
  #top-bar #menuToggle2 #menuH li a.active i {
    color: #337ab7;
  }
  #top-bar #menuToggle2 #menuH li a.active span {
    color: #337ab7;
    font-weight: 800;
  }
  body #top-bar nav #menuP ul .ProfileLi {
    display: none;
  }
  #menuToggle3 input:checked ~ #menuP {
    transform: none;
  }
  nav[role="navigation"] .profile .submenu {
    visibility: visible;
  }
  nav[role="navigation"] .profile .submenu #menuP ul {
    background: #F5F6FA;
    border: 0px solid #F5F6FA;
    border-radius: 3px;
  }
  #login-box::before,
  .submenu::before,
  #register-box::before {
    display: none;
  }
  .roles-dinamic-dr span .fa-users {
    top: -15px;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  body #top-bar nav #menuP ul .menu-li {
    display: none;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #top-bar .logo {
    margin: -2px auto;
    width: auto;
    left: 10px;
  }
  nav[role="navigation"] .profile #menuP .faConfig {
    left: 57px;
  }
  body #top-bar nav #menuP ul li {
    width: 100%;
  }
  .notificationBell {
    left: 9px;
    position: fixed;
    z-index: 110;
    display: flex;
    width: 40px;
  }
  .notificationBell i.fa.fa-bell {
    font-size: 30px;
    color: #ededed;
    cursor: pointer;
    padding-right: 5px;
    z-index: 1;
    background-color: #049cff;
    border-radius: 37px;
    padding: 10px;
  }
  .notificationBell i:hover {
    color: #ededed;
  }
  .roles-dinamic-dr span .fa-users {
    top: -15px;
  }
  .notificationBell i span {
    font-size: 15px;
    position: absolute;
    top: -7px;
    left: 2px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    background-color: #F72F01;
    color: #FFFFFF;
    text-align: center;
    border-radius: 100%;
  }
  .notificationBell i.fa-bolt {
    display: none;
  }
  nav[role="navigation"].profile_subwrapper {
    width: 150px;
    padding: 0;
  }
  #menuToggle2 {
    left: 25px;
  }
  nav[role="navigation"] .profile .submenu {
    width: 145px;
  }
  nav[role="navigation"] .profile .submenu ul li {
    font-size: 12px;
    padding: 0;
  }
  nav[role="navigation"] .profile .submenu ul li span {
    display: inline-block;
    padding: 8px 4px;
    background-color: #E9E9E9;
    color: #B3B3B3;
    font-size: 16px;
    width: 32px;
    text-align: center;
  }
}
@media (max-width: 360px) {
  .notificationBell i.fa-bolt {
    padding-right: 7px;
  }
  .notificationBell {
    left: 20px;
  }
}
#divAssessmentMsg {
  margin: 15px auto;
}
.angular-field-validation-error {
  text-align: left;
}
.field-validation-error,
div[ng-message],
span[ng-message] {
  color: #ff3e00;
  margin-left: 8px;
  padding-top: 2px;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.field-validation-error:before,
div[ng-message]:before,
span[ng-message]:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 2px;
  left: -3px;
  content: "\f071";
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  border: 1px solid #ff3e00;
  /*background-color: #ffeeee;*/
}
.validation-summary-errors {
  font-weight: bold;
  color: #ff3e00;
}
.validation-summary-errors li {
  list-style-type: none;
}
.validation-summary-valid {
  display: none;
}
/* 100 - (19 x 5 items) = 4 */
.marketplace {
  top: 20px;
}
.marketplace-container {
  min-height: 600px;
}
.marketplace-container section {
  padding: 10px 0;
}
.marketplace-container section.elements header h2 {
  width: 26%;
}
.marketplace-container .search-results-header {
  text-align: right;
  width: 70%;
  display: inline-block;
}
.marketplace-container .search-results-header .sorting {
  float: right;
  margin-top: 22px;
  padding-top: 0;
}
.marketplace-container .search-results-header .sorting select {
  color: #0098ca;
  width: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.marketplace-container .search-results-header .sorting button {
  color: #0098ca;
}
.marketplace-container .search-results-header .pagination {
  padding-right: 15px;
  margin-top: 22px;
}
.marketplace-container .search-results-footer {
  margin-top: 20px;
  text-align: right;
  width: 60%;
  display: inline-block;
  float: right;
  margin-right: 4%;
}
.marketplace-container #searchResultsItems > li {
  opacity: 0.7;
  left: -4%;
}
.marketplace-container #searchResultsItems > li .rating-container .rating-stars {
  color: #ffd800;
}
.marketplace-container section.elements header {
  margin-bottom: 0;
}
#tooltipDiv {
  display: none;
  -webkit-transition: display 1s;
  -moz-transition: display 1s;
  -ms-transition: display 1s;
  -o-transition: display 1s;
  transition: display 1s;
  position: absolute;
  background-color: #141414;
  padding: 0 10px 10px 10px;
  z-index: 110;
  -webkit-transform: translate(-230px, -210px);
  -ms-transform: translate(-230px, -210px);
  transform: translate(-230px, -210px);
}
#tooltipDiv .arrowDown,
#tooltipDiv .arrowUp {
  display: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
  background-color: #141414;
  position: absolute;
  left: 48%;
}
#tooltipDiv .arrowDown {
  bottom: -8px;
}
#tooltipDiv .arrowUp {
  top: -8px;
}
#tooltipDiv .tooltip-img {
  height: 240px;
  width: 100%;
  margin-top: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#tooltipDiv .meta {
  padding-top: 15px;
  padding-bottom: 5px;
}
#tooltipDiv .links {
  text-align: right;
}
#tooltipDiv a {
  font-size: 11px;
  letter-spacing: 1px;
  margin: 0;
}
#tooltipDiv .title h2 {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
#tooltipDiv .price h3 {
  font-size: 48px;
  color: #fff;
  margin: 0;
}
#tooltipDiv .title h5 {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  color: #6d6d6d;
}
#tooltipDiv .title h6 {
  margin: 0;
  font-size: 12px;
  color: #aaa;
  line-height: 15px;
}
#tooltipDiv .buttonsAdd {
  /*padding-right: 30px;*/
  text-align: right;
}
#tooltipDiv .buttonsAdd .buttonAdd {
  display: inline-block;
}
#tooltipDiv .buttonPreview div {
  top: 50%;
  z-index: 1;
  text-align: center;
  width: 100%;
}
#tooltipDiv .buttonPreview div label {
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: black;
  background: white;
  padding: 3px 6px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #9a9a9a;
  cursor: pointer;
}
#tooltipDiv .buttonPreview div label i {
  font-size: 10px;
}
@media (min-width: 768px) {
  #tooltipDiv {
    width: 500px;
  }
}
@media (max-width: 768px) {
  #tooltipDiv .title {
    margin-top: 10px;
  }
  #tooltipDiv .buttonsAdd .buttonAdd {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  #tooltipDiv {
    width: 600px;
  }
}
@media all and (min-width: 481px) and (max-width: 767px) {
  #tooltipDiv {
    width: 400px;
  }
  #tooltipDiv a {
    margin-left: 2px;
    padding: 3px;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #tooltipDiv {
    width: 90%;
    position: fixed;
    right: 5% !important;
  }
  #tooltipDiv .arrow + div {
    height: 175px;
    width: 100%;
  }
  #tooltipDiv a {
    margin-left: 0;
    padding: 6px;
  }
}
.product .row.section2 {
  margin-top: 20px;
}
.product .special-a {
  padding: 10px 40px !important;
  display: inline-block;
  margin: 0;
}
.product .resource-image {
  margin-top: 10px;
  width: 100%;
  max-height: 345px;
  border: 4px solid #FFFFFF;
}
.product .avatar img {
  height: 100%;
}
.product .resource-menu a.btn {
  background-color: #BABABA;
  color: #5f5f5f;
  font-weight: bold;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: 1px solid;
  border-left-color: white;
  padding-right: 0;
  padding-left: 0;
}
.product .resource-menu a.btn.active {
  background-color: #fff;
}
.product .resource-menu a.btn:hover {
  background: #000000;
  color: #FFFFFF;
}
.product .resource-menu #overview:hover {
  background-color: #fff;
  color: #5f5f5f;
  cursor: initial;
}
.product .previewLabel > div {
  position: absolute;
  margin-top: 28%;
  z-index: 1;
  text-align: center;
  width: 100%;
}
.product .previewLabel > div label {
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: black;
  background: white;
  padding: 3px 6px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #9A9A9A;
}
.product .previewLabel:hover {
  cursor: pointer;
}
.product .previewLabel:hover > div label {
  background: #000000;
  color: #FFFFFF;
  cursor: pointer;
}
.product .user {
  padding-top: 10px;
}
.product .user .col-user-image {
  padding: 0px;
  padding-left: 11px;
}
.product .user .avatar {
  width: 75px;
  height: 75px;
  display: inline-block;
  float: left;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.product .user .name {
  display: inline-block;
  margin-top: 20px;
  margin-left: 10px;
  max-width: 65%;
  white-space: nowrap;
}
.product .user .name h1 {
  color: #3A3A3A;
  font-size: 25px;
  margin: 0;
  top: 0;
  right: auto;
}
.product .user .name .sub {
  color: #797979;
  font-size: 14px;
  text-transform: uppercase;
}
.product .user .view-work {
  border: 1px solid #000000;
  border-radius: 100px;
  padding-left: 0;
  cursor: pointer;
  text-align: center;
  line-height: 35px;
  font-size: 13px;
  font-weight: bold;
}
.product .user .col-user-view-work {
  padding-top: 17px;
  padding-right: 0px;
}
.product .product-row-information {
  margin-top: 10px;
}
.product .product-col-information {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: #CECECE;
  padding-top: 10px;
  height: 86px;
}
.product .product-col-information:last-child {
  border-right: none;
}
.product .product-col-information.count-users {
  padding-left: 25px;
}
.product .product-col-information.count-users span.number {
  color: #787878;
  font-size: 36px;
  font-weight: bold;
  display: inline-block;
  line-height: 40px;
  margin-right: 15px;
}
.product .product-col-information.count-users span.sub {
  color: #787878;
  font-size: 24px;
  display: inline-block;
  line-height: 10px;
}
.product .small-marginleft {
  float: left;
}
.product .product-col-information.published {
  padding-right: 15px;
  padding-left: 25px;
}
.product .product-col-information.published span.date {
  color: #787878;
  font-size: 24px;
  display: block;
  line-height: 20px;
}
.product .product-col-information.published span.title {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}
.product .product-col-information.licence {
  padding-left: 25px;
}
.product .product-col-information.licence span.title {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}
.product .product-col-information.licence div {
  line-height: 20px;
  font-weight: bold;
  margin-top: 3px;
}
.product .product-col-information.licence div span.fee {
  font-size: 25px;
  font-weight: 800;
}
.product .product-col-information.licence div span.simbol {
  vertical-align: top;
  font-size: 15px;
  line-height: 9px;
}
.product .product-row-rating > div {
  margin-top: 21px;
  color: #787878;
}
.product .product-row-rating > div label:first-child {
  font-size: 24px;
  float: left;
  padding-right: 5px;
}
.product .product-row-rating > div ul,
.product .product-row-rating > div label:last-child {
  top: 4px;
}
.product .product-row-rating .versionProduct {
  margin-top: 0px;
}
.product .product-row-buttons {
  margin-top: 30px;
}
.product .product-row-buttons a {
  background-color: #444444;
  line-height: 50px;
  color: #fff;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
  text-align: center;
}
.product .product-row-buttons a:hover {
  background-color: #0186b2;
  color: #FFFFFF;
}
.product .categories .nav.nav-pills li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.product .categories .nav.nav-pills li a {
  border-radius: 0px;
  padding: 5px 30px 5px 30px;
  border: 1px solid;
  border-color: #B5B5B5;
  font-weight: bold;
  color: #000000;
}
.product .categories .nav.nav-pills li a:hover {
  background: #000000;
  color: #FFFFFF;
}
.product .licence-xs {
  display: none;
  border: none;
  margin-top: 0;
  padding-top: 0;
}
@media screen and (max-width: 580px) {
  .product .col-user-image {
    width: 100%;
  }
  .product .licence-xs {
    display: block;
  }
  .product .licence-not-xs {
    display: none;
  }
  .product .product .product-row-buttons {
    margin-top: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .product .product-row-buttons {
    margin-bottom: 30px;
  }
}
.marketplaceAside {
  cursor: pointer;
}
.marketplaceAside:hover {
  color: white!important;
  background: #000000;
  border: 1px solid #FFFFFF!important;
}
.marketplace{top:20px}.marketplace-container{min-height:600px}.marketplace-container section{padding:10px 0}.marketplace-container section.elements header h2{width:26%}.marketplace-container .search-results-header{text-align:right;width:70%;display:inline-block}.marketplace-container .search-results-header .sorting{float:right;margin-top:22px;padding-top:0}.marketplace-container .search-results-header .sorting select{color:#0098ca;width:auto;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.marketplace-container .search-results-header .sorting button{color:#0098ca}.marketplace-container .search-results-header .pagination{padding-right:15px;margin-top:22px}.marketplace-container .search-results-footer{margin-top:20px;text-align:right;width:60%;display:inline-block;float:right;margin-right:4%}.marketplace-container #searchResultsItems>li{opacity:.7;left:-4%}.marketplace-container #searchResultsItems>li .rating-container .rating-stars{color:#ffd800}.marketplace-container section.elements header{margin-bottom:0}#tooltipDiv{display:none;-webkit-transition:display 1s;-moz-transition:display 1s;-ms-transition:display 1s;-o-transition:display 1s;transition:display 1s;position:absolute;background-color:#141414;padding:0 10px 10px 10px;z-index:110;-webkit-transform:translate(-230px,-210px);-ms-transform:translate(-230px,-210px);transform:translate(-230px,-210px)}#tooltipDiv .arrowDown,#tooltipDiv .arrowUp{display:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:16px;height:16px;background-color:#141414;position:absolute;left:48%}#tooltipDiv .arrowDown{bottom:-8px}#tooltipDiv .arrowUp{top:-8px}#tooltipDiv .tooltip-img{height:240px;width:100%;margin-top:10px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}#tooltipDiv .meta{padding-top:15px;padding-bottom:5px}#tooltipDiv .links{text-align:right}#tooltipDiv a{font-size:11px;letter-spacing:1px;margin:0}#tooltipDiv .title h2{margin:0;font-size:16px;line-height:20px;color:#fff}#tooltipDiv .price h3{font-size:48px;color:#fff;margin:0}#tooltipDiv .title h5{margin:0;font-size:12px;line-height:15px;color:#6d6d6d}#tooltipDiv .title h6{margin:0;font-size:12px;color:#aaa;line-height:15px}#tooltipDiv .buttonsAdd{text-align:right}#tooltipDiv .buttonsAdd .buttonAdd{display:inline-block}#tooltipDiv .buttonPreview div{top:50%;z-index:1;text-align:center;width:100%}#tooltipDiv .buttonPreview div label{-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;color:#000;background:#fff;padding:3px 6px;border-radius:3px;box-shadow:0 0 5px #9a9a9a;cursor:pointer}#tooltipDiv .buttonPreview div label i{font-size:10px}@media(min-width:768px){#tooltipDiv{width:500px}}@media(max-width:768px){#tooltipDiv .title{margin-top:10px}#tooltipDiv .buttonsAdd .buttonAdd{padding-top:10px}}@media(min-width:992px){#tooltipDiv{width:600px}}@media all and (min-width:481px) and (max-width:767px){#tooltipDiv{width:400px}#tooltipDiv a{margin-left:2px;padding:3px}}@media all and (min-width:241px) and (max-width:480px){#tooltipDiv{width:90%;position:fixed;right:5% !important}#tooltipDiv .arrow+div{height:175px;width:100%}#tooltipDiv a{margin-left:0;padding:6px}}.product .row.section2{margin-top:20px}.product .special-a{padding:10px 40px !important;display:inline-block;margin:0}.product .resource-image{margin-top:10px;width:100%;max-height:345px;border:4px solid #fff}.product .avatar img{height:100%}.product .resource-menu a.btn{background-color:#bababa;color:#5f5f5f;font-weight:bold;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-left:1px solid;border-left-color:#fff;padding-right:0;padding-left:0}.product .resource-menu a.btn.active{background-color:#fff}.product .resource-menu a.btn:hover{background:#000;color:#fff}.product .resource-menu #overview:hover{background-color:#fff;color:#5f5f5f;cursor:initial}.product .previewLabel>div{position:absolute;margin-top:28%;z-index:1;text-align:center;width:100%}.product .previewLabel>div label{-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;color:#000;background:#fff;padding:3px 6px;border-radius:3px;box-shadow:0 0 5px #9a9a9a}.product .previewLabel:hover{cursor:pointer}.product .previewLabel:hover>div label{background:#000;color:#fff;cursor:pointer}.product .user{padding-top:10px}.product .user .col-user-image{padding:0;padding-left:11px}.product .user .avatar{width:75px;height:75px;display:inline-block;float:left;border:2px solid rgba(255,255,255,.5)}.product .user .name{display:inline-block;margin-top:20px;margin-left:10px;max-width:65%;white-space:nowrap}.product .user .name h1{color:#3a3a3a;font-size:25px;margin:0;top:0;right:auto}.product .user .name .sub{color:#797979;font-size:14px;text-transform:uppercase}.product .user .view-work{border:1px solid #000;border-radius:100px;padding-left:0;cursor:pointer;text-align:center;line-height:35px;font-size:13px;font-weight:bold}.product .user .col-user-view-work{padding-top:17px;padding-right:0}.product .product-row-information{margin-top:10px}.product .product-col-information{border-top:1px solid;border-bottom:1px solid;border-right:1px solid;border-color:#cecece;padding-top:10px;height:86px}.product .product-col-information:last-child{border-right:none}.product .product-col-information.count-users{padding-left:25px}.product .product-col-information.count-users span.number{color:#787878;font-size:36px;font-weight:bold;display:inline-block;line-height:40px;margin-right:15px}.product .product-col-information.count-users span.sub{color:#787878;font-size:24px;display:inline-block;line-height:10px}.product .small-marginleft{float:left}.product .product-col-information.published{padding-right:15px;padding-left:25px}.product .product-col-information.published span.date{color:#787878;font-size:24px;display:block;line-height:20px}.product .product-col-information.published span.title{color:#000;font-size:14px;font-weight:bold;display:inline-block}.product .product-col-information.licence{padding-left:25px}.product .product-col-information.licence span.title{color:#000;font-size:14px;font-weight:bold;display:inline-block}.product .product-col-information.licence div{line-height:20px;font-weight:bold;margin-top:3px}.product .product-col-information.licence div span.fee{font-size:25px;font-weight:800}.product .product-col-information.licence div span.simbol{vertical-align:top;font-size:15px;line-height:9px}.product .product-row-rating>div{margin-top:21px;color:#787878}.product .product-row-rating>div label:first-child{font-size:24px;float:left;padding-right:5px}.product .product-row-rating>div ul,.product .product-row-rating>div label:last-child{top:4px}.product .product-row-rating .versionProduct{margin-top:0}.product .product-row-buttons{margin-top:30px}.product .product-row-buttons a{background-color:#444;line-height:50px;color:#fff;width:100%;border-radius:3px;display:inline-block;font-weight:bold;text-align:center}.product .product-row-buttons a:hover{background-color:#0186b2;color:#fff}.product .categories .nav.nav-pills li{margin-bottom:10px;margin-right:10px}.product .categories .nav.nav-pills li a{border-radius:0;padding:5px 30px 5px 30px;border:1px solid;border-color:#b5b5b5;font-weight:bold;color:#000}.product .categories .nav.nav-pills li a:hover{background:#000;color:#fff}.product .licence-xs{display:none;border:none;margin-top:0;padding-top:0}@media screen and (max-width:580px){.product .col-user-image{width:100%}.product .licence-xs{display:block}.product .licence-not-xs{display:none}.product .product .product-row-buttons{margin-top:5px}}@media screen and (max-width:1024px){.product .product-row-buttons{margin-bottom:30px}}.marketplaceAside{cursor:pointer}.marketplaceAside:hover{color:#fff!important;background:#000;border:1px solid #fff!important}
.sidebar-filtering-controls hr:nth-of-type(1) {
  margin: -10px 0 10px;
}
.sidebar-filtering-controls hr {
  margin: 10px 0;
}

.navigation-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: -1px;
}
.navigation-tabs li.active {
  background-color: #141414;
}
.navigation-tabs li {
  display: inline-block;
  background-color: #e0e0e0;
  margin-right: -4px;
  padding: 15px 30px !important;
  border: 1px solid #d1d1d1;
}
.navigation-tabs h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
}

.right-sliding-popup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 27;
  width: 100%;
  padding: 5%;
  background: rgba(234, 234, 234, 0.95);
  box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.22), 0 0 3px 0 rgba(0, 0, 0, 0.17);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  overflow-y: auto;
  overflow-x: hidden;
}
.right-sliding-popup.closed {
  right: 105%;
}
.right-sliding-popup.closed .backdrop {
  display: block;
}
.right-sliding-popup.open {
  /*-webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);*/
  right: 0;
}
.right-sliding-popup.open .backdrop {
  display: block;
}
.right-sliding-popup .title {
  font-size: 16px;
  font-weight: 400;
  color: #5b616d;
  border-bottom: 1px solid #d5d8de;
  padding: 0 23px;
  line-height: 52px;
  display: inline-block;
  margin: 7px 0 0;
}
.right-sliding-popup .close {
  margin: 25px 15px 0 0;
}
.right-sliding-popup .footer {
  background: #f8f8fa;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e6e6ee;
  padding: 21px 0;
  text-align: center;
}
.right-sliding-popup .backdrop {
  display: none;
  top: 0;
  left: -1000%;
  width: 1000%;
  height: 100%;
  position: fixed;
}
.strength {
  background: transparent;
}

.ChangePassword .strength_meter div p {
    top: 30px;
    width: 100%;
    text-align: left;
}
.strength_meter {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 33px;
  z-index: -1;
  border-radius: 5px;
  background: white;
}
.strength_meter div {
  width: 0%;
  height: 33px;
  text-align: right;
  color: #000;
  line-height: 43px;
  /*-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;*/
  padding-right: 12px;
  border-radius: 5px;
}
    .strength_meter div p {
        position: absolute;
        top: -30px;
        /*right: 0px;*/
        color: #555;
        font-size: 13px;
        height: 30px;
        width: 160px;
        left: 0;
    }

.ChangePassword .strength_meter .veryweak {
    height: 120%;
    background-color: #FFA0A0;
    border-color: #F04040 !important;
    width: 100% !important;
}
.strength_meter .veryweak {
  background-color: #FFA0A0;
  border-color: #F04040 !important;
  width: 32% !important;
}
.strength_meter .veryweak p {
  color: #F04040 !important;
}
.strength_meter .weak {
  background-color: #FFB78C;
  border-color: #FF853C !important;
  width: 50% !important;
}
.strength_meter .weak p {
  color: #FF853C !important;
}
.strength_meter .medium {
  background-color: #FFEC8B;
  border-color: #FC0 !important;
  width: 75% !important;
}
.strength_meter .medium p {
  color: #FF853C !important;
}
.strength_meter .strong {
  /*background-color: #C3FF88;*/
  border-color: #8DFF1C !important;
  width: 100% !important;
}
.strength_meter .strong p {
  color: #589a17 !important;
}
.button_strength {
  display: none;
  text-decoration: none;
  color: #FFF;
  font-size: 13px;
}

.bootstrap-tagsinput {
  width: 100% !important;
  /*line-height: 30px;*/
  background-color: #f8f8f8;
  opacity: 1;
}
.twitter-typeahead {
  width: 100%;
}
.bootstrap-tagsinput .tag {
  padding: 5px 10px 4px;
  margin-top: 3px;
}
.tt-dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .twitter-typeahead {
    width: 90%;
  }
  .enum-tag-type {
    width: 90%;
  }
  .info-tag-circle {
    right: 0 !important;
  }
  .TagginControls .info-tag-circle {
    right: 2vW !important;
  }
}
.bootstrap-tagsinput{width:100% !important;background-color:#f8f8f8;opacity:1}.twitter-typeahead{width:100%}.bootstrap-tagsinput .tag{padding:5px 10px 4px;margin-top:3px}.tt-dropdown-menu{max-height:200px;overflow-y:auto}@media(max-width:768px){.twitter-typeahead{width:90%}.enum-tag-type{width:90%}.info-tag-circle{right:0 !important}.TagginControls .info-tag-circle{right:2vW !important}}
#add-note-panel {
  clear: both;
  position: absolute;
  z-index: 11;
  width: 100%;
}
#add-note-panel .close-button {
  top: -5px;
  right: -12px;
  position: absolute;
  font-size: 38px;
  font-weight: 900;
}
#add-note-panel .close-button:hover {
  color: black;
}
#add-note-panel form {
  padding: 0;
}
#add-note-panel form .note-text-container {
  background: white;
  border-radius: 3px;
}
#add-note-panel form .note-text-container textarea {
  border: none;
  border-radius: 0;
  box-shadow: none;
  resize: none;
  min-height: 150px;
}
#add-note-panel form .note-buttons-container {
  text-align: center;
  padding: 15px;
}
#add-note-panel form .note-buttons-container button {
  font-size: 12px;
  min-width: 120px;
  margin: 0 10px;
  padding: 8px 10px;
}

.touch .question-controls {
  opacity: 1 !important;
}
#obligatory-days-list .form-horizontal .control-label {
  padding-top: 10px;
}
#obligatory-days-list .form-horizontal .fa-times {
  padding-top: 11px;
}
.questions-container h1,
.questions-container h2,
.questions-container h3,
.questions-container h4,
.questions-container h5,
.questions-container h6 {
  margin-top: 3px;
}
.questions-container .correct-button > i.fa {
  color: #0098ca;
}
.questions-container .question-item {
  background-color: #f1f1f1;
  border: 1px solid #ddd;
}
.questions-container .question-item h1,
.questions-container .question-item h2,
.questions-container .question-item h3,
.questions-container .question-item h4,
.questions-container .question-item h5,
.questions-container .question-item h6 {
  margin-bottom: 5px;
}
.questions-container .question-item .rationale-container {
  margin-top: 10px;
}
.questions-container .question-item .question-controls {
  -moz-transition: opacity linear 0.2s;
  -o-transition: opacity linear 0.2s;
  -webkit-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s;
  position: absolute;
  top: 0px;
  bottom: 0;
  width: 80px;
  right: -70px;
  padding-left: 20px;
  opacity: 1;
}
.questions-container .question-item .question-controls a {
  margin-bottom: 5px;
  display: block;
}
.questions-container .question-item .question-controls a .fa {
  margin: 0px 0 0 0;
}
.questions-container .question-item .question-controls .remove-question-btn {
  font-size: 27px;
  /*&:hover .fa:before {                content: "\f00d";            }*/
}
.questions-container .question-item .question-controls .rationale-question-btn {
  font-size: 22px;
}
.questions-container .question-item .question-controls:hover {
  opacity: 1;
}
.questions-container .question-item:hover .question-controls {
  opacity: 1;
}
.questions-container .question-item .custom-radio-buttons {
  margin-top: 15px;
}
.questions-container .question-item .list-unstyled > li {
  background-color: #f1f1f1;
  border: none;
  margin-bottom: 5px;
}
.questions-container .question-item .list-unstyled > li .correct-button {
  display: block;
  /*text-align: center;*/
  /*padding-top: 7px;*/
}
.questions-container .question-item .list-unstyled > li .correct-button i.fa {
  min-width: 22px;
  margin-top: 12px;
  float: right;
}
.questions-container .question-item .add-choice-btn {
  float: right;
  margin-top: 7px;
}
.questions-container .question-item .add-choice-btn,
.questions-container .question-item .remove-choice-btn {
  display: table-cell;
  min-width: 40px;
  text-align: center;
  vertical-align: middle;
  margin-top: 3px;
}
.questions-container .question-item .add-choice-btn i,
.questions-container .question-item .remove-choice-btn i {
  font-size: 20px;
}
.questions-container .question-item .choice-item:hover .choice-controls {
  opacity: 1;
}
.questions-container .question-item .choice-item .answer-text {
  display: table-cell;
  width: 100%;
}
.questions-container .question-item .choice-item .choice-controls {
  -moz-transition: opacity linear 0.2s;
  -o-transition: opacity linear 0.2s;
  -webkit-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s;
  position: absolute;
  top: -2px;
  bottom: 0;
  width: 40px;
  right: -30px;
  padding-left: 10px;
  opacity: 1;
}
.questions-container .question-item .choice-item .choice-controls a {
  margin-bottom: 0px;
  display: block;
}
.questions-container .question-item .choice-item .choice-controls a .fa {
  margin: 0px 0 0 0;
  font-size: 17px;
}
.questions-container .question-item .choice-item .choice-controls:hover {
  opacity: 1;
}
.questions-container .choices-list {
  margin-top: 15px;
}
.edit-course-title-bar {
  background-color: #eaeaea;
  padding: 2% 5%;
  border-bottom: #ccc 1px solid;
}
.edit-course-title-bar .vertical-align-contents {
  padding-left: 0.3vw;
}
.edit-course-panel {
  width: 100%;
  min-height: 400px;
}
.edit-course-panel .row-with-floats {
  margin-right: 7px;
  margin-left: -15px;
}
.edit-course-panel .title-sub-box {
  height: 65px;
  margin-right: -8px;
  margin-left: -30px;
}
.edit-course-panel .title-sub-box.uploading .edit-course-dropzone {
  height: 140px;
}
.edit-course-panel .title-sub-box.uploading .edit-course-dropzone .dz-message {
  margin-top: 50px;
}
.edit-course-panel .gallery-list > li .photo {
  min-height: 110px;
  height: 110px;
}
#btnRemove {
  padding: 3px 3px 3px 5px;
  background-color: white;
  color: #bdbdbd;
  margin-left: -1px;
  padding-left: 4px;
  border: #cccccc 1px solid;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
.edit-course-dropzone {
  min-height: 50px;
  background: #f4f4f4;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 0 0 8px 0;
}
.edit-course-dropzone .dz-message {
  margin: 15px 0 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: dimgray;
}
.edit-course-dropzone .dz-preview {
  margin-top: 8px;
  margin-bottom: 0;
}
.edit-course-left-section {
  background-color: #f4f4f4;
  padding: 1% 1% 0% 6%;
  border-right: #ccc 1px solid;
}
.edit-course-left-section .gallery-list {
  padding: 0;
  margin: 0;
}
.edit-course-left-section .gallery-list > li .photo {
  cursor: move;
}
.edit-course-right-section {
  background-color: #ffffff;
  padding: 1% 6% 0% 1%;
  overflow: hidden;
}
.edit-course-right-section .row-with-floats {
  margin-left: 0;
  margin-right: 0;
}
.edit-course-right-section .gallery-list {
  margin-bottom: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  min-height: 250px;
  padding-top: 6px;
}
.edit-course-right-section .gallery-list li {
  padding-right: 30px;
}
.create-course-inline-container {
  margin: 60px 0 20px !important;
  height: 30px;
}
.create-course-inline-container h4,
.create-course-inline-container form {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
}
.create-course-inline-container form {
  width: 255px;
  margin: 0 auto !important;
}
#edit-course-dropzone-container {
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
}
.notClick {
  pointer-events: none;
}
@media (max-width: 765px) {
  .edit-course-panel .row-with-floats {
    margin-left: 0;
  }
  .edit-course-left-section .customGallery .gallery-list .DocolaFile {
    height: auto !important;
  }
  .edit-course-right-section .customGallery {
    margin-left: 0 !important;
  }
  .edit-course-right-section .DocolaFile .interface-btn {
    right: 0;
  }
  .edit-course-right-section .gallery-list li {
    padding-right: 0;
    height: auto !important;
  }
}
@media (max-width: 480px) {
  .edit-course-panel .row-with-floats {
    margin-left: 0;
  }
  .edit-course-right-section .DocolaFile .interface-btn {
    right: 0;
  }
  .edit-course-right-section .gallery-list li {
    padding-right: 0;
    height: auto !important;
  }
}
.my-clients .flexslider {
  margin-top: 20px;
}
.my-clients .flexslider .fill-container {
  min-height: 120px;
  min-width: 120px;
}
.my-clients .flexslider .fill-container:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 80px inset;
  -ms-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 80px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 80px inset;
}
@media all and (min-width: 768px) and (max-width: 992px) {
  .my-clients .flexslider {
    margin-top: -25px;
  }
}
@media (max-width: 767px) {
  .my-clients .flexslider {
    margin-top: 0px;
  }
}
.my-courses {
  /*h5.text-margin-left {
        margin-left: 50px;
    }*/
}
.my-courses h2 {
  display: inline-block;
  /* top: 0px; */
  margin-top: 5px;
}
.my-courses .clients-slider {
  /*max-width: 600px;
        display: block;
        margin: auto;*/
}
.my-courses .clients-slider .flexslider {
  margin: 0;
  background: transparent;
  border: none;
}
.my-courses .clients-slider .flexslider .flex-direction-nav a:before {
  font-size: 26px;
  color: #37abd2;
}
.my-courses .clients-slider .flexslider ul.slides > li {
  height: 130px;
}
.my-courses .clients-slider .flexslider ul.slides > li .avatar {
  width: 100px;
  height: 100px;
  margin: 2px auto 0;
  display: block;
  border-radius: 150px;
}
.my-courses .clients-slider .flexslider ul.slides > li .name {
  text-align: center;
  margin: 7px 0 0 0;
  font-size: 15px;
}
.my-modules .modules-list > li {
  padding: 10px 0 0 0;
  margin-bottom: 0;
}
.my-modules .modules-list > li:hover {
  /*background-color: #e4e4e4;*/
  /*.avatar {
            transform: scale(1.1);
            transition: all.7s;
            z-index:2;
        }*/
}
.my-modules .modules-list > li .progress-container .progress {
  max-width: 180px;
}
.note-thumb-container img {
  max-height: 50px;
  margin-right: 30px;
}
.rating-popup .total-rating span {
  font-size: 55px;
  color: #5DB233;
  font-weight: bolder;
  font-family: sans-serif;
}
.rating-popup .form-group {
  margin: 0;
}
.rating-popup .count-rating span {
  color: #777777;
}
.rating-popup .count-rating span.fa-user {
  padding-right: 7px;
}
.rating-popup .glyphicon-star {
  color: #EEB10E;
}
.rating-popup .progress {
  margin-bottom: 10px;
  border-radius: 12px;
  background-color: #DFDFDF;
  height: 18px;
}
.rating-popup .progress-star {
  line-height: 24px;
  height: 24px;
  margin-right: 10px;
}
.rating-popup .progress .progress-bar {
  border-radius: 12px;
  text-align: right;
  padding-right: 9px;
  line-height: 15px;
  height: 15px;
}
.rating-popup .progress-star .glyphicon-star {
  padding-right: 5px;
}
.rating-popup .progress .progress-bar.star1 {
  background-color: #ff6f31;
}
.rating-popup .progress .progress-bar.star2 {
  background-color: #ff9f02;
}
.rating-popup .progress .progress-bar.star3 {
  background-color: #ffcf02;
}
.rating-popup .progress .progress-bar.star4 {
  background-color: #99cc00;
}
.rating-popup .progress .progress-bar.star5 {
  background-color: #88b131;
}
.rating-popup .avatar {
  width: 75px;
  height: 75px;
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.rating-popup .avatar img {
  height: 100%;
}
.rating-popup .rating-required {
  color: red;
  font-weight: bold;
}
.rating-popup .comments-container .avatar {
  width: 45px;
  height: 45px;
  margin-right: 16px;
}
.rating-popup .comments-container h5 {
  text-align: center;
  margin-top: 14px;
}
.rating-popup .comment-add-data label {
  padding-right: 20px;
  height: 29px;
  line-height: 29px;
  display: inline-block;
}
.rating-popup .comment-add-data label input {
  margin-right: 10px;
}
.rating-popup .comment-list {
  max-height: 300px;
  overflow: hidden;
}
.rating-popup .comment-list article {
  border-bottom: 1px solid #D7D7D7;
  padding-top: 25px;
  padding-bottom: 20px;
  margin-right: 20px;
}
.rating-popup .comment-list .rate-author {
  font-weight: bold;
}
.rating-popup .comment-list .comment-post {
  margin-top: 10px;
  margin-bottom: 0px;
  color: #757575;
}
.rating-popup .comment-list .comment-post p {
  margin-bottom: 20px;
}
.rating-popup .comment-list footer {
  margin-top: 10px;
  padding-bottom: 0px;
  font-size: 12px;
}
.rating-popup .comment-list footer span.date {
  color: #808080;
}
.rating-popup .comment-list footer a {
  font-weight: bold;
}
@media (max-width: 767px) {
  .my-courses .clients-slider .flexslider ul.slides > li .avatar {
    margin: 2px 0 0 3px;
  }
}
.my-courses h2{display:inline-block;margin-top:5px}.my-courses .clients-slider .flexslider{margin:0;background:transparent;border:none}.my-courses .clients-slider .flexslider .flex-direction-nav a:before{font-size:26px;color:#37abd2}.my-courses .clients-slider .flexslider ul.slides>li{height:130px}.my-courses .clients-slider .flexslider ul.slides>li .avatar{width:100px;height:100px;margin:2px auto 0;display:block;border-radius:150px}.my-courses .clients-slider .flexslider ul.slides>li .name{text-align:center;margin:7px 0 0 0;font-size:15px}.my-modules .modules-list>li{padding:10px 0 0 0;margin-bottom:0}.my-modules .modules-list>li .progress-container .progress{max-width:180px}.note-thumb-container img{max-height:50px;margin-right:30px}.rating-popup .total-rating span{font-size:55px;color:#5db233;font-weight:bolder;font-family:sans-serif}.rating-popup .form-group{margin:0}.rating-popup .count-rating span{color:#777}.rating-popup .count-rating span.fa-user{padding-right:7px}.rating-popup .glyphicon-star{color:#eeb10e}.rating-popup .progress{margin-bottom:10px;border-radius:12px;background-color:#dfdfdf;height:18px}.rating-popup .progress-star{line-height:24px;height:24px;margin-right:10px}.rating-popup .progress .progress-bar{border-radius:12px;text-align:right;padding-right:9px;line-height:15px;height:15px}.rating-popup .progress-star .glyphicon-star{padding-right:5px}.rating-popup .progress .progress-bar.star1{background-color:#ff6f31}.rating-popup .progress .progress-bar.star2{background-color:#ff9f02}.rating-popup .progress .progress-bar.star3{background-color:#ffcf02}.rating-popup .progress .progress-bar.star4{background-color:#9c0}.rating-popup .progress .progress-bar.star5{background-color:#88b131}.rating-popup .avatar{width:75px;height:75px;display:inline-block;border:2px solid rgba(255,255,255,.5)}.rating-popup .avatar img{height:100%}.rating-popup .rating-required{color:#f00;font-weight:bold}.rating-popup .comments-container .avatar{width:45px;height:45px;margin-right:16px}.rating-popup .comments-container h5{text-align:center;margin-top:14px}.rating-popup .comment-add-data label{padding-right:20px;height:29px;line-height:29px;display:inline-block}.rating-popup .comment-add-data label input{margin-right:10px}.rating-popup .comment-list{max-height:300px;overflow:hidden}.rating-popup .comment-list article{border-bottom:1px solid #d7d7d7;padding-top:25px;padding-bottom:20px;margin-right:20px}.rating-popup .comment-list .rate-author{font-weight:bold}.rating-popup .comment-list .comment-post{margin-top:10px;margin-bottom:0;color:#757575}.rating-popup .comment-list .comment-post p{margin-bottom:20px}.rating-popup .comment-list footer{margin-top:10px;padding-bottom:0;font-size:12px}.rating-popup .comment-list footer span.date{color:#808080}.rating-popup .comment-list footer a{font-weight:bold}@media(max-width:767px){.my-courses .clients-slider .flexslider ul.slides>li .avatar{margin:2px 0 0 3px}}
.my-library .pagination {
  margin: 12px -21px 20px 0;
}
#uploadFileRow .alert {
  z-index: 20;
}
.dz-preview {
  -moz-transition: opacity linear 0.5s;
  -o-transition: opacity linear 0.5s;
  -webkit-transition: opacity linear 0.5s;
  transition: opacity linear 0.5s;
}
.dz-preview .loader-container {
  /* position: absolute; */
  /* top: 5%; */
  z-index: 20;
  /* left: 0; */
  /* right: -113px; */
  text-align: center;
  width: 143px;
  margin-left: -15px;
  margin-top: 5px;
}

.player-box-assessment {
  min-height: 60px;
  background: #282828;
  color: #7f7f7f;
}
.player-box-assessment .assessment-top-controls {
  background-color: #282828;
  padding: 10px 0;
  min-height: 78px;
  /* height: 18%; */
  max-height: 78px !important;
}
.player-box-assessment .assessment-top-controls h5 {
  position: absolute;
  top: -24px;
  left: 6px;
  margin: 0px;
  color: #5EB033;
  white-space: nowrap;
}
.player-box-assessment .assessment-top-controls .playerLine {
  float: left;
  height: 11px;
  border-bottom: 2px solid #464646;
  width: 100%;
  position: absolute;
  top: 0;
}
.player-box-assessment .assessment-top-controls .outerCircle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #5EB033;
  background-color: #282828;
  z-index: 1;
}
.player-box-assessment .assessment-top-controls .outerCircle div {
  background-color: #5EB033;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  margin: 3px;
}
.player-box-assessment .assessment-top-controls .outerCircle div span {
  font-size: 9px;
  position: absolute;
  top: 0;
  left: 3px;
  color: white;
}
.player-box-assessment .assessment-top-controls .question-completed .playerLine {
  border-bottom: 2px solid #5EB033;
}
.player-box-assessment .assessment-top-controls .question-current h5 {
  color: #FFFFFF;
}
.player-box-assessment .assessment-top-controls .question-current .outerCircle {
  border: 1px solid #464646;
}
.player-box-assessment .assessment-top-controls .question-current .outerCircle > div {
  background-color: #FFFFFF;
}
.player-box-assessment .assessment-top-controls ul {
  margin-top: 26px;
}
.player-box-assessment .assessment-top-controls ul li {
  float: left;
  list-style: none;
}
.player-box-assessment .progress-bar-success,
.player-box-assessment .assessment-view-port .question-content .choice.btn-success {
  background-color: rgba(0, 114, 16, 0.8);
  border-color: rgba(0, 114, 16, 0.85);
}
.player-box-assessment .progress-bar-success:hover,
.player-box-assessment .assessment-view-port .question-content .choice.btn-success:hover {
  background-color: rgba(0, 114, 16, 0.8);
  border-color: rgba(0, 114, 16, 0.85);
}
.player-box-assessment .progress-bar-warning,
.player-box-assessment .assessment-view-port .question-content .choice.btn-warning {
  background-color: rgba(172, 0, 0, 0.8);
  border-color: rgba(172, 0, 0, 0.85);
}
.player-box-assessment .progress-bar-warning:hover,
.player-box-assessment .assessment-view-port .question-content .choice.btn-warning:hover {
  background-color: rgba(172, 0, 0, 0.8);
  border-color: rgba(172, 0, 0, 0.85);
}
.player-box-assessment .player-box-assessment-sub-container {
  height: 100%;
  width: 100%;
  background-color: #141414;
}
.player-box-assessment .assessment-view-port {
  padding: 0;
  margin: 0;
  height: 82%;
}
.player-box-assessment .assessment-view-port .assessment-question {
  overflow-y: auto;
  padding-bottom: 15px;
  height: 100%;
}
.player-box-assessment .assessment-view-port h4 {
  margin: 50px 0 30px;
}
.player-box-assessment .assessment-view-port h2 {
  color: #FFFFFF;
}
.player-box-assessment .assessment-view-port .question-content-container {
  height: 95%;
  z-index: 12;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content {
  padding: 0 10% 0;
  padding-bottom: 68px;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .question-title {
  margin: 20px 0 25px;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .question-text-container {
  margin-top: 0;
  margin-bottom: 20px;
  height: 80px;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .question-text {
  margin: 0;
  float: left;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .answer-text {
  text-transform: uppercase;
  display: inline-block;
  line-height: 30px;
  font-weight: bold;
  margin-left: 10px;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .answerCircle {
  float: left;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid #4A4A4A;
  z-index: 1;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .answerCircle div {
  display: none;
  background-color: #4A4A4A;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  margin: 2px;
  text-align: center;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .answerCircle div .fa-check,
.player-box-assessment .assessment-view-port .question-content-container .question-content .answerCircle div .fa-close {
  padding: 0;
  color: #FFFFFF;
  font-size: 15px;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .answerCircle div .fa-check {
  top: 3px;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .answerCircle div .fa-close {
  top: 2px;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .choice {
  margin-bottom: 15px;
  /*ng-style="{ 'background-color' : '{{question.state == 1?'#5EB033':(question.state == 2?'#ea2020':'')}}','display':'{{(choice.state == 1 || choice.state == 2)?'block':''}}'}"*/
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .choice.choice-correct .answerCircle > div {
  display: block;
  background-color: #5EB033;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content .choice.choice-wrong .answerCircle > div {
  display: block;
  background-color: #ea2020;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content.enabled .choice {
  cursor: pointer;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content.enabled .choice:hover {
  color: #FFFFFF;
  cursor: pointer;
}
.player-box-assessment .assessment-view-port .question-content-container .question-content.enabled .choice:hover > .answerCircle > div {
  display: block;
}
.player-box-assessment .assessment-bottom-controls {
  position: absolute;
  top: -12px;
  left: 10%;
  right: 10%;
}
.player-box-assessment .assessment-bottom-controls .btn {
  background-color: #FFFFFF;
  color: #000000;
  border: none;
  font-size: 14px;
  font-weight: bold;
  padding: 11px 25px;
  z-index: 100;
}
.player-box-assessment .assessment-bottom-controls .btn.disabled {
  color: rgba(194, 194, 194, 0.5);
}
.player-box-assessment .assessment-bottom-controls .btn:active,
.player-box-assessment .assessment-bottom-controls .btn:hover {
  box-shadow: none;
  text-shadow: 0 0px 10px white;
}
.course-settings-title {
  color: #808080;
  font-size: 14px;
  font-family: Lato, sans-serif;
  margin-right: 20px;
  top: -10px;
  margin-left: 10px;
}
.player-box .previous-btn,
.player-box .next-btn {
  top: 0;
  margin-top: 85px;
}
.player-box .previous-btn {
  position: absolute;
  z-index: 1;
  padding: 11px 17px;
  margin-left: 12px;
}
.player-box .previous-btn .first-icon-left {
  padding-right: 0;
  margin-right: -5px;
}
.player-box .next-btn {
  position: absolute;
  z-index: 1;
  padding: 11px 17px;
  right: 0;
  margin-right: 12px;
}
.player-box .next-btn .first-icon-right {
  padding-right: 0;
}
.player-box .next-btn .second-icon-right {
  margin-left: -5px;
}
.clinician-dropdown {
  top: 3px;
  left: 7px;
}
.course-details .panel-body {
  background: #282828;
}
.course-details .panel-body h1,
.course-details .panel-body h2,
.course-details .panel-body h3,
.course-details .panel-body h4,
.course-details .panel-body h5,
.course-details .panel-body h6 {
  color: #7f7f7f;
}
.course-details .panel-body .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
/*
.noskip{
    .vjs-control-bar{
        .vjs-progress-control{
            pointer-events: none;
        }
    }
}*/
.notClickfoward {
  pointer-events: none;
}
.player-box-view .video-js,
.player-box-view .vjs-tech {
  width: 100%;
}
.player-box-view {
  overflow: hidden;
  /*.vjs-poster {
        position: absolute !important;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }*/
}
.player-box-view .on-demand-cover-image {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.player-box-view .on-demand-cover-image.ng-hide-add {
  -moz-animation: 0.9s fadeOut ease;
  -o-animation: 0.9s fadeOut ease;
  -webkit-animation: 0.9s fadeOut ease;
  animation: 0.9s fadeOut ease;
}
.player-box-view.disable-next-arrow .flex-next {
  display: none;
}
.player-box-view .no-pdf-support {
  color: white;
  width: 100%;
  text-align: center;
  margin-top: 5%;
}
.player-box-view .video-js,
.player-box-view .vjs-tech {
  /*position: relative !important;
        width: 100% !important;
        height: auto !important;*/
  min-height: 200px;
  display: block;
  margin: auto;
}
.player-box-view .vjs-fullscreen video {
  width: 100%;
  height: 100%;
}
.player-box-view.flexslider {
  background: #282828;
  /*border: 4px solid @inverted-header-color;*/
  border: none;
  margin-bottom: 0px;
  /*        display: contents;*/
}
.player-box-view.flexslider .flex-direction-nav > li > a {
  outline: 0;
  /*display: none;*/
}
.player-box-view.flexslider .flex-next {
  right: -100px;
  padding-right: 40px;
  display: none;
}
.player-box-view.flexslider .flex-next:hover {
  /*background: linear-gradient(to left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);*/
}
.player-box-view.flexslider .flex-prev {
  left: -100px;
  padding-left: 40px;
  display: none;
}
.player-box-view.flexslider .flex-prev:hover {
  /*background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);*/
}
.player-box-view.flexslider:hover .flex-direction-nav .flex-next {
  right: 30px;
}
.player-box-view.flexslider:hover .flex-direction-nav .flex-prev {
  left: 30px;
}
.player-box-view .flex-direction-nav a {
  margin-top: -100px;
  padding-top: 70px;
  min-height: 180px;
  width: 100px;
  font-size: 0px;
}
.player-box-view .slides > li {
  width: 100%;
}
.player-box-view .slides > li .item-viewport {
  width: 100%;
  min-height: 200px;
}
.player-box-view .slides > li .video-download-btn {
  position: absolute;
  height: 50px;
  width: 50px;
  right: 25%;
  margin-top: 10px;
}
.player-box-view .slides > li .video-download-btn .center-icon {
  display: inline-flex;
  vertical-align: middle;
}
.player-box-view .slides > li .photo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
}
.player-box-view .slides > li .photo .play-video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-box-view .slides > li .photo .play-video-overlay i {
  transition: all linear 0.2s;
  color: white;
  position: absolute;
  left: 48%;
  top: 100%;
  opacity: 0;
  text-shadow: 0px 3px 8px #000;
}
.player-box-view .slides > li .photo .play-video-overlay i.black {
  color: black;
}
.player-box-view .slides > li .photo:hover {
  text-decoration: none !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}
.player-box-view .slides > li .photo:hover .play-video-overlay {
  box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 80px inset;
}
.player-box-view .slides > li .photo:hover .play-video-overlay i {
  top: 45%;
  opacity: 0.8;
}
.player-box-view .slides > li .photo:hover .play-video-overlay i:hover {
  opacity: 1;
}
.player-box-thumbnails .disable-next-arrow .next-btn {
  disabled: true;
}
.player-box-thumbnails .content-type-container {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 3px;
  right: 3px;
  left: 3px;
  background: white;
}
.player-box-thumbnails .content-type-container label {
  color: #0098ca;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 4px 0;
}
.player-box-thumbnails .step-completed {
  color: #00c300;
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 20px;
  /*text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;*/
  z-index: 1;
}
.player-box-thumbnails .flex-active-slide .content-type-container,
.player-box-thumbnails li.slide:hover .content-type-container {
  display: block;
}
.player-box-thumbnails .flex-active-slide .step-completed,
.player-box-thumbnails li.slide:hover .step-completed {
  color: lime;
}
.player-box-thumbnails.flexslider {
  background: #282828;
  border: none;
  margin-bottom: 0px;
  margin-top: 0px;
  height: 130px;
}
.player-box-thumbnails.flexslider .slides > li {
  width: 100%;
  height: 130px;
}
.player-box-thumbnails.flexslider .slides > li .photo {
  height: 130px;
  border-radius: 0px;
  box-shadow: none;
}
.player-box-thumbnails.flexslider .slides > li .photo .shadow-image {
  border-radius: 0px;
  display: block;
  box-shadow: black 0px 0px 80px inset;
}
.player-box-thumbnails.flexslider .slides > li.disabled {
  pointer-events: none;
  cursor: default;
}
.player-box-thumbnails.flexslider .slides > li.enabled .shadow-image {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 80px inset;
  /*box-shadow: none;*/
}
.player-box-thumbnails.flexslider .slides > li.enabled .photo:hover .shadow-image {
  display: none;
}
.player-box-thumbnails.flexslider .slides > li.flex-active-slide .photo {
  border: 2px solid white;
}
.player-box-thumbnails.flexslider .slides > li.flex-active-slide .photo .shadow-image {
  display: none;
}
.player-box-view .flex-disabled,
.player-box-thumbnails .flex-disabled {
  display: none;
}
.player-box-view .flex-direction-nav a:before,
.player-box-thumbnails .flex-direction-nav a:before {
  font-size: 40px;
  color: whitesmoke;
}
.player-box-view .photo,
.player-box-thumbnails .photo {
  width: 100%;
}
@media screen and (max-width: 860px) {
  .player-box-view.flexslider .flex-next {
    right: -20px !important;
  }
  .player-box-view.flexslider .flex-prev {
    left: -20px !important;
  }
  .player-box-view.flexslider {
    min-height: 600px;
  }
}
@media screen and (max-width: 480px) {
  /*    .player-box-view.flexslider {
        min-height: 500px;
    }*/
}
@media (max-width: 400px) {
  .vjs-control-bar .vjs-play-control {
    width: 35px !important;
  }
  .vjs-control-bar .vjs-fullscreen-control {
    width: 35px !important;
  }
  .vjs-control-bar .vjs-current-time,
  .vjs-control-bar .vjs-time-divider,
  .vjs-control-bar .vjs-duration,
  .vjs-control-bar .vjs-live-controls {
    display: none !important;
  }
  .vjs-control-bar .vjs-volume-control {
    margin-right: 10px !important;
  }
}
h2.registration {
  margin-bottom: 0px;
  text-align: center;
  font-size: 45px;
  color: #1f8cd2;
  margin-top: 25px;
}
.hiddenBox {
  display: none;
}
.showPassword {
  cursor: pointer;
  font-size: 15px;
  right: -90%;
  top: 30px;
  z-index: 13;
  height: 0;
}
#login-box .login-container .actions .register {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
#UserRegistrationForm .form-group {
  margin-bottom: 15px;
}
#UserRegistrationForm .form-group label {
  font-size: 13px;
  font-weight: normal;
}
#UserRegistrationForm .input-info {
  right: -30px !important;
}
#UserRegistrationForm .checkbox-inline {
  padding-left: 30px;
}
#UserRegistrationForm .checkbox-inline input[type="checkbox"] {
  margin-left: 0;
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  left: 0;
  outline: 0;
  position: absolute;
  width: 20px;
  top: -5px;
}
.register-types {
  text-align: center;
}
.register-types label.role {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
  padding-top: 145px;
}
.register-types input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.register-types > label {
  text-transform: uppercase;
  padding-right: 10px;
}
.register-types > label > span {
  padding-left: 7px;
  vertical-align: super;
}
.rolePanel {
  width: calc(30%);
  text-align: center;
  border: 1px solid rgba(190, 190, 190, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  height: 300px;
  margin-right: 15px;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.rolePanel .popover {
  display: none !important;
}
.rolePanel i {
  color: #208cd2;
  display: block;
  font-size: 100px;
  padding: 20px 0;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  pointer-events: none;
}
.rolePanel .descriptionRegister {
  padding: 22px 20px 27px;
  position: absolute;
  font-weight: normal;
  cursor: pointer;
  display: block;
  width: 100%;
}
.rolePanel:hover {
  webkit-box-shadow: inset 0px 0px 2px 2px #0097FF;
  -moz-box-shadow: inset 0px 0px 2px 2px #0097FF;
  box-shadow: inset 0px 0px 2px 2px #0097FF;
  transform: scale(1.2);
  background-color: white;
  transition: all 0.7s;
  z-index: 5;
}
.rolePanel:hover i {
  transform: scale(1.1);
  transition: all.7s;
}
.rolePanel.active,
.rolePanel.inactive {
  height: auto;
  width: auto;
  padding: 10px 10px 3px;
  margin-bottom: 10px;
}
.rolePanel.active i,
.rolePanel.inactive i {
  display: inline;
  font-size: 20px;
}
.rolePanel.active .popover,
.rolePanel.inactive .popover {
  display: block !important;
}
.rolePanel.active .descriptionRegister,
.rolePanel.inactive .descriptionRegister {
  display: none;
}
i.fa.fa-lg.fa-info-circle.s {
  padding-right: 40px;
}
.registerBox {
  width: 98%;
}
.rolePanel.active {
  box-shadow: 0 5px 15px #208cd2;
}
.rolePanel.inactive {
  box-shadow: none;
  border: 1px solid rgba(190, 190, 190, 0);
}
.rolePanel.inactive:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.agreementBox {
  border: 1px solid #c4c4c4;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-top: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
}
.register-types .rolePanel.active input[type="radio"],
.register-types .rolePanel.inactive input[type="radio"] {
  height: 45px;
  width: 154%;
  left: -40px;
  top: -17px;
}
.register-types input[type=radio] + label {
  padding-left: 0;
}
.register-types input[type=radio] + label:before {
  display: none;
}
.register-types .active label.role,
.register-types .inactive label.role {
  width: auto;
  position: relative;
  height: auto;
  padding-top: unset;
}
@media (min-width: 670px) and (max-width: 991px) {
  .rolePanel {
    height: 370px;
  }
}
@media (max-width: 400px) {
  .g-recaptcha {
    transform: scale(0.94);
    transform-origin: 0 0;
  }
}
/*#switchRoleModal {
    .modal-dialog {
        width: 750px;
    }
}*/

header.user .user-menu li a {
  display: inline;
}
.rating-popup .comments-container .full-comment-list {
  max-height: 800px;
  overflow: hidden;
}
.rating-popup .comments-container .full-comment-list article {
  border-bottom: 1px solid #D7D7D7;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-right: 20px;
}
.rating-popup .comments-container .full-comment-list article .comment-post {
  margin-top: 10px;
  margin-bottom: 0px;
  color: #757575;
}
.rating-popup .comments-container .full-comment-list article footer {
  margin-top: 10px;
  padding-bottom: 0px;
  font-size: 12px;
}
header.user .user-menu li a{display:inline}.rating-popup .comments-container .full-comment-list{max-height:800px;overflow:hidden}.rating-popup .comments-container .full-comment-list article{border-bottom:1px solid #d7d7d7;padding-top:20px;padding-bottom:20px;margin-right:20px}.rating-popup .comments-container .full-comment-list article .comment-post{margin-top:10px;margin-bottom:0;color:#757575}.rating-popup .comments-container .full-comment-list article footer{margin-top:10px;padding-bottom:0;font-size:12px}