#form{padding-bottom:40px;}
#pageloader{background:rgba(255, 255, 255, 0.8);display:none;height:100%;position:fixed;width:100%;z-index:9999;top:0;bottom:0;left:0;right:0;}
#pageloader img{left:50%;margin-left:-32px;margin-top:-32px;position:absolute;top:50%;width:5%;}
.form-select{width:100%; border-bottom:1px solid var(--accent) !important; padding:4px !important; font-size:15px; }
label .control  {
  display: block;
  position: relative !important;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 18px;
}
  .control input {
      position: absolute;
      z-index: -1;
      opacity: 0;
     
  }
.control_indicator {
  /*position: absolute;*/
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border: 0px solid #000000;
  float:left;
}

.control-radio .control_indicator {
  border-radius: 50%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator{
  background: #cccccc;
}

.control input:checked ~ .control_indicator{
  background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,.control input:checked:focus ~ .control_indicator{
  background: #0e6647;
}
.control input:disabled ~ .control_indicator{
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control_indicator:after{
  display: block;
}
.control-checkbox .control_indicator:after{
 /* left: 8px;
  top: 4px;*/
  margin-left:8px;
  margin-top:4px;
  width: 3px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after{
  border-color: #7b7b7b;
}

.control-radio .control_indicator:after {
  margin-left: 7px;
  margin-top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #ffffff;
}
.control-radio input:disabled ~ .control_indicator:after {
  background: #7b7b7b;
}

  .menu-pagina {
    width: 100%;
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 4px;
  }
  
  .menu-pagina::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;;
    width: 8px;
    height: 8px;
    right: -1px;
    border-bottom: var(--border-width) solid var(--linha-titulo-cor);
    border-right: var(--border-width) solid var(--linha-titulo-cor);
    transition: 0.3s;
    background-clip: border-box;
  }
  
  .menu-pagina::after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    width: 8px;
    height: 8px;
    left: -1px;
    border-top: var(--border-width) solid var(--linha-titulo-cor);
    border-left: var(--border-width) solid var(--linha-titulo-cor);
    transition: 0.3s;
    background-clip: border-box;
  }
  
  .menu-pagina a:nth-child(3n+1) {
    background-color: var(--blue);
  }
  
  .menu-pagina a:nth-child(3n+2) {
    background-color: var(--blue-light);
  }
  
  .menu-pagina a:nth-child(3n+3) {
    background-color: var(--accent);
  }
  
  .menu-pagina a:nth-child(3n+1):hover {
    background-color: var(--blue-hover);
  }
  
  .menu-pagina a:nth-child(3n+2):hover {
    background-color: var(--blue-light-hover);
  }
  
  .menu-pagina a:nth-child(3n+3):hover {
    background-color: var(--accent-hover);
  }
  
  .menu-bg-accent a {
    background-color: var(--accent) !important;
  }
  
  .menu-bg-accent a:hover {
    background-color: var(--accent-hover) !important;
  }
  
  .menu-bg-blue a {
    background-color: var(--blue) !important;
  }
  
  .menu-bg-blue a:hover {
    background-color: var(--blue-hover) !important;
  }
  
  .menu-bg-blue-light a {
    background-color: var(--blue-light) !important;
  }
  
  .menu-bg-blue-light a:hover {
    background-color: var(--blue-light-hover) !important;
  }
  
  .menu-pagina a {
    box-sizing: border-box;
    position: relative;
    border: none;
    text-align: center;
    font-size: 0.8em;
    color: white;
    font-weight: 500;
    cursor: pointer;
    margin: 2px;
    padding: 6px 40px;
    transition: 0.3s;
    flex-grow: 1;
    text-transform: uppercase;
    font-family: var(--font-family);
    text-decoration: none;
  }
  
  .menu-pagina a:hover {
    background-color: var(--accent-hover);
    transition: 0.3s;
  }
  
  .menu-pagina a:hover::after {
    position: absolute;
    content: "\f30f";
    width: 20px;
    height: 21px;
    line-height: 22px;
    right: 2px;
    top: 2px;
    border: var(--border-width) solid white;
    text-align: center;
    vertical-align: middle;
    transition: 0.3s;
    color: white;
    font-family: "Ionicons";
    font-size: 1rem;
  }
  
  .menu-vertical {
    flex-direction: column;
    margin-top: 30px;
  }
  
  .menu-float-right {
    flex-direction: column;
    float: right;
    width: calc(33% - 10px);
    margin: 0 0 10px 10px;
  }
  
  .menu-float-left {
    flex-direction: column;
    float: left;
    width: calc(33% - 10px);
    margin: 0 10px 10px 0;
  }

  h1 ion-icon {

    font-size: 1.3em;
    margin-right: 10px;
    align-self: flex-start;

}

.formulario button[type="submit"] {
  padding:6px 10px;
}

.titulo-lista-cursos
{
font-size:18px !important;
font-weight:500 !important;
}

.bt-small{
  height:46px;
}

.collapse {
  width:100%;
  padding:20px 0px;
}
/*.collapse div {
  width:100%;
}*/
.collapse .header {
  background-color:#d3d3d3;
  padding: 2px;
  cursor: pointer;
  font-weight: bold;
}

.collapse .header p{
  margin-left:15px;
}
.collapse .panel-collapse {
  display: none;
  border:1px solid #d3d3d3;
  padding : 15px;
}

.toast__container {
  vertical-align: middle;
}

.add-margin{
margin:20px 0px;
}

.toast__svg{
fill:#fff;
}

.toast {
  text-align:left;
  padding: 21px 0;
  background-color:#fff;
  border-radius:4px;
  top: 0px;
  position:relative;
  box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
  width:100%;

}


.toast:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
border-top-left-radius:4px;
border-bottom-left-radius: 4px;

}

.toast__icon{
position:absolute;
top:50%;
left:22px;
transform:translateY(-50%);
font-size:32px;
padding: 7px;
border-radius:50%;
display:inline-block;
}

.toast__type {
color: #3e3e3e;
font-weight: 700;
margin-top: 0;
margin-bottom: 8px;
}

.toast__message {
  font-size: 14px;
  margin-top: 0;
margin-bottom: 0;
  color: #878787;
}

.toast__content{
padding-left:70px;
padding-right:60px;
}

.toast__close {
  position: absolute;
  right: 22px;
  top: 50%;
  width: 14px;
  cursor:pointer;
  height: 14px;
fill:#878787;
  transform: translateY(-50%);
}

.icon_mais {
  position: absolute;
  right: 22px;
  top: 50%;
  width: 14px;
  cursor:pointer;
  height: 14px;
fill:#878787;
  transform: translateY(-50%);
}

.toast--green .toast__icon{
color:#2BDE3F;
}

.toast--green:before{
background-color:#2BDE3F;
}

.toast--blue .toast__icon{
color:#1D72F3;
}

.toast--blue:before{
background-color:#1D72F3;
}

.toast--yellow .toast__icon{
color:#FFC007;
}

.toast--yellow:before{
background-color:#FFC007;
}

.title_pedido
{
  font-size:15px; font-weight:500;
}

