/*
    DEMO STYLE
*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

i,
span {
    display: inline-block;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 20%;
    max-width: 20%;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    overflow-y: auto;
    max-height: 100vh;
}

#sidebar.active {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}

#sidebar ul.components {
    padding: 20px 0;
    /*border-bottom: 1px solid #47748b;*/
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #adb5bd;
    /*background: #fff;*/
}

#sidebar ul li a i {
    margin-right: 10px;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #46454a !important;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #46454a;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

ul a:not(.dropDown-toggle) {
    background: transparent;
}

ul ul ul a:not(.dropDown-toggle) {
    padding-left: 60px !important;
    /* background: transparent; */
}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 80%;
    padding: 2rem 2%;
    min-height: 90vh;
    transition: all 0.3s;
    max-width: 80%;
}

.fill{
    min-height:100vh;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.input-group > input, .input-group > select, .input-group > button{
    border-radius: 20px;
}

.ocultarlogin > div.login{
    padding: 0;
    max-width: 0;
}

.ocultarlogin > div.splash{
    max-width: 100%;
    flex: 0 0 100%;
}


.printBackground {   
    position: absolute;
    background-color: black;
    opacity: .5;
    width: 100%;
    height: 100%;
    z-index: 99999;
    left: 0;
    top: 0;
    transition: opacity .5s;
}

.printIframe {
    position: absolute;
    width: 80%;
    height: 90%;
    left: 10%;
    top: 5%;
    background: white;
    z-index: 999999;
    border: none;
    transition: all .4s;
}

.outScreen{
    left:-120%;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- 

@media (max-width: 768px) {
    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important;
    }
    .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
    #sidebar.active {
        margin-left: 0 !important;
    }
    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none;
    }
    #sidebar .sidebar-header strong {
        display: block;
    }
    #sidebar ul li a {
        padding: 20px 10px;
    }
    #sidebar ul li a span {
        font-size: 0.85em;
    }
    #sidebar ul li a i {
        margin-right: 0;
        display: block;
    }
    #sidebar ul ul a {
        padding: 10px !important;
    }
    #sidebar ul li a i {
        font-size: 1.3em;
    }
    #sidebar {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }

}
*/
.table thead th {
    vertical-align: bottom;
    /* border-bottom: 2px solid #dee2e6; */
    text-align: left;
    color: #9c9c9c;
    border: none;
    text-transform: none;
}

.btn, body, tbody tr td, thead tr th {
	font-size:small !important;
}

.width0 {
	width:0% !important;
	border-width: 0 !important;
}

.width100 {
	width:100% !important;
}

.button-content{
	float: left;
	margin-right: 4px;
	padding: 0.3rem .3rem;
	color: gray;
	background-color: white;
	border-color: gray;
    transition: all 0.3s;
}

.button-content.delete:hover{
	color: white;
	background-color: #e05a5a;
	border-color: transparent;
}

.button-content.edit:hover{
	color: white;
	background-color: #17a2b8;
	border-color: transparent;
}

.sidebar-border-right{
    border-right-color: #e2e2e2;
    border-right-style: solid;
    border-right-width: 2px;
}

.icon-size{    
    font-size: 19px;
    margin-right: 10px;
}

.icon-center{
    margin: 0 auto;
}

.icon-max-width{
    max-width: 100%;
}

#content > div.card{
    -webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.25);
    padding: 0;
    height:100%;
    overflow:hidden;
    border: none;
}

#content > div.card > .card-body{
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#content .top-menu{    
    min-height: 6vh;
    border-bottom: .5px #e4e4e4 solid;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

#content .btn-filter{
    margin: 1.2vh;
}

#content .btn-action{
    margin-left: 1.2vh;
    margin-top: 1.2vh;
    margin-bottom: 1.2vh;
    margin-right: 0;
    background-color: #f1f1f1;
    color: #797474;
    border-color: #dedede;
}

#content .btn-action > .row,
#content .btn-filter > .row{
    flex-wrap: nowrap;
    margin-right: 0;
    margin-left: 0;
}

#content .list{    
    height: 87vh; 
    min-height: 87vh;
    max-height: 87vh;
    overflow-y: hidden;
    background-color: white;
    width: 70%;
    display: inline-block;
    transition: all 0.3s;
    position: relative;
}

#content .filter{    
    min-height: 87vh;
    background-color: #f1f1f1;
    width: 30%;
    display: block;
    overflow: auto;
    transition: all 0.3s;
    border-left: .5px #e4e4e4 solid;
    float: right;
}

#content .filter > .header{    
    padding: .75rem;
    display: flex;
    vertical-align: bottom;
    border: none;
    text-align: left;
    color: #a7a4a4;
    font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
    font-size: 13px;
    border-bottom: 1px solid #dee2e6;
}

#content .filter .field,
.login .field,
.field{
    padding: 1rem 1rem 0rem 1rem;
}

#content .filter .field > label {    
    display: inherit;
    color: #8e8d8d;
}

#edit .field > label {    
    display: inherit;
    color: #8e8d8d;
    float: left;
    overflow: hidden;
}

#content .filter .field > input,
#content .filter .field > select { 
    -webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 11px -7px rgba(0,0,0,0.25);
    text-decoration: none;
    border-radius: 4px;
    border-style: solid;
    border-color: #dadada;
    border-width: 1px;
	width: 100%;
    min-height: 1.9rem;
    padding: 0 .2rem;
}

#edit .field,
#edit .frame,
.mapview .field
{
    float: left;    
}

#edit .breakLine,
.mapview .breakLine{
    clear: both;
}

#edit .field > input,
#edit .field > a > input,
#edit .field > select,
#edit .field > textarea,
#edit .field > .imgCheckbox{
    -webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 11px -7px rgba(0,0,0,0.25);
    text-decoration: none;
    border-radius: 4px;
    border-style: solid;
    border-color: #dadada;
    border-width: 1px;
    min-height: 1.9rem;
    padding: 0 .2rem;

}

#edit .field > a > input:hover{
    cursor: pointer;
    text-decoration: underline;
}

button.locked,
#edit .field > input.locked,
#edit .field > a > input.locked,
#edit .field > select.locked,
#edit .field > textarea.locked,
#edit .field > button.locked,
#edit .field > .imgCheckbox.locked{
    opacity: .5;
    cursor: not-allowed;
}

#content .filter .field > button{    
	width: 100%;
    background-color: #f1f1f1;
    color: #797474;
    border-color: #dedede;
}

#edit .field > button {    
    background-color: #f1f1f1;
    color: #797474;
    border-color: #dedede;
}

#content .list > .elements{    
    min-height: 76vh;
    max-height: 76vh;
    overflow-y: auto;
    background-color: white;
    width: 100%;
    display: inline-block;
}

.col-actions{
    width: 90px;
}

#content .list .Page{
    padding: 2vh;
    border-top: .5px #e4e4e4 solid;
}

#content .list .Page > .pagination{
    margin: 0;
}

#content .page-item,
#sidebar li{
    cursor: pointer;
}

.loader{
    position: absolute;
    top: 8rem;
    left: 50%;
    margin-left: -1rem;
    z-index: 9999;
}

.loader-center{
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    top: 50%;
    margin-top: -1rem;
    z-index: 9999;
}

.hidden,
.row-multi-selection.inactive{
    display:none;
}

.disabled{
    opacity: .8;
}

.active,
.content_active{
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                        supported by Chrome and Opera */
  }

  .tab-content .active,
  .nav-tabs .active{
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
  }

  #edit {
    background-color: whitesmoke;
    height: 93vh;
    min-height: 93vh;
    max-height: 93vh;
  }

  #edit .card-body{
    height: 93vh;
    min-height: 93vh;
    max-height: 93vh;    
  }

  #edit .card-body nav.top-nav{
      height: 5%;				    
  }

  #edit .card-body nav.top-nav .nav-tabs{      
    height: 100%;					    
  } 

#edit .card-body nav.bottom-nav{
    height: 7%;
	background-color: white;		    
} 
    
#edit .card-body .tab-content{
    height: 88%;
    min-height: 88%;
    max-height: 88%;
    overflow-x: auto;
    background-color: #ffffff;
}

#edit .card-body .tab-content .tab-pane{
    height: 100%;
    white-space: normal;
    width: max-content;
}

.fondoLogin{
    background-color: #ffffff;
	/*background-image:url('images/fondo.png');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;*/
	min-height: 100%;
    height: 100%;
}

#menuLG{
    background-color:#ffffff;
}

.errorlogin{
    position: absolute;
    z-index: 999999;
    left: 25%;
    margin-left: -25%;
    right: 75%;
    margin-right: -25%;
}

.hiddenOpacity{
    opacity: 0;
}


.splash{
    transition: .5s all;
}

.splash > div{
    /*background-image: url('../images/FondoLoginProclimaWeb.jpg');*/
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    min-height: 100%;
    height: 100%;
}

.loginImageEnterprise,
.loginCombo,
.login > form .field{
    max-width:515px;
    margin: 0 auto;
}

.login > form{
    box-shadow: none;
    -webkit-box-shadow: none; 
    border-radius: 0;
}

.login > form .field button{
    border: 0;
}

.login .version{
    display: inline-block;
    font-size: small;
}

.login {
    margin-bottom: 200px !important;
    overflow: hidden !important;
    transition: .5s all !important;
}

#importAndExportLoading{    
    position: absolute;
    left: 0;
    top: 0;
    background-color: black;
    opacity: .5;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

#importAndExportLoading > .loader{    
    text-align: center;
    position: absolute;
    top: 23rem;
    left: 50%;
    margin-left: -50%;
    right: 50%;
    margin-right: -50%;
    z-index: 9999;
}

#importAndExportLoading > .loader > .spinner-border{    
    top: 27rem;
    color: white;
}

#importAndExportLoading > .loader > span{
    color: white;
    display: block;
    margin-top: 1rem;		   
}

#charts{
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 93vh;
    flex-flow: wrap;
    overflow-y: auto;
}

#charts > .xChart{
    width:380px; 
    height: 380px;
    padding: 1.5rem;     
    float: left;
    margin: 0 auto;
    margin-top: 1rem;
}

.xPagination > ul{  
    margin-bottom: .5rem; 
}

.NoShowInlineButton{
    background-color: #fff;
    border-style: solid;
    border-width: .09rem;
    padding: .4rem;
    margin-left: 0.2rem;
}

.sumatoriosDiv{
    width: 100%;
    font-size:initial;
    height: 5vh;
    padding: 1vh;
    color: rgb(76, 75, 78);
    border-top: .5px #e4e4e4 solid;
}

.sumatoriosDiv > span {
    font-size: 85%;
    padding-right: .7rem;
    border-right-width: .6px;
    border-right-style: solid;
    padding-left: .7rem;
}

#ContentModal,
#EditModal{
    background-color: rgba(0,0,0,0.5);
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

:root{
    --day-min-height:100% !important;
    --calendar-buttons-color:#ffffff;
    --calendar-tabs-color:#f0f0f0;
    --calendar-tabs-background:#4c4b4e;
    --calendar-current-day-background:rgba(240, 240, 255, 0.4);
    --calendar-cell-selected-background:#8ad2ddea;
    --calendar-cell-selected-border-color: #148c9e;
    --calendar-cell-highlighted-background: #17a3b8;
    --calendar-cell-week-color: #ffffff;
    --calendar-cell-week-background: #4c4b4e;
    --calendar-cell-week-border-color: #ffffff;
}
.vuecal__view-btn {color: var(--calendar-buttons-color) !important;}
.vuecal__menu, .vuecal__cell-events-count {background-color: var(--calendar-tabs-background) !important;}
.vuecal__title-bar {background-color:var(--calendar-tabs-color) !important;}
.vuecal__cell--today, .vuecal__cell--current {background-color: var(--calendar-current-day-background) !important;}
.vuecal:not(.vuecal--day-view) .vuecal__cell--selected {background-color: var(--calendar-cell-selected-background) !important;}
.vuecal__cell--selected:before {border-color:var(--calendar-cell-selected-border-color) !important;}
/* Cells and buttons get highlighted when an event is dragged over it. */
.vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
/*.vuecal__cell-split--highlighted {background-color: var(--calendar-cell-highlighted-background) !important;}*/
/*.vuecal__arrow.vuecal__arrow--highlighted,
.vuecal__view-btn.vuecal__view-btn--highlighted {background-color: var(--calendar-cell-highlighted-background) !important;}
*/.vuecal__event.default_event {
    background-color:var(--calendar-cell-week-background);
    border-color:var(--calendar-cell-week-border-color);
    border-bottom-width: 1px;
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    color: var(--calendar-cell-week-color);
}
.vuecal__cell-events-count {
    width: 17px !important;
    min-width: 12px !important;
    height: 8px!important;
    border: none;
    margin: 1px;
    border-radius: 0 !important;
    line-height: initial !important;
    position: initial !important;
    color: transparent !important;
}

.vuecal__bg{
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#timepiker.visible{
    opacity: 1;
}

#timepiker.hidden{
    opacity:0;
}

#timepiker.displayNone{
    display:none;
}

#timepiker{
    width: 10rem;
	/*height: 5rem;*/
	background-color: #f1f1f1;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	position: absolute;
	overflow: hidden;
	transition: .2s;
	z-index: 9999;
	display: flex;
}

#timepiker > div {
    width: 50%;
	display: flex;
	flex-direction: column;
    background-color: #ffffff;
}

#timepiker > div > button {    
    border: none;
    background-color: transparent;
    text-decoration: none; 
    outline: none;
}

#timepiker > div > input {    
    outline: none;
    text-decoration: none;
    border: none;
    text-align: center;
    /* background: aliceblue; */
    padding: 5px;
    line-height: 5px;
    font-size: inherit;
    padding-left: 20px;
}

.VueCarousel-slide{
    text-align: center;
}

#_SEARCH_{
      max-height: 82vh;
}

@media (max-height: 760px){
  #content .filter {
    min-height: inherit;
  }

  #content .list {
    height: 82vh;
    min-height: 82vh;
    max-height: 82vh;
  }

  #content .list > .elements {
    min-height: 72vh !important;
    max-height: 72vh !important;
  }

  #_SEARCH_{
      max-height: 76vh;      
      overflow-y: auto;
  }

  #content > div.card > .card-body{      
    height: 100%;
    max-height: 100%;
    min-height: 100%;
  }

  .vuecal__view-btn{
      height:auto !important;
  }
}

.sidebar-background-device,
.sidebar-button{
    display: none;
}

.annadirElemento:after {
    content: 'Añadir elemento';
}

.exportarListado:after {
    content: 'Exportar Listado';
}

.importarListado:after {
    content: 'Importar Listado';
}

.imprimir:after {
    content: 'Imprimir';
}

.refresh:after {
    content: 'Refrescar';
}

.totals-calendarview{
    height: 5%;   
    display: flex; 
    align-items: center;  
    padding: 8px;background-color:var(--calendar-tabs-color)
}

.tabCalendar{
    height:5%;
}

.height83{
    height: 83% !important;
}

.height90{
    height: 90% !important;
}

/*dispositivos*/
@media screen 
  and (max-device-width: 455px) 
  and (max-device-height: 850px) 
  and (orientation: portrait)
   {


    .printIframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .outScreen{
        left:-320%;
    }

    #menuLG {
        background-color: #ffffff9c;
        height: 100vh;
    }

    .splash {
        position: absolute;
        height: 100vh;
        z-index: -1; 
        transition: .5s all;
    }

    .loginImageEnterprise {
        max-width: 100%;
        margin: 0 auto;
    }

    #sidebar {
        position: absolute;
        min-width: 75%;
        max-width: 75%;
        height: 100%;
        z-index: 9999;
        top: 7vh;
    }

    .sidebar-background-device{
        position: absolute;
        width: 100%;
        height: 93vh;
        top: 7vh;
        background-color: #02020242;
        display: initial;
        z-index: 9998;
        transition: .5s all;
    }

    .width0{
        width: 0% !important;
        max-width: 0% !important;
        min-width: 0% !important;
        border-width: 0 !important;
    }

    .hidden{
        display: none !important;
    }

    .sidebar-button{
        height: 7vh;
        padding: 1vh;
        display: initial;
    }

    .sidebar-button > button{
        height: 100%;
        width: 7vh;
        text-decoration: none;
        border: none;
        background: transparent;
        color: white;
        font-size: x-large;
        outline: none;
    }

    .sidebar-button > button.active{
        border-radius: 20%;
    }

    .wrapper {
        flex-direction: column;
    }

    #content {
        width: 100%;
        padding: 0;
        min-height: 93vh;
        height: 93vh;
        max-width: 100%;
    }

    .top-menu > button{
        overflow: hidden;
    }

    .top-menu .row{
        padding: 0 .5rem;
    }

    .top-menu span.textbutton{
        font-size: 11px;
        line-height: 19px;
        white-space: initial;
    }

    .icon-size {
        font-size: 13px;
        margin-right: 4px;
        line-height: 19px !important;
    }

    .activarMultiseleccion:after {
        content: 'Multiselección';
    }
    .annadirElemento:after {
        content: 'A. Elemento';
    }
    .exportarListado:after {
        content: 'Exp. Listado';
    }
    .importarListado:after {
        content: 'Imp. Listado';
    }
    .imprimir:after {
        content: 'Impr';
    }
    .refresh:after {
        content: 'Refr';
    }

    #content .list {        
        width: 100% !important;
        height: 87vh;
        min-height: 87vh;
        max-height: 87vh;
    }

    #content .filter {
        position: absolute;
        top: 7.7vh;
        right: 0;
        width: 100%;        
        z-index: 9;
    }

    #collList > span{
        font-size: 11px !important;
    }

    .errorlogin {
        width: 96%;
        left: 2%;
        top: 1%;
        margin:0;
        right:0;
    }

    .btn, body, tbody tr td, thead tr th {
        font-size: 11px !important;
    }

    .totals-calendarview{
        display: flex; 
        align-items: center;  
        padding: 8px;background-color:var(--calendar-tabs-color);
        overflow: hidden;
    }

    label {
        margin: 0 !important;
    }

    .field{
        padding: 0 !important;
    } 

    .login .field{
        padding: 1rem 3rem 0rem 3rem !important;
    }

    #content .filter .field{
        padding: 1rem 1rem 0rem 1rem !important;
    }

    .height83{
        height: 83% !important;
    }

    .height90{
        height: 88% !important;
    }

    #content .btn-action > .row,
    #content .btn-filter > .row{
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media screen 
  and (max-device-width: 850px) 
  and (max-device-height: 455px) 
  and (orientation: landscape)
   {
    .printIframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .outScreen{
        left:-320%;
    }


    #content .list > .elements {
        min-height: 61vh !important;
        max-height: 61vh !important;
    }

    #menuLG {
        background-color: #ffffff9c;
        height: 100vh;
    }

    .splash {
        position: absolute;
        height: 100vh;
        z-index: -1; 
        transition: .5s all;
    }

    .loginImageEnterprise {
        max-width: 100%;
        margin: 0 auto;
    }

    #sidebar {
        position: absolute;
        min-width: 35%;
        max-width: 35%;
        height: 91vh;
        z-index: 9999;
        top: 9vh;
    }

    .sidebar-background-device{
        position: absolute;
        width: 100%;
        height: 91vh;
        top: 9vh;
        background-color: #02020242;
        display: initial;
        z-index: 9998;
        transition: .5s all;
    }

    .width0{
        width: 0% !important;
        max-width: 0% !important;
        min-width: 0% !important;
        border-width: 0 !important;
    }

    .hidden{
        display: none !important;
    }

    .sidebar-button{
        height: 9vh;
        padding: 1vh;
        display: initial;
    }

    .sidebar-button > button{
        height: 100%;
        width: 10vh;
        text-decoration: none;
        border: none;
        background: transparent;
        color: white;
        font-size: x-large;
        outline: none;
    }

    .sidebar-button > button.active{
        border-radius: 20%;
    }

    .wrapper {
        flex-direction: column;
    }

    #content {
        width: 100%;
        padding: 0;
        min-height: 91vh;
        height: 91vh;
        max-width: 100%;
    }

    .top-menu > button{
        overflow: hidden;
    }

    .top-menu .row{
        padding: 0 .5rem;
    }

    .top-menu span.textbutton{
        font-size: 11px;
        line-height: 19px;
        white-space: initial;
    }

    .icon-size {
        font-size: 13px;
        margin-right: 4px;
        line-height: 19px !important;
    }

    .activarMultiseleccion:after {
        content: 'Multiselección';
    }
    .annadirElemento:after {
        content: 'A. Elemento';
    }
    .exportarListado:after {
        content: 'Exp. Listado';
    }
    .importarListado:after {
        content: 'Imp. Listado';
    }
    .imprimir:after {
        content: 'Impr';
    }
    .refresh:after {
        content: 'Refr';
    }

    #content .list {        
        width: 100% !important;
        height: 87vh;
        min-height: 87vh;
        max-height: 87vh;
    }

    #content .filter {
        position: absolute;
        top: 11.7vh;
        right: 0;
        width: 100%;        
        z-index: 9;
    }

    #collList > span{
        font-size: 11px !important;
    }

    .errorlogin {
        width: 96%;
        left: 2%;
        top: 1%;
        margin:0;
        right:0;
    }

    .btn, body, tbody tr td, thead tr th {
        font-size: 11px !important;
    }

    .totals-calendarview{
        display: flex; 
        align-items: center;  
        padding: 8px;background-color:var(--calendar-tabs-color);
        overflow: hidden;
    }

    label {
        margin: 0 !important;
    }

    .field{
        padding: 0 !important;
    } 

    .login .field{
        padding: 1rem 3rem 0rem 3rem !important;
    }

    #content .filter .field{
        padding: 1rem 1rem 0rem 1rem !important;
    }

    #_SEARCH_{
        max-height: 64vh;
    }

    .tabCalendar{
        height:8%;
    }

    .height83{
        height: 68% !important;
    }

    .height90{
        height: 74% !important;
    }

    #edit .card-body nav.top-nav {
        height: 9%;
    }

    #edit .card-body .tab-content {
        height: 79%;
        min-height: 79%;
        max-height: 79%;
    }

    #edit .card-body nav.bottom-nav {
        height: 9%;
    }

    #content .btn-action > .row,
    #content .btn-filter > .row{
        margin-right: -15px;
        margin-left: -15px;
    }
}