﻿/* Estilos propios */

.accordion .panel{
    box-shadow: none;
}
.accordion .panel-heading h4{
    font-size: 20px;
    font-weight: 300;
    font-family: "Open Sans",sans-serif;
    color: #67809F;
}

.alert {
    padding: 15px !important;
}

body {
    color: #67809F;
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

button {
    background: #84329B;
    color: #FFF;
}

.caja{
    border:1px solid #e6e2ed;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
}

h3,
h4 {
    line-height: initial
}


h3.form-section{
    margin-bottom: 20px;
}


blockquote li{
    margin-top:16px;
    padding:8px    
}

a:active {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

.area-mejora{
}


.av-listado {
    padding: 0;
    border-spacing: 0px;
    border-radius: 2px;
    width: 100%;
    margin-top: 4px;
    clear: both;
}

table.av-listado tr td p{
    margin:0
}

table .table-light.av-listado td{
    padding: 0
}

button.av-btn-buscador{
    margin-left:6px;
    background-color: #84329B;
    color: #fff;
}
button.av-btn-buscador:hover, button.av-btn-buscador:focus{
    color: #FFF !important;
    background-color: #3f74a3 !important;
    border-color: #3c6f9c !important;
}

.estabilizacion .bloqueado{
    filter: grayscale(100%);
}
.estabilizacion .bloqueado:hover{
    filter: none;
}

.botonBuscar{
    margin-left:8px;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}


.av-buscador {
    padding-top: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;   
}

.av-buscador .form-group {
    display: inline-flex;
    padding: 4px;
    flex-flow: row;
}

.av-buscador input{
    color:orange;
}

.av-buscador label {
    top: 0;
    position: relative;
}

.av-buscador .form-control {
    min-width: 60px !important;
    max-width: 300px !important;
    color: #525e64;
}

.av-buscador .form-control.con-valor, .av-combo-filtro.con-valor {
    background-color: lightyellow !important;
    color: #84329B !important;
    font-weight: bold !important;
 }
 

.av-combo-filtro{
    background-color: #fff !important;
    color: #525e64
 }


.btn.mediano {
    background: #84329B;
    color: #FFF;
}

div.mce-fullscreen {
    z-index: 2000 !important;
}

.solicitud {
    background-color: #525e64;
    border-color: #525e64;
    color: #fff
}

.autoevaluacion {
    background-color: #2ab4c0;
    border-color: #2ab4c0;
    color: #fff
}

.evaluacion {
    background-color: #E87E04;
    border-color: #E87E04;
    color: #fff
}

.certificacion {
    background-color: #9B59B6;
    border-color: #9B59B6;
    color: #fff
}

.solicitud:hover,
.autoevaluacion:hover,
.evaluacion:hover,
.certificacion:hover {
    color: #fff;
}

.btn.grande {
    font-size: 1.7rem;
    padding-left: 32px;
    padding-right: 32px;
    background: #84329B;
    color: #FFF;
}


.btn-outline-primary {
    background-color: #fff im !important;
    color:#84329B !important;
    border-color:#84329B !important;
    text-transform: uppercase;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color:#84329B !important;
    color: #fff !important;
}


.dropdown-menu.open{
    min-width:320px;
}


.flex-around{
    display:flex;
    justify-content: space-around;
    align-items: center;    
}

.flex-between{
    display:flex;
    justify-content: space-between;
    align-items: center;    
}

.flex-center{
    display:flex;
    justify-content: center;
    align-items: center;    
}

.flex-end{
    display:flex;
    justify-content: flex-end;
    align-items: center;    
}

.flex-start{
    display:flex;
    justify-content: flex-start;
    align-items: center;    
}

.flex-vertical{
    display:flex;
    flex-direction: column;    
}

.icon-btn.informe-resultados{
    height:inherit;
    border:2px solid;
}

.icon-btn.certificado-acreditacion{
    height:inherit;
    border:2px solid;
}


label {
    color: #555;
    font-size: 16px;
    transition: .2s ease all;
    color: #999;
}

.label {
    line-height: 1.6;
    display:inline-block;
}

.listadoM {
    width: 100%;
    padding: 6px
}

.listadoM th {
    padding: 6px
}

.listadoM td {
    padding: 6px
}


.md-checkbox.aportacion-evidencia{
    margin-top:-15px;
}


.mb-10{
    margin-bottom: 10px;
}

.mb-20{
    margin-bottom: 20px;
}
.mb-40{
    margin-bottom: 40px;
}

.ml-10{
    margin-left: 10px;
}
.ml-20{
    margin-left: 20px;
}
.ml-40{
    margin-left: 40px;
}

.mr-10{
    margin-right: 10px;
}
.mr-20{
    margin-right: 20px;
}
.mr-40{
    margin-right: 40px;
}

.mt-20{
    margin-top: 20px !important;
}
.mt-40{
    margin-top: 40px;
}


.num-areas-mejora{
    background-color:#f3cc31;
    color:#fff;
}

.mt-element-ribbon .ribbon.ribbon-clip {
    left: -24px;
}

.mt-element-ribbon .ribbon-content {
    padding-top: 5px;
}

.mt-element-ribbon .ribbon-content h2 {
    font-size: 20px;
}

.mt-element-ribbon .ribbon-content h3{
    font-size: 16px;
}

.mt-element-ribbon .ribbon-content h4{
    font-size: 16px;
}

.num-fortalezas{
    background-color:#58d0da;
    color:#fff;
}


.buenaPractica .ribbon-content {
    padding-top:25px;
}




.p-10{
    padding: 10px !important;
}

.pt-20{
    padding: 20px !important;
}

.pt-40{
    padding: 40px !important;
}


.swal2-container {
    z-index: 106000;
}

.swal2-content {
    font-size: 1.6rem;
}

.swal2-title{
    font-size: 1.8rem;
}

.swal2-popup {
    min-width: 600px;
}

.swal2-actions button{
    font-size:1.8rem !important;
}


.sweetTexto{
    font-size:1.6rem;
    margin-left:20px;
}

.tabbable-line .nav-tabs .badge{
    width:inherit;
    min-width:24px;
    border-radius: 4px !important;
    padding-left:4px;
    padding-right:4px;
}



.tablero .num-tarjetas{
    margin-left:6px;
    font-size:1.6rem;
}

.torcido {
    transition: transform 0.25s linear;
}

.av-listado th{
    vertical-align: middle !important;
}

.av-listado tr.inactivo td, .av-listado tr.inactivo td div{
    color: #eaeaea !important;
    filter: grayscale(60%) !important;
}





#loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/loading-spinner-blue.gif) center no-repeat #fff;
}


.page-header .page-header-top .page-logo .logo-default {
    margin: 4px 0 0;
    height:66px;
}



.cuadricula {
    margin-bottom: 24px;
}

.salto {
    margin-bottom: 24px;
}

.border-0 {
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0;
}

.enlaceCampo {
    margin-left: 4px;
    font-size: 20px;
    position: absolute;
    right: -22px;
    top: 25px;
    z-index: 10;
}

.etiquetas{
    width:100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top:20px;
}

.etiqueta{
    display: inline-block;
    min-width:20%;
    margin-bottom:10px;
    transform: rotate(-1deg);
    min-height: 20px;
    border-radius:4px !important;
}



input~.enlaceCampo i,
textarea~.enlaceCampo i {
    margin-left: -40px;
}

mark {
    background: yellow;
}

mark.current {
    background: orange;
}

.day-start {
    color: #fff;
}

.calendar {
    overflow: visible
}

.event-tooltip-content {
    margin-bottom: 40px;
    padding: 8px;
}

.tarea-conseguida {
    border-left:4px solid #3faba4 !important;
}
.label.tarea-conseguida {
    background-color:#3faba4;
    color:#fff;
}

.tarea-pendiente {
    border-left:4px solid #d05454 !important;
}

.label.tarea-pendiente {
    background-color:#d05454;
    color:#fff;
}

.font-blue-madison {
    color: #D592AA !important;
}

.form-wizard .steps>li>a.step>.number {
    margin-right: 0;
}

.general-item-list>.item {
    border: 1px solid #F1F4F7;
}

.list-head-title-container{
    font-size: 16px;
    margin-bottom: 24px;
    margin-top: 24px;
}

.md-checkbox.label {
    font-size: 1.2rem;
    color: #000;
    background-color: #FFF;
    display: inline-block;
    margin-right: 10px;
    margin-top: 4px;
    padding: 8px;
    box-shadow: 0 0 0 0;
}

.popover {
    max-width: 500px;
}

.bootbox-body{
    height:100%;
}

.modal-body {
    height: 100%;
}
.modal-body iframe{
    height: 90% !important;
    min-height:600px;
}
.modal-content {
    height: 100%;
}

.modal-dialog.modal-lg {
    width: 90%;
    height:90%;
}

.modal-dialog.modal-sm {
    max-width: 800px;
    min-width: 50%;
}

.status-number {
    font-size: 16px
}

.tab-pane {
    width: 100%;
    margin: auto;
}

.text-danger {
    color: #fff;
}

.page-logo {
    color: #0192D7
}

.note.note-info {
    color: #67809F;
}

.note p {
    margin-bottom: 8px;
}

.mt-element-ribbon .ribbon.ribbon-color-success {
    background-color: #26C281;
    color: #fff;
}

.mt-element-ribbon .ribbon.ribbon-color-success>.ribbon-sub {
    background-color: #26C281;
    color: #020808;
}

.mt-element-ribbon .ribbon.ribbon-color-warning,
.mt-element-ribbon .ribbon.ribbon-color-warning>.ribbon-sub {
    background-color: #F1C40F;
    color: #fff;
}

.page-header .page-header-menu {
    background: #84329B;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a {
    background: #84329B;
}

.page-header .page-header-menu .search-form,
.page-header .page-header-menu .search-form .input-group {
    background: #e9edef;
}

.form-actions {
    text-align: right;
}

.form-control {
    border-radius: 0;
}


.page-header .page-header-menu .search-form .input-group .form-control {
    color: #84329B;
    background: #e9edef;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover {
    background: #eee;
    color: rgb(103, 128, 159);
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {
    color: rgb(103, 128, 159);
    background: #fff !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {
    background: #84329B;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu>li>a:hover {
    color: rgb(103, 128, 159);
    background: #fff !important;
}

.page-content {
    min-height: 600px;
}

.page-prefooter {
    background: #fafafa;
    color: #697882;
}

.page-prefooter a,
.page-prefooter h2 {
    color: #84329B;
}

.page-footer {
    background: #fafafa;
    color: #697882;
}

.portlet.light>.portlet-title>.caption {
    color: #84329B;
}


.portlet.light:hover{
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26) !important;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
}
.buenaPractica:hover{
    box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26) !important;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
}

.portlet .portlet:hover{
    box-shadow: none !important;
}
.portlet.light.tablero:hover{
    box-shadow: none !important;
}
#caja.portlet:hover{
    box-shadow: none !important;
}

.todo-tasklist-item{
    border-width: 6px !important;
}

.mt-element-list .list-default.mt-list-container ul>.mt-list-item {
    border: 0;
}

.mt-element-list .list-default.mt-list-container {
    border: 0;
}

.m-heading-1 {
    background-color: #e1e5ec;
    color: #5c6873;
}

.note {
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    border-radius: 0 4px 4px 0;
    clear: both;
}

.form-inline .form-group {
    margin-bottom: 4px !important;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus)~.help-block-error {
    opacity: 1;
    filter: alpha(opacity=0);
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu {
    width: 250px;
}

.form-wizard .steps>li.active>a.step {
    background-color: #eee;
}

.modal-body body{
    width: 98%;
}

.note p {
    font-size: 1.4rem;
    line-height: 160%;
}

.item:nth-child(odd) {
    background: #fafafa;
}

.item:hover {
    background-color: #e2eef1;
}

.label.num-elementos{
    font-size: 1.2rem;
    background-color: #Fff;
    color: #F2784B;
    padding: 4px 6px 4px;
}
.label.num-tareas{
    font-size: 1.2rem;
    background-color: #fff;
    color: #1BA39C;
    padding: 4px 6px 4px;
}

.label.visita{
    background-color: #9B59B6;
    color: #fff;
    padding: 4px 6px 4px;
}

.col1:hover {
    background-color: #e2eef1;
}

.pagination-control {
    padding-top: 8px;
    margin-top: 8px;
    text-align: right;
}

.dashboard-stat {
    border-radius: 4px;
}

.dashboard-stat .visual {
    color: #eee
}

.dashboard-stat .details .desc {
    font-size: 16px;
}

.dashboard-stat2 .display .number h3>small {
    font-size: 1.6rem;
}

table.dataTable tr.heading>th {
    background-color: #e2eef1;
}

.table-scrollable {
    width: 100%;
    overflow-x: initial;
    overflow-y: initial;
}

.btn.btn-outline.mejora {
    border-color: #84329B;
    color: #84329B;
    background: 0 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle {
    background: #f36a5a;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner {
    border-color: transparent transparent transparent #f36a5a;
    color: #f36a5a;
}

.filter {
    background: #fafafa;
    padding: 4px;
}

.required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}

.table td {
    color: #555;
}

table.dataTable thead .sorting {
    background: url(../img/sort_both.png) center right no-repeat;
}

table.dataTable tr.even {
    background-color: #eaeaea;
}

tr.even tbody tr {
    background-color: #eaeaea;
}

tr.even {
    background-color: #eaeaea;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    color: #697882;
}

table.dataTable tr.even td.sorting_1,
table.dataTable tr.even td.sorting_2,
table.dataTable tr.even td.sorting_3 {
    background-color: #eaeaea !important;
}

table.dataTable th.sorting_1,
table.dataTable th.sorting_2,
table.dataTable th.sorting_3 {
    background: #fbfcfd !important;
}



.text-center {
    text-align: center; 
}
    
.text-right {
    text-align: right; 
}
    
.text-left {
    text-align: left; 
}

.text-vertical-center {
    vertical-align: middle; 
}
    
.text-wrap {
    white-space: nowrap;
}

.subtabla {
    width: 100%;
    border: 0;
    background-color: transparent !important;
}

.subtabla th {
    width: 1px;
    vertical-align: top;
    white-space: nowrap;
    border-top: 0 !important;
}

.subtabla td {
    vertical-align: top;
    border-top: 0 !important;
}

.inbox .table-hover tbody tr:hover>td,
.inbox .table-hover tbody tr:hover>th,
.inbox .table-striped tbody>tr:nth-child(2n+1)>td,
.inbox .table-striped tbody>tr:nth-child(2n+1)>th {
    background: #fff;
}

.table-hover>tbody>tr:nth-of-type(2n) {
    background-color: #eaeaea;
}

.table-hover.conSubtabla>tbody>tr:nth-child(4n),
.table-hover.conSubtabla>tbody>tr:nth-child(4n-1) {
    background: #eaeaea;
}

.table-hover.conSubtabla>tbody>tr:nth-child(4n-2),
.table-hover.conSubtabla>tbody>tr:nth-child(4n-3) {
    background: #fff;
}

.table-hover thead {
    background-color: #e2eef1;
}

.row .invoice-body {
    margin-right: 0;
    margin-left: 0;
}

.invoice-content-2 {
    padding: 0;
}

.invoice-body h3 {
    margin-top: 24px;
    border-bottom: 1px solid;
}

.invoice-content-2 .invoice-title {
    font-size: 1.4rem;
    margin-top: 20px;
    margin-bottom: 10px;
}

.invoice-content-2 .invoice-desc, .invoice-content-2 .invoice-body p {
    font-size: 1.4rem;
    font-weight: 100;
    margin-top:6px;
}



.badge {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 18px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}



.btn.mejora:not(.btn-outline) {
    color: #FFF;
    background-color: #84329B;
    border-color: #84329B
}

.btn.mejora:not(.btn-outline).focus,
.btn.mejora:not(.btn-outline):focus {
    color: #FFF;
    background-color: #3f74a3;
    border-color: #2a4d6c
}

.btn.mejora:not(.btn-outline).active,
.btn.mejora:not(.btn-outline):active,
.btn.mejora:not(.btn-outline):hover,
.open>.btn.mejora:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #3f74a3;
    border-color: #3c6f9c
}

.btn.mejora:not(.btn-outline).active.focus,
.btn.mejora:not(.btn-outline).active:focus,
.btn.mejora:not(.btn-outline).active:hover,
.btn.mejora:not(.btn-outline):active.focus,
.btn.mejora:not(.btn-outline):active:focus,
.btn.mejora:not(.btn-outline):active:hover,
.open>.btn.mejora:not(.btn-outline).dropdown-toggle.focus,
.open>.btn.mejora:not(.btn-outline).dropdown-toggle:focus,
.open>.btn.mejora:not(.btn-outline).dropdown-toggle:hover {
    color: #FFF;
    background-color: #356289;
    border-color: #2a4d6c
}

.btn.mejora:not(.btn-outline).active,
.btn.mejora:not(.btn-outline):active,
.open>.btn.mejora:not(.btn-outline).dropdown-toggle {
    background-image: none
}

.btn.mejora:not(.btn-outline).disabled.focus,
.btn.mejora:not(.btn-outline).disabled:focus,
.btn.mejora:not(.btn-outline).disabled:hover,
.btn.mejora:not(.btn-outline)[disabled].focus,
.btn.mejora:not(.btn-outline)[disabled]:focus,
.btn.mejora:not(.btn-outline)[disabled]:hover,
fieldset[disabled] .btn.mejora:not(.btn-outline).focus,
fieldset[disabled] .btn.mejora:not(.btn-outline):focus,
fieldset[disabled] .btn.mejora:not(.btn-outline):hover {
    background-color: #84329B;
    border-color: #84329B
}

.btn.mejora:not(.btn-outline) .badge {
    color: #84329B;
    background-color: #FFF
}

.btn.btn-outline.mejora {
    border-color: #84329B;
    color: #84329B;
    background: 0 0
}

.btn.btn-outline.mejora.active,
.btn.btn-outline.mejora:active,
.btn.btn-outline.mejora:active:focus,
.btn.btn-outline.mejora:active:hover,
.btn.btn-outline.mejora:focus,
.btn.btn-outline.mejora:hover {
    border-color: #84329B !important;
    color: #FFF !important;
    background-color: #84329B !important;
}

.btn.mejora-stripe {
    border-left: 4px solid #84329B !important
}

.btn.mejora.btn-no-border:not(.active) {
    border-color: transparent
}


.label.proyecto {
    background-color: #f36a5a;
}

.progress-bar-success {
    background-color: #84329B;
}

.form-group.form-md-line-input .form-control[disabled],
.form-group.form-md-line-input .form-control[readonly],
fieldset[disabled] .form-group.form-md-line-input .form-control {
    background: 0 0;
    cursor: not-allowed;
    border-bottom: 1px solid #c2cad8;
}

.invoice-content-2 .invoice-body h3 {
    font-size: 1.8rem;
    font-weight: 600;
    border: 0
}

.form-group.form-md-line-input.has-error .form-control {
    color: #e73d4a;
}

.invoice-head{
    margin-bottom:0 !important;
}

.form-md-radios {
    padding-top: 5px;
    padding-bottom: 5px;
}

.md-radio label{
    margin-bottom: 0;
}

.wcircle-menu-item {
    z-index: 1
}

.wcircle-menu {
    display: none;
}

@media print {
    .no-print,
    .no-print * {
        display: none !important;
    }
    table {
        page-break-inside: auto;
        page-break-after: auto;
    }
    tr {
        page-break-inside: avoid;
        page-break-after: auto
    }
}

@media all {
    .page-break {
        display: none;
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
