/*
azul escuro: #005C99
azul claro : #0072BC
azul bebe  : #E7EEF8
amarelo    : #FDDE00
*/

body {font-family: 'Questrial', sans-serif;}

//h1, h2, h3, h4, h5, h6 {font-family: 'Bitter', serif;}

.row {max-width: 100%}

/* padding */
.pad-btm {margin-bottom: 20px; }
.pad-top {margin-top: 20px; }
/* end of padding */

.smaller {font-size: 75%}
.white {color: #ffffff}

.blue {color: #005C99}
.bar {background-color: #848484;
}

.bluelight {color: #0072BC}
.bluelightb {background-color: #0072BC}

.bluebaby {color: #E7EEF8}
.bluebabyb {background-color: #E7EEF8; color: #000}

.yellow {color: #ffd735}
.yellowb {background-color: #ffd735; color: #000000}

#offCanvasLeft .orange {color: #FFFFFF}
#offCanvasLeft a {color: #FFFFFF}
#offCanvasLeft a:hover {color: #0072BC; background-color: #FFFFFF}
#offCanvasLeft a:hover .orange {color: #0072BC; background-color: #FFFFFF}

.letter {color: #FFFFFF}

/* input group*/
.input-group-label-yellow, .input-group-label-blue, .input-group-field, .input-group-button {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle; }

.input-group-label-yellow.grey {
    background: #c3c4c5; /*grey*/
    color: #FFFFFF; /*blue*/
    border: 1px solid #cacaca;  }

.input-group-label-yellow {
  text-align: center;
  padding: 0 1rem;
  background: #ffd735; /*yellow*/
  color: #2183be; /*blue*/
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-label-blue {
  text-align: center;
  padding: 0 1rem;
  background: #2183be;/*blue*/
  color: #ffffff;/*white*/
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }
/* input group*/

/* accordion*/
.accordion {
  list-style-type: none;
  background: #026ab1;
  margin-left: 0; }

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: 0.75rem;
    color: #ffffff;
    position: relative;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}
.accordion-content {
    padding: 1rem;
    display: none;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #e6eff8;
    color: #0a0a0a;
}
.accordion-title:hover, .accordion-title:focus {background-color: #2183be; color: #ffffff; }
/* accordion*/

/* panels */
.bf {
    border-style: solid;
    border-width: 0px;
    /* margin-bottom: 3rem; */
    /* padding: .75rem;*/
    background-color: rgba(0, 0, 0, 0.4);
    }
.callout.bf label {color: #ffffff; }
.callout.radius_bf {border-radius: 10px; border: 0} /*was 10px */
/* end of panels */

.fa-va {font-size: 2em; vertical-align: -15%;}

.callout.yellowbg {
    background-color: #ffd735; /*yellow*/
    border: 0px solid rgba(10, 10, 10, 0.25);
    color: #0a0a0a;
    margin: 0 0 0rem 0;
}
.colorfooter {background: #000000; background-size: cover; padding: 20px 0; background-position:0px -200px; } /* 2183be */
.lbluefooter a {color: #ffffff; }
.lbluefooter p {color: #ffffff; }
.lbluefooter h5 {color: #ffffff; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.orange {color: #fbac20}

.has-tip {
    border-bottom: dotted 0px #8a8a8a;
}

.c{
    color: #ffffff;
}

/*V5*/

.tranfers-tabs
{

    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    background-color: rgba(255,255,255,0.3);
}
.tranfers-tabs:hover
{
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    background-color: rgba(255,255,255,0.3);
}

.button-quote
{
    color: #000000;
}
.button-quote:hover {
    color: #000000;
}


.btn{
    color: #000000;
}
.btnprev{
    font-weight: bold;
    color: #FFFFFF;
}

.btn:hover {
    font-weight: bold;
    outline: none;
    color: #000000;
}

.btnprev:hover {
    font-weight: bold;
    outline: none;
    color: #FFFFFF;
}
.btnadd.hollow,
.btnadd:focus{
    color: #00549F;
    border: none;
}

.callout.primary {
    background-color: #ecf1fa;
}
.row .row {
    margin-right: -0.625rem;
    margin-left: 0rem;
}

select {
    height: 2.4375rem;
    margin: 0 0 0rem;
    padding: 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
select::-ms-expand {
    display: none; }
select[multiple] {
    height: auto;
    background-image: none; }

.color{
    color: #489eff;
}

.btn.hollow{
    background-color: rgba(167, 167, 167, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.86);;
    color: #000;
}

button.btnsidemenu{
    background-color:#196ffe;
    color: white; 
    text-align: center;
    
    
}

button.btnsidemenu:hover{
    background-color:#e6efff;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.86);
    color: #000;
}

.button1 {
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition-property: background, border-radius;
    transition-duration: 1s;
    transition-timing-function: linear;
    width: 250px;
    color: #00ace6;
    border: 2px solid #00ace6;
}
.button1:hover {
    background: #00ace6;
    color: #fff;
    }

@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.sidebarw3.w3-collapse{display:block!important}}
@media (max-width:992px){.sidebarw3.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.sidebarw3{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.bar-blockw3 .w3-dropdown-hover,.bar-blockw3 .w3-dropdown-click{width:100%}
.bar-blockw3 .w3-dropdown-hover .w3-dropdown-content,.bar-blockw3 .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.bar-blockw3 .w3-dropdown-hover .w3-button,.bar-blockw3 .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.bar-blockw3 .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.bar-blockw3.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.containerw3:after,.containerw3:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.containerw3,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}


//modal


#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 1500px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}