/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21/07/2017, 11:15:35
    Author     : josecesarnascimento
*/


/*!
*
* ColorPick jQuery plugin
* https://github.com/philzet/ColorPick.js
*
* Copyright (c) 2017 Phil Zet (a.k.a. Philipp Zakharchenko)
* Licensed under the MIT License
*@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff')}
*/

/*
    Não permite a quebra de linha
    Não deixa o texto ultrapassar o limite do box
    Oculta barra de rolagem
    Cria ... ao final
*/
.semquebra{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


input[type="radio"] {
    -ms-transform: scale(1.9); /* IE 9 */
    -webkit-transform: scale(1.9); /* Chrome, Safari, Opera */
    transform: scale(1.9);
    cursor: pointer;
}


#colorPick * {
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
}





#colorPick {
	background: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(15px);
	position: absolute;
	border-radius: 5px;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
	padding: 15px;
	font-family: "Open Sans", sans-serif;
	width: 200px;
}

#colorPick span {
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
	color: #bbb;
	margin-bottom: 5px;
	display: block;
	clear: both;
}

.colorPickButton {
	border-radius: 5px;
	width: 20px;
	height: 20px;
	margin: 1px 4px;
	cursor: pointer;
	display: inline-block;
}

.colorPickButton:hover {
	transform: scale(1.1);
}

.colorPickDummy {
	background: #fff;
	border: 1px dashed #bbb;
}


.colorPickSelector {
  border-radius: 5px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -ms-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
}

.colorPickSelector:hover { transform: scale(1.1); }


.table tr td{
    vertical-align: middle!important; 
}

@keyframes fa-pisca {
     0% { opacity: 1; }
     27% { opacity: 0.7; }
     50% { opacity: 0.5; }
     75% { opacity: 0.2; }
     100% { opacity: 0; }
 }
.fa-pisca {
   -webkit-animation: fa-pisca .99s linear infinite;
   -moz-animation: fa-pisca .99s linear infinite;
   -ms-animation: fa-pisca .99s linear infinite;
   -o-animation: fa-pisca .9s linear infinite;
   animation: fa-pisca .99s linear infinite;
}


.pnotify-center {
   right: calc(20% - 150px) !important;
}

.editatend:focus {
  border-bottom: 2px solid #1E90FF!important;
}

.table table-hover{
    font-size: 13px!important;
}

.font-10{font-size: 10px!important;}
.font-12{font-size: 12px!important;}
.font-14{font-size: 14px!important;}
.font-16{font-size: 16px!important;}
.font-18{font-size: 18px!important;}
.font-20{font-size: 20px!important;}

.box-shadow-right {
box-shadow: 4px 4px 5px 2px rgba(24,50,71,.08);
    border-right: 1px #cfd7df solid
}


.box-shadow-top {
    box-shadow: 4px 4px 5px 2px rgba(24,50,71,.08)!important;
    border-top: 1px solid #cfd7df!important;
    background-color: #E5E5E5;
}


.box-shadow {
    box-shadow: 0 2px 4px 0 rgba(24,50,71,.08);
    border-bottom: 1px #cfd7df solid
}

 
.box-shadow-one {
    box-shadow: 0 4px 6px 0 rgba(24,50,71,.08);
    border-bottom: 2px #cfd7df solid
}


.box-shadow-new {
    box-shadow: 0 0.4rem 0.8rem 0 #F5F5F5;
    border: 0!important;
    border-radius: .25rem;
    background-color: white;
    word-wrap: break-word;
}

.box-padrao-34beatiful{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: .40rem;
}

.box-padrao-33beatiful{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border-radius: .40rem;
}

.box-padrao-92beatiful{
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    border-radius: .40rem;
}

.box-padrao-93beatiful{
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: .40rem;
}

.box-padrao-72beatiful{
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    border-radius: .40rem;
}

.box-padrao-22beatiful{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: .40rem;
}

.list-group-item-wf{
    position: relative;
    display: block;
    padding: 10px 15px;
}

.meia_divisao_vertica {position: absolute; margin-top: 3px; right: 0px; border-right: #C1CDC1 solid 1px; height: 20px;}
.font_public_sans{font-family: Public Sans,sans-serif;}
.font_google_QuattrocentoSans{font-family: 'Comfortaa', sans-serif;}
.font_google_Comfortaa{font-family: 'Comfortaa', cursive;}
.font_google_Poiret_One{font-family: 'Poiret One', cursive;}
.font_google_Josefin_Slab{font-family: 'Josefin Slab', serif;}
.font_google_Philosopher{font-family: 'Philosopher', sans-serif;}
.font_google_Sacramento{font-family: 'Sacramento', cursive;}
.font_google_Jura{font-family: 'Jura', sans-serif;}
.font_google_Nova_Round{font-family: 'Nova Round', cursive;}
.font_google_Text_Me_One{font-family: 'Text Me One', sans-serif;}
.font_google_Abel{font-family: 'Abel', sans-serif;}
.font_google_Dosis{font-family: 'Dosis', sans-serif;}
.font_google_Quicksand{/*font-family: 'Quicksand', sans-serif;*/}
.font_google_Saira_Condensed{font-family: 'Saira Condensed', sans-serif;}
.font_google_Open_Sans{font-family: 'Open Sans', sans-serif;}
.font_google_Montserrat{font-family: 'Montserrat', sans-serif;}
.font_google_Roboto{font-family: 'Roboto', sans-serif;}
.font_google_Roboto100{font-family: 'Roboto:wght@100', sans-serif;}
.font_google_Raleway{font-family: 'Raleway', sans-serif;}



.fundoclicado {background:#F7F7F7;}
.fundo_cinzabootstrap {background:#F7F7F7;} /* Cor do fundo da área de trabalho (cinza clarinho)*/
.bordascinza {border: 1px solid #CCCCCC;margin:0;}
.bordas {border: 1px solid #0099CC;margin:0;}
.linha_i {border-bottom: 1px solid #999;margin:0;}
.linha_ilaranja {border-bottom: 2px solid #999999;margin:0;}
.linha_i2 {border-bottom: 2px solid #999;margin:0;}
.linha_i3 {border-bottom: 3px solid #999;margin:0;}
.linha_i3branca {border-bottom: 3px solid #FFFFFF;margin:0;}
.linha_s3branca {border-top: 5px solid #FFFFFF;margin:0;}
.linha_i2azul {border-bottom: 2px solid #0099FF;margin:0;}
.linha_ititulo {border-bottom: 3px solid #003399;margin:0;}
.linha_s {border-top: 1px solid #999;margin:0;}
.linha_s2 {border-top: 2px solid #999;margin:0;}
.linha_s3 {border-top: 3px solid #999;margin:0;}
.linha_e {border-left: 1px solid #999;margin:0;}
.linha_e2 {border-left: 2px solid #999;margin:0;}
.linha_d {border-right: 1px solid #999;margin:0;}
.linha_icinza {border-bottom: 1px solid #E5E5E5;margin:0;}
.linha_scinza {border-top: 1px solid #E5E5E5;margin:0;}
.linha_ecinza {border-left: 1px solid #E5E5E5;margin:0;}
.linha_dcinza {border-right: 1px solid #E5E5E5;margin:0;}


.divisao_dcinza_dois {border-right: 0px solid #d4d6d8;margin:0;     border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

.linha_dbranca {border-right:4px solid #FFFFFF;margin:0;}
.linha_ibranca {border-bottom: 4px solid #FFFFFF;margin:0;}
.linha_elar {border-left: 3px solid #FF6600;margin:0;}
.linha_dlar {border-right: 1px solid #FF6600;margin:0;}

.linha_iazul {border-bottom: 3px solid #0099CC;margin:0;}
.linha_sazul {border-top: 1px solid #0099CC;margin:0;}
.linha_eazul {border-left: 1px solid #0099CC;margin:0;}
.linha_dazul {border-right: 1px solid #FFFFFF;margin:0;}

#loader{
        display: inline;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        overflow:hidden;
}
#loader:target {
        display: block;
}

#boxloader{
        font-family: 'Armata', sans-serif;
        font-size:12;
        overflow:hidden;
        width: 300px;
        height: 300px;
        visibility: visible;
        display: block;
        padding: 10px;
        position: relative;
        margin: 20px auto 20px;
       /* background-color: #ebf4f8;
        border: 1px solid #006699;*/
}


#appavisos{
        display: inline;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        overflow:hidden;
}
#appavisos:target {
        display: block;
}

#appboxlavisos{
        overflow:hidden;
        width: 95%;
        height: 200px;
        visibility: visible;
        display: block;
        padding: 10px;
        position: relative;
        margin: 20px auto 20px;
       /* background-color: #ebf4f8;
        border: 1px solid #006699;*/
}

#iniciapagina{
        font-family: 'Armata', sans-serif;
        font-size:12;
        overflow:hidden;
        width: 100%;
        visibility: visible;
        display: block;
        padding: 10px;
        position: relative;
        margin: 20px auto 20px;
        background-color: transparent;
        border: 0px solid #006699; 
}

.fadebox {
    color: #006699;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.fadebox:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}


.links:hover{
    border-bottom: #0000FF dotted 1px; cursor: pointer; color: #FF6600
}

.iconemenu {
  display:none;
}

.linklist:hover{
    cursor: pointer; 
    color: #1E90FF;
    transform: scale(1.01);
}


.linklist:hover .iconemenu {
  display: inline;
}


.destlinhatable {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.destlinhatable:hover {
    color: tomato;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.linkmenulist {
    background-color: transparent;
}

.linkmenulist:hover {
    background-color: white!important;
}

.retorncorlinha:hover {
    background-color: #F5F5F5;
    color: tomato;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.grow:hover
{
        background: #0099FF!important;
        color: #FFFFFF;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index:999;
}


.growatend:hover
{
        background: #f5f5f5!important;
        color: #FFFFFF;
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
        z-index:999;
}


.ampliar:hover
{
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        transform: scale(1.7);
        z-index:999;
}


xzzom:hover
{
        background: #0099FF;
        color: #FFFFFF;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index:999;
}


.transparente{
opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
}


.btn{border:0px solid transparent;border-radius:2px;}
.btn-success .btn-default .btn-primary .btn-dark .btn-danger .btn-info .btn-warning .btn- {font-size: 12px; padding: 10px;}



.menuFixo {
position: fixed;
top: 0;
z-index: 99;
}

/* MENU SCROLLEr HORIZONTAL*/
.card {
  display: flex;
  min-width: 100%;
  min-height: 200px;
  overflow-x: auto;
}

.card::-webkit-scrollbar {
  display: none;
}
.card--content {
  min-width: 300px;
  margin: 5px;
  box-shadow: 3px 5px rgba(255,255,255,0.05);
}

.card--content img {
  width: 100%;
  height: 100%;
}





.wrap > .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /*apenas um -1 é necessário quando se trabalha com relative + absolute, sendo pai e filho*/
    width: 100%;
    height: 100%;
    overflow: hidden; /* evita do video passar a altura desejada do .wrap */
}

.wrap > .bg-video > video {
    width: 100%;
}








.labelatend {
  display: inline-block; 
  margin: 0px;
  padding: .6em .3em .6em .5em;
  font-weight: bold;
  line-height: 1;
  vertical-align: baseline;
  border-radius: .25em;
  background-color: #788a9c;
  color: white;
}






.textareascpt {
    background: url(http://i.imgur.com/2cOaJ.png);
    background-attachment: local!important;
    background-repeat: no-repeat!important;
    padding-left: 35px!important;
    padding-top: 10px!important;
    border-color:#ccc!important;
    background-color: #263238!important ;
    color: #F5F5F5!important;
}


.formsgeralv {overflow-y: auto;overflow-x: hidden;}
.formsgeralh {overflow-y: hidden;overflow-x: auto;}
.formsgeral {overflow-y: auto;overflow-x: auto;}
.formsgeral5 {overflow-y: auto;overflow-x: hidden;}
.formsgeral10 {overflow-y: auto;overflow-x: hidden;}
.formsgeral15 {overflow-y: auto;overflow-x: hidden;}
.formsgeral20 {overflow-y: auto;overflow-x: hidden;}
.formsgeral25 {overflow-y: auto;overflow-x: hidden;}
.formsgeral30 {overflow-y: auto;overflow-x: hidden;}
.formsgeral35 {overflow-y: auto;overflow-x: hidden;}
.formsgeral40 {overflow-y: auto;overflow-x: hidden;}
.formsgeral45 {overflow-y: auto;overflow-x: hidden;}
.formsgeral50 {overflow-y: auto;overflow-x: hidden;}