.bg-login {
    min-height: 100vh;
    height: 100%;
    background: url(../images/bkg-login.png);
    background-repeat: no-repeat;
    background-position: center;
}
.bg-header-card {    
    background: url(../images/bg-header-card.png);
    background-repeat: repeat-x;
    background-position: top;
}
.bg-line-indigo {    
    background: url(../images/line-indigo.png);
    background-repeat: repeat-x;
    background-position: center;    
}
.bg-line-grey {    
    background: url(../images/line-grey.png);
    background-repeat: repeat-x;
    background-position: center;    
}
.bg-line-status {    
    background: url(../images/line-status.png);
    background-repeat: no-repeat;    
    background-position: center;    
}
.input-wrapper {
    position: relative
}

.input-icon {
    position: absolute;
    left: 16px;
    top: calc(50% - 0.5em);
}
.input-view {
    position: absolute;
    right: 16px;
    top: calc(50% - 0.5em);
}
.w3-input-login {
    width: 100%;
    padding: 16px 8px 16px 46px;
    background-color: #F3F3F3
}
.w3-icon-bars{
    margin: 4px  10px  4px  0px; 
    cursor: pointer;
}
.w3-icon-bars div{
    width:25px;
    height:4px;
    margin:4px 0;
}
.w3-bold{font-weight: bold;}
.arrow-modal-right::after {
    content: " ";
    position: absolute;
    bottom: 100%; /* At the top of the tooltip */
    right: 3%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}
.w3-arrowlarge{
    font-size: 22px !important;
}
.w3-btnMenuPrincipal {
    padding: 8px 16px 8px 16px
}

.w3-btnMenuPrincipal i.arrow {
    float: right;
    margin: 0 0 0 6px
}

.w3-btnMenuPrincipal:hover, .w3-btnMenuPrincipal.ativo {
    background-color: #dddddd !important;
    color: #7e7e7e !important;
}
.w3-btnMenuTabModal {    
    padding: 8px 16px 8px 16px
}
.w3-btnMenuTabModal i.arrow {
    float: right;
    margin: 0 0 0 6px
}
.w3-btnMenuTabModal:hover, .w3-btnMenuTabModal.ativo {    
    background-color: #dddddd !important;
    color:#7e7e7e!important;
}
.w3-round-top {
    border-radius: 4px 4px 0 0
}

.w3-round-bottom {
    border-radius: 0 0 4px 4px
}

.w3-round-top-large {
    border-radius: 8px 8px 0 0
}

.w3-round-bottom-large {
    border-radius: 0 0 8px 8px
}

.w3-round-top-left-large {
    border-radius: 0 8px 0 0
}

.w3-round-left-large {
    border-radius: 8px 0 0 8px
}

.w3-round-right-large {
    border-radius: 0 8px 8px 0
}
.bg-card-right{
    background-image: url(../images/bkg-web-blue.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.caret-down-blue {
    background-image: url(../images/arrow-indigo.svg);
    background-repeat: no-repeat;
    background-size: 16px 8px;
    background-position: right 10px center; 
}

.w3-btnMenuTabModal {
    border-bottom: 2px solid #fff !important;
    padding: 21px 16px 12px 16px
}
.w3-btnMenuTabModal i {
    float: right;
    margin: 0 0 0 6px
}

.w3-btnMenuTabModal:hover, .w3-btnMenuTabModal.ativo {
    border-bottom: 2px solid #0058AF !important; 
    color: #0058AF !important;
    background-color: #fff!important;   
}
.w3-margin-col-left{
    padding-right: 8px;
}
.w3-margin-col-right{
    padding-left: 8px;
}
.flex-container {
    display: flex;    
}

.flex-container > .header-staus {    
    margin: 5px;
}
.flex-container > .header-staus > p {
    margin: 0;
    line-height:18px;
    padding: 0
}
.flex-container > .header-seta {    
    display: flex;
    align-items: center
}

.w3-margin-content-dropdown-header {
    margin-top: 50px;
}
@media (min-width:600px){
    .w3-btn-height{
        width: 200px;
    }
}
/*Mobile*/
@media (max-width:600px){
    .arrow-modal-right::after{
        right: 9%;
    } 
    .caret-down-blue {       
        background-position: 96% 50%;
    }
    .w3-margin-top-mobile{
        margin-top:16px
    } 
    .w3-margin-col-left{
        padding-right: 0px;
    }
    .w3-margin-col-right{
        padding-left: 0px;
    }
}
@media (max-width:992px) and (min-width:601px){
    .w3-margin-col-left{
        padding-right: 0px;
    }
    .w3-margin-col-right{
        padding-left: 0px;
    }
}