@font-face {
    font-family: Houschka Rounded DemiBold;
    src: url('/Content/fonts/HouschkaHead-DemiBold.otf');
}
@font-face {
    font-family: Houschka Rounded Medium;
    src: url('/Content/fonts/HouschkaHead-Medium.otf');
}
body {
    font-family: "Houschka Rounded DemiBold" !important;
    font-size: 14px;
    font-weight: 400;
    color: #6c757d;
    line-height: 1.5;
}
.bottomBar {
    width:100%;
    height:50%;
    background:#C91D14;
    position:absolute;
    bottom:0px;
    mix-blend-mode:multiply;
    border-radius:0px 0px 4px 4px;
}
.ico-cyc {
    width: 140px;padding: 10px;
}
.is_Requerid {
    border-color:rgba(236, 76, 76, 0.55) !important;
    background-color:rgba(225, 53, 53, 0.29) !important;
}
i.is_Requerid {
    border-color:rgba(236, 76, 76, 0.55) !important;
    color:rgb(225, 53, 53) !important;
    background-color: initial !important;
    border-right: 0px !important;
}
.bg_body {
    position: absolute;
    /*background-image: url('../images/Adecco_Background.jpg');*/
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-position:0px 0px;
    background-size:100% 100%;
}
.movilLink {
    display:none;
}
.ContentAsignaHistorial {
    max-height: 280px;
    overflow: auto;
}
.codeDiv {
    width: 215px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    display: inline-block;
    margin-right: 5px;
}
.codeDiv h5 {
    background: rgb(225, 53, 53);
    text-align: center;
    padding: 5px;
    border: 3px solid #FFF;
    color: #FFF;
    font-size: 12px;
    margin-bottom:0px;
    position:relative;
    width:calc(100% - 25px);
}
.codeDiv h5 i {
    position: absolute;right: -25px;font-size: 21px;top: 0px;background: #000;padding:2px 5px 1px 5px;cursor:pointer;
}
.codeDiv p {
    padding: 5px 15px;
    height: 75px;
    overflow: auto;
    margin-bottom: 0px;
    text-align:left;
}
.data-user-close:hover {
    color:rgb(225, 53, 53);
}
.padd-bg {
    position: relative;
    padding: 0px 15px;
    top: 50%;
    margin-top: -227px;
}
.padd-rgb {
    margin-top:-283px !important;
}
.content-panel {
    background: #FFF;
    border-radius: 20px;
    margin: auto;
    min-width: 430px;
    max-width: 510px;
    text-align: center;
    height: 0px;
    overflow: hidden;
}
.content-access,.cccontent-access {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index:1;
}
.content-access .acces-div,.cccontent-access .acces-div{
    padding:40px 0px 30px 0px;
    color:#000;
    display:grid;
    grid-template-columns:45% 50%;
}
.cccontent-access {
    position:relative;
    z-index: 99;border-radius: 3px;
    box-shadow:1px 2px 4px 0px rgba(2, 2, 2, 0.6);
    height:380px;
    border:1px solid #ccc;
}
.acces-div >div {
    padding:0px 10px;
}
.content-mon,.cccontent-mon {
    border-radius:0px;
    background-size:100% 100%;
    background-color: #801610;
    color: #FFF;
    font-weight: bold;
    margin-right: -430px;
    z-index:9;
    mix-blend-mode:hard-light;
}
.cccontent-mon {
    height: 380px;
    margin-right: 0px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background:#FFF;
    text-align:left;
    mix-blend-mode:normal;
}
.chkfor {
    cursor:pointer;
    display:inline;
}
.ico-adecco {
    margin: auto;
    margin-top:35px;
    padding: 50px 0px 80px 0px;
    cursor: pointer;
    width:250px;
}
.ico-profile {
    width:100%;
    text-align:center;
    padding:40px 10px;
}
.ico-profile img {
    border-radius: 40px;
    width: 150px;
    height: 150px;
    border:1px dashed #ED1C24;
    margin-bottom:20px;
}
.imgEdit {
    left: calc(50% - 75px);
    position: relative;
    margin-top: -170px;
    background: #0000007d;
    border-radius: 40px;
    width: 150px;
    height: 150px;
    border: 1px dashed #ED1C24;
    margin-bottom: 20px;
    cursor: pointer;
    color:#ffe6e6;
    display:none;
}
.content-panel input {
    border: 1px solid #E1E1E1;
    border-bottom: 1px solid #f0f1f4;
    border-radius: 6px;
    background: #f0f1f4;
    padding: 10px 10px 10px 30px;
    color: #6c757d;
    width: calc(100% - 0px);
    transition: all 0.5s;
    position:relative;
    z-index:9;
    box-sizing:border-box;
}
.content-panel input:focus,.content-panel input.focus {
    background-color: #f0f1f4;
    border-bottom: 1px solid #000 !important;
}
.content-panel input.Error:focus {
    background-color: #d9eaff;
    border-bottom-color: rgb(225, 53, 53) !important;
}
.btn-slide i {
    padding: 0px 0px 0px 10px;
    font-size: 20px;
}
.btn-slide span {
    font-size: 17px;
    top: -1px;
    position: relative;
}
.form-group {
    width: 300px;
    margin: auto;
    text-align: left;
    top: 75px;
    position: relative;
    z-index: 9;
}
.form-group.form-group-access {
    top:0px;
}
.form-group > div:first-child {
    display: grid;
    grid-template-columns: auto auto;
}
#login {
    text-align:center;
}
.content-all,.cccontent-all {
    display: inline-grid;
    grid-template-columns: auto auto;
    /*background:rgba(0, 0, 0,0.5);*/
    border-radius:20px;
    padding:0px;
}
.cccontent-all {
    padding:55px 40px;
    border-radius:5px;
    background:#FFF;
    position:relative;
    box-shadow: 1px 2px 4px 2px rgba(2, 2, 2, 0.2);
}
.form-data {
    width: 300px;
    margin: auto;
    text-align: left;
    font-size: 12px;
    overflow: hidden;
    height: 0px;
    display: none;
}
#btnSearch {
    display:none;
    color:#FFF;
}
.form-data > div:first-child {
    background: rgba(0,0,0,0.04);
    padding: 10px 10px 65px 10px;
    border-radius: 7px;
    margin-bottom: 20px;
    border: 1px dashed #000;
    overflow: auto;
    height: 90px;
    text-align:center;
}
.field-text {
    text-align: left;
    top: -32px;
    position: relative;
    padding-left: 30px;
    z-index:99;
    font-size:16px;
}
.btn {
    padding: 10px;
    cursor: pointer;
    background: #EF2E24;
    border-radius: 5px;
    display:inline-block;
    margin:0px 1px;
    font-size:10px;
    color:#FFF !important;
}
.btn >.fa{
    /*top: 2px;*/
    position: relative;
    padding:0px 3px;
}
.data-item {
    position: relative;
    display: grid;
    grid-template-columns: 170px 10px auto;
    padding: 5px 0px;
}
.data-item >div:first-child{
    text-align:left;
}
    .data-item div:last-child {
        text-align: right;
    }
.data-black-list {
    grid-template-columns: auto;
    color: rgb(225, 53, 53);
}
.data-black-list > div:first-child {
    padding:0px 0px 10px 0px;
    font-weight:bold;
}
.data-black-list > div {
    text-align: center !important;
}
.btn-slide {
    padding: 8px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #EF2E24 !important;
    cursor: pointer;
    color: #FFF;
    font-weight: normal;
    transition: all 0.5s;
    font-size: 12px !important;
    background:#EF2E24;
}
.btn-slide:hover {
    color: #FFF;
    background: #C91D14;
    border: 1px solid #000;
}
#btnGenerarPPT {
    width:190px;
}
.NamePerson {
    height: 25px;
    width: 350px;
    margin: auto;
    margin-top: -12px;
}
.Tool-Tips {
    padding: 5px 10px;
    background: rgb(225, 53, 53);
    position: absolute;
    top: -1px;
    border-radius: 10px;
    width: 250px;
    display:none;
    color:#FFF;
    font-size:11px;
}
.Tool-Tips::before {
    content: " ";
    display: block;
    position: absolute;
    top: -12px;
    border-width: 7px 0px 9px 10px;
    border-style: solid none solid solid;
    border-color: transparent transparent transparent rgb(225, 53, 53);
    transition: border 0.2s ease 0s;
    transform: rotate(-90deg);
}
.ToolFile::before {
    right: 20px;
}
.content-input {
    position:relative;
}
.content-input.asd {
    margin-top:10px;
}
.content-input i {
    position: absolute;z-index: 99;top: 11px;font-size: 18px;left: 8px;
}
.cmb,select[name=dataProductos_length] {
    padding: 10px 20px 10px 10px;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid rgb(216, 216, 216);
    color: #777;
    font-size:14px;
    background:#FFF;
}
#cmbNegocio,#cmbFormulario,#cmbTienda {
    width:150px;
}
#cmbSearchType {
    position:relative;
    top:-30px;
    width:300px;
}
.btnContent {
    display:inline-grid;
    grid-template-columns:auto auto;
}
#btnExam {
    width: 100px
}
.link-div, .link-div-cc {
    background: #529fa4;
    width: 225px;
    margin-left: -16px;
    border-radius: 0px 10px 10px 0px;
    color: #FFF;
    border-left: 1px solid #FFF
}
.link-div-cc {
    border-radius:20px;
    margin:auto;
    padding:10px;
    color:#FFF;
}
#btnConsult {
    margin: auto;
    width: 300px;
    margin-top: 30px;
}
.linkq {
    margin-top: 8px;
    font-size: 12px;
    text-align: left;
    margin-left:10px;
}
.Link {
    color:#EF2E24 !important;
    float:right;
    padding:12px 5px;
    cursor:pointer;
}
.Link:hover {
    color:#C91D14 !important;
}
#FileLog {
display:none;
}
.form-load {
    z-index: 9999;
    float: left;
    height: 300px;
    position: absolute;
    top: -85px;
}
.form-load img {
    background-color: rgba(255, 255, 255, 0.7);
}
.ToolFile {
    top:auto !important;
    text-align:left;
    margin-top:0px;
    width:300px;
}
.unit-search {
    position:relative;
}
.Tool-Login {
    width:290px;
    top:115px;
}
.Tool-Login::before {
    content:none;
}
#btnAcces {
    margin-top:0px;
}
.select-option {
    display:grid;
    grid-template-columns:300px 300px;
}
.btn-lide {
    padding: 20px;
    width: 200px;
    background: #FFF;
    color: #000;
    border-radius: 20px;
    text-align: center;
    font-size:11px;
    cursor:pointer;
    font-weight:bold;
}
.btn-light {
    background-color: #f8f8f8 !important;
    border-color: #d9d9d9 !important;
}
.BlockAjax {
    position:fixed;
    width:100%;
    height:100%;
    z-index:999999999;
    left:0px;
    top:0px;
    text-align:center;
    background-color:rgba(255,255,255,1);
}
.BlockAjax img {
    position:relative;
    top:30%;
    width:100px;
    height:100px;
}
.MasterBlock {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.3;
    z-index:99999999;
}
#cmbEstadoTicket {
    width:calc(100% - 90px);
}
.modPopUp {
    position: fixed;
    min-width: 500px;
    max-width: 95%;
    max-height:95%;
    left: 50%;
    background: #FFF;
    border-radius: 5px;
    padding: 3px;
    font-size: 13px;
    top:15px;
    z-index:99999999;
    box-sizing:content-box;
}
.supBar, .inBar {
    position: relative;
    width: 100%;
    background: rgb(225, 53, 53);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    box-sizing: border-box;
    font-size:13px;
}
.inBar {
    background: #FFF;
    border-radius: 0px 0px 5px 5px;
    border-top: 1px solid #d5d5d5 !important;
    text-align:right;
    padding:3px 10px;
}
.closePopUp {
    float: right;
    font-size: 15px !important;
    background: #FFF;
    color: #000;
    border-radius: 15px;
    padding: 5px 7px;
    top: -4px;
    position: relative;
    cursor: pointer;
}
.content-up {
    padding:10px;
    overflow:auto;
    max-height:87%;
}
.btnCanc {
    background: #eee !important;
    color: #000 !important;
    border: 1px solid #d5d5d5 !important;
}
.btnCanc:hover {
    background: #d9d9d9 !important;
    color: #000 !important;
}
.dowfa {
    font-size: 100px !important;
    margin: -10px 35px 10px 35px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.dowfa:hover i, .dowfa i.Active {
    color: #EF2E24;
    transition: all 0.5s;
}
.dowfa:hover span {
    color: rgb(225, 53, 53);
    transition: all 0.5s;
}
.dowfa span {
    font-size: 11px;
    display: block;
    margin-top: -23px;
}
.dowfa .fa-upload {
    position: relative;
    top: -5px;
}
.centerMod {
    text-align: center;
}
.nav_sup {
    position:fixed;width:100%;
    text-align:left;
    background: #EF2E24;
    border-bottom: solid 3px rgb(225, 53, 53);
    z-index:999;
}
.inBar .btn {
    font-size: 12px;
    background: rgb(225, 53, 53);
    color: #FFF;
}
#cmbEstado, #cmbResponsable {
    width:110px;
}
#cmbRol, .content-model #cmbEstado {
    width: 125px;
}
.content-model #txtUsuario {
    width:125px;
}
.ClientMod {
    position: absolute;
    margin-top: -10px;
    width: calc(100% - 90px);
    height: calc(100% - 80px);
    background: #FFF;
    z-index: 99;
    overflow: auto;
}
.content-model input[type=text] {
    width:200px;
    padding:6px !important;
}
.sEt {
    width:15px;
    height:15px;
    background:#c6c6c6;
    border-radius:5px;
    display: inline-table;
    top: 3px;
    position: relative;
    margin-right: 5px;
}
.sEt.Active {
   background:rgb(225, 53, 53);
}
.segoption span {
    font-weight:normal !important;
}
.app-wrapper {
    margin-top:52px;
    height:calc(100% - 55px);
}
.rib-left {
    background: #394448;
    width:220px;
    position:fixed;
    overflow:auto;
    height:calc(100% - 52px);
    z-index:9;
}
.content-all-nav {
    width: calc(100% - 220px);
    margin-left:220px;
    overflow: hidden;
    background: #f6f6f6;
}
.border-points {
    display: inline-grid;
    width: 55px;
    height: 30px;
    position: absolute;
    background: url('../images/point_bg.png');
    top: 4px;
}
.all-set {
    width: auto;
    margin: auto;
    margin-top: 60px;
    padding:0px 2%;
    height:calc(100% - 60px);
}
.all-set p {
    font-size:14px;
}
.centerMod {
    text-align: center;
}
.contents-items {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-top:1px solid #4a585e;
}
.rib-left .ico-mn,.rib-left .ico-submn {
    padding: 25px 0px;
    text-align: center;
    cursor: pointer;
    border-left: 5px solid transparent;
    opacity: 0.7;
    color:#FFF;
    transition: all 0.2s;
    -webkit-box-shadow: 0px 1px 4px -3px rgba(111, 111, 111, 0.75);
    -moz-box-shadow: 0px 1px 4px -3px rgba(111, 111, 111, 0.75);
    box-shadow: 0px 1px 4px -3px rgba(111, 111, 111, 0.75);
    display: grid;
    grid-template-columns: 50px auto;
    text-align: left;
    cursor: pointer;
}
.rib-left .ico-submn {
    grid-template-columns:auto;
    padding-left:50px;
}
.rib-left .ico-mn.Active,.rib-left .ico-submn.Active {
    border-left: 5px solid #EF2E24;
    color: #FFF;
    background:#293134 !important;
    opacity: 1;
}
.rib-left .txt-desc {
    font-size: 13px;
    padding:2px;
}
.rib-left .ico-mn:hover,.rib-left .ico-submn:hover {
    background:rgba(41, 49, 52, 0.9);
}
.menu-lg .mn-sb{
    padding:9px 20px;
    padding-left:35px;
    display:inline-block;
    cursor:pointer;
    position:relative;
    color:#999;
    float:right;
}
.menu-lg .mn-sb.Active {
    color: #c47d79;
}
.menu-lg .mn-sb.Active:hover {
    color: #c66761;
}
.menu-lg .mn-sb:hover {
    color:#6a6a6a;
}
.menu-lg .mn-sb:not(first-child) {
    padding-left:25px;
}
.mn-sb::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    bottom: auto;
    right: -17px;
    border-top: 18px solid transparent;
    border-bottom: 19px solid transparent;
    border-right: none;
    border-left: 16px solid #ffffff;
    -webkit-transition: border 0.2s ease 0s;
    -moz-transition: border 0.2s ease 0s;
    -o-transition: border 0.2s ease 0s;
    transition: border 0.2s ease 0s;
    -moz-transform: scale(0.9999);
    border-left-color: #aaa;
}
.mn-sb::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    bottom: auto;
    right: -16px;
    border-top: 18px solid transparent;
    border-bottom: 19px solid transparent;
    border-right: none;
    border-left: 16px solid #ffffff;
    -webkit-transition: border 0.2s ease 0s;
    -moz-transition: border 0.2s ease 0s;
    -o-transition: border 0.2s ease 0s;
    transition: border 0.2s ease 0s;
    -moz-transform: scale(0.9999);
    border-left-color: #f1f1f1;
}
.contents-items {
    list-style: none;
}
ul {
    list-style: none;
}
.rib-left .ico-mn i {
    font-size: 20px;
    text-align:center;
}
.content-sesion {
    position: absolute;
    right: 0px;
    top: 0px;
    display: grid;
    grid-template-columns: auto auto;
    color: #FFF;
    margin-top: 15px;
    font-weight: bold;
    font-size: 11px;
}
a {
    text-decoration: none !important;
    color: #6c757d !important;
}
a:hover {
    color:rgb(225, 53, 53) !important;
}
.content-sesion {
    position: absolute;
    right: 0px;
    top:0px;
    display: grid;
    grid-template-columns: auto auto;
    color:#FFF;
    margin-top:15px;
    font-weight:bold;
    font-size:11px;
}
.data-user-close {
    border-left:2px solid #FFF;
    cursor:pointer;
}
.data-user, .data-user-close {
    padding: 2px 10px;
}
.i-sep {
    margin-bottom:0px;
    font-size:13px;
}
.i-sep span:first-child {
    margin-left:0px;
}
/*.i-sep span {
    font-weight:bold;
    margin-left:15px;
}*/
.i-sep .btn-slide {
    float: right;
}
.i-sep .btn-slide {
    width: 140px;
    font-size: 10px;
    position: relative;
    top: -6px;
}
.btn:hover {
    background:#C91D14;
}
table tbody tr:nth-child(even) {
    background: #F7F7F7
}
table tbody tr:nth-child(odd) {
    background: #FFF
}
table {
    width:100%;
    margin-bottom:20px;
}
table thead tr {
    color: #FFF;
    font-weight: bold;
    border-radius:5px 5px 0px 0px;
    background:#000;
}
table thead tr td {
    background: rgb(225, 53, 53);
    position:relative;
    padding:15px 5px;
    font-weight: bold;
    font-size: 14px;
}
table thead tr td:first-child {
    border-top-left-radius: 5px;
}
table thead tr td:last-child {
    border-top-right-radius: 5px;
}
table td {
    padding: 5px;
    font-size: 12px;
    border: 1px solid #e3e3e3;
    border-left: 0px;
    border-bottom: 0px;
}
table td:first-child {
    border-left: 1px solid #e3e3e3;
}
table tbody tr:last-child td {
    border-bottom: 1px solid #e3e3e3;
}
.fa-exchange {
    transform: rotate(90deg);
    position:absolute;
    right:5px;
    top:8px;
    cursor:pointer;
}
td .fa-exchange {
    top:50%;
    margin-top:-5px;
}
.set-table-control {
    width:100%;
    overflow:auto;
}
#txtSearch {
    border: 1px solid #c1c0c0;
    border-radius: 5px;
    padding: 3px;
}
.secoment {
    text-align:left;
}
.secoment > span {
    margin-right:10px;
}
.secoment i {
    font-size: 14px !important;
    border: 1px solid #000;
    border-radius: 13px;
    padding: 4px;
    margin-left: 10px;
    cursor:pointer;
}
#ContentTransac {
    margin:15px 0px;
    height:180px;
    overflow:auto;
}
.log-reg {
    display: grid;
    grid-template-columns: 60px auto;
    margin: 3px 0px;
    border-radius: 0px 5px 5px 0px;
}
.log-reg:hover {
    background:rgba(0,0,0,0.1);
    border-radius:5px 0px 0px 5px;
}
.date-log {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    margin-right: 5px;
    font-size: 10px;
}
.day-log {
    padding-top: 3px;
    background: rgb(225, 53, 53);
    border-radius: 5px 5px 0px 0px;
}
.month-log, .year-log {
    background: rgb(225, 53, 53);
    padding-bottom: 2px;
}
.hh-log {
    border-top: 1px solid #FFF;
    background: rgb(225, 53, 53);
    border-radius: 0px 0px 5px 5px;
    padding: 3px 0px;
}
.create-log {
    font-weight: bold;
    margin-top: 4px;
}
.c1-log, .create-log {
    color: rgb(225, 53, 53);
}
.coment-log {
    text-align:left;
}
.content-section {
    margin-top:15px;
    border:1px solid #acacac;
    border-radius:5px;
    width:400px;
    font-size:14px;
    height:230px;
    overflow:auto;
}
.segoption {
    border-bottom:1px solid #acacac;
    display:grid;
    grid-template-columns:auto 65px;
    padding:5px;
}
.segdev {
    grid-template-columns:25px auto;
}
.segoption:hover,.segoption.Active {
    cursor:pointer;
    background:#ffeaea;
    transition: all 0.2s;
}
.segoption i {
    margin-left:5px;
    margin-right:5px;
    opacity:0.6;
    font-size:20px !important;
    position:relative;
    top:3px;
}
.segoption i:hover {
    opacity:1;
}
input[type=date] {
    padding:8px;width:125px;
}
.content-model-panel {
    display:grid;
    grid-template-columns:auto auto;
}
.content-section-sc .segoption {
    grid-template-columns: auto 150px;
}
.data-control-mouse {
    position:absolute;
    width:160px;
    background:#FFF;
    border-radius:3px;
    border:1px solid #d9d9d9;
    z-index:99;
    font-size:14px;
    display:none;
}
.data-control-mouse .mouse-option {
    border-bottom: 1px solid #d9d9d9;
    padding:5px;
    cursor:pointer;
}
.data-control-mouse .mouse-option:hover {
    background:rgb(225, 53, 53);
    color:#FFF;
    transition: all 0.2s;
}
.mouse-option i {
    position: relative;
    top:2px;
    font-size:19px;
}
.mouse-option span{
    margin-left: 5px;
}
tbody input {
    width:100px;
}
.container.jumbotron {
    padding: 0px;
    max-width: 100%;
    background: none;
    margin-top: 20px;
}
.border-row {
    display: inline-table;
    border: 5px solid #FFF;
    margin: 10px;
    border-radius: 13px;
}
.border-row:hover {
    border-color: #f0efef;
}
.TagElement {
    display: inline-table;
    border: 1px solid rgb(225, 53, 53);
    border-radius: 2px 8px 8px 8px;
    padding: 10px;
    width: 250px;
    height: 100px;
    cursor: pointer;
    border-left: 9px solid rgb(225, 53, 53);
    text-align:center;
}
.TagElement div {
    padding: 3px;
    background: rgb(225, 53, 53);
    color: #FFF;
    margin-left: -10px;
    border-radius: 0px 0px 10px 0px;
    margin-bottom: 8px;
    text-align:left;
    font-weight:bold;
}
.TagElement img {
    width:140px;
    height:75px;
}
@media screen and (max-width:480px) {
    .content-mon {
        display: none;
    }

    .content-access {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
}
#dataProductos_filter {
    top: 4px;
    position: relative;
    margin-right: 200px;
}
#btnGenerarPPT {
    right: 0px;
    position: absolute;
    top: -1px;
    z-index:9;
}
.container.jumbotron {
    position: relative;
}
.txtNot {
    position:relative;
    top:20%;
    margin-top:25px;
}
.ade-recl {
    position:relative;
}
.cabTable {
    background:#000;
    color:#FFF;
    width:200px;
}
.tdCenter {
    text-align:center;
}
.col-xs-12 {
    float:none !important;
    top:-2px !important;
    margin-left:15px !important;
}
.content-repos {
    overflow:auto;
    margin-top:20px;
}
.jumother {
    overflow:auto;
}
.emptyDiv {
    text-align: center;
    margin-top: 50px;
    opacity:0.4;
}
.emptyDiv img {
    width:180px;
}
.sync-de {
    width:45%;
    display:inline-block;
    text-align:center;
    margin-top:40px;
}
.sync-de .fa {
    font-size:70px;
}
.sync-de .btn-slide {
    margin-top:40px;
    float:none;
}
.sync-de >div {
    display:inline-block;
    cursor:pointer;
}
.sync-de > div:hover .fa{
    color:rgb(225, 53, 53);
    transition: all 0.5s;
}
.user-select-name,.user-select-alert,.user-select-bars {
    position: absolute;
    right: 0px;
    top: 1px;
    color: #FFF;
    font-size: 15px;
    cursor:pointer;
    margin:2px;
    padding:7px 15px;
}
.user-select-alert {
    right:60px;
}
.user-select-name:hover,.user-select-alert:hover,.user-select-bars:hover {
    background:#f74138;
    transition: all 0.2s;
}
.nav-item {
    position:fixed;width:100%;z-index:99;height:37px;
    background: #f1f1f1;color: #FFF;font-size: 13px;border-bottom:1px solid #aaaaaa59;
    -webkit-box-shadow: 0px 1px 4px -3px rgba(111, 111, 111, 0.75);
    -moz-box-shadow: 0px 1px 4px -3px rgba(111, 111, 111, 0.75);
    box-shadow: 0px 1px 4px -3px rgba(111, 111, 111, 0.75);
}
.nav-item .mn-sb {
    padding: 8px 15px;
    display: inline-block;
    background: #f1f1f1;
    color: #394448;
}
.nav-item .mn-sb.Active {
    background: #f8f8f8;
}
.mn-sb.Active::after {
    border-left-color: #f8f8f8;
}
.despligue-datos {
    position: absolute;
    right: -10px;
    margin-right: 30px;
    top: 50px;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    width: 220px;
    background: #FFF;
    display: none;
    z-index: 9;
    font-size: 15px;
}
.revAsigna {
    display:none;
}
.check-link a{
    padding: 7px 10px;
    color: #6f6f6f;
    border-bottom: 1px solid #d8d8d8;
    background: #FFF;
    width: 100%;
    display: block;
}
.check-link i{
    font-size: 25px;
    padding: 5px 10px 5px 5px;
}
.check-link span {
    top: -4px;position: relative;
}
.check-link.Active {
    background:rgba(111, 111, 111, 0.05);
}
.check-link a:hover {
    background:#eee;
}
.check-link a:hover i,.check-link a:hover span {
    color:rgb(225, 53, 53) !important;
}
.user-select-name i.caret-comp,.user-select-alert i.caret-comp,.user-select-bars i.caret-comp {
    font-size: 19px;
    margin-left: 5px;
    top: 0px;
    position: relative;
    width: 15px;
}
.user-select-name i.fa-user-circle-o,.user-select-alert i.fa-bell-o,.user-select-bars i.fa-bars {
    font-size:30px;
}
.rpos .fa {
    display:inline-block;
    margin-right:5px;
    cursor:pointer;
}
.cons1 {
    background:#FFF !important;
}
.cons2 {
    background: #fbfbfb !important;
}
.cons2 td:first-child {
    padding-left:15px;
}
.cons3 {
    background: #f1f1f1 !important;
}
.cons3 td:first-child {
    padding-left: 25px;
}
.cons4 {
    background: #e8e8e8 !important;
}
.cons4 td:first-child {
    padding-left: 40px;
}
.border-total td {
    border-top: 1px solid #000;
    background: #f4f4f4 !important;
}
.i-sep h2 {
    color:#EF2E24;
    margin-top:40px;
}
.details-tag {
    display:grid;
    grid-template-columns:150px auto;
}
.data-user-details {
    margin-left:10px;
}
.data-user-details h3 {
    padding:20px 0px 0px 0px;
}
.data-user-details h4 {
    font-size: 15px;
    color:#ED1C24;
}
.add-info {
    padding: 20px;background: #FFF;margin-top: 40px;border:1px solid #c1c1c1;border-radius:0px 0px 5px 5px;margin-bottom:10px;
}
.add-info.infovae {
    height:62px;
}
.content-data {
    margin-top:30px;
}
.rib-data-item.rib-docu {
    top: -7px;
    position: relative;
}
.rib-data-item .item-xlss {
    padding:5px 10px;
    display:inline-block;
    border-bottom:2px solid transparent;
    position:relative;top:2px;
    border-radius:3px;
    cursor:pointer;
}
.rib-data-item .item-xlss.Active {
    border-bottom-color:rgb(225, 53, 53);
}
.rib-data-item .item-xl {
    padding: 12px 8px;
    display: inline-table;
    position: relative;
    top: 8px;
    border-radius: 8px 8px 0px 0px;
    cursor: pointer;
    background: #f8f8f8;
    width: 99%;
    text-align: center;
    height: 48px;
    border: 1px solid #c1c1c1;
    border-bottom: 4px solid #f1f1f1;
    font-size:14px;
}
.rib-data-item .item-xl.Active {
    border-bottom-color: #6a5a5a;
    background: rgb(239, 46, 36);
    color: #FFF;
}
.content-edit-data {
    background:#f1f1f1;
    margin:0px -6%;
    padding:10px 5%;
    border-top:1px solid #c1c1c1;
}
.content-edit-data .referent-io {
    display:none;
}
.content-edit-data .referent-io:first-child {
    display:block;
}
.line-jp span {
    margin-right:3px;
    margin-left:0px;
}
.line-jp span, .line-jp input {
    display:inline-block;
    font-weight:normal;
    color:#404040;
}
.line-jp {
    margin:0px 10px 10px 0px;
    display:inline-table;
}
.divContentDetails {
    position:absolute;
    background: #FFF;border: 1px solid rgb(216, 216, 216);width: 100%;border-top: 0px;
    max-height: 160px;overflow: auto;border-radius:0px 0px 5px 5px;display:none;z-index:99;
}
.divContentDetails .Option {
    padding:5px 8px;
    border-bottom:1px solid rgb(216, 216, 216);
    cursor:pointer;
}
.divContentDetails .Option:hover {
    background:#ececec;
    color:rgb(225, 53, 53);
}
.add-info .data-description{
    padding:10px 15px 5px 20px;position: relative;margin-top: -34px;top: -20px;background: #FFF;margin-left: -21px;border: 1px solid #c1c1c1;border-bottom: 0px;width:135px;
}
.width-20 {
    width:60px;
}
.numNotifica {
    position: absolute;color: #000;padding: 0px 6px;background: #FFF;border-radius: 15px;font-size: 12px;top: 17px;right: 8px;
}
input {
    border:1px solid transparent;
    border-color:rgb(216, 216, 216);
    border-radius:6px;
    padding:9px 20px 9px 20px;
    background:#FBFBFB;
    height:40px;
}
input:disabled {
    background:transparent;
}
.infovae {
    padding:10px 20px;
    margin-top:0px;
    border-radius:6px;
    margin-bottom:5px;
}
.infovae .line-jp {
    margin:0px 10px 0px 0px;
}
.tab-real {
    display: inline-grid;
    border-radius: 10px;
    border: 1px solid #d7d7d7;
    background: #FFF;
    padding: 10px;
    text-align:center;
    width:97%;
    margin-bottom:5px;
    position: relative;
    overflow: hidden;
    height:210px;
}
.tab-real h2 {
    position: absolute;
    right: 15px;
    bottom: 0px;
    z-index: 9;
    color: #FFF;
    margin: 0px !important;
    font-size: 50px;
}
.tab-real[cod='trunco'] h2{
    border-color: #00b39869;
}
.tab-real[cod='trunco'] p:first-child {
    color: #00b398ba;
}
.tab-real[cod='gana'] h2{
    border-color: #43B02AC4;
}
.tab-real[cod='pend'] h2{
    border-color: #E35205D4;
}
.tab-real[cod='adel'] h2{
    border-color: #F2A900;
}
.tab-real p {
    margin-bottom:0px;
}
.line-per {
    margin-bottom:10px;
}
table .Link {
    float:none;
    display:inline-block;
}
.drop-box__link .fa.fa-paperclip {
    font-size: 17px;
    color: #6f6f6f;
}
.peritem {
    border-bottom: 1px solid #394448;margin-bottom: 5px;padding: 5px;
}
.info-for {
    display:grid;
    grid-template-columns:240px auto;
    background:#f8f8f8;
}
.li-for{
    padding:7px 15px;
    color:#394448;
    cursor:pointer;
    position:relative;
}
.li-for i {
    margin-right:5px;
}
.li-for span {
    font-weight:normal;
}
.li-for:hover:not(.liActive-Sub) {
    color:#C91D14;
}
.divForm {
    background: #C91D14;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    width:85%;
    height:calc(100% - 90px);
}
.divForm .imgGlobalForm {
    width: 100%;
    height: calc(100% - 130px);
    position: relative;
}
.divForm .imgGlobalForm img{
    width:100%;
    height:100%;
}
.divForm .lMultiply {
    background: #d3241b;
    mix-blend-mode: multiply;
    position: absolute;
    top: calc(50% - 60px);
    height: 150px;
    width: 100%;
    text-align:center;
}
.divForm .imgGlobalForm > p {
    position: absolute;
    top: calc(50% - 10px);
    font-size: 35px;
    text-align: center;
    width: 100%;
    color: #FFF;
}
.column-2-lvl {
    grid-template-columns:50% 50%;
    display:grid;
    color:#FFF;
}
.column-2-lvl div {
    text-align:center;
    padding-top:30px;
    cursor:pointer;
}
.column-2-lvl div:hover {
    background:#B31810;
}
.column-2-lvl div:first-child {
    border-right:2px solid #FFF;
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.column-2-lvl div:first-child a {
    height: 100%;
    display: inline-block;
    padding-top: 20px;
    width: 100%;
    color:#FFF !important;
}
.column-2-lvl i {
    font-size:45px;
}
.colum-data-ben {
    padding:0px 70px;
    margin-left:20px;
}
.reltiveColor {
    color: #FFF;
    border-radius: 10px;
    margin: 10px 35px 0px 0px;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    position: relative;
    height: 240px;
    width: 420px;
    overflow:hidden;
    background:#394448;
    border:1px solid #CACACA;
    box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
    -webkit-box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
    -moz-box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
    display:inline-block;
}
.reltiveColor img {
    width:100%;height:100%;display:block;
}
.reltiveColor .multyBen,.add_column_Tabs .multyBen{
    background: #d03c34;
    position: absolute;
    width: 95%;
    height: 145%;
    top: -115px;
    transform: rotate(55deg);
    right: -112px;
    mix-blend-mode: multiply;
    box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
    -webkit-box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
    -moz-box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
}
.tab-real .multyBen {
    background: #d03c34;
    position: absolute;
    width: 158%;
    height: 145%;
    top: 33%;
    transform: rotate(155deg);
    right: -37%;
    mix-blend-mode: multiply;
    box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
    -webkit-box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
    -moz-box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
}
.add_column_Tabs .multyBen {
    top: 16% !important;
    right: -100% !important;
    transform: rotate(-40deg);
    height: 350%;
    width: 200%;
}
.tabcenter {
    height: 300px;margin-top: 55px;
}
.tabcenter .multyBen {
    transform: rotate(0);top: 0px;
}
.pDescVC {
    height:90px;
    overflow:hidden;
    padding: 0px 15px;
    position: absolute;
    width: 50%;
    right: 0px;
    top: 65px;
    text-align: right;
    z-index: 9;
    color: #FFF;
    overflow: hidden;
    font-size: 16px !important;
}
.pNombVC {
    font-size: 22px !important;
    position: absolute;
    bottom: 5px;
    margin-left: 30px;
    color: #FFF;
    z-index: 9;
}
.tabcenter .pDescVC {
    position: relative;
    top: 0px;
    width: 100%;
    text-align: center;
}
.tabcenter .pNombVC {
    position: relative;
    margin: 0px;
}
.tabcenter h2 {
    position: relative;
    width: 100%;
    left: 0px;
    padding-top:50px;
}
.reltiveColor .CategBen {
    position: absolute;
    top: 20%;
    right: 12px;
    width: 250px;
    height: 70px;
    display: table;
}
.reltiveColor .CategBen p {
   display: table-cell;
   vertical-align: middle;
   font-size: 25px;
}
.urBen {
    position: absolute;bottom: 5px;right: 10px;font-size: 14px;
}
.urBen i {
    margin-right: 5px;font-size: 17px;
}
.icoplus {
    position: absolute;
    bottom: 78px;
    right: 25px;
    font-size: 15px;
    padding: 2px 18px 5px 18px;
    background: #FFF;
    color: #d03c34;
    border-radius: 17px;
}
.icoplus i {
    font-size: 24px;
    top: 2px;
    position: relative;
    margin-left: 6px;
}
.form-chk span,.contentmdata >span  {
    display:none;
}
.content-val-ico {
    margin-bottom:50px;
}
.content-form {
    margin-left:20px;margin-bottom:10px;padding:0px 70px;
    /*-webkit-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    -moz-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);*/
}
.fileContent i,.fileContent input,.filec i,.filec input {
    cursor:pointer !important;
}
.content-box-general textarea{
    font-size:13px;
}
.content-form.content-be,.contentLink-group {
    padding: 20px;
    margin-top: 0px;
    border-radius: 5px;
    border: 1px solid #c1c1c1;
    margin-left:0px;
    overflow:auto;
}
.cur-form-rad {
    display:inline-block;
    width: 260px;text-align: center;
    border:1px solid #c2cbce;
    border-radius:5px;background:#e13535;cursor:pointer;margin-right:35px;margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    -moz-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    color:#FFF;
    font-family:"Houschka Rounded Medium" !important;
}
/*.cur-form-rad.Induc {
    border-color:rgba(225, 53, 53,0.5);
}*/
.cur-form-rad:hover {
    transition: all 0.5s ease;
}
.bn-rad:hover {
    transition: all 0.5s ease;
}
/*.cur-form-rad.Induc:hover {
    border-color:rgba(225, 53, 53,0.9);
}*/
.bn-rad .urBen {
    height: 38px;top: 0px;left: 0px;display: inline;width: 150px;color: #FFF;font-size: 12px;text-align: left;
}
.form-chk p:last-child {
    top:-38px;
}
.form-chk p.tagcur {
    width: 50%;padding: 5px 5px 5px 15px;background: #00B398;margin-top: 21px;border-radius: 0px 10px 10px 0px;font-size: 11px;text-align:left;
}
.categ-trun {
    background: #e13535;
    border-radius: 10px;
    padding: 7px 25px !important;
    margin: auto !important;
    margin-bottom: -25px !important;
    width: 60%;
    display: block !important;
    bottom: 40px;
    position: absolute;
    right: 12px;
    color: #FFF;
    font-size: 14px !important;
}
.namefrm {
    text-align:left;
}
.form-chk p {
    padding:10px;
    border:0px !important;
}
.cur-form-rad >img {
    width: 95%;
    margin-top: 0px;
    height: 240px;
    border-radius: 3px 3px 0px 0px;
    box-shadow: 0px 4px 1px -3px rgba(62, 62, 62, 0.5);
    background: #FFF;
}
.cur-form-rad div {
    padding:10px 15px 10px 15px;
    text-align:center;
}
.cur-form-rad p {
    margin:0px;padding:2px 7px;border-top:1px solid #c1c1c1;font-size:14px;
}
.cur-form-rad >section {
    background:#FFF;
    display:grid;
    grid-template-columns:50% 50%;
    color:rgb(225, 53, 53);
}
.cur-form-rad > section h7 {
    top: -5px;position: relative;color:#000;
}
.cur-form-rad section i{
    color: #e13535;font-size: 33px;padding: 9px;
}
.f-date {
    text-align:right;
    border:0px !important;
}
.p-des {
    padding:8px 7px !important;
    border-bottom:1px solid #c1c1c1; 
    margin-bottom:10px !important;
    color:rgb(225, 53, 53);
}
.bn-rad {
    position:relative;
    display: inline-block;
    width: 430px;
    text-align: center;
    border: 1px solid #c2cbce;
    border-radius: 10px;
    background: url('../images/bg-back-perfil.png');
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    -moz-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    color: #394448;
    background-size:15% auto;
    height:180px;
}
.bn-rad >div:not(.corchete) {
    height: 38px;font-size: 16px;font-weight: bold;
}
.bn-rad >img {
    width: 180px;
    left: 30px;
    height: 140px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    border: 1px solid #c2cbce;
    position: absolute;
    bottom: -52px;
}
.bn-rad .p-des {
    border: 0px !important;
    position: absolute;
    left: 210px;
    width: 218px;
    color: #FFF;
}
.bn-rad .p-des i{
    font-size:26px !important;
}
.bn-rad .p-des div{
    top: -6px;position: relative;
}
.bn-rad .corchete{
    top: -45px;font-size: 100px;opacity:0.4;
}
.bn-rad .corchete.cpost{
    top: 50px;
    left: 194px;
    width:70px;
}
.corchete img {
    width:100%;
    height:100%;
}
.bn-rad .f-date {
    text-align: center !important;
    position: absolute;
    bottom: -35px;
    width: 220px;
    right: 0px;
}
.p-btn {
    border:0px !important;
    border-top: 1px solid #c1c1c1 !important;
    margin-top:10px !important;
    padding: 15px 10px !important;
}
.cur-form-rad .f-date:last-child {
    margin-bottom:8px;
}
.pdf-preview {
    position:relative;
}
.pdf-preview iframe {
    width:100%;
    height:100%;
    border:0px;
    display:none;
}
.pdf-preview.pdfBoletas,.pdf-preview.pdfLiquida {
    width:100%;
    border:1px solid #c1c1c1;
    height:100%;
}
.pdfDocus {
    margin-left:30px;
    border-left:1px solid #c1c1c1;
    margin-top:-10px;
    margin-right: -20px;
}
.pdfDocuLink {
    width:100%;
    height:100%;
}
.pdfDocuLink iframe{
    display:block;
}
.referent-io.boletas select,.referent-io.contratos select,.referent-io.Vacaciones select,.referent-io.Liquidacion select {
    width:220px;
}
.item-li .li-for.Active:not(.liActive-Sub) {
    color:#C91D14;
}
.add-docu-im {
    background:#FFF;
}
.contentLink-group {
    background:#FFF;
    padding:10px;
}
.Link-card div{
    margin-left:15px;
    padding:5px;
    cursor:pointer;
    width: 200px;
    display: inline-block;
}
.Link-card div:hover {
    color:rgb(225, 53, 53);
}
.sub-link {
    padding-left:20px;
}
.Link-card i {
    margin-right:7px;
}
.pdfVaca {
    overflow:auto;
    width:100%;
}
.sub-link div {
    width:180px !important; 
}
.Link-card i.fa-paperclip {
    transform: rotate(42deg);
    font-size: 17px;
}
.Link-card i.fa-trash-o {
    font-size: 17px;
}
.Link-card i.fa-paperclip:hover {
    color:rgb(225, 53, 53);
}
.itemload {
    display:inline-grid !important;
    grid-template-columns:20px auto;
}
.itemload.Active {
    color:rgb(225, 53, 53) !important;
}
.itemload.Active:hover {
    color:rgb(239, 46, 36) !important;
}
td h6 {
    margin-bottom:0px;
    /*font-weight:bold;*/
}
td p {
    font-size:12px !important;
    font-weight:normal;
    color:#6c757d !important;
}
.badge {
    padding: 4px 6px;
    font-weight: 400;
    text-transform: uppercase;
}
.badge-info {
    color: #fff;
    background-color: #3fa9f5;
}
.badge-ama {
    color: #fff;
    background-color: #ECB536;
}
.badge-orange {
    color: #fff;
    background-color: #fb8b62;
}
.badge-gre {
    color: #fff;
    background-color: #00B398;
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
.badge {
    padding:10px !important;
    font-weight:normal !important;
}
td strong {
    font-size:14px !important;
}
td .small {
    font-size:12px !important;
}
.table-mod td,.table-mod tr {
    background:transparent !important;
    color:rgb(57, 68, 72);
    border:0px !important;
}
.table-mod thead tr {
    font-weight:normal;
    border-bottom:1px solid rgb(204, 204, 204) !important;
}
.table-mod tbody tr {
    border-bottom:1px solid rgb(204, 204, 204) !important;
}
.table-mod tbody tr .fa.fa-eye,.table-mod tbody tr .fa.fa-pencil-square-o,.table-mod tbody tr .fa.fa-trash,.table-mod tbody tr .fa.fa-user-plus,.table-mod tbody tr .fa.fa-share,.table-mod tbody tr .fa.fa-key {
    font-size:25px;
    cursor:pointer;
    margin:0px 5px;
}
.table-mod tbody tr .fa.fa-eye:hover,.table-mod tbody tr .fa.fa-pencil-square-o:hover,.table-mod tbody tr .fa.fa-trash:hover,.table-mod tbody tr .fa.fa-user-plus:hover,.table-mod tbody tr .fa.fa-share:hover,.table-mod tbody tr .fa.fa-key:hover {
    color:rgb(225, 53, 53);
}
.btn-new, .btn-edit, .btn-slide.btnCanc {
    width: 170px !important;
    top: 0px !important;
    margin-left: 0px !important;
}
.chat-ex-box {
    display:grid;
    grid-template-columns:80px auto;
}
.chat-ex-box p,.chat-message-resp p {
    position:relative;
    background: #dbdbdb;
    padding: 15px;
    border-radius: 5px 5px 5px 0px;
}
.chat-message-resp p {
    background:#FFF;
    border-radius: 5px 5px 0px 5px;
}
.ico-box {
    position:relative;
}
.ico-box img {
    position: absolute;
    bottom: 15px;
}
.chat-message-resp .ico-box img {
    margin-left: 15px;
    border-radius: 60px;
    width:60px;height:60px;
}
.chat-message-resp p::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: -16px;
    bottom: -26px;
    -webkit-transform: translateY(-26px);
    transform: translateY(-26px);
    border-left: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-right: 15px solid transparent;
}
.chat-ex-box p::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -15px;
    bottom: -26px;
    -webkit-transform: translateY(-26px);
    transform: translateY(-26px);
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    border-bottom: 15px solid #dedede;
    border-right: 15px solid #dedede;
}
.chat-message-resp {
    /*display: grid;*/
    /*grid-template-columns: calc(100% - 80px) 80px;*/
    padding: 20px;
    border:1px solid #cacaca;
    border-top:0px;
    background: #fdfdfd;
}
textarea {
    width:100% !important;
    max-width:100% !important;
    resize:vertical !important;
    border:1px solid rgb(219, 219, 219);
    padding:10px;
    border-radius:6px;
    background:#FBFBFB;
    color:#535353;
}
.mce-container-body textarea {
    width:590px !important;
}
textarea:disabled,input:disabled {
    background:#EEE;
    color:#828282;
}
.ng-tns-c3-file {
    display:none !important;
}
.btn.btn-success.btn-slide:not(.btn-float) {
    top:-1px !important;
    height:40px !important;
}
p small.message-rep {
    width: 100%;
    display: block;
    font-size:14px;
}
.ng-tns-c16-rep {
    margin-top: 20px;
    display:block;
}
.fixed-bottom-item {
    background: #FFF;
    position: fixed;
    bottom: 0px;
    margin-left: -5%;
    width: calc(100% - 220px);
    z-index: 0;
    border-top: 1px solid #c1c1c1;
    right: 0;
}
.content-form-fix {
    margin-bottom:120px;
}
.mt-2.text-right {
    float:right;
    padding:15px 5px;
}
.text-info .ng-tns-c16-5 {
    color:rgb(225, 53, 53);
}
.ng-tns-c16-ti {
    display:inline-block;
    padding:15px 5px;
    margin:5px !important;
}
.o_form_field {
    position: relative;
    display: inline-block;
}
.data-user-details .fa.fa-pencil {
    font-size: 25px;
    cursor:pointer;
}
.data-user-details .fa.fa-pencil:hover{
    color:rgb(225, 53, 53);
}
/*Adecco*/
.tooltips {
    position:absolute;
    background: rgba(0,0,0,0.8);
    padding: 5px 10px;
    border-radius: 10px;
    color: #FFF;
    z-index: 99;
}
.tooltips::before {
    content: " ";
    display: block;
    position: absolute;
    top: 20px;
    border-width: 10px 0px 12px 10px;
    border-style: solid none solid solid;
    border-color: transparent transparent transparent rgba(0,0,0,0.8);
    transition: border 0.2s ease 0s;
    transform: rotate(90deg);
    left: 27px;
}
.addc_column_AboutNumer {
    width: 210px;
    height: 210px;
    border: 2px dashed #ED1C24;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 15px 15px 0 15px;
    text-align: center;
    font-size:14px;
}
.addc_column_AboutNumer span {
    color: #231F20;
    display: block;
    padding: 0 20px;
}
.addc_column_AboutNumer i {
    font-size: 45px;
    color: #ED1C24;
    display: block;
    padding: 5px 0;
    letter-spacing: -2px;
    font-style: normal;
}
.addc_column_ContainerTabs {
    font-size:14px;
    width: 30%;
    margin-top: 30px;
    text-align: center;
    margin-left: 1.5%;
    margin-right: 1.5%;
    display:inline-table;
}
.addc_column_ContainerTabs strong {
    color: #231F20;
    display: block;
    padding-top: 15px;
}
.addc_column_ContainerTabs p {
    color: #231F20;
    display: block;
    margin: 0px;
    padding-top: 10px;
}
.empty-table {
    width:100%;
    height:100%;
    text-align:center;
    padding:40px 0px;
    display:table;
}
.empty-table .verticalLine {
    display:table-cell;
    vertical-align:middle;
}
.empty-table img{
    height:135px;
    opacity:0.7;
}
.empty-table span {
    font-size:22px;
}
.form-d {
    text-align:center;
    font-size:14px !important;
}
.form-d img {
    width:280px;
    height:200px;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    margin-bottom:8px;
    -webkit-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    -moz-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
}
.subEdit {
    margin-top:25px;
}
.subEdit .fa.fa-pencil {
    padding:8px;
}
button:disabled {
    background:#C8C7C7 !important;
    border-color:#b7b7b7 !important;
    color:#FFF !important;
    opacity:1 !important;
}
.subEdit button {
    top:-6px !important;
    display:none;
}
.subEdit button:hover {
    background:#C91D14;
}
.content-edit-data input {
    color:#000 !important;
}
.content-edit-data input:disabled {
    color:#777 !important;
}
.colum-x-42 {
    padding: 10px;
    border-radius: 6px 6px 0px 0px;
    background: #f1f1f1;
    border: 1px solid #cacaca;
    color: #e13535;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
}
.colum-x-42 i {
    margin-right:5px;
}
.chat-message-resp .line-jp {
    width:48%;
}
.chat-message-resp .line-jp input,.chat-message-resp .line-jp textarea {
    min-width:100%;
    padding:8px 10px;
}
.chat-message-resp input:disabled {
    background:#f4f4f4;
}
.resp-details {
    margin-top:10px;
}
.cab-user-details {
    display:grid;
    grid-template-columns:40px auto 145px;
    background:#e13535;
    border:1px solid #cacaca;
    border-radius:5px 5px 0px 0px;
}
.cab-user-details.respon {
    background:#bdbdbd;
}
.cab-user-details.respon p {
    color:#535353;
}
.cab-user-details p {
    margin: 0px;
    padding: 2px 9px 0px 9px;
    color:#FFF;
    font-size:12px;
}
.cab-user-details p h7:nth-child(2) {
    top: -4px;
    position: relative;
}
.cab-user-details p.dsx {
    padding:9px;
}
.cab-user-details img {
    width:100%;
    border-right:1px solid #9d9d9d;
}
.resp-txt {
    border:1px solid #cacaca;
    border-top:0px;
}
.resp-txt {
    min-height: 100px;
    padding: 10px;
    color: #777;
    background:#fdfdfd;
}
#message {
    margin-bottom:5px;
}
.user-select-bars {
    display:none;
}
#cmbDetalleDocumentos,#cmbListaDocumentos {
    display:none;
    margin-bottom:10px;
}
#cmbDetalleDocumentos {
    position: relative;
    top: -6px;
}
.rib-data-item.rib-docu {
    display:grid;
    grid-template-columns:auto auto auto;
}
#cmbCategoria,#cmbTipo {
    width:200px;
}
.btn-admin {
    width:211px !important
}
.divChecked {
    font-size:35px !important;
}
.divChecked i {
    color:rgb(225, 53, 53);
}
.titleCap {
    background: #e13535;
    color: #FFF;
    padding: 5px 15px;
    border-radius: 3px 0px 0px 0px;
    margin: -10px -16px 0px -20px;
    font-size:15px !important;
}
.hola {
    display:block !important;
    height:none !important;
}
.btn-bsoc {
    margin:0px !important;
    width:100% !important;
}
.bull-tag {
    padding: 0px;
    background: #FFF;
    text-align: center;
    color: #394448;
    border-radius: 5px;
    width: 360px;
    max-width:90%;
    margin: auto;
    cursor: pointer;
    border: 2px solid #bbcbd0;
    box-shadow: 0px 1px 5px -1px rgba(111, 111, 111, 0.75);
    transition: all 0.5s;
}
.bull-tag.Active .content-p  {
    color:#ef2e24;
    border-color:#ef2e24;
}
.bull-tag.Active:hover .content-p{
    border-color:#b72922;
    color:#b72922;
    transition: all 0.5s;
}
.bull-tag:hover .content-p{
    border-color:#556d75;
    color:#556d75;
    transition: all 0.5s;
}
.bull-tag .content-p {
    border-top:8px solid #394448;padding: 5px 5px 0px 5px;
}
.bull-tag img {
    border-radius: 3px 3px 0px 0px;
    width:100%;
    height:270px;
}
.bull-tag p {
    display: inline-block;font-size: 28px;margin-left: 10px;
}
.bull-tag i {
    display: inline-block;font-size: 20px !important;
}
.TagSelect {
    display:grid;
    grid-template-columns:auto auto;
}
.template-box{
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #c1c1c1;
}
.colum-x-42 .asig{
    position: absolute;
    right: 0px;
    background: #e13535;
    padding: 8px 18px;
    top: 0px;
    border-radius: 0px 4px 0px 0px;
    color: #FFF;
    
    margin-right:0px;
}
.colum-x-42 .asig i {
    font-size: 20px;
}
.colum-x-42 .asig div {
display: inline-block;top: -2px;position: relative;
}
.data-der .line-jp{
    width: 80%;text-align: left;
}
.data-der select {
    width:100%;
    max-width:100%;
}
.table-mod .btn-slide{
    top: auto !important;display: block;float: none;margin: auto;
}
.content-be-fr {
    border:0px !important;
    padding:0px 70px !important;
    margin-left:20px !important;
}
.table-admin tbody tr:hover,.table-mod tbody tr:hover {
    background:#eaeaea !important;
    cursor:pointer;
    transition: all 0.2s;
}
.template-box .table-mod tbody tr:hover {
    background:#f9f9f9;
}
table thead {
    background:#dbdbdb;
}
.btn-float {
    position:absolute !important;right:20px;top:11px !important;width:200px !important;
}
.d-mob {
    
}
.add_column_Tabs {
    /*font-family: "Houschka Rounded Medium" !important;*/
    text-align:center;
    background:#FFF;
    border:1px solid #e8e8e8;
    color:#000;
    font-size:20px !important;
    border-radius:6px;
    -webkit-box-shadow: 2px 2px 4px -2px rgba(111, 111, 111, 0.75);
    -moz-box-shadow: 2px 2px 4px -2px rgba(111, 111, 111, 0.75);
    box-shadow: 2px 2px 4px -2px rgba(111, 111, 111, 0.75);
    margin-right:10px;
    margin-bottom:0px;
    margin-top: 70px;
}
.colum-x-5 .add_column_Tabs {
    margin-top:10px;
    padding:0px 25px;
}
.add_column_Tabs .subprimary {
    color:#FFF;
    font-weight:bold;
    font-size:22px;
    padding: 10px 40px;border-bottom: 1px solid #e5e7e8;
    background:#EF2E24;
    border-radius:6px;
    margin-top: -60px;
}
.add_column_Tabs p {
    padding: 20px 40px 40px 40px;
    font-size:20px;
}
.colum-x-2,.colum-x-1,.colum-x-3 {
    margin-top:10px;
    margin-bottom:10px;
    display:grid;
    grid-template-columns:50% 50%;
}
.colum-x-1 {
    grid-template-columns:100%;
}
.colum-x-3 {
    grid-template-columns:33% 33% 33%;
}
.colum-x-2 .add_column_Tabs:last-child {
    margin-left: 1%;
}
.colum-x-5 {
    display:grid;
    grid-template-columns:33% 33% 33%;
    margin-top:5px;
    margin-bottom:40px;
}
.add_column_Tabs .column-2-tabs >div {
    display: table;
    height:100%;
}
.add_column_Tabs .column-2-tabs > div span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.add_column_Tabs img {
    margin-top:30px;
    width:100px;
    height:100px;
    margin-bottom:30px;
}
.column-2-tabs {
    grid-template-columns: 120px auto;
    display: grid;
    max-width: 280px;
    width:100%;
    margin: auto;
}
.content-data-grid {
    display:grid;
    grid-template-columns:35% auto;
}
.content-edit-model {
    margin:0px 7px 0px 0px;
}
.panel-gene {
    background:url('../images/bg-back-perfil.png');
    width: 105%;
    height: 200px;
    margin: -22px 0px 15px -34px;
    background-size: 7% auto;
    position:relative;
    overflow:hidden;
    -webkit-box-shadow:0px -3px 7px 3px rgb(111, 111, 111);
    -moz-box-shadow:0px -3px 7px 3px rgb(111, 111, 111);
    box-shadow:0px -3px 7px 3px rgb(111, 111, 111);
}
.bottom-data {
    width: 100%;
    background: #ac170f;
    position: absolute;
    bottom: 0px;
    height:70px;
    mix-blend-mode:multiply;
}
.corchete {
    font-size: 167px;
    position: absolute;
    right: 5px;
    color: #FFF;
    top: -120px;
}
.cpost {
    left: 185px;
    right: auto;
    top: 20px;
    z-index: 9;
}
.reltiveColor .corchete {
    width: 30px;
    top: 35px;
    right: -2px;
}
.reltiveColor .cpost {
    width: 30px;
    left: 165px;
    top: 90px;
}
.icoPerfil {
    position: absolute !important;
    width: 150px;
    height: 140px;
    z-index: 9;
    bottom: 30px;
    left: 30px;
    border-radius: 5px;
    overflow: hidden;
    background:#FFF;
}
.icoPerfil img {
    width:100%;
    height:100%;
    background:#FFF;
}
.panel-gene h5 {
    position: absolute;
    margin-left: 240px;
    font-size: 23px;
    color: #FFF;
    margin-top: 40px;
}
.panel-gene h5 p{
    font-family:"Houschka Rounded Medium" !important;
}
.dncard {
    color: #FFF;
    padding: 5px;
    display: inline-block;
    position: absolute;
    right: 60px;
    bottom: 0px;
    z-index: 9;
}
.dncard > div {
    grid-template-columns:20px auto;
}
.dncard > div i {
    font-size: 35px;
}
.dncard > div span {
    font-size: 20px;
    top: -5px;
    position: relative;
    margin-left: 4px;
}
.data-panel {
    position:relative;
    border-left:2px solid #ef2e24;
    border-radius:6px;
    margin-bottom:30px;
}
.titlepanel {
    padding: 5px 20px 5px 10px;
    color: #FFF;
    background: #EF2E24;
    border-radius: 6px;
    display: inline-grid;
    border-left: 15px solid #000;
    margin-left: -15px;
    margin-right: 5px;
    max-width:320px;
    width:100%;
    box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
    -webkit-box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
    -moz-box-shadow:0px 2px 5px -3px rgb(111, 111, 111);
    font-size:18px;
}
.lpkNivel {
    margin: 0px 20px 20px 20px;
}
.lpkNivel i {
    font-size: 50px;
    top: -7px;
    position: relative;
    margin-right: 10px;
    color:#000;
}
.lpkNivel h5{
    display: inline-block;width: 125px;color: #e13535;font-size: 25px;font-weight: bold;height:60px;
}
.lpkNivel span {
    font-size: 18px;
}
.faTrans {
    position: absolute;
    margin-left: 5px;
    top: -5px;
    opacity: 0.2;
    font-size:45px !important;
}
.data-panel input {
    background:#FBFBFB;
}
.data-panel input:focus {
    background:#FFF;
    transition: all 0.2s;
}
.data-panel input:disabled,.data-panel select:disabled {
    background:#EAEAEA;
    border-color:#CACACA;color:#939393;
}
.data-panel .colum-x-2,.data-panel .colum-x-1,.data-panel .colum-x-3 {
    padding:10px 30px;
}
.data-panel .line-jp span,.data-panel .line-jp input,.data-panel .line-jp select,.data-panel-ticket .line-jp input {
    width:calc(100% - 45px);
    max-width:100%;
    margin-bottom:5px;
    min-width:initial;
}
.line-jp div i {
    padding: 10px 12px 12px 15px;background: #f0f0f0;border: 1px solid #CACACA;border-radius: 6px 0px 0px 6px;font-size: 16px;top: 0px;position: relative;width:47px;text-align:center;z-index:9;
}
.line-jp div input,.line-jp div select {
    margin-left:-7px;
}
.navuserdiv img {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    background:#FFF;
}
.navuserdiv {
    padding:25px 5px 25px 15px;
}
.navuserdiv span {
    color:#FFF;
    margin-left:5px;
}
.liActive-Sub {
    background: #ef2e24;
    color: #FFF;
    margin: 15px 0px 5px -5px;
    padding: 10px;
    cursor:initial;
    border-bottom:3px solid #000;
    border-top:1px solid #c1c1c1;
}
.liActive-Sub:first-child {
    margin-top:-1px !important;
    border-radius:6px 0px 0px 0px;
    border-top:0px !important;
}
.divAdjunto {
    position:relative;
    display:none;
    margin-top:10px
}
.divAdjunto img {
    width: 80px;height: 80px;margin-top: 10px;border-radius: 5px;border: 1px solid #cecece;
}
.divAdjunto i {
    border-radius: 15px !important;padding: 5px !important;width: auto !important;
    font-size: 12px !important;position: absolute !important;right: -10px;cursor:pointer;
}
.dnone {
    display:none;
}
.content-box-general {
    font-size:14px;
}
.image-preview {
    text-align:center;
}
.image-preview img {
    max-width:90%;
    max-height:90%;
}
.content-box-general .datosg {
    padding: 5px 5px 5px 20px;
    background: #EF2E24;
    margin-left: -30px !important;
    border-radius: 6px;
    margin-bottom: 10px;
    width: 200px;
    color: #FFF;
    display: block;
    border-left: 15px solid #000;
    box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
    -webkit-box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
    -moz-box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
    font-size:18px;
}
input.line-site {
    margin-left:0px !important;
    width:100%;
}
.columVal {
    display: inline-table;
    width: 300px;
    text-align: center;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    margin-right:2px;
    padding: 20px 2px;
    font-size:12px;
    height:370px;
    background:#fffbfb;
}
.mensajeExitoCuenta {
    position: absolute;
    background: #FFF;
    height: 100%;
    z-index: 99;
    font-size:20px;
    display:none;
}
.mensajeExitoCuenta p {
    display:table-cell;
    vertical-align:middle;
    padding:0px 15px;
    word-wrap:break-word;
}
.btnGeneral {
    right: 30px !important;
    margin-bottom: 10px !important;
    position: absolute !important;
    margin-top: -35px !important;

    position: fixed !important;
    z-index: 999;
    background: #f6f6f6;
    padding: 10px 10px 0px 10px;
    border-radius: 10px
}
.btnGeneral button {
    margin-bottom:10px;
}
.re {
    border-radius:6px !important;
    margin-bottom:5px !important;
    cursor:pointer;
}
.content-box-general img {
    border:1px solid #CACACA;
    border-radius:6px;
    background:#d7d7d7;
}
.centerMod .colum-x-2 input,.centerMod .colum-x-2 select {
    width:80% !important;
}
.contentFloatDate {
    padding:5px;
}
.contentFloatDate span {
    background: #d7d7d7;padding: 3px 8px;border-radius: 10px;margin:2px;display:inline;margin-bottom:5px;
}
.contentFloatDate span i {
    margin: 0px 2px;padding: 0px;width: 24px;border-radius: 5px;cursor:pointer;
}
.centerMod .colum-x-1 input,.centerMod .colum-x-1 select {
    width:90% !important;
    max-width:90% !important;
}
.tpaction:hover {
    cursor:pointer;
    background:#D73830;
}
/*.centerMod input[type="date"] {
    padding:10px !important;
}*/
.contentPlan {
    height: 170px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 0px 0px 5px 5px;
    background:#f9f9f9;
}
.MsgComplete {
    position:fixed;
    bottom:0px;
    right:0px;
    padding: 15px;
    z-index:999999999;
}
.MsgComplete div{
    padding: 20px;
    width: 350px;
    background:#394448;
    border-radius: 6px;
    color: #FFF;
    cursor:pointer;
    margin-top:5px;
    -webkit-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    -moz-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    grid-template-columns: 55px auto;
    display: grid;
}
.MsgComplete div.succ {
    background: #43B02A;
}
.MsgComplete div.error {
    background: rgb(225, 53, 53);
}
.MsgComplete div:hover {
    opacity:0.9;
}
.table-mod tr.Active {
    background:#eaeaea !important;
}
.divColumIniciow {
   background: rgba(0,0,0,0.1);
   margin: 10px 10px 10px 0px;
   border:1px solid rgb(219, 219, 219);
   border-radius:3px;
}
.divColumIniciow div.descColumIni{
    width: 250px;
    padding: 30px;
    text-align: justify;
    top: -8px;
    position: relative;
    display:inline-table;
}
.divImg {
    margin: auto;
    position: relative;
}
.content-rev .divImg {
    width:140px;
    height:140px;
}
.divColumIniciow .divImg{
   width: 160px;display: inline-table;top: 22px;position: relative;
}
.divImg[disa="false"] {
    cursor: pointer;
}
.divImg >img{
   width: 100%;height:100%;
}
#IniLogin img,#IniPopup img {
    height:120px;
}
.divImg div.mult {
    background: #820f0f;
    color: #FFF;
    text-align: center;
    bottom: 1px;
    border-radius: 0px 0px 5px 5px;
    height: 35px;
    display: none;
    mix-blend-mode: hard-light;
    width: calc(100% - 3PX);
    right: 1px;
    position: absolute;
    padding-top:5px;
    border-top:1px solid #6c6c6c;
    font-size:12px;
}
.divImg div.lbl {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    display:none;
    color:#FFF;
    font-size:12px;
}
.divImg > div img {
    background:none;
    border:0px;
}
.divImg[disa="false"]:hover div{
    display:block;
}
.divImg:hover img {
    opacity:0.8;
}
.line-left {
    padding: 0px 0px 10px 15px;
    border-left: 2px solid #ef2e24;
    border-radius: 4px;
}
.rCube {
    position:relative;
    display: inline-block;
}
.rCube .dred,.rCube .dblack {
    width:10px;
    height:23px;
    background:rgb(225, 53, 53);
    transform:skew(-23deg, 0deg);
    display:inline-grid;
    margin-right:2px;
}
.rCube .dblack {
    background:rgb(0, 0, 0);
    margin-right:11px;
}
.rCube h2 {
    display:inline-grid;
    margin:0px;
}
.imgToolbar {
    position: absolute;
    right: 78px;
    background: url(/Components/pdfjsdist/web/images/toolbarButton-download.png) no-repeat 7px 4px;
    width: 32px;
    height: 25px;
    background-color: #474747;
    top: 3px;
    border:1px solid transparent;
}
.imgToolbar:hover {
    border: 1px solid hsla(0,0%,0%,.35);
    border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
    box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, 0 0 1px hsla(0,0%,100%,.15) inset, 0 1px 0 hsla(0,0%,100%,.05);
}
.cForm {
    grid-template-columns: 290px 105px;
    display: inline-grid;
    margin-right: 40px;
    margin-bottom:15px;
}
.cForm .contentmdata{
    width: 100%;
    height: 270px;
    border: 1px solid #d0d0d0;
    position: relative;
    overflow: hidden;
    border-radius:10px;
    cursor:pointer;
    -webkit-box-shadow: 0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    -moz-box-shadow:0px 1px 4px -1px rgba(111, 111, 111, 0.75);
    box-shadow:0px 1px 4px -1px rgba(111, 111, 111, 0.75);
}
.cForm .contentmdata img {
    width: 100%;
    height: 100%;
}

.lineMultiply {
    position: absolute;
    width: 100%;
    height: 150%;
    top: -150px;
    background: #d3241b;
    mix-blend-mode: multiply;
    transform: rotate(38deg);
    left: -90px;
}
.nofount {
    display:grid;
    grid-template-columns:20px auto;
    position: absolute;
    width: 100%;
    height: 150%;
    top: -150px;
    transform: rotate(37deg);
    left: -90px;
}
.nofount p {
    transform: rotate(-37deg);
    top: 107px;
    position: absolute;
    color: #FFF;
    width: 64%;
    right: -19px;
    font-size: 16px;
    height: 130px;
}
.toolsform p {
    position: relative;
    top: 45px;
    margin-top: 25px;
    text-align:center;
}
.toolsform p i{
    font-size:40px;
    color:#2e3639;
}
.toolsform p span{
    padding: 8px;top: -5px;position: relative;color:#e13535;
}
.content-oxd {
    height:250px;display: inline-block;overflow: hidden;width: 430px;margin-right: 35px;
}
.template-box textarea,.divColumIniciow {
    border-color:rgb(255, 174, 174) !important;
    box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
    -webkit-box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
    -moz-box-shadow: 0px 2px 5px -3px rgb(111, 111, 111);
}
.content-data-plantilla {
    display: grid;
    grid-template-columns: 20% auto;
}
.modPopUpPlantilla {
    position: fixed;
    min-width: 500px;
    max-width: 95%;
    max-height: 95%;
    left: 50%;
    background: #FFF;
    border-radius: 5px;
    padding: 3px;
    font-size: 13px;
    top: 15px;
    z-index: 9999;
    box-sizing: content-box;
}
.closePopUpPlantilla {
    float: right;
    font-size: 15px !important;
    background: #FFF;
    color: #000;
    border-radius: 15px;
    padding: 5px 7px;
    top: -4px;
    position: relative;
    cursor: pointer;
}
.btnCancPlantilla {
    background: #eee !important;
    color: #000 !important;
    border: 1px solid #d5d5d5 !important;
}
.btnCancPlantilla:hover {
    background: #d9d9d9 !important;
    color: #000 !important;
}
.countTable {
    padding: 5px 5px 0px 5px;display:inline-block;font-size: 15px;opacity:0;
}
table.dataTable {
    border-collapse:collapse !important;
}
.dataTables_wrapper {
    position:initial !important;
}
.dataTables_wrapper .dataTables_length {
    float: right !important;
    top: -5px !important;
    position: relative !important;
}
.dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: right !important;
    position:absolute;
    top:11px;
}
.contentPuestoHabilita {
    border: 1px solid rgb(219, 219, 219);
    border-radius: 5px;
    height: 150px;
    width: 92%;
    overflow:auto;
}
.contentPuestoHabilita > div {
    display: inline-block;
    margin: 5px 5px 0px 5px;
    border: 1px solid #dbdbdb;
    padding: 5px;
    border-radius: 5px;
    background: #f7f7f7;
    cursor:pointer;
    font-size:11px;
}
.contentPuestoHabilita > div i {
    padding: 2px 5px;
    width: auto;
    border-radius: 15px;
    font-size: 14px;
    margin-left: 5px;
}
.contentPuestoHabilita > div:hover {
    background:#f7f7f7e6;
}
.line-per .colum-x-3 {
    grid-template-columns:36% 28% 36%;
}
.imgAdeccoMundo {
    width:100% !important;
    height:600px !important;
    margin:0px !important;
}
.txtSup {
    position:absolute;top: 0px;font-size: 45px !important;text-align: left;width: 65%;font-weight: bold;color: #C91D14;z-index: 9;
}
.txtSupDet {
    position: absolute;bottom: 0px;color: #FFF;padding: 20px 70px 60px 70px;font-size:30px !important;z-index:9
}
.valsub {
    width:260px;
}
.ico-mov {
    display:none !important;
}
.fa.fa-whatsapp {    
    font-size: 40px;
    margin-top: -14px;
    position: absolute;
    top: 25px;
    right: 28px;
    color: #00c306 !important;
}
.fa.fa-whatsapp:hover {
    color: #03a908 !important;
}
.item-doc-important {
    overflow: auto;margin: -10px -31px -10px -20px !important;display:block;
}
.txtDescModel span.hlogedit {
    font-size:25px;
}
.pass_container{
    position: absolute;
    z-index: 9999;
    padding: 10px;
    background: #FFF;
    width: 270px;
    font-size: 10px;
    border-radius:5px 5px 0px 0px;
    border:1px solid #d7d7d7;
    z-index:9999999999;
    border-bottom:0px;
}
.pass_container .line{
    position:relative;
}
.pass_container .line div{
    display: inline-block;
    width: calc(100% - 15px)
}
.pass_container .line i{
    font-size: 13px;
    top: 1px;
    position: relative;
}
.fa.fa-check-square.active{
    color:#1eb92b;
}
.line-jp.asp {
    grid-template-columns: 50% 50%;
    display: inline-grid;
}
.line-jp.asp .cmb {
    width: 65% !important;
}
#cmbEstadoGeneral {
    margin-left: 265px;
}
td.uppletter {
    text-transform: lowercase;
}
td.uppletter:first-letter {
    text-transform: uppercase;
}
.col-md-6{
    margin-bottom:15px;
}
.card{
    height:100%;
}
.avatar-lg {
  font-size: 1.33333rem;
  height: 4rem;
}
.avatar-lg.avatar-4by3 {
  width: 8rem;
}
[dir] .rounded {
  border-radius: .25rem !important;
}
[dir] img {
  border-style: none;
}
.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.content-white{
    background:#FFF;
    border-radius:5px;
    padding:20px;
    margin-bottom:15px;
    border:1px solid #e0e0e0;
}
.row-span-center{
    max-width:950px;
    margin-top:10px;
}
.info-bg{
    margin: 0px -20px 20px -20px;border-bottom: 1px solid #e0e0e0;padding: 0px 20px 20px 20px;
}
.content-white .line-jp{
    width:100%;
}
.content-white .line-jp .cmb,.content-white .line-jp input{
    width:80% !important;
    max-width:80% !important;
}
.content-white .line-jp{
    margin-bottom:20px;
}
.media-right .btn{
    padding:5px;
}
.btn .material-icons {
  font-size: 18px;
  line-height: inherit;
}
.nestable-item-handle .nestable-handle{
    height:100%
}
#DivEditar_CursoLeccion{
    margin-top:20px;
}
.btn.btn-clasic i{
    font-size:25px
}
.text-muted {
  color: #a1a1a1 !important
}
.row-span-center .col-md-7,.row-span-center .col-md-5{
    padding-right:0px;
}
[dir="ltr"] .nestable-item-handle .nestable-content:hover{
    background:#fcfcfc;
    transition: all 0.1s;
}
.modalSingle {
    display: none;
    overflow-y: scroll;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 9999;
    transition: all 1s;
}
.modalSingleContainer{
    width: 50%;
    margin: auto;
    margin-top: auto;
    background: #FFF;
    position: relative;
    margin-top: 50px;
    border-radius: 5px;
    padding:3px;
}
.modalSingleContainer .form-group.row {
    top:0px;
    width:100%;
}
.modalSingleContainer .form-group.row div.line-jp{
    width:100%;
    grid-template-columns:auto;
}
#ContentFile {
    width: auto;
    height: 250px;
    margin-top:10px;
    text-align:center;
    background: url("/Content/images/wait2-3.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10%;
}
#ContentFile video,#ContentFile iframe,#ContentFile img{
    height:100%;
    width:100%;
    margin:auto;
}
#ContentFile img,#ContentFile object,#ContentFile object img {
    height: 100%;
    width:auto;
    max-width: 100%;
    margin: auto;
}
.form-error{
    text-align:center;
}
.pts_leccion {
    float: right;
    margin-top: 10px;
}
.pts_leccion span {
    padding: 3px 8px;
    background: #ef2e24;
    color: #fff;
    margin: 5px !important;
    border-radius: 8px;
    font-size: 18px;
}
.nestable-content .badge.badge-pill.badge-warning {
    margin-left: 15px;
}
@media screen and (max-width:1400px) {
    .fa.faTrans {
        display:none;
    }
}
@media screen and (max-width:850px) {
    .bg_body {
        background-position: 30% 0px;
        background-size:auto 100%;
    }
    .movilLink {
        display:block;
        position: absolute;text-align: center;width: 100%;height: 40%;background: #801610;
        mix-blend-mode: hard-light;font-size: 40px;
        color: #FFF;
    }
    .cab-user-details p.dsx {
        padding:2px 9px 0px 9px;
    }
    .ico-mov {
        display:block !important;
    }
    .valsub {
        width:100%;
    }
    .txtSup {
        font-size: 30px !important;
        width:100%;
        color:#FFF;
        text-align:center;
    }
    .txtSupDet {
        font-size: 18px !important;
        padding:20px 20px 60px 20px;
    }
    .imgAdeccoMundo {
        height:450px !important;
    }
    .user-select-name,.user-select-alert,.item-li {
        display: none;
    }

    .add-info.infovae.info-for,.details-tag {
        grid-template-columns:auto;        
    }
    .add-info.add-docu-im.infovae.info-for {
        padding-left:0px;
    }
    .details-tag {
        text-align:center;
    }
    .user-select-bars,#cmbDetalleDocumentos,#cmbListaDocumentos {
        display: block;
    }
    .item-doc-important {
        margin: -10px 0px 0px 0px !important;width: calc(100% + 20px);background: #FFF;z-index: 9;
    }
    .rib-left {
        width:100%;
        height: calc(100% - 91px) !important;
        top: 90px;
        z-index:99;
    }
    .content-all-nav {
        margin-left:0px;
        width:100%;
    }
    .line-jp {
        margin-bottom:20px !important;
    }
    .line-jp,.line-jp span,.line-jp input,.line-jp select,#cmbDetalleDocumentos,#cmbListaDocumentos,#cmbCategoria,#cmbTipo,.btn-new,.btn-edit,.btn-slide.btnCanc,.fixed-bottom-item {
        max-width: 100% !important;
        width: 100% !important;
    }
    .rib-data-item.rib-docu,.corchete {
        display:none;
    }
    .content-edit-data,.pdf-preview.pdfVaca {
        height:auto !important;
    }
    .btn-bqt {
        margin-left:0px !important;
        margin-top:5px;
        width:100% !important;
    }
    .pdfDocus {
        margin-left:0px;
        border-left:0px;
    }
    select#cmbDetalleDocumentos,select#cmbListaDocumentos {
        padding: 15px 5px !important;
    }
    .rib-left .ico-mn,.rib-left .ico-submn {
        grid-template-columns:auto;
        text-align:center;
        padding:15px 0px;
    }
    .rib-left .ico-mn.Active,.rib-left .ico-submn.Active {
        background:#ef2e24 !important;
    }
    .addc_column_ContainerTabs {
        width:auto;
    }
    .content-val-ico,.content-form.content-be-fr,.add-info.infovae.info-for {
        text-align:center;
    }
    .content-form{
        padding:0px;
    }
    .content-be-fr {
        padding:0px !important;
        margin-left:0px !important;
    }
    .modPopUp {
        min-width:95%;
        height:90%;
    }
    .content-up {
        height:90%;
    }
    .Link-card div {
        width:45%;   
    }
    .sub-link div {
        width:calc(45% - 10px) !important;
    }
    .hola {
        display:block !important;
        height:0px !important;
    }
    .padd-bg {
        padding:15px 0px;
        width:100%;
        grid-template-columns:auto;
    }
    .content-all {
        padding:10px;
    }
    .content-panel {
        min-width: calc(90% - 50px);
        padding: 0px 25px;
    }
    .form-group {
        width:auto;
    }
    .TagSelect {
        grid-template-columns:auto;
    }
    .TagSelect .bull-tag {
        margin-bottom:10px;
    }
    .btn-float {
        position:relative !important;right:0px;top:0px !important;
    }
    .d-mob,.imgLogoAdecco {
        display:none;
    }
    .colum-x-2,.colum-x-3,.colum-x-5,.content-data-grid {
        grid-template-columns:auto;
    }
    .data-panel .line-jp span, .data-panel .line-jp input, .data-panel .line-jp select {
        width: 85% !important;
        max-width: 85% !important;
        margin-bottom: 5px !important;
    }
    .navuserdiv {
        text-align:center;
    }
    .navuserdiv span {
        width: 100%;
        display: block;
        margin-top: 5px;
    }
    .tab-real {
        width:100%;
    }
    .panel-gene {
        height:250px;
        background-size:20% auto;
        width:108%;
    }
    .lpkNivel h5{
        width:calc(100% - 85px) !important;
        top: -20px;
        position: relative;
        display:inline-table;
    }
    .bn-rad {
        width:100% !important;margin-right:0px;
    }
    .content-oxd {
        width:100% !important;margin-right:0px;
    }
    .bn-rad .p-des {
        width:46%;
    }
    .bn-rad .f-date {
        width: 46%;bottom: -47px;
    }
    .bn-rad .f-date span:last-child {
        width:100%;display:inline-block;
    }
    .divForm,.reltiveColor{
        width:100%;
    }
    .content-form {
        margin-left:0px;
    }
    .lpkNivel span {
        top: -20px;
        position: relative;
    }
    .colum-data-ben {
        padding:0px;
        margin-left:0px;
    }
    .divColumIniciow .divImg {
        top:-20px;
        margin-left:25px;
    }
    .divColumIniciow {
        text-align:center;
    }
    .divColumIniciow div.descColumIni {
        width:100%;
    }
    .btnGeneral {
        top:40px !important;
        left: 20px;
        width: calc(100% - 50px);
        left:0px;
        width:93%;
    }
    .rCube {
        margin-bottom:25px;
    }
    .cccontent-mon {
        display:none;
    }
    .cccontent-all {
        padding:100px 10px 55px 10px;
    }
    .txtDescModel {
        position: absolute;top: -241px;color: #000;width: 100%;left: 0px;text-align: center;
    }
    .txtDescModel span {
        font-size:25px;
    }
    .txtDescModel span.hlogedit {
        font-size:16px;
    }
    .txtDescModel span.hlogedit h9 {
        position: relative;top: -15px;
    }
    .txtDescModel span.hlogedit h10 {
        position: relative;top: -40px;
    }
    .infovae .line-jp {
        margin-bottom:10px !important;
    }
    .panel-gene h5 {
        margin-left:200px;
    }
    .line-per .colum-x-3 {
        grid-template-columns:auto;
    }
    .add_column_Tabs .multyBen {
        top: 0px !important;
        left: 0% !important;
        transform: none;
        height: 1090px;
        width: 100%;
    }
    .tab-real.tabcenter {
        margin-top:0px;
    }
}
.divColumGrid{
    display:grid;
    grid-template-columns:250px 220px 250px;
    min-height: 170px;
}
.divColumIniciow.divColumGrid .divImg{
    top:0px;
}
.divColumIniciow.divColumGrid div.descColumIni{
    top:0px;
}
.line-jp .divColumIniciow.divColumGrid div input{
    margin-left:0px !important;
}
#IniPopup img[src='']{
    opacity:0;
}
#IniPopup{
    border: 1px solid #adadad;
    border-radius: 6px;
}