.ui-button.teal-btn-tab {
    background-color: transparent ! important;
    border: 2px solid #009688;
    color: #009688;
}
.ui-button.teal-btn-tab:hover {
    background-color: #009688 ! important;
    border: 2px solid #009688;
    color: white;
}
.ui-button.teal-btn-tab:focus {
    background-color: #009688 ! important;
    border: 2px solid #009688;
    color: white;
}

.ui-button.blue-btn-tab {
    background-color: transparent ! important;
    border: 2px solid #0071bc;
    color: #0071bc;
}
.ui-button.blue-btn-tab:hover {
    background-color: #0071bc ! important;
    border: 2px solid #0071bc ! important;
    color: white;
}
.ui-button.blue-btn-tab:focus {
    background-color: #0071bc ! important;
    border: 2px solid #0071bc ! important;
    color: white;
}
.ui-button.grey-btn-tab {
    background-color: transparent;
    border: 2px solid #5B616B;
    color: #5B616B;
}
.ui-button.grey-btn-tab:hover {
    background-color: #5B616B;
    border: 2px solid #5B616B;
    color: white;
}
.ui-button.grey-btn-tab:focus {
    background-color: #5B616B;
    border: 2px solid #5B616B;
    color: white;
}

.ui-button.orange-btn-tab {
    background-color: transparent;
    border: 2px solid #fe875d ! important ;
    color: #fe875d;
}
.ui-button.orange-btn-tab:hover {
    background-color: #fe875d;
    border: 2px solid #fe875d;
    color: white;
}
.ui-button.orange-btn-tab:focus {
    background-color: #fe875d;
    border: 2px solid #fe875d;
    color: white;
}

.ui-button.red-btn-tab {
    background-color: transparent;
    border: 2px solid #F44336;
    color: #F44336;
}
.ui-button.red-btn-tab:hover {
    background-color: #F44336;
    border: 2px solid #F44336;
    color: white;
}
.ui-button.red-btn-tab:focus {
    background-color: #F44336;
    border: 2px solid #F44336;
    color: white;
}
.ui-button.green-btn-tab {
    background-color: transparent;
    border: 2px solid #4AA564;
    color: #4AA564;
}
.ui-button.green-btn-tab:hover {
    background-color: #4AA564;
    border: 2px solid #4AA564;
    color: white;
}
.ui-button.green-btn-tab:focus {
    background-color: #4AA564;
    border: 2px solid #4AA564;
    color: white;
}

.ui-button.cyan-btn-tab {
    background-color: transparent;
    border: 2px solid #00bfe7;
    color: #00bfe7;
}
.ui-button.cyan-btn-tab:hover {
    background-color: #00bfe7;
    border: 2px solid #00bfe7;
    color: white;
}
.ui-button.cyan-btn-tab:focus {
    background-color: #00bfe7;
    border: 2px solid #00bfe7;
    color: white;
}

.ui-button.yellow-btn-tab {
    background-color: transparent;
    border: 2px solid #f9c642;
    color: #f9c642;
}

.ui-button.yellow-btn-tab:focus {
    background-color: #f9c642;
    border: 2px solid #f9c642;
    color: white;
}
.ui-button.yellow-btn-tab:hover {
    background-color: #f9c642;
    border: 2px solid #f9c642;
    color: white;
}


.ui-menubutton.orange-btn-tab .ui-button{
    background-color: transparent;
    border: 2px solid #fe875d ! important ;
    color: #fe875d;      
}

.ui-menubutton.orange-btn-tab .ui-button:hover {
    background-color: #fe875d;
    border: 2px solid #fe875d;
    color: white;
}
.ui-menubutton.orange-btn-tab .ui-button:focus {
    background-color: #fe875d;
    border: 2px solid #fe875d;
    color: white;
}

.ui-menubutton.blue-btn-tab .ui-button{
    background-color: transparent;
    border: 2px solid #0071bc ! important ;
    color: #0071bc;      
}

.ui-menubutton.blue-btn-tab .ui-button:hover {
    background-color: #0071bc ! important;
    border: 2px solid #0071bc ! important;
    color: white ! important; 
}
.ui-menubutton.blue-btn-tab .ui-button:focus {
    background-color: #0071bc ! important;
    border: 2px solid #0071bc ! important;
    color: white;
}


.ui-menubutton.grey-btn-tab .ui-button{
    background-color: transparent;
    border: 2px solid #5B616B ! important ;
    color: #5B616B;      
}

.ui-menubutton.grey-btn-tab .ui-button:hover {
    background-color: #5B616B;
    border: 2px solid #5B616B;
    color: white;
}
.ui-menubutton.grey-btn-tab .ui-button:focus {
    background-color: #5B616B;
    border: 2px solid #5B616B;
    color: white;
}


body .ui-button.red-btn {
    background-color: #F44336;
    border: 2px solid #F44336;
    color: #ffffff;
}


.ui-button.red-btn:hover {
    background-color: #C62828 ! important; 
    border: 2px solid #C62828;

}
.ui-button.red-btn:focus {
    background-color: #f77066 ! important; 
    border: 2px solid #f77066;

}


.btn-menu-respon{
    color: white ! important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
    /*background: #ffd454 ! important;*/
}
.btn-menu-respon .ui-icon {
    color: white ! important;
}

.teal-btn-menu {
    color: white ! important;
    background: #009688 ! important;
}
.teal-btn-menu:hover {
    background: #00695C ! important;
}
.teal-btn-menu:focus {
    outline: 0 none ;
    background: #00c9b6 ! important; 
}

.teal-btn-menu {
    color: white ! important;
    background: #009688 ! important;
}
.teal-btn-menu:hover {
    background: #00695C ! important;
}
.teal-btn-menu:focus {
    outline: 0 none ;
    background: #00c9b6 ! important; 
}

.secondary-menu {
    color: white ! important;
    background: #E91E63;
    background-color:  #E91E63;
}
.secondary-menu:hover {
    background: #ad1457 ! important; 
}
.secondary-menu:focus {
    outline: 0 none ! important;
    background: #ee4c83 ! important;
}

.pink-btn-menu{
    color: white ! important;
    background: #E91E63 ! important; 
    background-color:  #E91E63 ! important;

}
.pink-btn-menu:hover {
    background: #AD1457 ! important;
}
.pink-btn-menu:focus {
    outline: 0 none ! important;
    background-color: #ee4c83 ! important; 
}


.blue-grey-btn-menu {
    color: white ! important;
    background: #607D8B; }
.blue-grey-btn-menu:hover {
    background: #37474F ! important; }
.blue-grey-btn-menu:focus {
    outline: 0 none ! important;
    background: #7b96a3 ! important; }

.cyan-btn-menu {
    color: white ! important;
    background: #00BCD4; }
.cyan-btn-menu:hover {
    background: #03A9F4 ! important; }
.cyan-btn-menu:focus {
    outline: 0 none ! important;
    background: #08e3ff ! important; }

.red-btn-menu {
    color: white ! important;
    background: #F44336; 
    background-color: #F44336; 
}
.red-btn-menu:hover {
    background: #C62828 ! important; 
    background-color: #C62828 ! important; 
}
.red-btn-menu:focus {
    outline: 0 none ! important;
    background: #f77066 ! important; 
    background-color: #f77066 ! important; 
}

.orange-btn-menu .ui-button {
    color: white ! important;
    background-color:  #fe875d ! important; 
}

.orange-btn  {
    background-color: #fe875d  ! important;
    border: 2px solid #fe875d ! important;
    color: #ffffff ! important; 
}

.orange-btn .ui-button {
    background-color: #fe875d  ! important;
    border: 2px solid #fe875d ! important;
    color: #ffffff ! important; 
}

.orange-btn .ui-button.ui-state-hover, .orange-btn .ui-button.ui-state-focus {
    background-color: #E26134 ! important;
    border-color: #E26134 ! important;
}
.orange-btn .ui-button.ui-state-active {
    background-color: #B34621 ! important;
    border-color: #B34621 ! important; 
}


.green-btn-menu {
    color: white ! important;
    background: #4CAF50; }
.green-btn-menu:hover {
    background: #2E7D32 ! important; }
.green-btn-menu:focus {
    outline: 0 none ! important;
    background: #6ec071 ! important; }

.orange-btn-menu {
    color: white ! important;
    background: #fe875d; }
.orange-btn-menu:hover {
    background: #fe875d ! important; }
.orange-btn-menu:focus {
    outline: 0 none ! important;
    background-color: #fe875d ! important; }



.ui-confirmdialog-no    {
    background-color: transparent ! important;
    border: 1px solid #F44336 ! important;
    color: #F44336 ! important;      
}

.ui-confirmdialog-no  .fa-times {
    /*    color: white ! important;
        border: none ! important;*/
}

.ui-confirmdialog-no:hover {
    background-color: #F44336 ! important;
    border: 1px solid #F44336 ! important;
    color: white ! important;
}



.ui-confirmdialog-no:focus {
    background-color: #F44336 ! important;
    border: 1px solid #F44336 ! important;
    color: white ! important;
}


.ui-confirmdialog-yes{

    background-color: transparent ! important;
    border: 1px solid #0071bc ! important;
    color: #0071bc ! important;
}
.ui-confirmdialog-yes .fa-check-circle-o{
    /*    color: white ! important;
        border: none ! important;*/

}
.ui-confirmdialog-yes:hover {
    background-color: #0071bc ! important;
    /*border: 2px solid #0071bc;*/
    color: white ! important;

}

.ui-confirmdialog-yes:focus {
    outline: 0 none ;
    background-color: #0071bc ! important;
    border: 2px solid #0071bc;
    color: white ! important;
}


.ui-confirm-dialog .ui-dialog-buttonpane  .ui-confirmdialog-no{
    width: 45% ! important ;
    float: left ! important ;
}
.ui-confirm-dialog .ui-dialog-buttonpane  .ui-confirmdialog-yes{
    width: 45% ! important ;
    float: right ! important ;

}



.orange-btn-acao {
    background:  transparent ! important;
    border-left: 4px solid #fe875d   ! important;
    color: #fe875d   ! important
}
.orange-btn-acao:hover {
    background:  #fe875d ! important;
    color: white ! important;
}
.orange-btn-acao:focus {
    background:  #fe875d ! important;
    color: white ! important;
}
.orange-btn-acao .ui-icon{
    color: #fe875d   ! important;
}

.blue-btn-acao {
    background:  transparent ! important;
    border-left: 4px solid #0071bc   ! important;
    color: #0071bc   ! important;
}
.blue-btn-acao .ui-icon{
    color: #0071bc   ! important;
}
.blue-btn-acao:hover {
    background:  #0071bc ! important;
}
.blue-btn-acao:focus {
    background:  #0071bc ! important;
}

.green-btn-acao {
    background:  transparent ! important;
    border-left: 4px solid #4AA564   ! important;
    color: #4AA564   ! important
}
.green-btn-acao:hover {
    background:  #4AA564 ! important;
}
.green-btn-acao:focus {
    background:  #4AA564 ! important;
}
.green-btn-acao .ui-icon{
    color: #4AA564   ! important;
}

.darkgreen-btn-acao {
    background:  transparent ! important;
    border-left: 4px solid #026440   ! important;
    color: #026440   ! important
}
.darkgreen-btn-acao:hover {
    background:  #026440 ! important;
}
.darkgreen-btn-acao:focus {
    background:  #026440 ! important;
}
.darkgreen-btn-acao .ui-icon{
    color: #026440   ! important;
}

.grey-btn-acao {
    background:  transparent ! important;
    border-left:  4px solid #5B616B   ! important;
    color: #5B616B ! important;
}
.grey-btn-acao:hover {
    background:  #5B616B ! important;
}
.grey-btn-acao:focus {
    background:  #5B616B ! important;
}
.grey-btn-acao .ui-icon{
    color: #5B616B   ! important;
}

.red-btn-acao {
    background:  transparent ! important;
    border-left: 4px solid #F44336   ! important;
    color: #F44336 ! important;

}
.red-btn-acao:hover {
    background:  #F44336 ! important;
}
.red-btn-acao:focus {
    background:  #F44336 ! important;
}
.red-btn-acao .ui-icon{
    color: #F44336   ! important;
}

.icon-hover-white:hover > .ui-icon{
    color: white   ! important;
}

.icon-hover-white:hover > .ui-menuitem-text{
    color: white   ! important;
   
}

a.ui-row-editor-check{
    color: white   ! important;
}
a.ui-row-editor-close{
    color: white   ! important;
}
a.ui-row-editor-check:hover{
    color: black   ! important;
}
a.ui-row-editor-close:hover{
    color: black   ! important;
}





.grey-btn-home {
    background:  transparent ! important;
    border:  none   ! important;
    color: #5B616B ! important;
    font-weight: normal ! important;
}

.ui-selectonebutton .ui-button{
    margin-bottom: 10px !  important;
    margin-left:  10px !  important;
    margin-right: 10px !  important;
    background:  transparent ! important;
    border-left: 4px solid #0071bc   ! important;
    color: #0071bc   ! important

}
.ui-selectonebutton .ui-button:hover {
    background:  #0071bc ! important;
    color: white ! important;
}
.ui-selectonebutton .ui-button:focus {
    background:  #0071bc ! important;
    color: white ! important;
}

/*.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover{
    background-color: transparent ! important;
    border: 1px solid #009688  ! important;
    color: #009688  ! important;

}*/