/* Oculto estilos de objetos no usados */

/* GENERAL */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}
/* Buscador */
.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background-color: #8BC34A;
}

/* Secciones */
.multimedia{
	position: relative;
}

.multimedia .left-part{
	width:25%;
}

.multimedia .right-part {
    min-height: 100vh;
    overflow: auto;
    margin-left: 25%;
    width: 75%;
  
}
.multimedia .app-search a {
    position: absolute;
    top: 21px;
    right: 27px;
    color: #8898aa;
}

.multimedia .app-search .form-control{
	width: 100%;
}

.multimedia .app-search {
	margin-top: 0;
}


.multimedia .list-group-item{
    font-size: .9rem;
    font-weight: bold;   
    border-top: 1px;

}

.multimedia .right-part .card-header{
    font-weight: bold;
    font-size: 1.5rem;
}

.multimedia .editable {
    background: #eaf2fb;
    border: 1px dotted #263a84;
    padding: 2px;
    min-height: 28px;
    margin-bottom: 5px;
}

.exportar .fa, .exportar .fas {
    font-size: 3rem !important;
}

/* Modificar estilos tema*/

body {
    font-size: 14px;
    background: #edf1f5;
}

.font-medium {
    font-weight: normal;
}
.topbar {
    height: 40px;
}

.topbar .top-navbar {
    border-bottom: 1px solid #ccc;
    min-height: 40px;
}

.topbar .navbar-collapse {
    padding: 0;
}

.topbar .top-navbar .navbar-header {
    line-height: 40px;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    line-height: 40px;
    height: 40px;
}

.topbar .dropdown-menu {
        margin: 0;
        padding: 0;
}

.topbar .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    margin: -10px 0 0 40px;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    right: 10px;
}

.breadcrumb {
    line-height: 40px;
    display: flex;
    flex-wrap: wrap;
    padding:0;
    background-color: #edf1f5;
    font-size: 12px;
    margin: 0px;
}

.breadlink{
    padding: 0 5px 0 0;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
    padding-top: 40px;
}

.card {
   margin-bottom: 0px;
  /*   font-size: 12px; */
}

button i {
        margin-right: 10px;
}
#ventana_alerta li{
    line-height: 30px;
}

#ventana_proyecto .table td, #ventana_proyecto .table th{
    padding:0;
}

#ventana_proyecto button {
    padding: .2rem .5rem;
    margin-top: .3rem;
    font-size: 13px;
}

#ventana_proyecto button i{
    font-size: 12px;
}

.table td, .table th {
    padding: .4rem;
}


#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6], 
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] {
     background: #edf1f5;
}

@media (min-width: 768px){
        #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-header, 
        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header {
            width: 50px;
    }
        #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay].hide-sidebar .topbar .top-navbar .navbar-collapse, 
        #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse, 
        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
        margin-left: 50px;
    }
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    color: #fff;
    padding: 17px 13px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link {
    font-weight: 300;
}


.left-sidebar {
    padding-top: 40px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding: 2px 15px 6px;
}

i.fa, i.fas{
    font-size: 15px !important;
}

.tipo_usuario i.fa, .tipo_usuario i.fas{
     margin: 0 2px;
    color: #cccccc;

}
.tipo_usuario i.icono_activo, .tipo_usuario i.icono_activo{
    color: green;
    }

a.link {
    color: #2cb1e7;
    text-decoration: underline;
}

.oculta_btn{
        display: none;
}
ul{
    margin:0;
    padding:0;
}
li {list-style: none;}
.navbar-brand {

    font-size: 14px;
    line-height: 27px;
}
#control{
    position: fixed;
    background: #f5f7f9;
    width: 30vw;
    height: 40px;
    left: 30vw;
    z-index: 100;
    font-size: 12px;
    padding: 3px;
}
.control{
     display: none;
}
[contenteditable]:focus {
    background: #ffffff;
}

[contenteditable]:hover {
    background: #f4f4f4;
}
.table .editable {
    background: #eaf2fb;
    border: 1px dotted #263a84;
    padding: 2px;
    min-height: 28px;
    margin-bottom: 5px;
}
.chateable {
    background: #eaf2fb;
    border: 1px dotted #263a84;
    padding: 2px;
    min-height: 28px;
    margin-bottom: 5px;
    width: 100%;
}
.table .select_editable {
    background: #eaf2fb;
    border: 1px dotted #263a84;
    padding: 2px;
    min-height: 28px;
    margin-bottom: 5px;
    width:100%;
}
.table .no_editable {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 2px;
    text-align: right;
    min-height: 26px;
}

.table .buscable {
    background: #d9ffe1;
    border: 1px dotted #398426;
    padding: 2px;
    min-height: 28px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
    width:100%;
}

.titulo.editable{
    font-size: 16px;
    font-weight: 500;
    border: 1px dotted #263a84;
    padding: 4px;
    min-height: 28px;
    margin-bottom: 5px;
}
.subtitulo.editable{
    font-size: 13px;
    font-weight: 300;
    border: 1px dotted #263a84;
    padding: 4px;
    min-height: 28px;
     margin-bottom: 5px;
}
.precio_total, .precio_pieza{
    font-weight: 500;
}

.precio_total{
    font-size: 20px;
}

.editable {
   background: #eaf2fb;

}

.no_editable{
    background: #e5e5e5;
}

i.eliminar_registro, i.clonar_registro {
    color: #6f7cd2 !important;
    font-size: 24px !important;
}

/* formulario */

.sin_padding{
    padding: 0 !important;
}

/* bienvenida */
.bienvenida .card-header .fas {
    float: right;
    font-size: 24px !important;
}
.bienvenida .card-header {
    border-bottom: 1px solid #edf1f5;
    background: #fff;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}
.bienvenida .card-text .fas{
    font-size: 24px !important;
    margin-top: 2px;
}
.bienvenida .card-text{
    line-height: 15px;
}

.bienvenida .card-text.resultado{
    font-size: 20px;
    text-align: right;
    line-height: 22px;
}
.bienvenida .totales{
    font-size: 40px;
    font-weight: 500;
    float:right;
}

.go_pagina{
    cursor: pointer;
}

/* MODALES */

.modal-open .datepicker-dropdown{
    z-index: 2000 !important;
}

.modal-title {
    margin: 0;
}

.input-group-text {
   min-width: 42px;
   text-align: center;
}

.modal-header {
    background: #f3f5dc;
}

/* TABS */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #02648e;
    
}

.nav-tabs .nav-link {
    color: #00BEFF;
    font-size: 14px;
    font-weight: 600;
}

.nav-tabs .nav-link:hover {
    color: #1A8EB7;
}

/* FORM */

.form-empleado label{
    color: #a4a3a3;
}

.form-empleado input::placeholder {
  color: #dadbde;
  opacity: 1; /* Firefox */
}

.form-empleado input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #dadbde;
}

.form-empleado input::-ms-input-placeholder { /* Microsoft Edge */
 color: #dadbde;
}

.form-empleado .select-container, .form-presupuesto .select-container  {
   
    border: 1px solid #e9ecef;
   overflow: hidden;
   width: 100%;
   position:relative;
border-radius: 2px;
    border-radius: 2px;
    display: flex;
    padding: 0;
}
.form-empleado .select-container select, .form-presupuesto .select-container select {
   background: transparent;
   border: none;
   font-size: 14px;
   padding: 5px;
   width: 100%;
   height: 2rem;
}
.form-empleado .select-container select:focus, .form-presupuesto .select-container select:focus{ outline: none;}

.form-empleado .select-container::after, .form-presupuesto .select-container::after{
    font-family: fontawesome;
    font-weight: 900;
    content: "\f107";
    font-size: 20px;
    display: table-cell;
    padding-top: 0px;
    text-align: center;
    width: 30px;
    height: 100%;
    background-color: #d9d9d9;
    position: absolute;
    top: 0;
    right: 0px;
    pointer-events: none;
}

.selet-group-text {
    min-width: 38px;
    text-align: center;
}

.select-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #525f7f;
    text-align: center;
    background-color: #f7fafc;
    /* border: 1px solid #e9ecef; */
    /* border-radius: 2px; */
}

.sin_border{
    border: 0 !important;
}

/* Datepicker */

.datepicker {
    z-index:60 !important;
}

/* Solicitudes */
#solicitud .card-header {
  
    font-size: 1.2em;
}
.text_dias{
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-weight: 500;
    margin-top: 10px;

}
.text_subdias{
    font-size: .9rem;
    line-height: .9rem;
    text-align: center;
}
/* Solicitudes */

.periodo{
    margin-bottom: 5px;
    padding: 10px;
    background: #fbfbfb;
}
.periodo .fechas{
    display: inline;
    border: 0;
    padding: 5px;
    margin: 0px 5px 5px 0;
}
.periodo .horas {
    display: inline;
    padding: 5px;
    margin: 0px 5px 5px 0;
}
.periodo .justificante{
    display: block;
    float: right;
}
.periodo .justificar{
    cursor: pointer;
}
.periodo .justificante .fas{
    font-size: 24px !important;
}
.periodo.pendiente .fechas{

}

.periodo .form-group {
    margin-bottom: .5rem;
    width: 100%;
}
.card-footer .pendiente{
    color: #f90;
}
.periodo.aceptada .fechas{
   
}
.periodo.aceptada .titulo  {
    color: #03d800;
}

.card-footer .aceptada{
     color: #03d800;
}
.periodo.rechazada .fechas{
    
}
.periodo.rechazada .respuesta, .periodo.rechazada .titulo, .periodo.rechazada .observacion{
    color: #ff0000;
}

.periodo.pendiente .respuesta, .periodo.pendiente .titulo, .periodo.pendiente .observacion{
   color: #f90;
}
.card-footer .rechazada{
     color: #ff0000;
}
.periodo .titulo{
font-size: 20px;
    line-height: 22px;
   
   
}
.periodo .pidio{
font-size: 10px;
    margin-top: 5px;
    margin-bottom: 13px;
}
.periodo .dias{
    font-size: 26px;
    font-weight: bold;
    line-height: 24px;
   
    position: absolute;
    top: 0px;
    right: 0;
}

.periodo .horas_usadas{
    display: inline;
    font-size: 18px;
    font-weight: bold;
}

.activar .form-control{
    border:1px solid #4caf50;
}


/* Clientes */
.clientes .search-box {
    position: relative;
    display: flex;
}

/* Buscador */
.clientes .app-search{
    margin-top: 0;
}

.clientes .app-search .form-control {
    border-color: #d4d4d4;
}

.clientes h2, .clientes h5  {
    margin-top: 0rem;
}
.card-body.buscador {
    padding: 1rem;
}

/* tablas */
.table thead th {
    border-top: none;
    font-size: 12px;
}

/* imagenes */
.card-archivo .el-card-item .el-info .el-item {
    list-style: none;
    display: inline-block;
    margin: 3px;
}
.el-element-overlay .el-card-item {
    padding-bottom: 0px;
}

.el-element-overlay .el-card-item .el-card-avatar {
    margin-bottom: 0px;
}

.el-card-item  .el-info .el-item .el-link {
    border: none !important;
    padding: 4px !important;
}
.el-card-item  .el-info .el-item .el-link:hover{
    background-color: #2196F3;
}

.list-style-none.el-info{
    text-align: center;
}

.el-card-item .el-info .el-item .el-link i {
    font-size: 32px !important;
    margin: 3px;
}
.el-card-content .titulo_doc{
    font-size: 11px;
    margin: 1px;
    border: 1px dotted #ccc;
    padding: 3px;
}

.el-card-content .descripcion_doc{
    font-size:11px;
    color: #a5a5a5;
    margin: 1px;
    border: 1px dotted #ccc;
    padding: 3px;
    min-height: 30px;

}
.foto_grande, .foto_pequena{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.foto_pequena{
    width: 50px !important;
    height: 50px  !important;
}

.card-archivo{
    background: #edf1f5;
  
    }

.el-element-overlay .el-card-item .el-card-content {
    text-align: center;
    background: grey;
    position: absolute;
    width: 100%;
    top: 80%;
    padding: 3px;
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info{
    top: 80%;
}

.form-presupuesto .contiene_piezas .card-columns {
    column-count: 2;
}

.form-presupuesto .contiene_imagenes .card-columns {
    column-count: 4;
}

.form-iveco .card-columns {
    column-count: 4;
}

.form-empleado .card-columns { 
    column-count: 4;
}

.card-columns .pre_grupo{
    display: inline-block;
}

.card-columns .pre_grupo .select_editable{
    background: #eaf2fb;
    width: 100%;
    padding: 3px 5px;
    border: 1px dotted #ccc;
}


.ocultar {
    display: none !important;
}

/* USUARIOS, USERS */
.mini_user {
    float: left;
    display: inline-flex;
    background: #edf1f5;
    overflow: auto;
    padding: 5px;
    border-radius: 5px;
    margin: 2px;
    max-height: 40px;
    overflow: hidden;
    min-width: 153px;
    line-height: 32px;
}

.mini_user .foto_pequena {
    width: 30px !important;
    height: 30px !important;
}

.mini_user .nombre{
    margin:5px;
}

.mini_user i.fas{
    font-size: 24px !important;
    margin: 5px 0;
    color: #707cd2;
    cursor: pointer;
}
/* CHATS */

.chat_mensajes {
    padding: 25px;
    overflow: auto;
    max-height: 300px;
}
.chat_contenido .footer{
    background-color: rgba(0,0,0,.03);
}

.chat_mensajes .globo{
    width: 100%;
}
.chat_mensajes .texto{
    width: 95%;
}
.chat_mensajes .texto.tu{
    margin-left: 5%;
}
.chat_mensajes .texto.yo{
    margin-right: 5% !important;
    margin-left: 0 !important;
}
.chat_mensajes .tu .pidio{
    text-align: right;
}
.chat_mensajes .pidio{
    text-align: left;
    font-size: 12px;
}
.conversacion{
    display: flex;
}

.conversacion.inicio{
   display: block;
    margin-bottom: 5px;
    position: relative;
}

.conversacion .colapsa_titulo{
    display: block;
    margin-left: 20px;
    cursor: pointer;
}
.conversacion .respuesta{
    margin: 7px 3px;
}

.conversacion .respuesta .fas{
    font-size: 24px !important;
}

.globo{
    top: 20px;
    padding: 5px 10px;
    border-radius: 2px;
    font-family: sans-serif;
    z-index: 1;
    background-color: white;
    filter: drop-shadow(0px 0px 1px black);
    margin: 5px 3px;
}

.globo:before{
      content: '';
    position: fixed;
    z-index: -1;
    width: 10px;
    height: 10px;
    left: -5px;
    top: 8px;
    background-color: white;
    transform: skewX(45deg);
}
.globo.tu:before, .tu .globo:before{
    right: -5px;
    left: unset;<
    transform: skewX(135deg);

}

.globo.auto, .globo.auto:before{
     background-color: #f7f7f7;
}
i.fas.abrir_chat{
    font-size: 28px !important;
    color: #6f7cd2 !important;
}

#contenedor_chat{
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100%;
}
#chat{
    display:none !important;
}
.chat{
    position: absolute;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 6px grey;
    border-radius: 5px;
    display:block;
    min-width: 450px;
    max-width: 500px;
}
.chat .fas{
    font-size: 28px !important;
}

.align-right{
    text-align: right;
}
.align-left{
    text-align: left;
}