:root{
  --radius: 0.5rem;
  --ds-shadow-border: 0 0 0 1px rgba(0, 0, 0, 0.08);
  --ds-shadow-small: 0px 1px 2px rgba(0, 0, 0, 0.04);
  --ds-shadow-border-small: var(--ds-shadow-border), var(--ds-shadow-small);
  --ds-shadow-medium: 0px 2px 2px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
  --ds-shadow-border-medium: var(--ds-shadow-border), var(--ds-shadow-medium);
  --ds-shadow-large: 0px 2px 2px rgba(0, 0, 0, 0.04), 0px 8px 16px -4px rgba(0, 0, 0, 0.04);
  --ds-shadow-border-large: var(--ds-shadow-border), var(--ds-shadow-large);
  --ds-shadow-tooltip: var(--ds-shadow-border), 0px 1px 1px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.04);
  --ds-shadow-menu: var(--ds-shadow-border), 0px 1px 1px rgba(0, 0, 0, 0.02), 0px 4px 8px -4px rgba(0, 0, 0, 0.04), 0px 16px 24px -8px rgba(0, 0, 0, 0.06);
  --ds-shadow-modal: var(--ds-shadow-border), 0px 1px 1px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
  --ds-shadow-fullscreen: var(--ds-shadow-border), 0px 1px 1px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
  --scn-background: 0 0% 100%;
  --scn-foreground: 240 10% 3.9%;
  --scn-muted: 240 4.8% 95.9%;
  --scn-muted-foreground: 240 3.8% 46.1%;
  --scn-card: 0 0% 100%;
  --scn-card-foreground: 240 10% 3.9%;
  --scn-popover: 0 0% 100%;
  --scn-popover-foreground: 240 10% 3.9%;
  --scn-border: 240 5.9% 90%;
  --scn-input: 240 5.9% 90%;
  --scn-primary: 240 5.9% 10%;
  --scn-primary-foreground: 0 0% 98%;
  --scn-secondary: 240 4.8% 95.9%;
  --scn-secondary-foreground: 240 5.9% 10%;
  --scn-accent: 240 4.8% 95.9%;
  --scn-accent-foreground: ;
  --scn-destructive: 0 84.2% 60.2%;
  --scn-destructive-foreground: 0 0% 98%;
  --scn-warning: 35, 100%, 52%;
  --scn-warning-foreground: 0 0% 9%;
  --scn-ring: 240 5% 64.9%;
  --scn-radius: 0.5rem;
  --scn-chart-1: 173 58% 39%;
  --scn-chart-2: 12 76% 61%;
  --scn-chart-3: 197 37% 24%;
  --scn-chart-4: 43 74% 66%;
  --scn-chart-5: 27 87% 67%;
  --scn-sidebar-background: 0 0% 98%;
  --scn-sidebar-foreground: 240 5.3% 26.1%;
  --scn-sidebar-primary: 240 5.9% 10%;
  --scn-sidebar-primary-foreground: 0 0% 98%;
  --scn-sidebar-accent: 240 4.8% 95.9%;
  --scn-sidebar-accent-foreground: 240 5.9% 10%;
  --scn-sidebar-border: 220 13% 91%;
  --scn-sidebar-ring: 240 5% 64.9%;
  --background: var(--vsc-background, var(--scn-background));
  --foreground: var(--vsc-foreground, var(--scn-foreground));
  --muted: var(--vsc-muted, var(--scn-muted));
  --muted-foreground: var(--vsc-muted-foreground, var(--scn-muted-foreground));
  --card: var(--vsc-card, var(--scn-card));
  --card-foreground: var(--vsc-card-foreground, var(--scn-card-foreground));
  --popover: var(--vsc-popover, var(--scn-popover));
  --popover-foreground: var(--vsc-popover-foreground, var(--scn-popover-foreground));
  --border: var(--vsc-border, var(--scn-border));
  --input: var(--vsc-input, var(--scn-input));
  --primary: var(--vsc-primary, var(--scn-primary));
  --primary-foreground: var(--vsc-primary-foreground, var(--scn-primary-foreground));
  --secondary: var(--vsc-secondary, var(--scn-secondary));
  --secondary-foreground: var(--vsc-secondary-foreground, var(--scn-secondary-foreground));
  --accent: var(--vsc-accent, var(--scn-accent));
  --accent-foreground: var(--vsc-accent-foreground, var(--scn-accent-foreground));
  --destructive: var(--vsc-destructive, var(--scn-destructive));
  --destructive-foreground: var(--vsc-destructive-foreground, var(--scn-destructive-foreground));
  --warning: var(--vsc-warning, var(--scn-warning));
  --warning-foreground: var(--vsc-warning-foreground, var(--scn-warning-foreground));
  --ring: var(--vsc-ring, var(--scn-ring));
  --radius: var(--vsc-radius, var(--scn-radius));
  --chart-1: var(--vsc-chart-1, var(--scn-chart-1));
  --chart-2: var(--vsc-chart-2, var(--scn-chart-2));
  --chart-3: var(--vsc-chart-3, var(--scn-chart-3));
  --chart-4: var(--vsc-chart-4, var(--scn-chart-4));
  --chart-5: var(--vsc-chart-5, var(--scn-chart-5));
  --sidebar-background: var(--vsc-sidebar-background, var(--scn-sidebar-background));
  --sidebar-foreground: var(--vsc-sidebar-foreground, var(--scn-sidebar-foreground));
  --sidebar-primary: var(--vsc-sidebar-primary, var(--scn-sidebar-primary));
  --sidebar-primary-foreground: var(--vsc-sidebar-primary-foreground, var(--scn-sidebar-primary-foreground));
  --sidebar-accent: var(--vsc-sidebar-accent, var(--scn-sidebar-accent));
  --sidebar-accent-foreground: var(--vsc-sidebar-accent-foreground, var(--scn-sidebar-accent-foreground));
  --sidebar-border: var(--vsc-sidebar-border, var(--scn-sidebar-border));
  --sidebar-ring: var(--vsc-sidebar-ring, var(--scn-sidebar-ring));
}

body{ font-size: 13px; }


.indicador-filter{ cursor: pointer; }

.header-navbar .navbar-wrapper .navbar-logo{
  padding:10px;
  max-height: 50px;
}

.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme6"],
.pcoded .pcoded-header[header-theme="themelight1"]{
	background: #D01116;
}

.header-navbar{ height: 50px; min-height: 50px; max-height: 50px;; }


.img-aplicacion{ height: 40px; width: 40px; display: inline; margin-right: 5px; }

.pcoded .pcoded-navbar[navbar-theme="theme1"] .nav-user, 
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-inner-navbar{
	background: #000000;
}

.pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li .pcoded-submenu {
    background: #575757;
}

.btn-mini{
  padding: auto 3px !important;
  font-size: 12px;
}

.form-textarea{ resize:none; height:100px; }
.comments-text{ resize:none; height:80px; }

.hmodal300 { height: 300px; width: 99.9%; }
@-moz-document url-prefix() { .hmodal300{ height: 300px; width: 99.9%; } }
.hmodal280 {   height: 280px;   width: 99.9%; }
@-moz-document url-prefix() {     .hmodal280{     height: 280px;     width: 99.9%;   } }
.hmodal500 {   height: 500px;   width: 99.9%; }
@-moz-document url-prefix() {     .hmodal500{     height: 500px;     width: 99.9%;   } }
.hmodal550 {   height: 550px;   width: 99.9%; }
@-moz-document url-prefix() {     .hmodal700{     height: 700px;     width: 99.9%;   } }
.hmodal700{   height: 700px;   width: 99.9%; }
@-moz-document url-prefix() {     .hmodal550{     height: 550px;     width: 99.9%;   } }
.hmodal350 {   height: 350px;   width: 99.9%; }
@-moz-document url-prefix() {     .hmodal350{     height: 350px;     width: 99.9%;   } }
.hmodal400 {   height: 400px;   width: 99.9%; }
@-moz-document url-prefix() {     .hmodal400{     height: 400px;     width: 99.9%;   } }



.label-success{background-color: #009933; color:#fff; }
.label-orange {background-color: #ff9900; color:#fff; }
.label-dark-orange {background-color: #ff6600; color:#fff; }
.label-danger {background-color: #ff3300; color:#fff; }
.label-red {background-color: #ff0000; color:#fff; }
.label-dark-red {background-color: #990000; color:#fff; }


.bg-c-success{background-color: #009933; color:#fff; }
.bg-c-orange {background-color: #ff9900; color:#fff; }
.bg-c-dark-orange {background-color: #ff6600; color:#fff; }
.bg-c-danger {background-color: #ff3300; color:#fff; }
.bg-c-red {background-color: #ff0000; color:#fff; }
.bg-c-dark-red {background-color: #990000; color:#fff; }


.bg-orange { background-color: #ff9900 }
.bg-dark-orange { background-color: #ff6600 }
.bg-danger { background-color: #ff3300 }
.bg-red { background-color: #ff0000 }
.bg-dark-red { background-color: #990000 }

.text-c-success{ color: #009933; }
.text-c-orange { color: #ff9900; }
.text-c-dark-orange { color: #ff6600; }
.text-c-danger { color: #ff3300; }
.text-c-red { color: #ff0000; }
.text-c-dark-red { color: #990000; }

.chart-filter{ cursor:pointer; }

.card-logo{
  width: 50px;
}

.ui-autocomplete {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  z-index: 99999;
  background-color: white;
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #col-login-image{ display:none; }
}


.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #ffffff !important;
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #b8b8b8 !important;
}



.documentos-unidades-img{
  max-height: 60px;
}

.color-red{
  color: red;
}


.img-icon{
  width: 25px;
  cursor: pointer;
}

.clickeable{
  cursor: pointer;
}

.ui-helper-hidden-accessible{
  display: none!important;
}

#modal-loading{
  z-index: 999999;
}

.scroll-vertical{
  overflow-y: auto; 
}

.btn-circle {
  width: 18px;
  height: 18px;
  padding: 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 10px;
}

.scroll-horizontal{
  overflow-x: auto; 
  flex-wrap: nowrap;
}

input[type="datetime-local"], input[type="datetime-local"]:focus, input[type="datetime-local"]:active,
input[type="date"], input[type="date"]:focus, input[type="date"]:active
{ background-color:#ebebeb; }

h5 small {font-size: 13px;}


.map-bubble-info{
  font-size:11px;
  color:#4a4a4a;
  background-color:#ededed;
  width:350px;
  min-width:350px;
  line-height: 13px !important;
  padding: 5px 20px 5px 5px ;
}

.map-bubble-info label{ display:inline-grid; width: 90px; font-weight:bolder; text-align:right; padding-right:8px }
.map-bubble-info div{ display:inline-grid; width: 250px; }


.btn-orange { background-color: #fd7e14; color:#fff; }
.btn-orange:hover { background-color: #f5a05b; }


.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}



.h8px{ height:8px; }
.h16px{ height:16px; }


.no-padding{
  padding: 0px!important;
}

.btn{
  box-shadow:0 2px 12px -3px rgba(0,0,0,0.5)!important;  
}