/*Estilo principal*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

html{
  min-height: 100%;
 /* background-color: rgb(99, 167, 123,0.1);*/
}
body {
    min-height: 100%;
  background-color: #fcfcfc;
  height: 100%;
}

.content-wrapper{
  background-color: #fcfcfc !important;

}


.container {
  max-width: 400px;
}

#content {
  padding: 2px 20px 2px 20px;
  /*background-color: white;*/
}
#exercicios {
    padding: 2px 2px 2px 2px;
    background-color: white;
  }

.mensagemFinalContainer{

  max-width: 270px;
  margin-top: 25px;
  -webkit-animation: fadeIn 3s ease-in-out;
  -moz-animation: fadeIn 3s ease-in-out;
  -o-animation: fadeIn 3s ease-in-out;
  animation: fadeIn 3s ease-in-out;

}

.pageTitle{
    text-align: center;
    font-family: 'open sans', Helvetica, Arial, sans-serif;
    color: #712573;
    font-size: 30px;
    border-radius: 5px;
    background-color: white;
  }
/*Estilo carousel*/

.carousel-inner img {
  width: 100%;
  height: auto;
  display: block;
}

/*Estilo navbar e footer*/

.navbar,
.navbar-expand{
  background: white;
  background-size: 400% 400%;
  margin: 10px;
  border-radius: 20px;
}

.footer {
    background: #4E8CE5;
    background-size: 400% 400%;
  }

a.nav-link:hover {
  color: #712573;
}

.navbar-brand {
  font-family: 'Luckiest Guy', cursive;;
  font-size: 30px;
  text-shadow: 3px 3px 0px #f5f5f5;
  mix-blend-mode: screen;
  animation: fadeIn 2.5s linear forwards;
}

.nav-link {
    padding: 0px;
  color: #712573;
}

.footer{
  bottom: 0;
  width: 100%;
}
/*Estilo dropdown*/
.dropicon{
    color: white;
}
.dropicon::before{
    color: white !important;
}
.dropdown-menu {
  min-width: 8.5em;
  background-color: #712573 ;
  padding: 0;

}
.dropdown-menu.show{
  left: -93px;
}


.dropdown-item {
  color: white;
  font-weight: bold;
}

#dropDisciplina {
    padding: 5px;
 /* margin-top: 6px;*/
  cursor: pointer;
}

.dropdown-toggle::after {
  color: #712573;
  margin-left: 0;
}

.dropdown-menu a:hover,
.dropdown-menu a:focus {
  color: white;
  background-color: #4E8CE5;
}

.dropdown-item{
  padding: 1px 1px 1px 1px;
}

/*Estilo icones*/
.icone::before {
  height: 18px;
  color: #712573;
}
.icone{
    display: inline-flex;
}

.bi-plus-circle::before {
  content: "\f4d3";
  font-size: 22px;
  color: #712573 ;
}

.dropicon::before{
    color: white !important;
}

/*Estilo logo*/


/*Estilo Sidenav*/


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #CEE0E9 ;
/*  background-color: rgb(42, 63, 245);
  background-color: rgb(27, 25, 25);*/
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
  border-right: 1px solid #136aaf;
}

.sidenav li {
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-size: 15px;
  color: black !important;
  display: block;
  transition: 0.3s;
}

.sidenav li a{

    color: #136aaf ;
    font-weight: bold;
  }

.list-group {
  text-align: left;
  cursor: pointer;

}

.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color:rgba(22, 68, 235, 0.5856);
  color: white;
}

.sidenav .close {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 26px;
  margin-left: 50px;
  color: white;
}

.sidenavHeader {
  height: 71px;
  background-color: #136aaf ;
}




/*Estilo card*/

.cardExercicios {
  margin-top: 2px;
  margin-bottom: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 1px inset outset;
  border-color: #1b8307 rgb(109, 185, 247);
  border-width: 3px;
  border-radius: 5px;
}

.mensagemFinal{
  background-color: #fc9739;


  -webkit-box-shadow: inset 0px 0px 12px 5px rgba(255,21,26,0.31);
box-shadow: inset 0px 0px 12px 5px rgba(255,21,26,0.31);
}
/*
.card-body, .card-header {
  margin-left: -1px;
}
*/
.card-body ul li{
    margin-bottom: 3px;
  }

.cont p{
    word-break: break-word;
}

.informations{
  margin-top: 3px;
  margin-left: 3px;
  margin-right: 3px;
}

.informations td{
  border-bottom: 1px solid rgba(114, 111, 111, 0.315) ;
  text-align: center;
  word-break: normal;
  font-size: 13px;
  color: rgb(20, 17, 172);
  font-weight: bold;
}

.btnCard{
  float: right;
  border-radius: 50%;

}

.iconeBtn::before{
  padding-bottom: 5px;
}
/*Estilo radiobuttons*/


input[type="radio"] {

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 6px;

  background-clip: content-box;
  border: 2px solid #bbbbbb;
  background-color: #e7e6e7;
  border-radius: 50%;
}


a b{
    font-size:1.1rem;
}

/*estilo radio customizado*/
input[type="radio"] {
  opacity: 0;
  position: absolute;
}

/*aparencia radio button*/
input[type="radio"]+label:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 6px;
  margin-right: 3px;
  /* borda do radio */
  background-clip: content-box;
  border: 2px solid #6BB672;
  /*background-color: #e7e6e7;*/
  border-radius: 50%;
}

/*estilo span*/
.radio-item span {
  position: absolute;
  padding-left: 7px;
  padding-bottom: 1px;
  font-weight: bold;
  color: #6BB672;
}


/* aparencia do radio estado Check */
input[type="radio"]:checked+label:before {
  background-color: #6BB672;
  padding: 1.5px 1.5px 1.5px 1.5px;
  z-index: 1;
  border: 2px solid #6BB672;
}

/* estilo para label */
label {
  display: flex;
  align-items: center;
}

/*Estilo icones acerto e erro*/

.iconeError::before{
  margin-left: -29px;
    font-size: 1.7rem;
    margin-top: 2px;
    color: red;
}

.iconeSuccess::before{
  margin-left: -29px;
  font-size: 1.7rem;
  margin-top: 2px;
  color: #6BB672;
}

/*Estilos p*/
p{
    font-family: 'open sans', Helvetica, Arial, sans-serif;
}
#content p {
  text-align: justify;
  font-size: medium;
  word-break: break-word;
}

#exercicios .border-bottom td:first-child{
    padding: 0.3rem!important;
}

.radio-item label{
    margin-bottom: 0;
}

.texto p{
  margin-bottom: .35rem;
}
.card-header p {
  text-align: justify;
  margin: 0;
}

.card p {
  text-align: justify;
}

.mensagemFinal p{
  font-weight: 500;
  color: white;
  text-align: center;
  font-family: 'Francois One', sans-serif;
  text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;

}

/*Estilo hx*/
h1 {
  margin-top: 10px;
  font-size: 33px;
  text-align: center;
  color: #712573 ;
  font-weight: 600;
  font-variant: small-caps;
}

h2 {
  font-size: 20px;
  font-weight:bold;
  font-variant: small-caps;
  color: #712573;
 /* text-decoration: underline;*/
}

h6 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  text-align: center;
  border-radius: 4px;
  margin-top: 5px;
  background-color: #712573 ;
}

ul {
    list-style-position: inside;
  }

  ol {
    list-style-position: inside;
  }

/*Estilo buttons principais*/
.btn{
  font-family: 'Yusei Magic', sans-serif;
  font-weight: 100;

  font-size: medium;
}
.btn:hover {
  opacity: 1;
}

 .btn-success {
  background-color: #FCB332;
  border-color:white ;
}

.btn-primary {
  background-color: #FCB332;
  border-color: white;
}
.btn-primary:focus {
    background-color: #FCB332;
    border-color: white;
  }
  .btn-primary:active,
.btn-primary:focus {
  background-color: #FCB332 !important;
  border-color: white !important; /* If you have a border */
  box-shadow: none !important; /* Remove any default box-shadow */
  outline: none !important; /* Remove default outline */
}
  .btn-primary:hover {
    background-color: #FCB332;
    border-color: white;
  }

span.bi-check-circle::before{
  padding-bottom: 3px;

}

.buttonEnviar{
  float: right;
  background-color: red;
  border-color: red ;
  color: white;
}

.buttonEnviar:hover{
  background-color: rgb(252, 59, 59);
  color: white;
  border-color: rgb(252, 59, 59);
}

/*Buttons prev/next*/
.prev,
.next {
  cursor: pointer;
  position: fixed;
  top: 50%;
  width: auto;
  padding: 0px;
  margin-top: -22px;
  color: rgb(235, 34, 34);
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: none !important;
}


.next {
    text-decoration: none;
    right: 5px;
    background-color: #136aaf;
    color: #CEE0E9;
  border-radius: 3px;
}

.prev {
    text-decoration: none;
    left: 5px;
    background-color: #136aaf;
    color: #CEE0E9;
  border-radius: 3px;
}


.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/*Estilo tables*/

/*Seleção de Simulados*/

.searchContainer h2{
    text-align: center;
    margin-top: 5px;
  }
  .searchContainer p{
    text-align: justify;
  }
  .headerSearch{
    display: flex;
    justify-content: space-between;
    background-color:#FCB332;
    color: white;
    font-weight: bold;
  }

  .searchSim{
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
  }

  .searchSim:hover{

      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

  }
  .bodySearch{
    padding: 0.25rem;
    display: grid;
    text-align: center;

    color: #4E8CE5;
    font-weight: bold;
  }

  .tableSearch td{
    font-size: small;
    padding-left: 7px;
  }

  .bi-check2-circle::before{
    font-size: 30px;
    color: white;
  }

  .bi-search::before{
    margin-bottom: 3px;
  }

/* Estilo videoaulas*/
  .filtro-video{
    padding: 10px;
  }

/*Estilo Blocos*/



.blockContainer h3{
    text-align: center;
    font-family: fantasy;
    color: rgb(7, 77, 206);
    text-shadow: 0 0 3px #00eeff;
    font-size: 35px;

  }

  .blockContainer p{
    text-align: justify;
    font-size: large;
  }

  .cardBlock{
    margin-bottom: 11px;
    background-color: white;
    border-color: black;
    border-width: 1px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .headerBlock:first-child{
    background:  #136aaf;
    color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: none;
    font-size: 20px;
    margin-bottom: 0;
  }
  .headerBlock h4{

    margin-bottom: 0;
  }
  .cardBlock{
   border-radius: 20px;
  }

  .blockIcon{
    font-size: 25px;
  }

  .fa-flask::before{
    color: white;
  }

  .listDisc{
    padding: 10px;
    border: none;
   cursor:auto;
  }
  .listDisc:nth-child(even){
    background-color: #6bb672;
  }
  .listDisc:last-child{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .listDisc:hover{
    background-color: #92e3eef5;

  }
  .listDisc a:hover{

    text-decoration: none;
  }

  .disc,.disc:hover{
    color: #712573  ;
  }

  .disc{
    text-align: left;
    margin-left: 10px;
  }

  .card-body-block {
    padding: 0;
  }
  .list-block{
    padding: 10px;
  }

  .badge{
    color: white;
    background-color: #6BB672 ;
  }

  .discIntText, .discIntText:hover{
    color: #712573;
  }

  .badgeIntText{
    color: white;
    background-color: goldenrod;
  }

/*Estilo Simulados*/
.card a{
    color: #712573
}

.cardnormalSim {
    margin-top: 2px;
    margin-bottom: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-color: rgb(0 0 0 / 8%);
    border-style: double ;
    border-width: 3px;
    border-radius: 5px;
  }

  .informationsSim{
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-right: 0;
    color: whitesmoke;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-transform: uppercase;
    background-color: #FCB332;
    text-align: center;
    font-weight: 600;
    font-size: larger;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.2);
    box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.2);
  }

  .cardsim{
    margin-top: 2px;
    margin-bottom: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 1px double ;
    border-color: #FCB332 rgba(186, 190, 187, 0.336);
    border-width: 5px 10px;
    border-radius: 5px;
  }

  .simTitle{

    color: white;
    font-weight: bold;
  }
  .instructions{
    border: 1px double rgba(122, 123, 128, 0.329);
    border-width: 3px;
    border-radius: 5px;
  }
  .instructions h5{
    text-align: center;
    color: #3523d5;
    background-color: #8a8888;

  }
  .enunciadoSim{
    background-color: #b3aeae8f;
  }
  .instructions p{
    margin-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: underline;
    margin-left: 6px;
  }
  .simList{
    margin-top: -5px;
    cursor: auto;
    text-align: justify;
  }
  .simList li{
    padding: 1px;
    border: none;
    font-size: small;
    list-style-position: inside;
    margin-left: 6px;

  }
  .buttonEnviarSim{
    background-color:white;
    color: rgb(119, 116, 116);
    border-color: deepskyblue;
    transition: 0.4s;
  }
  .buttonEnviarSim:hover{
    background-color: deepskyblue;
    color: rgb(214, 40, 40);
    font-weight: bold;

  }
  /*form*/
  .form-control:focus, .custom-select:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(252, 179, 50, 0.5); /* This adds a light orange glow with a bit of transparency */
}
.form-control, .custom-select {
    border: 1px solid #FCB332; /* Orange border */
    color: #333; /* Optional: changes the text color */
}




  /*Estilo Simulados Incorporados*/

  .cardsimInt{
    margin-top: 2px;
    margin-bottom: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 1px double ;
    border-color: #07c026c0 rgba(186, 190, 187, 0.336);
    border-width: 5px 10px;
    border-radius: 5px;
  }



  .informationsInt{
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-right: 0;
    color: whitesmoke;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-transform: uppercase;
    background-color: #1E7022;
    text-align: center;
    font-weight: 600;
    font-size: larger;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.2);
    box-shadow: -1px 1px 5px 3px rgba(0,0,0,0.2);

  }



  .simintBtn{
    border: 1px solid whitesmoke ;
    margin-bottom: 10px;
  }
  .simintBtn:hover{
    background-color: rgb(0, 139, 30);
    color: white;
  }
  .prevsimbtnIcon::before{
    float: left;
    margin-top: 4px;
    font-size: 20px;

  }
  .nextsimbtnIcon::before{
    float: right;
    margin-top: 4px;
    font-size: 20px;
  }
  .sendSimBtn{
    border: 1px solid whitesmoke ;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .sendSimBtn:hover{
    background-color: rgb(214, 40, 40);
    color: white;
  }


/*Estilo Questões*/
.cardFilter{
    border-left: 7px inset #FCB332;
  }
  .border-igeve {
    border-color: #FCB332 !important;
}

  .searchBtn{
    opacity: 0.9;
    background-color: #FCB332;
    color: white;
  }

  .searchBtn:hover{
    opacity: 1;
    color: white;
  }
  .cardQuestion{
    margin-top: 2px;
    margin-bottom: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    border: 1px double ;
    border-color: #FCB332 rgba(186, 190, 187, 0.336);
    border-width: 5px 10px;
    border-radius: 5px;
  }

  .questionBtn{
    background-color: white;
    margin-bottom: 10px;
  }
  .questionBtn:hover{
    background-color: #136aaf ;
    color: white;
  }
  .prevqbtnIcon::before{
    float: left;
    margin-top: 4px;
    font-size: 20px;

  }
  .nextqbtnIcon::before{
    margin-top: 4px;
    font-size: 20px;
  }





  .modalalerta {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    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.4); /* Black w/ opacity */
  }

   /*Modal*/
.conteudoModal {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: fit-content
  }

  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

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

  /*Estilo HomeStudent*/
  /*
.backStudent{
     background-color: #CEE0E9;
  }
*/
  .containerStudent{
    max-width: 100%;
  }
  .cardStudent{
    background-color: #FCB332;

    border-radius: 10px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.986), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  }

  .cardStudent:hover{
    text-decoration: none;
    color: black;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .cardStudent p{
    color: white;
    margin-bottom: 0;
    font-size: x-large;
    font-family: 'Concert One', cursive;
  }

  .iconStudent{
    color: white;
    font-size: xx-large;
  }
  .iconStudentBlack{
    color: black;
    font-size: xx-large;
  }

  .iconavStudent{
    font-size: x-large;
    color: white;
    margin-top: 10px;
    padding-right: 10px;
  }

  .iconavStudent:hover{
    text-decoration: none;
    color: white;
  }

  .navbarStudent{
      border-radius: 5px;
      background-color: #712573;
  }


/*Estilo profile*/
.customBody {
    background-color: #bffcc1ab;
  }

  .profile-pic {
    display: block;
}

.file-upload {
    display: none;
}
.circle {
    border-radius: 50%;
    overflow: hidden;
    width: 128px;
    height: 128px;
    border: 8px solid rgba(255, 255, 255, 0.7);

}
img {
    max-width: 100%;
    height: auto;
}
.p-image {
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
  font-size: 1.2em;
}

.upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}

  .containerProfile {
    max-width: 100%;
  }

  .progressTitle {
    font-size: 20px;
    color: #CEE0E9 ;
  }

  .generalProgress {
    background-color: rgb(238, 44, 44);


  }

  .cardProgress {
    color: #4E8CE5  ;
    background-color: #4E8CE5 ;
  }

  .profileInformations {
    background-color: #4E8CE5 ;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem;
    color: white;

  }

  .profileHeader {
    background-color: #4E8CE5 ;

  }

  .ProfileName{
    font-weight: bold;
    color: white  ;
  }
/*
  .profileHeader:hover {

    -webkit-transform: scale(1.2);
    -ms-transform: scale(1);
    transform: scale(1);
    color: white;
    background-color: #141545;
    transition: all 1s;
    box-shadow: 18px -17px 39px -31px rgba(0, 46, 222, 0.99) inset;
    -webkit-box-shadow: 18px -17px 39px -31px rgba(0, 46, 222, 0.99) inset;
    -moz-box-shadow: 18px -17px 39px -31px rgba(0, 46, 222, 0.99) inset;
  }
*/
.profileTitle{
    background-color: #4E8CE5 ;
    height: 40px;
    display: flex;
    justify-content: center;
    color: #4E8CE5 ;
    font-family: 'Frijole', cursive;
    font-size: 30px;

  }

  .imgProf {
    background-color: white;

    box-shadow: 0px -5px 6px #0fdae9;
    border: 1px solid white;
  }

  .bi-person-bounding-box::before {
    margin-bottom: 2px;
    margin-right: 15px;
  }




  .mhProfile,
  .mfProfile {
    background-color: #15279f;

  }


.mbProfile {
  background-color: #4E8CE5;
}
.phCourses, .pfCourses{
  background-color: #136aaf ;
  color: #136aaf ;
}

.keyIcon::before{
  margin-bottom: 3px;
}


/* professor */
.user-header p{
    color: #712573 !important;
}
ul .treeview-menu{
    background-color: #FCB332 !important;
}

.box.box-primary, .box.box-success {
    border-top-color: #FCB332;
}

.btn-success:hover{
  background-color: #E83C2A ;

}
.btn-success:focus{
    background-color: #E83C2A !important;
    border-color: #E83C2A !important;
    box-shadow: 0 0 0 0.2rem #FCB332 !important;
  }
  .btn-success:active{
    background-color: #E83C2A !important;
    border-color: #E83C2A !important;
    box-shadow: 0 0 0 0.2rem #FCB332 !important;
  }
.nav>li>a:hover{
    background: none;
}
.nav>li>a:focus{
    background: none;
}
.nav>li>a:active{
    background: none;
}

.main-footer{
    background: #4E8CE5;

}

.main-sidebar{
    background-color: #FCD672 ;

}
.skin-unipro{
    background-color: #712573 ;
  color: #712573 ;
}

li.treeview a{
    color: #712573 ;
}
ul.treeview-menu{
    background-color: #CEE0E9 ;
}
.logo-lg, .logo-mini{
    color: #712573 ;
}
/* Promoção */



.promomodalBody{
    background-image: linear-gradient(to right top, #049811, #0b9a1e, #119c28, #179d31, #1c9f39, #1ea63e, #1fae42, #21b547, #1fc44a, #1dd44d, #1be450, #19f452);
   }

   .promomodalBody h4{
    font-family: 'Montserrat', sans-serif; color: #fff;
    font-size: 25px;
    text-shadow: rgba(0,0,0,.2) 2px 6px 5px,rgba(255,255,255,.4) 0 -4px 30px;
    text-align: center;
}

.promomodalBody p{
    font-family: 'Montserrat', sans-serif; color: #fff;
    font-size: 25px;
    text-shadow: rgba(0,0,0,.2) 2px 6px 5px,rgba(255,255,255,.4) 0 -4px 30px;
    text-align: center;
}

.promomodalBody h5{
 font-family: 'Montserrat', sans-serif; color: #fff;
 font-size: 20px;
 text-shadow: rgba(0,0,0,.2) 2px 6px 5px,rgba(255,255,255,.4) 0 -4px 30px;
 text-align: center;
 }

 .promomodalBody p{
 font-family: 'Montserrat', sans-serif; color: #fff;
 font-size: 20px;
 text-shadow: rgba(0,0,0,.2) 2px 6px 5px,rgba(255,255,255,.4) 0 -4px 30px;
 text-align: center;
 }

   .promomodalBody p{
       font-size: medium;

   }

   .PromoButton {
       box-shadow:inset 0px 1px 0px 0px #97c4fe;
       background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
       background-color:#3d94f6;
       border:1px solid #337fed;
       display:inline-block;
       cursor:pointer;
       color:#ffffff;
       font-family:'Montserrat';
       font-size:15px;
       font-weight:bold;
       padding:6px 24px;
       text-decoration:none;
       text-shadow:0px 1px 0px #1570cd;
       padding: 1rem 3rem;
       border-radius: 50px;

   }
   .PromoButton:hover {
       background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
       background-color:#1e62d0;
   }
   .PromoButton:active {
       position:relative;
       top:1px;
   }

   .PromoButtonRefuse {
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:#dc3545;
    background-color:#dc3545;
    border:1px solid #b1a374 ;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:'Montserrat';
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #1570cd;
    padding: 1rem 3rem;
    border-radius: 50px;

    }

    .PromoButtonRefuse:active {
        position:relative;
        top:1px;
    }

   @media screen and (max-width:375px){
       .promomodalBody h4{
           font-size: 20px;
       }
   }


/*Histórico - card*/
.profileQuestions{
    background-color: #136aaf ;
    /*border: 2px solid white;*/
  }

  .buttonElement{
    display: flex;
    justify-content: center;

  }

  .bi-card-checklist::before{
    margin-bottom: 3px;
    margin-right: 10px;
  }

  @media screen and (max-width:768px){
    .buttonElement{
      align-items: center;
    }
  }

  @media screen and (max-width:1024px){
    .buttonElement{
      align-items: center;
    }
  }

  @media screen and (min-width:1320px){
  .bodyQuestion{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .buttonElement{
    height: 50%;
    margin-top: 20px;
  }

  }

/*Estilo Contact*/



.contactVideo, .contactForm{
    background-image: linear-gradient(302.07deg, #26B7F5 25.61%, #2692F5 47.36%, rgba(38, 59, 245, 0.98) 70.06%);
    color: whitesmoke;
    font-weight: bold;


  }

  .formContainer{
    background-color: #4E8CE5 ;
    color: white;
    border-radius: 20px;
  }

  /*Estilo cards produtos*/

.containerProduct{
    max-width: 100%;
  }
  .cardProduct{
    border-radius: 25px 25px 25px 25px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  }
  .productPrice{
    background-color: #152beb;
    height: 100px;
    border-radius: 25px 25px 0 0;

  }

  .productPrice2{
    background-color: #3fc909;
    height: 100px;
    border-radius: 25px 25px 0 0;
  }

  .productPriceb, .productPricec{
    height: 30px;
    background-color: #0a0a0a;
  }

  .productInfo{
    background-color: #cdffeb;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #141545;
    font-weight: 700;
  }

  .productConfirm:last-child{
    background-color: #152beb;
    border-radius: 0 0 25px 25px;


  }

  .productConfirm2:last-child{
    background-color: #3fc909;
    border-radius: 0 0 25px 25px;


  }

  .labelTop{
    background-color:#1b1b1b;
    height: 40px; max-width: 50%;
    margin-bottom: -10px;
    margin-top: -14px;
    padding: 0;
    text-align: center;
    color: white;
  }

  .labelMiddle{
    margin-top: 15px;
    font-size: 30px;
    color: white;
    font-weight: bold;
  }

  .labelBottom{
    font-size: 15px;
    margin-top: -15px;
    color: white;
    font-weight: bold;
  }

  .btnProduct{
    background: #CB1717;


    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #FFFFFF;


    font-weight: 100;

    -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    box-shadow: 1px 1px 20px 0 #000000;
    text-shadow: 1px 1px 20px #000000;



  }
  .btnProduct:hover{


    background: #D01E1E;
     background-image: -webkit-linear-gradient(top, #D01E1E, #F63D4E);
     background-image: -moz-linear-gradient(top, #D01E1E, #F63D4E);

     background-image: -o-linear-gradient(top, #D01E1E, #F63D4E);


      color: white;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 20px;
      text-decoration: none;
  }


/*Media querys*/



  @media screen and (max-width:768px){
    .tableSearch td{
      font-size: x-small;
    }
  }

/*Media querys*/

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 300px) {

  .prev,
  .next,
  .text {
    font-size: 11px
  }
}

@media only screen and (max-width:320px){
  .navbar-brand{
  margin-right: -5px;
  font-size: 25px;
  }
  .checkqbtnIcon::before{
    margin-bottom: 2px;
    font-size: 20px;
  }
}

/*Key Frames*/
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}