:root {
    --ips_blue: #1160AB;
    --ips_lightblue: #4E91CE;
    --ips_lightgray: #DADADA;
    --ips_gray:  #706F6F;
    --ips_green:  #23a455;
    --ips_lightgreen:  #7cc6b4;
    --ips_mint:  #e0f0eb;
    --ips_danger:  #fef4f6;
    --ips_reddanger:  #f0506e;
    --ips_orange:  #ED6B20;
    --ips_warning:  #fff6ee;
    --ips_yellow:  #d38d08;
    /* dark */
    --ips_gray-200: #edf2f7;
    --ips_gray-300: #e2e8f0;
    --ips_gray-400: #cbd5e0;
    --ips_gray-500: #a0aec0;
    --ips_gray-600: #718096;
    --ips_gray-700: #4a5568;
    --ips_gray-800: #2d3748;
    --ips_gray-900: #1a202c;
    /* end dark */
    --font-family-sans-serif: "Roboto", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
h1, h2, h3, h4, h5, h6, body, * {
    font-family:Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
    font-weight: 300;
}

header{z-index:500;}
hr.ips-divider{border-top-color: var(--ips_blue);}

#content > section > header + div {margin-top:70px;}
#notifications-panel *:not(i){color:#333;}
#notifications-panel .uk-link{color:var(--ips_blue);}
#notifications-panel .uk-list-divider>:nth-child(n+2){
    border-top-color: var(--ips_gray-400);
}
#icon-selector i{padding:5px;}
#icon-selector i:hover{background-color: var(--ips_gray-500);}
/* #ips-calendar{
    height: calc(100vh - 150px);
} */
#overlay{z-index:1500;}
/* elements */
/* .ips-widget{
    max-width:350px;
} */

/*backgrounds*/
.ips-bg-blue, .ips-active.uk-subnav-pill>.uk-active>a{background: var(--ips_blue)!important;}
.ips-bg-danger{background: var(--ips_danger)!important;}
.ips-bg-gray, .fc .fc-bg-event{background: var(--ips_gray-600)!important;}
.ips-bg-lgray{background: var(--ips_lightgray);}
.ips-bg-lightgreen{background: var(--ips_lightgreen)!important;}
.ips-bg-mint{background: var(--ips_mint)!important;}
.ips-bg-warning{background: var(--ips_warning)!important;}
.ips-box-hover-yellow:hover{background: #ffd;}
.ips-overlay-dark{ background: rgba(34,34,34,.6);}
.ips-comment{
    background-color: var(--ips_lightgray);
    margin-left: -10px;
}
.ips-quote {
    background-color: var(--ips_lightgray);
    width: 20px;
    height: 20px;
    /* border-right: 1px solid #CCC;
    border-top: 1px solid #CCC; */
    transform: rotate(45deg);
    right: 0;
}
.reply {
    background-color: var(--ips_mint);
    margin-right: inherit;
    margin-left: -10px;
}
/*end backgrounds*/
/*themes*/
#ips-user-list th, #asignar_menus th{font-weight: 300;}
.ips-border, .ips-border-green{border: 1px solid var(--ips_lightgray);}
.ips-border-dashed{border: 1px dashed var(--ips_lightgray);}
.ips-border-green{border-color:var(--ips_lightgreen);}
.ips-item-hover:hover{background: var(--ips_mint);}
.ips-padding-xsmall{ padding: 8px;}
.ips-theme-cancelado{background: var(--ips_gray-300);}
/* .ips-theme-cancelado *{color: #fff!important;} */
.ips-theme-programado{background: var(--ips_mint);}
.ips-theme-solicitud{background: var(--ips_warning);}
.ips-theme-inasistencia{background: var(--ips_danger);}
.ips-theme-terminado{background: var(--ips_lightblue);}
.ips-theme-danger{background: var(--ips_danger);}
.ips-submenu{
    width: 100%;
}

.ips-text-meta{
    color:  var(--ips_gray);
    font-size: 0.75em;
}

.ips-av-search{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.uk-drop input[type=search]{
    border: solid 1px var(--ips_gray-600);
}
.upload-placeholder{
    background: var(--ips_gray-200);
    border: dashed 1px #ddd;
}
html .ips-widget{
    line-height: initial!important;
}
.ips-widget a{
    line-height: 0.8;
}
.ips-width-xsmall{
    width: 80px;
}
/*end themes*/
#tabs {top: 142px;}
/* Listados accordeon */
#ips-pruebas-list .uk-open{background: var(--ips_lightgray)!important;}
#ips-clientes-list .uk-open{background: var(--ips_mint);}
#ips-polis-list .uk-table th, #ips-priv-list .uk-table th{font-weight: 300;}
.ips-hover-visible{display: none;}
.ips-hover:hover{background: var(--ips_mint);}
div[id$='s-list'] .uk-open .ips-hover-visible, div[id$='s-list'] .uk-open li[class^="uk-visible"]{
    display: initial!important;
}
div[id$='s-list'] .uk-open ul > li{margin: 5px 0;}
div[id$='s-list'] .uk-accordion-title, div[id$='s-list'] .uk-accordion-content{
    font-size: inherit;
    line-height: 1;
}
div[id$='s-list'] ul > li h5{
margin-top: 10px;
margin-bottom: 0;
}
div[id$='s-list'] .ips-list-item:hover li h5, div[id$='s-list'] .uk-open li h5 {margin: 0;}
div[id$='s-list'] .ips-list-item > a ul{
    min-height: 45px;
}
div[id$='s-list'] .ips-list-item:hover .ips-hover-visible{
    display: initial;
}
/* end listados */
.ips-file-thumb{
    width: 30px;
    height: 30px;
}


/*buttons*/
.ips-button-primary{background: var(--ips_lightblue)!important; color: #fff!important;}
.ips-button-primary:hover{background: var(--ips_blue)!important; color: #fff!important;}
.ips-button-success{background: var(--ips_lightgreen); color: #fff;}
.ips-button-success:hover{background: var(--ips_green); color: #fff;}
.ips-button-gray{background: var(--ips_gray)!important; color: #fff;}
.ips-button-danger{background: var(--ips_reddanger)!important; color: #fff!important;}
.ips-button-warning{background: var(--ips_orange)!important; color: #fff!important;}
.ips-tab{border-bottom: 0;}
.ips-tab.uk-active, #tabs .uk-active a{
    color:#333;
    background: var(--ips_lightgray);
    border-color: var(--ips_lightgray);
}
.ips-button-status {min-width: 150px;}
.ips-button-status:hover {opacity: 0.8;}
/*end buttons*/
/*colors*/
.ips-color-blue{color: var(--ips_blue);}
.ips-color-green{color: var(--ips_green);}
.ips-color-lblue{color: var(--ips_lightblue);}
.ips-color-gray{color: var(--ips_gray);}

.ips-text-danger{color: var(--ips_reddanger)}
.ips-text-warning{color: var(--ips_yellow)}
.uk-button-default.ips-text-danger{border-color: var(--ips_reddanger)}
.ips-text-success{color: var(--ips_green)}

.uk-disabled{color: var(--ips_gray-500)}
/*end colors*/



.text-gray-200 {color: var(--ips_gray-200)}
.text-gray-300 {color: var(--ips_gray-300)}
.text-gray-400 {color: var(--ips_gray-400)}
.text-gray-500 {color: var(--ips_gray-500)}
.text-gray-600 {color: var(--ips_gray-600)}
.text-gray-700 {color: var(--ips_gray-700)}
.text-gray-900 {color: var(--ips_gray-900)}

/* navbar  */
.form-innav{
    color: #999; /*de acuerdo al tema*/
    text-transform: inherit;
}
.form-innav:focus, .form-innav:hover{
    color: #666; /*de acuerdo al tema*/
}
.ips-alert, div:has( > #ips-mobile-menu){z-index: 1000;}

.ips-divider{
    border-bottom-color: var(--ips_blue);
}
.ips-divider-nav{
    max-height: 40px;
}
.ips-nav-icon-blue, .ips-blue-bg{
    background: var(--ips_blue);
    color: #fff!important;
}
.ips-nav-icon-blue:hover{
    color:#666!important;
}
.ips-notify{
    right: 0;
    max-height: calc(100vh - 85px);
}

/* aside  */
aside, #sidebar_main, #aside-holder {
    max-width: 200px!important;
}
#ips-mobile-menu a{
    display: block;
    max-width: 70px;
}

/* breakpoints */
@media (max-width: 360px){
    button:not([uk-icon]) {padding: 0 20px!important;}
}
@media (max-width: 400px){
    .picker{
        left:0;
        max-width: 360px;
    }
}
@media (max-width: 640px){
    html{font-size: 12px;}
    .create-button button{
        margin-right: 0!important;
    }
    #ips-user-list img{width:25px;}
    .ips-submenu{ width: calc(100% - 60px);}
    .picker{
        max-width: 400px;
    }
    .ips-visible-800 {display: none;}
}
@media (min-width: 640px){
    /* .ips-submenu{ width: calc(100% - 20%);} */
    .ips-visible-800 {display: block;}
}
@media (max-width: 800px){
   .ips-hidden-800 {display: none;}
   /* #ips-calendar{
        height: calc(100vh - 250px);
    } */
   /* .ips-submenu{ width: calc(100% - 50px);}
    .submit-button.ips-submenu {left: 0;} */
}
@media (max-width: 960px){
    html{font-size: 14px;}
    /* aside  */
    #ips-mobile-menu a{
        max-width: 90px;
    }
    #app-content #content .uk-grid-small{
        margin-left: -8px;
    }
    #content > section > header + div {margin-top:60px;}
    /* .ips-widget{max-width:314px;} */
    .uk-modal{background-color: #fff;}
    div[id$='s-list'] .uk-open .ips-hover-visible, div[id$='s-list'] .uk-open li[class^="uk-visible"] {
        display: none!important;
    }
    .ips-button-danger:not(.cancel) {
        background: inherit!important;
        color: var(--ips_reddanger)!important;
    }
    .ips-first{ order: -1;}
    .ips-submenu, header, #tabs{ width: calc(100% - 13px);}
    #tabs {top: 140px;}
    .submit-button.ips-submenu {left: 0; bottom:80px;}
    .ips-padding-small-s{padding:15px;}
}
@media(min-width: 800px){
    /* #ips-calendar{
        height: calc(100vh - 75px);
    } */
}
@media(min-width: 960px){

    header, #tabs{max-width: calc(100% - calc(100% * 1 / 6.001))!important;}
    .ips-submenu{
        right:15px;
        width: calc(100% - 19%);
    }
    .submit-button.ips-submenu {left: calc(100% * 1 / 6.001);}
}
@media (min-width: 1200px){
    .ips-submenu, .submit-button.ips-submenu{ width: calc(100% - 17.5%);}
    /* .submit-button.ips-submenu {left: 200px;} */
}

@media (max-width: 1200px){
    /* .submit-button.ips-submenu{ width: calc(100% - 17.5%);} */
}

@media (min-width: 1600px){
    .ips-submenu {
        left: 13%;
        width: 100%;
    }
}
/* dark mode */
@media (prefers-color-scheme:dark) and (max-width: 960px){
    .uk-modal{background-color: var(--ips_gray-900);}
}
@media (prefers-color-scheme:dark){
    #overlay{background: rgba(34,34,34,.8);}
i, #notifications-panel *{color:#fff!important;}
#ips-clientes-list .uk-open *, #ips-pruebas-list .uk-open *{background: var(--ips_gray-900)!important;}
hr {border-top: 1px solid var(--ips_gray-700)}
.ips-item-hover:hover{background: var(--ips_gray-900);}
.uk-text-danger, .ips-text-danger.uk-icon-button * {color:var(--ips_reddanger)!important}
.uk-button-default.ips-text-danger{border:none;}
.uk-form-blank:focus{background-color: inherit; border-color:#4a5568!important;}
.uk-form-danger{background-color:#1a202c;}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus, .uk-input, .uk-select, .uk-textarea {background-color: inherit;}
/* .uk-form-danger{color:var(--ips_reddanger); border:var(--ips_reddanger)} */
.uk-modal-dialog *:not(button):not(input):not(textarea):not(select):not(.uk-text-danger):not(.ips-bg-danger *):not(.ips-button-success *):not(.uk-form-icon):not(.croppr-overlay):not(.croppr-region):not(.uk-label){
    color:#fff!important;
    background-color:#1a202c;
}

/* he suprimido estos selectores por considerar que no son necesarios
.dark\:bg-gray-700 *:not(.ips-text-danger):not(.ips-theme-solicitud):not(.ips-theme-cancelado):not(.ips-theme-danger):not(.ips-theme-inasistencia):not(.ips-theme-programado):not(.ips-theme-terminado):not(.ips-button-status, .ips-button-status span, .ips-button-status svg):not(svg *):not(input):not(.uk-form-icon) */

.uk-button-default:not(.ips-text-danger){color:var(--ips_gray-400)}
.uk-modal-footer{background-color: inherit;}
.uk-modal-dialog .uk-modal-close, .uk-modal-footer .uk-modal-close{color: var(--ips_gray-400);}
.dark\:bg-gray-700, .uk-modal-dialog .dark\:bg-gray-700 *:not(input, span), #tabs .uk-active, #tabs .uk-active a, .uk-table-hover tbody tr:hover{
    color:#cbd5e0!important;
    background-color:#4a5568!important;
}
h5, .ips-text-meta, .uk-accordion-title, .uk-form-label:not(.ips-bg-danger label){
    color:#cbd5e0;
}
.dark\:bg-gray-800, .dark\:button-gray-800, .dark\:input-gray-800 {
    color:#cbd5e0!important;
    background-color:#2d3748;
    /* border-color:inherit; */
}
/* alertas de pruebas */
.ips-theme-danger{background-color: var(--ips_reddanger);}
.ips-theme-solicitud{background-color: var(--ips_yellow);}
.ips-theme-cancelado{background-color: var(--ips_gray-800);}
.ips-theme-inasistencia{background-color: var(--ips_reddanger);}
.ips-theme-programado{background-color: var(--ips_green);}
/* .dark\:input-gray-800:not(.dark\:input-gray-800:focus){border:none;} */
/* .dark\:input-gray-800:focus:not(uk-form-blank) {border: solid 1px #cbd5e0;} */
.dark\:input-gray-800.uk-form-danger, .dark\:input-gray-800.uk-form-danger:focus, .dark\:input-gray-600.uk-form-danger, .dark\:input-gray-600.uk-form-danger:focus {
    color: #f0506e!important;
    border: solid 1px #f0506e!important;
}
.dark\:bg-gray-800 h3{color:#cbd5e0!important;}
.dark\:button-gray-800:hover{
    background-color:#1a202c;
}
.dark\:bg-gray-800:focus-visible, .dark\:input-gray-800:focus-visible{
    color:#fff!important;
    background-color:#1a202c;
}
.dark\:input-gray-800:focus-visible, .dark\:input-gray-700:focus-visible{background-color:#2d3748;}
.dark\:bg-gray-900{
    color:#fff!important;
    background-color:#1a202c;
}
.dark\:bg-gray-600, .dark\:bg-gray-600 *:not(input):not(select):not(small){
    background-color:#718096!important;
}
.dark\:input-gray-500:focus-visible{background-color:#2d3748;}
    .dark\:text-white{color:#fff!important;}
    .dark\:text-gray-400{color:#cbd5e0!important;}
    .dark\:text-gray-500{color:#6b7280!important;}
}
#pswd_verify{display:none;}