/*
Author: E4Card
Version: 1.0.0
Website: https://www.e4card.com.br/
Contact: contato@e4card.com.br
File: Custom E4Cars Css
*/

#upload_link{
    text-decoration:none;
}

#upload{
    display:none
}

#upload_image{
    display:none
}

.label {
  cursor: pointer;
}

.img-container img {
  max-width: 100% !important;
}

.e4zap {
	width: 16px;
	height: 16px;
	margin-left: 3px;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.btn-ojuice {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14; }
  .btn-ojuice:hover {
    color: #fff;
    background-color: #f5aa26;
    border-color: #f5a51a; }
  .btn-ojuice:focus, .btn-ojuice.focus {
    color: #fff;
    background-color: #f5aa26;
    border-color: #f5a51a;
    box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }
  .btn-ojuice.disabled, .btn-ojuice:disabled {
    color: #fff;
    background-color: #fd7e14;
    border-color: #fd7e14; }
  .btn-ojuice:not(:disabled):not(.disabled):active, .btn-ojuice:not(:disabled):not(.disabled).active,
  .show > .btn-ojuice.dropdown-toggle {
    color: #fff;
    background-color: #f5a51a;
    border-color: #f4a00e; }
    .btn-ojuice:not(:disabled):not(.disabled):active:focus, .btn-ojuice:not(:disabled):not(.disabled).active:focus,
    .show > .btn-ojuice.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }



.btn-ojuice {
  box-shadow: 0 0 0 rgba(247, 184, 75, 0.5); }


.bg-ojuice {
  background-color: #fd7e14 !important; }

a.bg-ojuice:hover, a.bg-ojuice:focus,
button.bg-ojuice:hover,
button.bg-ojuice:focus {
  background-color: #f5a51a !important; }

.card {
    box-shadow: none !important; /* remove box shadow and add !important */
}


  .btn-midnightblue {
  color: #fff;
  background-color: #002364;
  border-color: #002364; }
  .btn-midnightblue:hover {
    color: #fff;
    background-color: #f5aa26;
    border-color: #f5a51a; }
  .btn-midnightblue:focus, .btn-midnightblue.focus {
    color: #fff;
    background-color: #f5aa26;
    border-color: #f5a51a;
    box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }
  .btn-midnightblue.disabled, .btn-midnightblue:disabled {
    color: #fff;
    background-color: #002364;
    border-color: #002364; }
  .btn-midnightblue:not(:disabled):not(.disabled):active, .btn-midnightblue:not(:disabled):not(.disabled).active,
  .show > .btn-midnightblue.dropdown-toggle {
    color: #fff;
    background-color: #f5a51a;
    border-color: #f4a00e; }
    .btn-midnightblue:not(:disabled):not(.disabled):active:focus, .btn-midnightblue:not(:disabled):not(.disabled).active:focus,
    .show > .btn-midnightblue.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }



.btn-midnightblue {
  box-shadow: 0 0 0 rgba(247, 184, 75, 0.5); }


.bg-midnightblue {
  background-color: #002364 !important; }

a.bg-midnightblue:hover, a.bg-midnightblue:focus,
button.bg-midnightblue:hover,
button.bg-midnightblue:focus {
  background-color: #f5a51a !important; }

/*Private Colors Session*/


/*Private Color saab-cta-primary-1*/

.btn-saab-cta-primary-1 {
color: #34322e;
background-color: #FFB600;
border-color: #FFB600; }

.btn-saab-cta-primary-1:hover {
color: #34322e;
background-color: #FA9900;
border-color: # ; }

.btn-saab-cta-primary-1:focus, .btn-saab-cta-primary-1.focus {
color: #34322e;
background-color: #FA9900;
border-color: #FA9900;
box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }

.btn-saab-cta-primary-1.disabled, .btn-saab-cta-primary-1:disabled {
color: #34322e;
background-color: #FFB600;
border-color: #FFB600; }

.btn-saab-cta-primary-1:not(:disabled):not(.disabled):active, .btn-saab-cta-primary-1:not(:disabled):not(.disabled).active,
.show > .btn-saab-cta-primary-1.dropdown-toggle {
color: #34322e;
background-color: #FA9900;
border-color: #FA9900; }

.btn-saab-cta-primary-1:not(:disabled):not(.disabled):active:focus, .btn-saab-cta-primary-1:not(:disabled):not(.disabled).active:focus,
.show > .btn-saab-cta-primary-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }

.btn-saab-cta-primary-1 {
box-shadow: 0 0 0 rgba(247, 184, 75, 0.5); }

.bg-saab-cta-primary-1 {
background-color: #FFB600 !important; }

a.bg-saab-cta-primary-1:hover, a.bg-saab-cta-primary-1:focus,
button.bg-saab-cta-primary-1:hover,
button.bg-saab-cta-primary-1:focus {
background-color: #FA9900 !important; }

.text-saab-black { color: #34322e !important; }

/*Private Color saab-cta-primary-2*/

.btn-saab-cta-primary-2 {
color: #FFF;
background-color: #004C97;
border-color: #004C97; }

.btn-saab-cta-primary-2:hover {
color: #FFF;
background-color: #15427B;
border-color: # ; }

.btn-saab-cta-primary-2:focus, .btn-saab-cta-primary-2.focus {
color: #FFF;
background-color: #15427B;
border-color: #15427B;
box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }

.btn-saab-cta-primary-2.disabled, .btn-saab-cta-primary-2:disabled {
color: #FFF;
background-color: #004C97;
border-color: #004C97; }

.btn-saab-cta-primary-2:not(:disabled):not(.disabled):active, .btn-saab-cta-primary-2:not(:disabled):not(.disabled).active,
.show > .btn-saab-cta-primary-2.dropdown-toggle {
color: #FFF;
background-color: #15427B;
border-color: #15427B; }

.btn-saab-cta-primary-2:not(:disabled):not(.disabled):active:focus, .btn-saab-cta-primary-2:not(:disabled):not(.disabled).active:focus,
.show > .btn-saab-cta-primary-2.dropdown-toggle:focus {
box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }

.btn-saab-cta-primary-2 {
box-shadow: 0 0 0 rgba(247, 184, 75, 0.5); }

.bg-saab-cta-primary-2 {
background-color: #004C97 !important; }

a.bg-saab-cta-primary-2:hover, a.bg-saab-cta-primary-2:focus,
button.bg-saab-cta-primary-2:hover,
button.bg-saab-cta-primary-2:focus {
background-color: #15427B !important; }

/*Private Color saab-logo-blue*/

.btn-saab-logo-blue {
color: #FFF;
background-color: #041E42;
border-color: #041E42; }

.btn-saab-logo-blue:hover {
color: #FFF;
background-color: #041E42;
border-color: # ; }

.btn-saab-logo-blue:focus, .btn-saab-logo-blue.focus {
color: #FFF;
background-color: #041E42;
border-color: #041E42;
box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }

.btn-saab-logo-blue.disabled, .btn-saab-logo-blue:disabled {
color: #FFF;
background-color: #041E42;
border-color: #041E42; }

.btn-saab-logo-blue:not(:disabled):not(.disabled):active, .btn-saab-logo-blue:not(:disabled):not(.disabled).active,
.show > .btn-saab-logo-blue.dropdown-toggle {
color: #FFF;
background-color: #041E42;
border-color: #041E42; }

.btn-saab-logo-blue:not(:disabled):not(.disabled):active:focus, .btn-saab-logo-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-saab-logo-blue.dropdown-toggle:focus {
box-shadow: 0 0 0 0.15rem rgba(248, 195, 102, 0.5); }

.btn-saab-logo-blue {
box-shadow: 0 0 0 rgba(247, 184, 75, 0.5); }

.bg-saab-logo-blue {
background-color: #041E42 !important; }

a.bg-saab-logo-blue:hover, a.bg-saab-logo-blue:focus,
button.bg-saab-logo-blue:hover,
button.bg-saab-logo-blue:focus {
background-color: #041E42 !important; }  