/* ----------------------- Notificacion ----------------------- */
.nova-notification {
   color: #f8b133 !important;
}

.nova-list-notification {
   height: auto !important;
}

/* ----------------------- Notificacion ----------------------- */
/* ----------------------- VIATICOS EDITAR ----------------------- */
.nova-main-content {
   padding: 15px 10px 25px;
}

.nova-panel-default {
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
}

.nova-panel-table {
   margin-bottom: 10px;
}

.nova-panel-formulario {
   color: #333333;
   border: 1px solid #d4d4d4;
}

.nova-panel-heading-formulario {
   border-bottom: 1px solid #d4d4d4 !important;
   color: black !important;
   background-color: #ffffff !important;
}

.nova-panel-heading {
   margin: 0px;
   padding: 15px 20px 0px !important;
   min-height: 55px;
   border-color: #d4d4d4 !important;
   border-bottom: 0px;
}

.nova-widget-head {
   margin-bottom: 0;
}

.nova-panel-content {
   border: 1px solid #d4d4d4 !important;
   margin: 0px;
   padding: 15px 20px 0px;
   min-height: 55px;
   font-size: 18px;
}

.nova-counter-box {
   margin-left: 40px;
   margin-bottom: 10px;
   border: 1px dashed;
   padding: 5px;
}

/* colocar en css utils */
.nova-fz-21 {
   font-size: 21px !important;
}

.nova-fz-14 {
   font-size: 14px !important;
}
.nova-fz-12 {
   font-size: 12px !important;
}
.nova-fz-15 {
   font-size: 15px !important;
}
.nova-grid-empty {
	font-size: 32px;
	text-align: center;
	font-family: Helvetica Neue, sans-serif !important;
	width: 100% !important;
}

/* colocar en css utils */
/* ----------------------- VIATICOS EDITAR ----------------------- */

.nova-version {
   margin-top: 0px !important;
   padding-bottom: 0px !important;
   font-size: 17px;
}

.nova-fila-cumpleanos {
   padding: 0px !important;
   font-size: 11.5px !important;
}

.nova-modal-header-cd {
   background-color: rgb(65, 135, 147) !important;
   color: white !important;
}

.nova-btn-orange {
   color: white;
   background-color: rgb(65, 135, 147); /* #97c5cc*/
   border-color: #053038;
}

.nova-btn-orange:hover {
   color: white;
   background-color: #0e97ad;
   box-shadow: inset 0 -4px 0 #418693;
   
}

.nova-btn-cancelar {
   color: white;
   background-color: #EE5E67;
   border-color: #EE5E67;
}

.nova-btn-cancelar:hover {
   color: white;
   background-color: #EE5E67;
   box-shadow: inset 0 -4px 0 #EE5E67;
}

.nova-btn-rounded {
    border-radius: 15px;
    outline: none !important;
}
.nova-btn-rounded:focus {
    box-shadow: 0 0 0 2px #005fcc;
}

.colored-header-orange {
   color: black;
   background-color: rgb(249, 155, 12);
}

.nova-bold {
   font-weight: bold;
}

.nova-red-username {
   background-color: #EA5430!important;
   color: white !important;
   padding: 0 15px 0 !important;
   text-align: center;
}

.nova-item {
   color: black;
   margin-left: .5em;
}

.nova-icon {
   width: 10px !important;
}

.nova-mini-img {
   max-height: 40px !important;
   max-width: 100px !important;
   vertical-align: none;
}

.own-panel-body {
   color: #333333 !important;
   border: 1px solid #d4d4d4 !important;
   border-top: 0px !important;
}

.nova-label {
   color: #7d7d7d;
}

.nova-toolbar-mbutton {
   margin-left: 12px !important;
}

.nova-panel {
   margin-bottom: 10;
}

.nova-sidebar-elements li a {
   text-overflow: clip !important;
}

.nova-page-head {
   padding: 40px 25px 10px;
}

.nova-panel-footer {
   margin: 0px;
   padding: 15px 20px 15px !important;
   min-height: 55px;
}

.nova-active-tab {
   background-color: #f7f7f7;
   cursor: not-allowed;
}

.nova-active-tab:hover {
   color: #949494 !important;
}

.nova-active-tab:focus {
   color: #ffffff;
   /* background: #4285f4; */
   /* border-color: #4285f4; */
}
.nova-active-tab-alter {
   background-color: #d6dada;
}

.nova-a-tab {
   margin-right: 0px !important;
}

.nova-a-tab-border {
   border-left: 1px solid #d4d4d4 !important;
}

.nova-title {
   display: inline-block;
   line-height: 0px;
}

.nova-white {
   color: white !important;
}

.nova-black {
   color: #404040 !important;
}

.nova-blue {
   color: #4285f4 !important;
}

.nova-green {
   color: #37b358 !important;
}

.nova-badge {
   border: 0;
}

.nova-col-filter {
   padding-right: 0px !important;
}

.nova-tools {
   margin-right: 20px;
}

.nova-btn {
   font-weight: 500;
}

.nova-border {
   border-bottom: 1px solid #d4d4d4 !important;
   color: black !important;
   background-color: #ffffff !important;
}

.nova-border-bottom {
   border-bottom: 1px solid #d4d4d4 !important;
   color: black !important;
   background-color: #ffffff !important;
}

.nova-panel-heading {
   padding: 0px;
}

.nova-addon-button {
   line-height: 0;
   padding: 0 10px 0 10px;
}

.nova-label-centrado {
   font-weight: 300;
   /* margin-left: 6em; */
   /* margin-top: 2em; */
   border-radius: 3px;
}

.nova-label-margin-bottom {
   margin-bottom: 4px;
}

.nova-input-group-padding {
   padding: 0px !important;
}


.nova-modal-header {
   padding: 15px 20px !important;
}

.nova-modal-body-padding {
   padding: 15px 60px 0px 60px !important;
}

.nova-modal-footer {
   text-align: left !important;
   border-top: 1px solid #d4d4d4;
   padding: 15px 15px 15px 15px !important;
}

.nova-modal-informacion {
   font-size: 14px;
}

.nova-modal-espaciado {
   padding: 0 0 !important;
}

.nova-modal-header {
   padding: 15px 20px !important;
}

.nova-footer-botons {
   padding-right: 1em;
}

.nova-content {
   max-width: none;
}

.nova-padding-row {
   padding: 0 15px;
}

.nova-padding-24px {
   padding: 24px !important;
}

.select2-container {
   width: 100% !important;
}

.select2-container--default .select2-selection--single {
   height: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   height: 30px !important;
   line-height: 30px;
   padding: 0 30px 0 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 30px !important;
   top: -7px;
   right: -7px;
}

.nova-div-overflow {
   overflow: auto;
   overflow-x: auto;
   overflow-y: auto;
}

/* #test_scroll{ height:300px; overflow:hidden;} Establecer para las celdas con informacion scrollable
#test_scroll:hover{overflow-y:auto;} */

.nova-opt-disable {
   background-color: red !important;
   color: white !important;
}

/* Multiselect con dos contenedores */
.ms-container {
   width: 100% !important;
}

/*.ms-selectable {
   float: right !important;
}
.ms-selection {
   float: left !important;
}*/

.nova-panel-2ndseccion {
   border-top: 1px solid #d4d4d4;
}

.nova-panel-mensaje {
   background-color: #ffffff;
   text-align: center
}

@media (min-width: 768px) {

   .nova-col-filter {
      width: 25%;
   }

   .nova-panel-footer {
      padding-bottom: 20px;
   }
   
   /* .nova-panel-main {
      padding-right: 10px;
   } */
}

@media (min-width: 768px) {
   .nova-fix-padding-left {
      padding-left: 8px;
   }

   .nova-fix-padding-right {
      padding-right: 8px;
   }
}

.nova-fix-width-highcharts {
   width: calc(100% + .5px);
}

.nova-margin-highcharts {
   margin: 10px 0px 20px;
}

.nova-sparkline {
   display: inline-block;
   width: 85px;
   height: 35px;
   vertical-align: top;
}

.nova-contenedor-organigrama {
   background-color: white;
   position: relative;
   display: inline-block;
   width: 100%;
   overflow: auto;
   text-align: center;
}

.nova-icon-gray {
   fill: gray;
   -webkit-text-fill-color: gray;
}

.nova-panel-heading-divider {
   border-bottom: 1px solid #d9d9d9;
   margin: 0 0 8px;
   padding-bottom: 16px;
   padding-left: 20px;
}

/* nova-navbar */
.nova-content-nav {
   border-top: 1px solid #d4d4d4 !important;
   width: 100%;
   padding: 10px 0px 20px;
   clear: both;
   position: relative;
}

.nova-nav-tab {
   width: 70%;
   left: 50%;
   margin: 0px;
}

.nova-nav-tab a {
   right: 50%;
}

/* Bordes */
.nova-nav-tab a:first-child {
   border-top-left-radius: 7px;
   border-bottom-left-radius: 7px;
}

.nova-nav-tab a:last-child {
   border-top-right-radius: 7px;
   border-bottom-right-radius: 7px;
}

/* nova-navbar */

/* nova-breadcrumb-nav */
.nova-breadcrumb-nav {
   background-color: transparent !important;
   position: relative;
}

.nova-breadcrumb-nav ol.breadcrumb {
   background-color: transparent !important;
}

/* nova-breadcrumb-nav */

/* nova-panel */
.nova-panel-tools {
   margin: 0px;
   padding: 5px 20px 0px !important;
   overflow: hidden;
}

.nova-panel-borde-contenido {
   border-top: none !important;
   border-bottom: none !important;
   border-left: 1px solid #d4d4d4 !important;
   border-right: 1px solid #d4d4d4 !important;
   border-radius: 0px ! important;
}

.nova-panel-borde-header {
   border: 1px solid #d4d4d4 !important;
   border-radius: 0px ! important;
}

.nova-panel-no-border-top {
   border-top: 0px !important;
}

.nova-panel-no-border-bottom {
   border-bottom: 0px !important;
}

.nova-pan-head-descripcion {
   color: #4285f4;
   background-color: transparent;
   border-color: #ddd;
   margin: 0px;
   padding: 5px 20px 0px 12px !important;
   overflow: hidden;
}

/* nova-panel */

/* nova-panel-arbol */
.nova-panel-arbol {
   padding: 0px !important;
   border-radius: 0px ! important;
}

div.nova-panel-arbol span.badge {
   border: 0px !important;
   background-color: inherit !important;
   padding: 0px !important;
}

div.nova-panel-arbol li.list-group-item {
   overflow-y: hidden !important;
   border-radius: 0px !important;
}

/* nova-panel-arbol */

/* nova-detalle */
.nova-btn-space {
   margin-top: 5px;
}

.nova-btn-delete {
   background-color: #ff4141 !important;
   color: white !important;
}
.nova-btn-disabled {
   background-color: #adacac !important;
   color: white !important;
}
.nova-btn-edit {
   background-color: #fba605 !important;
}

/* nova-detalle */

/* nova-home */
.nova-panel-inicio-top {
   padding: 30px 0px;
   background-color: #ffffff !important;
}

.nova-panel-inicio-bottom {
   padding: 30px 0px;
   background-color: #ddd !important;
}

.nova-btn-home {
   padding: 10px !important;
   border: 1px solid #d4d4d4;
   border-radius: 11px;
   font-size: 13px;
   width: 100%;
}

.nova-btn-home i.icon {
   font-size: 32px !important;
}

.nova-info {
   text-align: center;
   font-size: 16px
}

.nova-info h4:first-child {
   margin-top: 0px;
}

.nova-home-title {
   font-size: 22px;
   text-align: center;
   margin-top: 17px;
}

.nova-paper {
   background-color: #ffffff;
   border-radius: 6px;
}

.nova-titulo-acciones {
   font-size: 16px;
   margin-bottom: 5px;
   border-bottom: 1px solid #d4d4d4;
}

.nova-img {
   border-radius: 10px;
}

.nova-tags {
   margin-bottom: 3px;
   font-size: 12px;
}

.nova-tag-icon {
   font-size: 16px;
}

.nova-insignia:before {
   content: "\f005";
   font-family: FontAwesome;
   font-size: 30px;
   color: #FFF;
   background-color: #FBCC30;
   position: absolute;
   width: 37px;
   height: 50px;
   top: 0px;
   left: 6px;
   padding: 5px;
}

.nova-paper-acciones {
   display: inline-block;
   background-color: #ffffff;
   max-width: 24%;
   border-radius: 6px;
   margin-right: 5px;
   margin-bottom: 5px;
}

/* nova-home */

/* nova-menu-slider */
.nova-panel-slider {
   background-color: #ffffff;
   border-right: 1px solid #d4d4d4;
   border-bottom: 1px solid #d4d4d4;
   border-left: 1px solid #d4d4d4;
   overflow: hidden;
   position: relative;
}

.nova-slider-menu {
   border-radius: 0px !important;
   padding: 15px;
   position: relative;
}

.sticky {
   position: fixed;
   top: 60px;
}

.nova-slider-menu-fixed {
   position: relative !important;
   top: 0px !important;
}

.nova-slider-section {
   padding: 15px 20px 20px 20px;
}

.nova-slider-panel {
   border: 1px solid #d4d4d4;
   border-radius: 3px;
}

.nova-slider-panel-heading {
   background-color: #f5f5f5;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   padding: 5px 10px;
   border-bottom: 1px solid #d4d4d4;
}

.nova-slider-panel-heading-table {
   background-color: #f5f5f5;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   padding: 5px 10px;
   border-top: 1px solid #d4d4d4;
   border-left: 1px solid #d4d4d4;
   border-right: 1px solid #d4d4d4;
   overflow: hidden;
}

.nova-slider-panel-content {
   padding: 10px 20px;
}

.nova-slider-panel-footer {
   background-color: #f5f5f5;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   padding: 5px 10px;
   border-top: 1px solid #d4d4d4;
   overflow: hidden;
}

.nova-slider-title {
   font-size: 16px;
   padding: 5px;
}

/* nova-menu-slider */

/* modales */
@media (max-width: 768px) {

   .nova-modal-responsive {
      min-width: calc(100% - 20px);
   }

   .nova-modal-content-responsive {
      min-width: 100%;
   }
}

@media (max-width: 767px) {

   /* Phone */
   .nova-modal-content {
      position: relative;
      margin: 30px auto;
      border-radius: 3px;
      min-width: 320px;
      /* max-width: 630px; */
      max-width: 700px !important;
   }

}

@media (min-width: 768px) {

   /* Tablet */
   .nova-modal-content {
      /* position: relative;
      margin: 30px auto;
      border-radius: 3px;
      min-width: 320px;
      */
      max-width: 980px !important;
   }

}

@media (min-width: 992px) {

   /* Desktop */
   .nova-modal-content {
      /* position: relative;
      margin: 30px auto;
      border-radius: 3px;
      min-width: 320px; */

      max-width: 1100px !important;
   }

}

@media (min-width: 1200px) {

   /* largeDesktop */
   .nova-modal-content {
      /* position: relative;
      margin: 30px auto;
      border-radius: 3px;
      min-width: 320px; */

      max-width: 1300px !important;
   }

}


.nova-modal-maxwidth {
   max-width: 930px !important;
}

.nova-modal-overflow-300 {
   overflow-y: auto;
   height: 300px;
}

.nova-modal-overflow-150 {
   overflow-y: auto;
   height: 150px;
}

.nova-modal-overflow-200 {
   overflow-y: auto;
   height: 200px;
}

.nova-modal-acciones {
   max-width: 320px;
}

.nova-modal-title-seguimientos {
   width: 80%;
}

.nova-overflow-hidden {
   overflow: hidden;
}

.nova-accordion-border-bottom {
   border-bottom: 1px solid #d4d4d4;
}

.nova-modal-informacion {
   padding: 12px 15px;
}

.nova-modal-accordion {
   margin-bottom: 0px !important;
}

.nova-accordion-row {
   padding-left: 15px;
   padding-right: 15px;
   overflow: hidden;
}

.nova-accordion-border-bottom {
   border-bottom: 1px solid #d4d4d4;
}

.nova-modal-accordion-panel {
   border-radius: 0px !important;
   margin-top: 0px !important;
}

.nova-modal-margin-contents {
   /*margin: 20px;*/
   margin: 0px 20px 20px 20px;
}

.nova-overflow-dropdown {
   overflow-y: -webkit-paged-y;
}

/* modales */

/* bootstrap tables */
.nova-active-row {
   background-color: #f0f0f0;
}

.nova-columna-acciones {
   width: 38px;
}

.nova-aling-center {
   text-align: center;
}

.nova-valing-center {
   vertical-align: middle !important;
}

.nova-td-min-witdh-300 {
   min-width: 300px;
}

.nova-button-text-overflow {
   max-width: 500px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.nova-status-en-autorizacion {
   background-color: #5ac3f6;
   color: #ffffff;
   text-align: center;
}

.nova-status-en-aprobacion {
   background-color: #5ac3f6;
   color: #ffffff;
   text-align: center;
}

.nova-status-cancelado {
   background-color: #d4d4d4;
   color: #000000;
   text-align: center;
}

.nova-status-aprobado {
   background-color: #34a853;
   color: #ffffff;
   text-align: center;
}

.nova-status-curso-cerrado {
   background-color: #34a853;
   color: #ffffff;
   text-align: center;
}

.nova-status-rechazado {
   background-color: #ffba3c;
   color: #000000;
   text-align: center;
}

.nova-status-autorizado {
   background-color: #4285f4;
   color: #ffffff;
   text-align: center;
}

.nova-status-captura {
   text-align: center;
   color: black;
   background-color: white;
}
.nova-fieldset{
   border: 1px solid #c0c0c0 !important;
   /* margin: 0 50px !important; */
   padding: 0.35em 0.625em 0.75em !important;
}
.nova-legend{
   color: #666666 !important;
   font-weight: 600 !important;
   display: block !important;
   width: auto !important;
   padding: 0 !important;
   margin-bottom: 0 !important;
   font-size: 13px !important;
   line-height: inherit !important;
   border: 0;
   border-bottom: 0px solid #e5e5e5;
  }

.nova-status-concluido {
   background-color: #d62516;
   color: #ffffff;
   text-align: center;
}

.nova-status-en-proceso {
   background-color: #ebf01f;
   color: black;
   text-align: center;
}

.nova-status-realizada {
   text-align: center;
   color: #ffffff;
   background-color: #009211;
}

.nova-status-retroalimentacion {
   text-align: center;
   color: #000;
   background-color: #c58be0
}

.nova-status-tiempo {
   text-align: center;
   color: #000;
   background-color: #0ACD4D;
}

.nova-status-detenido {
   text-align: center;
   color: #000;
   background-color: #E02518;
}

.nova-status-terminado {
   text-align: center;
   color: #000;
   background-color: #25C1F4;
}

.nova-status-terminado-rqp {
   text-align: center;
   color: #fff;
   background-color: #c71816d1;
}

.nova-status-atraso {
   text-align: center;
   color: #000;
   background-color: #F9E812;
}

.nova-status-en-revision {
   background-color: #ebf01f;
   color: black;
   text-align: center;
}

.nova-status-en-revision-rqp {
   background-color: #ebf01fc7;
   color: black;
   text-align: center;
}

.nova-status-revisado {
   text-align: center;
   color: #ffffff;
   background-color: #009211;
}

.nova-status-publicado {
   text-align: center;
   color: #ffffff;
   background-color: #009211;
}

.nova-status-pausado {
   text-align: center;
   color: #000;
   background-color: #F9E812;
}

/* - - - - - - - - bootstrap tables (mover a utils) - - - - - - - - */
.nova-min-width-150 {
   min-width: 150px !important;
}

.nova-min-width-250 {
   min-width: 250px !important;
}
/* - - - - - - - - bootstrap tables (mover a utils) - - - - - - - - */


/* - - - - - - - - multiselect 2 - - - - - - - - */
.select2-container--default .select2-results__option[aria-selected="true"] {
   background-color: #4285f4;
   color: #ffffff;
}
/* - - - - - - - - multiselect 2 - - - - - - - - */

/* - - - - - - - - Kendo grid, estilo en las filas usado en expediente personal - - - - - - - - */
.nova-fecha-vencida {
   background-color: #E6E6E6;
}

.nova-fecha-por-vencer {
   background-color: #FBFBEF;
}

.nova-actualizado {
   background-color: #E6F8E0;
}

.nova-eliminado {
   background-color: #FBEFEF;
}
/* - - - - - - - - Kendo grid, estilo en las filas usado en expediente personal - - - - - - - - */

/* - - - - - - - - bootstrap multiselect - - - - - - - - */
.nova-bootstrap-multiselect-width-ul {
   overflow-x: scroll !important;
   max-width: 100% !important;
}

.nova-max-width100p {
   max-width: 100% !important;
}

.nova-top-20px {
   top: 20px !important;
}

.nova-bootstrap-multiselect-req {
   overflow-x: scroll !important;
   position: fixed !important;
   width: 60.5%;
   top: 148px;
   left: 167px;
}
/* - - - - - - - - bootstrap multiselect - - - - - - - - */

/* - - - - - - - - jquery multiselect - - - - - - - - */
.nova-has-error {
   border: 1px solid #ea4335 !important;
   box-shadow: 0 0 7px #ff0000 !important;
}
/* - - - - - - - - jquery multiselect - - - - - - - - */


.nova-col-popup {
   padding-right: 0px !important;
}

/* - - - - - - - - Bootstrap Tables - - - - - - - - */
.nova-sin-resultados {
   font-size: 32px;
   background-color: #ffffff;
}

.nova-actividad {
   font-size: 20px !important;
}

.nova-tabla-popup {
   padding: 0px 74px 0px 74px;
   margin-top: 20px;
}

.nova-table-popup-gradient {
   border-color: #cccccc;
   white-space: nowrap;
   margin-bottom: 0px !important;
}

.nova-table-popup-gradient thead {
   background: #428bca;
   background: -webkit-linear-gradient(#e6e6e6, #ebebeb);
   /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#e6e6e6, #ebebeb);
   /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#e6e6e6, #ebebeb);
   /* For Firefox 3.6 to 15 */
   background: linear-gradient(#e6e6e6, #ebebeb);
   /* Standard syntax */
   color: black;
}

.nova-table-popup-gradient>thead>tr>th {
   font-weight: 400;
   font-size: 14px;
   border-color: #cccccc;
}

.nova-popup-table-footer {
   text-align: left !important;
   padding: 15px 0 15px 15px !important;
}
/* - - - - - - - - Bootstrap Tables - - - - - - - - */

/* - - - - - - - - kendo grid compras - - - - - - - - */
.nova-button-grid {
   margin-right: 10px;
}

.nova-grid-column-yellow {
   background-color: LightYellow;
}

.nova-grid-column-purple {
   background-color: GhostWhite;
}

.nova-grid-column-blue {
   background-color: Azure;
}
/* - - - - - - - - kendo grid compras - - - - - - - - */
/* - - - - - - - - Modal descripcion - - - - - - - - */
.nova-modal-contenido {
   font-size: 14px;
   margin-left: 0 30px 0 30px;
}

.nova-margin {
   margin-bottom: 0 !important;
}
/* - - - - - - - - Modal descripcion - - - - - - - - */

@media (max-width: 575.98px) {
   .nova-xs-margins {
      margin-left: -5px;
      margin-right: -5px;
   }

}

@media (max-width: 768px) {
   .nova-xs-margins {
      margin-bottom: 5px;
   }
}

@media (min-width: 992px) {
   .nova-panel-main {
      padding-right: 0;
   }

   .nova-sidebar {
      padding-left: 10px;
   }
}

.nova-overflow-visible {
   overflow: visible !important;
}

/* - - - - - - - - nova-wizard-header - - - - - - - - */
.nova-wizard-header {
   font-size: 14px;
}

.nova-wizard-header .nova-wizard-title {
   padding: 14px;
   float: left;
   color: #4285f4;
}

.nova-wizard-header .nova-wizard-tools {
   float: right;
   padding: 14px 30px 14px 14px;
}

.nova-wizard-tools .icon {
   font-size: 20px;
   vertical-align: middle;
   cursor: pointer;
   color: #bababa;
   min-width: 20px;
   text-align: center;
}

.nova-wizard-tools>ul {
   left: -170px;
   top: 33px;
}
/* - - - - - - - - nova-wizard-header - - - - - - - - */

/* - - - - - - - - Error 403 - - - - - - - - */
.nova-imagen-403 {
   width: 150px;
   height: 80%;
}

.be-error .nova-error-number {
   display: block;
   font-size: 150px;
   font-weight: 700;
   line-height: 240px;
   margin-bottom: 30px;
   max-height: 240px;
   color: #C41B1B;
}

.be-error .nova-error-number:after {
   padding-top: 0.25%;
   display: block;
   content: '';
}
/* - - - - - - - - Error 403 - - - - - - - - */


.icon-black {
   color: #424242 !important;
}

/* -AVATAR DE PERFIL- */
.nova-dropdown {
   margin: 10px 15px !important;
}

.nova-dropdown:after {
   border-bottom-color: #EA5430 !important;
}

.nova-be-icons-nav {
   margin-right: 5px !important;
}

.nova-be-right-navbar {
   padding-right: 0px !important;
}

.nova-crop-img {
   height: 60px !important;
   overflow: hidden !important;
   width: 75px !important;
   text-align: center;
}

.nova-perfil-img {
   height: 280px;
   object-fit: cover;
}

.nova-imagen-avatar {
   max-width: 75px !important;
   max-height: 60px !important;
   width: auto !important;
   clip-path: circle(23px at 50% 50%) !important;
   -webkit-clip-path: circle(23px at 50% 50%) !important;
}

@media (max-width: 767px) {
   /* se cambia el color para generalizar */
   .nova-be-right-navbar {
      padding-right: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-bottom: 1px solid #EEEEEE;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #EEEEEE;
      z-index: 1030;
      color:black !important;
   }
   .be-user-nav > li.dropdown > a:after {
      color: black !important;
  }
   .be-icons-nav > li.dropdown > a .icon {
      color: black !important;
   }
   .be-icons-nav > li.dropdown.open > a .icon {
      color: black !important;
   }
   .be-icons-nav > li.dropdown > a .nova-notification {
      color: #f8b133 !important;
   }
   .be-icons-nav > li.dropdown.open > a .icon {
      color: #f8b133 !important;
   }
  
   .nova-dropdown {
      margin: 10px 20px !important;
   }

   .nova-user-name {
      color: black !important;
      margin-left: 0 !important;
      display: block !important;
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
      -ms-flex: 1 !important;
      flex: 1 important;
      overflow: hidden !important;
      text-overflow: clip !important;
   }

   .nova-left-sidebar-toggle {
      padding: 16px 15px !important;
   }
}

.nova-contenido-borde {
   border: 1px solid #d4d4d4 !important;
}

/* - - - - - - - - perfil puesto - - - - - - - - */
.nova-border-top {
   border-top: 1px solid #d4d4d4 !important;
}

.nova-wizard-footer {
   padding: 20px;
   border: none;
   margin-left: -30px;
   margin-right: -30px;
   margin-bottom: -25px;
}

.nova-wizard-grid {
   margin-left: -31px;
   margin-right: -31px;
   padding-top: 5px;
   border-top: 1px solid #d4d4d4;
}

.nova-wizard-grid-header {
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 30px;
   padding-right: 30px;
   border: 1px solid #d4d4d4;
}
/* - - - - - - - - perfil puesto - - - - - - - - */

.nova-border-top-pantone {
   border-top-color: #EA5430 ;
   border-left: 1px solid #EA5430 ;
   border-right: 1px solid #EA5430 ;
   border-bottom: 1px solid #EA5430 ;
}

.nova-btn-pantone {
   color: #fff !important;
   background-color: #d62828 !important;
   border-color: #d62828 !important;
}

.nova-btn-pantone:hover {
   color: #fff !important;
   box-shadow: inset 0 -2px 0 #c50404;
   background-color: #e63535 !important;
   border-color: #bd0b0b !important;
   border-bottom-color: #d80b0b !important;
}

.nova-fix-user-profile {
   margin-bottom: 35px;
}

/* - - - - - - - - botones responsivos para los modales en moviles - - - - - - - - */
@media (max-width: 767px) {
   .nova-btn-xs {
      padding: 0 6px;
      font-size: 11px;
      line-height: 18px;
      border-radius: 1px;
   }
}

@media (min-width: 768px) {
   .nova-btn-lg {
      font-size: 15px;
      line-height: 38px;
      font-weight: 500;
      padding: 0px 12px;
      border-radius: 3px;
   }

   .nova-txta-rechazo {
      font-size: 15px;
   }
   .nova-txta-all {
      font-size: 15px;
   }
}
/* - - - - - - - - botones responsivos para los modales en moviles - - - - - - - - */

/* - - - - - - - - Datetimepicker compacto - - - - - - - - */
.nova-size-datetimepicker>div.bootstrap-datetimepicker-widget.dropdown-menu {
   padding: 0px !important;
   font-size: 11.5px;
}

.nova-size-datetimepicker>div.bootstrap-datetimepicker-widget table td.day {
   line-height: 10px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour>ul>li>div>div>table.table-condensed>thead>tr>th {
   padding-top: 2px;
   padding-bottom: 2px;
   font-size: 14px;
}
/* - - - - - - - - Datetimepicker compacto - - - - - - - - */

/* - - - - - - - - Screen indicator - - - - - - - - */
.nova-screen-indicator {
   width: 0px;
   height: 0px;
}

@media (max-width: 767px) {
   div.nova-screen-indicator:before {
      content: 'phone';
   }
}

@media (min-width: 768px) {
   div.nova-screen-indicator:before {
      content: 'tablet';
   }
}

@media (min-width: 992px) {
   div.nova-screen-indicator:before {
      content: 'desktop';
   }
}

@media (min-width: 1200px) {
   div.nova-screen-indicator:before {
      content: 'largeDesktop';
   }
}
/* - - - - - - - - Screen indicator - - - - - - - - */

/* - - - - - - - - Celda editable - - - - - - - - */
.nova-td-edit {
   min-width: 300px !important;
   padding: 3px !important;
}

.nova-textarea-cell {
   resize: none;
   border: 0px;
   display: block;
   width: 100%;
}
/* - - - - - - - - Celda editable - - - - - - - - */

/* - - - - - - - - Autorizaciones lista - - - - - - - - */
.nova-border-bottom {
   border-bottom: 1px solid #d4d4d4;
}

.nova-badge-warning {
   margin-right: 3px;
   margin-bottom: 3px;
   border: 1px solid #999 !important;
   color: #ffffff !important;
   background-color: #34a853 !important;
}
/* - - - - - - - - Autorizaciones lista - - - - - - - - */

/* - - - - - - - - Auditoria fila grid warning - - - - - - - - */
.nova-fila-warning {
   background-color: #fff7e6;
}

.nova-detalle-rechazo-content {
   color: #7d7d7d;
   padding-left: 15px;
}
/* - - - - - - - - Auditoria fila grid warning - - - - - - - - */

.nova-separator {
   margin-bottom: 80px !important;
   border-top: 3px solid #d4d4d4 !important;
}

/* - - - - - - - - EVALUACIONES - - - - - - - - */
.nova-status-eva-cancelado {
   background-color: #EC7063;
   color: #ffffff;
   text-align: center;
}

.nova-statusrep-eva-liberada {
   background-color: #3498DB;
   color: #ffffff;
   text-align: center;
}

.nova-statusrep-eva-terminadaemp {
   background-color: #85C1E9;
   color: #ffffff;
   text-align: center;
}

.nova-statusrep-eva-pendiente {
   background-color: #AED6F1;
   color: #ffffff;
   text-align: center;
}

.nova-statusrep-eva-cancelada {
   background-color: #D6DBDF;
   color: #ffffff;
   text-align: center;
}

.nova-statusgrafica-eva-yellow {
   background-color: #F7FE2E;
   color: #17202A;
   text-align: center;
}

.nova-statusgrafica-eva-red {
   background-color: #FF0000;
   color: #ffffff;
   text-align: center;
}

.nova-statusgrafica-eva-white {
   background-color: #ffffff;
   color: #2C3E50;
   text-align: center;
}

.nova-statusgrafica-eva-cancelada {
   background-color: #D6DBDF;
   color: #ffffff;
   text-align: center;
}
/* - - - - - - - - EVALUACIONES - - - - - - - - */

/* - - - - - - - - Reset contrasenia/password - - - - - - - - */
.nova-padding-reset {
   padding: 20px !important;
}
/* - - - - - - - - Reset contrasenia/password - - - - - - - - */

.nova-error-message-ttable {
   padding-right: 15px;
   padding-left: 15px;
}

.nova-has-focus {
   border: 1px solid #4285f4 !important;
   box-shadow: 0 0 7px #4285f4 !important;
}

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

.nova-control-label {
   padding-top: 11px;
   font-weight: 600;
}

/* - - - - - - - - aviso login - - - - - - - - */
.nova-modal-aviso {
   width: 95%;
}

.nova-modal-aviso>div.modal-content {
   max-width: 95% !important;
}

.nova-img-aviso {
   max-width: 100%;
   height: auto;
}

@media (min-width: 1200px) {
   .nova-modal-aviso {
      width: 1200px;
   }

   .nova-modal-aviso>div.modal-content {
      max-width: 1200px !important;
   }

   .nova-img-aviso {
      max-width: 100%;
      height: auto;
   }
}
/* - - - - - - - - aviso login - - - - - - - - */

/* - - - - - - - - div agrupador - - - - - - - - */
.nova-grouper {
   border: 2px dashed gray;
   margin-top: 15px;
   margin-bottom: 15px;
}

.nova-grouper-title {
   position: relative;
   top: -10px;
   left: -2px;
   background-color: white;
   padding-right: 10px;
   font-size: 17px;
}
/* - - - - - - - - div agrupador - - - - - - - - */

/* - - - - - - - - col para monitores arriba de 1280px (xlg) - - - - - - - - */
@media (min-width: 1281px) {

   .col-xlg-1 {
      width: 8.33333333%;
   }

   .col-xlg-2 {
      width: 16.66666667%;
   }

   .col-xlg-3 {
      width: 25%;
   }

   .col-xlg-4 {
      width: 33.33333333%;
   }

   .col-xlg-5 {
      width: 41.66666667%;
   }

   .col-xlg-6 {
      width: 50%;
   }

   .col-xlg-7 {
      width: 58.33333333%;
   }

   .col-xlg-8 {
      width: 66.66666667%;
   }

   .col-xlg-9 {
      width: 75%;
   }

   .col-xlg-10 {
      width: 83.33333333%;
   }

   .col-xlg-11 {
      width: 91.66666667%;
   }

   .col-xlg-12 {
      width: 100%;
   }

   .col-xlg-offset-1 {
      margin-left: 8.33333333%;
   }

   .col-xlg-offset-2 {
      margin-left: 16.66666667%;
   }

   .col-xlg-offset-3 {
      margin-left: 25%;
   }

   .col-xlg-offset-4 {
      margin-left: 33.33333333%;
   }

   .col-xlg-offset-5 {
      margin-left: 41.66666667%;
   }

   .col-xlg-offset-6 {
      margin-left: 50%;
   }

   .col-xlg-offset-7 {
      margin-left: 58.33333333%;
   }

   .col-xlg-offset-8 {
      margin-left: 66.66666667%;
   }

   .col-xlg-offset-9 {
      margin-left: 75%;
   }

   .col-xlg-offset-10 {
      margin-left: 83.33333333%;
   }

   .col-xlg-offset-11 {
      margin-left: 91.66666667%;
   }

   .col-xlg-offset-12 {
      margin-left: 100%;
   }
}
/* - - - - - - - - col para monitores arriba de 1280px (xlg) - - - - - - - - */
/* TODAS las aplicaciones */
.nova-commentcontainer-icon-status {
   /* El la celda en el grid debe tener position relative */
   position: relative;
   cursor: pointer;
}
.nova-comment-icon-status {
   position: absolute;
   font-size: 16px;
   right: 4px;
   bottom: 0px;
}
/* TODAS las aplicaciones */
/* General */
.nova-filter-badge {
   color: black !important;
   background-color: white !important;
}
.nova-bfinput-dragzone {
   cursor: pointer;
   color: #aaa;
   font-size: 1.6em;
   padding: 85px 10px;
}
.nova-nopadding {
   padding: 0 !important;
}
.logo-coastoildynamics {
   background-image: url("/static/images/logos/Logo COD 596x230.png");
   line-height: 60px;
   height: 60px;
   width: 170px;
   background-repeat: no-repeat;
   background-position: 20px center;
   padding: 20px 85px;
   margin: 0;
   background-size: 135px 50px;
}
/* General */
/* - - - - - - - - checkbox a la derecha - - - - - - - - */
.nova-be-checkbox {
   display: block;
   line-height: 22px;
   margin: 0;
   padding: 7px 0;
}

.nova-be-checkbox input[type="checkbox"] {
   display: none;
}

.nova-be-checkbox label {
   margin-bottom: 0;
}

.nova-be-checkbox label::selection {
   background-color: transparent;
}

.nova-be-checkbox input[type="checkbox"]+label::after {
   content: "";
   width: 22px;
   height: 22px;
   display: inline-block;
   border: 1px solid #ccc;
   border-radius: 3px;
   margin-left: 6px;
   font-size: 20px;
   font-family: 'Material Icons';
   font-weight: normal;
   vertical-align: bottom;
   text-align: center;
   background-color: #ffffff;
   cursor: pointer;
}

.nova-be-checkbox input[type="checkbox"]:checked+label::after {
   content: "\f26b";
   color: #4285f4;
   border-color: #4285f4;
}
.nova-be-checkbox input[type="checkbox"]:disabled + label {
   opacity: .5;
   cursor: not-allowed;
}
.nova-be-checkbox input[type="checkbox"]:disabled + label:after {
   cursor: not-allowed;
   background-color: #ffffff;
}
/* - - - - - - - - checkbox a la derecha - - - - - - - - */

select[readonly].select2-hidden-accessible + .select2-container {
   pointer-events: none;
   touch-action: none;
 
   /* .select2-selection { Esto no deberia funcionar asi. Se comenta en caso de que si este haciendo algo
     background: #eee;
     box-shadow: none;
   }
 
   .select2-selection__arrow,
   .select2-selection__clear {
     display: none;
   } */
}

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

.nova-padding-left-10{
   padding-left: 10px;
}

.nova-faiconbar {
    font-size: 19px;
    vertical-align: middle;
}
/* Nova Dropdown Top */
.nova-dropdown-top {
    left: auto !important;
    right: 25px !important;
}
/* .nova-dropdown-top > li > a:before {
    content: '\f2f2';
    position: absolute;
    right: 20px;
    top: 5px;
    font-family: 'Material Icons';
    font-size: 21px;
    color: #c5c5c5;
} */
.menu-title::before {
   content: '\f2f2';
   position: relative;
   left: 250px;
   top: 0px;
   font-family: 'Material Icons';
   font-size: 18px;
   color: #c5c5c5;
}
.nova-dropdown-top > li > a.collapsed:before {
    content: '\f2f8';
}
.nova-dropdown-top > li > a:hover {
    background-color: #e7e7e7 !important;
}
.nova-dropdown-top > li > ul {
    padding-left: 0;
}
.nova-dropdown-top > li > ul > li {
    list-style: none;
}
.nova-dropdown-top > li > ul > li > a {
    padding: 8px 15px 8px 37px;
    color: #646464;
    font-size: 13px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.nova-dropdown-top > li > ul > li > a:hover {
    background-color: #e7e7e7;
}
/* Nova Dropdown Top */
.nova-color-active {
    color: #4285f4 !important;
}
.nova-backgroundcolor-active {
    color: #4285f4 !important;
}
.apps-cd-menu {
   background-color: rgb(65, 135, 147); /* #97c5cc*/
}
.apps-cd-divider {
   color: white !important;
}
.be-left-sidebar .sidebar-elements > li > a {
   color: white !important;
}
.be-left-sidebar .sidebar-elements > li > a:hover {
   color: #646464 !important;
   background-color: #f0f0f0;
}
.be-left-sidebar .sidebar-elements > li.active > a > span {
   color: #646464 !important;
   background-color: #f0f0f0;
}
.be-left-sidebar .sidebar-elements > li.active > a {
   color: #646464 !important;
   background-color: #f0f0f0;
}
.be-left-sidebar .sidebar-elements > li ul {
   background-color: rgb(65 134 147);
}
.be-left-sidebar .sidebar-elements > li > ul {
   border-top: 1px solid rgb(65 134 147);
   border-bottom: 1px solid rgb(65 134 147);
}
.be-left-sidebar .sidebar-elements>li ul li>a {
   color: white;
}
.be-left-sidebar .sidebar-elements > li ul li.active > a {
   color: white !important;
   font-weight: bold;
}
.be-left-sidebar .sidebar-elements > li ul li > a:hover {
   color: #646464 !important;
   background-color: #f0f0f0;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.nova-border-table-gray {
    border: 1px solid #d4d4d4 !important;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
   .nova-notification {
      color: #f8b133 !important;
   }

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .nova-modal-xl {
        max-width: 900px;
        width: 900px;
    }
    .nova-modal-xl > div.modal-content {
        max-width: inherit;
    }
    .nova-notification {
      color: #f8b133 !important;
   }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .nova-modal-xl {
        max-width: 1200px;
        width: 1200px;
    }
    .nova-modal-xl > div.modal-content {
        max-width: inherit;
    }
    .nova-notification {
      color: #f8b133 !important;
   }
}