/*
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;}
#top_empresa_name, #top_empresa_name a{color:white !important;}

/***** 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;}
.dataTable td .actionLineTable{list-style-type: none;display:flex;padding-left:0;}
.dataTable td .actionLineTable li {margin-right:5px;font-size:18px;}

.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;}
/*.form-actions {text-align: left;}*/

/**************** AUTOCOMPLETE ******************/
.tt-hint {color: #999}
.tt-dropdown-menu {
  width: 422px;
  margin-top: 3px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {padding: 3px 20px;font-size: 14px;line-height: 20px;color: black;}
.tt-suggestion.tt-cursor {color: #fff;background-color: #0097cf;}
.tt-suggestion p {margin: 0;font-size: 14px;text-align: left;}
.twitter-typeahead {width: 100%;}

#form1 .dropzone {
    min-height: 230px;
    border: 2px dashed var(--vz-border-color);
    background: var(--vz-card-bg-custom);
    border-radius: 6px;
}

/*** FILEMANAGER *******************/
#container-ficheros-carpeta-list .icon{text-align:center;}
#container-ficheros-carpeta-list .icon i {font-size: 70px;color: #dadada;}
#container-ficheros-carpeta-list .image, #container-ficheros-carpeta-list .image .img-responsive, .card-picture .img-responsive {width: 100%;}
#container-ficheros-carpeta-list .card-picture{height:100%;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid{display: flex;flex-wrap: wrap;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_courses__single{display:block;margin: 0 0 20px;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_courses__single__inner {height: 100%;background-color: #fff;margin: 0;border: 1px solid #e9ebec;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_courses__single--image {width: auto;min-width: 100%;position: relative;margin: 0 0 15px;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_courses__single--image__container {overflow: hidden;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_lazy_image {position: relative;display: block;height: 0;width: 100%;padding-bottom: 66.6667%;-webkit-transform: translateZ(0);transform: translateZ(0);}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_courses__single--inner {padding: 0 20px 7px;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_courses__single--term {margin: 0 0 10px;color: #aaa;font-size: 13px;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_courses__single--title h5 {margin: 0;padding: 0 0 19px;font-size: 15px;line-height: 20px;border-bottom: 1px solid #e0e0e0;}
#container-ficheros-carpeta-list .row-imagenes.stm_lms_courses__grid .stm_lms_courses__single--meta {display: block;text-align: center;min-height: 28px;padding-top:20px;}

@media (min-width: 1200px){
    legend.subApartado {font-size: 1.2rem;}
    #myUploadFile .modal-xl {max-width: 80%;}
}

@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;}

}