@import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap');

body
{
    /*font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    -webkit-font-smoothing:antialiased !important;*/
}

.main-sidebar::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{
	border-radius: 0;
    background: #eeeeee;
}

.main-sidebar::-webkit-scrollbar,.sidebar::-webkit-scrollbar{
    height: 6px;  
	width: 6px;
    border: 1px solid #d5d5d5;
}

.main-sidebar::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{
	border-radius: 0;
    background: #b0b0b0;
}

div.img-circle a img
{
    border-radius: 50%;
}
 
.logoGauss > img
{
    width:50%;
    /*height:50%;*/
    position:absolute;
    bottom:55px;
    right:0px
}

.menu-salir
{
}

.menu-home
{
}

.menu-graph
{
}

.menu-notificacion
{
}

.nav-sidebar .nivel-1 {
    padding-left: 30px!important;
}

.nav-sidebar .nivel-2 {
    padding-left: 45px!important;
}

.nav-sidebar .nivel-3 {
    padding-left: 60px!important;
}

.nav-sidebar .nivel-4 {
    padding-left: 75px!important;
}

.nav-sidebar .nivel-4 {
    padding-left: 90px!important;
}

.nav-sidebar .nav-item a
{
    border-radius: 0px !important;
}

.nav-link.active
{
    color: rgba(255, 255, 255, 1) !important;
}

.nivel-0.active
{
    background-color: #007bff3f !important;
}
.nivel-1.active
{
    background-color: #007bff5f !important;
}
.nivel-2.active
{
    background-color: #007bff7f !important;
}
.nivel-3.active
{
    background-color: #007bff9f !important;
}
.nivel-4.active
{
    background-color: #007bffaf !important;
}
.nivel-5.active
{
    background-color: #007bffcf !important;
}

.nav-item:not(.menu-open)>.nav-link.active.nivel-0,
.nav-item:not(.menu-open)>.nav-link.active.nivel-1,
.nav-item:not(.menu-open)>.nav-link.active.nivel-2,
.nav-item:not(.menu-open)>.nav-link.active.nivel-3,
.nav-item:not(.menu-open)>.nav-link.active.nivel-4,
.nav-item:not(.menu-open)>.nav-link.active.nivel-5
{
    background-color: #007bff !important;
    color: rgba(255, 255, 255, 0.9) !important;
}


.sidebar
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

li.menu-open
{
    background-color: #0005;
    border-top: 1px;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-color: #aaaa;
    border-style: solid;
}

.main-sidebar, .main-sidebar:before {
    width: 300px !important;
}

.sidebar-collapse .main-sidebar,
.sidebar-collapse .main-sidebar:before {
    margin-left: -300px !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar:before
{
    margin-left: 0 !important;
    width: 4.6rem !important;
}

.sidebar-minix.sidebar-collapse .main-sidebar .nav-treeview,
.sidebar-minix.sidebar-collapse .main-sidebar .nav-treeview :before
{
    padding-left: 0px!important;
}

.mt-2 .nav-item a > i
{
    margin-right: 10px;
    color: white;
    width: 17px;
}

/* Inicio loginPage */
.login-page .card
{
    background-color:rgba(255, 255, 255, 0.40) !important;
    color:  white;
}

.login-page .card-header
{
    background-color:rgba(0, 0, 0, 0.40) !important;
}
.login-page .card-title
{
    font-size: 30px;
}

.login-page .card-header{
    display: none;
}

@media (min-width:768px)
{    
    .login-page .card{
        width: 70%;
        margin-left: 15%;
    }
}

@media (max-width:768px)
{
    .login-page .card{
        width: 100%;
        margin-left: 0%;
    }
}

.login-page .card{
    align-content: center;
    border-top: 0px;
}

.login-page .card {
    background-color:rgba(70, 70, 70, 0.30) !important;
    color: white;
    border-radius: 20px !important;
}

.login-page .card .card-body input{
    border-bottom: 1px solid #A0A0A0;
}

.login-page .card .col-2{
    flex: 0 0 5%;
    max-width: 5%;
}

.login-page .card .col-sm-8{
    flex: 0 0 90%;
    max-width: 90%;
}

.login-page .input-group-prepend .input-group-text{
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #A0A0A0;
    color: white;
}

.login-page input{
    background-color: rgba(255, 255, 255, 0.07) !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    color: white !important;
}

.login-page .form-control
{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.login-page .input-group-prepend .input-group-text .fa, .input-group-prepend .input-group-text .fas
{
    color: rgba(240, 240, 240, 1) !important;
}

.login-page .card-footer button{
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.8);
    border-width: 1px;
    /*font-weight: bold;*/
    color: rgba(255, 255, 255, 0.9);
}

.login-page .card-footer button{
    background-color:rgba(0, 0, 0, 0.4) !important;
}


#formaLogin button
{
    border-radius: 17px !important;
}

#formaHacerLogin .card-footer button[type="button"]{
    /*border-width: 0px !important;*/
    font-style: italic;
}

#formaHacerLogin .card-footer button[type="submit"] span{
    visibility: hidden;
    position: relative;
}

#formaHacerLogin .card-footer button[type="submit"] span:after{
    visibility: visible;
    position: absolute;
    top: -3px;
	left: 0px;
    content: "Ingresar";
}

/*boton olvidar contraseña */
#formaHacerLogin .card-footer .col-md-4:nth-child(1){
    position: relative;
    top:  50px;
    left: 0%;
    flex: 0 0 100%;
    max-width: 100%;
    
}

#formaHacerLogin .card-footer .col-md-4:nth-child(2)
{
    visibility: hidden;
}

/*boton ingresar */
#formaHacerLogin .card-footer .col-md-4:nth-child(3){
    position: relative;
    top: -100px;
    left: -0%;
}

#appleid-signin
{
    height: 38px;
}
/* Fin loginPage */



ul .nav-item a > p
{
    /*color: #ffffffff;*/
    color: rgba(255, 255, 255, 1);
    font-weight: 200;
    font-style: normal;
    -webkit-font-smoothing:antialiased;
}

.navbar-light .navbar-nav .nav-link
{
    color: rgba(65, 89, 127, 1.0) !important;
    font-weight: 300 !important;

}

@media (min-width:768px){
    .content-wrapper,.main-footer,.main-header{
        margin-left:300px!important;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar:hover{
        width:300px!important;
    }
    .sidebar-mini.sidebar-collapse .nav-treeview{
        padding-left: 0px !important;
    }
}

@media (max-width: 991.98px) {
    .content-wrapper,.main-footer,.main-header{
        margin-left:0rem!important;
    }
    .main-sidebar, .main-sidebar:before {
        width: 300px !important;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar:hover{
        width:300px!important;
    }
    .sidebar-mini.sidebar-collapse .nav-treeview{
        padding-left: 0px !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar{
        width:0px!important;
    }
    .sidebar-mini .main-sidebar{
        width:0px!important;
    }
    .sidebar-open .main-sidebar, .sidebar-open .main-sidebar:before {
        margin-left: 0;
        width:300px!important;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar:before
    {
        margin-left: 0 !important;
        width: 0rem !important;
    }
}

.ace_editor, .ace_active-line, .ace_gutter
{
    border-radius: 10px;
}

.nav-link
{
    font-weight: lighter !important;
}

.dropdown-menu-lg{
    min-width:300px!important;
}

.labelMenuPrincipal
{
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 5%/50%;
}

.scroll-if-required
{
    min-height:380px;
}

#editor {
    height:300px;
    margin: 0;
    width:50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
 
}
.delete-row{
    border-color: white!important;
    background-color: white!important;
    transition-duration: .5s !important;
}
.delete-row:hover{
    background-color: red!important;
    border-color: red!important;
    border-radius: 5px;
}
.delete-row:hover .text-danger{
    color: white!important;
}

.tractive{
    -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;
    background-color:	rgba(158, 160, 161, 0.7)!important;
}


input.form-control,
select.form-control,
div.table-label
{
    /*
    border-bottom-color: teal;
    border-bottom-width:thin !important;
    border-bottom-style:solid;
     */
}

.mxPopupMenuItem
{
    padding: 0px 30px 0px 30px !important;
}

table.mxPopupMenu hr
{
    margin-bottom: 0.5em;
    margin-top:0.5em;
}

div.geSidebarContainer a.geButton.geColorBtn,
div.geSidebarContainer select
{
    height:25px !important;
}
div.geSidebarContainer input,
div.geSidebarContainer geBtnDown
{
    height:25px !important;
}

div.geToolbar a.geLabel
{
    width:70px !important;
}

div.geToolbar a.geLabel div
{
    margin-top:3px !important;
}

div.geToolbar a.geButton
{
    margin-top:7px !important;
}


#finderUpload .elfinder-dialog-upload
{
    opacity:0.01 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A4A4A4FF !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A4A4A4FF !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #A4A4A4FF !important;
}

.rendered-form .callout h2,
.frmb .callout h2
{
    color:#148ea1;
    padding-left:10px;
    border-radius:10px;
    margin-bottom:0px;
}

div.rendered-form.row label,
div.crud-form label
{
    color: #333333;
    font-weight: 300 !important;
}

/*.rendered-form.input-group input.form-control*/
.rendered-form .input-group input.form-control
{
    /*height:100px !important;*/
    /*width:0px;*/
    /*position:relative;*/
    /*flex:1 1 auto;*/
    /*width: 1%;*/
    /*display: block;*/
    
}

.rendered-form .input-group
{
    display: flex !important;
}
.rendered-form .input-group input.form-control
{
    width: 1% !important;
    display: block !important;
}
.rendered-form .input-group-text
{
    height: 34px;
}

.rendered-form input
{
    height: 34px;
}

.rendered-form .callout h3.card-title > span
{
    /*
    border-top-width:0px !important;
    border-left-width:0px !important;
    border-right-width:0px !important;
    border-bottom-width:1px !important;
    border-left-color:#A4A4A400;
    border-right-color:#A4A4A400;
    border-top-color:#A4A4A400;
    border-bottom-color:#A4A4A4FF;
    border-style:solid;
    border-radius:10px;
     */
    padding-left:10px !important;
    padding-right:10px !important;
}

.rendered-form .callout
{
    background-color:#DFDFDF33;
}

.card.callout:not(.calloutmultiplicadorgrupo)
{
    padding:0px !important;
}

.card.callout > .card-header
{
    padding-left:0px !important;
    padding-right:0px !important;
    background-color:#DFDFDF33 !important;
}

.card.callout.calloutmultiplicador > .card-header
{
    padding:0px !important;
}

.calloutmultiplicadorgrupo > .card-body > div:nth-child(odd)
{
    background-color: #5551;
}

.callout.callout-white
{
    border-left: 0px !important;
}

.btn-toolx
{
    color:#333333ff !important;
}

.card.callout .card-header .card-title
{
    padding-left:10px !important;
    padding-right:10px !important;
}

.card-body > .card-tools
{
    position:absolute;
    right:1rem;
    top:0rem;
}

.card.calloutmultiplicador:not(.calloutmultiplicadorgrupo)
{
    margin-bottom:0px !important;
    margin-right:0px !important;
    box-shadow:0px 0px;
}

.calloutmultiplicadorgrupo > .card-body > div
{
    padding-left:0px;
    padding-right:0px;
}

/* padin superior e inferior de las formas que si tienen card-heaer*/
.rendered-form .card > .card-body
{
    padding-top:8px !important;
    padding-bottom:0px !important;
}

/* padin superior e inferior de las formas que si tienen card-heaer*/
.rendered-form .tabControl > .card > .card-body
{
    padding-top:20px !important;
    padding-bottom:15px !important;
}

.rendered-form .card > .card-body:only-child
{
    padding-top:10px !important;
    padding-bottom:0px !important;
}


.card.calloutmultiplicador.calloutmultiplicadorgrupo,
.card.calloutmultiplicador.calloutmultiplicadorgrupo > .card-body
{
    padding-top:0px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    padding-bottom:0px !important;
}

.card.calloutmultiplicador.calloutmultiplicadorgrupo > .card-body > .row
{
    margin-top:0px !important;
    margin-left:15px !important;
    margin-bottom:0px !important;
}

.calloutmultiplicador > .card-body
{
    padding-left:0px;
    padding-right:0px;
}


.rendered-form .card
{
    background-color:#DFDFDF33;
}

.botonAceptar
{
    btn btn-success btn-lg
}

.botonCancelar
{
    btn btn-danger btn-lg
}


/*
 Componente de edición e formas
 */

.form-elements
{
    display:flex !important;
    background-color:f0f2f7ff !important;
}

.form-wrap.form-builder .frmb .form-elements .false-label:first-child,
.form-wrap.form-builder .frmb .form-elements label:first-child
{
    font-weight:200 !important;
    font-size:0.8rem !important;
    white-space: normal !important;
    width: 100% !important;
    text-align: left !important;
}

.form-wrap.form-builder .form-group
{
    margin-bottom: 0px !important;
}

.form-wrap.form-builder .frmb .form-elements .input-wrap
{
    margin-left: 30px !important;
}

.form-builder .form-field
{
    border-width:1px;
    border-color:#A4A4A4FF;
    border-style:solid;
    border-radius:10px;
}

.form-builder li.form-field:not(.editing)
{
    background-color:#207fa422 !important;
    /*background-color:#00ffffff !important;*/
}

.form-builder li.form-field.editing
{
    background-color:#207fa422 !important;
}

.frmb-control
{
    
}

.form-builder li.form-field .field-actions,
.form-builder li.form-field .field-actions a

{
    opacity:0.8 !important;
}

.form-builder li.form-field .field-actions:hover,
.form-builder li.form-field .field-actions a:hover

{
    opacity:1 !important;
}


/*
 Forma para dashBoards a pantalla completa sin margenes
 */
.card.card-board,
.info-box.card-board
{
    margin-bottom:0px !important;
}

.info-box.bg-info-gradient.card-board
{
    display:block !important;
    min-height:3em !important;
}

.card-board a
{
    color:white !important;
}


/*
 Grocery CRUD
 */

.grocery-crud-table thead tr:first-of-type,
.gc-container .table-label
{
    background: #17a2b8;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #17a2b8), color-stop(1, #1fc8e8));
    background: -ms-linear-gradient(bottom, #17a2b8, #1fc8e3);
    background: -moz-linear-gradient(center bottom, #17a2b8 0%, #1fc8e3 100%);
    background: -o-linear-gradient(#1fc8e3, #17a2b8);
    color: #ffffff;
}

/*
.grocery-crud-table thead tr:first-of-type th
{
    border: 0px;
}
*/

.card-crud
{
    background-color: #7771;
}

.grocery-crud-table
{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    border:none !important;
}

.xxgrocery-crud-table thead tr:first-of-type th:last-of-type
{
    
}


.gc-container .table-section .scroll-if-required
{
    padding-bottom:150px !important; /*Se debe dejar el padding para que se pueda mostrar el menú en cada renglón */
    min-height:50px !important;
}

.gc-container .table-section .scroll-if-required .table td
{
    padding-bottom:5px;
    padding-top:5px;
    vertical-align: middle !important;
}

.gc-container .dropdown-menu
{
    background-color: #eee;
}

.gc-container .dropdown-menu .delete-row
{
    background-color: #eee !important;
}


/*
 .chosen-container-single .chosen-single
 */
.select2-container .select2-selection--single .select2-selection__rendered
{
    margin-top: 0px !important;
}

.jexcel
{
    font-size:13px;
}

.hider
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    opacity: 0.8;
    z-index: 9999999;
}

.hider > div
{
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    width: 100px;

    /*margin: 10px auto;*/
    vertical-align: middle;
}

.hider > div > img
{
    width: 100px;
}

.gc-container .btn-group.open > .dropdown-menu
{
    left:45px !important;
}

div.growl-animated, .ui-growl
{
    z-index: 99999 !important;
}

.cb-wrap .form-actions > button
{
    /*padding: 5px !important;*/
    margin-right: 3px !important;
    margin-bottom: 3px !important;
}

.bookMarkClass 
{
    background: #ffee57;
    text-align:center;
    color:black;
}

.bookMarkClass1::after{content:"1";}
.bookMarkClass2::after{content:"2";}
.bookMarkClass3::after{content:"3";}
.bookMarkClass4::after{content:"4";}
.bookMarkClass5::after{content:"5";}
.bookMarkClass6::after{content:"6";}
.bookMarkClass7::after{content:"7";}
.bookMarkClass8::after{content:"8";}
.bookMarkClass9::after{content:"9";}

.errorLineClass
{
    background:#250101;
}

.mensajeSintaxError
{
    position: absolute;
    left: 15px;
    color: red;
}

.ui-datepicker.ui-widget.ui-widget-content
{
    z-index: 10000 !important;
}

#myModalExpediente
{
    z-index: 99999999 !important;
}

.modal-xlg
{
    max-width: 100% !important;
}

.modal
{
    background-color: #33333388;
}

.input-group-prepend .input-group-text
{
    font-weight: bold;
    background : -moz-linear-gradient(50% 100% 90deg,rgba(103, 119, 119, 1) 0%,rgba(114, 132, 132, 1) 0.99%,rgba(131, 153, 154, 1) 3.12%,rgba(145, 170, 171, 1) 5.64%,rgba(155, 181, 182, 1) 8.76%,rgba(160, 188, 189, 1) 13.14%,rgba(162, 190, 191, 1) 25.29%);
    background : -webkit-linear-gradient(90deg, rgba(103, 119, 119, 1) 0%, rgba(114, 132, 132, 1) 0.99%, rgba(131, 153, 154, 1) 3.12%, rgba(145, 170, 171, 1) 5.64%, rgba(155, 181, 182, 1) 8.76%, rgba(160, 188, 189, 1) 13.14%, rgba(162, 190, 191, 1) 25.29%);
    background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(103, 119, 119, 1) ),color-stop(0.0099,rgba(114, 132, 132, 1) ),color-stop(0.0312,rgba(131, 153, 154, 1) ),color-stop(0.0564,rgba(145, 170, 171, 1) ),color-stop(0.0876,rgba(155, 181, 182, 1) ),color-stop(0.1314,rgba(160, 188, 189, 1) ),color-stop(0.2529,rgba(162, 190, 191, 1) ));
    background : -o-linear-gradient(90deg, rgba(103, 119, 119, 1) 0%, rgba(114, 132, 132, 1) 0.99%, rgba(131, 153, 154, 1) 3.12%, rgba(145, 170, 171, 1) 5.64%, rgba(155, 181, 182, 1) 8.76%, rgba(160, 188, 189, 1) 13.14%, rgba(162, 190, 191, 1) 25.29%);
    background : -ms-linear-gradient(90deg, rgba(103, 119, 119, 1) 0%, rgba(114, 132, 132, 1) 0.99%, rgba(131, 153, 154, 1) 3.12%, rgba(145, 170, 171, 1) 5.64%, rgba(155, 181, 182, 1) 8.76%, rgba(160, 188, 189, 1) 13.14%, rgba(162, 190, 191, 1) 25.29%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#677777', endColorstr='#A2BEBF' ,GradientType=0)";
    background : linear-gradient(0deg, rgba(103, 119, 119, 1) 0%, rgba(114, 132, 132, 1) 0.99%, rgba(131, 153, 154, 1) 3.12%, rgba(145, 170, 171, 1) 5.64%, rgba(155, 181, 182, 1) 8.76%, rgba(160, 188, 189, 1) 13.14%, rgba(162, 190, 191, 1) 25.29%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2BEBF',endColorstr='#677777' , GradientType=0);    
}

.note-editor .dropdown-menu a
{
    color: black !important;
    text-decoration: none !important;
}

.note-editor .note-btn.btn-light
{
    background-color: #e6e6e6 !important;
}

.switcheryDisabled
{
    opacity: 0.5;
    pointer-events: none;
}

.chat-badge
{
    min-width: 20px !important;
    min-height: 20px !important;
    display: inline-block;
    background-color:#dc3545;
    color:white;
    border-radius:12px;
    font-size: 12px;
    font-weight: lighter;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 10px;
    position: relative;
    left: -7px;
    top: -12px;
}

.dropdown-menu-chat
{
    width: 500px;
    padding: 0px;
    max-height: 500px;
    overflow: auto;
}

.dropdown-menu-chat .chatFrom
{
    color: #28a745;
    padding-left: 20px;
}

.dropdown-menu-chat .chatMensaje
{
    white-space:normal;
    word-break:normal;
    color: #00000099;
    padding-left: 20px;
    display: block;
}

.jtline{
    margin: 0px !important;
}

.timeline:before{
    visibility: hidden;
}

.jtline .timeline{
    max-width: none !important;
}

.grocery-crud-table tr:nth-child(even)
{
    background-color: #00000009;
}

.grocery-crud-table tr:nth-child(odd) {
    background: #00000002;
}

.grocery-crud-table
{
    overflow:auto !important;
}

.form-wrap.form-builder .frmb .field-actions .expand-button:hover
{
    background-color:#d6c100;color:#fff
}

.icon-expand:before
{
    content:'\2191\2193';
    margin-left: -5px !important;
}

.icon-expand-hidden
{
    background-color:#d6c100 !important;
    color: black !important;
}

.bg-gray-gradient
{
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #343a40), color-stop(1, #6c757d));
    background: -ms-linear-gradient(bottom, #6c757d, #343a40);
    background: -moz-linear-gradient(center bottom, #6c757d 0%, #343a40 100%);
    background: -o-linear-gradient(#6c757d, #343a40);
    color: #ffffff;
}

.callout-gray
{
    border-left-color: gray !important;
}

.form-wrap.form-builder .frmb li
{
    overflow: hidden;
}

.form-wrap.form-builder li[type=button]
{
    -webkit-appearance:initial;
}

/* MENU ALTERNATIVO PARA TABLAS CRUD
.btn-glyphicon 
    {
    padding:7px;
    background:#ffffff;
    margin-right:4px;
    margin-left:-6px;
    width: 26px;
    height: 26px;
    margin-bottom: 8px;
    }
.icon-btn 
    {
    border-radius:50px;
    padding: 8px 8px;
    margin-right: 4px;
    }
*/

@media screen and (max-width: 600px) {

    table.grocery-crud-table, 
    .grocery-crud-table thead, 
    .grocery-crud-table tbody, 
    .grocery-crud-table th, 
    .grocery-crud-table td, 
    .grocery-crud-table tr {
        display: block;
    }

    .grocery-crud-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .grocery-crud-table tr {
        margin: 0 0 1rem 0;
    }
    
    .grocery-crud-table tr:nth-child(odd) {
        background: #ccc;
    }

    .grocery-crud-table td:not(:nth-child(2)):not(.sintitulo) {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40% !important;
    }

    .grocery-crud-table td:not(:nth-child(2)):not(.sintitulo):before {
        position: absolute;
        top: 5;
        left: 6px;
        width: 38%;
        white-space: wrap;
        font-size: 10px;
        line-height : 10px;
    }

    .grocery-crud-table td:nth-child(2) .btn-group, .grocery-crud-table td:nth-child(2) .btn-group button {
        width: 100% !important;
    }    

    .card {
        display:block !important;
    }

    .dropdown-menu-chat
    {
        width: 300px;
        padding: 0px;
    }
}

select {
    height: 34px !important;

    -webkit-appearance: none;
    -moz-appearance: none; 
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc) !important;
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    /*padding-top: .3em !important;
    padding-bottom: .3em !important;*/
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 1em !important;
    padding-right: 0em !important;
}

select
{
    border-radius: 0px !important;
}

.per_page
{
    min-width: 110px;
}

button[altoboton="btn"],
.btn
{
    border-radius: 17px !important;
}
button[altoboton="btn-sm"]
{
    border-radius: 15px !important;
}
button[altoboton="btn-xs"]
{
    border-radius: 11px !important;
}
button[altoboton="btn-lg"]
{
    border-radius: 21px !important;
}

.form-control[tipo-mascara="persona"],
.form-control[tipo-mascara="domicilio"],
.form-control[tipo-mascara="telefono"],
.form-control[mask*=":tipoMascara:persona"],
.form-control[mask*=":tipoMascara:domicilio"],
.form-control[mask*=":tipoMascara:telefono"],
.form-control[mask*=":tipoMascara:decimal"],
.form-control[mask*=":tipoMascara:currency"],
.form-control[mask*=":tipoMascara:fecha"],
.form-control[mask="percentage"],
.form-control[mask="decimal"],
.form-control[mask="currency"],
.form-control[mask="fecha"],
.form-control[mask="email"],
.form-control[mask="telefono"]
{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.input-group-prepend .input-group-text
{
    font-weight: lighter !important;
    background: #f0f0f0 !important;
    border-top-left-radius: 17px !important;
    border-bottom-left-radius: 17px !important;
}

.input-group-prepend .input-group-text .fa,
.input-group-prepend .input-group-text .fas
{
    color: #A0A0A0 !important;
}

.form-control.searchable-input
{
    font-size: 10px !important;
    min-width: 50px;
}

.nav-tabs[aria-orientation="vertical"] a.nav-link.active
{
    background: #eee;
    border-left: 5px solid  gray;
    border-top: 1px solid  #ccc;
    border-bottom: 1px solid  #ccc;
    /*font-weight: bold !important;*/
    color: #404040 !important;
}
.nav-tabs[aria-orientation="vertical"] a.nav-link
{
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    color: #707070 !important;
    width: -webkit-calc(100% + 15px);
    width: -moz-calc(100% + 15px);
    width: -o-calc(100% + 15px);
    width: calc(100% + 15px);
}

.select2-container--bootstrap .select2-selection,
.form-control
{
    border-radius: 17px !important;
}

.select2-results__option .facturaTextoSecundario
{
    color: #777;
}

.select2-results__option.select2-results__option--highlighted .facturaTextoSecundario
{
    color: honeydew;
}

.select2-results__option .facturaTextoSaldo
{
    color: red;
    text-align:right;
    display: inline-block;
    width:100px;
}

.select2-results__option.select2-results__option--highlighted .facturaTextoSaldo
{
    color: honeydew;
}

#modalCode.modal.show
{
    z-index: 1050 !important;
}

div.background
{
    z-index: 1050 !important;
}

.pagination .paging-first > a
{
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.pagination .paging-last > a
{
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

/* RADIO Y CHECK */