/* Proxima Nova */
@font-face {
    font-family: 'Proxima Nova Thin';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Rene Bieder  Milliard Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Light';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Rene Bieder  Milliard Light.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Medium';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Rene Bieder  Milliard Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Heavy';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Rene Bieder Milliard Heavy.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Hairline';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Rene Bieder  Milliard Hairline.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova ExtraLight';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Rene Bieder  Milliard ExtraLight.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova ExtraBold';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Rene Bieder  Milliard ExtraBold') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Book';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Rene Bieder  Milliard Book.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Rene Bieder  Milliard Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Black';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Rene Bieder Milliard Black.otf') format('opentype');
}

.e-card {
    font-family: "Proxima Nova Medium","Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"!important;
}
.e-btn.e-flat.e-primary:focus, .e-css.e-btn.e-flat.e-primary:focus {
    background-color: rgba(13, 110, 253, 0.12);
    border-color: transparent;
    color: #ffffff!important;
}
.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text, .e-small .e-float-input.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-small .e-float-input.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-small .e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-small.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text {
    color: #ffffff;
}
.e-btn.e-outline.e-success, .e-css.e-btn.e-outline.e-success {
    background-color: #4caf5036;
    border-color: #4caf50;
    color: #ffffff;
}
::-webkit-scrollbar {
    width: 11px!important;
}

.e-rte-hidden{
    display:none;

}
.e-tab .e-tab-header .e-toolbar-item.e-active {
    border:none!important;
 
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: auto!important;
}
.e-tab .e-tab-header .e-toolbar-items {
    height: auto!important;
    min-height: auto!important;
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: #f0f6ff;
}
#tabEtapasCadastraEvento .e-toolbar-item:not(.e-separator) {
    height: 50px;
}
#tabEtapasCadastraEvento .e-scroll-nav {
    height: 50px!important;
}
#TabEventos .e-toolbar-item:not(.e-separator) {
    height: 55px;
}
.e-control.e-richtexteditor {
color:white!important;
}
/*.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 50px;
    margin: 0;
    min-height: 36px;
    min-width: auto;
    padding: 0;
}*/
/*#tabEtapasCadastraEvento .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 50px;
}*/
::-webkit-scrollbar-thumb {
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 0 6px rgb(183 183 183 / 18%) !important;
    background: #a9a9a952 !important;
}



::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 14%) !important;
    border-radius: 0 !important;
}

.e-dialog .e-footer-content .e-btn {
    margin-left: 6px;
    line-height: 1.5em;
    height: auto !important;
    min-height: auto !important;
    max-height: 500px;
}

/* header-section styles */
#header.header-section,
#header .search-icon {
    height: 75px;
    box-shadow: 0px 0px 5px -3px #000000;
    background: #212121;
    border-bottom: 1px solid #3a3939;
    position: fixed;
    z-index: 1;
    width: 100%;
}

#header #hamburger.icon-menu {
    font-size: 24px;
    float: left;
    line-height: 50px;
}
.main-content.e-content-animation {
    padding-top: 75px;
}
#header .right-header {
    height: 35px;
    padding: 7px;
    float: right;
    padding: 0;
    margin-left: 0;
    margin: auto;
    margin-right: 15px;
    margin-left: 15px;
}

.right-headerFloat {
    margin-left: auto !important;
}

#header .list {
    list-style: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 35px;
}

#header li.list.material-icons {
    font-size: 2em;
    line-height: 50px;
}

#header .header-list {
    padding-left: 15px;
    margin: 0;
    height: 75px;
}

@media(max-width:500px) {
    #header .right-header.list.support,
    #header .right-header.list.tour {
        display: none;
    }
}

/* text input styles */
#header .search-icon {
    float: left;
    padding-left: 15px;
    cursor: text;
    width: 5em;
}

    #header .search-icon:focus {
        outline: none;
        cursor: default;
    }

/* end of text input styles */
/* end of header-section styles */

/* content area styles */
#maintext.main-content {
    height: calc(100vh - 50px);
    z-index: 1000;
    overflow: hidden;
}

#maintext .content {
    margin-top: 230px;
    text-align: center;
    font-size: 32px;
    color: #1784c7;
}

/* end of content area styles */

/* menu styles */
/* horizontal-menu styles */
#header .header-list .horizontal-menu .e-menu-item {
    height: 35px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 35px;
}

#header .e-menu-item .e-caret {
    line-height: 35px;
}

/* end of horizontal-menu styles */
/* vertical-menu styles */

#sidebar-menu .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
    width: 220px;
}

#sidebar-menu .e-menu-wrapper ul .e-menu-item:hover, .e-menu-item.e-focused:hover {
}

.e-menu-wrapper ul .e-menu-item.e-selected {
    color: var(--font-color);
    outline: 0 solid #e0e0e0;
    outline-offset: 0;
}

.e-menu-wrapper .e-ul .e-menu-item.e-focused {
    color: var(--font-color);
    outline: 0 solid rgba(0, 0, 0, 0.12);
    outline-offset: 0;
}

/* end of vertical-menu styles */
/* end of menu styles */

/* Sidebar styles */
/* docksidebar styles */
.dock-menu .e-menu-wrapper ul .e-menu-item .e-caret,
#header .search-icon,
#header .e-menu-item .e-caret,
.dock-menu .e-menu-wrapper ul .e-menu-item {
    color: var(--font-color);
}

.dock-menu.e-close .e-menu-wrapper ul .e-menu-item {
    width: 50px;
}

.dock-menu.e-close ul .e-menu-item.e-menu-caret-icon {
    padding-right: 12px;
}

#sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-menu-item .e-caret,
#sidebar-menu.e-dock.e-close .main-menu-header,
#sidebar-menu.e-dock.e-close .action-btn {
    display: none !important;
}

#sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon,
#sidebar-menu.e-dock.e-close .e-menu-wrapper ul.e-vertical {
    min-width: 0;
    width: 50px !important;
}

#sidebar-menu.e-dock.e-close .e-menu-wrapper ul.e-menu {
    font-size: 0;
}

#sidebar-menu.e-dock.e-close .e-menu-item .e-menu-icon {
    font-size: 20px;
    padding: 0;
}

#sidebar-menu,
#sidebar-menu ul,
#header ul,
.dock-menu .e-menu-wrapper,
.dock-menu.e-menu-wrapper,
.dock-menu.e-menu-wrapper ul > *,
.dock-menu .e-menu-wrapper ul > * {
    overflow: hidden;
}

    /* end of docksidebar styles */
    /*end of  Sidebar styles */

    /*main-menu-header  styles */
    #sidebar-menu .main-menu-header {
        padding: 4px 0px 0px 18px;
    }

    /*end of main-menu-header  styles */




    /*end of body styles */

    /*icon styles */
    #sidebar-menu .e-menu-icon::before {
        top: -0.6rem;
    }

/*icon styles */








/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.sf-material-dark .e-card, .sf-material-dark .e-card:active, .sf-material-dark .e-card:hover {
    border: 1px solid #555 ;
    background-color: #303030 ;
    border-radius: 7px;
    padding: 9px 5px;
    border-bottom-color: #0d6efd9c ;
    border-bottom-width: 2px;
}
.theme-body {
    background-color: #f8f8f8;
    top: 56px;
    display: inline;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.sf-material-dark .theme-body, .sf-material-dark .theme-mode {
    background-color: #212121;
}
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
.e-css.e-btn {
    -webkit-tap-highlight-color: transparent;
    background-color: #616161;
    border-color: transparent;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    color: #fff;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    flex-direction: row;
    border-radius: 6px;
    background: #72727257;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 0;
    top: 0;
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: auto;
    width: 100%;
    min-height: 100vh;
    background-color: #181818 !important;
    color: white;
    border: none;
    font-family: "Proxima Nova Book","Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"
}
.e-control, .e-css {
    font-family: "Proxima Nova Book","Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-weight: normal;
}
.border-bottom {
    border-bottom: 1px solid #555555 !important;
}
.border-top {
    border-top: 1px solid #454545 !important;
}
.border-left {
    border-left: 1px solid #454545 !important;
}
.border-right {
    border-right: 1px solid #454545 !important;
}
.border {
    border: 1px solid #454545 !important;
}
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background: #212121;
}
.navbar-light .navbar-brand {
    color: rgb(255 255 255 / 90%);
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255 / 50%);
}
.text-dark {
    color: #b8b8b8 !important;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.e-sidebar.e-left.e-close.e-dock {
    overflow-y: auto;
    max-height: 100vh;
    width: 50px;
    z-index: 1000;
    transform: translateX(-100%) translateX(50px);
    overflow-x: hidden;
}
.containerLogo {
    display: flex;
    align-items: center;
    align-self: center;
    margin-left: 15px;
}
    .containerLogo img {
        max-height: 40px;
        margin: auto;
        margin-right: 0;
        width: auto;
    }
    .containerLogo label {
        padding: 0;
        display: flex;
        flex-direction: column;
        line-height: 1.4em;
        margin: auto;
        font-family: 'Roboto';
        margin-left: 20px;
        margin-top: 12px;
        font-size: .95em;
    }
        .containerLogo label large {
            font-size: 1.5em;
            font-weight: bold;
        }
        .containerLogo label small {
            font-size: 1em;
            font-weight: 500;
        }
.e-sidebar {
    background: #212121!important;
}
    .e-sidebar.e-left {
        border-right: 1px solid #61616126;
    }
#sidebar-menu.e-close .containerLogo {
    display: flex;
    align-items: center;
    align-self: center;
    padding: 25px 0px;
}

.dock-menu.e-sidebar.e-close .containerLogo img {
    max-height: 60px;
    margin: auto;
    margin: auto;
}

.dock-menu.e-sidebar.e-close .containerLogo label {
    display: none;
}
.e-menu-wrapper.dock-menu.e-lib.e-keyboard, .e-menu-wrapper.dock-menu.e-lib.e-keyboard ul:not(#menuitem_0-ej2menu-horizontal-menubar-popup) {
    width: 100%;
}
#main-menubar {
    font-size: 1.2em;
    padding: 10px 0;
}
li.e-menu-item.e-navigable {
    /* border: 1px solid gray; */
    margin: 5px 5px;
    border-radius: 7px;
}

.e-menu-wrapper ul .e-menu-item, .e-menu-container ul .e-menu-item {
    height: 42px;
    line-height: 40px;
}

.btnSelected {
    background: #183a6a!important;
}


.e-card .e-card-header {
    padding: 16px 16px 16px 16px;
}

.view-active {
    background: #0d6efd8a !important;
    border: 2px solid #0c4fb3;
}

    #menuitem_2 .e-menu-icon.sf-icon-ticket-wf.icon {
        font-size: 24px;
        transform: rotate( 45deg );
    }
.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-menu-container ul .e-menu-item .e-menu-icon {
    font-size: 20px;
}
.containerRequisito {
    width: 100%;
    margin-bottom: 15px;
    padding: 20px;
    background: #1414147a;
    border-radius: 10px;
    border: 1px solid #0000003d;
    padding-bottom: 20px;
    border-bottom-color: #0d6efdcc;
    border-bottom-width: 2px;
    overflow: hidden;
}
.tituloRequisito {
    color: #ffffff;
    font-size: 1.5em;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    font-family: 'Proxima Nova Medium';
}
.requisito label {
    font-family: 'Proxima Nova Bold';
    color: #d1d1d1;
}
.hidden {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    width: 0px !important;
    height: 0px !important;
    position: absolute;
}
.control-section.e-tab-section.container {
    min-height: 0;
    display: flex;
    align-items: center;
    padding-top: 20px;
}
.e-sample-resize-container {
    width: 100%;
}
.e-tab-header.e-control.e-toolbar.e-lib.e-keyboard {
    height: auto;
    width: 100%;
    background: rgb(38, 38, 38);
    overflow: hidden;
}
.e-tab .e-tab-header .e-toolbar-items {
    height: auto;
    margin: 0;
    min-height: 36px;
    position: relative;
}
.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 55px;
    margin: 0;
    min-height: 36px;
    min-width: auto;
    padding: 0;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: 60px;
    padding: 0 18px;
    width: 100%;
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
    height: 60px;
    margin-top: 0;
}

.e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
    align-content: center !important;
    align-items: center !important;
    display: inline-flex !important;
    height: 60px !important;
}


.e-content.e-lib.e-touch {
    padding: 0 !important;
    background: #1f1f1f !important;
    padding-bottom: 0 !important;
}

.btn-container {
    background: #262626 !important;
    margin-left: 0 !important;
    width: 100% !important;
    line-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    min-height: 55px !important;
    padding: 0 20px !important;
    border-top: 1px solid #404040;
}

.btn-container button{
    margin: auto;
    margin-right: 0;
}
.e-item.e-active {
    margin: 0 !important;
    background: #212121 !important;
}
#VamosComecar {
    margin: 0 !important;
    padding: 0 !important;
}
.containerAreaCriacao {
    height: calc(100vh - 210px) !important;
    overflow: auto !important;
    padding: 20px 25px !important;
    width: 100% !important;
    margin: 0 !important;
}
#tabEtapasCadastraEvento {
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
}
@media (min-width: 1300px) {
    .container {
        max-width: 1240px;
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1440px;
    }
}

@media (min-width: 1700px) {
    .container {
        max-width: 1640px;
    }
}
@media (min-width: 1800px) {
    .container {
        max-width: 1740px;
    }
}
.e-tab .e-tab-header .e-toolbar-item.e-active {
    border-top: none;
    border-left: none;
    border-right: none;
}
.e-tab .e-tab-header .e-toolbar-item.e-active {
    border-bottom: 2px Solid #0d6efd;
    border-radius: 0;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #1d1d1d;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #303030;
}
.bootstrap-timepicker-widget.dropdown-menu {
    background-color: #303030 !important;
    border: 1px solid #13233a;
    border-radius: 10px;
    border-top: 1px solid #5f5f5f;
    border-left: 1px solid #5f5f5f;
    border-right: 1px solid #5f5f5f;
    margin-top: -30px;
}

.bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px;
    color: white;
}

    .bootstrap-timepicker-widget table td input {
        width: 35px;
        margin: 0;
        text-align: center;
        background: transparent;
        border: none;
        color: white;
        font-size: 1.2em;
        font-weight: 500;
    }
.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
    height: 60px;
}
.form-check.form-check-visibilidade.form-switch.form-switch.d-flex.align-content-center {
    height: 100%;
}
.form-check.form-check-visibilidade {
    height: calc(100% - 50px);
    display: flex;
    align-items: center;
}



.e-rte-content p {
    margin: 0 0 10px;
    margin-bottom: 10px;
}

.e-rte-content li {
    margin-bottom: 10px;
}

.e-rte-content h1 {
    font-size: 2.17em;
    font-weight: 400;
    line-height: 1;
    margin: 10px 0;
}

.e-rte-content h2 {
    font-size: 1.74em;
    font-weight: 400;
    margin: 10px 0;
}

.e-rte-content h3 {
    font-size: 1.31em;
    font-weight: 400;
    margin: 10px 0;
}

.e-rte-content h4 {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}

.e-rte-content h5 {
    font-size: 00.8em;
    font-weight: 400;
    margin: 0;
}

.e-rte-content h6 {
    font-size: 00.65em;
    font-weight: 400;
    margin: 0;
}

.e-rte-content blockquote {
    margin: 10px 0;
    margin-left: 0;
    padding-left: 5px;
}

.e-rte-content pre {
    background-color: inherit;
    border: 0;
    border-radius: 0;
    color: #333;
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 10px;
    overflow: visible;
    padding: 0;
    white-space: pre-wrap;
    word-break: inherit;
    word-wrap: break-word;
}

.e-rte-content strong, .e-rte-content b {
    font-weight: 700;
}

.e-rte-content a {
    text-decoration: none;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

    .e-rte-content a:hover {
        text-decoration: underline;
    }

.e-rte-content h3 + h4,
.e-rte-content h4 + h5,
.e-rte-content h5 + h6 {
    margin-top: 00.6em;
}

.e-rte-content .e-rte-image.e-imgbreak {
    border: 0;
    cursor: pointer;
    display: block;
    float: none;
    margin: 5px auto;
    max-width: 100%;
    position: relative;
}

.e-rte-content .e-rte-image {
    border: 0;
    cursor: pointer;
    display: block;
    float: none;
    margin: auto;
    max-width: 100%;
    position: relative;
}

    .e-rte-content .e-rte-image.e-imginline {
        display: inline-block;
        float: none;
        margin-left: 5px;
        margin-right: 5px;
        max-width: calc(100% - (2 * 5px));
        vertical-align: bottom;
    }

    .e-rte-content .e-rte-image.e-imgcenter {
        cursor: pointer;
        display: block;
        float: none;
        margin: 5px auto;
        max-width: 100%;
        position: relative;
    }

    .e-rte-content .e-rte-image.e-imgleft {
        float: left;
        margin: 0 5px 0 0;
        text-align: left;
    }

    .e-rte-content .e-rte-image.e-imgright {
        float: right;
        margin: 0 0 0 5px;
        text-align: right;
    }

.e-rte-content .e-rte-img-caption {
    display: inline-block;
    margin: 5px auto;
    max-width: 100%;
    position: relative;
}

    .e-rte-content .e-rte-img-caption.e-caption-inline {
        display: inline-block;
        margin: 5px auto;
        margin-left: 5px;
        margin-right: 5px;
        max-width: calc(100% - (2 * 5px));
        position: relative;
        text-align: center;
        vertical-align: bottom;
    }

    .e-rte-content .e-rte-img-caption.e-imgcenter {
        display: block;
    }

    .e-rte-content .e-rte-img-caption .e-rte-image.e-imgright,
    .e-rte-content .e-rte-img-caption .e-rte-image.e-imgleft {
        float: none;
        margin: 0;
    }

.e-rte-content .e-rte-table {
    border-collapse: collapse;
    empty-cells: show;
}

    .e-rte-content .e-rte-table td,
    .e-rte-content .e-rte-table th {
        border: 1px solid #bdbdbd;
        height: 20px;
        min-width: 20px;
        padding: 2px 5px;
        vertical-align: middle;
    }

    .e-rte-content .e-rte-table.e-dashed-border td,
    .e-rte-content .e-rte-table.e-dashed-border th {
        border-style: dashed;
    }

.e-rte-content .e-rte-img-caption .e-img-inner {
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-weight: initial;
    margin: auto;
    opacity: .9;
    position: relative;
    text-align: center;
    width: 100%;
}

.e-rte-content .e-rte-img-caption .e-img-wrap {
    display: inline-block;
    margin: auto;
    padding: 0;
    width: 100%;
}

.e-rte-content blockquote {
    border-left: solid 2px #333;
}

.e-rte-content a {
    color: #2e2ef1;
}

.e-rte-content .e-rte-table th {
    background-color: #e0e0e0;
}
.e-content.e-lib.e-touch {
    height:auto!important;
}
.actionItensEventos {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}

    .actionItensEventos button {
        border-radius: 6px;
        padding-right: 10px;
        margin: auto;
        color: white;
    }
.tempTituloEvento {
    display: flex;
    align-items: center;
    width: calc(100% + 21px);
    border-radius: 0px;
    overflow: hidden;
    background: transparent;
}
.imgEvento {
    width: calc(100% - 21px);
    height: 69px;
    margin-right: 0;
    display: flex;
    position: absolute;
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    overflow: hidden;
    background-color: transparent;
}
.tempTituloEvento img {
    height: auto;
    border-radius: 5px;
    margin: 0;
    max-height: 69px;
    height: auto;
    width: auto;
}
.tempTituloEvento label {
    margin: 0;
    font-weight: normal;
    font-size: 1.2em;
    z-index: 1;
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding-left: 10px;
    background: linear-gradient( 270deg, #2727274a 14%, #272727bd 50%, #272727 88%);
    text-shadow: -1px 1px 3px #000000e0;
    font-family: 'Proxima Nova Medium';
    color: #e9e9e9;
    overflow: hidden;
    border-radius: 0;
}
tr.e-row:hover .tempTituloEvento label {
    background: linear-gradient( 270deg, #27272708 15%, #4e4e4e 75%);
    text-shadow: -1px 1px 3px #0000003b
}
tr.e-row td.e-selectionbackground .tempTituloEvento label {
    background: linear-gradient( 270deg, #27272700 14%, #6a6a6ab8 50%, #636363 88%);
    text-shadow: -1px 1px 3px #0000003b
}
.e-rowcell.e-templatecell {
    position: relative;
}
.e-content {
    overflow-y: auto!important;
}
.infoLoteIngressos {
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 2.5em;
    background: #08080852;
    border-radius: 20px;
    padding: 0 5px;
    border: 1px solid gray;
    font-size: 1em;
}
.infoLoteIngressos > text:nth-child(1) {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0 5px;
    border-right: 1px solid #00000036;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 0;
}
    .infoLoteIngressos > text:nth-child(1) bold {
        display: flex;
        font-weight: bold;
        text-align: right;
        color: #67db67;
    }
    .infoLoteIngressos > text:nth-child(1) text {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 500;

    }

    .infoLoteIngressos > text:nth-child(2) {
        display: flex;
        width: 100%;
        margin: 0 5px;
        padding-right: 10px;
        padding-left: 10px;
    }
        .infoLoteIngressos > text:nth-child(2) bold {
            display: flex;
            font-weight: bold;
            color: #cfcfcf;
        }

        .infoLoteIngressos > text:nth-child(2) text {
            display: block;
            width: 100%;
            text-align: right;
            font-weight: 500;
        }
.areaGerenciamento {
    background: rgb(28, 28, 28);
    display: block;
    width: 100%;
    overflow: auto;
    min-height: calc(100vh - 130px);
}
#GridLotesIngressosEvento, #GridParticipantesEvento {
    border-left: none;
    border-right: none;
}
.e-btn, .e-css.e-btn {
    border-radius: 5px;
   
}
.rightSideHeadEvento {
    margin: auto;
    margin-right: 0;
    display: flex;
    flex-direction: column;
}

#visibilidadeEvento {
    margin: 0 10px;
}
.btnTooltip {
    background: transparent;
    color: white;
    border: none;
    height: auto;
    width: auto;
}
.visibilidadeEvento .btnTooltip {
    color: #e0e0e0;
    font-size: 16px;
    display: flex;
    align-items: center;

}
#statusEvento {
    margin: 0;
    margin-left: 0;
    min-width: auto;
    text-align: center;
    font-size: 1em;
}
.e-chip-list.e-chip.e-primary, .e-chip-list .e-chip.e-primary {
    background-color: #0d6efd61;
    border-color: transparent;
    color: white;
}


#statusEvento .e-chip-text {
    font-weight: 500;
    line-height: 2em;
}
.rightSideHeadEvento > div, .e-card-header-caption .d-flex.flex-column.align-content-center.align-itens-center {
    line-height: 2.1em;
    align-items: start;
    margin-top: 5px;
    font-size: .85em;
    background: #272727;
    border-radius: 10px;
    padding: 5px 10px;
    width: auto;
    display: table !important;
    padding-bottom: 9px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
}
.e-card-header-caption .d-flex.flex-column.align-content-center.align-itens-center {
    margin-right: auto;
    margin-left: 0;
    padding-bottom: 10px;
}
    .rightSideHeadEvento > div label, .e-card-header-caption .d-flex.flex-column.align-content-center.align-itens-center label:nth-child(1) {
        align-items: center;
        font-size: 1.3em;
        font-weight: 500;
        margin-top: 5px !important;
        margin-bottom: 15px !important;
        text-align: right;
        width: auto;
        display: flex !important;
        color: #dedede;
        padding-right: 5px;
    }
    .rightSideHeadEvento > div label i, .e-card-header-caption .d-flex.flex-column.align-content-center.align-itens-center label:nth-child(1) i {
        font-size: 20px;
        margin: auto;
        margin-right: 7px;
    }
.lblInfoHeaderEvento {
    align-items: center;
    background: #1f1f1f;
    padding: 1px 10px;
    border-radius: 0;
    font-weight: 500;
    font-size: 1em;
}
    .e-card-header-caption .d-flex.flex-column.align-content-center.align-itens-center label:nth-child(1) {
        padding-left: 5px;
        text-align: left;
        align-items: center;
        display: flex !important;
    }
.contentActionEvento {
    display: flex;
    flex-direction: row;
    font-size: 1.1em;
    align-items: center;
    font-weight: 500;
    line-height: 2.5em;
    background: #0d6efd0f;
    border-radius: 10px;
    border: 1px solid #183d73;
}
    .contentActionEvento div:not(.e-switch-wrapper.e-wrapper) {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .contentActionEvento div:nth-child(1) {
        background: #1f1f1f;
        padding: 0 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
        .contentActionEvento div:nth-child(1) i {
            margin-right: 10px;
        }
    .contentActionEvento div:nth-child(3) {
        background: #183d73;
        padding: 0 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .contentActionEvento div:nth-child(3) i{
        margin-left: 10px;
    }
    .contentActionEvento .e-switch-wrapper.e-wrapper {
        margin: 0 15px;
    }
.contentUrlEvento {
    display: flex;
    align-items: center;
    /* background: #1f1f1f; */
    /* padding: 1px 15px; */
    font-size: 1.1em;
    font-weight: 500;
    align-items: end;
    flex-direction: revert;
    align-items: center;
    border-radius: 30px;
}
.linkEvento {
    flex-direction: row !important;
    margin: 0px 10px;
    margin-left: 0;
    font-weight: bold;
    font-size: .95em;
    padding: 0 0;
    background: #0d6efd61;
    border-radius: 20px;
    line-height: 2.9em;
    cursor: pointer;
    width: 350px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block !important;
    word-break: break-all;
    z-index: 1;
    flex-wrap: wrap;
}
.linkEvento i{
    font-size: 20px;
    position: relative;
    top: 5px;
    left: 5px;
}
.contentUrlEvento i {
    margin-right: 10px;
    line-height: 1.4em;
}
#btnRenovarLinkConvite {
    width: auto;
    min-width: 0;
    text-align: center;
    /* display: block; */
    align-items: center;
    background: #0d6efd1f;
    margin: 0 5px;
}
#btnRemoverLinkConvite {
    width: auto;
    min-width: 0;
    text-align: center;
    /* display: block; */
    align-items: center;
    background: #ff2a0324;
    margin: 0 5px;
}
    #btnRenovarLinkConvite i, #btnRemoverLinkConvite i {
        margin: auto;
    }
#btnRenovarLinkConvite:hover, #btnRenovarLinkConvite:active, #btnRenovarLinkConvite:focus {
    background: #0d6efd;
}
#btnRemoverLinkConvite:hover, #btnRemoverLinkConvite:active, #btnRemoverLinkConvite:focus {
    background: #ff2a03d9;
}
/*.e-tooltip-wrap.e-popup {
    background-color: #4d4d4d;
    border: 1px solid #464646;
}
.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #4d4d4d;
}
.e-tooltip-wrap .e-tip-content {
    color: #fff;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 15px;
}
.e-tooltip-wrap.e-popup.e-lib.e-control.e-popup-open {
    margin-top: -10px;
    padding: 7px 0;
    border-radius: 5px;
}
 
.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-left, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
    color: #eee;
    font-family: 'e-icons';
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}*/
.e-btn.e-outline.e-primary, .e-css.e-btn.e-outline.e-primary {
    background-color: transparent;
    border-color: #0d6efd;
    color: #c5c5c5;
}
#areaLinkPaginaEvento .linkEvento {
    margin-left: auto;
    margin-right: auto;
}


        #GridLotesIngressosEvento_toolbarItems .e-toolbar-items .e-toolbar-item button {
            width: auto;
            background: #0d6efd82;
            height: auto;
            line-height: 2.2em;
            padding: 0 10px;
            font-size: 1.2em;
            font-weight: 500;
            border-radius: 5px!important;
        }
.e-grid .e-table {
    background-color: #272727;
}
.e-grid .e-rowcell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse, .e-grid .e-rowdragdropcell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid .e-detailindentcell, .e-grid .e-detailcell {
    border-color: #61616157;
}
.e-toolbar {
    background: #212121;
    border: 1px solid #61616157;
}
.e-grid {
    border-color: #61616157;
}
    .e-grid .e-gridheader {
        background-color: #303030;
        border-bottom-color: #61616157;
        border-top-color: #61616157;
    }
.e-pager {
    border-color: #61616157;
}
@media (min-width: 1500px) {
    .card-control-section .card-layout {
        max-width: 1500px!important;
    }
}
@media (min-width: 1550px) {
    .card-control-section .card-layout {
        max-width: 1550px!important;
    }
}
@media (min-width: 1920px) {
    .card-control-section .card-layout {
        max-width: 1920px !important;
    }
}
.e-tab .e-tab-header .e-scroll-nav {
height:auto;
}
.cardFinanceiroItem {
    background: #262626;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 0 5px;
    max-width: calc(33.333333% - 10px);
    
}
.valorFinanceiroResumo {
    color: white;
    display: table;
    margin: auto !important;
    margin-top: 5px !important;
    border-radius: 0;
    padding: 8px 20px;
    width: 100%;
    text-align: left;
}
.tittleCardFinanceiroItem {
    display: flex;
    align-items: center;
    align-content: center;
    margin-left: 0;
}
.tittleCardFinanceiroItem h4{
    font-size: 1rem;
    margin: 0;
    margin-left: 5px;
}
.tittleCardFinanceiroItem.entradas i{
    margin: auto;
    margin-right: 0;
    color: #4caf50;
    font-size: 30px;
}
    .tittleCardFinanceiroItem.saidas i {
        margin: auto;
        margin-right: 0;
        color: #c33838;
        font-size: 30px;
    }
    .tittleCardFinanceiroItem.total i {
        margin: auto;
        margin-right: 0;
        color: #ffff;
        font-size: 30px;
    }

.e-deletebutton.e-edit-delete:hover {
    background-color: #c33838 !important;
    border-color: #ff000038 !important;
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    margin-bottom: 0;
    BACKGROUND-COLOR: #13233a;
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: #ffffff;
}

.sample_container {
    max-width: 300px;
    margin: auto;
    min-height: 400px;
}

/* Card Customizations */

.e-custom-card {
    position: relative;
    /*margin-top: 80px;*/
    overflow: visible;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: 0.2s;
    border-width: 1px;
    padding: 1px;
}

  
.sample_container p.avatar-content {
    line-height: 20px;
    font-family: inherit;
}

.e-custom-card .e-card-header {
    text-align: center;
}

.e-custom-card .e-avatar {
    font-size: 40px;
    box-shadow: 0 16px 28px -8px rgb(0 0 0 / 0%), 0 4px 15px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 25%);
    background: #13233a;
    border-radius: 50%;
    padding: 11px 11px;
    color: white;
    display: flex;
}
.e-rte-toolbar.e-control.e-toolbar.e-lib e-extended-toolbar.e-keyboard {
z-index:1
}
.requisitoInput .e-control.e-richtexteditor .e-content.e-lib.e-keyboard {
    min-height: 55vh;
}

.tailwind .e-custom-card .e-avatar,
body.tailwind-dark .e-custom-card .e-avatar,
body.bootstrap5 .e-custom-card .e-avatar,
body.bootstrap5-dark .e-custom-card .e-avatar {
    height: 3em;
    width: 3em;
}



.e-card.e-custom-card :nth-child(3) {
    padding: 12px 0px 20px 0px;
}

.e-custom-card.e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    color: rgb(203 217 242 / 65%);
    text-shadow: 0 0 0.1px;
}

.e-custom-card.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: rgb(247 247 247 / 65%);
    text-shadow: 0 0 0.1px;
    margin-top: 20px;
}

.e-custom-card.e-card .e-card-content {
    overflow: visible;
    width: auto;
    margin: -5px 20px 0 20px;
    word-spacing: 1px;
}

.avatar-content {
    margin: 0 auto;
    text-align: center;
    color: rgb(233 233 233);
    border: none;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}

.avatar-content {
    margin-bottom: 0;
}

.sample_container .name {
    margin-top: 10px;
}

#btnAddImagemGaleriaEvento {
    display: flex;
    align-items: center;
    height: auto;
    margin: auto;
}

#btnCadastraLotes, #voltarVamosComecar, #continueSobreEvento, #salvarComoRascunho, #voltarSobreEvento, #continueBannerDestaque, #voltarPaginaEvento, #continueFinalizar, #continuePaginaEvento, #voltarCadastraLotes {
    display: flex;
    align-items: center;
    height: auto;
    line-height: 1.5em;
    font-size: 1.15em;
    background-color: #13233a;
    border-color: transparent;
    min-height: 0;
    max-height: none;
}
    #btnCadastraLotes i, #voltarVamosComecar i, #continueSobreEvento i, #salvarComoRascunho i, #voltarSobreEvento i, #continueBannerDestaque i, #voltarPaginaEvento i, #continueFinalizar i, #continuePaginaEvento i, #voltarCadastraLotes i {
        margin-left: 5px;
        margin-right: -10px;
    }
    #voltarVamosComecar i, #salvarComoRascunho i, #voltarSobreEvento i, #voltarPaginaEvento i, #voltarCadastraLotes i {
        margin-right: 5px;
        margin-left: -10px;
    }

#salvarComoRascunho, .salvarComoRascunho {
    background-color: #4f5400;
    border-color: transparent;
}
.salvarComoRascunho {
    line-height: 1.8em;
    font-size: 1.1em;
}
#voltarVamosComecar {
    background-color: #161616;
    border-color: transparent;
}

#dialogAddLotesIngressos {
    max-width: calc(100% - 20rem );
}
#continueSobreEvento {
    margin-right: 0 !important;
}

.bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    display: flex;
    align-items: center;
    background: #13233a;
    color: white;
    border-color: #132a7c;
    border-radius: 6px;
}
    .bootstrap-timepicker-widget table td a:hover {
        text-decoration: none;
        background-color: #0d6efd;
        border-radius: 4px;
        border-color: #0d6efd;
    }
.localSelecionadoContainer {
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 6px!important;
}
    .localSelecionadoContainer span {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }
    .localSelecionadoContainer span i {
    font-size: 16px;
}
.containerLoteIngressosLista {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: auto;
    margin: auto;
    background: #181818;
    padding: 20px 20px;
    border-radius: 9px;
    width: calc(100% - 10rem );
    margin-top: 1rem;
}
#btnAddLoteIngressos {
    display: flex;
    align-items: center;
    text-align: center;
    margin: auto;
}
.e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: rgba(255, 255, 255, 0.87);
    line-height: 2.2em;
}
#dialogRemoveLotesIngressos {
    width: auto!important;
    min-width: 330px!important;
}
#dialogRemoveLotesIngressos_dialog-content {
    min-height: 5vh;
    display: flex;
    align-items: center;
    padding-bottom: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    padding-right: 10px;
    overflow: hidden;
}
.col-xl-12.m-t-5 .e-radio-wrapper.e-wrapper {
    margin: 5px 5px;
}


.containerPriodoIngresso {
    display: flex;
    flex-direction: column;
    align-items: start;
    line-height: 2.2em;
    margin: 10px 0;
}
.spanLotePeriodo {
    display: flex;
    align-items: center;
}
    .spanLotePeriodo i {
        font-size: 1.2rem;
    }
.spanTempLotePeriodo {
    background: #1d4278;
    padding: 0 5px;
    border-radius: 5px;
    margin-left: 5px;
    max-width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(255 255 255 / 10%);
}
.e-toolbar-wrapper {
    height:auto!important;
}
.e-rte-tb-float {
    margin-top: -1px !important;
}

.contentAnexosUploaded {
    width: 100%;
    min-height: 10vh;
    max-height: 60vh;
    overflow: auto;
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(3, minmax(1px, 100%));
    padding: 20px 15px;
    list-style: none;
}
.boxImagem {
position:relative;
}
.InnerItemAnexoUploaded {
    background: #464646;
    padding: 5px;
    border-radius: 3px;
    position: relative;
}
.RemoveImagensEvento {
    opacity:.5;
    width: 30px;
    height: 30px;
    background: #fe674d;
    position: absolute;
    top: -15px;
    right: -14px;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    display: flex;
    border: 0.09rem solid #ffffff;
    cursor: pointer;
    box-shadow: 0px 1px 3px 0px black;
}
.boxImagem:hover .RemoveImagensEvento {
    opacity:1;
}
.boxImagem img{
    width:100%
}
.containerBtnAddImage {
    border-top: 1px solid #80808042;
    border-bottom: 1px solid #80808042;
    padding: 12px 10px;
}
.removerImagem {
    font-size: 20px;
    text-align: center;
    margin: auto;
    color: white;
}
.requisitoInput #Descricaorte-view.e-rte-content .e-content.e-lib.e-keyboard {
    min-height: calc(100vh - 500px)
}
.noDataFotosEvento {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.noDataFotosEvento div{
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    cursor:pointer;
}
    .noDataFotosEvento div i {
        font-size: 6em;
        margin: 10px auto;
    }
    .noDataFotosEvento div text {
        background: #0d6efd2e;
        border-radius: 5px;
        margin: 15px 10px;
        padding: 10px;
    }






















.containerPreviaBanner {
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
}

.croppie-container .cr-boundary {
    background: rgba(0, 0, 0, 0.76);
    background: transparent;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    /*padding-top: 31%;*/
    /*padding-top: 42.6%;*/
    padding-top: 9.6%;
}

.cr-slider-wrap {
    margin-bottom: 0px !important;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px dashed rgb(255 255 255 / 21%);
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgb(0 0 0 / 50%);
    z-index: 0;
    text-align: center;
}

.iconeBannerPlaceholder > i:nth-child(1) {
    font-size: 70px;
    color: #cac9c9;
}


#containerImagemBannerDestaque {
    display: flex;
}

#imagemBannerDestaque {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.iconeBannerPlaceholder {
    display: flex;
    align-self: center;
    position: absolute;
    z-index: 3;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 2.5rem 6rem;
    border: 4px dashed #5b5b5b;
    background: #222222;
}

    .iconeBannerPlaceholder div {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        cursor: pointer;
        width: 100%;
        margin: auto;
    }
.iconeBannerPlaceholder div i {
    font-size: 4em;
    margin: 0 auto;
}
.iconeBannerPlaceholder div text {
    background: #0d6efd2e;
    border-radius: 5px;
    margin: 5px 5px;
    padding: 10px;
    text-transform: uppercase;
}
.backgroundGradientCardDestaque {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0 !important;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.874199875262605) 0%, rgba(0,212,255,0) 100%);
    z-index: 1;
}

.containerEventosDestacados {
    z-index: 1;
    width: 70%;
    position: absolute;
    top: 50px;
    margin: 0px 10%;
}
.classificacaoEtaria {
    font-family: Anton, sans-serif;
    letter-spacing: 0.1em;
    margin-top: 5px;
    width: 25px;
    height: 25px;
    color: white;
    border-radius: 4px;
    margin-left: 3px;
    font-size: 1em;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
    background: #0d6efd;
}
.nomeEventoPrincipal {
    letter-spacing: 0px;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: left;
    font-family: 'Proxima Nova Book';
    color: white;
    font-weight: bold;
    font-size: 1.6em;
}
.descricaoEventoPrincial {
    letter-spacing: 0px;
    margin-top: 5px;
    margin-bottom: 4px;
    text-align: left;
    font-family: 'Proxima Nova Book';
    color: white;
    font-weight: bold;
    font-size: .95em;
}
.dataEventoPrincipal {
    font-size: .95em;
}
.botaoComprarEventoPrincipal {
    background: #00e67f;
    color: #ffffff;
    border-radius: 5px;
    padding-top: -1px;
    padding-right: 10px;
    padding-left: 10px;
    border-style: none;
    text-shadow: none;
    font-weight: bold;
    z-index: 2;
    text-shadow: -1px 1px 1px #1bc16a;
    height: auto;
    line-height: .8em;
    font-size: 1.15em;
}

.imgCard, .overLayCard {
    display: flex;
}

.boxImagemCard, .boxImagemBanner {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 100%;
}



.InnerImgCardUploaded, .InnerImgBannerUploaded, .InnerImgBannerDestaqueUploaded {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    width: 100%;
}



.previewImgCard, .previewImgBanner, .previewImgBannerDestaque {
    height: auto;
    width: auto;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}


.RemoveImagemCard, .RemoveImagemBanner {
    position: relative;
    color: white;
    top: 0px;
    right: 0px;
    width: auto;
    height: auto;
    border-radius: 50%;
    background-color: #ff3a16;
    text-align: center;
    display: flex;
    flex-direction: column;
    z-index: 3;
    flex-direction: revert;
    margin: auto !important;
}

.actions {
    display: flex;
    flex-direction: row;
}


.backgroundBlur {
    height: 100%;
    width: 100%;
    position: absolute;
    filter: blur(5px);
    transform: scale(1.2);
}

.containerPreviaBannerDestaque {
    background: transparent;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid #383838;
    margin: 20px 0;
    border-radius: 4px;
}

.headerPreviaBannerDestaque {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 20px;
    z-index: 999;
    background: linear-gradient(rgb(0 0 0 / 44%) 4%, rgb(0 0 0 / 0%) 100%);
    padding-top: 15px;
}

.bodyPreviaBannerDestaque {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    position: absolute;
}

.containerPesquisa {
       width: 30%;
    height: 26px;
    background: #121212;
    border-radius: 5px;
    align-content: center;
    align-self: center;
    display: flex;
    border: 1px solid #303030;
}

.generoMenu {
    width: 65px;
    height: 16px;
    background: #ffffff;
    border-radius: 3px;
    align-self: center;
}

.containerLogo {
    position: relative;
    display: flex;
    flex-direction: row;
}

.logoMenu {
    padding: 0px;
    padding-right: 14px;
    width: 53px;
}

.containerPerfil {
    width: 30px;
    height: 30px;
    background: #00000047;
    border-radius: 50%;
    align-self: center;
    display: flex;
    color: white;
    align-items: center;
}
.containerPerfil i{
    margin:auto;
}
    .img-preview {
        margin-top: -60px;
        z-index: 0;
        width: 100%;
    }

.backgroundGradientCardDestaque {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -105px;
    background: rgb(0,0,0);
    background: linear-gradient( 90deg, rgba(0,0,0,0.874199875262605) 0%, rgba(0,212,255,0) 100%);
    z-index: 0;
}

.containerSelectBannerPrincipal {
    /*border-bottom: 1px solid #80808038;*/
    margin-bottom: 0px;
    padding-bottom: 10px;
}
.headerSelectBannerPrincipal {
    border-bottom: 1px solid #80808038;
    padding-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 0;
    margin-top: 10px;
    font-size: 1.1em;
    display: flex;
    align-items: center;
}
    .headerSelectBannerPrincipal label {
        font-weight: 500;
        font-size: 1.15em;
        margin: 0;
        padding-left: 10px;
        left: 1em;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
        .headerSelectBannerPrincipal label i {
            font-size: 1.5em;
            color: #ffffff;
            background: #182a44;
            border-radius: 20px;
            padding: 5px;
            border: 1px solid #14448c;
        }
.btnActionCropie{
    background: #182a44;
    border: 1px solid #0d6efd63;
    display: flex;
    align-items: center;
    font-size: 1em;
    border-radius: 6px;
    color: #e7e7e7;
}
    .btnActionCropie:hover {
        background: #0d6efd63;
        border: 1px solid #0d6efd63;
    }
    .btnActionCropie i, .btnActionCropieSuccess i{
        font-size: 17px;
    }
    .btnActionCropie span, .btnActionCropieSuccess span{
        display: flex;
        align-items: center;
        text-align: center;
        align-self: center;
        line-height: 19px;
        margin-left: 5px;
    }
.btnActionCropieSuccess{
    background-color: #4caf5021;
    border-color: #4caf5082;
}
    .btnActionCropieSuccess:hover {
        background: #4caf5082;
        border: 1px solid #4caf5082;
    }
#imgFotoBanner {
    max-width: 100%;
    width: 100%;
}
.ccroppie-container {
    width: 100%;
    margin: 15px auto;
    text-align: center;
    display: flex;
    align-items: center;
}
.ccroppie-container {
    width: 100%;
    margin: 15px auto;
    text-align: center;
    display: flex;
    align-items: center;
    margin-top: 20px !important;
    background: #222222;
    border-radius: 5px;
    border: 1px solid #8080801a;
    padding: 0 25px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.e-slider-container.e-control-wrapper.e-horizontal {
    margin: 0 40px;
}
.iconeBannerPlaceholder {
    transition: 0.2s all ease-in-out;
}
    .iconeBannerPlaceholder:hover {
        background: #000000c7 !important;
    }
.containerPreviaBanner:hover *{
    color: white !important
}
.e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
    color: #e9e9e9;
 
}
#btnZoomOut, #btnZoomIn {
    height: 35px;
    width: 35px;
    padding: 5px !important;
    min-height: 35px;
    min-width: 35px;
    margin: auto !important;
    border: 1px solid #80808040;
    background: #8080803b;
}
img {
    max-width: 100%;
}
.e-richtexteditor.e-rte-tb-expand .e-rte-content, .e-richtexteditor.e-rte-tb-expand .e-source-content {
    height: auto!important;
}

.textEditBreveDescricao {
    width: 100%;
    background: rgb(36, 36, 36);
    color: white;
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 200px;
    padding: 10px 10px;
    border-radius: 5px;
    border-color: #0e0e0e85;
}
.lblDataEventoCardPrincipal {
    text-transform: capitalize;
    margin-bottom: 0;
}
#totalLucro, #totalTaxa, #totalComprador {
    -webkit-text-fill-color: rgb(255 255 255);
}
.form-floating {
    border-color: #0d6efd;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #0d6efd;
    margin-bottom: 20px;
}
    .form-floating textarea {
        min-height: calc(70vh - 230px);
        background: #101010 !important;
        color: #e3e3e3;
        margin-bottom: 0;
        padding: 20px 15px;
        border: none;
    }
.e-dialog .e-dlg-header {
    
    font-family: 'Proxima Nova Medium';
}
.e-grid .e-headercelldiv {
    font-weight: normal;
    font-family: 'Proxima Nova Medium';
    color: #eaeaea;
}
#btnPublicarEvento {
    line-height: initial;
    font-size: 1.15em;
    /*background-color: #13233a;
    border-color: #0d6efd;*/
}
.e-headercelldiv {
    display: flex !important;
    align-items: center !important;
}
.e-headercelldiv .material-icons{
    margin-right: 8px;
    font-size: 1.7em;
    color: #ffffff;
}
#GridEventosAll tr.e-columnheader {
    height: 45px!important;
}
#GridEventosAll .e-headercelldiv {
    padding: 0!important;
}
#GridLotesIngressosEvento .e-headercell.e-templatecell.e-centeralign {
    /*display: flex;*/
    /*line-height: 45px;
    height: 45px;*/

}
    #GridLotesIngressosEvento .e-headercell.e-templatecell.e-centeralign .e-headercelldiv {
        text-align: center;
        margin: auto;
    }
#GridLotesIngressosEvento .e-headercell.e-templatecell .e-sortfilterdiv {
    position: relative !important;
    top: 30px !important;
}
#GridLotesIngressosEvento .e-rowcell.e-templatecell div .e-switch-wrapper {
    margin: auto
}
#GridLotesIngressosEvento .e-headercell.e-templatecell.e-rightalign .e-headercelldiv {
    text-align: right;
    display: flex !important;
    margin: auto;
    margin-right: 0;
    width: 100%;
}
#GridEventosAll .e-headercell.e-templatecell.e-rightalign .e-headercelldiv i {
    margin-left: auto;
}
#GridLotesIngressosEvento .e-headercell.e-rightalign div span {
    margin: auto;
    margin-right: -5px;
}
.btnEdit {
    background: #13233a;
}
    .btnEdit:hover {
        background: #0d6efd;
    }
.btnEdit i{
    font-size: 1.25em;
}



.char_block {
    display: inline-block;
}

#emot_tbar,
#emot_tbar div {
    cursor: pointer;
}

#rteEmoticons-smiley, #rteEmoticons-animal {
    padding: 15px 0 15px 15px;
}

#tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #e3165b;
    border-color: #e3165b;
}

.material #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #e3165b;
    border-color: #e3165b;
}

.material-dark #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #56a4fd;
    border-color: #56a4fd;
}

.fabric #tabEtapasCadastraEventoEmoji .char_block.e-active,
.fabric-dark #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #0078d6;
    border-color: #0078d6;
}

.bootstrap4 #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #007bff;
    border-color: #007bff;
}

.bootstrap #tabEtapasCadastraEventoEmoji .char_block.e-active,
.bootstrap-dark #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #317ab9;
    border-color: #317ab9;
}

.highcontrast #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #ffd939;
    border-color: #ffd939;
}

.tailwind #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #3730a3;
    border-color: #3730a3;
}

.tailwind-dark #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #22d3ee;
    border-color: #22d3ee;
}

.bootstrap5 #tabEtapasCadastraEventoEmoji .char_block.e-active,
.bootstrap5-dark #tabEtapasCadastraEventoEmoji .char_block.e-active {
    outline: 1px solid #0D6EFD;
    border-color: #0D6EFD;
}

#tabEtapasCadastraEventoEmoji .char_block {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #0d6efd69;
    font-size: 2em;
    cursor: pointer;
    user-select: none;
    border-radius: 4px;
}
    #tabEtapasCadastraEventoEmoji .char_block:hover {
        background: gainsboro;
    }
    #emot_tbar .rtecustomtool {
        font-size: 18px;
    }

@media (min-width: 320px) and (max-width: 480px) {
    #rteEmoticons-smiley, #rteEmoticons-animal {
        padding: 15px 0 15px 6px;
    }
}
#containerEmoji1, #containerEmoji2, #containerEmoji3, #containerEmoji4, #containerEmoji5, #containerEmoji6 {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    display: grid;
    grid-gap: 0.5em;
    grid-template-columns: repeat(8, minmax(40px, 100%));
    padding: 20px 15px;
    list-style: none;
    max-height: 60vh;
}
#tabEtapasCadastraEventoEmoji .e-tab-text {
    font-size:2em
}
.containerSwitch .e-switch-wrapper {
    margin:auto
}
#TooltiVisibilidadeEvento, #TooltipPortaria {
    display: flex;
    align-items: center;
}
    #TooltiVisibilidadeEvento .tituloRequisito, #TooltipPortaria .tituloRequisito {
        margin: 0
    }
.e-toast-container .e-toast.e-toast-warning {
    background-color: #ff9800;
    color: #ffffff;
    text-shadow: 0px 0px 3px #0000009e;
}
.requisitoInput.mt-2 .e-control.e-richtexteditor.e-lib {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #8080809e;
}
.badgeStatusRascunho {
    background-color: #e5e5e5 !important;
    border-color: transparent !important;
    color: black !important;
}
.badgeStatusAnalise {
    background-color: #b76d00 !important;
    border-color: transparent !important;
    color: white !important;
}
.titleCardDash {
    font-size: 1.5em;
    line-height: normal;
    font-weight: 500;
}
.lblTotalEventos {
    color: white;
    padding: 20px 0;
    text-align: center;
}
.infoEventos {
    border-top: 1px solid gray;
    padding: 15px 10px;
}
.lblIngressos {
    font-size: 1.2em;
    color: white;
}
.containerResumoCard {
    display: flex;
    flex-direction: column;
    line-height: 1.2em;
}
.lblResumoCard {
    display: flex;
    width: 100%;
    margin-top: 15px;
}
.txtResumoCardIngrPagos {
    align-self: self-start;
    display: flex;
    margin: auto;
    margin-left: 0;
    font-weight: 500;
}
.lblResumoCardIngr {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.containerResumoCardBottom {
    border-top: 1px solid gray;
    padding: 15px 0;
    padding-bottom: 0;
}
.lblResumoCardBottom {
    display: flex;
    width: 100%;
}
.txtResumoCardBottom {
    align-self: self-start;
    display: flex;
    margin: auto;
    margin-left: 0;
    font-weight: 500;
}
.txtResumoCardBottomVal {
    align-self: end;
    display: flex;
    margin: auto;
    margin-right: 0;
}
.btn-disabled.e-btn-disabled {
    background-color: #4e4e4e;
    border-color: transparent;
    color: #c3c3c3;
    opacity: .7;
    cursor: not-allowed;
}
    .btn-disabled.e-btn-disabled:hover, .btn-disabled.e-btn-disabled:active, .btn-disabled.e-btn-disabled:focus {
        background-color: #4e4e4e !important;
        border-color: transparent !important;
        color: #c3c3c3 !important;
        opacity: .7 !important;
        cursor: not-allowed !important;
    }
#GridEventosAll .e-gridcontent .e-content table colgroup col:nth-of-type(3) {
    min-width: 215px
}
#btnVoltar {
    background: transparent;
    box-shadow: none;
    display: flex;
    width: 310px;
}
.containerCadDataProdutor {
    max-width: 910px;
    margin: auto;
    background: #0e0e0e;
    padding: 20px 50px;
}
.cardProdutorCad {
    margin: auto;
    border: none !important;
    min-height: 185px;
    display: flex;
    align-items: center;
}
    .cardProdutorCad label {
        user-select:none;
        color: white;
        font-size: 1.3em;
        line-height: 1.3em;
        margin-left: 0 !important;
    }
    .cardProdutorCad text {
        user-select: none;
        color: #d1d1d1;
        margin: 10px 25px;
        text-align: left;
    }
.disabledCard, .disabledCard *{
    cursor: not-allowed;
}
    .disabledCard{
        opacity: .5;
    }

.alertContaValidacao {
    padding: 7px 15px;
    width: auto;
    display: table;
    background: #70707000;
    border: 1px solid #ffca1c;
    border-radius: 5px;
    margin: 0px calc(50vw - 300px);
    margin-top: 15px;
    position: sticky;
    z-index: 1;
    margin-top: -109px;
    background: #181818d6;
    top: 80px;
}

@media (max-width: 720px){
    .alertContaValidacao {
        
        margin: 0px calc(50vw - 240px)!important;
        
    }
}

.alertContaValidacao .containerValidacaoConta{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
    .alertContaValidacao .containerValidacaoConta span {
        font-size: 1.2em;
        font-family: 'Proxima Nova Medium';
        color: #ebebeb;
    }
#btnCloseAlertaContaAnalise, #btnCloseAlertaConta {
    margin-right: 0 !important;
    background: transparent;
    border-radius: 50%;
    padding: 0;
}
.containerSwitch {
    display: flex;
    align-items: center;
    width: 100%;
    color: #cdcdcd;
    font-family: 'Proxima Nova Light';
}
.contentInputAgencia .e-float-input.e-control-wrapper.e-valid-input {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
}
#validaProdutor_ContaBancaria_Agencia, #validaProdutor_ContaBancaria_Conta {
    line-height: 1em;
    font-size: 2.5em;
    text-align: center;
    width: 135px !important;
    max-width: none;
    min-width: 0;
    letter-spacing: .055em;
    margin: auto;
}
#validaProdutor_ContaBancaria_Conta {
    width: 90%!important;
    margin: auto;
}
#containerFormValidaProdutor .e-spinner-pane.e-spin-show {
    background: #080810a6;
}

#GridLotesIngressosEvento_dialogEdit_wrapper {
    min-width: 920px;
}
#dialogAddCPF_dialog-header {
    padding-bottom: 0;
}
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-size: 1.15em;
}
#chipContainer {
    margin: 0;
    padding-left: 0;
}
    #chipContainer .e-chip.e-primary {
        margin-left: 0;
    }
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    padding-top: 5px;
}



.containerCardMnhCarteira {
    width: 100%;
    background: #80808014;
    padding: 15px 10px;
    border-radius: 5px;
    margin: auto !important;
}
.containerCardMnhCarteiraMin {
    padding: 10px 10px;
    
}
    .containerCardMnhCarteiraMin:nth-of-type(1) {
        margin-bottom: 0.25rem !important;
        margin-top: auto !important
    }
    .containerCardMnhCarteiraMin:nth-of-type(2) {
        margin-top: 0.25rem !important;
        margin-bottom:auto!important
    }
.textTitleSectionMnhCarteira {
    margin: auto;
    margin-left: 0;
    font-size: 1em;
    font-family: 'Proxima Nova Medium';
}
    .textTitleSectionMnhCarteira .e-tooltip {
        display: flex;
        cursor:default;
    }
    .textTitleSectionMnhCarteira.lblSaldoDisponivel {
        color: #5bd15b;
    }
    .textTitleSectionMnhCarteira.lblSaldoPendente {
        color: #c5892f;
    }
    .textTitleSectionMnhCarteira.lblSaldoBloqueado {
        color: #bd4040;
    }
    .textTitleSectionMnhCarteira.lblContaBancaria {
        color: white
    }
.btnMnhCarteira {
    border-radius: 30px;
    font-size: .9em;
}
    .btnMnhCarteira i {
        font-size: 1.2em;
    }
.saldoDisponivel {
    line-height: 5em;
    font-size: 2em;
}

.saldoRepasse {
    color: #53b453;
}
.saldoRepassePendente {
    color: #c5892f;
}
.saldoPendente, .saldoBloqueado, .saldoRepasse, .saldoRepassePendente {
    font-size: 1.5em;
    line-height: 3em;
}
.containerSaldoMnhCarteira {
    min-height: 85px;
}
.sldPendente, .sldBloqueado {
    min-height: 45px;
}
#lblCarteiraBanco, #lblCarteiraAgencia, #lblCarteiraConta, #lblCarteiraFavorecido, #lblCarteiraDocumento {
    line-height: 2em;
    border-bottom: 1px solid gray;
    padding: 0 5px;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
}
#lblTotalRepassePendente, #lblTotalRepasse {
    display: flex;
    align-items: center;
}

    #lblCarteiraBanco span, #lblCarteiraAgencia span, #lblCarteiraConta span, #lblCarteiraFavorecido span, #lblCarteiraDocumento span {
        text-transform: uppercase;
        font-size: .8em;
        color: gray;
    }
.e-headercell.e-rightalign .e-headercelldiv .e-headertext {
    margin: auto;
    margin-right: 0;
}
#GridRelatorioVendasEvento .e-gridheader.e-lib.e-droppable {
    padding-right:0!important;
}
#termosCondicoes {
    display: block;
    width: 100%;
    height: calc(100vh - 670px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    background-color: #181818;
    background-clip: padding-box;
    border: 1px solid #8d8d8d17;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    overflow: auto;
}
.e-chip-list.e-selection .e-chip.e-active {
    background-color: #0d6efd;
    border-color: transparent;
    color: #fff;
}
#GridUsuarios_dialogEdit_wrapper {
max-width:720px
}
.rowNivelUsuario {
    border-bottom: 1px solid #80808063;
    margin-bottom: 10px;
}

.containerLblNivelUsuario {
    background: #8080803d;
    padding: 10px 10px;
    margin: 10px 0px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}
.lblPermissoesUsuarios {
    color: white;
    font-size: 1.1em;
}
    .containerLblNivelUsuario label:nth-of-type(1) {
        font-family: 'Proxima nova book';
        margin: 0;
    }
#menuitem_0-ej2menu-horizontal-menubar-popup {
    top: 57px !important;
}
#dialogSolicitarSaque .e-spinner-pane {
    background: #0000008a;
}
.containerDialogConvite {
    margin-top: auto;
    height: calc(100vh - 110px);
    display: flex;
    align-items: center;
    flex-direction: column;
}
.cardDialog {
    background: #262626;
    border-radius: 5px;
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid #8080801a;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.titileDialog {
    line-height: 3em;
    border-bottom: 1px solid #80808042;
    padding: 1px 15px;
    font-family: 'Proxima Nova Medium';
    background: #212121;
}
.titileDialog label{
    margin:0
}

.bodyDialog {
    padding: 20px 10px;
    font-size: .9em;
}
.bottomDialog {
    padding: 20px 15px;
    border-top: 1px solid #80808045;
    background: #212121;
}
    .bottomDialog .row, .bottomDialog .row .col-lg-6{
        display: flex;
    }
    .bottomDialog button {
        line-height: 2em;
        font-family: 'Proxima Nova Bold';
    }


rect#container_border {
    fill: #303030;
}
text#container_chart_legend_text_0, text#container_chart_legend_text_1, text#container_chart_legend_text_2 {
    fill: white;
}
/*ellipse#container_chart_legend_shape_marker_0 {
    fill: #00bdae;
}*/
path#container_chart_legend_shape_1 {
    fill: red;
}
ellipse#container_chart_legend_shape_marker_1 {
    stroke: #851c1c;
    fill: #851c1c;
}

path#container_Series_0_Point_1 {
    fill: #851c1c;
    stroke: #851c1c;
}
text#lineContainer_ChartTitle {
    fill: white;
}
rect#lineContainer_ChartBorder {
    fill: #303030;
}
div#TooltipInfoContaBancaria {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.textTitleSectionMnhCarteira.lblContaBancaria {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    align-content: center;
}


.actionItensEventos .e-btn.e-outline.e-primary, .actionItensEventos .e-css.e-btn.e-outline.e-primary {
    background-color: #3a6efd;
    border-color: #0d6efd;
    color: #c5c5c5;
}

    .actionItensEventos .e-btn.e-outline.e-primary:hover, .actionItensEventos  .e-css.e-btn.e-outline.e-primary:hover {
        background-color: #054aaf;
        border-color: transparent;
        color: #fff;
    }