/* 
    Created on : 13-06-2018, 03:45:06 PM
    Author     : Oswaldo Velasquez
*/
/*// Custom.scss
// Option A: Include all of Bootstrap*/
/*@import "../bootstrap-4.1.1/css/bootstrap.min.css";*/

/*styles*/
body {
    background-color: #FFFFFF;
    /*background: url(../../sistem/mos-css/img/tres.jpg);*/
    
    /*background: url(images/plantilla4.png);*/
    
    /*background-image:url(images/plantilla4.webp);*/
    /*background-image:url(images/plantilla5.webp);*/
    background-repeat:no-repeat;
    background-size:100% 100%;
    /*background: #D184BC;*/
    margin: 0;
    padding: 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
}

body form {
    font-weight: bold;
}

 /*Extra small devices (portrait phones, less than 576px*/
@media (max-width: 575.98px) { 
     body {
        font-size: 12px;
    }
    body form {
        font-weight: normal;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
    body {
        font-size: 14px;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 

}



/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }*/
/*COLOR BORDE*/
.ps-colorsistema-green{
    border-color: #00C08B !important;
    border-width: 0.2rem; /*5px;*/ 
}
.ps-colorsistema-red{
    border-color: #F38484 !important;
    border-width: 0.2rem; /*5px;*/ 
}
.ps-colorsistema-blue{
    border-color: rgba(0,149,217)/*#31A3C8*/ !important;
    border-width: 0.2rem; /*5px;*/ 
}
.ps-colorsistema-yellow{
    border-color: #F8C54D !important;
    border-width: 0.2rem; /*5px;*/ 
}
.ps-colorsistema-purple{
    border-color: #D184BC !important;
    border-width: 0.2rem; /*5px;*/ 
}
/*COLOR*/
.ps-color-green{
    /*border-color: #00C08B !important;*/
    color: #00C08B !important;
}
.ps-color-red{
    /*border-color: #F38484 !important;*/
    color: #F38484 !important;
}
.ps-color-blue{
    /*border-color: rgba(0,149,217)#31A3C8 !important;*/
    color: rgba(0,149,217)/*#31A3C8*/ !important;
}
.ps-color-yellow{
    /*border-color: #F8C54D !important;*/
    color: #F8C54D !important;
}
.ps-color-purple{
    /*border-color: #D184BC !important;*/
    color: #D184BC !important;
}
/*estilos que se cambiaron para el nuevo menu*/
.navbar-light .navbar-nav .nav-link {
    /*color: rgba(0,0,0,.5);*/
    color:#000;
}
.dropdown-toggle::after {
    display:none;
}
.submenu{
    font-size: 14px;
    list-style: none;
    margin-left: -10%;
}
.submenu li{
    cursor: pointer;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 15px;
}
.submenu li a{
    /*color:rgba(0,0,0,.5);*/
    color:#000;
    /*font-weight: bold;*/
    text-decoration:none;
}
.dropdown-menu ul{
    font-size: 14px;
    list-style: none;
    margin-left: -5%;
}
.dropdown-menu ul li{
    cursor: pointer;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 15px;
}
.dropdown-menu ul li a{
    /*color:rgba(0,0,0,.5);*/
    color:#000;
    /*font-weight: bold;*/
    text-decoration:none;
}
.menu-links .dropdown-menu.show {
    display: block;
    text-align: center;
    padding: 0px;
} 
.menu-links .dropdown-menu {
    position: absolute;
    transform: translate3d(-96px, 25px, 0px)!important;

}
.menu-links a{
    color: #000;
    text-decoration:none; 
}
li.menu-links{
    padding: 5px 10px 5px 10px;
}

/*BADGE TITULOS*/
.ps-badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.ps-badge:empty {
    display: none;
}
.ps-btn .ps-badge {
    position: relative;
    top: -1px;
}
.ps-badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.ps-badge-green {
    color: #fff;
    background-color: #00C08B;
}
.ps-badge-green[href]:hover, .ps-badge-green[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0D4E3C;
}
.ps-badge-red{
    color: #fff;
    background-color: #F38484;
}
.ps-badge-red[href]:hover, .ps-badge-red[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #7E2C23;
}
.ps-badge-blue{
    color: #fff;
    background-color: rgba(0,149,217)/*#31A3C8*/;
}
.ps-badge-blue[href]:hover, .ps-badge-blue[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #184F61;
}
.ps-badge-yellow{
    color: #fff;
    background-color: #F8C54D;
}
.ps-badge-yellow[href]:hover, .ps-badge-yellow[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #604C19;
}
.ps-badge-purple {
    color: #fff;
    background-color: #D184BC;
}
.ps-badge-purple[href]:hover, .ps-badge-purple[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #571D48;
}

/*PARA BOTONES*/
.ps-btn-green, .submenu-green:hover, .navbar-light .navbar-nav .ps-hover-color-green.nav-link.active{
    color: #fff;
    background-color: #00C08B;
    border-color: #00C08B;
}
.ps-btn-green:hover {
    color: #fff;
    background-color: #0D4E3C;
    border-color: #0D4E3C;
}
.ps-btn-green:focus, .ps-btn-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.ps-btn-red, .submenu-red:hover, .navbar-light .navbar-nav .ps-hover-color-red.nav-link.active{
    color: #fff;
    background-color: #F38484;
    border-color: #F38484;
}
.ps-btn-red:hover {
    color: #fff;
    background-color: #7E2C23;
    border-color: #7E2C23;
}
.ps-btn-red:focus, .ps-btn-red.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.ps-btn-blue, .submenu-blue:hover, .navbar-light .navbar-nav .ps-hover-color-blue.nav-link.active{
    color: #fff;
    background-color: rgba(0,149,217)/*#31A3C8*/;
    border-color: rgba(0,149,217)/*#31A3C8*/;
}
.ps-btn-blue:hover {
    color: #fff;
    background-color: #184F61;
    border-color: #184F61;
}
.ps-btn-blue:focus, .ps-btn-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.ps-btn-yellow, .submenu-yellow:hover, .navbar-light .navbar-nav .ps-hover-color-yellow.nav-link.active{
    color: #fff;
    background-color: #F8C54D;
    border-color: #F8C54D;
}
.ps-btn-yellow:hover {
    color: #fff;
    background-color: #604C19;
    border-color: #604C19;
}
.ps-btn-yellow:focus, .ps-btn-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.ps-btn-purple, .submenu-purple:hover, .navbar-light .navbar-nav .ps-hover-color-purple.nav-link.active{
    color: #fff;
    background-color: #D184BC;
    border-color: #D184BC;
}
.ps-btn-purple:hover {
    color: #fff;
    background-color: #571D48;
    border-color: #571D48;
}
.ps-btn-purple:focus, .ps-btn-purple.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
/*PARA CABECERA DE TABLAS*/
.ps-table-green,
.ps-table-green > th,
.ps-table-green> td {
    color: #fff;
    background-color: #00C08B;
}
.ps-table-hover .ps-table-green:hover {
    color: #fff;
    background-color: #0D4E3C;
}
.ps-table-hover .ps-table-green:hover > td,
.ps-table-hover .ps-table-green:hover > th {
    color: #fff;
    background-color: #0D4E3C;
}

.ps-table-red,
.ps-table-red > th,
.ps-table-red > td {
    color: #fff;
    background-color: #F38484;
}
.ps-table-hover .ps-table-red:hover {
    color: #fff;
    background-color: #7E2C23;
}
.ps-table-hover .ps-table-red:hover > td,
.ps-table-hover .ps-table-red:hover > th {
    color: #fff;
    background-color: #7E2C23;
}


.ps-table-blue,
.ps-table-blue > th,
.ps-table-blue > td {
    color: #fff;
    background-color: rgba(0,149,217)/*#31A3C8*/;
}
.ps-table-hover .ps-table-blue:hover {
    color: #fff;
    background-color: #184F61;
}
.ps-table-hover .ps-table-blue:hover > td,
.ps-table-hover .ps-table-blue:hover > th {
    color: #fff;
    background-color: #184F61;
}

.ps-table-yellow,
.ps-table-yellow > th,
.ps-table-yellow > td {
    color: #fff;
    background-color: #F8C54D;
}
.ps-table-hover .ps-table-yellow:hover {
    color: #fff;
    background-color: #604C19;
}
.ps-table-hover .ps-table-yellow:hover > td,
.ps-table-hover .ps-table-yellow:hover > th {
    color: #fff;
    background-color: #604C19;
}

.ps-table-purple,
.ps-table-purple > th,
.ps-table-purple > td {
    color: #fff;
    background-color: #D184BC;
}
.ps-table-hover .ps-table-purple:hover {
    color: #fff;
    background-color: #571D48;
}
.ps-table-hover .ps-table-purple:hover > td,
.ps-table-hover .ps-table-purple:hover > th {
    color: #fff;
    background-color: #571D48;
}



.green{ background-color:#00C08B;color:#0D4E3C;}
.red{   background-color:#F38484;color:#7E2C23;}
.blue{  background-color:rgba(0,149,217)/*#31A3C8*/;color:#184F61;}
.yellow{background-color:#F8C54D;color:#604C19;}
.purple{background-color:#D184BC;color:#571D48;}
.greenImportant{ background-color:#00C08B !Important;color:#0D4E3C;}
.redImportant{   background-color:#F38484 !Important;color:#7E2C23;}
.blueImportant{  background-color:rgba(0,149,217) !Important/*#31A3C8*/;color:#184F61;}
.yellowImportant{background-color:#F8C54D !Important;color:#604C19;}
.purpleImportant{background-color:#D184BC !Important;color:#571D48;}
/* REDUCIOR TAMAÑO DE LETRA*/
.ps-fsize-05{
    font-size: 0.5rem;
}
.ps-fsize-073{
    font-size: 0.73rem;
}
.ps-fsize-075{
    font-size: 0.75rem;
}
.ps-fsize-0875{
    font-size: 0.875rem;
}
.ps-fsize-1-5{
    font-size: 1.5rem;
}
/*INPUTS DEGRILLA*/
.ps-table-sm th,
.ps-table-sm td {
    padding: 0.1rem;
    /*font-size: 0.875rem;*/
}
.ps-form-control-sm {
    /*height: 1.5rem;*/ 
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    /*font-size: 0.875rem;*/
    line-height: 1;
    border-radius: 0.2rem;
}
select.ps-form-control-sm:not([size]):not([multiple]){
    height: 1.3rem;
    /*height: calc(1.8125rem + 2px);*/
    /*    font-size: 0.8rem;
        padding: 0.125rem 0.25rem;
        line-height: 1;*/
}
textarea.ps-form-control-sm,select[multiple].ps-form-control-sm {
    height: 1.3rem; 
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.125rem 0.25rem;
}
/*BOTON SUPER PEQUEÑO*/

.ps-btn-sm, .btn-group-sm > .btn {
    /*padding: 0.25rem 0.5rem;*/
    padding: 0.1rem;
    font-size: 0.75rem;
    /*font-size: 0.875rem;*/
    /*line-height: 1.5;*/
    line-height: 1;
    border-radius: 0.2rem;
}
.ps-btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    /*  padding-right: 0.375rem;
      padding-left: 0.375rem;*/
    padding-right: 0.275rem;
    padding-left: 0.275rem;
}


/*breadcrumbs*/
ul.ps-breadcrumb {
    padding: 2px 10px;
    list-style: none;
    /*background-color: #eee;*/
}
ul.ps-breadcrumb li {
    display: inline;
    font-size: 12px;
}
ul.ps-breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
ul.ps-breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}
ul.ps-breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}
/*PARA LOS TOTALES Y PIE DE PAGINA DE LA GRILLA*/
.ps-panel-footer table input[type=text]{
    text-align: right;
}
.ps-panel-footer span{
    font-weight: bold;
}
@media screen and (min-width: 768px) {   /*576px*/ 
    .ps-panel-footer {
        display: flex;
        flex-direction: row-reverse;
    }
    .dropdown-menu.show, .icono-sistema-1 {
        display: none;
}
    .icono-sistema-2{
        display: inline;
    }
}
@media screen and (max-width: 768px) {   /*576px*/ 
    #contenedor-submenu{
        display: none;
    }
    .icono-sistema-1{
        display: block;
    }
    .icono-sistema-2{
        display: none;
    }
}
@media screen and (max-width: 1000px) {   /*576px*/ 
    .icono-barra{
        height: 18%;
    }
}  
@media screen and (max-width: 530px) {   /*576px*/ 
    .icono-barra{
        height: 13%;
    }
} 
/*FIN*/
/*MODAL EN TODA LA PANTALLA*/
.modal {
    height: 100%;
    padding-bottom: 5%;
}
.modal .modal-dialog, .modal .modal-dialog .modal-content{
/*    height: 100%;*/
    height: auto;
    width: 100%;
}
.modal .modal-dialog .modal-content .modal-body {
    height: 95%;
}
/**/

/* FOMRA CURSOR DE MOUSE*/
.ps-calias {cursor: alias;}
.ps-call-scroll {cursor: all-scroll;}
.ps-cauto {cursor: auto;}
.ps-ccell {cursor: cell;}
.ps-ccontext-menu {cursor: context-menu;}
.ps-ccol-resize {cursor: col-resize;}
.ps-ccopy {cursor: copy;}
.ps-ccrosshair {cursor: crosshair;}
.ps-cdefault {cursor: default;}
.ps-ce-resize {cursor: e-resize;}
.ps-cew-resize {cursor: ew-resize;}
.ps-cgrab {cursor: -webkit-grab; cursor: grab;}
.ps-cgrabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.ps-chelp {cursor: help;}
.ps-cmove {cursor: move;}
.ps-cn-resize {cursor: n-resize;}
.ps-cne-resize {cursor: ne-resize;}
.ps-cnesw-resize {cursor: nesw-resize;}
.ps-cns-resize {cursor: ns-resize;}
.ps-cnw-resize {cursor: nw-resize;}
.ps-cnwse-resize {cursor: nwse-resize;}
.ps-cno-drop {cursor: no-drop;}
.ps-cnone {cursor: none;}
.ps-cnot-allowed {cursor: not-allowed;}
.ps-cpointer {cursor: pointer;}
.ps-cprogress {cursor: progress;}
.ps-crow-resize {cursor: row-resize;}
.ps-cs-resize {cursor: s-resize;}
.ps-cse-resize {cursor: se-resize;}
.ps-csw-resize {cursor: sw-resize;}
.ps-ctext {cursor: text;}
.ps-curl {cursor: url(plantilla4.png),auto;}
.ps-cw-resize {cursor: w-resize;}
.ps-cwait {cursor: wait;}
.ps-czoom-in {cursor: zoom-in;}
.ps-czoom-out {cursor: zoom-out;}