:root {
    --appcolor: #242939;
    --basecolor:#242939;
    --app2color: #545c64;
    --base2color: #545c64;
    --altcolor:#707bfd;
    --alt2color:white;
    --menuwidth:180px;
    --danger:#F56C6C;
    --warning:#E6A23C;
    --success:#409EFF;
    --info:#67C23A;
    --primary:#409EFF;
}

#footer{
    padding: 3px;
    bottom: 2px;
    text-align: center;
    font-size: 0.75em;
    font-family: initial;
    text-decoration: none;
    cursor: pointer;
    color:#2d2d2d;
}
#footer a{
    color:#2d2d2d;
}
.text-danger{
    color:var(--danger);
}
.text-warning{
    color:var(--warning);
}
.text-info{
    color:var(--info);
}
.text-success{
    color:var(--success);
}
.text-primary{
    color:var(--primary);
}
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
    background: var(--altcolor) !important;
    border-color: var(--altcolor)  !important;
    color: #FFF  !important;
}
.el-button--primary.is-plain {
    color: var(--altcolor)  !important;
    background: #707bfd2e  !important;
    border-color: #707bfd5c  !important;
}

body, .el-button, .el-input__inner, .el-input__inner::placeholder{
    font-family: 'Poppins', sans-serif;
}
.row, .container{
	margin-left:0;
	margin-right:0;
}

.content{
	margin-bottom:10px;
	margin-top:10px;
}

.m0{
    margin:0 !important;
}
.p0{
    padding:0 !important;
}
.w100{
    width:100%;
}

.form-control[readonly]{
    -webkit-box-shadow:inset 0 0 0 white;
       -moz-box-shadow:inset 0 0 0 white;
            box-shadow:inset 0 0 0 white;

    background: transparent;
    border:0;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.close{
    color:white;
}

::-moz-selection { 
    color: white;
    background: #3a5ec2;
}

::selection {
    color: white; 
    background: #3a5ec2;
}


.hidden{
    display:none;
}
.el-loading-mask{
    background:white !important;
    background-color:white !important;
    z-index:2050 !important;
}

html, body{
    margin: 0;
}
html{
    min-height:100vh
}
body{
    min-height: calc(100vh - 140px);
}
a{
    text-decoration:none;
}
.text-danger{
    color:#ff5454 !important;
}
.text-success{
    color:#3cd055 !important;
}
.text-warning{
    color:#f5b94b !important;
}
.text-info{
    color:#6cbbff !important;
}
.main-content{
    /*min-height: calc(100vh - 80px) !important;*/
    min-height: calc(100vh - 200px);
    margin-top: 125px;
    padding:25px 15px 15px;
}
.el-drawer__body{
    overflow-y:auto !important;
}
.to-right, .toright{
    display: flex;
    justify-content: flex-end;
}
.centered, .to-center{
    display: flex;
    justify-content: center;
}
.el-row, .el-select{
    width:100% !important;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner{
    width:auto !important;
}
.cardhead, .headcard, .headercard, .cardheader, .cardheading, .headingcard {
    border-bottom:2px solid #545c6473;
    padding:0 0 10px 0;
    margin-bottom:10px !important;
}
.cardfooter, .footercard, .footcard, .cardfoot{
    border-top:2px solid #545c6473;
    padding:10px 0 0 0;
    margin-top:10px !important;
}
.contenedor{
    width: 100%;
    min-height: 83vh;
}
.el-table__row--level-0{
 background:#f2f3f8 !important;
}

.tc{
    text-align:center !important;
}
.shadow{
    box-shadow:0px 0px 5px #00000038;
}
.ierror{
    border:1px solid #ff000085;
    border-radius:4px;
}
.thead{
    background: #545c6473;
    color: #303133;
}
.mb10{
    margin-bottom:10px;
}
.mbt10, .mtb10{
    margin:10px 0;
}
.m5{
    margin:5px;
}
.sysicon{
    color:var(--altcolor);
}
/* FONTS */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Poppins Regular'), local('Poppins-Regular'), url("../fonts/poppins.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Poppins Regular'), local('Poppins-Regular'), url("../fonts/poppins.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Poppins Regular'), local('Poppins-Regular'), url("../fonts/poppins-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}