:root {
    --color-master: #090E15;
    --color-lite: #6F91ED;
    --color-menu: #090E15;
    --color-details: #090E15;
    --color-button: #090E15;
    --color-background: #fafafa;
    --color-icon: #fff;
    --color-title: #6D798F;
    --color-text-background: #fff;
    --color-background-external: #fafafa;
    --color-text-external: #6D798F;
    --color-link-button: var(--color-button);
    --field-heigth: 40px;
    --field-text-color: #6D798F;
    --field-font-size: 15px;
    --form--label-font-size: 14px;
    --form--label-help-font-size: 11px;
    --form--label-help-color: #696969a1;
    --button-font-size: 14px;
    --button-icon-font-size: 15px;
    --link-color: #6D798F;
    --color-background-button-grid: #f0f3f8;
    --button-height: 38px;
    --logo-margin-bottom: 0px;
    --text-color: #7a878e;
    --app-bar-color: var(--color-master);
    --app-pass: #dfae4a;
    --color-border: #e2e7ec;
    --color-link-button-internal: var(--color-button);
    
}
body {
    color: var(--text-color);
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    height: 100%;
    /* line-height: 25px; */
    font-weight: 400;
    background: var(--color-background);
}
html {
    height: 100%;
}
.section {
    width: 100%;
    margin: auto;
    margin-top: 105px;
    margin-bottom: 90px;
}
.line-content {
    height: 100%;
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding-top: 4px;
    margin-bottom: 50px;
}
.line-menu {
    background: red;
    position: fixed;
    width: 100%;
    text-align: center;
    bottom: 0;
    height: 70px;
}
.line-header {
    width: 100%;
    max-width: 600px;
    margin: auto;
    height: 65px;
    text-align: right;
    display: flex;
    align-items: center;
}
.line-display {
    width: 100%;
    max-width: 600px;
    margin: auto;
    display: flow-root;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 31px;
}
.large {
    height: 222px;
}
.small {
    height: 8px;
}
.links {
    text-transform: uppercase;
    font-weight: 100;
    margin-left: 10px;
}
.links i {
    font-size: 29px;
    /* margin-top: -8px; */
    margin-right: 5px;
    color: var(--color-icon);
}
.links:hover {
    color: #fff;
    opacity: 0.6
}
.social-small a {
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    padding-top: 5px;
}
.text-display {
    font-size: 39px;
    color: #fff;
    transform: translateY(-50%);
    top: 45%;
    position: relative;
    text-align: center;
    line-height: 43px;
    font-weight: 100;
}
.logo-circulo {
    width: 70px;
    display: block;
    margin: auto;
    margin-bottom: 23px;
}

/*.tbuttonpress.open
{
  color: var(--color-master);
  background: #fff;
  border: none;
  font-weight: 400;
  height: 29px;
  line-height: 27px;
  margin-bottom: 0px;
}
*/

.tbuttondrop-btn {
    padding-right: 12px;
    height: var(--field-heigth);
    padding-left: 21px;
    padding-right: 21px;
    border-radius: 28px;
    border: 2px solid var(--color-master);
    color: var(--color-master);
    /* width: var(--field-heigth); */
}
.dropdown-menu {
    /* font-size: var(--field-font-size); */
    /* border: 1px solid #e1e9e9; */
    /* border-bottom: 2px solid #e1e9e9; */
    /* border-radius: 0px 20px 20px 20px; */
    /* padding: 20px; */
    /* margin-top: 7px !important; */
}
.tbuttondrop-btn i {
    font-size: 15px;
}
.tdatagridresponsive thead tr th {
    padding-bottom: 10px;
    font-weight: 600 !important;
    text-transform: unset;
    padding-right: 14px;
}
.tdatagridresponsive-reduced-box a {
    color: #7a878e;
    border: 1px solid #e1e9e9;
    background: transparent;
    border-radius: 65px;
    height: 40px;
    width: 40px;
    text-align: center;
    display: inline-grid;
}
.tformtruct-panels {
    display: grid;
    /* border-top: 1px solid #e1e9e9; */
    /* margin-top: -22px; */
    padding-top: 12px;
}
.xdebug-error th {
    background: #fff;
}
.btn-return {
    font-size: 27px;
    color: #fff;
    float: left;
    margin-top: -8px;
    margin-left: -5px;
    margin-right: 7px;
}
.btn-return:hover, .btn-return:focus {
    color: #fff;
    opacity: 0.6
}
.header-title {
    color: #fff;
    text-transform: uppercase;
    margin-left: 7px;
    border-left: 1px solid #fff;
    padding-left: 12px;
    font-weight: 100;
}
.header-title2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: var(--color-text-background);
}
.sino {
    float: none;
    font-size: 23px;
    border-left: 1px solid #ddd;
    margin-left: 13px;
    padding-left: 13px;
    margin-top: -8px;
    display: inline-block;
}
.sino:hover {}
.master-header {
    width: 100%;
    top: 0;
    position: fixed;
    background: var(--app-bar-color);
    z-index: 997;
    box-shadow: 0 2px 2px rgba(59, 89, 178, 0.15);
}
.master-display {
    width: 100%;
    background: var(--color-master);
    margin-top: 93px;
    padding-top: 14px;
    box-shadow: 0 2px 2px rgba(59, 89, 178, 0.15);
}
.line-border {
    background: #fff;
    height: 34px;
    width: 100%;
    border-radius: 30px 30px 0px 0px;
    padding-top: 19px;
}
.marker {
    background: #eee;
    width: 100px;
    height: 5px;
    margin: auto;
    border-radius: 51px;
}
.tpagecontainer-box {
    border-radius: 13px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 19px;
    padding-top: 15px;
    padding-bottom: 15px;
    /* margin-bottom: 20px; */
}
@media screen and (max-width: 800px) {
    .line-header, .section {
        width: 90%;
    }
}
.big-icon {
    font-size: 80px;
    color: var(--color-master);
    line-height: 91px;
    margin-bottom: 10px;
    display: block;
}
b {
    font-weight: 600;
}
.fatura-ano {
    color: #6D798F;
    margin-bottom: 20px;
    font-size: 18px;
}
.fatura-ano i {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50px;
    padding-top: 1px;
    border: 2px solid var(--color-master);
    color: var(--color-master);
}
.bastao {
    width: 5px !important;
    border-radius: 50px;
    margin-right: 15px;
    float: left;
    height: 100%;
    min-height: 24px;
}
.fatura-valor {
    font-size: 20px;
    font-weight: 600;
}
.tabs-content {
    display: flex;
    justify-content: center;
    margin-top: -8px;
    margin-bottom: -2px;
}
.tabs-box {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text-background);
    height: 38px;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 0.6;
}
.tabs-box:hover, .tabs-box:focus {
    opacity: 0.6;
    color: var(--color-text-background) !important;
}
.tabs-check {
    border-bottom: 3px solid var(--color-text-background);
    opacity: 1 !important;
}
.tabs-bar {
    background: #eee;
    height: 1px;
    margin-top: -2px;
}
.tformstruct {
    text-align: left;
}
.tformstruct-area {
    margin-top: 0px;
    margin-bottom: 12px;
}
.notiny-theme-dark {
    background: #fff;
    border: 1px solid #eee;
    border-bottom: 2px solid #eee;
    opacity: 1;
    border-radius: 6px;
    margin-right: 5px;
}
.dbl-spinner {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: transparent;
    border: 4px solid transparent;
    border-top: 4px solid #ddd;
    border-left: 4px solid #ccc;
    -webkit-animation: 2s spin linear infinite;
    animation: 2s spin linear infinite;
}
.dbl-spinner:nth-child(2) {
    border: 4px solid transparent;
    border-right: 4px solid var(--color-details);
    border-bottom: 4px solid var(--color-details);
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.blockUI {
    z-index: 4000!important;
}
.blockOverlay {
    background-color: rgb(0, 0, 0, 0.20) !important;
}
.blockMsg {
    /* right: 56%; */
    /* left: unset !important; */
}
.preloader {
    margin: auto;
    text-align: center;
    justify-content: center;
    display: flex;
}
.fatura-ball {
    background: red;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    margin-bottom: 5px;
}
.box-mes {
    display: inline-block;
    margin: 7px;
    text-align: center;
    border-radius: 6px;
    padding: 6px;
    /* border: 1px solid #e1e9e9; */
    height: 32px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 21px;
}
.box-mes:hover {
    /* background: red; */
    opacity: 0.8
}
.menu-bar {
    max-width: 600px;
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 12px;
}
.menu-icon {
    padding: 10px;
    font-size: 37px;
}
.menu-check {
    color: var(--color-master);
    /* font-size: 50px; */
}
.content-boxes {
    text-align: left;
    display: flex;
}
.box-left {
    /* display: flex; */
    margin-right: 15px;
}
.box-right {
    text-align: right;
}
.noti-ball {
    color: #8B96AB;
    font-size: 13px;
    border: 1px solid #e1e9e9;
    background: #fff;
    border-radius: 24px;
    width: 20px;
    height: 20px;
    margin: auto;
    margin-top: 3px;
    padding-top: 0;
    position: absolute;
    margin-top: -34px;
    margin-left: 26px;
    line-height: 16px;
}
.box-check {
    background: var(--color-master);
    border-color: var(--color-master);
    color: #fff;
}
.display-user-photo {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50px;
    margin: auto;
    margin-bottom: 6px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.display-user-photo2 {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50px;
    margin: auto;
    margin-bottom: 6px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.display-photo-user {
    width: 50px;
    height: 50px;
    border: 2px solid var(--color-master);
    background: #fff;
    border-radius: 50px;
    flex-shrink: 0;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.display-user-name {
    font-size: 20px;
    color: var(--color-text-background);
}
.display-user-extra {
    color: var(--color-text-background);
    font-size: 12px;
}
.display-user-extra-mini {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
}
.icon-big {
    color: var(--color-details);
    font-size: 30px;
    display: block;
    margin-bottom: -5px;
}
.tformstruct-separator {
    color: var(--link-color);
    font-size: 18px;
    border-bottom: none;
    text-transform: unset;
    margin-top: 15px;
    margin-bottom: 15px;
}
.tformstruct-label {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.status-steps {
    display: inline-flex;
    margin-bottom: 6px;
}
.box-numero {
    width: 30px;
    height: 30px;
    font-size: 16px;
    padding-top: 4px;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;
    margin-top: 2px;
    background: #e1e9e9 !important;
    opacity: 0.8;
}
.box-numero-check {
    color: #ffffff;
    width: 35px;
    height: 35px;
    font-size: 19px;
    padding-top: 4px;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;
    text-align: center;
}
.status {
    /* border-top: 1px solid #e1e9e9; */
    padding-top: 15px;
    margin: auto;
    margin-top: 7px;
    text-align: left;
}
.signature-pad--body {
    max-width: 302px;
    width: 100%;
    padding: 10px;
    border: 2px solid #A1BD3D;
}
.ico-registro {
    background: var(--color-master);
    width: 28px;
    height: 28px;
    font-size: 22px;
    line-height: 27px;
    padding-left: 3px;
    border-radius: 50px;
    position: absolute;
    margin-left: 58px;
    margin-top: 20px;
    text-align: center;
    color: #fff;
}
.ico-menor {
    font-size: 13px;
    position: absolute;
    margin-left: 2px;
}
.produto-fluxo-titulo {
    font-size: 20px;
}
.produto-fluxo-destaque, .produto-fluxo-subtitulo {
    color: #6D798F;
}
.box-card {
    background: #fff;
    padding: 20px;
    border-radius: 13px;
    border: 1px solid #e1e9e9;
    border-bottom: 2px solid #e1e9e9;
    margin-top: 25px;
}
.box-produto-home {
    margin-bottom: 20px;
}
.titulo-basico {
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    max-width: 300px;
    margin: auto;
    margin-bottom: 16px;
    font-weight: 600;
}
.line-faixa {
    background: #fff;
    margin-top: 64px;
    padding-top: 6px;
    padding-bottom: 1px;
}
.note-info {
    font-size: 13px;
    border-radius: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.note-info2 {
    font-size: 13px;
    max-width: 200px;
    margin: auto;
    padding: 14px;
    border-radius: 14px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.box-home {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 18px;
    background: #fff;
}
.tfield, .tcombo {
    /* border-radius: 24px; */
    padding-left: 21px;
    padding-right: 21px;
    border: 1px solid #e1e9e9;
}
textarea {
    padding-top: 15px;
    padding-bottom: 15px;
}
.tformstruct input:focus, .tformstruct textarea:focus {
    box-shadow: none;
    border: 1px solid #aeb7b7;
}
.tfield_disabled {
    height: var(--field-heigth);
    color: var(--field-text-color);
    font-size: var(--field-font-size);
    background: #e1e9e9 !important;
    box-shadow: none;
    border-radius: 24px;
    border: 1px solid #e1e9e9 !important;
    padding-left: 21px;
    padding-right: 21px;
}
.tformstruct {
    text-align: left;
}
.tformstruct-area {
    margin-top: 0px;
    margin-bottom: 12px;
}
.notiny-theme-dark {
    background: #fff;
    border: none;
    border-bottom: none;
    opacity: 1;
    box-shadow: 0 2px 2px rgba(59, 89, 178, 0.15);
    border-radius: 13px;
    margin-right: 5px;
}
.tfield_disabled {
    height: var(--field-heigth);
    color: var(--field-text-color);
    font-size: var(--field-font-size);
    background: #e1e9e9 !important;
    box-shadow: none;
    border-radius: 24px;
    border: 1px solid #e1e9e9 !important;
    padding-left: 21px;
    padding-right: 21px;
}
.tbuttonpress.mini {
    line-height: 27px;
    font-size: 12px !important;
    padding-left: 23px;
    padding-right: 23px;
    margin-top: 6px;
    /* width: 38px; */
    height: 32px;
    text-align: center;
    justify-content: center;
}
.tbuttonpress.mini .tbuttonpress-icon {
    font-size: 18px !important;
    margin-left: 7px;
    margin-right: 1px;
}
.tbuttonpress.circle {
    line-height: 27px;
    font-size: 12px !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 6px;
    width: 38px;
    height: 38px;
    text-align: center;
    justify-content: center;
}
.tbuttonpress.circle .tbuttonpress-icon {
    font-size: 18px !important;
    margin-left: 7px;
    margin-right: 1px;
}
.tbuttonpress.white {
    border-color: #fff !important;
    color: #fff !important;
}
.tbuttonpress.white i {
    color: #fff !important;
}
.tbuttonpress {
    white-space: nowrap;
    /* color: var(--color-button); */
    margin-bottom: 11px;
    margin-right: 4px;
    border: 2px solid var(--color-button);
    /* border-radius: 24px; */
    height: 37px;
    padding-left: 25px;
    padding-top: 2px;
    padding-right: 25px;
    /* font-weight: 600; */
}
.tbuttonpress.circle {
    margin-bottom: 3px;
    line-height: 26px;
    margin-top: 9px;
    height: 30px;
    border-radius: 0px;
    border: none;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0px;
    color: #8B96AB;
}
.tbuttonpress.circle i {
    font-size: 15px !important;
    margin-left: 5px;
    margin-right: 1px;
}
.tbuttonpress.circle-full {
    margin-bottom: 3px;
    line-height: 26px;
    margin-top: 9px;
    height: 30px;
    border-radius: 0px;
    border: none;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 2px solid var(--color-master);
    color: #8B96AB;
}
.tbuttonpress.circle-full i {
    font-size: 15px !important;
    margin-left: 5px;
    margin-right: 1px;
}
.tbuttonpress.full {
    background: var(--color-button);
    border: none;
    color: #fff !important;
    padding-top: 1px;
}
.tbuttonpress.clear {
    background: transparent;
    color: var(--color-button);
    border: none;
    height: 30px;
    margin-bottom: 0px;
}
.tbuttonpress.classic {
    background: #eee;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    height: var(--field-heigth);
    color: #fff;
    height: 36px;
    line-height: 34px;
}
.tnotice-modal {
    background: #ffffff;
    width: 90%;
    max-width: 600px;
    padding: 23px;
    border-radius: 0px;
    display: none;
    margin-top: -20%;
    text-align: center;
    border-radius: 6px;
}
.tnotice-title {
    font-size: 20px;
    font-weight: 400;
    border: none;
    display: grid;
    padding-bottom: 0px;
}
.tnotice-title2 {
    font-size: 18px;
    color: var(--color-details) !important;
    font-weight: 400;
}
.notiny-default-vars .notiny-text {
    color: #7a878e;
}
.tnotice-error {
    color: var(--color-details);
}
.tnotice-text {
    padding-top: 0px;
}
.tnotice-icon {
    display: block;
    margin-bottom: 2px;
}
.tnotice-success {
    color: #65c6bb;
}
.tnotice-info {
    color: var(--color-details) !important;
}
.tnotice-warning {
    color: #F4B350;
}
.tnotice-alert {
    color: #F4B350;
}
.tnotice-quest {
    color: var(--color-details) !important;
}
.tnotice-error-bk {
    background: var(--color-button) !important;
}
.tnotice-success-bk {
    background: var(--color-master) !important;
}
.tnotice-info-bk {
    background: var(--color-button) !important;
}
.tnotice-warning-bk {
    background: var(--color-master) !important;
}
.tnotice-alert-bk {
    background: var(--color-master) !important;
}
.tnotice-quest-bk {
    background: var(--color-button) !important;
}
.external-area {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--background-external);
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
    text-align: center;
    padding: 30px;
    overflow-y: auto;
}
.external-area-logo {
    /* padding: 10px; */
    text-align: center;
    /* padding-top: 44px; */
}
.external-area-display {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 100;
    font-size: 26px;
    line-height: 30px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    color: var(--color-text-external);
    margin-top: var(--logo-margin-bottom);
}
.external-area-content {}
.title-master {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-title);
    margin-bottom: 15px;
    text-transform: uppercase;
}
.tbuttonpress-link-on {
    background: #4267b2;
    height: 37px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 38px;
    border-radius: 24px;
}
.tbuttonpress-link-on:hover {
    opacity: 0.8
}
.menu-right {
    /* margin-top: -10px; */
}
.menu-left {
    /* margin-top: -10px; */
    text-align: left;
}
.enjoyer-photo {
    width: 50px;
    height: 50px;
    border-radius: 52px;
    text-align: center;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    font-size: 20px;
    background: #fff;
    color: var(--color-details);
    border: 2px solid var(--color-details);
    margin-right: 9px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-photo {
    width: 55px;
    height: 55px;
    margin: auto;
    border-radius: 52px;
    text-align: center;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 8px;
    font-size: 21px;
    background: #f1f1f1;
    flex-shrink: 0;
    display: grid;
    align-items: center;
}
.enjoyer-photo-small {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 52px;
    padding-top: 11px;
    text-align: center;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 8px;
    font-size: 24px;
    padding-top: 10px;
    background: #fff;
    color: var(--color-master);
    border: 3px solid var(--color-details);
}
.operator-photo {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 52px;
    padding-top: 11px;
    text-align: center;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 8px;
    font-size: 24px;
    padding-top: 10px;
    background: #fafafa;
    color: #ccc;
    border: 2px solid #e1e9e9;
    cursor: pointer;
    position: relative;
}
.display-element.check .operator-photo
{
    border: 3px solid var(--color-details);
}
.operator-photo2 {
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 52px;
    text-align: center;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 8px;
    font-size: 24px;
    padding-top: 10px;
    background: #fafafa;
    color: #ccc;
    left: 0;
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 0px;
}
.operator-photo3 {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 52px;
    text-align: center;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 8px;
    font-size: 24px;
    padding-top: 10px;
    background: #fafafa;
    color: #ccc;
    left: 0;
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 0px;
}
.enjoyer-info {
    padding: 12px;
    padding-bottom: 18px;
    padding-top: 16px;
    margin-bottom: 16px;
    background: #fff;
    display: flex;
    align-items: center;
    line-height: 16px;
}
.menu-content {
    text-align: left;
    background: var(--color-menu);
    background: var(--background-image-menu);
    /* color: #fff; */
    padding-bottom: 20px;
    position: fixed;
    max-width: 300px;
    width: 70%;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100%;
    display: none;
    box-shadow: 4px 2px 2px rgba(59, 89, 178, 0.15);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.enjoyer-info-attr {
    font-size: 13px;
}
.enjoyer-info-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--color-details);
}
.menu-items {
    list-style: none;
    padding-left: 0px;
    color: #fff;
    display: inline-grid;
    width: 100%;
}
.menu-items li {
    padding-top: 7px;
    padding-bottom: 5px;
    line-height: 32px;
}
.menu-items a {
    color: var(--color-icon);
    font-size: 16px;
    display: flex;
    margin-left: 15px;
}
.menu-items a:hover {
    color: var(--color-icon);
    opacity: 0.7;
}
.menu-items i {
    font-size: 24px;
    color: var(--color-icon);
    float: left;
    margin-right: 9px;
}
.icon-arrow {
    float: right;
    color: red;
}
.menu-column1 {
    width: 15%;
    margin-left: 18px;
}
.menu-column2 {
    width: 60%;
    line-height: 50px;
    color: var(--color-text-background);
}
.menu-column3 {
    width: 20%;
    text-align: right;
    margin-right: 8px;
}
.menu-contact {
    padding-left: 20px;
    bottom: 0;
    position: absolute;
    color: var(--color-text-background);
    margin-bottom: 20px;
}
.tarchive {
    background: #fff;
    padding: 17px;
    border: 1px solid #e1e9e9;
    border-radius: 0px;
    overflow: hidden;
    border-radius: 14px;
}
.tarchive-button {
    border-radius: 24px;
    padding-top: 5px;
    background: var(--color-button);
}
.tbuttonpress.full-icon {
    margin-bottom: 3px;
    line-height: 27px;
    margin-top: 9px;
    height: 36px;
    width: 36px;
    border-radius: 50px;
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;
    border-color: #8B96AB;
}
.tbuttonpress.full-icon .tbuttonpress-icon {
    font-size: 18px !important;
    margin-left: -3px;
    margin-right: 0;
    background: transparent;
    padding-top: 1px;
    margin-top: 0px;
    color: #8B96AB;
}
.ball-notice {
    background: #EF4836;
    position: absolute;
    display: inherit;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    margin-left: -17px;
    margin-top: 8px;
}
.social-box {
    display: flex;
    margin-top: 10px;
    justify-content: center;
}
.social-box a {
    width: 40px;
    height: 40px;
    display: block;
    color: var(--color-button);
    border-radius: 50px;
    border: 2px solid var(--color-button);
    text-align: center;
    padding-top: 3px;
    margin-right: 6px;
    font-size: 21px;
}
.social-box a:hover {
    opacity: 0.8
}
.display-element.check .operator-name
{
    color: var(--color-details);
}
.subtile-master {
    font-size: 13px;
    color: var(--color-title);
    font-weight: 400;
    text-transform: initial;
}
.service-image {
    max-width: 200px;
    height: 75px;
    margin: auto;
    border-radius: 10px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 8px;
    font-size: 25px;
    background: #fff;
    color: #e1e9e9;
    border: 2px solid var(--color-border);
    cursor: pointer;
    display: grid;
    align-items: center;
    position: relative;
    justify-content: center;
    background: #e1e9e9;
}
.service-info {
    color: var(--text-color);
}
.service-box.check .service-image {
    border: 3px solid var(--color-details);
    /* color: var(--color-details); */
    position: relative;
}
.service-box.check .service-image:after
{
    font-family: 'Material Design Icons';
    content: '\F012C';
    width: 23px;
    height: 23px;
    background: var(--color-details);
    position: absolute;
    top: -10px;
    border-radius: 100%;
    right: -7px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
}
.display-element.check .operator-photo:after
{
    font-family: 'Material Design Icons';
    content: '\F012C';
    width: 23px;
    height: 23px;
    background: var(--color-details);
    position: absolute;
    top: -3px;
    border-radius: 100%;
    right: -7px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
}
.service-box.check {
    color: var(--color-details);
    /* font-weight: 600; */
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-details);
}
.bar-time {
    margin-left: -17px;
    width: 99px;
    height: 100%;
    text-align: center;
}
.calendar-box-day {
    /* color: #fff; */
    height: 175px;
    text-align: center;
    padding-top: 16px;
    border-radius: 10px;
}
.calendar-box-day-title {
    font-size: 35px;
    color: #fff;
}
.calendar-box-day-week {
    font-size: 15px;
    color: #fff;
}
.calendar-box-day-title {
    font-size: 35px;
    color: #fff;
    margin-top: -8px;
    font-weight: 600;
}
.calendar-box-day-month {
    font-size: 17px;
    color: #fff;
    margin-top: -5px;
}
.calendar-box-day-year {
    font-size: 15px;
    color: #fff;
}
.calendar-box-day-toggle i {
    font-size: 26px;
}
.calendar-box-time {
    display: flex;
}
.calendar-box-time-value {
    color: #7a878e;
    font-size: 16px;
    height: 120px;
    margin-top: 13px;
    text-align: right;
    margin-right: -16px;
    position: relative;
}
.calendar-box-time-value-pass {
    color: #ccc;
    font-size: 16px;
    height: 120px;
    margin-top: 13px;
    text-align: right;
    margin-right: -16px;
    position: relative;
}
.calendar-box-offers {
    margin-top: 15px;
    display: flex;
    overflow-x: auto;
    padding-bottom: 9px;
    border-top: 1px solid var(--color-border);
    padding-top: 15px;
}
.calendar-box-offers-data {
    background: #fff;
    height: 120px;
    margin-top: 13px;
    margin-left: 8px;
    border: 1px solid #e1e9e9;
    border-radius: 5px;
    padding: 15px;
}
.calendar-box-offers-data:hover {}
.calendar-box-offers-data2 {
    background: #fff;
    height: 120px;
    margin-top: 13px;
    margin-left: 8px;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px;
    cursor: pointer;
}
.calendar-box-offers-data2:hover {
    border-color: #ccc;
}
.calendar-box-offers-data {
    display: flex;
}
.calendar-box-offers-column3 {
    font-size: 15px;
    width: 70%;
}
.calendar-box-offers-column2 {
    margin-right: 16px;
    border-right: 1px solid #e1e9e9;
    padding-right: 14px;
    width: 110px;
}
.calendar-box-offers-column2 .profile-title {
    font-size: 14px;
}
.calendar-box-offers-action {
    width: 21px;
    height: 100%;
    border-radius: 24px;
    margin-right: 14px;
    color: #fff;
    height: 90px;
    padding-top: 34px;
    padding-left: 4px;
    cursor: pointer;
    z-index: 999;
}
.calendar-box-offers-action:hover>.calendar-box-offers-action-sub {
    display: block;
}
.calendar-box-day-toggle a {
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    padding-top: 0px;
    line-height: 27px;
    border: 2px solid #fff;
    color: #fff;
}
.calendar-box-day-toggle a:hover {
    opacity: 0.8;
    color: #fff
}
.calendar-full {
    background: #fff;
    position: absolute;
    margin-left: 108px;
    margin-top: -159px;
    padding: 14px;
    font-size: 14px;
    display: none;
    /* display: block !important; */
    border-radius: 10px;
    z-index: 9999;
    border: 2px solid #DDD;
}
.calendar-pointer-content {
    display: flex;
    justify-content: center
}
.calendar-pointer {
    width: 5px;
    height: 5px;
    border-radius: 83px;
    margin-right: 1px;
}
.calendar-day-current {
    background: #eee;
    border-radius: 70px;
    cursor: pointer;
    color: #7a878e;
}
.calendar td {
    text-align: center;
    vertical-align: top;
    padding-left: 10px;
    width: 30px;
    padding-right: 10px;
    padding-top: 6px;
    height: 33px;
    font-weight: 600;
    position: relative;
}
.other-month {
    opacity: 0.5;
}
.calendar-box-month-toggle {
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    line-height: 27px;
    border: 2px solid var(--color-button);
    color: var(--color-button);
}
.calendar-box-month-toggle:hover {
    opacity: 0.8;
    color: var(--color-button)
}
.calendar td:hover {
    background: #eee;
    border-radius: 70px;
    cursor: pointer;
    color: #7a878e;
}
.calendar-day-select {
    background: #eee;
    border-radius: 70px;
    color: #7a878e;
    cursor: pointer;
}
.calendar-day-holiday {
    color: #D64541 !important;
}
.calendar-day-special {
    font-weight: 600;
}
#calendar-current {
    cursor: pointer;
}
.calendar-day-pass {
    background: transparent;
    cursor: no-drop !important;
    border-radius: 0px !important;
    opacity: 0.4;
    font-weight: 300 !important;
    text-decoration: line-through;
}
.calendar-box-offers-action-sub {
    position: absolute;
    display: none;
    padding-right: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 22px;
    height: 90px;
    margin-top: -34px;
    margin-left: 0px;
    border-radius: 12px;
    padding-top: 21px;
}
.week-heading th {
    text-align: center;
    padding: 5px;
}
.month-heading {
    padding: 39px;
}
.month-heading th {
    text-align: center;
    padding-bottom: 13px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 21px;
    color: var(--color-details);
}
.calendar {
    margin: auto;
    margin-top: 11px;
    width: 97%;
    margin-top: 0;
}
.offers-time {
    width: 63px;
    height: 63px;
    border-radius: 15px;
    flex-shrink: 0;
    padding-top: 11px;
    text-align: left;
    margin-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    color: #fff;
    border: 2px solid #e1e9e9;
    cursor: pointer;
    margin-right: 6px;
    display: grid;
    justify-content: center;
    align-items: center;
}
.offers-time:hover {
    opacity: 0.8
}
.status-reserved {
    background: #7a878e;
    border-color: #7a878e;
}
.status-free {
    background: #2ecc71;
    border-color: #2ecc71;
}
.status-block {
    background: #a3afaf;
    border-color: #a3afaf;
}
.status-pass {
    background: #95A5A6;
    border-color: #95A5A6;
}
.status-attended, .status-miss {
    background: #a4b6b6;
    border-color: #a4b6b6;
}
.offers-time-check {
    background: var(--color-details);
    border-color: var(--color-details);
}
.calendar-day-block {
    /* background: #fff !important; */
    /* cursor: no-drop !important; */
    /* border-radius: 0px !important; */
    /* opacity: 0.3; */
    font-weight: 300 !important;
}
.calendar-day-select {
    cursor: pointer;
    border-radius: 50px !important;
    background: var(--color-details) !important;
    color: #fff !important;
}
.display-offer-data {
    padding: 11px;
    border-radius: 11px;
    text-align: center;
    color: #fff;
    line-height: 19px;
    /* margin-bottom: 9px; */
    margin-right: 7px;
}
.display-offer-day {
    font-weight: 600;
    font-size: 18px;
}
.display-offer-month {}
.display-offer-year {}
.display-offer-hour {
    width: 70px;
    width: 100%;
    display: inline-block;
    justify-content: center;
    align-items: center;
    padding-top: 7px;
}
.offers-time i {
    font-size: 17px;
    margin-bottom: -12px;
}
.status-original-reserved {
    background: #047afd;
}
.status-original-free {
    background: #36D7B7;
}
.status-original-block {
    background: #2C3E50;
}
.status-original-miss {
    background: #E26A6A;
}
.status-original-deleted {
    background: #EF4648;
}
.status-original-pass {
    background: #95A5A6;
}
.status-original-attended {
    background: #2ecc71;
}
.status-original-wait {
    background: #BDC3C7;
}
.menu-check {
    background: var(--color-lite);
}
a:focus, a:hover {
    color: var(--color-button);
    text-decoration: none;
}
.card-shortcut {
    display: flex;
    width: 100%;
    justify-content: center;
    /* overflow-x: auto; */
    margin-top: 22px;
    flex-wrap: wrap;
}
.shortcut-box {
    padding: 19px;
    border-radius: 13px;
    cursor: pointer;
    /* background: #fff; */
    max-width: 194px;
    flex-shrink: 0;
    border: 1px solid var(--color-border);
    margin: 10px;
    display: grid;
    justify-content: center;
    align-items: center;
    line-height: 28px;
}
.shortcut-box i {
    font-size: 30px;
    color: var(--color-details);
    display: block;
}
.button-fit {
    background: #d19d64;
    border-radius: 19px;
    padding: 31px;
    max-width: 200px;
    margin: 8px;
    cursor: pointer;
}
.button-fit:hover {
    opacity: 0.9
}
.button-fit i {
    font-size: 40px;
    color: #fff;
}
.fit-title {
    color: #fff;
    margin-bottom: 7px;
    font-size: 16px;
}
.fit-text {
    font-size: 13px;
    color: #fff !important;
}
.fit-content {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}
.tshowpassword-button {
    color: var(--color-button);
    /* background: #fff; */
    border-radius: 50px;
    font-size: 19px;
    width: 46px;
    margin-left: -45px;
    z-index: 55;
    padding-top: 6px;
}
.title-flex {
    color: var(--color-text-external);
    margin-bottom: 10px;
    text-align: center;
}
.title-flex-sub {
    color: var(--color-text-external);
    font-size: 13px;
    margin-bottom: 15px;
}
.down-app {
    background: red;
}
.type-icon .tbuttonpress-icon {
    background: transparent;
    color: var(--color-button);
    width: 24px;
    padding-left: 0px;
    height: 24px;
}
.type-link {
    line-height: 37px;
}
.type-link i {
    font-size: 23px;
    float: right;
    margin-top: 0px;
    margin-left: 5px;
}
.facebook-load .dbl-spinner:nth-child(2) {
    border-right: 4px solid #4267b2;
    border-bottom: 4px solid #4267b2;
}
.facebook-load .dbl-spinner {
    width: 45px;
    height: 45px;
}
.map-facade {
    width: 100%;
    height: 125px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 17px;
    margin-top: -15px;
}
.map-content {
    width: 100%;
    height: 220px;
    margin-bottom: 15px;
    border: none;
}
.status-sale-paid {
    background: #2ecc71;
}
.status-sale-cancel {
    background: #EF4648;
}
.status-sale-reversal {
    background: #D64541;
}
.status-sale-pending {
    background: #F9BF3B;
}
@media screen and (max-width: 800px) {
    .external-area {}
    .fit-content {
        display: block;
        background: red;
    }
    .container-calendar
    {
        padding: 0px;
    }
}
@media screen and (max-width: 320px) {
    .menu-column1 {
        width: 15%;
        margin-left: 12px;
    }
    .menu-items i {
        font-size: 22px;
    }
    .menu-column2 {
        font-size: 15px;
    }
    .menu-contact {
        font-size: 13px;
        padding-left: 15px;
    }
    .enjoyer-photo {
        width: 50px;
        height: 50px;
    }
    .enjoyer-info-name {
        font-size: 16px;
    }
    .enjoyer-info-attr {
        font-size: 11px;
    }
    .tabs-box {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px;
        color: var(--color-text-background);
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-title2 {
        font-size: 17px;
    }
    .menu-right i {
        font-size: 24px;
        line-height: 41px;
    }

}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
}
.pulse {
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 #EF4836;
    animation: pulse 2s infinite;
}
.pulse:hover {
    animation: none;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #EF4836;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 #EF4836;
        box-shadow: 0 0 0 0 #EF4836;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
.pulse-gray {
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 var(--color-details);
    animation: pulse-gray 2s infinite;
}
.pulse-gray:hover {
    animation: none;
}
@-webkit-keyframes pulse-gray {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--color-details);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
@keyframes pulse-gray {
    0% {
        -moz-box-shadow: 0 0 0 0 var(--color-details);
        box-shadow: 0 0 0 0 var(--color-details);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
.to-right {
    background: red;
    margin-left: 50%;
}
#real-time-display {
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 16px;
    box-shadow: 2px 2px 2px 2px rgba(59, 89, 178, 0.15);
    display: none;
    text-align: center;
    z-index: 99;
}
.real-time-reserve {
    max-width: 600px;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
}
.real-time-hour {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}
.real-time-reserve-hour {
    text-align: center;
    width: 100%;
}
.real-time-reserve-service {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 4px;
}
.real-time-reserve-actions {
    display: flex;
    justify-content: center;
}
.real-time-reserve-actions a {
    display: inline-flex;
    background: var(--color-details);
    border-radius: 24px;
    color: #fff;
    font-size: 13px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 5px;
    padding-bottom: 4px;
    margin-right: 6px;
}
.real-time-count {
    font-size: 13px;
    text-align: center;
}
.real-time-reserve-actions .disable {
    background: #f4f4f4;
    color: #ccc;
    cursor: unset;
}
.tbuttonpress.mini.disable {
    color: red;
}
.tbuttonpress.disable {
    color: #ccc !important;
    cursor: not-allowed;
    border-color: #f4f4f4;
}
.icon-circle {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: var(--color-details);
    color: #fff;
    text-align: center;
    padding-top: 1px;
}
.real-time-description {
    font-size: 13px;
}
.instructions {
    background: #fff;
    padding: 27px;
    border-radius: 21px;
    margin: auto;
    margin-bottom: 20px;
    max-width: 300px;
}
.instructions img {
    width: 34px;
    margin: auto;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.display-circles {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.display-element {
    max-width: 140px;
    /* width: 100%; */
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    position: relative;
    background: transparent;
}
.tformstruct-area {
    border: none;
}
.promo-tag {
    background: #dc3545;
    position: absolute;
    top: 8px;
    right: -4px;
    border-radius: 24px;
    padding: 3px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
    color: #fff;
}
.services-carousel {
    display: flex;
    width: 100%;
    /* overflow-x: auto; */
    padding-bottom: 15px;
    justify-content: center;
    flex-wrap: wrap;
}
.service-box {
    width: 125px;
    /* flex-shrink: 0; */
    margin: 8px;
    font-size: 14px;
    line-height: 18px;
    /* position: relative; */
    text-align: center;
    background: transparent;
}
.service-image:hover {
    opacity: 0.8
}
.offer-count {
    background: #36d7b7;
    width: 8px;
    height: 8px;
    font-size: 10px;
    border-radius: 50px;
    color: #fff;
    display: grid;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-weight: 300;
    margin: auto;
    left: 61%;
    top: 4px;
}
.offer-count.red {
    background: red;
}
.home-title {
    color: var(--color-title);
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 6px;
}
.page-title-alt {
    color: var(--color-title);
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 6px;
    width: 100%;
    max-width: 400px;
    margin: auto;
    font-weight: 700;
    text-align: center;
}
.shortcut-name {
    color: var(--color-title);
    font-weight: 600;
}
.shortcut-text {
    line-height: 16px;
    font-size: 13px;
}
.products-content {
    display: flex;
    flex-wrap: wrap;
}
.products-box {
    background: #fff;
    border: 1px solid #e3ebeb;
    border-radius: 10px;
    width: 45%;
    padding: 20px;
    margin: 6px;
    display: grid;
    justify-content: center;
}
.display-home {
    width: 100%;
    max-width: 350px;
    margin: auto;
}
.profile-link {
    text-decoration: underline !important;
    font-size: 13px;
    display: block;
}
.window-content {
    width: 100%;
    max-width: 450px;
    margin: auto;
    text-align: center;
}
.profile-title-master {
    font-size: 20px;
    color: var(--color-title);
    /* margin-bottom: 10px; */
}
.profile-since {
    border-bottom: 1px solid #e1e9e9;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.profile-description {
    margin-bottom: 20px;
}
.content-book {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.book-image {
    width: 150px;
    height: 150px;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 10px;
    cursor: pointer;
    margin: 10px;
}
.book-image:hover {
    opacity: 0.7;
}
.photos-service-content {
    display: flex;
    margin-top: 19px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.photo-service {
    width: 100px;
    height: 100px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.photo-service:hover {
    opacity: 0.8
}
.display-sub {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    width: 100%;
    margin-top: 13px;
    color: #fff;
}
.display-sub .display-photo-user {
    margin-right: 10px;
}
.enjoyer-info-points {
    color: #cca224;
    font-size: 13px;
    text-decoration: underline;
}
.team-header {
    display: flex;
}
.team-live {
    text-align: left;
    width: 100%;
}
.content-book-team {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}
.display-imagem-team {
    width: 80px;
    height: 80px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    flex-shrink: 0;
}
.display-imagem-team:hover {
    opacity: 0.8
}
.star-on {
    color: #FFC107;
}
.star-off {
    color: #cfd4d6;
}
.rating-stars {
    display: flex;
}
.rating-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}
.rating-box {
    text-align: left;
    border: 1px solid var(--color-lines);
    padding: 17px;
    border-radius: 10px;
    width: 100%;
}
@media screen and (max-width: 800px) {
    .card-shortcut a {
        width: 100%;
        max-width: unset;
    }
}
.rating {
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
}
.rating label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}
.rating label:last-child {
    position: static;
}
.rating label:nth-child(1) {
    z-index: 5;
}
.rating label:nth-child(2) {
    z-index: 4;
}
.rating label:nth-child(3) {
    z-index: 3;
}
.rating label:nth-child(4) {
    z-index: 2;
}
.rating label:nth-child(5) {
    z-index: 1;
}
.rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.rating label .icon {
    float: left;
    color: transparent;
}
.rating label:last-child .icon {
    color: #7a878e;
    font-size: 30px;
}
.rating:not(:hover) label input:checked~.icon, .rating:hover label:hover input~.icon {
    color: #FFC107;
    font-size: 30px;
}
.rating label input:focus:not(:checked)~.icon:last-child {
    color: #000;
    text-shadow: 0 0 5px #09f;
}
.line-display .enjoyer-photo {
    margin: auto;
}
.button-link {
    color: var(--color-button);
    text-decoration: underline !important;
    display: block;
    height: 32px;
}
.category-box {
    text-align: center;
    margin-right: 18px;
    line-height: 19px;
    display: flex;
    margin-bottom: 15px;
    color: var(--color-title);
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.category-box i 
{
    margin-right: 5px;
}
.category-icon {
    background: #e1e9e9;
    color: #c7d8d8d9;
    border: 2px solid #e1e9e9;
    border-radius: 10px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: auto;
    margin-bottom: 5px;
    font-size: 26px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.category-carousel {
    display: flex;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 11px;
}
.category-box.checked .category-icon {
    border: 3px solid var(--color-details);
}
.category-box.checked {
    /* background: #fff; */
    /* color: var(--color-details) !important; */
}
.status-fila {
    background: red;
}
.ball-status {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    border-radius: 50px;
    flex-shrink: 0;
}
.legend-content {
    margin-top: 14px;
}
.legend-ticket {
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: left;
}
.tbuttonpress {
    background: var(--color-button);
}
.content-buttons {
    display: grid;
    justify-content: center;
    align-items: center;
}
.content-buttons .tbuttonpress {
    margin: auto;
    margin-bottom: 10px;
}
.tbuttonpress.link {
    color: var(--color-link-button) !important;
    background: transparent;
    text-decoration: underline;
    height: 30px;
    padding: 0;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    border: none;
}
.tbuttonpress.link-internal {
    color: var(--color-link-button-internal) !important;
    background: transparent;
    text-decoration: underline;
    height: 30px;
    padding: 0;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    border: none;
}
.actions-reserve {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
}
.actions-reserve .tbuttonpress {
    padding-right: 10px;
}
.reserve-info-content {
    display: flex;
    align-items: center;
}
.team-header .display-photo-user {
    margin-right: 10px;
}
.operator-profession-name {
    color: #7a878e;
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
}
.page-address-alt {
    color: var(--color-title);
    font-size: 15;
    width: 100%;
    max-width: 400px;
    margin: auto;
}
.page-person-description-alt {
    margin-bottom: 18px;
    width: 100%;
    text-align: left;
}
.service-attr-content {
    position: absolute;
    right: -2px;
    /* top: 15px; */
    bottom: -5px;
}
.service-attr {
    background: var(--color-master);
    font-size: 11px;
    border-radius: 22px;
    padding-left: 6px;
    padding-right: 6px;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 3px;
    color: #fff;
}
.service-image .mdi-image {
    font-size: 50px;
    color: #c7d8d8d9;
}
.display-buttons {
    display: flex;
    width: 100%;
    justify-content: center;
}
.display-buttons .tbuttonpress {
    margin: 5px;
    /*padding-top: 15%;*/
    /*margin-bottom: 10px;*/
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 5px;
}
.pulse-select-service {

    cursor: pointer;
    box-shadow: 0 0 0 var(--color-button);
    animation: pulse-select-service 2s infinite !important;
}
.pulse-select-service:hover {
    animation: none;
}
@-webkit-keyframes pulse-select-service {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--color-button);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
@keyframes pulse-select-service {
    0% {
        -moz-box-shadow: 0 0 0 0 var(--);
        box-shadow: 0 0 0 0 var(--color-button);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
.service-count-area
{
    display: flex;
    max-width: 1000px;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding-top: 15px;
    border-top: 2px solid var(--color-border);
}

.service-count-area-column1
{
    justify-content: right;
    display: flex;
    color: #fff;
    margin-right: 7px;
}
.service-count-area-column2
{
    line-height: 20px;
}
.service-count-area-column3
{
    margin-left: 10px;
}
.service-count-area-column3 button 
{
    margin-bottom: 0px;
}
.service-count
{
    background: var(--color-details);
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
}
.card-content
{
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 23px;
    /* margin-bottom: 10px; */
}
.tbox-status
{
    height: 24px;
}
.tbuttonpress:hover {
    color: #fff;
}
.tbuttonpress:focus {
    color: #fff;
}
.tnotify-title-color
{
    color: var(--color-title);
}
.reserve-terms-text
{
    font-size: 13px;
    text-decoration: underline;
}
.reserve-terms
{
    background: #e1e9e9;
    border-radius: 10px;
    padding: 10px;
    height: 144px;
    overflow-y: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
.reserve-terms #contentmdview
{
    font-size: 13px;
    text-align: left;
}
.reserve-terms #contentmdview h1
{
    font-size: 14px;
}
.reserve-terms-icon
{
    font-size: 25px;
}
.reserve-terms.clean
{
    background: transparent;
    padding: 0;
}
#contentmdview
{
    font-size: var(--field-font-size);
}
.package-box
{
    /* background: #fff; */
    border: 1px solid var(--color-border);
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    margin: 6px;
    display: grid;
    justify-content: center;
    margin-bottom: 15px;
}
.package-box-name
{
    color: var(--color-title);
    font-weight: 700;
    font-size: 24px;
    /* margin-bottom: -5px; */
}
.package-box-price
{
    color: var(--color-master);
    font-size: 20px;
    font-weight: 600;
}
.package-box-method
{
    color: var(--color-master);
    font-size: 13px;
    font-weight: 400;
}

.package-box-description
{
    line-height: 20px;
    margin: auto;
    max-width: 299px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 10px;
}
.package-box-price span 
{
    font-weight: 400;
    font-size: 15px;
}
.package-box-services
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.package-box-label
{
    border: 1px solid var(--color-border);
    border-radius: 25px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    white-space: nowrap;
}
.package-term
{

}
.package-card-period
{
    background: #fff;
    border: 1px solid #e3ebeb;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    margin: 6px;
    /* display: grid; */
    justify-content: center;
    margin-bottom: 15px;
}   
.package-card-period i
{
    font-size: 35px;
    display: block;
}
.package-instructions
{
    text-align: center;
    max-width: 400px;
    margin: auto;
}
.package-instructions span 
{
    display: block;
    color: var(--color-button);
}
.package-box-ok
{
    color: #2ecc71;
}
.package-box.sign
{
    border: 2px solid #2ecc71;
}
.pass-card-star
{
    width: fit-content;
    background: #2ecc71;
    color: #fff;
    border-radius: 14px;
    height: 39px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
}
.pass-card-star i 
{
    font-size: 20px;
    margin-right: 5px;
}
.pass-card
{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    padding: 10px;
    text-align: center;
    background: #e1e9e9;
}
.pass-card i 
{
    display: block;
    border-radius: 14px;
    font-size: 22px;
    margin-bottom: -4px;
}
.cript-notice
{
    font-size:13px;
    margin:auto;
    max-width: 300px;
    margin-top: 20px;
    margin-bottom: -18px;
}
.cript-notice i
{
    display: block;
}
.pass-sign-box
{
    background: #fff;
    border: 1px solid #e3ebeb;
    border-radius: 10px;
    padding: 11px;
    max-width: fit-content;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--app-pass);
}
.box-notice
{
    display: flex;
    /* align-items: baseline; */
    border: 2px solid #e3ebeb;
    border-radius: 10px;
    padding: 12px;
    text-align: left;
    font-size: 13px;
    margin: 6px;
    width: 100%;
}
.box-notice i 
{
    font-size: 25px;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    background: var(--app-pass);
    flex-shrink: 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.package-box-month
{
    /* font-weight: 700; */
    background: #7a878e;
    color: #fff;
    border-radius: 24px;
    width: fit-content;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    height: 24px;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid var(--color-border);
}
.tformtruct-buttons {
    border-bottom: 1px solid var(--color-border);
}
.error-content
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.error-display
{
    max-width: 400px;
    text-align: center;
}
.error-display img
{
    width: 120px;
    display: block;
    text-align: center;
    margin: auto;
    margin-bottom: 13px;
}
.error-content .tbuttonpress
{
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
}
.signature-real
{
    color: #000000;
    font-size: 13px;
    border: 1px solid #eef1f1;
    border-radius: 15px;
    padding: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.signature-display
{
    border: 1px solid #e1e9e9;
    border-radius: 15px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 25px;
    margin-right: 15px;
}
.service-attr.promo
{
    background: #2ecc71;
    /* margin: auto; */
    margin-bottom: 4px;
}
.reserve-calendar-states
{
    display: flex;
    gap: 3px;
}
.reserve-calendar-states .free
{
    background: #2ecc71;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
.reserve-calendar-states .block
{
    background: #EF4648;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
.reserve-calendar-states .promo
{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    font-size: 16px;
    color: #2ecc71;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tcalendarflex-area
{
    gap: 5px;
}
.calendar-box-offers-history
{
    text-align: left;
}
.reserve-times-area
{
    margin-top: 15px;
}
.promo-day
{
    color: #2ecc71;
}
.tcalendarflex-box.selected 
{
    background: var(--color-details) !important;
}
.tcalendarflex-box.now .tcalendarflex-day
{
    color: var(--color-details);
}
.signature-alert
{
    color: #fff;
    background: #E74C3C;
    border-radius: 15px;
    max-width: 285px;
    padding: 15px;
    line-height: 20px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.signature-alert .signature-alert-icon 
{
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
}
.signature-alert button, .signature-alert a
{
    background: #fff;
    color: #E74C3C;
    margin: auto;
    margin-top: 10px;
    border: none;
    padding-left: 10px;
    height: 33px;
    padding-right: 16px;
    font-size: 13px;
}
.signature-alert button:hover, .signature-alert a:hover
{
    color: #E74C3C;
    opacity:0.8
}
.package-helper-content
{
    display: flex;
    gap: 15px;
    overflow: auto;
    margin-top: 20px;
    padding-bottom: 15px;
}
.package-helper-text
{
    width: 100%;
    max-width: 160px;
    flex-shrink: 0;
    text-align: center;
    font-size: 13px;
    padding: 15px;
    border: 1px solid var(--color-border);
    border-radius: 20px;
    padding-bottom: 20px;
    line-height: 17px;
}
.package-helper-text i 
{
    display: block;
    color: var(--color-details);
    font-size: 40px;
    margin-bottom: 18px;
    margin-top: 13px;
}
.reserve-field-title
{
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 23px;
}