a:not(.beditorcss).card {
        background: #fff !important;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 0.375rem;
        border:2px solid #fff;
  }

[page-name='Pr_Os'] i:not(.beditorcss).fas.fa-question {
    font-size: 24px !important;
}

[page-name='PrPmoc000'] i:not(.beditorcss).fas.fa-question {
    font-size: 24px !important;
}


 .builder-template-login {
     background-image: unset !important;
}

 .resource-item {
     display:flex;
     align-items:center;
     border-radius: 0.5rem;
     padding: 0.2rem;
     margin-right:0.5rem;
     font-size:.85rem;
     text-decoration:uppercase;
}
 .resource-item i {
     font-size:1.25rem;
}
 .resource-item span {
     margin-left:0.35rem;
}


/*ribbon*/
 .ribbon {
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: 1;
     overflow: hidden;
     width: 75px;
     height: 75px;
     text-align: right;
}

 .ribbon span {
     font-size: 10px;
     font-weight: bold;
     color: #FFF;
     text-transform: uppercase;
     text-align: center;
     line-height: 20px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     width: 100px;
     display: block;
     background: rgb(106, 27, 154);
     background: linear-gradient(135deg, rgb(201, 14, 18) 0%, rgb(140, 0, 0) 100%);
     box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
     position: absolute;
     top: 19px;
     left: -21px;
}
 .ribbon span::before {
     content: "";
     position: absolute;
     left: 0px;
     top: 100%;
     z-index: -1;
     border-left: 3px solid #600c6e;
     border-right: 3px solid transparent;
     border-bottom: 3px solid transparent;
     border-top: 3px solid #600c6e;
}
 .ribbon span::after {
     content: "";
     position: absolute;
     right: 0px;
     top: 100%;
     z-index: -1;
     border-left: 3px solid transparent;
     border-right: 3px solid #9825ac;
     border-bottom: 3px solid transparent;
     border-top: 3px solid #9825ac;
}


 #builder-layout .div_qr_e_ribbon {
     display: flex;
     justify-content: center;
}
#builder-layout .icone_titulo_static {
     background: #FF4500 !important;
     margin-top: 0px !important;
     margin-right: 0px !important;
     margin-bottom: 0px !important;
     margin-left: 0px !important;
     padding-top: 2px !important;
     padding-right: 5px !important;
     padding-bottom: 2px !important;
     padding-left: 5px !important;
     box-shadow: none !important;
     color: rgb(255, 255, 255) !important;
     font-size: 16px !important;
     font-weight: 400 !important;
     font-style: normal !important;
     text-decoration-line: none !important;
     text-align: -webkit-left !important;
     border-top-style: solid !important;
     border-right-style: solid !important;
     border-bottom-style: solid !important;
     border-left-style: solid !important;
     border-color: #FF4500 !important;
     border-top-width: 1px !important;
     border-right-width: 1px !important;
     border-bottom-width: 1px !important;
     border-left-width: 1px !important;
     border-top-right-radius: 4px !important;
     border-top-left-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
     border-bottom-left-radius: 4px !important;
}
 #builder-layout .icone_titulo {
     background: #00BCD4 !important;
     margin-top: 0px !important;
     margin-right: 0px !important;
     margin-bottom: 0px !important;
     margin-left: 0px !important;
     padding-top: 2px !important;
     padding-right: 5px !important;
     padding-bottom: 2px !important;
     padding-left: 5px !important;
     box-shadow: none !important;
     color: rgb(255, 255, 255) !important;
     font-size: 16px !important;
     font-weight: 400 !important;
     font-style: normal !important;
     text-decoration-line: none !important;
     text-align: -webkit-left !important;
     border-top-style: solid !important;
     border-right-style: solid !important;
     border-bottom-style: solid !important;
     border-left-style: solid !important;
     border-color: #00BCD4 !important;
     border-top-width: 1px !important;
     border-right-width: 1px !important;
     border-bottom-width: 1px !important;
     border-left-width: 1px !important;
     border-top-right-radius: 4px !important;
     border-top-left-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
     border-bottom-left-radius: 4px !important;
}
 #builder-layout .pasta {
     background: rgb(255, 255, 255)!important;
     margin-top: 0px !important;
     margin-right: 0px !important;
     margin-bottom: 0px !important;
     margin-left: 0px !important;
     padding-top: 2px !important;
     padding-right: 5px !important;
     padding-bottom: 2px !important;
     padding-left: 5px !important;
     box-shadow: none !important;
     color: #00BCD4 !important;
     font-size: 16px !important;
     font-weight: 400 !important;
     font-style: normal !important;
     text-decoration-line: none !important;
     text-align: -webkit-left !important;
     border-top-style: solid !important;
     border-right-style: solid !important;
     border-bottom-style: solid !important;
     border-left-style: solid !important;
     border-color: #00BCD4 !important;
     border-top-width: 1px !important;
     border-right-width: 1px !important;
     border-bottom-width: 1px !important;
     border-left-width: 1px !important;
     border-top-right-radius: 4px !important;
     border-top-left-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
     border-bottom-left-radius: 4px !important;
}

 #builder-layout .label_titulo {
     background: rgba(0, 0, 0, 0) !important;
     margin-top: 0px !important;
     margin-right: 0px !important;
     margin-bottom: 8px !important;
     margin-left: 0px !important;
     padding-top: 10px !important;
     padding-right: 0px !important;
     padding-bottom: 10px !important;
     padding-left: 0px !important;
     box-shadow: none !important;
     color: rgb(136, 152, 170) !important;
     font-size: 18px !important;
     font-weight: 700 !important;
     font-style: normal !important;
     text-decoration-line: none !important;
     text-align: -webkit-left !important;
     border-top-style: none !important;
     border-right-style: none !important;
     border-bottom-style: none !important;
     border-left-style: none !important;
     border-color: rgb(136, 152, 170) !important;
     border-top-width: 0px !important;
     border-right-width: 0px !important;
     border-bottom-width: 0px !important;
     border-left-width: 0px !important;
     border-top-right-radius: 0px !important;
     border-top-left-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
     border-bottom-left-radius: 0px !important;
}
 #builder-layout .div_botoes {
     padding-top: 20px !important;
}
 #builder-layout div:not(.beditorcss).qrcode-tipo {
     padding-top: 5px !important;
     padding-left: 15px !important;
}
 [id='botao_default_sem_lbl'] , [id='botao_a'] , [id='botao_b'] , [id='botao_c'] {
    background: #fff !important;
    border: 2px solid #e2e5e8;
    background: #fff;
    width: 100%;
    border-radius: 0.375rem;
    flex-direction: row;
    color: #acafaf !important;
    margin: 5px;
    padding: 15px;
    overflow: hidden;
    width: 60px;
}
 [id='btn_salvar_dados_Configuracoes']{
     display: flex;
     margin-left: auto !important;
     margin-right: auto !important;
}

    
    /*Faz o Modal ficar no topo da tela*/
    .modal-open .modal {
        padding-top: 0 !important;
    }
    
    .popover {
        z-index: 800000;
    }
    
    /*Design do Kanban*/
    [page-name='Crm000'] span:not(.beditorcss).kanban-title {
        font-size: 20px !important;
    }


@media (min-width: 500px)
{
    [page-name="VideosCardList"] .card-item {
        width: 100%;
    }
}

/*VideoCardList para telas grandes*/
@media (min-width: 500px)
{
    [page-name="VideosCardList"] .card-item {
        height: 100%;
    }
    
}

    [page-name="Tpmoc000CardList"] .card-item {
        width: 100%;
    }


/*button.btn.btn-default.btn-sm.dropdown-toggle*/
/*{*/
/*    font-size:16px;*/
/*}*/

/*div.builder-menu.navbar-custom-menu .navbar-nav>li:not(.dropdown)>a {*/
/*    cursor: pointer;*/
/*}*/

@media (max-width: 767px)
{
    .builder-menu .navbar-nav {
        padding-left: 0px !important;
    }
    
    
    .main-header .builder-menu .nav li a {
        color: #333 !important;
    }
}


section.content {
    min-height: 100%;
    overflow: unset;
}


nav.main-header.navbar.navbar-expand.navbar-light.navbar-white
{
     font-size:18px;
     padding: 10px 8px 10px 8px;
}

/*Contadores dos botões de notificação*/
i.far.fa-comments, i.far.fa-bell, i.far.fa-user, i.fas.fa-ellipsis-v, i.fas.fa-bars
{
    font-size:20px;
}
/*Contadores dos botões de notificação*/
span.badge.badge-danger.navbar-badge, span.badge.badge-warning.navbar-badge
{

    font-size:15px; 
    margin-right: -4px;
}
span.badge.badge-danger.navbar-badge 
{
    position: absolute;
    animation: radial-pulse-message 3s infinite;
}
span.badge.badge-warning.navbar-badge
{
    position: absolute;
    animation: radial-pulse-notification 3s infinite;
}
@keyframes radial-pulse-message {
    0%   {box-shadow: 0 0 0 0em rgba(255,0,0,.8);}
    100% {box-shadow: 0 0 0 4em rgba(255,0,0,.0);}
}

@keyframes radial-pulse-notification {
    0%   {box-shadow: 0 0 0 0em rgba(255,150,0,.8);}
    100% {box-shadow: 0 0 0 4em rgba(255,150,0,.0);}
}

/*Faz o telefone tocar e pulsar*/
i.tocar
{
    border-radius: 100%;
    animation: ring-phone 2s linear infinite; 
    z-index: 0;
}

@keyframes ring-phone {
    0% {
        box-shadow: 0 0 0 0em rgba(255,0,0,.8);
        
        transform: rotate(0deg) scale(1);
    }
  
    4% {
        transform: rotate(10deg) scale(1);
    }
    8% {
        transform: rotate(-10deg) scale(1);
    }
    12% {
        transform: rotate(10deg) scale(1);
    }
    16% {
        transform: rotate(-10deg) scale(1);
    }
    20% {
        transform: rotate(10deg) scale(1);
    }
    24% {
    transform: rotate(-10deg) scale(1);
    }
    28% {
        transform: rotate(10deg) scale(1);
    }
    32% {
        transform: rotate(-10deg) scale(1);
    }
        36% {
        transform: rotate(00deg) scale(1);
    }
    100% {
        box-shadow: 0 0 0 2em rgba(255,0,0,.0);
        transform: rotate(0deg) scale(1);
    }
}


@keyframes radial-pulse-phone {
    0%   {box-shadow: 0 0 0 0em rgba(255,0,0,.8);}
    100% {box-shadow: 0 0 0 1em rgba(255,0,0,.0);}
}

/*@keyframes radial-pulse-phone {*/
/*    0%   {box-shadow: 0 0 0 0em rgba(0,128,0,.5);}*/
/*    100% {box-shadow: 0 0 0 1em rgba(0,128,0,.0);}*/
/*}*/




@keyframes radial-pisca-pisca-verde {
    0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}

.pisca-pisca-botao-novo
{
    position: relative;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: white !important;
    z-index: 1;
}

.pisca-pisca-botao-novo:before{
    z-index: -1;
    content: "";
    position: absolute;
    top: -10%;
    left: 0%;
    width: 100%;
    height: 120%;
    background-color: #28a745;
    animation: radial-pisca-pisca-verde 2s infinite !important;
    will-change: transform;
    border-radius: 10px;
}

@keyframes pisca-vermelho {
    0% {
        background-color: red;
        color:white;
    }
    100% 
    {
        color: var(--button-text-color);
        background-color: transparent;
    }
}

.pisca_pisca_vermelho {
    animation: pisca-vermelho 1.5s infinite;
}



.pisca_pisca_vermelho i {
  animation: pisca-vermelho-i 1.5s infinite;
}

@keyframes pisca-vermelho-i {
    0% {
        color: white;
    }
    100% 
    {
        color: var(--color-success);  
    }
}



[id='botao_buscar_alex']  {
    background: #ff9800 !important;
    color: #ffffff !important;
    border-color: #dddddd !important;
}
[id='botao_buscar_alex']:hover {
    background: #ffffff !important;
    color: #333333 !important;
    border-color: #ff9800 !important;
}

[id='botao_foco']  {
 background: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}


[css_alex='btn-success-pulse']
{
  animation: pulse 1s infinite;
  animation-direction: alternate;
  -webkit-animation-name: btn-success-pulse;
  animation-name: pulse;
}
@-webkit-keyframes btn-success-pulse {
  0% {
    -webkit-transform: scale(.8);
  }
  100% {
    -webkit-transform: scale(.9);
  }
}
@keyframes btn-success-pulse {
  0% {
    transform: scale(.8);
  }
  100% {
    transform: scale(.9);
  }
}





[css_alex='fa_question_vermelho_zoom']
{
  animation: pulse 0.5s infinite;
  animation-direction: alternate;
  -webkit-animation-name: fa_question_zoom;
  animation-name: fa_question_zoom;
}
@-webkit-keyframes fa_question_zoom {
  0% {
    -webkit-transform: scale(.8);
  }
  100% {
    -webkit-transform: scale(1.2);
  }
}
@keyframes fa_question_zoom {
  0% {
    transform: scale(.8);
  }
  100% {
    transform: scale(1.2);
  }
}

#builder-layout  i:not(.beditorcss).fonte_icone_alex {

    font-size: 20px !important;
  
}
#builder-layout [page-name='Pmoc_Execucao'] button:not(.beditorcss).btn.btn-default.waves-effect.dropdown-toggle {
    font-size: 16px !important;
}

/*fab:whatsapp*/
/*#builder-layout  i:not(.beditorcss).fab.fa-whatsapp {*/
/*    font-size: 22px;*/
/*}*/

.header-action.builder-dropdown-menu i {
    font-size: 20px;
}
.header-action.builder-dropdown-menu .fab.fa-whatsapp {
    font-size: 22px;
}

#builder-layout  i:not(.beditorcss).far.fa-user-circle.fa-fw.nav-icon 
{
    font-size: 22px !important;
}


        [page-name='Dynamic_Void'] label:not(.beditorcss).btn.btn-default i 
        {
            color: #0F4C81 !important;
        }
        
       [page-name='Dynamic_Void'] label:not(.beditorcss).btn.btn-default:hover 
       {
            background: #fff !important;
            border-top-style: dashed !important;
            border-right-style: dashed !important;
            border-bottom-style: dashed !important;
            border-left-style: dashed !important;
            border-top-width: px !important;
            font-weight: unset !important;
            font-size: 16px !important;
            font-weight: bold !important;
            box-shadow:0 1px 8px 0 #d8d6d1;
            border:2px solid #0F4C81;
            text-decoration:none;
            color: #0F4C81 !important;
        }
        [page-name='Dynamic_Void'] label:not(.beditorcss).btn.btn-default:hover i {
            color: #0F4C81 !important;
        }
        [page-name='Dynamic_Void'] label:not(.beditorcss).btn.btn-default {
    
            border: 2px solid  #0F4C81;
            background: #fff;
            border-radius: 0.375rem;
            flex-direction: row;
            color:  #0F4C81 !important;
            margin: 5px;
            padding: 15px;
            overflow: hidden;
            width: 100%;
        }
        

       [page-name='Dynamic_Void'] label:not(.beditorcss).btn.btn-default.active 
       {
            background: #f0f0f0 !important;
            border-top-style: dashed !important;
            border-right-style: dashed !important;
            border-bottom-style: dashed !important;
            border-left-style: dashed !important;
            border-top-width: px !important;
            font-weight: unset !important;
            font-size: 16px !important;
            font-weight: bold !important;
            box-shadow:0 1px 8px 0 #d8d6d1;
            border:2px solid #0F4C81;
            text-decoration:none;
            color: #0F4C81 !important;
        }
        
        
    
        [id='botao_estilo_01'] i {
            color: #0F4C81 !important;
        }
        [id='botao_estilo_01']:hover {
            background: #fff !important;
            border-top-style: dashed !important;
            border-right-style: dashed !important;
            border-bottom-style: dashed !important;
            border-left-style: dashed !important;
            border-top-width: px !important;
            font-weight: unset !important;
            font-size: 16px !important;
            font-weight: bold !important;
            box-shadow:0 1px 8px 0 #d8d6d1;
            border:2px solid #0F4C81;
            text-decoration:none;
            color: #0F4C81 !important;
        }
        [id='botao_estilo_01']:hover i {
            color: #0F4C81 !important;
        }
        [id='botao_estilo_01'] {
    
            border: 2px solid  #0F4C81;
            background: #fff;
            border-radius: 0.375rem;
            flex-direction: row;
            color:  #0F4C81 !important;
            margin: 5px;
            padding: 15px;
            overflow: hidden;
            width: 100%;
        }
        
@media (max-width:2200px){
    
       [id='botao_estilo_01'] 
        {
            border: 2px solid  #0F4C81;
            background: #fff;
            width: 320px;
            border-radius: 0.375rem;
            flex-direction: row;
            color:  #0F4C81 !important;
            margin: 5px;
            padding: 15px;
            overflow: hidden;
            word-wrap: initial !important;
        }
        
        
}

    @media (max-width:1200px){
    }
    
    @media (max-width:992px){
    }

    @media (max-width:768px){
        
           [id='botao_estilo_01'] 
            {
                border: 2px solid  #0F4C81;
                background: #fff;
                width: calc( 100%);
                border-radius: 0.375rem;
                flex-direction: row;
                color:  #0F4C81 !important;
                margin: 5px;
                padding: 15px;
                overflow: hidden;
            }
    }

    @media (max-width:576px)
    {

/*Isso estava dando estouro problema nas telas pequenas*/
/*Padding esquerda e direita dos cards em telas pequenas*/
div:not(.beditorcss).card-body.panel-body {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


        [page-name='Configuracoes'] h2:not(.beditorcss).m-0.p-0,
        [page-name='Configuracoes'] h2:not(.beditorcss).my-0.py-0 
        {
            font-size: 24px !important;
        }
        [id='botao_estilo_01'] 
        {
            border: 2px solid  #0F4C81;
            background: #fff;
            width: 100%;
            border-radius: 0.375rem;
            flex-direction: row;
            color:  #0F4C81 !important;
            margin: 5px;
            padding: 15px;
            overflow: hidden;
        }
    }

    [page-name='VideosCardList'] .card-item 
    {
        width: 100%;
        margin:0px;
        margin-bottom: 10px;
    }

    [page-name='VideosCardList'] .card-item-content 
    {
        margin:0px;
    }
    
    [page-name='VideosCardList'] div:not(.beditorcss).panel-body.card-body.card-item-content 
    {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }
    
#builder-layout [page-name='Pmoc000_Print'] div:not(.beditorcss).col-md-3.fb-field-container {
    margin-top: 20px !important;
}




/*.pisca-pisca-verde*/
/*{*/
/*    animation: radial-piscas-pisca-verde-old 1.5s infinite;*/
/*}*/
/*@keyframes radial-piscas-pisca-verde-old {*/
/*    0%   {box-shadow: 0 0 0 0em rgba(0,128,0,.5);}*/
/*    100% {box-shadow: 0 0 0 2em rgba(0,128,0,.0);}*/
/*}*/


.pisca-pisca-verde
{
  animation: pulse 0.5s infinite;
  animation-direction: alternate;
  -webkit-animation-name: fa_question_zoom;
  animation-name: fa_question_zoom;
}
@-webkit-keyframes fa_question_zoom {
  0% {
    -webkit-transform: scale(.8);
  }
  100% {
    -webkit-transform: scale(1.2);
  }
}
@keyframes fa_question_zoom {
  0% {
    transform: scale(.8);
  }
  100% {
    transform: scale(1.2);
  }
}

.pulse-datagrid-action {
    animation: pulse-datagrid-action 2s infinite;
}

@keyframes pulse-datagrid-action {
    0%, 100% {
        opacity: 1;
        background-color: white;
    }
    50% {
        opacity: 1;
        background-color: green;
        color: white;
    }
}

.pulse-datagrid-action i {
    animation: pulse-datagrid-action-i 2s infinite;
}


@keyframes pulse-datagrid-action-i {
    0%, 100% {
        color: green;
    }
    50% {
        color: white;
    }
}







[page-name='OsCardList'] .card-item 
{
margin:0px;
margin-bottom: 10px;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;


  width: 100%;
height: 100%;

}


    
    .backwhats {
    background-color: #efeae2;
    
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
    border-radius:6px;
}
    
    .backwhats::before {
    /*background: url(../../../images/whatsapp_background02.png);*/
    background: url(../../../images/whatsapp_background02.png);
     background-repeat: repeat;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%
}


    
    
    
        
._7qjs {
    background-color: #e5ddd5;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
    border-radius:6px;
}

._7qjs::before {
    background: url(../../../images/whatsapp_background.png);
    /*background: url(https://business.facebook.com/rsrc.php/v3/yb/r/rmr3BrOAAd8.png);*/
    
    background-size: 366.5px 666px;
    content: '';
    height: 100%;
    left: 0;
    opacity: .06;
    position: absolute;
    top: 0;
    width: 100%
}

    [page-name='OsEquipamentoManutencaoExecucaoSimpleList'] .table,
    [page-name='OsEquipamentoManutencaoSimpleListPublic'] .table,
    [page-name='Os_EquipamentoManutencaoSimpleList'] .table {
        margin-bottom: 0 !important;
    }
    
    [page-name='OsEquipamentoManutencaoExecucaoSimpleList'] .card-body,
    [page-name='OsEquipamentoManutencaoSimpleListPublic'] .card-body,
    [page-name='Os_EquipamentoManutencaoSimpleList'] .card-body {
        padding: 0 !important;
    }