/* css generales o muy comunes a todas las vistas*/

/* =======================================
     login
 ========================================= */


#statistics-chart {
    width: 100%;
    height: 500px;
}


.login-img-bg {
    background-size: cover!important;
    background: url(../../images/valorauto/OfficeMockup.png) no-repeat center center fixed;
    height: 100%;
    width: 100%;
}

.welcome-img-bg {
    background-size: cover!important;
    background: url(../../images/valorauto/PaperMockup.png) no-repeat center center fixed;
    height: 100%;
    width: 100%;
}

.register-img-bg {
    background-size: cover;
    background: url(../../images/valorauto/OfficeMockup.png) no-repeat center center fixed;
    height: 100%;
    width: 80%;
}

/* =======================================
 caja bienvenidos
 ========================================= */
.box-trans{
    background-color: rgba(255,255,255,0.8);
    padding:40px;
}
/* =======================================
    menu horizontal listas desplegables del menú horizontal
 ========================================= */
.pcoded .pcoded-header[header-theme="theme1"] {
    background: #fff;
}
.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
  margin-top:-27px;
}
.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child {
    padding: 0.2em 20px;
}

.logout-position{
    margin-top:20px;
    /*margin-right:20px;*/
}
.logout-backg{
    background-color:#051d41;
    cursor:pointer;
}
.logout-backg:hover{
    background-color:#b52b2b;
}
.notif-position{
    /*margin-top:30px;*/
}
.notif-backg{
    background-color:#FC6180;
    cursor:pointer;
}
.notif-backg:hover{
    background-color:#b52b2b;
}
.dropdown-menu {
    min-width: 97px;,
}
.badge-cm {
    border-radius: 2px;
    padding: 5px 7px;
}
.border0{
    border:0px;
}

/*animation awesome icons*/
@-moz-keyframes wrench{
    0%{-moz-transform:rotate(-12deg)}
    8%{-moz-transform:rotate(12deg)}
    10%{-moz-transform:rotate(24deg)}
    18%{-moz-transform:rotate(-24deg)}
    20%{-moz-transform:rotate(-24deg)}
    28%{-moz-transform:rotate(24deg)}
    30%{-moz-transform:rotate(24deg)}
    38%{-moz-transform:rotate(-24deg)}
    40%{-moz-transform:rotate(-24deg)}
    48%{-moz-transform:rotate(24deg)}
    50%{-moz-transform:rotate(24deg)}
    58%{-moz-transform:rotate(-24deg)}
    60%{-moz-transform:rotate(-24deg)}
    68%{-moz-transform:rotate(24deg)}
    75%{-moz-transform:rotate(0deg)}}
@-webkit-keyframes wrench{
    0%{-webkit-transform:rotate(-12deg)}
    8%{-webkit-transform:rotate(12deg)}
    10%{-webkit-transform:rotate(24deg)}
    18%{-webkit-transform:rotate(-24deg)}
    20%{-webkit-transform:rotate(-24deg)}
    28%{-webkit-transform:rotate(24deg)}
    30%{-webkit-transform:rotate(24deg)}
    38%{-webkit-transform:rotate(-24deg)}
    40%{-webkit-transform:rotate(-24deg)}
    48%{-webkit-transform:rotate(24deg)}
    50%{-webkit-transform:rotate(24deg)}
    58%{-webkit-transform:rotate(-24deg)}
    60%{-webkit-transform:rotate(-24deg)}
    68%{-webkit-transform:rotate(24deg)}
    75%{-webkit-transform:rotate(0deg)}}
@-o-keyframes wrench{
    0%{-o-transform:rotate(-12deg)}
    8%{-o-transform:rotate(12deg)}
    10%{-o-transform:rotate(24deg)}
    18%{-o-transform:rotate(-24deg)}
    20%{-o-transform:rotate(-24deg)}
    28%{-o-transform:rotate(24deg)}
    30%{-o-transform:rotate(24deg)}
    38%{-o-transform:rotate(-24deg)}
    40%{-o-transform:rotate(-24deg)}
    48%{-o-transform:rotate(24deg)}
    50%{-o-transform:rotate(24deg)}
    58%{-o-transform:rotate(-24deg)}
    60%{-o-transform:rotate(-24deg)}
    68%{-o-transform:rotate(24deg)}
    75%{-o-transform:rotate(0deg)}}
@-ms-keyframes wrench{
    0%{-ms-transform:rotate(-12deg)}
    8%{-ms-transform:rotate(12deg)}
    10%{-ms-transform:rotate(24deg)}
    18%{-ms-transform:rotate(-24deg)}
    20%{-ms-transform:rotate(-24deg)}
    28%{-ms-transform:rotate(24deg)}
    30%{-ms-transform:rotate(24deg)}
    38%{-ms-transform:rotate(-24deg)}
    40%{-ms-transform:rotate(-24deg)}
    48%{-ms-transform:rotate(24deg)}
    50%{-ms-transform:rotate(24deg)}
    58%{-ms-transform:rotate(-24deg)}
    60%{-ms-transform:rotate(-24deg)}
    68%{-ms-transform:rotate(24deg)}
    75%{-ms-transform:rotate(0deg)}}
@keyframes wrench{
    0%{transform:rotate(-12deg)}
    8%{transform:rotate(12deg)}
    10%{transform:rotate(24deg)}
    18%{transform:rotate(-24deg)}
    20%{transform:rotate(-24deg)}
    28%{transform:rotate(24deg)}
    30%{transform:rotate(24deg)}
    38%{transform:rotate(-24deg)}
    40%{transform:rotate(-24deg)}
    48%{transform:rotate(24deg)}
    50%{transform:rotate(24deg)}
    58%{transform:rotate(-24deg)}
    60%{transform:rotate(-24deg)}
    68%{transform:rotate(24deg)}
    75%{transform:rotate(0deg)}}
.faa-wrench.animated,.faa-wrench.animated-hover:hover{
    -moz-animation:wrench 2.5s ease infinite;
    -moz-transform-origin-x:90%;
    -moz-transform-origin-y:35%;
    -moz-transform-origin-z:initial;
    -webkit-animation:wrench 2.5s ease infinite;
    -webkit-transform-origin-x:90%;
    -webkit-transform-origin-y:35%;
    -webkit-transform-origin-z:initial;
    -ms-animation:wrench 2.5s ease infinite;
    -ms-transform-origin-x:90%;
    -ms-transform-origin-y:35%;
    -ms-transform-origin-z:initial;
    animation:wrench 2.5s ease infinite;
    transform-origin-x:90%;
    transform-origin-y:35%;
    transform-origin-z:initial}
@-moz-keyframes ring{
    0%{-moz-transform:rotate(-15deg)}
    2%{-moz-transform:rotate(15deg)}
    4%{-moz-transform:rotate(-18deg)}
    6%{-moz-transform:rotate(18deg)}
    8%{-moz-transform:rotate(-22deg)}
    10%{-moz-transform:rotate(22deg)}
    12%{-moz-transform:rotate(-18deg)}
    14%{-moz-transform:rotate(18deg)}
    16%{-moz-transform:rotate(-12deg)}
    18%{-moz-transform:rotate(12deg)}
    20%{-moz-transform:rotate(0deg)}

    0%{-webkit-transform:rotate(-15deg)}
    2%{-webkit-transform:rotate(15deg)}
    4%{-webkit-transform:rotate(-18deg)}
    6%{-webkit-transform:rotate(18deg)}
    8%{-webkit-transform:rotate(-22deg)}
    10%{-webkit-transform:rotate(22deg)}
    12%{-webkit-transform:rotate(-18deg)}
    14%{-webkit-transform:rotate(18deg)}
    16%{-webkit-transform:rotate(-12deg)}
    18%{-webkit-transform:rotate(12deg)}
    20%{-webkit-transform:rotate(0deg)}
}
@-ms-keyframes ring{
    0%{-ms-transform:rotate(-15deg)}
    2%{-ms-transform:rotate(15deg)}
    4%{-ms-transform:rotate(-18deg)}
    6%{-ms-transform:rotate(18deg)}
    8%{-ms-transform:rotate(-22deg)}
    10%{-ms-transform:rotate(22deg)}
    12%{-ms-transform:rotate(-18deg)}
    14%{-ms-transform:rotate(18deg)}
    16%{-ms-transform:rotate(-12deg)}
    18%{-ms-transform:rotate(12deg)}
    20%{-ms-transform:rotate(0deg)}
}
@keyframes ring{
    0%{transform:rotate(-15deg)}
    2%{transform:rotate(15deg)}
    4%{transform:rotate(-18deg)}
    6%{transform:rotate(18deg)}
    8%{transform:rotate(-22deg)}
    10%{transform:rotate(22deg)}
    12%{transform:rotate(-18deg)}
    14%{transform:rotate(18deg)}
    16%{transform:rotate(-12deg)}
    18%{transform:rotate(12deg)}
    20%{transform:rotate(0deg)}
}
.faa-ring.animated,.faa-ring.animated-hover:hover{
    -moz-animation:ring 2s ease infinite;
    -moz-transform-origin-x:50%;
    -moz-transform-origin-y:0;
    -moz-transform-origin-z:initial;
    -webkit-animation:ring 2s ease infinite;
    -webkit-transform-origin-x:50%;
    -webkit-transform-origin-y:0;
    -webkit-transform-origin-z:initial;
    -ms-animation:ring 2s ease infinite;
    -ms-transform-origin-x:50%;
    -ms-transform-origin-y:0;
    -ms-transform-origin-z:initial;
    animation:ring 2s ease infinite;
    transform-origin-x:50%;
    transform-origin-y:0;
    transform-origin-z:initial
}
@-moz-keyframes vertical{
    0%{-moz-transform:translate(0,-3px)}
    4%{-moz-transform:translate(0,3px)}
    8%{-moz-transform:translate(0,-3px)}
    12%{-moz-transform:translate(0,3px)}
    16%{-moz-transform:translate(0,-3px)}
    20%{-moz-transform:translate(0,3px)}
    22%{-moz-transform:translate(0,0)}}
@-webkit-keyframes vertical{
    0%{-webkit-transform:translate(0,-3px)}
    4%{-webkit-transform:translate(0,3px)}
    8%{-webkit-transform:translate(0,-3px)}
    12%{-webkit-transform:translate(0,3px)}
    16%{-webkit-transform:translate(0,-3px)}
    20%{-webkit-transform:translate(0,3px)}
    22%{-webkit-transform:translate(0,0)}}
@-ms-keyframes vertical{
    0%{-ms-transform:translate(0,-3px)}
    4%{-ms-transform:translate(0,3px)}
    8%{-ms-transform:translate(0,-3px)}
    12%{-ms-transform:translate(0,3px)}
    16%{-ms-transform:translate(0,-3px)}
    20%{-ms-transform:translate(0,3px)}
    22%{-ms-transform:translate(0,0)}}
@keyframes vertical{
    0%{transform:translate(0,-3px)}
    4%{transform:translate(0,3px)}
    8%{transform:translate(0,-3px)}
    12%{transform:translate(0,3px)}
    16%{transform:translate(0,-3px)}
    20%{transform:translate(0,3px)}
    22%{transform:translate(0,0)}}
.faa-vertical.animated,.faa-vertical.animated-hover:hover{
    -moz-animation:vertical 2s ease infinite;
    -webkit-animation:vertical 2s ease infinite;
    -ms-animation:vertical 2s ease infinite;
    animation:vertical 2s ease infinite}
@-moz-keyframes horizontal{
    0%{-moz-transform:translate(0,0)}
    6%{-moz-transform:translate(5px,0)}
    12%{-moz-transform:translate(0,0)}
    18%{-moz-transform:translate(5px,0)}
    24%{-moz-transform:translate(0,0)}
    30%{-moz-transform:translate(5px,0)}
    36%{-moz-transform:translate(0,0)}}
@-webkit-keyframes horizontal{
    0%{-webkit-transform:translate(0,0)}
    6%{-webkit-transform:translate(5px,0)}
    12%{-webkit-transform:translate(0,0)}
    18%{-webkit-transform:translate(5px,0)}
    24%{-webkit-transform:translate(0,0)}
    30%{-webkit-transform:translate(5px,0)}
    36%{-webkit-transform:translate(0,0)}}
@-ms-keyframes horizontal{
    0%{-ms-transform:translate(0,0)}
    6%{-ms-transform:translate(5px,0)}
    12%{-ms-transform:translate(0,0)}
    18%{-ms-transform:translate(5px,0)}
    24%{-ms-transform:translate(0,0)}
    30%{-ms-transform:translate(5px,0)}
    36%{-ms-transform:translate(0,0)}}
@keyframes horizontal{
    0%{transform:translate(0,0)}
    6%{transform:translate(5px,0)}
    12%{transform:translate(0,0)}
    18%{transform:translate(5px,0)}
    24%{transform:translate(0,0)}
    30%{transform:translate(5px,0)}
    36%{transform:translate(0,0)}}
.faa-horizontal.animated,.faa-horizontal.animated-hover:hover{
    -moz-animation:horizontal 2s ease infinite;
    -webkit-animation:horizontal 2s ease infinite;
    -ms-animation:horizontal 2s ease infinite;
    animation:horizontal 2s ease infinite}
@-moz-keyframes flash{
    0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
@-webkit-keyframes flash{
    0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
@-ms-keyframes flash{
    0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
@keyframes flash{
    0%,100%,50%{opacity:1}25%,
    75%{opacity:0}
}
.faa-flash.animated,.faa-flash.animated-hover:hover{
   -moz-animation:flash 2s ease infinite;
    -webkit-animation:flash 2s ease infinite;
    -ms-animation:flash 2s ease infinite;
    animation:flash 2s ease infinite
}
@-moz-keyframes bounce{0%,100%,20%,50%,80%{
    -moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-15px)}
    60%{-moz-transform:translateY(-15px)}
}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{
    -webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-15px)}
    60%{-webkit-transform:translateY(-15px)}
}
@-ms-keyframes bounce{0%,100%,20%,50%,80%{
    -ms-transform:translateY(0)}
    40%{-ms-transform:translateY(-15px)}
    60%{-ms-transform:translateY(-15px)}
}
@keyframes bounce{0%,10%,20%,50%,80%{
    transform:translateY(0)}
    40%{transform:translateY(-15px)}
    60%{transform:translateY(-15px)}
}
.faa-bounce.animated,.faa-bounce.animated-hover:hover{
    -moz-animation:bounce 2s ease infinite;
    -webkit-animation:bounce 2s ease infinite;
    -ms-animation:bounce 2s ease infinite;
    animation:bounce 2s ease infinite
}
@-moz-keyframes spin{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(359deg)}
}
@-webkit-keyframes spin{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg)}
}
@-ms-keyframes spin{
    0%{-ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(359deg)}
}
@keyframes spin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(359deg)}
}
.faa-spin.animated,.faa-spin.animated-hover:hover{
    -moz-animation:spin 1.5s linear infinite;
    -webkit-animation:spin 1.5s linear infinite;
    -ms-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite
}
@-moz-keyframes float{
    0%{-moz-transform:translateY(0)}
    50%{-moz-transform:translateY(-6px)}
    100%{-moz-transform:translateY(0)}
}
@-webkit-keyframes float{
    0%{-webkit-transform:translateY(0)}
    50%{-webkit-transform:translateY(-6px)}
    100%{-webkit-transform:translateY(0)}
}
@-ms-keyframes float{
    0%{-ms-transform:translateY(0)}
    50%{-ms-transform:translateY(-6px)}
    100%{-ms-transform:translateY(0)}
}
@keyframes float{
    0%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
    100%{transform:translateY(0)}
}
.faa-float.animated,.faa-float.animated-hover:hover{
    -moz-animation:float2slinearinfinite;
    -webkit-animation:float 2s linear infinite;
    -ms-animation:float 2s linear infinite;
    animation:float 2s linear infinite
}
@-moz-keyframes pulse{
    0%{-moz-transform:scale(1.1)}
    50%{-moz-transform:scale(.8)}
    100%{-moz-transform:scale(1)}
}
@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(1)}
    50%{-webkit-transform:scale(.8)}
    100%{-webkit-transform:scale(1)}
}
@-ms-keyframes pulse{
    0%{-ms-transform:scale(1.1)}
    50%{-ms-transform:scale(.8)}
    100%{-ms-transform:scale(1)}
}
@keyframes pulse{
    0%{transform:scale(1.1)}
    50%{transform:scale(.8)}
    100%{transform:scale(1)}
}
.faa-pulse.animated,.faa-pulse.animated-hover:hover{
    -moz-animation:pulse 2s linear infinite;
    -webkit-animation:pulse 2s linear infinite;
    -ms-animation:pulse 2s linear infinite;
    animation:pulse 2s linear infinite
}
.faa-shake.animated,.faa-shake.animated-hover:hover{
    -webkit-animation:wrench 2.5s ease infinite
}
/* =======================================
     DATATABLES
 ========================================= */

.btn-datatable {
    font-size: 16px;
    padding:1px 3px 1px 3px;
    text-align:center;
    margin-left:6px;
}

.btn i {
    margin-right: 0px;
}

.row-delete{
    background: #ff797e!important;
}

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

.dataTables_wrapper .dataTables_processing {
   background-color: #051d41;
   color:#fff;
}

th {
    font-weight:600;
}

/*para botones no margin botton*/
.display-inline{
    display: inline!important;
}

/*=============================================
tooltips y pophovers, buttons
===========================================*/

.a-white{
    color:#fff!important;
}

.pointer{
    cursor:pointer!important;
}

.btn-today{
    color:white!important;
    background-color: #051d41!important;
}
.btn-today:hover{
    color:#051d41!important;
    background-color: #fff!important;
}
.disabled{
    /*background-color:#ccc!important;*/
    /*color:#888;*/
    opacity:0.5;
    cursor:no-drop!important;
}
/*=============================================
SELECT 2 CUSTOM
===========================================*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
     line-height: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #fff;
    color: #000;
    padding: 0.5rem 0.75rem;
}

.select2-container--default .select2-selection--single {
    color: #051d41;
    height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
    left:100%;
    top:30%;
}

/*
    READONLY COMO PROPIEDAD
 */
select[readonly].select2 + .select2-container, select[readonly].select2-ajax + .select2-container {
    pointer-events: none;
    touch-action: none;
}

.select2-selection {
    background: #eee;
    box-shadow: none;
}

.select2-selection__arrow,
.select2-selection__clear {
    display: none;
}
/*
    FIN READONLY COMO PROPIEDAD
 */


/*=========================================
caja cabecera titulos secciones
=========================================*/

.main-body .page-wrapper .page-header {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 20px;
}

.title-page{
    margin-bottom:0px!important;
    font-size: 1.3rem;
}

/*=========================================
layout principal theme modificado
=========================================*/
body{
    font-size: 0.8em;
    line-height: normal;
}

.main-body .page-wrapper {
     padding: 0px;
}
.card {
    margin-bottom: 15px;
}
.card .card-block .sub-title {
    color: #051d41;
}

.sub-title h4 {
    color: #051d41;
}

.main-body .page-wrapper .page-header {
    margin-bottom: 15px;
    padding-top:10px;
    padding-bottom:10px;
}
/*1. modificaciones plantilla: menú vertical :reducir ancho*/

.main-menu {
    width: 220px;
}
.pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-content {
    margin-left: 220px;
}
.pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-header .pcoded-left-header, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-navbar {
    width: 220px;
}

.pcoded-wrapper{
    padding-top: 50px;
}

.header-navbar .navbar-wrapper .navbar-logo {
    width: 220px;
}
/*flechitas a la izq de los items del menú vertical*/

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style6"] .pcoded-submenu li > a .pcoded-mtext:before {
    content: '';
    font-family: 'themify';
    padding-right: 0px;
    font-size: 8px;
}
/*=======================================
MODAL CUSTOM
=======================================*/
.modal-header {
   background-color: #051d41;
    color:#fff;
}
/*=========================================
BOX DESPLEGABLE PARA FILTROS STYLE
========================================*/
.header-filters{
    border:1px solid #051d41;
    border-radius:5px;
}
.header-filters:hover{
    border:1px solid #051d41;
    background-color: #051d41;
}
.header-filters a{
    color:#051d41!important;
}
.header-filters a:hover{
    color:#fff!important;
}
.input-group {
     margin-bottom: 0;
}
/* =======================================
  margins, font colors....
 ========================================= */
.img-responsive-custom{
    max-width:100%;
    height:auto;
}
.height-full {
    min-height: calc(100vh - 80px);
}

.height-content-full {
    min-height: calc(100vh - 180px);
}
.mt20{
    margin-top:20px;
}
.mt10{
    margin-top:10px;
}
.mt5{
    margin-top: 5px;
}
.mt-10{
    margin-top:-10px;
}
.mb10{
    margin-bottom:10px!important;
}
.green{
    color:#73993a!important;
}
.orange{
    color:orange!important;
}
.corporative-bg{
    background-color: #051d41!important;
}
.corporative2-bg{
    background-color:#ACADB3 !important;
}
.f-w-800{
 font-weight: 800!important;
}
.anti-row{
    margin-right:0px;
    margin-left:0px;
}

.p5{
    padding: 5px!important;
}

.plr0{
    padding-left:0px;
    padding-right:0px;
}
.plr5{
    padding-left:5px!important;
    padding-right:5px!important;
}
.plr15{
    padding-left:15px!important;
    padding-right:15px!important;
}
.pl15{
    padding-left:15px!important;
}
.pl10{
    padding-left:10px!important;
}
.input-group-addon {
    background-color: #e9ecef;
    color: #8c8c8c;
}
.input-group span {
    cursor: text;
}

.item-row-bg{
    cursor: pointer;
 }
.item-row-bg:hover{
    background-color: #051d41!important;
    color:#fff;
}

.form-control-80
{
    display: inline;
    width: 92%;
}
/* =======================================
 tablas para mostrar listados de cosas hechas a mano grises
 ========================================= */

.celdas-titles-grises div{
    background-color: #8c8c8c;
    margin-left:2px;
    padding:10px;
    margin-bottom:10px;
    color:#fff;
}
.div-title-acciones{
    flex:0px;
    background-color: #ccc!important;
}
.btn-table-sm {
    font-size: 15px;
    padding:5px;
    text-align:center;
    margin-left:6px;
}
.icon-big{
    font-size:20px;
}
.icon-18{
    font-size:18px;
}

.leyenda-icon{
    padding:5px;
    cursor:pointer;
}
.leyenda-icon:hover{
    padding:5px;
    color:#051d41;
}
/*cabecera caja blanca con botón para estas tablas*/

.sub-title h4{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.font-medium{
    font-size: medium;
}
/* =======================================
   SIDEBAR
 ========================================= */
li .active span{
    color:#051d41!important;
}


/* =======================================
NAVBAR HORIZONTAL
 ========================================= */

.icon-navbar-horizontal {
    font-size: 18px !important;
}
.header-notification a:first-child{
    color:#000!important;
}
.profile-notification li{
    background-color: #8c8c8c !important;
}
.breadcrumb-title li{
    padding-left:0px!important;
    padding-right:0px!important;
    color:#051d41!important;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0px;
    padding-left: 0px;
    color: #051d41;
    content: ">";
}
.pcoded .pcoded-header[header-theme="theme1"] a {
    color: #051d41;
}


/*==========================================
CUSTOM PSNOTIFICATIONS
============================================*/
.brighttheme-success {
    background-color: #93BE52;
    border: 0 solid #93BE52;
    color: #FFF;
}


.p-notify-center-mobile {
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%, -50%);
}

/*=========================================
QUERIES
=========================================*/

@media (max-width: 355px) {
    /*cajas titulos grises  tablas historiales, ...*/
   
    .icon-big{
        font-size:15px;
    }
}

@media (max-width: 576px) {
    /*box messages succes, errors...*/
    .box-messages-valorauto{
        max-width:100%;
        right:0;
    }

}

@media (max-width: 992px) {
    .hidden-mobile{
        display: none;
    }

    .header-navbar .navbar-wrapper .navbar-logo a img{
        width: 35%;
        display: inline!important;
    }

}

@media only screen and (max-width: 1366px) {

    .sub-title h4{
        font-size: 12px; }
}

@media (max-width: 1600px) {
    .logoLogin{
        width: 40%;
    }
}

.caps{
    text-transform: capitalize;
}

.icon-delete{
    color:#fff!important;
    cursor:pointer;
    /*background-color: #62d1f3;*/
    background-color: #B10F3B;
    border-radius:90px;
    padding:3px 4px 3px 4px;
    font-size:7px;
}

.icon-add{
    color:#fff!important;
    cursor:pointer;
    /*background-color: #62d1f3;*/
    background-color: #4bb11d;
    border-radius:90px;
    padding:3px 4px 3px 4px;
    font-size:7px;
}


.icon-large {
    font-size: 18px !important;
}

input.currency {
    text-align: right;
    padding-right: 15px;
}
.input-group .form-control {
    float: none;
}
.input-group .input-buttons {
    position: relative;
    z-index: 3;
}

/************************** BUTTONERS COLORS **************************/
.btn-seti-color-1 {
    background-color:#4680ff;
}
.btn-seti-color-2
{
    background-color:#FC6180;
}
.btn-seti-color-3
{
    background-color:#93BE52;
}
.btn-seti-color-4
{
    background-color:#FFB64D;
}
.btn-seti-color-5
{
    background-color:#ab7967;
}
.btn-seti-color-6
{
    background-color:#39ADB5;
}
.btn-seti-color-7
{
    background-color:#7C4DFF;
}

/************************** FIN BUTTONERS COLORS **************************/



.serviceSearchTr:hover {
    background-color: #fc4e4e;
    color: white;
    cursor: pointer;
}

.container-company:hover .Note-delete {
    opacity: 1 !important;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.container-company:hover .Note-delete:hover {
    background: rgba(0,0,0,.8)
}

/****************** CITAS ********************/

.fc-event .fc-bg{
    background: #50b786;
}

.fc-time-grid-event .fc-content{
    color: black;
}