/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/**** GENERALES *********************/
label.error {color: #cc5965;display: inline-block;margin-left: 5px;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.required {color: #A90329 !important;font-weight: bold;}
.ri-close-line.text-danger,.ri-check-fill.text-success{font-weight: 600;font-size: 0.9rem;}
a {color: #337ab7;text-decoration: none;}
a:hover{color: #0ab39c;}
.hide{display:none;}

/**** MENU ************************/
.navbar-menu .navbar-nav .nav-sm .nav-link.active, .navbar-menu .navbar-nav .nav-link.active {font-weight: 500;}

/***** BUTTONS *********************/
#botonera_index .w-xs, .form-actions .w-xs, .card-header-datatables .w-xs, .card-body .w-xs{min-width: 70px;padding: .1rem .5rem;}
#btn_remove_storage{min-width: 30px;padding: .1rem .1rem;}
.row.form-actions .btn{margin-bottom:10px;}

/*** DATATABLES ******************/
.table th {font-weight: 500;}
.table td {font-weight: 300;}
.dt-toolbar-footer{display:flex;}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {background-color: #eaf4f2;}
.table.dataTable tr.even.row_selected td, table.dataTable tr.odd.row_selected td, table tr.row_selected td {background-color: #f2dede;}
#datatable-grip a{color:#3577f1;}

.dataTables_info{font-size: 11px;}
#datatable-grip_paginate .page-link{padding: 0.25rem 0.5rem;font-size: .7109375rem;}
.dataTables_info{color: #878a99!important;}

/*** VIEWS *********************/
.dl-horizontal{margin-top: 0;margin-bottom: 20px;}
.dl-horizontal dt {font-weight: 700;}
.dl-horizontal dd, .dl-horizontal dt {line-height: 1.42857143;}
.dl-horizontal dd:before {display: table;content: " ";}
.dl-horizontal dd:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*** FORMS *********************/
.form-actions {padding: 13px 14px 15px;border-top: 1px solid  rgba(56,65,74,.15);margin-top: 35px;margin-bottom: 0px;text-align: right;}
.form-select,.form-control{border: 1px solid #e5e6e7;}
.form-select.invalid,.form-control.invalid {border-color:#f06548;}
.form-select.valid,.form-control.valid {border-color: #7DC27D;}
input:read-only {border:1px solid #e5e6e7 !important;}
.choices__item.choices__item--choice{color:#212529 !important;font-weight:300;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
#report-form-actions{text-align: left;}
#report-form-actions .col-md-12{padding-left: 0;}
#report-form-actions button{margin-bottom:10px;}

@media (min-width: 768px){
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {margin-left: 180px;}
}


@media (max-width: 575px){
    #botonera_index{justify-content:center;}
    .row.form-actions{text-align:center;}
    .dt-toolbar-footer{display:block;}
    .dt-toolbar-footer .col-12{margin-bottom:10px;}

}