@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: "Dolphins";
  src: url("../assets/fonts/dolphins.eot?") format("eot"), url("../assets/fonts/dolphins.woff") format("woff"), url("../assets/fonts/dolphins.ttf") format("truetype"), url("../assets/fonts/dolphins.svg#Dolphins") format("svg");
  font-weight: normal;
  font-style: normal;
}
.header-container > .top-header .logo {
  line-height: 42px;
}
.form-horizontal .control-label {
  text-align: left !important;
}
.table-no-header tr:first-child td {
  border-top: 0 !important;
}
.bg-workshop {
  background-color: #1c7ebb;
  color: #fff
}
.bg-workshop a {
  color: #fff
}
.bg-workshop a:hover {
  color: #fff
}
.nav-container.bg-workshop {
  background-color: #0f4d6b
}
.nav-container.bg-workshop:before {
  box-shadow: inset -1px 0 1px rgba(0, 0, 0, 0.3)
}
.nav-container.bg-workshop .nav a {
  color: #ccc;
  color: rgba(255, 255, 255, 0.5)
}
.nav-container.bg-workshop .nav .nav-title {
  color: #666
}
.nav-container.bg-workshop .nav .divider {
  border-color: #181a24
}
.nav-container.bg-workshop .nav > li:hover > a {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8)
}
.nav-container.bg-workshop .nav > li:hover > .icon-has-ul, .nav-container.bg-workshop .nav > li:hover > .icon-has-ul-h {
  color: rgba(255, 255, 255, 0.8)
}
.nav-container.bg-workshop .nav > li.active > a {
  color: rgba(255, 255, 255, 0.8)
}
.nav-container.bg-workshop .nav > li.active > .icon-has-ul {
  color: rgba(255, 255, 255, 0.8)
}
.nav-container.bg-workshop .nav > li > a:focus {
  background-color: transparent
}
.nav-container.bg-workshop .nav ul {
  background-color: #1c1e2a
}
.nav-container.bg-workshop .nav ul > li.open > a, .nav-container.bg-workshop .nav ul > li:hover > a, .nav-container.bg-workshop .nav ul > li.active > a {
  background-color: #12131b;
  color: rgba(255, 255, 255, 0.8)
}
.nav-container.bg-workshop .nav ul ul {
  background-color: #12131b
}
.nav-container.bg-workshop .nav ul ul > li.open > a, .nav-container.bg-workshop .nav ul ul > li:hover > a, .nav-container.bg-workshop .nav ul ul > li.active > a {
  background-color: #07080b;
  color: rgba(255, 255, 255, 0.8)
}
.nav-container.bg-workshop.nav-vertical .nav > li.open > a {
  background-color: #1c1e2a;
  color: rgba(255, 255, 255, 0.8)
}
.nav-container.bg-workshop.nav-vertical .nav > li.open > a:hover, .nav-container.bg-workshop.nav-vertical .nav > li.open > a:focus, .nav-container.bg-workshop.nav-vertical .nav > li.open > a:active {
  background-color: #1c1e2a;
  color: rgba(255, 255, 255, 0.8)
}
.nav-container.bg-workshop.nav-vertical .nav > li.open > .icon-has-ul, .nav-container.bg-workshop.nav-vertical .nav > li.open > .icon-has-ul-h {
  color: rgba(255, 255, 255, 0.8)
}
.header-container.bg-workshop {
  color: #fafafa
}
.header-container.bg-workshop .input-group-addon, .header-container.bg-workshop a {
  color: #fafafa
}
.header-container.bg-workshop .input-group-addon:hover, .header-container.bg-workshop a:hover {
  color: #fafafa
}
.header-container > .top-header .logo.bg-workshop {
  color: #fafafa
}
.header-container > .top-header .logo.bg-workshop a {
  color: #fafafa
}
.header-container > .top-header .logo.bg-workshop a:hover {
  color: #fafafa
}
.nav-container.bg-workshop .nav > li.open > a:hover, .nav-container.bg-workshop .nav > li.open > a:focus, .nav-container.bg-workshop .nav > li.open > a:active {
  border-color: #2e3245
}
.nav-container.bg-workshop .nav li > a {
  border-bottom: 1px solid #2e3245
}
.nav-container.bg-workshop .nav li > a > i {
  border-right: 1px solid #2e3245
}
.nav-container.bg-workshop .nav ul li:last-child > a {
  border-bottom: 1px solid #2e3245
}
.nav-container.bg-workshop .nav ul li > a {
  border: 0 !important
}
.nav-container.bg-workshop .nav ul li > a > i {
  border: 0 !important
}
.invoice-inner .table .bg-workshop > th {
  border: 0
}
.th-div-has-filter {
  float: left;
  height: 22px;
  padding-top: 3px;
}
.dropdown-menu-checkbox > li > a {
  padding: 3px 20px 3px 10px !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #ddd !important;
}
textarea {
  resize: none;
}
@media (min-width: 768px) {
  .header-container > .top-header .top-nav .nav-left > li > .btn-group > a .badge, .header-container > .top-header .top-nav .nav-left > li > a .badge, .header-container > .top-header .top-nav .nav-right > li > .btn-group > a .badge, .header-container > .top-header .top-nav .nav-right > li > a .badge {
    background-color: #e94b3b;
    color: #FFF;
  }
}
.nav-container .nav > li > a > i, .nav-container .nav > li > a > .nav-icon {
  font-size: 22px;
}
.nav-collapsed-min #nav > li > {
  font-size: 22px !important;
}
/*
.app > .main-container > .nav-container {
	width: 50px !important;	
}

@media (min-width: 768px) {
    .app>.main-container>.content-container {
        margin-left: 50px;
    }
}



@media (max-width: 767px) {
    .on-canvas .main-container #content {
        margin-left: 0;
        margin-right: 0;
    }
}
*/
.header-container > .top-header .top-nav .nav-left > li {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.btn-toolbar-top {
  padding-bottom: 10px;
}
.btn-toolbar-bottom {
  padding-top: 10px;
}
.btn-toolbar-icon {
  width: 70px;
}
.btn-toolbar-icon-sm {
  width: 44px;
}
.label-toolbar {
  padding: 7px 10px 0;
  float: left;
}
.btn-group-right {
  float: right !important;
}
.btn-accengage {
  background-color: #1d71b8;
  border-color: #1d71b8;
  color: #fff;
}
.btn-onesignal {
  background-color: #E34B4D;
  border-color: #E34B4D;
  color: #fff;
}
.btn-airship {
  background-color: #004bff;
  border-color: #004bff;
  color: #fff;
}
.btn-waboxapp {
  background-color: #25D366;
  border-color: #25D366;
  color: #fff;
}
.btn-mailchimp {
  background-color: #FFE01C;
  border-color: #FFE01C;
  color: #000;
}
.btn-instagram {
  background-color: #e1306c;
  border-color: #e1306c;
  color: #fff;
}
.btn-instagram:hover {
  background-color: #be1b52;
  border-color: #be1b52;
  color: #fff;
}
.btn-tiktok {
  background-color: #010101;
  border-color: #010101;
  color: #fff;
}
.btn-tiktok:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.btn-linkedin {
  background-color: #2867b2 !important;
  border-color: #2867b2 !important;
  color: #fff !important;
}
.btn-linkedin:hover {
  background-color: #143359 !important;
  border-color: #143359 !important;
  color: #fff;
}
.btn-twitter {
  color: #fff;
  background-color: #14171A;
  border-color: #14171A;
}
.btn-twitter:hover {
  color: #fff;
  text-decoration: none;
  background-color: #14171A;
  border-color: #14171A;
}
.btn-bluesky {
  color: #fff;
  background-color: #0085ff;
  border-color: #0085ff;
}
.btn-bluesky:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0085ff;
  border-color: #0085ff;
}
.drag-over {
  border: 2px dashed #0074D9 !important;
}
.drag-over p {
  color: #0074D9 !important;
}
.drag-over-content {
  outline: 2px dashed #0074D9 !important;
  outline-offset: -2px !important;
}
.cfp-hotkeys-key {
  display: inline-block;
  color: #fff;
  background-color: #0f4d6b !important;
  border: none !important;
  border-radius: 5px;
  text-align: center;
  margin-right: 5px;
  box-shadow: none !important;
  padding: 5px 9px;
  font-size: 1em;
}
/* the mail menu */
.mail-categories ul {
  overflow: hidden;
}
.mail-categories li {
  white-space: nowrap;
}
.mail-categories a {
  text-overflow: ellipsis;
  overflow: hidden;
}
.mail-categories .badge {
  position: absolute;
  right: 15px;
}
.socialLabel {
  width: 100px;
  height: 23px;
  display: inline-flex;
  font-size: 11px;
}
.socialLabel .social-logo {
  padding-right: 5px;
}
.socialLabel .social-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.oneLine {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.carousel_img {
  height: 105px;
  width: 105px;
  position: relative;
  background-position: center center;
}
.image-upload-row {
  margin-left: -5px !important;
  margin-right: -5px !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  width: 100%;
}
.image-upload-thumbnail {
  margin-bottom: 10px !important;
  height: 216px !important;
  padding-top: 8px;
}
.image-upload-image {
  max-height: 140px;
  vertical-align: middle;
  max-width: 100%;
  position: relative;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.image-upload-caption {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.thumbnail-container {
  position: relative;
  text-align: center;
}
.thumbnail-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 64px;
  opacity: 0.8;
}
.td-nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 1px;
}
.td-nowrap img {
  height: 23px;
  padding-right: 5px;
}
.td-w-checkbox {
  width: 40px;
  padding: 15px 0 15px 15px !important;
  overflow: hidden;
}
.w-1-btn {
  width: 30px;
}
.w-2-btn {
  width: 60px;
}
.w-3-btn {
  width: 90px;
}
.w-4-btn {
  width: 120px;
}
.w-std-elem {
  width: 100px;
}
.w-destination {
  width: 170px;
}
.w-date-xs {
  width: 100px;
}
.w-date-md {
  width: 160px;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.table-disabled {
  background-color: #F6F6F6;
  color: #C6C6c6;
}
.highlight.inText {
  padding: 0;
}
.pagination-container .no-page {
  border-top: 0;
  border-bottom: 0;
  cursor: default;
}
.pagination-container .no-page:hover {
  background-color: #FFF;
}
/* time selector */
.uib-time input {
  margin: 0 5px;
}
/* stacks */
.ui-timline-container {
  padding: 0 0 0 15px !important;
}
.ui-stack:before {
  left: 3px !important
}
.ui-stack {
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse
}
.ui-stack:before {
  background-color: #d5d5d5;
  bottom: 0px;
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 1px;
  z-index: 0
}
.ui-stack .tl-item {
  display: table-row;
  margin-bottom: 5px
}
.ui-stack .tl-item:before {
  display: none;
  content: ""
}
.ui-stack .tl-item .tl-caption {
  margin-left: -50px
}
.ui-stack .tl-item .tl-body {
  display: table-cell;
  width: 50%;
  vertical-align: top
}
.ui-stack .tl-item .tl-body .tl-entry {
  position: relative;
  margin: 0 0 15px 36px
}
.ui-stack .tl-item .tl-body .tl-time {
  z-index: 1;
  position: absolute;
  left: auto;
  right: 15px;
  top: 5px;
  width: 150px;
  color: #777;
  line-height: 35px;
  text-align: right
}
.ui-stack .tl-item .tl-body .tl-icon {
  position: absolute;
  left: -50px;
  top: 5px
}
.ui-stack .tl-item .tl-body .tl-content {
  position: relative;
  padding: 15px;
  border-radius: 2px;
  background-color: #fff;
  margin-left: 55px;
}
.ui-stack .tl-item .tl-body .tl-content:after {
  content: " ";
  line-height: 0;
  position: absolute;
  left: -16px;
  top: 15px;
  border: 8px solid transparent;
  border-right: 8px solid #fff
}
.ui-stack .tl-item.alt .tl-body .tl-content {
  background-color: #FFF;
}
.ui-stack .tl-item.alt .tl-body .tl-content::after {
  border-color: transparent #FFF transparent transparent;
}
.emptyTabs .tab-content {
  padding: 0 !important;
}
.hasLabel {
  padding-top: 7px;
}
.detailAttachment {
  margin-bottom: 5px;
}
.panel-profile .logosocial {
  color: #FFF;
  width: 80px;
  font-size: 70px;
  text-align: center;
  margin-right: 10px;
}
.panel-profile .profilesocial {
  /*border: 2px solid #fff;*/
  border-radius: 2px;
  margin: 5px 15px 5px 5px;
}
.no-bottom {
  margin-bottom: 0 !important;
}
.dropdown-menu > ng-repeat > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > ng-repeat > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #1C7EBB;
}
.checkboxBottomRight {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 22px;
  height: 22px;
  padding-left: 4px;
  background-color: #0074D9;
}
.iconOnImage {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFF;
}
.buttons-bar {
  margin-bottom: 10px !important;
}
.imageList {
  border: 1px solid #CBD5DD;
  border-radius: 2px;
}
.selected {
  outline: 3px solid #0074D9 !important;
  outline-offset: -3px !important;
}
.file-thumbnail {
  max-height: 140px;
  vertical-align: middle;
  max-width: 100%;
  position: relative;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.fa-beat {
  -webkit-animation: fa-beat 1s infinite linear;
  animation: fa-beat 1s infinite linear;
}
@-webkit-keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.online {
  border: 2px #2ECC40 solid;
  margin: 0px;
}
/* for debugging */
.string {
  color: blue;
}
.number {
  color: red;
}
.boolean {
  color: darkorange;
}
.null {
  color: magenta;
}
.key {
  color: green;
}
/* from colors : http://clrs.cc/ */
/* Backgrounds */
.bg-navy {
  background-color: #001F3F !important;
}
.bg-blue {
  background-color: #0074D9 !important;
}
.bg-aqua {
  background-color: #7FDBFF !important;
}
.bg-teal {
  background-color: #39CCCC !important;
}
.bg-olive {
  background-color: #3D9970 !important;
}
.bg-green {
  background-color: #2ECC40 !important;
}
.bg-lime {
  background-color: #01FF70 !important;
}
.bg-yellow {
  background-color: #FFDC00 !important;
}
.bg-orange {
  background-color: #FF851B !important;
}
.bg-red {
  background-color: #FF4136 !important;
}
.bg-fuchsia {
  background-color: #F012BE !important;
}
.bg-purple {
  background-color: #B10DC9 !important;
}
.bg-maroon {
  background-color: #85144B !important;
}
.bg-white {
  background-color: #FFFFFF !important;
}
.bg-gray {
  background-color: #AAAAAA !important;
}
.bg-silver {
  background-color: #DDDDDD !important;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-yellowgreen {
  background-color: #7ea728;
}
/* Colors */
.navy {
  color: #001F3F;
}
.blue {
  color: #0074D9;
}
.aqua {
  color: #7FDBFF;
}
.teal {
  color: #39CCCC;
}
.olive {
  color: #3D9970;
}
.green {
  color: #2ECC40;
}
.lime {
  color: #01FF70;
}
.yellow {
  color: #FFDC00;
}
.orange {
  color: #FF851B;
}
.red {
  color: #FF4136;
}
.fuchsia {
  color: #F012BE;
}
.purple {
  color: #B10DC9;
}
.maroon {
  color: #85144B;
}
.white {
  color: #FFFFFF;
}
.silver {
  color: #DDDDDD;
}
.gray {
  color: #AAAAAA;
}
.black {
  color: #111111;
}
.yellowgreen {
  color: #7ea728;
}
/* Border colors 

   Use with another border utility that sets border-width and style 
   i.e .border { border-width: 1px); border-style: solid); }     
*/
.border--navy {
  border-color: #001F3F !important;
}
.border--blue {
  border-color: #0074D9 !important;
}
.border--aqua {
  border-color: #7FDBFF !important;
}
.border--teal {
  border-color: #39CCCC !important;
}
.border--olive {
  border-color: #3D9970 !important;
}
.border--green {
  border-color: #2ECC40 !important;
}
.border--lime {
  border-color: #01FF70 !important;
}
.border--yellow {
  border-color: #FFDC00 !important;
}
.border--orange {
  border-color: #FF851B !important;
}
.border--red {
  border-color: #FF4136 !important;
}
.border--fuchsia {
  border-color: #F012BE !important;
}
.border--purple {
  border-color: #B10DC9 !important;
}
.border--maroon {
  border-color: #85144B !important;
}
.border--white {
  border-color: #FFFFFF !important;
}
.border--gray {
  border-color: #AAAAAA !important;
}
.border--silver {
  border-color: #DDDDDD !important;
}
.border--black {
  border-color: #111111 !important;
}
.border--yellowgreen {
  border-color: #7ea728;
}
/* Fills for SVG */
.fill-navy {
  fill: #001F3F;
}
.fill-blue {
  fill: #0074D9;
}
.fill-aqua {
  fill: #7FDBFF;
}
.fill-teal {
  fill: #39CCCC;
}
.fill-olive {
  fill: #3D9970;
}
.fill-green {
  fill: #2ECC40;
}
.fill-lime {
  fill: #01FF70;
}
.fill-yellow {
  fill: #FFDC00;
}
.fill-orange {
  fill: #FF851B;
}
.fill-red {
  fill: #FF4136;
}
.fill-fuchsia {
  fill: #F012BE;
}
.fill-purple {
  fill: #B10DC9;
}
.fill-maroon {
  fill: #85144B;
}
.fill-white {
  fill: #FFFFFF;
}
.fill-gray {
  fill: #AAAAAA;
}
.fill-silver {
  fill: #DDDDDD;
}
.fill-black {
  fill: #111111;
}
.fill-yellowgreen {
  fill: #7ea728;
}
/* Strokes for SVG */
.stroke-navy {
  stroke: #001F3F;
}
.stroke-blue {
  stroke: #0074D9;
}
.stroke-aqua {
  stroke: #7FDBFF;
}
.stroke-teal {
  stroke: #39CCCC;
}
.stroke-olive {
  stroke: #3D9970;
}
.stroke-green {
  stroke: #2ECC40;
}
.stroke-lime {
  stroke: #01FF70;
}
.stroke-yellow {
  stroke: #FFDC00;
}
.stroke-orange {
  stroke: #FF851B;
}
.stroke-red {
  stroke: #FF4136;
}
.stroke-fuchsia {
  stroke: #F012BE;
}
.stroke-purple {
  stroke: #B10DC9;
}
.stroke-maroon {
  stroke: #85144B;
}
.stroke-white {
  stroke: #FFFFFF;
}
.stroke-gray {
  stroke: #AAAAAA;
}
.stroke-silver {
  stroke: #DDDDDD;
}
.stroke-black {
  stroke: #111111;
}
.stroke-yellowgreen {
  stroke: #7ea728;
}