@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");
.disabled,
.disabled:hover {
    opacity: 0.65; 
    cursor: not-allowed !important;
}

.hidden {
    display: none;
}

.txt-hidden{
  display: none;
}

.spinner-hidden{
  display: none !important;
}

.input-error {
    font-size: 11px;
    font-style: italic;
    margin-top: -10px;
    clear: both;
}

.select2-selection__arrow {
  margin-top: 8px;
}

.input-error.msg-warning {
    color: #3369af;
}

.input-error.msg-error {
    color: #ed6a6a;
}

.register-form-error-msg {
    color: #ed6a6a;
    text-align: center;
    border: 1px solid #ed6a6a;
    margin-bottom: 10px;
    padding: 2.5% 5% 2.5% 5%;
    border-radius: 5px;
}

.register-form-error-msg > a {
  color: #ed6a6a;
  text-align: center;
  text-decoration: underline #ed6a6a; 
}

.register-form {
  width: 100%;
  max-width: 500px;
  text-align: left;
  margin: 0 auto;
  margin: 0% 10% 0% 10%;
}

.register-align {
  text-align: left;
}

.div-check {
  position: absolute;
  right: 55px;
  top: 37%;
}

.dgv-icon-check {
  width: 100%;
  color: green;
}

.check {
  position: relative;
  color: #aaa;
  font-size: 16px;
}

.check .fa-check { 
  position: absolute;
  top: 25%;
  right: 35px;
  color: green;
}

.btn-eye {
  padding: 0% 15% 0% 15% !important;
}
.input-group {
  margin-bottom: 10px !important;
}

.password-div {
  width: auto !important;
}

.checkbox-text {
  font-size: 12px;
}

.checkbox-text > a{
  font-size: 12px;
}

.checkbox-form {
  padding-bottom: 5% !important;
}

#btn_send_email_tutor{
 background: #BE00FE !important;
 text-decoration: none;
  border: unset;
}

#btn_redirect_home{
  background: #BE00FE !important;
  text-decoration: none;
  border: unset;
}

.pop-pup-tutor{
  color: #14033D;
  letter-spacing: 0px;
  text-align: left !important;
}

.pop-pup-tutor-success{
  color: #14033D;
  letter-spacing: 0px;
  text-align: left !important;
}

.title-tutor{
  font: normal normal bold 30px/32px Ubuntu;
}

.subtitle-tutor{
  font: normal normal normal 14px/16px Ubuntu;
}

#email_tutor_modal{
  border: unset !important;
  background: #E5E5E5 !important;
  height: 35px !important;
  width: 100% !important;
}

input {border:0;outline:0;}
input:focus {outline:none!important;}

/* Modal de Premios Premium MG */
.dgv-prizes-premium-modal{
  /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
  height: 449px;  
  border-radius: 10px;
  opacity: 1;
}

.dgv-prizes-premium-modal-content{
  margin-top: 45px;
  text-align: center !important;
}

.dgv-prizes-premium-modal-title{
  width: 529px;
  text-align: center;
  font: normal normal normal 42px/48px 'Ubuntu Medium';
  letter-spacing: 0px;
  color: #FFFFFF;
}

.dgv-prizes-premium-modal-title span{
  color: #00FF9F;
}

.dgv-prizes-premium-modal-success-text{
  width: 405px;
  text-align: center;
  font: normal normal normal 16px/20px Ubuntu;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.dgv-prizes-premium-modal-check-circle{
  margin-top: 12px;
}

.dgv-prizes-premium-modal-confirm-btn{
  width: 383px;
  height: 50px;
  background: #2AFD9F 0% 0% no-repeat padding-box !important;
  border-radius: 6px !important;
  opacity: 1;
}

.dgv-prizes-premium-modal-confirm-btn:hover{
  background: #06CB73 0% 0% no-repeat padding-box !important;
  border-radius: 6px;
  opacity: 1;
}

.dgv-prizes-premium-modal-confirm-btn:focus{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.dgv-prizes-premium-modal-confirm-btn-text{
  text-align: center;
  font: normal normal normal 16px/18px 'Ubuntu Medium' !important;
  letter-spacing: 0px;
  color: #14033D !important;
  opacity: 1;
}

.dgv-prizes-premium-modal-cancel-btn{
  width: 382px;
  height: 50px;
  background: transparent 0% 0% no-repeat padding-box !important;
  border: 2px solid #00FF9F !important;
  border-radius: 6px !important;
  opacity: 1;
}

.dgv-prizes-premium-modal-cancel-btn-text{
  text-align: center;
  font: normal normal normal 16px/18px 'Ubuntu Medium' !important;
  letter-spacing: 0px;
  color: #00FF9F !important;
  opacity: 1;
}

.dgv-pizes-premium-modal-icon-close-btn{
  align-items: center;
  justify-content: center;
  background: #E9E1F880 0% 0% no-repeat padding-box !important;
  text-align: center;
  font: normal normal normal 25px/25px 'Ubuntu Medium' !important;  
  color: #14033D !important;
  border-radius: 50%;
  width: 23px !important;
  height: 23px !important;
  margin-top: 5px !important;
  margin-right: 5px !important;
  opacity: 1;    
}

.dgv-pizes-premium-modal-icon-close-btn:hover{
  color: #14033D !important;
}

.dgv-pizes-premium-modal-icon-close-btn:focus{
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}
/* End Modal de Premios Premium MG */

/* Modal de Planes Premium MG */
.dgv-plans-premium-modal{
  width: 1088px;
  height: 736px;
  background: #14033D 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 40px #E9E1F880;
  border: 2px solid #E9E1F880;
  border-radius: 24px;
  opacity: 1;
}

.dgv-plans-premium-modal-content{
  text-align: center;
}

.dgv-plans-premium-modal-title{
  text-align: center;
  font: normal normal bold 24px/28px Ubuntu;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-top: 32px;
  opacity: 1;
}

ul{
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 5px;
  margin-top: 29px;
  margin-bottom: 34px;
}

.dgv-plans-premium-modal-li-plan-premium{
  width: 477px;
  text-align: left;
  font: normal normal normal 16px/20px Ubuntu;
  letter-spacing: 0px;
  margin-left: 25px;
  margin-right: auto;
  color: #FFFFFF;
}

.dgv-plans-premium-modal-li-plan-premium span{
  text-align: left;
  font: normal normal bold 16px/20px Ubuntu;
  letter-spacing: 0px;
  color: #00FF9F;
}

.dgv-plans-premium-modal-li-plan-premium::marker {
  font-size: 28px;
  color: #00FF9F;
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
}

.dgv-plans-premium-modal-label-new-plan{
  width: 64px;
  height: 20px;
  display: inline-block;
  background: #00B8FF 0% 0% no-repeat padding-box;
  border-radius: 16px;
  text-align: center;
  font: normal normal normal 14px/18px 'Ubuntu Medium';
  letter-spacing: 0px;
  color: #14033D;
  opacity: 1;
}

.dgv-plans-premium-modal-conditions{
  text-align: center;
  font: normal normal normal 14px/20px Ubuntu;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-top: 17px;
  opacity: 1;
}

.dgv-plans-premium-modal-icon-close-btn{
  align-items: center;
  justify-content: center;
  background: #E9E1F880 0% 0% no-repeat padding-box !important;
  text-align: center;
  font: normal normal normal 25px/25px 'Ubuntu Medium' !important;  
  color: #14033D !important;
  border-radius: 50%;
  width: 23px !important;
  height: 23px !important;
  margin-top: 5px !important;
  margin-right: 5px !important;
  opacity: 1;    
}

.dgv-plans-premium-modal-icon-close-btn:hover{
  color: #14033D !important;
}

.dgv-plans-premium-modal-icon-close-btn:focus{
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}
/* End Modal de Planes Premium MG */

@media screen and (max-width: 767px) {
  /* Modal de Premios Premium MG */
  .dgv-prizes-premium-modal{
    width: 334px !important;
    /*height: 434px;*/
  }

  .dgv-prizes-premium-modal-title{
    width: 286px;
    font: normal normal normal 24px/28px 'Ubuntu Medium' !important;
  }

  .dgv-prizes-premium-modal-success-text{
    width: 286px;
    font: normal normal normal 14px/16px Ubuntu !important;
  }

  .dgv-prizes-premium-modal-confirm-btn{
    width: 286px;
  }

  .dgv-prizes-premium-modal-cancel-btn{
    width: 286px;
  }
  /* End Modal de Premios Premium MG */

  /* Modal de Planes Premium MG */
  .dgv-plans-premium-modal-month-free{
    margin-top: 21px;
    margin-bottom: 19px;
  }

  .dgv-container-plans-modal{
    display: flex;
    flex-wrap: wrap-reverse;
  }

  .dgv-plans-premium-modal-title{
    margin-top: 25px;
    margin-bottom: 27px;
  }

  .dgv-plans-premium-modal{
    width: 334px;
    height: auto;
  }

  ul{
    margin-top: 3px;
    margin-bottom: 2px;
  }

  .dgv-plans-premium-modal-li-plan-premium{
    width: 263px;
    height: auto;
    font: normal normal normal 14px/20px Ubuntu;
  }

  .dgv-plans-premium-modal-li-plan-premium span{
    font: normal normal bold 14px/20px Ubuntu;
  }  

  .dgv-plans-premium-modal-monthly{
    margin-bottom: 7px;
  }

  .dgv-plans-premium-modal-quarterly{
    margin-bottom: 7px;
  }

  .dgv-plans-premium-modal-semiannual{
    margin-bottom: 7px;
  }

  .dgv-order-plan-1{
    order: 1;
  }

  .dgv-order-plan-2{
    order: 2;
  }

  .dgv-order-plan-3{
    order: 3;
  }
  /* End Modal de Planes Premium MG */
}


@media (max-width: 768px) {
  .title-tutor{
    font: normal normal bold 18px/20px Ubuntu;
    margin-top: 15px;
  }
  
  .subtitle-tutor{
    font: normal normal normal 12px/14px Ubuntu;
    margin-top: 15px;
  }

  #img_panda{
    width: 160px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .dgv-plans-premium-modal{
    width: 740px;
  }

  .dgv-plans-premium-modal-li-plan-premium{
    width: 300px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
  .dgv-plans-premium-modal{
    width: 950px;
  }

  .dgv-plans-premium-modal-li-plan-premium{
    width: 400px;
    font: normal normal normal 14px/20px Ubuntu;
  }
}