/* ---------------------------------------------- */

.automateca-header {color:#fff!important;background-color:#F57C00!important}
.automateca-primary-dark {color:#fff; background-color: #3e0979;text-shadow: none;}
.automateca-branco-primary-dark {color:#3e0979; background-color: white;}
.automateca-menu { color:#424242; background-color: white;
    cursor: pointer;
    }
.automateca-menu:hover {color:#000; background-color: #afa4bb;text-shadow: none;}
.automateca-menu:focus {color:#000; background-color: #afa4bb;text-shadow: none;}
.automateca-menu:active {color:white; background-color: #5900bb;text-shadow: none;}
.automateca-menu-active {color:white; background-color: #5900bb;text-shadow: none;}

.automateca-submenu { color:#000; background-color: white;
    cursor: pointer;
    }
.automateca-submenu:hover  {color:#000; background-color: #afa4bb;text-shadow: none;}
.automateca-submenu:focus  {color:#000; background-color: #afa4bb;text-shadow: none;}
.automateca-submenu:active {color:white; background-color: #5900bb;text-shadow: none;}
.automateca-submenu-active {color:white; background-color: #5900bb;text-shadow: none;}

.automateca-menu-icononly {color:#000; background-color:#cccccc!important;
    cursor: pointer;
    }
.automateca-menu-icononly:hover,
.automateca-menu-icononly:focus  {color:#5900bb; background-color: #cccccc;text-shadow: none;}
.automateca-menu-icononly:active {color:white; background-color: #5900bb;text-shadow: none;}
.automateca-menu-icononly-active {color:white; background-color: #5900bb;text-shadow: none;}

/* ---------------------------------------------- */

.clubenf-header {color:#fff!important;background-color:#F57C00!important}
.clubenf-primary-dark {color:#fff; background-color: #3e0979;text-shadow: none;}
.clubenf-branco-primary-dark {color:#3e0979; background-color: white;}
.clubenf-menu { color:#424242; background-color: white;
    cursor: pointer;
    }
.clubenf-menu:hover {color:#000; background-color: #afa4bb;text-shadow: none;}
.clubenf-menu:focus {color:#000; background-color: #afa4bb;text-shadow: none;}
.clubenf-menu:active {color:white; background-color: #5900bb;text-shadow: none;}
.clubenf-menu-active {color:white; background-color: #5900bb;text-shadow: none;}

.clubenf-submenu { color:#000; background-color: white;
    cursor: pointer;
    }
.clubenf-submenu:hover  {color:#000; background-color: #afa4bb;text-shadow: none;}
.clubenf-submenu:focus  {color:#000; background-color: #afa4bb;text-shadow: none;}
.clubenf-submenu:active {color:white; background-color: #5900bb;text-shadow: none;}
.clubenf-submenu-active {color:white; background-color: #5900bb;text-shadow: none;}

.clubenf-menu-icononly {color:#000; background-color:#cccccc!important;
    cursor: pointer;
    }
.clubenf-menu-icononly:hover,
.clubenf-menu-icononly:focus  {color:#5900bb; background-color: #cccccc;text-shadow: none;}
.clubenf-menu-icononly:active {color:white; background-color: #5900bb;text-shadow: none;}
.clubenf-menu-icononly-active {color:white; background-color: #5900bb;text-shadow: none;}

/* ---------------------------------------------- */

.contahub-primary {color:#000; background-color: #2196F3;text-shadow: none;}
.contahub-primary-light {color:#000; background-color: #BBDEFB;text-shadow: none;}
.contahub-primary-dark {color:#fff; background-color: #1976D2;text-shadow: none;}
    
.contahub-cinza-claro {color:#000; background-color: #cccccc;text-shadow: none;}
.contahub-cinza-preto {color:#000; background-color: rgb(192, 192, 192);text-shadow: none;}
.contahub-cinza-escuro {color:#fff; background-color: #424242;text-shadow: none;}
.contahub-branco-cinza {color:#424242; background-color: white;}
.contahub-branco-primary-dark {color:#1976D2; background-color: white;}
.contahub-branco-preto {color:#000; background-color: white;}
.contahub-cor-branco {color:#424242!important;background-color:#fff!important}
.contahub-cor-cinza {color:#000!important;background-color:#cccccc!important}
.contahub-cor-amber {color:white!important;background-color:#FFAB00!important}
.contahub-cor-cinzaescuro {color:#fff!important;background-color:#606060!important;text-shadow: none;}
.contahub-header {color:#fff!important;background-color:navy!important}
.contahub-header-amber {color:#fff!important;background-color:#ffc107!important}
.contahub-side-header {color:#fff!important;background-color:#607d8b!important}
.contahub-vendas-botoeira {color:#fff!important;background-color:#607d8b!important}
 

.contahub-menu { color:#424242; background-color: white;
    cursor: pointer;
    }
.contahub-menu:hover {color:#000; background-color: #BBDEFB;text-shadow: none;}
.contahub-menu:focus {color:#000; background-color: #BBDEFB;text-shadow: none;}
.contahub-menu:active {color:#000; background-color: #2196F3;text-shadow: none;}
.contahub-menu-active {color:#000; background-color: #2196F3;text-shadow: none;}

.contahub-menu-icononly {color:#000; background-color:#cccccc!important;
    cursor: pointer;
    }
.contahub-menu-icononly:hover,
.contahub-menu-icononly:focus  {color:#1976D2; background-color: #cccccc;text-shadow: none;}
.contahub-menu-icononly:active {color:#000; background-color: #2196F3;text-shadow: none;}
.contahub-menu-icononly-active {color:#000; background-color: #2196F3;text-shadow: none;}


.contahub-submenu { color:#000; background-color: white;
    cursor: pointer;
    }
.contahub-submenu:hover  {color:#000; background-color: #BBDEFB;text-shadow: none;}
.contahub-submenu:focus  {color:#000; background-color: #BBDEFB;text-shadow: none;}
.contahub-submenu:active {color:#000; background-color: #2196F3;text-shadow: none;}
.contahub-submenu-active {color:#000; background-color: #2196F3;text-shadow: none;}


.contahub-side-submenu {
    color:#78909C!important;
    cursor: pointer;
    padding-left: 10px;
    }
.contahub-side-submenu:hover,
.contahub-side-submenu:focus,
.contahub-side-submenu:active {color:#000!important;background-color:#CFD8DC!important}


.contahub-shadow-bottom-10 {box-shadow: 0px 10px 10px #888888;}
.contahub-shadow-bottom-5 {box-shadow: 0px 5px 5px #888888;}

.contahub-clickable {
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.2s;
    transition-property: transform;
    cursor: pointer;
}
.contahub-clickable:hover,
.contahub-clickable:focus,
.contahub-clickable:active {
    transform: scale(1.3);
}

.contahub-clickable2 {
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.2s;
    transition-property: transform;
    cursor: pointer;
}
.contahub-clickable2:hover,
.contahub-clickable2:focus,
.contahub-clickable2:active {
    transform: scale(1.05);
}

.contahub-toolbar-label {
	font-size: xx-small;
	text-shadow: none;
	font-weight: lighter;
	position:relative;
	top:-5px;
	cursor: pointer;
	}
	
.contahub-menu-historico-label {
   font-size: xx-small;
   text-shadow: none;
   font-weight: lighter;
   position:relative;
   top:-12px;
   cursor: pointer;
    font-style: italic;
    color:#cccccc;
    
    width:40px;
    max-width:40px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
   }

.contahub-menu-historico-botao {
   cursor: pointer;
    width:40px;
    max-width:40px;
    height:40px;
    color:#cccccc;
    align-content: center;
    text-align: center;
   }


kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.2),
    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #333;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}


/* Antigos */

.tdRedonda {
   padding-right: 2px;
   padding-left: 2px;
   border: thin solid;
   border-radius: 5px;
   box-shadow: rgb(170, 170, 170) 3px 3px 3px;
}

.tdMarcado {
   background-color: yellow;
   border-color: black;
   padding-right: 2px;
   padding-left: 2px;
   border: thin solid;
   border-radius: 5px;
   box-shadow: rgb(170, 170, 170) 3px 3px 3px;
   color: black;
}
.emoji {
    font-family: "Segoe UI Emoji";
}

.centralizado {
   text-align: center;
}

.centralizadoPequeno {
   font-size: 70%;
   text-align: center;
}

.direita {
   text-align: right;
}

.direitaPequeno {
   font-size: 70%;
   text-align: right;
}

.pequeno {
   font-size: 70%;
}

.swipe {
   overflow: hidden;
   visibility: hidden;
   position: relative;
}

.swipe-wrap {
   overflow: hidden;
   position: relative;
}

.swipe-wrap>div {
   float: left;
   width: 50%;
   position: relative;
}

.loader20px {
   border: 7px solid black;
   border-radius: 50%;
   border-top: 7px solid red;
   width: 20px;
   height: 20px;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}

.loader {
   border: 20px solid black;
   border-radius: 50%;
   border-top: 20px solid green;
   width: 40px;
   height: 40px;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}


/*
@
-webkit-keyframes spin { 0% {
   -webkit-transform: rotate(0deg);
}

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

100%
{
transform
:
 
rotate
(360deg);
 
}
}
@
keyframes blink { 50% {
   opacity: 0;
}


}
*/