/* local CSS */
.bd-example-row {
    .row {
      > .col,
      > [class^="col-"] {
        padding-top: .75rem;
        padding-bottom: .75rem;
        background-color: rgba(86, 61, 124, .15);
        border: 1px solid rgba(86, 61, 124, .2);
      }
    }

    .row + .row {
      margin-top: 1rem;
    }

    .flex-items-top,
    .flex-items-middle,
    .flex-items-bottom {
      min-height: 6rem;
      background-color: rgba(255, 0, 0, .1);
    }
  }

  .bd-example-row-flex-cols .row {
    min-height: 10rem;
    background-color: rgba(255, 0, 0, .1);
    /*cw*/
    border: 1px solid #ff0000;
    padding: 1rem;      
  }

  .cw-cinza {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #efefef;
        padding-top: .75rem;
        padding-bottom: .75rem;          
  }

  .bd-highlight {
    background-color: rgba($bd-purple, .15);
    border: 1px solid rgba($bd-purple, .15);
  }

  .bd-example-responsive-containers {
    [class^="container"] {
      padding-top: .75rem;
      padding-bottom: .75rem;
      background-color: rgba(86, 61, 124, .15);
      border: 1px solid rgba(86, 61, 124, .2);
    }
  }

  // Grid mixins
  .example-container {
    width: 800px;
    @include make-container();
  }

  .example-row {
    @include make-row();
  }

  .example-content-main {
    @include make-col-ready();

    @include media-breakpoint-up(sm) {
      @include make-col(6);
    }

    @include media-breakpoint-up(lg) {
      @include make-col(8);
    }
  }

  .example-content-secondary {
    @include make-col-ready();

    @include media-breakpoint-up(sm) {
      @include make-col(6);
    }

    @include media-breakpoint-up(lg) {
      @include make-col(4);
    }
  }


  //
  // Docs examples
  //

  .bd-example {
    position: relative;
    padding: 1rem;
    margin: 1rem (-$grid-gutter-width / 2) 0;
    border: solid $gray-100;
    border-width: .2rem 0 0;
    @include clearfix();

    @include media-breakpoint-up(sm) {
      padding: 1.5rem;
      margin-right: 0;
      margin-left: 0;
      border-width: .2rem;
    }

    + .highlight,
    + .clipboard + .highlight {
      margin-top: 0;
    }

    + p {
      margin-top: 2rem;
    }

    .pos-f-t {
      position: relative;
      margin: -1rem;

      @include media-breakpoint-up(sm) {
        margin: -1.5rem;
      }
    }

    .custom-file-input:lang(es) ~ .custom-file-label::after {
      content: "Elegir";
    }

    > .form-control {
      + .form-control {
        margin-top: .5rem;
      }
    }

    > .nav + .nav,
    > .alert + .alert,
    > .navbar + .navbar,
    > .progress + .progress,
    > .progress + .btn {
      margin-top: 1rem;
    }

    > .dropdown-menu:first-child {
      position: static;
      display: block;
    }

    > .form-group:last-child {
      margin-bottom: 0;
    }

    > .close {
      float: none;
    }
  }

  // Typography
  .bd-example-type {
    .table {
      td {
        padding: 1rem 0;
        border-color: #eee;
      }
      tr:first-child td {
        border-top: 0;
      }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin-top: 0;
      margin-bottom: 0;
    }
  }

  // Contextual background colors
  .bd-example-bg-classes p {
    padding: 1rem;
  }

  // Images
  .bd-example {
    > svg + svg,
    > img + img {
      margin-left: .5rem;
    }
  }

  // Buttons
  .bd-example {
    > .btn,
    > .btn-group {
      margin-top: .25rem;
      margin-bottom: .25rem;
    }
    > .btn-toolbar + .btn-toolbar {
      margin-top: .5rem;
    }
  }

  // Forms
  .bd-example-control-sizing select,
  .bd-example-control-sizing input[type="text"] + input[type="text"] {
    margin-top: .5rem;
  }
  .bd-example-form .input-group {
    margin-bottom: .5rem;
  }
  .bd-example > textarea.form-control {
    resize: vertical;
  }

  // List groups
  .bd-example > .list-group {
    max-width: 400px;
  }
  .bd-example > [class*="list-group-horizontal"] {
    max-width: 100%;
  }

  // Navbars
  .bd-example {
    .fixed-top,
    .sticky-top {
      position: static;
      margin: -1rem -1rem 1rem;
    }
    .fixed-bottom {
      position: static;
      margin: 1rem -1rem -1rem;
    }

    @include media-breakpoint-up(sm) {
      .fixed-top,
      .sticky-top {
        margin: -1.5rem -1.5rem 1rem;
      }
      .fixed-bottom {
        margin: 1rem -1.5rem -1.5rem;
      }
    }
  }

  // Pagination
  .bd-example .pagination {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  // Example modals
  .modal {
    z-index: 1072;

    .tooltip,
    .popover {
      z-index: 1073;
    }
  }

  .modal-backdrop {
    z-index: 1071;
  }

  .bd-example-modal {
    background-color: #fafafa;

    .modal {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      z-index: 1;
      display: block;
    }

    .modal-dialog {
      left: auto;
      margin-right: auto;
      margin-left: auto;
    }
  }

  // Example tabbable tabs
  .bd-example-tabs .nav-tabs {
    margin-bottom: 1rem;
  }

  // Popovers
  .bd-example-popover-static {
    padding-bottom: 1.5rem;
    background-color: #f9f9f9;

    .popover {
      position: relative;
      display: block;
      float: left;
      width: 260px;
      margin: 1.25rem;
    }
  }

  // Tooltips
  .tooltip-demo a {
    white-space: nowrap;
  }

  .bd-example-tooltip-static .tooltip {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1;
  }

  // Scrollspy demo on fixed height div
  .scrollspy-example {
    position: relative;
    height: 200px;
    margin-top: .5rem;
    overflow: auto;
  }

  .scrollspy-example-2 {
    position: relative;
    height: 350px;
    overflow: auto;
  }

  .bd-example-border-utils {
    [class^="border"] {
      display: inline-block;
      width: 5rem;
      height: 5rem;
      margin: .25rem;
      background-color: #f5f5f5;
    }
  }

  .bd-example-border-utils-0 {
    [class^="border"] {
      border: 1px solid $border-color;
    }
  }

  /*
  // Code snippets
  */

  .highlight {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: $gray-100;
    -ms-overflow-style: -ms-autohiding-scrollbar;

    @include media-breakpoint-up(sm) {
      padding: 1.5rem;
    }
  }

  .bd-content .highlight {
    margin-right: (-$grid-gutter-width / 2);
    margin-left: (-$grid-gutter-width / 2);

    @include media-breakpoint-up(sm) {
      margin-right: 0;
      margin-left: 0;
    }
  }

  .highlight {
    pre {
      padding: 0;
      margin-top: 0;
      margin-bottom: 0;
      background-color: transparent;
      border: 0;
    }
    pre code {
      @include font-size(inherit);
      color: $gray-900; // Effectively the base text color
    }
  }

  /* stylelint-disable property-blacklist, declaration-no-important*/

  /* Border*/

  .border         { border: $border-width solid $border-color !important; }
  .border-top     { border-top: $border-width solid $border-color !important; }
  .border-right   { border-right: $border-width solid $border-color !important; }
  .border-bottom  { border-bottom: $border-width solid $border-color !important; }
  .border-left    { border-left: $border-width solid $border-color !important; }

  .border-0        { border: 0 !important; }
  .border-top-0    { border-top: 0 !important; }
  .border-right-0  { border-right: 0 !important; }
  .border-bottom-0 { border-bottom: 0 !important; }
  .border-left-0   { border-left: 0 !important; }

  @each $color, $value in $theme-colors {
    .border-#{$color} {
      border-color: $value !important;
    }
  }

  .border-white {
    border-color: $white !important;
  }

  /* Border-radius*/

  .rounded-sm {
    border-radius: $border-radius-sm !important;
  }

  .rounded {
    border-radius: $border-radius !important;
  }

  .rounded-top {
    border-top-left-radius: $border-radius !important;
    border-top-right-radius: $border-radius !important;
  }

  .rounded-right {
    border-top-right-radius: $border-radius !important;
    border-bottom-right-radius: $border-radius !important;
  }

  .rounded-bottom {
    border-bottom-right-radius: $border-radius !important;
    border-bottom-left-radius: $border-radius !important;
  }

  .rounded-left {
    border-top-left-radius: $border-radius !important;
    border-bottom-left-radius: $border-radius !important;
  }

  .rounded-lg {
    border-radius: $border-radius-lg !important;
  }

  .rounded-circle {
    border-radius: 50% !important;
  }

  .rounded-pill {
    border-radius: $rounded-pill !important;
  }

  .rounded-0 {
    border-radius: 0 !important;
  }

  .text-white-75 {
      color: rgba(255, 255, 255, 0.75) !important;
  }

  .bg-blue1 { background-color: #0a48ab !important; }
  .text-blue1 { color: #0a48ab !important; }
  
  .bg-cian { background-color: #e0ffff !important; }
  .bg-gray-light { background-color: #efefef; }
  .bg-gray-light2 { background-color: #efefef; }
  .bg-gray-light2:hover {
    background-color: #b5e8af !important;
  }
  .bg-green-light { background-color: #b5e8af; }

  .bg-green-light2 { background-color: #c6eac2; }
  .bg-blue-light { background-color: #d4e9ed; }
  .bg-red-light { background-color: #e8cfcf; }
  .bg-gray { background-color: #eee; }

  .bg-orange {
    background-color: rgba(243,144,30, 1) !important; 
  }
  .bg-purple {
    /*background-color: rgba(141, 54, 187, 1) !important;*/
    background-color: #8915e8 !important;
  }
  .bg-purple-lite {
    background-color: rgba(141, 54, 187, .5) !important;
  }
  .bg-purple-2 {
    background-color: rgba(104, 40, 138, 1) !important; 
  }

  .text-purple {
      color: rgba(141, 54, 187, 1) !important;
  }

  .text-purple-bold {
      color: rgba(141, 54, 187, 1) !important;
      font-weight: bold;
  }

  .border-white {
    order: 1px solid #ffffff;
  }

  .btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:visited {
      background-color: #f3901e !important;
  }
  /*
  .btn-primary, .btn-primary:active, .btn-primary:visited {
      background-color: rgba(104, 40, 138, 1) !important;
  }
  .btn-primary:hover {
      background-color: rgba(141, 54, 187, 1) !important;
  }
  */

  .no-border {border: none !important;}
  .no-padding {padding: 0 !important;}
  .no-show {display: none !important;}
/*
  a:hover {
    background-color: #f3901e;
    color:#fff !important;
    font-weight: bold;
    border-radius: .25em;
  }
*/

  .a2:hover {
      background-color: #f3901e;
      color:#fff !important;
      font-weight: bold;
      border-radius: .25em;
    }

  .a3:hover {
    cursor: pointer; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    } /*box-shadow para card*/
  .a31:hover {
    cursor: pointer; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    background-color: #e0ffff;
  } 
  .a39:hover {
    cursor: pointer; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    /* background-color: rgba(219,68,55,0.21) !important; */
    /* background-color: #db4437 !important; */
    /* background-color: #fcbe9a !important; */
    background-color: #fcd3bb !important;
  } 
  
  .a3-1:hover { 
    cursor: pointer;
    box-shadow: 4px 4px 4px 4px rgba(224, 244, 252,1); 
  }


  .a3-dark:hover { box-shadow: 0 4px 8px 0 orange, 0 6px 20px 0 orange; } /*box-shadow para card*/

  .realce {box-shadow: 4px 4px 4px 4px rgba(200,200,200,1);}


  .round25 {border-radius: .25em;}

  .fr-0 {font-size: .25rem}
  .fr-1 {font-size: .5rem}
  .fr-1-5 {font-size: .65rem}
  .fr-2 {font-size: .75rem}
  .fr-2-5 {font-size: .85rem}
  .fr-2-7 {font-size: .95rem}
  .fr-3 {font-size: 1rem}
  .fr-3-5 {font-size: 1.25rem}
  .fr-4 {font-size: 1.5rem}
  .fr-4-5 {font-size: 1.75rem}
  .fr-5 {font-size: 2rem}
  .fr-6 {font-size: 2.4rem}

  .fix-bottom {bottom: 0; position: fixed;}

  .height-small-footer {min-height: 81vh;}
  .height-small-footer2 {min-height: 85vh;}
  .height-large-footer {min-height: 65vh;}

  .height-max-2r {max-height: 2rem;}
  .height-max-5r {max-height: 5rem;}
  .height-max-35r {max-height: 3.5rem;}

  .height-min-1vh {min-height: 3vh;}

  .height-min-2r {min-height: 2rem;}
  .height-min-3r {min-height: 3rem;}
  .height-min-4r {min-height: 4rem;}
  .height-min-22r {min-height: 22rem;}

  .width-15r {width: 15rem;}


  .no-star {color:#ccc;}
  .cinza {color:#888;}


  .image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
  }
  .image-checkbox .fa {
    position: absolute;
    color: #4A79A3;
    background-color: #fff;
    padding: 10px;
    top: 0;
    right: 0;
  }
  .image-checkbox-checked .fa {
    display: block !important;
  }  

  .daterangepicker-cancelbtn {
    border: 1px solid rgba(86, 61, 124, .2);
    border-radius: 10%;
  }
  .bg-yellow { background-color: #ede611; }
  .bg-light-green { background-color: #4cf01a; }
  .bg-light-green2 { background-color: #e5f4e1; }
  /*
  .bg-laranjalima { background-color: #ffebcc; }
  .bg-laranjapera { background-color: #ffc266; }
  .bg-yellow { background-color: #ffff00; }
  .bg-laranjalima { background-color: #cce0ff; }
  .bg-laranjapera { background-color: #b3d9ff; }
  */
  .bg-cinza { background-color: #efefef; }
  .bg-laranjalima { background-color: #f8f9fa; }
  .bg-laranjapera { background-color: #efefef; }
  .bg-cinza-light { background-color: #efefef !important; }

  .bg-page {
    /* The image used */
    /*background-image: url("../../images/airport-2373727_1920_Daniel.jpg");
    background-image: url("https://agkglcipso.cloudimg.io/v7/https://carloswalter.com/images/airport-2373727_1920.jpg?width=1920&blur=5&bright=60");
    */
    background-image: url("https://agkglcipso.cloudimg.io/v7/https://carloswalter.com/images/airport-2373727_1920.jpg?width=1920&blur=8");
    /* Full height */
    height: 85vh; 
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .min-vh-90 {
    min-height: 90vh !important;
  }
  .min-vw-45 {
    min-width: 25vw !important;
  }
  .hmax-1 {
    max-width: 100em !important;
  }

  .w-30 {
    width: 5em !important; 
    max-width: 5em !important; 
  }
  .w-40 {
    width: 8em !important; 
    max-width: 8em !important; 
  }

  #myModal{
   z-index: 9999
  }
  #shopCart{
   z-index: 9999
  }

  .arppus-menu-item{
    color:#0a48ab !important;
    /* color:#0aab4d !important; */
  }
  .arppus-menu-item-disabled{
    color:#efefef !important;
    cursor: none  !important;
  }
  .arppus-menu{
    color:#0a48ab !important;
    /* color:#0aab4d !important; */
  }
  .arppus-menu:hover{
    background-color: #0a48ab;
    /* background-color: #0aab4d; */
    color:#fff !important;
    /*font-weight: bold;*/
    border-radius: .25em;
  }
  .bg-arppus {
    background-color: #0a48ab !important;
    color: #fff !important;
  }

  .rehva-menu{
    /* color:#0aab4d !important; */
    color:#333 !important;
  }
  .rehva-menu:hover{
    /* background-color: #1b201d; */
    color:#0aab4d !important;
    border-radius: .25em;
  }

  /*
    Roxo    #8d36bb RGB(141,54,187) 
            - variação +escura #68288a
    Laranja #f3901e RBG(243,144,30)
  */

    .pill-like {
      background-color: #007bff; 
      color:#fff;
      border-color: #efefef;
    }

  /* hover nav menu de topo*/
  @media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: #fff;  }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
  } 

  .arppus-select {
    background-color:#fff; 
    cursor:pointer;  
  }
  .arppus-select:hover {
    background-color: #e0ffff !important;
  }

  .navbar-custom {
      background-color: #e0ffff/*#ff5500*/;
  }
  /* change the brand and text color */
  .navbar-custom .navbar-brand,
  .navbar-custom .navbar-text {
      color: rgba(255,255,255,.8);
  }
  /* change the link color */
  .navbar-custom .navbar-nav .nav-link {
      color: rgba(255,255,255,.5);
  }
  /* change the color of active or hovered links */
  .navbar-custom .nav-item.active .nav-link,
  .navbar-custom .nav-item:hover .nav-link {
      color: #ffffff;
  }

  .pl-10 {
    padding-left: 20em !important;
  }

  .rounded-1 {
    border-radius:0.5rem!important;
  }

  .border-dotted{
   border-style: dotted !important;
  }
  .border-dashed{
   /*border-style: dashed !important;*/
   border: .25ex dashed rgba(255,255,255,.65) !important;
  }

  .lista-select0 {
    background-color: #fff !important;
  }
  .lista-select1 {
    background-color: #efefef !important;
  }
  .lista-select0:hover{
    background-color: #0a48ab !important;
    color:#fff !important;
  }
  .lista-select1:hover{
    background-color: #0a48ab !important;
    color:#fff !important;
  }

  /*.navbar {    
    background: #2C3E50;
    .navbar-nav li a {
      color: #eee;
      &:hover, &:focus, &:active {
        color: #18BC9C;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
      }
    }
  }*/

   .scroll-color {scrollbar-color: yellow blue;}

   .badge-white {background-color: #fff;}

  .seltransparent:{
        border:none;
        background-color: #f8f9fa !important;      
  }

  .fcw-0-2{ font-size:0.25vw; }
  .fcw-0-5{ font-size:0.5vw; }
  .fcw-0-7{ font-size:0.75vw; }
  .fcw-0-8{ font-size:0.85vw; }
  .fcw-1{ font-size:1vw; }
  .fcw-1-1{ font-size:1.15vw; }
  .fcw-1-2{ font-size:1.25vw; }
  .fcw-1-5{ font-size:1.5vw; }
  .fcw-1-7{ font-size:1.75vw; }
  .fcw-2{ font-size:2vw; }
  .fcw-2-2{ font-size:2.25vw; }
  .fcw-2-5{ font-size:2.5vw; }
  .fcw-2-75{ font-size:2.75vw; }
  .fcw-3{ font-size:3vw; }
  .fcw-3-2{ font-size:3.25vw; }
  .fcw-3-5{ font-size:3.5vw; }
  .fcw-3-7{ font-size:3.75vw; }
  .fcw-4{ font-size:4vw; }
  .fcw-4-2{ font-size:4.25vw; }
  .fcw-4-5{ font-size:4.5vw; }
  .fcw-4-7{ font-size:4.75vw; }
  .fcw-5{ font-size:5vw; }
  .fcw-5-2{ font-size:5.25vw; }
  .fcw-5-5{ font-size:5.5vw; }
  .fcw-5-7{ font-size:5.75vw; }
  .fcw-6{ font-size:6vw; }
  .fcw-6-2{ font-size:6.25vw; }
  .fcw-6-5{ font-size:6.5vw; }
  .fcw-6-7{ font-size:6.75vw; }
  .fcw-7{ font-size:7vw; }
  .fcw-8{ font-size:8vw; }
  .fcw-9{ font-size:9vw; }
  .fcw-10{ font-size:10vw; }
  .fcw-11{ font-size:11vw; }
  .fcw-12{ font-size:12vw; }

  /* simula <hr> com texto no centro */
  hr1 {
    display:flex;
    /*background:linear-gradient(to left,gray,lightgray,white,y
    ow,turquoise);;*/
  }
  hr1:before, hr1:after {
    color:white;
    content:'';
    flex:1;
    border-bottom:groove 2px;
    margin:auto 0.25em;
    box-shadow: 0 -1px ;/* ou 0 1px si border-style:ridge */
  }
  .dropdown-menu-2:before{ /* seta superior para notificação */
    content: "";
    position: absolute;
    top: -20px;
    left: 4px;
    /*
    right: 18px;
    */
    border:10px solid #343A40;
    border-color: transparent transparent #343A40 transparent;
  }
  .notification-box{
    padding: 10px 0px; 
  }
.bg-arppus{background-color: #172b5e !important}
.text-arppus{color: #172b5e !important}
.bg-arppus-2{background-color: #294eab !important}
.text-arppus-2{color: #294eab !important}

.uppercase {text-transform: uppercase;}