/* Fuentes Century Gothic */

@font-face {
    font-family: 'CenturyGothic'; /*'CenturyGothicRegular';*/
    src: url('../fonts/century-gothic/century-gothic-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CenturyGothic'; /*'CenturyGothicBold';*/
    src: url('../fonts/century-gothic/century-gothic-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'CenturyGothic'; /*'CenturyGothicItalic';*/
    src: url('../fonts/century-gothic/century-gothic-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'CenturyGothic'; /*'CenturyGothicBoldItalic';*/
    src: url('../fonts/century-gothic/century-gothic-bold-italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
* {
    font-family: "CenturyGothic", Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "CenturyGothic", Arial, sans-serif; /* TODO: Está mostrando la CenturyGothic regular en lugar de como bold */
}

#widgetarea #options select.form-control {
    margin-bottom: 0;
}

/* Colores corporativos Paideia */
#topnav.navbar-default { /* Primera barra */
    background: #fff !important;
}

.leftbar-default nav.widget-body > ul.acc-menu > li:hover > a,  /* Fondo de menú hover */
.leftbar-default nav.widget-body > ul.acc-menu ul,
.leftbar-default nav.widget-body > ul.acc-menu ul li a,
#topnav .nav.navbar-nav.navbar-right.yamm .dropdown-menu { /* Fondo de submenús */
    background: rgba(61,61,64,1) !important; /*#000 !important*/
}

.acc-menu, .leftbar-default, /* Segunda barra */
.btnAddRangePrd, .btnCreatePrd:hover.navbar-default {
    background: rgba(61,61,64,1); /*#3D3D40*/
}

.leftbar-default nav.widget-body > ul.acc-menu li a, /*Links del menú principal */
#topnav.navbar-default .navbar-nav > li > a, /*Links del desplegable de usuario */
#topnav.navbar-default #trigger-leftbar a, /*Links del icono de filtrar listados */
#topnav.navbar-default #trigger-infobar a,
#topnav.navbar-default .toolbar-trigger a,
#topnav.navbar-default #trigger-leftbar button,
#topnav.navbar-default #trigger-infobar button,
#topnav.navbar-default .toolbar-trigger button,
#topnav .nav.navbar-nav.navbar-right.yamm .dropdown-menu ul li a {
    background-color: rgba(61,61,64,1); /*FIXME*/
}

.leftbar-default nav.widget-body > ul.acc-menu ul li a:hover, /*Links del menú principal */
#topnav .nav.navbar-nav.navbar-right.yamm .dropdown-menu ul li a:hover,
.dropdown.username .dropdown-menu > li > a:hover {
    background: rgba(61,61,64,0.6) !important; /*FIXME*/
}

.leftbar-default .leftbar nav.widget-body > ul.acc-menu > li > a span.text, /*Texto del menú*/
.leftbar-default .leftbar nav.widget-body > ul.acc-menu > li > a span.icon, /*Iconos del menú*/
.leftbar-default nav.widget-body > ul.acc-menu ul, /*Texto del submenú*/
.leftbar-default nav.widget-body > ul.acc-menu ul li a,
#topnav.navbar-default .navbar-nav > li > a, /*Texto del desplegable de usuario */
#topnav.navbar-default #trigger-leftbar a, /*Links del icono de filtrar listados */
#topnav.navbar-default #trigger-infobar a,
#topnav.navbar-default .toolbar-trigger a,
#topnav.navbar-default #trigger-leftbar button,
#topnav.navbar-default #trigger-infobar button,
#topnav.navbar-default .toolbar-trigger button,
.dropdown.username .dropdown-menu > li > a,
#topnav .nav.navbar-nav.navbar-right.yamm .dropdown-menu ul li a {
    color: #C5C5C7;
}

#topnav.navbar-default .navbar-nav > li > a:hover, /* Nombre de usuario */
#topnav.navbar-default .navbar-nav > li > a:focus,
#topnav.navbar-default .navbar-nav > li > a:active,
#topnav.navbar-default #trigger-infobar a:hover, /* Icono de filtros */
#topnav.navbar-default .toolbar-trigger a:hover,
.dropdown.username .dropdown-menu:not(.datepicker):not(.daterangepicker):not(.datetimepicker) li > a:hover i {
    color: #ffffff;
    background-color: rgba(61,61,64,1);
}

.page-heading {
    background: transparent;
}

.btn-primary {
    background-color: rgba(0,158,223,1) !important; /*#009EDF*/
    border-color: rgba(0,158,223,0.7) !important;
}
.tectonic-shortcut-tile.primary {
    background-color: rgba(0,158,223,1); /*#03a9f4;*/
    border-color: rgba(0,158,223,1); /*#0288d1;*/
}
.tectonic-shortcut-tile.primary:hover {
    background-color: rgba(0,158,223,0.85); /*#0288d1;*/
    border-color: transparent;
}
a, a:hover, a:focus {
    color: rgba(0,158,223,0.7);
}

.btn-success {
    background-color: rgba(0,144,54,1) !important; /*#009036*/
    border-color: rgba(0,144,54,0.7) !important;
}
.text-success,
.text-success,
.text-success {
    color: rgba(0,144,54,1) !important;
}
.tectonic-shortcut-tile.success {
    background-color: rgba(0,144,54,1);
    border-color: rgba(0,144,54,1);
}
.tectonic-shortcut-tile.success:hover {
    background-color: rgba(0,144,54,0.85); /*#689f38;*/
    border-color: transparent;
}
.text-warning {
    color: #c09853 !important; /*#ffe082*/
}
.text-orange {
    color: #f08020 !important; /* NEW */
}
.btn-danger{
    background-color: rgba(225,0,26,1) !important; /*#E1001A*/
    border-color: rgba(225,0,26,0.7) !important;
}
.text-danger,
.text-danger,
.text-danger {
    color: rgba(225,0,26,1) !important;
}
.tectonic-shortcut-tile.danger {
    background-color: rgba(225,0,26,1);
    border-color: rgba(225,0,26,1);
}
.tectonic-shortcut-tile.danger:hover {
    background-color: rgba(225,0,26,0.85);
    border-color: transparent;
}

.leftbar-default nav.widget-body > ul.acc-menu > li.active > a,
.leftbar-default nav.widget-body > ul.acc-menu > li:hover.open.active > a {
    border-color: rgba(225,0,26,1);
    background: rgba(61,61,64,1);
}

/* TODO: Asignarle background-color y border-color más oscuro que los originales */
.btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {}
.btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {}
.btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {}

.panel.panel-info .panel-body {
    color: rgba(61,61,64,1);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background-color: #009036; /*#3D3D3D;*/
}
.bootstrap-switch .bootstrap-switch-label {
}



/* Estilos personalizados: Santalla */

#topnav .navbar-header .navbar-brand img {
    height: 40px;
    margin: 7px 0;
}

.inline form{
    display: inline-block;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba( 10, 10, 10, 0.95 );
    z-index: 100000;
}

.spinner-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
    text-align: center;
}

.spinner-wrap {
    width: 100px;
    margin-left: -50px;
    text-align: center;
}

.preloader .loader-gif img {
    max-width: 100%;
}

.mt20{
    margin-top: 20px;
}

.form-group ul{
    list-style: none;
    padding: 0;
    color: #F4364C;
}

.form-group ul li{
    list-style: none;
    /*color: #F4364C;*/
}

/* Estilos personalizados: Juan */

.panel.panel-info .panel-heading {
    border-bottom: 2px solid #3D3D3D;
    background-color: #3D3D3D;
}

.select2-container {
    z-index: 1199;
}

.layout-horizontal #widget-leftbar {z-index:1200;}

.select2-container--default .select2-selection--single,
.select2-selection.select2-selection--multiple,
.selectboxit {
    background-color: #fff !important;
}

.btn.btnTooltip {
    text-transform: initial !important;
}

.form-group ul.select2-selection__rendered li{
    color: #424242;
}

.media.media-transparent a:hover,
.media.media-transparent .media-content:hover {
    background-color: transparent !important;
}

.panel.panel-info.alt .panel-heading, .panel.panel-info-alt .panel-heading {
    /*border-bottom: 2px solid #c9f1f6;
    border-bottom-color: rgb(201, 241, 246);*/
    border-color: rgba(239,239,240,0.7);
    background-color: rgba(239,239,240,1); /*#e0f7fa;*/ /*gris*/
}
.panel.panel-info.alt .panel-heading h2,
.panel.panel-info-alt .panel-heading h2, .panel.panel-info.alt .panel-heading h2.title,
.panel.panel-info-alt .panel-heading h2.title {
    color: rgba(27, 34, 44, 0.72); /*#00bcd4;*/
}

.static-content-wrapper {
    background: rgba(239,239,240,1); /*#efeff0;*/
}

.display-flex,
.evaluacionresponsable--form--plazo {
    display: flex;
}

.table-puntoscriticos th {
    background-color: rgba(239,239,240,1);
}

.table-puntoscriticos tr td.b-n {
    border: 0 none !important;
}

.table-puntoscriticos tr th[scope="colgroup"],
.table-puntoscriticos tr th[scope="col"],
.table-puntoscriticos tr th[scope="row"],
.table-puntoscriticos tr td{
    border: 1px solid #000 !important;
}

#topnav { z-index: 1500; }

.modal {
    z-index: 1600;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.alert-orange {
    color: #f08020;
    background-color: #ffb06b;
    border-color: #f08020;
}
/*.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}*/
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: 0;
    color: inherit;
}
.error-wrapper {
    position: relative;
    top: 50%;
    margin-top: 150px;
}
.error-wrapper .container {
    text-align: center;
}
.error-wrapper h1 {
    font-size: 60px;
}
.error-wrapper p {
    font-size: 22px;
}
#topnav .toolbar-trigger a span.icon.filter {
    font-size: 12.5px;
    font-weight: 600;
    width: 70px;
}
.navbar-right {
    margin-right: 0 !important;
}
.layout-horizontal #widget-leftbar ul.acc-menu {
    left: 0;
    position: absolute;
    width: 100%;
}
.layout-horizontal #widget-leftbar ul.acc-menu li.filter-empresas {
    position: absolute;
    right: 8px;
    top: 20px;
}
table .button-actions {
    display: flex;
    float: right;
    margin: 0;
    padding-left: 0;
}
table .button-actions li {
    padding-left: 2px;
    padding-right: 2px;
}
table .button-actions li:first-child {
    padding-left: 0;
}
table .button-actions li:last-child {
    padding-right: 0;
}
.table-responsive .table thead {
    background-color: #b6dfe8;
}
.table-responsive .table th .border-dotted {
    border-bottom: 1px dotted #000;
}
.well .table-responsive .table thead {
    background-color: transparent;
}
.form-horizontal .control-label.text-left {
    text-align: left;
}
/* .table-fixed-header */
.table-responsive .table-fixed-header thead,
.table-responsive .table-fixed-header tbody {
    display: block;
    width: 100%;
}
.table-responsive .table-fixed-header tbody {
    max-height: 500px;
    overflow-y: auto;
}
.table-responsive .table-fixed-header thead tr{
    width: 99%;
}
.table-responsive .table-fixed-header tr{
    width: 100%;
}
.table-responsive .table-fixed-header thead, .table-responsive .table-fixed-header tbody, .table-responsive .table-fixed-header tr, .table-responsive .table-fixed-header td, .table-responsive .table-fixed-header th {
    display: inline-block;
}
.table-responsive .table-fixed-header tbody td, .table-responsive .table-fixed-header thead > tr> th {
    float: left;
}
.table-responsive .table-fixed-header th {
    background-color: #b6dfe8 !important;
    height: 45px;
}
.fixedHeightCanvas {
    /*height: 550px;*/
    margin: 0 auto;
}
#informe .title {
    background-color: rgb(132,216,72);
    padding: 5px;
    margin-bottom: 20px;
}
#informe h4 {
    font-size: 32px;
    font-weight: normal;
}
#informe h5 {
    font-size: 28px;
    color: #666666;
    font-weight: normal;
}
#informe span.underline {
    text-decoration: underline;
}
#informe span.bold {
    font-weight: bold;
}
#informe span.italic {
    font-style: italic;
}
#informe .text-center {
    text-align: center;
}
#informe .pb30 {
    padding-bottom: 30px;
}
#informe .pb50 {
    padding-bottom: 50px;
}
#informe .logo-block{
    clear: both;
    text-align: right;
    overflow: hidden;
}
#informe .logo-block #logotipo {
    max-width: 450px;
    float: right;
}
#informe .bordered {
    border: 1px solid #dbdbdb;
}
#informe .fixedHeightCanvas {
    /*height: 750px;*/
}
.modal .form-group {
    margin-bottom: 15px;
    overflow: hidden;
}
.modal .form-group label {
    font-weight: bold;
}
/* Estilos específicos para filas de tablas */
.table > tbody > tr.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}
.table > tbody > tr.alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
}
.table > tbody > tr.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}
.panel .panel-body.panel-pdf {
    padding: 25px 75px;
}

/* Estilos correspondientes a informes */
.panel .panel-heading.cursor-pointer{
    cursor: pointer;
}
.panel.panel-success .panel-heading .panel-ctrls .icon {
    color: rgba(27, 34, 44, 0.5);
}
.panel.panel-success .panel-heading .panel-ctrls .icon:hover {
    color: rgba(27, 34, 44, 0.88);
    background-color: transparent;
}
/*.panel.panel-default .panel-heading .panel-ctrls .icon:not(:last-child) {
    display: none;
}*/
.panel.panel-success .panel-heading {
    background-color: #f1f8e9;
    border-color: #e6f2d8;
}
.panel .panel-heading .panel-ctrls {
    float: right;
    margin: 0;
}
.panel .panel-heading h4,
.panel .panel-heading h4.title,
.panel .panel-heading h2,
.panel .panel-heading h2.title {
    float: left;
    font-weight: 600;
}
.panel .panel-footer {
    text-align: left;
    padding: 0;
    margin: 0; /*10px 15px;*/
    background-color: transparent;
}
[data-widget]:not([data-widget-static]) .panel-heading {
    cursor: pointer;
}
.panel .panel-footer .block {
    margin: 15px 20px;
}
#informe_graficas .panel .panel-body,
#informe_graficas .panel .panel-footer {
    font-size: 16px;
}
#informe_graficas .legend-blocks {
    display: none;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 40px;
    left: 50%;
}
#informe_graficas .legend-block {
    display: inline-block;
    height: 30px;
}
#informe_graficas .legend-block-label,
#informe_graficas .legend-block-background {
    vertical-align: middle;
}
#informe_graficas .legend-block-label {
    line-height: 30px;
    margin-right: 8px;
}
#informe_graficas .legend-block-background {
    width: 42px;
    height: 20px;
    display: inline-block;
    background-color: transparent;
    margin-right: 2px;
}
#informe_graficas .legend-block-vo-border {
    border: 3px solid rgb(132,216,72) !important;
}
#informe_graficas .legend-block-autoevaluacion-border {
    border: 3px solid rgb(236,124,48) !important;
}
#informe_graficas .legend-block-evaluacion-border {
    border: 3px solid rgba(0,112,192, 0.85) !important;
}
#informe_graficas .legend-block-vo-background {
    background-color: rgb(132,216,72) !important;
}
#informe_graficas .legend-block-autoevaluacion-background {
    background-color: rgb(236,124,48) !important;
}
#informe_graficas .legend-block-evaluacion-background {
    background-color: rgba(0,112,192, 0.85) !important;
}
#informe_graficas .panel .panel-body {
    padding: 30px 15px 30px !important; /* 70px 15px 30px !important */
    position: relative;
}
.block-comision .panel {
    border: 1px solid rgba(132,216,72,0.4);
}
/* Estilo correspondiente al gráfico resumen incorporado en el plan de acción */
.form-group.canvas-type-radar,
.form-group.canvas-type-radar #canvasF {
    height: 550px;
    width: 100%;
}

.custombundle_formularioevaluacion_acuerdo_mejoras-collection-actions {
    display: none;
}

/* Adding a "Required" Asterisk to Field Labels */
div.block-required {
    display: inline-flex;
}
div.block-required span.required {
    padding-top: 6px;
    padding-bottom: 6px;
}
td.block-required span.required,
div.block-required span.required {
    color: #F4364C;
    font-weight: bold;
}
td.block-required span.required i,
div.block-required span.required i {
    font-size: 0.7em !important;
    vertical-align: 2px;
}
.table td span.required i, .table th span.required i {
    font-size: 1rem !important;
    color: #F4364C;
}

/* Estilos procedentes de otros proyectos */
label.required:before {
    content: "*";
    color: #F4364C;
    font-weight: bold;
    position: relative;
    top: 2px;
    right: 4px;
}

table#custombundle_formularioevaluacion_evaluacionPreguntas input:placeholder-shown:required {
    border: 1px solid #F4364C !important;
}

#modal-plan-accion .form-group ul{
    list-style: none;
    padding: 0;
    color: rgba(27, 34, 44, 0.72);
}

.panel-group .panel-heading,
.panel-group .panel-heading a {
    width: 100%;
}
.title-edit {
    line-height: 30px !important;
    padding: 6px !important;
    width: 100% !important;
}
.panel.panel-block .panel-title a {
    display: inline-block;
    width: 95%;
}
.close {
    float: right;
    font-size: 24px;
    line-height: 24px;
    text-shadow: none;
}
.btnDeleteItem, .btnDeletePanel {
    background: red !important;
}
.btnItem, .btnPdfItem, .btnEditItem, .btnDeleteItem, .btnDeletePanel {
    border-radius: 50% !important;
    height: 30px !important;
    width: 30px !important;
    color: white !important;
    padding-left: 8px !important;
    opacity: .6 !important;
}

div.panel-group.my-selector div.panel-body.panel-item div[class$="-collection-actions"],
table.table.table-selector.jquery-collection tr.item div[class$="-collection-actions"] {
    display: none;
}