/* ----------------------------------------------------------------
    IMPORT FONTS
-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins&display=swap');

/* ----------------------------------------------------------------
	CSS VARIABLES
-----------------------------------------------------------------*/

:root {

    /* Main Color */
    
    --main-color: #508DCB;  
    --main-color-dark: #0f3c63;
  
    /* Main Content Destaque */
    
    --content-destaque-color: #4d4e50;  
  
    /* Header menu */
  
    --header-bg-color: #dddddd; 
  
    /* Page Header */ 
  
    --pageHeader-bg-color: #508cca6e !important; 
    --pageHeader-border: 2px solid #ccc;
  
    /* History link colors */
    
    --history-a-visited: #ffffff; 
    --history-a-hover: #000000;
  
    /* Background Colors */
  
    --bg-color1: #ddd;
    --bg-color2: #ccc;
    --bg-color3: #eee;
    --bg-color-dark: #000000;
    --main-bg-color: #ffffff;
    --alternative-bg-color: #f9f9f9;
    
    /* Fonts */
  
    --main-font: 'Poppins', sans-serif;
    --secondary-font: 'Open Sans', sans-serif;
    --font-titles-color: #000000;
    --font-labels-color: #000000;
    --font-table-header-color: #000000;
    --form-font-color: #555;
    --homepage-titles-color: #000;
    --font-ecras-anturio: #aeaeae;
  
    /* Default button */
  
    --btn-default-bg-color: #574142;
    --btn-default-bg-hover-color: #57414282;
    
    /* Primary button */
  
    --btn-primary-bg-color: #A96468;
    --btn-primary-bg-hover-color: #3f0808;
    --btn-primary-other-color: #20090c;
    --btn-color: rgb(255, 255, 255);
  
    /* Fonts */
  
    --font-white: #fff;
  
    /* Shadows */
  
    --shadow1: 0px 7px 14px rgba(0,0,0,0.1);
    --shadow-buttons: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 2px 4px  rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07);
  
    /* Borders */
  
    --borders1: 1px solid #dfdfdf;

  }

/* ----------------------------------------------------------------
    TABLES
-----------------------------------------------------------------*/

select {
    height: 32px;
}

/* ----------------------------------------------------------------
    SELECT
-----------------------------------------------------------------*/

.table-striped tr:nth-child(even) {
    background-color: #efefef !important;
}

/* ----------------------------------------------------------------
    UPDATE PROGRESS
-----------------------------------------------------------------*/

.updateprogress {
    background-color: #000000 !important;
    color: #fff !important;
}

#BUESTADO.glabelpgray {
    color: #000000;
}

#searchZone.searchZone.main-content__filters-zone, .ko-content__filter-zone.main-content__filters-zone {
    border-bottom-color: #000000 !important;
}

/* ----------------------------------------------------------------
	HOMEPAGE
-----------------------------------------------------------------*/

/*
body.home form>.container {
    background-color: var(--bg-color1);
}

.gridParent.gridHomepage .grid-stack .grid-stack-item .row h3,
.title-cindex {
    background-color: var(--bg-color2);
    padding: 15px;
    font-size: 1.5rem;
}*/

#colunas-content a.caixaautotitulotexto, 
.caixaautotitulotexto,
a#noid,
a#treid {
    color: var(--homepage-titles-color);
    font-weight: 600;
    font-size: 2rem;
}

/* ----------------------------------------------------------------
	BADGEGRAY
-----------------------------------------------------------------*/

.badgegray, .nav.nav-tabs li>a .badgegray, 
.nav.nav-pills li>a .badgegray {
    background-color: #000000;
    color: white;
}

.badgeantigray {
    border-color: #000000 !important;
    background-color: #000000 !important;
    color: white;
}

/* ----------------------------------------------------------------
	MAIN AREAS
-----------------------------------------------------------------*/

#mainRecsZone {
	background-color: var(--bg-color3);
	padding: 20px;
}

#dataArea {
	padding: 20px;
    background-color: var(--alternative-bg-color);
    margin-top: 0 !important;
}

#areasZone {
    background-color: var(--main-bg-color);
}

#mainPage #campos {
    padding: 0 !important;
}

.mainformcpHeader {
    padding: 5px 2px !important;
    border-bottom: 2px solid #ddd !important;
    font-size: 2.5rem;
    background-color: var(--bg-color3);
}

.mainformcpHeader .glyphicon {
    color: #000000 !important;
}

.mainformcptitulo {
    font-weight: 600;
    color: #000000;
    margin-top: 20px;
    font-size: 2.5rem;
}

.mainformcampolabelprincipal {
    font-weight: 600;
    font-size: 3rem;
}

.mainformcampotitulo {
    color: var(--font-labels-color) !important;
}

caption {
    color: var(--font-labels-color);
    font-weight: 600;
    font-size: 1.5rem;
}

#ctl00_conteudo_userpg2_003_0 {
    margin: 0px 20px !important;
}

/* ----------------------------------------------------------------
	BUTTONS & LABELS
-----------------------------------------------------------------*/

.gridHomepage .btn {
    white-space: normal !important;
}

.control-label.mainformcampotitulo {
    font-weight: 600;
}

/*
.btn, 
.btn:visited {
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    font-family: var(--main-font);
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}

.btn a {
    background-color: var(--btn-default-bg-color) !important;
}

.btn-default {
	background: var(--btn-default-bg-color) !important;
	color: var(--btn-color) !important;
	box-shadow: var(--shadow-buttons);
	border: none !important;
}

.btn-default:hover, 
.btn-default:visited:hover {
    color: var(--btn-color);
    background: var(--btn-default-bg-hover-color) !important;
    border: none !important;
}

.btn-default:hover {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    text-decoration: none;
    border: none !important;
}

.btn-default:active:focus {
	background: var(--btn-default-bg-hover-color) !important;
	border: none !important;
}

.btn-default:active {
	background: var(--btn-default-bg-hover-color) !important;
	color: var(--btn-color) !important;
	box-shadow: var(--shadow-buttons);
	border: none !important;
}

.btn-default:active:hover {
	background: var(--btn-default-bg-hover-color) !important;
	color: var(--btn-color) !important;
	border: none !important;
}

.btn-primary {
	background: var(--btn-primary-bg-color) !important;
    color: var(--btn-color) !important;
    box-shadow: var(--shadow-buttons);
    border: none !important;
}

.btn-primary:hover, 
.btn-primary:visited:hover {
    color: var(--btn-color) !important;
    background: var(--btn-primary-bg-hover-color) !important;
    border: none !important;
}

.btn-primary:hover {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    text-decoration: none;
    border: none !important;
}

.btn-primary:active:focus {
	background: var(--btn-primary-other-color) !important;
	border: none !important;
}

.btn-primary:active {
	background: var(--btn-primary-other-color) !important;
	color: var(--btn-color) !important;
	box-shadow: var(--shadow-buttons);;
	border: none !important;
}

.btn-primary:active:hover {
	background: var(--btn-primary-other-color) !important;
	color: var(--btn-color) !important;
	border: none !important;
}
*/

.btn-toolbar 
.btn, 
.btn-toolbar 
.btn-group, 
.btn-toolbar 
.input-group {
    float: none !important;
}



/* ----------------------------------------------------------------
	OUTRO CSS
-----------------------------------------------------------------*/

.alertify-log {     
    background: rgba(47, 150, 180,0.8); 
}
.alertify-log.alertify-log-success {     
    background: rgba(81, 163, 81,0.8); 
}
.alertify-log.alertify-log-error {     
    background: rgba(189, 54, 47,0.8); 
}

.msg-manha, .msg-tarde, .msg-noite {
font-size: 20px;
}

.u-esconde {
display: none !important;
}

.u-mostra {
display: block !important;
}

.u-mostra2 {
display: block;
}

.u-readonly {
pointer-events: none !important;
cursor: not-allowed;
color: #E7E7E7 !important;
}
.u-readonly input{
/* background-color: #E7E7E7; 270a9b*/
       background-color: #270a9b !important;
       color: #E7E7E7 !important;
}


.u-leitura {
pointer-events: none !important;
cursor: not-allowed;
color: #208000 !important;
}
.u-leitura input{
/* background-color: #E7E7E7; 270a9b*/
       background-color: #ffcccc !important;
       color: #208000 !important;
}

.u-espande input:focus{ 
      /* width: 150% !important; */
       margin-right: 200px;
}
.u-centra {
text-align: center;
}
.u-padd {
padding-right: 2px;
}
.u-reduz {
font-size: 11.8px;
}
.u-reduz input{
font-size: 11.8px;
}

.u-realca input{
font-size: 20px;
//background: rgba(81, 163, 81,0.8); 
color: red !important;
}

.u-repoe input{
font-size: 14px;
//background: rgba(81, 163, 81,0.8); 
color: black !important;
}



/*ANTURIO WAKE'S*/

#micro2{ 
background-image: url(micro.png);
background-repeat: no-repeat;
background-size: 60px;
width: 65px;
height: 65px;
border-width: inherit;
border-style: none;
border-color: inherit;
border-image: inherit;
background-color: unset;
position: fixed;
right: 21px;
bottom: 122px;
}
.caixa_text{
 width: 100%;
 height:100%;
 position: fixed;
top:0;
 z-index:9999;
 display: none;
 background:rgba(1, 1, 1, 0.4);
} 
.caixa_text #whiteBox {
width:80%;
height:60%;
background:white;
position:absolute;
top:20%;
left:10%;
border-radius: 25px 25px 25px 25px;
-moz-border-radius:25px 25px 25px 25px;
-webkit-border-radius:25px 25px 25px 25px;
box-shadow: 1px 1px 2px #333333;
-moz-box-shadow: 1px 1px 2px #333333;
-webkit-box-shadow: 1px 1px 2px #333333;
}
.caixa_text #text{
width:95% !important;
height:60%;
margin-top: 3%;
margin-left: 2%;
border:none;
background-color:white;
font-size:20px;
font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; 
overflow-wrap: break-word;
word-wrap: break-word;
}
.caixa_text #cancel{
/*margin-left:35%;*/
width: 30px;
height:30px;
border: none;
border-radius: 50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
box-shadow: 0px 0px 5px #333333;
-moz-box-shadow: 0px 0px 5px #333333;
-webkit-box-shadow: 0px 0px 5px #333333;
background-image: linear-gradient(to right,#e70026, #ff7189);
position: absolute; right: 0px; top:-5px;
}

.pisca {
  animation: piscatipo 0.6s linear infinite;
  color: red;
  font-size: 30px;
  font-weight: bold;
  font-family: sans-serif;
  }
.piscaazul {
  animation: piscatipo 0.9s linear infinite;
  color: yellow;
  font-weight: bold;
  font-family: sans-serif;
  }
@keyframes piscatipo {  
  50% { opacity: 0; }
  }


/* AGENDA CORES*/

.fc-event-container .tta{
background-color: rgb(42 107 255) !important;
border-color: rgb(42 107 255) !important;
color:white !important;
}
.fc-event-container .tda{
background-color: rgb(151 37 255) !important;
border-color: rgb(151 37 255) !important;
color:white !important;
}
.fc-event-container .ttapa{
/*background-color: rgb(134 0 62) !important;
border-color: rgb(134 0 62) !important;*/
background-color: #de2665 !important;
border-color: #de2665 !important;
color:white !important;
}