*{
    scrollbar-color: rgba(51,51,51,.4) #f1f4f9;
    scrollbar-color: rgba(51,51,51,.4) var(--ds-color--bg);
    scrollbar-width: thin;
    scroll-behavior: smooth;

    font-family: 'Inter', sans-serif;

    -webkit-tap-highlight-color: transparent;
  
      /* Texto */
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: normal;
    font-smooth: always;
    font-feature-settings: "kern", "liga", "clig", "calt";
    font-variant-ligatures: common-ligatures;
  
    /* Imagens e elementos gráficos */
    image-rendering: auto; /* ou 'smooth' para qualidade, 'pixelated' para pixel art */
    -ms-interpolation-mode: bicubic; /* IE legacy: qualidade ao redimensionar imagens */
    object-fit: contain;
}


[data-box-container-wallpaper-loader]{
    width: 100%;
    height: calc(100vh - 250px);
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 1);
    z-index: 1;
}

.invisible-space {
    padding-top: 15px;
}

.min-side-spacing {
    margin: 0 .35rem;
}

.margin-right-5rem {
    margin-right: .5rem
}

.margin-left-5rem {
    margin-left: .5rem
}
.margin-left-3rem {
    margin-left: .3rem
}

.icon-action {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: bottom;
    position: relative;
}

.icon {
    padding: 0 .5rem;
    font-size: 18px;
}

.special-margin-top {
    margin-top: 1rem;
}

.special-margin-bottom {
    margin-bottom: 1rem;
}

.margin-bottom-none{
    margin-bottom: 0 !important;
}

.small-width {
    max-width: 450px;
}

.medium-width {
    max-width: 660px;
}

.x-medium-width {
    max-width: 800px;
}

.large-width {
    max-width: 1070px;
}

.full-width{
    max-width: calc(100%);
    margin: 74px 0 0 0 !important;
}

.width-full{
    width: 100%;
}

.width-auto{
    width: auto !important;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.display-block {
    display: block;
    padding-bottom: .4rem;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.row-clear{
    margin-left: -15px;
    margin-right: -15px;
}

.nav-flex-wrap{
    border-bottom: 1px solid var(--color-modal-nav-border);
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    overflow-x: auto;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

.nav-flex-wrap.no-border{
    border-bottom: none;
}

.nav-link-flex {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.nav-link-flex.nav-link-flex-advanced {
    display: flex;
}

.nav-link-flex.nav-link-flex-advanced > div.nav-link-flex-icon{
    min-width: 28px;
    max-width: 80px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-right: 10px;
}

.nav-link-flex.nav-link-flex-advanced > div.nav-link-flex-icon > i{
    font-size: 18px;
}

.nav-link-flex.nav-link-flex-advanced > div.nav-link-flex-text{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 10px 0 0;
    white-space: nowrap;
}

.nav-link-flex.nav-link-flex-advanced > div.nav-link-flex-text > .nav-link-flex-text-float{
    position: absolute;
    top: 0px;
    right: 4px;
    color: #1b409b;
    padding: 1px 8px;
}

.nav-link-flex.nav-link-flex-advanced > div.nav-link-flex-text > .nav-link-flex-text-float > b{
    font-size: 10px;
    font-style: italic;
}

.nav-link-flex.nav-link-flex-advanced > div.nav-link-flex-text > b{
    padding: 0 5px;
}

.nav-flex-wrap > li{
    line-height: 1;
}

.nav-flex-wrap > li > a{
    padding: 0 10px;
    margin: 0;
    min-width: 100px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(max(0.775rem, 0.45vw), 775rem);
    font-weight: 600;
    text-decoration: none;
    color: var(--color-modal-nav-text);
    opacity: 0.9;
    position: relative;
}


.nav-flex-wrap > li > a.disabled{
    opacity: 0.4;
    cursor: not-allowed;
}

.nav-flex-wrap > li > a.nav-link-flex.active,
.nav-flex-wrap > li > a.nav-link-flex.active:focus,
.nav-flex-wrap > li > a.nav-link-flex.active:hover {
    /* box-shadow: 0px 4px 0px var(--color-modal-nav-border-active); */
    color: var(--color-modal-nav-text-active);
    opacity: 1;
    font-weight: 600;
    /* box-shadow: 0px 3px 0px 0px #1b409b; */
}

.nav-flex-wrap > li > a.nav-link-flex > span{
    transition: .3s;
}

.nav-flex-wrap > li > a.nav-link-flex > span:last-child{
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    max-width: 110px;
    overflow: hidden;
}

.nav-flex-wrap > li > a.nav-link-flex.active > span{
    color: var(--color-modal-nav-icon-active);
}

.panel-navigator {
    position: relative;
    background: transparent;
    min-height: 0;
    margin-bottom: 20px;
}

.panel-navigator-fixed {
    margin-top: 15px;
    margin-bottom: 0;
}

.pagination-frete-barato {
    margin: 0;
    display: flex;
    align-items: center;
    height: 55px;
}

.panel-navigator-buttons-on-left {
    display: flex;
    align-items: center;
    height: auto;
}

.panel-navigator-buttons-on-left > button {
    margin-right: 8px;
}

.panel-navigator-info-custom {
    display: flex;
    align-items: center;
    height: auto;
    padding: 0;
    width: 100%;
}
.panel-navigator-info-custom-box {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #66737F;
    width: 100%;
}
.panel-navigator-info-custom-box p {
    margin-bottom: 0;
    line-height: 1.3rem;
}

.panel-navigator-info-custom-box small {
    font-weight: 700;
}

.panel-navigator-info-custom-box > div:first-child {
    text-align: left;
}
.panel-navigator-info-custom-box > div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
    gap: 50px;
}

.btn-circle{
    border-radius: 50%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-circle-sm{
    width: 40px;
    height: 40px;
}

.btn-circle-md{
    width: 50px;
    height: 50px;
}

.btn-circle-lg{
    width: 60px;
    height: 60px;
}

.btn-switch {
    padding: 0;
    margin: 0 0 0 10px;
}


.btn-switch.btn-switch-sm > div > i, .btn-switch.btn-switch-sm > span.ladda-label > div > i {
    width: 30px;
    font-size: 14px;
}

.btn-switch.btn-switch-sm > div, .btn-switch.btn-switch-sm > span.ladda-label > div{
    height: 25px;
}

.btn-switch.btn-switch-sm > div > span, .btn-switch > span.ladda-label > div > span{
    font-size: 14px;
}

.btn-switch.btn-switch-md > div > i, .btn-switch.btn-switch-sm > span.ladda-label > div > i {
    width: 30px;
    font-size: 14px;
}

.btn-switch.btn-switch-md > div, .btn-switch.btn-switch-sm > span.ladda-label > div{
    height: 30px;
}

.btn-switch.btn-switch-md > div > span, .btn-switch > span.ladda-label > div > span{
    font-size: 13px;
}

.btn-switch > div, .btn-switch > span.ladda-label > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
}

.btn-switch > div > i, .btn-switch > span.ladda-label > div > i {
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    background-color: rgba(0, 0, 0, 0.1);
}

.btn-switch > div > span, .btn-switch > span.ladda-label > div > span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
    font-weight: 600;
}

.box-switch {
    padding: 0 0 7px;
}

.btn-frete-barato {
    color: #fff;
    background-color: #FF6600;
    transition: 0.2s;
}

.btn-frete-barato:hover {
    color: #fff;
    background-color: #FF6600;
}

.btn-frete-barato:focus {
    color: #fff;
    background-color: #FF6600;
}

.btn-white {
    color: #212529;
    background-color: #f8f9fa;
}

.btn-white:hover {
    color: #212529;
    background-color: #f8f9fa;
}

.btn-white:focus {
    color: #212529;
    background-color: #f8f9fa;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/*NOVO ICHECK REFEITO*/
tr.enabled{
    background-color: var(--bg-table-body-enabled) !important;
    color: var(--color-table-body-enabled) !important;
}

tr.enabled>td{
    border-color: #162a4e !important;
}
tr.icheck-hover>td>b{
    /* border-bottom: 1px dotted #a2a4b3; */
}
tr.enabled td:first-child{
    -webkit-box-shadow: -6px 0px 0px 0px rgb(198 203 212);
    -moz-box-shadow: -6px 0px 0px 0px rgb(198 203 212);
    box-shadow: -6px 0px 0px 0px rgb(198 203 212);
}
.icheck-box{
    position: relative;
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icheck-icon-open{
    position: relative;
    color: #5b656e;
    font-size: 20px;
    z-index: 1;
    opacity: 1;
    transform: scale(1);
}

.icheck-icon-close{
    position: absolute;
    color: #1b409b;
    font-size: 20px;
    /* bottom: 1px; */
    left: 6px;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
}
.icheck-hover:hover .icheck-box .icheck-icon-open{
    color: #151D26;
}
.icheck-hover:hover .icheck-box .icheck-icon-close{
    color: #1b409b;
}
.icheck-hover.enabled .icheck-box .icheck-icon-open{
    opacity: 0;
    transform: scale(0);
}
.icheck-hover.enabled .icheck-box .icheck-icon-close{
    opacity: 1;
    transform: scale(1);
}
/*FIM ICHECK*/

tr.icheck-all-hover{
    position: relative;
}
tr.icheck-all-hover .icheck-disabled:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(255,255,255,.5);
}
.icheck-all-box{
    position: relative;
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icheck-all-icon-open{
    position: relative;
    color: #70a2dd;
    font-size: 20px;
    z-index: 1;
    opacity: 1;
    transform: scale(1);
}

.icheck-all-icon-close{
    position: absolute;
    color: #1b409b;
    font-size: 20px;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
}

.icheck-all-icon-inter{
    position: absolute;
    color: #1b409b;
    font-size: 20px;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
}
.icheck-all-hover:hover .icheck-all-box .icheck-all-icon-open{
    color: #1b409b;
}
.icheck-all-hover:hover .icheck-all-box .icheck-all-icon-close{
    color: #1b409b;
}
.icheck-all-hover.enabled-all .icheck-all-box .icheck-all-icon-open, .icheck-all-hover.enabled-all-intermitate .icheck-all-box .icheck-all-icon-open{
    opacity: 0;
    transform: scale(0);
}
.icheck-all-hover.enabled-all .icheck-all-box .icheck-all-icon-close{
    opacity: 1;
    transform: scale(1);
}
.icheck-all-hover.enabled-all .icheck-all-box .icheck-all-icon-inter{
    opacity: 0;
    transform: scale(0);
}
.icheck-all-hover.enabled-all-intermitate .icheck-all-box .icheck-all-icon-close{
    opacity: 0;
    transform: scale(0);
}
.icheck-all-hover.enabled-all-intermitate .icheck-all-box .icheck-all-icon-inter{
    opacity: 1;
    transform: scale(1);
}
/*FIM ICHECK ALL*/


/*NOVO ICHECK STRICT (BASE ICHECK CLASS)*/
tr.icheck-hover-strict>td:first-child{
    padding-left: 20px;
}
tr.enabled-strict{
    background-color: #3a3f51 !important;
}
tr.enabled-strict td{
    border-color: #424351 !important;
}

.icheck-icon-extra{
    position: absolute;
    color: #ea4335;
    font-size: 20px;
    z-index: 2;
    transition: 0.5s;
    opacity: 0;
    transform: scale(0);
}

.icheck-hover-strict:hover .icheck-box .icheck-icon-open{
    color: #c6cbd4;
}
.icheck-hover-strict:hover .icheck-box .icheck-icon-close{
    color: #c6cbd4;
}
.icheck-hover-strict.enabled-strict .icheck-box .icheck-icon-open{
    opacity: 0;
    transform: scale(0);
}
.icheck-hover-strict.enabled-strict .icheck-box .icheck-icon-close{
    opacity: 1;
    transform: scale(1);
}
.icheck-hover-strict.disabled-strict .icheck-box .icheck-icon-open{
    opacity: 0;
    transform: scale(0);
}
.icheck-hover-strict.disabled-strict .icheck-box .icheck-icon-extra{
    opacity: 1;
    transform: scale(1);
}
.icheck-hover-strict.disabled-strict .icheck-box .icheck-icon-close{
    opacity: 0;
    transform: scale(0);
}
/*FIM ICHECK*/

.layer-circle {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #4285f4;
    margin-top: px;
    line-height: 29.5px;
    text-align: center;
}
.layer-circle span {
    font-size: 12px;
    color: #fff;
}

.text-dropdown-profile{
    color: #fff;
    font-weight: 500;
}

.content-loader-absolute-left{
    position: absolute;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent;
    left: 0;
    z-index: 4;
    border-radius: 0.3rem;
}

.content-loader-absolute{
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 10;
    border-radius: 0.3rem;
}

.content-action-absolute{
    position: absolute; 
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    z-index: 10;
    border-radius: 0.3rem;
}

.content-loader-absolute.bg-white{
    background: #fff;
}

.content-action-absolute.bg-default{
    background: rgba(237, 237, 237, 0.7) !important;
}

.content-loader-absolute.content-loader-soft{
    background-color: rgb(39, 41, 61,  0.9);
}

.content-loader-absolute>i{
    font-size: 40px;
    color: #d2d2d2;
}

.content-loader-absolute-blue{
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(18,59,159, 1);
    top: 0;
    z-index: 4;
}

.content-loader-absolute-grey{
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(213 213 213);
    top: 0;
    z-index: 4;
}

.content-loader-absolute-field{
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    z-index: 9;
    cursor: not-allowed;
}

.content-loader-absolute.content-loader-direction{
    flex-direction: column;
}

.content-loader-absolute.content-loader-direction > h4{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #d0cfcf;
}

.content-loader-absolute-soft-transparent{
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(66 67 81 / 55%);
    top: 0;
    left: 0;
    z-index: 4;
}

.content-loader-absolute-soft-transparent-90{
    position: absolute;
    width: 100%;
    height: 90% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(66 67 81 / 55%);
    top: 0;
    left: 0;
    z-index: 4;
}

.content-loader-absolute-notransparent{
    background: rgba(255,255,255,0.96) !important;
}

.content-loader{
    position: relative;
    margin: 10px 0;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #efefef;
}

.content-loader.content-loader-sticky-fixed{
    position: sticky;
    left: 0;
}

.content-loader.content-loader-direction{
    flex-direction: column;
}

.content-loader.content-loader-direction > h4{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #66737f;
}

.content-height-30{
    height: 30px;
}
.content-height-40{
    height: 40px;
}
.content-height-50{
    height: 50px !important;
}
.content-height-75{
    height: 75px !important;
}
.content-height-100{
    height: 100px !important;
}
.content-height-125{
    height: 125px !important;
}
.content-height-150{
    height: 150px !important;
}
.content-height-200{
    height: 200px !important;
}
.content-height-240{
    height: 240px;
}
.content-height-245{
    height: 245px;
}
.content-height-250{
    height: 250px !important;
}
.content-height-300{
    height: 300px !important;
}
.content-height-350{
    height: 350px !important;
}
.content-height-375{
    height: 375px !important;
}
.content-height-400{
    height: 400px !important;
}
.content-height-500{
    height: 500px;
}

.sem-registro{
    margin: 0;
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 30px;
    color: #767676;
}

.sem-registro img {
    max-height: 90px;
    opacity: .7;
    margin: 10px 0;
    padding: 5px;
}

.sem-registro-strict{
    margin: 0;
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbcbcb;
    flex-direction: column;
}

.sem-registro-strict > h4{
    font-size: 14px;
    margin: 0 0 15px 0;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.sem-registro-strict > img{
    height: 45px;
    margin-bottom: 10px;
}

.sem-registro > div > h4{
    font-size: 14px;
}
.sem-registro > div > small{
    font-size: 12px;
}

.lds-ring-size-15 div{
    width: 15px !important;
    height: 15px !important;
}
.lds-ring-size-25 div{
    width: 25px !important;
    height: 25px !important;
}
.lds-ring-size-30 div{
    width: 30px !important;
    height: 30px !important;
}
.lds-ring-size-35 div{
    width: 35px !important;
    height: 35px !important;
}
.lds-ring-size-40 div{
    width: 40px !important;
    height: 40px !important;
}
.lds-ring-size-50 div{
    width: 50px !important;
    height: 50px !important;
}
.lds-ring-size-60 div{
    width: 60px !important;
    height: 60px !important;
}
.lds-ring-size-80 div{
    width: 80px !important;
    height: 80px !important;
}
.lds-ring-border-2 div{
    border: 2px solid #adadad !important;
}
.lds-ring-border-4 div{
    border: 4px solid #adadad !important;
}
.lds-ring-border-6 div{
    border: 6px solid #adadad !important;
}

.lds-ring-flex{
    display: flex !important;
    align-items: center;
    /*justify-content: center;*/
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ring-height-30{
    width: 30px !important;
    height: 30px !important;
}
.lds-ring-height-40{
    width: 40px !important;
    height: 40px !important;
}
.lds-ring-height-50{
    width: 50px !important;
    height: 50px !important;
}
.lds-ring-height-60{
    width: 60px !important;
    height: 60px !important;
}
.lds-ring-height-80{
    width: 80px !important;
    height: 80px !important;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    border: 6px solid #adadad;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #adadad transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    animation: spin 1.0s linear infinite;
    position: relative;
    width: 30px;
    height: 30px;
    border: 2px solid #efefef;
    border-radius: 50%;
    margin-right: 10px;
}

.spinner.moon {
    border-left: 0;
    border-top: 0;
}

.spinner.disabled{
    animation-play-state: paused;
}

@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader-bar-chart-svg.lg-color{
    width: 100px;
    height: 60px;
    background-image: url('../img/loader/svg/loader-lg-color.svg');
    background-repeat: no-repeat;
}

.loader-bar-chart-svg.md-dark{
    width: 100px;
    height: 40px;
    background-image: url('../img/loader/svg/loader-md-dark.svg');
    background-repeat: no-repeat;
}

.template-effect-loader{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

.template-effect-loader .content-loader{
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #a0a0a0;
}

.template-effect-loader .content-loader .spinner{
    margin-right: 0;
    border-color: #2d3141;
}

.sidebar-icon-only .model-effect-loader{
    padding-left: 70px;
}

.model-effect-loader{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    padding-left: 237px;
}

.model-effect-loader.clear{
    padding-left: 0;
}

.model-effect-loader.white{
    background-color: rgba(255, 255, 255, 0.9);
}

.model-effect-loader .content-loader{
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #a0a0a0;
}

.model-effect-loader .content-loader .spinner{
    margin-right: 0;
    border-color: #2d3141;
}

.modal-effect-loader{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

.modal-effect-loader .content-loader{
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #a0a0a0;
}

.modal-effect-loader .content-loader .spinner{
    margin-right: 0;
    border-color: #2d3141;
}

.tab-content > .active {
    display: block;
    width: 100%;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .help-block-fixed,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #37b358;
}
.has-success-fixed .checkbox,
.has-success-fixed .checkbox-inline,
.has-success-fixed .control-label,
.has-success-fixed .form-control-feedback,
.has-success-fixed .help-block,
.has-success-fixed .help-block-fixed,
.has-success-fixed .radio,
.has-success-fixed .radio-inline,
.has-success-fixed.checkbox label,
.has-success-fixed.checkbox-inline label,
.has-success-fixed.radio label,
.has-success-fixed.radio-inline label {
    color: #37b358;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .help-block-fixed,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #ea4335;
}
.has-error-fixed .checkbox,
.has-error-fixed .checkbox-inline,
.has-error-fixed .control-label,
.has-error-fixed .form-control-feedback,
.has-error-fixed .help-block,
.has-error-fixed .help-block-fixed,
.has-error-fixed .radio,
.has-error-fixed .radio-inline,
.has-error-fixed.checkbox label,
.has-error-fixed.checkbox-inline label,
.has-error-fixed.radio label,
.has-error-fixed.radio-inline label {
    color: #ea4335;
}

.has-info .checkbox,
.has-info .checkbox-inline,
.has-info .control-label,
.has-info .form-control-feedback,
.has-info .help-block,
.has-info .help-block-fixed,
.has-info .radio,
.has-info .radio-inline,
.has-info.checkbox label,
.has-info.checkbox-inline label,
.has-info.radio label,
.has-info.radio-inline label {
    color: #1c50c3;
}
.has-info-fixed .checkbox,
.has-info-fixed .checkbox-inline,
.has-info-fixed .control-label,
.has-info-fixed .form-control-feedback,
.has-info-fixed .help-block,
.has-info-fixed .help-block-fixed,
.has-info-fixed .radio,
.has-info-fixed .radio-inline,
.has-info-fixed.checkbox label,
.has-info-fixed.checkbox-inline label,
.has-info-fixed.radio label,
.has-info-fixed.radio-inline label {
    color: #1c50c3;
}

.has-info .selectize-input {
    border-color: #1c50c3 !important;
    box-shadow: none;
}

.has-info .selectize-control.single .selectize-input, .has-success .selectize-dropdown.single {
    border-color: #1c50c3 !important;
}

.has-info .form-control {
    border-color: #1c50c3;
    box-shadow: none;
}

.has-info > .form-control-upload{
    border-color: #1c50c3;
}

.has-info .form-control:focus {
    border-color: #1c50c3;
    box-shadow: none;
}

.has-info .check-boxed-content > .check-boxed-content-type{
    box-shadow: 0 0 3px #37b358;
}


.has-success .selectize-input,
.has-success-fixed .selectize-input {
    border-color: #37b358 !important;
    box-shadow: none;
}
.has-success .selectize-control.single .selectize-input, .has-success .selectize-dropdown.single,
.has-success-fixed .selectize-control.single .selectize-input, .has-success-fixed .selectize-dropdown.single {
    border-color: #37b358 !important;
}
.has-success .form-control,
.has-success-fixed .form-control {
    border-color: #37b358;
    box-shadow: none;
}
.has-success > .form-control-upload,
.has-success-fixed > .form-control-upload {
    border-color: #37b358;
}
.has-success .form-control:focus,
.has-success-fixed .form-control:focus {
    border-color: #319f4e;
    box-shadow: none;
}
.has-success .check-boxed-content > .check-boxed-content-type,
.has-success-fixed .check-boxed-content > .check-boxed-content-type {
    box-shadow: 0 0 3px #37b358;
}

.has-error .check-boxed-content > .check-boxed-content-type,
.has-error-fixed .check-boxed-content > .check-boxed-content-type {
    box-shadow: 0 0 3px #ea4335;
}
.has-error .selectize-input,
.has-error-fixed .selectize-input {
    border-color: #ea4335 !important;
    box-shadow: none;
}
.has-error .trix-content,
.has-error-fixed .trix-content {
    border-color: #ea4335 !important;
}
.has-error .selectize-control.single .selectize-input, .has-error .selectize-dropdown.single,
.has-error-fixed .selectize-control.single .selectize-input, .has-error-fixed .selectize-dropdown.single {
    border-color: #ea4335 !important;
}
.has-error .form-control,
.has-error-fixed .form-control {
    border-color: #ea4335 !important;
    box-shadow: none;
}
.has-error > .form-control-upload,
.has-error-fixed > .form-control-upload {
    border-color: #ea4335;
}
.has-error > .form-control-horizontal > .form-control-upload,
.has-error-fixed > .form-control-horizontal > .form-control-upload {
    border-color: #ea4335;
}
.has-error > label,
.has-error-fixed > label {
    color: #ea4335 !important;
}
.error-tab a span,
.error-tab-fixed a span {
    color: #ea4335 !important;
}

.error-tab a {
    border-bottom-color: #ea4335 !important;
}

.success-tab a span {
    color: #649927 !important;
}

.success-tab a{
    border-bottom-color: #649927 !important;
}

.help-block {
    width: 100%;
    position: absolute;
    font-size: 10px;
    color: #484d52;
    background-color: transparent;
    padding: 2px 0px;
    z-index: 2;
}

.help-block-fixed {
    width: 100%;
    position: absolute;
    font-size: 10px;
    color: #484d52;
    background-color: transparent;
    padding: 2px 0px;
    z-index: 2;
}

.form-group-horizontal > .help-block{
    top: 42px;
    left: 172px;
}
.form-group-horizontal > .help-block-fixed{
    top: 42px;
    left: 172px;
}

.header-description-modal{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: #f2f2f2;
    color: var(--color-modal-head-text);
    /* border-bottom: 2px solid #d5d5d5; */
    margin: 0 15px 15px 15px;
    border-radius: 4px;
    border-left: 4px solid #1b409b;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
    background-color: #fff;
}

.header-description-modal.header-description-modal-clear{
    margin: 10px 0;
}

.header-description-modal i{
    font-size: 16px;
    width: 40px;
    min-width: 40px;
    height: 100%;
    background-color: #fff;
    color: #505050;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
}

.header-description-modal h4{
    width: calc(100% - 175px);
    padding: 0 15px 0 0;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}

.header-description-modal > div{
    width: 50%;
    height: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 0 10px;
}

.header-description-modal-text-green {
    height: auto;
    border-left: 5px solid #37b358;
    width: 100%;
    padding: 10px 0;
    color: #37b358;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
    background-color: #e7f7eb;
}

.header-description-modal-text-green i{
    font-size: 16px;
    width: 40px;
    min-width: 40px;
    color: #37b358;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
}

.header-description-modal-text-orange {
    height: auto;
    border-left: 4px solid #f5a623;
    width: 100%;
    padding: 10px 0;
    color: #f5a623;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
    background-color: #fff9f0;
}

.header-description-modal-text-orange i{
    font-size: 16px;
    width: 40px;
    min-width: 40px;
    color: #f5a623;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
}

.header-description-modal-text-green h4, 
.header-description-modal-text-orange h4{
    width: calc(100% - 175px);
    padding: 0 15px 0 0;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}

.header-description-modal-text-green > div, 
.header-description-modal-text-orange > div {
    display: flex;
    align-items: center;
}

.header-description-modal-text-green > ul, 
.header-description-modal-text-orange > ul {
    margin: 20px 20px 10px 40px;
}

.header-description-modal-text-green > ul > li, 
.header-description-modal-text-orange > ul > li {
    font-size: 12px;
}

.body-description-modal{
    position: relative;
    width: 100%;
    min-height: 50px;
    padding: 5px 15px 0px 15px;
}

.modal-header > .modal-action{
    display: flex;
    align-items: center;
}

.modal-header > .modal-action > span{
    margin-right: 15px;
}

.modal-footer-left{
    position: relative;
    width: 60%;
    height: 50px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.modal-footer-right{
    position: relative;
    width: 40%;
    height: 50px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.modal-footer-right > div, .modal-footer-right > button{
    margin-left: 10px;
}

.modal-footer-left > div, .modal-footer-left > button{
    margin-right: 10px;
}

.body-description-modal.raw{
    padding: 0;
}

.body-description-modal.raw .tab-content{
    padding: 15px 0;
}

.icon-td-font-25{
    font-size: 25px;
}

.font-thin {
    font-weight: 300;
}

.font-bold {
    font-weight: 700;
}

.font-medium {
    font-weight: 500;
}

.font-italic {
    font-style: italic;
}

.font-smaller{
    font-size: smaller;
}

.font-11{
    font-size: 11px;
}

.font-12{
    font-size: 12px !important;
}

.font-14{
    font-size: 14px !important;
}

.font-15{
    font-size: 15px;
}

.font-18{
    font-size: 18px !important;
}

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

.font-22{
    font-size: 22px;
}

.font-24{
    font-size: 24px;
}

.font-25{
    font-size: 25px !important;
}

.font-30{
    font-size: 30px;
}

.font-vw-0_6{
    font-size: 0.6vw;
}

.font-vw-0_8{
    font-size: 0.8vw;
}

.font-vw-1{
    font-size: 1vw;
}

.font-vw-1_2{
    font-size: 1.2vw;
}

.font-vw-1_4{
    font-size: 1.4vw;
}

.font-vw-1_6{
    font-size: 1.6vw;
}

.font-vw-1_8{
    font-size: 1.8vw;
}

.font-vw-2{
    font-size: 2vw;
}

.badge-purple-soft-light{
    color: #e9e6e6;
    background-color: #3e4265;
}

.badge-purple{
    color: #8a00ff;
    border: 1px solid #8a00ff;
}

.badge-min-width-sm {
    min-width: 65px;
    border-radius: 50px;
}

.badge-min-width-md {
    min-width: 100px;
}

.badge-min-width-lg {
    min-width: 125px;
}

.badge.selected{
    background-color: #0d2f81;
    color: #fff;
}

.badge-float-circle{
    position: absolute;
    width: 22px;
    height: 22px;
    top: -12px;
    right: -12px;
    background-color: #fff;
    border-radius: 50%;
    transform: scale(0);
    transition: .2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.badge-float-circle > i{
    font-size: 16px;
    color: #1b409b;
}

.badge-float-circle.active{
    transform: scale(1);
}

textarea.form-control{
    padding: 15px 15px;
}

input[type='file'].form-control{
    padding: 10px 15px 0;
}

.form-control-upload {
    position: relative;
    display: flex;
    width: 100%;
    height: 84px;
    border-color: var(--color-upload-border-single);
    border-style: var(--style-upload-border-single);
    border-width: var(--width-upload-border-single);
    background-color: #f0f6ff;
    border-radius: 6px;
    cursor: pointer;
    transition: .3s;
    padding: 0 15px;
    color: var(--color-upload-text-single);
}

.form-control-upload-sm{
    height: 50px;
}

.form-control-upload.form-control-upload-sm .form-control-upload-content{
    height: 48px;
}

.form-control-upload.form-control-upload-sm .form-control-upload-content .form-control-upload-content-piece{
    height: 48px;
}


.form-control-upload.form-control-upload-sm .form-control-upload-content .form-control-upload-content-piece .form-control-upload-content-piece-division > span{
    font-size: 12px;
}

.form-control-upload.form-control-upload-sm .form-control-upload-content .form-control-upload-content-piece .form-control-upload-content-piece-division > small{
    font-size: 10px;
}

.form-control-upload.form-control-upload-sm .form-control-upload-content .form-control-upload-content-piece .form-control-upload-content-piece-division{
    height: 48px;
}

.form-control-upload.form-control-upload-sm .progress-duration-content > div h4 > small{
    font-size: 12px;
}

.form-control-upload-over-drag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(66, 133, 244, 0.7);
    visibility: hidden;
}

.form-control-upload-over-drag span{
    font-size: 20px;
    color: #f8f9fa;
}

.form-control-upload-over-drag span>i{
    font-size: 25px;
    color: #f8f9fa;
}

.form-control-upload-drag .form-control-upload-over-drag {
    visibility: visible;
}

.form-control-upload:hover{
    border-color: var(--color-upload-border-single-hover);
}

.form-control-upload .form-control-upload-addon {
    width: 60px;
    height: 80px;
    display: flex;
    align-items: center;
    background: transparent;
    justify-content: center;
}

.form-control-upload .form-control-upload-addon > i{
    font-size: 20px;
    color: #fff;
}

.form-control-upload .form-control-upload-content {
    width: 100%;
    height: 80px;
    display: flex;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece > button{
    min-width: 60px;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece > div{
    width: calc(100% - 60px);
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece .form-control-upload-content-piece-division {
    width: auto;
    height: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 15px;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece .form-control-upload-content-piece-division > span{
    font-size: 20px;
    padding: 2px 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece .form-control-upload-content-piece-division > b{
    font-size: 11px;
    padding: 2px 0;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece-small {
    width: auto;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10px;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece-small span{
    font-size: 12px;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-piece-small small{
    font-size: 10px;
    font-weight: 500;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-flag {
    position: absolute;
    display: flex;
    right: -10px;
    top: -15px;
    width: 35px;
    height: 35px;
    background-color: #f5a623;
    align-items: center;
    justify-content: center;
    border: 2px solid #f9b544;
    border-radius: 50%;
    z-index: 99;
    transition: .3s;
    transform: scale(0);
    color: #fff;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-flag > i {
    font-size: 20px;
    display: none;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-flag.visible {
    transform: scale(1);
}

.form-control-upload .form-control-upload-content .form-control-upload-content-flag.visible > i.form-control-upload-content-flag-new {
    display: block;
}

.form-control-upload .form-control-upload-content .form-control-upload-content-flag.save {
    background-color: #71c016;
    border-color: #82dd19;
    transform: scale(1);
}

.form-control-upload .form-control-upload-content .form-control-upload-content-flag.save > i.form-control-upload-content-flag-old {
    display: block;
}

.hidden{
    display: none;
}

.hidden.visible{
    display: block;
}

.progress-duration-content {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.progress-duration-content > div {
    width: 50px;
    height: auto;
    /* display: flex;
    justify-content: flex-end; */
}

.progress-duration-content > div > span{
    width: 40px;
    height: 40px;
    color: #878c9e;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}
.progress-duration-content > div > span:hover{
    transform: scale(1.2);
    color: #ff4747;
}

.progress-duration-content > div > span > i{
    font-size: 30px;
}

.progress-duration-content > div:nth-child(2) {
    width: calc(100% - 100px);
    justify-content: flex-start;
}


.progress-duration-content > div h4{
    font-size: 18px !important;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.progress-duration-content > div h4 > span{
    margin: 0 5px;
}

.progress-duration-content > div h4 > small{
    margin: 0 10px;
    max-width: calc(100% - 50px); 
    text-overflow: ellipsis;
    overflow: hidden;
}

.progress-duration-bar{
    width: calc(100% - 30px);
}

.uppercase{
    text-transform: uppercase;
}

.lowercase{
    text-transform: lowercase;
}

.capitalize{
    text-transform: capitalize;
}

.text-color-white {
    color: #fff !important;
}

.text-color-green {
    color: #71c016 !important;
}

.text-color-red {
    color: #ff4747 !important;
}

.text-color-purple {
    color: #8a00ff !important;
}

.text-color-blue{
    color: #1b409b !important;
}

.text-color-orange{
    color: #FF6600 !important;
}

.text-color-yellow{
    color: #ffaa1e !important;
}

.text-color-dark-grey{
    color: #787878 !important
}

.background-fatura-plataforma-type{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.icon-notification-column{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-notification-column>i{
    font-size: 15px;
}

.icon-notification-column .icon-notification-column-float{
    position: absolute;
    top: -8px;
    right: -18px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    font-size: 18px;
}

.icon-notification-column .icon-notification-column-float.visible{
    display: block;
}

.alert-segment{
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #f6f6f6;
    padding: 0 15px;
    margin: 10px 0 ;
    font-size: 14px;
    border-left: 5px solid #5c5c77;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.alert-segment-small{
    min-height: 45px;
}

.alert-segment.alert-segment-primary{
    background-color: #f6f6f6;
    border-color: #4881da;
    color: #fff;
}
.alert-segment .alert-segment-icon{
    font-size: 25px;
    padding-right: 10px;
    display: flex;
}
.alert-segment.alert-segment-primary .alert-segment-icon{
    color: #386fc5;
}
.alert-segment.alert-segment-primary-out{
    background-color: #fafcff;
    border-color: #4881da;
    color: #4881da;
}
.alert-segment.alert-segment-primary-out .alert-segment-icon{
    color: #386fc5;
}
.alert-segment.alert-segment-danger{
    background-color: #fdeceb;
    border-color: #c74a3f;
    color: #c74a3f;
}
.alert-segment.alert-segment-danger .alert-segment-icon{
    color: #a93e34;
}
.alert-segment.alert-segment-danger > b {
    display: flex;
    min-width: 50px;
    justify-content: center;
    align-items: center;
}
.alert-segment.alert-segment-danger-out{
    background-color: #fbfbfb;
    border-color: #f29c96;
    color: #c24036;
}
.alert-segment.alert-segment-danger-out .alert-segment-icon{
    color: #a93e34;
}
.alert-segment.alert-segment-warning{
    background-color: #f6f6f6;
    border-color: #f6c163;
    color: #fff;
}
.alert-segment.alert-segment-warning .alert-segment-icon{
    color: #8e702e;
}
.alert-segment.alert-segment-warning-out{
    background-color: #fffcfc;
    border-color: #df9615;
    color: #df9615;
}
.alert-segment.alert-segment-warning-out .alert-segment-icon{
    color: #df9615;
}

.alert-segment.alert-segment-cyan{
    background-color: #f6f6f6;
    border-color: #427390;
    color: #fff;
}
.alert-segment.alert-segment-cyan .alert-segment-icon{
    color: #345d75;
}
.alert-segment.alert-segment-cyan-out{
    background-color: #f9fdff;
    border-color: #427390;
    color: #427390;
}
.alert-segment.alert-segment-cyan-out .alert-segment-icon{
    color: #345d75;
}

.alert-segment.alert-segment-green{
    background-color: #f6f6f6;
    border-color: #449847;
    color: #fff;
}
.alert-segment.alert-segment-green .alert-segment-icon{
    color: #296d2c;
}

.alert-segment.alert-segment-green-out{
    background-color: #f6f6f6;
    border-color: #449847;
    color: #5db560;
}
.alert-segment.alert-segment-green-out .alert-segment-icon{
    color: #296d2c;
}
.alert-segment .alert-segment-highlight{
    padding: 0 6px;
}

.box-content-segment{
    position: relative;
    width: 100%;
    height: auto;
}

.box-content-segment .box-header-segment{
    position: relative;
    width: 100%;
    height: 50px;
    background-color: #323748;
    border-bottom: 1px solid #d5d8de;
    border-top: 1px solid #d5d8de;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.box-content-segment .box-header-segment .box-header-segment-left{
    position: relative;
    width: 40%;
    display: flex;
    align-items: center;
    float: left;
}
.box-content-segment .box-header-segment .box-header-segment-right{
    position: relative;
    width: 60%;
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.box-content-segment .box-header-segment .box-header-segment-right .box-header-segment-right-column{
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    padding-left: 20px;
    text-align: center;
    border-left: 1px solid #e8e8e8;
}
.box-content-segment .box-header-segment .box-header-segment-right .box-header-segment-right-column:last-child{
    margin-right: 5px;
}
.box-content-segment .box-header-segment .box-header-segment-right .box-header-segment-right-column:first-child{
    border-color: #fff;
    padding: 0;
    margin: 0;
}

.box-content-segment .box-header-segment .box-header-segment-right .box-header-segment-right-column>small{
    font-size: 10px;
    color: rgba(0,0,0,.6);
}
.box-content-segment .box-header-segment .box-header-segment-right .box-header-segment-right-column>span{
    font-size: 13px;
}

.box-content-segment .box-header-segment span{
    font-size: 16px;
    font-weight: 500;
    color: #3a65ad;
}

.box-content-segment .box-header-segment span.mdi{
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3a65ad;
    background-color: #323748;
    /*border: 2px dotted #3a65ad;*/
    /*border-radius: 50%;*/
    font-size: 25px;
    margin-right: 10px;
    /*border-right: 1px solid #d4d4d5;*/
}

.box-content-segment .box-body-segment{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f9f9f9;
}
.box-content-segment .box-body-segment .panel-body-segment{
    width: 100%;
    height: auto;
    padding: 15px;
}

.box-content-segment .box-body-segment .panel-body-segment .form-control{
    background-color: transparent;
}

.text-overflow{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card.card-overpadding{
    padding: 0;
}

.card.card-overpadding > .card-body{
    padding: 30px 60px;
}

.card.card-background-primary{
    background-color: #1b409b;
}

.card-header .card-header-content{
    position: relative;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-header .card-header-content .card-header-content-check + .card-header-content-description{
    padding-left: 0;
}


.card-header .card-header-content .card-header-content-check{
    width: 60px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.card-header .card-header-content .card-header-content-description{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.card-header .card-header-content .card-header-content-extra{
    width: 150px;
    margin: 0 15px;
    display: flex;
    justify-content: flex-end;
}

.card-header .card-header-content .card-header-content-extra > button{
    margin-left: 5px;
}

.card-header .card-header-content .card-header-content-description > b{
    font-size: 13px;
    font-weight: 500;
}

.card-header .card-header-content .card-header-content-description .card-header-content-description-filter{
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
}

.card-header .card-header-content .card-header-content-action{
    width: 60px;
    height: 40px;
    display: flex;
}

.card-header .card-header-content .card-header-content-action .card-header-content-action-button{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-header .card-header-content .card-header-content-action .card-header-content-action-button>i{
    transition: 0.2s;
    transform: scale(1);
}

.card-header .card-header-content .card-header-content-action .card-header-content-action-button:hover{
    cursor: pointer;
}

.card-header .card-header-content .card-header-content-action .card-header-content-action-button:hover > i{
    transform: scale(1.4);
    color: #71c016;
}

.card-body.card-body-clear{
    padding: 0;
}

.card-highlight > .card-body{
    height: 440px;
}

.card-highlight > .card-body > .card-body-content{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-body .card-body-content{
    position: relative;
    width: 100%;
    height: 40px;
    display: flex;
}
.card-body .card-body-content .card-body-content-extra{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(230, 244, 234);
    color: #137333;
    border-radius: 8px;
    margin-right: 10px;
}

.card-body .card-body-content .card-body-content-extra.card-body-content-extra-success{
    background-color: rgb(230, 244, 234);
    color: #137333;
}

.card-body .card-body-content .card-body-content-extra.card-body-content-extra-danger{
    background-color: rgba(252, 232, 230);
    color: #c5221f;
}

.card-highlight > .card-body .card-body-content .card-body-content-description{
    width: 100%;
    height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.card-body .card-body-content .card-body-content-description{
    width: calc(100% - 95px);
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 16px;
}

.card-highlight > .card-body .card-body-content .card-body-content-description > b{
    font-size: clamp(35px, 2.6vw, 50px);
    font-weight: 500;
}

.card-highlight > .card-body .card-body-content .card-body-content-description > p{
    font-size: clamp(10px, 1vw, 12px);
}

.card-highlight > .card-body .card-body-content .card-body-content-description > i{
    font-size: clamp(10px, 1vw, 13px);
    padding-bottom: 10px;
}

.card-body .card-body-content .card-body-content-description>b{
    font-weight: 500;
    line-height: 1;
    color: #71c016;
}

.card-body .card-body-content .card-body-content-description>span{
    font-size: 12px;
    color: #66737f;
}

.card-highlight > .card-body .card-body-content .card-body-content-icon{
    width: 100%;
    height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(125px, 7.6vw, 125px);
}

.card-body .card-body-content .card-body-content-icon{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
}

.table-modal-remove-scroll{
    position: relative;
    width: 100%;
    min-height: 50px;
    max-height: 305px;
    overflow-y: auto;
    overflow-x: hidden;
}

.table-content-scroll{
    position: relative;
    width: 100%;
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: auto;
    margin-bottom: 10px;
}

.table-content-slim-scroll{
    position: relative;
    width: 100%;
    height: 280px;
    margin-bottom: 10px;
}

.table-content-scroll-graph{
    position: relative;
    width: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
}

.table-content-center-graph{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.table-content-footer{
    position: relative;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
    background-color: #fff;
}

.table-content-footer>div{
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 10px;
    border-right: 1px solid #1e1e31;
}

.table-content-footer>div>span:first-child{
    font-size: 11px;
    padding-right: 10px;
    font-weight: 500;
}

.card-content-button-action{
    width: 100%;
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
    padding: 0 25px;
}

.card-content-button-action .card-content-button-action-left{
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.card-content-button-action .card-content-button-action-left>button{
    margin-right: 15px;
}

.card-content-button-action .card-content-button-action-middle{
    width: 300px;
    height: 60px;
}

.card-content-button-action .card-content-button-action-middle > button{
    height: 60px;
}

.card-content-button-action .card-content-button-action-right{
    width: 250px;
}

.card-body .card-body-content-progress{
    position: relative;
    width: 100%;
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
    padding: 0 15px 1.25rem 15px;
}

.card-body .card-body-content-progress .card-body-content-progress-header{
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #313452;
    margin-bottom: 15px;
}

.card-body .card-body-content-progress .card-body-content-progress-header>h4{
    font-size: 25px;
    margin: 0;
    padding: 0;
}

.card-body .card-body-content-progress .card-body-content-progress-header>.card-body-content-progress-header-number{
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    border-radius: 50%;
    font-size: 20px;
    margin-right: 15px;
}

.card-body .card-body-content-progress .card-body-content-progress-header>.card-body-content-progress-header-number.border-green{
    border-color: #71c016;
}

.card-body .card-body-content-progress .card-body-content-progress-header>.card-body-content-progress-header-number.border-orange{
    border-color: #f66302;
}

.card-body .card-body-content-progress .card-body-content-progress-table{
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
}
.card-body .card-body-content-progress .card-body-content-progress-table .card-body-content-progress-table-description{
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.card-body .card-body-content-progress .card-body-content-progress-table .card-body-content-progress-table-bar{
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.card-body .card-body-content-progress .card-body-content-progress-table .card-body-content-progress-table-footer{
    position: relative;
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
}

.card-body .card-body-content-progress .card-body-content-progress-table .card-body-content-progress-table-bar>.progress{
    width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border-bottom: 1px solid var(--color-input-border-focus);
  -webkit-text-fill-color: var(--color-input-write-text);
  transition: background-color 86400s ease-in-out 0s;
  font-weight: var(--font-input-weight-text);
  font-size: var(--size-input-text);
}

select.form-control {
    outline: 0;
    box-shadow: 0;
}

select.form-control > option{
    background: #fff;
    font-size: 14px;
}

.form-group.form-group-horizontal.form-group-horizontal-clean{
    margin-bottom: 10px;
}

.form-group-horizontal .form-group-horizontal-fields{
    position: relative;
    width: 100%;
    min-height: 1px;
    background-color: #fdfdfd;
    box-shadow: 0px 4px 6px rgb(0 0 0 / 10%);
    padding: 10px 15px 5px 5px;
}

.form-group-horizontal .form-group-horizontal-fields .form-group-horizontal-fields-inline{
    width: 100%;
    min-height: 1px;
    display: flex;
    margin-bottom: 15px;
}

.form-group-horizontal .form-group-horizontal-fields .form-group-horizontal-fields-inline > div{
    width: 100%;
    flex-basis: auto;
    margin-left: 25px;
}

.form-group-horizontal .form-group-horizontal-fields .form-group-horizontal-fields-inline > div.input-group-layout{
    margin-left: 0;
}

.form-group.form-group-horizontal > .form-control-horizontal{
    position: relative;
    width: 100%;
}

.form-group.form-group-horizontal{
    display: flex;
    align-items: flex-start;
}

.modal-dialog.large-width .form-group.form-group-horizontal > label{
    max-width: 252px;
    min-width: 252px;
}

.modal-dialog.large-width .form-group-horizontal > .help-block{
    left: 252px;
}
.modal-dialog.large-width .form-group-horizontal > .help-block-fixed{
    left: 252px;
}

.form-group.form-group-horizontal > label{
    max-width: 172px;
    min-width: 172px;
    min-height: 30px;
    padding-right: 15px;
    text-align: right;
    line-height: 1rem;
    margin-bottom: 0;
}
.form-group.form-group-horizontal > label > p{
    margin: 0;
    padding: 0;
    font-weight: 600;
}
.form-group.form-group-horizontal > label > span{
    font-size: 10px;
    color: var(--color-input-label-down);
    font-style: normal;
    font-weight: 400;
}
.form-group.form-group-horizontal .form-group-horizontal-message{
    position: relative;
    width: 100%;
    height: auto;
}
.form-group.form-group-horizontal ng-quill-editor{
    width: 100%;
}

.form-group.form-group-checkbox {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}

.form-group.form-group-checkbox > label {
    margin: 0 0 0 10px;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.form-group.form-group-checkbox > label > b{
    margin-left: 10px;
}

.form-group.form-group-checkbox > label > a{
    padding: 0 5px;
}

.form-group.form-group-checkbox > span {
    width: 100%;
    height: 20px;
    font-size: 10px;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.form-group.form-group-checkbox input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.form-group.form-group-checkbox input[type="radio"] {
    width: 15px;
    height: 15px;
}

.form-control-select-description{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.form-control-select-description > p{
    color: #606569;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

.form-control-select-description > btn{
    margin-bottom: 5px;
}

.btn.btn-primary-outline{
    border-color: #1b409b;
    color: #1b409b;
}

.btn.btn-danger-outline{
    border-color: #d75d5d;
    color: #d75d5d;
}

.btn.btn-danger-outline-clear{
    border-color: transparent;
    color: #d75d5d;
}

.btn.btn-success-outline{
    border-color: #6bb815;
    color: #6bb815;
}

.btn.btn-default{
    background-color: transparent;
    color:#424242;
    transition: all .2s;
}

.btn.btn-default:hover{
    background-color: rgba(9,30,66,0.08);
    color: #172b4d;
}

.btn.btn-default > i{
    font-size: 12px;
}

.dropdown-fade.open .btn.btn-default.filled{
    background-color: #e4f0f6;
    color: #0079bf;
}

.dropdown-fade.open .btn.btn-default.filled > i{
    color: #0079bf;
}

.form-control-checkbox-list{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.form-control-checkbox-list .form-control-checkbox-list-unity{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    overflow: hidden;
    min-height: 40px;
    margin-bottom: 5px;
}

.form-control-checkbox-list .form-control-checkbox-list-unity > input{
    width: 16px;
    min-width: 16px;
}

.form-control-checkbox-list .form-control-checkbox-list-unity > i{
    color: #151D26;
}

.form-control-checkbox-list .form-control-checkbox-list-unity > label{
    font-size: 13px;
    color: #5b656e;
    margin: 0 15px;
    display: flex;
    flex-direction: column;
    font-weight: 600;
}

.form-control-checkbox-list .form-control-checkbox-list-unity > label > span{
    margin-bottom: 2px;
}

.form-control-checkbox-list .form-control-checkbox-list-unity > label > small{
    font-size: 10px;
    color: #606569;
}


.table > tfoot{
    background-color: #171733;
    height: 50px;
}

td.flag-border-right-blue{
    border-right: 4px solid #4285f4;
}

td.flag-border-right-orange{
    border-right: 4px solid #ff9800;
}

td.flag-border-right-red{
    border-right: 4px solid #ff4747;
}

.input-group-layout{
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-layout > select{
    z-index: 1;
}

.input-group-layout > input{
    z-index: 1;
}

.input-group-layout-hidden{
    display: none;
}

.input-group-layout-hidden.visible{
    display: flex;
}

.input-group-layout.input-group-layout-padding{
    padding: 0 5px;
}

.input-group-layout > .input-group-layout-addon-left{
    position: absolute;
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    left: 0;
    color: #151D26;
    z-index: 2;
}

.input-group-layout > .input-group-layout-addon-left-fixed{
    position: absolute;
    width: 55px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* left: 0; */
    color: #151D26;
    z-index: 2;
}

.input-group-layout > .input-group-layout-addon-right-fixed{
    position: absolute;
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* overflow: hidden; */
    right: 0;
    color: #151D26;
    z-index: 2;
}
.input-group-layout > .input-group-layout-addon-right-fixed.input-group-layout-addon-right-fixed-visible{
    overflow: visible;
}

.input-group-layout > .input-group-layout-addon-right-fixed > input[type=checkbox]{
    width: 15px;
}

.input-group-layout > .input-group-layout-addon-right{
    position: absolute;
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    right: 0;
}

.input-group-layout > .input-group-layout-text-left{
    position: absolute;
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    left: 0;
    font-size: 12px;
    color: #151D26;
}

.input-group-layout > .input-group-layout-text-right{
    position: absolute;
    min-width: 40px;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    right: 0;
    font-size: 12px;
    z-index: 2;
}

.input-group-layout > .input-group-layout-text-right-fixed{
    position: absolute;
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    right: 0;
    font-size: 12px;
    color: #000;
}

.input-group-layout > .input-group-layout-addon-left ~ input, .input-group-layout > .input-group-layout-text-left ~ input{
    padding-left: 50px;
}

.input-group-layout > .input-group-layout-addon-left ~ select, .input-group-layout > .input-group-layout-text-left ~ select{
    padding-left: 50px;
}

.input-group-layout > .input-group-layout-addon-left-fixed ~ input, .input-group-layout > .input-group-layout-text-left-fixed ~ input{
    padding-left: 50px;
}

.input-group-layout > .input-group-layout-addon-left-fixed ~ select, .input-group-layout > .input-group-layout-text-left-fixed ~ select{
    padding-left: 50px;
}

.input-group-layout > .input-group-layout-addon-left ~ div.ui-select-container > .selectize-input, .input-group-layout > .input-group-layout-text-left ~ div.ui-select-container > .selectize-input {
    padding-left: 50px;
}

.input-group-layout > .input-group-layout-addon-left-fixed ~ div.ui-select-container > .selectize-input, .input-group-layout > .input-group-layout-text-left ~ div.ui-select-container > .selectize-input {
    padding-left: 50px;
}

.input-group-layout > .input-group-layout-addon-right-fixed ~ input, .input-group-layout > .input-group-layout-text-right-fixed ~ input{
    padding-right: 50px;
}

.input-group-layout > .input-group-layout-addon-right-fixed ~ select, .input-group-layout > .input-group-layout-text-right-fixed ~ select{
    padding-right: 50px;
}

.form-group input.form-control-border-white{
    border-color: #fff;
}
.form-group input.form-control-border-grey-soft{
    border-color: #c9d0de;
}
.form-group input.form-control-border-dashed{
    border-style: dashed;
}

table > thead > tr > th{
    position: relative;
}

table > thead > tr > th.th-icon-filter-hover:hover{
    cursor: pointer;
}

table > thead > tr > th.th-icon-filter-hover:hover .th-icon-filter.hide{
    transform: scale(1);
}

table > thead > tr > th .th-icon-filter.hide{
    transform: scale(0);
    transition: all .1s;
}

table > thead > tr > th .th-icon-filter{
    position: absolute;
    width: 15px;
    height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    cursor: pointer;
}

table > thead > tr > th .th-icon-filter > i{
    font-size: 12px;
}

.circle-small-icon{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 50%;
    margin: 0 auto;
}

.circle-small-icon-success{
    background-color: #71c016;
    border: 2px solid #458100;
}

.circle-small-icon-danger{
    background-color: #ff4747;
    border: 2px solid #cb2d2d;
}

.circle-small-icon > i{
    font-size: 16px;
}

.icon-logo{
    width: 70px;
    height: 100%;
    background-image: url('../img/logo/icon_logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.icon-logo-loader{
    width: 70px;
    height: 100%;
    background-image: url('../img/logo/icon_logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.navbar-search-column{
    width: 100%;
    /* max-width: 1200px; */
    padding: 0 5px;
}

.navbar-search-column select{
    min-width: 200px;
    max-width: 240px;
}

.box-container-dynamic-bottom{
    position: fixed;
    width: 100%;
    height: auto;
    visibility: hidden;
    left: 0;
    z-index: 1025;
}

.box-container-dynamic-bottom.active{
    visibility: visible;
}

.box-container-dynamic-bottom > .box-container-dynamic-pelicula{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    top: 0;
    left: 0;
    z-index: 1025;
    transition: 0.4s all;
    opacity: 0;
}

.box-container-dynamic-bottom.active > .box-container-dynamic-pelicula{
    opacity: 1;
}

.box-container-dynamic-bottom > .box-container-dynamic-wallpaper {
    position: fixed;
    background-color: #f6f6f6;
    height: calc(100% - 2px);
    top: 0;
    overflow: hidden;
    z-index: 1030;
    opacity: 0;
}

.box-container-dynamic-bottom > .box-container-dynamic-wallpaper {
    width: calc(100% - 250px);
    transform: translateY(1%);
    margin: 50px 0px 0 250px;
    border-top-left-radius: .0rem;
    border-top-right-radius: .0rem;
    /* transition-timing-function: ease-in; */
    transition: 0.1s;
}

.box-container-dynamic-bottom > .box-container-dynamic-wallpaper.middle {
    width: calc(100% - 250px);
    transform: translateY(1%);
    margin: 50px 0px 0 250px;
    border-top-left-radius: .0rem;
    border-top-right-radius: .0rem;
    /* transition-timing-function: ease-in; */
    transition: 0.1s;
}

.box-container-dynamic-bottom.active > .box-container-dynamic-wallpaper {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;

    transition-timing-function: ease-out;
    transition: 0.2s;
}

#data-template-effect-include-iframe .model-effect-loader{
    padding-left: 0;
}

.box-container-dynamic-bottom > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-header{
    position: fixed;
    width: 100%;
    height: 55px;
    background-color: #fff;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* box-shadow: 0px 4px 4px rgb(0 0 0 / 8%); */
    border-bottom: 1px solid #efefef;
}

.box-container-dynamic-wallpaper-header > button{
    width: 45px;
    height: 45px;
    font-size: 24px;
    color: #505050;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 0;
    border: 1px solid transparent;
    margin: 0 10px;
    border-radius: 50%;
}

.box-container-dynamic-wallpaper-header > button:hover{
    background-color: #f1f2f3;
}

.box-container-dynamic-wallpaper-header > div{
    width: calc(100% - 40px);
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 15px;
}

.box-container-dynamic-wallpaper-header > div > i{
    font-size: 14px;
    color: #000;
    margin: 0 10px 0 0;
}

.box-container-dynamic-wallpaper-header > div > h4{
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 14px;
    color: #000;
}

.box-container-dynamic-wallpaper-header > div > div{
    margin: 0 10px 0 0;
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-body.bg-white{
    background-color: #fff;
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-body{
    width: 100%;
    margin-top: 55px;
    height: calc(100% - 100px);
    overflow: hidden;
    padding: 0;
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-body > .box-container-dynamic-wallpaper-body-title{
    width: 100%;
    min-height: 0px;
    background-color: #e5e5e5;    
    padding: 30px 0;
}

.box-container-dynamic-wallpaper-body > .box-container-dynamic-wallpaper-body-title .form-group{
    margin-bottom: 0;
}

.box-container-dynamic-wallpaper-body > .box-container-dynamic-wallpaper-body-description{
    width: 100%;
    height: auto;
}

.box-container-dynamic-wallpaper-body > .box-container-dynamic-wallpaper-body-description > .box-container-dynamic-wallpaper-body-description-loader{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    z-index: 4;
}

.box-container-dynamic-wallpaper-body > .box-container-dynamic-wallpaper-body-description > .box-container-dynamic-wallpaper-body-description-loader > div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-container-dynamic-wallpaper-body > .box-container-dynamic-wallpaper-body-description > .box-container-dynamic-wallpaper-body-description-loader > div > i{
    font-size: 40px;
    color: #f60;
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-footer{
    position: fixed;
    width: 100%;
    min-height: 100px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    z-index: 2;
    background-color: rgba(246,246,246,1);
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-footer > .btn-search{
    width: 280px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #1b409b;
    font-weight: 500;
    color: #1b409b;
    font-size: 14px;
    transition: all .3s;
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-footer > .btn-search:hover{
    border-color: #0d2f81;
    transform: scale(1.2);
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-footer > .box-container-dynamic-wallpaper-footer-trash{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-footer > .box-container-dynamic-wallpaper-footer-trash.open > .btn-trash{
    color: #ff4747;
    cursor: pointer;
}

.box-container-dynamic-bottom  > .box-container-dynamic-wallpaper > .box-container-dynamic-wallpaper-footer > .box-container-dynamic-wallpaper-footer-trash > .btn-trash{
    width: auto;
    height: 15px;
    background-color: transparent;
    color: #787878;
    border: none;
    transition: all .3s;
    font-size: 12px;
    cursor: default;
}









.box-container-lateral{
    width: 100%;
    height: auto;
}

.box-container-lateral > .box-container-lateral-button .box-container-lateral-button-stick{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    transform: scale(0);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.box-container-lateral > .box-container-lateral-button .box-container-lateral-button-stick.open{
    transform: scale(1);
}

.box-container-lateral > .box-container-lateral-button .box-container-lateral-button-stick > span{
    font-size: 14px;
    font-weight: 500;
    color: #151D26;
}

.box-container-lateral > .box-container-lateral-button{
    position: fixed;
    width: 52px;
    height: 52px;
    right: 20px;
    bottom: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 12;
}

.box-container-lateral > .box-container-lateral-button > .btn-container-lateral{
    background-color: var(--bg-box-container-lateral-button);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 0;
    color: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    transition: all 0.3s;
}

.box-container-lateral > .box-container-lateral-button > .btn-container-lateral:hover{
    background-color: var(--bg-box-container-lateral-button-hover);
}

.box-container-lateral > .box-container-lateral-button > .btn-container-lateral > i{
    font-size: 16px;
}

.box-container-lateral > .box-container-lateral-wallpaper {
    position: fixed;
    background-color: #fff;
    height: calc(100% - 2px);
    top: 52px;
    overflow: hidden;
    box-shadow: 0px 0 5px rgba(0, 0, 0, 0.3);
    z-index: 1025;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.box-container-lateral > .box-container-lateral-wallpaper {
    width: 420px;
    right: -420px;
  }

.box-container-lateral > .box-container-lateral-wallpaper.active {
    -moz-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    padding-right: 0;
}

.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-header{
    position: fixed;
    width: 100%;
    height: 40px;
    background-color: var(--bg-box-container-lateral-wallpaper-header);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-container-lateral-wallpaper-header > button{
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #c1c1c1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    padding: 0;
    border: 1px solid transparent;
    margin: 0 10px;
}

.box-container-lateral-wallpaper-header > button:hover{
    color: #fff;
}

.box-container-lateral-wallpaper-header > i{
    width: 50px;
    height: 40px;
    background-color: #0d2f81;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.box-container-lateral-wallpaper-header > h4{
    font-size: 14px;
    padding: 0;
    margin: 0;
}


.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-body{
    width: 100%;
    margin-top: 40px;
    height: calc(100% - 185px);
    overflow-y: auto;
    padding: 0;
}

.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-body .box-container-lateral-wallpaper-body-title{
    width: 100%;
    min-height: 0px;
    background-color: #fff;    
    padding: 15px 0 1px 0;
}

.box-container-lateral-wallpaper-body > .box-container-lateral-wallpaper-body-title .form-group{
    margin-bottom: 0;
}

.box-container-lateral-wallpaper-body > .box-container-lateral-wallpaper-body-description{
    width: 100%;
    height: auto;
}

.box-container-lateral-wallpaper-body > .box-container-lateral-wallpaper-body-description > .box-container-lateral-wallpaper-body-description-loader{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    z-index: 4;
}

.box-container-lateral-wallpaper-body > .box-container-lateral-wallpaper-body-description > .box-container-lateral-wallpaper-body-description-loader > div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-container-lateral-wallpaper-body > .box-container-lateral-wallpaper-body-description > .box-container-lateral-wallpaper-body-description-loader > div > i{
    font-size: 40px;
    color: #f60;
}

.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-footer{
    position: fixed;
    width: 100%;
    min-height: 170px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    z-index: 2;
    background-color: #fff;
}

.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-footer > .btn-search{
    width: 280px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #0d2f81;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    transition: all .3s;
    background-color: #1b409b;
}

.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-footer > .btn-search:hover{
    border-color: #0d2f81;
    transform: scale(1.1);
}

.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-footer > .box-container-lateral-wallpaper-footer-trash{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-footer > .box-container-lateral-wallpaper-footer-trash.open > .btn-trash{
    color: #ff4747;
    cursor: pointer;
}

.box-container-lateral > .box-container-lateral-wallpaper > .box-container-lateral-wallpaper-footer > .box-container-lateral-wallpaper-footer-trash > .btn-trash{
    width: auto;
    height: 15px;
    background-color: transparent;
    color: #787878;
    border: none;
    transition: all .3s;
    font-size: 12px;
    cursor: default;
}

.box-container-footer-pagination{
    width: 100%;
    height: 55px;
    overflow: hidden;
    position: fixed;
    background-color: #fff;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding-left: 237px;
    border-top: 1px solid #ededed;
    transition: width 0.25s ease, padding 0.25s ease;
}

.box-container-footer-pagination > .box-content-footer-pagination{
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-content-footer-pagination > div{
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-content-footer-pagination > div h4{
    font-size: min(max(0.875rem, 0.8vw), 1rem);
    color: #66737f;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.box-content-footer-pagination > div h4 > b{
    padding: 0 8px;
}

.box-content-footer-pagination > div > span{
    font-size: 14px;
    color: #66737f;
    padding: 0;
    margin: 0;
}

.box-container-lateral-wallpaper-body-description > .box-container-lateral-wallpaper-body-description-filters{
    padding: 15px 25px 15px 25px;
}

.box-container-lateral-wallpaper-body-description > .box-container-lateral-wallpaper-body-description-registro{
    position: fixed;
    width: 100%;
    height: calc(100% - 268px);
}

.box-container-lateral-wallpaper-body-description > .box-container-lateral-wallpaper-body-description-registro > div{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-container-lateral-wallpaper-body-description > .box-container-lateral-wallpaper-body-description-registro > div > span{
    font-size: 80px;
    color: #cdcdcd;
}

.box-container-dashboard{
    position: relative;
    width: 100%;
    height: 100%;
}

.box-container-dashboard .box-container-dashboard-header{
    width: 100%;
    min-height: 50px;
    padding: 15px 0;
}

.box-container-dashboard .box-container-dashboard-header .box-container-dashboard-header-extra{
    position: absolute;
    width: 200px;
    height: 35px;
    top: 0;
    right: 0;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 2px;
}

.box-container-dashboard .box-container-dashboard-header .box-container-dashboard-header-extra > small{
    font-size: 15px;
    color: #1b409b;
    font-weight: 700;
}

.box-container-dashboard .box-container-dashboard-header .box-container-dashboard-header-title{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.box-container-dashboard .box-container-dashboard-header .box-container-dashboard-header-title > span{
    font-size: 12px;
    color: #66737f;
}

.box-container-dashboard .box-container-dashboard-header .box-container-dashboard-header-title > h4{
    font-size: 32px;
    color: #1b409b;
    padding: 0;
    font-weight: 500;
    margin-bottom: 0;
}

.box-container-dashboard .box-container-dashboard-header .box-container-dashboard-header-title > h6{
    font-size: 16px;
    color: #66737f;
    padding: 0;
    font-weight: 500;
}

.box-container-dashboard .box-container-dashboard-header .box-container-dashboard-header-title > h6 > b{
    color: #1b409b;
    font-weight: 700;
    background-color: rgb(230, 244, 234);
    padding: 6px 8px;
    margin: 0 4px;
    border-radius: 0px;
}

.box-container-dashboard .box-container-dashboard-body{
    width: 100%;
    min-height: 50px;
    padding: 15px 0;
}

.box-container-dashboard .box-container-dashboard-body .box-container-dashboard-body-graph{
    position: relative;
    width: 100%;
    height: auto;
}


.box-container-dashboard .box-container-dashboard-body .box-container-dashboard-body-stats{
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 40px;
}

.card-background-primary .box-container-dashboard-header .box-container-dashboard-header-title > h4{
    color: #fff;
}

.card-background-primary .box-container-dashboard-header .box-container-dashboard-header-title > span{
    color: #fff;
}

.card-background-primary .box-container-dashboard-header .box-container-dashboard-header-title > span > b{
    text-decoration: underline;
}

.card-background-primary .box-container-dashboard-header .box-container-dashboard-header-title > h6{
    color: #fff;
}

.card-background-primary .box-container-dashboard-header .box-container-dashboard-header-title > h6 > b{
    color: #137333;
}


/* ############################  SPINNER  ######################### */

/* Spinner Circular Otimizado */
/* Spinner Circular Minimal (estilo Ladda) */
/* Spinner Circular Minimal (estilo Ladda) */
@keyframes spinner-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  .spinner-oficial {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .spinner-oficial::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #1b409b;
    border-right-color: #1b409b;
    animation: spinner-rotate 0.5s infinite linear;
    will-change: transform;
  }
  
  /* Variações de tamanho */
  .spinner-oficial.large-spinner {
    width: 45px;
    height: 45px;
  }  
  .spinner-oficial.medium-spinner {
    width: 40px;
    height: 40px;
  }  
  .spinner-oficial.small-spinner {
    width: 35px;
    height: 35px;
  }  
  .spinner-oficial.extra-small-spinner {
    width: 25px;
    height: 25px;
  }
  .spinner-oficial.x-extra-small-spinner {
    width: 15px;
    height: 15px;
  }
  
  /* Variação de cor */
  .model-effect-loader > .content-loader > .spinner-oficial::before,
  .modal-effect-loader > .content-loader > .spinner-oficial::before {
    border-top-color: #1b409b;
    border-right-color: #1b409b;
  }
  
  .nav-environment{
      position: relative;
      width: 100%;
      height: 20px;
      background-color: #fb6868;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .nav-environment > span{
      font-size: 10px;
  }

  .nav-environment > span > b{
    margin: 0 5px;
  }

  .check-boxed-content-video{
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 10px 0 5px 0;
  }

  .check-boxed-content-video > .check-boxed-content-video-unity{
    position: relative;
    min-width: 100px;
    max-width: 400px;
    height: auto;
    overflow: hidden;
    background-color: #fbfbfb;
    margin: 5px 5px;
    box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 25%);
    border-radius: 2px;
    flex: calc(25% - 10px) 0;
    transition: .3s all;
    cursor: pointer;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity:hover{
    transform: scale(1.01);
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-header{
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-body{
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-body > h4{
     margin: 0;
     padding: 0;
     font-size: 16px;
     color: #5b656e;
     line-height: 1.4;
     font-weight: 600;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-body > p{
    color: #727272;
    margin: 10px 0 25px 0;
    font-size: 14px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-body > .check-boxed-content-video-unity-body-tag{
    min-width: 100px;
    max-width: 135px;
    height: 30px;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
     
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-body > .check-boxed-content-video-unity-body-tag > span{
    color: #727272;
    font-size: 11px;
    font-weight: 600;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-body > .line{
    width: 100%;
    height: 1px;
    background-color: #efefef;
    margin-bottom: 25px;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-footer{
     position: relative;
     width: 100%;
     min-height: 50px;
     overflow: hidden;
     background-color: #fff;
     padding: 0 15px 15px 15px;
     display: flex;
     flex-direction: column;
 }
 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-footer > .check-boxed-content-video-unity-footer-title{
    position: relative;
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: start;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-footer > .check-boxed-content-video-unity-footer-title > i{
    color: #151D26;
    font-size: 12px;
    margin-right: 10px;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-footer > .check-boxed-content-video-unity-footer-title > span{
    color: #151D26;
    font-size: 12px;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-footer > .check-boxed-content-video-unity-footer-progress{
    position: relative;
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-footer > .check-boxed-content-video-unity-footer-progress > .progress{
    width: 100%;
 }

 .check-boxed-content-video > .check-boxed-content-video-unity > .check-boxed-content-video-unity-footer > .check-boxed-content-video-unity-footer-progress > span{
    font-size: 12px;
    padding: 0 5px;
    color: #4a4a4a;
    font-weight: 600;
 }

 .check-boxed-content-video-unity-body-modal > p {
    padding: 25px;
    color: #4a4a4a;
 }
    
 .check-boxed-content{
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    /* padding: 0 10px; */
    margin: 10px 0 5px 0;
    flex-wrap: wrap;
    flex-direction: row;
}

.check-boxed-content > .check-boxed-content-type{
    position: relative;
    min-width: 100px;
    max-width: 150px;
    height: 80px;
    overflow: hidden;
    background-color: #fbfbfb;
    margin: 5px 5px;
    box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 25%);
    border-radius: 2px;
    flex: calc(14.2857% - 10px) 0;
 }

 .check-boxed-content > .check-boxed-content-type.check-boxed-content-type-application{
    max-width: 100%;
    height: 160px;
 }

 .check-boxed-content > .check-boxed-content-type.check-boxed-content-type-romaneio{
    min-width: calc(33.33% - 10px);
    height: 100px;
 }

 .check-boxed-content > .check-boxed-content-type.check-boxed-content-type-romaneio > .check-boxed-content-type-title > small{
    color: #151D26;
    font-size: 9px;
 }

 .check-boxed-content > .check-boxed-content-type.check-boxed-content-type-plans{
    max-width: 200px;
    height: 160px;
 }

 .check-boxed-content > .check-boxed-content-type:hover{
   box-shadow: 0px 0px 2px 1px rgb(18 59 159);
   cursor: pointer;
 }

 .check-boxed-content > .check-boxed-content-type.modified{
    box-shadow: 0px 0px 2px 1px rgb(226, 10, 10);
    cursor: pointer;
  }

 .check-boxed-content > .check-boxed-content-type.enabled{
   box-shadow: 0px 0px 2px 1px rgb(18 59 159);
 }

 .check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-extra{
    position: absolute;
    width: 100%;
    height: 29px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #1d2626;
 }

 .check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-extra > span{
    font-size: 12px;
 }

 .check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-icon > .icheck-boxed-open{
   position: relative;
   color: #82878d;
   font-size: 22px;
   z-index: 1;
   opacity: 1;
   transform: scale(1);
   transition: all .2s;
 }

 .check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-icon > .icheck-boxed-close{
   position: absolute;
   color: #1b409b;
   font-size: 22px;
   z-index: 2;
   opacity: 0;
   transform: scale(0);
   transition: all .2s;
 }

 .check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-icon > .icheck-boxed-inter{
    position: absolute;
    color: #1b409b;
    font-size: 22px;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
    transition: all .2s;
  }

 .check-boxed-content > .check-boxed-content-type.enabled > .check-boxed-content-type-icon > .icheck-boxed-open{
  opacity: 0;
  transform: scale(0);
 }

 .check-boxed-content > .check-boxed-content-type.enabled > .check-boxed-content-type-icon > .icheck-boxed-inter{
    opacity: 0;
    transform: scale(0);
 }

 .check-boxed-content > .check-boxed-content-type.enabled > .check-boxed-content-type-icon > .icheck-boxed-close{
    opacity: 1;
    transform: scale(1);
 }

 .check-boxed-content > .check-boxed-content-type.inter > .check-boxed-content-type-icon > .icheck-boxed-inter{
    opacity: 1;
    transform: scale(1);
 }

 .check-boxed-content > .check-boxed-content-type.inter > .check-boxed-content-type-icon > .icheck-boxed-open{
    opacity: 0;
    transform: scale(0);
 }

 .check-boxed-content > .check-boxed-content-type.inter > .check-boxed-content-type-icon > .icheck-boxed-close{
    opacity: 0;
    transform: scale(0);
 }

 .check-boxed-content > .check-boxed-content-type:hover > .check-boxed-content-type-icon > .icheck-boxed-open{
  color: #1b409b;
}

.check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-icon-construct {
    margin: 4px 6px;
    position: absolute;
    background-color: orange;
    padding: 2px 4px;
    border-radius: 50%;
}

.check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-icon{
  position: absolute;
  width: 100%;
  height: 29px;
  background-color: transparent;
  top: 0;
  left: 0;
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 2px 4px;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-application > .check-boxed-content-type-title > img{
    margin-bottom: 15px;
    max-width: 85%;
    max-height: 85%;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-application > .check-boxed-content-type-title > p{
    font-weight: 600;
    font-size: 0.7em;
    position: absolute;
    bottom: 0;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-application > .check-boxed-content-type-title > small{
    font-size: 12px;
    text-align: center;
    color: #cf1919;
    padding: 0 15px;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-plans > .check-boxed-content-type-title{
    padding: 0 25px;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-plans > .check-boxed-content-type-title > h4{
    font-size: 20px;
    margin: 0 0 5px 0;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-plans > .check-boxed-content-type-icon > span{
    font-size: 12px;
    padding: 0 10px;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-plans > .check-boxed-content-type-footer{
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: transparent;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 2px 4px;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-plans > .check-boxed-content-type-footer > div{
    width: 50%;
    height: 40px;
    display: flex;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-plans > .check-boxed-content-type-footer > div:last-child{
    justify-content: end;
    align-items: center;
    padding: 0 10px;
}

.check-boxed-content > .check-boxed-content-type.check-boxed-content-type-plans > .check-boxed-content-type-footer > div:last-child > i{
    margin-left: 10px;
}

.check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-title{
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-title > i{
  font-size: 26px;
  color: #484848;
  padding: 10px 0;
  transition: all .1s;
}

.check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-title > i.small{
  font-size: 16px;
}

.check-boxed-content > .check-boxed-content-type > .check-boxed-content-type-title > h4{
  color: #484848;
  font-size: 0.68rem;
  padding: 4px 6px;
  margin: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  transition: all .1s;
}

.check-boxed-content > .check-boxed-content-type-line {
  position: relative;
  width: calc(25% - 10px);
  height: 40px;
  background-color: #fbfbfb;
  margin: 5px;
  box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 25%);
  border-radius: 2px;
  transition: all .2s;
}

.check-boxed-content > .check-boxed-content-type-line.width-50{
    width: calc(50% - 10px);
}

.check-boxed-content > .check-boxed-content-type-line.col-6{
    width: calc(50% - 10px);
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-title-line{
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-title-line > i{
  font-size: 24px;
  color: #484848;
  padding: 10px 0;
  transition: all .1s;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-title-line > i.small{
  font-size: 16px;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-title-line{
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-title-line > i{
  font-size: 24px;
  color: #484848;
  padding: 10px 0;
  transition: all .1s;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-title-line > i.small{
  font-size: 16px;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-title-line > h4{
  max-width: calc(100% - 50px);
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #484848;
  font-size: 0.68rem;
  padding: 5px 0;
  margin: 0;
  transition: all .1s;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-title-line > small{
    font-size: 10px;
    color: #484848;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-icon-line{
  position: absolute;
  width: 20px;
  height: 40px;
  background-color: transparent;
  top: 0px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.check-boxed-content > .check-boxed-content-type-line:hover{
  /* box-shadow: 0px 0px 2px 2px rgb(255, 102, 0); */
  cursor: pointer;
}

.check-boxed-content > .check-boxed-content-type-line.enabled{
  box-shadow: 0px 0px 2px 1px rgb(18 59 159);
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-icon-line > .icheck-boxed-open{
  position: relative;
  color: #82878d;
  font-size: 20px;
  z-index: 1;
  opacity: 1;
  transform: scale(1);
  transition: all .2s;
}

.check-boxed-content > .check-boxed-content-type-line > .check-boxed-content-type-icon-line > .icheck-boxed-close{
  position: absolute;
  color: rgb(18 59 159);
  font-size: 20px;
  z-index: 2;
  opacity: 0;
  transform: scale(0);
  transition: all .2s;
}

.check-boxed-content > .check-boxed-content-type-line.enabled > .check-boxed-content-type-icon-line > .icheck-boxed-open{
 opacity: 0;
 transform: scale(0);
}

.check-boxed-content > .check-boxed-content-type-line.enabled > .check-boxed-content-type-icon-line > .icheck-boxed-close{
 opacity: 1;
 transform: scale(1);
}

.check-boxed-content > .check-boxed-content-type-line:hover > .check-boxed-content-type-icon-line > .icheck-boxed-open{
 color: #1b409b;
}

.check-boxed-content > .check-boxed-content-type-line.enabled > .check-boxed-content-type-title-line > h4{
  color: #1b409b;
}

.box-content-input-shadow{
   width: 100%;
   height: auto;
   background-color: #fbfbfb;
   box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 25%);
}

.box-content-input-shadow > .form-group{
  margin-bottom: 0;
}

.form-group.form-group-raw{
   width: 100%;
   margin-bottom: 0;
}

.form-group.form-group-width-auto{
    width: auto;
}

.check-boxed-content-help-block-ilimited{
    position: absolute;
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    background-color: #ea4335;
    padding: 0 15px;
}

.check-boxed-content-help-block{
  position: absolute;
  width: calc(100% - 30px);
  min-height: 0;
  display: flex;
  align-items: center;
  background-color: #ea4335;
  padding: 0 15px;
  bottom: -12px;
  z-index: 1;
}

.check-boxed-content-help-block-ilimited > .help-block{
    position: relative;
    padding: 0;
    color: #fff;
}

.check-boxed-content-help-block > .help-block{
  position: relative;
  padding: 0;
  color: #fff;
}

td > .box-content-table-float{
    position: relative;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

td > .box-content-table-float > div{
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}

td > .box-content-table-float > div > small{
    line-height: 1.1;
    padding-bottom: 2px;
}

td > .box-content-table-float > i{
    font-size: 30px;
    padding: 0 5px;
    color: #248afd;
}

.pulse-content{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}

.pulse-content-alert{
    position: absolute;
    top: 5px;
    right: 0;
    width: 20px;
    height: 20px;
    transform: scale(0);
    transition: .3s all;
}

.pulse-content-alert.open{
    transform: scale(1);
}

.pulsating-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 10px;
    height: 10px;
  }

  .pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 45px;
    background-color: #01a4e9;
    -webkit-animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }

  .pulsating-circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
            animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  }

  .pulse-circle-success.pulsating-circle:after{
    background-color: #71c016;
  }

  .pulse-circle-success.pulsating-circle:before{
    background-color: #65ac14;
  }

  .pulse-circle-danger.pulsating-circle:after{
    background-color: #ff4747;
  }

  .pulse-circle-danger.pulsating-circle:before{
    background-color: #e93a3a;
  }

  .pulse-circle-primary.pulsating-circle:after{
    background-color: #0d2f81;
  }

  .pulse-circle-primary.pulsating-circle:before{
    background-color: #0d2f81;
  }

  .pulse-circle-warning.pulsating-circle:after{
    background-color: #ffaa1e;
  }

  .pulse-circle-warning.pulsating-circle:before{
    background-color: #ffaa1e;
  }

  @-webkit-keyframes pulse-ring {
    0% {
      transform: scale(0.33);
    }
    80%, 100% {
      opacity: 0;
    }
  }
   
  @keyframes pulse-ring {
    0% {
      transform: scale(0.33);
    }
    80%, 100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes pulse-dot {
    0% {
      transform: scale(0.8);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.8);
    }
  }
  @keyframes pulse-dot {
    0% {
      transform: scale(0.8);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.8);
    }
  }

  .text-glow-success{
    font-size: 16px;
    color: #71c016;
    text-shadow: 2px 2px 4px #3f0;
  }

  .text-glow-danger{
    font-size: 16px;
    color: #ff4747;
    text-shadow: 2px 2px 4px #ff4747;
  }

  i.icon-scale:hover {
    display: inline-block;
    transform: scale(1.5);
    transition: all .2s ease;
  }

  .btn-icon-scale{
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    cursor: pointer;
  }

  .btn-icon-scale.disabled::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 99;
  }

  .btn-icon-scale > span{
    position: absolute;
    top: -8px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent;
    font-size: 10px;
    color: #1b409b;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .btn-icon-scale > i, .btn-icon-scale > a{
    font-size: 20px;
    transform: scale(1);
    transition: all .3s;
  }

  .btn-icon-scale:hover > i, .btn-icon-scale:hover > a{
    transform: scale(1.3);
    /*color: #1b409b;*/
    text-decoration: none;
  }

  .btn-container-select{
    position: relative;
    width: 520px;
    height: 27px;
  }

  .btn-content-select{
    position: relative;
    width: 495px;
    height: auto;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .btn-select{
    min-width: 160px;
    max-width: 160px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1b409b;
    padding: 0 8px 0 8px;
    margin: 0 6px 0 0;
    color: #1b409b;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 500;
  }

  .btn-select-plus{
    position: absolute;
    top: 0;
    right: -15px;
    width: 30px;
    height: 27px;
    border: 1px solid #1b409b;
    border-radius: 2px;
    color: #1b409b;
    padding: 0 8px 0 8px;
    margin: 0 6px 0 0;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
  }


  .display-chart-spacing{
    width: 100%;
    height: 44px;
  }

  .container-faturamento-home{
    position: relative;
    width: 100%;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .container-faturamento-home > i{
    font-size: 60px;
    text-align: center;
    padding-bottom: 20px;
    color: #363636;
  }

  .container-faturamento-home > h4{
    font-size: 25px;
    padding-bottom: 15px;
    color: #363636;
  }

  .container-faturamento-home > span{
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #000;
    color: #fff;
  }

  .container-faturamento-home > span.success{
    background-color: #137333;
  }

  .card-style {
    position: relative;
    width: 100%;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 15%);
    background-color: #ffffff;
    padding: 0;
    color: #585858;
    transform: scale(1);
    transition: .2s all;
  }

  .card-style:hover{
    transform: scale(1.05);
    cursor: pointer;
  }

  .card-style .card-style-content{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .card-style .card-style-content > div:first-child{
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .card-style .card-style-content > div:last-child{
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .card-style .card-style-content-absolute{
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* .card-style .card-style-content-absolute > i{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f7f7f7;
  } */

  .card-style .card-style-content-absolute > i{
    font-size: min(max(15px, 1.4vmax), 50px);
    line-height: 1.1;
    color: #268bc1;
  }

  .card-style .card-style-content-absolute > i.ti-large{
    font-size: min(max(25px, 2.0vmax), 50px);
    line-height: 1.1;
    color: #268bc1;
  }

  .card-style .card-style-content > div > h4{
    font-size: min(max(12px, 1vmax), 14px);
    margin: 0;
    padding: 0 0 0 0;
  }

  .card-style .card-style-content > div > h1{
    font-size: min(max(15px, 1.3vmax), 35px);
    margin: 0;
    padding: 0;
    padding: 0 0 0 0;
    line-height: 0;
  }

  .card-style .card-style-content > div > span{
    font-size: 10px;
  }

  .card-style .card-style-content > div.card-style-content-middle{
    display: flex;
    align-items: center;
  }

  .card-style .card-style-content > div.card-style-content-middle > i{
    padding: 0 10px 0 0;
  }

  .form-group > .form-control-check {
    position: relative;
    width: 100%;
    height: auto;
  } 

  .card.card-clear{
    background: transparent;
    box-shadow: none;
  }

  .card.card-clear > .card-header{
    background: transparent;
  }

  .card-content-shipping-boxed{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity.disabled{
    opacity: 0.4;
    border: 1px solid red;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity{
    width: 100%;
    min-height: 300px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    margin-bottom: 30px;
    transform: scale(1);
    transition: .2s;
    position: relative;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity:hover{
    transform: scale(1.04);
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-image{
      width: 100%;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-image > small{
    font-size: 8px;
    margin: 2px 0;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-image > small:last-child{
    font-size: 12px;
    font-weight: 600;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-image > img{
    max-width: 120px;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-title{
     width: 100%;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-title > b{
    font-size: 25px;
    color: #f60;
    position: relative;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-title > b > span{
    font-size: 10px;
    position: absolute;
    top: -10px;
    right: 0;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-extra{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    padding: 10px 0;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-extra > div{
    width: 100%;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-extra > div > span{
    width: 50%;
    font-size: 10px;
    text-align: right;
    padding-right: 6px;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-extra > div > b{
    font-size: 10px;
    width: calc(50%);
    padding-left: 6px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-label{
    position: absolute;
    width: 40px;
    height: 50px;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff6600;
    flex-direction: column;
  }
  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-label > b{
    font-size: 12px;
    color: #fff;
  }

  .card-content-shipping-boxed .card-content-shipping-boxed-unity > .card-content-shipping-boxed-unity-label > span{
    font-size: 10px;
    color: #fff;
  }

  .card > .card-header.card-header-bg-blue{
    background-color: #1b409b;
    color: #fff;
  }

  .line-through{
    text-decoration: line-through;
  }

  .bg-color-blue{
    background-color: #1b409b !important;
  }

  .bg-color-red{
    background-color: #c43434 !important;
  }

  .bg-color-orange{
    background-color: #c99b57;
  }

  .bg-color-green{
    background-color: #1db14e !important;
  }

  .bg-color-green-soft{
    background-color: #abcc18 !important;
  }

  .bg-color-yellow{
    background-color: #d8e621;
  }

  .bg-color-extra-green{
    background-color: #f6fff7 !important;
  }

  .bg-color-extra-green-clear{
    background-color: #f6fff7 !important;
  }

  .bg-color-extra-green > td{
    border-bottom: 1px solid #e2f5e4;
  }

  .bg-color-extra-red{
    background-color: #fff6f6 !important;
  }

  .bg-color-extra-red-clear{
    background-color: #fff6f6 !important;
  }

  .bg-color-extra-red > td{
    border-bottom: 1px solid #ffefef;
  }

  .tab-container{
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100px;
    max-height: calc(100vh - 160px);
  }

  .tab-container.tab-container-min-height-200{
    min-height: 200px;
  }
  .tab-container.tab-container-min-height-250{
    min-height: 250px;
  }
  .tab-container.tab-container-min-height-300{
    min-height: 300px;
  }
  .tab-container.tab-container-min-height-350{
    min-height: 355px;
  }

  .tab-container.tab-container-min-height-400{
    min-height: 400px;
  }

  .tab-container.tab-container-fixed{
    min-height: calc(100vh - 200px);
  }

  .tab-container.tab-container-free{
    max-height: none;
  }

  .tab-container.tab-container-soft{
    max-height: calc(100vh - 100px);
  }

  .tab-container.tab-container-inside-footer{
    margin-bottom: 68px;
  }

  .tab-container.tab-container-extra-footer .modal-footer{
    width: 100%;
    position: fixed;
    bottom: 45px;
    left: 0;
    margin: 0;
    padding: 0;
  }

  .tab-container.tab-container-inside-footer .modal-footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
  }

  .palette{
    color: #8cc3f0; /* <= 5 */
    color: #3481ce; /* <= 50 */
    color: #ee9a55; /* <= 200 */
    color: #49abc9; /* <= 500 */
    color: #f0e659; /* <= 1000 */
    color: #e2873c; /* <= 5000 */
    color: #49abc9; /* <= 50000 */
    color: #317fce; /* > 50000 */
  }

  .z-index-1{
    z-index: 1;
  }

  .z-index-2{
    z-index: 2;
  }

  .z-index-3{
    z-index: 3;
  }

  .z-index-4{
    z-index: 4;
  }

  .z-index-5{
    z-index: 5;
  }

  .z-index-10{
    z-index: 10;
  }
  
  .cursor-pointer{
    cursor: pointer;
  }

  .form-control-sm{
    height: 34px;
    font-size: 0.700rem;
    padding: 0 12px;
  }

.box-input-container-geral{
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
}

.box-input-container-geral > .box-input-container-geral-left{
    position: relative;
    width: 400px;
    min-width: 400px;
    z-index: 1;
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    -ms-box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.box-input-container-geral .box-input-container-geral-card {
    width: 400px;
    min-height: 500px;
    margin: 0 auto;
    padding: 0 20px;
}

.box-input-container-geral .box-input-container-geral-card > .box-input-container-geral-card-finish {
    width: 100%;
    height: 200px;
    color: #151D26;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}

.box-input-container-geral .box-input-container-geral-card > .box-input-container-geral-card-finish > i{
    font-size: 75px;
    color: #71c016;
    text-align: center;
    margin: 25px 0;
}

.box-input-container-geral .box-input-container-geral-card > .box-input-container-geral-card-finish > h4{
    font-size: 25px;
    text-align: center;
    margin: 15px 0;
}

.box-input-container-geral .box-input-container-geral-card > .box-input-container-geral-card-finish > p{
    text-align: justify;
    margin: 5px 0;
}
.span-resend-code {
    font-size: var(--size-input-label-text);
    line-height: 1rem;
    vertical-align: top;
    margin-bottom: 5px;
    font-style: normal;
    padding-left: 5px;
    font-weight: var(--font-input-weight-label-text);
    color: var(--color-input-label);
}
.span-resend-code > a {
    color: #467fff;
    cursor: pointer;
    transition: .1s all;
}
.span-resend-code > a:hover {
    color: #1a5dfa;
}
.span-resend-code > a.disable_click {
    opacity: 0.7;
    cursor: not-allowed;
}

.box-input-container-geral > .box-input-container-geral-left .box-input-container-geral-left-strict {
    width: 400px;
    height: calc(100%);
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

.box-input-container-geral > .box-input-container-geral-left .box-input-container-geral-left-finish {
    width: 400px;
    height: calc(100%);
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

.box-input-container-geral .box-input-container-geral-card h2{
    color: #000;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
}

.box-input-container-geral .box-input-container-geral-logo {
    width: 400px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1b409b;
}

.box-input-container-geral .box-input-container-geral-logo img{
    width: 100px;
}

.box-input-container-geral > .box-input-container-geral-right{
    width: calc(100%);
    position: relative;
    height: 100%;
    background-image: url('../img/login/fundov7.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
#image-cadastrar {
    background-image: url('../img/login/fundo.jpg');
    background-position: unset !important;
}

.box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe {
    display: flex;
    align-items: center;
    position: relative;
    top: 7%;
    height: 100vh;
    flex-direction: column;
}
.box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe > h4 {
    font-weight: bolder;
    color: #ffffffec;
}
.box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe > p {
    color: #ffffffb5;
    font-size: 13px;
}
.box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe > video {
    box-shadow: rgba(18, 59, 159, 0.4) -5px 5px, rgba(18, 59, 159, 0.3) -10px 10px, rgba(18, 59, 159, 0.2) -15px 15px, rgba(18, 59, 159, 0.1) -20px 20px, rgba(18, 59, 159, 0.05) -25px 25px;
    border-radius: 0.1875rem;
}
@media (max-width: 1600px) {
    .box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe > video {
        width: 700px;
    }
    .box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe {
        top: 15%;
    }
}
@media (max-width: 1300px) {
    .box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe > video {
        width: 600px;
    }
    .box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe {
        top: 20%;
    }
}
@media (max-width: 1170px) {
    .box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe > video {
        width: 500px;
    }
    .box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe {
        top: 23%;
    }
}
@media (max-width: 940px) {
    .box-input-container-geral > .box-input-container-geral-right > .box-input-container-geral-right-iframe {
        display: none;
    }
}

.box-container-active-modified{
    width: 100%;
    min-height: 1px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.box-content-active-modified.box-content-active-modified-xs{
    width: 300px;
}

.box-content-active-modified.box-content-active-modified-25{
    width: calc(25% - 10px);
}

.box-content-active-modified.box-content-active-modified-33{
    width: calc(33.33% - 10px);
}

.box-content-active-modified.box-content-active-modified-50{
    width: calc(50% - 10px);
}

.box-content-active-modified.box-content-active-modified-75{
    width: calc(75% - 10px);
}

.box-content-active-modified.box-content-active-modified-100{
    width: calc(100% - 10px);
}

.box-content-active-modified.box-content-active-modified-h-420{
    height: 420px;
}

.box-content-active-modified.box-content-active-modified-h-200{
    height: 200px;
}

.box-content-active-modified.box-content-active-modified-h-auto{
    height: auto;
}


.box-content-active-modified{
    position: relative;
    width: calc(50% - 180px);
    height: 520px;
    overflow: hidden;
    box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 15%);
    background-color: #fff;
    padding: 0;
    color: #585858;
    transform: scale(1);
    transition: .2s all;
    margin: 0 5px 10px 5px;
}

.box-content-active-modified .box-content-active-modified-header{
    width: 100%;
    height: 50px;
    display: flex;
}

.box-content-active-modified .box-content-active-modified-header > div {
    width: calc(100% - 45px);
    height: 50px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: min(max(0.875rem, 0.8vw), 1rem);
}

.box-content-active-modified .box-content-active-modified-header > div:first-child {
    width: 15px;
    height: 50px;
    display: flex;
    justify-content: center;
}

.box-content-active-modified .box-content-active-modified-header > div:last-child {
    width: 30px;
    height: 50px;
    margin-right: 30px;
    justify-content: end;
}

.box-content-active-modified .box-content-active-modified-header > .box-content-active-modified-header-actions{
    min-width: 350px;
    height: 50px;
    margin-right: 15px !important;
}

.box-content-active-modified .box-content-active-modified-header > .box-content-active-modified-header-actions > button{
    margin-left: 10px;
}

.box-content-active-modified .box-content-active-modified-body{
    width: 100%;
    min-height: 1px;
    height: calc(460px - 80px);
    padding: 0 15px 15px 15px;
    overflow-y: auto;
}

.box-content-active-modified .box-content-active-modified-body.box-content-active-modified-body-infinity{
    position: absolute;
    height: calc(100% - 130px);
    max-height: 390px;
    min-height: 390px;
    top: 50px;
}

.box-content-active-modified .box-content-active-modified-body.box-content-active-modified-body-strict{
    position: absolute;
    height: calc(100% - 60px);
    min-height: 390px;
    top: 50px;
}

.box-content-active-modified .box-content-active-modified-body.box-content-active-modified-body-full-space{
    position: absolute;
    height: calc(100% - 15px);
    min-height: 390px;
    top: 0px;
}

.box-content-active-modified .box-content-active-modified-body.box-content-active-modified-body-auto{
    height: auto;
    min-height: 80px;
    margin-bottom: 15px;
}

.box-content-active-modified .box-content-active-modified-body.box-content-active-modified-body-clean{
    padding: 15px 0px;
}

.table-content-row{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.table-content-row > .table-content-row-column{
    width: 100%;
    display: flex;
    height: 40px;
    align-items: center;
    font-size: min(max(0.725rem, 0.8vw), 0.775rem);
}

.table-content-row > .table-content-row-column > .table-content-row-column-group-shipping{
    display: flex;
    align-items: center;
}

.table-content-row > .table-content-row-column > .table-content-row-column-group-shipping > b{
    margin-right: 5px;
}

.table-content-row > .table-content-row-column:first-child{
    width: 40px;
    font-size: 12px;
    /* justify-content: center; */
    color: #0d2f81;
}

.table-content-row > .table-content-row-column.none:first-child{
    display: none;
}

.box-content-active-modified-body-card{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: #fff;
    color: var(--color-modal-head-text);
    margin: 0 0 10px 0;
    border-radius: 4px;
    border-left: 4px solid #1b409b;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}

.box-content-active-modified-body-card > i{
    font-size: 16px;
    width: 30px;
    height: 100%;
    background-color: #f1f1f1;
    color: #505050;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
}

.box-content-active-modified-body-card > h4{
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    margin-left: 15px;
}

.box-content-active-modified-cadastro-transportadora {
    position: relative;
    min-height: 100px;
    overflow: hidden;
    box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0.07em 0.125em 0 rgb(0 0 0 / 15%);
    background-color: #fff;
    padding: 15px 0 15px 0;
    color: #585858;
    transform: scale(1);
    transition: .2s all;
    margin: 0 0 15px 0;
}

.box-content-active-modified-cadastro-transportadora .box-content-active-modified-body-cadastro-transportadora {
    width: 100%;
    min-height: 1px;
    padding: 0 15px 0 15px;
    overflow-y: auto;
}

.box-content-message-card {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: #f1f1f1;
    color: var(--color-modal-head-text);
    margin: 0 0 15px 0;
    border-radius: 6px;
    border-left: 8px solid #1b409b;
}

.box-content-message-card.box-content-message-card-danger{
    border-left-color:#dd3e3e;
}

.box-content-message-card.box-content-message-card-danger > i{
    color:#dd3e3e;
}

.box-content-message-card.box-content-message-card-success{
    border-left-color:#71c016;
}

.box-content-message-card.box-content-message-card-success > i{
    color:#71c016;
}

.box-content-message-card.box-content-message-card-warning{
    border-left-color:#ffc107;
}

.box-content-message-card.box-content-message-card-warning > i{
    color:#ffc107;
}

.box-content-message-card.box-content-message-card-info{
    border-left-color:#07a4ff;
}

.box-content-message-card.box-content-message-card-info > i{
    color:#07a4ff;
}


.box-content-message-card > i{
    font-size: 16px;
    width: 40px;
    height: 100%;
    background-color: #f1f1f1;
    color: #505050;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
}

.box-content-message-card > h4{
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}

.box-content-active-modified .box-content-active-modified-body .box-content-active-modified-body-title{
    width: 100%;
    height: 325px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.box-content-active-modified .box-content-active-modified-body .box-content-active-modified-body-title > h4{
    width: 125px;
    height: 125px;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #0d2f81;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-content-active-modified .box-content-active-modified-body .box-content-active-modified-body-title > p{
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.box-content-active-modified .box-content-active-modified-footer{
    width: 100%;
    height: 80px;
    display: flex;
    padding: 0 15px;
    align-items: center;
    justify-content: end;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
}

.box-content-active-modified .box-content-active-modified-footer > div:last-child{
    min-width: 190px;
}

.box-content-active-modified .box-content-active-modified-footer button{
    margin-right: 15px;
}

.box-content-active-modified .box-content-active-modified-footer > .box-content-active-modified-footer-part{
    width: auto;
    height: 40px;
    margin: 0 10px;
    display: flex;
    align-items: center;
}

.box-content-active-modified .box-content-active-modified-footer > .box-content-active-modified-footer-part-attach{
    width: calc(100% - 280px);
    height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
}

.box-content-active-modified .box-content-active-modified-footer > .box-content-active-modified-footer-part-attach > .form-group{
    width: 100%;
}

.divider-15{
    width: 100%;
    height: 15px;
}

.tab-container-header-custom{
    width: 100%;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 20px;
}

.tab-container-header-custom.tab-container-header-custom-pedding-right{
    padding-right: 180px;
}

.tab-container-header-custom > .tab-container-header-custom-user-online{
    overflow: hidden;
    flex-wrap: wrap;
    max-width: 462px;
    height: 36px;
}

.tab-container-header-custom > .btn{
    min-width: 100px;
}

.tab-container-header-custom > .tab-container-header-custom-right{
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
}

.tab-container-header-custom > .tab-container-header-custom-right > div{
    margin-left: 10px;
}

.tab-container-header-custom > .tab-container-header-custom-right > button{
    margin-left: 10px;
}

.tab-container-header-custom > div > select{
    margin-left: 10px;
}

.tab-container-header-custom > div > .tab-container-header-custom-timer{
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    padding: 0 10px;
}

.tab-container-header-custom > div > .tab-container-header-custom-timer > i{
    font-size: 15px;
    padding: 0 5px;
}

.tab-container-header-custom > div > .tab-container-header-custom-timer > div{
    font-size: 15px;
    color: #484545;
}

.tab-container-header-custom > div{
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-container-header-custom > div > h4{
    font-size: 18px;
    font-weight: 500;
    color: #1d2626;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: start;
}

.tab-container-header-custom > div > h4 > span{
    padding-right: 5px;
    font-weight: 500;
    min-width: 70px;
}

.tab-container-header-custom > div > h4 > small{
    padding-right: 10px;
}

.tab-container-header-custom > div > h4 > span.without-min-width{
    min-width: 0px;
}

.tab-container-header-custom > div > h4 > b{
    text-decoration: underline;
}

.tab-container-header-custom > div > h4:hover{
    color: #0d2f81;
}

.tab-container-header-custom-box-group-users {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding: 0 10px;
    position: relative;
}

.tab-container-header-custom-box-group-user-unity {
    width: 30px;
    height: 30px;
    background-color: #0d2f81;
    color: #fff;
    border-radius: 50%;
    margin-left: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0s ease, margin-left 0.1s ease;
    z-index: 1;
    border: 2px solid #fff;
    cursor: pointer;
}

.tab-container-header-custom-box-group-user-unity > span {
    font-size: 12px;
    font-weight: 600;
}
.tab-container-header-custom-box-group-users:hover .tab-container-header-custom-box-group-user-unity {
    /* margin-left: -3px; */
}
.tab-container-header-custom-box-group-user-unity:hover {
    transform: scale(1.1);
    z-index: 10;
}
.tab-container-header-custom-box-group-user-unity.is-leader {
    position: relative;
}

.tab-container-header-custom-box-group-user-unity.is-leader::after {
    content: '👑';
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-container-header-custom-box-group-button{
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.tab-container-header-custom-box-group-user-unity.bg-color-blue{
    background-color: #0d2f81;
}

.tab-container-header-custom-box-group-user-unity.bg-color-green{
    background-color: #71c016;
}

.tab-container-header-custom-box-group-user-unity.bg-color-red{
    background-color: #dd3e3e;
}

.tab-container-header-custom-box-group-user-unity.bg-color-yellow{
    background-color: #ffc107;
}

.tab-container-header-custom-box-group-user-unity.bg-color-purple{
    background-color: #5243aa;
}

.tab-container-header-custom-box-group-user-unity.bg-color-orange{
    background-color: #ffa500;
}

.tab-container-header-custom-box-group-user-unity.bg-color-pink{
    background-color: #ffc0cb;
}


.link-color-blue{
    color: #1b409b;
}

.box-content-text-ticket-html{
    width: 100%;
    height: auto;
    font-size: 14px;
    text-align: justify;
    line-height: 1.5;
}

.box-content-text-ticket-html img{
    width: 100%;
    height: auto;
}

.table-striped.table-card tbody tr{
    height: 50px;
}

.table-striped.table-card tbody tr:nth-of-type(odd){
    background-color: #f9f9f9;
}
.table-striped.table-card tbody tr:nth-of-type(even){
    background-color: #f5f5f5;
}

.table-striped-clean{
    color: #585858;
    cursor: pointer;
}

.table-striped-clean tbody tr:hover{
    background-color: #f7f7f7 !important;
}

.table-striped-clean.table-card tbody tr:nth-of-type(odd){
    background-color: #fff;
}
.table-striped-clean.table-card tbody tr:nth-of-type(even){
    background-color: #fff;
}

.table-striped-clean {
    color: #585858;
}

.box-content-message-ticket{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 1px;
    display: flex;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e7e7e7;
}

.box-content-message-ticket:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.box-content-message-ticket > .box-content-message-ticket-header{
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-right: 15px;
}

.box-content-message-ticket > .box-content-message-ticket-header > i{
    font-size: 20px;
    color: #f60;
}

.box-content-message-ticket > .box-content-message-ticket-body{
    width: calc(100% - 40px);
    height: auto;
}

.box-content-message-ticket > .box-content-message-ticket-body .box-content-message-ticket-body-html{
    font-size: 14px;
    font-weight: 500;
    max-width: 800px;
    line-height: 1.5;
}

.box-content-message-ticket > .box-content-message-ticket-body .box-content-message-ticket-body-html img{
    max-width: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
}

.box-content-message-ticket > .box-content-message-ticket-body > .box-content-message-ticket-body-actions {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    display: flex;
}

.box-content-message-ticket > .box-content-message-ticket-body > .box-content-message-ticket-body-actions > i{
    transform: scale(1);
    transition: 0.2s all;
    cursor: pointer;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-content-message-ticket > .box-content-message-ticket-body > .box-content-message-ticket-body-actions > i:hover{
    transform: scale(1.1);
}

.box-content-message-ticket > .box-content-message-ticket-body > h4{
    font-size: 18px;
    color: #262626;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.box-content-message-ticket > .box-content-message-ticket-body > h4 > small{
    font-size: 12px;
    color: #5b656e;
    padding-left: 15px;
}

.box-content-message-ticket > .box-content-message-ticket-body > h4 > small > span:first-child{
    margin-right: 5px;
    text-decoration: underline;
}

.box-content-message-ticket > .box-content-message-ticket-body > .box-content-message-ticket-body-attachment{
    width: 100%;
    height: auto;
    min-height: 1px;
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.box-content-message-ticket > .box-content-message-ticket-body > .box-content-message-ticket-body-attachment > .box-content-message-ticket-body-attachment-button{
    width: auto;
    height: 35px;
    border: 1px dotted rgb(170, 170, 170);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 2px;
    transition: .2s all;
    margin-right: 10px;
}

.box-content-message-ticket > .box-content-message-ticket-body > .box-content-message-ticket-body-attachment > .box-content-message-ticket-body-attachment-button:hover{
    text-decoration: none;
    border-color: #f60;
}

.box-content-message-ticket > .box-content-message-ticket-body > .box-content-message-ticket-body-attachment > .box-content-message-ticket-body-attachment-button > i{
    color: #f60;
    padding-right: 5px;
    font-size: 14px;
}

.box-content-message-ticket > .box-content-message-ticket-body > .box-content-message-ticket-body-attachment > .box-content-message-ticket-body-attachment-button > span{
    font-size: 14px;
    color: #f60;
}

.box-content-geral-message{
    position: fixed;
    width: 100%;
    min-height: 1px;
    height: auto;
    top: 50px;
    z-index: 0;
    left: 0;
}

.box-content-geral-message > .box-content-geral-message-unique{
    width: 100%;
    height: 25px;
    background-color: #ff4747;
    display: flex;
}

.box-content-geral-message > .box-content-geral-message-unique > div{
    display: flex;
}

.box-content-geral-message > .box-content-geral-message-unique > div:first-child{
    width: 50px;
    height: 25px;
    background-color: #ee3b3b;
    align-items: center;
    justify-content: center;
}

.box-content-geral-message > .box-content-geral-message-unique > div:nth-child(2){
    width: calc(100% - 100px);
    align-items: center;
    justify-content: start;
    padding: 0 15px;
    font-size: 12px;
}

.box-content-geral-message > .box-content-geral-message-unique span a{
    color: #fff;
    text-decoration: underline;
}

.box-content-geral-message > .box-content-geral-message-unique > div:last-child{
    width: 50px;
}

pre code img{
    max-width: 100%;
}

ng-quill-editor.box-editor-message-ticket-sm .ql-container{
    height: 200px;
}

ng-quill-editor.box-editor-message-ticket .ql-container{
    height: 240px;
}

ng-quill-editor.box-editor-message-default .ql-container{
    height: 362px;
}

ng-quill-editor.box-editor-message-default .ql-editor{
    color: #5b656e;
}

.pulse-box-control-pause-infinite{
    animation: flash-x 2s infinite;
}

.pulse-box-icon-progress-ticket{
    animation: flash-x 2s infinite;
}

.pulse-box-customer-online{
    animation: flash-x 3s infinite;
}

.pulse-box-icon-progress-tracking-interno{
    animation: flash-x 2s infinite;
}

.pulse-box-progress-invoice-interno{
    animation: flash-x 2s infinite;
}

.pulse-box-icon-interno{
    animation: flash-x 2s infinite;
}

.text-temporizador-table-column{
    width: auto;
    height: auto;
    display: flex;
}

.text-temporizador-table-column > i{
    padding: 0 5px;
}

.box-content-search-input-bottom{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
}

.box-content-tooltip-search-invoice{
    min-width: 100px;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
}

.box-content-repeat-search-invoice-tooltip{
    position: relative;
    width: 100%;
    height: 24px;
    display: flex;
}

.box-content-repeat-search-invoice-tooltip > .box-unity-repeat-search-invoice-tooltip{
    padding-right: 10px;
}

.box-content-repeat-search-invoice-tooltip > .box-unity-repeat-search-invoice-tooltip:hover{
    cursor: pointer;
}


.box-content-tooltip-search-invoice > div{
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-bottom: 5px;
}

.box-content-tooltip-search-invoice > div > .box-content-tooltip-search-invoice-title{
    font-size: 10px;
}

.box-content-tooltip-search-invoice > div > span:last-child{
    white-space: nowrap;
}



.container-geral-track-template-search-found-timeline-content-detail {
    position: relative;
    width: 100%;
    height: auto;
    margin: 30px 0 30px 0;
  }
  
.container-geral-track-template-search-found-timeline-content-detail.slim {
    margin: 15px 0 0 0 !important;
  }
  
 .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 20px;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div:first-child{
    width: 55px;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > svg {
    width: 18px;
    color: rgba(0,0,0,.54);
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div:last-child{
    width: calc(100% - 55px);
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > h4 {
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0;
    color: #4a4a4a;
    font-weight: 400;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > span {
    font-size: 12px;
    font-weight: 700;
    color: #4a4a4a;
  }
  
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v{
    width: 100%;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul{
    position: relative;
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li{
    width: 100%;
    min-height: 90px;
    max-height: 120px;
    overflow: hidden;
    display: flex;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li:last-child{
    min-height: 60px !important;
  } 
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li:last-child > div.progress-v{
    min-height: 60px !important;
  }

  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li:last-child > div.detail-v{
    min-height: 60px !important;
  }  
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li:last-child > div.detail-v > div{
    min-height: 60px !important;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li:last-child > div.progress-v > div.line-v{
    background-color: transparent;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li:first-child > div.progress-v > img{
    max-width: 30px;
  }

  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.progress-v > img{
    max-width: 25px;
  }

  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.progress-v > svg{
    max-width: 20px;
    max-height: 20px;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.progress-v{
    width: 24px;
    min-height: 90px;
    margin: 0 24px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.progress-v > div.line-v{
    height: calc(100% - 24px);
    width: 1px;
    background-color: #9b9b9b;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v{
    width: calc(100% - 48px);
    min-height: 90px;
    display: flex;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v > div:first-child{
    width: 100px;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v > div:last-child{
    width: calc(100% - 100px);
    min-height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v > div span{
    font-size: 13px;
    color: #ff6900;
    white-space: nowrap;
    margin-bottom: 6px;
    line-height: 1;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v > div small{
    font-size: 13px;
    color: #9b9b9b;
    white-space: nowrap;
    line-height: 1;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v > div h4{
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a;
    margin: 0 0 6px;
    padding: 0;
  }
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v > div p{
    font-size: 13px;
    font-weight: 400;
    color: #4a4a4a;
    padding: 0;
    line-height: 20px;
  }

  .container-geral-track-template-search-found > .container-geral-track-template-search-found-progress > .container-geral-track-template-search-found-progress-timeline{
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-geral-track-template-search-found-progress > .container-geral-track-template-search-found-progress-timeline > ul{
  width: 700px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  list-style: none;
  padding: 0 15px;
  margin: 0 0 36px 0;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon{
  position: relative;
  width: 40px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > img{
  transition: .3s;
  cursor: pointer;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > img.delivery{
    width: 35px;
    max-width: 35px;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > img:hover{
  transform: scale(1.3);
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > i{
  width: 100%;
  height: 100%;
  color: #1b409b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail-extra{
  position: absolute;
  top: 70px;
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  text-align: left;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail{
  position: absolute;
  width: auto;
  height: auto;
  bottom: -40px;
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  text-align: left;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail > span{
  color: #6cc24a;
  font-size: 12px;
  margin-bottom: 5px;
  display: flex;
  align-items: left;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail > span > img{
  width: 100%;
  margin-left: 10px;
  transition: .3s all;
  cursor: pointer;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail > span > img:hover{
  transform: scale(1.1);
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail > span > i{
 width: 100%;
 font-size: 14px;
 margin-left: 10px;
 transition: .3s all;
 cursor: pointer;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail > small{
  color: #505050;
  font-size: 10px;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-line{
  flex: 2 1 40px;
  background-color: #e1e1e1;
  height: 3px;
}

.container-geral-track-template-search-found-progress-timeline > ul > li.marker-line.success{
 background-color: #71c016 !important;
}

.container-geral-track-template-search-found > .container-geral-track-template-search-found-timeline{
  width: 100%;
  height: auto;
  min-height: 1px;
  padding: 20px 15px;
  background-color: #fff;
}

.container-geral-track-template-search-found > .container-geral-track-template-search-found-timeline > .container-geral-track-template-search-found-timeline-header {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 100px;
}

.container-geral-track-template-search-found > .container-geral-track-template-search-found-timeline > .container-geral-track-template-search-found-timeline-content {
  width: 100%;
  height: auto;
  min-height: 1px;
  padding: 0 100px;
}

.container-geral-track-template-search-found > .container-geral-track-template-search-found-timeline > .container-geral-track-template-search-found-timeline-content > h4 {
  color: #ff7112;
  font-size: 18px;
  margin: 0;
}

.container-geral-track-template-search-found > .container-geral-track-template-search-found-timeline > .container-geral-track-template-search-found-timeline-content > .container-geral-track-template-search-found-timeline-content-detail {
  position: relative;
  width: 100%;
  height: auto;
  margin: 30px 0 30px 0;
}

.container-geral-track-template-search-found-timeline-content > .container-geral-track-template-search-found-timeline-content-detail.slim {
  margin: 15px 0 0 0 !important;
}

.container-geral-track-template-search-found-timeline-content > .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  margin-bottom: 20px;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div:first-child{
  width: 55px;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > svg {
  width: 18px;
  color: rgba(0,0,0,.54);
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div:last-child{
  width: calc(100% - 55px);
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > h4 {
  font-size: 12px;
  margin: 0 0 5px;
  padding: 0;
  color: #4a4a4a;
  font-weight: 400;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > span {
  font-size: 12px;
  font-weight: 700;
  color: #4a4a4a;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul{
  position: relative;
  width: 100%;
  height: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li:last-child > div.progress-v > div.line-v{
  background-color: transparent;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li:first-child > div.progress-v > img{
  max-width: 30px;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.progress-v > div.line-v{
  height: calc(100% - 24px);
  width: 1px;
  background-color: #9b9b9b;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v > div span{
  font-size: 13px;
  color: #ff6900;
  white-space: nowrap;
  margin-bottom: 6px;
}

.container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-progress-timeline-v > ul > li > div.detail-v > div small{
  font-size: 13px;
  color: #9b9b9b;
  white-space: nowrap;
}





.container-geral-track-template-search-found-progress-timeline{
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
  }
  
.container-geral-track-template-search-found-progress-timeline > ul{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    list-style: none;
    padding: 0 25px;
    margin: 0 0 36px 0;
  }
  
  .container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > img{
    transition: .3s;
    cursor: pointer;
    max-width: 26px;
  }
  
  .container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > img:hover{
    transform: scale(1.2);
  }
  
  .container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail{
    position: absolute;
    width: auto;
    height: auto;
    bottom: -40px;
    display: flex;
    white-space: nowrap;
    flex-direction: column;
    text-align: left;
  }
  
  .container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail > span{
    color: #6cc24a;
    font-size: 12px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    line-height: 1;
  }
  
  .container-geral-track-template-search-found-progress-timeline > ul > li.marker-icon > .marker-detail > small{
    color: #505050;
    font-size: 10px;
    line-height: 1;
  }
  
  .container-geral-track-template-search-found-progress-timeline > ul > li.marker-line{
    flex: 2 1 40px;
    background-color: #e1e1e1;
    height: 2px;
  }
  
  .container-geral-track-template-search-found-progress-timeline > ul > li.marker-line.success{
   background-color: #71c016 !important;
  }









  .container-geral-track-template-search-found-timeline-content-detail {
    position: relative;
    width: 100%;
    height: auto;
    margin: 30px 0 30px 0;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail.slim {
    margin: 30px 0 0 0 !important;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 20px;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div:first-child{
    width: 55px;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > svg {
    width: 18px;
    color: rgba(0,0,0,.54);
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div:last-child{
    width: calc(100% - 55px);
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > h4 {
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0;
    color: #4a4a4a;
    font-weight: 400;
  }
  
  .container-geral-track-template-search-found-timeline-content-detail > .container-geral-track-template-search-found-timeline-content-detail-line > div > span {
    font-size: 12px;
    font-weight: 700;
    color: #4a4a4a;
  }


  color-picker{
    width: 100%;
  }

  .color-picker-wrapper .input-group .input-group-addon{
    padding: 5px !important;
  }

  .color-picker-wrapper .input-group{
    width: 100%;
  }

.color-picker-wrapper .input-group > input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.container-header-title-graphic{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-header-title-graphic > h4{
    margin: 0;
    padding: 0;
    text-align: center;
    color: #585858;
    font-weight: 400;
    font-size: 16px;
}

.table-container-plans{
    width: 100%;
    min-height: 1px;
    display: flex;
    align-items: flex-start;
}

.table-content-plans{
    position: relative;
    width: auto;
    min-height: 100px;
    padding: 30px 20px 30px 50px;
    /* background-color: #fff; */
    color: #484848;
    margin: 15px 30px 15px 0;
}

.table-content-plans.width-25{
    width: calc(25% - 30px);
}

.table-content-plans.width-45{
    width: calc(45% - 30px);
}

.table-content-plans.width-40{
    width: calc(40% - 30px);
}

.table-content-plans.width-30{
    width: calc(30% - 30px);
}

.table-content-plans > .table-content-plans-header{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    margin-left: -16px;
    margin-bottom: 0;
}

.table-content-plans > .table-content-plans-header > h4{
    width: calc(100% - 55px);
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.table-content-plans > .table-content-plans-header > div{
    width: 30px;
    display: flex;
    justify-content: end;
}

.table-content-plans > .table-content-plans-header > div > i{
    font-size: 25px;
}

.table-content-plans > .table-content-plans-header > i{
    background-color: #71c016;
    height: 25px;
    width: 25px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
}

.table-content-plans > .table-content-plans-body{
    width: 100%;
    min-height: 1px;
    margin-top: 15px;
}

.table-content-plans > .table-content-plans-body > li{
    width: 100%;
    min-height: 25px;
    line-height: 25px;
}

.table-content-plans > .table-content-plans-body > li > span{
    font-size: 13px;
}

.table-content-plans > .table-content-plans-body > div > small{
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}

.table-content-plans > .table-content-plans-footer{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}

.table-content-plans-resume-payment{
    width: 100%;
    min-height: 1px;
    margin-bottom: 15px;
}

.table-content-plans-resume-payment > .table-content-plans-resume-payment-unity{
    width: 100%;
    height: 50px;
    display: flex;
}

.table-content-plans-resume-payment > .table-content-plans-resume-payment-unity > span{
    width: 50%;
    height: 50px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.table-content-plans-resume-payment > .table-content-plans-resume-payment-unity > span:first-child{
    width: 130px;
}

.table-content-plans-resume-payment > .table-content-plans-resume-payment-unity > span:last-child{
    width: calc(100% - 100px);
}

.table-content-plans-resume-payment > .table-content-plans-resume-payment-unity > span > small{
    font-size: 10px;
}

.table-content-plans-resume-payment > .table-content-plans-resume-payment-unity > span:last-child{
    text-align: right;
}

.table-content-plans-resume-payment > .table-content-plans-resume-payment-unity > span:last-child > span{
    font-size: 16px;
}

.table-content-list-plans{
    width: 100%;
    min-height: 1px;
    margin-bottom: 25px;
}

.dropdown .dropdown-menu{
    padding: 10px;
}

.dropdown .dropdown-menu > li{
    width: 100%;
    height: 35px;
    display: flex;
    background-color: #0d2e81;
    margin-bottom: 2px;
    border-radius: 5px;
}

.dropdown .dropdown-menu > li > a{
    width: 100%;
    color: #fff;
    padding: 0 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}

.dropdown .dropdown-menu > li > a > i{
    width: 25px;
}

.dropdown .dropdown-menu > li > span{
    width: 100%;
    color: #fff;
    padding: 0 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    cursor: pointer;
}

.dropdown .dropdown-menu > li > span > i{
    width: 25px;
}

.nav-link-data{
    width: auto !important;
    display: flex;
    flex-direction: column;
    align-items: end !important;
    justify-content: center;
    background-color: transparent !important;
    white-space: nowrap;
}

.nav-link-data > span{
    color: #66737f !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.nav-link-data > small{
    font-size: 12px !important;
    display: flex;
}

.nav-link-data > small > div{
    padding-right: 5px;
}

.nav-link-icon{
    display: flex;
    width: 32px;
    height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #78909c !important;
    border: 1px solid #728a96;
    transition: 0.3s all;
}

.nav-link-icon:hover{
    border: 1px solid #0d2e81;
}

.nav-link-icon > i{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px;
    
}

.nav-link-icon > div{
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: -5px;
    right: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #71c016;
    transform: scale(0);
    transition: 0.3s all;
}

.nav-link-icon > div.visible{
    transform: scale(1);
}

.nav-link-icon > div > i{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 9px;
    color: #fff;
}

.nav-profile-hidden{
    transform: scale(0);
    transition: 0.3s all;
}

.nav-profile-hidden.visible{
    transform: scale(1);
}

.nav-profile-select > select{
    width: auto !important;
    border: 0;
}

.container-dropdown-search-all-pelicula{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
}

.container-dropdown-search-all{
    width: calc(100% + 16px);
    min-height: 156px;
    position: absolute;
    background: #f8f9fa;
    z-index: 0;
    top: -8px;
    left: -8px;
    border: 1px solid #b9c1ca;
    margin-right: 5px;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
}

.container-dropdown-search-all > .container-dropdown-search-all-header{
    width: 100%;
    height: 44px;
    background-color: #fff;
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 8px;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.container-dropdown-search-all > .container-dropdown-search-all-body{
    width: calc(100% - 10px);
    min-height: calc(100px - 30px);
    max-height: 235px;
    position: relative;
    background: #fff;
    margin: 0 5px;
    margin-top: 5px;
    overflow-y: auto;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-header{
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    padding-left: 8px;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-header > h4{
    margin: 0;
    padding: 0;
    font-size: 12px;
}


.container-dropdown-search-all > .container-dropdown-search-all-select{
    width: calc(100% - 10px);
    min-height: 1px;
    position: relative;
    background: #fff;
    margin: 0 5px;
    margin-top: 5px;
    display: flex;
}

.container-dropdown-search-all > .container-dropdown-search-all-select > .container-dropdown-search-all-select-unity{
    width: auto;
    height: 35px;
    display: flex;
    cursor: pointer;
    transition: .3s all;
    border: 1px solid #fff;
    margin: 0 0 0 10px;
    align-items: center;
}

.container-dropdown-search-all > .container-dropdown-search-all-select > .container-dropdown-search-all-select-unity > div{
    width: 100%;
    height: 25px;
    background-color: #fff;
    color: #0d2e81;
    font-size: 12px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #0d2e81;
    transition: .3s all;
}

.container-dropdown-search-all > .container-dropdown-search-all-select > .container-dropdown-search-all-select-unity.active > div{
    background-color: #0d2e81;
    color: #fff;
}







.container-dropdown-search-all > .container-dropdown-search-all-extra{
    width: calc(100% - 10px);
    min-height: 1px;
    position: relative;
    background: #fff;
    margin: 0 5px;
    margin-top: 5px;
}

.container-dropdown-search-all > .container-dropdown-search-all-extra > .container-dropdown-search-all-extra-header{
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    padding-left: 8px;
}

.container-dropdown-search-all > .container-dropdown-search-all-extra > .container-dropdown-search-all-extra-header > h4{
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.container-dropdown-search-all > .container-dropdown-search-all-extra > .container-dropdown-search-all-extra-unity{
    width: 100%;
    height: 35px;
    display: flex;
    cursor: pointer;
    transition: .3s all;
    border: 1px solid #fff;
}

.container-dropdown-search-all > .container-dropdown-search-all-extra > .container-dropdown-search-all-extra-unity:hover{
    background-color: rgb(241 242 243);
    border-color: #cfcfcf;
}

.container-dropdown-search-all > .container-dropdown-search-all-extra > .container-dropdown-search-all-extra-unity > div{
    display: flex;
}

.container-dropdown-search-all > .container-dropdown-search-all-extra > .container-dropdown-search-all-extra-unity > div:first-child{
    width: 40px;
    height: 35px;
    align-items: center;
    justify-content: center;
    color: #66737f;
}

.container-dropdown-search-all > .container-dropdown-search-all-extra > .container-dropdown-search-all-extra-unity > div:nth-child(2){
    width: calc(100% - 100px);
    height: 35px;
    align-items: center;
    color: #66737f;
    font-size: 12px;
}

.container-dropdown-search-all > .container-dropdown-search-all-extra > .container-dropdown-search-all-extra-unity > div:last-child{
    width: 60px;
    height: 35px;
    align-items: center;
    color: #66737f;
    font-size: 12px;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-body-unity{
    width: 100%;
    min-height: 40px;
    display: flex;
    cursor: pointer;
    transition: .3s all;
    border: 1px solid #fff;
    padding: 5px 0;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-body-unity:hover{
    border: 1px solid #0d2e81;
    border-radius: 5px;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-body-unity > div{
    display: flex;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-body-unity > div:first-child{
    width: 50px;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: #66737f;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-body-unity > div:last-child{
    width: calc(100% - 60px);
    height: 40px;
    color: #66737f;
    flex-direction: column;
    justify-content: center;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-body-unity > div:last-child > b{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
}

.container-dropdown-search-all > .container-dropdown-search-all-body > .container-dropdown-search-all-body-unity > div:last-child > small{
    font-size: 0.688rem;
    font-weight: 300;
}

.container-dropdown-search-all > .container-dropdown-search-all-footer{
    width: 100%;
    height: 30px;
    background-color: #f1f2f3;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 8px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.container-dropdown-search-all > .container-dropdown-search-all-footer > span{
    margin-right: 8px;
    font-size: 12px;
}


.input-group-layout.input-group-layout-search > select{
    margin-right: 5px;
}

.container-display-flex{
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.display-flex{
    display: flex;
}

.container-logged-user-circle{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0d2e81;
    border-radius: 50%;
    transition: .3s all;
    margin: 2px 10px 2px 0;
}

.container-logged-user-circle.online{
    border-color: #71c016;
}

.container-logged-user-circle.offline{
    border-color: #f16358;
}

.container-logged-user-circle > span{
    color: #2b2d30;
    font-size: 12px;
}

.content-response-pending{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: calc(50% - 22px);
    top: 3px;
    transition: .3s all;
    transform: scale(0);
}

.content-response-pending.active{
    transform: scale(1);
}

.tab-container-header-list{
    position: fixed;
    width: 100%;
    min-height: 34px;
    display: flex;
    z-index: 1000;
    top: 74px;
    left: 248px;
}

.tab-container-header-list > .tab-container-header-list-item{
    position: relative;
    min-width: 100px;
    max-width: 200px;
    height: 34px;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    cursor: pointer;
    transition: 0.3s all;
    border-radius: 3px;
    margin: 0 0 0 10px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
    border: 1px solid #248afd;
}

.tab-container-header-list > .tab-container-header-list-item:hover{
    background-color: #ffffff;
}

.tab-container-header-list > .tab-container-header-list-item > h4{
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #248afd;
}

.tab-container-header-list > .tab-container-header-list-item > div{
    position: absolute;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 8px;
    right: 5px;
}

.tab-container-header-list > .tab-container-header-list-item > div > i{
    font-size: 12px;
    color: #ff4747;
}

.td-img-circle {
    width: 75px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.td-img-fixed{
    width: 75px !important;
    height: auto !important;
    border-radius: 0 !important;
}

.no-arrow > input::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    
}
.no-arrow > input { 
   -moz-appearance: textfield;
   appearance: textfield;
}


@media (max-width: 767.98px) {
    .box-input-container-geral > .box-input-container-geral-right {
        display: none;
    }

    .box-input-container-geral > .box-input-container-geral-left {
        width: 100%;
    }

    .box-input-container-geral > .box-input-container-geral-left .box-input-container-geral-left-strict{
        width: 100%;
    }

    .box-input-container-geral .box-input-container-geral-logo{
        width: 100%;
    }

    .box-input-container-geral .box-input-container-geral-card{
        width: 100%;
    }
}
  
.password-strength-bar {
    width: calc(100% - 50px);
    height: 6px;
    border-radius: 0.1875rem;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: absolute;
    left: 50px;
    top: 5px;
}
.strength-indicator {
    height: 100%;
    width: 0;
    background-color: #e70b0b;
    transition: width 0.5s ease, background-color 0.5s ease;
}

.no-margin-right{
    margin-right: 0 !important;
}

.sem-registro-absolute {
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    z-index: 9;
}

.card-qrcode {
    position: relative;
    text-align: center;
    margin: 50px 0 25px 0;
    padding: 0 50px;
}
.card-qrcode p {
    font-size: 13px;
    font-weight: 400;
}
.card-qrcode-titulo-positive h4 {
    font-size: 16px;
    color: #37b358;
}
.card-qrcode-titulo-negative h4 {
    font-size: 16px;
    color: #e70b0b;
}
.card-qrcode-titulo-primary h4 {
    font-size: 16px;
    color: #248afd;
}

@keyframes grow {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
.error-checkmark {
    width: 60px;
    height: 65px;
    margin: 45px auto;
}
.x-icon {
    position: relative;
    height: 60px;
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: grow 0.8s ease-in-out;
}
.x-icon::before,
.x-icon::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #e70b0b;
    border-radius: 6px;
}
.x-icon::before {
    transform: rotate(45deg);
}
.x-icon::after {
    transform: rotate(-45deg);
}
.x-icon-circle {
    top: -74px;
    left: -14px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    box-sizing: content-box;
    border: 4px solid rgba(231, 11, 11, .5);
    animation: grow 0.7s ease-out;
}

.pointer {
    cursor: pointer;
}
.none{
    display: none;
}
.block{
    display: block;
}

.table-responsive.table-responsive-dre > table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    table-layout: fixed;
}

.table-responsive.table-responsive-dre > table > thead > tr > th{
    background-color: #fff;
    height: 40px;
    color: #66737f;
    font-weight: 600;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td{
    height: 50px;
    border-bottom: 1px solid #c9d3dd;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-responsive.table-responsive-dre > table .col-divider-right-fixed{
    /* box-shadow: 0 12px 12px 2px rgb(0 0 0 / 15%); */
    border-right: 1px solid #c9d3dd;
    position: sticky;
    left: 0;
    z-index: 2;
}

.table-responsive.table-responsive-dre > table th.col-divider-right-fixed{
    border-right: none;
}

.table-responsive.table-responsive-dre > table .col-title{
    font-weight: 500;
}
.table-responsive.table-responsive-dre > table > tbody > tr.tr-categorias{
    cursor: pointer;
}
.table-responsive.table-responsive-dre > table > tbody > tr.tr-categorias > td{
    color: #333;
    font-weight: 600;
    background-color: #f1f4f9;
}

.table-responsive.table-responsive-dre > table > tbody > tr.tr-categorias > td.td-categorias{
    background-color: #f1f4f9;
}

.table-responsive.table-responsive-dre > table > tbody > tr.tr-sub-categorias > td.td-sub-categorias{
    background-color: #fff;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.td-box-extra-float{
    display: flex;
    align-items: center;
    justify-content: start;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.td-box-extra-float > .td-in-out-float{
    display: flex;
    position: absolute;
    right: 20px;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.td-box-extra-float > span{
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.td-box-extra-float > .td-in-out-float > .btn-icon-scale{
    width: 25px;
    height: 25px;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.td-box-extra-float > .td-in-out-float > .btn-icon-scale > i{
    font-size: 12px;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.td-box-extra-float > .td-in-out-float > .btn-icon-scale > span{
    top: -4px;
    right: -3px;
    width: 10px;
    height: 10px;
    color: #615e5e;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td{
    color: #575757;
    transition: .3s all;
}
.table-responsive.table-responsive-dre > table > tbody > tr:hover{
    box-shadow: inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.col-type-input{
    border-left: 5px solid #1b9b45;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.col-type-output{
    border-left: 5px solid #d75d5d;
}

.table-responsive.table-responsive-dre > table > tbody > tr > td.col-type-mixed{
    border-left: 5px solid #f9b544;
}


.table-responsive.table-responsive-dre > table > tbody > tr > td.td-sub-categorias{
    padding-left: 25px;
}

.table-responsive.table-responsive-dre > table > tbody > tr:hover > td{
    background-color: #f3f7ff !important;
}

.is-loading {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
    width: 100%;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 3px;
}

.is-loading.is-loading-10{
    margin-top: 0;
    margin-bottom: 0;
    height: 10px;
}

.is-loading.is-loading-12{
    margin-top: 0;
    margin-bottom: 0;
    height: 12px;
}

.is-loading.is-loading-14{
    margin-top: 0;
    margin-bottom: 0;
    height: 14px;
}

.is-loading.is-loading-16{
    margin-top: 0;
    margin-bottom: 0;
    height: 16px;
}

.is-loading.is-loading-18{
    margin-top: 0;
    margin-bottom: 0;
    height: 18px;
}

.is-loading.is-loading-20{
    margin-top: 0;
    margin-bottom: 0;
    height: 20px;
}

.is-loading.is-loading-22{
    margin-top: 0;
    margin-bottom: 0;
    height: 22px;
}

.is-loading.is-loading-24{
    margin-top: 0;
    margin-bottom: 0;
    height: 24px;
}

.is-loading.is-loading-26{
    margin-top: 0;
    margin-bottom: 0;
    height: 26px;
}

.is-loading.is-loading-28{
    margin-top: 0;
    margin-bottom: 0;
    height: 28px;
}

.is-loading.is-loading-30{
    margin-top: 0;
    margin-bottom: 0;
    height: 30px;
}

.is-loading.is-loading-32{
    margin-top: 0;
    margin-bottom: 0;
    height: 32px;
}

.is-loading.is-loading-34{
    margin-top: 0;
    margin-bottom: 0;
    height: 34px;
}

.is-loading.is-loading-36{
    margin-top: 0;
    margin-bottom: 0;
    height: 36px;
}

.is-loading.is-loading-38{
    margin-top: 0;
    margin-bottom: 0;
    height: 38px;
}

.is-loading.is-loading-40{
    margin-top: 0;
    margin-bottom: 0;
    height: 40px;
}

.is-loading.is-loading-42{
    margin-top: 0;
    margin-bottom: 0;
    height: 42px;
}

.is-loading.is-loading-44{
    margin-top: 0;
    margin-bottom: 0;
    height: 44px;
}

.is-loading.is-loading-46{
    margin-top: 0;
    margin-bottom: 0;
    height: 46px;
}

.is-loading.is-loading-48{
    margin-top: 0;
    margin-bottom: 0;
    height: 48px;
}

.is-loading.is-loading-50{
    margin-top: 0;
    margin-bottom: 0;
    height: 50px;
}

.is-loading.is-loading-width-40 {
    width: 40%;
    max-width: 40%;
    min-width: 100px;
}

.is-loading.is-loading-width-50 {
    width: 50%;
    max-width: 50%;
    min-width: 120px;
}

.is-loading.is-loading-width-60 {
    width: 60%;
    max-width: 60%;
    min-width: 140px;
}

.is-loading.is-loading-width-70 {
    width: 70%;
    max-width: 70%;
    min-width: 160px;
}

.is-loading.is-loading-width-80 {
    width: 80%;
    max-width: 80%;
    min-width: 200px;
}

.is-loading.is-loading-margin-left-5 {
    margin-left: 5px;
}

.is-loading.is-loading-margin-left-10 {
    margin-left: 10px;
}

.is-loading.is-loading-margin-left-15 {
    margin-left: 15px;
}

.is-loading.is-loading-margin-right-5 {
    margin-right: 5px;
}

.is-loading.is-loading-margin-right-10 {
    margin-right: 10px;
}

.is-loading.is-loading-margin-right-15 {
    margin-right: 15px;
}

.is-loading.is-loading-padding-left-5 {
    padding-left: 5px;
}

.is-loading.is-loading-padding-left-10 {
    padding-left: 10px;
}

.is-loading.is-loading-padding-left-15 {
    padding-left: 15px;
}

.is-loading.is-loading-padding-right-5 {
    padding-right: 5px;
}

.is-loading.is-loading-padding-right-10 {
    padding-right: 10px;
}

.is-loading.is-loading-padding-right-15 {
    padding-right: 15px;
}

.td-hover-element{
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.td-hover-element > .td-hover-element-float{
    display: flex;
    width: 100%;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    align-items: center;
    justify-content: end;
}

.td-hover-element:hover > .td-hover-element-float{
    transform: scale(1);
}

.td-hover-element:hover > .td-hover-element-float > i{
    transition: .3s all;
    transform: scale(1);
}

.td-hover-element:hover > .td-hover-element-float > i:hover{
    color: #248afd;
}

.panel-container-boxed-count{
    position: relative;
    width: 100%;
    height: auto;
    border: 1px solid #c9d3dd;
    display: flex;
}

.panel-container-boxed-count > div{
    position: relative;
    width: 100%;
    height: 59px;
    border-right: 1px solid #c9d3dd;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-top: 3px solid transparent;
    transition: .3s all;
}

.panel-container-boxed-count > div.box-color-red:hover {
    border-top: 3px solid #c74a3f;
}

.panel-container-boxed-count > div.box-color-blue:hover {
    border-top: 3px solid #01a4e9;
}

.panel-container-boxed-count > div.box-color-green:hover {
    border-top: 3px solid #1b9b45;
}

.panel-container-boxed-count > div > span{
    font-size: 12px;
    color: #575757;
    font-weight: 500;
    padding-bottom: 4px;
}

.panel-container-boxed-count > div > b{
    font-size: 18px;
    font-weight: 700;
}

.panel-container-boxed-count > div:last-child{
    border-right: none;
}

.panel-container-boxed-count > div > .panel-container-boxed-count-left-icon{
    position: absolute;
    width: 60px;
    height: 100%;
    left: 0;
    top: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-container-boxed-count > div > .panel-container-boxed-count-left-icon > i{
    font-size: 20px;
    color: #575757;
}


.alert-container-box-full{
    width: calc(100% - 12px);
    min-height: 150px;
    display: flex;
    background-color: #1b69c8;
    border-radius: 4px;
    /* box-shadow: 0 0 12px hsla(0,0%,77.6%,.2); */
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
    margin-bottom: 10px;
    align-items: center;
    margin: 0 auto 10px auto;
}

.alert-container-box-full > div:first-child{
    width: calc(100% - 100px);
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 30px 0 30px 30px;
}

.alert-container-box-full > div:first-child > h4{
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 15px 0;
}

.alert-container-box-full > div:first-child > span{
    font-size: 13px;
    font-weight: 600;
    padding: 0 0 15px;
}

.alert-container-box-full > div:last-child {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: transparent;
    margin-right: 15px;
}

.alert-container-box-full > div:last-child > img{
    width: 100%;
}

.alert-container-box-full.alert-container-box-full-light{
    background-color: #f4f4f4;
    color: #4e586a;
}


@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

.col-xl-6 {
    max-width: 1140px;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 1600px) {
    .col-xl-6 {
        max-width: 50%;
    }   
}


#k .km li:first-child .l.hidden {
    display: none;
}

#k {
    display: flex;
    padding: 0;
    z-index: 10;
}

#k h1, #k h2 {
    font-size: calc(13px + 3 * (100vw - 320px) / 1080);
    margin-bottom: 30px;
}

#k .fm {
    margin-bottom: calc(15px + 1%);
}

#k .ka {
    width: 180px;
}

#k .ka li {
    background: #fff;
    box-shadow: 0 15px 30px rgba(0,0,0,.01);
    border: 1px solid #e7e9f4;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 5px;
}

#k .ku ul {
    box-shadow: 0 15px 30px rgba(0,0,0,.05);
    border-radius: 3px;
}

#k .ku li {
    padding: 0 15px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
}

#k .ku li:hover, #k .ka li.select:hover {
    box-shadow: 0 5px 15px rgba(245,95,95,.3);
    background: #d89320;
    color: #fff;
}

#k .ku a {
    color: #d89320;
}

#k .ku a:hover {
    text-decoration: underline;
}

#k .ka li.select {
    color: #1f1845;
    font-weight: 700;
}

#k .ka li:last-child {
    display: none;
}

#k .km {
    flex: 1;
    padding: 0;
}

#k .km ul {
    margin-top: -5px;
}

#k .km li {
    display: flex;
}

#k .km li > * {
    display: flex;
    align-items: center;
    justify-content: center;
}

#k .km .d {
    font-size: 11px;
    width: 80px;
    max-width: 80px;
    flex-basis: 80px;
    text-align: right;
}

#k .km .d strong {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    line-height: 1;
}

#k .km .l {
    position: relative;
    margin: 0 25px;
    width: 8px;
    max-width: 8px;
    flex-basis: 8px;
    background: #f3f5fc;
}

#k .km .g {
    position: relative;
    margin: 0 25px;
    width: 10px;
    max-width: 10px;
    flex-basis: 10px;
    background: transparent;
}

#k .km .g > i{
    font-size: 20px;
    color: #787f86;
}

#k .km .g > img{
    width: 25px;
}

#k .km li > * {
    width: 100%
}

#k .km li:first-child .l {
    background: linear-gradient(to top, #f3f5fc 25%, rgba(255,255,255,0));
}

#k .km .l:before {
    background: #f3f5fc;
    content: '';
    border-radius: 50%;
    width: 16px;
    height: 16px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#k .km .l:after {
    content: '';
    position: absolute;
    height: 100%;
    background: #e7e9ef;
    width: 4px;
    left: 2px;
    z-index: 5;
}

#k .km li:first-child .l:after {
    top: calc(50% + 7px);
    height: calc(50% - 7px);
    background: linear-gradient(to top, #e7e9ef, #d89320);
}

#k .km li:last-child .l:after {
    background: linear-gradient(to top, #fcfdff, #e7e9ef);
}

#k .km li:last-child .l {
    background: linear-gradient(to top, #fcfdff, #f3f5fc);
}

#k .km li:last-child:first-child .l:after {
    background: linear-gradient(to top, #fcfdff 25%, #d89320);
}

#k .km li:last-child:first-child .l {
    background: none;
}

#k .km .l span {
    z-index: 10;
    background: #e7e9ef;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#k .km li:first-child .l span {
    background: #d89320;
}

#k .km li:first-child .l span {
    animation: round 1s linear infinite;
    background: #d89320;
}

#k .km li:first-child .l span {
    top: 35%;
}

#k .km li:first-child .l:before {
    top: 35%;
}

#k .km li:first-child .l:after {
    top: calc(35% + 5px);
    height: calc(65% - 5px);
}

#k .km .r {
    position: relative;
    margin: 4px 0;
    font-size: 12px;
    background: #fff;
    box-shadow: 0 15px 30px rgba(0,0,0,.02);
    border-radius: 2px;
    flex: 1;
    justify-content: flex-start;
    border-bottom: 1px solid #f3f5fc;
}

#k .km .r > * {
    flex: 1;
}

#k .km .r > div:not(.courier-img) {
    padding: 10px 17px 10px
}

#k .km .r > div.courier-img {
    padding: 11px 17px;
    position: absolute;
    top: 0;
    right: 0
}

#k .km .r > div.courier-img img:not(.extend-step-btn) {
    width: 60px;
    min-width: 25px;
    float: right;
    border-radius: 3px;
}

#k .km .r > div > address {
    font-size: 13px;
    font-weight: 500
}

#k .km .r > div > address i {
    margin-right: 5px;
    font-weight: 700;
}

#k .ki {
    width: 270px;
}

#k .ki li {
    justify-content: space-between
}

#k .ac {
    display: flex;
    margin-top: 15px;
}

#k .ac button {
    box-shadow: 0 5px 15px rgba(0,0,0,.05);
    height: 30px;
    display: flex;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 5px;
    color: #d89320;
}

#k .ac button:hover {
    box-shadow: 0 5px 15px rgba(245,95,95,.3);
    background: #d89320;
    color: #fff;
}

#k .ac .sb {
    width: 30px;
    margin-right: 5px;
}

#k .ac button[data-load] {
    pointer-events: none;
    color: #eee;
}

#k .ac .sl {
    padding: 0 8px;
    margin-left: auto;
}

#k .ac .sl strong {
    font-size: 10px;
    margin-left: 5px;
}

#k .ac .sl.sa {
    padding: 0 8px;
    margin-right: 5px;
    margin-left: 0;
}

#k .ac .sb i:before {
    transition: transform .4s;
}

#k .ac2 {
    display: none;
}

#k .fm .fld {
    height: 40px;
}

#k .fm .fld:before, #k select {
    height: 36px;
}

@keyframes round {
    from {
        box-shadow: 0 0 0 0 rgba(295,45,45,.3)
    }

    to {
        box-shadow: 0 0 0 15px rgba(295,45,45,0)
    }
}

@keyframes round_blue {
    from {
        box-shadow: 0 0 0 0 rgba(74,144,226,.3)
    }

    to {
        box-shadow: 0 0 0 15px rgba(295,45,45,0)
    }
}

@keyframes round_yellow {
    from {
        box-shadow: 0 0 0 0 rgba(227,194,75,.3)
    }

    to {
        box-shadow: 0 0 0 15px rgba(295,45,45,0)
    }
}

@keyframes round_red {
    from {
        box-shadow: 0 0 0 0 rgba(295,45,45,.3)
    }

    to {
        box-shadow: 0 0 0 15px rgba(295,45,45,0)
    }
}

@keyframes round_green {
    from {
        box-shadow: 0 0 0 0 rgba(4,193,68,.3)
    }

    to {
        box-shadow: 0 0 0 15px rgba(295,45,45,0)
    }
}

[data-tracker]:not(.select) {
    display: none;
}

[data-tracker] span {
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rotating:after {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -ms-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}

#t-filter {
    background: #fff;
    box-shadow: 0 15px 30px rgb(0 0 0 / 1%);
    border: 1px solid #e7e9f4;
    cursor: pointer;
    border-radius: 3px;
    font-weight: 700;
}

#t-filter select {
    font-size: 14px;
    font-weight: 700;
}

#t-filter[disabled] {
    cursor: pointer;
    pointer-events: none;
    color: #eee;
}

#k .fm .fld[disabled]:before {
    color: #eee;
}

#k .ka li:after {
    font-family: 'Font Awesome 5 Pro';
    float: right;
}

#k .ka li.rotating:after {
    content: '\f021';
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -ms-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}

#k .ka li.loaded:after {
    content: '\f06e';
}

#k .ka li.loaded.select:after {
    content: '\f021';
}

.tracking-tweak {
    display: flex;
    margin-top: 5px;
}

.badge[data-status] {
    font-size: 14px;
}

.badge.tracking-lang, .badge.tracking-copy, .badge.tracking-share {
    margin: inherit;
    padding: inherit;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    background: #fff;
    color: #726f83;
    border: 1px solid #e7e9f4;
    box-shadow: 0 15px 30px rgba(0,0,0,.05);
    font-size: 11px;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    transition: .2s;
}

.badge.tracking-lang {
    flex: 1;
}

.badge.tracking-copy, .badge.tracking-share {
    flex: 1;
    margin-left: 10px;
}

.badge.tracking-copy i, .badge.tracking-share i {
    font-size: 14px;
    font-weight: 500;
}

.badge.tracking-lang img {
    width: 16px;
}

[data-load].badge.tracking-lang, [data-load].badge.tracking-copy, [data-load].badge.tracking-share {
    box-shadow: none;
    border: none;
}

.badge.tracking-lang:hover, .badge.tracking-copy:hover, .badge.tracking-share:hover {
    box-shadow: 0 5px 15px rgba(245,95,95,.3);
    background: #f55f5f;
    color: #fff;
}

.badge.tracking-copy.copied, .badge.tracking-share.copied {
    box-shadow: 0 15px 30px rgba(0,0,0,.05);
    background: #fff;
    color: #008613;
}

.badge.tracking-copy i:before, .badge.tracking-share i:before {
    transition: transform .4s;
}

.badge.tracking-copy.copied i:before, .badge.tracking-share.copied i:before {
    transform: rotate(360deg);
    content: "\f00c";
}

.badge.tracking-copy.copied i, .badge.tracking-share.copied i {
    font-weight: 700;
    font-size: 14px;
}

.loading-block, .loading-text, .loading-bar, .loading-progress, .status-block, .status-text, .status-bar, .status-progress, .status-progress span, .status-label, .status-sublabel {
    display: block;
    width: 100%;
}

.loading-block, .status-block {
    display: none;
}

.status-block {
    padding-left: 20px;
}

.loading-block.active, .status-block.active {
    display: block;
}

.loading-label, .status-sublabel {
    font-weight: 400;
}

.status-bar {
    margin-top: 14px;
}

.loading-bar, .loading-progress, .status-bar, .status-progress, .status-progress span {
    height: 5px;
    border-radius: 20px;
    transition: .5s
}

.loading-bar, .status-bar {
    margin-top: 12px;
    background: #e7e9f4;
}

.loading-progress {
    width: 0%;
    background: #f55f5f;
}

.status-icon, .status-content {
    display: inline-block;
}

.status-sublabel {
    font-size: 14px;
    margin-top: 5px;
}

.status-icon {
    font-weight: 700;
    font-size: 25px;
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    vertical-align: super;
    margin-right: 10px;
    text-align: center;
    background-color: #ff4747;
}

.status-icon > img {
    width: 26px;
}

.status-block.type-red .status-bar, 
.status-block.type-red .status-progress, 
.status-block.type-red .status-progress span, 
.status-block.type-yellow .status-bar, 
.status-block.type-yellow .status-progress, 
.status-block.type-yellow .status-progress span, 
.status-block.type-blue .status-bar, 
.status-block.type-blue .status-progress, 
.status-block.type-blue .status-progress span, 
.status-block.type-green .status-bar, 
.status-block.type-green .status-progress, 
.status-block.type-green .status-progress span {
    transition: inherit;
}

.status-block.type-red .status-icon {
    background: #ff4747;
}

.status-block.type-red .status-progress {
    background: #ff4747;
}

.status-block.type-red .status-progress span {
    float: right;
    width: 8px;
    background: #ff4747;
}

#k .km [data-steps].type-red li:first-child .l span {
    animation: round_red 0.9s linear infinite;
    background: #ff4747;
}

#k .km [data-steps].type-red li:first-child .l:after {
    background: linear-gradient(to top, #e7e9ef 25%, #ff4747);
}


.status-block.type-yellow .status-icon {
    background: #d89320;
}

.status-block.type-yellow .status-progress {
    background: #f1c40f;
}

.status-block.type-yellow .status-progress span {
    float: right;
    width: 8px;
    background: #f1c40f;
}

#k .km [data-steps].type-yellow li:first-child .l span {
    animation: round_yellow 0.9s linear infinite;
    background: #f1c40f;
}

#k .km [data-steps].type-yellow li:first-child .l:after {
    background: linear-gradient(to top, #e7e9ef 25%, #f1c40f);
}

.status-block.type-blue .status-icon {
    background: #248afd;
}

.status-block.type-blue .status-progress {
    background: #248afd;
}

.status-block.type-blue .status-progress span {
    float: right;
    width: 8px;
    background: #4b76c7;
}

#k .km [data-steps].type-blue li:first-child .l span {
    animation: round_blue 0.9s linear infinite;
    background: #248afd;
}

#k .km [data-steps].type-blue li:first-child .l:after {
    background: linear-gradient(to top, #e7e9ef 25%, #248afd);
}

.status-block.type-danger .status-icon {
    background: #ff4747;
}

.status-block.type-danger .status-progress {
    background: #ff4747;
}

.status-block.type-danger .status-progress span {
    float: right;
    width: 8px;
    background: #ff4747;
}

#k .km [data-steps].type-danger li:first-child .l span{
    animation: round_red 0.9s linear infinite;
    background: #ff4747;
}

#k .km [data-steps].type-danger li:first-child .l:after {
    background: linear-gradient(to top, #e7e9ef 25%, #ff4747);
}

.status-block.type-green .status-icon {
    background: #71c015;
}

.status-block.type-green .status-icon i:before {
    content: "\f00c";
}

.status-block.type-green .status-progress {
    background: #71c016;
}

.status-block.type-green .status-progress span {
    float: right;
    width: 8px;
    background: #009432;
}

#k .km [data-steps].type-green li:first-child .l span {
    animation: round_green 1s linear infinite;
    background: #71c016;
}

#k .km [data-steps].type-green li:first-child .l:after {
    background: linear-gradient(to top, #e7e9ef 25%, #71c016);
}

.more-btns {
    position: absolute;
    top: 0;
    right: 0;
}

.extend-btn, .opts-btn, .extend-step-btn {
    cursor: pointer;
    margin-left: 10px;
    width: 30px;
    transition: .2s;
}

.extend-btn.active, .extendable-step.active .extend-step-btn {
    transform: rotate(180deg)
}

.extend-btn.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.extendable-step {
    cursor: pointer;
}

.extendable-step sub {
    display: none;
}

.extendable-step sub:nth-of-type(1), .extendable-step sub:nth-of-type(2) {
    display: block;
}

.extendable-step.active sub {
    display: block;
}

.extend-step-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.track-app-btn {
    display: none;
    width: 100%;
    margin-top: 20px;
    background: #fff;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #e7e9f4;
    box-shadow: 0 15px 30px rgb(0 0 0 / 5%);
    align-items: center;
    justify-content: center;
}

.track-app-btn.active {
    display: flex;
}

.track-app-btn img {
    width: 12px;
    margin-right: 10px;
}

.track-app-btn .ios-ico, .track-app-btn i {
    top: 1px;
}

.step-meaning {
    display: block;
    font-size: 15px;
    font-weight: 600;
}

.step-line {
    display: block;
    margin-top: 0px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #adadad;
    padding-right: 40px;
    margin-bottom: 10px;
}

.courier-name {
    display: block;
    margin-bottom: 10px;
}

.courier-name span {
    display: inline-block;
    border-radius: 3px;
    font-size: 10px;
    padding: 2px 6px;
    font-weight: 500;
    background: #f3f0ea;
    color: #807d89;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mdevice .courier-name span {
    padding-top: 6px;
}

.courier-time {
    margin-bottom: 10px;
}

.courier-time, .hint-line {
    font-size: 10.5px;
    font-weight: 500;
    color: #adadad;
}

.courier-time {
    display: none;
}

#k .ku .mobileapp-block {
    margin-top: 10px;
}

#k .ku .mobileapp-block a {
    margin-top: 10px;
    padding: 10px;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
    font-weight: 500;
    display: flex;
    align-items: center;
    font-size: 13px;
    background: #fff;
    color: #726f83;
    border-radius: 3px;
    border: 1px solid #e7e9f4;
    box-shadow: 0 15px 30px rgb(0 0 0 / 5%);
}

#k .ku .mobileapp-block a small {
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

#k .ku .mobileapp-block a img {
    width: 20px;
    margin-right: 15px;
    top: -1px;
}

#k .ku .mobileapp-block a:hover {
    border-color: #1f1845;
}

.mobileapp-qr {
    margin-top: 10px;
    border-radius: 3px;
    border: 1px solid #e7e9f4;
    box-shadow: 0 15px 30px rgb(0 0 0 / 5%);
}

.box-content-shipping-validate {
    position: absolute;
    left: 3px;
    top: 3px;
}

.box-label-display-flex{
    display: flex;
    height: auto;
    align-items: center;
    /* justify-content: space-between; */
}

.box-label-display-flex > .box-label-icon-effect {
    position: relative;
    width: 24px;
    margin-left: 10px;
    cursor: pointer;
}

.box-label-display-flex > .box-label-icon-effect:hover > img {
    transform: scale(1.1);
}

.box-label-display-flex > .box-label-icon-effect > img {
    width: 24px;
    transition: 0.3s all;
    transform: scale(1);
}

.tr-icon-collapsed-hide{
    position: relative;
    width: auto;
    height: auto;
    transition: .2s all;
    transform: scale(0);
}

.tr-icon-collapsed-hide.tr-icon-collapsed-show{
    transition: .3s all;
    transform: scale(1);
    color: #009432;
    margin-right: 5px;
    font-weight: 500;
}

.pipe-vertical{
    width: 1px;
    height: auto;
    margin: 0 10px;
    display: flex;
    align-items: center;
}

.pipe-vertical:before{
    content: '';
    width: 1px;
    height: 30px;
    background-color: #172b4d29;
}

.box-profile-circular {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #123b9f;
    color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    /* border: 3px solid #0e2d7e; */
}

.box-profile-circular:hover {
    background: #0e2d7e;
}

.box-user-profile-square{
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #123b9fd4;
    color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.dropdown-list-text-float{
    color: #fff;
    position: absolute;
    right: 0;
    background: #7f7f7f;
    padding: 0 8px;
    font-size: 10px;
    border-radius: 3px;
}

.dropdown-list-text-float-green{
    background-color: #009432;
}
.dropdown-list-text-float-blue{
    background-color: #3498db;
}
.dropdown-list-text-float-purple{
    background-color: #9b59b6;
}
.dropdown-list-text-float-orange{
    background-color: #e67e22;
}
.dropdown-list-text-float-pink{
    background-color: #e84393;
}
.dropdown-list-text-float-teal{
    background-color: #00b894;
}

.level-star-a > i:nth-child(1){
    color: #009432;
}

.level-star-a > i:nth-child(2){
    color: #009432;
}

.level-star-a > i:nth-child(3){
    color: #009432;
}

.level-star-a > i:nth-child(4){
    color: #009432;
}

.level-star-b > i:nth-child(1){
    color: #3498db;
}

.level-star-b > i:nth-child(2){
    color: #3498db;
}

.level-star-b > i:nth-child(3){
    color: #3498db;
}

.level-star-c > i:nth-child(1){
    color: #e67e22;
}

.level-star-c > i:nth-child(2){
    color: #e67e22;
}

.level-star-d > i:nth-child(1){
    color: #dd3e3e;
}

.box-is-loading-group-action-inline{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}