/* Updates */
.owl-carousel .panda-autor-info img,
.panda-autor-info img{
  display: inline-block;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
}

.panda-autor-info {
  display: flex;
  align-items: center;
}

:root{
  --panda-primary-color: #00307A;
  --panda-color-dark-blue: #00307A;
  --panda-color-acua: #50C9B5;
  --panda-low-gray-color: #50545D;
  --panda-color-yellow: #FFCB4F;
  --panda-service-color: rgb(0, 174, 239);
}


/* DASHBOARD GROUP LINK SECTION */
  .panda-input-v2{
    display: inline-block;
    font-size: 1rem;
    padding: 1rem;
    border: 0px;
    border-bottom: 1px solid black;
    background-color: white;
    height: auto;
    border-radius: 0px;
    min-width: 25rem;
  }

  #panda-group-link-section .input-group-append {
    background: white;
    border-bottom: 1px solid black;
  }
  #panda-group-link-section .input-group-append .input-group-text{
    background: transparent;
    border: 0px;
  }

  #panda-group-link-section .panda-group-link-logo{
    max-width: 15rem;
    max-height: 15rem;
  }
/* END DASHBOARD GROUP LINK SECTION */
/* Buttons */

.panda-btn-dashboard{
  display: inline-block;
  width: 6rem;
}

/* User Dashboard */
.panda-welcome-user .panda-avatar{
  display: inline-block;
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
}


/* Course */
.panda-content-course .panda-course-item{
  padding-top: 1rem;
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.panda-content-course button:hover{
  color: var(--panda-primary-color);
  text-decoration: none;
}
.panda-content-course button{
  color: var(--panda-primary-color);
  font-weight: bold;
}

/* Schools Resources */
.panda-schools-resources .panda-resource{
  display: inline-block;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  font-size: 2rem;
  text-align: center;
  border: 1px solid var(--panda-primary-color);
}


.panda-title-card-resource{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  padding: 2rem 3rem;
  transform: translateY(-50%);
}



/* Academy */

.panda-nav-academy .active{
  border-bottom: .2rem solid var(--panda-color-acua);
}

/* Navbars */
.panda-nav-logo{
  display: inline-block;
  height: 5rem;
  width: 10rem;
}

button.panda-btn-menu{
  display: inline-block;
  height: 2rem;
  width: 2rem;
  border: 0px;
  background-color: transparent;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  position: relative;
}

.panda-btn-menu::before{
  content: "";
  display: inline-block;
  position: absolute;
  height: 2px;
  background-color: #00307A;
  top: 50%;
  left: 0px;
  right: 0px;
  transform: scaleY(-50%);
}

.panda-movil-menu .modal-content{
  height: 100vh;
  border-radius: 0px;
}

a:hover{
  text-decoration: none;
  color: inherit;
}

.dropdown:hover> .dropdown-menu {
  display: block;
}

.panda-nav-bar .dropdown-menu li{
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-transform: uppercase;
  padding-left: 1rem;
}

.panda-nav-bar .dropdown-menu{
  border: 0px solid #F9461C;
}

.panda-nav-badges a.nav-link{
  border: 0px;
  border: 1px solid var(--panda-primary-color);
  border-radius: 2rem;
}

.panda-nav-badges a.nav-link.active{
  background-color: var(--panda-primary-color);
  color: white;
}

/* Buttons */
.panda-btn{
  display: inline-block;
  font-size: 1rem;
  padding: 1rem 2rem; 
}
.panda-btn-md{
  display: inline-block;
  font-size: .75rem;
  padding: .75rem 1.5rem; 
}

.panda-btn-dark-blue{
  background-color: var(--panda-color-dark-blue);
  color: white !important;
}
.panda-btn-boder{
  border: 1px solid var(--panda-primary-color);
}

.panda-low-gray-text{
  color: var(--panda-low-gray-color);
}

.panda-filter-school.active{
  background-color: var(--panda-color-acua);
}

/* Inputs */
.panda-input{
  display: inline-block;
  font-size: 1rem;
  padding: 1rem ;
  border: 0px;
  background-color: #F2F2F3;
  height: auto;
  border-radius: 0px;
}

/* Text */


.panda-title{
  font-size: 2.25rem;
}

.panda-text-lg{
  font-size: 3rem;
  line-height: 3rem;
}

.panda-text-md{
  font-size: 2rem;
  line-height: 2.5rem;
}

.panda-text-sm{
  font-size: 1.5rem;
}
.panda-text-xs{
  font-size: 1rem;
}
.panda-text-small{
  font-size: .7rem;
  line-height: .7rem;
}
.panda-text{
  font-size: 1.2rem;  
}
.panda-text-xxs{
  font-size: .7rem;  
}

.panda-text-acua{
  color: #00A3E0 !important;
}

.panda-text-acua-ul{
  color: #00A3E0 !important;
  text-decoration: underline;
}

.panda-text-pink{
  color: #F65A89 !important;
}
.panda-text-green{
  color: #50C9B5 !important;
}
.panda-text-effect{
  font-size: 8rem;
  position: relative;
  font-weight: 900;
  text-align: center;
}


.panda-rgba-gray{
  color: rgba(0, 0, 0, .05);
}

.font-weight-500{
  font-weight: 500;
}
.font-weight-600{
  font-weight: 600;
}


.panda-text-yellow {
  color: var(--panda-color-yellow) !important;
}
/* Backgrounds */
.panda-bg-low-gray{
  background-color: #E8E9EA;
}
.panda-bg-blue{
  background-color: #00307A;
}

.panda-bg-dark{
  background-color: #00307A;
}

.panda-bg-pink{
  background-color: #F65A89;
}

.panda-bg-acua{
  background-color: #50C9B5;
}

.panda-bg-yellow{
  background-color: var(--panda-color-yellow);
}

.panda-bg-service{
  background-color: var(--panda-service-color);
}

.panda-bg-low-gray{
  background-color: #F2F2F3;
}
.panda-icon{
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
}

.panda-bg-white{
  background-color: #f5f6fa;
}
.panda-leaderboard-item,
.panda-certificate-item{
  transition: background-color ease 1.5s;
}
.panda-leaderboard-item:hover{
  background-color: #2c3445;
}

.panda-certificate-item:hover{
  background-color: #F2F2F3;
}

/* Utils */

.disabled{
  pointer-events: none;
}
.panda-hover-acua{
  transition: all ease .8s;
  cursor: pointer;
}

.panda-hover-acua:hover{
  background-color: var(--panda-color-acua);
}
.panda-icon, .panda-icon-lg{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.panda-position-center{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.panda-vertical-center{
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.panda-vertical-right-center{
  position: absolute;
  right: 0rem;
  top: 50%;
  transform: translateY(-50%);
}

.py-15{
  padding-bottom: 10rem !important;
  padding-top: 10rem !important;
}

.pb-10{
  padding-bottom: 10rem;
}

.mb-6{
  margin-bottom: 6rem;
}

.h-auto{
  height: auto;
}

.nav-pills .nav-link.panda-custom-link.active{
  color: #fff;
  background-color: var(--panda-color-dark-blue);
}


/* Princing */
.panda-pricing-item{
  width: 36%; 
}

.panda-pricing-item.active{
  position: absolute;
  top: -8rem;
  left: 50%;
  transform: translateX(-50%);
}

.panda-pricing-item-lg{
  width: calc(64% - 1rem);
}


.table-dark{
  background-color: var(--panda-primary-color);
}

/* .panda-pricing-item:after {
  content: '';
  display: block;
  padding-bottom: 100%;
} */

/* Badges */

.panda-badge-lg{
  padding: 1rem 2rem;
  border-radius: 2rem;
}
.panda-badge-md{
  padding: .5rem 1rem;
  border-radius: 1rem;
}



.badge-outline{
  border: 1px solid var(--panda-primary-color);
}

a{
  color: inherit;
}


/* Modals */
.panda-modal .modal-content{
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.panda-modal .modal-content, .panda-modal .modal-header{
  border-radius: 0px;
  border: 0px;
}

.panda-modal .modal-header{
  background-color: var(--panda-color-dark-blue);
  padding: 2rem;
}

/* Play Training */
.lesson-html{
  overflow-y: scroll;
  height: 25rem;
  background: white;
  padding: 2rem;
}


/* Departments */
.panda-department-label{
  display: inline-block;
  background-color: black;
  color: #fff;
  padding: .5rem;
  text-align: center;
  border: 1px solid #70747b;
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1300px) { 
  html{
    font-size: 11px;
  }
  .w-md-100{
    width: 100% !important;
  }
} 
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
  html{
    font-size: 11px;
  }
  
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
  html{
    font-size: 10.5px;
  }
  .panda-content-experts img{
    width: 6rem;
  }
  
  .panda-pricing-item,
  .panda-pricing-item-lg{
    width: 100%;
    margin: 0px;
    margin-bottom: 1rem;
  }
  
  
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
  html{
    font-size: 12px;
  }
  .pt-15{
    padding-top: 3rem;
  }
  .panda-text-effect{
    font-size: 6rem;
    overflow: hidden;
  }
  .panda-text-effect .panda-position-center{
    width: 100%;
  }
  .panda-content-logos img{
    width: 6rem;
  }
  
  .panda-content-experts img{
    width: 4rem;
  }
  
  .panda-schools-cards img,
  .panda-cards-agencies img{
    width: 75%;
  }
  
  .panda-content-leaders,
  .panda-content-become{
    margin-top: 5rem;
    margin-bottom: 0rem;
  }
  
  .panda-pricing-item.active{
    position: static;
    top: none;
    left: none;
    transform: none;
  }
}







#result1,
#result2{
  display: inline-block;
  font-size: 3rem;
  text-align: center;
  border: 0px;
  width: 100%;
}



/* Original Styles */
.page-wrapper>.container-fluid{
  min-height: auto !important;
}


/* Icons */
.panda-icon{
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
}

.panda-icon-lg{
  display: inline-block;
  height: 3rem;
  width: 3rem;
}

.panda-icon-sidemenu{
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.panda-agencies{
  background-image: url(../assets/icons/agencies.png);
}

.panda-schools{
  background-image: url(../assets/icons/schools.png);
}

.panda-industry{
  background-image: url(../assets/icons/industry.png);
}

.panda-coaches{
  background-image: url(../assets/icons/coaches.png);
}

.panda-men{
  background-image: url(../assets/icons/men.png);
}

.panda-woman{
  background-image: url(../assets/icons/woman.png);
}

.panda-yes{
  background-image: url(../assets/icons/yes.svg);
}

.panda-cam{
  background-image: url(../assets/icons/cam.svg);
}

.panda-car{
  background-image: url(../assets/icons/car.svg);
}
.panda-live{
  background-image: url(../assets/icons/live.svg);
}
.list-alt-regular{
  background-image: url(../assets/icons/list-alt-regular.svg);
}
.book-open-solid{
  background-image: url(../assets/icons/book-open-solid.svg);
}
.clipboard-list-solid{
  background-image: url(../assets/icons/clipboard-list-solid.svg);
}
.thumbs-up-solid{
  background-image: url(../assets/icons/thumbs-up-solid.svg);
}
.copyright-solid{
  background-image: url(../assets/icons/copyright-solid.svg);
}
.photo-video-solid{
  background-image: url(../assets/icons/photo-video-solid.svg);
}
.angle-double-right-solid{
  background-image: url(../assets/icons/angle-double-right-solid.svg);
}

.panda-icon-wall{
  background-image: url(../assets/icons/wall.png);
}

.panda-icon-academy{
  background-image: url(../assets/icons/academy.png);
}
.panda-icon-home{
  background-image: url(../assets/icons/home.png);
}
.panda-icon-trainings-admin{
  background-image: url(../assets/icons/training-admin.png);
}
.panda-icon-portal{
  background-image: url(../assets/icons/panda-portal.png);
}
.panda-icon-statistics{
  background-image: url(../assets/icons/statistics.png);
}
.panda-icon-awards{
  background-image: url(../assets/icons/awards.png);
}

.trainhub-icon-portal{
  background-image: url(../assets/icons/trainhub-portal.png);
}

.panda-not, .panda-yes, .panda-cam, .panda-car, .panda-live{
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.panda-cam, .panda-car, .panda-live{
  height: 2rem;
  width: 2rem;
}

.panda-not{
  background-image: url(../assets//icons/not.svg);
}

.panda-service-card{
  display: flex;
  align-items: center;
}

/* Negative Margins */
.mt-n10{
  margin-top: -5rem;
}

.mb-n10{
  margin-bottom: -5rem;
}

/* Utils */
.mt-n6{
  margin-top: -5rem;
}

.mb-10{
  margin-bottom: 10rem;
}
.mt-10{
  margin-bottom: 10rem;
}

.my-10{
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.blur{
  filter: blur(8px);
  -webkit-filter: blur(8px);
}

/* Topbar */
.panda-topbar-logo{
  display: inline-block;
  width: 10rem;
}

#main-wrapper{
  min-height: 90vh;
}

/* Custom Left Sidebar */
#main-wrapper[data-layout='vertical'] .left-sidebar[data-sidebarbg='skin2'], #main-wrapper[data-layout='horizontal'] .left-sidebar[data-sidebarbg='skin2'],
#main-wrapper[data-layout='vertical'] .topbar .top-navbar .navbar-header[data-logobg='skin2'], #main-wrapper[data-layout='horizontal'] .topbar .top-navbar .navbar-header[data-logobg='skin2']{
  background-color: var(--panda-color-dark-blue);
}

.sidebar-nav span{
  color: white !important;
}

/* Resources */
.url [type='file']{
  display: inline-block;
  padding: 1rem 0rem;
  width: 100%;
}


/* Bootstrap */
.btn-dark{
  background-color: var(--panda-primary-color);
}


/* Awards */
.award-item, .badge-item{
  position: relative;
}
.award-item::before{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0px;
  right: 90%;
  top: 0px;
  bottom: 0px;
  background-color: white;
}

.badge-item::before{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0px;
  right: 85%;
  top: 0px;
  bottom: 0px;
  background-color: white;
}

.panda-avantar{
  display: inline-block;
  height: 5rem;
  width: 5rem;
}

.panda-btn-collapse{
  display: inline-block;
  border: 0px;
  padding: .5rem .85rem;
  font-size: 1rem;
}

.bg-FAFAFA{
  background-color: #FAFAFA;
}

.panda-square::before{
  /* padding-top: 100%;
  height: 0;
  overflow: hidden;
  position: relative; */
  content: '';
  padding-top: 100%;
  float: left;
}

.panda-square{
  flex: 1 0 auto;
  height:auto;
  display: flex;
}

.panda-square-statistics
{
  background-color: white;
  transition: background-color ease 1.5s;
}

.panda-square-statistics .panda-position-center{
  transition: color ease 1.5s;
}

.panda-square-statistics:hover{
  background-color: var(--panda-color-acua);
}

.square-pink:hover{
  background-color: #F65A89;
}


.square-pink .panda-square-count{
  color: #F9461C;
}

.panda-square-statistics:hover h2,
.panda-square-statistics:hover .panda-square-count
{
  color: white !important;
}

.panda-square-statistics h2{
  color: var(--panda-low-gray-color) !important;
}

.panda-square-count{
  color: var(--panda-color-acua);
  font-size: 1.5rem;
}

.panda-agent-request-item:hover{
  background-color: #BEFDF2;
}

.panda-agent-request-item{
  transition: background-color ease 1.5s;
  cursor: pointer;
}

.break-word{
  overflow-wrap: break-word;
}

.panda-hover-pinkless:hover{
  background-color: #FFEFEF;
}
.panda-hover-pinkless{
  cursor: pointer;
}

.panda-bg-pinkless{
  background-color: #FFEFEF;
  
}

.panda-btn-search-icon{
  padding: .5rem .75rem;
  display: inline-block;
  position: absolute;
  right: 0px;
}

.line-height-normal{
  line-height: normal;
}


/* Utils */
.w-90{
  width: 90%;
}

.text-break{
  word-break: break-all;
}

.panda-text-muted{
  color: #E1E2E3 !important;
}


/* Mapa */
#bar-chart-horizontal{
  width: 100% !important;
}

.chartjs-hidden-iframe,
#bar-chart-horizontal{
  height: 100% !important;
}

.panda-text-break{
  word-break: break-all;
}

.highlight{

  background: rgba(255, 0, 0, 0.5)!important;

  background-color: rgba(255, 0, 0, 0.2)!important;

}

#myDropzone .fa-camera{

  font-size: 4em;

  color: rgba(0, 0, 0, 0.2);

  cursor: pointer;
  
}


/* Checkboxs */
.content-custom-checkbox input[type="checkbox"]:checked + label{
  background-color: black;
  color: #fff;
  cursor: pointer;
}

.content-custom-checkbox .label-input{
  padding: 8px;
  text-align: center;
  border: 1px solid #70747b;
  cursor: pointer;
  user-select: none;
}

.content-custom-checkbox input[type="text"]{
  padding: 8px;
  text-align: center;
  border: 1px solid #70747b;
  cursor: pointer;
}

.active .page-link{
  color: #ffffff !important;
}

.drag-list {
    width: 100%;
    margin: 0 auto;
  }

  .drag-list>li {
    list-style: none;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(196, 196, 196);
    margin: .3rem 0;
    font-size: 14px;
  }

  .drag-list .drag-area,
  .drag-area-section {
    cursor: move;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }