/* ============== COMMON ================= */


@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
    font-weight: bold;
}

@font-face {
  font-family: 'clappyu-app-icon';
  src:  url('../fonts/clappyu-app-icon.eot?cd2zca');
  src:  url('../fonts/clappyu-app-icon.eot?cd2zca#iefix') format('embedded-opentype'),
    url('../fonts/clappyu-app-icon.ttf?cd2zca') format('truetype'),
    url('../fonts/clappyu-app-icon.woff?cd2zca') format('woff'),
    url('../fonts/clappyu-app-icon.svg?cd2zca#clappyu-app-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

form .form-input:first-child:after,
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'clappyu-app-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\e900";
}
.icon-heart:before {
  content: "\e901";
}
.icon-symbol:before {
  content: "\e902";
}
.icon-close2:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
}
.icon-instagram:before {
  content: "\e905";
}
.icon-vimeo:before {
  content: "\e906";
}
.icon-pinterest:before {
  content: "\e907";
}
.icon-twitter:before {
  content: "\e908";
}
.icon-youtube:before {
  content: "\e909";
}
.icon-linkedin:before {
    content: "\e932";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-pin:before {
  content: "\e90b";
}
.icon-pin2:before {
  content: "\e90c";
}
.icon-info:before {
  content: "\e90d";
}
.icon-search:before {
  content: "\e90e";
}
.icon-star:before {
  content: "\e90f";
}
.icon-calendar:before {
  content: "\e910";
}
.icon-gallery:before {
  content: "\e911";
}
.icon-video:before {
  content: "\e912";
}
.icon-sound:before {
  content: "\e913";
}
.icon-info2:before {
  content: "\e914";
}
.icon-talk:before {
  content: "\e915";
}
.icon-warning:before {
  content: "\e916";
}
.icon-agents:before {
  content: "\e917";
}
.icon-profile:before {
  content: "\e918";
}
.icon-home:before {
  content: "\e919";
}
.icon-community:before {
  content: "\e91a";
}
.icon-pencil:before {
  content: "\e91b";
}
.icon-eyes:before {
  content: "\e91c";
}
.icon-burguer:before {
  content: "\e91d";
}
.icon-business:before {
  content: "\e91e";
}
.icon-faq:before {
  content: "\e91f";
}
.icon-helpdesk:before {
  content: "\e920";
}
.icon-check:before {
  content: "\e921";
}
.icon-down:before {
  content: "\e922";
}
.icon-sound2:before {
  content: "\e923";
}
.icon-events:before {
  content: "\e924";
}
.icon-time:before {
  content: "\e925";
}
.icon-play:before {
  content: "\e926";
}
.icon-stop:before {
  content: "\e927";
}
.icon-pause:before {
  content: "\e928";
}
.icon-attachments:before {
  content: "\e929";
}
.icon-mail:before {
  content: "\e92a";
}
.icon-camera:before {
  content: "\e92b";
}
.icon-todo:before {
  content: "\e92c";
}
.icon-follow:before {
  content: "\e92d";
}
.icon-like:before {
  content: "\e92e";
}
.icon-filter:before {
  content: "\e92f";
}
.icon-newbiz:before {
  content: "\e930";
}
.icon-archivedbiz:before {
  content: "\e931";
}
i.icon-prev:before,
i.icon-next:before {
    content: "\e933";
}

i.icon-next {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 8px);
    right: 2%;
    color: #ff463a;
    margin-top: -3px;
    font-size: 26px;
}

.agendaView i.icon-eyes {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 2px);
    right: 3%;
    color: #ff463a;
    margin-top: -10px;
    font-size: 28px;
}

i.icon-prev {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menuView .col-33 a[data-page="home"] i { font-size: 42px }


.cloud-header{
    position: absolute;
    width: 741px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 418px;
    -webkit-animation-duration: 90s;
    animation-duration: 90s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: Semifloat, FadeFloat;
    animation-name: Semifloat, FadeFloat;
    background-image: url('../img/cloud1.png');
    bottom: 100px;
    left: calc(50% - 741px);
    z-index: 0;
}

ion-view,
ion-content {
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    min-height: calc(100% + 1px);
}

ion-view.menuView {    min-height: 100%;}


body.usertype-1 {}
body.usertype-1 .bar-subheader:not(.ligh-green) {background-color: #ff463a;}
body.usertype-1 .bar-subheader:not(.ligh-green) p {
    color: #922821;
    text-shadow: 0px 1px 0px #ff7970;
}

body.usertype-2 {}
body.usertype-2 .bar-subheader:not(.ligh-green) {background-color: #0079cd;}
body.usertype-2 .bar-subheader:not(.ligh-green) p {
    color: #083e54;
    /*text-shadow: 0px 1px 0px #4e9cd2;*/
}
body.usertype-2 .item-avatar h2 {color:#0079cd;}
body.usertype-2 .item-avatar i.icon-next,
body.usertype-2 .item-avatar i.icon-mail {color:#0079cd;}
body.usertype-2 .item-avatar i.icon-mail:after {background: #0079cd;}
body.usertype-2 .item-avatar i.icon-mail span,
body.usertype-2 .item-avatar i.icon-mail span {background: #0079cd;}

body.usertype-6 .item-avatar h2 {color:#0079cd;}
body.usertype-6 .item-avatar i.icon-next,
body.usertype-6 .item-avatar i.icon-mail {color:#0079cd;}
body.usertype-6 .item-avatar i.icon-mail:after {background: #0079cd;}
body.usertype-6 .item-avatar i.icon-mail span,
body.usertype-6 .item-avatar i.icon-mail span {background: #0079cd;}

body.usertype-3 {

}
body.usertype-4 {

}
body.usertype-5 {

}
body.usertype-6 {

}



.swiper-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
}
.swiper-slide {

    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #efefef;
}

.galClose {
    position: absolute;
    z-index: 9999;
    top: 10px;
    right: 10px;
}
.galClose i {    display: block;
    font-size: 17px;
    border: 2px solid #c10000;
    color: #c10000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    line-height: 35px;
    margin: 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.75);
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #c10000;
}

.swal2-container {
    padding: 15px;
}
.swal2-icon {
    margin: 20px auto 10px;
}
.swal2-modal h2 {
    font-size: 20px;
    padding: 0 30px;
    line-height: 1.1em;
    margin-bottom: 20px;
}
.swal2-modal .swal2-content {
    font-size: 14px;
    padding: 0 10px;
}
.swal2-modal .styled {
    font-size: 18px;
    padding: 7px 25px;
}

.plyr, .plyr *, .plyr ::after, .plyr ::before {}
.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large {
    background: #ff4337;
}
.plyr__progress--played, .plyr__volume--display {
    color: #ff4337;
}


body.loading .loader{
    bottom: 0;
    opacity: 1;
    -webkit-transition: bottom 0s, opacity .2s 0s;
    -moz-transition: bottom 0s, opacity .2s 0s;
    -ms-transition: bottom 0s, opacity .2s 0s;
    -o-transition: bottom 0s, opacity .2s 0s;
    transition: bottom 0s, opacity .2s 0s;
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 100%;
    background: rgba(239, 232, 222, 0.99);
    opacity: 0;
    -webkit-transition: bottom 0s .2s,opacity .2s 0s;
    -moz-transition: bottom 0s .2s,opacity .2s 0s;
    -ms-transition: bottom 0s .2s,opacity .2s 0s;
    -o-transition: bottom 0s .2s,opacity .2s 0s;
    transition: bottom 0s .2s,opacity .2s 0s;
    z-index: -1;
}

.loading .loader {
    bottom: 0;
    opacity: 1;
    -webkit-transition: bottom 0s,opacity .2s 0s;
    -moz-transition: bottom 0s,opacity .2s 0s;
    -ms-transition: bottom 0s,opacity .2s 0s;
    -o-transition: bottom 0s,opacity .2s 0s;
    transition: bottom 0s,opacity .2s 0s;
    z-index: 9;
}
.loader .svg {
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 150px);
    display: block;
    -webkit-animation: svg-rotate 8000ms linear infinite;
    animation: svg-rotate 8000ms linear infinite;
    opacity: 0;
}

.loading .loader .svg { opacity: 1 }

.loader circle {
    fill: transparent;
    stroke: rgba(154, 26, 26, 0.7);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 0, 301.59289;
    -webkit-animation: stroke-dash 2000ms linear infinite, stroke-width 2000ms linear infinite;
    animation: stroke-dash 2000ms linear infinite, stroke-width 2000ms linear infinite;
}


@-webkit-keyframes svg-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes svg-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes stroke-width {
    0%, 100% {
        stroke-width: 0;
    }
    45%, 55% {
        stroke-width: 2;
    }
    50% {
        stroke-width: 2;
    }
}

@keyframes stroke-width {
    0%, 100% {
        stroke-width: 0;
    }
    45%, 55% {
        stroke-width: 2;
    }
    50% {
        stroke-width: 2;
    }
}

@-webkit-keyframes stroke-dash {
    0% {
        stroke-dasharray: 0, 301.59289;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 301.59289, 0;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 301.59289, 301.59289;
        stroke-dashoffset: -301.59289;
    }
}

@keyframes stroke-dash {
    0% {
        stroke-dasharray: 0, 301.59289;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 301.59289, 0;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 301.59289, 301.59289;
        stroke-dashoffset: -301.59289;
    }
}

.row + .row {
    margin-top: 0;
    padding-top: 0;
}


#container {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  display: block;
  -webkit-perspective: 300px;
          perspective: 300px; }

@media (min-width: 680px) {
  .bigModal {
    top: 0px !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important; }
  .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
    margin-top: 20px; }
  .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
    height: 64px; }
  .platform-ios.platform-cordova .modal-wrapper .modal .has-header, .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
    top: 64px; } }

.center-content {
  display: table !important;
  width: 100% !important;
  height: 100% !important; }
  .center-content .scroll {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

.center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.animate-item {
  -webkit-animation: fadeInLeft 1s;
          animation: fadeInLeft 1s; }

.menu ion-header-bar {
  border: none;
  box-shadow: none;
  min-height: 150px;
  color: #fff;
  padding: 0; }
  .menu ion-header-bar .item {
    background-color: #206AA7;
    border: none;
    width: 100%;
    padding-left: 120px;
    padding-top: 45px; }
    .menu ion-header-bar .item img {
      max-width: 100px !important;
      top: 25% !important;
      left: 10px !important; }
    .menu ion-header-bar .item h2, .menu ion-header-bar .item p {
      font-family: 'Montserrat'; }
    .menu ion-header-bar .item h2 {
      font-size: 35px;
      font-weight: bold; }
    .menu ion-header-bar .item p {
      font-size: 20px;
      color: white; }

.menu ion-content {
  top: 150px !important;
  background: linear-gradient(10deg, #313131, #1c1c1c, #002F57);
  background-size: 800% 800%;
  -webkit-animation: background 26s ease infinite;
          animation: background 26s ease infinite; }
  .menu ion-content .item {
    border: none;
    background-color: transparent; }
    .menu ion-content .item .item-content {
      background-color: transparent;
      color: white; }
  .menu ion-content .item.active {
    background-color: white !important; }
    .menu ion-content .item.active .item-content {
      color: black;
      font-weight: bold; }

.menu-open .menu ion-header-bar img {
  -webkit-animation-name: flash;
          animation-name: flash; }

.popoverView {
  background-color: #4E5E6E !important; }
  .popoverView .scroll {
    height: 100%; }
    .popoverView .scroll .slider {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      bottom: 0 !important;
      right: 0 !important;
      text-align: center; }
      .popoverView .scroll .slider .slider-slide img {
        max-height: 100%;
        max-width: 100%; }

.usersModal .title, .usersModal .item {
  font-family: 'Montserrat'; }

.usersModal .title {
  font-size: 26px;
  font-weight: bold; }

.usersModal .item {
  font-size: 20px; }

.usersModal .animate-item.ng-enter {
  -webkit-animation: fadeInLeft 1s;
          animation: fadeInLeft 1s; }

.usersModal .animate-item.ng-enter-stagger {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-duration: 0;
          animation-duration: 0; }


html, body {
    font-family: 'Montserrat';
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
    color: #333333;
    background: #e7e5e5;
}

@keyframes Semifloat {
    0% { transform: translate3D(60%,0,0); }
    50% { transform: translate3D(-15%,0,0); }
    100% { transform: translate3D(60%,0,0); }
}

@-webkit-keyframes Semifloat {
    0% { -webkit-transform: translate3D(60%,0,0); }
    50% { -webkit-transform: translate3D(-15%,0,0); }
    100% { -webkit-transform: translate3D(60%,0,0); }
}

.float-right { float: right!important; }
img { max-width: 100% }


.has-footer {
    padding-bottom:  115px;
}
.has-header {
    top: 60px;
}


.bar-dark span.left-buttons {
    margin-top: 0px;
    margin-left: 5px;
}
.bar-dark i.icon-symbol {
    font-size: 48px;
    color: #eceaea;
}

.bar.bar-dark .button.button-icon {
    top: 7px;
    height: 100%;
    border: 0;
    line-height: 45px;
}

.bar.bar-dark  .buttons-right span {
    margin-right: 5px;
}

.bar-dark .button.button-clear.trigger-notifications {
    color: #fd463a;
    border: 2px solid #fd463a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    top: 10px;
}

.bar-dark .button.button-clear.trigger-notifications i {
    font-size: 17px;
    line-height: 27px;
    vertical-align: top;
    display: inline-block;
}

.bar-dark .button.button-clear.trigger-search {
    margin-right: 40px;
}

.bar-dark .button.button-clear.trigger-search i {
    font-size: 28px;
    line-height: 30px;
    color: #eceaea;
}

.bar-dark .button-icon.ion-navicon:before {
    font-size: 48px;
    color: #eceaea;
    line-height: 42px;
}

.bar-dark.bar-header {
    height: 60px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.24);
}

.bar-header .header-item {
    top: 10px;
    bottom: 10px;
}

.bar-subheader {
    top: 60px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 5;
}

.has-subheader {
    top: 110px;
}

.bar-subheader {
    padding: 0;
    border: none;
    background-color: #ff463a;
    background-image: none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.bar-subheader p {
    margin: 0;
    color: #922821;
    font-size: 14px;
    line-height: 45px;
    /*text-shadow: 0px 1px 0px #ff7970;
    width: 100%;*/
    width: auto;
    right: 0px;
    position: fixed;
}

.bar-subheader p i {
    font-size: 22px;
    line-height: 30px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 17px;
    display: inline-block;
    margin-top: -4px;
}

.bg-lightgrey {
    background-color: #e7e5e5;
}


.bar-footer {
    height: 55px;
    padding: 10px 5px;
}

.bar-footer .tabs {
    margin-left: -5px;
    height: 55px;
}

.bar-footer .tabs .tab-item,
.bar-footer .tabs .tab-item i {
    height: 55px;
}
.bar-footer .tabs .tab-item { color: #7b7979; }
.bar-footer .tabs .tab-item.tab-item-active{ color: #fff; }

.card {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

.row > .card {
    margin: 20px 5px;
}


form .form-input label {
    display: block;
    margin: 15px 0 2px 5px;
    color: #ff463c;
    font-weight: 600;
    line-height: 20px;
}

form .form-input input,
form .form-input select,
form .form-input textarea {
    width: 100%;
    padding: 10px;
    border: 0;
    font-size: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #9c9c9c;
    font-weight: 600;
    background-color: #eeeeee;
}
form .form-input select {
    height: 34px;
}

form .form-input textarea {
    height: 150px;
    resize: none;
}

form .form-input:last-child {
    margin-bottom: 5px;
}

.has-footer + button.button-icon.round-overlay-button {
    bottom: 65px;
}

button.button-icon.round-overlay-button.btBack {
    font-size: 26px;
}



form .form-input .checkBox {
    display: inline-block;
    margin: 0 10px 0 5px;
}
form .form-input .checkBox input {
    display: inline-block;
    position: relative;
    width: 22px;
    margin: 0;
    padding: 0 10px 0 0;
}
form .form-input .checkBox label {
    display: inline-block;
    margin: 0;
    padding: 8px 15px 8px 5px;
    width: auto;
    color: #666;
    font-weight: normal;
}

/* ======= HOME VIEW ======== */


.homeView {
    color: #404041;
    background-color: #9dc6d6;
}

.homeView:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    background-image: url('../img/login-cloud.png');
    background-size: contain;
    background-position: 50% -250px;
    background-repeat: no-repeat;
    -webkit-animation-duration: 90s;
    animation-duration: 90s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: Semifloat;
    animation-name: Semifloat;
    z-index: -1;
}

.homeView h1 {
    font-size: 2.0em;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Montserrat';
}

.homeView p {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
}

    .homeView .scroll-content .scroll .row-center {
      min-height: calc(100% - 120px); }

.homeView .list {
    background-color: transparent;
}

.homeView .item-input,
.homeView .item-select {
    border-color: #7697a2;
    background-color: rgba(208, 238, 249, 0.6);
    margin-bottom: 5px;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    border-radius: 4px!important;
    padding: 6px 16px 6px 16px
}

.homeView .item-input input {
    text-align: center;
    padding-right: 0!important;
    color: #333;
}

.homeView .item-input input::-webkit-input-placeholder { color: #333!important; opacity: 1 }
.homeView .item-input input::-ms-input-placeholder { color: #333!important; opacity: 1 }
.homeView .item-input input::-moz-placeholder { color: #333!important; opacity: 1 }

.homeView .item-select select {
    width: 100%;
}
.homeView form#registerForm .item-input,
.homeView form#registerForm .item-select {
    height: 36px;
    text-align: left;
}
.homeView form#registerForm .item-input input {text-align: left;}
.homeView form#registerForm .item-select select {
    text-align: left;
    width: 100%;
    max-width: 100%;
    background: none;
    direction: ltr;
    z-index: 999999;
}

.homeView a.button-login {
    background-color: #0097cd;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5%;
    line-height: 44px;
}

.homeView a.button-login:active,
.homeView a.button-login:focus{
    background-color: #0187b7;
}

.homeView a.button-login i {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    margin-top: 0;
    vertical-align: middle;
    font-size: 24px;
    margin-left: 10px;
}



.homeView a.button-register {
    background-color: #025402;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5%;
    margin-top: 0 !important;
    line-height: 35px;
    height: 35px !important;
    min-height: 35px !important;
    width: 200px;
    margin: 0 auto;
    transform: translateY(-15px);
}

.homeView a.button-register:active,
.homeView a.button-register:focus{
    background-color: #ff4337;
}


.homeView .actions {}

.homeView .actions .col { padding: 0 }
.homeView .actions .col:first-child { text-align: left; }
.homeView .actions .col:last-child { text-align: right; }

.homeView .actions button {
    padding: 0;
}



.btn-spinner {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}





/* ======= MENU ======== */

.menuView {
    background-color: #ff463a;
}

.menuView.casaEventos {
    background-color: #363636;
}

.menuView .button-icon.ion-navicon {
    color: #fff;
    font-size: 48px;
}

.menuView .scroll { height: 100%; }
.menuView .scroll .row .col-33 {
    display: inline-block;
    vertical-align: top;
}

.menuView .scroll > .row + div {
    height: calc(100% - 68px);
}

.menuView .col-33 a,
.menuView .col-25 a {
    color: #fff;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    width: 80%;
    margin: 0 10%;
}

.menuView .col-33 a:active,
.menuView .col-33 a:focus,
.menuView .col-33 a.active,
.menuView .col-25 a:active,
.menuView .col-25 a:focus,
.menuView .col-25 a.active {
    color: #a7251d;
}

.menuView.casaEventos .col-33 a:active,
.menuView.casaEventos .col-33 a:focus,
.menuView.casaEventos .col-33 a.active,
.menuView.casaEventos .col-25 a:active,
.menuView.casaEventos .col-25 a:focus,
.menuView.casaEventos .col-25 a.active {
    color: #0097cc;
}

.menuView .col-33 a i,
.menuView .col-25 a i {
    position: relative;
    display: block;
    font-size: 38px;
    line-height: 54px;
}


.menuView .col-33 a i.hasData span,
.menuView .col-25 a i.hasData span {
    color: #fff;
    background: #363636;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    line-height: 27px;
    font-size: 12px;
    position: absolute;
    left: calc(50% - 30px);
    top: -3px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;

    -webkit-animation:pop-in 1s;
    -moz-animation:pop-in 1s;
    -ms-animation:pop-in 1s;
}

.menuView.casaEventos .col-33 a i.hasData span,
.menuView.casaEventos .col-25 a i.hasData span {
    background: #bd261d;
}


.menuView a.disabled {opacity: 0.3;}

@-webkit-keyframes pop-in {
    0% { opacity: 0; -webkit-transform: scale(0.5); }
    25% { opacity: 1; -webkit-transform: scale(1); }
    50% { opacity: 0; -webkit-transform: scale(0.5); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes pop-in {
    0% { opacity: 0; -moz-transform: scale(0.5); }
    25% { opacity: 1; -moz-transform: scale(1); }
    50% { opacity: 0; -moz-transform: scale(0.5); }
    100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes pop-in {
    0% { opacity: 0; transform: scale(0.5); }
    25% { opacity: 1; transform: scale(1); }
    50% { opacity: 0; transform: scale(0.5); }
    100% { opacity: 1; transform: scale(1); }
}


.menuView .col-33 a i.icon-close {
    font-size: 17px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    line-height: 35px;
    margin: 14px auto 8px auto;
}

.menuView .col-33 a label,
.menuView .col-25 a label {
    margin-top: 6px;
    max-width: 91px;
    display: inline-block;
    font-size: 11px;
    line-height: 1.3;
}

.menuView .col .row {
    margin: 0.8rem 0;
}

.menuView .col .row.sub {
    display: none;
    overflow: hidden;
    height: 0px;
    margin: 10px -25px;
    width: calc(100% + 45px);
    padding: 0px 25px;
    background: #656565;
    border-top: 1px solid #272727;
    border-bottom: 1px solid #7b7b7b;
}
.menuView .col .row.sub a {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 0px;
}
.menuView .col .row.sub a i {
    position: relative;
    display: block;
    font-size: 26px;
    line-height: 30px;
}

.item-avatar {
    overflow: hidden;
    display: inline-block;
    min-height: 110px;
    padding: 10px;
    padding-left: 95px;
    margin-bottom: -3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border: 0;
    width: 100%;
}
.item-avatar .swipe {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0px;
    padding: 10px 10px 10px 95px;
    background: #fff;
    z-index: 1;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.item-avatar .item-actions {

    top: -10px;
    left: 0;
    right: 100px;
    bottom: 0;
    text-align: right;
    background: #ccc;
    z-index: 99;
}
.item-avatar .item-actions span.subaction {
    margin: 0;
    padding-top: 10px;
    width: 20%;
    height: 100%;
    font-style: normal;
    color: #4e4e4e;
    text-shadow: 0px 1px 0px #f9f9f9;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    text-align: center;
}
.item-avatar .item-actions span.subaction i {
    position: relative;
    margin-top: 9px;
    display: block;
    width: 100%;
    font-size: 25px;
}
.item-avatar .item-actions span.subaction label {
    position: relative;
    margin-top: 5px;
    width: 100%;
    display: inline-block;
    font-size: 11px;
    line-height: 1em;
}

.item-avatar .item-actions span.subaction.agent {}
.item-avatar .item-actions span.subaction.agent i {
    font-size: 31px;
}
.item-avatar .item-actions span.subaction.agent label {
    margin-top: 1px;
}

.item-avatar .item-actions span.subaction.error {
    opacity: 0.5;
    color: #984141;
    text-shadow: 0px 1px 0px #f5ecec;
}

.item-avatar.archived {opacity: 0.7}
.item-avatar.archived .swipe {background: #f1f1f1;}


.item-avatar.has-subactions {
    padding-right: 110px;
}

.item-avatar .sub-actions {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
}
.item-avatar .sub-actions a {
    display: block;
    width: 100%;
    height: 50%;
    background: #ccc;
    color: #fff;
    line-height: 1em;
    vertical-align: middle;
    font-size: 30px;
    border: 2px solid #fff;
}
.item-avatar .sub-actions i {
    top: calc(50% - 15px);
    position: relative;
    vertical-align: middle;
    height: 30px;
    display: block;
}


.item-avatar .avatar-img {
    position: absolute;
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    left: 2%;
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px;
    border-radius: 50%;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-avatar .avatar-img span.status {
    display: none;
    position: absolute;
    bottom: 4px;
    width: 15px;
    height: 15px;
    background: #00ff08;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-animation: pop-in 1s;
    -moz-animation: pop-in 1s;
    -ms-animation: pop-in 1s;
}
.item-avatar .avatar-img span.status.s1 {left:2px;}
.item-avatar .avatar-img span.status.s2 {right:2px;}
.item-avatar .avatar-img span.status.show {display: block;}


.item-avatar .avatar-img.two {
    background-position: -36px 0px, 36px 0px;

}


.item-avatar.item-doubleavatar {
    padding-left: 115px;
}
.item-avatar.item-doubleavatar .avatar-img {
    top: calc(50% - 0px);
    left: calc(2% + 45px);
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    border: 2px solid #fff;
}
.item-avatar.item-doubleavatar .avatar-img2 {
    position: absolute;
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    left: 2%;
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px;
    border-radius: 50%;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.item-avatar > img:first-child {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2%;
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px;
    object-fit: cover;
}

.item-avatar h2 {
    margin-top: 6px;
    text-align: left;
    line-height: 18px;
    font-size: 14px;
    color: #ff463a;
    font-weight: 600;
}

.item-avatar h2 span {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.item-avatar h2 + p {
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    color: #868686;
    margin-top: -4px;
}

.item-avatar h2 + p span { font-weight: 500 }

.item-avatar .table .row {padding: 0;}


.scroll { height: 100%; }

.bar-subheader p i.icon-calendar {
    font-size: 32px;
}

.agendaView .filters a.showFilters {
    margin: 0;
    padding: 5px;
    border: 0;
    background: #e7e5e5;
}
.agendaView .filters .listFilters {
    display: none;
    margin: 10px 0;
    padding: 5px;
    width: 100%;
}

.agendaView .filters a p {
    margin-bottom: 0;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #6f6f6f;
}

.agendaView .filters p i {
    margin-left: 10px;
    margin-top: 1px;
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
}


.agendaView .item {
    padding-top: 0px;
    padding-left: 20%;
    padding-bottom: 0;
    padding-right: 0;
    min-height: 75px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 auto -4px auto;
    display: inline-block;
}
.agendaView .item.item-avatar:first-child {margin-top: 0;}
.agendaView .item.item-avatar {
    margin-top: 30px;
    padding: 5px 10px 5px 75px;
}
.agendaView .item-avatar > img:first-child {
    width: 50px;
    height: 50px;
}
.agendaView .item-avatar h2 {margin-top:15px;line-height: 16px;}
.agendaView .item-avatar h2 + p {margin: 0}

.agendaView .item-avatar button.button-icon.round-overlay-button {
    position: absolute;
    box-shadow: none;
    width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    top: 20px;
}
.agendaView .item-avatar button.button-icon.round-overlay-button i {
    line-height: 40px;
    font-size: 22px;
}

.agendaView .item .item-day {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20%;
    max-width: 95px;
    background-color: #eaeaea;
    color: #525252;
    padding: 25px 6px 6px;
}

.agendaView .item.current .item-day {
    color: #fff;
    background-color: #fc362a;
}

.agendaView .item .item-day:before {
    font-family: 'clappyu-app-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 4%;
    right: 4%;
    font-size: 22px;
}

.agendaView .item.privado .item-day:before {
    content: "\e918";
}
.agendaView .item.agente .item-day:before {
    content: "\e917";
}
.agendaView .item.evento .item-day:before {
    content: "\e924";
}

.agendaView .item .item-day + div {
    min-height: 75px;
    padding: 15px;
    line-height: 1.1em;
}

.agendaView .item .item-day + div h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
    margin: 0;
    color: #fc362a;
}

.agendaView .item .item-day + div span {
    font-size: 11px;
    color: #868686;
}

.agendaView .item .item-day > div {
    height: 100%;
    width: 100%;
}

.agendaView .item .item-day span {
    display: block;
    width: 100%;
    text-align: center;
}

.agendaView .item .item-day span.day {
    font-size: 25px;
    margin-top: 6px;
    margin-bottom: 3px;
}

.agendaView .item .item-day span.weekly-day {
    font-size: 13px;
}


button.button-icon.round-overlay-button {
    position: fixed;
    height: 56px;
    width: 56px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    min-height: 56px;
    padding: 0;
    border: none;
    background-color: #c4c4c4;
    color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    transition: all linear 220ms;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    left: 4%;
    bottom: 55px;
    z-index: 99;
}

button.button-icon.round-overlay-button.right {
    left: auto;
    right: 4%;
}

button.button-icon.round-overlay-button.red {
    background-color: #ff463a
}

button.button-icon.round-overlay-button.grey {
    background-color: #525252
}

button.button-icon.round-overlay-button.green {
    background-color: #54cf6b;
}

button.button-icon.round-overlay-button.closedeal {
    bottom: calc(3% + 56px + 10px);
}

button.button-icon.round-overlay-button i {
    font-size: 28px;
    line-height: 56px;
}

.bar-subheader p i.icon-faq {
    font-size: 30px;
}

.faqsView .faqs-section:first-child {
    padding-top: 10px;
}
.faqsView .faqs-section .sub-title h3 {
    font-weight: 600;
    font-size: 18px;
    color: #ff463a;
    margin: 5px 0;
    padding-left: 25px;
}

.faqsView .item-stable p,
.faqsView .item-accordion p {
    color: #9a9898;
    line-height: 24px;
    padding-right: 30px;
    text-overflow: initial;
    white-space: initial;
}

.faqsView .item-stable.active .table p {
    color: #ff463c;
}

.faqsView .item-stable p i,
.faqsView .item-accordion p i {
    font-size: 24px;
}

.faqsView .item-accordion {
    border: 0;
    -webkit-transition: 0.09s all linear;
    transition: 0.09s all linear;
}

.faqsView .accordion .item-stable {
    border: 0;
}
.faqsView .accordion {
    margin-bottom: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.faqsView .item-accordion.ng-hide-add,
.faqsView .item-accordion.ng-hide-remove {
  display: block !important;
}

.item.active.item-stable {
    background: #fff;
}

.faqsView .item-accordion,
.faqsView .item-accordion p {
    white-space: inherit;
    text-overflow: initial;
    padding-right: 0;
}

.faqsView a.expand-cont .table-content {
    display: none;
    margin-top: 20px;
}

.eventView .event-title {
    position: relative;
    line-height: 0;
}

.eventView .event-title h2 {
    position: absolute;
    padding: 0 10%;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.eventView .event-title i {
    position: absolute;
    right: 0;
    bottom: 5%;
    font-size: 48px;
    color: #fff;
}

.eventView .event-description {
    background-color: #ff463a;
    color: #fff;
    padding: 20px 10px;
    position: relative;
}

.eventView .event-description > span {
    display: block;
    width: 100%;
    font-size: 13px;
}

.eventView .event-description + div {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 15px 0;
    color: #ff463a;
}

.eventView .event-description + div span {
    font-weight: 400;
}

.actions a {
    padding: 20px 5%;
    text-decoration: none;
    background-color: #fc463a;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: center;
}

.actions a i {
    font-size: 26px;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.actions a i + span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


.actions a:first-child {
    /*max-width: 49%;*/
    /*margin-right: 1%;*/
    line-height: 28px;
}

.actions a:last-child {
    max-width: 49%;
    margin-left: 1%;
}

.card.description {
    margin: 20px 0 5px;
    color: #868686;
    padding: 20px 15px 15px;

}

.card.description h2 {
    color: #ff463a;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 32px;
    font-weight: 600;
    margin: 15px auto;
}

.card.description p {
    font-size: 13px;
    text-align: justify;
}


.card.light-green {
    background-color: #aee5cf;
    padding: 40px 15px;
    margin: 10px 0;
}

.card.light-green h3,
.card.light-green h2 {
    color: #4a4a4b;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 21px;
    margin: 10px 0 30px;
}

.card.light-green h3 {
    margin: 10px 0;
    color: #515151;
}

.card.light-green b,
.card.light-green strong {
    color: #4a4a4b;
}


.card.light-green .txt-cont {
    color: #646465;
}

.card.light-green .txt-cont p {
    margin: 15px 0;
}

.txt-cont { display: inline-block; width: 100%; }
.txt-cont ul li {
    padding-left: .8em;
    text-indent: -.8em;
}

.txt-cont ul li:before {
    content: "• ";
    color: #4a4a4b;
    font-size: 18px;
    padding-right: .5em;
    left: -0.3em;
}

.eventView .deadline.full {
    width: calc(100% + 20px);
    margin-left: -10px;
    background-color: #ff463a;
    color: #fff;
    padding: 60px 10px;
}

.eventView .deadline.full h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 26px;
    color: #fff;
    margin: 20px 0;
}

.eventView .deadline.full i { font-size: 42px; }
.eventView .deadline.full span.apply-date {
    font-size: 21px;
    line-height: 24px;
}

.eventView .deadline.full span.apply-date bdi {
    display: block;
    margin: 5px 0 20px;
    font-size: 16px;
}

.profileView .profile-header {
    padding-top: 50vw;
}

.profileView .profile-header img.capa {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
}

.profileView .profile-header .img-artista {
    position: absolute;
    top: -22.5vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 5px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 45vw;
    height: 45vw;
    max-width: 200px;
    max-height: 200px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
}

.profileView .profile-header .img-artista > img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.profileView .profile-header .card {
    position: relative;
    overflow: visible;
    padding-top: 90px;
    color: #ff463a;
    margin-bottom: 10px;
}

.profileView .profile-header h2 {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin: 15px auto;
    text-align: center;
    color: #fc463a;
}

.profileView .profile-location {
    font-size: 16px;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.profileView .profile-register {
    text-align: center;
    color: #868686;
    font-size: 13px;
    text-transform: uppercase;
}

.profileView .statistics {
    width: calc(100% + 20px);
    margin-left: -10px;
}

.profileView .statistics span {
    line-height: 36px;
    display: inline-block;
}

.profileView .statistics i {
    font-size: 32px;
    margin-right: 5px;
    vertical-align: middle;
}

.profileView .card.description {
    padding: 40px 10px;
    margin-top: 10px;
    width: 100%;
}

.profileView .business-plan .card {
    margin: 10px 10px 0;
}

.light-red .card {
    background-color: #ff695f;
    color: #fff;
    padding: 10px 10px;
}

.light-red .card h3,
.light-red .card h4 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
}

.light-red .card h4 { font-size: 18px; }

.light-red .card p:not(.schedule-weekly){
    color: #88241e;
    font-size: 13px;
}

.light-red .card:last-child h3 + span {
    text-transform: uppercase;
    font-size: 16px;
}

.light-red .card h4,
.light-red .card .schedule {
    margin-top: 7px;
}

.light-red .card .schedule > div p { line-height: 21px; }
.light-red .card .schedule > div p:first-child {
    margin-bottom: 0;
    margin-top: 5px;
}

.social .card {
    padding: 40px 10px;
    color: #fc463a;
    text-transform: uppercase;
}

.social h3 {
    color: #fc463a;
    font-weight: 600;
    margin: 0;
    font-size: 21px;
}

.social h3 + p { font-size: 13px; margin-bottom: 40px; }

.social a {
    text-decoration: none;
    font-size: 36px;
    color: #fc463a;
}

.infotec .card {
    position: relative;
    padding: 20px;
    font-size: 12px;
    color: #666;
    font-weight: normal;
}
.infotec .card h3 {
    margin: 5px 0 20px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fc463a;
}
.infotec .card a.send-email {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 43px;
    height: 42px;
    line-height: 44px;
    font-size: 21px;
    color: #fff;
    text-align: center;
    background: #fc463a;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.infotec .card a.send-email i {}

.audioView{}

.profile-header.inner-page {
    background-color: #ff4337;
    color: #fff;
    min-height: 150px;
}
ion-view.perfilCasa .profile-header.inner-page {
    background-color: #0097cd;
}
ion-view.perfilCasa .plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large {background: #0097cd;}

.profile-header.inner-page h2 {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin: 10px auto 0;
    text-align: center;
    color: #fff;
    min-height: 32px;
}

.profile-header.inner-page span.rating {
    position: absolute;
    right: 2%;
    top: 1%;
}

.profile-header.inner-page > div:last-child { padding-bottom: 0;min-height: 55px; }
.profile-header.inner-page > div:last-child .col-33 { line-height: 32px; }
.profile-header.inner-page > div:last-child .col-33 i { font-size: 32px; vertical-align: middle}
.profile-header.inner-page > div:last-child .col-33:first-child i { margin-right: 5px }
.profile-header.inner-page > div:last-child .col-33:last-child { text-align: right }
.profile-header.inner-page > div:last-child .col-33:last-child i { margin-left: 5px }
.profile-header.inner-page > div .col-33 { position: relative}

.profile-header.inner-page .profile-genre {
    margin-bottom: 35px;
    min-height: 20px;
}

.profile-header.inner-page .profile-avatar {
    width: calc(33vw - 20px);
    height: calc(33vw - 20px);
    max-width: 200px;
    max-height: 200px;
    min-width: 90px;
    min-height: 90px;
    position: absolute;
    bottom: -40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fff;
    right: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    background-size: cover;
    background-position: center;
}

.profile-header.inner-page .profile-avatar img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.audioView a.item.item-avatar {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 20px;
    margin-bottom: 0;
}

.audioView a.item.item-avatar i {
    position: absolute;
    left: 0;
    top: 3.5px;
    bottom: 0;
    font-size: 68px;
    color: #ff4337;
    opacity: .7;
}

.audioView a.item.item-avatar h2 {
    font-weight: 500;
    font-size: 14px;
}

.audioView a.item.item-avatar h2 + p {
    margin-top: 0;
    font-size: 13px;
    font-weight: 400;
}

.audioView a.item.item-avatar .file-time {
    position: absolute;
    right: 1%;
    top: 1%;
    font-size: 13px;
    line-height: 21px;
    color: #858585;
}
.audioView .audio {
    padding: 0;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border: 0;
    z-index: 2;
    background: #fff;
    margin: 0px -1px 10px -1px;
}
.plyr--audio .plyr__controls {border:none;}

.galleryView .album-item { position: relative }
.galleryView .album-item .ratio1x1 {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    border: 1px solid #fff;
}

.galleryView .album-item span {
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: rgba(51,51,51,.9);
    color: #fff;
    text-align: center;
    padding: 10% 5%;
}

.galOpenView .gal-cont > .card {
    margin: 0;
    padding-top: 30px;
    color: #ff4337;
    font-size: 13px;
}

.galOpenView .gal-cont > .card > .row {
    padding: 5px 10px;
}

.galOpenView .gal-cont > .card > .col > .row,
.galOpenView .gal-cont > .card > .col { padding: 0; }

.galOpenView .gal-cont h3 {
    font-size: 16px;
    color: #ff4337;
}

.videoView a.item.item-avatar {
    padding-left: 0px;
    min-height: 60px;
    padding: 3px 25px 3px 3px;
    margin: 0;
}


.videoView .item-video {
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.videoView a.item .video-thumbnail {
    height: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

.videoView a.item .video-thumbnail img {
    line-height: 58px;
    vertical-align: middle;
}

.videoView a.item.item-avatar h2 {
    padding-left: 10px;
    margin: 0;
}

.videoView a.item .table {
    display: table;
    height: 100%;
}

.videoView a.item .table > h2 {
    display: table-cell;
    vertical-align: middle;
    text-overflow: initial;
    white-space: initial;
    width: 100%;
}

.agentesView a.item-avatar {
    padding: 5px 10px 5px 105px;
    min-height: 90px;
}

.agentesView a.item-avatar > img:first-child {
    bottom: 5px;
    left: 10px;
}

.agentesView a.item-avatar .table {
    min-height: 80px;
}

.agentesView a.item-avatar .table > div {
    height: 80px;
    padding: 15px 20px 15px 0;
}

.agentesView a.item-avatar h2 + p { margin-top: 0; font-weight: 400 }

.agentesView a.item-avatar.activated,
.agentesView a.item-avatar.current {
    background-color: #ff463a;
    color: #fff;
}

.agentesView a.item-avatar.activated h2,
.agentesView a.item-avatar.current h2 { color: #fff; }

.agentesView a.item-avatar.activated h2 + p,
.agentesView a.item-avatar.current h2 + p { color: #fff; }

/*.agentesView a.item.item-avatar:before {
    position: absolute;
    top: 5px;
    left: 10px;
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    background: rgba(0,152,206,.3);
    color: black;
}

.agentesView a.item.item-avatar:after {
    position: absolute;
    top: 5px;
    left: 10px;
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    background: rgba(0,152,206,.3);
    color: black;
}*/

.agentesView a.item-avatar.activated i.icon-next,
.agentesView a.item-avatar.current i.icon-next {
    color:#fff;
}

.profileAgentView .avatar,
.ratingsView .avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background-color: #fff;
}

.card-dark {
    margin: 5px 5px 20px;
    background-color: #404041;
    color: #fff;
}

.ratingsView h2,
.profileAgentView h2 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    margin-top: 10px;
}

.profileAgentView h2 + .row span {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 14px;
}

.profileAgentView .since p {
    width: 100%;
    margin: 0 0 20px;
    color: #fc463a;
    font-size: 16px;
    line-height: 26px;
}

.profileAgentView .since p i { font-size: 26px; }

.profileAgentView .statistics .row { padding: 0; }
.profileAgentView .statistics .row > div {
    height: calc(50vw - 15px);
    background-color: #fc4e34;
    color: #fff;
    display: table;
    width: 100%;
}

.profileAgentView .statistics { padding: 1px; margin: 5px }
.profileAgentView .statistics .row > div > div {
    display: table-cell;
    vertical-align: middle;
}

.profileAgentView .statistics .row:first-child > div:first-child,
.profileAgentView .statistics .row:last-child > div:last-child {
    background-color: #e54128;
}

.profileAgentView .statistics span {
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
}

.profileAgentView .statistics .row:first-child > div:last-child span {
    font-size: 16px;
    line-height: 24px;
}

.profileAgentView .statistics .row:first-child > div:last-child span bdi {
    font-size: 21px;
    display: block;
}

.profileAgentView .statistics .row:last-child > div:last-child span {
    font-size: 21px;
}

.profileAgentView .statistics span + p {
    margin-top: 30px;
    font-size: 13px;
    text-transform: uppercase;
}


.profileAgentView .card.description { margin-top: 0; padding-bottom: 30px }

.profileAgentView .card.description a {
    text-decoration: none;
    color: #868686;
    width: 100%;
    line-height: 48px;
}

.profileAgentView .card.description bdi {
    font-size: 26px;
    width: 100%;
}

.profileAgentView .card.description h2:nth-of-type(2) {
    margin-top: 30px;
    margin-bottom: 0;
}

.helpView form .form-input {
    position: relative;
}

.helpView form .form-input:first-child:after {
    content: '\e922';
    text-align: center;
    position: absolute;
    right: 0;
    line-height: 38px;
    height: 38px;
    top: 30px;
    width: 15%;
    border-left: 2px solid #fff;
    font-size: 21px;
    color: #979797;
}

.helpView p.hint {
    text-align: center;
    max-width: 90%;
    margin: 20px auto 0;
}

.helpView a.item-avatar > img:first-child,
.dealsView a.item-avatar > img:first-child { background-color: #bfbfbf }

.helpView a.item-avatar h2 + p,
.helpView a.item-avatar span,
.dealsView a.item-avatar h2 + p,
.dealsView a.item-avatar span {
    font-weight: 400;
    font-size: 12px;
    color: #868686;
    margin-top: 2px;
}
.dealsView a.item-avatar h2 + p {
    margin-bottom: -5px;
}
.dealsView a.item-avatar span {
    font-size: 11px;
    color: #afafaf;
    font-style: italic;
}

.helpView a.item-avatar .table,
.dealsView a.item-avatar .table {
    height: 70px;
}

.helpView a.item-avatar .table > div,
.dealsView a.item-avatar .table > div {
    display: inline-block;
    vertical-align: middle;
    max-width: 50%;
    margin-top: 10px;
}

.helpView i.icon-mail,
.dealsView i.icon-mail {
    position: absolute;
    right: 7px;
    font-size: 23px;
    top: 8px;
    color: #ff463a;
    padding-right: 15px;
}
.dealsView i.icon-plus {
    position: absolute;
    width: 11px;
    height: 11px;
    right: 8px;
    font-size: 13px;
    bottom: 8px;
    color: #b9b9b9;
}

.helpView i.icon-mail:after,
.dealsView i.icon-mail:after {/*
    content: attr(data);
    color: #fff;
    background: #ff463a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    position: absolute;
    right: 2px;
    top: 0px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;*/
}


.helpView i.icon-mail span,
.dealsView i.icon-mail span {
    color: #fff;
    background: #ff463a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    right: 0px;
    top: -1px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
}

.chatView {}

.chatView .row {padding-top: 0;padding-bottom: 0;}

.chatdots {
    position: fixed;
    bottom: 60px;
    z-index: 9;
    left: 25%;
    width: 50%;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: #999;
    background: rgba(231,229,229,0.8);
    border-radius: 5px;
}
.chatdots span {
    display: inline-block;
}
.spinner {
    display: inline-block;
    margin: 0;
    width: 60px;
    text-align: center;
}

.spinner > div {
    margin: 0 1px;
    width: 10px;
    height: 10px;
    background-color: #999;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

.bar-subheader.ligh-green {
    top: 104px;
    height: 35px;
    background-color: #aee5cf;
}

.bar-subheader.ligh-green .card {
    width: 100%;
    margin: 0;
    display: none;
}

.bar-subheader.ligh-green .item.item-stable {
    padding: 0;
    background-color: inherit;
    border: 0;
}

.bar-subheader.ligh-green .item-accordion {
    width: calc(100% + 10px);
    margin-left: -5px;
    color: #646465;
    background: #9ddac1;
    border: 0;
    font-size: 14px;
}

.bar-subheader.ligh-green .item-accordion b,
.bar-subheader.ligh-green .item-accordion strong {
    color: #4a4a4b;
}

.bar-subheader.ligh-green .item-accordion .txt-cont h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #4a4a4b;
    font-weight: 600;
    margin-bottom: 15px;
}

.bar-subheader.ligh-green p {
    color: #547668;
    text-shadow: none;
    font-size: 12px;
    line-height: 36px;
}

.bar-subheader.ligh-green p i {
    font-size: 22px;
    line-height: 25px;
    margin-right: 17px;
}

.bar-subheader.ligh-green .txt-cont p {
    text-overflow: initial;
    white-space: initial;
    line-height: 18px;
    margin: 10px 0;
}

.chatView .has-subheader { top: 144px; }

.chatView .scroll-view {
    height: calc(100% - 180px);
    padding: 2%;
}

.chatView .textarea {
    height: 50px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.chatView textarea {
    resize: none;
    height: 50px;
    width: 100%;
    padding: 15px;
}

.chatView .chat .message {
    margin: 5px auto;
    margin-right: 5px;
}

/* .chatView .chat .message:last-child { margin-bottom: 25px; } */

.chatView .chat .balloon span {
    color: #999999;
    font-size: 12px;
    font-style: italic;
}
.chatView .chat .user1 .balloon {
    background-color: #d7d7d8;
    padding: 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 95%;
    float: right;
    position: relative;
    margin-right: 15px;
}

.chatView .chat .user1 .message:first-child .balloon:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid #d7d7d8;
    position: absolute;
    top: 15%;
    right: -8px;
}

.chatView .chat .balloon {
    font-size: 13px;
    line-height: 16px;
}

.chatView .chat .user2 .balloon {
    background-color: #fff;
    padding: 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 95%;
    float: left;
    position: relative;
    margin-left: 10px;
}

.chatView .chat .user2 .message:first-child .balloon:before {
    content: '';
    position: absolute;
    top: 15%;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 8px solid white;
}

.chatView .chat .avatar {
    line-height: 0;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    height: 40px;
    width: 40px;
    position: relative;
    background-size: cover;
    background-position: center;

}

/* .chatView .chat .user1 .avatar {
 border: 3px solid #9c9c9c;

} */
/*
.chatView .chat .user2 .avatar {
    border: 3px solid #9c9c9c;
} */

.chatView .chat .avatar > img {
    max-width: 85px;
    max-height: 85px;
    margin-left: -5px;
    margin-top: -2px;
}

.chatView .chat .message:last-child .row > span {
    padding-top: 5px;
    color: #868686;
}

.chatView .chat .user2 .message:last-child .row > span {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 13px;
}


.actionsChat {
    position: fixed;
    bottom: 10px;
    right: 10px;
    height: 30px;
    z-index: 9;
}
.actionsChat a.btn {
    display: inline-block;
    margin: 0 10px 0 0;
    border: 2px solid #cccccc;
    color: #ccc;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 9;
}
.actionsChat a.btn i {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 31px;
}
.actionsChat a.btn.active {
    border: 2px solid #30b120;
    color: #30b120;
}


.actionsChat a.btn2 {
    float: right;
    display: inline-block;
    width: 35px;
    height: 35px;
    /* padding-top: 2px; */
    position: relative;
    margin: 0 10px 0 0;
    color: #999;
    background: #a9a9a9;
    color: #fff;
    border-radius: 50%;
}
.actionsChat a.btn2 i {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
}



.chatView .deals-list {
    background: #efefef;
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    box-shadow: 0px -3px 5px #bdbdbd;
}
.chatView .deals-list .deal-item {
    border-bottom: 1px solid #d4d3d3;
    padding: 10px;
    width: 100%;
    display: block;
}
.chatView .deals-list .deal-item.new-deal {text-align: center}
.chatView .deals-list .deal-item i {color:#333;}
.chatView .deals-list .deal-item span {
    display: inline-block;;
    font-size: 12px;
    color: #666;
}
.chatView .deals-list .deal-item span.date {
    width: 30%;
}
.chatView .deals-list .deal-item span.budget {
    text-align: right;
    width: 30%;
}
.chatView .deals-list .deal-item span.status {
    text-align: right;
    width: 30%;
}
.chatView .deals-list .deal-item span.status.s0 {color:#ffc900}
.chatView .deals-list .deal-item span.status.s1 {color: #00941d}
.chatView .deals-list .deal-item span.status.s2 {color: red}

.chatView .deals-list .deal-item.new-deal span {
    padding: 3px 10px;
    background: #65b9d6;
    color: #fff;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}



.bar-subheader.artistas{
    background-color: #0079cd;
}

.artistasView .item-avatar .row p,
.artistasView .item-avatar h2 { color: #0079cd }
.artistasView .item-avatar h2  + p { font-weight: 400 }
.artistasView .item-avatar i.icon-next { color: #0079cd!important }

.artistasView .item-avatar .row i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 3px;
    line-height: 25px;
}
.artistasView .item-avatar .row p {
    line-height: 19px;
    font-size: 14px;}

.artistas.bar-subheader p {
    color: #00528b;
}

.profileCasasView .profile-header {
    background: #0097cd;
    color: #fff;
    height: 440px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.profileCasasView .profile-header:before {
    content: '';
    position: absolute;
    bottom: -230px;
    left: -75px;
    background: url('/img/perfil-concept.png') no-repeat;
    width: 327px;
    height: 366px;
    background-size: 55%;
    z-index: 2;
}

.profileCasasView .profile-header .capa {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 220px;
    height: 220px;
    background-size: cover;
    background-position: center center;
}

.profileCasasView .profile-header .capa:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: url('../img/profile-cloud.png');
    height: 50%;
    background-position: bottom;
}

.profileCasasView .profile-header .capa:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(3, 76, 103, 0.4);
}

.profileCasasView .profile-header span.profile-place + .img-casa {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 5px solid;
    text-align: center;
    z-index: 3;
}

.profileCasasView .profile-header > div {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 2%;
    float: left
}

.profileCasasView .profileHeader.text-center:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 50%;
    top: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.24);
}

.profileCasasView .profile-header h2.profile-title {
    max-width: 90%;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    margin: 20px auto;
}

.profileCasasView .profile-place {
    margin-bottom: 20px;
    display: inline-block;
}

.profileCasasView .profile-header span.profile-place + .img-casa {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 5px solid;
    text-align: center;
    z-index: 3;
    position: absolute;
    left: calc(50% - 75px);
    top: calc(50% - 75px);

    background-position: center;
}
.profileCasasView .profile-header .img-casa > img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.profileCasasView .profile-header img.capa {
    position: absolute;
    left: 0;
    height: 200px;
    width: 100%;
    object-fit: cover;
    z-index: 1;
    top: calc(50% + 65px);
}

.profileCasasView .profile-header + .card {
    position: relative;
    margin-top: -60px;
    overflow: visible;
    display: inline-block;
    width: calc(100% - 20px);
    z-index: 3;
}

.profileCasasView h3.profile-since.text-center {
    font-size: 16px;
    line-height: 32px;
    text-transform: uppercase;
    color: #0097cd;
}

.profileCasasView .statistics {
    padding: 10px 0;
    color: #0097cd;
}

.profileCasasView .statistics span > i {
    display: block;
    font-size: 36px;
    line-height: 48px;
}

.profileCasasView .actions a {
    background-color: #0097cd;
}

.profileCasasView .description { padding: 20px 10px }

.profileCasasView .social h3,
.profileCasasView .social p,
.profileCasasView .social a {
    color: #0097cd;
}

.profileCasasView .social .card {
    margin: 0 5px;
}

.ratingsView .card-dark {
    margin: 5px;
    color: #0079cd;
}

.ratingsView h2 + div {
    font-size: 16px;
    text-transform: uppercase;
    color: #0079cd;
}

.ratingsView .card.description {
    margin: 0 0 5px;
}
.ratingsView .card.description,
.ratingsView .ratings i.checked,
.ratingsView .card.description h3,
.ratingsView .card.description h2 {
    color: #0079cd;
}

.ratingsView .ratings i {
    font-size: 36px;
    color: #e1e7eb;
}


.ratingsView .card.description h3 {
    font-size: 20px;
    line-height: 24px;
    margin: 30px 0 20px;
}

.ratingsView .saveRating {
    border: 2px solid #0079cd;
    padding: 0;
    margin-top: 40px;
}

.ratingsView .saveRating > p {
    font-size: 18px;
    margin-top: 15px;
}

.ratingsView .saveRating > span {
    font-size: 21px;
    line-height: 26px;
}

.ratingsView .saveRating > span > i {
    font-size: 26px;
    vertical-align: middle;
}


.ratingsView .saveRating .saveBt {
    padding: 20px 5%;
    background-color: #0079cd;
    color: #fff;
    border: none;
    margin-top: 15px;
    font-size: 18px;
}

.ratingsView .saveRating .saveBt > i {
    font-size: 26px;
    vertical-align: middle;
    margin-right: 10px;
}






.actionsForm {margin-bottom: 20px;}
.actionsForm a {
    padding: 15px 5%;
    text-decoration: none;
    background-color: #fc463a;
    position: relative;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    text-align: center;
}
.actionsForm a.color-gray {background-color: #565656;}
.actionsForm a.color-green {background-color: #299851;}

.actionsForm a span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


.actionsForm a:first-child {
    max-width: 49%;
    margin-right: 1%;
}

.actionsForm a:last-child {
    max-width: 58%;
    margin-left: 1%;
}



@media screen and (min-width: 445px){
    .profileView .profile-header .img-artista {
        top: -100px;
    }

    .profileView .profile-header .card { padding-top: 110px }
}

@media screen and (max-width: 420px){
    .chatView .chat .avatar {
        height: 40px;
        width: 40px;
    }

    .chatView .chat .avatar > img {
        margin-left: -15px;
    }

}


a.goBack {color:#fff;}



/* PLATFORM ESPECIFICO */

/* IOS */
.platform-ios.platform-cordova:not(.fullscreen) {}
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
    height: 76px;
}
.platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {top:76px}
.platform-ios.platform-cordova:not(.fullscreen) .bar-subheader.ligh-green {top:120px}

.platform-ios.platform-cordova:not(.fullscreen) .has-header {top:76px}
.platform-ios.platform-cordova:not(.fullscreen) .has-subheader {top:120px;}
.platform-ios.platform-cordova:not(.fullscreen) .has-subsubheader {top:142px;}


/* Perfil - Gallery */
.platform-ios.platform-cordova:not(.fullscreen) .galClose {top:35px}