.width-100 {width: 100%; }
.fs-13{ font-size: 13px !important; }
.fs-14{ font-size: 14px !important; }
.fs-15{ font-size: 15px !important; }
.fs-16{ font-size: 16px !important; }
.fs-17{ font-size: 17px !important; }
.mt-025{ margin-top: 0.25rem !important; }
.mb-025{ margin-bottom: 0.25rem !important; }
/* TABLA - LISTADO */
.tbl-form table .ant-table-thead tr th{
    background-color: #0070a7 !important;
    color: #fff !important;
}
.tbl-form .ant-pagination-item{
    display: inline-block;
    min-width: 32px !important;
    height: 32px !important;
    margin-right: 8px !important;
    font-family: Arial;
    line-height: 30px !important;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    /* background-color: #fff !important;
    border: 1px solid #d9d9d9; */
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none !important;
    -moz-user-select: none;
    user-select: none !important;
}
.tbl-form .ant-pagination-jump-next, .ant-pagination-jump-prev, .ant-pagination-next, .ant-pagination-prev {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    color: rgba(0, 0, 0, .65);
    font-family: Arial;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
}
.tbl-form .ant-select-selection{
    font-size: 12px;
    border: none;
}
.tbl-form .ant-input{
    font-size: 12px;
    border: none;
}
.tbl-form .css-page-data .ant-select-selection{
    font-size: 12px;
    border: 1px solid #d9d9d9;
}
.tbl-form .css-page-data .ant-select-selection:hover {
    border-color: #40a9ff;
}

.tbl-form .form-componente-select{
    border: 1px solid #d9d9d9 !important;
    border-radius: 4px;
}


.text-xs {
    font-size: .7rem;
}

.text-xs-9 {
    font-size: .9rem;
}

.text-lg {
    font-size: 1.2rem;
}

.text-gray-100 {
    color: #f8f9fc !important;
}
  
.text-gray-200 {
    color: #eaecf4 !important;
}
  
.text-gray-300 {
    color: #dddfeb !important;
}
  
.text-gray-400 {
    color: #d1d3e2 !important;
}
  
.text-gray-500 {
    color: #b7b9cc !important;
}
  
.text-gray-600 {
    color: #858796 !important;
}
  
.text-gray-700 {
    color: #6e707e !important;
}
  
.text-gray-800 {
    color: #5a5c69 !important;
}
  
.text-gray-900 {
    color: #3a3b45 !important;
}

.text-black-200{
    color: #d4d6eb !important;
}
/* ################################# */
/* BORDER */
/* ################################# */
.border-left-primary {
    border-left: 0.25rem solid #4e73df !important;
}
  
.border-bottom-primary {
    border-bottom: 0.25rem solid #4e73df !important;
}
  
.border-left-secondary {
    border-left: 0.25rem solid #858796 !important;
}
  
.border-bottom-secondary {
    border-bottom: 0.25rem solid #858796 !important;
}
  
.border-left-success {
    border-left: 0.25rem solid #1cc88a !important;
}
  
.border-bottom-success {
    border-bottom: 0.25rem solid #1cc88a !important;
}
  
.border-left-info {
    border-left: 0.25rem solid #36b9cc !important;
}
  
.border-bottom-info {
    border-bottom: 0.25rem solid #36b9cc !important;
}
  
.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}
  
.border-bottom-warning {
    border-bottom: 0.25rem solid #f6c23e !important;
}
  
.border-left-danger {
    border-left: 0.25rem solid #e74a3b !important;
}
  
.border-bottom-danger {
    border-bottom: 0.25rem solid #e74a3b !important;
}
  
.border-left-light {
    border-left: 0.25rem solid #f8f9fc !important;
}
  
.border-bottom-light {
    border-bottom: 0.25rem solid #f8f9fc !important;
}
  
.border-left-dark {
    border-left: 0.25rem solid #5a5c69 !important;
}
  
.border-bottom-dark {
    border-bottom: 0.25rem solid #5a5c69 !important;
}


.scroll-to-top {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    display: none;
    width: 2.75rem;
    height: 2.75rem;
    text-align: center;
    color: #fff;
    background: rgba(90, 92, 105, 0.5);
    line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
    color: white;
}

.scroll-to-top:hover {
    background: #5a5c69;
}

.scroll-to-top i {
    font-weight: 800;
}