.icono-1x {
    font-size: 1.4em;
}

.icono-2x {
    font-size: 2em;
}

.icon-flat{
    height: 24px;
    width: 24px;
 }

.big-avatar {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50em;
    width: 92px;
    height: 92px;
    font-size: 14.4px;
}

.big-avatar-x{
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 162px;
    height: 162px;
    font-size: 16px;
}
.c-avatar-img-x {
    width: 100%;
    height: auto;
}

.file-img {
    width: 256px;
    height: auto;
}

.file-img-md{
    width: 256px;
    height: auto;
}


.file-img-big{
    width: 512px;
    height: auto;
}


.img-magnifier-container {
    position: relative;
  }
  
  .img-magnifier-glass {
    position: absolute;
    border: 3px solid #000;
    border-radius: 50%;
    cursor: none;
   
    width: 100px;
    height: 100px;
  }

  .zoom {
    margin: 0 auto;
  }
  
  .zoom:hover {
    transform: scale(1.5); 
  }

  .text-header-login{
      text-align: center;
      text-transform: uppercase;
     /* font-size: larger;*/
      font-weight: bold;
  }

  .separator-title {
    position: relative;
    color: #303133;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 1.6em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
}

.bg-info {
    background: var(--thm-info) !important;
    color:#f8fafc!important;
}


.bg-expenses {
    background: var(--thm-dark) !important;
    color:#f8fafc!important;
}

.bg-purchases {
    background: var(--thm-dark) !important;
    color:#f8fafc!important;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    white-space: nowrap;
    border: 1px solid;
    border-radius: 0.25rem;
    color: #768192;
    background-color: #ffffff!important;
    border-color: #ffffff!important;
}

.bk-white .dropify-wrapper{
    border: 0px !important;
}

.bk-white{
    background-color: #ffffff!important;
}

.el-switch.is-checked .el-switch__core {
    border-color: var(--thm-primary)!important;
    background-color: var(--thm-primary)!important;
}

.el-switch__label.is-active {
    color: var(--thm-primary)!important;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: var(--thm-primary)!important;
    background-color: #FFF;
    border-right-color: #DCDFE6;
    border-left-color: #DCDFE6;
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: var(--thm-secondary)!important;
}

.btn-primary {
    background-color: var(--thm-primary)!important;
    border-color: var(--thm-primary)!important;
    border-radius: 4px !important;
    color: var(--thm-color) !important;
}
.btn-primary:hover {
    background-color: var(--thm-secondary)!important;
    border-color: var(--thm-secondary)!important;
    border-radius: 8px !important;
    color: var(--thm-color) !important;
}


.el-button--primary {
    background-color: var(--thm-primary)!important;
    border-color: var(--thm-primary)!important;
    border-radius: 4px !important;
    color: #fff !important;
}

.el-button--primary:focus, .el-button--primary:hover {
    background: linear-gradient(118deg, var(--thm-secondary), rgba(11, 15, 46, 0.836));
    color: #fff !important;
    box-shadow: 0 0 10px 1px rgba(65, 20, 247, 0.7);
    border-radius: 4px !important;
    border-color: var(--thm-secondary);
}

.btn-custom {
    background: linear-gradient(118deg, #f87b15, rgba(247, 65, 20, 0.836))!important;
    color: #000 !important;
    border-color: #f87b15!important;
    border-radius: 4px !important;
}

.btn-custom:hover, .btn-custom.hover {
    background: linear-gradient(118deg, #f87b15, rgba(247, 65, 20, 0.836))!important;
    color: #fff !important;
    box-shadow: 0 0 10px 1px rgb(247 65 20 / 70%)!important;
    border-radius: 4px !important;
    border-color: var(--thm-secondary)!important;
}

.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
    margin-bottom: 0px!important;
}

.el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 0px!important;
}

.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
    line-height: 20px!important;
    margin-bottom: 0.5rem!important;
}

.text-danger {
    color: #ff000c !important;
}

.no-border{
    border: none !important;
}

.no-border .el-upload{
    border: none !important;
}


.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .avatar {
    width: 200px!important;
    height: auto!important;
}

.avatar-uploader-icon {
    font-size: 32px;
    color: #8c939d;
    width: 200px;
    max-width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    /*top: 50%;*/
    -ms-transform: translateY(45%);
    transform: translateY(45%);
}

.avatar_user{
    width: 92px!important;
    height: auto!important; 
}

.show_user_image{
    width: 256px!important;
    height: auto!important;  
}

.text-muted {
    color: #768192 !important;
}
small, .small {
    font-size: 80%!important;
    font-weight: 400!important;
}

.user_tit{
   font-size: small!important;
   font-weight: bold!important;
}

.zoom {
    padding: 10px;
    background-color: transparent;
    transition: transform .2s; 
    margin: 0 auto;
  }
  
  .zoom:hover {
    transform: scale(1.5); 
    z-index: 9999;
  }

  .invoice_label_item{
    font-size: 12px!important;
  }

   .customers-autocomplete li{
        line-height: normal;
        padding: 7px;
    }

    .customers-autocomplete .value {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .customers-autocomplete .link {
        font-size: 12px;
        color: #b4b4b4;
    }



    .c-main {
        padding-top: 1rem!important;
    }

    .card-tenant-dashboard .card-horizontal {
        display: table!important;
        width: 100%;
    }

    .card-tenant-dashboard .card-horizontal .card-header,
    .card-tenant-dashboard .card-horizontal .card-body,
    .card-tenant-dashboard .card-horizontal .card-footer {
        display: table-cell;
        vertical-align: middle;
    }
    
    .card-tenant-dashboard .card-horizontal .card-header {
        border-radius: 5px 0 0 5px !important;
    }
    
    .card-tenant-dashboard .card-horizontal .card-header + .card-body {
        border-radius: 0 5px 5px 0 !important;
    }
    
    .card-tenant-dashboard .card-horizontal .card-footer {
        border-radius: 0 5px 5px 0 !important;
        margin-top: 0;
    }

    .card-tenant-dashboard .card {
        background: #FFF;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        box-shadow: 2px 2px 10px #c0c0c0;
    }

    .card-tenant-dashboard .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 95px 5px 55px 5px !important;
    }

    .card-tenant-dashboard .card-body {
        background: #fdfdfd;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        border-radius: 5px;
    }

    .card-tenant-dashboard .card-header-icon {
        margin: 0 auto;
        font-size: 44.8px;
        font-size: 2.8rem;
        width: 90px;
        height: 90px;
        line-height: 90px;
        text-align: center;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 55px;
    }

    .font-weight-semibold {
        font-weight: 600 !important;
    }

    .text-muted {
        color: #999 !important;
    }

    .card-tenant-dashboard .card-header.bg-primary {
       /* background: linear-gradient(164deg, rgba(9,27,196,1) 0%, rgba(0,114,255,1) 100%);*/
        background: linear-gradient(164deg, rgb(84, 87, 116) 0%, rgb(86, 114, 149) 100%) !important;
        color: #FFF;
        border-bottom: 0 none;
        border-right: 0 none;
    }
/*
    .card-header.bg-info {
        background: linear-gradient(164deg, rgb(84, 87, 116) 0%, rgb(86, 114, 149) 100%) !important;
        color: #FFF;
        border-bottom: 0 none;
        border-right: 0 none;
    }*/


    .chartjs-render-monitor {
        height: 240px !important;
    }

    .dsb_title_1 {
        line-height: 20px;
        font-size: 16px;
        color: #232425;
        font-weight: 600 !important;
    }
    .totals_title_sm {
        line-height: 16px;
        font-size: 14px;
        color: #232425;
        font-weight: 600 !important;
    }

    .c-header .topbar-links {
        padding: 0 1.15rem;
        height: 100%;
        font-size: 13px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #777;
        font-weight: 600;
        line-height: 1;
        outline: none !important;
    }

    .c-header .topbar-links:hover {
        background-color: rgba(0, 0, 0, 0.05);
        text-decoration: none;
    }

    .c-header .topbar-links i {
        font-size: 14px;
        margin: 3px 0;
    }

    .c-header .topbar-links span {
        font-size: 12px;
    }

    .min-margin-bottom{
        margin-bottom: 0.1rem!important;
    }

    .el-statistic .head {
        margin-bottom: 4px;
        color: #000000!important;
        font-size: 18px!important;
        font-weight: bold!important;
    }

    .el-statistic .con .number {
        font-size: 24px!important;
    }

    .leads .el-statistic .con {
        color: #4C5C78!important;
        font-weight: bold!important;
    }

   .customers .el-statistic .con {
        color: #29A553!important;
        font-weight: bold!important;
    }

    .orders .el-statistic .con {
        color: #FF0000!important;
        font-weight: bold!important;
    }

    .documents .el-statistic .con {
        color: #005EC3!important;
        font-weight: bold!important;
    }
    
    .i-icon-1x{
        font-size: 1em;
    }
    
    .i-icon-2x{
        font-size: 2em;
    }
    
    .i-icon-3x{
        font-size: 3em;
    }  

    .text-success{
	    color: #50dc50!important;
    }

    .text-info{
        color: #4C5C78!important;
    }
   
    .text-vertical{
        writing-mode:vertical-lr !important;
    }

    .text-vertical-b{
        writing-mode:vertical-rl !important;
    }

    .text-vertical-c{
        writing-mode:vertical-rl !important;
    }

   /* para tablas declaraciones */
    .tit-tv{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        /* text-orientation: upright; */
    }

    .tit-tv-2{
        font-size: 10px;
        font-weight: bold !important;
        text-align: center;
        text-orientation: upright !important;
    }

    .f100p-colfull{
        width: 100%!important;
    }

    .f110-wd1-col1{
      width: 5%!important;
    }

    .f110-wd1-col2{
        width: 95%!important;
    }


    .f110-wd2-col1{
        width: 60%!important;
    }

    .f110-wd2-col2{
        width: 10%!important;
    }

    .f110-wd2-col3{
        width: 30%!important;
    }


    .f2593-gmun-col1{
        width: 55%!important;
    }
    .f2593-gmun-col2{
        width: 5%!important;
    }
     .f2593-gmun-col3{
        width: 10%!important;
    }