.tooltip-inner{
    text-align: justify;
    max-width: 300px;
}
.input-gb-new {
    border-radius: 5px;
    border:1.5px solid #c7c0c0;
    width: 100%;
    min-width: 256px;
}
.select-gb-new {
    border-radius: 5px;
    border:1.5px solid #c7c0c0;
    width: 100%;
    min-width: 256px;
    height: 28.67px;
}

.gb-new {
    border-collapse: collapse !important;
    border-top-left-radius: 1em !important;
    border-top-right-radius: 1em !important;
    overflow: hidden !important;
    font-size: 14px;
    font-weight: bold;
}
.gb-new thead tr{
    color: white!important;
    background: #ff982c!important;
}

.gb-edt{
    border-collapse: collapse !important;
    border-top-left-radius: 1em !important;
    border-top-right-radius: 1em !important;
    overflow: hidden !important;
    font-size: 12px;
    font-weight: bold;
}

.tabla_div{
    overflow-x:auto;
}

.gb-edt thead tr{
    border: 1px solid #EEE;
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
}

.gb-edt tbody tr{
    border: 1px solid #EEE;
    background-color: white!important;
}
.gb-edt tbody tr td{
    border: 1px solid #EEE;
    background-color: white!important;
}

.gb-new tbody tr{
    border: 1px solid gray;
}
.gb-new tbody tr td{
    border: 1px solid gray;
}

.gb-button {
    position:relative;
    display: inline-block;
    font-size: 14px!important;
    cursor:pointer;
}


.gb-green-primary{
    padding:0.6em 1em 0.6em 1em;
    border-radius: 0.3em;
    color: #FFFFFF !important;
    background-color: #1ac670 !important;
    border-color: #1ac670 !important;
    box-shadow: inset 0 -2em 2em rgba(0, 0, 0, 0),
            0.2em 0.2em 0.2em rgba(0, 0, 0, 0.4);
}

.gb-green-circle.showing{
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    border-bottom-left-radius: 0em;
    border-bottom-right-radius: 0em; 
}

.gb-green-primary:hover{
    background-color: rgb(19, 150, 84) !important;
    border-color: rgb(19, 150, 84) !important;
}

.gb-default-secondary{
    padding:0.6em 1em 0.6em 1em;
    border-radius: 2em;
    color: #818181 !important;
    background-color: #dedddd !important;
    border-color: #dedddd !important;
}

.gb-default-secondary:hover{
    background-color: #b7b7b7 !important;
    border-color: #b7b7b7 !important;
}

.gb-skyblue-secondary{
    padding:0.6em 1em 0.6em 1em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #396bd5 !important;
    border-color: #396bd5 !important;
}

.gb-white-secondary{
    padding:0.6em 1em 0.6em 1em;
    border-radius: 2em;
    color: #1ac670 !important;
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.gb-skyblue-secondary:hover{
    background-color: #335fbd !important;
    border-color: #335fbd !important;
}

.gb-pink-secondary{
    padding:0.6em 1em 0.6em 1em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #e63264 !important;
    border-color: #e63264 !important;
}

.gb-pink-secondary:hover{
    background-color: #ce2d5a !important;
    border-color: #ce2d5a !important;
}
.gb-yellow-secondary{
    padding:0.6em 1em 0.6em 1em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #f9cf4a !important;
    border-color: #f9cf4a !important;
}

.gb-yellow-secondary:hover{
    background-color: #d07c24 !important;
    border-color: #d07c24 !important;
}

.gb-green-circle{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #1ac670 !important;
    border-color: #1ac670 !important;
}

.gb-green-circle-not-button{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #1ac670 !important;
    border-color: #1ac670 !important;
}

.gb-green-circle:hover{
    background-color: rgb(19, 150, 84) !important;
    border-color: rgb(19, 150, 84) !important;
}

.gb-skyblue-circle{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #396bd5 !important;
    border-color: #396bd5 !important;
}

.gb-skyblue-circle-not-button{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #396bd5 !important;
    border-color: #396bd5 !important;
}

.gb-skyblue-circle:hover{
    background-color: #335fbd !important;
    border-color: #335fbd !important;
}

.gb-pink-circle{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #e63264 !important;
    border-color: #e63264 !important;
}

.gb-pink-circle-not-button{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #e63264 !important;
    border-color: #e63264 !important;
}

.gb-pink-circle:hover{
    background-color: #ce2d5a !important;
    border-color: #ce2d5a !important;
}

.gb-purple-circle{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #64369a !important;
    border-color: #64369a !important;
}

.gb-purple-circle-not-button{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #64369a !important;
    border-color: #64369a !important;
}

.gb-purple-circle:hover{
    background-color: #4d2a77 !important;
    border-color: #4d2a77 !important;
}

.gb-orange-circle{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #ff982c!important;
    border-color: #ff982c!important;
}

.gb-orange-circle-not-button{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #ff982c!important;
    border-color: #ff982c!important;
}

.gb-orange-circle:hover{
    background-color: #b66e21 !important;
    border-color: #b66e21 !important;
}

.gb-yellow-circle{
    padding:0.6em 0.8em 0.6em 0.8em;
    border-radius: 2em;
    color: #FFFFFF !important;
    background-color: #f9cf4a!important;
    border-color: #f9cf4a!important;
}

.edt-tarea-info ul li{
    font-size: 14px!important;
    color: grey!important;
    font-weight: bold!important;
}

.edt-tarea-info span{
    font-size: 20px!important;
    color: grey!important;
    font-weight: bold!important;
}

.edt-tarea-info p{
    font-size: 14px!important;
    color: darkgray!important;
    font-weight: bold!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab{
    margin-right: 5px!important;
    border-radius: 30px!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab a.nav-link{
    color: grey!important;
    border-top-left-radius:5px!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab div.nav-link{
    color: grey!important;
    border-top-left-radius:5px!important;
}


html body .nav.nav-tabs li.nav-item.edt-tab.edt_tarea :hover{
    border-top-color: #e63264!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_biblioteca :hover{
    border-top-color: #335fbd!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_participantes :hover{
    border-top-color: #64369a!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_editar :hover{
    border-top-color: #1ac670!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab a.nav-link{
    color: grey!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_tarea.active{
    background: #e63264!important;
    border-color: #e63264!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_tarea.active a.nav-link{
    background: #e63264!important;
    border-color: #e63264!important;
    color:white!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_biblioteca.active{
    background: #335fbd!important;
    border-color: #335fbd!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_biblioteca.active a.nav-link{
    background: #335fbd!important;
    border-color: #335fbd!important;
    color:white!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_comunicacion.active{
    background: #ff982c !important;
    border-color: #ff982c !important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_comunicacion.active a.nav-link{
    background: #ff982c !important;
    border-color: #ff982c !important;
    color:white!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_participantes.active{
    background: #64369a!important;
    border-color: #64369a!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_participantes.active a.nav-link{
    background: #64369a!important;
    border-color: #64369a!important;
    color:white!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_editar.active{
    background: #1ac670!important;
    border-color: #1ac670!important;
}

html body .nav.nav-tabs li.nav-item.edt-tab.edt_editar.active a.nav-link{
    background: #1ac670!important;
    border-color: #1ac670!important;
    color:white!important;
}

.edt-file-card{
    text-align: center; 
    margin:20px 10px 10px 0px!important;
    background-color: white!important; 
    border: 2px solid #cbcbcb; 
    border-radius: 20px;
}

.text-vis{
    text-align: right!important;
}

.lista-items{
    padding-left: 0px!important;
    margin-left: -20px!important;
}

.lista-items-verde{
    padding-left: 0px!important;
    margin-left: 0px!important;
}

.lista-items-edicion{
    margin-left: -18px!important;
}

@media (max-width: 600px) {
  .text-vis {
    text-align: left!important;
  }

  .filtro-edt{
    min-width: 150px;
  }

  .lista-items{
    font-size: small!important;
    margin-left: 10px!important;
    border-top-right-radius: -10px!important;
  }

  .lista-items-edicion{
    margin-left: 0px!important;
    padding-right: 20px!important;
  }

  .nav.nav-tabs.items{
    text-align: center!important;
  }

  .nav-item.tablinksItems a {
    margin-left: 5px!important;
   }

   .nav-item.tablinksItems.active a {
    margin-left: 0px!important;
   }

   .nav-item.tablinksItemsEdicion a {
    margin-left: 10px!important;
   }

   .nav-item.tablinksItemsEdicion.active a {
    margin-left: -20px!important;
    width:90%!important;
   }

   .tabcontentItemsEdicion {
        border-radius: 0px!important;
    }

    .tabcontentItems {
        border-radius: 0px!important;
    }
}

.margin-izq{
    margin-left: 10px!important;
}

@media (max-width: 600px) {
  .margin-izq {
    margin-left: 0px!important;
  }
}

.container-edt{
    border: 1px solid #EEE;
    border-radius:30px!important;
}

.tope{
    border-top-left-radius:30px!important;
    border-top-right-radius:30px!important;
}
.edt_tareas_r{
    background: #e63264!important;
    border-color: #e63264!important;
    color:white!important;
    border-top: 10px solid #e63264;
    border-bottom: 10px solid #e63264;
}

.edt_biblioteca_r{
    background: #335fbd!important;
    border-color: #335fbd!important;
    color:white!important;
    border-top: 10px solid #335fbd;
    border-bottom: 10px solid #335fbd;
}
.edt_edt_comunicacion_r{
    background: #ff982c !important;
    border-color: #ff982c !important;
    color:white!important;
    border-top: 10px solid #ff982c;
    border-bottom: 10px solid #ff982c;
}

.edt_participantes_r{
    background: #64369a!important;
    border-color: #64369a!important;
    color:white!important;
    border-top: 10px solid #335fbd;
    border-bottom: 10px solid #335fbd;
}

.edt_editar_r{
    background: #1ac670!important;
    border-color: #1ac670!important;
    color:white!important;
    border-top: 10px solid #335fbd;
    border-bottom: 10px solid #335fbd;
}

.tabcontent-tarea{
    margin: 10px, 20px, 10px, 50px; 
    border-top-right-radius: 20px; 
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 20px!important;
    border-bottom-right-radius: 20px!important;
}

.tabcontentItems{
    border-top-left-radius: 0px!important;
    border-top-right-radius: 20px!important;
    border-bottom-left-radius: 20px!important;
    border-bottom-right-radius: 20px!important;
    margin-left: 10px;
}