/* Avatar */
.ula-avatar { width:100%;height:100%;vertical-align:middle;text-align:center }
.ula-avatar img { border-radius:50%;object-fit:cover;border:10px solid #0288d1;border-width:10px;background-color:#fff }
.ula-avatar.small  img { width:80px;height:80px;border-width:5px;vertical-align:middle }
.ula-avatar.medium img { width:128px;height:128px;border-width:5px;vertical-align:middle }
.ula-avatar.large  img { width:256px;height:256px;border-width:10px;vertical-align:middle }

.ula-avatar.yellow-border > img { border-style:solid;border-color:#fb0 }
.ula-avatar.red-border    > img { border-style:solid;border-color:#c00 }
.ula-avatar.blue-border   > img { border-style:solid;border-color:#0288d1 }
.ula-avatar.green-border  > img { border-style:solid;border-color:#91c21b!important }

.ula-background-light-blue  { background-color:#b3e5fc }
.ula-background-light-green { background-color:#91c21b }

@media only screen { .ula-avatar img { width:232px;height:232px } }
@media only screen and (min-width:600px) { .ula-avatar img { width:128px;height:128px } }
@media only screen and (min-width:728px) { .ula-avatar img { width:192px;height:192px } }
@media only screen and (min-width:992px) { .ula-avatar img { width:232px;height:232px } }
@media only screen and (min-width:1919px) { .ula-avatar img { width:256px;height:256px } }

/* Tabla de informacion Icono/Titulo/Descripcion */
table.ula-table-information thead,
table.ula-table-information tbody,
table.ula-table-information tfoot { border:none!important }
table.ula-table-information { font-size:0.85em; }
table.ula-table-information tbody tr td { color:#555 }
table.ula-table-information thead tr th:nth-child(1),
table.ula-table-information tbody tr td:nth-child(1) { width:24px;color:#444 }
table.ula-table-information tbody tr td:first-child a i.material-icons { color:#039be5!important }
table.ula-table-information tbody tr td:nth-child(2) { font-weight:bold;color:#444;width:15%;white-space:nowrap; }
table.ula-table-information tbody tr:first-child td:nth-child(3) { width:calc(100%-15%-24px);font-weight:bold;font-size:2.0em;color:#444 }
table.ula-table-information tbody tr:first-child td:nth-child(3) a { text-decoration:underline }
table.ula-table-information tbody tr { border-bottom:1px solid #dadada!important }
table.ula-table-information tbody tr:last-child { border-bottom:none!important }

/* Tabla con lista de registros */
table.ula-table-list thead,
table.ula-table-list tbody,
table.ula-table-list tfoot { border:none!important }
table.ula-table-list thead tr { font-size:1.2em }
table.ula-table-list thead tr:last-child { border-bottom:2px solid #999 }
table.ula-table-list { font-size:0.85em; }
table.ula-table-list tbody tr.active { background-color:#91c21b!important }
table.ula-table-list tbody tr.active td { color:black!important;font-size:1.15em }
table.ula-table-list tbody tr.active td .material-icons { color:black!important }
table.ula-table-list tbody tr td { color:#555 }
table.ula-table-list tbody tr td a[class~="dropdown-button"].material-icons,
table.ula-table-list tbody tr td a[class~="dropdown-button"] i.material-icons { color:#555 }
table.ula-table-list tbody tr td:nth-child(1) { font-weight:bold;color:#444 }
table.ula-table-list tbody tr { border-bottom:1px solid #dadada!important }
table.ula-table-list tbody tr:last-child { border-bottom:none!important }
table.ula-table-list tbody tr:nth-child(odd) { background-color:#eceff1 }

/* Titulo */
.ula-title { font-family:arial;width:100%;text-transform:uppercase }
.ula-title h1,
.ula-title h2,
.ula-title h3,
.ula-title h4,
.ula-title h5,
.ula-title h6 { font-family:arial;margin:0;line-height:1 }
.ula-title h4, .ula-title h5, .ula-title h6 { font-size:1.8em!important;font-weight:normal!important }
.ula-title h1, .ula-title h2, .ula-title h3 { font-size:2.4em!important;font-weight:bold!important }

.ula-title span:first-child { font-size:1.8em;font-weight:normal }
.ula-title span { font-size:2.4em;margin:0;line-height:1.05;font-weight:bold;text-transform:uppercase }

/* Subtitulo */
.ula-subtitle { font-family:arial;width:100%;text-transform:uppercase }
.ula-subtitle h1,
.ula-subtitle h2,
.ula-subtitle h3,
.ula-subtitle h4,
.ula-subtitle h5,
.ula-subtitle h6 { font-family:arial;margin:0;line-height:1.05 }
.ula-subtitle h4, .ula-subtitle h5, .ula-subtitle h6 { font-size:1.2em!important;font-weight:normal!important }
.ula-subtitle h1, .ula-subtitle h2, .ula-subtitle h3 { font-size:1.6em!important;font-weight:bold!important }

.ula-subtitle span:first-child { font-size:2.4em;font-weight:normal }
.ula-subtitle span { font-size:3.2em;margin:0;line-height:1.05;font-weight:bold;text-transform:uppercase }

/* Menu */
.ula-menu { font-size:0.85em;text-align:left }
.ula-menu * { color:#555!important }
.ula-menu.fixed { position:fixed; }
.ula-menu li { display:flex;flex-wrap:nowrap;transition:box-shadow .25s;border-radius:2px;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -2px rgba(0, 0, 0, 0.2); }
.ula-menu li { line-height:2.5;background-color:#e3e3e5;margin-bottom:2px;border-right:3px solid transparent;vertical-align:middle }
.ula-menu li a { float:right;padding-right:8px;font-weight:normal;width:100% }
.ula-menu li a { text-align:right;padding-left:20px } /* 10 */
.ula-menu li:hover * { color:#009fe3!important; }
.ula-menu li:hover { border-right:1px solid #009fe3!important;padding-right:2px; }
.ula-menu li:active { font-weight:bold;padding-right:2px;border-right:3px solid #009fe3;color:#009fe3 }
.ula-menu li i { vertical-align:middle;padding-top:3px; }

/* Menu del navegador lateral */
.ula-nav-menu ul   { display:block;list-style:none!important;padding:0;margin:0;width:auto;border:none; }
.ula-nav-menu ul * { color:#fff!important;font-weight:normal!important; }
.ula-nav-menu ul li   { display:block; }
.ula-nav-menu a.ula-nav-menu-title { font-weight:bold!important;font-size:16px!important;text-decoration:none!important }
.ula-nav-menu a.ula-nav-menu-title.ula-nav-menu-title { padding-left:24px }
.ula-nav-menu li a.ula-nav-menu-title.ula-nav-menu-item:hover { border-left:2px solid #fff;padding-left:22px; }

.ula-nav-menu a.ula-nav-menu-item[class~=active] { display:block;color:#6b7c8c!important;background-color:#d8e2eb!important;font-size:14px!important }
.ula-nav-menu a.ula-nav-menu-item:not([class~=active]) { color:#fff;background-color:transparent;text-decoration:none!important;font-size:14px!important }

.ula-nav-menu li:hover:before { content:'';position:absolute;top:0;left:0 }

.ula-nav-menu a.ula-nav-menu-title { font-weight:bold;font-size:14pt;border-left:0px solid transparent;text-decoration:none!important }
.ula-nav-menu li a.ula-nav-menu-item { margin-left:14px solid transparent; padding-left:56px }
.ula-nav-menu li a.ula-nav-menu-item:hover { border-left:2px solid #fff;padding-left:54px }
.ula-nav-menu li:hover:before { transition:width .2s ease-in;width:100% }
.ula-nav-menu a.ula-nav-menu-separator { border-left:24px solid transparent;pointer-events:none }

.ula-nav-card * {width:100%;text-align:left;color:#90a4ae;text-transform:lowercase!important;background-color:#263238}
.ula-nav-card {padding:0!important;margin-top:40px;display:inline-block;width:100%;height:auto}
.ula-nav-card {transition:box-shadow .25s;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -2px rgba(0, 0, 0, 0.2);}
.ula-nav-card .row .col {margin:0!important;margin-top:10px!important}
.ula-nav-card .row .col:nth-of-type(2) {margin:0!important;margin-top:10px!important}
.ula-nav-card .row  {vertical-align:middle}
.ula-nav-card a.close {color:#c00!important;width:32px;height:32px;margin:0;line-height:28px;font-size:20px;text-align:center;padding:0;z-index:1;float:right;vertical-align:top;color:#fff}


.ula-nav-card h1,
.ula-nav-card h2,
.ula-nav-card h3,
.ula-nav-card h4,
.ula-nav-card h5,
.ula-nav-card h6 { font-family:arial;margin:0;line-height:1.05;text-transform:capitalize!important }
.ula-nav-card h4, .ula-nav-card h5, .ula-nav-card h6 { font-size:0.85em!important;font-weight:normal!important;color:#78909c }
.ula-nav-card h1, .ula-nav-card h2, .ula-nav-card h3 { font-size:1.4em!important;font-weight:bold!important;color:#90a4ae; }

.green.lighten-5 { color:#000!important;background-color:#f9fdf0!important }
.green.lighten-4 { color:#000!important;background-color:#ebf8cc!important }
.green.lighten-3 { color:#000!important;background-color:#d7f199!important }
.green.lighten-2 { color:#000!important;background-color:#c2ea66!important }
.green.lighten-1 { color:#000!important;background-color:#aee332!important }
.green.darken-1  { color:#fff!important;background-color:#81ae18!important }
.green.darken-2  { color:#fff!important;background-color:#729a15!important }
.green.darken-3  { color:#fff!important;background-color:#648712!important }
.green.darken-4  { color:#fff!important;background-color:#567410!important }
.green.darken-5  { color:#fff!important;background-color:#47600d!important }

.light-green  { color:#000!important;background-color:#f9fdf0!important }
.dark-green   { color:#fff!important;background-color:#47600d!important }
.action-green { color:#fff!important;background-color:#47600d!important }

.green { color:#fff!important;background-color:#91c21b!important }
.theme-green { color:#fff!important; background-color:#91c21b!important }
.text-green { color:#91c21b!important }
.border-green { border-color:#91c21b!important }

.hover-green:hover { color:#fff!important;background-color:#91c21b!important }
.hover-text-green { color:#91c21b!important }
.hover-border-theme:hover { border-color:#91c21b!important }

.dropdown-content { z-index:1005!important }
.dropdown-content * { color:#0288d1!important;font-size:12.75px!important; }
.dropdown-content ul { padding:0;margin:0; }
.dropdown-content a { display:block!important;width:100%!important;height:100%!important }
.dropdown-content a.active { color:#fff!important;background-color:/*#0288d1*/#00bcd4!important;cursor:default }

.tabs .tab a { color:rgba(2, 136, 209, 0.7)!important; }
.tabs .tab a:hover, .tabs .tab a.active { background-color:transparent;color:#0288d1 }
.tabs .tab.disabled a, .tabs .tab.disabled a:hover { color:rgba(2, 136, 209, 0.7);cursor:default; }
.tabs .indicator { background-color:#0288d1!important; }

.top-nav.ula-user-top-nav { line-height:32px }
.top-nav.ula-user-top-nav { height:32px;background-color:#263238 }
.top-nav.ula-user-top-nav .nav-wrapper i { display:inline-block;width:auto!important;height:32px;padding:0;text-align:center;vertical-align:middle;margin-right:0px }
.top-nav.ula-user-top-nav .nav-wrapper i { line-height:32px;color:#90a4ae }
.top-nav.ula-user-top-nav .nav-wrapper ul li { height:32px; }
.top-nav.ula-user-top-nav i.material-icons { height:32px!important;line-height:32px!important }
.new:after { content:""!important }

main > nav.top-nav { margin-bottom:0px!important }
nav .input-field  input { padding-left:10px!important }
nav .input-field  label { top:-20px!important;left:0!important }
nav .input-field { height:64px;line-height:56px;padding-top:10px!important; }
nav .input-field .select-dropdown { color:#0288d1 }

input[type="number"], .number { text-align:right!important }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }

input[type="file"].file { background-color:transparent;position:absolute;top:120px;left:270px;width:18px;height:18px;-moz-opacity:0;filter:alpha(opacity:0);opacity:0;z-index:2 }
input[type="file"].file + label  { cursor:pointer;cursor:-webkit-pointer;color:#000!important;font-size:0.85em }

input[type="radio"] { background:transparent!important; }
input[type="radio"].vertical + label::before,
input[type="radio"].vertical + label::after { top:8px;left:-8px }
input[type="radio"].vertical:not(:checked) + label,
input[type="radio"].vertical:checked + label { padding-left:0;padding-right:0px;line-height:5px;margin-right:35px }
input[type="radio"]:checked+label:after,
input[type="radio"].with-gap:checked+label:after,
.filled-in[type="checkbox"]:checked + label::after { background-color:#00bcd4!important }
input[type="radio"]:checked+label:after,
input[type="radio"].with-gap:checked+label:before,
input[type="radio"].with-gap:checked+label:after,
.filled-in[type="checkbox"]:checked + label::after { border:2px solid #00bcd4!important }


input[type="text"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
textarea:focus:not([readonly])
{ border-bottom:1px solid #00bcd4!important;box-shadow:0 1px 0 0 #00bcd4!important }

/* Inputs field */
.input-field .prefix.active { color:#039be5!important; }
.input-field input:disabled { color:#b1b1b1!important }
.input-field input:not(disabled) + label { color:#0288d1!important }
.input-field .prefix ~ a { margin-left:3rem;width:92%;width:calc(100% - 3rem) }
input:-moz-read-only { color:#999!important }
input:read-only { color:#999!important }
.input-field label { color:#0288d1!important } /* revisar cuando es solo lectura */

.collection a.collection-item { color:#0288d1!important }
.note { font-size:0.8rem;color:#9e9e9e!important }
span.badge[data-badge-caption]::after { content:" " attr(data-badge-caption) }
.pagination li.active a { background-color:#0288d1!important }

/* Dropdown */
.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown { color:rgba(0, 0, 0, 0.3)!important }
.select-dropdown li.disabled > span:nth-child(1) { font-weight:bold }
input.select-dropdown { color:#000!important }

/* Date picker */
.picker__date-display { background-color:#0288D1!important }
.picker__day.picker__day--today { color:#0288D1!important }
.picker__close,
.picker__today { color:#0288D1!important }
.picker__clear { color:#f44336!important }
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected { background-color:#0288D1!important;color:#ffffff!important }

.clockpicker-tick:hover { background-color:rgba(0, 188, 212, 0.25)!important }

/* Breadcrumbs */
nav.breadcrumbs { background-color:#fff;height:32px;line-height:32px;margin-bottom:2px!important }
.breadcrumb::before { color:rgba(0,0,0,0.45)!important;margin:0 }
.breadcrumb { color:rgba(0,0,0,0.7)!important;font-size:14px!important }
.breadcrumb:last-child { color:#000!important }

a.icon-text, .icon-text a { display:flex;flex-wrap:nowrap }
a.icon-text > i, .icon-text a > i { padding-right:5px }
a span.super-index { position:relative;font-size:11px;top:-15px;right:0px }
a span.sub-index { position:relative;font-size:11px;top:15px;right:0px }

.material-icons { color:#444 }

/* Subtitulos */
.chip.ula-subtitle { margin-bottom:20px }
.chip.ula-subtitle  span { font-size:16px;font-weight:bold!important;text-transform:uppercase }
.chip.medium { height:64px;font-size:32px;line-height:64px;padding:0 12px;border-radius:32px;
    margin-bottom:5px;margin-right:5px }
.chip.medium img { height:64px;width:64px }
.chip.medium i { font-size:32px;line-height:48px }
.chip.large { display:inline-block;height:128px;font-size:48px;font-weight:500;color:rgba(0,0,0,0.6);
    line-height:128px;padding:0 12px;border-radius:64px;background-color:#e4e4e4;
    margin-bottom:0px;margin-right:0px }
.chip.large i { height:48px;width:56px }

.collapsible.ula-collapsible-list.popout > li:not(.active) { box-shadow:none!important }
.collapsible.ula-collapsible-list li:first-child { border-top:2px solid #999 }
.collapsible.ula-collapsible-list li:nth-child(odd) .collapsible-header { background-color:#eceff1 }
.collapsible.ula-collapsible-list .collapsible-header { min-height:3.8em;line-height:3.8em }
.collapsible.ula-collapsible-list .collapsible-header { font-size:0.85em;font-weight:400 }
.collapsible.ula-collapsible-list .collapsible-header.active { background-color:#cfd8dc!important }
.collapsible.ula-collapsible-list .collapsible-header.active { border-top:2px solid #999 }

.message-content { background-color:rgba(0, 0, 0, 0.8);position:fixed;top:0;
    left:0;width:100%;height:100%;transition:all 0.75s;
    transition-timing-function:ease-in-out;overflow:auto;
    display:none;z-index:1000 }
.message-container { position:absolute;top:calc(50%-50px);width:100%;
    height:150px;padding:10px 20px;margin:auto;outline:0 }
.message-container > div { position:absolute;top:0;left:30%;;width:40%;
    height:100% }
.message-container > div > * { color:#fefefe }
.message-container p { font-size:10pt }
.message-container button { position:absolute;float:right;bottom:5px;
    right:10px }
#message:target { opacity:1;pointer-events:auto }
#message h2 { font-size:18pt;text-transform:capitalize }
.message-container.warning { background-color:#FF9900 }
.message-container button { background-color:rgba(255, 255, 255, 0.2) }
.message-container.error { background-color:#cc0000 }
.message-container.information { background-color:#0178bc }
.message-container.success { background-color:#4caf50 }

.number-of-entity { display:block;position:absolute;right:0px;top:0px;
    z-index:0;padding-left:10px;border-left:1px solid gray; }
.number-of-entity span:first-child { vertical-align:middle;text-align:left!important;
    font-weight:bold;font-size:11px;display:block;
    height:100%;width:100% }
.number-of-entity span:nth-child(2) { display:block;height:100%;width:30%;
    font-size:52px;font-weight:lighter;
    text-align:left!important }

.input-field .picker__header select { position:relative!important;height:32px!important;opacity:1!important; pointer-events: auto !important}


.card, .card-panel {box-shadow:none!important;background:rgb(248, 249, 250);border-radius:28px;}
/* .card-panel .ula-table-list{position:relative;left:-20px} */
.collapsible {border-radius:28px;}
.collapsible {-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -2px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -2px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.2);}
.collapsible li:first-child .collapsible-header {border-top-left-radius:28px;border-top-right-radius:28px;}
.collapsible li:last-child:not(.active) .collapsible-header {border-bottom-left-radius:28px;border-bottom-right-radius:28px;}
/* .collapsible li.active .collapsible-body { border-bottom:none; } */
.collapsible li:last-child.active .collapsible-body {border-end-end-radius:28px;border-end-start-radius:28px;}
.collapsible li:last-child.active .collapsible-body:after {border-left:24px solid #fff;border-right:24px solid #fff;}
table thead tr:last-child {border-bottom:2px solid #ccc;}
.btn {border-radius:24px;background-color:#00bcd4}
.btn:hover {background-color:#0097a7;}

body {background-color:rgb(246,248,252);}
.tabs {background-color:rgb(246,248,252);}
.collapsible {background-color:#fff;}
.card {background-color:#fff;}
.card .card-action:last-child {border-end-start-radius:28px;border-end-end-radius:28px;}
.card .card {background-color:rgb(246,248,252);}
.card .ula-title {margin-bottom:16px}
.collapsible {box-shadow:none!important;}
.card .tabs {background-color:rgba(96,125,140,.5);border-radius:24px;}
.card .tabs a:not(.active) {color:#fff!important}
.card .tabs a.active {color:#000!important}
.card .tabs .tab a:focus, .card .tabs .tab a.focus.active {background-color:rgba(255,255,255,.25)!important}
.tabs .indicator {background-color:#000!important;}

.modal {border-radius:28px;}
.modal .modal-footer {border-end-start-radius:28px;border-end-end-radius:28px;}

nav.breadcrumbs {background-color:transparent!important;}

.dropdown-content {border-radius:10px!important;}