/* Clases comunes*/
@media screen and (min-resolution: 120dpi) {

html {
    font-size: 10px;
}

.box {
    background: #FFFFFF;
    border-radius: 1.6667rem;
    color: #000000;
    font-weight: bold;
    font-size: 1.6667rem;
    line-height: 2rem;
    box-shadow: 0rem 0.25rem 0.8333rem rgba(3, 9, 20, 0.05);
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0rem 0;
    border-radius: 0.3333rem;
    right: 1em;
    position: absolute;
    font-size: 8pt;
    border-radius: 30px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ff6900;
    border-color: #ff6900;
}

.pill {
    /* width: 23.4167rem; */
    height: 10.3333rem;
    font-weight: 500;
}

.pill-subtext {
    font-size: 1.0833rem;
}

.blue-bg {
    background: #3B81FF;
    color: #FFFFFF;
}

.orange-bg {
    background: #FF6900;
    color: #FFFFFF;
}

.text-fat {
    font-size: 2.3333rem;
    font-weight: 800;
}

.text-big {
    font-size: 1.6667rem;
    font-weight: 700;
    line-height: 2rem;
}

.text-regular {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6667rem;
}

.text-regular2 {
    font-size: 1.4167rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.text-gray {
    font-size: 1.1667rem;
    font-weight: 500;
    color: #9597A1;
}

.text-label {
    font-size: 0.8333rem;
    font-weight: 700;
    line-height: 1.6667rem;
}

.text-center {
    text-align: center;
}

.blue {
    color: #3B81FF;
}

.orange {
    color: #FF6900;
}

.gray {
    color: #8F9BB3;
}

.btn {
    background: #FF6900;
    border-radius: 3.3333rem;
    font-weight: 600;
    font-size: 1.1667rem;
    line-height: 1.4167rem;
    color: white;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.semibold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.bolder {
    font-weight: 800 !important;
}

/*Bootstrap fixes*/

.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row-no-padding>[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.col-center {
    float: none;
    margin: 0 auto;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Row y col para centrar contenido de columnas dentro de bootstrap */
.row-vcenter {
    display: flex;
}

.col-vcenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bootstrap-select .dropdown-toggle .caret {
    width: 0.5833rem;
    height: 1.1667rem;
    border: none;
    position: initial !important;
    /* Perdón, fix de bootstrap */
    display: initial;
}

.bootstrap-select .dropdown-toggle .caret:before {
    content: url('../img/caret.png');
}

.bootstrap-select .dropdown-menu {
    border: none;
    padding: 0;
    border-radius: 1.25rem;
}

.bootstrap-select .dropdown-menu>.active>a {
    background: linear-gradient(0deg, #FF6900 50%, rgba(255, 255, 255, 0) 239.47%);
}

.bootstrap-select .filter-option {
    font-weight: normal;
}

.borderless td,
.borderless th {
    border: none !important;
}

/*Contenido*/
body {
    background: #FFFFFF;
    font-family: "proxima-nova", "Arial";
}

.main-content {
    background: #F4F6FA;
    border-radius: 5.8333rem 0rem 0rem 5.8333rem;
}

.container-pad-left {
    padding-left: 5rem;
}

.container-pad {
    /* padding: 2.5rem 5rem; */
    padding: 1.875rem 3.75rem;
}

/*Menú*/
.navigation .logo {
    margin-top: 5.9167rem;
}

.navigation .menu {
    margin-top: 9.5833rem;
}

.menu-item {
    display: block;
    clear: both;
}

.menu-item-container {
    width: 68%;
}

.menu-icon {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    float: left;
    margin-right: 2.6667rem;
    background-repeat: no-repeat;
    margin-bottom: 5.8333rem;
    position: relative;
}

.menu-icon.cuenta {
    background-image: url('../img/logo-cuenta.png');
}

.menu-item.active .menu-icon.cuenta {
    background-image: url('../img/logo-cuenta-on.png');
}

.menu-icon.puntos {
    background-image: url('../img/logo-puntos.png');
}

.menu-item.active .menu-icon.puntos {
    background-image: url('../img/logo-puntos-on.png');
}

.menu-icon.docs {
    background-image: url('../img/logo-docs.png');
}

.menu-item.active .menu-icon.docs {
    background-image: url('../img/logo-docs-on.png');
}

.menu-icon.contratacion {
    background-image: url('../img/logo-contratacion.png');
}

.menu-item.active .menu-icon.contratacion {
    background-image: url('../img/logo-contratacion-on.png');
}

.menu-icon.contacto {
    background-image: url('../img/logo-contacto.png');
}

.menu-item.active .menu-icon.contacto {
    background-image: url('../img/logo-contacto-on.png');
}

.menu-icon.incidencias {
    background-image: url('../img/logo-incidencias.png');
}

.menu-item.active .menu-icon.incidencias {
    background-image: url('../img/logo-incidencias-on.png');
}

.menu-text {
    font-weight: 600;
    font-size: 1.1667rem;
    line-height: 1.6667rem;
    color: #A6ACBE;
}

.menu-item.active {
    border-right: 0.1667rem solid #FF7A00;
    border-radius: 0.0833rem;
}

.menu-item.active .menu-text {
    color: #FF6900;
}

.menu-item.notification .menu-icon::after {
    content: url('../img/noti-dot.png');
    position: absolute;
    top: 0;
    right: 0;
}

/*Header común*/

.header {    
    background: linear-gradient(180deg, rgba(251, 251, 251, 0.06) 0%, rgba(104, 104, 104, 0.06) 100%);
}

.header .row-1 {
    margin-top: 5.5rem;
}

.header .row-2 {
    /* margin-top: 5.5rem; */
}

.search-container .search {
    height: 3.9942rem;
    border-radius: 2rem;
    border: none;
    font-weight: 500;
    font-size: 1.3333rem;
    line-height: 1.8333rem;
    padding-left: 4.3333rem;
}

.search-container .has-search {
    margin: 0;
}

.search-container .has-search .form-control-feedback {
    left: 1.9167rem;
    width: 1.9167rem;
    height: 1.9167rem;
    top: 1rem;
}

.user-info .user-avatar {
    width: 3.9167rem;
    height: 3.9167rem;
}

.header-right-container {
    float: right;
}

.header-right .user-icons {
    width: 1.9167rem;
    height: 1.9167rem;
}

.header-right .user-info {
    margin-right: 4rem;
}

.user-info .user-name {
    font-weight: bold;
    font-size: 1.3333rem;
    line-height: 1.5833rem;
    text-align: right;
}

.user-info .user-mail {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: right;
    color: #A6ACBE;
}

.user-info .user-avatar-container {
    margin-top: -0.3333rem;
}

.user-info .notifications-container {
    position: relative;
}

.user-info .notifications {
    width: 100%;
    background: #fafafa;
    box-shadow: 0rem 0.25rem 0.8333rem rgba(3, 9, 20, 0.05);
    border-radius: 1.6667rem 0rem 1.6667rem 1.6667rem;
    padding: 1.3333rem 1.5833rem;
    display: grid;
    grid-row-gap: 0.9167rem;
    margin-top: 4%;
    position: absolute;
    z-index: 1;
    left: 25%
}

.archivos-presubida {
    height: 4.1667rem;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0.4167rem;
    background: #f4f6fa;
    padding: 0.4167rem;
}


.archivos-presubida::-webkit-scrollbar {
  width: 0.5833rem;
  height: 0.5833rem;
}
.archivos-presubida::-webkit-scrollbar-button {
  width: 0rem;
  height: 0rem;
}
.archivos-presubida::-webkit-scrollbar-thumb {
  background: #9e9e9e;
  border: 0rem none #ffffff;
  border-radius: 4.1667rem;
}
.archivos-presubida::-webkit-scrollbar-thumb:hover {
  background: #9e9e9e;
}
.archivos-presubida::-webkit-scrollbar-thumb:active {
  background: #9c9c9c;
}
.archivos-presubida::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0rem none #ffffff;
  border-radius: 4.1667rem;
}
.archivos-presubida::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
.archivos-presubida::-webkit-scrollbar-track:active {
  background: #ffffff;
}
.archivos-presubida::-webkit-scrollbar-corner {
  background: transparent;
}

.user-info .notification {
    height: 2.6667rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.5833rem 5.3333rem rgba(0, 0, 0, 0.07);
    border-radius: 0.4167rem;
    margin-right: 0;
    margin-left: 0;
    padding: 0.4167rem 0.8333rem;
}

.user-info .notification .icon-noti {
    width: 1.8333rem;
}

.user-info .notification .icon-clock {
    width: 0.3333rem;
}

.user-info .notification .noti-title {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.user-info .notification .noti-time {
    font-size: 0.5833rem;
    margin-bottom: 0;
    line-height: 0rem;
}

.user-info .notifications .noti-bar {
    width: 5.3333rem;
    height: 0.25rem;
}

.user-info-container {
    margin-right: 1.0833rem;
    text-align: right;
}

.user-actions .notification-bell {
    margin-right: 2.0833rem;
}


.header .title-container {
    margin-top: 0;
    margin-bottom: 10%;
}

.header .title {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3.0833rem;
    letter-spacing: 0.01em;
    margin: 0;
}

.header .subtitle {
    font-weight: 500;
    font-size: 1.1667rem;
    line-height: 1.4167rem;
    letter-spacing: 0.01em;
    color: #A6ACBE;
    margin: 0;
}

/* Sección "Mi cuenta" */
/*
.account.grid-container {
    display: grid;
    grid-template-areas: "edit info help"
        ". . help";
    grid-column-gap: 5%;
    grid-auto-columns: 20% 50% 20%;
    grid-row-gap: 2%;
}

.account>div {
    padding: 1.6667rem;
}

.account .edit {
    grid-area: edit;
    background: url('../img/edit-bg.png') #FFFFFF;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: grid;
}

.account .edit .edit-back {
    left: 1.6667rem;
    top: 2.4583rem;
    position: absolute;
}

.account .edit .edit-back img {
    width: 0.9583rem;
    height: 0.8333rem;
}

.account .edit .edit-more {
    right: 1.6667rem;
    top: 2.6667rem;
    position: absolute;
}

.account .edit .edit-more img {
    width: 1.9167rem;
    height: 0.4167rem;
}

.account .edit .avatar {
    width: 9.4167rem;
    height: 9.4167rem;
    margin-top: 20%;
    margin-bottom: 1.6667rem;
}

.account .edit .avatar img {
    width: 100%;

}

.account .edit .btn {
    width: 13rem;
    margin-top: 1.9167rem;
}

.account .info {
    grid-area: info;
    padding-top: 2.75rem;
    grid-row: auto;
    padding: 1.5rem 0.5rem;
}

.account .help {
    grid-area: help;
}

.account .info .icon-medal {
    width: 6.4167rem;
    height: 6.4167rem;
}

.account .info .info-1 {
    margin-bottom: 1.9167rem;
}

.account .info .info-2 {
    display: grid;
    grid-row-gap: 1.4167rem;
}

.account .info .info-3 {
    display: grid;
    grid-row-gap: 1rem;
}

.account .help {
    display: grid;
    justify-content: center;
    text-align: center;
}

.account .help .help-banner {
    width: 95%;
}

.account .help .help1 {
    margin-top: 14%;
    margin-bottom: 10%;
}

.account .help .help2 {
    margin-bottom: 10%;
}

.account .help .help3 {
    margin-bottom: 25%;
}

.account .help .help3 {
    margin-bottom: 25%;
}

.account .help .help4 {
    margin-bottom: 14%;
}*/

/* Sección "Documentación" */

.docs.grid-container {
    display: grid;
    grid-template-areas: "tabs content upload";
    grid-column-gap: 3%;
    grid-auto-columns: 20% 55% 20%;
    grid-template-rows: 58.1667rem;
}

.docs>div {
    padding: 1.6667rem;
}

.docs .tabs {
    grid-area: tabs;
}

.docs .tabs a span {
    font-size: 1.0833rem;
    font-weight: 500;
}

.docs .tabs .folder-icon {
    width: 1.8333rem;
    height: 1.5833rem;
    background-image: url('../img/icon-folder.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.docs .tabs .active .folder-icon {
    background-image: url('../img/icon-folder-on.png');
}

.docs .tabs .options-icon {
    width: 0.3333rem;
    height: 1.5rem;
    background-image: url('../img/icon-options.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.docs .tabs .active .options-icon {
    background-image: url('../img/icon-options-on.png');
}

.docs .tabs .tab {
    height: 4.4167rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.3333rem 0.9167rem rgba(0, 0, 0, 0.15);
    border-radius: 1.6667rem;
    color: #030914;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.6667rem;
}

.docs .tabs .active .tab {
    background: #FF6900;
    color: white;
}

.docs .tabs .nav {
    display: grid;
    grid-gap: 2.5rem;
}

.docs .content {
    grid-area: content;
}

.docs .content .search {
    height: 3.5833rem;
    box-shadow: 0rem 0.3333rem 0.9167rem rgba(0, 0, 0, 0.15);
}

.docs .content .dropdown {
    border-radius: 1.25rem;
    font-weight: 600;
    font-size: 1.6667rem;
    line-height: 2rem;
    color: #FFFFFF;
}

.docs .content .dropdown-toggle {
    height: 3.5833rem;
    border: none;
    appearance: none;
    background: #FFFFFF;
    box-shadow: 0rem 0.3333rem 0.9167rem rgba(0, 0, 0, 0.15);
    border-radius: 2rem;
    padding: 1.0833rem;
    padding-left: 2.0833rem;
}

.docs .content .dropdown-toggle:focus {
    outline: none !important;
}

.docs .content .btn {
    color: initial;
}

.docs .content .tab-content {
    margin-top: 2rem;
}


.docs .content .table {
    border-collapse: separate;
    border-spacing: 0 1.8333rem;
}

.docs .content .table th {
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.4;
}

.docs .content .table tbody tr {
    /* background: #FFFFFF; */
    box-shadow: 0rem 0.3333rem 0.9167rem rgba(0, 0, 0, 0.15);
    border-radius: 1.6667rem;
    height: 3.6667rem;
    line-height: 1.5rem;
}

.docs .content .table tbody td {
    padding: 0.8333rem;
    font-size: 1.1rem;
}

.docs .content .table .icon-check {
    width: 1.3333rem;
    height: 1.3333rem;
    margin-right: 0.4167rem;
    margin-left: 0.25rem;
    margin-top: -0.3333rem;
}

.docs .upload {
    grid-area: upload;
    /* display: grid; */
    /* grid-row-gap: 10%; */
}

.docs .upload input[type="file"] {
    display: none;
}

.docs .upload .file-upload {
    background: #FFFFFF;
    border: 0.1667rem dashed #3B81FF;
    border-radius: 0.5rem;
    cursor: pointer;
    text-align: center;
    font-size: 1.25rem;
    margin-top: -2rem;
    padding: 1em 1.5em;
    font-weight: normal;
}

.docs .upload .file-upload-text {
    margin-bottom: 0;
}

.docs .upload .file-upload .upload-plus {
    margin-top: 1.5rem;
}

.docs .upload .datepicker {
    padding: 0;
    margin: 0;
    border: none;
    border-bottom: 0.0833rem solid #A6ACBE;
    border-radius: 0;
    height: 2rem;
}

.docs .upload .datepicker::placeholder {
    font-weight: 600;
    font-size: 1.3333rem;
    line-height: 1.25rem;
    color: #A6ACBE;
}

.docs .upload .bootstrap-select {
    margin-top: 3.0833rem;
    box-shadow: none;
}

.docs .upload .bootstrap-select .dropdown-toggle {
    background: none;
    border: none;
    border-bottom: 0.0833rem solid #A6ACBE;
    border-radius: 0;
    padding: 0;
    height: 2rem;
    font-weight: 600;
    font-size: 1.3333rem;
    line-height: 1.25rem;
    color: #A6ACBE;
}

.docs .files-container .files-uploaded-text {
    font-weight: normal;
    font-size: 0.9167rem;
    line-height: 1.0833rem;
    color: #A6ACBE;
}

.docs .files-container .icon-dot {
    width: 0.3333rem;
}

.docs .files-container .file-tag {
    background: #dedfe0;
    border-radius: 0.1667rem;
    font-style: normal;
    font-weight: 500;
    font-size: 0.8333rem;
    line-height: 0.5rem;
    padding: 0.1667rem 0.3333rem;
}

.docs .files-container .file-name {

    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
}


/* Seguridad */
.security.body-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.security-box {
    width: 30%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.security-box input {
    width: 100%;
    height: 4rem;
    background: #FFFFFF;
    border: 0.0489rem solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0rem 0.3333rem 0.9167rem rgba(0, 0, 0, 0.15);
    border-radius: 1.6667rem;
    padding: 1.25rem 2.5rem;
}

.security-box .btn {
    width: 26.25rem;
    height: 3.9167rem;
}

.security-box .login {
    display: grid;
    grid-row-gap: 3.75rem;
}

.login .forgot-pw-text {
    margin-top: 0.8333rem;
}

/* Contacto */

.contact .add-buttons {
    width: 66%;
    display: flex;
    justify-content: space-between;
}

.contact .btn-add .add-icon {
    font-size: 2.1667rem;
    font-weight: 200;
}

.contact .btn-add {
    font-size: 1.1667rem;
    padding: 1rem 1.6667rem;
}

.contact .btn-add span {
    vertical-align: middle;
}

.contact .search-container {
    height: 3.8333rem;
    margin-top: 1.9167rem;
}

.contact .search-container input {
    position: absolute;
}

.contact .search-container .dropdown {
    width: 15rem !important;
    float: right;
    position: absolute;
    right: 0;
}

.contact .search-container .btn {
    width: 100%;
    height: 3.9942rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: white;
    color: #A6ACBE;
    border: none;
    border-left: 0.0833rem solid #EDEFF5;
    padding: 9% 22%;
}

.contact .chat-tabs {
    /* display: grid; */
    grid-row-gap: 2.5rem;
    overflow-y: auto;
    height: 50rem;
    /* mask-image: linear-gradient(to bottom, black 70%, transparent 100%); */
    scrollbar-width: thin;
    /* margin-top: 2.6667rem; */
}

.contact .chat-tabs li a {
    /* height: 200px; */
    box-shadow: 0rem 0.25rem 0.8333rem rgba(3, 9, 20, 0.05);
    border-radius: 1.6667rem;
    padding: 2.25rem 3.3333rem;
}

.contact .chat-tabs li.active a {
    color: #FFFFFF;
    background: #FF6900;
}

.contact .chat-tabs .chat-subject {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.8333rem;
}

.contact .chat-tabs .chat-avatar {
    width: 4.5rem;
    height: 4.5rem;
}

.contact .chat-tabs .chat-active-dot {
    width: 0.8333rem;
    height: 0.8333rem;
    left: 0.25rem;
    top: 0.25rem;
    position: absolute;
}

.contact .chat-tabs .chat-person,
.contact .chat-tabs .chat-time {
    font-weight: 500;
    font-size: 1.3333rem;
    line-height: 1.5833rem;
}

.contact .chat-tabs li.active a .chat-person,
.contact .chat-tabs li.active a .chat-time {
    color: rgba(255, 255, 255, 0.57);
}

.contact .chat-tabs .chat-number {
    background: #FF6900;
    box-shadow: 0.3333rem 0.3333rem 1.25rem rgba(198, 27, 74, 0.05), 0.1667rem 0.1667rem 0.8333rem rgba(198, 27, 74, 0.1), 0.0833rem 0.0833rem 4.1667rem rgba(198, 27, 74, 0.15);
    color: white;
    border-radius: 2.3333rem;
    border-top-left-radius: 2.3333rem;
    border-top-right-radius: 2.3333rem;
    border-bottom-right-radius: 2.3333rem;
    border-bottom-left-radius: 2.3333rem;
    padding: 0rem;
    width: 1.6667rem;
    height: 1.6667rem;
    text-align: center;
    font-weight: 500;
    font-size: 1.0833rem;
    line-height: 1.6667rem;
}

.contact .chat-tabs li.active .chat-number {
    background-color: white;
    color: #FF6900;
}

.contact .chat-tabs .tag {
    border-radius: 1.6667rem;
    padding: 0.9167rem 1.3333rem;
}

.contact .chat-tabs li.active .tag {
    background: white;
}

.contact .chat-tabs .file-tag {
    background: rgba(59, 129, 255, 0.25);
    color: #3B81FF;
}

.contact .chat-tabs .img-tag {
    background: rgba(255, 105, 0, 0.25);
    color: #FF6900;
}

.contact .chat-tabs .tag-icon {
    margin-top: -0.3333rem;
    margin-right: 0.4167rem;
}

.contact .chat-tabs .icon-file {
    width: 1.0833rem;
    height: 1.3333rem;
}

.contact .chat-tabs .icon-img {
    width: 1.25rem;
    height: 1.25rem;
}

.contact .chat-content .panel {
    background: #FFFFFF;
    box-shadow: 0rem 0.25rem 0.8333rem rgba(3, 9, 20, 0.05);
    border-radius: 1.6667rem;
    border: none;
}

.contact .chat-content .chat-header {
    padding: 2.5rem 5rem;
    border-color: #E4E4E4;
}

.contact .chat-content .panel-body {
    padding: 2.5rem 5rem;
    display: grid;
    grid-row-gap: 1.5rem;
    height: 26em;
}

.contact .chat-content .chat-header .chat-avatar {
    width: 4.5rem;
    height: 4.5rem;
}

.contact .chat-content .chat-avatar-container {
    margin-right: 2rem;
}

.contact .chat-content .chat-header .chat-person {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.8333rem;
    margin-bottom: 0.5rem;
}

.contact .chat-content .chat-header .chat-status {
    font-weight: 600;
    font-size: 1.3333rem;
    line-height: 1.5833rem;
    color: #FF6900;
}

.contact .chat-content .chat-header .chat-header-icon {
    width: 4.3333rem;
    height: 4.3333rem;
    padding: 1.1667rem;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0rem 0.4167rem 0.9167rem rgba(0, 0, 0, 0.07);
    margin-left: 1.6667rem;
}

/* .contact .chat-body .msg {
} */

.contact .chat-body .msg-avatar {
    width: 3.4167rem;
    height: 3.4167rem;
}

.contact .chat-body .msg .msg-content {
    border-radius: 0rem 0.8333rem 0.8333rem 0.8333rem;
    padding: 1.1667rem 1.8333rem;
    font-weight: 500;
    font-size: 1.3333rem;
    line-height: 2.1667rem;
    display: grid;
}

.contact .chat-body .msg.ask .msg-content {
    background: #FF6900;
    color: #FFFFFF;
}

.contact .chat-body .msg.answer .msg-content {
    background: #FFFFFF;
    color: #3D4556;
    box-shadow: 0rem 0.4167rem 0.9167rem rgba(0, 0, 0, 0.07);
}

.contact .chat-body .msg-time {
    font-weight: 500;
    font-size: 1.1667rem;
    line-height: 2.1667rem;
    color: #A6ACBE;
    text-align: right;
    margin-top: 0.4167rem;
}

.contact .chat-body .msg-options {
    width: 2rem;
    height: 2rem;
}

.contact .chat-body .msg-double-check {
    width: 1.3333rem;
    height: 1.3333rem;
}

.contact .chat-body .chat-file-size {
    font-weight: 500;
    font-size: 1.1667rem;
    line-height: 2.1667rem;
    color: rgba(255, 255, 255, 0.7);
}

/* .contact .chat-body .msg-file {
    width: 24px;
    height: 24px;
} */

.contact .chat-body .ask .msg-file {
    width: 3.3333rem;
    height: 3.3333rem;
    padding: 0.6667rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.5rem;
}

.contact .chat-body .msg-file-answer {
    width: 2rem;
    height: 2rem;
}

.contact .chat-body .chat-timeline {
    clear: both;
}

.contact .chat-body .chat-timeline .line {
    border-bottom: 0.0833rem solid rgba(112, 124, 151, 0.15);
    height: 0.8333rem;
}

.contact .chat-body .chat-timeline .line-text {
    font-weight: 500;
    font-size: 1.1667rem;
    display: flex;
    align-items: center;
    color: #A6ACBE;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Nueva maquetación de chat */
/* new_chat_template */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */


.contact .chat-body .msg {
    width: 100%;
}

.contact .chat-body .msg .msg-content {
    grid-area: content;
    font-weight: 500;
    font-size: 1.3333rem;
    line-height: 2.1667rem;
}

.contact .chat-body .msg-check-img {
    width: 1.3333rem;
    height: 1.3333rem;
}

.contact .chat-body .msg.incoming {
    display: grid;
    grid-template-areas: "avatar content options"". time .";
    /* grid-auto-columns: 41px 90% auto; */
    grid-column-gap: 2%;
    align-items: center;
    justify-self: left;
    justify-content: start;
}

.contact .chat-body .msg.incoming .msg-avatar {
    grid-area: avatar;
}

.contact .chat-body .msg.incoming .msg-content {
    background: #FF6900;
    color: #FFFFFF;
}

.contact .chat-body .msg .msg-options {
    grid-area: options;
}

.contact .chat-body .msg .msg-options-img {
    width: 2rem;
    height: 2rem;
}

.contact .chat-body .msg .msg-time {
    grid-area: time;
}

.contact .chat-body .msg.incoming .msg-avatar-img {
    width: 3.4167rem;
    height: 3.4167rem;
}

.contact .chat-body .msg.reply .msg-content {
    background: #FFFFFF;
    box-shadow: 0rem 0.4167rem 0.9167rem rgba(0, 0, 0, 0.07);
    font-weight: 500;
    font-size: 1.3333rem;
    line-height: 2.1667rem;
    color: #3D4556;
}

.contact .chat-body .msg.reply {
    display: grid;
    grid-template-areas: "options content check"". time .";
    /* grid-auto-columns: 41px 90% auto; */
    grid-column-gap: 2%;
    align-items: center;
    justify-self: right;
    justify-content: end;
}

.contact .chat-body .msg-file-img {
    width: 2rem;
    height: 2rem;
}

.contact .chat-body .incoming .msg-file-img {
    width: 3.3333rem;
    height: 3.3333rem;
    padding: 0.6667rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.5rem;
}


.contact .chat-body .incoming .msg-file {
    display: grid;
    grid-template-columns: 5.5rem auto;
    align-items: center;
}

.contact .chat-body .incoming .msg-file-size {
    font-weight: 500;
    font-size: 1.1667rem;
    line-height: 2.1667rem;
    color: rgba(255, 255, 255, 0.7);
}

.contact .chat-body .chat-timeline {
    display: flex;
    align-items: center;
}

.contact .chat-body .chat-timeline hr {
    border-top: 0.0833rem solid #eaebef;
    width: 40%;
}

.contact .chat-body .chat-timeline span {
    font-weight: 500;
    font-size: 1.1667rem;
    line-height: 2.1667rem;
    color: #A6ACBE;
}

.contact .chat-body .msg.reply .msg-file {
    justify-self: right;
}

.contact .chat-footer {
    background: none;
    border-top: none;
    padding: 2.5rem 5rem;
}

.contact .chat-footer:before {
    content: "";
    height: 0.1667rem;
    border-bottom: 0.0833rem solid #eaebef;
    border-radius: 0.1667rem;
    position: relative;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.contact .chat-footer-container {
    display: grid;
    align-items: center;
    grid-template-areas: "actions input emojis send";
    grid-auto-columns: 3.3333rem auto 2rem 3.3333rem;
    grid-column-gap: 2.5rem;
    margin-top: 1.5rem;
}

.contact .chat-footer .icon-orange {
    background: #FF6900;
    padding: 0.6667rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    box-sizing: content-box;
}

.contact .chat-footer .icon-white {
    background: white;
    padding: 0.6667rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    box-sizing: content-box;
    border: 0.0833rem solid #FF6900;
}

.contact .chat-footer .chat-actions {
    grid-area: actions;
}

.contact .chat-footer .chat-actions .dropup {
    background: none;
    border: none;
    padding: 0;
}

.contact .chat-footer .chat-actions .dropdown-menu {
    background: none;
    border: none;
    box-shadow: none;
    min-width: auto;
    margin-bottom: 1.1667rem;
    padding-bottom: 0;
}

.contact .chat-footer .chat-actions .dropdown-menu li:not(:last-child) {
    margin-bottom: 0.8333rem;
}

.contact .chat-footer .chat-actions .dropdown-menu li a {
    padding: 0;
}

.contact .chat-footer .chat-actions .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background: none;
}

.contact .chat-footer .chat-actions .dropdown-menu>li>a:hover img {
    box-shadow: 0.0833rem 0.0833rem 0.0833rem 0rem rgba(0, 0, 0, 0.75);
}

.contact .chat-footer .chat-input-container {
    grid-area: input;
}

.contact .chat-footer .chat-input {
    border: none;
    width: 100%;
    padding: 0.8333rem 0.8333rem;
}

.contact .chat-footer .chat-emojis {
    grid-area: emojis;
}

.contact .chat-footer .chat-emojis .icon-smile {
    width: 2rem;
    height: 2rem;
}

.contact .chat-footer .btn.send {
    grid-area: send;
    border-radius: 50%;
    padding: 0.8333rem;
}

.contact .chat-footer .send .icon-send {
    width: 1.6667rem;
    height: 1.6667rem;
}

.dataTables_filter{
    display:none!important
}

.incidencias .table th {
    font-size: 1.25rem;
}
    
.incidencias .table tbody td {
    font-size: 1.15rem;
}
}