/*
.BtnEntra
{
 background:#1892d1 !important;
 color:#fff !important;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
 background-image:url("Imagens/backwhite.jpg")!important;
}
*/

@-ms-viewport { width: device-width; }

.text-clinica
 {
    color: black;
    text-shadow: 1px 1px 2px black, 0 0 25px green, 0 0 5px white;
}

.x-form-text {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-color: #E0E0E0;
    box-shadow: 2px 2px 5px #E0E0E0;
}
.x-form-text:focus,
.x-form-text:hover,
.x-form-text:active
{
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border:1px solid gray !important;
    background:#FFFFE0 !important;
    box-shadow: 2px 2px 5px #E0E0E0;
}

.x-window-header-text {
    font: bold 14px Verdana,sans-serif;
    color: #000000;
	margin-left: 20px; 
}


/*
.x-field-default-form-focus,
.x-field-default-form-focus:focus,
.x-field-default-form-focus:hover,
.x-field-default-form-focus:active
{
border:1px solid black !important;
background:#D8D8D8 !important;
}
*/


/* Fundo PageControl 
.x-panel-body-default{
  background: #FFFFFF;
  border-color: #FFFFFF; 
}
/* Fim Fundo PageControl*/


.calendario
{
 box-shadow: 0 8px 6px -6px gray !important;
 background:white !important;
 border: 1px solid black !important;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.shadowdia
{
border-radius: 3px; 
-moz-border-radius: 3px; 
webkit-border-radius: 3px;	
-webkit-box-shadow: inset 0px 2px 30px 7px rgba(0, 0, 0, 1) !important;
-moz-box-shadow:    inset 0px 2px 30px 7px rgba(0, 0, 0, 1) !important;
 box-shadow:         inset 0px 2px 30px 7px rgba(0, 0, 0, 1) !important;
} 

.sombrabottom
{
 box-shadow: 0 8px 6px -6px gray !important;
 background:white !important;
 border: 0px solid white !important;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.diabranco
{
   border-radius: 5px !important;
   border: 1px solid gray !important;
}

/*Botao sem radius button*/
.SemRadiusButton{
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 0px;
}
/* fim Botao sem radius button*/


@keyframes mymove {
    from {top: 0px;}
}

/*
@-webkit-keyframes fadeIn2 {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn2 {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn2 {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn2 {
0% { opacity: 0; }
100% { opacity: 1; }
}
*/

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}
.bounce {
  animation-name: bounce;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
-webkit-animation: bounceIn 0.5s ease-in-out;
-moz-animation: bounceIn 0.5s ease-in-out;
-o-animation: bounceIn 0.5s ease-in-out;
animation-name: bounceIn;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}


/* FIM DAS ANIMACOES */

.FrmPadrao {
background-color: white !important;

border-color: white !important;
/*
-webkit-animation: fadeIn 0.75s ease-in-out;
-moz-animation: fadeIn 0.75s ease-in-out;
-o-animation: fadeIn 0.75s ease-in-out;
animation: fadeIn 0.75s ease-in-out;

animation-name: fadeIn;
*/
-webkit-animation: zoomIn 0.5s;
-moz-animation: zoomIn 0.5s;
-o-animation: zoomIn 0.5s;
animation: zoomIn 0.5s;

animation-name: zoomIn 0.5s;

box-shadow: 5px 5px 5px gray !important;
padding: 0;
}

.FrmPadrao2 {
-webkit-animation: zoomIn 0.5s;
-moz-animation: zoomIn 0.5s;
-o-animation: zoomIn 0.5s;
animation: zoomIn 0.5s;

animation-name: zoomIn 0.5s;
box-shadow: 5px 5px 5px gray !important;
padding: 0;
}

	
.FrmMsg {
border: 1px solid gray ;	
border-radius: 3px;
box-shadow: 3px 3px 5px gray !important;

-webkit-animation: jackInTheBox 0.3s;
-moz-animation: jackInTheBox 0.3s;
-o-animation: jackInTheBox 0.3s;

animation-name: jackInTheBox 0.3s;
}

.FrmLogin
 {
    background-color: #ffffff !important;
	box-shadow: 5px 5px 5px gray!important;
    border-radius: 5px;
	/*opacity: 0.5;*/
    
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
}

.FrmLogin2
{
-- background:#FFFFFF !important;
 background:#87CEFA !important;
 box-shadow: 5px 5px 5px !important;
 font-color:#ffffff !important;
 -webkit-transition: background 0.5s ease-in-out;
 -moz-transition: background 0.5s ease-in-out;
}

.FrmPrincipal
{
 --background:#87CEFA !important;
 box-shadow: 10px 10px 5px !important;
 font-color:#ffffff !important;
 --webkit-transition: background 0.5s ease-in-out;
 --transition: background 0.5s ease-in-out;
}


.BtnPadraoVermelho
{
background: #ff3019;
background: -moz-linear-gradient(top,  #ff3019 0%, #ce5a5a 54%, #cf0404 86%, #ce0000 95%, #bc0c00 100%);
background: -webkit-linear-gradient(top,  #ff3019 0%,#ce5a5a 54%,#cf0404 86%,#ce0000 95%,#bc0c00 100%);
background: linear-gradient(to bottom,  #ff3019 0%,#ce5a5a 54%,#cf0404 86%,#ce0000 95%,#bc0c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#bc0c00',GradientType=0 );

 border-radius: 5px; 
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px; 
 font-color:#FFFFFF !important;
-- webkit-transition: background 0.5s ease-in-out;
-- transition: background 0.5s ease-in-out;
}

.BtnPadraoVermelho:Hover
{
 border: 1px solid gray;
 border-radius: 5px; 
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px; 

background: #ff3019;
background: -moz-linear-gradient(top,  #ff3019 0%, #ce5a5a 54%, #cf0404 86%, #ce0000 95%, #bc0c00 100%);
background: -webkit-linear-gradient(top,  #ff3019 0%,#ce5a5a 54%,#cf0404 86%,#ce0000 95%,#bc0c00 100%);
background: linear-gradient(to bottom,  #ff3019 0%,#ce5a5a 54%,#cf0404 86%,#ce0000 95%,#bc0c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#bc0c00',GradientType=0 );


 box-shadow: 5px 5px 5px grey !important;
 font-color:#FFFFFF !important;
-- webkit-transition: background 0.5s ease-in-out;
-- transition: background 0.5s ease-in-out;
}

.BtnPadraoVerde
{
background: #b4ddb4;
background: -moz-linear-gradient(top,  #b4ddb4 0%, #52b152 3%, #52b152 48%, #008a00 84%, #005700 100%);
background: -webkit-linear-gradient(top,  #b4ddb4 0%,#52b152 3%,#52b152 48%,#008a00 84%,#005700 100%);
background: linear-gradient(to bottom,  #b4ddb4 0%,#52b152 3%,#52b152 48%,#008a00 84%,#005700 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#005700',GradientType=0 );

border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 

-- background:#228B22 !important;
-- box-shadow: 5px 5px 5px grey !important;
-- font-color:#FFFFFF !important;
-- webkit-transition: background 0.5s ease-in-out;
-- transition: background 0.5s ease-in-out;
}

.BtnPadraoVerde:Hover
{
background: #b4ddb4;
background: -moz-linear-gradient(top,  #b4ddb4 0%, #52b152 3%, #52b152 48%, #008a00 84%, #005700 100%);
background: -webkit-linear-gradient(top,  #b4ddb4 0%,#52b152 3%,#52b152 48%,#008a00 84%,#005700 100%);
background: linear-gradient(to bottom,  #b4ddb4 0%,#52b152 3%,#52b152 48%,#008a00 84%,#005700 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#005700',GradientType=0 );


 border: 1px solid gray;
 box-shadow: 5px 5px 5px grey !important;
 font-color:#FFFFFF !important;
-- webkit-transition: background 0.5s ease-in-out;
-- transition: background 0.5s ease-in-out;
}


.BtnPadrao:hover
{
 --background:#87CEFA !important;
 box-shadow: 5px 5px 5px grey !important;
 font-color:#ffffff !important;
 --webkit-transition: background 0.5s ease-in-out;
 --transition: background 0.5s ease-in-out;
}

.Logout
{
background: #828282 !important;
boder:none;
text-color:#ffffff !important;
}

.Sombra
{
 box-shadow: 0px 3px 3px gray !important;
 border: 1px solid gray;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
 background-image:url("Imagens/logotrp.png")!important;
}

.SombraMenu
{
 box-shadow: 2px 1px 5px black !important;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.SombraTop
{
 box-shadow: 1px 2px 5px black !important;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
} 

.Avatar
{
/* box-shadow: 0px 2px 2px grey;*/
 border-radius: 50%;
 padding: 5px; 	
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
} 

.logoemp
{
 box-shadow: 0px 2px 2px grey;
 border-radius: 50%;
 padding: 5px; 	
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
} 

.FundoTop
{
background-image:url("Imagens/top.png")!important; 
}

.SombraDash
{
 box-shadow: 2px 2px 5px gray !important;
 webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.PnlPadrao
{
 box-shadow: 5px 5px 5px grey !important;
 background:white !important;
 border: 1px solid black;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.PnlDash
{
 background:#C6C6C6C6 !important;
 box-shadow: 2px 2px 2px grey !important;
 --border: 1px solid black;
 webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
background-image:url("Imagens/backwhite.jpg")!important;
}

.pnlcard2 {
 box-shadow: 0 8px 6px -6px gray !important;
 background:white !important;
 border: 1px solid silver !important;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.transparente
{
 background: transparent !important;
 /*opacity:0.0 !important;*/
}

.animamenu
{
-webkit-animation: bounceInUp 0.5s;
-moz-animation: bounceInUp 0.5s;
-o-animation: bounceInUp 0.5s;
animation: bounceInUp 0.5s; 
 /*opacity:0.0 !important;*/
}

.prabaixo
{
-webkit-animation: slideInDown 0.5s;
-moz-animation: slideInDown 0.5s;
-o-animation: slideInDown 0.5s;
animation: slideInDown 0.5s; 
 /*opacity:0.0 !important;*/
}

.minhalista .x-listitem-inner-el {
    min-width: 100%;	
    display: table;
    align-items: center;
    background-color: #e8e8e8;
    flex: 1 auto;
	padding: 7px 7px;
}

.minhalista .x-listitem {
    color: #000;
    background-color: #e8e8e8;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e8e8e8 !important;
    margin-bottom: -1px;
    font: 400 14px/18px '-apple-system', 'Helvetica Neue', helvetica, arial, sans-serif;
}