/* DEFAULT */
body{
    font-family:'Open Sans', sans-serif;
}
nav{
    background:#3e474f;
}
section{
    background:#eee;
    border-left:dotted 1px #ccc;
    color:#333;
}
article{
    background:#fff;
    box-shadow:0 2px 5px #ccc;
    border-radius:15px;
    min-height: 75vh;
}
input{
    color:#333;
}
input[type=submit], input[type=reset], .btn{
    background:#666;
    border:none;
    border-radius:5px;
    color:#fff;
    font-weight:400;
}

input[type=reset]{
    border: 1px solid #BF0811;
    border-radius: 5px;
    color: #BF0811;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-family: amsiProSemiBold;
}
input:disabled, select:disabled, .btn:disabled{
    opacity:0.6;
}
input[type=submit], .btn.submit{
    background:#c00;
    width: 115px;
    border-radius: 5px;
    font-family: amsiProSemiBold;
}
a{
    color:#333;
    text-decoration:none;
}
.link{
    color:#39c;
}
/* END DEFAULT */
/* TOP */
.cuenta a{
    background: #3e474f;
    color:#fff;
    font-size: 20px;
}
.cuenta a:hover{
    background: #c00;
}
.top input[type=search]{
    background:url('default/search-icon.png') no-repeat 10px center;
    color:#fff;
    -webkit-border-radius:10em;
    -moz-border-radius:10em;
    border-radius:10em;
}
.top input[type=search].minimized{
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
}
.top input[type=search]:focus, .top input[type=search].focus {
    border-color:#3399CC;
}
.top input[type=search]:-moz-placeholder, .top input[type=search]:-webkit-input[type=search]-placeholder {
    color:rgba(255,255,255,0.8);
}
/* END TOP */
/* NAV */
.list {
    text-align:left;
}
.nav-list{
    text-align:center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@font-face {
    font-family: amsiProSemiBold;
    src: url(../../fonts/AmsiPro-SemiBold.otf);
    font-weight: 600;
  }

.nav-list li{
    color:#fff;
    font-size:11px;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
    font-family: amsiProSemiBold;
    display: flex;
    justify-content: start;
    align-items: center;
}
.nav-list li:last-child{
    border-bottom:none;
}
.nav-list img{
    text-align:center;
    opacity:0.5;
    filter: hue-rotate(180deg);
}
.nav-list li:hover, .nav-list li.hover{
    background:#a8070f;
    color:#fff;
    border-radius:5px;
}
.nav-list li.selected{
    background:#ffff;
    color:#BF0811;
    border-radius:5px;
}
.nav-list li:hover img, .nav-list li.selected img{
    filter:none;
}
.nav-list li.big.selected{
    background-color:#ffff;
}
.nav-list li.selected img{
    opacity:1;
}

.nav-list li.selected .img_menu1{
    background-image: url('../../img/icon/home.png');
}

.nav-list li.selected .img_menu2{
    background-image: url('../../img/icon/servicios.png');
}

.nav-list li.selected .img_menu3{
    background-image: url('../../img/icon/estadistica.png');
}

.nav-list li.selected .img_menu4{
    background-image: url('../../img/icon/ayuda.png');
}
/* END NAV *9/
/* POPUP */
.popup-bg{
    background:rgba(0,0,0,0.5);
}
.popup{
    border-radius:4px;
    background:#fff;
}
.popup .close{
    color:#666 !important;
}
.popup .title{
    font-size:20px;
    color:#454545;
    font-family: amsiProBold;
    text-align: center;
    margin-top: 20px;
}
.popup .content{
    font-size:16px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.popup .bottom{
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.popup .bottom button{
    border:none;
    background:#BF0811;
    border-left:solid 1px #BF0811;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 30px;
}

.popup .bottom button:focus{
    outline: none;
}

.popup .bottom button:first-child{
    border: 1px solid #BF0811;
    border-radius: 5px;
    width: 90px;
    height: 30px;
    color: #BF0811;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup .bottom button:first-child:focus{
    outline: none;
}
/* !POPUP */
/* FORM */
.form-view tr.row-submit{
    border-top:dotted 1px #999;
    border-bottom:dotted 1px #999;
}
.form-view .report-view-content{
    border-radius:5px;
    background-color:#fff;
    width: 387px;
    height: auto;
    padding: 10px;
    border: 1px solid #00000033;
    outline: none;
}
.form-view .report-view{
    border-radius:5px;
}
.form-view .report-view:hover{
    box-shadow:0 0 5px #333;
    background:#cef;
}
.form-view .row-item .label{
    color:#333;
}
.form-view .row-text{
    color:#888;
}
/* END FORM */
/* DIALOG */
.dialog {
    background-color:#d5d5d5;
    border-radius:5px;
    box-sizing:border-box;
}
.dialog img{
    border-radius:30px;
}
.dialog a{
    opacity:0.9;
    border:solid 1px #666;
    border-radius:5px;
}
.dialog a.cancel{
    background:#c00;
    color:#fff;
}
.dialog a:hover{
    opacity:1;
    color:#fff !important;
    text-decoration:none;
}
/* !DIALOG */
/* REPORT */
.report-inline > table{
    overflow: hidden;
}
.report-inline > table input{
    border:solid 1px #ccc;
}
.report-inline > table input[readonly]{
    border:none;
    background:none;
}
.report-inline > table tr:nth-child(even), .report tr:nth-child(even){
}
.report-inline > table tr:nth-child(odd), .report tr:nth-child(odd){
    
}
.report-inline > table tr:hover > td, .report tr:hover > td{
    background-color:#6cf;
    background-color:rgba(100,200,255,0.2);
}
.report-inline > table tr.selected td, .report tr.selected td{
    background-color:rgba(100,200,255,0.5);
}
.report-inline > table th, .report th{
    font-weight: 400;
    font-size: 12px;
}
.report-inline > table td, .report td{
    border:none;
    text-align: center !important;
    font-size: 12px !important;
    font-family: avertaRegular;
}
.report-inline > table td{
    font-size:12px;
    height: 50px;;
}
.report-inline tr.NUEVA_LINEA, .report-inline tr.LINEA_MODIFICADA{
    background-color:#cfc !important;
    background-color:rgba(200,255,200, 0.8) !important;
}
.report-inline tr.BORRAR_LINEA{
    background:#fcc !important;
    background-color:rgba(255,200,200, 0.8) !important;
}
.report td{
    font-size:11px;
}
.report caption{
    font-weight:bold;
    font-size:14px;
    text-align:left;
}
.report td .btnEdit, .report td .btnDelete{
    border-radius:5px;
    background:#666;
    color:#fff !important;
}
.report td .btnEdit{
    background:#c00;
}
.report tfoot .last{
    border-bottom:solid 5px #bbb;
}
.report-page{
    font-size:12px;
    font-weight:bold;
    border-radius:5px;
    color:#666;
    display: flex;
    gap: 8px;
}
.report-page li{
    text-align:center;
    border: solid 1px #E9EAEB;
    border-radius: 4px;
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    padding: 0;
    color:#274380;
    font-family:'amsiProRegular';
    font-size: 10px;
}
.report-page li.selected{
    color: #fff;
    background:#BF0811;
}
.report-icon{
    color:#333;
    border-radius:5px;
    box-shadow:0 2px 5px #999;
    font-size:11px;
    text-decoration:none;
}

.report-icon__estadisticas{
    color:#333;
    border-radius:8px;
    font-size:11px;
    text-decoration:none;
}
.report-icon .icon{
    color:#fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#001f3f;
}
.report-icon .icon-add{color:#999;}

.table-filter .circle-btn{
    background:#c00;
    color:#fff !important;
    box-shadow:2px 2px 5px #666;
    border-radius:25px;
}
.tab-pane:before{
    background: #999;
}
.tab-pane li.selected:before{
    background: #c00;
}
/* END REPORT */
.search input[type=search]{
    background:url('../../img/icon/search.png') no-repeat right 10px center;
    border:solid 1px #ccc;
    border-radius:5px;
}
/* MISC */
#toTop{
    opacity:0.5;
}
#toTop:hover{
    opacity:0.7;
}
.dayList label{
    color:#666;
}
.text-focus{
    color: #00000066;
    background: #F1CB4133;
    width: 100%;
    display: inline-block;
    border: 1px solid #F1CB4166;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: start;
}
.tab-view.selected .row-item input, .tab-view.selected .row-item select, .tab-view.selected .row-item .chosen-container{
    color:#000;
}
.notif-block i{
    font-weight: bold;
    font-size: 11px;
}

.notif-block > .success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
.notif-block > .success{
    background-color: #666;
}
.notif-block > .success.activo{
    background-color: #51a351;
}
.notif-block > div {
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 0 12px #999;
    color: #fff;
    margin: 0 0 6px;
    opacity: 0.8;
    overflow: hidden;
    padding: 5px 5px 5px 50px;
    pointer-events: auto;
    position: relative;
}
.notif-block * {
    box-sizing: border-box;
}
[ayuda]:after{
    color:#f00;
}
/* END MISC */
@media only screen and (max-width:799px){
    article{
        box-shadow: none;
        height: auto;
    }
    #menu-btn{
        color:#000;
    }
    header{
        background:#2e353b;
    }
    header h2{
        color:#fff;
    }
    .top{
        background-color:none;
        text-align:right;
    }
    .top input[type=search]{
        background-color:#3e474f;
    }
    .nav-list li[data-tooltip]:after{
        color:#fff;
    }
    .nav-list.config{
        border-top:solid 1px #333;
    }
}
@media only screen and (min-width:800px){
    h2{
        color:rgba(0, 0, 0, 0.80);
        font-family: amsiProSemiBold;
    }
    header{
        border-left:dotted 1px #ccc;
        background:#eee;
    }
    .top input[type=search]{
        background-color:#c00;
    }
}