/*@media only screen and (min-width:800px) and (max-width:960px){*/
    /*@media only screen and (max-width: 900px) {
      .Header__headerBg {
        background-position: 51% 0px !important;
      }
    }*/
    
    CloseTicketPopup__closeBtn{
    display: none !important;
     }
    
    .Layout__fullWidth {
        max-width: 100%;
    }
    #layoutContainer {
        padding: 0px;
    }

	/*VLinares 24-10-2024*/
	.Header__logoPart{
      width:100%;
      display: flex;
      align-items: center;
      justify-content: center;
}

    .Header__titleSearchWrapper, .Header__menuBox {
        max-width: 100%;
        transition: max-width 200ms ease;
    }
    .Header__defaultContent .Header__banneralt {
        min-height: 4.375rem;
    }
    .Header__menuBox {
        box-sizing: border-box;
        /* padding: 0.875rem 0.9375rem; */
        /* margin: 0 auto; */
        width: 100%;
        flex-direction: row;
        min-height: 2.8125rem;
    }
    .Header__menuBox {
        justify-content: center;
    }
    .Header__header, .Header__menu, .Header__menuWrapper, .Header__titleSearchWrapper, .Header__nav .Header__link, .Header__menuList, .Header__navbtn, .Header__menuBox, .Header__menuWrapper {
        position: relative;
        /* margin-right: initial; */
    }
    .Header__navbtn {
        z-index: 1;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: center;
    }
    .description td {
      word-break: normal;
      background: #610c57;
      color: white;
    }
    Atributo style {
      border-bottom: 1px solid rgb(251, 251, 251);
      padding: 8px 10px 6px 12px;
      font-size: 12px;
      color: rgb(255 255 255);
      text-decoration: none;
    }
    .ConfirmBox__messageContent {
      background-color: #fff;
      padding: 1.875rem 1.25rem 1.25rem;
      border-radius: 0rem 0rem 0.125rem 0.125rem;
      word-break: break-word;
      margin: 0;
      color: black;
    }
    /*inicia efecto del boton ticket en el cuerpo*/
    .buttonbody {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      padding: 4px 4px;
      border: 0px solid #008a85;
      border-radius: 3px;
      /*background: #008a85;
          background: -webkit-gradient(linear, left top, left bottom, from(#008a85), to(#008a85));
          background: -moz-linear-gradient(top, #008a85, #008a85);*/
      background-color: #008a85;
      font: normal normal bold 14px Montserrat, sans-serif;
      color: #ffffff;
      text-decoration: none;
      font-size: -0.125rem;
    }
    /*#link { color: #FFFFFF; }*/
    .ArticleCmd__posttime {
      color: #fff;
      font-size: 0.8125rem;
    }
    .Message__messageStr {
      padding: 0 0.5rem 0;
      word-break: break-word;
      max-width: 24.375rem;
      color: #000000;
    }
    .left {
      float: left;
      background: blue;
    }
    .right {
      float: right;
      background: red;
    }
    .LoginDetail__tabLink, .LoginDetail__userLink {
        color: inherit;
        text-decoration: none;
        font-weight: normal;
        font-family: sans-serif;
        font-size: 16px;
    }
    #headerContainer ul {
        padding: 0;
        width: 100%;
        align-items: center;
    }
    .Header__header, .Header__menu, .Header__menuWrapper, .Header__titleSearchWrapper, .Header__nav .Header__link, .Header__menuList, .Header__navbtn, .Header__menuBox, .Header__menuWrapper {
        position: relative;
    }
    .Header__defaultContent .Header__titleSearchBox {
        display: none;
    }
    li#Cases_tab {
        cursor: pointer;
    }
    #flex-container {
        text-align: center;
        width: 100%;
        height: 450px;
        display: flex;
        background: url(https://www.tivenoscrm.com/tools/imagenes_ucsp/BannerBienvenidaZoho1882x630.png);
        background-repeat: no-repeat;
        background-size: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    div#contenido_derecha {
        display: block;
        width: 100%;
        height: 80%;
    }
    #contenido_izquierda{
      width: 50%;
    }
    
    contenido_derecha {
        width: 100%;
        height: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    /*pading centro de pagina*/
    .AppContainer__homeWidget {
        padding: 0rem 0 0 0;
    }
    #imagen_fondo {
      padding: 0px;
      max-width: 100%;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      /*background-image: url('https://www.tivenoscrm.com/tools/imagenes_ucsp/BannerBienvenidaZoho.png');*/
    }
    
    #seccion_botones{
        width: 100%;
        display: flex; 
        justify-content: center; 
    }
    h5.align-center {
        margin: 0px;
        padding: 12px;
    }
    #boton{
       width: 35%; 
       background-color: #333333; 
       color: white;
       padding: 5px 0px;
       margin: 5px;
    }
    /*Cambia de color de fondo cuando pasa el mouse sobre él*/
    #boton:hover {
      background-color: #5a5858;
    }
    
    /*Aplica estilo a los logos*/
    .Header__menuBox img{
        object-fit: contain;
        width: auto;
    }
    .Header__menuBox {
        justify-content: space-around;
    }
    .Header__menuBox {
        box-sizing: border-box;
        padding: 0px;
        margin: 0px;
        width: 100%;
        flex-direction: column;
    }
    #navBarContainer {
        width: 100%;
        /* margin-left: 22%; */
    }
    img#logo_izquierda {
        /* margin-left: 104%; */
        width: 100%;
    }
    #seccion_navbar {
        margin: 0px;
        width: 100%;
        margin-left: 0px;
        justify-content: center;
    }
    #new_ticket_btn{
        background-color: #DEAE5B;
        color: #FFFFFF;
    }
    li#new_ticket_button {
        border: 1px solid #243FAB;
        padding: 4px;
        background-color: #DEAE5B;
        color: #FFFFFF;
        text-decoration: none;
        /* text-transform: uppercase; */
        font-family: 'Helvetica', sans-serif;
        border-radius: 6px;
        font-size: 16px;
        margin: 0px;
        cursor: pointer;
    }
    .Header__containerLink:hover{
        color: white;
    }
    
    .Header__welcomeTitle{
        font-size: 2.5rem;
        line-height: 1rem;
        margin: 0 0 1.5rem 0;
        padding: 0;
    }
    .Header__titleDescription {
        padding-bottom: 0.1rem;
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .Header__homeContent .Header__searchalt .Header__searchLink {
        margin: auto;
        /*width: 100%;*/
    }
    #seccion_uno {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: -5%;
        font-size: 30pt;
    }
    #seccion_dos {
        color: white;
        width: 100%;
        margin-bottom: 7%;
        font-size: 17px;
    }
    #seccion_tres {
          color: white; 
        width: 80%;
        margin-top: 0%;
        font-size: 13px;
        height: 27px;
    }
    #seccion_cuatro{
       width: 80%; 
       margin-top: 5%; 
       font-size:14px;
    }
    /*Sección inicio boton ver pasos aqui*/
    .myButton {
        box-shadow:inset -21px -23px 50px -10px #DEAE5B;
        background-color:#DEAE5B;
        border-radius:5px;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Trebuchet MS;
        font-size:16px;
        padding:7px 8px;
        text-decoration:none;
        text-shadow:0px 0px 0px #ffffff;
    }
    
    
    .Header__titleSearchBox{
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 3px;
    }
    
    .caja {
      position: relative; /*Para poder ubicar la info dentro de la caja*/
      margin: 10px auto;
    }
    
    .caja info {
      border:2px solid black;
      color: white;
      background: black;
      padding: 5px;
    }
    
    #imagen_info {
      position: absolute; /*Info sobre la imagen*/
      top: 5%;
      left: 0; /*Desplazamos a partir de la esquina superior izquierda*/
      zoom: 1;
      width: 800px;
      filter: alpha(opacity=0); /*Opacidad Para IE */
      opacity: 0; /*Inicialmente transparente */
      -moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
      -webkit-transition:all ease .8s ;
      transition:all ease .8s;
    }
    .caja:hover #imagen_info {
      filter: alpha(opacity=80);
      opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
    }
    .KBCategoryTree1__kbTitle {
        color: #f0ad4e;
        margin: 0.625rem 0;
    }
    
    
    /*Estilo para la sección de búsqueda*/
    
    #searchBtnContainer {
        width: 100%;
        /* margin-left: 20%; */
        /* margin-right: 20%; */
        /* padding-bottom: 0; */
        justify-content: center;
    }
    .SearchAutosuggest__suggestList {
        text-decoration: none;
        color: #333;
        padding: 0.9375rem 0.625rem;
        /* transition: all 0.3s ease-out; */
        border-bottom: solid 0.0625rem #f2f2f200;
        max-width: 100%;
    }
    
    /*Buscador mas pequeño en paginas que no son de inicio*/
    .Input__searchBox {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 2.375rem;
        padding: 0.625rem 2rem 0.625rem 0.625rem;
        color: #666;
        font-size: .8rem;
        border: 1px solid #e5e8ea;
        border-radius: 3px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }
    /*Modificar el ancho del div que contiene el input*/
    .SearchBox__searchpart {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    
    .TicketFilterPopup__filterValue {
        /* padding: 0.3125rem; */
        position: relative;
        font-weight: 600;
        font-size: 0.875rem;
        color: #ffffff;
    }
    .TicketFilterPopup__active, .TicketFilterPopup__filterValue:hover {
        color: #243fab;
    }
    .Info__infoLabel {
        color: #243fab;
        text-transform: capitalize;
    }
    .TicketDetailRightContainer2__edit {
        float: right;
    }
    .TicketDetailRightContainer2__title {
        color: #133687;
    }
    .body {
        color: #133687;
    }
    .Form__labelText {
        color: black;
    }
    .Field1__msgInfo {
        color: black;
    }
    .CustomWidgets__widgetTitle {
        color: #243fab;
    }
    .description {
        color: black;
    }
    .Tree__arrowRotClose {
        color: #243fab;
    }
    .Icon__small {
        color: #243fab;
    }
    .Icon__large {
        color: #243fab;
    }
    .ProfileTabs__tabList:hover, .ProfileTabs__activeTab {
        background-color: #243fab;
    }
    .ProfileInformation__content {
        color: black;
    }
    .ProfileLeftContainer__yearStart {
        color: #fff;
    }
    .TicketDetailRightContainer2__sectionName {
        color: #243fab;
    }
    .TicketDetailRightContainer2__edit {
        color: #243fab;
    }
    .SearchAutosuggest__title {
        text-decoration: none;
        color: #fff;
        padding: 0.9375rem 0.625rem;
        border-bottom: solid 0.0625rem #f2f2f200;
        max-width: 100%;
        background-color: #4c4c4c66;
    }
    .commonStyle__link, .themeLink {
        color: #243fab;
    }
    .SearchAutosuggest__searchSuggest {
        width: 100%;
        margin: 0 auto;
        border-radius: 0.1875rem;
        -webkit-box-shadow: 0 0.375rem 1rem 0 rgb(76 76 76 / 40%);
        -moz-box-shadow: 0 0.375rem 1rem 0 rgba(76, 76, 76, 0.4);
        box-shadow: 0 0.375rem 1rem 0 #4c4c4c66;
        position: absolute;
        top: 104%;
        left: 0;
        right: 0;
        z-index: 1;
        background: #888;
        transition: all 0.3s ease-out;
        border: solid 0.0625rem #ddd0;
        opacity: 1;
        max-height: 400px;
        overflow-y: auto;
    }
    .Tree__textWrap {
        color: black;
    }
    .Info__tootipText {
        color: #fff;
    }
    .Button__neutral {
        border: 0.0625rem solid #8880;
        color: #ffffff;
        transition: all .2s ease;
        background: #f0ad4e;
    }
    .Button__neutral:hover {
        color: #fff;
        background-color: #243fab;
    }
    .SearchAutosuggest__suggestList {
        text-decoration: none;
        color: #333;
        padding: 0.9375rem 0.625rem;
        /* transition: all 0.3s ease-out; */
        border-bottom: solid 0.0625rem #f2f2f200;
        max-width: 100%;
    }
    .Info__tootipText {
        font-size: 0.75rem;
        line-height: 1rem;
        color: #fff;
    }
    .TicketDetailRightContainer2__sectionName {
        color: #f0ad4e;
        margin: 1rem 0rem;
    }
    .TicketPropertiesContainer__sectionName {
        color: #243fab;
        margin: 1rem 0;
    }
    .Form__labelText {
        color: #133687;
    }
    .Field1__msgInfo {
        color: white;
    }
    .Button__disabled {
        cursor: not-allowed;
        color: #989898;
        background-color: #8880;
        box-shadow: none;
        border: none;
    }
    .Button__neutral {
        border: 0.0625rem solid #8880;
        color: #ffffff;
        transition: all .2s ease;
    }
    .SearchAutosuggest__suggestList {
        text-decoration: none;
        color: #fff;
        padding: 0.9375rem 0.625rem;
        /* transition: all 0.3s ease-out; */
        border-bottom: solid 0.0625rem #f2f2f2;
        max-width: 100%;
    }
    .SearchBox__searchicon:hover {
        box-shadow: 0 0.4375rem 1.875rem rgb(0 0 0 / 20%);
        color: #555;
    }
    span.Form__labelText {
        color: #888;
    }
    .SearchAutosuggest__suggestList {
        text-decoration: none;
        color: #777;
        padding: 0.9375rem 0.625rem;
        /* transition: all 0.3s ease-out; */
        border-bottom: solid 0.0625rem #ffffff00;
        max-width: 100%;
    }
    .TicketClosePopup__description {
        padding: 0.625rem 0rem;
        COLOR: BLACK;
    }
    .Message_messageStr {
        COLOR: BLACK;
    }
    .TicketFilterPopup__filterValue:hover {
        color: #243fab;
    }
    .TicketDetailRightContainer2__sectionName {
        color: #243fab;
        margin: 1rem 0rem;
    }
    .TicketListLeftContainer1__listItem {
        color: #243fab;
        background: #243fab00;
    }
    .TicketListLeftContainer1__ticketCount {
        padding-left: 10px;
        color: #243fab;
    }
    .CommentOne__Comment {
        color: #000;
    }
    .TicketDetailRightContainer2__title {
        color: #243fab;
    }
    .TicketDetailLeftContainer__boxView {
        padding: 1.25rem;
        border-radius: 0.1875rem;
        background-color: #fff;
        border: 0.0625rem solid #d4dadf00;
        box-shadow: 0 0.1875rem 0.5rem 0 rgba(0,0,0,0.03);
    }
    
    
    /*Color en los estados del ticket */
    span.Badge__implement.Badge__badge.cerrado {
        background-color: red;
    }
    span.Badge__implement.Badge__badge.abierto {
        background-color: #243fab;
    }
    span.Badge__implement.Badge__badge.en_espera {
        background-color: #243fab;
    }
    span.Badge__implement.Badge__badge.en_progreso {
        background-color: #243fab;
    }
    
    
    /*Sección iniciar sesión*/
    .LoginDetail__tabLink, .LoginDetail__userLink {
        color: inherit;
        text-decoration: none;
        font-weight: normal;
        font-family: sans-serif;
    }
    .Signin__title {
        padding: 0px;
        font-size: 26px;
        color: #f0ad4e;
        text-transform: uppercase;
        font-weight: bold;
        visibility: hidden;
    }
    span.Signin__title.commonStyle__displayBlock.commonStyle__fweight600::before {
        content: "¿Ya eres parte de la Escuela de Postgrado?";
        visibility: visible;
        float: left;
    }
    .Signin__subTitle {
        font-size: 0.8125rem;
        padding-bottom: 1.5625rem;
        COLOR: BLACK;
      font-weight: bold;
    }
    span.Signin__subTitle.commonStyle__displayBlock {
        visibility: hidden;
    }
    span.Signin__subTitle.commonStyle__displayBlock::before {
        content: "Si cuentas con una cuenta San Pablo Mail (ejemplo@ucsp.edu.pe) ingresa haciendo clic sobre el ícono de Google. ";
        visibility: visible;
        color: #243fab;
        /*font-size: 10px;*/
    }
    .Icon__xxLarge {
        width: 2.8125rem;
        height: 2.8125rem;
        color: black;
    }
    li#userPreference {
        visibility: hidden;
    }
    .Signin__details {
        background: #f9f9f9;
        padding: 1.875rem 0;
        border-radius: 3px;
        color: #000000;
        align-items: center;
    }
    .Signin__details {
        background: #f6f8fd;
        padding: 1.875rem 0;
        border-radius: 3px;
        color: #000000;
        align-items: center;
    }
    .Signin__details {
        background: #f6f8fd;
        padding: 1.875rem 0;
        border-radius: 3px;
        display: flex;
        width: 90%;
        border: 1px solid #d4dadf00;
    }
    a.Link__link2.commonStyle__link.commonStyle__cursor {
        color: #243fab;
    }
    li#tab_signin {
        display: none;
    }
    
    
    
    /*Sección registrarse*/
    .Signup__title {
        padding: 0px;
        font-size: 26px;
        color: #f0ad4e;
        text-transform: uppercase;
        font-weight: bold;
        visibility: hidden;
    }
    span.Signup__title.commonStyle__displayBlock::before {
        content: "Regístrese aquí";
        visibility: visible;
        float: left;
    }
    .Signup__subTitle {
        font-size: 0.8125rem;
        padding-bottom: 1.5625rem;
        color: BLACK;
      font-weight: bold;
    }
    .Signup__details {
        padding: 1.875rem 0;
        border: 1px solid #d4dadf;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03);
        border-radius: 3px;
        background: #f6f8fd;
        width: 90%;
    }
    .Signup__details {
        padding: 1.875rem 0;
        border: 0px solid #d4dadf00;
        box-shadow: 0 0px 0px 0 rgba(0,0,0,0.03);
        border-radius: 3px;
        background: #f6f8fd;
        width: 90%;
    }
    .Captcha__captcha {
        overflow: hidden;
        min-height: 8.75rem;
        width: 100%;
        border: 0.0625rem solid #ddd0;
        margin: 1.25rem 0;
    }
    span.Signup__subTitle.commonStyle__displayBlock::before {
        content: "Si cuentas con una cuenta San Pablo Mail (ejemplo@ucsp.edu.pe) ya cuentas con tu acceso rápido. Ingresa al menú “Iniciar sesión” y haz clic sobre el ícono de Google.";
        visibility: visible;
        color: #243fab;
    }
    
    span.Signup__subTitle.commonStyle__displayBlock {
        visibility: hidden;
    }
    
    
    /*MENSAJE DE REGISTRARSE
    .ErrorPageNew__heading.commonStyle__fweight600.commonStyle__wordBreak::before {
        content: "¡Le agradecemos su registro a nuestra comunidad!";
        visibility: visible;
        margin-left: 20px;
    }
    .ErrorPageNew__heading.commonStyle__fweight600.commonStyle__wordBreak {
        visibility: hidden;
          display: contents;
    }
    .ErrorPageNew__description::before {
        visibility: visible;
        content: "Desde postgradodesk@ucsp.edu.pe hemos enviando un correo electrónico a la dirección registrada. Por favor, haga clic en el enlace “ACEPTAR LA INVITACIÓN” para poder iniciar sesión.";
        float: left;
    }
    
    .ErrorPageNew__description {
        visibility: hidden;
    }*/
    /*tipo de letra en correo al darse de alta*/
    dd {
        font-family: sans-serif;
    }
    /*SECCIÓN SU CONTRASEÑA POR LA CONTRASEA*/
    .SignupInvitationContainer__profileHeadTitle.commonStyle__fweight600::after {
        content: "LA CONTRASEÑA";
        visibility: visible;
    }
    .SignupInvitationContainer__profileHeadTitle {
        font-size: 1rem;
        padding-bottom: 5px;
        visibility: hidden;
        display: grid;
    }
    
    /*MENSAJE ABAJO DE LA CONTRASEÑA*/
    
    /*ul.List__list.commonStyle__ulAlign::before {
        content: "Antes de generar una contraseña, tenga en cuenta que ésta no puede ser igual al correo electrónico registrado (usuario), debe tener mínimo ocho (8) caracteres y que estos no contengan número o signos en secuencia (ej. 1234 o @#$%&).";
        visibility: visible;
    }
    ul.List__list.commonStyle__ulAlign {
        visibility: hidden;
    }*/
    
    /*MENSAJE DE CONTRASEÑÑA VULNERABLE*/
    
    .form>.field-msg.error::before {
        content: "La contraseña es vulnerable, favor de colocar una contraseña más segura";
        visibility: visible;
    }
    .form>.field-msg.error {
        border-radius: 5px;
        padding: 5px;
        margin: 0 0 12px;
        text-align: start;
        visibility: hidden;
    }
    
    
    /*Sección olvide mi contraseña*/
    .ForgetPasswordContainer__subTitle {
        font-size: 0.8125rem;
        padding-bottom: 1.5625rem;
        color: black;
    }
    .ForgetPasswordContainer__title {
        padding: 0.3125rem 0 0.9375rem;
        font-size: 1.375rem;
        color: black;
    }
    .btn {
        font-family: "Open Sans";
        color: #fff;
        background: #243fab;
        background: -moz-linear-gradient(#FCFCFC, #DBDBDB);
        background: -webkit-linear-gradient(#243fab, #243fab);
        background: -ms-linear-gradient(#FCFCFC, #DBDBDB);
        background: -o-linear-gradient(#FCFCFC, #DBDBDB);
        border: 1px solid #243fab;
        border-radius: 3px;
        padding: 4px 14px;
        margin: 0px;
        text-shadow: 0 2px 0 #fff0;
        box-shadow: 0 1px 0 rgb(255 255 255 / 0%);
        cursor: pointer;
    }
    
    
    
    /*Estilo para texto debajo del input de búsqueda*/
    .Header__welcomeTitle{
        margin-left:0;
        margin-right:0;
        margin-bottom:0;
        margin-top:0;
        font-size: 1.5rem;
    } 
    .Header__searchLink {
        box-shadow: none !important;
    }
    .SearchAutosuggest__suggestList {
        background: #ffffff;
        color: #fff;
    }
    .SearchAutosuggest__suggestList:hover {
        color: #ffffff;
    }
    .commonStyle__active, .commonStyle__active:hover, .Icon__activeBlue, .themeLink, .themeLink:hover {
        color: #243fab;
    }
    .commonStyle__link, .Icon__hoverblue1:hover, .DepartmentList__forums {
        color: #243fab;
    }
    .commonStyle__link:hover, .Icon__hoverblue1:hover, .DepartmentList__forums {
        color: #243fab;
    }
    .SearchBox__filterList.commonStyle__link.commonStyle__cursor.commonStyle__overflowDotted {
        color: #243fab;
    }
    span.Menu__partlabel.commonStyle__overflowDotted.commonStyle__displayBlock {
        color: #243fab;
    }
    .Button__info {
        border: 0.0625rem solid #243fab;
        color: #243fab;
        transition: all .2s ease;
    }
    a.Link__link.commonStyle__link.commonStyle__cursor.commonStyle__verticalMiddle.Link__active.commonStyle__active {
        color: #243fab;
    }
    a.Link__link. {
        color: #243fab;
    }
    
    /*SECCIÓN ATAJOS*/
    .Atajos_centro_kb {
        display: flex;
        justify-content: center;
        background-color: #f6f8fd;
        padding: 0px;
        margin: 0px;
        border-radius: 12px;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: stretch;
        width: 100%;
    }
    .v-line {
        border-left: solid #a7a6ab;
        width: 0.2vw;
        height: 106px;
        left: 53%;
        position: unset;
        margin: 7px;
    }
    span.h3.helpers__title {
        color: #243fab;
        font-weight: bold;
        font-size: 23px;
    }
    span.helpers__description {
        color: #243fab;
    }
    .zda36e3e320d {
        border-radius: var(--hc_size4);
        background-color: var(--hct_toc_primary_bg);
        padding: var(--hc_size14) var(--hc_size20) var(--hc_size16) var(--hc_size20);
        visibility: hidden;
        display: none;
    }
    .cont_derecho:hover {
        background: #ffffff;
        border-color: #deae5b;
        border-width: 2px;
        border-style: solid;
        border-radius: 12px;
          width: 39%;
        margin-left: -40px;
          font-size: 15px;
    }
    .cont_izq:hover {
        background: #ffffff;
        border-color: #deae5b;
        border-width: 2px;
        border-style: solid;
        border-radius: 12px;
          width: 35%;
    }
    .cont_derecho {
        background: #dddddf;
        /*border-color: #deae5b;
        border-width: 2px;
        border-style: solid;*/
        border-radius: 12px;
          padding: 12px;
        text-align: center;
          width: 37%;
        margin-left: -15px;
        font-size: 15px;
    }
    .cont_izq {
        background: #dddddf;
        border-radius: 12px;
        padding: 10px;
        width: 35%;
        text-align: center;
    }
    
    
    /*Articulos centrales*/
    .cajacentral {
        margin-left: 0px;
        width: 100%;
    }
    .redirec11{
    color: #243fab;
    border: 12px;
    text-decoration:none;
    }
    .redirec11:hover{
    color: #243fab;
    }
    .redirec12{
    color: #243fab;
    border: 12px;
    text-decoration:none;
    }
    .redirec12:hover{
    color: #243fab;
    }
    .redirec21{
    color: #243fab;
    border: 12px;
    text-decoration:none;
    }
    .redirec21:hover{
    color: #243fab;
    }
    .redirec22{
    color: #243fab;
    border: 12px;
    text-decoration:none;
    }
    .redirec22:hover{
    color: #243fab;
    }
    .redirec31{
    color: #243fab;
    border: 12px;
    text-decoration:none;
    }
    .redirec31:hover{
    color: #243fab;
    }
    .redirec32{
    color: #243fab;
    border: 12px;
    text-decoration:none;
    }
    .redirec32:hover{
    color: #243fab;
    }
    .caja1 {
        border: 5px solid #f6f8fd;
        font-family: 'Lato', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .caja11 {
      background-color: #d4dadf;
      color: white;
      border: 2px solid #f6f8fd;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja12 {
      background-color: #d4dadf;
      color: white;
      border: 2px solid #f6f8fd;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja11:hover {
      background-color: #ffff;
      color: #243fab;
      border: 2px solid #deae5b;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja12:hover {
      background-color: #ffff;
      color: #243fab;
      border: 2px solid #deae5b;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja2{
        border: 5px solid #f6f8fd;
        font-family: 'Lato', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .caja21 {
      background-color: #d4dadf;
      color: white;
      border: 2px solid #f6f8fd;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja22 {
      background-color: #d4dadf;
      color: white;
      border: 2px solid #f6f8fd;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja21:hover {
      background-color: #ffff;
      color: #243fab;
      border: 2px solid #deae5b;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja22:hover {
      background-color: #ffff;
      color: #243fab;
      border: 2px solid #deae5b;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja3{
        border: 5px solid #f6f8fd;
        font-family: 'Lato', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .caja31 {
      background-color: #d4dadf;
      color: white;
      border: 2px solid #f6f8fd;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja32 {
      background-color: #d4dadf;
      color: white;
      border: 2px solid #f6f8fd;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja31:hover {
      background-color: #ffff;
      color: #243fab;
      border: 2px solid #deae5b;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    .caja32:hover {
      background-color: #ffff;
      color: #243fab;
      border: 2px solid #deae5b;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
      max-width: 340px;
      border-radius: 10px;
    }
    
    
    /* ESTILOS BASE DE CONOCIMIENTO*/
    .Icon__xxLarge {
        width: 2.8125rem;
        height: 2.8125rem;
        color: black;
        display: none;
    }
    .Avatar__medium {
        height: 2.8125rem;
        width: 2.8125rem;
        display: none;
    }
    .List__postdet {
        align-items: center;
        /*display: none;*/
    }
    .ModuleItem__moduleHeader {
        padding: 0.9375rem;
        align-items: center;
        justify-content: flex-start;
        background: #7c78783b;
        border-radius: 12px;
    }
    .ModuleItem__moduleHeader:hover {
        background: white;
        border-color: #deae5b;
        border-width: 2px;
        border-style: solid;
        border-radius: 12px;
    }
    .ModuleItem__moduleListItem {
        background-color: #d6d3d3;
        padding: 1.25rem;
        background: #7c78783b;
        border-radius: 12px;
          margin-top: 6px;
    }
    .ModuleItem__moduleListItem:hover {
        background: white;
        /* border: 1px solid #d0d0d0; */
        border-color: #deae5b;
        border-width: 2px;
        border-style: solid;
        border-radius: 12px;
        margin-top: 6px;
    }
    .ArticleListContainer__boxView {
        border: 1px solid #ffffff00;
        box-shadow: 0 0px 0px 0 rgb(0 0 0);
        background-color: #fff0;
    }
    .ScrollSticky__type2 {
        z-index: 3;
        display: inline-block;
        overflow-y: auto;
        max-height: 80vh;
        color: #243fab;
    }
    svg.Icon__icon.commonStyle__positionRel.commonStyle__inlineBlock.Icon__xSmall {
        color: #deae5b;
    }
    a.CustomWidgets__widgetContents.commonStyle__link.commonStyle__cursor.commonStyle__flex1.commonStyle__overflowDotted {
        color: #243fab;
    }
    /*a.Link__link.commonStyle__link.commonStyle__cursor.commonStyle__verticalMiddle {
        color: #243fab;
    }*/
    .Tag__tagAdded .Tag__tagLink, .Tag__tagAdded .Tag__tagText {
        padding: 0.1875rem 0.625rem 0.3125rem;
        color: #243fab;
    }
    table:not(.pika-table) td {
        padding: 8px;
        border: 1px solid #DEAE5B;
        background: #f6f8fd;
    }
    .ModuleItem__moduleItem {
        background-color: #fff0;
        border-bottom: 1.0625rem solid #f6f8fd;
        position: relative;
    }
    .KBCategoryTree1__kbTitle {
        color: #243FAB;
        margin: 0.625rem 0;
    }
    .KBSubCategoryContainer__boxView {
        border: 0px solid #d4dadf;
        box-shadow: 0px 0px 0px 0 #deae5b;
    }
    .ArticleDetailLeftContainer__kbTitle {
        font-weight: 600;
        font-size: 2.4rem;
        letter-spacing: 0;
        line-height: 1.14;
        text-transform: none;
        color: #243fab;
        margin: 0;
        word-wrap: break-word;
    }
    .description td {
        word-break: normal;
        background: #ffffff;
        color: white;
        /*border-block-start-color: red;*/
    }
    .ArticleDetailLeftContainer__box, .ArticleDetailLeftContainer__cmdBox {
        background: #fff0;
        padding: 1.25rem;
        overflow: auto;
        border: 0px #d4dadf00;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03);
    }
    .ArticleCmd__articleLike {
        background: #fff0;
        padding: 1rem 0 0;
        border-top: 1px solid #f2f2f200;
        margin: 1rem 0 0;
    }
    .ArticleComments__box {
        padding: 1.25rem;
        border-radius: 0.1875rem;
        background-color: #fff0;
        border: 0.0625rem solid #d4dadf00;
        box-shadow: 0 0.1875rem 0.5rem 0 rgba(0,0,0,0.03);
        margin-top: 0.625rem;
    }
    .ModuleItem__moduleDescription {
        font-size: 0.9rem;
        font-weight: normal;
        color: #545454;
        margin-bottom: 0.625rem;
        display: none;
    }
    span.ArticleComments__replyFus.undefined.undefined.commonStyle__link.commonStyle__cursor.commonStyle__flex1.commonStyle__dFlex {
        color: rgb(0, 0, 153);
    }
    .FileUpload__AttacheText {
        margin-left: 0.3625rem;
        display: inline-block;
        font-size: 0.875rem;
        color: rgb(0, 0, 153);
    }
    svg.Icon__icon.commonStyle__positionRel.commonStyle__inlineBlock.Icon__brand1.Icon__hoverblue1 {
        color: rgb(0, 0, 153);
    }
    svg.Icon__icon.commonStyle__positionRel.commonStyle__inlineBlock.Icon__hexGray20.Icon__hoverblue1 {
        color: rgb(0, 0, 153);
    }
    svg.Icon__icon.commonStyle__positionRel.commonStyle__inlineBlock.Icon__hexGray35.Icon__hoverblue1 {
        color: rgb(0, 0, 153);
    }
    
    /*mi perfil*/ 
    .ProfileTabs__tabList:hover, .ProfileTabs__activeTab {
        background-color: #ffffff;
    }
    .ProfileRightTopBar__profileHeadTitleBorder {
        padding: 0.9375rem 0.625rem 0.9375rem 1.5625rem;
        border-bottom: 1px solid #f2f2f2;
        min-height: 4.0625rem;
        DISPLAY: NONE;
    }
    .ProfileLeftContainer__yearStart {
        color: #294992;
    }
    .FilterTabs__filterList+.FilterTabs__filterList {
        background: #243fab;
        width: 155px;
        text-align: -webkit-center;
        color: white;
        border-radius: 7px;
    }
    li.FilterTabs__filterList.commonStyle__cursor.FilterTabs__activeFilter.commonStyle__active {
        color: #243fab;
    }
    li.FilterTabs__filterList.commonStyle__cursor.FilterTabs__activeFilter.commonStyle__active {
        color: #243fab;
        display: none;
    }
    .UploadPopup__popupList.commonStyle__link.commonStyle__cursor.commonStyle__wordBreak {
        color: #243fab;
    }
    .ManageAccountContainer__deleteBox {
        margin-bottom: 1.875rem;
        display: none;
    }
    a.ManageAccountContainer__editPwd {
        display: none;
    }
    
    
    /*SECCION AGREGAR TICKET*/
    .TicketFormLeftContainer__title::after {
        content: "Ingresa tu solicitud";
        visibility: visible;
        font-size: 32px;
        font-weight: bold;
    }
    
    .TicketFormLeftContainer__title {
        visibility: hidden;
    }
    .TicketFormLeftContainer__sectionName.commonStyle__fweight600.Información_de_Ticket::before {
        content: "Completa los siguientes campos para ingresar un ticket de atención";
        visibility: visible;
    }
    
    .TicketFormLeftContainer__sectionName.commonStyle__fweight600.Información_de_Ticket {
        visibility: hidden;
    }
    .Upload__overflow.commonStyle__inlineBlock.commonStyle__inlineBlock::before {
        content: "Adjunte el (los) archivo(s) necesario(s).";
        visibility: visible;
        display: flex;
        color: #878787;
          font-size: 12px;
    }
    
    .Upload__overflow.commonStyle__inlineBlock.commonStyle__inlineBlock {
        visibility: hidden;
    }
    
    
    /*mis tickets*/
    span.TicketFilterPopup__filterValue.commonStyle__link.commonStyle__cursor {
        color: #243fab;
    }
    span.ConversationForm__rcLabels.commonStyle__verticalMiddle {
        COLOR: #243fab;
    }
    span.CommentOne__creaColor.commonStyle__link.commonStyle__cursor.commonStyle__inlineBlock {
        COLOR: #243fab;
    }
    .Icon__icon {
        color: inherit;
        vertical-align: middle;
        fill: currentColor;
        COLOR: #243fab;
    }
    svg.Icon__xSmall.undefined {
        color: #333;
    }
    .borderLineTop+.borderLineTop {
        border-top: 1px solid #243fab;
    }
    div.ChangePasswordContainer__profileHeadTitle {
        font-size: 1rem;
        padding-bottom: 5px;
        color: #000;
        visibility: hidden;
    }
    div.ChangePasswordContainer__profileHeadTitle::before {
        content: "LA CONTRASEÑA";
        VISIBILITY: visible;
        FLOAT: left;
    }
    .themeLink {
        color: #243fab;
    }
    .themeLink:hover {
        color: #243fab;
    }
    .List__postdet {
        align-items: center;
        /* display: none; */
    }
    
    .TicketDetailRightContainer2__title.commonStyle__fweight600.commonStyle__fweight600.commonStyle__displayBlock::after {
        content: "Propiedades del ticket";
        visibility: visible;
        float: left;
    }
    
    .TicketDetailRightContainer2__title.commonStyle__fweight600.commonStyle__fweight600.commonStyle__displayBlock {
        visibility: hidden;
    }
    .TicketDetailRightContainer2__sectionName.commonStyle__fweight600.Información_de_Ticket::after {
        content: "Información del ticket";
        visibility: visible;
        /* float: initial; */
        display: flex;
    }
    
    .TicketDetailRightContainer2__sectionName.commonStyle__fweight600.Información_de_Ticket {
        visibility: hidden;
    }
    .Info__infoList.commonStyle__flexColumn.ticket_entityskills {
          display: none;
    }
    span.TicketListItem__repliseCnt.commonStyle__link.commonStyle__cursor {
        color: #243fab;
    }
    span.CommentOne__labelED.commonStyle__flex1 {
        color: #243fab;
    }
    .TicketListLeftContainer1__filterArea .TicketListLeftContainer1__mobileFilter:not(:last-child) {
        margin-right: 1.875rem;
        display: none;
    }
    .TicketListLeftContainer1__filterArea {
        padding: 1.25rem 0;
        align-items: center;
        justify-content: end;
    }
    
    
    /*SESSIÓN TICKETS*/
    .TicketFormLeftContainer__title {
        margin: 0.625rem;
        color: #243fab;
    }
    .TicketFormLeftContainer__sectionName {
        color: #243fab;
        /* padding: 0.25rem 17.625rem; */
    }
    li.DropDown__normal.commonStyle__displayBlock.commonStyle__cursor.commonStyle__link.commonStyle__cursor.commonStyle__overflowDotted {
        COLOR: #243fab;
    }
    .DropDown__listmenu {
        top: 110%;
        left: 0;
        right: 0;
        background: #ffffff;
        transition: all 0.3s ease-out;
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0.0625rem solid #243fab;
        z-index: 1;
        max-height: 12.5rem;
        overflow-y: auto;
    }
    .DropDown__normal {
        padding: 0.625rem;
        transition: all 0.3s ease-out;
        border-bottom: solid 0.0625rem #243fab;
        max-width: 100%;
        font-size: 0.875rem;
    }
    .DropDown__textwrap {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: inherit;
        font-size: 0.8125rem;
        height: 2.425rem;
        padding: 0.625rem 2.1875rem 0.625rem 0.625rem;
        border-radius: 0.2rem;
        line-height: normal;
        color: #243fab;
    }
    .Input__formInput {
        padding: 0.575rem 0.625rem;
        color: #243fab;
        font-size: 0.8125rem;
        border: 0.0625rem solid #ddd;
        width: 100%;
        outline: none;
        border-radius: 3px;
        -webkit-appearance: none;
        font-size: 0.875rem;
    }
    svg.Icon__icon.commonStyle__positionRel.commonStyle__inlineBlock.Icon__icon.commonStyle__positionRel.commonStyle__inlineBlock {
        color: #243fab;
    }
    .Upload__type1 .Upload__uploadbg {
        background-color: #a7a6ab;
        margin: 1.25rem auto 0.625rem auto;
        color: #f3f3f3;
    }
    
    
    
    /*EDITAR MI PERFIL*/
    .FilterTabs__filterList {
        font-size: 1rem;
        display: none;
    }
    
    /*Estilo Responsivo para tablet*/
    @media only screen and (min-width:601px) and (max-width:860px){
    /*@media only screen and (max-width: 800px) {*/
    #flex-container {
        text-align: center;
        width: 100%;
        height: 235px;
        display: flex;
        /* flex-direction: row-reverse; */
        background: url(https://www.tivenoscrm.com/tools/imagenes_ucsp/BannerBienvenidaZoho1882x630.png);
        background-repeat: no-repeat;
        background-size: 100%;
        margin-left: 0px;
        align-content: space-between;
        /* justify-content: center; */
        /* align-items: center; */
    }
      div#contenido_derecha {
        display: block;
        width: 100%;
        height: 80%;
    }
    #seccion_navbar {
        margin: 0px;
        width: 100%;
    }
      #contenido_izquierda{
           width:100%; 
      }
    #contenido_derecha {
        width: 50%;
        height: 60%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /* background: #3A3A3C; */
    }
    #seccion_uno {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: -5%;
        font-size: 24pt;
    }
    #seccion_dos {
        color: white;
        width: 100%;
        margin-bottom: 5%;
        font-size: 11px;
    }
      #seccion_botones{
        display: flex;
        flex-direction: column;
        justify-content: space-between; 
      }
      #boton{
        width: 100%; 
        margin-bottom: 2%;
        padding: 10px 0px;
      }
    
       #searchBtnContainer{
          width: 100%;
          margin-left: 0;
          margin-right: 0;
        }
        /*Modificar el ancho del div que contiene el input*/
          .SearchBox__searchpart {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          }
      #seccion_navbar {
        margin: 0px;
        width: 100%;
    }
      .Header__navbtn {
        z-index: 1;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: flex-end;
        margin-right: 17px;
        padding-block: 11px;
    }
    .Atajos_centro_kb {
        display: flex;
        justify-content: center;
        background-color: #f6f8fd;
        /* padding: 31px; */
        /* margin: 8px; */
        border-radius: 12px;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        width: 100%;
        /* margin-left: 157px; */
    }
    .v-line {
        border-left: solid #a7a6ab00;
        width: 100%;
        height: 17px;
        left: 53%;
        position: unset;
    }
      .Atajos_centro_kb {
        display: flex;
        margin: 0px;
        padding: 15px;
        align-items: center;
        flex-direction: column;
    }
      .cont_derecho {
        background: #dddddf;
        border-radius: 12px;
        padding: 0px;
        width: 50%;
        text-align: center;
        font-size: 14px;
    }
      .cont_izq {
        background: #dddddf;
        border-radius: 12px;
        padding: 0px;
        width: 50%;
        text-align: center;
        font-size: 14px;
    }
      .redirec11 {
        color: white;
        border: 12px;
        text-decoration: none;
        font-size: 12px;
    }
      .caja12 {
        background-color: #243fab;
        color: white;
        border: 2px solid #f6f8fd;
        border-radiux: 12px;
        margin: 4px;
        padding: 5px;
        cursor: pointer;
        max-width: 340px;
    }
      .redirec12 {
        color: white;
        border: 12px;
        text-decoration: none;
        font-size: 12px;
    }
      .redirec21 {
        color: white;
        border: 12px;
        text-decoration: none;
        font-size: 12px;
    }
      .redirec22 {
        color: white;
        border: 12px;
        text-decoration: none;
        font-size: 12px;
    }
      .redirec31 {
        color: white;
        border: 12px;
        text-decoration: none;
        font-size: 12px;
    }
      .redirec32 {
        color: white;
        border: 12px;
        text-decoration: none;
        font-size: 12px;
    }
    }
    
    /*Estilo Responsivo para celular*/
    @media only screen and (min-width:300px) and (max-width:600px){
    /*@media (max-width: 600px) {*/
    #flex-container {
        text-align: center;
        width: 100%;
        height: 355px;
        display: flex;
        /* flex-direction: row-reverse; */
        background: url(https://www.tivenoscrm.com/tools/imagenes_ucsp/BannerBienvenidaZoho1882x630.png);
        background-repeat: no-repeat;
        background-size: 713px 453px;
        margin-left: 0%;
        align-content: space-between;
        justify-content: space-between;
    }
    #navBarContainer {
        width: 100%;
        margin-left: 0%;
    }
      #seccion_navbar {
        margin: -64px 0%;
        width: 60%;
        height: 100%;
    }
    /*Hamburguesa posición*/
    .Header__menuClick {
        display: block;
        padding: 0.625rem 0;
        position: relative;
        z-index: 3;
        cursor: pointer;
        margin-right: 6%;
        height: 41px;
    }
      .Header__navbtn {
        z-index: 1;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: end;
    }
      #contenido_derecha {
        width: 100%;
        margin-left: -100%;
    }
      #seccion_uno {
        width: 100%;
        margin-top: -7%;
    }
      
      #seccion_dos {
        color: white;
        width: 100%;
        margin-bottom: 22%;
        font-size: 18px;
    }
      
    #seccion_tres {
        color: white;
        width: 80%;
        margin-top: -18%;
        font-size: 30px;
        height: 100px;
        /* background: linear-gradient(to right, #DEAE5B, rgba(255, 122, 89,0)); */
    }
    /*responsive vista perfil en celular*/
      .LoginDetail__userContent {
        padding: 0.01rem;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-around;
        align-content: stretch;
        flex-wrap: wrap;
    }
      .LoginDetail__signin, .LoginDetail__signup {
        padding-top: 8px;
        font-size: 1.125rem;
        text-align: center;
    }
    span.Avatar__default.Avatar__large.enduser_avatar {
        visibility: hidden;
        display: none !important;
    }
      .commonStyle__dFlex {
        display: flex;
        align-content: stretch;
        justify-content: flex-start;
        align-items: baseline;
    }
      .Signup__title {
        padding: 0px;
        font-size: 35px;
        color: #f0ad4e;
        text-transform: uppercase;
        font-weight: bold;
        visibility: hidden;
    }
      span.Signup__title.commonStyle__displayBlock::before {
        content: "Regístrese aquí";
        visibility: visible;
        float: left;
        font-size: 35px;
    }
    #logo_izquierda {
        object-fit: contain;
        width: 100%;
        height: auto;
        margin-left: -43%;
    }
    img#logo_izquierda {
        margin-left: 0%;
    }
      
       #searchBtnContainer{
            width: 100%;
            margin-left: 0;
            margin-right: 0;
       }
    /*Centrar información de mis tickets totales*/
      .TicketListLeftContainer1__filterArea {
        justify-content: center;
    }
      .TicketFormLeftContainer__sectionName {
        color: #243fab;
        /* padding: 0.25rem 17.625rem; */
    }
        /*Modificar el ancho del div que contiene el input*/
      .SearchBox__searchpart {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
      }
        /*margen en el menu list*/
    li#new_ticket_button {
        border: 1px solid #243FAB;
        padding: 8px;
        background-color: #DEAE5B;
        color: #FFFFFF;
        text-decoration: none;
        /* text-transform: uppercase; */
        font-family: 'Helvetica', sans-serif;
        border-radius: 6px;
        font-size: 16px;
        margin: 15px;
        cursor: pointer;
    }
      /*Atajos centrales celular*/
    .Atajos_centro_kb {
        display: flex;
        margin: 0px;
        padding: 15px;
        align-items: center;
        flex-direction: column;
    }
    .v-line {
        border-left: solid #a7a6ab00;
        width: 100%;
        height: 17px;
        left: 53%;
        position: unset;
        margin: 0px;
    }
      /*video de base de conocimiento*/
    .iframe {
        display: block;
        width: 100%;
        height: 0;
        position: relative;
    }
      /*Articulos centrales*/
      .caja1 {
        border: 5px solid #f6f8fd;
        border-radiux: 15px;
        font-family: 'Lato', sans-serif;
        display: flex;
        font-size: 9px;
    }
      .caja2 {
        border: 5px solid #f6f8fd;
        border-radiux: 15px;
        font-family: 'Lato', sans-serif;
        display: flex;
        font-size: 9px;
    }
      .caja3 {
        border: 5px solid #f6f8fd;
        border-radiux: 15px;
        font-family: 'Lato', sans-serif;
        display: flex;
        font-size: 9px;
    }
    .cont_izq {
        background: #dddddf;
        border-radius: 12px;
        width: 100%;
        text-align: center;
        margin: 0px;
      padding: 14px;
    }
    .cont_derecho {
        background: #dddddf;
        border-radius: 12px;
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }
        .cont_izq:hover {
        background: #dddddf;
        border-radius: 12px;
        width: 100%;
        text-align: center;
        margin: 0px;
      padding: 14px;
    }
    .cont_derecho:hover {
        background: #dddddf;
        background: #dddddf;
        border-radius: 12px;
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }
    span.helpers__description {
        color: #243fab;
        font-size: 14px;
    }
      .cajacentral {
        margin-left: 0px;
    }
      li#tab_signin {
        display: none;
    }
      .SearchAutosuggest__suggestList {
        background: #f5f6fb;
        /* color: #fff; */
    }
    }  
    .ConversationForm__conversationTarea
    .ConversationForm__openThreadForm+.ConversationForm__openThreadForm {
    /*display:none*/
    }
    .Header__overlayresponav, .Header__responsivefreez {
        background: #243FABe3;
    }
    .TicketClosePopup__container{
      display: none;
    }
    #topcontainer{
      background-color: #203896 !important;
    }